﻿@charset "utf-8";
/* CSS Document */

/*Contact us header address css start*/
.header-image-contact {
    width: 100%;
    height: auto;
}

.mobile-main-contact {
    display: none;
}

.header-contact-txt {
    width: 100%;
    float: left;
}

.mobile-services {
    width: 50%;
    float: left;
    padding: 5px;
    text-align: center;
    display: none;
}

.form-control {
    margin-bottom: 18px;
}

label {
    font-family: oxygenbold;
}

#inquirenow a {
    color: #0389ea;
}

#cbfeedback {
    display: none;
}

#cbfeedback {
    position: fixed;
    left: 250px;
    top: 45%;
    z-index: 2;
}

.cbfeedback-box {
    text-align: left;
    position: relative;
    float: left;
}

.cdfeedback-link {
    background: #5b97d1;
    color: rgba(255,255,255,1.00);
    padding: 5px;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.cdcontent-box {
    width: 250px;
    float: left;
    background-color: #1ebcb2;
    height: auto;
    margin-left: -279px;
    padding: 2%;
    text-align: center;
    font-size: 16px;
}

    .cdcontent-box ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

        .cdcontent-box ul li {
            padding: 8px 17px;
            text-align: left;
            border-bottom: solid 1px #fff;
        }

            .cdcontent-box ul li:hover {
                background-color: #5b97d1;
                color: #fff;
            }

            .cdcontent-box ul li a {
                text-decoration: none;
                color: #fff;
            }

            .cdcontent-box ul li:last-child {
                border-bottom: 0px;
            }

hr {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

#accordion .panel {
    border-radius: 0px;
}

.mob-address {
    display: none;
}

.mobile-graphs {
    display: none;
}


.about {
    background: #FFFFFF !important;
    width: 100%;
    line-height: 1.8;
}

.core-value {
    background-color: #f6f6f7;
    padding: 35px;
    text-align: left;
    margin: 20px 0px;
    min-height: 320px;
}

    .core-value ul {
        padding: 0px;
        margin-left: 15px;
        text-align: left;
    }

.smart {
    background-color: #f6f6f7;
    padding: 35px;
    text-align: left;
    margin: 20px 0px;
}

.smart-bluetxt {
    color: #4e9bec;
}

.smart-image {
    width: 38%;
    float: left;
    margin-right: 6%;
}

.smart-content {
    width: 55%;
    float: left;
}

    .smart-content h4 {
        text-transform: none;
    }

    .smart-content img {
        margin-bottom: 10px;
    }

.business-segment {
    width: 97%;
    float: left;
    margin-right: 3%;
}

.our-services {
    border-right: solid 1px #ebebeb;
    border-bottom: solid 1px #ebebeb;
    padding: 0 3% 4% 3%;
    float: left;
    width: 33%;
    min-height: 245px;
}

    .our-services:nth-child(4), .our-services:nth-child(7) {
        border-right: solid 0px #ebebeb;
    }

.our-services-full {
    border: solid 1px #ebebeb;
    border-top: 0px;
    padding: 0 3% 4% 3%;
    float: left;
    margin-left: 32.9%;
    text-align: center;
    width: 33.1%;
}

.no-leftline {
    border-right: solid 1px rgba(255,255,255,1.00);
}

.no-bottomline {
    border-bottom: solid 1px rgba(255,255,255,1.00);
}

.positive-bg {
    background-color: #f6f6f7;
    padding: 20px;
    text-align: center;
    line-height: 25px;
    height: 120px;
    padding-top: 35px;
}

.green-submit {
    margin-left: 15px;
}

/* Tabed css */
.tab-pane {
    width: 90%;
    margin: 0px auto;
}

.abouttabs .nav-tabs {
    border: 0 !important;
    margin-top: 30px;
}

    .abouttabs .nav-tabs a {
        border-bottom: solid 1px #E1E1E1;
        font-weight: bold;
        /*font-family: oxygenbold;*/
        font-size: 16px;
        border-right: solid 1px #E1E1E1;
        color: #333333;
        padding: 10px 16px;
    }

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    background: transparent !important;
}

.abouttabs .nav-tabs .active a, .abouttabs .nav-tabs a:hover {
    border-right: 5px solid #4e9bec !important;
    color: #4e9bec;
    border-radius: 0;
    border-bottom: solid 1px #E1E1E1 !important;
}

/* Career page css */
#careers h2 {
    font-size: 50px;
    color: #333333;
    font-family: 'oxygenbold';
}

