@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

:root {
    --main-color: #003366;
    --second-color: #302F35;
    --text-color: #5C5C5C;
    --alternative-color: #005cb9;

}

body {
    color: #6d6f6a;
    font: 14px/2em 'Montserrat', sans-serif;
    background: #fff;
    font-family: 'Montserrat', sans-serif!important;
}

a:not([href]):hover {
    cursor: pointer;
}



ul {
    padding: 0;
    margin: 0
}

ul li {
    list-style: none
}

a {
    color: #005cb9;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

button {
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

a,
a:hover {
    text-decoration: none
}

a:hover {
    color: #6d6f6a
}

img {
    max-width: 100%;
}

h1,
h2,
h3,
h4 {
    margin: 0;
    line-height: 1em
}

h1 {
    font: 700 5em 'Montserrat', sans-serif;
    margin: .25em 0;
    text-transform: uppercase
}

h2 {
    font: 300 2.5em 'Montserrat', sans-serif;
    margin-bottom: 1.5em
}

h3 {
    font: 300 2em 'Montserrat', sans-serif;
    margin: 2em 0 1em
}

h4 {
    font: 300 1.5em 'Montserrat', sans-serif;
    margin-bottom: 1em
}

h4 i {
    margin-right: .5em
}

p {
    font-size: 1em;
    line-height: 1.7em;
    margin-bottom: .7em
}



.mobile-none {
    display: block;
}

.mobile-only {
    display: none;
}

@media (min-width: 1904px) {
    .container {
        max-width: 1185px !important;
    }
}

h2.heading {
    color: var(--main-color);
    font-size: 24px;
    margin-bottom: 1em;
    position: relative;
    font-weight: 500;
    padding-bottom: 0px;
    text-transform: none;
    border-left: 5px solid #00a2f4;
    padding-left: 1em;
}

h2.heading span {


    color: var(--main-color);
}

.spacer {
    padding: 3em 0;

}

.slick-next {
    right: -30px;
}

.slick-prev {
    left: -30px;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before,
.slick-dots li.slick-active button:before {
    color: #fff;
}

.slick-dots li button:before {
    color:#fff;
}

.slick-prev:before,
.slick-next:before {
    color: var(--main-color);
}

/* .slick-slide:not(.slick-center) img {
    transform: scale(0.9);
} */

#home {
    background: var(--background-color);
}

label {
    color: var(--text-color);
}

/* .carousel-item img {
    width: 100%;
} */

.align-center {
    align-items: center;
}

.conteudo {
    min-height: 60vh;
    padding-top: 3em;
    justify-content: center;
    align-items: center;

}



.conteudo-category {
    /* min-height: 100vh; */
    padding-top: 2em;
    padding-bottom: 4em;
    justify-content: center;
    align-items: center;
}

.conteudo-category h2 {
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 21px;
    color: var(--main-color);
}

header .list-group-horizontal>.list-group-item+.list-group-item {
    padding: 1.5em 2em;
}

header .list-group-horizontal>.list-group-item:last-child:not(:first-child) {
    padding-right: 0px;
}

.carousel video {
    width: 100%;
}

header {
    position: fixed;
    top: 0;
    z-index: 9;
    width: 100%;
    background-color: #fff;
    /* background: #015cb9;
    box-shadow: 0px 0px 15px rgb(0 0 0 / 30%) */
}

header ul.list-group li {
    background: transparent;
    border: 0px;
}

/* 
header ul.list-group .sub-has li a {
    color: var(--alternative-color);
} */

header ul.list-group li a {
    color: #6D6E6E;
    font-size: 15px;
    text-transform: none;
}

header ul.list-group li.actived a {
    font-weight: bold;
    position: relative;

}

header ul.list-group li.actived a:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: 0;
    margin: -10px 0;
    background-color: white;
    visibility: visible;
    transform: scale(1);

}

header.menu-fixo {
    background: #fff;
}






/* header.internal-menu ul.list-group li a {
    color: var(--main-color);
} */

header.internal-menu ul.sub-has li a {
    color: #fff;
}

header.internal-menu #search-on-click {
    color: var(--main-color);
}

header.internal-menu .logo img {
    filter: none;
}

header.menu-fixo .logo img {
    filter: none;
}

header ul.social-icons {
    justify-content: end;
}

header ul.social-icons li {
    padding: 0px;
    padding-left: 1em;
}

header ul.social-icons li a {
    background: var(--second-color);
    width: 30px;
    height: 30px;
    line-height: 32px;
    display: block;
    text-align: center;
    border-radius: 30px;
    color: #fff;
}

.alert-warning {
    margin-bottom: 0px;
}


.coks-acepts {
    position: fixed;
    bottom: 15px;
    left: 15px;
    z-index: 5;
}

.coks-acepts .alert-warning {
    background-color: #fff;
}

.logo {

    justify-content: start;
}

.logo img {
    width: 120px;
}

.carousel-indicators .active {
    opacity: 1 !important;
}

