body {
    margin: 0 auto;
    font-size: 11pt;
    text-align: center;
    font-family: 'Poppins', sans-serif;
}

.top-bar {
    float: left;
    width: 100%;
    padding: 10px 0 10px 0;
    background-color: #2c3740;
}

.tbr_txt {
    width: 100%;
    float: left;
    color: #fff;
    font-size: 10pt;
    text-align: left;
    font-weight: 500;
    font-family: 'Montserrat', sans-serif;
}

.tbr_phn {
    width: 100%;
    float: left;
    color: #fff;
    font-size: 10pt;
    font-weight: 500;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
}

    .tbr_phn a {
        color: #fff;
    }

        .tbr_phn a:hover {
            color: #999;
            -webkit-transition: all .6s ease-in-out;
            -o-transition: all .6s ease-in-out;
            transition: all .6s ease-in-out;
        }

.ico_mar {
    margin: 0 10px 0 0;
}

.socl_links {
    width: 100%;
    float: left;
    color: #fff;
    text-align: right;
}

.top-fl {
    float: left;
    width: 100%;
    z-index: 8;
    /*position: absolute;*/
    height: auto;
    position: fixed;
    margin: 0 0 0 0;
    padding: 5px 0 5px 0;
    background-color: #0051a5;
    border-bottom: 1px solid rgba(255,255,255,.25);
    /*box-shadow: -9px 8px 32px 1px rgba(0,0,0,0.5);*/
}

.top-bg {
    width: 100%;
    float: left;
    height: 50px;
    margin: 22px 0 0 0;
    background-color: #c41e02;
}

.top-rgt {
    width: 60%;
    float: right;
    margin: 0 0 0 0;
}

.top-inr {
    width: 40%;
    float: left;
    color: #fff;
    font-size: 9pt;
    font-weight: 600;
    margin: 0 0 0 30px;
    padding: 0 0 0 30px;
}

.top-1 {
    width: 100%;
    float: left;
    color: #222;
    font-size: 12pt;
    text-align: left;
    font-weight: 600;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
}

.top-2 {
    width: 100%;
    float: left;
    color: #666;
    font-size: 10pt;
    text-align: left;
    font-weight: 500;
    line-height: 1.2;
    margin: 5px 0 0 0;
    font-family: 'Montserrat', sans-serif;
}

.top-inr a {
    color: #fff;
    font-weight: 600;
    font-size: 9pt;
}

    .top-inr a:hover {
        color: #eee;
        -webkit-transition: all .6s ease-in-out;
        -o-transition: all .6s ease-in-out;
        transition: all .6s ease-in-out;
    }

.top-inr1 {
    width: 100%;
    float: right;
    font-size: 9pt;
    color: #fff;
    font-weight: 600;
    text-align: right;
    padding: 0 0 0 30px;
}

    .top-inr1 a {
        color: #fff;
        font-weight: 600;
    }

        .top-inr1 a:hover {
            color: #ee3224;
            -webkit-transition: all .6s ease-in-out;
            -o-transition: all .6s ease-in-out;
            transition: all .6s ease-in-out;
        }

.top-inr2 {
    float: left;
    width: 100%;
    text-align: right;
}

.logo-cont {
    width: 83%;
    float: left;
}

.phone {
    width: 23%;
    float: right;
    color: #004990;
    font-size: 22px;
    font-weight: 700;
    text-align: right;
    margin: 30px 0 0 0;
}

    .phone a {
        color: #fff;
        padding: 10px 20px;
        border-radius: 50px;
        text-decoration: none;
        letter-spacing: 1.5px;
        background-color: #365c96;
        box-shadow: -9px 8px 32px 1px rgba(0,0,0,0.5);
    }

        .phone a:hover {
            color: #fff;
            text-decoration: none;
            background-color: #4a6ca0;
            -webkit-transition: all .2s ease-in-out;
            -o-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
        }

    .phone > a img {
        top: 0;
        margin-top: 0;
    }

.menu-bar {
    width: 100%;
    float: right;
    z-index: 7;
    position: absolute;
    margin: 25px 0 0 0;
    padding: 5px 0 5px 0;
    /*border-bottom: 1px solid #eee;
    background-color: #eee;*/
}

.sliderrr {
    width: 100%;
    float: left;
    margin: 128px 0 0 0;
}

.slider_heading {
    width: 100%;
    float: left;
    color: #000;
    margin: 0 0 0 0;
    font-size: 35pt;
    font-weight: 800;
    line-height: 1.2;
    text-align: left;
    border-radius: 10px;
    padding: 10px 50px 10px 0;
    /*text-shadow: 2px 2px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;*/
}

    .slider_heading span {
        color: #c1272f;
        font-size: 35pt;
        text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
    }

.slider_sml {
    width: 100%;
    float: left;
    color: #333;
    font-size: 15pt;
    font-weight: 500;
    line-height: 1.4;
    margin: 0 0 0 0;
    text-align: left;
    border-radius: 10px;
    padding: 0 0 10px 0;
}

.slider_mor {
    width: 32%;
    color: #ffffff;
    float: left;
    margin: 20px 0 0 0;
    z-index: 1;
}

    .slider_mor a {
        color: #fff;
        text-decoration: none;
        padding: 7px 30px;
        margin: 0 0 0 0;
        font-size: 15pt;
        font-weight: 600;
        background-color: #ed0c0c;
        border-radius: 30px;
    }

        .slider_mor a:hover {
            color: #fff;
            background-color: #0051a5;
            text-decoration: none;
            padding: 7px 30px;
            font-size: 15pt;
            font-weight: 600;
            -webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -ms-transition: all .5s ease;
            -o-transition: all .5s ease;
        }

.gall-tmb {
    width: 90%;
    float: left;
    margin: 7% 3% 2% 3%;
    padding: 10px 10px 10px 10px;
    background-color: #fff;
    box-shadow: 0 0 5px 0 #ccc;
    border-bottom: 3px solid #ed0d0d;
}

.gall-txt {
    width: 90%;
    float: left;
    color: #333;
    font-size: 14pt;
    font-weight: 700;
    text-align: center;
    margin: 0;
    padding: 0;
}

.yelclr {
    color: #ffb200;
}

.bx_area {
    float: left;
    width: 100%;
    z-index: 6;
    margin: 700px 0 0 0;
    position: absolute;
}

.bx_grp {
    float: left;
    width: 100%;
    padding: 0 15px 0 15px;
}

.bx_img {
    float: left;
    width: 100%;
    /*border: 1px solid #ddd;
	box-shadow: 0 0 25px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 0 25px rgba(0,0,0,.2);
    -moz-box-shadow: 0 0 25px rgba(0,0,0,.2);
    -ms-box-shadow: 0 0 25px rgba(0,0,0,.2);*/
}

