/* ==========================================================================
    DEFINIÇÃO DE CONSTANTES
========================================================================== */
:root {
    --input-form-border: #d4d4d4;
    --cor-titulos-section: #CDC2B6;

    --cor-helio-labels: #E7620C;
    --cor-helio-transfers: #FDD900;
    --cor-helio-elastics: #C91E1E;
    --cor-helio-ribbons: #EB6279;
    --cor-helio-packaging: #691811;
    --cor-helio-promo: #0EA2D6;
    --cor-helio-cashcarry: #0097A0;
    --cor-helio-protech: #00A887;
    --cor-lanyardsmania: #acc12e;
    --cor-bracelock: #8ed3ef;
    --cor-gumring: #2e2b60;
    --cor-sneakersmania: #000000;
    --cor-coversealings: #000000;
    --cor-identity-fc: #000000;
    --cor-sustainablemaks: #385E40; /* #B8CFBD; */
    --cor-elasticolour: #000000;
    --cor-bracein: #006398;
    --cor-smartviewer: #1f294c;
    --cor-eprint: #312783;
    --cor-brandprotech: #b7ac5f;
    --cor-rfidin: #4e4e4d;
    --cor-store: #4e4d4d;
    --cor-capacidade-industrial: #707070;
    --cor-engenharia: #009fe3;
}



/* ==========================================================================
    SECTION
========================================================================== */
a:link, a:visited {
    color: var(--cor-3);
    text-decoration: none;
}

a:hover,
a:active {
    color: var(--cor-1);
    text-decoration: none;
}

div.separador {
    /* devido ao aumento do NAVBAR pela inclusão do logotipo da empresa */
    height: 110px;
}


header.header-solucoes-section {
    height: 270px;

    /*background-image: url(); imagem é carregada através de CSS inline, para ser dinâmico */
    background-position: center center;
    background-repeat: none;
    background-size: cover;

    margin-bottom: 60px;
}

section.section-detalhe {
    padding-bottom: 120px;
}

section.section-detalhe h2 {
    margin-bottom: 45px;
}

section.section-detalhe p {
    margin-bottom: 30px;
}

section.section-detalhe .link-ver-mais {
    margin-top: 70px;
}

div.btn-box {
    display: inline;
}

div.btn-box a.btn-segundo {
    margin-left: 30px;
}

div.link-ver-mais a.saber-mais,
#empresa-solucoes .oferta-produtos a.loja-online {
    text-decoration: none;

    font-family: 'Roboto-Medium', sans-serif;
    font-size: 18px;
    padding: 16px 22px;
    border: 1px solid var(--cor-botao-branco-border);
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    box-shadow: 0 3px 6px var(--cor-botao-branco-sombra);
    background-color: #FFF;
    color: var(--cor-botao-branco-textos);
}

div.link-ver-mais a.saber-mais:hover,
#empresa-solucoes .oferta-produtos a.loja-online:hover {
    color: var(--cor-3);
    background-color: #FFF;
    border: 1px solid var(--cor-botao-branco-border);
}


div.link-ver-mais a.ver-video {
    text-decoration: none;

    font-family: 'Roboto-Medium', sans-serif;
    font-size: 18px;
    padding: 16px 22px;
    border: 1px solid var(--cor-botao-video-border);
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    box-shadow: 0 3px 6px var(--cor-botao-video-sombra);
    background-color: var(--cor-botao-video-fundo);
    color: var(--cor-botao-video-textos);
}

div.link-ver-mais a.ver-video:hover {
    color: #FFF;
    background-color: var(--cor-botao-video-fundo-hover);
    border: 1px solid var(--cor-botao-video-border);
}

div.link-ver-mais a.saber-mais .fa, 
div.link-ver-mais a.ver-video .fa,
div.link-ver-mais a.btn-informacoes-servicos .fa {
    margin-left: 26px;
}

a.btn-informacoes-servicos {
    font-family: 'Roboto-Medium',
    sans-serif;
    font-size: 18px;
    padding: 16px 22px;
    border: 1px solid var(--cor-botao-branco-border);
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    box-shadow: 0 3px 6px var(--cor-botao-branco-sombra);
    background-color: #FFF;
    color: var(--cor-botao-branco-textos);
}

a.btn-informacoes-servicos:hover {
    color: var(--cor-3);
    background-color: #FFF;
    border: 1px solid var(--cor-botao-branco-border);
}

button:focus {
    outline: none !important;
}

button:not(:disabled):not(.disabled) {
    cursor: pointer;
}




/* SECTION HELIOPROTECH */
div.link-ver-mais a.saber-mais.helio-protech {
    color: var(--cor-helio-protech);
}

div.link-ver-mais a.saber-mais.helio-protech:hover {
    color: var(--cor-titulos);
}