.absolute-center-home {
    position: absolute;
    top: 40%;
    left: 10%;
    margin-right: 0;
    transform: translate(0%, -50%);
    text-align: center;
    z-index: 1;
    width: 500px;
}

.absolute-center-home a {
    text-align: center;
    display: block;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    width: 75%;
}

.absolute-center-home a img {
    vertical-align: top;
}

header .list-group {
    display: flex;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: 0.25rem;
    align-items: center;
    justify-content: right;
}


.whatsappme {
    background: #25d366;
    position: fixed;
    right: 10px;
    bottom: 5em;
    color: #fff;
    padding: 10px;
    border-radius: 100%;
    animation: bounce 1s infinite;
    z-index: 2;
}

@keyframes bounce {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-10px);
    }

    100% {
        transform: translateY(0);
    }
}


.whatsappme a {
    color: #fff;

}


.center-titles {
    text-align: center;
}



.menu-button {
    top: -270px;
    position: relative;
}


#home {
    margin-top: 5em;
    position: relative;
}

.list-itens-menu.sub-has {
    position: absolute;
    display: none;
    left: 0;
    top: 70px;
    border-top: 5px solid #003366;
    width: 100%;
    background: #fff;
    color: #000;
    padding: 2em;
    box-shadow: 0 3px 10px rgba(0, 0, 0, .1);
}

.selected-menu {
    color: var(--main-color) !important;
    font-weight: 500;
}

.list-itens-menu.sub-has .title-submenu {
    font-weight: bold;
    display: block;
    margin-bottom: 10px;
}

.list-itens-menu.sub-has ul li {
    line-height: normal;
}

.list-itens-menu.sub-has ul li a {
    font-size: 13px;
    color: #3e3e3e;
    display: block;
    margin-bottom: 10px;
}

.list-itens-menu.sub-has ul li a:hover {
    color: var(--alternative-color);
}


.list-group-item.has-sub {
    position: initial;
}

.list-itens-menu.sub-has a {
    color: var(--alternative-color);
}

.images {
    flex-wrap: wrap;
    display: flex;
    padding: 0;
}

.images img {
    width: 100%;
}



.has-sub {
    position: relative;
}

ul.sub-has {
    display: none;
    background: var(--main-color);
    position: absolute;
    border-radius: 0px 0px 3px 3px;
    padding: 7px 0px;
    width: max-content;
    margin-top: 0px;
    border-top: 1px #fff solid;

}

ul.sub-has li {
    padding: 0;

}

ul.sub-has li a {
    text-transform: none !important;
    padding: 5px 15px;
    display: block;
}

ul.sub-has li:hover {
    background: #014183;

}

.has-sub:hover ul.sub-has {
    display: block !important;
}

.default-btn {
    background: var(--alternative-color);
    font-weight: 600;
    grid-column: 2 / -1;
    padding: 0.95rem 2.5rem;
    text-align: center;
    width: min-content;
    border: 0px;
    margin-top: 0px;
    border-radius: 5px;
    color: #fff;
    font-size: 15px;
}

.default-btn:hover {
    background-color: var(--main-color);
    color: #fff;
}

.default-btn.orcamento {
    width: 100%;
    text-align: center;
    margin-top: 10px;
    border-radius: 8px;
    background: #24834a;
}



#empresa {
    background-color: var(--main-color);
    margin-top: 0em;
}

#blogs .individual a {
    display: block;
    position: relative;
}

#blogs .individual a .absolute-center-empresa {
    color: var(--second-color);
}

#empresa h2.heading {
    color: #fff;
    text-transform: none;
}

#empresa .texto {
    font-size: 16px;
    font-weight: normal;
    margin-top: 1em;
    margin-bottom: 1em;
}

#empresa .texto a {
    background: #fff;
    padding: .5em 1em;
    border-radius: 20px;
    color: var(--alternative-color);
    font-size: 13px;
    font-weight: 500;
}

#empresa .texto ul {
    display: flex;
}

#empresa .texto ul li {
    margin: 0 10px;
}

.align-self {
    align-self: center;
}

#contato {
    background-color: var(--background-color);
}

.footer-spacer {
    padding: 3em 2em;
}

footer {
    background-color: #fff;
    padding: 0;
    font-size: 13px;
    color: var(--main-color);
}

.slick-slide img {
    filter: grayscale(0) !important;
}

footer .pesquisa {
    background: #244b73;
    padding: 2em;
}

footer a {
    color: #585858;
}

footer a:hover {
    color: var(--main-color);
}

footer b {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    display: block;
}

#carouselBanners {
    max-height: 100vh;
    overflow: hidden;
}

.carousel-indicators a {
    width: 14%;
    height: auto;
    text-indent: initial;
    background-color: transparent;
    opacity: 1;
    position: relative;
}

.carousel-indicators button .blur-bg {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffff52;
    filter: blur(30px);
    transition: filter 0.5s ease;
    opacity: 0;
}

/* .carousel-indicators .active .blur-bg {
    opacity: 1;
} */
.carousel-control-next,
.carousel-control-prev {
    width: 2%;
}

