@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700,600);

@import url('https://fonts.googleapis.com/css?family=Oswald:400,700|Raleway:300,400,600');



body {

    font-family: 'Oswald', sans-serif;

    /*font-family: 'Open Sans', sans-serif;*/

    /*font-family: 'Raleway', sans-serif;*/

    font-weight: 400;

    background: #fafafa;

}



.clr_darkblue {

    color: #05305a;

}



.bnr_img {

    /*background: #fff url('../images/1a.jpg') no-repeat 0 0;*/

    background-attachment: fixed;

    background-size: cover;


}



.bg_1 {

    background: #fff url('../images/pat1.png') repeat 0 0;

}



.about_bg {

    background: #fff url(../images/about_bg.png) no-repeat 0 center;

    background-size: cover;

}



.service_bg {

    background: #fff url(../images/service_bg.png) no-repeat 0 center;

    background-size: cover;

}



.career_bg {

    background: #fff url(../images/career_bg.png) no-repeat 0 center;

    background-size: cover;

}



.logo {

    font-family: 'Raleway', sans-serif;

    font-size: 50px;

    font-weight: bold;

    color: #fff;

    font-style: italic;

}



.logo_third {

    font-family: 'Raleway', sans-serif;

    font-size: 25px;

    font-weight: bold;

    color: #fff;

    font-style: italic;

    text-align: left;

    float: left;

    margin-top: 6px;

}



.logo_sec {

    font-family: 'Raleway', sans-serif;

    font-size: 20px;

    font-weight: bold;

    color: #fff;

    font-style: italic;

    text-align: left;

    float: left;

    margin-top: 13px;

    margin-left: 10px;

}



.btn_get_started {

    padding: 8px 25px;

    background: transparent url(../images/btn_bg.png) no-repeat 0 center;

    border: none;

    font-size: 18px;

    font-weight: bold;

    color: #000;

}



    .btn_get_started img {

        margin-left: 5px;

        margin-top: -5px;

    }



    .btn_get_started:hover {

        cursor: pointer;

        opacity: .7;

    }



.bnr_content h2 {

    margin-top: 40%;

    border-bottom: 2px solid rgba(255, 255, 255, 0.45);

    color: #fff;

    font-weight: bold;

    font-size: 6em;

    text-shadow: 1px 1px 0px #56778a;

    padding-bottom: 10px;

    margin-bottom: 10px;

}



.bnr_content p {

    color: #fff;

    font-family: 'Raleway', sans-serif;

    font-weight: 600;

    font-size: 18px;

    line-height: 30px;

    text-shadow: 1px 1px 1px #19344d;

}

nav.navbar { margin-bottom: 0; background-color: #000;}

#navbar, .navbar-header {

    background: rgba(0, 0, 0, 0.81);

    /*background: #00519c;*/

}



.navbar-nav > li > a {

    color: #fff;

}



.navbar-nav > li.active {

    background: #9AC237;

}



.navbar-nav > li:hover > a {

    cursor: pointer;

}



.board {

    width: 100%;

    text-align: center;

    margin: 50px 0;

    float: left;

}





.head_main_left {

    font-size: 55px;

    font-weight: bold;

    border-right: 2px solid #000;

    text-align: left;

    padding-right: 20px;

}



.cap_sec_left {

    text-align: left;

    margin-top:6%;

}

.head_main_right {

    font-size: 55px;

    font-weight: bold;

    border-left: 2px solid #000;

    text-align: left;

    padding-left: 20px;

}



.head_main_center {

    font-size: 55px;

    font-weight: bold;

    border-left: none;

    text-align: center;

    padding-left: 20px;

}



.board p {

    font-family: 'Raleway', sans-serif;

    font-size: 18px;

    font-weight: 400;

    text-align: left;

    line-height: 2;

}



a.more {

    width: 100%;

    float: left;

    font-size: 20px;

    font-weight: bold;

    color: #074d9a;

    text-align: center;

    margin: 25px 0;

}



    a.more i {

        font-size: 12px;

        font-weight: 100;

        color: #bcbcbc;

    }



.sec_img1 {

    background: #fff url(../images/2.jpg) no-repeat 0 0;

    background-attachment: fixed;

    background-size: cover;

    border-bottom: 5px solid #00519c;



}



.sec_img2 {

    background: #fff url(../images/3.jpg) no-repeat 0 0;

    /* background-attachment: fixed; */

    background-size: cover;

    border-bottom: 5px solid #00519c;

}