#careers h3 {
    font-size: 22px;
    font-weight: bold;
    font-family: oxygenbold;
    text-transform: uppercase;
}

.careerbox {
    background: #f7f8f9;
    margin: 1% 0;
    padding: 2%;
}

.careerhead {
    width: 85%;
    float: left;
}

    .careerhead .blue-heading {
        font-size: 16px;
    }

.careerbox .viewall {
    margin-top: 1%;
    float: right;
}

.workwithus {
    background: url(../images/workwithus.jpg) no-repeat center;
    height: 400px;
    margin: 3% 0;
}

#workwithus {
    height: 400px;
}

    #workwithus .item {
        text-align: center;
        padding: 15% 0;
        text-transform: uppercase;
    }

    #workwithus h2, #workwithus h3 {
        color: #FFFFFF;
    }

    #workwithus h2 {
        font-size: 55px !important;
    }

    #workwithus h3 {
        font-size: 35px;
        font-weight: normal !important;
    }

#testimonial .carousel-indicators li {
    background: #D0D0D0 !important;
    border: 0px;
}

#testimonial .carousel-indicators .active {
    background: #f27138 !important;
    height: 10px;
    width: 10px;
}

#testimonial .carousel-indicators {
    left: 44% !important;
    bottom: 0;
}

.career-slider-img {
    width: 34%;
    float: left;
    height: 380px;
}

.career-slider-text {
    width: 62%;
    float: right;
    padding: 1% 3%;
    text-align: left;
    line-height: 1.5;
}

.testi-txt {
    font-size: 16px;
    font-style: italic;
    color: #333333;
    font-family: Georgia, serif;
}

.jointeam {
    background: #333333;
    color: #FFFFFF;
    font-size: 25px;
    font-weight: bold;
    font-family: oxygenbold;
    text-align: left;
    padding: 4%;
}

.jointxt {
    width: 70%;
    float: left;
}

.about .btn-lg {
    margin-top: 10px;
    float: right;
    text-transform: uppercase;
    border-radius: 4px;
    font-size: 16px;
    padding: 2%;
}

/* career detail page */
.careerheading {
    width: 60%;
    float: left;
    font-size: 22px;
    font-weight: bold;
    font-family: oxygenbold;
    color: #388ccf;
}

    .careerheading small {
        color: #333333;
    }

.careerfunction {
    width: 45%;
    float: left;
    padding: 2%;
}

/*Press Release Css*/
.pr-main {
    width: 100%;
    border-bottom: solid 1px #f5f5f5;
    padding-bottom: 2%;
    margin-top: 2.5%;
}

.press-release-details {
    width: 65%;
    float: left;
}

.pr-middle-content {
    font-size: 14px;
    line-height: 22px;
}

.press-release-img {
    width: 27%;
    float: left;
    text-align: right;
    margin-left: 4%;
}

    .press-release-img img {
        margin: 5% 0%;
    }

.pr-heading {
    font-size: 16px;
    line-height: 30px;
    font-weight: 600;
    font-family: oxygenbold;
}

    .pr-heading a {
        color: #333333;
        text-decoration: none;
        font-weight: 600;
        font-family: oxygenbold;
    }

.pr-banner-bg {
    background: url(../images/pr-middle-banner-bg.jpg) no-repeat;
    height: 253px;
    width: 100%;
    margin: 3% 0%;
}

.partnerwithus-txt {
    font-size: 40px;
    text-align: left;
    color: #fff;
    font-weight: 600;
    font-family: oxygenbold;
    padding: 5% 0% 0% 5%;
    line-height: 55px;
}

/*Terms and Condition Css*/
/*.terms-main {width: 100%; border-bottom: solid 1px #eaeaea; padding-bottom: 2%; margin-top: 2.5%;}
.terms-content {font-size: 14px; line-height: 28px;}*/

/*Terms and Condition Css*/
.terms-main {
    width: 100%;
    border-bottom: solid 1px #eaeaea;
    padding-bottom: 2%;
    margin-top: 2.5%;
}

.terms-content {
    font-size: 13px;
    line-height: 20px;
}

    .terms-content h3 {
        text-transform: none;
    }

h4.panel-title span {
    text-transform: none;
    font-weight: normal !important;
    font-size: 13px;
}

/*Contact Us Page Css */
.contact-main {
    width: 100%;
    border-bottom: solid 1px #eaeaea;
    padding-bottom: 2%;
    margin-top: 2.3%;
}

