/*--============== For Fonts ====================
light 300
light 300 Italic
regular 400
regular 400 Italic
semi-bold 600
semi-bold 600 Italic
bold 700
bold 700 Italic
extra-bold 800
extra-bold 800 Italic
==================================--*/

/*--============== For Headings ====================
h1 = 36px
h2 = 24px
h3 = 22px
h4 = 18px
h5 = 16px
h6 = 14px
==================================--*/


.main-wrapper {
    width: 100%;
}


.top-page-heading {
    float: left;
    width: 100%;
    font-size: 20px;
    color: #967F63;
    font-weight: 700;
    text-transform: uppercase;
    text-align: left;
    clear: both;
}

    .top-page-heading span {
        color: #4c4c4c;
    }


.left-border-heading-sm {
    float: left;
    width: 100%;
    font-size: 16px;
    color: #4c4c4c;
    font-weight: 700;
    text-transform: uppercase;
    border-left: 5px solid #fd6500;
    padding-left: 15px;
    text-align: left;
    margin: 15px 0;
}



.left-border-heading-md {
    float: left;
    width: 100%;
    font-size: 24px;
    color: #4c4c4c;
    font-weight: 700;
    text-transform: uppercase;
    border-left: 5px solid #D2DC49;
    padding-left: 15px;
    text-align: left;
    margin: 15px 0;
}




.center-border-heading-md {
    float: left;
    width: 100%;
    font-size: 24px;
    color: #4c4c4c;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
}

    .center-border-heading-md::after {
        content: '';
        width: 100%;
        max-width: 40px;
        display: block;
        height: 5px;
        background-color: #fd6500;
        margin: 0 auto;
        margin-top: 5px;
    }


.left-paragraph {
    float: left;
    width: 100%;
    /*font-size: 13px;*/
    color: #404040;
    font-weight: 300;
    line-height: 23px;
    text-align: justify;
}



.left-paragraph-heading {
    float: left;
    width: 100%;
    font-size: 17px;
    color: #404040;
    font-weight: 600;
    text-transform: uppercase;
    margin: 15px 0;
    line-height: 23px;
    font-family: 'latobold';
}

.left-paragraph-sub-heading {
    float: left;
    width: 100%;
    font-size: 15px;
    color: #52B0C4;
    font-weight: 400;
    text-transform: uppercase;
    margin: 15px 0;
    line-height: 23px;
    font-family: 'latobold';
}

.left-paragraph-note {
    float: left;
    width: 100%;
    font-size: 13px;
    color: #404040;
    font-weight: 400;
    line-height: 26px;
    text-align: justify;
    font-style: italic;
}

.left-paragraph ul, .left-paragraph ol {
    margin: 0;
    padding-left: 12px;
    line-height: 1.875rem;
    font-size: 1.125rem;
    font-family: 'latolight';
}

/*.left-paragraph ul li:last-child {
        margin-bottom: 0px;
    }*/

.grey-bg {
    background-color: #f5f5f5;
}

.orange-bg {
    background-color: #fd6500;
}


.breadcrumb {
    background-color: #f5f5f5;
    padding: 6px 10px;
    margin-bottom: 0;
    list-style: none;
    border-radius: 4px;
}

    .breadcrumb a {
        color: #4c4c4c;
    }

        .breadcrumb a:hover {
            color: #fd6500;
            text-decoration: underline;
        }

    .breadcrumb > .active {
        color: #93C34B;
    }

.affix {
    top: 0;
    width: 100%;
}

    .affix + .container-fluid {
        padding-top: 70px;
    }


/*HOME PAGE
======================================*/

#HomeSlider .carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 0;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}

a.services-caption {
    float: left;
    width: 100%;
    max-width: 400px;
    font-weight: 300;
    color: #fff;
    font-size: 30px;
    margin-bottom: 10px;
    background: rgba(0,0,0,0.8);
    padding: 10px;
    border-radius: 0 15px 15px 0;
}

    a.services-caption:hover {
        color: #fd6500;
    }



.welcome-sec {
    float: left;
    width: 100%;
}

.welcome-hd {
    float: left;
    width: 100%;
    font-weight: 700;
    color: #fd6500;
    text-transform: uppercase;
    font-size: 36px;
}

.welcome-hd-two {
    float: left;
    width: 100%;
    font-weight: 300;
    color: #222;
    font-size: 34px;
}

    .welcome-hd-two span {
        color: #7b7b7b;
    }


a.home-readmore {
    color: #52B0C4;
}

.news-feeds-area {
    float: left;
    width: 100%;
    padding: 30px;
    padding-bottom: 15px;
    border: 1px solid #ddd;
    min-height: 220px;
}

.news-feeds-heading {
    float: left;
    width: 100%;
    font-size: 13px;
    color: #404040;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 23px;
    border-bottom: 1px solid #D2DC49;
    padding-bottom: 10px;
}

.news-date-time {
    float: left;
    width: 100%;
    font-size: 11px;
    color: #808080;
    font-weight: 400;
    font-style: italic;
    text-align: left;
    margin: 10px 0;
}

a.news-controls-btn {
    display: inline-block;
    font-size: 22px;
    padding: 0 12px;
    /*background: #fd6500;*/
    color:#4586FF;
    margin-top: 10px;
}

    a.news-controls-btn:hover {
        background: white;
    }


.career-home-area {
    float: left;
    width: 100%;
    padding: 30px;
    background-color: #fd6500;
    min-height: 227px;
    border: 1px solid #db5903;
}

.career-home-hd {
    float: left;
    width: 100%;
    color: #fff;
    font-size: 24px;
    font-weight: 300;
    border-bottom: 1px solid #db5903;
    padding-bottom: 20px;
}