.bnr_content1 h2 {

    margin-top: 200px;

    margin-bottom: 200px;

    font-size: 3em;

    color: #363636;

    text-shadow: 1px 1px 1px #fff;

    text-align: right;

    line-height: 1.5;

    font-weight: 700;

}



    .bnr_content1 h2 span {

        font-size: 2em;

    }



.bnr_content2 h3 {



    font-size: 2em;

    color: #fff;

    text-shadow: 1px 1px 1px #000;

    text-align: center;

    line-height: 1.5;

    font-weight: 700;

}

.race-with-us { margin-top: 50px; margin-bottom: 50px; }


.bnr_content2 h2 {

    font-size: 3em;

    color: #fff;

    text-shadow: 1px 1px 1px #000;

    text-align: center;

    line-height: 1.5;

    font-weight: 700;

}



ul.ul_service li {

    width: 100%;

    display: list-item;

    float: right;

    margin-bottom: 20px;

    font-size: 28px;

    text-transform: uppercase;

    text-align: right;

}



.det_cont {

    padding: 4% 0;

    background: #fff url(../images/vec-bg.png) repeat 0 0;

}



.det {

    text-align: center;

}



    .det > div:hover > i {

        color: #9ec939;

        cursor: pointer;

    }



    .det i {

        font-size: 5em;

        color: #ccc;

        padding: 10px 0;

    }



    .det h1 {

        font-size: 2em;

        color: #fff;

        padding: 10px 0;

    }



    .det p {

        font-size: 1.3em;

        color: #ccc;

        padding: 10px 0;

    }



.sect_odd {

    background-color: #f0f2f5 !important;

}



p.p_adj1 {

    margin-top: 6%;

}



.proj_menu li {

    line-height: 40px;

}



    .proj_menu li a {

        font-size: 24px;

        width: 100%;

        padding: 10px 20px;

        text-align: center;

        color: #bcbcbc;

    }



    .proj_menu li.active {

        border-bottom: 2px solid #00519c;

    }



        .proj_menu li.active a {

            color: #00519c;

        }



    .proj_menu li:hover a {

        cursor: pointer;

    }



.proj_empty {

    border-bottom: 1px solid #ccc;

    height: 200px;

    width: 100%;

    float: left;

    font-size: 26px;

    color: #bcbcbc;

    display: none;

    text-align: center !important;

}



#career, #about, #services, #portfolio {

    padding: 5% 0;

}



#contact {

    padding: 5% 0;

}



.career_info li input[type=text] {

    width: 90%;

    height: 40px;

    border-radius: 4px;

    border: 1px solid #e3e3e3;

    color: #074d9a;

    text-align: center;

    font-size: 12px;

}



.career_info li a {

    font-size: 30px;

    float: right;

    color: #9ec939;

    line-height: 1.3;

}



.career_info li p {

    color: #797979;

    font-size: 30px;

    text-align: center;

    text-align: right;

    line-height: 1.3;

}



    .career_info li p span {

        color: #000;

        font-weight: 600;

        font-size: 30px;

        text-align: center;

        line-height: 1.3;

    }



p.cap {

    font-style: italic;

}



.contact_cont div span {

    color: #ccc;

    width: 5em;

    height: 5em;

    line-height: 5em;

    margin-bottom: 10px;

}



.contact_cont > div:nth-child(1):hover span {

    color: #000;

    cursor: pointer;

}



.contact_cont > div:nth-child(2):hover span {

    color: #4099FF;

    cursor: pointer;

}



.contact_cont > div:nth-child(3):hover span {

    color: #3b5998;

    cursor: pointer;

}



.contact_cont > div:nth-child(4):hover span {

    color: #0077B5;

    cursor: pointer;

}



.contact_cont > div:hover p a {

    color: #00519c;

    text-decoration: underline !important;

}



.contact_cont div span i:first-child {

    font-size: 5em;

}



.contact_cont div span i:nth-child(2) {

    font-size: 2.5em;

}



.contact_cont div h4 {

    color: #9ec939;

    text-align: center;

    margin-bottom: 10px;

}



.contact_cont div p {

    text-align: center;

    margin-bottom: 10px;

}



.feature.map {

    overflow: hidden;

    height: 400px;

    border-bottom: 4px solid #0a509c;

}



    .feature.map iframe {

        height: 100%;

        width: 100%;

        /*pointer-events: none !important;*/

        border: 0;

        /*filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); 

        filter: gray; 

        -webkit-filter: grayscale(99%);*/

        -webkit-backface-visibility: hidden; /* Fix for transition flickering */

    }