.contact-bg {
    background: url(../images/contact-bg.jpg) no-repeat center;
    width: 100%;
    height: 450px;
    background-size: cover;
    position: relative;
}

.contact-maintxt {
    background: rgba(255,255,255,1);
    padding: 3%;
    width: 70%;
    float: left;
    bottom: 9.1%;
    position: absolute;
    left: 13%;
    -webkit-box-shadow: 3px 3px 35px 3px #474747;
    box-shadow: 3px 3px 35px 3px #474747;
}

.f2f-address-txt {
    font-size: 14px;
    color: #333333;
    line-height: 25px;
}

    .f2f-address-txt a {
        color: #333333;
    }

    .f2f-address-txt i {
        color: #bebebe;
    }

.contactform {
    width: 100%;
}

.contact-heading {
    font-size: 22px;
    font-weight: 600;
    font-family: oxygenbold;
}

.inquiry-bg {
    background-color: #f6f9fb;
    padding: 2%;
    font-size: 14px;
    font-weight: 600;
    font-family: oxygenbold;
    margin: 2% 0% 0% 0%;
}

    .inquiry-bg select {
        width: 81%;
        margin-top: -7px;
        float: right;
    }

.inquiry-sec {
    font-size: 14px;
    color: #333;
}

.map-location-icon {
    width: 5%;
    float: left;
}

    .map-location-icon i {
        color: #bebebe;
        padding-top: 6px;
    }

.adress {
    width: 95%;
    float: left;
    font-size: 14px;
}

.map-txt {
    font-size: 13px;
    color: #4e9bec;
}

    .map-txt a {
        color: #4e9bec;
    }

.location-main {
    width: 46%;
    margin: 2%;
    float: left;
}

    .location-main hr {
        margin: 10px 0px;
    }

.location-pattern {
    height: 250px;
    font-size: 33px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 600;
    font-family: oxygenbold;
    padding-top: 30%;
    text-align: center;
    background-size: cover;
}

.location {
    background-image: url(../images/mumbai-office.jpg);
}


.delhi-location {
    background-image: url(../images/delhi-office.jpg);
}

.china-location {
    background-image: url(../images/china-office.jpg);
}

.singapore-location {
    background-image: url(../images/singapore-office.jpg);
}

.turkey-location {
    background-image: url(../images/turkey-office.jpg);
}

.vietnam-location {
    background-image: url(../images/vietnam-office.jpg);
}

.bangladesh-location {
    background-image: url(../images/bangladesh-office.jpg);
}

/*About Us SMART Slider Css*/
#smartslider .carousel-indicators li {
    background: #D0D0D0 !important;
    border: 0px;
    margin: 0px !important;
}

#smartslider .carousel-indicators .active {
    background: #4e9bec !important;
    height: 10px;
    width: 10px;
}

#smartslider .carousel-indicators {
    left: 49% !important;
    bottom: 0;
}

#smartslider .carousel-inner {
    height: 300px;
}

#smartslider.fading .carousel-inner > .item {
    /* Override the properties for the default sliding carousel */
    display: block;
    position: absolute;
    left: 0 !important;
    /* Hide slides by default */ opacity: 0;
    /* Set transition to opactity */
    -moz-transition: .3s ease-in opacity;
    -webkit-transition: .3s ease-in opacity;
    -o-transition: .3s ease-in opacity;
    transition: .3s ease-in opacity;
}

/* Active slides are visible on transition end */
#smartslider.fading .carousel-inner > .active,
/* Next slide is visible during transition */
#smartslider.fading .carousel-inner > .next.left {
    opacity: 1;
}

    #smartslider.fading .carousel-inner > .next,
    #smartslider.fading .carousel-inner > .active.left {
        opacity: 0;
    }


/* style for open menu from left side smoothly */
.modal.fade .modal-dialog {
    transition: 0;
}

.modal_from_left.fade:not(.in).left .modal-dialog {
    -webkit-transform: translate3d(-100%, 0, 0) !important;
    transform: translate3d(-100%, 0, 0) !important;
}

.modal-backdrop.fade.in {
    -webkit-transition: opacity 0.1s linear;
    -o-transition: opacity 0.1s linear;
    transition: opacity 0.1s linear;
}

.modal_from_left.fade {
    -webkit-transition: opacity 0.4s linear;
    -o-transition: opacity 0.4s linear;
    transition: opacity 0.4s linear;
    opacity: 1;
}

    .modal_from_left.fade .modal-dialog {
        -webkit-transition: -webkit-transform 0.4s ease-out;
        -o-transition: -o-transform 0.4s ease-out;
        transition: transform 0.4s ease-out;
    }

