﻿
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&amp;subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700');

* {
    transition-timing-function: ease-in-out;
    -ms-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-duration: .2s;
    -ms-transition-duration: .2s;
    -moz-transition-duration: .2s;
    -webkit-transition-duration: .2s;
    -o-transition-duration: .2s;
}

    *:hover {
        transition-timing-function: ease-in-out;
        -ms-transition-timing-function: ease-in-out;
        -moz-transition-timing-function: ease-in-out;
        -webkit-transition-timing-function: ease-in-out;
        -o-transition-timing-function: ease-in-out;
        transition-duration: .2s;
        -ms-transition-duration: .2s;
        -moz-transition-duration: .2s;
        -webkit-transition-duration: .2s;
        -o-transition-duration: .2s;
    }

.parallax {
    transition-timing-function: none;
    -moz-transition-timing-function: none;
    -webkit-transition-timing-function: none;
    -o-transition-timing-function: none;
    -ms-transition-timing-function: none;
    transition-duration: 0s;
    -moz-transition-duration: 0s;
    -webkit-transition-duration: 0s;
    -o-transition-duration: 0s;
    -ms-transition-duration: 0s;
}

.parallax {
    position: relative;
    background-size: cover;
    overflow: hidden;
    background-attachment: fixed
}

::-moz-selection {
    background: #000;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #000;
    color: #fff;
    text-shadow: none;
}

body, html {
    height: 100%;
}

body {
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    font-size: 16px;
    color: #2a2a2a;
    font-weight: 400;
    line-height: 1.728571429;
}

.sidebar-item {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.make-me-sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 74px;
    z-index: 1020;
}

a {
    color: #525252;
}

    a:visited, a:hover, a:focus {
        text-decoration: none;
        outline: none;
    }


    a:hover, a:active {
        outline: 0;
    }


a {
    text-decoration: none;
}

section {
    position: relative;
    overflow:hidden;
    z-index: 100;
}

.home section {
    width: 100%;
    max-width: none !important;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
}

strong.red {
    color: rgba(53,181,235,1);
}

.home p {
    font-size: 16px;
    padding: 0 50px;
    text-align: justify;
}


#bootstrap-touch-slider .scroll-down {
    position: absolute;
    left: 50%;
    bottom: 20px;
    width: 106px;
    height: 106px;
    margin: 0 0 0 -53px;
    z-index: 999;
    border-radius: 50%;
    background-color: rgba(0,0,0,.5);
    text-align: center;
    color: #fff;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

    #bootstrap-touch-slider .scroll-down span.txt {
        font-size: 12px;
        line-height: 13px;
        text-align: center;
        display: block;
        margin-top: 5px;
    }

    #bootstrap-touch-slider .scroll-down .icon {
        width: 20px;
        height: 40px;
        background: url(../images/scroll-down.png) 0 no-repeat;
        margin: 17px auto 2px;
        display: block;
    }

#bootstrap-touch-slider .mushd {
    opacity: 0;
}

.content {
    max-width: 1366px;
    margin: 0 auto;
}

.area_cnt {
    color: #494949;
    margin: auto;
    padding: 40px 0;
    line-height: 22px;
    font-weight: 300;
}

.area_small {
    max-height: 220px;
    overflow: hidden;
    position: relative;
    transition: all 0.5s ease;
}

.area_cnt h1 {
    font-size: 28px;
    font-weight: 300;
    color: rgba(53,181,235,1);
    text-align: center !important;
    margin: 25px 0;
    line-height: 1.4em;
    text-transform: uppercase;
}