/* SECTION HELIOLABELS */
div.link-ver-mais a.saber-mais.helio-labels {
    color: var(--cor-helio-labels);
}

div.link-ver-mais a.saber-mais.helio-labels:hover {
    color: var(--cor-titulos);
}

/* SECTION HELIOTRANSFERS*/
div.link-ver-mais a.saber-mais.helio-transfers {
    color: var(--cor-helio-transfers);
}

div.link-ver-mais a.saber-mais.helio-transfers:hover {
    color: var(--cor-titulos);
}

div.link-ver-mais a.ver-video.identity-fc-ht {
    background-color: var(--cor-helio-transfers);
    color: var(#FFF);
}

div.link-ver-mais a.ver-video.identity-fc-ht:hover {
    color: #FFF;
    background-color: var(--cor-identity-fc);
    border: 1px solid var(--cor-botao-video-border);
    opacity: 0.7;
}

/* SECTION HELIOELASTICS */
div.link-ver-mais a.saber-mais.helio-elastics {
    color: var(--cor-helio-elastics);
}

div.link-ver-mais a.saber-mais.helio-elastics:hover {
    color: var(--cor-titulos);
}

/* SECTION HELIORIBBONS */
div.link-ver-mais a.saber-mais.helio-ribbons {
    color: var(--cor-helio-ribbons);
}

div.link-ver-mais a.saber-mais.helio-ribbons:hover {
    color: var(--cor-titulos);
}

/* SECTION HELIOPACKAGING */
div.link-ver-mais a.saber-mais.helio-packaging {
    color: var(--cor-helio-packaging);
}

div.link-ver-mais a.saber-mais.helio-packaging:hover {
    color: var(--cor-titulos);
}

/* SECTION HELIOPROMO */
div.link-ver-mais a.saber-mais.helio-promo {
    color: var(--cor-helio-promo);
}

div.link-ver-mais a.saber-mais.helio-promo:hover {
    color: var(--cor-titulos);
}

div.link-ver-mais a.ver-video.helio-promo {
    background-color: var(--cor-helio-promo);
    color: var(#FFF);
}

div.link-ver-mais a.ver-video.helio-promo:hover {
    color: #FFF;
    background-color: var(--cor-helio-promo);
    border: 1px solid var(--cor-botao-video-border);
    opacity: 0.7;
}


/* SECTION HELIOCASH */
div.link-ver-mais a.saber-mais.helio-cashcarry {
    color: var(--cor-helio-cashcarry);
}

div.link-ver-mais a.saber-mais.helio-cashcarry:hover {
    color: var(--cor-titulos);
}


.left-box-body h6 {
    font-size: 14px;
    font-weight: bold;
}

.left-box-body ul {
    list-style: none;
    padding-left: 0px;
}

.left-box-body ul li {
    font-size:12px;
    line-height: 20px;
    color: var(--cor-subtitulos);
}

img.img-marca-industrial {
    height: 40px;
    height: 45px; /* indicação dr. Miguel*/
    width: auto;
}

img.img-marca-industrial+img.img-marca-industrial {
    margin-top: 10px;
    margin-bottom: 50px;
}

img.img-marca {
    margin-bottom: 30px;
}

img.img-marca.lanyardsmania {
    max-width: 170px;
}

img.img-marca.bracelock {
    height: 25px;
    width: auto;

    margin-bottom: 0px;
}

img.img-marca.gumring,
img.img-marca.smartviewer {
    height: 60px;
    width: auto;

    margin-bottom: 30px;
}

img.img-marca.sneakersmania {
    max-width: 210px;
    margin-bottom: 0px;
}


img.img-marca.coversealings {
    height: 40px;
    width: auto;

    margin-bottom: 30px;
}

img.img-marca.sustainablemaks {
    height: 85px;
    width: auto;

    margin-bottom: 30px;
}

/* usado para responsividade da imagem vertical */
img.img-marca.identity-fc {
	/* display: none; */ /* usado para responsividade da imagem vertical */
    height: 45px;
    width: auto;

    margin-bottom: 0px;

    height: 50px;
}

img.img-marca.identity-fc-v3 {
    height: 45px;
    width: auto;

    margin-bottom: 0px;
    margin-bottom: 0px;
}

img.img-marca.identity-fc-vertical {
	display: block;
    position: relative;
    top: -85px;
    width: 80%;
    height: auto;
    left: 50%;
    transform: translateX(-50%);

}

img.img-marca.elasticolour {
    height: 20px;
    width: auto;

    margin-bottom: 0px;
}

img.img-marca.bracein,
img.img-marca.eprint {
    height: 50px;
    width: auto;

    margin-bottom: 0px;
}

img.img-marca.brandprotech,
img.img-marca.engineering {
    height: 60px;
    width: auto;

    margin-bottom: 0px;
}

img.img-marca.rfidin {
    height: 70px;
    width: auto;
    margin-bottom: 0px;
}

img.img-marca.store {
    height: 70px;
    width: auto;
    margin-bottom: 0px;
}


i.industrial-capacity-icon {
    font-size: 70px;
}






/* SECTION LANYARDS */
div.link-ver-mais a.saber-mais.lanyardsmania,
div.link-ver-mais a.btn-industrial-lanyards {
    color: var(--cor-lanyardsmania);
}


div.link-ver-mais a.saber-mais.lanyardsmania:hover, 
div.link-ver-mais a.btn-industrial-lanyards:hover {
    color: var(--cor-titulos);

    cursor: pointer;
}

/* SECTION BRACELOCK */
div.link-ver-mais a.saber-mais.bracelock {
    color: var(--cor-bracelock);
}

div.link-ver-mais a.saber-mais.bracelock:hover {
    color: var(--cor-titulos);
}

/* SECTION GUMRING */
div.link-ver-mais a.btn-gumring {
    color: var(--cor-gumring);
}

div.link-ver-mais a.btn-gumring:hover {
    color: var(--cor-titulos);

    cursor: pointer;
}

/* SECTION SNEAKERSMANIA */
div.link-ver-mais a.saber-mais.sneakersmania {
    color: var(--cor-sneakersmania);
}

div.link-ver-mais a.saber-mais.sneakersmania:hover {
    color: var(--cor-titulos);
}

div.link-ver-mais a.ver-video.sneakersmania {
    background-color: var(--cor-sneakersmania);
    color: var(#FFF);
}

div.link-ver-mais a.ver-video.sneakersmania:hover {
    color: #FFF;
    background-color: var(--cor-sneakersmania);
    border: 1px solid var(--cor-botao-video-border);
    opacity: 0.7;
}

/* SECTION COVERSEALINGS */
div.link-ver-mais a.btn-cover-sealings {
    color: var(--cor-coversealings);
}

div.link-ver-mais a.btn-cover-sealings:hover {
    color: var(--cor-titulos);

    cursor: pointer;
}

/* SECTION IDENTITYFC */
div.link-ver-mais a.saber-mais.identity-fc {
    color: var(--cor-identity-fc);
}

div.link-ver-mais a.saber-mais.identity-fc:hover {
    color: var(--cor-titulos);
}

div.link-ver-mais a.ver-video.identity-fc {
    background-color: var(--cor-identity-fc);
    color: var(#FFF);
}

div.link-ver-mais a.ver-video.identity-fc:hover {
    color: #FFF;
    background-color: var(--cor-identity-fc);
    border: 1px solid var(--cor-botao-video-border);
    opacity: 0.7;
}

/* SECTION SUSTAINABLEMASKS */
div.link-ver-mais a.saber-mais.sustainablemaks {
    color: var(--cor-sustainablemaks);
}

div.link-ver-mais a.saber-mais.sustainablemaks:hover {
    color: var(--cor-titulos);
}

div.link-ver-mais a.ver-video.sustainablemaks {
    background-color: var(--cor-sustainablemaks);
    color: #fff;
}

div.link-ver-mais a.ver-video.sustainablemaks:hover {
    color: #FFF;
    background-color: var(--cor-sustainablemaks);
    border: 1px solid var(--cor-botao-video-border);
    opacity: 0.7;
}


/* SECTION ELASTICOLOUR */
div.link-ver-mais a.saber-mais.elasticolour {
    color: var(--cor-elasticolour);
}

div.link-ver-mais a.saber-mais.elasticolour:hover {
    color: var(--cor-titulos);
}

/* SECTION BRACEIN */
div.link-ver-mais a.saber-mais.bracein {
    color: var(--cor-bracein);
}

div.link-ver-mais a.saber-mais.bracein:hover {
    color: var(--cor-titulos);
}

div.link-ver-mais a.ver-video.bracein {
    background-color: var(--cor-bracein);
    color: var(#FFF);
}

div.link-ver-mais a.ver-video.bracein:hover {
    color: #FFF;
    background-color: var(--cor-bracein);
    border: 1px solid var(--cor-botao-video-border);
    opacity: 0.7;
}

/* SECTION SMART VIEWER */
div.link-ver-mais a.saber-mais.smartviewer {
    color: var(--cor-smartviewer);
}

div.link-ver-mais a.saber-mais.smartviewer:hover {
    color: var(--cor-titulos);
}

div.link-ver-mais a.ver-video.smartviewer {
    background-color: var(--cor-smartviewer);
    color: var(#FFF);
}

div.link-ver-mais a.ver-video.smartviewer:hover {
    color: #FFF;
    background-color: var(--cor-smartviewer);
    border: 1px solid var(--cor-botao-video-border);
    opacity: 0.7;
}

/* SECTION EPRINT */
div.link-ver-mais a.saber-mais.eprint {
    color: var(--cor-eprint);
}

div.link-ver-mais a.saber-mais.eprint:hover {
    color: var(--cor-titulos);
}

/* SECTION BRANDPROTECH */
div.link-ver-mais a.saber-mais.brandprotech {
    color: var(--cor-brandprotech);
}

div.link-ver-mais a.saber-mais.brandprotech:hover {
    color: var(--cor-titulos);
}

/* SECTION RFIDIN */
div.link-ver-mais a.saber-mais.rfidin {
    color: var(--cor-rfidin);
}

div.link-ver-mais a.saber-mais.rfidin:hover {
    color: var(--cor-3);
}

/* SECTION ONLINE STORE */
div.link-ver-mais a.saber-mais.store {
    color: var(--cor-store);
}

div.link-ver-mais a.saber-mais.store:hover {
    color: var(--cor-3);
}

/* SECTION SERVIÇOS E ENGENHARIA */
div.link-ver-mais a.btn-servicos-capacidade-industrial {
    color: var(--cor-capacidade-industrial);
}

div.link-ver-mais a.btn-servicos-capacidade-industrial:hover {
    color: var(--cor-titulos);

    cursor: pointer;
}

div.link-ver-mais a.btn-servicos-engenharia {
    color: var(--cor-engenharia);
}

div.link-ver-mais a.btn-servicos-engenharia:hover {
    color: var(--cor-titulos);

    cursor: pointer;
}





















#empresa-solucoes .bg-darkgrey {
    background-color: var(--cor-fundo-cinza);
}

#empresa-solucoes .bg-darkgrey.oferta-produtos h2 {
    color: #FFF;

    margin-top: 60px;
    margin-bottom: 60px;
}

#empresa-solucoes .oferta-produtos a.loja-online {
    margin-top: 55px;
    margin-bottom: 45px;

    display: inline-block;
}

#empresa-solucoes .oferta-produtos a.loja-online .fa {
    margin-left: 26px;
}

footer.shadow-top {
    margin-top: 0px !important;
}







/*---------------------------------------------
    MODAL - FORMULÁRIO
---------------------------------------------*/
.btn-informacoes-cancelar {
    font-family: 'Roboto-Medium', sans-serif;
    font-size: 17px;
    padding: 12px 22px;
    border: 1px solid var(--cor-botao-video-border);
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    box-shadow: 0 3px 6px var(--cor-botao-video-sombra);
    background-color: var(--cor-botao-video-fundo);
    color: var(--cor-botao-video-textos);
}

.btn-informacoes-cancelar:hover {
    color: #FFF;
    background-color: var(--cor-botao-video-fundo-hover);
    border: 1px solid var(--cor-botao-video-border);
}

.btn-envio-pedido {
    text-decoration: none;

    font-family: 'Roboto-Medium', sans-serif;
    font-size: 17px;
    padding: 12px 22px;
    border: 1px solid var(--cor-botao-branco-border);
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    box-shadow: 0 3px 6px var(--cor-botao-branco-sombra);
    background-color: #FFF;
    color: var(--cor-botao-branco-textos);
}

.btn-envio-pedido:hover {
    color: var(--cor-3);
    background-color: #FFF;
    border: 1px solid var(--cor-botao-branco-border);

    cursor: pointer;
}

.modal-header {
    padding: 30px;
    margin-bottom: -20px;
    border-bottom: none;
}


h5.modal-title {
    font-family: 'Roboto-Bold', sans-serif;
    /* margin-left: 10px; */

    color: var(--cor-titulos);
    font-size: 23px;
}


::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: var(--cor-subtitulos) !important;
    opacity: 1;
    /* Firefox */
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: var(--cor-subtitulos);
}

::-ms-input-placeholder {
    /* Microsoft Edge */
    color: var(--cor-subtitulos) !important;
}


#form-mais-informacoes .form-fields .form-control {
    border: 1px solid #d4d4d4;
    border-radius: 2px;
    margin-bottom: 10px;

    font-family: 'Roboto-Regular', sans-serif;
}