.carousel-indicators button:hover .blur-bg {
    opacity: 1;
}

.carousel-indicators button:hover img {
    opacity: 1;
    position: relative;
}

.carousel-indicators button h2 {
    font-size: 18px;
    padding: 1em 1em 0 1em;
    color: #1a3353;
    font-weight: bold;
}

.carousel-indicators button {
    width: 100%;
    height: auto;
    text-indent: initial;
    background-color: transparent;
    opacity: 1;
    position: relative;
    border: 0;
}


.carousel-indicators button img {
    display: block;
    max-width: 60%;
    margin: 0 auto;
}

.carousel-indicators .active img {
    opacity: 1;
}

header.menu-fixo ul.sub-has li a {
    color: #fff;
}

.list-group-item.has-sub.auto-width-menu {
    position: relative
}

.list-group-item.has-sub.auto-width-menu .list-itens-menu.sub-has {

    width: max-content;
}

#home h1 {
    position: absolute;
    color: #fff;
    top: 50%;
    transform: translate(0, -50%);
    text-align: left;
    font-size: 40px;
    text-transform: none;
    font-weight: normal;
    border-left: 5px solid;
    padding-left: 15px;
    letter-spacing: 0.05em;
    left: 15%;
}



.col-lg-12-5 {
    flex: 0 0 auto;
    width: 12.5%;
}

.right-img-dest img {
    height: 200px;
    /* width: 100%; */
    text-align: right;
    /* object-fit: cover; */
    float: right;
}

#home .category-items a.individual {
    display: flex;
    background-color: rgba(0, 0, 0, 0.7);
    background-blend-mode: overlay;
    margin-bottom: 1em;
    border-left: 0.5px solid #DBDBDB;
    height: 300px;
    border-radius: 0;
    padding: 2em;
    background-size: cover;

}

#home .category-items a.individual:first-child {
    border-left: 0;
}

#home .category-items a.individual:hover {
    background-color: var(--main-color);
}

#home .category-items a.individual:hover h2,
#home .category-items a.individual:hover span {
    color: #fff;
    display: block;
}

#home .category-items a.individual.primary {
    height: 97.5%;
}

/* #home .category-items a.individual h2{
    font-size: 16px;
    color: var(--text-color);
    text-transform: uppercase;
    text-align: left;
    padding: 0px 2em;
    height: 40px;
} */

#home .category-items a.individual h2 {

    font-size: 16px;
    color: #ffffff;
    text-align: left;
    padding: 0;
    font-weight: bold;
    margin-bottom: 0px;
    display: block;
    /* align-items: center; */
}

#home .category-items a.individual span {
    text-align: left;
    display: none;
    text-transform: none;
    color: #015cb9;
    font-size: 12px;
    font-weight: bold;
    padding-bottom: 1em;

}

/* 
#home .category-items a.individual img{
    
    padding: 1em 2em;
} */

#empresa h2.heading p {
    font-size: 16px;
    font-weight: normal;
    color: var(--text-color);
}

footer .social-media-links li {
    background: transparent;
    border: 0px;
    padding: 0;
}

footer .social-media-links {
    margin-top: 2em;
}

footer .social-media-links li a {
    background: transparent;
    border-radius: 100% !important;
    border: 1px solid #dbdbdb52;
    color: #fff;
    margin-right: 1em;
    box-shadow: none;
    width: 45px;
    height: 45px;
    text-align: center;
    display: block;
    line-height: 45px;
    font-size: 20px;
}

footer .social-media-links li a:hover {
    background-color: #fff;
    color: var(--main-color);
}




#blogs .individual span {
    color: #ffffff;
    font-weight: 400;
    font-size: 13px;
    display: none;
    text-align: left;
}

#blogs .individual a:hover span {
    display: block;
}


.bg-category {

    position: relative;
    margin-top: 5.5em;
}


.bg-category img {
    opacity: 0.3;
}

.conteudo-category ul.list-lateral-menu li a.displaynone {
    display: none;
}



.absolute-center-bg-category,
.absolute-center-bg-category h2 {
    color: #fff;
    font-size: 30px;
    background-color: var(--main-color);
    padding: 5px;
}

.btn-product-category {
    background: var(--main-color);
    padding: 8px 15px;
    text-align: center;
    display: block;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    border-radius: 45px;
    margin-top: 0em;
}

.btn-product-category:hover {
    background: var(--second-color);
    color: #fff;
}

.btn-product-video {
    background: #e1e1e1;
    padding: 8px 15px;
    display: block;
    color: #005CB9;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    border-radius: 3px;
    margin-top: 5px;
}

.compartilhe .list-group-horizontal>.list-group-item+.list-group-item {
    padding: 0px;
}

.compartilhe .list-group-horizontal>.list-group-item+.list-group-item a {
    padding: 10px;
    display: block;
    color: var(--main-color);
}

.conteudo-category ul.list-lateral-menu li.active.category-first {
    order: -1;
    border-left: 0;
}