.area_small:after {
    position: absolute;
    bottom: 0;
    height: 45%;
    background: -webkit-linear-gradient(bottom, rgba(255,0,0,0), rgba(255, 255, 255, 0.8)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(bottom, rgba(255,0,0,0), rgba(255, 255, 255, 0.8)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom, rgba(255,0,0,0), rgba(255, 255, 255, 0.8)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom, rgba(255,0,0,0), rgba(255, 255, 255, 0.8));
    content: '';
    display: block;
    width: 100%;
    left: 0;
}

.area_cnt_more a .fa {
    font-size: 12px;
    margin-left: 5px;
}



.area_big.area_small:after {
    display: none !important;
}

.area_cnt_more {
    margin: 20px 0;
}

    .area_cnt_more a {
        display: inline-block;
        padding: 7px 15px;
        background: rgba(53,181,235,1);
        color: #fff;
        text-transform: uppercase;
        font-size: 14px;
        font-weight: 400;
        min-width: 88px;
    }

a:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
}
/*sidebaar menu*/


.red-trip {
    width: 100%;
    display: block;
    /*background: #e50212;*/
    background: -webkit-linear-gradient(-180deg, #fbb01e, #e50212, #c0069c);
    float: left;
}

    .red-trip.hide {
        display: none;
    }

    .red-trip ul {
        list-style-type: none;
        float: right;
        margin: 0;
        padding: 0;
    }

    .red-trip li {
        float: left;
        padding: 3px 3px 3px 20px;
    }

        .red-trip li a {
            color: #fff;
        }

        .red-trip li i.fa {
            margin-right: 10px;
        }

header {
    position: fixed;
    background-color: rgba(255, 255, 255, 1);
    width: 100%;
    top: 0;
    height: auto;
    color: #fff;
    margin-top: 0;
    z-index: 20;
    z-index: 1040;
    -moz-transition: all 0.2s ease-in-out, color 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out, color 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out, color 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out, color 0.2s ease-in-out;
    transition: all 0.2s ease-in-out, color 0.2s ease-in-out;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1);
    -wekit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1);
}

    header.bg_style {
        /*background: #e50212;*/
        background: -webkit-linear-gradient(-180deg, #fbb01e, #e50212, #c0069c);
    }


        header.bg_style .menu a:not(.dropdown-item) {
            color: #fff;
            border-bottom-color: transparent;
        }

        header.bg_style .menu a:hover, header.bg_style .menu a.active {
            color: #000;
            border-bottom-color: rgba(255, 255, 255, 0.8);
        }

.logo {
    float: left;
    position: relative;
}

    .logo a {
        position: absolute;
        left: 0;
    }

    .logo .logo-sml {
        display: none;
    }



header.bg_style .logo-big {
    display: none;
    position: absolute;
    left: 0;
}

header.bg_style .logo-sml {
    display: block;
    float: left;
    height: auto;
}



ul.menu {
    margin: 0;
    padding: 0;
    float: right;
    position: relative;
}

    ul.menu li {
        margin: 0;
        display: inline-block;
        float: left;
    }

.menu li a {
    font-weight: 700;
    color: #000;
    font-size: 13px;
    text-transform: uppercase;
    padding: 15px 10px;
    display: inline-block;
    text-decoration: none;
    position: relative;
    border-bottom: 5px solid transparent;
    -moz-transition: all 0.2s ease-in-out, color 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out, color 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out, color 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out, color 0.2s ease-in-out;
    transition: all 0.2s ease-in-out, color 0.2s ease-in-out;
}

a:not([href]):not([tabindex]),
a:not([href]):not([tabindex]):focus,
a:not([href]):not([tabindex]):hover {
    color: initial;
}



.menu .dropdown-item, .menu .dropdown-item:hover {
    border-bottom: none;
}

.dropdown-item:hover, .dropdown-item:active {
    background-color: #e50212;
    color: #fff !important;
}

.menu li a:hover, .menu li a.active {
    color: #e50212;
    border-bottom: 5px solid #e50212;
}

.searchIco {
    font-size: 20px;
    float: right;
    padding: 30px 15px 10px;
}

    .searchIco i {
        color: #000;
    }

/*OEM EQUIPMENT WE SUPPORT*/

.p-slider {
    background: #eaeef2;
    padding: 70px 0;
    text-align: center;
    margin: 0;
    display: inline-block;
}


.OEMSupport {
    list-style-type: none;
    padding: 0;
    margin: 0;
    float: left;
    width: 100%;
    display: table;
}

    .OEMSupport li {
        margin: 5px;
        display: table-cell;
    }

        .OEMSupport li span {
            padding: 30px 20px;
            display: block;
            background: #fff;
            border-radius: 5px;
            box-shadow: 0 0 10px #ddd;
        }



        .OEMSupport li:hover span {
            background: #bfe8fc;
        }

.display-inline-block {
    display: inline-block !important;
}

.separator-line-horrizontal-medium-light2 {
    width: 40%;
    height: 1px;
}

.text-extra-dark-gray {
    color: #232323;
}

.text-medium-gray {
    color: #939393;
}

.text-sky {
    color: #e50212;
}

.text-light-red {
    color: #e50212;
}

.text-light-pink {
    color: #c0069c;
}

.text-darkblack {
    color: #000;
}

.text-darkblack {
    color: #000;
}

.text-gray {
    color: #929292;
}


.bg-deep-sky {
    background-color: #e50212;
}

.bg-gradient-1 {
    background-image: -moz-linear-gradient( -39deg, rgb(137,247,254) 0%, rgb(69,208,250) 36%, rgb(0,169,246) 76%);
    background-image: -webkit-linear-gradient( -39deg, rgb(137,247,254) 0%, rgb(69,208,250) 36%, rgb(0,169,246) 76%);
    background-image: -ms-linear-gradient( -39deg, rgb(137,247,254) 0%, rgb(69,208,250) 36%, rgb(0,169,246) 76%);
}

.bg-gradient-2 {
    background-image: -moz-linear-gradient( -30deg, rgb(253,251,251) 0%, rgb(235,237,238) 100%);
    background-image: -webkit-linear-gradient( -30deg, rgb(253,251,251) 0%, rgb(235,237,238) 100%);
    background-image: -ms-linear-gradient( -30deg, rgb(253,251,251) 0%, rgb(235,237,238) 100%);
}




.font-weight700 {
    font-weight: 700;
}

.font-weight600 {
    font-weight: 600;
}

.font-weight400 {
    font-weight: 400;
}

.font-weight300 {
    font-weight: 300;
}

.arrow-bottom, .arrow-top, .arrow-right, .arrow-left {
    position: relative;
}


    .arrow-bottom:after {
        top: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(245, 245, 245, 0);
        border-top-color: #f5f5f5;
        border-width: 15px;
        margin-left: -15px;
        z-index: 9;
    }

    .arrow-top:after {
        top: -29px;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(245, 245, 245, 0);
        border-bottom-color: #f5f5f5;
        border-width: 15px;
        margin-left: -15px;
        z-index: 9;
    }

    .arrow-right:after {
        content: " ";
        width: 0;
        height: 0;
        position: absolute;
        border-top: 15px solid transparent;
        border-bottom: 15px solid transparent;
        border-left: 15px solid #f7f7f7;
        right: -15px;
        top: 50%;
        margin-top: -7px;
        z-index: 9;
    }

    .arrow-left:after {
        content: " ";
        width: 0;
        height: 0;
        position: absolute;
        border-top: 15px solid transparent;
        border-bottom: 15px solid transparent;
        border-right: 15px solid #f7f7f7;
        left: -15px;
        top: 50%;
        margin-top: -7px;
        z-index: 9;
    }
/*Footer*/

h6 {
    font-size: 25px;
    line-height: 30px;
}

.alt-font {
    font-weight: 500;
}


footer {
    background: #000;
    width: 100%;
    clear: both;
}

    footer ul, footer li {
        list-style-type: none;
        padding: 0;
        margin: 0;
        color: #d1d8ff;
    }


.footerblock {
    max-width: 1366px;
    margin: auto;
    padding: 55px 15px;
    box-sizing: border-box;
    color: #fff;
}

.copyright {
    color: #7c89d1;
}

.footerblock h4 {
    color: #fbb01e;
    font-weight: 600;
}

.footerblock a {
    color: #fff;
}

.footerblock li.socialIcons a {
    color: #fff;
}

    .footerblock li.socialIcons a.facebook {
        color: #3b5998;
    }

    .footerblock li.socialIcons a.twitter {
        color: #00acee;
    }

    .footerblock li.socialIcons a.google {
        color: #d34836;
    }

.sidebar > ul {
    margin-right: -15px;
    margin-left: -15px;
    box-sizing: border-box;
}

a.location_link {
    display: inline-block;
    background: url(../images/location-icon.png) no-repeat left;
    margin: 10px 0 0;
    padding: 10px 0;
    padding-left: 40px;
    color: #fff;
    position: relative;
    font-size: 18px;
}

    a.location_link:hover {
        color: #d1d8ff;
    }

footer .mailingtab {
    font-size: 16px;
}

    footer .mailingtab li {
        padding-bottom: 5px;
    }

        footer .mailingtab li > i.fa {
            font-size: 14px;
            padding-right: 2px;
            color: #fbb01e;
        }

footer i.fa {
    font-size: 36px;
    padding-right: 5px;
}

/*Services*/

.services .header {
    background-color: rgba(0,0,0,.6);
    padding: 25px;
    margin-top: 50px;
}

    .services .header h2 {
        font-family: 'HelveticaNeueLTStd-Roman';
        font-size: 35px;
        color: #fff;
        margin-top: 0;
    }

    .services .header p {
        margin-bottom: 0;
        color: #fff;
    }

.services .container [class*="col-"] {
    padding: 0;
}

.services .row {
    margin: 0;
}

.yellow {
    background: rgba(237,199,7,.9);
}

.blue {
    background: rgba(16,153,179,.9);
}

section.services {
    margin-top: 133px;
    background: url(../images/service-bg.jpg) center top repeat-y fixed rgba(0,0,0,0);
    width: 100%;
    background-size: 100% 100%;
    padding-bottom: 50px;
}

.serviceInner {
    width: 100%;
    float: right;
    height: 250px;
    position: relative;
    overflow: hidden;
}

.service-div {
    left: 0;
    padding: 40px 29px;
    top: 0;
    width: 100%;
}

.hover-text, .service-div {
    height: 100%;
    position: absolute;
    box-sizing: border-box;
    transition: all ease .6s;
}

.hover-text {
    width: 100%;
    z-index: 99999;
    background: rgba(255,255,255,.9);
    padding: 20px 29px;
}

.serviceInner:hover .service-div, .partSourcing .hover-text {
    top: -100%;
}

.serviceInner:hover .hover-text {
    top: 0;
    transition: all ease .6s;
}

.EOL .hover-text {
    left: -100%;
}

.EOL:hover .service-div {
    left: 100%;
    top: 0;
}

.EOL:hover .hover-text {
    left: 0;
}

.multi-vndr .hover-text {
    left: 100%;
}

.multi-vndr:hover .service-div {
    left: -100%;
    top: 0;
}

.multi-vndr:hover .hover-text {
    left: 0;
    top: 0;
}

.spm .hover-text {
    top: -100%;
}

.spm:hover .hover-text {
    top: 0;
}

.spm:hover .service-div {
    top: 100%;
}




.serviceInner:hover .hover-text {
    top: 0;
    transition: all ease .6s;
}


.hover-text p {
    font-size: 13px;
    margin-top: 12px;
    min-height: 105px;
}

.plus-icon {
    bottom: 111px;
    position: absolute;
    right: 29px;
}

.serv-icon {
    margin-bottom: 20px;
}

.ser-heading {
    font-family: 'HelveticaNeueLTStd-Roman';
    line-height: normal;
    font-size: 26px;
    color: #000;
}



/*Contact us*/
.contactUs .inner-banner {
    width: 100%;
    height: 353px;
    clear: both;
    background: #F99;
    margin-top: 127px;
    position: relative;
    background-size: cover !important;
}

.inner-banner .cnt {
    width: 100%;
    height: auto;
    padding: 45px 0;
    background: url(../images/bg-2.png) repeat;
    position: absolute;
    bottom: 0;
    z-index: 10;
}

.inner-banner .left {
    width: auto;
    height: auto;
    float: left;
    background: url(../images/i-1.png) 0 center no-repeat;
    padding-left: 45px;
    font-size: 38px;
    line-height: 38px;
    color: #201b18;
    font-weight: 700;
    margin: 0;
}

.cnt {
    padding: 35px 0;
    line-height: 28px;
    font-size: 14px;
    text-align: justify;
}

.contactUs .banner_top {
    margin-top: 50px;
}


.panel {
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 0 !important;
    box-shadow: none;
}

.panel-default > .panel-heading {
    background-color: #fff;
}

.panel-heading h2, .contact_form h2 {
    text-transform: uppercase;
    font-family: 'HelveticaNeueLTStd-Bd', Arial, Helvetica, sans-serif;
    margin-top: 30px;
    margin-bottom: 0;
    color: rgba(53,181,235,1);
    font-size: 25px;
}

.panel-body h3 {
    font-family: 'HelveticaNeueLTStd-Bd', Arial, Helvetica, sans-serif;
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 18px;
    color: #525252;
}

section.content-area {
    background-color: transparent;
    border-top: 1px solid #eeeeee;
    width: 100%;
}

.panel-group li {
    color: #88898b;
    font-family: 'HelveticaNeueLTStd-Lt', Arial, Helvetica, sans-serif;
    font-size: 14px;
    background: url(../img/pointed_arrow.png) left top 9px no-repeat;
    padding-left: 15px;
}

.contact_form p, form label {
    color: #88898b;
    font-size: 16px;
}

section.bg_lightGray {
    background-color: #f9f9f9;
    width: 100%;
    padding-top: 30px;
}

.heading-txt-pic {
    border-bottom: 1px solid #d2d2d2;
    margin: 80px 0 50px;
    position: relative;
    width: 100%;
}

    .heading-txt-pic::after {
        background: rgba(0, 0, 0, 0) url("../images/contact-heading.png") no-repeat scroll center center;
        content: "";
        height: 51px;
        left: 50%;
        margin-left: -122px;
        position: absolute;
        top: -25px;
        width: 243px;
        z-index: 1;
    }

.mapwrapper {
    background: #bae2f0;
    height: 350px;
}

.no-padding-tb {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.no-padding-lr {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.no-padding {
    padding: 0 !important;
}

.no-margin {
    margin: 0 !important;
}

.height-100 {
    height: 100% !important;
}

.small-screen {
    height: 400px;
}

.display-table {
    display: table !important;
}

.position-relative {
    position: relative !important;
}

.cover-background {
    position: relative !important;
    background-size: cover !important;
    overflow: hidden !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.bg-light-gray {
    background-color: #f7f7f7;
}

p.conetntHome001 {
    font-size: 25px;
    font-weight: 300;
    text-align: center;
    color: #000;
    padding: 50px;
    line-height: normal;
}

section.speedLinks {
    padding: 30px 0;
    background-image: url(../images/swirl.png);
}

.speedLinks .tabbox {
    background-color: transparent;
    position: relative;
    border: none;
    cursor: default;
    position: relative;
    -webkit-transition: all 0.4s cubic-bezier(.48,.83,.63,.91);
    -moz-transition: all 0.4s cubic-bezier(.48,.83,.63,.91);
    -mstransition: all 0.4s cubic-bezier(.48,.83,.63,.91);
    -o-transition: all 0.4s cubic-bezier(.48,.83,.63,.91);
    transition: all 0.4s cubic-bezier(.48,.83,.63,.91);
}

    .speedLinks .tabbox:hover .card-body {
        top: 0;
    }

    .speedLinks .tabbox:hover .btn.know-more {
        opacity: 1;
    }

    .speedLinks .tabbox .card-body {
        position: relative;
        top: 30px;
        -webkit-transition: all 0.4s cubic-bezier(.48,.83,.63,.91);
        -moz-transition: all 0.4s cubic-bezier(.48,.83,.63,.91);
        -mstransition: all 0.4s cubic-bezier(.48,.83,.63,.91);
        -o-transition: all 0.4s cubic-bezier(.48,.83,.63,.91);
        transition: all 0.4s cubic-bezier(.48,.83,.63,.91);
    }



    .speedLinks .tabbox h5.card-title {
        font-weight: 700;
        font-size: 16px;
        color: #000;
        margin-top: 15px;
        margin-bottom: 0;
    }

    .speedLinks .tabbox img {
        max-width: 80px;
    }

    .speedLinks .tabbox .btn.know-more {
        padding-left: 20px;
        padding-right: 20px;
        z-index: 10;
        position: relative;
        border-radius: 30px;
        margin-top: 15px;
        opacity: 0;
        transition: inherit;
        color: #000;
        border-color: #e50212;
    }

        .speedLinks .tabbox .btn.know-more:hover {
            background-color: #e50212;
            color: #fff;
        }












.speedLinks .card-body {
    position: relative;
    transition: 0.5s;
    border: 2px solid;
    border-color: transparent;
    -webkit-transition: 0.5s;
}

    .speedLinks .card-body:hover {
        border: 2px solid rgba(0,160,80,0);
        color: #FFF;
    }

    .speedLinks .card-body::before, .speedLinks .card-body::after {
        width: 100%;
        height: 100%;
        z-index: 3;
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        box-sizing: border-box;
        -webkit-transform: scale(0);
        transition: 0.5s;
        border-radius: 15px;
    }

    .speedLinks .card-body::before {
        border-bottom: 1px solid #e50212;
        border-left: 1px solid #e50212;
        -webkit-transform-origin: 0 100%;
    }

    .speedLinks .card-body::after {
        border-top: 1px solid #e50212;
        border-right: 1px solid #e50212;
        -webkit-transform-origin: 100% 0%;
    }


    .speedLinks .card-body:hover::after, .speedLinks .card-body:hover::before {
        -webkit-transform: scale(1);
    }

.doorsBrief {
    /*background-image: url(../images/bg1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;*/
}

.briefWrapper {
    padding: 20px;
    background-color: #f8f8f8;
}

.dropdown-menu {
    padding: 0;
    border-radius: 0;
    margin: 0;
    border-color: #c0069c;
}

/*Contact use page*/

address p {
    position: relative;
    font-size: 18px;
    color: #000;
    margin-bottom: 10px;
    padding-left: 30px;
    line-height: normal;
}

    address p i.fa {
        position: absolute;
        left: 0;
        top: 2px;
        font-size: 20px;
    }

/*Map*/
#map {
    height: 500px;
}

#firstHeading {
    font-size: 24px;
    margin: 0;
    padding: 0;
}

#bodyContent a {
    color: red;
    font-size: 20px;
    text-decoration: none;
    font-weight: bold;
}

#bodyContent p {
    font-size: 16px;
    max-width: 600px;
    margin-bottom: 10px;
    margin-top: 0;
    padding-left: 0;
}