#form-mais-informacoes .form-control:focus {
    border-color: var(--cor-3);
    box-shadow: none;
}

#form-mais-informacoes .termos {
    margin-top: 10px;
}

#form-mais-informacoes label.error {
    font-family: 'Roboto-Medium', sans-serif;
    font-size: 12px;
    color: var(--cor-4);
    font-style: italic;
    margin-top: -5px !important;
    margin-bottom: 10px;
}

#form-mais-informacoes p {
    font-size: 12px;
    margin-top: 20px;

    color: var(--cor-subtitulos);
}

#form-mais-informacoes label.info-termos {
    font-size: 16px;

    line-height: 20px;
    color: var(--cor-textos);
}

#form-mais-informacoes .captcha-box {
    margin-top: 20px;
}

#form-mais-informacoes .modal-footer {
    border-top: none;
    margin-top: -25px;

    padding-bottom: 20px;
    padding-right: 20px;
}

#form-mais-informacoes .form-fields textarea {
    width: 100%;
    height: 86px;
    border: 1px solid #d4d4d4;
    padding: .375rem .75rem;
    margin-bottom: 3px;
}

#form-mais-informacoes #RecaptchaFieldPe {
    margin-left: 15px;
}

#form-mais-informacoes label.hiddenRecaptcha {
    margin-left: 15px;
}