.conteudo-category ul.list-lateral-menu li.active.category-first span {
    border-radius: 3px;
    display: block;
    background-color: #005CB9;
    font-weight: bold;
    padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
}

.conteudo-category ul.list-lateral-menu li.active.category-first .subcategories-sub-menu {

    margin-left: 2em
}

.conteudo-category ul.list-lateral-menu li.active.category-first .subcategories-sub-menu.has-sub {
    margin-left: 1em;

}

.conteudo-category ul.list-lateral-menu li.active.category-first .subcategories-sub-menu.has-sub li {
    background-color: #F3F3F3;
}

.conteudo-category ul.list-lateral-menu li.active.category-first .subcategories-sub-menu li {
    border-left: 5px solid #005cb921;
    background-color: #F3F3F3;
}

.conteudo-category ul.list-lateral-menu li.active.category-first .subcategories-sub-menu li.actived-product {
    background: #d4e0ec;
}


.conteudo-category ul.list-lateral-menu li.active.category-first .subcategories-sub-menu.has-sub.product-sub {
    margin-left: 0px;
    background: #fff;
}

.conteudo-category ul.list-lateral-menu li.active.category-first .subcategories-sub-menu.has-sub.product-sub li {
    border: 0;
    margin-left: 0em;
    background: #fff;
}

.conteudo-category ul.list-lateral-menu li {
    display: flex;
    flex-direction: column;
    order: -1;
    border-radius: 0;
    margin-top: 2px;
    border-color: #F3F3F3;
    background: #f1f2f2;
    border-bottom: 0;

    border-top: 0;
    padding: 0px;

}

.conteudo-category ul.list-lateral-menu li a {
    background: #fdfdfd;
    display: block;
    color: var(--text-color);
    padding: 0 10px;
    margin-bottom: 5px;

    border-left: 5px solid #005cb9;

}

.conteudo-category ul.list-lateral-menu li a.active.category-first {
    background: #015cb9;
    color: #fff;
    order: -1;
    border-left: 5px solid #302f35;
}



.conteudo-category ul.list-lateral-menu li a:hover {
    background: #748ba3;
    color: #fff;
}

.conteudo-category span.title-access {
    font-size: 14px;
    font-weight: bold;
    color: #302F35;
    padding: 5px 15px;
    text-transform: uppercase;
    order: -2;
    margin-bottom: 0em;
    display: block;
    background: #d7d7d7;
}

.bread-crumbs {
    background: transparent;
    font-size: 12px;
}

.bread-crumbs .breadcrumb-item a {
    color: #fff;
}

.bread-crumbs .breadcrumb-item.active {
    font-weight: bold;
    color: #ffffff;
    font-size: 12px;
}

/* 
.bread-crumbs ol.breadcrumb{
    padding: 5px 0px;
} */

.bread-crumbs .breadcrumb-item a:hover {
    text-decoration: underline;
}

.bread-crumbs .breadcrumb-item+.breadcrumb-item::before {
    content: var(--bs-breadcrumb-divider, ">");
}


.products-subcategories .individual a {
    border: 2px solid #F3F3F3;
    display: block;
    border-radius: 3px;
    margin-bottom: 2em;
    color: var(--second-color);
}

.products-subcategories .individual a h3 {
    padding: 5px 0;
    margin: 0;
    font-weight: bold;
    color: #005cb9;
    font-size: 18px;
}

.products-subcategories .individual a img {
    padding: 0em;
}

#home .container-fluid {
    padding: 0px;
}

.products-subcategories .individual a span {
    background: #F3F3F3;
    display: block;
    padding: 10px 10px;
    font-size: 14px;
    padding-right: 25px;
    font-weight: 500;
    color: var(--second-color);
    position: relative;
    line-height: initial;
}

.products-subcategories .individual a span .fa-chevron-right {
    right: 10px;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    color: var(--main-color);
}




.effect-one>a {
    position: relative;
}

.effect-one>a:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: 0;
    margin: -10px 0;
    background-color: white;
    visibility: hidden;
    transform: scaleX(0);
    transition: all 0.4s ease-in-out 0s;
}

.effect-one>a:hover:before {
    visibility: visible;
    transform: scaleX(1);
}



.conteudo-category ul.list-lateral-menu li.active.category-first span.sub-actived {
    background: #d4e0ec;
    font-weight: normal;
    color: var(--text-color)
}

.conteudo-category ul.list-lateral-menu li.active.category-first ul.series-ul {
    margin-left: 1em;
}

.conteudo-category ul.list-lateral-menu li.active.category-first ul.series-ul li {
    border-left: 5px solid #005cb921;
    background-color: #F3F3F3 !important;
}

.conteudo-category ul.list-lateral-menu li.active.category-first ul li.division-products {
    margin-left: 1em;
    background-color: #d9d9d9 !important;
}

.conteudo-category ul.list-lateral-menu li.active.category-first ul.series-ul.division li span {
    background: #F3F3F3;
    font-weight: normal;
    color: var(--text-color);
}

.conteudo-category ul.list-lateral-menu li.active.category-first ul.series-ul.division li span.active {
    background-color: #d4e0ec;
}