.bx_txt {
    float: left;
    width: 100%;
    color: #000;
    font-size: 12pt;
    font-weight: 600;
    text-align: center;
    margin: 0 0 10px 0;
}

.sldr_arrw {
    margin-top: 220px;
}

.main-hdr-bg {
    float: left;
    width: 100%;
    background-image: url(images/main_header.jpg);
    background-position: 50% 0;
    background-size: cover;
    margin: 0 0 0 0;
}

    .main-hdr-bg h1 {
        font-size: 40pt;
        color: #fff;
        font-weight: 500;
        margin: 180px 0 0 0;
        text-align: center;
        font-family: 'Oswald', sans-serif;
    }

    .main-hdr-bg p {
        font-size: 17pt;
        color: #fff;
        font-weight: 400;
        margin: 0 0 140px 0;
        text-align: center;
        font-family: 'Oswald', sans-serif;
    }

.bst {
    width: 100%;
    float: left;
    padding: 0 0 0 0;
    margin: 30px 0 40px 0;
}

.bst_lft {
    width: 50%;
    float: left;
    padding: 15px 0 0 0;
}

.bst_rgt {
    width: 50%;
    float: left;
    padding: 20px 0 0 50px;
}

.bst_lft h1 {
    font-size: 25pt;
    font-weight: 700;
    color: #ed0c0c;
    margin: 0 0 10px 0;
    text-align: left;
    line-height: 1.3;
}

.bst_grp {
    width: 100%;
    float: left;
    padding: 30px 0 0 0;
}

.bst_ico {
    width: 10%;
    float: left;
    text-align: left;
}

.bst_matt {
    width: 90%;
    float: left;
}

.bst_ttl {
    width: 100%;
    float: left;
    padding: 0 0 10px 0;
    color: #0051a5;
    font-weight: 600;
    text-align: left;
}

.bst_txx {
    width: 100%;
    float: left;
    color: #666;
    line-height: 1.4;
    text-align: left;
}

.oth-hdr-bg {
    float: left;
    width: 100%;
    margin: 70px 0 0 0;
    background-image: url(images/oth-hdr-bg.jpg);
    background-position: 50% 0;
    background-size: cover;
}

    .oth-hdr-bg h1 {
        color: #fff;
        margin: 80px 0;
        font-size: 35pt;
        font-weight: 600;
        text-align: center;
        text-transform: uppercase;
        font-family: 'Rajdhani', sans-serif;
    }

.other-hdr-bg {
    float: left;
    width: 100%;
    background-image: url(images/oth_header.jpg);
    background-position: 50% 0;
    background-size: cover;
    margin: 122px 0 0 0;
}

    .other-hdr-bg h1 {
        font-size: 40pt;
        color: #fff;
        font-weight: 600;
        margin: 140px 0 140px 0;
        text-align: center;
        text-transform: uppercase;
        font-family: 'Rajdhani', sans-serif;
        text-shadow: 2px 2px 5px #000;
    }

.all_main {
    float: left;
    width: 100%;
    padding: 30px 0 30px 0;
    margin: 0 0 0 0;
}

    .all_main ul {
        margin: 0 0 20px 20px;
        padding: 0;
        list-style: none;
    }

    .all_main li {
        margin: 0 0 0 25px;
        padding: 0;
        color: #444;
        text-align: left;
        list-style-image: url(images/check_icon.png);
    }

.about-hdr-bg {
    float: left;
    width: 100%;
    background-image: url(images/about_header.jpg);
    background-position: 50% 50%;
    background-size: cover;
    margin: 129px 0 0 0;
}

    .about-hdr-bg h1 {
        font-size: 35pt;
        color: #fff;
        font-weight: 700;
        margin: 100px 0 100px 0;
        text-align: center;
        text-shadow: 3px 3px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    }

.enquiry-hdr-bg {
    float: left;
    width: 100%;
    background-image: url(images/enquiry_header.jpg);
    background-position: 50% 50%;
    background-size: cover;
    margin: 129px 0 0 0;
}

    .enquiry-hdr-bg h1 {
        font-size: 35pt;
        color: #fff;
        font-weight: 700;
        margin: 100px 0 100px 0;
        text-align: center;
        text-shadow: 3px 3px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    }

.contact-hdr-bg {
    float: left;
    width: 100%;
    background-image: url(images/contact_header.jpg);
    background-position: 50% 50%;
    background-size: cover;
    margin: 129px 0 0 0;
}

    .contact-hdr-bg h1 {
        font-size: 35pt;
        color: #fff;
        font-weight: 700;
        margin: 100px 0 100px 0;
        text-align: center;
        text-shadow: 3px 3px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    }

.quality-hdr-bg {
    float: left;
    width: 100%;
    background-image: url(images/quality_header.jpg);
    background-position: 50% 50%;
    background-size: cover;
    margin: 129px 0 0 0;
}

    .quality-hdr-bg h1 {
        font-size: 35pt;
        color: #fff;
        font-weight: 700;
        margin: 100px 0 100px 0;
        text-align: center;
        text-shadow: 3px 3px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    }

.infrastructure-hdr-bg {
    float: left;
    width: 100%;
    background-image: url(images/infrastructure_header.jpg);
    background-position: 50% 50%;
    background-size: cover;
    margin: 129px 0 0 0;
}

    .infrastructure-hdr-bg h1 {
        font-size: 35pt;
        color: #fff;
        font-weight: 700;
        margin: 100px 0 100px 0;
        text-align: center;
        text-shadow: 3px 3px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    }

.main_heading {
    font-size: 23pt;
    color: #071d2f;
    font-weight: 700;
    margin: 0 0 10px 0;
    text-align: left;
}

.sub_heading {
    font-size: 14pt;
    color: #0051a5;
    font-weight: 700;
    margin: 0 0 5px 0;
    text-align: left;
}

.prd_pnl {
    float: left;
    width: 100%;
    margin: 0 0 0 0;
}

.prd_grp {
    width: 90%;
    float: left;
    margin: 4% 5% 4% 5%;
    padding: 20px 20px 20px 20px;
    border: 3px solid #eee;
}

.prdsn_grp {
    width: 90%;
    float: left;
    margin: 4% 5% 4% 5%;
    padding: 20px 20px 20px 20px;
}

.pr-tbl-left {
    background-color: #ed0c0c;
    color: #ffffff;
    font-weight: bold;
    text-align: right;
    padding: 10px;
}

.pr-tbl-right {
    background-color: #f1f1f1;
    font-weight: bold;
    text-align: left;
    padding: 10px;
}

.rng {
    float: left;
    width: 100%;
    margin: 5px 0 20px 0;
}