/*---------------------------------------------
    SWAL
---------------------------------------------*/
.swal2-popup .swal2-title {
    font-family: 'Roboto-Bold', sans-serif !important;
}

.swal2-popup .swal2-content {
    font-family: 'Roboto-Medium', sans-serif !important;
}

.swal2-popup .swal2-styled:focus {
    box-shadow: none !important;
}

.swal2-popup .swal2-actions {
    margin-bottom: 20px !important;
}

.swal2-popup .swal2-styled.swal2-confirm {
    font-family: 'Roboto-Medium', sans-serif !important;
    font-size: 18px !important;
    padding: 16px 30px !important;
    border: 1px solid var(--cor-botao-branco-border) !important;
    border-radius: 30px !important;
    -webkit-border-radius: 30px !important;
    -moz-border-radius: 30px !important;
    -ms-border-radius: 30px !important;
    -o-border-radius: 30px !important;
    box-shadow: 0 3px 6px var(--cor-botao-branco-sombra) !important;
    background-color: #FFF !important;
    color: var(--cor-botao-branco-textos) !important;

    text-transform: capitalize !important;
}

.swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled:hover {
    background-image: none !important;
    color: var(--cor-3) !important;
    background-color: #FFF !important;
    border: 1px solid var(--cor-botao-branco-border) !important;
    
}