h2.map_head {

    color: #074d9a;

    font-size: 30px;

    text-align: center;

    margin-bottom: 30px;

}



    h2.map_head span {

        padding: 0 30px;

        border-bottom: 1px solid #000;

    }



.contact_cont {

    /*margin: 30px 0;*/

}



.contact_details ul li {

    width: 50%;

    float: left;

    padding: 10px 10px;

}



    .contact_details ul li input[type=text] {

        width: 100%;

        height: 40px;

        border: 1px solid #dcdcdc;

        background: #ffffff;

        border-radius: 4px;

    }



.contact_details h2 {

    text-align: left;

    margin-bottom: 10px;

    padding: 10px 10px;

}



.address_cont h3 {

    width: 100%;

    float: left;

    line-height: 3em;

    font-size: 30px;

}



.addr1 {

    border-right: 1px solid #ccc;

}



.address_cont p {

    font-family: 'Oswald', sans-serif;

    width: 100%;

    float: left;

    line-height: 2em;

    color: #6d6d6d;

    font-size: 16px;

    text-align: center;

}



.address_cont {

    border-left: 1px solid rgba(0, 0, 0, 0.13);

}



    .address_cont img {

        width: 65px;

        float: left;

    }



.btn_submit {

    background: #9ec939;

    border: 1px solid #7c9e2b;

    color: #fff;

    float: right;

}



    .btn_submit:hover {

        background: #8ab032;

        border: 1px solid #698624;

        color: #fff;

    }



.subscribe_cont h1 {

    color: #00519c;

    margin-bottom: 10px;

}



.subscribe_cont p {

    color: #030303;

    text-align: center;

    font-size: 14px;

    margin-bottom: 30px;

}



    .subscribe_cont p a {

        color: #4285f4;

        font-size: 14px;

    }



.txt_subs {

    width: 80%;

    height: 40px;

    text-align: center;

    border: none;

    border-bottom: 1px solid #000;

    background: #f0f2f5;

    margin-bottom: 25px;

}



a.submit {

    color: #4285f4;

    text-align: center;

    font-size: 18px;

}



    a.submit i {

        color: #4285f4;

        font-size: 22px;

        margin-left: 5px;

    }



.footer p {

    font-size: 12px;

    color: #000;

}

/*-------------------------------------------------------------*/



#pro1, #pro2, #pro3, #pro4, #pro5 {

    transform: scale(0.8);

}



.popup_visible #pro1, .popup_visible #pro2, .popup_visible #pro3, .popup_visible #pro4, .popup_visible #pro5 {

    transform: scale(1);

}



.pop_cont h2 {

    font-size: 40px;

    color: #000;

    font-weight: bold;

    margin-bottom: 20px;

}



.pop_cont i.fa-close {

    font-size: 25px;

    color: #000;

    float: right;

}



    .pop_cont i.fa-close:hover {

        color: #ff4b4b;

        cursor: pointer;

    }



pop_cont i.fa-external-link {

    font-size: 25px;

    color: #ddd;

    float: right;

}



.pop_cont p {

    font-size: 20px;

    color: #000;

    font-weight: 300;

    margin: 20px 0;

}



.pop_cont a.pop_link {

    font-size: 20px;

    color: #3F51B5;

    font-weight: 300;

}

/*-------------------------------------------------------------*/



.btn_top_scroll {

    display: none;

    width: 80px;

    height: 80px;

    position: fixed;

    z-index: 1020;

    right: 5px;

    bottom: 50px;

}



    .btn_top_scroll a span {

        border-radius: 50%;

        width: 50px;

        height: 50px;

        float: left;

        background: #9EC939;

    }



        .btn_top_scroll a span i {

            float: left;

            color: #fff;

            font-size: 40px;

            padding-left: 12px;

            line-height: 45px;

        }



    .btn_top_scroll a:hover span {

        box-shadow: 0px 0px 30px 0px #57BFFF;

        -webkit-box-shadow: 0px 0px 30px 0px #57BFFF;

        -moz-box-shadow: 0px 0px 30px 0px #57BFFF;

        cursor: pointer;

    }

    /*----------------------------------- RWD -----------------------------*/

@media (max-width:480px) {

}