.rng_inner {
    float: left;
    width: 100%;
}

    .rng_inner ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .rng_inner li {
        margin: 0 0 0 25px;
        padding: 0;
        color: #444;
        text-align: left;
        list-style-image: url(images/check_icon.png);
    }

.red {
    color: red;
}

.heading {
    font-size: 13pt;
    color: #1193d4;
    font-weight: 600;
    text-align: left;
    margin: 10px 0 5px 0;
    text-transform: uppercase;
}

.img_Right {
    margin: 0 0 20px 30px;
}

.imgoo {
    border: 5px solid #ccc;
    padding: 5px;
}

.dets {
    width: 100%;
    float: left;
    margin: 230px 0 0 0;
    padding: 0 0 0 0;
}

    .dets h1 {
        font-size: 27pt;
        font-weight: 700;
        color: #071d2f;
        margin: 0 0 5px 0;
        text-align: center;
        line-height: 1.3;
    }

    .dets h3 {
        font-size: 20pt;
        font-weight: 800;
        color: #ed0c0c;
        margin: 0 0 10px 0;
        text-align: center;
        line-height: 1.3;
        text-transform: uppercase;
    }

    .dets p {
        color: #333;
        text-align: center;
        margin: 0 0 10px 0;
    }

.dets_area {
    width: 100%;
    float: left;
    margin: 0 0 20px 0;
    padding: 0 0 0 0;
}

.dets_box {
    width: 99%;
    float: left;
    color: #000;
    font-size: 14pt;
    font-weight: 600;
    margin: 0 2px 4px 2px;
    border: 1px solid #ccc;
    /*border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 2px solid #fff;*/
    padding: 15px 0 15px 0;
    background-color: #eee;
}

    .dets_box:hover {
        color: #fff;
        margin: 0 2px 4px 2px;
        border: 1px solid #ccc;
        padding: 15px 0 15px 0;
        background-color: #0a3e6a;
        -webkit-transition: all .6s ease;
        -moz-transition: all .6s ease;
        -ms-transition: all .6s ease;
        -o-transition: all .6s ease;
    }

.dets_box1 {
    width: 99%;
    float: left;
    color: #000;
    font-size: 14pt;
    font-weight: 600;
    margin: 0 2px 4px 2px;
    border: 1px solid #ccc;
    /*border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 2px solid #fff;*/
    padding: 15px 0 15px 0;
    background-color: #eee;
}

    .dets_box1:hover {
        color: #fff;
        margin: 0 2px 4px 2px;
        border: 1px solid #ccc;
        padding: 15px 0 15px 0;
        background-color: #0a3e6a;
        -webkit-transition: all .6s ease;
        -moz-transition: all .6s ease;
        -ms-transition: all .6s ease;
        -o-transition: all .6s ease;
    }

.dets_box2 {
    width: 99%;
    float: left;
    color: #000;
    font-size: 14pt;
    font-weight: 600;
    margin: 0 2px 4px 2px;
    border: 1px solid #ccc;
    /*border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 2px solid #fff;*/
    padding: 15px 0 15px 0;
    background-color: #eee;
}

    .dets_box2:hover {
        color: #fff;
        margin: 0 2px 4px 2px;
        border: 1px solid #ccc;
        padding: 15px 0 15px 0;
        background-color: #0a3e6a;
        -webkit-transition: all .6s ease;
        -moz-transition: all .6s ease;
        -ms-transition: all .6s ease;
        -o-transition: all .6s ease;
    }

.dets_mor {
    color: #ffffff;
    margin: 0 auto;
    margin-top: 20px;
    font-size: 11pt;
}

    .dets_mor a {
        color: #000;
        border-radius: 5px;
        text-decoration: none;
        padding: 8px 25px;
        /*background-color: #071d2f;*/
        border: 2px solid #999;
        font-weight: 600;
        border-radius: 5px;
    }

        .dets_mor a:hover {
            color: #000;
            background-color: #ddd;
            text-decoration: none;
            padding: 8px 25px;
            -webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -ms-transition: all .5s ease;
            -o-transition: all .5s ease;
        }

.rounds_panel {
    width: 100%;
    float: left;
    padding: 10px 0 30px 0;
}

.rounds h2 {
    font-size: 25pt;
    color: #fff;
    text-align: center;
    font-weight: 400;
    margin: 10px 0 30px 0;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
}

.rounds_data {
    width: 94%;
    float: left;
    border-radius: 50%;
    text-align: left;
    margin: 0 3% 4% 3%;
    padding: 3% 5% 16% 5%;
    background-color: #0051a5;
    /*-webkit-transition: all 250ms ease-in-out;
    box-shadow: 0 0 25px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 0 25px rgba(0,0,0,.1);
    -moz-box-shadow: 0 0 25px rgba(0,0,0,.1);
    -ms-box-shadow: 0 0 25px rgba(0,0,0,.1);*/
}

    .rounds_data:hover {
        margin: -5% 3% 4% 3%;
        background-color: #0a3e6a;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
        -o-transition: all .5s ease;
    }

.rounds_ttl {
    width: 100%;
    float: left;
    color: #fff;
    text-align: center;
    font-size: 13pt;
    font-weight: 600;
    padding: 0 0 3px 0;
    margin: 0 0 10px 0;
}

.rounds_img {
    width: 100%;
    float: left;
    text-align: center;
    padding: 20px 0 10px 0;
}

.rounds_txt {
    width: 100%;
    float: left;
    color: #fff;
    opacity: .7;
    line-height: 1.5;
    font-size: 10.5pt;
    text-align: center;
    padding: 0 20px 0 20px;
}

.infra_grp {
    width: 90%;
    float: left;
    margin: 4% 5% 4% 5%;
    padding: 10px 10px 10px 10px;
    border: 3px solid #eee;
}

.otpro_grp {
    width: 90%;
    float: left;
    margin: 4% 5% 4% 5%;
    padding: 10px 10px 10px 10px;
    border: 3px solid #eee;
}

.otpro_pic {
    width: 100%;
    float: left;
    margin: 0;
}

.otpro_head {
    width: 100%;
    float: left;
    margin: 5px 0 0 0;
    font-size: 13pt;
    font-weight: 600;
    text-align: center;
}

.welc {
    width: 100%;
    float: left;
    margin: 0 0 0 0;
    padding: 30px 0 50px 0;
    background-color: #f5f5f5;
    /*background-color: #ee3224;*/
}

.welc_bp {
    width: 100%;
    float: left;
    padding: 30px 0 0 50px;
}

.welc_ap {
    width: 100%;
    float: left;
    color: #999;
    padding: 0;
}

    .welc_ap h1 {
        font-size: 25pt;
        font-weight: 700;
        color: #ed0c0c;
        margin: 0 0 10px 0;
        text-align: center;
        line-height: 1.3;
    }

    .welc_ap span {
        font-size: 20pt;
        font-weight: 600;
        color: #000;
    }

    .welc_ap p {
        color: #333;
        text-align: justify;
    }