/*


#solucoes {
    font-family: 'NunitoSans-Light', sans-serif;
}

#solucoes h1 {
    font-family: 'NunitoSans-ExtraBold', sans-serif;
    font-size: 34px;
    font-style: normal;

    margin-top: 45px;
    margin-bottom: 25px;
}

#solucoes h2 {
    text-align: left;
    color: var(--cor-3);
    margin-bottom: 40px;
    margin-top: 0px;
    font-size: 28px;
}

#solucoes h3 {
    font-family: 'NunitoSans-Bold', sans-serif;
    font-size: 26px;

    margin-top: 45px;
    margin-bottom: 25px;
}

#solucoes .marca h3 {
    text-transform: uppercase;
    font-size: 30px;
}

#solucoes p {
    font-size: 16px;
    line-height: 28px;

    margin-bottom: 10px;
}

#solucoes {
    margin-bottom: 30px;
}

#solucoes ul {
    margin-left: -10px;
    font-size: 16px;
    list-style: circle;

    font-family: 'NunitoSans-Light', sans-serif;
}

#solucoes i.icone-fa {
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
    font-size: 70px;
}

#solucoes img.icone-online {
    height: 74px;
    display: block;
    margin: auto;
    margin-bottom: 10px
}
*/


img.img-produtos {
    width: 100%;
    height: auto;
}




img.img-marca-elastics,
img.img-marca-ribbons {
    display: inline-block;
}

#solucoes .marca {
    /* display: table; */
    /*padding: 5% 0;*/ /* centrar verticalmente a imagem */

    /* centrar imagem verticalmente */
    display: flex;
    justify-content: center;
    align-items: center;
}

/* #solucoes div.link-ver-mais {
    width: 100%;
    text-align: center;
    margin-top: 35px;
    margin-bottom: 35px;
} */

/*
div.link-ver-mais a {
    border: 1px solid var(--cor-3);
    padding: 12px 30px;
    border-radius: 4px;
    font-size: 17px;
    text-transform: uppercase;
}

div.link-ver-mais a:hover {
    border: 1px solid var(--cor-3);
    background-color: var(--cor-3);
    color: #FFF;
}*/


/*
.btn-informacoes-servicos {
    font-family: 'NunitoSans-Regular', sans-serif;
    font-size: 17px;
    padding: 12px 30px;
    border: 1px solid var(--cor-3);
    
    background-color: transparent;
    color: var(--cor-3);
    border-radius: 4px;
    text-transform: uppercase;
}

.btn-informacoes-servicos:hover {
    color: #FFF;
    
    background-color: var(--cor-3);
    border-color: var(--cor-3);
}

.btn-informacoes-cancelar {
    font-size: 16px;
    padding: 7px 20px;
    border: 1px solid var(--cor-textos);
    color: #FFF;
    background-color: var(--cor-textos);
    border-radius: 1px;
    text-transform: uppercase;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    -ms-border-radius: 1px;
    -o-border-radius: 1px;
}

.btn-informacoes-cancelar:hover {
    color: var(--cor-textos);
    background-color: transparent;
    border-color: var(--cor-textos);
}*/