.slick-dotted.slick-slider a {
    color: var(--main-color);
}

#representantes h3 {
    text-align: center;
    text-transform: uppercase;
    color: var(--main-color);
    font-size: 16px;
    font-weight: 500;
    margin: 0;
    margin-bottom: 10px;
}

/* footer a:hover {
    color: #fff;
} */

.links-wpp a {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 1em;
}

.head-h3 {
    text-align: left;
    text-transform: uppercase;
    color: var(--main-color);
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 0px;
}

.form-label {
    margin-bottom: 0px;
}

#blogs {
    background: #F0EFF4;
}

#blogs .absolute-center-empresa {
    background: #fff;
    padding: 1em;
    font-size: 13px;
}

.conteudo-category ul.list-lateral-menu li.active-question {
    border-radius: 3px;
    display: block;
    background-color: #005CB9;
    color: #fff;
    font-weight: bold;
    padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
}

.width-full {
    width: -webkit-fill-available;
    font-weight: 600;
}

.search-button.hide-until-click {
    display: none;
    position: absolute;
    width: -webkit-fill-available;
    margin-right: 12px;
    z-index: -1;
}

.search-button .input-group-btn button {
    display: none;
}

#search-on-click {
    background-color: transparent;
    border: 0;
    height: 100%;
    display: block;
    width: 100%;
    padding: 1.6em 2em;
    position: relative;
}

.relative-pos {
    position: relative;
}

#form-inicial {
    background: url('../../images/bg-form2.png');
    background-attachment: fixed;
    background-size: cover;
}

#form-inicial form {
    background: #fff;
    padding: 2em;
    border-radius: 8px;
}

#blogs .individual a img {
    border-radius: 0;
    height: 200px;
    object-fit: cover;
}

.slick-slide img {
    filter: grayscale(1);
}



.sobre-individual .valores {
    background-color: var(--main-color);
    color: #fff;
    padding: 2em 0;
}

.sobre-individual .valores h2 {

    margin-bottom: 0px;
    font-weight: bold;
    font-size: 20px;
    padding: 1em 0;

}

.sobre-individual .video-sobre {
    background: #ddd;
    padding: 60px 0;
}

.sobre-individual .texto {
    margin-bottom: 30px;
}

.sobre-individual .texto img {
    object-fit: cover;
    height: -webkit-fill-available;
}

.sobre-individual h2.heading p {
    font-size: 16px;
    font-weight: normal;
    color: var(--text-color);
}

ol.breadcrumb {
    margin-bottom: 0px;
}

.video-container {
    position: relative;
    display: table;
    margin: 0 auto;
}

.play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}


.playpause {
    background-image: url(../../images/botao-de-play.png);
    background-repeat: no-repeat;
    width: 100px;
    height: 100px;
    position: absolute;
    left: 0%;
    right: 0%;
    top: 0%;
    bottom: 0%;
    margin: auto;
    background-size: contain;
    background-position: center;
}

.list-group-horizontal>.list-group-item:last-child:not(:first-child) {
    border-radius: 0;
}

.conteudo-category ul.list-lateral-menu li.subcategorias-list {
    margin-left: 1px;
}

/* .conteudo-category ul.list-lateral-menu li.subcategorias-list a{
    margin-bottom: 1px;
    margin-left: 0px;
    border-left: 0;
} */


.conteudo-category.bg-menu {
    padding-bottom: 0em;
    padding-top: 0px;
}

.conteudo-category.bg-menu .fixed-height {
    overflow: auto;
    height: auto;
    max-height: 160px;
    display: flex;
    flex-direction: column;
}

.absolute-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.banner-bg {
    position: relative;
}



header ul.list-group li.search {
    background-color: var(--main-color);
    color: #fff;
}


header .offcanvas-body ul.list-group li {
    width: 100%;
}

header ul.list-group li.search button {
    color: #fff;
}


header ul.list-group li.search button svg {
    fill: #fff;
    color: #fff;
    font-size: 18px;
}

.infos-pos {
    width: 100%;
    height: 5px;
    background: radial-gradient(circle, #00bfff 0%, #0072c6 100%);
}

.infos-pos ul.list-group li a {
    color: #fff;
    margin-left: 5em;

    font-size: 13px;
}

.infos-pos ul.list-group li a .svg-inline--fa {
    font-size: 16px;
}

.categories-banner-show {
    background-color: var(--main-color);
    color: #fff;
}

.categories-banner-show .list-group-item {
    padding: 0;
    background-color: transparent;
    border: 0;
}

.categories-banner-show .list-group-item a {
    padding: 0.5em 1.5em;
    display: block;
}

header .list-group .svg-inline--fa {
    font-size: 10px;
}

#myTab-home-Content {
    background: #EFF1F4;

    color: var(--second-color);
}

#myTab-home {
    justify-self: center;
}

.search-button.hide-until-click #search-input {
    background: #E6E6E6;
    border: 0px;
    border-radius: 0;
    font-size: 14px;
    padding: 1em;

    padding-left: 2em;
}

