body {
    font-family: 'proxima', sans-serif;
    padding-top: 0px;
    overflow-x: hidden;
    background-color: #f2f2f2;
}

ul,
ol {
    padding: 0px;
    margin: 0px;
}

.container {
    max-width: 1200px;
}

.main_banner {
    width: 100%;
    position: relative;
    display: block;
    /* height: 100vh;
    min-height: 100vh;
    max-height: 100vh; */
    overflow: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'proxima', 'Ubuntu', sans-serif;
}


/* ul.fsocial li a.fb, .fixed_social li a.fb {
    background: #4867AA;
}
ul.fsocial li a.tw, .fixed_social li a.tw {
    background: #1DA1F2;
}
ul.fsocial li a.gp, .fixed_social li a.gp {
    background: #DC473A
}
ul.fsocial li a.in, .fixed_social li a.in {
    background: #007BB6
}
ul.fsocial li a.scrollup {
    background: #555;
}
ul.fsocial li a.fb:hover {
    color: #4867AA;
    border: 1px solid #4867AA;
}
ul.fsocial li a.tw:hover {
    color: #1DA1F2;
    border: 1px solid #1DA1F2;
}
ul.fsocial li a.gp:hover {
    color: #DC473A;
    border: 1px solid #DC473A;
}
ul.fsocial li a.in:hover {
    color: #007BB6;
    border: 1px solid #007BB6;
}
ul.fsocial li a:hover {
    background: #fff;
    color: #333;
    border: 1px solid #333;
    transition: all .5s;
} */

.fixed_social {
    float: right;
    display: inline-block;
    z-index: 999999;
}

.fixed_social li {
    list-style: none;
    float: left;
    display: inline-block;
    margin-left: 4px;
}

.fixed_social li a {
    float: left;
    color: #fff;
    text-align: center;
    width: 26px;
    height: 30px;
    border-radius: 0;
    line-height: 30px;
    /* margin-top: 8px; */
    font-size: 16px;
    transition: all .5s;
}

.fixed_social li a:hover {
    border-radius: 0;
    transition: all .5s;
}

.fixed_social li:last-child a {
    margin-top: 0px;
    height: 30px;
    width: auto;
    text-decoration: none;
    color: #004373;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    padding: 0 20px;
    line-height: 30px;
    background-color: #f3b440;
    margin-left: 15px;
}


/*--------header-----------*/

.header {
    position: fixed;
    z-index: 99;
    top: 0px;
    left: 0px;
    width: 100%;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.15);
}

.header_top {
    width: 100%;
    display: table;
    background-color: #fff;
    padding: 0 40px;
    /*background-image: url('../images/bg1.png');
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: top center;*/
}

#header.fixed1 {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    background-color: rgba(0, 24, 119, 0.90);
    z-index: 99;
    border-bottom: 1px solid #ccc;
}

.logo {
    float: left;
    display: inline-block;
    height: 110px;
    line-height: 110px;
    margin-left: 0px;
}

.logo a {
    vertical-align: middle;
    display: table;
    background-image: url(../images/logo.png);
    background-repeat: no-repeat;
    background-position: left 20px;
    width: 260px;
    height: inherit;
    background-size: 100%;
}

.top1_left {
    display: inline-block;
    float: right;
}

.top1_left ul li {
    display: inline-block;
    float: left;
    height: 30px;
    line-height: 30px;
    font-weight: 300;
    position: relative;
}

.top1_left ul li a {
    color: #fff;
    display: inline-block;
    float: left;
    font-size: 14px;
    padding: 0 10px;
    font-weight: 300;
    text-decoration: none;
    letter-spacing: 0px;
    transition: all 0.3s ease 0s;
}

.top1_left ul li a i {
    margin-right: 7px;
    font-size: 14px;
    color: #f3b440;
}

.top1_left ul li.whatsapp a i {
    color: #2751ab;
}


/* .top1_left ul li a:hover{color: #f3b440;} */


/* .top1_left ul li:after{
    position: absolute;
    right: 0px;
    top: 10px;
    width: 1px;
    height: 18px;
    content: "";
    background-color: #ccc;
} */

.top1_left ul li:last-child:after {
    display: none;
}

.topsocial {
    float: right;
    display: inline-block;
    margin-top: 5px;
}

.topsocial a {
    text-decoration: none;
    color: #fff;
    border: 1px solid #fff;
    font-size: 14px;
    transition: all 0.3s;
    padding: 0 12px;
    height: 30px;
    margin-left: 7px;
    display: inline-block;
    text-align: center;
    line-height: 28px;
}

.topsocial a:hover {
    background-color: #fff;
    color: #1b3072;
}

img.iso1 {
    width: 80px;
    margin-top: 2px;
}

.main_menu {
    clear: both;
    width: 100%;
    display: table;
    background-color: #0067b1;
    box-shadow: 0 4px 4px 1px rgba(0, 0, 0, 0.15);
}

.menu {
    float: right;
    display: inline-block;
    margin-top: 15px;
}

.menu>ul {
    list-style: none;
    float: left;
    margin-right: 0px;
}

.menu>ul>li {
    display: inline-block;
    float: left;
    position: relative;
}

.menu>ul>li>a {
    text-decoration: none;
    color: #555;
    font-size: 14px;
    text-transform: uppercase;
    display: block;
    transition: all 0.3s ease 0s;
    outline: 0px;
    padding: 0 15px;
    height: 55px;
    font-weight: 600;
    line-height: 55px;
    letter-spacing: 1px;
}

.menu>ul>li>a i {
    margin-left: 2px;
}

.menu ul>li:hover>a,
.menu ul>li>a.active {
    color: #007dc6;
    border-color: #007dc6;
}

.menu ul>li.lastli a {
    color: #0068b1;
    height: 40px;
    line-height: 40px;
    margin-top: 20px;
    border-radius: 5px;
    background-color: #fff;
    border: 1px solid #0068b1;
}

.menu ul>li.lastli:hover a {
    background-color: #0068b1;
    color: #fff;
}

.menu ul li:hover ul.submenu1 {
    display: block;
}

ul.submenu1 {
    width: auto;
    min-width: 280px;
    /*max-width: 1000px;*/
    background-color: #fff;
    box-shadow: 0 6px 4px 3px rgba(0, 0, 0, 0.15);
    position: absolute;
    top: 100%;
    left: 0px;
    list-style: none;
    display: none;
    z-index: 9999999999;
}

ul.submenu1 li {
    display: table;
    clear: both;
    width: 100%;
    position: relative;
}