#bodyContent address {
    font-style: normal;
    margin: 10px 0px;
}

/*Services*/

ul.bullets-fa-check-circle {
    margin: 2em 0;
    padding: 0;
    margin: 0;
    list-style: none;
}

.bullets-fa-check-circle li {
    margin: 5px;
    margin-left: 2em;
}

    .bullets-fa-check-circle li:before {
        content: '\f058';
        font-family: 'FontAwesome';
        float: left;
        margin-left: -1.3em;
        color: #525252;
        font-size: 16px;
    }

.accordion .card-header {
    cursor: pointer;
}

    .accordion .card-header:after {
        font-family: 'FontAwesome';
        content: "\f068";
        float: left;
        color: #e50212;
        margin-right: 15px;
    }

    .accordion .card-header.collapsed:after {
        /* symbol for "collapsed" panels */
        content: "\f067";
    }

    .accordion .card-header .card-title {
        font-size: 18px;
        font-weight: 600;
    }

.accordion .card-body p {
    padding-left: 25px;
    margin-bottom: 0;
}

/*Our Team*/

/*Our Team*/
figure {
    margin-bottom: 20px;
}

    figure .team-image {
        position: relative;
        overflow: hidden;
    }

    figure .overlay-content {
        opacity: 0;
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
        transition: all 0.3s ease 0s;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -ms-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
    }

    figure figcaption {
        width: 100%;
        position: relative;
        margin-top: 17px;
    }

        figure figcaption .team-member-position {
            position: relative;
            top: 0;
            transition: all 0.2s;
            -webkit-transition: all 0.2s;
            -moz-transition: all 0.2s;
            -ms-transition: all 0.2s;
            -o-transition: all 0.2s;
        }

    figure .team-overlay {
        top: 100%;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        display: block;
        position: absolute;
        overflow: hidden;
        background-color: rgba(0, 0, 0, 0.8);
        transition: all 0.3s ease 0s;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -ms-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
    }

    figure:hover .team-overlay {
        top: 0;
        transition: all 0.3s ease 0s;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -ms-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
    }

    figure .overlay-content {
        opacity: 0;
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
        transition: all 0.3s ease 0s;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -ms-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
    }

    figure:hover .overlay-content {
        opacity: 1;
        z-index: 1111;
        padding-top: 25px;
    }

    figure .skillinfo {
        font-size: 14px;
        line-height: normal;
        line-height: 1.2;
    }

    figure .skillinfoBox {
        display: block;
    }