.welc_mor {
    color: #ffffff;
    margin: 0 auto;
    margin-top: 40px;
    font-size: 11pt;
}

    .welc_mor a {
        color: #fff;
        border-radius: 5px;
        text-decoration: none;
        padding: 10px 25px;
        background-color: #0051a5;
        font-weight: 600;
    }

        .welc_mor a:hover {
            color: #fff;
            background-color: #000;
            text-decoration: none;
            padding: 10px 25px;
            border: 1px solid #fff;
            -webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -ms-transition: all .5s ease;
            -o-transition: all .5s ease;
        }

.oupro {
    float: left;
    width: 100%;
    margin: 50px 0 0 0;
    padding: 40px 0 40px 0;
    background-color: #eee;
}

    .oupro h1 {
        font-size: 25pt;
        font-weight: 400;
        color: #ee3224;
        margin: 0 0 10px 0;
        text-align: center;
        line-height: 1.3;
        text-transform: uppercase;
        font-family: 'Montserrat', sans-serif;
    }

    .oupro span {
        font-size: 20pt;
        font-weight: 400;
        color: #333;
        font-family: 'Montserrat', sans-serif;
    }

.oupro_data {
    float: left;
    width: 90%;
    padding: 0 0 0 0;
    margin: 20px 5% 20px 5%;
    background-color: #fff;
    -webkit-transition: all 250ms ease-in-out;
    box-shadow: 0 0 10px 0 #e0e0e0;
    /*box-shadow: 0 0 25px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 0 25px rgba(0,0,0,.2);
    -moz-box-shadow: 0 0 25px rgba(0,0,0,.2);
    -ms-box-shadow: 0 0 25px rgba(0,0,0,.2);*/
}

.oupro_img {
    float: left;
    width: 100%;
}

.oupro_txt {
    width: 100%;
    float: left;
    font-size: 11pt;
    font-weight: 500;
    text-align: center;
    color: #000;
    margin: 10px 0 0 0;
    padding: 0 0 10px 0;
    text-transform: uppercase;
    /*background-color: rgba(44, 55, 64, 0.8);*/
    font-family: 'Montserrat', sans-serif;
}

.oupro_txt_mor {
    width: 100%;
    float: left;
    font-size: 10pt;
    font-weight: 400;
    text-align: center;
    color: #ee3224;
    margin: 0 0 0 0;
    padding: 0 0 30px 0;
}

    .oupro_txt_mor a {
        color: #ee3224;
    }

        .oupro_txt_mor a:hover {
            color: #333;
        }

.con_1 {
    width: 100%;
    float: left;
    padding: 0;
    text-align: center;
    margin: 0 0 0 0;
    font-size: 13pt;
    font-weight: 600;
}

.con_2 {
    font-size: 20pt;
    font-weight: 600;
    margin: 0 0 10px 0;
    padding: 0;
    text-align: center;
    color: #ed0c0c;
}

.con_grp {
    width: 96%;
    float: left;
    height: 240px;
    margin: 10px 2% 0 2%;
    padding: 40px 10px 30px 10px;
    color: #333;
    background-color: #f5f5f5;
}

    .con_grp h2 {
        color: #333;
        font-size: 14pt;
        font-weight: 600;
    }

    .con_grp a {
        color: #333;
    }

        .con_grp a:hover {
            color: #c20020;
        }

.con_time {
    width: 32%;
    float: left;
    margin: 20px 34% 15px 34%;
    padding: 20px;
    background-color: #004990;
}

    .con_time h4 {
        color: #fff;
        font-size: 18pt;
        font-weight: 600;
        text-align: center;
        margin: 15px 0 15px 0;
    }

    .con_time p {
        color: #fff;
    }

    .con_time a {
        color: #7baad9;
    }

        .con_time a:hover {
            color: #fff;
        }

.con_map {
    width: 100%;
    float: left;
    padding: 0 0 0 50px;
}

.catcer_area {
    width: 100%;
    float: left;
    padding: 30px 0 30px 0;
}

.catal {
    width: 100%;
    float: left;
    padding: 70px 100px 0 100px;
    font-size: 40pt;
    color: #0051a5;
    font-weight: 700;
    margin: 0 0 0 0;
    line-height: 1.2;
    text-align: center;
}

.certi {
    width: 55%;
    float: left;
    padding: 0 0 0 0;
    margin: 0 0 0 100px;
}

.test_slide {
    width: 100%;
    float: left;
    padding: 80px 0px 80px 0px;
    background-image: url(images/comma.png);
    background-repeat: no-repeat;
    /*background-color: #f5f5f5;*/
}

    .test_slide h1 {
        font-size: 25pt;
        text-align: left;
        color: #0051a5;
        font-weight: 700;
        margin: 0 0 25px 0;
        text-align: center;
    }

    .test_slide span {
        color: #000;
        font-weight: 400;
    }

.choos {
    width: 100%;
    float: left;
    padding: 50px 0 60px 0;
    background-image: url(images/world-map.jpg);
    background-position: 50% 0;
    background-size: cover;
}

    .choos h2 {
        font-size: 25pt;
        color: #fff;
        text-align: center;
        font-weight: 700;
        margin: 10px 0 30px 0;
    }

    .choos span {
        color: #fff;
        opacity: .5;
        font-weight: 400;
    }

.choos_data {
    width: 90%;
    float: left;
    text-align: left;
    margin: 0 5% 4% 5%;
    padding: 3% 5% 10% 5%;
    background-color: #fff;
    /*-webkit-transition: all 250ms ease-in-out;
    box-shadow: 0 0 25px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 0 25px rgba(0,0,0,.1);
    -moz-box-shadow: 0 0 25px rgba(0,0,0,.1);
    -ms-box-shadow: 0 0 25px rgba(0,0,0,.1);*/
}

.choos_ttl {
    width: 100%;
    float: left;
    color: #ef0c0c;
    text-align: center;
    font-size: 13pt;
    font-weight: 700;
    padding: 3px 0 3px 0;
    margin: 10px 0 10px 0;
}

.choos_img {
    width: 100%;
    float: left;
    text-align: center;
    padding: 20px 0 10px 0;
}

.choos_txt {
    width: 100%;
    float: left;
    color: #222;
    font-size: 10.5pt;
    text-align: center;
}

.ptxt {
    color: #444;
    line-height: 1.7;
    text-align: justify;
    margin: 0 0 20px 0;
}

.redclr {
    color: #ed0c0c;
}

.bluclr {
    color: #0051a5;
}