.full-menu {
    background: #EFF3F6;
    border-top-width: 5px;
    border-top-style: solid;
    border-image: linear-gradient(90deg, rgb(0 92 185) 0%, rgb(73 164 255) 25%, rgb(0 92 185) 50%, rgb(107 161 255) 75%, rgb(0 92 185) 100%) 1;
}

.full-menu .container {
    position: relative;
    padding-bottom: 0;
}

.offcanvas-header {
    padding: 2em 2em 0;
}

.has-sub .offcanvas-body .first-on-list {
    border-bottom: 1px solid #C5C5C5;
    display: block;
    padding-bottom: 1em;
    font-weight: 500;
    color: #001933;

}

.has-sub .offcanvas-body ul li a {
    display: flex;
    align-items: center;
}

header .has-sub .offcanvas-body ul li span {
    width: 90%;
    font-size: 14px;
    font-weight: 500;
}

.col-lg-35 {
    flex: 0 0 auto;
    width: 20%;
    padding-top: 3.9rem;
}

.col-lg-35.first {
    padding-top: 2em;
}

header .has-sub .offcanvas-body ul li .svg-inline--fa {
    width: 10%;
    font-size: 14px;
}

.container--lg {
    margin: 0 auto;
    max-width: 172rem;
    padding: 0 2rem;
    width: 100%;
    padding-bottom: 3em;
}

footer h2 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}

footer .signature p {
    color: #fff;
    margin-bottom: 0;
    font-size: 10px;
}

footer .signature a {
    color: #fff;
}

footer .signature {
    background: var(--alternative-color);
}

footer .signature .links {
    border-bottom: 1px solid #fff;
    display: block;
}

footer .signature .links li {
    background: transparent;
    border: 0;
}

.categories-individual h2 {
    color: var(--main-color);
    font-weight: 500;
    text-transform: uppercase;
    font-size: 24px;
    margin: 1em 0;
}


.categories-individual .description {
    /* background: #EDEDED; */
    padding: 3em;
    border-radius: 10px 10px 0 0;

}

.categories-individual .description h3 {
    font-size: 16px;
    font-weight: 500;
    margin: 0;
    color: var(--main-color);
    padding-bottom: 1em;
}

.categories-individual .nav.nav-tabs {
    border: 0;
}

.categories-individual .nav-tabs .nav-link {
    border-top: 0;
    border-left: 0;
    border-right: 0;
    padding: .5em 3em;
    color: var(--main-color);
    font-weight: 500;
}


.categories-individual .nav-tabs {
    margin-left: 30px;

}

.categories-individual .nav-tabs .nav-link.active {
    border-bottom: 2px solid #005cb9;
    color: #005cb9;
}

.categories-individual .individual a {
    display: block;
    border: 1px solid #E3E3E3;
    border-radius: 8px;
    padding: 2em;
    margin-bottom: 1.5em;
}

.categories-individual .individual a small {
    font-size: 12px;
    font-weight: bold;
    color: var(--alternative-color);
    display: block;
}

.categories-individual .individual a span {
    font-size: 15px;
    font-weight: 500;
    color: var(--second-color);
    display: block;
}

.form-produto {
    background-color: #F1F1F1;
    padding: 3em 0;
}

#myTab-home {
    border: 0;
}

.categories-banner-show .nav-tabs .nav-link {
    border: 0;
    color: #fff;
}

.categories-banner-show .nav-tabs .nav-link.active {
    position: relative;
    background-color: #003366;
    border: 0;
}

.categories-banner-show .nav-tabs .nav-item {
    display: flex;
    flex-flow: row;
    align-items: center;
}

.categories-banner-show .nav-tabs .nav-item:last-child span {
    display: none;
}

.categories-banner-show .nav-tabs .nav-link.active::after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 5%;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #003366;
}


tbody,
td,
tfoot,
th,
thead,
tr {
    border: solid 1px #afbdcd;
    text-align: center;
}

#search-on-click::after {

    content: "";
    position: absolute;
    bottom: 0;
    left: 35%;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #003366;
}

#search-on-click.active::after {
    border-bottom: 10px solid #e6e6e6;
}

.carousel-fade .carousel-item img {
    width: 100%;
}



.banner-bg {
    position: relative;
    width: 100%;

}

.banner-bg .video-banner {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    transform: translate(-50%, -50%);
    object-fit: cover;
    z-index: -2;
}

.banner-bg .overlay-degrade {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: linear-gradient(to right, #00264d, #00aaff);
    /* ajuste conforme tons do PNG */
    opacity: 0.6;
    /* ajuste a intensidade do filtro */
    border-radius: 0px;
    /* você pode adicionar bordas arredondadas se quiser */
    pointer-events: none;
    /* permite clicar nos elementos abaixo */
}

.banner-bg .conteudo-banner {
    position: relative;
    z-index: 1;
    text-align: center;
    color: white;
    padding: 2rem;
    height: 800px;
}



#suporte h3 span {
    color: var(--main-color);
    display: block;
    font-size: 2rem;
    font-weight: 800;
}