.menu_modal .modal-backdrop.fade.in {
    opacity: 0;
}

.modal_from_right.fade:not(.in).right .modal-dialog {
    -webkit-transform: translate3d(100%, 0, 0) !important;
    transform: translate3d(100%, 0, 0) !important;
}

.modal_from_right.fade {
    -webkit-transition: opacity 0.4s linear !important;
    -o-transition: opacity 0.4s linear !important;
    transition: opacity 0.4s linear !important;
    opacity: 1;
}

    .modal_from_right.fade .modal-dialog {
        -webkit-transition: -webkit-transform 0.4s ease-out !important;
        -o-transition: -o-transform 0.4s ease-out !important;
        transition: transform 0.4s ease-out !important;
    }


.custom_inquiry_modal.modal {
    opacity: 1;
}

    .custom_inquiry_modal.modal.fade .modal-dialog, .custom_inquiry_modal.modal.fade {
        -webkit-transition: -webkit-transform 0.6s ease-out !important;
        -o-transition: -o-transform 0.6s ease-out !important;
        transition: transform 0.6s ease-out !important;
    }

        .custom_inquiry_modal.modal.fade:not(.in) .modal-dialog {
            -webkit-transform: translate(0,-100%) !important;
            -ms-transform: translate(0,-100%) !important;
            -o-transform: translate(0,-100%) !important;
            transform: translate(0,-100%) !important;
        }

        .custom_inquiry_modal.modal.fade.bottom:not(.in) .modal-dialog {
            -webkit-transform: translate3d(0, 100%, 0) !important;
            -ms-transform: translate3d(0, 100%, 0) !important;
            -o-transform: translate3d(0, 100%,0) !important;
            transform: translate3d(0, 100%, 0) !important;
        }


/* style for open menu from left side smoothly */


.section.about .breadcrums .breadcrums {
    margin-top: 0px;
    padding-left: 0px;
}

.abouttabs .nav-tabs {
    padding: 0px 10px 0px 9px;
}

.main-latest-news:nth-child(7) {
    border-bottom: 1px solid transparent !important;
    padding-bottom: 3px;
}

.nav-stacked-aboutus > li {
    float: none;
}


.tncblock .tnctext a {
    color: #ff7900;
    text-decoration: none;
}

.blue-background-top .search-box {
    margin-top: 55px;
}

    .blue-background-top .search-box .selectric {
        height: 50px;
    }

        .blue-background-top .search-box .selectric .label {
            line-height: 47px;
            /*font-family: oxygenbold;
            margin: 0 30px 0 10px;*/
        }

        .blue-background-top .search-box .selectric .button {
            margin-top: 7px;
        }

    .blue-background-top .search-box .headersearch {
        /*width: 547px !important;*/
        visibility: visible;
    }

    .blue-background-top .search-box .input-group-addon {
        top: 0px;
    }

/*.esAutoSuggest.ui-widget-content {
    border: 1px solid #d7d7d7 !important;
    background: #fff !important;
    color: #222 !important;
    /* top: 154px!important; */
    width: 552px !important;
    border-radius: 1% !important;
}*/
/*.esAutoSuggest.ui-autocomplete {
position:absolute!important;
margin-top:0px!important;
}*/
/*#f2fAutoSearching, .esAutoSuggest.ui-widget-content {
z-index:99!important;
}*/

.scrolltosection-wrapper {
    margin-bottom: 20px;
}

@media screen and (max-width:768px) {
    .mobile-main-contact {
        margin-top: 0px !important;
    }
}

@media screen and (max-width: 640px) {
    .green-submit {
        margin-bottom: 20px;
        margin-left: 0px;
    }

    .mobile-main-contact {
        margin-top: 0px;
    }
}

@media screen and (max-width: 568px) {
    .contact-heading {
        font-family: oxygenregular,sans-serif;
    }

    .inquiry-bg {
        font-family: oxygenregular,sans-serif;
        margin: 0% 0% 0% 0%;
    }

    .green-submit {
        margin-bottom: 20px;
        width: 100% !important;
        margin-left: 0px;
    }
}

.nav-stacked>li {
    float: none;
}
.nav-stacked-aboutus>li+li {
    margin-top: 2px;
    margin-left: 0;
}
.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 16px;
}