.skillinfo {
    display: block;
}

    .skillinfo h5 {
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 3px;
    }

figcaption .designation {
    line-height: normal;
}
figcaption .designation h5 {
    font-weight:600;
}

/*OUR PROJECTS*/


.projectReports .card h5 {
    font-weight:700;
}

.projectReports .card i.fa {
    font-size: 50px;
    color: rgba(0,0,0,.4);
}

.projectReports .card:hover i.fa, 
.projectReports .card:focus i.fa {
    color: #fff;
}

.projectReports .card:hover, 
.projectReports .card:focus {
    background: #ffb400;
    color: #000;
}

    .projectReports .card:hover .btn-outline-dark,
    .projectReports .card:focus .btn-outline-dark {
        border-color: #fff;
        color:#fff;
    }

        .projectReports .card:hover .btn-outline-dark:hover,
        .projectReports .card:focus .btn-outline-dark:hover {
            background-color:#000;
            border-color: transparent;
        }

        .homeMarquee {
    background-color: #232323;
    width: 100%;
    display: block;
}

    .homeMarquee ul {
        padding-left: 20px;
        list-style: none;
    }

    .homeMarquee li {
        padding: 3px 0;
    }

        .homeMarquee li a {
            font-size: 14px;
            color: #fff;
            font-weight: 400;
        }

.mainHeader-top.alumni.shrink .homeMarquee li a {
    color: #000;
}

.homeMarquee li:before {
    margin-right: 0.2em;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    content: "\f192";
    color: #fff;
    font-size: 10px;
    vertical-align: middle;
    position: relative;
    top: -2px;
}


.example ol li {
    counter-increment: li;
}

.example p {
    padding: 0 30px 0 0;
}

.example ol li::before {
    content: counter(li);
    color: red;
    display: inline-block;
    width: 1em;
    margin-left: -1.5em;
    margin-right: 0.5em;
    text-align: right;
    direction: rtl;
}