/* .btn-envio-pedido {
    font-family: 'NunitoSans-Regular', sans-serif;
    font-size: 16px;
    padding: 7px 20px;
    border: 1px solid var(--cor-3);
    color: #FFF;
    background-color: var(--cor-3);
    border-radius: 1px;

    text-transform: uppercase;
}

.btn-envio-pedido:hover {
    color: var(--cor-3);
    background-color: transparent;
    border-color: var(--cor-3);
} */


/*
#solucoes .bg-white {
    background-color: #FFF;
    padding-top: 50px;
    padding-bottom: 50px;
}

#solucoes .bg-ghostwhite {
    background-color: #f8f8f8;
    padding-top: 50px;
    padding-bottom: 50px;
}

#solucoes .bg-green {
    background-color: rgba(29, 155, 136, 1);
    padding-top: 50px;
    padding-bottom: 50px;
}

.bg-green,
.bg-green h3,
.bg-green h4 {
    color: #FFF;
}

.bg-green .tools-icone {
    background-color: transparent;
    border: 2px solid #FFF;
}


.bg-green h2 {
    color: #FFF !important;
}

.bg-brands {
    background-image: url('../../../imagens/solucoes/black-and-white-hardwood-material-1024684.jpg');
    background-position: center center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;

    padding-top: 50px;
    padding-bottom: 50px;
}*/

#solucoes .brands-list .box-item {
    padding: 50px 40px;
    border-radius: 3px;

    height: 250px;

    /* centrar logos */
    display: flex;
    justify-content: center;
    align-items: center;
}

.brands-list span.label {
    position: absolute;
    bottom: 10px;
    color: #FFF;

    font-family: 'NunitoSans-ExtraLightItalic', sans-serif;
}

#solucoes .smart-tecnologies .box-item {
    padding: 50px 40px;
    border-radius: 3px;

    height: 250px;

    /* centrar logos */
    display: flex;
    justify-content: center;
    align-items: center;
}

.smart-tecnologies span.label {
    position: absolute;
    bottom: 10px;
    color: #FFF;

    font-family: 'NunitoSans-ExtraLightItalic', sans-serif;
}

img.comp-80 {
    width: 80% !important;
}


#solucoes .brands-list .owl-dots, 
#solucoes .smart-tecnologies .owl-dots {
    margin-top: 30px;
}

#solucoes .brands-list .box-item.bg-1 {
    background-color: #58585B;
}

#solucoes .brands-list .box-item.bg-2 {
    background-color: #808284;
}

.box-item {
    position: relative;
    overflow: hidden;
    /* background-color: rgba(245, 245, 245, .8);
    border-radius: 4px;
    min-height: 167px; */
}

.owl-carousel.owl-theme {
    margin-top: 50px;
    margin-bottom: 30px;
}

.overlay-owl {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
    background-color: rgba(36, 194, 169, 1);
    border-radius: 3px;

    /*padding: 25% 0;*/ /* centrar verticalmente o Link */
}

.item:hover .overlay-owl {
    opacity: 1;
}

.overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
    background-color: rgba(36, 194, 169, 1);
    border-radius: 3px;
}

.caixa-overlay {
    position: relative;
    overflow: hidden;
    /* width: 330px; */
    width: 100%;
}

.caixa-overlay:hover .overlay {
    opacity: 1;
}

.overlay a {
    color: #FFF;
    display: block;
    text-align: center;
    font-size: 16px;
    text-transform: uppercase;

    min-height: 100%;
}

.overlay a:hover {
    text-decoration: none;
}




.overlay-owl a {
    color: #FFF;
    display: block;
    text-align: center;
    font-size: 16px;
    text-transform: uppercase;

    min-height: 100%;
}

.overlay-owl a:hover {
    text-decoration: none;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: var(--cor-3);
}


.btn-ver-mais {
    /* margin-top: 20px; */

    height: 100%;
    
    /* padding-top: 35%; */
    padding-top: 32%;
}

.overlay-owl .btn-ver-mais {
    padding-top: 31%;
}

.btn-ver-mais:hover {
    color: var(--cor-3);
    background-color: transparent;
    border-color: var(--cor-3);
}

span.texto-link {
    color: red;
    font-size: 18px;
    padding: 7px 20px;
    border: 1px solid #FFF;
    color: #FFF;
    background-color: transparent;
    border-radius: 2px;
}

span.texto-link:hover {
    border: 1px solid #FFF;
    color: var(--cor-3);
    background-color: #FFF;
}