#suporte h3 {
    color: var(--alternative-color);
    font-size: 4rem;
    padding: 0;
    margin: 0;
    font-weight: 800;
    text-align: center;
}

#suporte .buttons-suporte .individual {
    align-items: center;
    border: .2rem solid #d8e2ee;
    border-radius: .5rem;
    display: flex;
    display: block;
    flex-direction: column;
    justify-content: center;
    outline: .1rem solid transparent;
    padding: 2rem;
    margin-bottom: 2em;
    text-align: center;
    transition: border .3s, outline .3s;
}

#suporte .buttons-suporte .individual:hover {
    border-color: var(--alternative-color);
    outline-color: var(--alternative-color);
}

#suporte .buttons-suporte .individual h4 {
    color: var(--main-color);
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 3rem;
    margin-top: 1.3rem;
    margin-bottom: 0;
    text-transform: uppercase;
}

#suporte .buttons-suporte .individual h4 span {
    color: var(--alternative-color);
    display: block;
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 0.8rem;
    text-transform: none;
}

#suporte .buttons-suporte .individual p {
    font-size: 1rem;
    margin-top: 0rem;
    color: #585858;
    margin-bottom: 0;
}

#suporte .left-direction img {
    margin: 3rem auto;
    display: block;
}


#newsletter {
    background-color: #f0f5fa;
    margin-top: 4rem;
    padding: 1rem 0 2rem;
    position: relative;
}

#newsletter h2 {
    color: #fff;
    font-size: 7rem;
    font-weight: 900;
    font-style: italic;
    letter-spacing: -.02em;
    line-height: 1;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 4rem;
}

#newsletter .img-suporte img {
    align-items: center;
    display: flex;
    justify-content: center;
    background-position: 50%;
    background-size: cover;
    height: 10rem;
    left: 50%;
    position: absolute;
    top: 0;
    transform: translate(-50%, -50%);
    width: 10rem;
    z-index: 1;
}

#newsletter h5 {
    font-size: 1.7rem;
    line-height: 2rem;
    font-weight: 700;
    color: var(--main-color);
}

#newsletter p {
    font-size: 16px;
    margin-bottom: 0;
}

#newsletter .form-news span {
    text-align: right;
    line-height: normal;
    margin-top: 20px;
}

#newsletter .form-news input[type=text],
#newsletter .form-news input[type=email] {
    border-bottom: .1rem solid #e3e3e3;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    background: transparent;
}

#newsletter .form-news label {
    column-gap: 1.1rem;
    display: grid;
    grid-template-columns: 10.7rem 1fr;
    color: #343434;
    font-weight: 600;
    line-height: 1.2rem;
}

#newsletter .form-label label {
    display: inline-block;
    width: 48%;
    font-weight: normal;
    font-size: 14px;
    margin-bottom: 15px;
}

#newsletter .form-label .checkbox {
    width: 100%;
    display: block;
    margin-top: 20px;
}

#newsletter input[type=checkbox] {
    appearance: none;
    background-color: transparent;
    border: 1px solid #343434;
    border-radius: 4px;
    cursor: pointer;
    height: 16px;
    width: 16px;
    margin-right: 5px;
}

#newsletter input[type=checkbox]:checked {
    background-color: #343434;
}

#newsletter button {
    background: var(--alternative-color);
    font-weight: 600;
    grid-column: 2 / -1;
    padding: 0.95rem 2.5rem;
    text-align: center;
    width: min-content;
}

#newsletter button:hover {
    background-color: var(--main-color);
}

footer .social-icons-footer {
    background: var(--alternative-color);
    padding: 2rem 0;
}

footer .social-icons-footer .social-list-icons {
    align-items: center;
    display: flex;
    justify-content: center;
}

footer .social-icons-footer .social-list-icons span {
    color: #fff;
    font-size: 15px;
    letter-spacing: .4em;
    text-transform: uppercase;
}

footer .social-icons-footer .social-list-icons a {
    color: #fff;
}

footer .social-icons-footer .social-list-icons ul {
    align-items: center;
    column-gap: 4rem;
    display: flex;
    display: grid;
    grid-auto-flow: column;
    justify-content: center;
    margin-left: 4rem;
}

footer .social-icons-footer .social-list-icons ul li a {
    bottom: 0;
    position: relative;
    transition: bottom .3s;
}

#counters {
    background: linear-gradient(to right, #003366, #00aaff);
    padding: 4em 0;
    color: #fff;
    text-align: center;
}

#counters span {
    display: block;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 1em;
}

#counters b {
    font-size: 48px;
    font-weight: bold;
}

#counters p {
    font-size: 16px;
    text-transform: uppercase;
    margin-top: 1em;
}

#categorias-principais .categorias-individual {
    position: relative;
    display: block;
    height: 100%;
    overflow: hidden;
    border-radius: 10px;
}

#categorias-principais .categorias-individual:hover img {
    transform: scale(1.1);
}