ul.submenu1 li a {
    text-decoration: none;
    color: #000 !important;
    font-size: 16px;
    line-height: 22px;
    padding: 14px 20px !important;
    display: block;
    font-weight: 400;
    transition: all 0.3s ease 0s;
    text-align: left;
    text-transform: capitalize;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

ul.submenu1>li:last-child>a {
    border-bottom: 0px;
}

ul.submenu1 li:hover>a {
    color: #0068b0 !important;
    background-color: #f7f9fe;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
}

ul.submenu1 li:last-child a {
    border-bottom: 0px !important;
}

ul.submenu2 {
    display: none !important;
    border-top: 0px;
    min-width: 240px;
}

.menu ul>li ul.submenu1 li:hover ul.submenu2 {
    left: 100%;
    top: 0px;
    display: block !important;
    background-color: #f3f3f3;
}

ul.submenu2 li a {
    color: #000 !important;
}

ul.submenu3 {
    display: none !important;
    border-top: 0px;
    min-width: 240px;
}

.menu ul>li ul.submenu2 li:hover ul.submenu3 {
    left: 100%;
    top: 0px;
    display: block !important;
    background-color: #fff;
}

ul.submenu3 li a {
    color: #000 !important;
}

a.enquirenow {
    position: relative;
    z-index: 1;
    padding: 10px 26px 6px;
    border: 0;
    border-radius: 0;
    background-color: transparent;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    color: #fff;
    margin: 22px 10px 0px 0;
    transition: all 0.3s;
}

a.enquirenow:before,
a.enquirenow:after {
    position: absolute;
    top: 0;
    height: 100%;
    transform: skewX(-10deg);
    transition: all .2s ease-in-out;
    content: "";
}

a.enquirenow:before {
    right: 10px;
    left: 10px;
    z-index: -1;
    background-color: #f3b440;
}

a.enquirenow1:before {
    background-color: #083e6e;
}

a.enquirenow:after {
    background-color: rgba(245, 134, 52, .6);
    right: 0;
    left: 0;
    z-index: -2;
}

a.enquirenow1:after {
    background-color: rgba(8, 62, 110, .6);
}

a.enquirenow:hover:before {
    background-color: #fa9b54;
}

a.enquirenow1:hover:before {
    background-color: #0f62ac;
}


/*------header_end--------*/


/* .main_banner::after {
    content: "";
    display: block;
    position: absolute;
    bottom: -1px;
    width: 100%;
    background: url(../images/mountain_header_home3.svg);
        background-size: auto;
    height: 19%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
    z-index: 21;
    pointer-events: none;

} */


/* .main_banner::after {
    content: "";
    display: block;
    position: absolute;
    bottom: -1px;
    width: 100%;
    height: 100%;
    z-index: 21;
    pointer-events: none;
    clip-path: polygon(50% 100%, 100% 72%, 100% 100%, 0 100%, 0 72%);
    background-color: #fff;
} */

.banner_txt {
    top: 46% !important;
    color: #fff;
    position: absolute;
    text-align: left;
    width: 55%;
    padding: 0 20px !important;
    margin: auto;
    left: 5%;
    margin: auto;
    text-align: left;
}

.banner_hd,
.banner_cont,
.banner_r_more {
    width: 100%;
    float: left;
}

.banner_hd {
    color: #fff;
    font-size: 46px;
    line-height: 55px;
    text-transform: uppercase;
    font-weight: 800;
    letter-spacing: 2px;
    margin-bottom: 10px;
    position: relative;
    /* text-shadow: 0 0 10px rgba(0, 0, 0, 0.3) !important; */
    visibility: visible !important;
}


/* .banner_hd:before{
    position: absolute;
    left: calc(50% - 59px);
    width: 118px;
    top: -30px;
    height: 10px;
    content: "";
    background-image: url('../images/line.png');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100%;
} */


/* .banner_hd span{color: #007dc6;} */

.banner_hd1 {
    position: relative;
    font-size: 16px;
    color: #007dc6;
    font-weight: 800;
    line-height: 36px;
}

.banner_hd1 span {
    width: 36px;
    height: 2px;
    background-color: #007dc6;
    display: inline-block;
    position: relative;
    left: 10px;
    top: -5px;
}

.banner_cont {
    color: #fff;
    font-size: 18px;
    line-height: 28px;
    width: 100%;
    font-weight: 600;
    margin: 10px 0;
    display: none;
    /* text-shadow: 0 0 10px rgba(0, 0, 0, 0.3) !important; */
    visibility: visible !important;
}

.banner_cont span {
    margin: 0 10px;
    display: inline-block;
}

.banner_cont span i {
    margin-right: 5px;
}

.banner_r_more {
    clear: both;
    margin-top: 10px;
}

.banner_r_more a {
    text-decoration: none;
    color: #000064;
    text-transform: capitalize;
    font-size: 14px;
    height: 46px;
    line-height: 46px;
    /* border: 2px solid #fff; */
    margin: auto;
    display: inline-block;
    /* border: 1px solid #0067b1; */
    text-transform: uppercase;
    letter-spacing: 2px;
    background-color: transparent;
    font-weight: 600;
    margin-right: 15px;
    padding: 0 20px 0 30px;
    /* border-radius: 5px; */
    transition: all 0.3s ease 0s;
    visibility: visible !important;
    outline: 0px;
    position: relative;
    background-color: #fff;
}

.banner_r_more a:before {
    top: 0;
    width: 10px;
    height: calc(100% - 10px);
    background-color: #fff;
    display: block;
    position: absolute;
    right: -10px;
    content: "";
    transition: all 0.3s ease 0s;
}

.banner_r_more a:after {
    bottom: 0;
    width: 0;
    height: 0;
    border-color: #fff transparent transparent;
    border-style: solid;
    border-width: 10px 10px 0 0;
    display: block;
    position: absolute;
    right: -10px;
    content: "";
    transition: all 0.3s ease 0s;
}

.banner_r_more a:hover:before {
    background-color: #fff;
}

.banner_r_more a:hover:after {
    border-color: #fff transparent transparent;
}


/* .banner_r_more a.contus{background-color: transparent; color: #0067b1;} */

.banner_r_more img {
    margin-left: 5px;
}

.banner_r_more a:hover {
    background-color: #fff;
    border-color: #fff;
    color: #035d01;
}

.banner_r_more a i {
    margin-left: 10px;
}

.ban_but {
    /* top: 80%; */
    bottom: 0px;
}

.slideRight ul {
    list-style: none;
}

.slideRight ul li {
    display: inline-block;
    position: relative;
    padding: 0 25px;
}

.slideRight ul li:before {
    content: "\f061";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    /*--adjust as necessary--*/
    color: #fff;
    font-size: 21px;
    padding-right: 0.5em;
    position: absolute;
    top: 0px;
    left: 0;
}

.slideRight ul li:first-child:before {
    display: none;
}

.carousel-fade .carousel-inner .item {
    opacity: 0;
    transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
    opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

.carousel-fade .carousel-control {
    z-index: 2;
}

@media all and (transform-3d),
(-webkit-transform-3d) {
    .carousel-fade .carousel-inner>.item.next,
    .carousel-fade .carousel-inner>.item.active.right {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner>.item.prev,
    .carousel-fade .carousel-inner>.item.active.left {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner>.item.next.left,
    .carousel-fade .carousel-inner>.item.prev.right,
    .carousel-fade .carousel-inner>.item.active {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.abssoc {
    position: absolute;
    right: 0px;
    top: 68%;
    z-index: 9;
    width: 110px;
    text-align: center;
}

.abssoc a {
    text-decoration: none;
    color: #fff;
    display: block;
    font-size: 18px;
    margin-bottom: 18px;
    transition: all 0.3s;
    opacity: 0.8;
}

.fixedrt {
    position: fixed;
    right: 0px;
    top: 45%;
    z-index: 9999;
}

.fixedrt a {
    width: 65px;
    padding-top: 40px;
    /* padding-right: 1.42857rem; */
    padding-bottom: 10px;
    background-position: left 20px;
    font-size: 1.14286rem;
    background-size: 24px 24px;
    cursor: pointer;
    position: relative;
    color: #fff;
    font-weight: 600;
    background: #4abd2d url(../images/enquiry-blue.svg) no-repeat;
    background-position: left 15px;
    background-size: 20px;
    line-height: 1.25;
    text-decoration: none;
    display: block;
    font-size: 12px;
}

.fixedrt a:before {
    width: 20px;
    height: calc(100% - 20px);
    top: 0;
    background-color: #4abd2d;
    left: -20px;
    display: block;
    position: absolute;
    content: "";
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

.fixedrt a:after {
    border-width: 0 20px 20px 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent #4abd2d transparent transparent;
    left: -20px;
    display: block;
    position: absolute;
    content: "";
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}


/*section1*/

.section1 {
    clear: both;
    width: 100%;
    display: block;
    position: relative;
    padding: 40px 0 0;
    background-color: #f4f4f4;
    /* background-image: url('../images/shape-1.jpg'); */
}

.section1 h2 {
    text-align: center;
    width: 100%;
    font-size: 32px;
    line-height: 1.5;
    letter-spacing: 6.4px;
    text-transform: uppercase;
    margin-bottom: 30px;
    color: #040262;
    font-weight: 600;
    margin-top: 0px;
}

.service-block {}

.service-block .inner-box {
    position: relative;
    z-index: 9;
    margin-bottom: 30px;
}

.service-block .top-content {
    position: relative;
    text-align: center;
    background: #fff;
    margin-bottom: 20px;
    transition: .5s ease;
}

.service-block .inner-box:hover .top-content {
    /* transform: translateY(-10px); */
    box-shadow: 0px 15px 15px 0px rgba(0, 0, 0, 0.2);
}

.service-block h4 {
    font-size: 19px;
    font-weight: 400;
    color: #fff;
    padding: 23px 0;
    margin: 0px;
}

.service-block.color1 h4 {
    background-color: #f1b543;
}

.service-block.color2 h4 {
    background-color: #a24ff5;
}

.service-block.color3 h4 {
    background-color: #0db9a6;
}

.service-block.color4 h4 {
    background-color: #47cc59;
}

.service-block.color5 h4 {
    background-color: #ea24ad;
}

.service-block.color6 h4 {
    background-color: #2f99d7;
}

.service-block h4 a {
    color: #fff;
    transition: .5s ease;
    text-decoration: none;
}

.service-block h4 a:hover {
    color: rgba(255, 255, 255, 0.5);
}

.service-block .top-content img {
    width: 100%;
}

.service-block .lower-content {
    position: relative;
}

.service-block .lower-content .text {
    text-align: center;
    margin-bottom: 30px;
}

.service-block .lower-content .link-btn {
    position: relative;
    text-align: center;
}

.service-block .lower-content .link-btn:before {
    position: absolute;
    content: '';
    background: #e0e0e0;
    bottom: 20px;
    left: 0;
    width: 100%;
    height: 1px;
    transition: .5s ease;
}

.service-block .lower-content .link-btn:after {
    position: absolute;
    content: '';
    background: #f3b440;
    bottom: 20px;
    left: 0;
    width: 100%;
    height: 1px;
    transition: .5s ease;
    transform: scaleX(0);
    transform-origin: center;
}

.service-block.color2 .lower-content .link-btn:after {
    background: #a24ff5;
}

.service-block.color3 .lower-content .link-btn:after {
    background: #0db9a6;
}

.service-block.color4 .lower-content .link-btn:after {
    background: #47cc59;
}

.service-block.color5 .lower-content .link-btn:after {
    background: #ea24ad;
}

.service-block.color6 .lower-content .link-btn:after {
    background: #2f99d7;
}

.service-block .inner-box:hover .lower-content .link-btn:after {
    transform: scaleX(1);
}

.service-block .lower-content .link-btn a {
    position: relative;
    display: inline-block;
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 38px;
    border: 1px solid #e0e0e0;
    background: #fff;
    border-radius: 50%;
    color: #f3b440;
    font-size: 15px;
    transition: .5s ease;
    z-index: 5;
}

.service-block .inner-box:hover .lower-content .link-btn a {
    border-color: #f3b440;
}

.service-block.color2 .inner-box:hover .lower-content .link-btn a {
    border-color: #a24ff5;
}

.service-block.color3 .inner-box:hover .lower-content .link-btn a {
    border-color: #0db9a6;
}

.service-block.color4 .inner-box:hover .lower-content .link-btn a {
    border-color: #47cc59;
}

.service-block.color5 .inner-box:hover .lower-content .link-btn a {
    border-color: #ea24ad;
}

.service-block.color6 .inner-box:hover .lower-content .link-btn a {
    border-color: #2f99d7;
}

.service-block .lower-content .link-btn a:before {
    position: absolute;
    content: '';
    background: #f3b440;
    top: 50%;
    left: 50%;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transition: 1s ease;
}

.service-block.color2 .lower-content .link-btn a:before {
    background: #a24ff5;
}

.service-block.color3 .lower-content .link-btn a:before {
    background: #0db9a6;
}

.service-block.color4 .lower-content .link-btn a:before {
    background: #47cc59;
}

.service-block.color5 .lower-content .link-btn a:before {
    background: #ea24ad;
}

.service-block.color6 .lower-content .link-btn a:before {
    background: #2f99d7;
}

.service-block .inner-box:hover .lower-content .link-btn a:before {
    opacity: 0;
}

.service-block .lower-content .link-btn a span {
    position: relative;
    transform: scale(0);
    display: inline-block;
    transition: .5s ease;
    left: -7px;
}

.service-block.color2 .lower-content .link-btn a span {
    color: #a24ff5;
}

.service-block.color3 .lower-content .link-btn a span {
    color: #0db9a6;
}

.service-block.color4 .lower-content .link-btn a span {
    color: #47cc59;
}

.service-block.color5 .lower-content .link-btn a span {
    color: #ea24ad;
}

.service-block.color6 .lower-content .link-btn a span {
    color: #2f99d7;
}

.service-block .inner-box:hover .lower-content .link-btn a span {
    transform: scale(1);
    opacity: 1;
    left: 0;
    font-size: 21px;
    position: relative;
    top: 2px;
}

.prod_rnge {
    /* float: left;
    display: inline-block;
    width: 25%; */
}

.prod_rnge a {
    text-decoration: none;
    color: #fff;
    width: 100%;
    display: block;
    position: relative;
}

.prod_rnge a img {
    width: 100%;
    display: block;
}

.product_range_btn .btn_wrap {
    display: block;
    position: relative;
    width: 95%;
    z-index: 10;
    margin: -90px auto 60px;
}

.product_range_btn .titlecontent {
    display: table;
    position: relative;
    background-image: url("../images/bluepanel-plain-large.png");
    width: 100%;
    height: 121px;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}

.product_range_btn .titlecontent .iconwrap {
    display: table-cell;
    vertical-align: middle;
    width: 30%;
    text-align: center;
    position: relative;
    padding-top: 40px;
}

.product_range_btn .titlecontent .iconwrap .icon {
    display: inline-block;
}

.product_range_btn .titlecontent .iconwrap .icon>img {
    position: relative;
    top: 5px;
    width: 32px;
    height: 32px;
}

.product_range_btn .titlecontent .title {
    display: table-cell;
    vertical-align: middle;
    width: 70%;
    padding-right: 10px;
    padding-top: 40px;
    position: relative;
}

.product_range_btn .titlecontent .title .text {
    -webkit-transition: color 1s ease;
    -moz-transition: color 1s ease;
    -ms-transition: color 1s ease;
    -o-transition: color 1s ease;
    transition: color 1s ease;
    display: block;
    font-weight: 500;
    line-height: 18px;
    font-size: 1.1428571429rem;
    text-transform: uppercase;
    color: #fff;
    font-size: 16px;
    letter-spacing: 1px;
}

.product_range_btn .see-range {
    height: 36px;
    line-height: 36px;
    color: #fff;
    text-transform: uppercase;
    background-color: #6cb148;
    text-align: center;
    font-size: 12px;
}

.product_range_btn .see-range::after {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    background: no-repeat center;
    background-image: none;
    background-size: auto;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='92.2 92.2 15 15' fill='%23fff'%3E%3Cpolygon points='99.7,107.2 107.2,99.7 99.7,92.2 97.6,94.3 101.6,98.3 92.2,98.3 92.2,101.1 101.6,101.1 97.6,105.1'/%3E%3C/svg%3E");
    background-size: 13px 13px;
    top: 4px;
    content: "";
    -webkit-transition: transform 1s ease;
    -moz-transition: transform 1s ease;
    -ms-transition: transform 1s ease;
    -o-transition: transform 1s ease;
    transition: transform 1s ease;
}

.product_range_btn a:hover .titlecontent .title .text {
    color: #4fbee5
}

.product_range_btn a:hover .see-range:after {
    transform: translateX(10px);
}


/*section1*/


/*section0*/

.section0 {
    /* background-image: url("../images/background-bullets.svg");
    background-size: 5px 5px;  */
    /* background-image: url('../images/worldmap-copy-4.png'); */
}

.mangementSolutionSection__column {
    padding: 7px;
    width: 25%;
    float: left;
    display: inline-block;
}

.mangementSolutionSection__card {
    background-color: #fff;
    height: 100%;
    display: block;
    box-shadow: 0 0 76px 0 rgba(0, 0, 0, .08);
    transition: all 0.3s;
    text-decoration: none;
}

.ab100,
.table-outer {
    width: 100%;
    height: 100%;
}

.ab100 {
    position: absolute;
    top: 0;
    left: 0;
}

.mangementSolutionSection__cardImageHolder {
    width: 100%;
    height: 245px;
    position: relative
}

.mangementSolutionSection__cardImageOverlay {
    background-color: rgba(0, 0, 0, .5);
    transition: .25s
}

.mangementSolutionSection__cardBottom {
    position: relative;
    padding: 20px 50px 20px 25px;
    height: 80px;
}

.mangementSolutionSection__cardLabel {
    /* letter-spacing:3.2px; */
    color: #000062;
    font-size: 16px;
    line-height: 1.35;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 10px;
}

.mangementSolutionSection__cardArrow {
    width: 10px;
    height: 18px;
    background: url(../images/icon_arrow.svg) no-repeat 50%;
    background-size: 100%;
    position: absolute;
    top: 50%;
    margin-top: -9px;
    right: 25px;
    transition: .25s
}

.mangementSolutionSection__buttonHolder {
    text-align: center;
    margin-top: 60px
}

.mangementSolutionSection__card:hover {
    box-shadow: 0 0 76px 0 rgba(0, 0, 0, .25)
}

.mangementSolutionSection__card:hover .mangementSolutionSection__cardArrow {
    -webkit-transform: translateX(6px);
    transform: translateX(6px)
}

.mangementSolutionSection__card:hover .mangementSolutionSection__cardImageOverlay {
    opacity: 0
}

.objectFitCover {
    object-fit: cover;
    font-family: "object-fit: cover;";
}

a.mangementSolutionSection__card img {
    width: 100%;
    display: block;
}

.sec-title .theme-btn {
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    background: #f3b440;
    padding: 5px 10px;
    display: inline-block;
    text-decoration: none;
}

.sec-title h1 {
    text-align: center;
    width: 100%;
    font-size: 32px;
    line-height: 1.5;
    letter-spacing: 6.4px;
    text-transform: uppercase;
    margin-bottom: 0px;
    color: #0099db;
    font-weight: 600;
    margin-top: 0px;
}

.section0 .section-title {
    position: absolute;
    left: -80px;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    top: 233px;
    font-size: 26px;
    display: inline-block;
    margin-bottom: 80px;
    color: rgba(0, 167, 238, 0.8);
    margin-top: 0;
    font-weight: 500;
}

.section0 .section-title:after {
    content: '';
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 0;
    border-bottom: 2px solid #f3b440;
    top: 15px;
    left: -105px;
    z-index: 0;
    width: 155px;
    border-bottom: 2px solid rgba(0, 167, 238, 0.8);
}

.section0 h4 {
    text-transform: uppercase;
    margin-top: 0px;
    color: #0cfce0;
    margin-bottom: 10px;
}

.section0 h3 {
    text-align: center;
    width: 100%;
    font-size: 32px;
    line-height: 1.5;
    letter-spacing: 6.4px;
    text-transform: uppercase;
    margin-bottom: 20px;
    color: #0099db;
    font-weight: 600;
    margin-top: 0px;
}

.section0 img {
    width: 125px;
    display: table;
    margin: auto;
}

.section0 h3 {
    color: #000;
    font-weight: 700;
}


/* .section0 h3:before{
    position: absolute;
    left: 0px;
    bottom: -15px;
    width: 100px;
    height: 2px;
    content: "";
    background-color: #f3b53e;
} */


/* .section0 a.rm1{text-decoration: none; color: #ee24aa; background-color: #fff;
padding: 10px 25px; display: inline-block; font-size: 16px; border: 1px solid #ee24aa;
border-radius: 5px;
font-weight: 400; transition: all 0.3s;}
.section0 a.rm1:hover{background-color: #ee24aa; color: #fff;} */

.header_right {
    float: right;
    display: inline-block;
}

.top_bar {
    background: #000064;
    height: 40px;
    line-height: 40px;
    position: relative;
    float: right;
    transition: all .5s;
}

.top_bar::before {
    width: 0;
    height: 0;
    border-bottom: 40px solid #000064;
    border-left: 40px solid transparent;
    content: "";
    position: absolute;
    left: -40px;
}

.top_bar:after {
    position: absolute;
    top: 0;
    left: 100%;
    width: 100%;
    height: 100%;
    content: '';
    background: #000064;
}

.top_bar ul {
    float: right;
    list-style: none;
}

.top_bar ul li {
    float: left;
    margin-left: 15px;
    font-size: 16px;
    color: #fff;
    line-height: 40px;
}

.top_bar ul li i {
    font-size: 20px;
    margin-top: 8px;
    margin-right: 10px;
    float: left;
    cursor: pointer;
}

.top_bar ul li a {
    float: left;
    color: #fff;
    text-decoration: none;
}

.top_bar ul li a:hover {
    text-decoration: underline;
}


/*section1*/

.section0 {
    width: 100%;
    display: block;
    padding: 30px 0 50px;
    position: relative;
    background-color: #fff;
    overflow: hidden;
}

.section0::before {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 45%;
    height: 100%;
    content: "";
    background-color: #f6f6f7;
    -webkit-clip-path: polygon(50% 0, 100% 0%, 100% 100%, 0% 100%);
    clip-path: polygon(50% 0, 100% 0%, 100% 100%, 0% 100%);
    background-image: url('../images/1.jpg');
    background-size: cover;
}

.section0 h3 {
    display: inline-block;
    clear: both;
    width: 100%;
    color: #000;
    text-align: center;
    letter-spacing: 0;
    margin-top: 20px;
    text-transform: capitalize;
    font-size: 21px;
    font-weight: 600;
}

.section0 h3 span {
    color: #ed3237;
}


/* .section0 img{width:90%; float: right; display: block;} */

.section0 h2 {
    font-size: 52px;
    font-weight: 600;
    margin-bottom: 25px;
    margin-top: -10px;
    color: #000061;
}

.section0 h2 span.s1 {
    text-transform: uppercase;
    font-size: 21px;
    letter-spacing: 2px;
    font-weight: 400;
}

.section0 p {
    font-size: 18px;
    line-height: 28px;
    color: #333;
    width: 90%;
}

.maintitle {
    position: absolute;
    bottom: 0px;
    right: 0px;
    font-size: 90px;
    text-transform: uppercase;
    line-height: 150px;
    font-weight: 800;
    letter-spacing: 10px;
    opacity: 0.15;
    color: #fff;
}


/*section0*/

.section0 a {
    text-decoration: none;
    color: #fff;
    text-transform: capitalize;
    font-size: 14px;
    height: 46px;
    line-height: 46px;
    /* border: 2px solid #fff; */
    margin: auto;
    display: inline-block;
    /* border: 1px solid #0067b1; */
    text-transform: uppercase;
    letter-spacing: 2px;
    background-color: transparent;
    font-weight: 600;
    margin-right: 15px;
    padding: 0 20px 0 30px;
    /* border-radius: 5px; */
    transition: all 0.3s ease 0s;
    visibility: visible !important;
    outline: 0px;
    position: relative;
    background-color: #0099db;
    z-index: 9;
    margin-top: 20px;
}

.section0 a:before {
    top: 0;
    width: 10px;
    height: calc(100% - 10px);
    background-color: #0099db;
    display: block;
    position: absolute;
    right: -10px;
    content: "";
    transition: all 0.3s ease 0s;
}

.section0 a:after {
    bottom: 0;
    width: 0;
    height: 0;
    border-color: #0099db transparent transparent;
    border-style: solid;
    border-width: 10px 10px 0 0;
    display: block;
    position: absolute;
    right: -10px;
    content: "";
    transition: all 0.3s ease 0s;
}

.section0 a:hover {
    background-color: #6cb148;
}

.section0 a:hover:before {
    background-color: #6cb148;
}

.section0 a:hover:after {
    border-color: #6cb148 transparent transparent;
}

.feature-block-one .inner-box {
    position: relative;
    padding-left: 80px;
    margin-bottom: 25px;
}

.feature-block-one h4 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
    color: #222;
}

.text {
    font-size: 16px;
    color: #404040;
    line-height: 24px;
}

.feature-block-one .icon {
    position: absolute;
    left: 0;
    top: 8px;
    font-size: 60px;
    color: #f3b440;
}

.feature-block-one .icon img {
    display: block;
    vertical-align: top;
}

.feature-block-two {
    position: relative;
    margin-top: 40px;
}

.feature-block-two .inner-box {
    position: relative;
    margin-bottom: 0px;
}

.feature-block-two .inner-box:before {
    position: absolute;
    content: '';
    background-image: url(../images/shadow.png);
    width: 181px;
    height: 35px;
    right: 0;
    bottom: -35px;
    opacity: 0;
    transition: .5s ease;
}

.feature-block-two .inner-box:hover:before {
    opacity: 1;
}

.feature-block-two .image {
    position: relative;
    display: block;
    overflow: hidden;
}

.feature-block-two .image img {
    position: relative;
    display: table;
    margin: auto;
}

.feature-block-two .overlay-content {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    opacity: 1;
    color: #ffffff;
    text-align: center;
    background: rgba(0, 0, 0, 0.0);
    display: flex;
    align-items: center;
    justify-content: center;
}

.feature-block-two .overlay-content:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 50%;
    height: 100%;
    opacity: 0;
    background: #0067b1;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    transform: translateY(-100%);
}

.feature-block-two .overlay-content:after {
    content: '';
    position: absolute;
    right: 0px;
    top: 0px;
    width: 50%;
    height: 100%;
    opacity: 0;
    background: #0067b1;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    -moz-transform: translateY(100%);
    transform: translateY(100%);
}

.feature-block-two .inner-box:hover .overlay-content:before,
.feature-block-two .inner-box:hover .overlay-content:after {
    opacity: 1;
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    -moz-transform: translateY(0%);
    transform: translateY(0%);
}

.feature-block-two .caption-title {
    position: absolute;
    color: #fff;
    font-size: 30px;
    font-weight: 600;
    font-family: 'Ubuntu', sans-serif;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.feature-block-two .overlay-content .overlay-inner {
    position: relative;
    opacity: 0;
    z-index: 9;
    transform: translateY(50px);
    transition: .5s ease;
}

.feature-block-two .inner-box:hover .overlay-content .overlay-inner {
    opacity: 1;
    transform: translateY(0px);
}

.feature-block-two .overlay-content .icon {
    color: #fff;
    font-size: 60px;
    margin-bottom: 25px;
}

.feature-block-two .overlay-content .text {
    color: #fff;
    position: relative;
    z-index: 2;
}

.feature-block-two .overlay-content .shape-icon {
    color: #2783c4;
    font-size: 150px;
    font-weight: 700;
    position: absolute;
    right: 0;
    bottom: -48px;
    line-height: 1.4em;
}


/* Feature block three */

.feature-block-three {
    position: relative;
    margin-bottom: 30px;
}

.feature-block-three .inner-box {
    position: relative;
    padding: 56px 36px;
    border: 1px solid #e9e6e6;
    background: #f7f7f7;
}

.feature-block-three .inner-box .icon {
    font-size: 90px;
    color: #f3b440;
    margin-bottom: 20px;
}

.feature-block-three .inner-box h2 {
    font-size: 30px;
    line-height: 40px;
    font-weight: 700;
}


/* Feature block four */

.feature-block-four {
    position: relative;
}

.feature-block-four .inner-box {
    position: relative;
    padding-top: 30px;
    margin-bottom: 15px;
}

.feature-block-four .inner-box h4 {
    font-size: 18px;
    font-weight: 600;
    padding-left: 30px;
    position: relative;
    z-index: 1;
    margin-bottom: 30px;
}

.feature-block-four .inner-box .quote {
    position: absolute;
    top: 30px;
    left: 0px;
    z-index: 2;
}

.feature-block-four .inner-box .count {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 80px;
    font-weight: 600;
    color: #eeeeee;
    line-height: 80px;
}

.feature-block-four .inner-box .text {
    line-height: 26px;
}


/*section0*/

.section2 {
    width: 100%;
    display: table;
    padding: 40px 0 50px;
    background-image: url('../images/serv.jpg');
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
}


/* .section2:before{
    position: absolute;
    content: '';
    background: #f7f7f7;
    opacity: .9;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
} */

.multi_tabs {
    clear: both;
    width: 100%;
    display: inline-block;
    margin-top: 20px;
    position: relative;
    z-index: 1;
}

ul.tabs {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    position: relative;
    width: 390px;
    text-align: left;
    position: absolute;
    left: 0px;
    z-index: 9;
    top: 0px;
}

ul.tabs li {
    width: 100%;
    display: block;
    margin: 0;
    cursor: pointer;
    padding: 15px 25px;
    border-left: none;
    font-size: 16px;
    font-weight: 600;
    overflow: hidden;
    position: relative;
    color: #00496a;
    position: relative;
    display: block;
    background-color: #d0eeff;
    border-bottom: 1px solid #fff;
}

ul.tabs li:last-child {
    border-bottom: 0px;
}

ul.tabs li:hover {}

ul.tabs li.active {
    background: #9fdcff;
}

ul.tabs li:before {
    background-image: none;
}

.tab_container {
    border: 0px;
    border-top: none;
    clear: both;
    float: right;
    width: 100%;
}

.tab_content {
    width: 96%;
    float: right;
    margin-top: -20px;
    padding: 40px;
    padding-left: 36%;
    padding-right: 15%;
    height: 400px;
    background-color: #f7f9fa;
    background-size: cover;
    position: relative;
}

.tab_content:before {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    content: "";
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0068a4+0,000000+100&0.9+0,0+100 */
    background: -moz-linear-gradient(left, rgba(0, 104, 164, 0.9) 0%, rgba(0, 0, 0, 0) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(0, 104, 164, 0.9) 0%, rgba(0, 0, 0, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(0, 104, 164, 0.9) 0%, rgba(0, 0, 0, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e60068a4', endColorstr='#00000000', GradientType=1);
    /* IE6-9 */
}

.tab_content h3 {
    font-size: 36px;
    font-weight: 700;
    line-height: 46px;
    color: #fff;
}

.tab_content p {
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    color: #fff;
}

.tab_content a {
    color: #fff;
    padding: 10px 30px;
    transition: all 0.3s;
    background-color: transparent;
    text-decoration: none;
    display: table;
    margin-top: 20px;
    border: 2px solid #fff;
    clear: both;
    font-weight: 700;
    font-size: 16px;
    border-radius: 30px;
}

.tab_content a:hover {
    background-color: rgba(255, 255, 255, 0.5);
}

.section2 .sec-title {
    position: relative;
}

.service-block-two {
    position: relative;
}

.service-block-two .inner-box {
    position: relative;
    background: #fff;
    padding: 30px;
    margin-bottom: 20px;
    transition: .5s ease;
}

.service-block-two .inner-box:hover {
    transform: translateY(-10px);
    box-shadow: 0px 25px 25px 0px rgba(0, 0, 0, 0.1);
}

.service-block-two .icon {
    position: absolute;
    top: 30px;
    left: 40px;
    height: 75px;
    width: 75px;
    background-color: #0067b0;
    border-radius: 75px;
    text-align: center;
    line-height: 75px;
}

.service-block-two .icon img {
    width: 50px;
}

.service-block-two h4 {
    font-size: 18px;
    font-weight: 600;
    color: #222;
    height: 75px;
    line-height: 28px;
    position: relative;
    margin-top: 0px;
    padding-left: 100px;
    vertical-align: middle;
    display: table;
    margin-bottom: 20px;
}

.service-block-two h4 span {
    display: table-cell;
    vertical-align: middle;
}

.service-block-two h4:before {
    position: absolute;
    content: '';
    background: #e9e6e6;
    bottom: -5px;
    left: 100px;
    width: 50px;
    height: 3px;
}

.service-block-two h4 a {
    color: #222;
    transition: .5s ease;
}

.service-block-two h4 a:hover {
    color: #f3b440;
}

.service-block-two .link-btn a {
    position: absolute;
    left: 40px;
    bottom: -25px;
    display: inline-block;
    height: 50px;
    width: 50px;
    text-align: center;
    line-height: 48px;
    border: 1px solid #f3b440;
    background: #f3b440;
    border-radius: 50%;
    color: #fff;
    font-size: 15px;
    transition: .5s ease;
    opacity: 0;
    font-size: 21px;
    transform: scale(.5);
}

.service-block-two .inner-box:hover .link-btn a {
    opacity: 1;
    transform: scale(1);
}

.vall {
    clear: both;
    width: 100%;
    margin-top: 20px;
    display: inline-block;
    text-align: center;
}

.vall a {
    text-decoration: none;
    color: #000;
    padding: 10px 35px;
    border: 2px solid #f4b43c;
    border-radius: 5px;
    transition: all 0.3s;
}

.vall a:hover {
    background-color: #f4b43c;
    color: #fff;
}


/*.home_bottom*/

.home_bottom {
    background-image: url(../images/bg1.jpg);
    background-size: cover;
    background-position: center;
    padding: 70px 0;
    text-align: center;
    color: #fff;
    position: relative;
    background-attachment: fixed;
}

.home_bottom:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: #56a338;
    opacity: 0.5;
}

.home_bottom .fullpage {
    z-index: 2;
    position: relative;
}

.home_bottom h3 {
    font-size: 50px;
    font-weight: 300;
    margin-bottom: 30px;
    margin-top: 0px;
    display: block;
}

.home_bottom h5 {
    font-size: 21px;
    font-weight: 300;
    margin-bottom: 30px;
    display: block;
}

.home_bottom a {
    display: inline-block;
    padding: 15px 50px;
    border-radius: 3px;
    border: 2px solid #fff;
    color: #fff;
    background: transparent;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    letter-spacing: 2px;
    text-transform: uppercase;
    transition: all ease-in-out .5s;
    -webkit-transition: all ease-in-out .5s;
}

.home_bottom a:hover {
    color: #004373;
    background: #fff;
    box-shadow: 0px 0px 14px 5px rgba(0, 0, 0, 0.2)
}


/*section3*/

.section3 {
    padding: 40px 0;
    clear: both;
    width: 100%;
    display: table;
    /* display: block;
    background-color: #fff;
    margin-top: -15px; */
}

.testimonial-block-three {
    position: relative;
}

.testimonial-block-three .inner-box {
    position: relative;
    padding: 30px;
    padding-bottom: 0;
    margin: 30px 0px 50px;
    text-align: center;
    border: 1px solid #e9e6e6;
    transition: .5s ease;
}

.testimonial-block-three .inner-box:hover {
    box-shadow: 0px 21px 21px 0px rgba(0, 0, 0, 0.1);
}

.testimonial-block-three .inner-box .logo {
    line-height: 45px;
    display: table;
    height: auto;
    float: none;
    margin: auto;
    margin-bottom: 20px;
}

.testimonial-block-three .inner-box .logo img {
    width: auto;
    margin: 0 auto;
    margin-top: 10px;
    display: table;
}

.testimonial-block-three .inner-box .text {
    font-size: 16px;
    margin-bottom: 30px;
    line-height: 24px;
    clear: both;
    margin-top: 0px;
}

.testimonial-block-three .inner-box .author {
    position: relative;
}

.testimonial-block-three .inner-box .author h4 {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.6em;
}

.testimonial-block-three .inner-box .designation {
    font-size: 16px;
    color: #f3b440;
    line-height: 1.4em;
}

.testimonial-block-three .author .image {
    position: relative;
    margin-bottom: -40px;
    margin-top: 20px;
}

.testimonial-block-three .author .image img {
    border-radius: 50%;
    width: auto;
    margin: 0 auto;
}


/*section3*/


/*section4*/

.section4 {
    padding: 30px 0 30px;
    background-color: #ffffff;
}

.news-block {
    position: relative;
}

.news-block .inner-box {
    position: relative;
}

.news-block .inner-box .image {
    position: relative;
    overflow: hidden;
    background-color: #191b1d;
}

.news-block .inner-box .image img {
    position: relative;
    width: 100%;
    display: block;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.news-block .inner-box:hover .image img {
    -webkit-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    -moz-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
}

.news-block .inner-box .image:before {
    background: rgba(0, 103, 177, 0.56);
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    content: "";
    position: absolute;
    transition: all 0.5s ease-in-out 0s;
    transform-style: preserve-3d;
    transform: perspective(1200px) rotateX(75deg) translateZ(0px);
    z-index: 3;
    opacity: 0;
}

.news-block .inner-box:hover .image:before {
    transform: perspective(1200px) rotateX(0deg) translateZ(0px);
    transition-delay: 0.1s;
    opacity: 1;
}

.news-block .inner-box .image .overlay-link {
    position: absolute;
    left: 50%;
    top: 50%;
    color: #fff;
    font-size: 45px;
    z-index: 9;
    opacity: 0;
    transform: scale(0.4) translate(-50%, -50%);
    visibility: hidden;
    transition: .5s ease;
    transition-delay: .5s;
}

.news-block .inner-box:hover .image .overlay-link {
    opacity: 1;
    visibility: visible;
    transform: scale(1) translate(-50%, -50%);
}

.news-block .inner-box .image .overlay-link:hover {
    color: #f3b440;
}

.news-block .inner-box .lower-content {
    position: relative;
    padding: 0px 35px 30px;
    border: 1px solid #f2f2f2;
    overflow: visible;
    background-color: #f2f2f2;
}

.news-block .inner-box .lower-content .title {
    position: relative;
    color: #f3b440;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.news-block .inner-box .lower-content .post-info {
    position: relative;
    margin-bottom: 20px;
    margin-top: -19px;
    z-index: 9;
}

.news-block .inner-box .lower-content .post-info li {
    position: relative;
    font-size: 16px;
    font-weight: 400;
    display: inline-block;
    margin-right: 8px;
    color: #fff;
    background: #007dc6;
    padding: 0 15px;
}

.news-block .inner-box .lower-content .post-info li.category {
    background: #f3b440;
}

.news-block .inner-box .lower-content .post-info li.category:before {
    position: absolute;
    content: '';
    background: #f3b440;
    height: 10px;
    width: 8px;
    left: 0;
    bottom: -9px;
    -webkit-clip-path: polygon(0 0, 0% 100%, 100% 0);
    clip-path: polygon(0 0, 0% 100%, 100% 0);
}

.news-block .inner-box .lower-content .post-info li a {
    position: relative;
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
}

.news-block .inner-box .lower-content h4 {
    position: relative;
    color: #303030;
    font-size: 21px;
    font-weight: 600;
    margin-bottom: 15px;
}

.news-block .inner-box .lower-content h4 a {
    position: relative;
    color: #0067b1;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    text-decoration: none;
}

.news-block .inner-box .lower-content h4 a:hover {
    color: #f3b440;
}

.news-block .inner-box .lower-content .author a {
    position: relative;
    color: #7e8597;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    text-decoration: none;
}

.news-block .inner-box .lower-content .author a span {
    position: relative;
    margin-right: 5px;
    top: 1px;
}

.news-block .inner-box .lower-content .text {
    position: relative;
    color: #333;
    line-height: 24px;
    margin-bottom: 12px;
}

.news-block.style-two .inner-box .lower-content h3 {
    margin-bottom: 12px;
    font-size: 24px;
}

.blog-large .news-block {
    margin-bottom: 50px;
}


/* News Block Two */

.news-block-two {
    position: relative;
}

.news-block-two .inner-box {
    position: relative;
    margin-bottom: 50px;
}

.news-block-two .inner-box .image {
    position: relative;
    overflow: hidden;
    background-color: #191b1d;
}

.news-block-two .inner-box .image img {
    position: relative;
    width: 100%;
    display: block;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.news-block-two .inner-box:hover .image img {
    -webkit-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    -moz-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
}

.news-block-two .inner-box .image:before {
    background: rgba(0, 0, 0, 0.80);
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    content: "";
    position: absolute;
    transition: all 0.5s ease-in-out 0s;
    transform-style: preserve-3d;
    transform: perspective(1200px) rotateX(75deg) translateZ(0px);
    z-index: 3;
    opacity: 0;
}

.news-block-two .inner-box:hover .image:before {
    transform: perspective(1200px) rotateX(0deg) translateZ(0px);
    transition-delay: 0.1s;
    opacity: 1;
}

.news-block-two .inner-box .image .overlay-link {
    position: absolute;
    left: 50%;
    top: 50%;
    color: #fff;
    font-size: 45px;
    z-index: 9;
    opacity: 0;
    transform: scale(0.4) translate(-50%, -50%);
    visibility: hidden;
    transition: .5s ease;
    transition-delay: .5s;
}

.news-block-two .inner-box:hover .image .overlay-link {
    opacity: 1;
    visibility: visible;
    transform: scale(1) translate(-50%, -50%);
}

.news-block-two .inner-box .image .overlay-link:hover {
    color: #f3b440;
}

.news-block-two .inner-box .date {
    position: absolute;
    top: -9px;
    right: 9px;
    width: 65px;
    height: 65px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    background: #f3b440;
    z-index: 9;
    line-height: 1.2em;
    padding: 13px 0;
}

.news-block-two .inner-box .lower-content {
    position: relative;
    padding: 30px 0px 0px;
}

.news-block-two .inner-box .lower-content .title {
    position: relative;
    color: #f3b440;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.news-block-two .inner-box .lower-content .post-info {
    position: relative;
    margin-bottom: 20px;
    z-index: 9;
}

.news-block-two .inner-box .lower-content .post-info li {
    position: relative;
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
    margin-right: 8px;
    color: #222;
    padding: 0 15px;
}

.news-block-two .inner-box .lower-content .post-info li.category {
    background: #f7f7f7;
}

.news-block-two .inner-box .lower-content .post-info li.category:before {
    position: absolute;
    content: '';
    background: #f7f7f7;
    height: 10px;
    width: 8px;
    left: 0;
    bottom: -9px;
    -webkit-clip-path: polygon(0 0, 0% 100%, 100% 0);
    clip-path: polygon(0 0, 0% 100%, 100% 0);
}

.news-block-two .inner-box .lower-content .post-info li a {
    position: relative;
    color: #848484;
}

.news-block-two .inner-box .lower-content h3 {
    position: relative;
    color: #303030;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 15px;
    line-height: 32px;
}

.news-block-two .inner-box .lower-content h3 a {
    position: relative;
    color: #303030;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.news-block-two .inner-box .lower-content h3 a:hover {
    color: #f3b440;
}

.news-block-two .inner-box .lower-content .author a {
    position: relative;
    color: #7e8597;
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.news-block-two .inner-box .lower-content .author a span {
    position: relative;
    margin-right: 5px;
    top: 1px;
}

.news-block-two .inner-box .lower-content .text {
    position: relative;
    color: #848484;
    font-size: 16px;
    margin-bottom: 12px;
}

.news-block-two .inner-box .lower-content .read-more a {
    font-size: 16px;
    font-weight: 600;
    color: #222;
    font-family: 'Ubuntu', sans-serif;
    transition: .5s ease;
}

.news-block-two .inner-box .lower-content .read-more a:hover {
    color: #f3b440;
}


/* News Block Three */

.news-block-three {
    position: relative;
}

.news-block-three .inner-box {
    position: relative;
    margin-bottom: 50px;
}

.news-block-three .inner-box .image {
    position: relative;
    overflow: hidden;
    background-color: #191b1d;
}

.news-block-three .inner-box .image img {
    position: relative;
    max-width: 100%;
    display: block;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.news-block-three .inner-box:hover .image img {
    -webkit-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    -moz-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
}

.news-block-three .inner-box .image:before {
    background: rgba(0, 0, 0, 0.80);
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    content: "";
    position: absolute;
    transition: all 0.5s ease-in-out 0s;
    transform-style: preserve-3d;
    transform: perspective(1200px) rotateX(75deg) translateZ(0px);
    z-index: 3;
    opacity: 0;
}

.news-block-three .inner-box:hover .image:before {
    transform: perspective(1200px) rotateX(0deg) translateZ(0px);
    transition-delay: 0.1s;
    opacity: 1;
}

.news-block-three .inner-box .image .overlay-link {
    position: absolute;
    left: 50%;
    top: 50%;
    color: #fff;
    font-size: 45px;
    z-index: 9;
    opacity: 0;
    transform: scale(0.4) translate(-50%, -50%);
    visibility: hidden;
    transition: .5s ease;
    transition-delay: .5s;
}

.news-block-three .inner-box:hover .image .overlay-link {
    opacity: 1;
    visibility: visible;
    transform: scale(1) translate(-50%, -50%);
}

.news-block-three .inner-box .image .overlay-link:hover {
    color: #f3b440;
}

.news-block-three .inner-box .date {
    position: absolute;
    top: -9px;
    right: 9px;
    width: 65px;
    height: 65px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    background: #f3b440;
    z-index: 111;
    line-height: 1.2em;
    padding: 13px 0;
}

.news-block-three .inner-box .lower-content {
    position: relative;
    padding: 30px;
    margin: 0px 30px 0;
    background: #fff;
    z-index: 99;
    border: 1px solid #f2f2f2;
}

.news-block-three .inner-box .lower-content .title {
    position: relative;
    color: #f3b440;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.news-block-three .inner-box .lower-content .post-info {
    position: relative;
    margin-bottom: 20px;
    z-index: 9;
}

.news-block-three .inner-box .lower-content .post-info li {
    position: relative;
    font-size: 16px;
    font-weight: 500;
    display: inline-block;
    margin-right: 8px;
    color: #848484;
    padding: 0 15px;
    text-transform: capitalize;
}

.news-block-three .inner-box .lower-content .post-info li.category {
    background: #f3b440;
}

.news-block-three .inner-box .lower-content .post-info li.category:before {
    position: absolute;
    content: '';
    background: #f3b440;
    height: 10px;
    width: 8px;
    left: 0;
    bottom: -9px;
    -webkit-clip-path: polygon(0 0, 0% 100%, 100% 0);
    clip-path: polygon(0 0, 0% 100%, 100% 0);
}

.news-block-three .inner-box .lower-content .post-info li a {
    position: relative;
    color: #848484;
}

.news-block-three .inner-box .lower-content h3 {
    position: relative;
    color: #303030;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 20px;
    line-height: 32px;
}

.news-block-three .inner-box .lower-content h3 a {
    position: relative;
    color: #303030;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.news-block-three .inner-box .lower-content h3 a:hover {
    color: #f3b440;
}

.news-block-three .inner-box .lower-content .author a {
    position: relative;
    color: #7e8597;
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.news-block-three .inner-box .lower-content .author a span {
    position: relative;
    margin-right: 5px;
    top: 1px;
}

.news-block-three .inner-box .lower-content .text p {
    position: relative;
    color: #848484;
    line-height: 26px;
    margin-bottom: 15px;
}

.news-block-three .inner-box .lower-content .read-more a {
    font-size: 16px;
    font-weight: 600;
    color: #222;
    font-family: 'Ubuntu', sans-serif;
    transition: .5s ease;
}

.news-block-three .inner-box .lower-content .read-more a:hover {
    color: #f3b440;
}

.news-block-three .inner-box .lower-content .read-more a span {
    font-size: 12px;
    margin-right: 5px;
}


/*section4*/


/*references*/

.references {
    background-color: #fff;
    padding: 50px 0
}

.references img {
    width: 100%;
    display: block;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.15);
    padding: 20px 0
}

.references .owl-carousel .owl-stage-outer {
    padding: 10px 0
}

.references .owl-nav,
.section1 .owl-nav {
    position: absolute;
    left: 0px;
    top: 45%;
    width: 100%;
}

.references .owl-prev,
.section1 .owl-prev {
    width: 32px;
    height: 18px;
    left: -60px;
    position: relative;
    background-size: 32px;
    background-position: center;
}

.references .owl-next,
.section1 .owl-next {
    width: 32px;
    height: 18px;
    position: relative;
    right: -60px;
    background-size: 32px;
    background-position: center;
}


/*references*/


/*footer*/

.footer {
    width: 100%;
    display: table;
    padding: 30px 0;
    background-color: #003b5c;
    /* background-image: url('../images/mega-footer-bg.jpg');
    background-repeat: no-repeat;
    background-position: right center; */
}

.home_addressleft {
    float: left;
    width: 25%;
    padding-right: 0px;
}

.home_addressleft ul {
    list-style-type: none;
}

.home_addressleft li {
    color: #333;
    display: block;
    float: left;
    font-size: 15px;
    line-height: 26px;
    margin: 5px 0;
    width: 100%;
}

.home_addressleft li p {
    color: #fff;
    float: right;
    font-size: 14px;
    line-height: 26px;
    width: 85%;
}

.home_addressleft li span {
    color: #f3b440;
    float: left;
    font-size: 24px;
    height: 40px;
    text-align: center;
    width: 40px;
}

.prodmenu {
    margin-top: 70px;
}

.ftbx1 {
    width: 100%;
    display: table;
    position: relative;
    overflow: hidden;
    padding: 90px 0;
    background-size: 100%;
    /* background-color: #030467; */
    background-position: center center;
    background-image: url('../images/b4.jpg');
}

.ftbx1:before {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: #030467;
    opacity: 0.5;
    content: "";
}

.contactForm__backgroundPattern {
    position: absolute;
    left: -199px;
    top: -359px;
    max-width: none;
    opacity: .25;
}

.contactForm h2 {
    color: #fff !important;
    margin-bottom: 15px;
    margin-top: 0px;
    font-size: 32px;
    line-height: 1.5;
    letter-spacing: 6.4px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
}

.contactForm h3 {
    margin-top: 0px;
    font-size: 20px;
    text-align: center;
    color: #fff;
    font-weight: 300;
    line-height: 1.45;
    margin-bottom: 70px;
}

.contactForm .form__columns {
    /*  display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; */
    margin-bottom: 10px;
    width: calc(100% + 50px);
    margin-left: -25px;
}

.contactForm .form__column {
    width: 33.333333%;
    padding: 0 25px;
    float: left;
    display: inline-block;
}

.formField--label {
    margin-bottom: 39px;
    border-bottom: 2px solid #fff;
    transition: border-color .25s;
    line-height: 1;
    position: relative;
    color: #fff;
}

.formField--label .formField__label {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -12px;
    font-size: 18px;
    font-weight: 300;
    transition: .25s;
    color: #fff;
}

.formField--label .formField__input {
    padding: 10px 0 5px;
    font-size: 24px;
    line-height: 1.15;
    color: #fff;
    background-color: transparent;
    -webkit-appearance: none;
    width: 100%;
    outline: 0px;
    border: 0px;
    font-weight: 300;
    font-size: 18px;
}

.formField--label.is-active .formField__label {
    -webkit-transform: translateY(-26px);
    transform: translateY(-26px);
    font-size: 15px
}

.formField--label .formField__input::-webkit-input-placeholder {
    /* Edge */
    color: #fff;
}

.formField--label .formField__input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #fff;
}

.formField--label .formField__input::placeholder {
    color: #fff;
}

.form__buttonHolder {
    text-align: center;
}

.secondaryBackground {
    background-color: #6cb148;
}

.primaryBackground {
    display: inline-block;
    padding: 21px 30px;
    position: relative;
    outline: none;
    min-width: 186px;
    border-radius: 0;
    color: #393939;
    font-weight: 300;
    font-size: 14px;
    line-height: 1.15;
    text-decoration: none;
    border: 0px;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    transition: .25s;
    letter-spacing: 2px;
    margin-top: 20px;
}

.primaryBackground:hover {
    background-color: #fff;
    color: #6cb148;
}

.ft_add {
    width: 100%;
    display: table;
    padding: 40px 0;
    background-color: #fff;
}

.ft_add p {
    margin-top: 0px;
    font-size: 20px;
    text-align: center;
    color: #393939;
    margin-top: 30px;
    line-height: 1.45;
    margin-bottom: 30px;
}

.pageFooterColumn__icon svg {
    width: 48px;
    height: 48px;
}

.ft_add h4 {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2.8px;
    text-transform: uppercase;
    margin-bottom: 0px;
    color: #6cb148;
}

.ft_add h6,
.ft_add h6 a {
    margin-top: 0px;
    font-size: 16px;
    text-align: center;
    color: #393939;
    font-weight: 400;
    margin-top: 10px;
    line-height: 1.45;
    margin-bottom: 20px;
}

.ftlogo img {
    width: 225px;
}

.mFooter {
    clear: both;
    width: 100%;
    display: table;
    padding: 15px;
    background-color: #000060;
    color: #fff;
    font-size: 16px;
    text-align: center
}

/*innerbanner*/
.inner_banner {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
    background-color: #000;
    margin-top: 110px;
}
/* .inner_banner::after {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    content: '';
    z-index: 1;
    background: transparent url(../images/header-overlay.png) repeat;
} */
.inner_banner img{
    width: 100%;
    opacity: 0.85;
    display: block; 
}
.innertxt1{
   position: absolute; width: 100%; text-align: left; 
    top: 40%; left: 0%; padding: 10px 35px; z-index: 9;
}
.searchbxtxt{top: 42%;}
.innertxt1 ul{list-style: none; text-align: left; margin-bottom: 0px;
padding-left: 0px; text-align: center}
.innertxt1 ul li{
    display: inline-block;
    position: relative;
    padding-right: 25px;
    /* font-weight: 300; */
    margin-bottom: 0px;
    color: #6cb148;    
}
.innertxt1 ul li:last-child{padding-right: 0px;}
.innertxt1 ul li:after{
    content: "/";
    color: #fff;
    position: absolute;
    font-size: 14px;
    right: 8px;
    top: 3px;   
}
.innertxt1 ul li:last-child:after{display: none;}
.innertxt1 ul li a{color: #fff; text-decoration: none;}
.inner_banner h1{color: #fff;  font-size: 36px; font-weight: 600; text-align: center;
text-transform: uppercase; margin-bottom: 10px; margin-top: 0px;}
.inner_banner h1 span{color: #fff;}
.inner_banner h1 p{font-size: 18px; font-weight: 400; margin-top: 5px; 
  letter-spacing: 2px; color: #fff; }
/*innerbanner*/


/*aboutbx1*/
.aboutbx1{
    padding: 60px 0;
    background-color: #fff;
    width: 100%; 
    display: table;
}
.section-title1 h1 {
    position: absolute;
    z-index: 1;
    font-size: 220px;
    line-height: 1;
    opacity: 0.07;
    top: -28px;
    left: 0;
    margin-bottom: 0;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 2px;
    margin-top: 0;
    /* font-weight: 700 */
}
.pos-rel{position: relative;}
.section-title1 > span {
    color: #6cb148;
    /* font-weight: 700; */
    font-size: 20px;
}
.line {
    padding-left: 75px;
    position: relative;
}
.line::before {
    position: absolute;
    background: #6cb148;
    content: "";
    height: 3px;
    width: 45px;
    left: 0;
    bottom: 11px;
}
.section-title1 h2 {
    font-size: 50px;
    margin-top: 22px;
    letter-spacing: -0.3px;
    color: #000061
}
.about-me-info span, .about-me-info em {
    font-size: 18px;
    color: #000061;
    line-height: 28px;
    font-weight: 600;
	font-style: inherit;
}
.about-me-info p {
    margin-bottom: 0;
    margin-top: 20px;
    font-size: 18px;
line-height: 28px;
color: #333;
}
.section-title1 h3{
    font-size: 24px;
    color: #6cb148;
    /* font-weight: 700; */
    line-height: 32px;
}



.sec2bxin{
    float: right;
    display: inline-block;
    padding: 40px 40px 0;
    position: relative;
    width: 100%;
}


.sec2bxin h2{
    font-weight: 800;
    font-size: 42px;
    line-height: 46px;
    margin: 0px;
    text-transform: uppercase;
    color: #252a61;
    margin-bottom: 40px;
    position: relative;
    width: 100%;
    display: block;
    text-align: center;
}
.sec2bxin a{
    text-decoration: none;
    color: #252a61;
    transition: all 0.3s;
    position: relative;
    width: 97%;
    display: block;
    min-height: 420px;
    padding: 40px;
    background: #fff;
    -webkit-box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.18);
    box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.18);
}
.sec2bxin a:hover{
     -webkit-box-shadow: 3px 3px 35px rgba(0, 0, 0, 0.3);
    box-shadow: 3px 3px 35px rgba(0, 0, 0, 0.3);
}
.sec2bxin a img{width: 90px; display: block;}
.sec2bxin a h3{
    font-weight: 800;
margin-top: 0px;
font-size: 21px;
margin-bottom: 20px;
transition: all 0.3s;
margin-top: 20px;
color: #262262;
}
.sec2bxin a p{
    font-size: 15px;
font-weight: 400;
line-height: 26px;
overflow: hidden;
color: #000
}

.aboutpgg h2{
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
    color: #f47619;
    margin-bottom: 20px;
}
.aboutpgg h3{
    font-size: 32px;
    font-weight: 800;
    line-height: 32px;
    color: #6cb148;
    margin-bottom: 20px;
    margin-top: 0px;
}
.aboutpgg p{
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    color: #333;
    /*margin-bottom: 30px;*/
}
.aboutpgg ul{list-style: none; margin:0px; padding: 0px; /*margin-bottom: 50px;*/}
.aboutpgg ul li {
    margin-bottom: 15px;
    padding-left: 50px;
    font-size: 18px;

    position: relative;
    background-position: left 7px;
}
.aboutpgg ul li::after {
    color: #6cb148;
    content: "\f00c";
    font-family: "FontAwesome";
    font-size: 16px;
    left: 10px;
    position: absolute;
    top: 0px;
}
.innerpg1.aboutpgg1{
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 49%;
    background-color: #fafafa;
    display: table;
    width: 100%;
    padding: 40px 0;
}
.aboutpgg2{
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 40%;
}

.innerbx2{
    width: 100%;
    display: table;
    padding: 50px 0;
    text-align: center;
    /* background-color: #49bb2f; */
    background-image: url('../images/gg.png')
}
.innerbx2 ul{list-style: none; width: 100%; display: table;}
.innerbx2 li {
    width: 33.33%;
    float: left;
    font-size: 18px;
    color: #fff;
    border-right: 1px solid #78cf65;
}
.innerbx2 li:last-child{border-right: 0}
.innerbx2 li p{font-size: 42px;}
.innerbx2 li span {
    margin-left: 10px;
    font-size: 110px;
    line-height: 1;
    font-weight: 400;
}
.innerbx2 h2{
    color: #fff;
    text-decoration: none;
    padding-top: 15px;
    font-weight: 300;
    font-size: 46px;
    margin-top: 0;
    /* font-family: 'Neuzeit Grotesk W01 Regular', 'NeuzeitGroteskW01-Regular', sans-serif; */
    position: relative;
}
/*aboutbx1*/

.references1 .col-sm-3{margin-bottom: 25px;}
.keyteam, .vmbx{
    background-color: #fff;
    padding: 50px 0 20px;
    width: 100%; 
    display: table;
}
.teambx{width: 100%; display: table; text-align: center; clear: both;}

.team1{
    width: 24%;
    display: inline-block;
    padding: 0 20px;
    text-decoration: none;
    min-height: 300px;
    margin-bottom: 15px;
}
.team1 a{
    text-decoration: none;
    width: 100%;
    display: block;
    color: #000;
    outline: 0px;
    box-shadow: 0 0 23px 1px #e0e0e0;
    padding: 10px 0;
    min-height: 320px;
    margin-bottom: 20px;
}
.team1 a img{width: 90%; /* border-radius: 100%; */}
.team1 a h4{margin: 15px 0 10px; font-size: 21px; color: #000061;}
.team1 a h3{margin: 0px; font-size: 15px; font-weight: 500; color: #6cb148; clear: both;
display: table; width: 100%; text-align: center;}


.vissionBox {
    margin-bottom: 50px;
    width: 100%;
    display: table;
}
.vissionBox1 {
    margin-bottom: 115px;
}

.vissionText {
    background: #fff;
    padding: 25px;
    position: relative;
    top: 26px;
    /* box-shadow: 0px 25px 70px 1px rgba(0,0,0,0.12); */
    box-shadow: 0 21px 26px -16px rgba(34,48,116,0.5);
    position: absolute;
    left: -50px;
    z-index: 5;
    right: 15px;
    line-height: 28px;
    font-size: 18px;
}

.vissionText h3 {
    margin-top: 0;
    margin-bottom: 10px; color:#000061;
}
.vissionText h4 {color: #6cb148; font-weight: 500; margin-top: 0; font-size: 18px;
 margin-bottom: 10px;} 
.imgStyle { border: #eee solid 4px;}

.innerpg1 {
    width: 100%;
    display: table;
    padding: 40px 0;
    background-color: #fff;
}
ul.mgmnt{
  width: 100%;
  clear: both;
}
ul.mgmnt li{
  float: left;
  display: inline-block;
  width: 33.33%;
  padding: 15px;
}
ul.mgmnt li a{
  display: block;
  text-decoration: none;
  color: #000;
  position: relative;
  width: 100%;
  border: 0px solid #c0d0e6;
  background-color: #fff;
  overflow: hidden;
  /* box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15); */
  box-shadow: 0 21px 26px -16px rgba(34,48,116,0.5);
}
ul.mgmnt li a .mimg{width: 100%; display: block; position: relative;}
ul.mgmnt li a .mimg span{
  position: absolute;
  left: 30%;
  top: 45%;
  padding: 5px 15px;
  background-color: #fff;
  border: 2px solid #000061;
  color: #000061;
  display: block;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 2px;
  border-radius: 5px;
  opacity: 0;
}
ul.mgmnt li a:hover .mimg span{opacity: 1}
ul.mgmnt li a .mimg:before{
  position: absolute;
  left: 0px;
  top: -100%;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
  content: "";
  transition: all 0.3s;
}
/* ul.mgmnt li a .mimg:after{
  position: absolute;
  left: 43%;
  top: 40%;
  content: "+";
  font-size: 60px;
  color: #fff;
  font-weight: 100;
  transition: all 0.3s;
  opacity: 0;
} */
ul.mgmnt li a:hover .mimg:before{top: 0px;}
ul.mgmnt li a:hover .mimg:after{opacity: 1;}
ul.mgmnt li a img{width: 100%; display: block;}
.mcont{
  clear: both;
  width: 100%;
  padding: 15px;
  background-color: #6cb148;
  color: #000;
}
.mcont h3{font-size: 16px; color: #fff; font-weight: 600; margin: 0px;}
.mcont h4{font-size: 15px; color: #ff7b7f; font-weight: 400; margin-top: 0px;
text-transform: capitalize; letter-spacing:0px; margin-top: 10px; margin-bottom: 0px;}

.innerscroll{
  clear: both;
  padding: 40px 0;
  background-color: #ffff;
  position: relative;
}
.innerscroll h2 {
    font-size: 32px;
    font-weight: 800;
    line-height: 32px;
    color: #6cb148;
    margin-bottom: 20px;
    margin-top: 0px;
}
.innerscroll a{text-decoration: none; color: #fff; display: block;}
.innerscroll img.fsimg{border: 3px solid #6cb148;}
.innerscroll img {
    
}
.innerscroll .col-sm-3{width: 20%;}
.innerscroll p{
    clear: both;
    width: 100%;
    padding: 15px;
    background-color: #6cb148;
    color: #fff;
    margin: 0;
    margin-bottom: 20px;
    text-align: center
}


.careerspg {
    width: 100%;
    display: table;
    padding: 40px 0 40px;
    background-color: #fafafa;
}
.careerspg1 h2 {
    position: relative;
    margin-top: 0px;
    color: #000061;
    font-size: 32px;
    padding-bottom: 20px;
    text-align: center;
    margin-bottom: 30px;
    font-weight: 800;
    position: relative
}
.careerspg1 h2:before{
    position: absolute;
    left: calc(50% - 40px);
    bottom: 0px;
    width: 80px;
    height: 1px;
    background-color: #6cb148;
    content: "";
}
.mainjobsbox {
    display: table;
    width: 100%;
    clear: both;
    font-size: 16px;
    padding: 20px 25px;
    margin-bottom: -1px;
    transition: all .3s;
    background-color: #fff;
    border: 1px solid #e1e1e1;
}
.mainjobsbox a {
    width: 100%;
    height: 100%;
    display: table;
    text-decoration: none;
    color: #000;
    outline: none;
}
.mainjobsbox:hover {
    background: #f7f7f7;
    transition: all .3s;
}
.companyimage {
    width: 90px;
    float: left;
    background: #fff;
    padding: 10px;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
}
.companyimage img {
    width: 100%;
}
.job_des {
    width: 88%;
    float: right;
    position: relative;
}
.job_des h4 {
    color: #222;
    font-size: 16px;
    margin-top: 0px;
    margin-bottom: 10px;
    font-weight: bold;
}
.com_name {
    font-size: 21px;
        width: 79%;
    color: #262262;
    font-weight: 600
}

.jobloc_map {
    width: 100%;
    list-style-type: none;
    float: left;
    padding: 0px;
    margin: 10px 0px 20px 0;
}
.jobloc_map li, .page_ul .jobloc_map li {
    float: left;
    margin-right: 20px;
    font-size: 16px;
    color: #3b3b3b;
    clear: none;
    font-weight: 400;
    display: inline-block;
    padding-left: 15px;
    padding-top: 5px;
    width: auto;
    padding-left: 0px;
}


a.backbtn{
    position: absolute;
    right: 0px;
    top: 0px;
    padding: 10px 20px;
    background-color: #c8212f;
    color: #fff;
    text-decoration: none;
}
a.backbtn i{margin-right: 10px;}
.fulltime, .parttime {
    position: absolute;
    right: 0px;
    top: 0px;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    padding: 4px 15px;
    border-radius: 3px;
    letter-spacing: 1px;
    background: #6cb148;
}
.parttime {
    background: #ff8800;
}
.jobloc_map li em {
    margin-right: 10px;
    position: relative; top: -3px;
}
.jobloc_map li:before{display: none;}


/*scroll-to1*/
.scroll-to2 {
    width: 100%;
    display: table;
    padding: 50px 0;
    background-color: #f3f3f3;
}

.scroll-to2 h2 {
    color: #221f1f;
    font-size: 90px;
    margin-top: 0px;
    padding-left: 10%;
}

.scroll-to2 h2 span {
    color: #ed4339;
}

.scroll-to2 h2 a {
    color: #555;
    text-decoration: none;
    padding-top: 15px;
    font-weight: 200;
    font-size: 32px;
    position: relative;
    top: -10px;
}

.scroll-to2 .form-group {
    padding-left: 16%;
    width: 100%;
    margin-top: 30px;
}

.scroll-to2 label {
    font-size: 14px;
    margin-bottom: 5px;
    font-weight: 400;
    color: #000;
}

.scroll-to2 label span {
    color: #ff7149;
}

.scroll-to2 input.form-control,
.scroll-to2 textarea.form-control {
    background-color: #fff;
    border-radius: 0px;
    height: 42px;
    border: 0px;
    margin-bottom: 20px;
    font-weight: 400;
    box-shadow: none;
}

.scroll-to2 textarea.form-control {
    height: 90px !important;
}

.scroll-to2 .col-sm-12 {
    display: table;
    width: 100%;
}

.jobdesinner{width: 100%;
display: table; padding: 0;}
.jobdesinner h3{
    color: #faaf18;
    font-size: 32px;
    margin-bottom: 15px;
    font-weight: 600;
    margin-top: 0;
    color: #6cb148;
}
.jobdesinner h3 span{
    margin: 6px;
    padding: 5px;
    font-size: 13px;
    border-radius: 5px;
    background-color: #f2f2f2;
}
.jobdesinner h4{
    font-size: 18px;
    font-weight: 500;
    color: #9e9e9e;
    margin-bottom: 20px;
}
.jobdesinner p{
    font-size: 16px;
    font-weight: 400;
    color: #000;
    line-height: 32px;
}
.jobdesinner p b{font-weight: 600;}
a.jobapply{
    padding: 10px 25px;
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    background-color: #000061;
    text-decoration: none;
    border-radius: 3px;
    display: table;
    transition: all 0.3s;
    margin: auto;
    box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 3px 1px -2px rgba(0,0,0,0.12);
    font-weight: 500;
}
a.jobapply:hover{
    background-color: #fff;
    color: #000061;
}
.jobdesinner h6{
    font-size: 11px;
    margin-top: 10px;
    margin-bottom: 10px;
    letter-spacing:1px;
    color: rgba(0, 0, 0, 0.54);
}
.isrtsoc a{float: none; display: inline-block; width: 40px; height: 40px;
text-align: center; line-height: 40px; clear: none; border-radius: 40px; color: #fff; 
transition: all 0.3s; margin-right: 5px;}
.isrtsoc a.fb{background-color: #4064ac;}
.isrtsoc a.lin{background-color: #0270ad;}
.isrtsoc a.twitter{background-color: #1c9bea;}

.isrtsoc a.fb:hover{background-color: #0D3583; color: #fff;}
.isrtsoc a.lin:hover{background-color: #004E7A; color: #fff;}
.isrtsoc a.twitter:hover{background-color: #006CAF; color: #fff;}

.line1{
    width: 100%;
    height: 1px;
    background-color: #ccc;
    margin: 25px 0;
    clear: both;
    display: table;
}
.jobdesinner h2{font-size: 24px; font-weight: 600; 
margin-bottom: 20px;}
.jobdesc1 p{font-size: 16px; line-height: 26px;}
.jobdesc1 p a{color: #6cb148;}
.jobdesc1 ul li{line-height: 32px; font-size: 16px; position: relative; padding-left: 30px;}
.jobdesc1 ul {
    list-style: none;
    width: 100%;
    display: block;
    margin-left: 20px;
}
.jobdesc1 ul li::before {
    position: absolute;
    left: 0px;
    top: 15px;
    border-radius: 7px;
    width: 7px;
    height: 7px;
    background-color: #6cb148;
    content: "";
}
h1#goBottom{
  margin-top: 0px;
  position: relative;
  text-align: center;
  display: block;
  font-size: 26px;
  text-transform: capitalize;
  font-weight: 600;
  margin-bottom: 30px;
}
h1#goBottom:before{
  position: absolute;
  left: 0px;
  top: 15px;
  content: "";
  width: 100%;
  height: 1px;
  background-color: #ccc;
}
h1#goBottom span{background-color: #6cb148; padding: 5px 30px; position: relative;
border: 1px solid #6cb148; color: #fff;}

.jobdescription label{
    font-size: 14px;
    margin-bottom: 5px;
    font-weight: 400;
}
.jobdescription label span{color: #ff7149;}
.jobdescription input.form-control, .jobdescription textarea.form-control{
    background-color: #fff;
    border-radius: 0px;
    height: 50px;
    color: #000;
    border: 0px;
    margin-bottom: 20px;
    font-weight: 400;
    box-shadow: 0 5px 15px 0px rgba(34,48,116,0.15);
}
.jobdescription textarea.form-control{height: 120px;}
.jobdescription .col-sm-12{
    display: table;
    width: 100%;
}
input.subres{
    padding: 15px 40px;
    color: #fff;
    font-size: 21px;
    font-weight: 500;
    border: 0px;
    background-color: #6cb148;
    transition: all 0.3s;
}
input.subres:hover{
    background-color: #000060;
    color: #fff;
}
.contactpg iframe{height: 470px; display: block;}
.contactpg h4{
    margin-top: 30px;
    font-size: 21px;
    line-height: 36px;
    display: block;
    clear: both;
}
.contactpg a.gd{
    padding: 15px 40px;
    color: #fff;
    font-size: 21px;
    font-weight: 500;
    border: 0px;
    background-color: #43c0e3;
    transition: all 0.3s;
    text-decoration: none;
    display: inline-block;
    margin-top: 25px;
}
.contactpg a.gd:hover{
    background-color: #64c0ad;
    color: #fff;
}
/*careerspg*/


.gaddress{
    width: 100%;
    display: table;
    padding: 20px;
    background-color: #fff;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
}
.gaddress2{
    width: 90%;
    display: table;
    padding: 20px 0;
}
.gaddress3{
    width: 100%;
    display: table;
    padding: 0;
}
.gaddress h5{
    font-weight: 600; font-size: 21px; margin-top: 0px; color: #000;
    margin-bottom: 0px;
    color: #000064;
    text-transform: uppercase;
}
.gaddress .fa-phone{color: #000064}
.gaddress .fa-fax{color: #6cb148}
.gaddress p{
    font-size: 18px;
    color: #000;
    /* font-weight: 300; */
    line-height: 28px;
}
.gaddress2 p, .gaddress3 p{
    font-size: 18px;
    color: #222;
    font-weight: 600;
    line-height: 24px;
}
.gaddress p i{margin-right: 10px;}
.gaddress a{text-decoration: none; color: #222}
.gaddress2 a{color: #6cb148; font-weight: 600;}
.gaddress3 a{
    text-decoration: none;
    color: #222;
    border: 1px solid #222;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin-right: 5px;
    transition: all 0.3s;
    border-radius: 42px;
}
.gaddress3 a:hover{background-color: #222; color: #fff;}

.abtuspg{width: 100%; display: block; padding: 50px 0; background-color: #fff;}
.abtuspg h2{
    color: #6cb148;
    margin-top: 0px;
    font-size: 36px;
}
.abtuspg h5{ color: #000;
font-size: 24px; padding: 0 10%; color: #333; line-height: 36px;}
.download a img{width: 250px; margin: auto; display: table; 
    animation: zoominoutsinglefeatured 2s infinite;}
@keyframes zoominoutsinglefeatured {
    0% {
        transform: scale(1,1);
    }
    50% {
        transform: scale(1.1,1.1);
    }
    100% {
        transform: scale(1,1);
    }
}
.download h4{
    font-size: 18px;
    text-transform: capitalize;
    font-weight: 500
}
.download h4 strong, .download h4 b{font-weight: 500;}
.download h4 a{
    color: #6cb148;
}
.abtuspg p{
    font-weight: 300;
    font-size: 21px;
    line-height: 36px;
    color: #000;
    margin-bottom: 40px;
}


/*productsbx*/
.productsbx{
    background-color: #fff;
    /* background-image: url("../images/h9-bg-section-01.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover; */
    padding: 60px 0;
    /* margin-top: 80px; */
}
.productsbx h3 {
    padding-right: 114px;
    position: relative;
    color: #000c3f;
    font-weight: 800;
    margin-bottom: 10px;
    float: left;
    clear: both;
    font-size: 18px;
}
.productsbx h3:before {
    content: '';
    width: 102px;
    height: 2px;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(0,-50%);
    -khtml-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%);
    background-color: #36dcff;
}
.productsbx h2{
    clear: both;
    color: #000;
    font-weight: 800;
    font-size: 34px;
    line-height: 42px;
}
p.pcont{
    font-size: 18px;
line-height: 30px;
color: #000
}
a.prodbx{
    position: relative;
display: block;
width: 100%;
float: right;
flex-wrap: nowrap;
padding: 40px 32px 40px 180px;
background-color: #fff;
/* box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.15); */
box-shadow: 0 21px 26px -16px rgba(34,48,116,0.5);

border-radius: 15px;
margin-bottom: 0px;
-webkit-transition: all 300ms linear 0ms;
-khtml-transition: all 300ms linear 0ms;
-moz-transition: all 300ms linear 0ms;
-ms-transition: all 300ms linear 0ms;
-o-transition: all 300ms linear 0ms;
transition: all 300ms linear 0ms;
margin-top: 20px;
position: relative;
text-decoration: none;
color: #000
}
a.prodbx:hover {
    -webkit-box-shadow: 0 10px 30px rgba(6,31,60,.2);
    -moz-box-shadow: 0 10px 30px rgba(6,31,60,.2);
    box-shadow: 2px 10px 30px rgba(6,31,60,.2);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px);
}
a.prodbx img{
    position: absolute;
    left: 10px;
    width: 160px;
    top: 40px;
    display: block;
}
a.prodbx h4{
    color: #6cb148;
    font-weight: 600;
    font-size: 24px;
    margin-top: 0;
    margin-bottom: 15px;
}
a.prodbx:hover h4{color: #000064;}
a.prodbx p{margin-bottom: 0; font-size: 16px; line-height: 24px;}
/*productsbx*/


.servicespg{
    width: 100%;
    display: table;
    padding: 40px 0 40px;
    background-color: #fff;
}
.servicespg h2{
    position: relative;
    margin-top: 0px;
    color: #000064;
    font-size: 32px;
    padding-bottom: 20px;
    text-align: center;
    margin-bottom: 30px;
}
.careerspg h2{font-size: 32px;}
.servicespg h2:before{
    position: absolute;
    left: calc(50% - 40px);
    bottom: 0px;
    width: 80px;
    height: 1px;
    background-color: #6cb148;
    content: "";
}
.servicespgbx{
    border-radius: 17px;
    box-shadow: 0 21px 39px -16px rgba(34,48,116,0.5);
    width: 100%;
    padding: 20px;
    background-color: #fff;
    display: table;
    margin-bottom: 30px;
    text-align: center;
}
.servicespgbx img{max-width: 100%; display: table; margin: auto auto 30px;
display: none;}
.servicespgbx h3{
    margin-top: 0px;
    margin-bottom: 20px;
    color: #6cb148;
    font-size: 32px;
    letter-spacing: 2px;
    line-height: 38px;
    /* font-family: 'Sofia-Pro-Bold', 'SofiaPro-Bold', sans-serif; */
}
.servicespgbx p{
    color: #626c84;
    font-size: 16px;
    line-height: 25px;
    height: 100px;
    padding: 0 20px;
    overflow: hidden;
    margin: 0 auto 40px 0;
}
.servicespgbx a.cta_button{bottom: auto; left: auto; margin:  auto; display: table;
float: none; right: auto; width: auto;}


.servidpg h3{
    color: #000064;
    font-size: 24px;
    margin: 0;
    padding-top: 150px;
    position: relative;
    line-height: 32px;
    padding-right: 30px;
    margin-top: 100px;
}
.servidpg h3:before{
    position: absolute;
    left: 0px;
    top: 0px;
    height: 120px;
    width: 1px;
    content: "";
    background-color: #000064;
}
.servidpg h3 img{position: absolute; left: 30px; top:0px; width: 150px;}
.servidpg h4{
    color: #000; font-size: 19px; line-height: 28px;
}
.servidpg h1{color: #6cb148;
font-size: 34px; margin-bottom: 25px;}
.servidpg p{
    font-size: 16px;
color: #000;
line-height: 28px;
}
.servidpg ul {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top:0px;
    margin-bottom: 20px;
    display: inline-block;
    width: 100%;
    clear: both;
}
.servidpg ul li {
    width: 100%;
    float: left;
    position: relative;
    padding: 6px 0 6px 25px;
    font-size: 16px;
color: #000;
}
.servidpg ul li:before {
    position: absolute;
    top: 3px;
    left: 5px;
    font-family: FontAwesome; font-weight: 900; content: "\f105";
    color: #6cb148;
}
.productsbx h2 {
    position: relative;
    margin-top: 0px;
    color: #000061;
    font-size: 32px;
    padding-bottom: 20px;
    text-align: center;
    margin-bottom: 30px;
    font-weight: 800;
    position: relative
}
.productsbx h2:before{
    position: absolute;
    left: calc(50% - 40px);
    bottom: 0px;
    width: 80px;
    height: 1px;
    background-color: #6cb148;
    content: "";
}


.section1 h3{
    font-size: 24px;
margin-bottom: 15px;
font-weight: 600;
margin-top: 0;
color: #6cb148;
line-height: 36px;
}
.se1inner ul li{line-height: 32px; font-size: 16px; position: relative; padding-left: 30px;}
.se1inner ul {
    list-style: none;
    width: 100%;
    display: block;
    margin-left: 20px;
    margin-top: 20px;
}
.se1inner ul li::before {
    position: absolute;
    left: 0px;
    top: 15px;
    border-radius: 7px;
    width: 7px;
    height: 7px;
    background-color: #6cb148;
    content: "";
}


/*prodpgbx*/
.prodpgbx{
    width: 100%;
    display: table;
    padding: 50px 0;
    background-color: #fff;
}
.prodcontbx{padding-left: 40px;}
.prodpgbx h2{text-align: left; margin-top: 0px; position: relative; color: #000064; 
    font-weight: 800; font-size: 36px; margin-top: 0px;
margin-bottom: 30px; padding-bottom: 20px;}
.prodpgbx h2:before{
    position: absolute;
    left: 0%;
    bottom: 0px;
    width: 60px;
    content: "";
    height: 2px;
    background-color: #6cb148;
}
.prodpgbx p {
    font-size: 16px;
    line-height: 26px;
}
.prodcontbx ul,.prodpgbx ul,.productsbx ul
{
    margin:0px;
    width:100%;
    float:left;
    list-style: none;
}
.prodcontbx ul li, .prodpgbx ul li, .productsbx ul li {
    float: left;
    line-height: 22px;
    margin-bottom: 7px;
    padding-left: 40px;
    position: relative;
    width: 100%;
    margin-bottom: 15px;
    color: #000
}
.prodcontbx ul li::after, .prodpgbx ul li::after, .productsbx ul li::after {
    color: #6cb148;
    content: "\f00c";
    font-family: "FontAwesome";
    font-size: 16px;
    left: 10px;
    position: absolute;
    top: 0px;
}
.prodpgbx h3{
    margin-bottom: 0px;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    color: #6cb148;
    margin: 20px 0;
    display: table;
    border-bottom: 2px solid #6cb148;
    line-height: 30px;
}
.prodpgbx table {
    width: 100%;
    overflow-y: auto;
    border: 1px solid #ddd;
    border-collapse: collapse;
}
.prodpgbx table thead {
    background: #272a8e;
    font-weight: 600;
}
.prodpgbx table th {
    padding: 15px 20px;
    border: 1px solid #fff;
    color: #fff;
    font-weight: 600;
}
.prodpgbx table td {
    border: 1px solid #ddd;
    padding: 10px 15px;
}

.relprod .techhd1{margin-top: 0px; font-size: 26px;}
/*prodpgbx*/

.header123 {
    display: none;
}

b, strong{font-weight: 600;}
.table-responsive{border: 0}
/* ===========================
   ====== Media Queries ====== 
   =========================== */
/*------smallphones----------------*/  
@media only screen and (min-width : 240px) and (max-width : 960px)
{
    body{overflow-x: hidden; overflow-x: hidden;}
    .container1_inner{width: 100%;}
    .container{width: 100%; display: block; max-width: 100%; min-width: 100%;}
    .menu, .top_bar, .fixedrt{display: none;}
    .header123 {display: block;}
    .main_banner{padding-top: 90px;}
    .logo{
        float: none;
        height: 90px;
        line-height: 90px;
        display: table;
        margin: auto;
        position: relative;
        left:20px;
        
    }
    .logo a{width: 230px; background-position: left center;}
    .header_top{padding: 0 50px 0 20px;}
    .banner_txt{top: 25% !important; width: 90%;}
    .banner_hd{font-size: 21px; line-height: normal;}
    .banner_r_more{margin-top: 0}
    .banner_r_more a{height: 32px; line-height: 32px; padding: 0 20px;
        font-size: 10px;}
    .mangementSolutionSection__column{width: 50% !important;}
    .mangementSolutionSection__cardImageHolder{height: 110px;}
    .mangementSolutionSection__cardLabel{font-size: 12px;}

    .section0::before{display: none;}

    .section0 h2{font-size: 24px;}
    .section0 p{width: 100%; font-size: 14px;}
    .section0 h3{font-size: 16px;}

    .section1 h2{font-size: 24px;}
    .references .owl-prev, .section1 .owl-prev{left: 0}
    .references .owl-next, .section1 .owl-next{right: 0}

    .contactForm h2{font-size: 18px; letter-spacing: 1px;}
    .ftbx1{padding: 60px 30px; background-size: cover; background-position: left center;}
    .contactForm .form__column{width: 100%; clear: both;}

    .ft_add p{font-size: 16px;}
    .mFooter{font-size: 14px;}

    .inner_banner {margin-top: 0; padding-top: 90px;}
    .inner_banner h1{margin-top: 20px; font-size: 21px;}
    .section-title1 h2{font-size: 24px;}
    .section-title1 h3{font-size: 18px;}
    .about-me-info span, .about-me-info em{font-size: 16px; line-height: 26px;}
    .about-me-info p{font-size: 16px;}
    .innerbx2 li{width: 33.33%; font-size: 12px;}
    .innerbx2 li p{font-size: 24px;}
    .innerbx2 li span{font-size: 32px;}
    .innerpg1.aboutpgg1{background-size: auto 200px; background-position: center 10px;
        padding-top: 220px;}
    .aboutpgg h3{font-size: 24px;}
    .aboutpgg ul li, .aboutpgg p{font-size: 16px;}
    .aboutpgg h3{font-size: 18px; line-height: 26px;}

    .references img{margin-bottom: 20px;}
    .team1{width: 100%; clear: both;}

    .cart_bx2{width: 88% !important;}
    .cart_bx2 img{width: 90px !important;}
    .cart_open1{z-index: 999999999999999999999999999 !important;}

    .vissionText{position: relative; width: 100%; left: 0; top: 0;
        font-size: 16px; line-height: 26px;}
    ul.mgmnt li{width: 100%;}
    .innerscroll h2{font-size: 24px;}
    .innerscroll .col-sm-3{width: 100%;}

    .section1 h3{font-size: 21px; line-height: 28px;}
    .prodpgbx .main_banner{padding-top: 0}
    .prodcontbx{padding-left: 0}
    .prodpgbx h2{font-size: 21px; display: table; width: 100%;}
    .prodpgbx h3{font-size: 16px;}

    .productsbx{padding: 40px 0}

    .careerspg{display: block;}
    .careerspg h2{font-size: 24px;}
    .careerspg1 p{font-size: 16px !important; line-height: 25px;}
    .job_des{width: 100%; margin-top: 20px;}

    .fulltime, .parttime{margin-top: -40px;}
    .jobdesinner h3{font-size: 24px;}
    a.jobapply{font-size: 14px;}
    h1#goBottom{font-size: 18px;}
    input.subres{font-size: 16px;}
    .jobdesc1 ul{margin-left: 0}
    .jobdesc1 ul li{line-height: 26px;}

    .abtuspg h5{font-size: 18px; padding: 0 !important; line-height: 28px;}
    .prodpgbx{display: block; }
}
/*------iphone----------------*/  
@media only screen and (min-width : 320px) and (max-width : 480px)
{
    
}
/*------smalltablet----------------*/  
@media only screen and (min-width : 480px) and (max-width : 960px)
{
     
}
@media only screen and (min-width : 600px) and (max-width : 960px)
{
    .banner_hd{font-size: 32px; width: 70%;}
    .mangementSolutionSection__cardImageHolder{height: 200px;}
}
/*--------iPad - Portrait--------------*/
@media only screen and (min-width : 768px) and (max-width : 960px)
{
    .section0::before{display: block;}
    
}
@media only screen and (min-width : 960px) and (max-width : 1240px)
{
    .container{width: 100%; display: block; max-width: 100%; min-width: 100%;}
    .header_top{padding: 0 20px;}
    .top_social, .top_social ul{display: none;}
    .menu > ul > li > a{padding: 0 9px; font-size: 12px; letter-spacing: 0}
    ul.submenu1 li a{font-size: 12px;}
    .logo a {
        background-image: url('../images/logo1.png');
        background-position: left center;
        width: 175px;
    }
    .logo, #header.fixed1 .logo{margin-right: 20px; margin-left: 10px;}
    .hl_circle h2, .pghd1 h2, .solhdbx h2, .inner_banner h1{font-size: 42px;}
    .hl_circle p{width: 80%;}
    .section1 ul li a .b2info{padding: 20px;}
    .section1 ul li{width: 19%;}
    .section1 ul li a .b2info .b2hd1{padding-top: 45px; font-size: 21px;}
    .solinfo h3{padding: 0px; font-size: 28px; line-height: 36px;}
    .dual-box-content h2{font-size: 32px;}
    .whyright .txt h4{height: 46px; overflow: hidden; line-height: 23px; font-size: 18px;}
    .whyright .txt{font-size: 16px; line-height: 21px; margin-bottom: 20px;}
    .page1, .jobpositions1 p{font-size: 18px; line-height: 26px;}
    .page1 h2{font-size: 21px;}
    .job_des p{margin-bottom: 15px;}
    .jobpositions1 h2{font-size: 32px;}
}
@media only screen and (min-width : 1210px) and (max-width : 1340px)
{
    .menu > ul > li > a{font-size: 12px;}
    .top_social, .top_social ul{display: block;}
    .hl_circle h2{font-size: 55px;}
    .hl_circle p{width: 80%;}
}
@media only screen and (min-width : 1024px) and (max-width : 1240px)
{
    
}


@media only screen and (min-width : 1400px) and (max-width : 2400px)
{

}