@media (max-width:568px) {

    p.p_adj1 {

        margin-top: 0%;

    }



    .view {

        width: 100% !important;

        height: 250px !important;

    }





    .view-second .mask {

        width: 100% !important;

        padding: 135px !important;

    }



    .view .content {

        width: 100% !important;

        height: auto !important;

    }

}



@media (min-width:568px) and (max-width:764px) {

    .view {

        width: 48% !important;

        height: 180px !important;

        margin: 3px !important;

        border: 5px solid #fff !important;

    }



        .view .mask, .view .content {

            width: 100% !important;

        }
    
}



/* @media (min-width:668px) and (max-width:764px) {

}
 */


@media (max-width:768px) {

    .navbar-toggle .icon-bar {

        background: #fff;

    }



    .addr1 {

        border-right: 0px solid #ccc;

        border-bottom: 1px solid #ccc;

        margin-bottom: 25px;

        padding-bottom: 25px;

    }



    .address_cont h3 {

        line-height: 1.5em;

        font-size: 24px;

    }



    .career_info li p span {

        font-size: 24px;

    }



    .navbar-toggle {

        border: 2px solid rgb(255, 255, 255);

    }



    .nav > li {

        text-align: center;

    }



    .board {

        margin: 10px 0;

    }



    .head_main_left {

        font-size: 35px;

    }



    .head_main_right, .head_main_center {

        font-size: 35px;

    }



    .board p {

        font-size: 14px;

        line-height: 1.6;

    }



    ul.ul_service li {

        margin-bottom: 10px;

        font-size: 22px;

    }



    .bnr_content2 h3 {

        /* margin-top: 50%; */

        font-size: 1.2em;

    }



    h2.map_head {

        margin-bottom: 50px;

    }



    .feature.map {

        height: 400px;

        border-top: 4px solid #0a509c;

    }



    .contact_details ul li {

        width: 100%;

    }



        .contact_details ul li input[type=text] {

            width: 100%;

            height: 45px;

        }



    .marb20_768 {

        margin-bottom: 20px;

    }



    .mart20_768 {

        margin-top: 20px;

    }



    .bnr_img {

        background: #fff url('../images/1_b.jpg') no-repeat 0 0;

        background-size: cover;

    }



    .logo {

        font-size: 30px;

    }



    .bnr_content h2 {

        margin-top: 12%;

        font-size: 4em;

        line-height: 1.4em;

        text-align: center;

    }



    .bnr_content p {

        font-size: 16px;

        font-weight: 700;

        text-align: center;

    }



    .btn_get_started {

        padding: 5px 15px;

        font-size: 15px;

    }



    .footy_p {

        font-size: 12px !important;

        color: #000;

    }



    .btn_submit {

        width: 100%;

        float: left;

    }



    .address_cont {

        margin-top: 5%;

    }

}



@media (min-width:768px) and (max-width: 1024px) {

    .bnr_img {

        background-size: 100% 100%;

    }



    .logo {

        font-size: 30px;

    }



    .bnr_content h2 {

        margin-top: 12%;

        font-size: 4em;

    }



    .bnr_content p {

        font-size: 16px;

    }



    .btn_get_started {

        padding: 5px 15px;

        font-size: 15px;

    }



    .footy_p {

        font-size: 12px !important;

        color: #000;

    }



    .btn_submit {

        width: 100%;

        float: left;

    }



    .address_cont {

        margin-top: 5%;

    }

}



@media screen and ( max-height: 414px ) {

    .bnr_content h2 {

        margin-top: 0%;

    }



    .bnr_content1 h2 {

        /* margin-top: 10%; */

    }



    .bnr_content p {

        line-height: 24px;

    }

}



@media screen and ( min-height:415px) and (max-height: 736px ) {

    .bnr_content h2 {

        margin-top: 30%;

    }
    
}





@media (min-width:768px) {



    .stick_top {

        position: fixed;

        top: 0;

        width: 100%;

        z-index: 99999;

    }

}



@media  (max-width: 992px) {

    .head_main_left {

    border-left:2px solid #000;

    padding-left:20px;

     border-right:0px ;

    }

    .cap_sec_left {

    margin-top: 0%;

    text-align:right !important;

}



}

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

    .bnr_content1 h2 { margin-top: 50px; margin-bottom: 50px; }

    .sec_img1 {    background-position: -200px 0px;  background-attachment: initial;}

   .btn_top_scroll { bottom: 20px; }
}