.bg-brands {
    background-image: url('../../../imagens/solucoes/black-and-white-hardwood-material-1024684.jpg');
    background-position: center center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;

    padding-top: 50px;
    padding-bottom: 50px;
}

/*.overlay-bg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
    background-color: rgba(36, 194, 169, 0.5);
}*/


.overlay-bg-1 {
    padding-top: 50px;
    padding-bottom: 50px;

    background-color: rgba(10, 0, 0, 0.75);
    background-color: rgba(24, 94, 122, 0.85);
    background-color: rgba(36, 194, 169, 0.7);
    background-color: rgba(200, 200, 200, 0.75);


    /*background: linear-gradient(to right, rgba(34, 181, 136, 0.85), rgba(10, 53, 47, 0.9));*/

    background: rgba(10, 53, 47, 0.9);
    /* Old browsers */
    background: -moz-linear-gradient(left, rgba(34, 181, 136, 0.85) 0%, rgba(10, 53, 47, 0.9) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(34, 181, 136, 0.85)), color-stop(100%, rgba(10, 53, 47, 0.9)));
    background: -webkit-linear-gradient(left, rgba(34, 181, 136, 0.85) 0%, rgba(10, 53, 47, 0.9) 100%);
    background: -o-linear-gradient(left, rgba(34, 181, 136, 0.85) 0%, rgba(10, 53, 47, 0.9) 100%);
    background: -ms-linear-gradient(left, rgba(34, 181, 136, 0.85) 0%, rgba(10, 53, 47, 0.9) 100%);
    background: linear-gradient(to right, rgba(34, 181, 136, 0.85) 0%, rgba(10, 53, 47, 0.9) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1F7CA1', endColorstr='#0A352F', GradientType=1);
    /* IE6-9 */
}

.overlay-bg-2 {
    padding-top: 50px;
    padding-bottom: 50px;

    background: rgba(62, 168, 207, 1);
    background: -moz-linear-gradient(45deg, rgba(62, 168, 207, 1) 0%, rgba(46, 119, 148, 1) 47%, rgba(23, 94, 122, 1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(62, 168, 207, 1)), color-stop(47%, rgba(46, 119, 148, 1)), color-stop(100%, rgba(23, 94, 122, 1)));
    background: -webkit-linear-gradient(45deg, rgba(62, 168, 207, 1) 0%, rgba(46, 119, 148, 1) 47%, rgba(23, 94, 122, 1) 100%);
    background: -o-linear-gradient(45deg, rgba(62, 168, 207, 1) 0%, rgba(46, 119, 148, 1) 47%, rgba(23, 94, 122, 1) 100%);
    background: -ms-linear-gradient(45deg, rgba(62, 168, 207, 1) 0%, rgba(46, 119, 148, 1) 47%, rgba(23, 94, 122, 1) 100%);
    background: linear-gradient(45deg, rgba(62, 168, 207, 1) 0%, rgba(46, 119, 148, 1) 47%, rgba(23, 94, 122, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3ea8cf', endColorstr='#175e7a', GradientType=1);
}

.overlay-bg-3 {
    padding-top: 50px;
    padding-bottom: 50px;

    background: rgba(36, 194, 169, 1);
    background: -moz-linear-gradient(45deg, rgba(36, 194, 169, 1) 0%, rgba(34, 181, 158, 1) 47%, rgba(29, 155, 136, 1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(36, 194, 169, 1)), color-stop(47%, rgba(34, 181, 158, 1)), color-stop(100%, rgba(29, 155, 136, 1)));
    background: -webkit-linear-gradient(45deg, rgba(36, 194, 169, 1) 0%, rgba(34, 181, 158, 1) 47%, rgba(29, 155, 136, 1) 100%);
    background: -o-linear-gradient(45deg, rgba(36, 194, 169, 1) 0%, rgba(34, 181, 158, 1) 47%, rgba(29, 155, 136, 1) 100%);
    background: -ms-linear-gradient(45deg, rgba(36, 194, 169, 1) 0%, rgba(34, 181, 158, 1) 47%, rgba(29, 155, 136, 1) 100%);
    background: linear-gradient(45deg, rgba(36, 194, 169, 1) 0%, rgba(34, 181, 158, 1) 47%, rgba(29, 155, 136, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3ea8cf', endColorstr='#175e7a', GradientType=1);
}

.overlay-bg-3,
.overlay-bg-3 h3,
.overlay-bg-3 h4 {
    color: #FFF;
}

.overlay-bg-3 .tools-icone {
    background-color: transparent;
    border: 2px solid #FFF;
}

.bg-brands-1 {
    position:relative;

    background-image: url('../../../imagens/solucoes/8529_2_.png');
    background-position: center center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;

    padding-top: 50px;
    padding-bottom: 50px;
}

.bg-brands-2 {
    background-image: url('../../../imagens/solucoes/background-black-close-up-952670_.jpg');
    background-position: center center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;

    /* padding-top: 50px;
    padding-bottom: 50px; */
}

.bg-brands-2 h2 {
    color: #FFF !important;
}


.box-smart {
    height: 250px;
    /* width: 330px; */
    width: 100%;
    border-radius: 2px;

    padding: 30px 20px;

    display: block;
    margin: auto;

    /* centrar imagem verticalmente */
    /* position: relative; */
    display: flex;
    justify-content: center;
    align-items: center;
}


.box-smart-a img {
    /* INICIO - centrar imagem verticalmente */
    /* position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); */
    /* FIM - centrar imagem verticalmente */
    width: 80%;
}

.box-smart img.logo-partners-mania {
    width: 80%;
}

.box-smart img.logo-partners-sijoal {
    width: 70%;
}

.box-smart img.logo-partners-ajbiais {
    height: 70%;
}

.bg-smart-1 {
    background-color: #58585B;
}

.bg-smart-2 {
    background-color: #6D6E70;
}

.bg-smart-3 {
    background-color: #808284;
}

.bg-smart-4 {
    background-color: #939597;
}

.bg-smart-5 {
    background-color: #A7A9AB;
}



.mg-box {
    /* margin-top: 80px; */
    margin-bottom: 80px;
}

span.asterisk {
    font-family: 'NunitoSans-ExtraLightItalic', sans-serif;
}

.icone-tools {
    width: 150px;
    height: auto;
}

h4 {
    font-size: 25px;
    margin-top: 20px;
    font-family: 'NunitoSans-Bold', sans-serif;
}

.tools-icone {
    width: 120px;
    height: 120px;
    background-color: #58585B;
    border-radius: 100%;
    padding: 10px;
    /* centrar imagem verticalmente */
    display: flex;
    justify-content: center;
    align-items: center;

}

.tools-icone:hover {
    background-color: var(--cor-3);
}

.tools-icone img {
    width: 60px;
    height: auto;
}


/*
Modal Form Serviços
*/


/* h5.modal-title {
    font-family: 'NunitoSans-LightItalic', sans-serif;
    text-transform: uppercase;
    margin-left: 10px;
} */





#solucoes .btn-box-left {
    float: left;
    width: 50%;
}
#solucoes .btn-box-right {
    float: right;
    width: 50%;
}



/*-------------------------------------------------------------
    MODAL DISCLAIMER - LINK EXTERNO
-------------------------------------------------------------*/
#modal-aviso-nav-externa .modal-content {
    padding: 20px 100px;
}

#modal-aviso-nav-externa h6 {
    text-align: center;
    margin-bottom: 40px;
    text-transform: uppercase;
    color: var(--cor-3);
}