.bttm-area {
    float: left;
    width: 100%;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.bttm-1 {
    float: left;
    width: 100%;
    margin: 0 0 0 0;
    padding: 40px 0 20px 0;
    /*background-color: #111;*/
    background-image: url(images/bott_bg.webp);
    background-position: 50% 0;
    background-size: cover;
}

.bttm-2 {
    float: left;
    width: 100%;
    margin: 0 0 0 0;
    padding: 20px 0 20px 0;
    background-color: #000;
}

.bttm-hed {
    float: left;
    width: 100%;
    /*color: #ee3224;*/
    color: #fff;
    text-align: left;
    font-weight: 700;
    font-size: 14pt;
    margin: 0 0 10px 0;
}

.bttm-txt {
    color: #aaa;
}

.bttm-b2 {
    float: left;
    width: 100%;
    text-align: left;
    color: #aaa;
    line-height: 30px;
    font-size: 11pt;
}

    .bttm-b2 a {
        color: #aaa;
        line-height: 2;
        text-decoration: none;
    }

        .bttm-b2 a:hover {
            color: #fff;
            text-decoration: none;
            -webkit-transition: all .6s ease;
            -moz-transition: all .6s ease;
            -ms-transition: all .6s ease;
            -o-transition: all .6s ease;
        }

.bttm-c2 {
    float: left;
    width: 100%;
    text-align: left;
    color: #aaa;
    font-size: 11pt;
}

    .bttm-c2 a {
        color: #aaa;
        line-height: 2.3;
        text-decoration: none;
    }

        .bttm-c2 a:hover {
            color: #fff;
            text-decoration: none;
            -webkit-transition: all .6s ease;
            -moz-transition: all .6s ease;
            -ms-transition: all .6s ease;
            -o-transition: all .6s ease;
        }

.bttm-c3 {
    float: left;
    width: 100%;
    text-align: left;
    color: #aaa;
    line-height: 27px;
    font-size: 11pt;
}

    .bttm-c3 a {
        color: #aaa;
        line-height: 2;
        text-decoration: none;
    }

        .bttm-c3 a:hover {
            color: #fff;
            text-decoration: none;
            -webkit-transition: all .6s ease;
            -moz-transition: all .6s ease;
            -ms-transition: all .6s ease;
            -o-transition: all .6s ease;
        }

.fotr {
    width: 100%;
    float: left;
    background-color: #003366;
    padding: 20px 0 20px 0;
    border-top: 1px solid #666;
}

    .fotr a {
        color: #aaa;
        text-decoration: none;
    }

        .fotr a:hover {
            color: #fff;
            text-decoration: none;
            -webkit-transition: all .5s ease-in-out;
            -o-transition: all .5s ease-in-out;
            transition: all .5s ease-in-out;
        }

    .fotr ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }

    .fotr li {
        padding: 0 10px 0 0;
        display: inline;
    }

.fotr-left {
    width: 60%;
    float: left;
    text-align: left;
    font-size: 11pt;
    color: #aaa;
}

.fotr-right {
    width: 40%;
    float: left;
    color: #aaa;
    font-size: 11pt;
    text-align: right;
    margin: 0 0 0 0;
}

    .fotr-right a {
        color: #fff;
        font-weight: 600;
        text-decoration: none;
    }

        .fotr-right a:hover {
            color: #ccc;
            text-decoration: none;
            -webkit-transition: all .5s ease-in-out;
            -o-transition: all .5s ease-in-out;
            transition: all .5s ease-in-out;
        }

.img_Left {
    margin: 0 30px 20px 0;
}

.zoom {
    padding: 0;
    background-color: #fff;
    transition: transform .2s;
    width: 94%;
    float: left;
    height: auto;
    margin: 5% 3% 5% 3%;
    /*box-shadow: 0 0 13px 0px rgba(0,0,0,0.09);*/
}

    .zoom:hover {
        -ms-transform: scale(1.1); /* IE 9 */
        -webkit-transform: scale(1.1); /* Safari 3-8 */
        transform: scale(1.1);
    }

.zoom1 {
    padding: 0;
    transition: transform .2s;
    width: 33.2%;
    float: left;
    height: auto;
    margin: 0 0 0 0;
    /*box-shadow: 0 0 13px 0px rgba(0,0,0,0.08);*/
}

    .zoom1:hover {
        -ms-transform: scale(.95); /* IE 9 */
        -webkit-transform: scale(.95); /* Safari 3-8 */
        transform: scale(.95);
    }

.zoom2 {
    padding: 0;
    transition: transform .2s;
    width: 33.2%;
    float: left;
    height: auto;
    margin: 0 0 0 0;
    /*box-shadow: 0 0 13px 0px rgba(0,0,0,0.08);*/
}

    .zoom2:hover {
        -ms-transform: scale(.95); /* IE 9 */
        -webkit-transform: scale(.95); /* Safari 3-8 */
        transform: scale(.95);
    }

.zoom3 {
    padding: 0;
    background-color: #f3f3f3;
    transition: transform .2s;
    width: 94%;
    float: left;
    height: auto;
    margin: 5% 3% 5% 3%;
    /*box-shadow: 0 0 13px 0px rgba(0,0,0,0.09);*/
}

    .zoom3:hover {
        -ms-transform: scale(1.1); /* IE 9 */
        -webkit-transform: scale(1.1); /* Safari 3-8 */
        transform: scale(1.1);
    }













