/* CSS customizations */

/* Global -------------------------- */
body {
    background-color: #fafafa !important;
    color: #777;
    font-family: "Poppins", Arial, sans-serif;
    font-size: 14px;
    line-height: 26px;
    margin: 0;
}

/* Theme class ----- */
.body {
    background-color: #fafafa !important;
}

html.boxed {
    background-color: #fafafa !important;
}

:root{
    --black-primary:#6C6D72 !important;
    --black:rgb(7, 7, 7) !important;
    --blue-primary:#154D95 !important;
    --blue-secondary: #2C4178 !important;
    --light-blue: #00AFEF !important;
    --gray-primary:#D8D9DA!important;
    --gray:#c0c0c0!important;
    --brown:#A88E56!important;
    --green: green!important;
    --red: #CC3300!important;
    --yellow: #ffd900!important;
    --lightyellow:#FFFFE0!important;
    --lightcyan: #E0FFFF!important;
    --white: #ffffff !important;
    --white-secondary: #fafafa !important;
    

}

.bg-transparent {
    background-color: transparent !important;
}
.bg-gray-primary{
    background-color: var(--gray-primary)!important;
}
.bg-blue-primary{
    background-color: var(--blue-primary)!important;
}
.bg-blue-secondary{
    background-color: var(--blue-secondary)!important;
}
.bg-gray{
    background-color: var(--gray)!important;
}
.bg-white{
    background-color: var(--white)!important;
}
.bg-white-secondary{
    background-color: var(--white-secondary)!important;
}
.bg-light-blue{
    background-color: var(--light-blue)!important;
}
.bg-black{
    background-color: var(--black)!important;
}
.bg-green{
    background-color: var(--green)!important;
}
.bg-red{
    background-color: var(--red)!important;
}
.bg-lightyellow{
    background-color: var(--lightyellow)!important;
}
.bg-lightcyan{
    background-color: var(--lightcyan)!important;
}

.text-gray-primary{
    color: var(--gray-primary)!important;
}
.text-blue-primary{
    color: var(--blue-primary)!important;
}
.text-green{
    color: var(--green)!important;
}
.text-red{
    color: var(--red)!important;
}
.text-black-primary{
    color: var(--black-primary)!important;
}
.text-black{
    color: var(--black)!important;
}
.text-gray{
    color: var(--gray)!important;
}
.text-yellow{
    color: var(--yellow)!important;
}
.text-white{
    color: #ffffff !important;
}


.row-horizontal-vertical-center  {
    display: none !important;
}




#produtos_ex img {
    width: 100%;
    height: 250px;
    object-fit: cover;
}

#noticias .readmore-overlay {
    background: linear-gradient(#fff 0%, #fff 100%) !important;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 52px !important;
    z-index: 1;
}

#produtos-aplicacoes .table th {
    padding: 0rem 0.5rem 0rem 0.5rem;
}
#produtos-aplicacoes .table td {
    padding: 0rem 0.5rem 0rem 0.5rem;
    border-bottom: 1px solid #999999;
}
#table-pdf td{
    border-bottom: none !important;
}

#tabela-desempenho .table-desempenho th {
    padding: 0rem 0.5rem 0rem 0.5rem;
}
#tabela-desempenho .table-desempenho td {
    padding: 0.2rem 0.5rem 0.2rem 0.5rem !important;
    border-bottom: 1px solid #999999 !important;
    background-color: #154D95 !important;
}

#footer {
    border-top: 20px solid #a88e56 !important;
}



@media (max-width: 991px) {
    /* ------MENU COLLAPSE------ */
    #header .header-btn-collapse-nav {
        background: #A88E56 !important;
    }
    #header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a.active:focus, #header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a.active:hover {
        background: #d8bb7b !important;
    }
    #header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a.active {
        background: #d8bb7b !important;
    }
    #header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a.active:focus, #header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a.active:hover {
        background: #d8bb7b !important;
    }
    #header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a.active:focus, #header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a.active:hover {
        background: #d8bb7b !important;
    }
    
    #header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a {
        color: #575757 !important;
    }

    html.boxed.sticky-header-active #header:not(.header-effect-shrink) .header-body .header-logo img {
        width: 120px !important;
        height: 50px !important;
    }

}

@media (min-width: 992px) {
    #empresa img {
        width: 100%;
        height: 330px;
        object-fit: cover;
    }
    
    #servicos img {
        width: 100%;
        height: 330px;
        object-fit: cover;
    }
    #servicos .control-st {
        width: 100%;
        height: 430px;
        object-fit: cover;
    }

    /* #header {
        height: 95px !important;   
    } */
    
    #header .header-nav.header-nav-line.header-nav-bottom-line nav > ul > li > a:before, #header .header-nav.header-nav-line.header-nav-bottom-line nav > ul > li:hover > a:before {
        content: none !important;
    }

    html.sticky-header-active #header .header-body {
        background: #fff !important;
        padding-top: 1.1rem;
        padding-bottom: 0.1rem;
    }

    html.boxed #header {
        margin-bottom: -90px !important;
    }

    #header .header-top {
        border-bottom: none !important;
    }

    html.boxed #header .header-container {
        padding: 0 0.0rem !important;
    }

    #header .header-container {
        min-height: 75px !important;
    }
    

    
    #header .header-body {
        border-bottom: 10px solid #a88e56 !important;
    }

    .main {
        border-top: 18px solid #ececec !important;
    }
    
    #home-carousel {
        border-bottom: 18px solid #ececec !important;
    }


    #header .header-nav.header-nav-line:not(.header-nav-light-text) nav > ul > li > a {
        color: #575757 !important;
        font-weight: 500 !important;
    }
    #header .header-nav.header-nav-line nav > ul li:hover > a {
        background-color: transparent !important;
        color: #A88E56 !important;
    }
    #header .header-nav.header-nav-line nav > ul:not(:hover) li > a.active {
        color: #575757 !important;
    }
}

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

    #header .header-container {
        min-height: 85px !important;
    }
    .header-logo a img {
        width: 145px;
        height: 54px;
    }
}


html .bg-color-tertiary, html .bg-tertiary {
    background-color: #f3f3f3 !important;
}
#header .header-container {
    min-height: 85px !important;
    background: #FFF;
}