#modal-aviso-nav-externa .info {
    text-align: justify;
}

#modal-aviso-nav-externa .box-btns {
    margin-top: 50px;
    margin-bottom: 50px;
    text-align: center;
}

#modal-aviso-nav-externa .info-contacto {
    font-size: 11px;
    line-height: 20px;
    text-align: center;
    color: var(--cor-subtitulos);
}

#modal-aviso-nav-externa .btn-prosseguir {
    font-family: 'Roboto-Medium', sans-serif;
    font-size: 18px;
    padding: 16px 22px;
    border: 1px solid var(--cor-botao-branco-border);
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    box-shadow: 0 3px 6px var(--cor-botao-branco-sombra);
    background-color: #FFF;
    color: var(--cor-titulos);

    margin-left: 20px;

}

#modal-aviso-nav-externa .btn-prosseguir:hover {
    /* color: var(--cor-3);
    background-color: #FFF; */
    color: #FFF;
    background-color: var(--cor-titulos);
    border: 1px solid var(--cor-botao-branco-border);
}


#modal-aviso-nav-externa .btn-prosseguir .fa {
    margin-left: 26px;
}

#modal-aviso-nav-externa .btn-retroceder {
    font-family: 'Roboto-Medium', sans-serif;
    font-size: 18px;
    padding: 16px 22px;
    border: 1px solid var(--cor-botao-branco-border);
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    box-shadow: 0 3px 6px var(--cor-botao-branco-sombra);
    background-color: #FFF;
    color: var(--cor-3);

    padding-right: 30px;
}

#modal-aviso-nav-externa .btn-retroceder:hover {
    /* color: var(--cor-3);
    background-color: #FFF; */
    color: #FFF;
    background-color: var(--cor-3);
    border: 1px solid var(--cor-botao-branco-border);
}


#modal-aviso-nav-externa .btn-retroceder .fa {
    margin-right: 26px;
}

#modal-aviso-nav-externa .hidde-info {
    display: none;
}