#categorias-principais .categorias-individual .interno {
    top: 0;
    left: 0;
    width: 100%;
    height: 300px;
    z-index: -1;
    background: linear-gradient(to bottom, #024c97, #024c97);
    border-radius: 10px;
}

#categorias-principais .categorias-individual .interno img {
    opacity: 0.4;
    height: 100%;
    width: 100%;

    transition: transform 0.3s ease;
    object-fit: cover;
}

#categorias-principais .categorias-individual .interno h3 {
    color: #fff;
    text-transform: uppercase;
    font-weight: bolder;
    font-size: 20px;
    position: absolute;
    bottom: 0;
    left: 10px;
    right: 10px;
}


#contato form {
    background: rgba(255, 255, 255, 1);
    width: 100%;
    max-width: 850px;
    padding: 50px;
    margin: 0 auto;
    position: relative;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.15);
}

#contato small.red-ast {
    color: var(--alternative-color);
}


.timeline {
    position: relative;
    margin: 0 auto;
    padding: 20px 0;
    max-width: 900px;
}

.timeline::after {
    content: '';
    position: absolute;
    width: 4px;
    background-color: #dcdcdc;
    top: 0;
    bottom: 0;
    left: 50%;
    margin-left: -2px;
}

.timeline-item {
    padding: 20px 30px;
    position: relative;
    width: 50%;
}

.timeline-item.left {
    left: 0;
}

.timeline-item.right {
    left: 50%;
}

.timeline-item::before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    right: -10px;
    background-color: var(--alternative-color);
    border: 4px solid #fff;
    top: 30px;
    border-radius: 50%;
    z-index: 1;
}

.timeline-item.right::before {
    left: -10px;
}

.timeline-content {
    background: #fff;
    padding: 0px;
    overflow: hidden;
    border-radius: 10px;
    position: relative;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);
}

.timeline-content h4 {
    font-weight: bold;
    color: var(--alternative-color);
    padding: 0.5em;
    margin-bottom: 0;
}

.timeline-content p {
    margin: 0;
    padding: 1em;
    margin-bottom: 0;
    padding-top: 0;
}

@media screen and (max-width: 768px) {
    .timeline::after {
        left: 20px;
    }

    .timeline-item {
        width: 100%;
        padding-left: 60px;
        padding-right: 25px;
    }

    .timeline-item.right {
        left: 0%;
    }

    .timeline-item::before {
        left: 15px;
    }
}

.content-text .valores h3 {
    color: var(--main-color);
    font-weight: bold;
    margin: 0;
    font-size: 21px;
    margin-bottom: 10px;
}

.content-text .valores p {
    color: var(--main-color);
    margin-bottom: 1.5em;
}

#btnConcordarAceitar {
    display: block;
}

.servicos_individual ul li {
    list-style: disc;
    margin-left: 1em;
    margin-bottom: 1em;
}

.servicos_individual ul {
    padding: 1em;
}


#feiras .lista-feiras .feira-individual a {
    position: relative;
    display: block;
}

#feiras .lista-feiras .feira-individual a .feira-disponivel {
    position: absolute;
    right: 10px;
    top: 10px;
    background: #297800;
    color: #fff;
    padding: 0.5em 1em;
    border-radius: 5px;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 400;
    letter-spacing: 1px;
}

#feiras .lista-feiras .feira-individual a .feira-disponivel.indisponivel {
    background: #727272;
}

#feiras .lista-feiras .feira-individual a h4 {
    background: #005cb9;
    text-align: center;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    padding: 1em;
}

#noticias {}

#noticias .noticias .superior-noticia .blog-spa {
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    color: #fff;
    border-radius: 5px;
    padding: 2px 10px;
    background-color: var(--alternative-color);
}


#noticias .noticias .superior-noticia .date {
    font-size: 12px;
    font-weight: 600;
    color: #000;
    cursor: pointer;
    background: rgb(233, 233, 233);
    border-radius: 5px;
    margin-left: 10px;
    padding: 2px 10px;
}

#noticias .noticias .superior-noticia {
    margin-top: 1em;
}

#noticias .noticias a b {
    color: #222222;
    display: block;
    line-height: normal;
    margin-bottom: 10px;
    margin-top: 10px;
}

#noticias .noticias a {
    cursor: pointer;
    overflow: hidden;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(227, 226, 226);
    border-image: initial;
    display: block;
    border-radius: 10px;
    margin-bottom: 2em;
}

#noticias .noticias a img {
    height: 200px;
    object-fit: cover;
}

#noticias .noticias a .bottom-noticia {
    padding: 1em 1.5em;
}

#noticias .noticias a span.continue-lendo {
    border: 1px solid #ccc;
    padding: .5em 1em;
    display: inline-block;
    border-radius: 5px;
    font-size: 12px;
    color: #404040;
}


#noticias .noticias a:hover span.continue-lendo {
    background-color: #404040;
    color: #fff;
}

.paginacao {
    text-align: center;
}
.paginacao-itens{
        text-align: center;
    margin: 0 auto;
    display: table;
}