@media (max-width:480px) {

    .logo-cont {
        float: left;
        width: 87%;
        font-size: 25pt;
        text-align: left;
        padding: 0 0 0 0;
        margin: 0 0 0 0;
    }

    .phone {
        width: 75%;
        float: left;
        text-align: center;
        margin-right: 0;
        margin-top: 15px;
        margin-left: 12%;
        margin-bottom: 25px;
        font-size: 22px;
        font-weight: 700;
    }

    .ptxt {
        padding-right: 0;
    }

    .prdpicmar {
        margin-bottom: 20px;
    }

    .wel h1 {
        font-size: 18pt;
        text-align: center;
        color: #00bcd4;
        font-weight: bold;
        margin: 0 0 10px 0;
        line-height: 1.2;
    }

    .fotr-left {
        width: 100%;
        float: left;
        text-align: center;
        font-size: 10pt;
        line-height: 1.5;
    }

    .fotr-right {
        width: 100%;
        float: left;
        text-align: center;
        margin: 3px 0 0 0;
        font-size: 10pt;
    }

    .fotr ul {
        padding: 0;
        margin: 0;
        list-style: none;
        line-height: 1.4;
    }

    .fotr li {
        padding: 0 3px 0 0;
        display: inline;
    }

    .cont-ab {
        color: #fff;
        font-size: 14px;
        margin-top: 0;
        text-align: left;
        margin-left: 0;
    }

    .menu-bar {
        width: 100%;
        float: left;
        margin: 25px 0 0 0;
        /*background-color: #eee;*/
    }

    .navbar-default .navbar-nav > li > a {
        color: #000;
        border-bottom: 1px solid #ddd;
        background-color: #eee;
    }

    .top-fl {
        padding: 5px 0 0 0;
    }

    .sliderrr {
        width: 100%;
        float: left;
        margin: 110px 0 0 0;
    }

    .caro_hgt {
        width: 100%;
        height: 300px;
    }

    .con_2 {
        font-size: 20pt;
    }

    .con_grp {
        width: 100%;
        float: left;
        margin: 40px 0 0 0;
        padding: 20px 0 30px 0;
        border-bottom: 1px dashed #ccc;
        border-right: 0;
    }

    .con_grp_1 {
        width: 100%;
        float: left;
        margin: 40px 0 30px 0;
        padding: 20px 0;
    }

    .wel {
        float: left;
        width: 100%;
        padding: 40px 0 50px 0;
        margin: 0 0 0 0;
    }

        .wel h1 {
            font-size: 18pt;
            text-align: left;
            color: #666;
            font-weight: bold;
            margin: 0 0 30px 0;
            text-align: center;
            text-transform: uppercase;
        }

        .wel h2 {
            font-size: 15pt;
            text-align: center;
            color: #666;
            font-weight: bold;
            margin: 30px 0 10px 0;
            text-align: left;
            text-transform: uppercase;
        }

    .welc h2 {
        font-size: 25pt;
    }

    .welc span {
        font-size: 18pt;
    }

    .welc_more {
        width: 55%;
        margin: 0 auto;
        background-color: #fff;
        color: #222;
        font-size: 10pt;
    }

        .welc_more a {
            float: left;
            padding: 10px 20px;
            background-color: #fff;
            color: #222;
            text-decoration: none;
        }

    .bttm-b2 {
        font-size: 11pt;
        margin: 0 0 20px 0;
    }

    .bttm-c2 {
        float: left;
        width: 100%;
        text-align: left;
        color: #aaa;
        line-height: 2.5;
        font-size: 11pt;
        margin: 0 0 20px 0;
    }

    .top-inr {
        text-align: center;
    }

    .top-inr1 {
        width: 50%;
        text-align: right;
        margin: 0 0 5px 0;
    }

    .top-inr2 {
        text-align: center;
    }

    .bttm-hed {
        float: left;
        width: 100%;
        color: #fff;
        font-size: 12pt;
        text-align: left;
        font-weight: 700;
        margin: 15px 0 0 0;
    }

    .welc {
        width: 100%;
        float: left;
        padding: 0 0 30px 0;
        margin: 0 0 0 0;
    }

    .welc_ap {
        width: 100%;
        float: left;
        padding: 20px 0 0 0;
    }

        .welc_ap h1 {
            font-size: 18pt;
            margin: 0 0 10px 0;
            text-align: center;
            line-height: 1.2;
        }

        .welc_ap span {
            font-size: 13pt;
        }

    .welc_bp {
        width: 100%;
        float: left;
        padding: 0 0 0 0;
    }

    .welc_mor {
        width: 50%;
        float: left;
        color: #ffffff;
        margin: 3% 25% 10% 25%;
        font-size: 10.5pt;
    }

    .bttm-1 {
        padding: 30px 0 30px 0;
    }

    .con {
        float: left;
        width: 100%;
        text-align: left;
        padding: 20px;
        background-color: #f9f9f9;
        border: 5px solid #ddd;
        border-top: 10px solid #003366;
        margin: 0 0 30px 0;
        line-height: 1.6;
    }

    .top-rgt {
        width: 100%;
        float: left;
        margin: 0 0 0 0;
    }

    .top-inr {
        width: 50%;
        float: left;
        border-left: 0;
        margin: 2px 0 0 0;
        padding: 0;
    }

    .top-inr_1 {
        width: 40%;
        float: left;
        border-left: 1px dashed #ccc;
        padding: 0 0 0 20px;
        font-family: 'Rajdhani', sans-serif;
    }

    .top-1 {
        width: 100%;
        float: left;
        color: #be0202;
        text-align: left;
        font-weight: 600;
        font-size: 11pt;
        font-family: 'Rajdhani', sans-serif;
    }

    .top-2 {
        width: 100%;
        float: left;
        text-align: left;
        font-weight: 600;
        font-size: 11pt;
        line-height: 1.1;
        font-family: 'Rajdhani', sans-serif;
    }

    .test_slide {
        width: 100%;
        float: left;
        padding: 80px 0px 20px 0px;
        background-image: url(images/comma.png);
        background-repeat: no-repeat;
        background-color: #f5f5f5;
    }

    .bttm-area {
        float: left;
        width: 100%;
        margin: 0 0 0 0;
        padding: 0 0 0 0;
        background-image: url(images/ftr_bg.jpg);
        background-position: 68% 0;
        background-size: cover;
    }

    .other-hdr-bg {
        float: left;
        width: 100%;
        background-image: url(images/oth_header.jpg);
        background-position: 50% 0;
        background-size: cover;
        margin: 152px 0 0 0;
    }

        .other-hdr-bg h1 {
            font-size: 30pt;
            color: #fff;
            font-weight: 600;
            margin: 70px 0 70px 0;
            text-align: center;
            text-transform: uppercase;
            font-family: 'Rajdhani', sans-serif;
            text-shadow: 2px 2px 5px #000;
        }

    .img_Left {
        width: 45%;
        margin: 0 30px 20px 0;
    }

    .img_Right {
        width: 45%;
        margin: 0 0 20px 30px;
    }

    .top-bar {
        float: left;
        width: 100%;
        padding: 5px 0 5px 0;
        background-color: #2c3740;
    }

    .tbr_txt {
        width: 100%;
        float: left;
        color: #fff;
        font-size: 10pt;
        text-align: center;
        font-weight: 500;
        padding: 0 0 3px 0;
        font-family: 'Montserrat', sans-serif;
    }

    .tbr_phn {
        width: 100%;
        float: left;
        color: #fff;
        font-size: 10pt;
        text-align: center;
        font-weight: 500;
        font-family: 'Montserrat', sans-serif;
    }

    .socl_links {
        width: 100%;
        float: left;
        color: #fff;
        text-align: center;
        padding: 3px 0 0 0;
    }

    .sldr_heading {
        color: #111;
        font-size: 12pt;
        font-weight: 700;
        padding: 0 0 0 0;
        line-height: 1.2;
        text-align: center;
        margin: 0;
    }

    .sldr_sub_heading {
        margin: 0;
        color: #333;
        font-size: 9pt;
        font-weight: 500;
        text-align: center;
        line-height: 1.4;
        font-family: 'Montserrat', sans-serif;
        /*text-shadow: 1px 1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;*/
    }

    .slid_mor {
        width: 44%;
        float: left;
        margin: 10px 28% 0 28%;
        color: #ffffff;
        font-size: 10pt;
    }

        .slid_mor a {
            color: #fff;
            font-weight: 600;
            padding: 5px 10px;
            border-radius: 5px;
            text-decoration: none;
            background-color: #ee3224;
        }

            .slid_mor a:hover {
                color: #ee3224;
                padding: 5px 10px 5px 10px;
            }

    .bx_area {
        float: left;
        width: 100%;
        margin: 370px 0 0 0;
        z-index: 6;
        position: absolute;
    }

    .oupro {
        float: left;
        width: 100%;
        margin: 0 0 0 0;
        padding: 30px 0 30px 0;
    }

        .oupro h1 {
            font-size: 20pt;
        }

        .oupro span {
            font-size: 14pt;
        }

    .oupro_txt {
        width: 100%;
        float: left;
        font-size: 10pt;
        font-weight: 500;
        text-align: center;
        color: #000;
        margin: 10px 0 0 0;
        padding: 0 0 20px 0;
        text-transform: uppercase;
        /*background-color: rgba(44, 55, 64, 0.8);*/
        font-family: 'Montserrat', sans-serif;
    }

    .oupro_data {
        float: left;
        width: 96%;
        padding: 0 0 0 0;
        margin: 15px 2% 15px 2%;
    }

    .choos {
        width: 100%;
        float: left;
        padding: 20px 0 40px 0;
    }

        .choos h2 {
            font-size: 20pt;
            margin: 10px 0 15px 0;
        }

        .choos span {
            color: #fff;
            opacity: .5;
            font-weight: 500;
        }

    .choos_data {
        width: 96%;
        float: left;
        text-align: left;
        margin: 0 2% 7% 2%;
        padding: 3% 5% 10% 5%;
    }

    .choos_ttl {
        font-size: 13pt;
    }

    .test_slide {
        width: 100%;
        float: left;
        padding: 80px 0px 40px 0px;
        background-image: url(images/comma.png);
        background-repeat: no-repeat;
        background-color: #f5f5f5;
    }

        .test_slide h1 {
            font-size: 20pt;
        }

    .bx_grp {
        float: left;
        width: 50%;
        padding: 0 2% 0 2%;
    }

    .bx_txt {
        float: left;
        width: 100%;
        font-size: 9pt;
        font-weight: 500;
        text-align: center;
        margin: 12px 0 10px 0;
        font-family: 'Montserrat', sans-serif;
    }

    .bst {
        width: 100%;
        float: left;
        padding: 20px 0 20px 0;
        margin: 0 0 0 0;
    }

    .bst_lft {
        width: 100%;
        float: left;
        padding: 15px 0 0 0;
    }

    .bst_rgt {
        width: 100%;
        float: left;
        padding: 0 20px 0 20px;
    }

    .bst_lft h1 {
        font-size: 17pt;
        font-weight: 700;
        margin: 10px 0 10px 0;
        text-align: center;
        line-height: 1.3;
    }

    .bst_grp {
        width: 100%;
        float: left;
        padding: 10px 0 20px 0;
    }

    .bst_ico {
        width: 20%;
        float: left;
        text-align: left;
    }

    .bst_matt {
        width: 80%;
        float: left;
    }

    .bst_ttl {
        width: 100%;
        float: left;
        padding: 0 0 10px 0;
        font-weight: 600;
        text-align: left;
    }

    .bst_txx {
        width: 100%;
        float: left;
        color: #666;
        line-height: 1.4;
        text-align: left;
    }

    .zoom {
        padding: 0;
        /*background-color: #eee;*/
        transition: transform .2s;
        width: 100%;
        float: left;
        height: auto;
        margin: 5% 0 0 0;
        /*box-shadow: 0 0 13px 0px rgba(0,0,0,0.08);*/
    }

    .dets {
        width: 100%;
        float: left;
        margin: 300px 0 0 0;
        padding: 0 0 0 0;
    }

        .dets h1 {
            font-size: 17pt;
            margin: 0 0 5px 0;
            line-height: 1.2;
        }

        .dets h3 {
            font-size: 15pt;
            margin: 0 0 5px 0;
            line-height: 1.2;
        }

    .rounds_panel {
        width: 100%;
        float: left;
        padding: 10px 0 30px 0;
    }

    .rounds h2 {
        font-size: 25pt;
        color: #fff;
        text-align: center;
        font-weight: 400;
        margin: 10px 0 30px 0;
        text-transform: uppercase;
        font-family: 'Montserrat', sans-serif;
    }

    .rounds_data {
        width: 90%;
        float: left;
        border-radius: 50%;
        text-align: left;
        margin: 0 5% 8% 5%;
        padding: 3% 5% 20% 5%;
    }

    .zoom1 {
        padding: 0;
        transition: transform .2s;
        width: 50%;
        float: left;
        height: auto;
        margin: 0 0 0 0;
        /*box-shadow: 0 0 13px 0px rgba(0,0,0,0.08);*/
    }

    .dets_box {
        width: 98%;
        float: left;
        color: #000;
        font-size: 11pt;
        font-weight: 600;
        margin: 0 1% 4px 1%;
        border: 1px solid #ccc;
        /*border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 2px solid #fff;*/
        padding: 15px 16px 15px 16px;
        background-color: #eee;
    }

        .dets_box:hover {
            color: #fff;
            margin: 0 2px 4px 2px;
            border: 1px solid #ccc;
            padding: 15px 16px 15px 16px;
            background-color: #0a3e6a;
            -webkit-transition: all .6s ease;
            -moz-transition: all .6s ease;
            -ms-transition: all .6s ease;
            -o-transition: all .6s ease;
        }

    .zoom2 {
        padding: 0;
        transition: transform .2s;
        width: 100%;
        float: left;
        height: auto;
        margin: 0 0 0 0;
        /*box-shadow: 0 0 13px 0px rgba(0,0,0,0.08);*/
    }

    .dets_box1 {
        width: 99%;
        float: left;
        color: #000;
        font-size: 11pt;
        font-weight: 600;
        margin: 0 2px 4px 2px;
        border: 1px solid #ccc;
        /*border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 2px solid #fff;*/
        padding: 15px 30px 15px 30px;
        background-color: #eee;
    }

    .dets_box2 {
        width: 97.5%;
        float: left;
        color: #000;
        font-size: 11pt;
        font-weight: 600;
        margin: 0 2px 4px 2px;
        border: 1px solid #ccc;
        /*border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 2px solid #fff;*/
        padding: 15px 30px 15px 30px;
        background-color: #eee;
    }

        .dets_box2:hover {
            color: #fff;
            margin: 0 2px 4px 2px;
            border: 1px solid #ccc;
            padding: 15px 20px 15px 20px;
            background-color: #0a3e6a;
            -webkit-transition: all .6s ease;
            -moz-transition: all .6s ease;
            -ms-transition: all .6s ease;
            -o-transition: all .6s ease;
        }

    .about-hdr-bg {
        float: left;
        width: 100%;
        background-image: url(images/about_header.jpg);
        background-position: 50% 50%;
        background-size: cover;
        margin: 112px 0 0 0;
    }

        .about-hdr-bg h1 {
            font-size: 25pt;
            color: #fff;
            font-weight: 700;
            margin: 70px 0 70px 0;
            text-align: center;
            text-shadow: 3px 3px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
        }

    .enquiry-hdr-bg {
        float: left;
        width: 100%;
        background-image: url(images/enquiry_header.jpg);
        background-position: 0 50%;
        background-size: cover;
        margin: 112px 0 0 0;
    }

        .enquiry-hdr-bg h1 {
            font-size: 25pt;
            color: #fff;
            font-weight: 700;
            margin: 70px 0 70px 0;
            text-align: center;
            text-shadow: 3px 3px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
        }

    .contact-hdr-bg {
        float: left;
        width: 100%;
        background-image: url(images/contact_header.jpg);
        background-position: 50% 50%;
        background-size: cover;
        margin: 112px 0 0 0;
    }

        .contact-hdr-bg h1 {
            font-size: 25pt;
            color: #fff;
            font-weight: 700;
            margin: 70px 0 70px 0;
            text-align: center;
            text-shadow: 3px 3px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
        }

    .quality-hdr-bg {
        float: left;
        width: 100%;
        background-image: url(images/quality_header.jpg);
        background-position: 95% 50%;
        background-size: cover;
        margin: 112px 0 0 0;
    }

        .quality-hdr-bg h1 {
            font-size: 25pt;
            color: #fff;
            font-weight: 700;
            margin: 70px 0 70px 0;
            text-align: center;
            text-shadow: 3px 3px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
        }

    .infrastructure-hdr-bg {
        float: left;
        width: 100%;
        background-image: url(images/infrastructure_header.jpg);
        background-position: 50% 50%;
        background-size: cover;
        margin: 112px 0 0 0;
    }

        .infrastructure-hdr-bg h1 {
            font-size: 25pt;
            color: #fff;
            font-weight: 700;
            margin: 70px 0 70px 0;
            text-align: center;
            text-shadow: 3px 3px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
        }

    .main_heading {
        font-size: 18pt;
        color: #071d2f;
        font-weight: 700;
        margin: 0 0 10px 0;
        text-align: center;
        line-height: 1.2;
    }

    .sub_heading {
        font-size: 13pt;
        font-weight: 700;
        margin: 0 0 5px 0;
        text-align: center;
        line-height: 1.4;
    }

    .gall-tmb {
        width: 98%;
        float: left;
        margin: 5% 1% 5% 1%;
        padding: 10px 10px 10px 10px;
        background-color: #fff;
        box-shadow: 0 0 5px 0 #ccc;
    }

    .slider_mor {
        width: 40%;
        color: #ffffff;
        float: left;
        margin: 20px 30% 0 30%;
        z-index: 1;
    }

        .slider_mor a {
            color: #fff;
            text-decoration: none;
            padding: 7px 20px;
            margin: 0 0 0 0;
            font-size: 11pt;
            font-weight: 600;
            background-color: #ed0c0c;
            border-radius: 30px;
        }

            .slider_mor a:hover {
                color: #fff;
                background-color: #0051a5;
                text-decoration: none;
                padding: 7px 20px;
                font-size: 11pt;
                font-weight: 600;
                -webkit-transition: all .5s ease;
                -moz-transition: all .5s ease;
                -ms-transition: all .5s ease;
                -o-transition: all .5s ease;
            }

    .slider_heading {
        font-size: 15pt;
        font-weight: 600;
        line-height: 1.2;
        margin: 5px 0 0 0;
        text-align: center;
        padding: 10px 10px 0 10px;
    }

    .slider_sml {
        width: 100%;
        float: left;
        font-size: 11pt;
        font-weight: 400;
        line-height: 1.4;
        margin: 0 0 0 0;
        text-align: center;
        border-radius: 10px;
        padding: 5px 0 0 0;
    }

    .catal {
        width: 100%;
        float: left;
        padding: 0 40px 20px 40px;
        font-size: 25pt;
        color: #0051a5;
        font-weight: 700;
        margin: 0 0 0 0;
        line-height: 1.2;
        text-align: center;
    }

    .certi {
        width: 100%;
        float: left;
        padding: 0 0 0 0;
        margin: 0 0 0 0;
    }

    .con_1 {
        width: 100%;
        float: left;
        padding: 0;
        text-align: center;
        margin: 0 0 0 0;
        font-size: 12pt;
        font-weight: 600;
    }

    .con_2 {
        font-size: 16pt;
        font-weight: 600;
        margin: 0 0 5px 0;
        padding: 0;
        text-align: center;
    }

    .con_grp {
        width: 100%;
        float: left;
        margin: 10px 0 10px 0;
        padding: 40px 10px 30px 10px;
        color: #333;
        background-color: #f5f5f5;
    }

    .con_grp_1 {
        width: 100%;
        float: left;
        margin: 0;
        padding: 30px 0 20px 0;
    }

    .con_time {
        width: 100%;
        float: left;
        margin: 10px 0 20px 0;
        padding: 20px;
    }

        .con_time h4 {
            font-size: 16pt;
        }

    .infra_grp {
        width: 96%;
        float: left;
        margin: 2% 2% 2% 2%;
        padding: 10px 10px 10px 10px;
        border: 3px solid #eee;
    }

    .prdsn_grp {
        width: 100%;
        float: left;
        margin: 4% 0 4% 0;
        padding: 20px 20px 20px 20px;
    }

    .otpro_grp {
        width: 100%;
        float: left;
        margin: 3% 0 3% 0;
        padding: 10px 10px 10px 10px;
    }

    .otpro_head {
        width: 100%;
        float: left;
        margin: 5px 0 0 0;
        font-size: 12pt;
        font-weight: 600;
        text-align: center;
    }
}










.tainer {
    position: relative;
    width: 100%;
}

.image {
    display: block;
    width: 100%;
    height: auto;
}

.overlay {
    position: absolute;
    bottom: 100%;
    left: 0;
    right: 0;
    background-color: #222;
    overflow: hidden;
    width: 100%;
    height: 0;
    transition: .5s ease;
    opacity: 0.9;
    z-index: 9;
}

.tainer:hover .overlay {
    bottom: 0;
    height: 100%;
}

.texto {
    width: 100%;
    color: white;
    font-size: 16px;
    font-weight: 500;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
    font-family: 'Montserrat', sans-serif;
}