.career-home-footer {
    float: left;
    width: 100%;
}


    .career-home-footer .btn-submit-footer {
        background-color: #fff;
        border-radius: 0;
        color: #4c4c4c;
        font-size: 13px;
        font-weight: 600;
        text-transform: uppercase;
        padding: 8px 15px;
        border: 0;
    }

        .career-home-footer .btn-submit-footer:hover,
        .career-home-footer .btn-submit-footer:focus {
            background-color: #404040;
            color: #fff;
            border: 0;
        }


.com-groth-area {
    float: left;
    width: 100%;
    text-align: center;
    color: #fff;
}

.count-groth {
    float: left;
    width: 100%;
    font-size: 34px;
    font-weight: 300;
    margin-top: 10px;
}

.name-groth {
    float: left;
    width: 100%;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    margin-top: 10px;
}

.groth-img img {
    opacity: 0.5;
}


/*.client-spk-sec {
    float: left;
    width: 100%;
    padding: 20px;
    border: 1px solid #ddd;
}

.client-spk-sec:hover {
    border: 1px solid #fd6500;
}



.client-name {
    float: left;
    width: 100%;
    font-size: 14px;
    color: #222;
    font-weight: 400;
}

.client-desg {
    float: left;
    width: 100%;
    font-size: 12px;
    color: #fd6500;
    font-weight: 400;
    margin: 5px 0;
}

.spk-seprator {
    float: left;
    width: 100%;
    position: relative;
    margin:12px 0;
}


.center-spk-icon {
    position: absolute;
    right: 0;
    left: 0;
    text-align: center;
    margin:0 auto;
    color:#222;
}


.comp-name {
    float: left;
    width: 100%;
    font-size: 12px;
    color: #939393;
    font-weight: 400;
}

.client-spk-sec:hover .center-spk-icon {
    color:#fd6500;
}*/


/*ABOUT US PAGE
======================================*/


.officer-name {
    float: left;
    width: 100%;
    font-size: 22px;
    text-align: left;
    color: #4c4c4c;
    text-transform: uppercase;
    font-weight: 300;
}

.officer-desg {
    float: left;
    width: 100%;
    font-size: 14px;
    text-align: left;
    color: #fd6500;
    font-weight: 600;
    margin: 10px 0;
}

.officer-social-links {
    float: left;
    width: 100%;
}


a.comp-div-box {
    float: left;
    width: 100%;
    background-color: #3c3c3c;
    display: inline-block;
    text-decoration: none;
}

    a.comp-div-box:hover {
        background-color: #fd6500;
    }

.comp-div-text {
    float: left;
    width: 100%;
    color: #fff;
    text-transform: uppercase;
    text-align: left;
    padding: 18px;
    font-weight: 600;
}

.comp-div-icon {
    float: left;
    width: 100%;
    text-align: center;
    padding: 20px;
    background: rgba(255,255,255,0.2);
}



/* GET IN TOUCH PAGE
======================================*/

.contact-icon-hd {
    float: left;
    width: 100%;
    font-size: 16px;
    font-weight: 700;
}

    .contact-icon-hd a {
        color: #4c4c4c;
    }

        .contact-icon-hd a:hover {
            color: #db5903;
        }


/* CAREER PAGE
======================================*/

.career-form-section {
    float: left;
    width: 100%;
    background-color: #fd6500;
    border-radius: 4px;
}


.career-form-header {
    float: left;
    width: 100%;
    padding: 30px;
    border-bottom: 1px solid #db5903;
    color: #fff;
    font-size: 24px;
    font-weight: 300;
}

.career-form-body {
    float: left;
    width: 100%;
    padding: 30px;
}

.career-form-footer {
    float: left;
    width: 100%;
    padding: 30px;
    border-top: 1px solid #db5903;
}

    .career-form-footer .btn-submit-footer {
        background-color: #4c4c4c;
        border-radius: 0;
        color: #fff;
        font-size: 13px;
        font-weight: 600;
        text-transform: uppercase;
        padding: 8px 40px;
        border: 0;
    }

        .career-form-footer .btn-submit-footer:hover,
        .career-form-footer .btn-submit-footer:focus {
            background-color: #fff;
            color: #fd6500;
            border: 0;
        }

.career-form-body .control-label {
    color: #fff;
}

.career-form-body .form-control {
    border-radius: 0;
    font-size: 13px;
    border: 0;
}

.career-form-body .form-group {
    margin-bottom: 10px;
}


/* GALLERY PAGE
======================================*/

.btn-photo-video {
    background-color: #4c4c4c;
    border-radius: 0;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 10px 40px;
    border: 0;
    box-shadow: none;
}

    .btn-photo-video:hover,
    .btn-photo-video:focus {
        background-color: #52B0C4;
        color: #fff;
        border: 0;
    }

    .btn-photo-video.active {
        background-color: #52B0C4;
        color: #fff;
        border: 0;
    }


.btn-gallery-nxtpre {
    background-color: #4c4c4c;
    border-radius: 0;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 6px 15px;
    border: 0;
}

    .btn-gallery-nxtpre:hover,
    .btn-gallery-nxtpre:focus {
        background-color: #fd6500;
        color: #fff;
        border: 0;
    }


.video-sec {
    float: left;
    width: 100%;
    background: #f5f5f5;
    border: 1px solid #ddd;
    min-height: 220px;
    text-align: center;
    line-height: 220px;
    color: #ddd;
    font-size: 16px;
}

.thumbnail img {
    height: 200px;
}

.ellips-text {
    width: 200px;
}

.ellips-text p {
    border-top:1px solid #ccc;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color:#000;
}