/************************************************************/
/*********************    EXENT    ************************/
/********************************************************/
/********************* NORMALIZE ************************/
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

.clear {
    clear: both;
}

h1 {
    margin: 0 !important;
}

body {
    font-family: 'Poppins', sans-serif;
}

input:focus {
    -webkit-box-shadow: 0 0 0 0;
    box-shadow: 0 0 0 0;
    outline: 0;
}

:root {
    --poppins: 'Poppins', sans-serif;
    --lato: 'Lato', sans-serif;
    --azul-escuro: #00112e;
    --azul-escuro-hover: #0d75ea;
    --azul-botao: #0061cb;
}

::-moz-selection {
    background-color: #053D87 !important;
    color: #fff !important;
}

::selection {
    background-color: #053D87 !important;
    color: #fff !important;
}


.container-site {
    display: flex;
    flex-direction: column;
}

.site-header {
    display: flex;
    flex-direction: column;
    order: 1;
}
/******************************* HEADER  ***************************************************/



.container-menu-topo {
    width: 100%;
    margin: 0 auto;
    background-color: #030a17;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-flex;
}

.custom-logo-link {
    padding-top: 6px;
    margin-right: 20px;
}

#Menu-Topo {
    margin: 0;
}

#Menu-Topo li {
    list-style: none;
    margin: 0 9px;
}

#Menu-Topo li a {
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 12px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;

}

#Menu-Topo #menu-item-536 {
    display: none;
}

#Menu-Topo li:nth-last-child(-n + 1) a {
    color: #3fcc00;
}

.menu-gifel-topo {
    width: 1200px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    display: -webkit-flex;
}

.telefones-menu-topo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    display: -webkit-flex;
}

.menu-gifel-topo .menu-menu-topo-container {
    position: absolute;
    right: 0;
}
.telefones-menu-topo li {
    list-style: none !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 35px 0 0;
    display: -webkit-flex;
}

.telefones-menu-topo a,
.telefones-menu-topo span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-flex;
}

.telefones-menu-topo li a {
    color: white;
    text-decoration: none;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    margin-left: 7px;
    text-transform: uppercase;
}

.international-font {
    font-size: 10px !important;
    letter-spacing: 1px;
}

.menu-menu-topo-container ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
}

/* Menu Principal */

.container-menu-principal {
    width: 100%;
}

.container-menu-principal #menu-cilindros,
.container-menu-principal #menu-equipamentos,
.container-menu-principal #menu-sistemas {
    height: 100% !important;

}
.container-menu-principal #menu-cilindros:hover,
.container-menu-principal #menu-equipamentos:hover,
.container-menu-principal #menu-sistemas:hover {
    background-color: #E9E9E9;
}

.container-menu-principal #menu-cilindros > li,
.container-menu-principal #menu-equipamentos > li,
.container-menu-principal #menu-sistemas > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
}

#site-navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 1200px;
    margin: 0 auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 88px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 20px;
    display: -webkit-flex;
}

.container-menu-principal .menu li {
    display: block;
    text-decoration: none;
    margin-right: 6px;
}
.container-menu-principal .menu > li a {
    color: #010101;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 15px;
}

.main-navigation ul ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.setinha-header-menu {
    margin-right: 8px;
    fill: #e5e5e5;
    width: 13px;
    min-width: 13px;
    margin-left: 15px;
}

.container-menu-principal #menu-cilindros:hover .setinha-header-menu,
.container-menu-principal #menu-equipamentos:hover .setinha-header-menu,
.container-menu-principal #menu-sistemas:hover .setinha-header-menu {
    fill: #fff;
}

.container-menu-principal #menu-cilindros > li .sub-menu,
.container-menu-principal #menu-equipamentos > li .sub-menu,
.container-menu-principal #menu-sistemas > li .sub-menu {
    background-color: var(--azul-botao);
}

.container-menu-principal #menu-cilindros > li .sub-menu li a,
.container-menu-principal #menu-equipamentos > li .sub-menu li a,
.container-menu-principal #menu-sistemas > li .sub-menu li a {
    color: #fff;
    margin: 5px 0;
}
.container-menu-principal #menu-cilindros > li .sub-menu li,
.container-menu-principal #menu-equipamentos > li .sub-menu li,
.container-menu-principal #menu-sistemas > li .sub-menu li {
    position: relative;
    padding: 0 30px;
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;

}
.container-menu-principal #menu-cilindros > li .sub-menu li:hover,
.container-menu-principal #menu-equipamentos > li .sub-menu li:hover,
.container-menu-principal #menu-sistemas > li .sub-menu li:hover {
    background-color: #063E88;
}

.container-menu-principal #menu-cilindros > li .sub-menu li:hover:before,
.container-menu-principal #menu-equipamentos > li .sub-menu li:hover:before,
.container-menu-principal #menu-sistemas > li .sub-menu li:hover:before {
    content: '';
    width: 30px;
    height: 3px;
    background-color: white;
    position: absolute;
    right: 0;
    bottom: 0;
}

/* Search bar */

.area-pesquisa-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-left: 1px solid #e6e8eb;
    height: 67px;
    position: relative;
    margin-left: 53px;
}

.area-pesquisa-header input {
    border: none !important;
    padding: 0 42px 0 0 !important;
    margin-left: 28px;
    width: 187px;
    font-size: 14px;
}
.area-pesquisa-header input::-webkit-input-placeholder {
    font-size: 10px;
    color: #b6b6b6;
    font-family: 'Poppins', sans-serif;
}
.area-pesquisa-header input::-moz-placeholder {
    font-size: 10px;
    color: #b6b6b6;
    font-family: 'Poppins', sans-serif;
}
.area-pesquisa-header input:-ms-input-placeholder {
    font-size: 10px;
    color: #b6b6b6;
    font-family: 'Poppins', sans-serif;
}
.area-pesquisa-header input::-ms-input-placeholder {
    font-size: 10px;
    color: #b6b6b6;
    font-family: 'Poppins', sans-serif;
}
.area-pesquisa-header input::placeholder {
    font-size: 10px;
    color: #b6b6b6;
    font-family: 'Poppins', sans-serif;
}

.area-pesquisa-header input:focus {
    -webkit-box-shadow: 0 0 0 0;
    box-shadow: 0 0 0 0;
    outline: 0;
}

.botao-lupa-header {
    border: none;
    background: transparent;
    cursor: pointer !important;
    padding: 0;
    position: absolute;
    right: 18px;
    bottom: 19px;
}

/* Solicite um orçamento */

.box-solicite {
    background-color: #32a300;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 70px;
    width: 177px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 12px;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;

}

.box-solicite:hover {

    -webkit-filter: brightness(1.1);

    filter: brightness(1.1);
    cursor: pointer;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;

}

.box-solicite a span {
    display: block;
    font-weight: bold;
    color: #fff;
}
.box-solicite a {
    display: block;
    font-family: var(--poppins);
    color: #fff;
    text-transform: uppercase;
}

.box-solicite a:hover {
    display: block;
    font-family: var(--poppins);
    color: #fff;
    text-transform: uppercase;
}

.box-solicite button {
    background-color: transparent;
    border: none;
    padding: 0;
    line-height: normal;
}

/******************************** PÁGINA INICIAL  ***************************************/
/* Banner */

.container-banner-home {
    /* background: url("./sistema-de-combate-a-incendio/home/combate-a-incendio-gifel-background-banner.webp"); */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    height: 648px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    order: 2;
}

.arrow {
    display: none;
}

.content-banner-home {
    width: 100%;
    margin: 0 auto;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
}

.paginacao-swiper {
    bottom: -35% !important;
    left: unset !important;
    width: 1200px !important;
    max-width: 86%;
    display: flex;
    margin: 0 auto;
    justify-content: flex-end;
}

.paginacao-swiper .swiper-pagination-bullet {
    background-color: #fff !important;
    opacity: inherit !important;
    width: 6px !important;
    height: 6px !important;
    margin: 0 7px !important; 
}

.paginacao-swiper .swiper-pagination-bullet-active {
    background-color: #0d75ea !important;
}

.info-banner-home {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 162px;
    width: 1200px;
    margin: 0 auto;
    max-width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.texto-banner-home {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.link-pag-titulo-banner {
    position: relative;
    margin-bottom: 15px;
}
.link-pag-titulo-banner a {
    border-bottom: 1px solid grey;
}
.link-pag-titulo-banner a::before {

    position: absolute;
    top: 31px;
    content: '';
    background: #ffffff;
    width: 42px;
    height: 4px;

}

.link-pag-titulo-banner a {
    color: #3395ff;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
    padding-bottom: 15px;
}

.texto-banner-home dt {
    font-size: 41px;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: 700;
    max-width: 530px;
}
.texto-banner-home dd {
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    font-weight: 400;
    width: 520px;
    margin-left: 1px;
}

.botoes-info-banner-home {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;

}

.botao-saiba-banner {
    width: 182px;
    height: 60px;
    border: none;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    background-color: var(--azul-botao);
    margin-right: 10px;
    letter-spacing: 1px;
    text-decoration: none;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 14px;
}

.botao-orcamento-banner:hover,
.botao-saiba-banner:hover {
    -webkit-filter: brightness(1.3);
    filter: brightness(1.3);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    cursor: pointer;
}

.botao-orcamento-banner {
    width: 339px;
    height: 60px;
    background-color: var(--azul-botao);
    border: none;
    color: #fff;
    text-transform: uppercase;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: bold;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    letter-spacing: 1px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    text-decoration: none;
    font-size: 14px;

}

.imagem-banner-home {
    -webkit-filter: drop-shadow(10px 11px 0px rgba(153,153,153,0.1));
    filter: drop-shadow(10px 11px 0px rgba(153,153,153,0.1));
    height: 324px;
}

.imagem-banner-home img {
    -webkit-clip-path: polygon(31% 0, 92% 0, 92% 26%, 60% 100%, 6% 100%, 6% 56%);
    clip-path: polygon(31% 0, 92% 0, 92% 26%, 60% 100%, 6% 100%, 6% 56%);
    max-width: 100%;
}

.container-banner-home .slick-dots {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 1200px !important;
    margin: 0 auto !important;
    bottom: -134px !important;
    max-width: 100%;

}

.container-banner-home .slick-dots li {
    margin: 0;

}
.slick-dots li.slick-active button:before {
    color: var(--azul-escuro-hover) !important;
    opacity: 1000 !important;
}

.slick-dots li button:before {
    color: white !important;
    opacity: 1000 !important;
}

.content-banner-home .slick-next,
.content-banner-home .slick-prev {
    display: none !important;
}
/* Divisor Banner */

.divisor-banner-home {
    width: 100%;
    height: 78px;
    background-color: #030A17;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    order: 3;
}

.informacoes-divisor-banner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px;
    color: #fff;
    width: 1200px;
    margin: 0 auto;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-transform: uppercase;
}

.informacoes-divisor-banner div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-left: 1px solid #7c7c7c52;
    padding: 0 44px;

}
.informacoes-divisor-banner div span {
    margin-right: 15px;
}


/* Produtos */

.container-produtos-home {
    width: 100%;
    display: flex;
    order: 4;
}

.content-produtos-home {
    width: 1125px;
    margin: 0 auto;
}

.content-produtos-home h3 {
    font-size: 20px;
    text-transform: uppercase;
    color: #000;
    text-align: center;
    padding: 60px 0;
}
.content-produtos-home h3 a {
    font-size: 20px;
    text-transform: uppercase;
    color: var(--azul-escuro-hover);
    text-decoration: none;
    font-weight: bold;
}

.imagem-produto-loop {
    height: 251px;
    border: 1px solid #ccc;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    transition: 0.2s all;
	border-bottom: none;
}

.produto-home .imagem-produto-loop:hover {
    transition: 0.2s all;
    border: 1px solid var(--azul-escuro-hover);
	border-bottom: none;
}
.imagem-produto-loop img {
    margin: 0 auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
}

.produto-home {
    width: 213px;
    height: 302px;
    margin: 0 auto;
}

.loop-produto-home {
    width: 225px;
}

.botoes-produto-home {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: var(--azul-escuro);
    color: #fff;
    font-weight: 600;
    font-size: 12px;
    text-decoration: none;
    height: 50px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.botoes-produto-home h4 {
    width: 100%;
}

.box-nome-produto-home {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.botoes-produto-home a {
    color: #fff;
    font-weight: 600;
    font-size: 12px;
    text-decoration: none;
}

.botao-orcamento-produto-home {
    padding: 0 1px !important;
}

.link-nome-produto-home {
    text-align: center;
    width: 133px;
    margin: 0 auto;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 86%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.botao-orcamento-produto {
    background-color: var(--azul-escuro-hover);
    width: 30px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 27px !important;
    font-weight: 300 !important;
}
.content-produtos-home {
        max-width: 90%;
    }

    .box-loop-produtos-home {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }
    .produto-home {
		width: 213px;
		height: 302px;
		margin: 0 auto;
    }

    .box-ver-mais-produtos-home {
        width: 33%;
        height: auto;
        max-height: 302px;
        display: none;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .box-ver-mais-produtos-home a {
        text-decoration: none;
    }

    .seta-ver-mais {
        border: 2px solid #0478f6;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 60px;
        height: 60px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        border-radius: 50%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 22px;
    }

    .seta-ver-mais svg {
        height: 30px;
    }

    .ver-mais-produtos-home {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .ver-mais-produtos-home p {
        font-size: 19px;
        color: #0478f6;
        font-weight: 600;
        text-transform: uppercase;
    }

/* chamadas */
.container-chamadas-home {
    width: 100%;
    margin-top: 30px;
    display: flex;
    order: 5;
}

.content-chamadas-home {
    width: 1220px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.box-certificacao-home {
    position: relative;
}

.box-cotacao-home {
    position: relative;
}

.box-certificacao-home div,
.box-cotacao-home div {
    width: 365px;
    height: 93px;
    background-color: var(--azul-escuro);
    position: absolute;
    bottom: 18px;
    left: -11px;
    font-weight: bold;
    color: #fff;
    font-size: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 46px;
    -webkit-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
}

.box-certificacao-home:hover div,
.box-cotacao-home:hover div {
    background-color: var(--azul-escuro-hover);
    -webkit-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;

}

.box-certificacao-home div span,
.box-cotacao-home div span {
    font-size: 16px;
    font-weight: 400;
}

/* Sobre a Gifel */
.container-sobre-a-gifel-home {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 60px;
    order: 6;
}
.content-sobre-a-gifel-home-1 {
    background: url("./sistema-de-combate-a-incendio/home/combate-a-incendio-gifel-background-sobre-home-1.webp");
    height: 530px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 49.4%;
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
}
.content-sobre-a-gifel-home-1 nav {
    right: 0;
    position: absolute;
}

.bg-sobre-gifel-ativo {
    background-color: var(--azul-escuro-hover) !important;
}
.content-sobre-a-gifel-home-1 nav ul li {
    width: 241px;
    height: 82px;
    background-color: #091D3E;
    margin-bottom: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    font-size: 14px;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 22px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-left: 30px;
    -webkit-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
}

.content-sobre-a-gifel-home-1 nav ul li::before {
    content: url("./sistema-de-combate-a-incendio/home/combate-a-incendio-gifel-sobre-check.png");
    margin-right: 20px;
}
.content-sobre-a-gifel-home-1 nav ul li:active,
.content-sobre-a-gifel-home-1 nav ul li:hover {
    background-color: var(--azul-escuro-hover);
    -webkit-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
    cursor: pointer;
}

.content-sobre-a-gifel-home-2 {
    background: url("./sistema-de-combate-a-incendio/home/combate-a-incendio-gifel-background-sobre-home-2.webp");
    height: 530px;
    width: 50.6%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    padding-left: 2.5%;
    padding-bottom: 70px;
    padding-top: 70px;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
}

.texto-sobre-a-gifel, .texto-engenharia-e-projetos, .texto-servicos-tecnicos, .video-gifel {
    display: flex;
    flex-direction: column;
    height: 100%;
    max-width: 90%;
    width: 500px;
}

.box-conteudo-sobre-a-gifel > h3 {
    font-size: 18px;
    color: var(--azul-escuro);
    border-left: 3px solid var(--azul-botao);
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    padding-left: 20px;
    height: 62px;
    align-items: center;
    margin-bottom: 30px;
}

.box-conteudo-sobre-a-gifel > h3 span {
    font-size: 18px;
    color: var(--azul-escuro);
    font-weight: bold;
    text-transform: uppercase;
	margin: 0 0 0 7px;
}


.box-conteudo-sobre-a-gifel ul {
    margin-bottom: 30px;
}

.box-conteudo-sobre-a-gifel > p {
    color: var(--azul-escuro);
    font-size: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    margin-bottom: 30px;
}

.content-video-gifel-home {
    height: 65%;
}

.texto-sobre-gifel-home p {
    margin-bottom: 15px;
}

.video-gifel-home-inativo {
    display: none;
}

.video-gifel-home-ativo {
    display: block !important;
}
#video-home {
    width: 100%;
    height: 100%;
    background-image: url("./sistema-de-combate-a-incendio/home/combate-a-incendio-gifel-video-home-bg.webp");
    background-size: cover;
    background-position: center;
    padding: 60px 0;
    margin: 60px 0 0 0;
    background-repeat: no-repeat;
	order: 7;
}
#video-home .container {
    width: 1200px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 440px;
}
#video-home .container .box-video {
    width: 66%;
}
#video-home .container .box-texto {
    width: 34%;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 5%;
}
#video-home #gifel-click-video {
    width: 80px;
    height: auto;
}
#video-home #video-institucional {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    float: none;
    background-repeat: no-repeat;
    background-size: cover;
}
#video-home .content-video-gifel-home {
    height: 100%;
}
#video-home #gifel-click-video img {
    width: 100%;
}
#video-home .titulo-video {
    font-size: 22px;
    color: var(--azul-escuro);
    border-left: 3px solid var(--azul-botao);
    padding: 20px 0 20px 50px;
    align-items: center;
    font-weight: 600;
}
#video-home .titulo-video span{
    display: block;
    font-weight: 500;
    font-size: 44px;
    letter-spacing: 0.03em;
}
#video-home .titulo-video span.destaque {
    display: block;
    color: var(--azul-botao);
    font-weight: 700;
    font-size: 44px;
    text-transform: uppercase;
}
@media screen and (max-width: 1365px) {
    #video-home .container {
        width: 90%;
        height: 385px;
    }
    #video-home .titulo-video span {
        font-size: 38px;
    }
    #video-home .titulo-video span.destaque {
        font-size: 38px;
    }
}
@media screen and (max-width: 1024px) {
    #video-home .container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
    #video-home .container .box-texto {
        width: 100%;
        padding: 5%;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    #video-home .container .box-video {
        width: 100%;
        height: 55vw;
    }
    #video-home .container {
        height: auto;
    }
    #video-home .titulo-video span {
        font-size: 28px;
    }
    #video-home .titulo-video span.destaque {
        font-size: 32px;
    }
    #video-home #gifel-click-video {
        width: 50px;
    }
}
.video-title {
    float: left;
    margin-top: 30px;
    font-size: 34px;
    line-height: 40px;
    display: block;
    position: relative;
    color: #000000;
    text-transform: uppercase;
    margin-top: 40px;
    margin-bottom: 12px;
}
#video-institucional {
    position: relative;
    display: block;
    float: left;
    width: 100%;
    height: 100%;
    background-image: url("./sistema-de-combate-a-incendio/home/combate-a-incendio-gifel-thumb-video-home.webp");
    background-size: 100%;
        background-position: center;
}

 .gifel-video-box {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #000000bb;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999999999999;
    -webkit-transition: 0.3s ease all;
    -o-transition: 0.3s ease all;
    transition: 0.3s ease all;
}
 #gifel-click-video {
    cursor: pointer;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

 #gifel-click-video img {
    width: 30%;
}
 #closeVideo {
    position: absolute;
    top: 0;
    right: -5px;
    font-size: 20px;
    height: auto;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#closeVideo::before {
    color: #fff;
    content: 'X';
    background: var(--azul-botao);
    padding: 10px;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
 #gifel-video-home iframe {
    display: block;
    margin: 0 auto;
}
 #gifel-click-video {
    cursor: pointer;
}

.gifel-video-box {
    position: fixed;
    width: 100%;
    height: 100%;
    display: flex;
    background: #0000009e;
    justify-content: center;
    align-items: center;
    z-index: 999999999999999999999999999999999999999999999999999999999;
}

.gifel-video-play {
    width: 50%;
    position: relative;

}

.content-sobre-a-gifel-home-2 a {
    width: 182px;
    height: 40px;
    min-height: 40px;
    background-color: var(--azul-botao);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    letter-spacing: 1px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.content-sobre-a-gifel-home-2 a:hover {
    -webkit-filter: brightness(1.3);
    filter: brightness(1.3);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    cursor: pointer;
}

/* Gestão da Qualidade */

.container-gestao-qualidade {
    background: url("./sistema-de-combate-a-incendio/home/combate-a-incendio-gifel-background-iso.webp");
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 60px 0;
    background-size: cover;
    background-repeat: no-repeat;
    order: 8;
}

.content-gestao-qualidade {
    width: 1200px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.texto-gestao-qualidade {
    margin-right: 30px;
    position: relative;
}
.box-qualidade-1 p {
    font-size: 16px;
    color: #666666;
    padding-left: 60px;

}

.box-gestao-1 {
    background-color: #f3f3f5;
    margin-bottom: 13px;
    height: 180px;
    min-height: 176px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    padding-right: 30px;
}

.box-gestao-1::before {
    position: absolute;
    content: '';
    height: 94px;
    width: 1px;
    left: 30px;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.103);
}

.box-gestao-2::before {
    position: absolute;
    content: '';
    height: 81px;
    width: 1px;
    left: 30px;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.103);
}

.box-gestao-1 h1 {
    padding-left: 30px;
    font-size: 28px;
    color: #353535;
    font-weight: bold;
    padding-bottom: 25px;

}

.box-gestao-2 {
    background-color: #f3f3f5;
    height: 210px;
    position: relative;
    padding-right: 30px;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;

}

.box-gestao-2 h2 {
    padding-left: 30px;
    font-size: 24px;
    font-weight: bold;
    color: #353535;
    padding-bottom: 25px;

}

.box-qualidade-1 {
    width: 67%;
}

.box-qualidade-2 {
    width: 390px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 10px 0;
    position: relative;
    height: 100%;
}

.box-qualidade-2::before {
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    width: 41px;
    height: 2px;
    background-color: #0478f6;
}

.box-qualidade-2::after {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    width: 41px;
    height: 2px;
    background-color: #0478f6;
}

/* Divisor Sobre  */

.container-sobre-a-gifel-home-mobile {
    display: none;
}

.divisor-sobre-a-gifel-home {
    width: 100%;
    height: 120px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    order: 8;
}

.box-divisor-sobre-1 {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #030A17;
    width: 66.3%;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative;
}
.box-divisor-sobre-1 p {
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    margin-right: 105px;
    position: relative;
}

.box-divisor-sobre-1 p::before {
    position: absolute;
    content: '';
    width: 36px;
    height: 2px;
    background-color: var(--azul-botao);
    top: 9px;
    left: -56px;
}
.box-divisor-sobre-1 p::after {
    position: absolute;
    content: '';
    width: 3px;
    height: 54px;
    background-color: var(--azul-botao);
    top: -18px;
    right: -105px;
}

.box-divisor-sobre-2 {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #091D3E;
    width: 33.7%;
}

.box-divisor-sobre-2 a {
    width: 210px;
    height: 62px;
    background-color: var(--azul-botao);
    text-decoration: none;
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    margin-left: 40px;
}
.box-divisor-sobre-2 a:hover {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-filter: brightness(1.3);
    filter: brightness(1.3);

}

/* Cluster */
.box-cluster {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}
.cluster_content.display,
.box-imagem.display {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.container-cluster-home-mobile {
    display: none;
}

.container-cluster-home {
    width: 100%;
    padding: 60px 0;
    display: flex;
    order: 9;
}

.content-cluster-home {
    width: 1170px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 362px;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.box-menu-cluster-home {
    width: 262px;
    min-width: 229px;
    height: 100%;
    background-color: #0061cb;
}

.titulo-pagina-cluster {
    height: 55px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    padding-left: 20px;
    color: #fff;
    position: relative;
    -webkit-transition: 0.2s all;
    -o-transition: 0.2s all;
    transition: 0.2s all;
}

.titulo-pagina-cluster:hover {
    -webkit-transition: 0.2s all;
    -o-transition: 0.2s all;
    transition: 0.2s all;
    background-color: #064f9f;
    cursor: pointer;
}

.titulo-pagina-cluster svg {
    height: 17px;
    position: absolute;
    fill: #fff;
    right: 21px;
}

.box-descricao-cluster {
    width: 75%;
    height: 336px;
    background-color: #091d3e;
    padding: 30px 30px 0 30px;
    border-right: 3px solid #0478f6;
    display: flex;
    flex-direction: column;
}

.titulo-pagina-cluster-descricao {
    font-size: 28px;
    letter-spacing: 1px;
    color: #fff;
    font-weight: bold;
    width: auto;
    padding-bottom: 6px;
    margin-bottom: 20px !important;
    border-bottom: 1px solid #fff;
    position: relative;
}

.titulo-pagina-cluster-descricao::after {
    content: '';
    height: 2px;
    width: 49px;
    background-color: var(--azul-botao);
    position: absolute;
    bottom: 0;
    right: 0;

}

.preview-pagina-cluster p {
    font-size: 14px;
    color: #fff;
    letter-spacing: 1px;
    line-height: 22px;
    margin-bottom: 30px;
}

.preview-pagina-cluster p a {
    color: var(--azul-botao);
}

.links-pag-cluster {
    height: 132px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #081631;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: flex-start;
    flex-direction: column;
    padding: 25px;
    justify-content: space-between;
	-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
}

.links-pag-cluster h3, .links-pag-cluster h4 {
    transition: 0.2s all;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.links-pag-cluster h3 {
	margin: 0 0 5px 0;
}
.links-pag-cluster h3:hover .topico, .links-pag-cluster h4:hover .topico {
    transition: 0.2s all;
    color: var(--azul-botao);
}


.links-pag-cluster h3:nth-last-child(-n + 1), .links-pag-cluster h4:nth-last-child(-n + 1) {
    margin-bottom: 0;

}

.links-pag-cluster h3 a, .links-pag-cluster h4 a {
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    text-decoration: none;

}
.links-pag-cluster h3 svg, .links-pag-cluster h4 svg  {
    height: 12px;
    fill: #fff;
    margin-right: 8px;
}

.box-imagem-cluster-home {
    height: 332px;
}

.link_mobile {
	display: none;
}
.cluster_content,
.box-imagem {
	display: none;
}
/* Blog Home */

.container-blog {
    order: 2;
}

.container-blog-home {
    width: 100%;
    height: 793px;
    padding: 60px 0;
    background: url(./sistema-de-combate-a-incendio/home/combate-a-incendio-gifel-background-sobre-home-blog.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    order: 10;
    display: flex;
}

.content-blog-home {
    width: 1175px;
    margin: 0 auto;
}

.titulo-link-blog-home {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.titulo-link-blog-home p {
    font-size: 36px;
    font-weight: 400;
    color: #353535;
}
.titulo-link-blog-home p span {
    font-size: 36px;
    font-weight: bold;
    color: #353535;
}

.titulo-link-blog-home a {
    width: 370px;
    height: 70px;
    background-color: #030A17;
    letter-spacing: 1px;
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-decoration: none;
}



.acesse-blog-mobile {
    display: none;
}

.box-loop-blog-home {
    display: flex;
    column-gap: 2.9%;
    margin-top: 45px;
    flex-wrap: wrap;
}

.loop-blog-home {
    background-color: #fff;
    position: relative;
    width: 31.4%;
    display: flex;
    filter: drop-shadow(0 0 5px rgba(0,0,0,0.2));
    height: 530px;
    border-bottom: 2px solid #bdbdbd;
    transition: 0.2s all;

}

.loop-blog-home > a {
    text-decoration: none;
    overflow: hidden;
}


.box-img-blog {
    height: 46%;
    position: relative;
    margin-bottom: 40px;
    display: flex;
    justify-content: center;
}

.box-img-blog img {
    height: auto;
}

.data-blog {
    width: 130px;
    height: 51px;
    display: flex;
    background-color: var(--azul-botao);
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    position: absolute;
    bottom: -26px;
    justify-content: center;
    align-items: center;
    right: 20px;
}

.box-conteudo-blog {
    padding: 0 35px;
    height: 180px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.titulo-blog {
    font-size: 20px;
    color: #000;
    line-height: 28px;
    font-weight: 700;
    text-decoration: none;
    transition: 0.2s all;

}

.descricao-blog {
    font-size: 16px;
    line-height: 28px;
    color: #858585;
}

.seta-blog {
    position: absolute;
    bottom: -32px;
    height: 65px;
    width: 65px;
    left:11%;
    border: 2px solid #bdbdbd;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    transition: 0.2s all;

}

.seta-blog a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}


.seta-blog svg {
    width: 15px;
    fill: #bdbdbd;
    display: flex;
    transition: 0.2s all;

}


.loop-blog-home:hover .titulo-blog {
    color: var(--azul-botao) !important;
    transition: 0.2s all;
}

.loop-blog-home:hover  {
    border-bottom: 2px solid var(--azul-botao);
    transition: 0.2s all;
}

.loop-blog-home:hover .seta-blog{
    border: 2px solid var(--azul-botao);
    transition: 0.2s all;
}

.loop-blog-home:hover .seta-blog svg{
    fill: var(--azul-botao);
    transition: 0.2s all;
}


/* Newsletter */
.container-newsletter-home {
    width: 100%;
    height: 254px;
    background-color: #003f84;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    order: 11;
}

.content-newsletter-home {
    width: 1200px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.titulo-newsletter-home {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-bottom: 15px;
}

.titulo-newsletter-home span {
    font-weight: bold;
    color: #fff;
    font-size: 24px;
    position: relative;
}

.titulo-newsletter-home span::after {
    content: '';
    width: 21px;
    height: 1px;
    background-color: #fff;
    position: absolute;
    bottom: 1px;
    right: -46px;
}

.box-newsletter-home-1 p {
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    font-weight: 400;
    letter-spacing: 1px;

}

.linha-newsletter {
    width: 200px;
    height: 1px;
    background-color: #fff;
    margin-left: 25px;
}

.box-newsletter-home-2 {
    height: 59px;
    border: 4px solid rgba(0, 0, 0, 0.102);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}
.box-newsletter-home-2 input::-webkit-input-placeholder {
    font-size: 14px;
    color: #000;
}
.box-newsletter-home-2 input::-moz-placeholder {
    font-size: 14px;
    color: #000;
}
.box-newsletter-home-2 input:-ms-input-placeholder {
    font-size: 14px;
    color: #000;
}
.box-newsletter-home-2 input::-ms-input-placeholder {
    font-size: 14px;
    color: #000;
}
.box-newsletter-home-2 input::placeholder {
    font-size: 14px;
    color: #000;
}

.nome-newsletter-home {
    width: 233px;
    height: 100%;
    padding-left: 30px;
    border: none;
    margin-right: 7px;
}
.email-newsletter-home {
    width: 300px;
    height: 100%;
    padding-left: 30px;
    border: none;
}
.inscrever-newsletter-home {
    width: 181px;
    height: 100%;
    border: none;
    background-color: var(--azul-botao);
    color: white;
    font-size: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;

}

.inscrever-newsletter-home:hover {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-filter: brightness(1.3);
    filter: brightness(1.3);
    cursor: pointer;
}

/******************************************* FOOTER  ************************************/

.header-whatsapp img {
    width: 30px;
    margin-left: 10px;
}

.footer-mobile {
    display: none;
}

.container-footer {
    width: 100%;

    background-color: var(--azul-escuro);
    order: 12;
}

.content-menu-footer {
    width: 1200px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-family: var(--poppins);
    border-bottom: 2px solid #415f9b30;
    padding: 98px 0 50px;
}

#menu-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

#menu-gifel-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

/* menus */
.content-menu-footer #menu-gifel-footer li:nth-child(1) a {
    color: white;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
    float: left;
    width: 270px;
    border-bottom: 2px solid #0d1d39;
    text-decoration: none;
    margin-bottom: 40px;
    padding: 14px 0;
}

.content-menu-footer #menu-gifel-footer li:nth-child(n + 2) a {
    color: white;
    font-size: 12px;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.content-menu-footer #menu-gifel-footer li:nth-child(n + 2) a:hover {
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    color: var(--azul-escuro-hover);
}

.content-menu-footer #menu-gifel-footer li:nth-child(n + 2) a::before {
    content: "-";
    margin-right: 5px;
    color: #0a7cf9;
}

.content-menu-footer #menu-gifel-footer li:nth-child(1) a::before {
    position: absolute;
    top: 40px;
    content: '';
    background: #0a7cf9;
    width: 30px;
    height: 4px;
}

.content-menu-footer ul {
    list-style: none;
    position: relative;
}
.content-menu-footer ul li {
    padding: 2px 0;
}

.content-menu-footer #menu-cilindros .menu-item-has-children > a::before,
.content-menu-footer #menu-equipamentos .menu-item-has-children > a::before,
.content-menu-footer #menu-sistemas .menu-item-has-children > a::before {
    position: absolute;
    top: 40px;
    content: '';
    background: #0a7cf9;
    width: 30px;
    height: 4px;
}

.content-menu-footer #menu-cilindros .menu-item-has-children > a,
.content-menu-footer #menu-equipamentos .menu-item-has-children > a,
.content-menu-footer #menu-sistemas .menu-item-has-children > a {
    color: white;
    text-decoration: none;
    list-style: none;
    border-bottom: 2px solid #0d1d39;
    margin-bottom: 40px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 270px;
    padding: 14px 0;
}

.content-menu-footer #menu-cilindros .sub-menu li a,
.content-menu-footer #menu-equipamentos .sub-menu li a,
.content-menu-footer #menu-sistemas .sub-menu li a {
    color: white;
    font-size: 12px;
    text-decoration: none;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.content-menu-footer #menu-cilindros .sub-menu li a::before,
.content-menu-footer #menu-equipamentos .sub-menu li a::before,
.content-menu-footer #menu-sistemas .sub-menu li a::before {
    content: "-";
    margin-right: 5px;
    color: #0a7cf9;
}

.content-menu-footer #menu-cilindros .sub-menu li a:hover,
.content-menu-footer #menu-equipamentos .sub-menu li a:hover,
.content-menu-footer #menu-sistemas .sub-menu li a:hover {
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    color: var(--azul-escuro-hover);
}

/* Endereço e telefone */

.informacoes-footer-gifel {
    font-family: var(--poppins);
    font-size: 12px;
    color: white;
    width: 270px;
    margin-top: 30px;
    line-height: 22px;
}

.informacoes-footer-gifel-endereco p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.informacoes-footer-gifel-endereco p::before {
    content: url("./sistema-de-combate-a-incendio/footer/combate-a-incendio-gifel-icone-pin.png");
    vertical-align: middle;
    margin-right: 14px;
}
.informacoes-footer-gifel-telefone a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    font-size: 12px;
    color: white;
    text-decoration: none;
}

.icone-telefone-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.icone-whatsapp-footer::before {
    display: none;
}

.icone-whatsapp-footer svg {
    margin-right: 10px;
    width: 15px;
    fill: #097bf9;
}

.icone-whatsapp-footer a {
    margin-left: 0 !important;
}

.icone-telefone-footer::before {
    content: url("./sistema-de-combate-a-incendio/footer/combate-a-incendio-gifel-icone-tel.png");
    vertical-align: middle;
    margin-right: 10px;
}

.informacoes-footer-gifel-telefone a:nth-child(2) {
    margin-left: 24px;
}

/* Redes Sociais, barra de pesquisa e footer exent*/

.content-redes-sociais-pesquisa {
    width: 1220px;
    margin: 0 auto;
    padding-top: 29px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.redes-sociais-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.redes-sociais-footer p {
    color: #fff;
    font-size: 10px;
    margin-right: 23px;
}

.redes-sociais-footer a {
    border: 1px solid var(--azul-escuro-hover);
    text-align: center;
    width: 37px;
    height: 37px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--azul-escuro-hover);
    text-decoration: none;
    margin-right: 8px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;

}
.redes-sociais-footer a:hover {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-filter: brightness(1.3);
    filter: brightness(1.3);
}

.redes-sociais-footer .icone-facebook {
    width: 10px;
    height: auto;
    fill: #0d75ea;
}
.redes-sociais-footer .icone-youtube {
    width: 19px;
    height: auto;
    fill: #0d75ea;
}

.redes-sociais-footer .icone-linkedin {
    width: 17px;
    height: auto;
    fill: #0d75ea;
}
.barra-pesquisa-footer .icone-topo {
    width: 19px;
    height: auto;
    fill: #0d75ea;

}

.barra-pesquisa-footer {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

#form-pesquisa-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.input-pesquisa-footer {
    width: 217px;
    height: 37px;
    padding: 0 9px;
    border: none;
    border-right: 1px solid grey;
    font-size: 15px;
    color: #b6b6b6;
}

.input-pesquisa-footer::-webkit-input-placeholder {
    font-family: var(--poppins);
    font-size: 12px;
    color: #b6b6b6;

}

.input-pesquisa-footer::-moz-placeholder {
    font-family: var(--poppins);
    font-size: 12px;
    color: #b6b6b6;

}

.input-pesquisa-footer:-ms-input-placeholder {
    font-family: var(--poppins);
    font-size: 12px;
    color: #b6b6b6;

}

.input-pesquisa-footer::-ms-input-placeholder {
    font-family: var(--poppins);
    font-size: 12px;
    color: #b6b6b6;

}

.input-pesquisa-footer::placeholder {
    font-family: var(--poppins);
    font-size: 12px;
    color: #b6b6b6;

}

.botao-pesquisar-footer {
    width: 114px;
    height: 37px;
    border: none;
    background-color: var(--azul-botao);
    color: #fff;
    text-transform: uppercase;
    font-family: var(--poppins);
    font-weight: bold;
    font-size: 10px;
    border-radius: inherit;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    cursor: pointer;
}

.botao-pesquisar-footer:hover {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-filter: brightness(1.3);
    filter: brightness(1.3);
}

.botao-topo-footer {
    border: 1px solid var(--azul-escuro-hover);
    text-align: center;
    width: 37px;
    height: 37px;
    color: var(--azul-escuro-hover);
    text-decoration: none;
    background-color: transparent;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    margin-left: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.botao-topo-footer:hover {
    -webkit-filter: brightness(1.3);
    filter: brightness(1.3);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    cursor: pointer;

}

/* Footer exent */

.container-footer-exent {
    width: 100%;
    background-color: #000B1E;
    height: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px;
}

.content-footer-exent {
    width: 1200px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.content-footer-exent p {
    font-family: var(--lato);
    color: #fff;
    font-size: 12px;
}
.content-footer-exent a {
    text-decoration: none;
    color: #248cfe;
}

.icone-exent {
    margin-top: 10px;
}

.link-exent {
    display: flex;
    justify-content: flex-end;
}

.link-exent img {
    width: 60%;
}

/*********************************** PÁGINA DE PRODUTO INDIVIDUAL  ***********************************/

.content-breadcrumbs {
    width: 100%;
    background-color: #E8E8E8;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    order: 2;
}

.content-breadcrumbs .breadcrumbs {
    width: 1200px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.content-breadcrumbs .pagina-atual-breadcrumb {
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    color: #1f5293;
    text-decoration: none;
}

.content-breadcrumbs .breadcrumbs .item-breadcrumb,
.content-breadcrumbs .item-breadcrumb-home {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 2px;
}

.content-breadcrumbs .breadcrumbs .item-breadcrumb a,
.content-breadcrumbs .item-breadcrumb-home a {
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    color: #858585;
    text-decoration: none;
}

.item-breadcrumb-home::before {
    content: url("./sistema-de-combate-a-incendio/header/combate-a-incendio-gifel-icone-breadcrumb.png");
    margin-right: 5px;
}

.container-produto-individual {
    width: 100%;
    background-color: #F4F4F4;
    padding-bottom: 30px;
    order: 3;
}

.content-produto-individual {
    width: 1200px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 30px 0;
    
    justify-content: center;
}

.contador-img {
    display: none;
}

#slb_viewer_wrap .slb_theme_slb_default .slb_group_status {
    font-style: italic;
    font-size: 18.4px;
    color: #063e88 !important;
    margin-top: 16px;
}

.slb_data_desc {
    display: none !important;
}

/* SIDEBAR */

.container-menu-produtos {
    width: 248px;
    min-width: 248px;
}

.titulo-menu-produtos {
    height: 81px;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.titulo-menu-produtos p {
    color: #0a4089;
    font-size: 16px;
    font-weight: bold;
    border-bottom: 1px solid #063e8821;
    width: 190px;
    position: relative;
    padding-bottom: 5px;
}
.titulo-menu-produtos p::after {
    content: '';
    width: 30px;
    height: 4px;
    background-color: #053d87;
    position: absolute;
    right: 0;
    bottom: 0;
}
.menu-produto-sidebar > a {
    width: 100%;
    padding: 23px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 60px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-transition: 0.4s all;
    -o-transition: 0.4s all;
    transition: 0.4s all;
    padding-left: 30px;
    cursor: pointer;
    color: #063e88;
    padding-right: 40px;
}

.lista-sub-menu li > a {
    width: 100%;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 400;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    padding-left: 30px;
    cursor: pointer;
    color: #000;
    margin-bottom: 10px;
}
.lista-sub-menu li > a:hover {
    color: #063e88;
    font-weight: 600;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.lista-sub-menu .sub-menu ul {
    list-style: none;
}

.menu-produto-sidebar > a {
    background-color: #fff;
}

.menu-produto-sidebar {
    position: relative;
    cursor: pointer;
}

.sub-cilindro-sidebar {
    position: relative;
}

.setinha-sidebar {
    fill: #063e88;
    width: 6px;
    position: absolute;
    right: 18px;
    top: 23px;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.4s all;
    -o-transition: 0.4s all;
    transition: 0.4s all;
}

.setinha-sub-menu {
    top: 0;
    fill: #063e88 !important;
}

.setinha-sub-menu-sidebar {
    fill: #063e88;
    width: 6px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: 0.4s all;
    -o-transition: 0.4s all;
    transition: 0.4s all;
    position: absolute;
    right: 0;
    top: 3px;
}

.setinha-sidebar-direita {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    fill: #fff;
    width: 6px;
    position: absolute;
    right: 18px;
    -webkit-transition: 0.4s all;
    -o-transition: 0.4s all;
    transition: 0.4s all;
}

.setinha-sub-menu-sidebar-direita {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    width: 6px;
    -webkit-transition: 0.4s all;
    -o-transition: 0.4s all;
    transition: 0.4s all;
}

.bg-branco-sidebar {
    background-color: #053d87 !important;
    color: #fff !important;
    width: 100%;
    padding: 23px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: 0.4s all;
    -o-transition: 0.4s all;
    transition: 0.4s all;
}

.menu-produto-sidebar a {
    color: #063e88;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}

.lista-sub-menu {
    list-style: none;
    background-color: #e8e8e8;
    padding: 10px 0;
}

.menu-produto-sidebar .sub-menu {
    position: relative;
}

.menu-produto-sidebar {
    position: relative;
    margin: 5px 0;
}
.menu-produto-sidebar .sub-menu::before {
    content: '-';
    position: absolute;
    top: -1px;
    left: 19px;
}

.sub-menu-nv3 .sub-menu,
.sub-menu-nv3 .sub-menu,
.sub-menu-nv3 .sub-menu,
.sub-menu-nv3 .sub-menu {
    padding: 0 !important;
}
.sub-cilindro-sidebar .sub-menu li,
.sub-equipamentos-sidebar .sub-menu li,
.sub-equipamentos-sidebar-2 .sub-menu li,
.sub-equipamentos-sidebar-3 .sub-menu li {
    position: relative;
    padding-left: 5px;
}

.sub-cilindro-sidebar .sub-menu > li::before,
.sub-equipamentos-sidebar .sub-menu > li::before,
.sub-equipamentos-sidebar-2 .sub-menu > li::before,
.sub-equipamentos-sidebar-3 .sub-menu > li::before {
    content: '—' !important;
    position: absolute;
    top: 2px;
    left: -12px;
}

.ul-nivel-3 {
    padding-left: 10px;
    padding-right: 10px;
}

.mostrar-menu {
    display: block;
}

.esconder-menu {
    display: none;
}

.menu-produto-sidebar {
    list-style: none;
    margin: 10px 0;
}

.tree li ul {
    display: none;
}

.ativo > a {
    background-color: #063e88;
    color: #fff;
}

.menu-ativo {
    color: #043575 !important;
    font-weight: bold !important;
}

.sub-menu.ativo > a {
    background-color: transparent !important;
    color: #063e88;
    font-weight: bold;
}

.lista-sub-menu .todos a {
    color: #000!important;
    font-weight: 400!important;
}

/* Produto */

.container-produto {
    padding: 30px;
    margin: 0 30px;
    width: 645px;
    height: 100%;
    background-color: #fff;
}

.titulo-nome-produto {
    width: 100%;
    border-bottom: 1px solid #cbcbcb52;
    margin-bottom: 30px;
    padding-bottom: 10px;
    position: relative;
}

.titulo-nome-produto::after {
    content: '';
    width: 30px;
    height: 4px;
    background-color: #053d87;
    position: absolute;
    bottom: 0;
    right: 0;
}

.titulo-nome-produto h1 {
    color: #063e88;
    font-weight: 700;
    letter-spacing: 1px;
}

.area-thumb-produto {
    border: 1px solid #cccccc;
    width: 100%;
    max-height: 384px;
    margin: auto;
}

.area-thumb-produto .swiper-button-next:after, .swiper-button-prev:after {
    font-size: 62px !important;
}

.area-thumb-produto .swiper-button-next, .swiper-button-prev {
    color: #dcdcdc !important;
}

.thumb-produto-slick {
    position: relative;
}

.box-thumb-produto-slick {
    background-color: #fff;
    height: 382px !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.box-thumb-produto-slick img {
    width: 90%;
}

.box-thumb-produto-slick a {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 100%;
    max-height: 100%;

}

.thumb-produto-slick .slick-prev::before {
    content: url("./sistema-de-combate-a-incendio/produto-individual/combate-a-incendio-gifel-icone-seta-produto-esquerda.svg");
}
.thumb-produto-slick .slick-next::before {
    content: url("./sistema-de-combate-a-incendio/produto-individual/combate-a-incendio-gifel-icone-seta-produto-direita.svg");
}

.thumb-produto-slick .slick-prev {
    left: 5px;
    z-index: 2;
}
.thumb-produto-slick .slick-next {
    right: 11px;
    z-index: 2;
}

.area-mini-thumb-produto {
    width: 100%;
    padding-top: 16px;
    padding-bottom: 30px;
    border-bottom: 1px solid #cbcbcb52;
    margin-bottom: 30px;
}

.mini-thumb-produto {
    height: 84px !important;
    /* margin: 0 11px auto; */
    border: 1px solid #ccc;
    transition: 0.2s all;
    cursor: pointer;
    display: flex !important;
    align-items: center;
    justify-content: center;
    /* width: 30.7% !important;
    max-width: 30.7%; */
    /* margin-left: 3px; */
    /* margin-right: 3%; */
    width: 30.7% !important;
    margin: 0;

}


.mini-thumb-produto:hover {

    border: 1px solid var(--azul-escuro-hover);
    transition: 0.2s all;
}

.mini-thumb-produto img {
    width: auto;
    height: 100%;
    margin: 0 auto;
    max-width: 100%;
    max-height: 100%;
}
/* 
.thumb-produto-swiper .swiper-slide-prev, .thumb-produto-swiper .swiper-slide-active, .thumb-produto-swiper .swiper-slide-next {
    margin-right: 4.6%;
}
*/
/* .thumb-produto-swiper .swiper-slide-thumb-active {
 margin-right: 0 !important;
}  */

.descricao-produto-mobile {
    display: none;
}

.descricao-pag-produto {
    font-family: "Open Sans";
    margin-top: 30px;
}
/* .descricao-pag-produto p {
    color: #6b6b6b;
    font-size: 15px;
}

.descricao-pag-produto h2 {
    font-size: 24px;
    letter-spacing: 1px;
    color: #030a17;
    font-weight: 600;
    margin-bottom: 5px;
    margin-top: 25px;
}

.descricao-pag-produto h3 {
    font-size: 22px;
    letter-spacing: 1px;
    color: #063e87;
    font-weight: 500;
    margin-bottom: 5px;
    margin-top: 25px;
}

.descricao-pag-produto h4 {
    font-size: 20px;
    letter-spacing: 1px;
    color: #063e87;
    font-weight: 400;
    margin-bottom: 5px;
    margin-top: 25px;
}

.descricao-pag-produto h5 {
    font-size: 18px;
    color: #063e87;
    font-weight: 400;
    margin-bottom: 5px;
    margin-top: 25px;

}

.descricao-pag-produto h6 {
    font-size: 16px;
    letter-spacing: 0px;
    color: #063e87;
    font-weight: 400;
    margin-bottom: 5px;
    margin-top: 25px;
}


.descricao-pag-produto p {
    font-size: 15px;
    letter-spacing: 0;
    line-height: 24px;
    color: #6b6b6b;
    font-weight: 400;
    font-family: "Poppins";
    margin-bottom: 15px;
}

.descricao-pag-produto ul {
    font-size: 15px;
    line-height: 24px;
    color: #030a17;
    font-weight: 400;
    margin-left: 17px;
    margin-bottom: 30px;
} */

.descricao-pag-produto p {
    margin-bottom: 27px;
    text-align: justify;
    font-size: 16px;
    color: #858585;
}

.descricao-pag-produto h2,
.descricao-pag-produto h3,
.descricao-pag-produto h4,
.descricao-pag-produto h5,
.descricao-pag-produto h6 {
    font-size: 22px;
    line-height: 26px;
    margin: 15px 0;
    color: #221F1A;
    font-weight: 700;
}

.descricao-pag-produto p,
.descricao-pag-produto span {
    font-size: 16px;
    line-height: 26px;
    color: #454545;
    font-weight: 500;
    margin-bottom: 30px;
}

.contador-img > span {
    font-size: unset;
    line-height: 0; 
     color: unset;
     font-weight: unset;
     margin-bottom: unset;
}

.descricao-pag-produto b,
.descricao-pag-produto strong {
    font-size: 16px;
    line-height: 26px;
    margin: 0 0 30px;
    color: #454545;
    font-weight: 700;
}

.descricao-pag-produto ol,
.descricao-pag-produto ul {
    padding: 0px 0 5px 60px;
    list-style: none;
    margin-bottom: 20px;
}

.descricao-pag-produto blockquote {
    border-left: 4px solid #063e87;
    padding-left: 24px;
    margin: 35px 0 35px 60px;
}

.descricao-pag-produto blockquote p {
    font-size: 18px;
    color: #000;
}

.descricao-pag-produto ul li::before {
    content: "\2022";
    color: #063e87;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
    font-size: 17px;
}
.descricao-pag-produto ol {
    counter-reset: li;
}
.descricao-pag-produto ol li::before {
    content: counter(li) ". ";
    color: #063e87;
    font-weight: 600;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}
.descricao-pag-produto ol li {
    counter-increment: li;
}
.descricao-pag-produto li {
    font-size: 16px;
    line-height: 26px;
    color: #454545;
    margin: 6px 0;
    font-weight: 500;
}
.descricao-pag-produto a {
    font-size: 16px;
    line-height: 18px;
    margin: 0;
    color: #052e64;
    font-weight: 600;
    text-decoration: none;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.descricao-pag-produto a:hover {
    color: #0f4a97;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.descricao-pag-produto .wp-caption,
.descricao-pag-produto img {
    max-width: 100%;
    height: auto;
    width: auto;
    max-height: 100%;
}
.descricao-pag-produto hr {
    border: none;
    width: 100%;
    height: 1px;
    background: #cbcbcb52;
    margin: 30px 0;
    position: relative;
}

.descricao-pag-produto hr::after{
    content: '';
    width: 30px;
    height: 4px;
    background-color: #45454580;
    position: absolute;
    bottom: 0;
    right: 0;
}
.descricao-categoria-produto hr {
    border: none;
    width: 100%;
    height: 1px;
    background: #cbcbcb52;
    margin: 25px 0;
    position: relative;
}

.descricao-categoria-produto hr::after{
    content: '';
    width: 30px;
    height: 4px;
    background-color: #45454580;
    position: absolute;
    bottom: 0;
    right: 0;
}
.descricao-pag-produto .wp-caption-text {
    font-size: 12px;
    margin: 0;
    color: #454545;
    text-align: center;
    font-weight: 500;
    line-height: 19px;
}
.descricao-pag-produto .wp-caption-text a {
    font-size: 12px;
}

.descricao-pag-produto .letra-azul-lista::first-letter {
    color: #063e87;
    font-weight: 600;
}

.descricao-pag-produto .botao-azul-padrao {
    padding: 15px 25px;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 24px;
    color: #fefefe;
    background-color: var(--azul-botao);
    border: none;
    cursor: pointer;
    -webkit-transition: 0.2s all;
    -o-transition: 0.2s all;
    transition: 0.2s all;
    margin-bottom: 30px;
    margin-right: 15px;
}
.descricao-pag-produto .botao-verde-padrao {
    padding: 15px 47px;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 24px;
    color: #fefefe;
    background-color: #33a301;
    border: none;
    cursor: pointer;
    -webkit-transition: 0.2s all;
    -o-transition: 0.2s all;
    transition: 0.2s all;
    margin-bottom: 30px;
    font-weight: 600;
    margin-right: 15px;

}
.descricao-pag-produto .botao-azul-escuro-padrao {
    padding: 15px 47px;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 24px;
    color: #fefefe;
    background-color: #0e2330;
    border: none;
    cursor: pointer;
    -webkit-transition: 0.2s all;
    -o-transition: 0.2s all;
    transition: 0.2s all;
    margin-bottom: 30px;
    font-weight: 600;
    margin-right: 15px;

}

.descricao-pag-produto .botao-saiba-azul-padrao {
    padding: 15px 47px;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 24px;
    color: #fefefe;
    background-color: var(--azul-botao);
    border: none;
    cursor: pointer;
    -webkit-transition: 0.2s all;
    -o-transition: 0.2s all;
    transition: 0.2s all;
    margin-bottom: 30px;
    font-weight: 600;
    margin-right: 15px;

}

.descricao-pag-produto .botao-azul-escuro-padrao:hover,
.descricao-pag-produto .botao-azul-padrao:hover,
.descricao-pag-produto .botao-saiba-azul-padrao:hover,
.descricao-pag-produto .botao-verde-padrao:hover {
    -webkit-filter: brightness(1.2);
    filter: brightness(1.2);
    -webkit-transition: 0.2s all;
    -o-transition: 0.2s all;
    transition: 0.2s all;

}

.descricao-pag-produto ol {
    font-size: 15px;
    letter-spacing: 0;
    line-height: 24px;
    color: #6b6b6b;
    margin-left: 13px;
    margin-bottom: 15px;
}

.descricao-pag-produto ol li::marker {
    color: #063e87;
    margin-right: 5px;
    font-family: var(--poppins);
    font-weight: 600;

}

.box-imagens-descricao-produto {
    display: flex;
    column-gap: 5%;
}

.box-imagens-descricao-categoria-produto {
    display: flex;
    column-gap: 1%;
    flex-wrap: wrap;
    flex-direction: row;
    margin-top: 1%;
}

.box-imagens-descricao-categoria-produto > a{
    width: 15.83%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1% !important;
    border: 1px solid #ccc;
}

.box-imagens-descricao-categoria-produto > p{
margin-bottom: 15px !important;
}

.descricao-pag-produto .imagens-descricao-produto {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 48%;
    border: 1px solid #ccc;
    padding: 2% 0;
}

.descricao-pag-produto .imagens-descricao-produto span{
    color: #063e88;
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 10px;
    text-align: center;

}

.descricao-pag-produto .imagens-descricao-produto > div{
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;

}

.descricao-categoria-produto .imagens-descricao-produto {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 48%;
    border: 1px solid #ccc;
    padding: 2% 0;
}

.descricao-categoria-produto .imagens-descricao-produto span{
    color: #063e88;
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 10px;
    text-align: center;

}

.descricao-categoria-produto .imagens-descricao-produto > div{
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;

}

.descricao-categoria-produto .area-thumb-produto {
    width: 50%;
}

.descricao-categoria-produto .area-mini-thumb-produto {
    width: 50%;
    margin: 0 auto;
}

.descricao-pag-produto .box-video-descricao-produto {
    height: 351px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
}
.descricao-pag-produto .box-video-descricao-produto > iframe {
    display: block;
    border: none;
    height: 351px;
}

.imagens-ilustrativas {
    font-size: 12px !important;
    margin-bottom: 30px !important;
}

.descricao-pag-produto  a {
    color: #063e87;
    font-size: 15px;

}

.produto-relacionado > a {
    width: 100%;
    display: flex;
}
.loop-produtos-relacionados-slick .slick-track {
    margin-left: unset;
    margin-right: unset;
}

.produto-exemplos {
    margin-top: 30px;
}

.produto-exemplos h2 {
    color: #063e88;
    font-weight: 700;
    font-size: 22px;
    margin-bottom: 30px;
}
.tabela-produto {
    margin-bottom: 30px;
    width: 100%;
    border: 1px solid #ccc;
}

.box-loop-produtos-relacionados-desktop {
    display: block !important;
    margin-bottom: 30px;
    width: 645px;
    margin: 0 auto;
    padding-bottom: 10px;
}

.nome-produto-relacionado {
    width: 100%;
    height: 100%;
    line-height: normal !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    color: #fff !important;
    font-size: 10px !important;
    text-align: center;
    padding: 0 10%;
}



.box-loop-produtos-relacionados-desktop h2 {
    color: #063e88;
    font-weight: 700;
    font-size: 22px;
    margin-bottom: 30px;
}

.box-loop-produtos-relacionados-desktop .box-loop-produtos-relacionados {
    display: block;
    margin-top: 30px;
    margin-bottom: 40px;
}
.box-loop-produtos-relacionados-desktop .box-loop-produtos-relacionados h2 {
    font-size: 14px;
    color: #004081;
    font-weight: 600;
    margin-bottom: 15px;
}

.box-loop-produtos-relacionados-desktop .imagem-produto-relacionado img {
    height: auto;
    max-height: 100%;
    margin: 0 auto;
}

.box-loop-produtos-relacionados-desktop .imagem-produto-relacionado {
    width: 146px;
    height: 212px;
    border: 1px solid gainsboro;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    transition: 0.2s all;

}

.box-loop-produtos-relacionados-desktop .produto-relacionado:hover .imagem-produto-relacionado {
    transition: 0.2s all;
    border: 1px solid var(--azul-escuro-hover);
}


.box-loop-produtos-relacionados-desktop .botoes-produtos-relacionados {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: var(--azul-escuro);
    color: #fff;
    font-weight: 600;
    font-size: 12px;
    text-decoration: none;
    height: 50px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.box-loop-produtos-relacionados-desktop .produto-relacionado {
    height: 100%;
    max-width: 31.4% !important;
}

.box-loop-produtos-relacionados-desktop .link-nome-produto-relacionado {
    text-align: center;
    width: 133px;
    text-decoration: none;
    margin: 0 auto;
    font-size: 10px;
    color: #ffffff !important;
    font-weight: 600;
    padding: 0 15px;
}

.box-loop-produtos-relacionados-desktop .link-nome-produto-relacionado a {
    color: #fff;
    font-weight: 600;
    font-size: 12px;
    text-decoration: none;
}

.box-loop-produtos-relacionados-desktop .botao-orcamento-produto-relacionado {
    background-color: var(--azul-escuro-hover);
    width: 30px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 27px !important;
    font-weight: 300 !important;
    text-decoration: none;
    color: #fff !important;
}

.box-loop-produtos-relacionados-desktop .botao-orcamento-produto-relacionado a {
    color: #fff;
    font-weight: 600;
    font-size: 12px;
    text-decoration: none;
}

.box-loop-produtos-relacionados-desktop .loop-produtos-relacionados-slick .slick-next,
.loop-produtos-relacionados-slick .slick-prev {
    display: none !important;
}

.caracteristica-tabela {
    color: #063e88 !important;
}

.tabela-produto .titulo-tabela th {
    background-color: #003f84;
    vertical-align: middle;
    text-align: center;
    color: white;
    height: 20px;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: bold;
    padding: 8px;
}
.tabela-produto .conteudo-tabela td {
    border: 1px solid #ccc;
    font-size: 13px;
    height: 22px;
    vertical-align: middle;
    text-align: center;
    padding: 8px;
    color: #454545;
}

.tabela-produto .titulo-tabela {
    border: 1px solid #003f84;
}

/* Sidebar Cotação */

.container-cotacao-produtos {
    width: 250px;
}

.box-fabricacao-cotacao {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #063E88;
    height: 69px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 5px;
    padding: 0 10%;
}

.box-fabricacao-cotacao-mobile {
    display: none;
}

.cilindro-icone-mobile {
    display: none;
}

.produzimos-mobile {
    display: none;
}

.box-fabricacao-cotacao h3 {
    font-size: 12px;
    color: #ffffff;
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #ffffff;
    font-weight: 600;
    margin-left: 10px;
}
.box-fabricacao-cotacao h3 a {
    color: #fff;
    text-decoration: none;
}

.box-solicite-cotacao {
    background-color: #fff;
    height: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.box-solicite-cotacao p {
    position: relative;
    font-size: 14px;
    font-weight: bold;
    color: #0a4089;
    text-transform: uppercase;
    border-bottom: 1px solid #063e8821;
    padding-bottom: 7px;
    width: 188px;
}

.box-solicite-cotacao p::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 30px;
    height: 4px;
    background-color: #053d87;
}

.formulario-cotacao {
    background-color: #e8e8e8;
    padding: 30px;
    position: relative;
}

.formulario-cotacao > input {
    width: 100%;
    border: none;
    border-left: 1px solid #063e88;
    height: 30px;
    margin-bottom: 12px;
    padding-left: 12px;
    font-size: 12px;
    color: #8f8f8f !important;
}
.formulario-cotacao > input::-webkit-input-placeholder {
    font-size: 10px;
    color: #8f8f8f;
}
.formulario-cotacao > input::-moz-placeholder {
    font-size: 10px;
    color: #8f8f8f;
}
.formulario-cotacao > input:-ms-input-placeholder {
    font-size: 10px;
    color: #8f8f8f;
}
.formulario-cotacao > input::-ms-input-placeholder {
    font-size: 10px;
    color: #8f8f8f;
}
.formulario-cotacao > input::placeholder {
    font-size: 10px;
    color: #8f8f8f;
}

.formulario-cotacao > textarea {
    width: 100%;
    border: none;
    border-left: 1px solid #063e88;
    margin-bottom: 12px;
    padding-top: 12px;
    padding-left: 12px;
    font-size: 12px;
    color: #8f8f8f !important;

}

.formulario-cotacao > textarea:focus {
    -webkit-box-shadow: 0 0 0 0;
    box-shadow: 0 0 0 0;
    outline: 0;
}

.box-check-cotacao {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.box-check-cotacao label {
    font-size: 10px;
    color: #8f8f8f;
    margin-left: 10px;
    margin-bottom: 17px;
}

.box-check-cotacao input[type=checkbox] {
    accent-color: #1b6dd1;
}

.box-codigo-cotacao {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.box-codigo-cotacao div {
    width: 73px;
    background-color: #063e88;
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 12px;
    color: #fff;
}

.box-codigo-cotacao input {
    width: 109px;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 30px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: none;
    font-size: 10px;
    color: #8f8f8f !important;

}
.box-codigo-cotacao input::-webkit-input-placeholder {
    text-align: center;
}
.box-codigo-cotacao input::-moz-placeholder {
    text-align: center;
}
.box-codigo-cotacao input:-ms-input-placeholder {
    text-align: center;
}
.box-codigo-cotacao input::-ms-input-placeholder {
    text-align: center;
}
.box-codigo-cotacao input::placeholder {
    text-align: center;
}

.botao-cotacao {
    width: 100%;
    height: 69px;
    background-color: #33a301;
    border: none;
    cursor: pointer;
    color: white;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.botao-cotacao:hover {
    -webkit-filter: brightness(1.1);
    filter: brightness(1.1);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.box-botao-cotacao {
    position: relative;
}

.box-botao-cotacao svg {
    fill: #fff;
    width: 6px;
    position: absolute;
    right: 28px;
    top: 29px;
}

.box-loop-produtos-relacionados {
    display: none;
}

/************************************** CATEGORIA DE PRODUTO  ***********************************************/

.container-categoria-produto {
    width: 100%;
    background-color: #F4F4F4;
    order: 3;
}

.content-sidebar-categoria-produto {
    width: 1200px;
    max-width: 90%;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 60px;
}

.content-categoria-produto {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: 70px;
    max-width: 69%;

}

.content-loop-categoria-produto {
    background-color: #fff;
    width: 100%;
}

.titulo-categoria-produto {
    width: 100%;
    border-bottom: 1px solid #cbcbcb52;
    padding-bottom: 10px;
    position: relative;
}

.box-titulo-categoria-produto {
    padding: 30px 70px 0;
}

.titulo-categoria-produto h1 {
    font-size: 28px;
    color: #043575;
}
.titulo-categoria-produto::after {
    content: '';
    width: 30px;
    height: 4px;
    background-color: #053d87;
    position: absolute;
    bottom: 0;
    right: 0;
}

.content-loop-categoria-produto .loop-categoria-produto {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -moz-column-gap: 3.4%;
    column-gap: 3.4%;
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    -webkit-column-gap: 3.4%;
    padding: 30px 70px 0px;
}

.content-loop-categoria-produto .botoes-produto-home {
    width: 100%;
}

.content-loop-categoria-produto .produto-home {
    margin: 0 0 35px;
}

.content-descricao-categoria-produto {
    width: 100%;
    margin: 0 auto;
}

.descricao-categoria-produto {
    margin-top: 30px;
    padding-bottom: 30px;
}
.descricao-categoria-produto p {
    margin-bottom: 27px;
    text-align: justify;
    font-size: 16px;
    color: #858585;
}

.descricao-categoria-produto h2,
.descricao-categoria-produto h3,
.descricao-categoria-produto h4,
.descricao-categoria-produto h5,
.descricao-categoria-produto h6 {
    font-size: 22px;
    line-height: 26px;
    margin: 15px 0;
    color: #221F1A;
    font-weight: 700;
}

.descricao-categoria-produto p,
.descricao-categoria-produto span {
    font-size: 16px;
    line-height: 26px;
    color: #454545;
    font-weight: 500;
    margin-bottom: 25px;
}

.descricao-categoria-produto b,
.descricao-categoria-produto strong {
    font-size: 16px;
    line-height: 26px;
    margin: 0 0 30px;
    color: #454545;
    font-weight: 700;
}

.descricao-categoria-produto ol,
.descricao-categoria-produto ul {
    padding: 0px 0 5px 60px;
    list-style: none;
    margin-bottom: 20px ;
}

.descricao-categoria-produto blockquote {
    border-left: 4px solid #063e87;
    padding-left: 24px;
    margin: 35px 0 35px 60px;
}

.descricao-categoria-produto blockquote p {
    font-size: 18px;
    color: #000;
}

.descricao-categoria-produto ul li::before {
    content: "\2022";
    color: #063e87;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
    font-size: 17px;
}
.descricao-categoria-produto ol {
    counter-reset: li;
}
.descricao-categoria-produto ol li::before {
    content: counter(li) ". ";
    color: #063e87;
    font-weight: 600;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}
.descricao-categoria-produto ol li {
    counter-increment: li;
}
.descricao-categoria-produto li {
    font-size: 16px;
    line-height: 26px;
    color: #454545;
    margin: 6px 0;
    font-weight: 500;
}
.descricao-categoria-produto a {
    font-size: 16px;
    line-height: 18px;
    margin: 0;
    color: #052e64;
    font-weight: 600;
    text-decoration: none;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.descricao-categoria-produto a:hover {
    color: #0f4a97;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.descricao-categoria-produto .wp-caption,
.descricao-categoria-produto img {
    max-width: 100%;
    height: auto;
}

.descricao-categoria-produto .wp-caption-text {
    font-size: 12px;
    margin: 0;
    color: #454545;
    text-align: center;
    font-weight: 500;
    line-height: 19px;
}
.descricao-categoria-produto .wp-caption-text a {
    font-size: 12px;
}

.descricao-categoria-produto p:nth-last-child(-n + 1) {
    margin-bottom: 0;
    border-bottom: 1px solid #ccc;
    margin-bottom: 30px;
}

.box-tabela-categoria {
    border-top: 1px solid #ccc;
    padding-top: 50px;
    margin-top: 36px;
}

.box-tabela-categoria h1 {
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    color: #004081;
    margin-bottom: 35px !important;
}

/************************************** PÁGINA PADRÃO *******************************************/
.container-padrao {
    width: 100%;
    background-color: #f4f4f4;
    order: 3;
}

.content-padrao {
    width: 1200px;
    margin: 0 auto;
    padding: 60px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.content-padrao-nosidebar {
    width: 1200px;
    margin: 0 auto;
    padding: 60px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.content-padrao-nosidebar .box-conteudo-padrao {
    width: 100%;
    background-color: #fff;
    padding: 30px;
}

.box-conteudo-padrao {
    width: 922px;
    background-color: #fff;
    padding: 30px;
    height: 100%;
}

.titulo-conteudo-padrao {
    width: 100%;
    position: relative;
    border-bottom: 1px solid #ccc;
    margin-bottom: 32px;
    padding-bottom: 10px;
}

.titulo-conteudo-padrao::after {
    content: '';
    width: 31px;
    height: 3px;
    background-color: #043575;
    position: absolute;
    right: 0;
    bottom: 0;
}

.box-conteudo-padrao h1 {
    font-size: 28px;
    letter-spacing: 1px;
    color: #063e87;
}

.box-conteudo-padrao h2 {
    font-size: 24px;
    letter-spacing: 1px;
    color: #030a17;
    font-weight: 600;
    margin-bottom: 5px;
    margin-top: 25px;
}

.box-conteudo-padrao h3 {
    font-size: 22px;
    letter-spacing: 1px;
    color: #063e87;
    font-weight: 500;
    margin-bottom: 5px;
    margin-top: 25px;
}

.box-conteudo-padrao h4 {
    font-size: 20px;
    letter-spacing: 1px;
    color: #063e87;
    font-weight: 400;
    margin-bottom: 5px;
    margin-top: 25px;
}

.box-conteudo-padrao h5 {
    font-size: 18px;
    color: #063e87;
    font-weight: 400;
    margin-bottom: 5px;
    margin-top: 25px;

}

.box-conteudo-padrao h6 {
    font-size: 16px;
    letter-spacing: 0;
    color: #063e87;
    font-weight: 400;
    margin-bottom: 5px;
    margin-top: 25px;
}

.box-conteudo-padrao p {
    font-size: 15px;
    letter-spacing: 0;
    line-height: 24px;
    color: #6b6b6b;
    font-weight: 400;
    font-family: "Poppins";
    margin-bottom: 15px;
}

.box-conteudo-padrao ul {
    font-size: 15px;
    line-height: 24px;
    color: #030a17;
    font-weight: 400;
    margin-left: 17px;
    margin-bottom: 30px;
}

.box-conteudo-padrao .letra-azul-lista::first-letter {
    color: #063e87;
    font-weight: 600;
}

.box-conteudo-padrao .botao-azul-padrao {
    padding: 15px 25px;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 24px;
    color: #fefefe !important;
    background-color: var(--azul-botao);
    border: none;
    cursor: pointer;
    -webkit-transition: 0.2s all;
    -o-transition: 0.2s all;
    transition: 0.2s all;
    margin-bottom: 30px;
    margin-right: 15px;
    text-decoration: none !important;
}
.box-conteudo-padrao .botao-verde-padrao {
    padding: 15px 47px;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 24px;
    color: #fefefe !important;
    background-color: #33a301;
    border: none;
    cursor: pointer;
    -webkit-transition: 0.2s all;
    -o-transition: 0.2s all;
    transition: 0.2s all;
    margin-bottom: 30px;
    font-weight: 600;
    margin-right: 15px;
    text-decoration: none !important;

}
.box-conteudo-padrao .botao-azul-escuro-padrao {
    padding: 15px 47px;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 24px;
    color: #fefefe !important;
    background-color: #0e2330;
    border: none;
    cursor: pointer;
    -webkit-transition: 0.2s all;
    -o-transition: 0.2s all;
    transition: 0.2s all;
    margin-bottom: 30px;
    font-weight: 600;
    margin-right: 15px;
    text-decoration: none !important;

}

.box-conteudo-padrao .botao-saiba-azul-padrao {
    padding: 15px 47px;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 24px;
    color: #fefefe !important;
    background-color: var(--azul-botao);
    border: none;
    cursor: pointer;
    -webkit-transition: 0.2s all;
    -o-transition: 0.2s all;
    transition: 0.2s all;
    margin-bottom: 30px;
    font-weight: 600;
    margin-right: 15px;
    text-decoration: none !important;

}

.box-conteudo-padrao .botao-azul-escuro-padrao:hover,
.box-conteudo-padrao .botao-azul-padrao:hover,
.box-conteudo-padrao .botao-saiba-azul-padrao:hover,
.box-conteudo-padrao .botao-verde-padrao:hover {
    -webkit-filter: brightness(1.2);
    filter: brightness(1.2);
    -webkit-transition: 0.2s all;
    -o-transition: 0.2s all;
    transition: 0.2s all;

}

.box-conteudo-padrao .gallery {
    margin-bottom: 1.5em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-gap: 1.5em;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.box-conteudo-padrao .gallery .gallery-item {
    width: auto;
    text-align: unset;
    display: initial;
}

.box-conteudo-padrao img {
    max-width: 100%;
    height: auto;
}

.box-conteudo-padrao ol {
    font-size: 15px;
    letter-spacing: 0;
    line-height: 24px;
    color: #6b6b6b;
    margin-left: 13px;
    margin-bottom: 15px;
}

.box-conteudo-padrao ol li::marker {
    color: #063e87;
    margin-right: 5px;
    font-family: var(--poppins);
    font-weight: 600;

}

.box-conteudo-padrao a {
    color: #063e87 !important;
    font-size: 15px;
}

.box-sidebar-padrao {
    margin-left: 30px;
    width: 249px;
}

.fale-conosco-sidebar-padrao {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    height: 80px;
    padding: 0 30px;
}

.fale-conosco-sidebar-padrao h2 {
    font-size: 14px;
    line-height: 15px;
    color: #0a4089;
    font-weight: bold;
    width: 100%;
    border-bottom: 1px solid #063e8821;
    padding-bottom: 7px;
    position: relative;
}

.fale-conosco-sidebar-padrao h2::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 30px;
    height: 4px;
    background-color: #053d87;
}

.form-fale-conosco {
    background-color: #e8e8e8;
    padding: 30px;
    position: relative;
}

.form-fale-conosco > input {
    width: 100%;
    border: none;
    border-left: 1px solid #063e88;
    height: 30px;
    margin-bottom: 12px;
    padding-left: 12px;
    font-size: 12px;
    color: #8f8f8f !important;
}

.form-fale-conosco > textarea {
    width: 100%;
    border: none;
    border-left: 1px solid #063e88;
    margin-bottom: 12px;
    padding-top: 12px;
    padding-left: 12px;
    font-size: 12px;
    color: #8f8f8f !important;
}

.box-check-fale-conosco {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.box-check-fale-conosco input[type=checkbox] {
    accent-color: #1b6dd1;
}

.box-check-fale-conosco label {
    font-size: 10px;
    color: #8f8f8f;
    margin-left: 10px;
    margin-bottom: 17px;
}

.box-codigo-fale-conosco {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.box-codigo-fale-conosco div {
    width: 73px;
    background-color: #063e88;
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 12px;
    color: #fff;
}

.box-codigo-fale-conosco input {
    width: 109px;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 30px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: none;
    font-size: 10px;
    color: #8f8f8f !important;
    border-left: 1px solid #063e88;
    text-align: center;
}

.box-botao-fale-conosco {
    position: relative;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.botao-fale-conosco {
    width: 100%;
    height: 69px;
    background-color: #33a301;
    border: none;
    cursor: pointer;
    color: white;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.box-botao-fale-conosco svg {
    fill: #fff;
    width: 6px;
    position: absolute;
    right: 75px;
    top: 29px;
}

.box-botao-fale-conosco:hover {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-filter: brightness(1.2);
    filter: brightness(1.2);
}

.engenharia-sidebar-padrao {
    position: relative;
    height: 184px;
    margin-top: 30px;
}
.engenharia-sidebar-padrao a div {
    height: 70px;
    width: 100%;
    background-color: #091d3e;
    position: absolute;
    bottom: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 10px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.engenharia-sidebar-padrao h3 {
    font-size: 16px;
    color: #fff;
    font-weight: bold;

}

.engenharia-sidebar-padrao p {
    font-size: 12px;
    color: #fff;
    line-height: 17px;

}
.engenharia-sidebar-padrao svg {
    fill: #fff;
    width: 6px;
    position: absolute;
    right: 16px;
    top: 43px;
}

.engenharia-sidebar-padrao:hover div {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    background-color: #0061cb;
}
.servicos-sidebar-padrao {
    position: relative;
    height: 184px;
    margin-top: 30px;
}
.servicos-sidebar-padrao a div {
    height: 70px;
    width: 100%;
    background-color: #091d3e;
    position: absolute;
    bottom: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 10px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.servicos-sidebar-padrao h3 {
    font-size: 16px;
    color: #fff;
    font-weight: bold;

}

.servicos-sidebar-padrao p {
    font-size: 12px;
    color: #fff;
    line-height: 17px;

}
.servicos-sidebar-padrao svg {
    fill: #fff;
    width: 6px;
    position: absolute;
    right: 16px;
    top: 43px;
}

.servicos-sidebar-padrao:hover div {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    background-color: #0061cb;

}

/****************************************** PÁGINA DE POST INDIVIDUAL  ****************************************/

.titulo-post h1 {
    font-size: 28px;
    letter-spacing: 1px;
    color: #063e87;
    font-weight: 600;
}

.categoria-post {
    margin-bottom: 30px;
}

.categoria-post a {
    font-size: 12px;
    text-decoration: none;
    color: #063e87;
    font-weight: 600;
    margin-bottom: 40px;
}

.conteudo-post {
    padding: 0 20px;
}

.box-post-individual {
    width: 922px;
    background-color: #fff;
    padding: 30px;
    height: 100%;
    padding-right: 118px;

}

.box-post-individual p,
.box-post-individual span {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 26px;
    margin: 25px 0;
    color: #191919;
    text-align: justify;
    font-weight: 500 !important;
}

.box-post-individual ol,
.box-post-individual ul {
    padding: 5px 0 5px 60px;
    margin: 20px 0;
    list-style: none;
}

.box-post-individual blockquote {
    border-left: 4px solid #063e87;
    padding-left: 24px;
    margin: 35px 0 35px 60px;
}

.box-post-individual blockquote p {
    font-size: 18px;
    color: #000;
}

.box-post-individual ul li::before {
    content: "\2022";
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
    font-size: 17px;
}

.box-post-individual ol {
    counter-reset: li;
}

.box-post-individual ol li::before {
    content: counter(li) ". ";
    font-weight: 600;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}

.box-post-individual ol li {
    counter-increment: li;
}

.box-post-individual li {
    font-size: 16px;
    line-height: 26px;
    margin: 6px 0;
    font-weight: 500;
}

.box-post-individual a {
    font-size: 16px;
    line-height: 18px;
    margin: 0;
    font-weight: 600;
    text-decoration: none;
    -webkit-transition: 0.3;
    -o-transition: 0.3;
    transition: 0.3;
}

.box-post-individual a:hover {
    -webkit-transition: 0.3;
    -o-transition: 0.3;
    transition: 0.3;
}

.box-post-individual .wp-caption,
.box-post-individual img {
    -webkit-box-shadow: 16px -16px 0 0 #e9e9ea;
    box-shadow: 16px -16px 0 0 #e9e9ea;
    max-width: 100%;
    height: auto;
    margin-top: 25px;
}

.box-post-individual video {
    max-width: 100%;
}

.box-post-individual hr {
    border: none;
    width: 100%;
    height: 1px;
    background-color: #777;
}

.box-post-individual .wp-caption-text {
    text-align: center;
    font-weight: 500;
    line-height: 19px;
    font-size: 12px;
    margin: 0;
}

.box-post-individual .wp-caption-text a {
    font-size: 12px;
}

.box-post-individual h2,
.box-post-individual h3,
.box-post-individual h4,
.box-post-individual h5,
.box-post-individual h6 {
    font-size: 24px;
    line-height: 26px;
    margin: 25px 0;
    font-weight: 700;
}

.data-post {
    font-size: 12px !important;
    color: #c5c5c5 !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    margin-left: 10px !important;
    font-family: var(--poppins) !important;

}

.content-comentarios {
    width: 1200px;
    margin: 0 auto;
    padding-bottom: 80px;
}

.box-comentarios {
    width: 833px;
}

.box-comentarios #comments {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
}

.titulo-deixe-comentario {
    height: 80px;
    background-color: #0061cb;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 30px;
    position: relative;
    font-size: 24px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
}

.titulo-deixe-comentario h3 {
    border-bottom: 1px solid #ffffff20;
    width: 100%;
    padding-bottom: 10px;
    position: relative;
}

.titulo-deixe-comentario h3::after {
    content: '';
    width: 30px;
    height: 4px;
    background-color: #fff;
    position: absolute;
    bottom: 0;
    right: 0;

}

.box-comentarios .comment-notes {
    font-size: 10px;
    font-weight: 400px;
    color: #8f8f8f;
    margin-bottom: 10px;
}

.box-form-comentario {
    padding: 30px;
    background-color: #e8e8e8;
    margin-bottom: 30px;
}

.comment-form-author label,
.comment-form-comment label,
.comment-form-email label,
.comment-form-url {
    display: none;
}

.box-form-comentario textarea {
    padding: 12px;
    border: none;
    margin-bottom: 10px;
}

.box-form-comentario textarea::-webkit-input-placeholder {
    font-size: 10px;
    color: #8f8f8f;
}

.box-form-comentario textarea::-moz-placeholder {
    font-size: 10px;
    color: #8f8f8f;
}

.box-form-comentario textarea:-ms-input-placeholder {
    font-size: 10px;
    color: #8f8f8f;
}

.box-form-comentario textarea::-ms-input-placeholder {
    font-size: 10px;
    color: #8f8f8f;
}

.box-form-comentario textarea::placeholder {
    font-size: 10px;
    color: #8f8f8f;
}

.box-form-comentario #author,
.box-form-comentario #email {
    width: 100%;
    margin-bottom: 10px;
    border: none;
    padding-left: 12px;
    height: 30px;
}

.box-form-comentario #author::-webkit-input-placeholder,
.box-form-comentario #email::-webkit-input-placeholder {
    font-size: 10px;
    color: #8f8f8f;
}

.box-form-comentario #author::-moz-placeholder,
.box-form-comentario #email::-moz-placeholder {
    font-size: 10px;
    color: #8f8f8f;
}

.box-form-comentario #author:-ms-input-placeholder,
.box-form-comentario #email:-ms-input-placeholder {
    font-size: 10px;
    color: #8f8f8f;
}

.box-form-comentario #author::-ms-input-placeholder,
.box-form-comentario #email::-ms-input-placeholder {
    font-size: 10px;
    color: #8f8f8f;
}

.box-form-comentario #author::-webkit-input-placeholder, .box-form-comentario #email::-webkit-input-placeholder {
    font-size: 10px;
    color: #8f8f8f;
}

.box-form-comentario #author::-moz-placeholder, .box-form-comentario #email::-moz-placeholder {
    font-size: 10px;
    color: #8f8f8f;
}

.box-form-comentario #author:-ms-input-placeholder, .box-form-comentario #email:-ms-input-placeholder {
    font-size: 10px;
    color: #8f8f8f;
}

.box-form-comentario #author::-ms-input-placeholder, .box-form-comentario #email::-ms-input-placeholder {
    font-size: 10px;
    color: #8f8f8f;
}

.box-form-comentario #author::placeholder,
.box-form-comentario #email::placeholder {
    font-size: 10px;
    color: #8f8f8f;
}

.comment-form-cookies-consent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 25px;
}

.comment-form-cookies-consent label {
    font-size: 10px;
    color: #8f8f8f;
    font-weight: 400;
    margin-left: 7px;
}

.form-submit .submit {
    height: 40px;
    text-transform: uppercase;
    color: #fff;
    border: none;
    background-color: #091d3e;
    width: 257px;
    font-size: 12px;
    cursor: pointer;
}

.comment-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #fff;
    padding: 30px;
    position: relative;
    -webkit-filter: drop-shadow(0px 6px 3.5px rgba(0,0,0,0.05));
    filter: drop-shadow(0px 6px 3.5px rgba(0,0,0,0.05));
    z-index: 1;
}

.children .comment-body {
    z-index: 0;
    -webkit-filter: none;
    filter: none;
    border-left: 5px solid #063e88;
    padding-left: 60px;
}

.comment-meta {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding-top: 30px;
    border-top: 1px solid #d0d0d0;
    margin-top: 30px;
}

.comment-content p {
    font-size: 16px;
    line-height: 29px;
    color: #2c2c2c;
}

.comment-list {
    list-style: none;
}

.comment-author {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.comments-title {
    display: none;
}

.children {
    list-style: none;
    margin-bottom: 10px;
}

.comment-body .reply {
    position: absolute;
    bottom: 30px;
    right: 30px;
    font-size: 12px;
    color: #fff;
}

.comment-body .reply svg {
    width: 4px;
    height: 7px;
    fill: #777;
    margin-left: 20px;
}

.comment-body .reply a {
    text-decoration: none;
    font-size: 12px;
    color: #777;
}

.comment-author {
    font-size: 12px;
    color: #0061cb;
}

.comment-author b {
    font-size: 12px;
    color: #0061cb;
    font-weight: 400 !important;
}

.comment-metadata {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 30px;
}

.comment-metadata a {
    font-size: 12px;
    color: #777;
    font-weight: 400;
    text-decoration: none;
}

.logged-in-as {
    margin-bottom: 30px;
}

.edit-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 10px;
}

.box-sidebar-post {
    width: 278px;
    background: #fff;
    padding: 30px;
}

.box-destaque-post > p {
    font-size: 18px;
    text-transform: uppercase;
    color: #043575;
    font-weight: bold;
    border-bottom: 1px solid #6b6b6b21;
    padding-bottom: 7px;
    position: relative;
    margin-bottom: 15px;
}

.box-destaque-post > p::after {
    content: '';
    width: 30px;
    height: 4px;
    background-color: #043575;
    position: absolute;
    bottom: 0;
    right: 0;
}

.post-destaque {
    padding-left: 8px;
    margin-bottom: 45px;
}

.post-destaque img {
    max-width: 100%;
}

.post-destaque > a {
    position: relative;
}

.titulo-post-destaque {
    position: absolute;
    background: #043575;
    bottom: 16px;
    color: #fff;
    font-size: 11px;
    width: 183px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 50px;
    padding: 0 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    left: -8px;
    font-weight: bold;
    -webkit-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
}

.post-destaque:hover .titulo-post-destaque {
    background-color: var(--azul-escuro-hover);
    -webkit-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
}

.box-ultimos-posts > p {
    font-size: 18px;
    text-transform: uppercase;
    color: #043575;
    font-weight: bold;
    border-bottom: 1px solid #6b6b6b21;
    padding-bottom: 7px;
    position: relative;
    margin-bottom: 15px;
}

.box-ultimos-posts > p::after {
    content: '';
    width: 30px;
    height: 4px;
    background-color: #043575;
    position: absolute;
    bottom: 0;
    right: 0;
}

.titulo-ultimos-posts {
    padding: 10px;
}

.post-recente-loop {
    height: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
    -webkit-box-shadow: 0 0 5px 0 rgb(0 0 0 / 7%);
    box-shadow: 0 0 5px 0 rgb(0 0 0 / 7%);
    position: relative;
    -webkit-transition: 0.2s all;
    -o-transition: 0.2s all;
    transition: 0.2s all;
}

.post-recente-loop:hover {
    -webkit-transition: 0.2s all;
    -o-transition: 0.2s all;
    transition: 0.2s all;
    background-color: #0061cb;
}

.post-recente-loop:hover .titulo-ultimos-posts p {
    color: #fff;
}

.post-recente-loop:hover .data-ultimos-posts svg {
    fill: #fff;
}

.post-recente-loop:hover::after {
    background-color: #fff !important;
    -webkit-transition: 0.2s all;
    -o-transition: 0.2s all;
    transition: 0.2s all;

}

.post-recente-loop::after {
    content: '';
    width: 30px;
    height: 4px;
    background-color: #043575;
    position: absolute;
    right: 0;
    bottom: 0;
    -webkit-transition: 0.2s all;
    -o-transition: 0.2s all;
    transition: 0.2s all;

}

.box-ultimos-posts {
    margin-bottom: 40px;
}

.img-sidebar-post {
    max-height: 100%;
    height: 60px;
    /* background: #fff; */
    display: flex;
    align-items: center;
    margin-left: 10px;
}

.post-recente-loop > a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-decoration: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    max-width: 100%;
}

.post-recente-loop > a img {
    width: auto;
    height: 100%;
}

.titulo-ultimos-posts .titulo-posts {
    font-size: 12px;
    font-weight: bold;
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.data-ultimos-posts {
    margin-top: 9px;
    font-size: 10px !important;
    font-weight: 500 !important;
    text-transform: uppercase;
    font-weight: 600 !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.data-ultimo-post {
    font-size: 10px;
    color: #1e1e1e;
    font-weight: 600 !important;
    text-transform: uppercase;
}

.post-recente-loop:hover .titulo-ultimos-posts .data-ultimo-post {
    color: #fff;
}

.data-ultimos-posts svg {
    width: 11px;
    fill: #0061cb;
    margin-right: 4px;
}

.data-ultimos-posts span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.box-categorias-posts .widgettitle {
    font-size: 18px;
    text-transform: uppercase;
    color: #043575;
    font-weight: bold;
    border-bottom: 1px solid #6b6b6b21;
    padding-bottom: 7px;
    position: relative;
    margin-bottom: 15px;
}

.box-categorias-posts .widgettitle::after {
    content: '';
    width: 30px;
    height: 4px;
    background-color: #043575;
    position: absolute;
    bottom: 0;
    right: 0;
}

.categorias-posts ul {
    list-style: none;
}

.categorias-posts ul li {
    margin-bottom: 20px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.categorias-posts ul li svg {
    width: 4px;
    fill: #043575;
    margin-right: 10px;
}

.categorias-posts ul li a {
    font-size: 14px;
    text-decoration: none;
    color: #043575;
    font-weight: 500;
    width: 179px;
    -webkit-transition: 0.2s all;
    -o-transition: 0.2s all;
    transition: 0.2s all;
}

.categorias-posts ul li a:hover {
    -webkit-transition: 0.2s all;
    -o-transition: 0.2s all;
    transition: 0.2s all;
    font-weight: bold;
}

.categorias-posts ul li .post_count {
    position: absolute;
    right: 0;
    width: 20px;
    height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #043575;
    font-size: 12px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.09);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.09);
    font-weight: 500;
    -webkit-transition: 0.2s all;
    -o-transition: 0.2s all;
    transition: 0.2s all;
}

.categorias-posts ul li:hover .post_count {
    -webkit-transition: 0.2s all;
    -o-transition: 0.2s all;
    transition: 0.2s all;
    color: #fff;
    background-color: #0061cb !important;
}
/************************************** PÁGINA 404  **********************************************/

.container-404 {
    width: 100%;
    height: 530px;
    order: 3;
}

.content-404 {
    width: 1200px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
}

.box-404 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.erro-404 {
    font-size: 200px;
    font-weight: 700;

}

.box-404 a {
    background-color: var(--azul-botao);
    color: #fff;
    font-size: 14px;
    letter-spacing: 0.05em;
    font-weight: 600;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    text-align: center;
    width: 220px;
    padding: 15px;
    margin-top: 13px;
    display: block;
    text-decoration: none;
    -webkit-transition: 0.2s all;
    -o-transition: 0.2s all;
    transition: 0.2s all;
}

.box-404 a:hover {
    -webkit-filter: brightness(1.2);
    filter: brightness(1.2);
    -webkit-transition: 0.2s all;
    -o-transition: 0.2s all;
    transition: 0.2s all;

}

/****************************************** CONFIRMAÇÃO DE FORMULARIO  ****************************/

.container-confirmacao {
    width: 100%;
    height: 530px;
    order: 3;
}

.content-confirmacao {
    width: 1200px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
}

.box-confirmacao {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 250px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.check-confirmacao {
    background: var(--azul-botao);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 54%;
    width: 100px;
    height: 100px;
}
.check-confirmacao svg {
    fill: #fff;
    width: 65px;
}

.box-confirmacao p {
    font-size: 28px;
}
.box-confirmacao .agradecimento-texto {
    font-size: 20px;
}

.box-confirmacao a {
    background-color: var(--azul-botao);
    color: #fff;
    font-size: 14px;
    letter-spacing: 0.05em;
    font-weight: 600;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    text-align: center;
    width: 220px;
    padding: 15px;
    display: block;
    text-decoration: none;
    -webkit-transition: 0.2s all;
    -o-transition: 0.2s all;
    transition: 0.2s all;
}

.box-confirmacao a:hover {
    -webkit-filter: brightness(1.2);
    filter: brightness(1.2);
    -webkit-transition: 0.2s all;
    -o-transition: 0.2s all;
    transition: 0.2s all;

}

.pesquisa-menu-mobile {
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.pesquisa-menu-mobile input {
    border: none;
    height: 31px;
    font-size: 12px;
    padding-left: 10px;
    width: 100%;
    color: #fff !important;
    background: #000;
    position: relative;
    max-width: 200px;
    text-align: end;
}
.pesquisa-menu-mobile input::-webkit-input-placeholder {
    color: #acacac;
    position: absolute;
    top: 6px;
    right: 10px;
}
.pesquisa-menu-mobile input::-moz-placeholder {
    color: #acacac;
    position: absolute;
    top: 6px;
    right: 10px;
}
.pesquisa-menu-mobile input:-ms-input-placeholder {
    color: #acacac;
    position: absolute;
    top: 6px;
    right: 10px;
}
.pesquisa-menu-mobile input::-ms-input-placeholder {
    color: #acacac;
    position: absolute;
    top: 6px;
    right: 10px;
}
.pesquisa-menu-mobile input::placeholder {
    color: #acacac;
    position: absolute;
    top: 6px;
    right: 10px;
}

.pesquisa-menu-mobile > button {
    background: transparent;
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.pesquisa-menu-mobile > label {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

/* BLOG, CATEGORIA DE POST */

.box-blog {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background: #fff;
    padding: 30px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    position: relative;
}


.img-blog-home {
    width: 100%;
}


.box-blog h1 {
    font-size: 28px;
    letter-spacing: 1px;
    color: #063e87;
}


.titulo-categoria ul {
    list-style: none;
}

.titulo-categoria ul li a {
    color: #063e87;
    text-decoration: none;
}

.wp-pagenavi {
    position: absolute;
    bottom: 28px;
    margin-top: 30px;
}

.area-blog {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;

    column-gap: 4%;
}


.area-blog .loop-blog-home {
    background-color: #fff;
    position: relative;
    width: 48%;
    margin-bottom: 60px;
}

.area-blog .loop-blog-home > a {
    text-decoration: none;
}

.area-blog .box-img-blog img {
    width: 100%;
}

.area-blog .titulo-blog {
    font-size: 20px !important;
    color: #000 !important;
}

.area-blog .box-img-blog {
    position: relative;
    margin-bottom: 70px;
    display: flex;
    justify-content: center;
}

.area-blog .category{
    position: absolute;
    top: 54%;
    left: 35px;
}

.area-blog .category > a{
    text-decoration: none;
    font-size: 12px;
    color: #043575;
    font-weight: bold;
}

.area-blog .box-conteudo-blog {
    padding: 0 35px;
    height: 155px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}



/********************************* PÁGINA FALE CONOSCO  **********************************/

.container-fale-conosco {
    width: 100%;
}

.content-fale-conosco {
    width: 1200px;
    margin: 0 auto;
}

/********************************* PÁGINA DE PESQUISA  **********************************/
.container-pesquisa {
    width: 100%;
    background-color: #F4F4F4;
    padding: 30px 0;
    order: 3;
}

.content-pesquisa {
    width: 1200px;
    margin: 0 auto;
    padding: 30px 0;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 30px 70px;
    background-color: #fff;
}

.content-loop-pesquisa {
    width: 100%;
}

.titulo-resultado-pesquisa {
    width: 100%;
    border-bottom: 1px solid #cbcbcb52;
    margin-bottom: 30px;
    padding-bottom: 10px;
    position: relative;
}

.titulo-resultado-pesquisa h1 {
    font-size: 28px;
    color: #043575;
}

.titulo-resultado-pesquisa::after {
    content: '';
    width: 30px;
    height: 4px;
    background-color: #053d87;
    position: absolute;
    bottom: 0;
    right: 0;
}

.loop-pesquisa {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    column-gap: 6.54%;
}

.loop-pesquisa .produto-home {
    width: 213px;
    height: 302px;
    margin: 0 0 30px;
}

.loop-pesquisa .navigation {
    display: none;
}

/*************************************** PÁGINA DE COTAÇÃO  **************************************/

.container-pag-cotacao {
    width: 100%;
    background-color: #000c1b;
    padding: 60px 0;
    order: 3;
}

.content-pag-cotacao {
    width: 1200px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
}

.box-pag-cotacao-1 {
    width: 655px;
}

.titulo-cotacao {
    font-size: 28px;
    letter-spacing: 1px;
    color: #fff;
    position: relative;
    width: 100%;
    border-bottom: 1px solid #fff;
    padding-bottom: 10px;
    font-weight: bold;
    margin-bottom: 20px !important;
}

.subtitulo-pag-cotacao-mobile,
.titulo-pag-cotacao-mobile,
.titulo-pag-cotacao-mobile-2 {
    display: none;
}

.titulo-cotacao::after {
    content: '';
    width: 31px;
    height: 3px;
    background-color: #fff;
    position: absolute;
    bottom: 0;
    right: 0;
}

.subtitulo-cotacao {
    color: #fff;
    font-size: 18px;
    line-height: 27px;
}

.contatos-pag-cotacao {
    padding: 0 45px;
    margin-top: 135px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.contato-pag-cotacao {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 165px;
    height: 127px;
    background-color: #fff;
    -webkit-filter: drop-shadow(0 0 2px rgba(0,0,0,0.7));
    filter: drop-shadow(0 0 2px rgba(0,0,0,0.7));
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 30px;
    -webkit-transition: 0.2s all;
    -o-transition: 0.2s all;
    transition: 0.2s all;

}

.icone-tel-cotacao {
    width: 20px;
    margin-bottom: 15px;
}

.icone-globo-cotacao {
    width: 20px;
    margin-bottom: 8px;

}

.icone-youtube-cotacao {
    width: 25px;
    margin-bottom: 8px;
}

.icone-facebook-cotacao {
    width: 20px;
    margin-bottom: 8px;

}

.contato-pag-cotacao a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 12px;
    font-weight: bold;
    color: #000c1b;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: 0.2s all;
    -o-transition: 0.2s all;
    transition: 0.2s all;
    width: 100%;
    height: 100%;
}

.contato-pag-cotacao span {
    width: 100%;
    height: 100%;
}

.contato-pag-cotacao p {
    text-align: center;
}

.contato-pag-cotacao:hover {
    -webkit-transition: 0.2s all;
    -o-transition: 0.2s all;
    transition: 0.2s all;
    background-color: #0061cb;
    cursor: pointer;
}

.contato-pag-cotacao svg {
    -webkit-transition: 0.2s all;
    -o-transition: 0.2s all;
    transition: 0.2s all;
}

.contato-pag-cotacao:hover svg {
    -webkit-transition: 0.2s all;
    -o-transition: 0.2s all;
    transition: 0.2s all;
    fill: #fff;
}

.contato-pag-cotacao:hover a {
    -webkit-transition: 0.2s all;
    -o-transition: 0.2s all;
    transition: 0.2s all;
    color: #fff;
}

.box-pag-cotacao-2 {
    width: 447px;
}

.form-pag-cotacao {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 25px 35px;
    background-color: #fff;
    position: relative;
}

.form-pag-cotacao .titulo-form {
    font-size: 24px;
    letter-spacing: 1px;
    color: #030a17;
    font-weight: bold;
    margin-bottom: 20px !important;
}

.form-pag-cotacao p {
    font-size: 12px;
    color: #8f8f8f;
    margin-bottom: 20px;
}

.form-pag-cotacao > input {
    width: 100%;
    -webkit-filter: drop-shadow(0 0 2.5px rgba(0,0,0,0.3));
    filter: drop-shadow(0 0 2.5px rgba(0,0,0,0.3));
    border: none;
    border-left: 1px solid #063e88;
    margin-bottom: 20px;
    height: 30px;
    padding-left: 10px;
    font-size: 10px;
}

.box-tel-cotacao {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.box-tel-cotacao input {
    -webkit-filter: drop-shadow(0 0 2.5px rgba(0,0,0,0.3));
    filter: drop-shadow(0 0 2.5px rgba(0,0,0,0.3));
    border: none;
    border-left: 1px solid #063e88;
    margin-bottom: 20px;
    height: 30px;
    padding-left: 10px;
    font-size: 10px;
}

.box-tel-cotacao .ddd-cotacao {
    width: 30%;
    margin-right: 24px;
}

.box-tel-cotacao .telefone-cotacao {
    width: 100%;
}

.form-pag-cotacao textarea {
    -webkit-filter: drop-shadow(0 0 2.5px rgba(0,0,0,0.3));
    filter: drop-shadow(0 0 2.5px rgba(0,0,0,0.3));
    border: none;
    border-left: 1px solid #063e88;
    padding-left: 10px;
    padding-top: 10px;
    font-size: 10px;
    margin-bottom: 20px;
}

.form-pag-cotacao textarea:focus {
    -webkit-box-shadow: 0 0 0 0;
    box-shadow: 0 0 0 0;
    outline: 0;
}

.form-pag-cotacao > label {
    font-size: 12px;
    color: #8f8f8f;
    margin-bottom: 5px;
}

.botao-upload {
    border: none !important;
    padding-left: 0 !important;
    position: relative;
    -webkit-filter: drop-shadow(0 0 2.5px rgba(0,0,0,0.05)) !important;
    filter: drop-shadow(0 0 2.5px rgba(0,0,0,0.05)) !important;
    font-size: 12px !important;
    color: #b1b1b1;
}

.box-botao-upload img {
    display: none;
}

.nome-arquivo {
    display: none;
}

.form-pag-cotacao input[type=file]::-webkit-file-upload-button {
    background-color: red;
    width: 158px;
    height: 30px;
    -webkit-filter: drop-shadow(0 0 2.5px rgba(0,0,0,0.3));
    filter: drop-shadow(0 0 2.5px rgba(0,0,0,0.3));
    background-color: #0061cb;
    border: none;
    position: relative;
    color: #fff;
    font-size: 10px;
    margin-right: 15px;
    padding-left: 30px !important;
}

.form-pag-cotacao input[type=file]::file-selector-button {
    background-color: red;
    width: 158px;
    height: 30px;
    -webkit-filter: drop-shadow(0 0 2.5px rgba(0,0,0,0.3));
    filter: drop-shadow(0 0 2.5px rgba(0,0,0,0.3));
    background-color: #0061cb;
    border: none;
    position: relative;
    color: #fff;
    font-size: 10px;
    margin-right: 15px;
    padding-left: 30px !important;
}

.botao-upload::before {
    content: url("./sistema-de-combate-a-incendio/geral/combate-a-incendio-gifel-icone-clipe.png");
    width: 20px;
    height: auto;
    position: absolute;
    left: 12px;
    top: 5px;
    z-index: 1;
}

.form-pag-cotacao input[type=file]::-webkit-file-upload-button:hover {
    cursor: pointer;
}

.form-pag-cotacao input[type=file]::file-selector-button:hover {
    cursor: pointer;
}

.check-pag-cotacao {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
    margin-top: 20px;
}

.check-pag-cotacao input {
    margin-right: 10px;

}

.check-pag-cotacao input[type=checkbox] {
    accent-color: #1b6dd1;
}

.check-pag-cotacao label {
    font-size: 10px;
    color: #8f8f8f;
}

.box-codigo-pag-cotacao {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 40px;
}

.codigo-pag-cotacao {
    width: 85px;
    height: 30px;
    background-color: #063e88;
    color: #fff;
    font-size: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 24px;
}

.box-codigo-pag-cotacao input {
    width: 100%;
    -webkit-filter: drop-shadow(0 0 2.5px rgba(0,0,0,0.3));
    filter: drop-shadow(0 0 2.5px rgba(0,0,0,0.3));
    border: none;
    border-left: 1px solid #063e88;
    height: 30px;
    padding-left: 10px;
    font-size: 10px;
}

.box-botao-enviar-pag-cotacao {
    position: relative;
    position: relative;
    width: 209px;
    height: 51px;

}

.box-botao-enviar-pag-cotacao svg {
    position: absolute;
    right: 53px;
    bottom: 20px;
    width: 6px;
    fill: #fff;
}

.botao-enviar-pag-cotacao {
    width: 209px !important;
    height: 51px !important;
    background-color: #33a301;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-transform: uppercase;
    font-size: 14px !important;
    color: #fff;
    font-weight: bold;
    -webkit-transition: 0.4s all;
    -o-transition: 0.4s all;
    transition: 0.4s all;
    border: none !important;
}

.botao-enviar-pag-cotacao:hover {
    -webkit-filter: brightness(1.1);
    filter: brightness(1.1);
    cursor: pointer;
    -webkit-transition: 0.4s all;
    -o-transition: 0.4s all;
    transition: 0.4s all;
}

/*************************************** PÁGINA TRABALHE CONOSCO  **************************************/

.container-pag-trabalhe {
    width: 100%;
    background-color: #000c1b;
    padding: 60px 0;
    order: 3;
}

.content-pag-trabalhe {
    width: 1200px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
}

.box-pag-trabalhe-1 {
    width: 655px;
}

.titulo-trabalhe {
    font-size: 28px;
    letter-spacing: 1px;
    color: #fff;
    position: relative;
    width: 100%;
    border-bottom: 1px solid #fff;
    padding-bottom: 10px;
    font-weight: bold;
    margin-bottom: 20px !important;
}

.subtitulo-pag-trabalhe-mobile,
.titulo-pag-trabalhe-mobile,
.titulo-pag-trabalhe-mobile-2 {
    display: none;
}

.titulo-trabalhe::after {
    content: '';
    width: 31px;
    height: 3px;
    background-color: #fff;
    position: absolute;
    bottom: 0;
    right: 0;
}

.subtitulo-trabalhe {
    color: #fff;
    font-size: 18px;
    line-height: 27px;
}

.contatos-pag-trabalhe {
    padding: 0 45px;
    margin-top: 135px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.contato-pag-trabalhe {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 165px;
    height: 127px;
    background-color: #fff;
    -webkit-filter: drop-shadow(0 0 2px rgba(0,0,0,0.7));
    filter: drop-shadow(0 0 2px rgba(0,0,0,0.7));
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 30px;
    -webkit-transition: 0.2s all;
    -o-transition: 0.2s all;
    transition: 0.2s all;

}

.icone-tel-trabalhe {
    width: 20px;
    margin-bottom: 15px;
}

.icone-globo-trabalhe {
    width: 20px;
    margin-bottom: 8px;

}

.icone-youtube-trabalhe {
    width: 25px;
    margin-bottom: 8px;
}

.icone-facebook-trabalhe {
    width: 20px;
    margin-bottom: 8px;

}

.contato-pag-trabalhe a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 12px;
    font-weight: bold;
    color: #000c1b;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: 0.2s all;
    -o-transition: 0.2s all;
    transition: 0.2s all;
    width: 100%;
    height: 100%;
}

.contato-pag-trabalhe span {
    width: 100%;
    height: 100%;
}

.contato-pag-trabalhe p {
    text-align: center;
}

.contato-pag-trabalhe:hover {
    -webkit-transition: 0.2s all;
    -o-transition: 0.2s all;
    transition: 0.2s all;
    background-color: #0061cb;
    cursor: pointer;
}

.contato-pag-trabalhe svg {
    -webkit-transition: 0.2s all;
    -o-transition: 0.2s all;
    transition: 0.2s all;
}

.contato-pag-trabalhe:hover svg {
    -webkit-transition: 0.2s all;
    -o-transition: 0.2s all;
    transition: 0.2s all;
    fill: #fff;
}

.contato-pag-trabalhe:hover a {
    -webkit-transition: 0.2s all;
    -o-transition: 0.2s all;
    transition: 0.2s all;
    color: #fff;
}

.box-pag-trabalhe-2 {
    width: 447px;
}

.form-pag-trabalhe {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 25px 35px;
    background-color: #fff;
    position: relative;
}

.form-pag-trabalhe .titulo-form {
    font-size: 24px;
    letter-spacing: 1px;
    color: #030a17;
    font-weight: bold;
    margin-bottom: 20px !important;
}

.form-pag-trabalhe p {
    font-size: 12px;
    color: #8f8f8f;
    margin-bottom: 20px;
}

.form-pag-trabalhe > input {
    width: 100%;
    -webkit-filter: drop-shadow(0 0 2.5px rgba(0,0,0,0.3));
    filter: drop-shadow(0 0 2.5px rgba(0,0,0,0.3));
    border: none;
    border-left: 1px solid #063e88;
    margin-bottom: 20px;
    height: 30px;
    padding-left: 10px;
    font-size: 10px;
}

.box-tel-trabalhe {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.box-tel-trabalhe input {
    -webkit-filter: drop-shadow(0 0 2.5px rgba(0,0,0,0.3));
    filter: drop-shadow(0 0 2.5px rgba(0,0,0,0.3));
    border: none;
    border-left: 1px solid #063e88;
    margin-bottom: 20px;
    height: 30px;
    padding-left: 10px;
    font-size: 10px;
}

.box-tel-trabalhe .ddd-trabalhe {
    width: 30%;
    margin-right: 24px;
}

.box-tel-trabalhe .telefone-trabalhe {
    width: 100%;
}

.form-pag-trabalhe textarea {
    -webkit-filter: drop-shadow(0 0 2.5px rgba(0,0,0,0.3));
    filter: drop-shadow(0 0 2.5px rgba(0,0,0,0.3));
    border: none;
    border-left: 1px solid #063e88;
    padding-left: 10px;
    padding-top: 10px;
    font-size: 10px;
    margin-bottom: 20px;
}

.form-pag-trabalhe textarea:focus {
    -webkit-box-shadow: 0 0 0 0;
    box-shadow: 0 0 0 0;
    outline: 0;
}

.form-pag-trabalhe > label {
    font-size: 12px;
    color: #8f8f8f;
    margin-bottom: 5px;
}

.botao-upload {
    border: none !important;
    padding-left: 0 !important;
    position: relative;
    -webkit-filter: drop-shadow(0 0 2.5px rgba(0,0,0,0.05)) !important;
    filter: drop-shadow(0 0 2.5px rgba(0,0,0,0.05)) !important;
    font-size: 12px !important;
    color: #b1b1b1;
}

.box-botao-upload img {
    display: none;
}

.nome-arquivo {
    display: none;
}

.form-pag-trabalhe input[type=file]::-webkit-file-upload-button {
    background-color: red;
    width: 158px;
    height: 30px;
    -webkit-filter: drop-shadow(0 0 2.5px rgba(0,0,0,0.3));
    filter: drop-shadow(0 0 2.5px rgba(0,0,0,0.3));
    background-color: #0061cb;
    border: none;
    position: relative;
    color: #fff;
    font-size: 10px;
    margin-right: 15px;
    padding-left: 30px !important;
}

.form-pag-trabalhe input[type=file]::file-selector-button {
    background-color: red;
    width: 158px;
    height: 30px;
    -webkit-filter: drop-shadow(0 0 2.5px rgba(0,0,0,0.3));
    filter: drop-shadow(0 0 2.5px rgba(0,0,0,0.3));
    background-color: #0061cb;
    border: none;
    position: relative;
    color: #fff;
    font-size: 10px;
    margin-right: 15px;
    padding-left: 30px !important;
}

.botao-upload::before {
    content: url("./sistema-de-combate-a-incendio/geral/combate-a-incendio-gifel-icone-clipe.png");
    width: 20px;
    height: auto;
    position: absolute;
    left: 12px;
    top: 5px;
    z-index: 1;
}

.form-pag-trabalhe input[type=file]::-webkit-file-upload-button:hover {
    cursor: pointer;
}

.form-pag-trabalhe input[type=file]::file-selector-button:hover {
    cursor: pointer;
}

.check-pag-trabalhe {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
    margin-top: 20px;
}

.check-pag-trabalhe input {
    margin-right: 10px;

}

.check-pag-trabalhe input[type=checkbox] {
    accent-color: #1b6dd1;
}

.check-pag-trabalhe label {
    font-size: 10px;
    color: #8f8f8f;
}

.box-codigo-pag-trabalhe {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 40px;
}

.codigo-pag-trabalhe {
    width: 85px;
    height: 30px;
    background-color: #063e88;
    color: #fff;
    font-size: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 24px;
}

.box-codigo-pag-trabalhe input {
    width: 100%;
    -webkit-filter: drop-shadow(0 0 2.5px rgba(0,0,0,0.3));
    filter: drop-shadow(0 0 2.5px rgba(0,0,0,0.3));
    border: none;
    border-left: 1px solid #063e88;
    height: 30px;
    padding-left: 10px;
    font-size: 10px;
}

.box-botao-enviar-pag-trabalhe {
    position: relative;
    position: relative;
    width: 209px;
    height: 51px;

}

.box-botao-enviar-pag-trabalhe svg {
    position: absolute;
    right: 53px;
    bottom: 20px;
    width: 6px;
    fill: #fff;
}

.botao-enviar-pag-trabalhe {
    width: 209px !important;
    height: 51px !important;
    background-color: #33a301;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-transform: uppercase;
    font-size: 14px !important;
    color: #fff;
    font-weight: bold;
    -webkit-transition: 0.4s all;
    -o-transition: 0.4s all;
    transition: 0.4s all;
    border: none !important;
}

.botao-enviar-pag-trabalhe:hover {
    -webkit-filter: brightness(1.1);
    filter: brightness(1.1);
    cursor: pointer;
    -webkit-transition: 0.4s all;
    -o-transition: 0.4s all;
    transition: 0.4s all;
}

/*************************************** PÁGINA FALE CONOSCO  **************************************/

.container-pag-fale {
    width: 100%;
    background-color: #000c1b;
    padding: 60px 0 0;
    position: relative;
    order: 3;
}

.content-pag-fale {
    width: 1200px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
}

.box-pag-fale-1 {
    width: 655px;
}

.titulo-fale {
    font-size: 28px;
    letter-spacing: 1px;
    color: #fff;
    position: relative;
    width: 100%;
    border-bottom: 1px solid #fff;
    padding-bottom: 10px;
    font-weight: bold;
    margin-bottom: 20px !important;
}

.subtitulo-pag-fale-mobile,
.titulo-pag-fale-mobile,
.titulo-pag-fale-mobile-2 {
    display: none;
}

.titulo-fale::after {
    content: '';
    width: 31px;
    height: 3px;
    background-color: #fff;
    position: absolute;
    bottom: 0;
    right: 0;
}

.subtitulo-fale {
    color: #fff;
    font-size: 18px;
    line-height: 27px;
}

.contatos-pag-fale {
    padding: 0 45px;
    margin-top: 135px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.contato-pag-fale {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 165px;
    height: 127px;
    background-color: #fff;
    -webkit-filter: drop-shadow(0 0 2px rgba(0,0,0,0.7));
    filter: drop-shadow(0 0 2px rgba(0,0,0,0.7));
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 30px;
    -webkit-transition: 0.2s all;
    -o-transition: 0.2s all;
    transition: 0.2s all;

}

.icone-tel-fale {
    width: 20px;
    margin-bottom: 15px;
}

.icone-globo-fale {
    width: 20px;
    margin-bottom: 8px;

}

.icone-youtube-fale {
    width: 25px;
    margin-bottom: 8px;
}

.icone-facebook-fale {
    width: 20px;
    margin-bottom: 8px;

}

.contato-pag-fale a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 12px;
    font-weight: bold;
    color: #000c1b;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: 0.2s all;
    -o-transition: 0.2s all;
    transition: 0.2s all;
    width: 100%;
    height: 100%;
}

.contato-pag-fale span {
    width: 100%;
    height: 100%;
}

.contato-pag-fale p {
    text-align: center;
}

.contato-pag-fale:hover {
    -webkit-transition: 0.2s all;
    -o-transition: 0.2s all;
    transition: 0.2s all;
    background-color: #0061cb;
    cursor: pointer;
}

.contato-pag-fale svg {
    -webkit-transition: 0.2s all;
    -o-transition: 0.2s all;
    transition: 0.2s all;
}

.contato-pag-fale:hover svg {
    -webkit-transition: 0.2s all;
    -o-transition: 0.2s all;
    transition: 0.2s all;
    fill: #fff;
}

.contato-pag-fale:hover a {
    -webkit-transition: 0.2s all;
    -o-transition: 0.2s all;
    transition: 0.2s all;
    color: #fff;
}

.box-pag-fale-2 {
    width: 447px;
}

.form-pag-fale {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 25px 35px 37px;
    background-color: #fff;
    position: relative;
    z-index: 1;
}

.form-pag-fale .titulo-form {
    font-size: 24px;
    letter-spacing: 1px;
    color: #030a17;
    font-weight: bold;
    margin-bottom: 20px !important;
}

.form-pag-fale p {
    font-size: 12px;
    color: #8f8f8f;
    margin-bottom: 20px;
}

.form-pag-fale > input {
    width: 100%;
    -webkit-filter: drop-shadow(0 0 2.5px rgba(0,0,0,0.3));
    filter: drop-shadow(0 0 2.5px rgba(0,0,0,0.3));
    border: none;
    border-left: 1px solid #063e88;
    margin-bottom: 20px;
    height: 30px;
    padding-left: 10px;
    font-size: 10px;
}

.box-tel-fale {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.box-tel-fale input {
    -webkit-filter: drop-shadow(0 0 2.5px rgba(0,0,0,0.3));
    filter: drop-shadow(0 0 2.5px rgba(0,0,0,0.3));
    border: none;
    border-left: 1px solid #063e88;
    margin-bottom: 20px;
    height: 30px;
    padding-left: 10px;
    font-size: 10px;
}

.box-tel-fale .ddd-fale {
    width: 30%;
    margin-right: 24px;
}

.box-tel-fale .telefone-fale {
    width: 100%;
}

.form-pag-fale textarea {
    -webkit-filter: drop-shadow(0 0 2.5px rgba(0,0,0,0.3));
    filter: drop-shadow(0 0 2.5px rgba(0,0,0,0.3));
    border: none;
    border-left: 1px solid #063e88;
    padding-left: 10px;
    padding-top: 10px;
    font-size: 10px;
    margin-bottom: 32px;
}

.form-pag-fale textarea:focus {
    -webkit-box-shadow: 0 0 0 0;
    box-shadow: 0 0 0 0;
    outline: 0;
}

.form-pag-fale > label {
    font-size: 12px;
    color: #8f8f8f;
    margin-bottom: 5px;
}

.botao-upload {
    border: none !important;
    padding-left: 0 !important;
    position: relative;
    -webkit-filter: drop-shadow(0 0 2.5px rgba(0,0,0,0.05)) !important;
    filter: drop-shadow(0 0 2.5px rgba(0,0,0,0.05)) !important;
    font-size: 12px !important;
    color: #b1b1b1;
    width: 100%;
}

.box-botao-upload img {
    display: none;
}

.nome-arquivo {
    display: none;
}

.form-pag-fale input[type=file]::-webkit-file-upload-button {
    background-color: red;
    width: 158px;
    height: 30px;
    -webkit-filter: drop-shadow(0 0 2.5px rgba(0,0,0,0.3));
    filter: drop-shadow(0 0 2.5px rgba(0,0,0,0.3));
    background-color: #0061cb;
    border: none;
    position: relative;
    color: #fff;
    font-size: 10px;
    margin-right: 15px;
    padding-left: 30px !important;
}

.form-pag-fale input[type=file]::file-selector-button {
    background-color: red;
    width: 158px;
    height: 30px;
    -webkit-filter: drop-shadow(0 0 2.5px rgba(0,0,0,0.3));
    filter: drop-shadow(0 0 2.5px rgba(0,0,0,0.3));
    background-color: #0061cb;
    border: none;
    position: relative;
    color: #fff;
    font-size: 10px;
    margin-right: 15px;
    padding-left: 30px !important;
}

.botao-upload::before {
    content: url("./sistema-de-combate-a-incendio/geral/combate-a-incendio-gifel-icone-clipe.png");
    width: 20px;
    height: auto;
    position: absolute;
    left: 12px;
    top: 5px;
    z-index: 1;
}

.form-pag-fale input[type=file]::-webkit-file-upload-button:hover {
    cursor: pointer;
}

.form-pag-fale input[type=file]::file-selector-button:hover {
    cursor: pointer;
}

.check-pag-fale {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 40px;
    margin-top: 20px;
}

.check-pag-fale input {
    margin-right: 10px;

}

.check-pag-fale input[type=checkbox] {
    accent-color: #1b6dd1;
}

.check-pag-fale label {
    font-size: 10px;
    color: #8f8f8f;
}

.box-codigo-pag-fale {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 40px;
}

.codigo-pag-fale {
    width: 85px;
    min-width: 85px;
    height: 30px;
    background-color: #063e88;
    color: #fff;
    font-size: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 24px;
}

.box-codigo-pag-fale input {
    width: 100%;
    -webkit-filter: drop-shadow(0 0 2.5px rgba(0,0,0,0.3));
    filter: drop-shadow(0 0 2.5px rgba(0,0,0,0.3));
    border: none;
    border-left: 1px solid #063e88;
    height: 30px;
    padding-left: 10px;
    font-size: 10px;
}

.box-botao-enviar-pag-fale {
    position: relative;
    position: relative;
    width: 209px;
    height: 51px;

}

.box-botao-enviar-pag-fale svg {
    position: absolute;
    right: 53px;
    bottom: 20px;
    width: 6px;
    fill: #fff;
}

.botao-enviar-pag-fale {
    width: 209px !important;
    height: 51px !important;
    background-color: #33a301;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-transform: uppercase;
    font-size: 14px !important;
    color: #fff;
    font-weight: bold;
    -webkit-transition: 0.4s all;
    -o-transition: 0.4s all;
    transition: 0.4s all;
    border: none !important;
}

.botao-enviar-pag-fale:hover {
    -webkit-filter: brightness(1.1);
    filter: brightness(1.1);
    cursor: pointer;
    -webkit-transition: 0.4s all;
    -o-transition: 0.4s all;
    transition: 0.4s all;
}

.tipo-mensagem-fale {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.tipo-mensagem-fale select {
    -webkit-filter: drop-shadow(0 0 2.5px rgba(0,0,0,0.3));
    filter: drop-shadow(0 0 2.5px rgba(0,0,0,0.3));
    border: none;
    margin-bottom: 20px;
    height: 30px;
    font-size: 10px;
    width: 100%;
    font-size: 12px;
    letter-spacing: 0;
    color: #b1b1b1;
    text-align: center;
}

.tipo-mensagem-fale span {
    font-size: 12px;
    color: #8f8f8f;
    min-width: 125px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 32px;
    margin-right: 30px;
}

.icone-maleta-fale {
    width: 28px;
    height: auto;
    margin-bottom: 4px;
}

.box-mapa-fale {
    height: 70vh;
    max-height: 70vh;
    position: relative;
    width: 100%;
    margin-top: -124px;
}

.box-mapa-fale:hover .cor-mapa {
    background-color: unset;
    -webkit-transition: 0.2s all;
    -o-transition: 0.2s all;
    transition: 0.2s all;

}

.content-mapa {
    width: 100%;
    height: 100%;
}

.cor-mapa {
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: #063e87a3;
    pointer-events: none;
    -webkit-transition: 0.2s all;
    -o-transition: 0.2s all;
    transition: 0.2s all;

}

.dedo-mapa-mobile {
    display: none;
}

.endereco-pag-fale {
    height: 133px;
    width: 100%;
    padding: 0 10%;
    background: #f4f4f4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.endereco-pag-fale p {
    font-size: 25px;
    letter-spacing: 1px;
    color: #00112e;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.endereco-pag-fale span {
    font-weight: bold;
    font-size: 25px;
    letter-spacing: 1px;
}

.endereco-pag-fale img {
    margin-right: 45px;
}

/*************************************** PÁGINA INTERNATIONAL CONTACT  **************************************/

.other-contacts-internacional,
.subtitulo-internacional-mobile,
.titulo-internacional-mobile {
    display: none;
}

.container-pag-internacional {
    width: 100%;
    background-color: #000c1b;
    padding: 60px 0;
    order: 3;
}

.content-pag-internacional {
    width: 1200px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
}

.box-pag-internacional-1 {
    width: 655px;
}

.titulo-internacional {
    font-size: 28px;
    letter-spacing: 1px;
    color: #fff;
    position: relative;
    width: 100%;
    border-bottom: 1px solid #fff;
    padding-bottom: 10px;
    font-weight: bold;
    margin-bottom: 20px !important;
}

.titulo-internacional::after {
    content: '';
    width: 31px;
    height: 3px;
    background-color: #fff;
    position: absolute;
    bottom: 0;
    right: 0;
}

.subtitulo-internacional {
    color: #fff;
    font-size: 18px;
    line-height: 27px;
}

.contatos-pag-internacional {
    padding: 0 45px;
    margin-top: 135px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.contato-pag-internacional {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 165px;
    height: 127px;
    background-color: #fff;
    -webkit-filter: drop-shadow(0 0 2px rgba(0,0,0,0.7));
    filter: drop-shadow(0 0 2px rgba(0,0,0,0.7));
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 30px;
    -webkit-transition: 0.2s all;
    -o-transition: 0.2s all;
    transition: 0.2s all;

}

.icone-tel-internacional {
    width: 20px;
    margin-bottom: 15px;
}

.icone-globo-internacional {
    width: 20px;
    margin-bottom: 8px;

}

.icone-youtube-internacional {
    width: 25px;
    margin-bottom: 8px;
}

.icone-facebook-internacional {
    width: 20px;
    margin-bottom: 8px;

}

.contato-pag-internacional a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 12px;
    font-weight: bold;
    color: #000c1b;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: 0.2s all;
    -o-transition: 0.2s all;
    transition: 0.2s all;
    height: 100%;
    width: 100%;
}

.contato-pag-internacional span {
    width: 100%;
    height: 100%;
}

.contato-pag-internacional p {
    text-align: center;
}

.contato-pag-internacional:hover {
    -webkit-transition: 0.2s all;
    -o-transition: 0.2s all;
    transition: 0.2s all;
    background-color: #0061cb;
    cursor: pointer;
}

.contato-pag-internacional svg {
    -webkit-transition: 0.2s all;
    -o-transition: 0.2s all;
    transition: 0.2s all;
}

.contato-pag-internacional:hover svg {
    -webkit-transition: 0.2s all;
    -o-transition: 0.2s all;
    transition: 0.2s all;
    fill: #fff;
}

.contato-pag-internacional:hover a {
    -webkit-transition: 0.2s all;
    -o-transition: 0.2s all;
    transition: 0.2s all;
    color: #fff;
}

.box-pag-internacional-2 {
    width: 447px;
}

.form-pag-internacional {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 25px 35px;
    background-color: #fff;
}

.form-pag-internacional .titulo-form {
    font-size: 24px;
    letter-spacing: 1px;
    color: #030a17;
    font-weight: bold;
    margin-bottom: 20px !important;
}

.form-pag-internacional p {
    font-size: 12px;
    color: #8f8f8f;
    margin-bottom: 20px;
}

.form-pag-internacional > input {
    width: 100%;
    -webkit-filter: drop-shadow(0 0 2.5px rgba(0,0,0,0.3));
    filter: drop-shadow(0 0 2.5px rgba(0,0,0,0.3));
    border: none;
    border-left: 1px solid #063e88;
    margin-bottom: 20px;
    height: 30px;
    padding-left: 10px;
    font-size: 10px;
}

.box-tel-internacional {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.box-tel-internacional input {
    -webkit-filter: drop-shadow(0 0 2.5px rgba(0,0,0,0.3));
    filter: drop-shadow(0 0 2.5px rgba(0,0,0,0.3));
    border: none;
    border-left: 1px solid #063e88;
    margin-bottom: 20px;
    height: 30px;
    padding-left: 10px;
    font-size: 10px;
}

.box-tel-internacional .ddd-internacional {
    width: 30%;
    margin-right: 24px;
}

.box-tel-internacional .telefone-internacional {
    width: 100%;
}

.form-pag-internacional textarea {
    -webkit-filter: drop-shadow(0 0 2.5px rgba(0,0,0,0.3));
    filter: drop-shadow(0 0 2.5px rgba(0,0,0,0.3));
    border: none;
    border-left: 1px solid #063e88;
    padding-left: 10px;
    padding-top: 10px;
    font-size: 10px;
    margin-bottom: 20px;
}

.form-pag-internacional textarea:focus {
    -webkit-box-shadow: 0 0 0 0;
    box-shadow: 0 0 0 0;
    outline: 0;
}

.form-pag-internacional > label {
    font-size: 12px;
    color: #8f8f8f;
    margin-bottom: 5px;
}

.box-codigo-pag-internacional {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 40px;
}

.codigo-pag-internacional {
    width: 85px;
    height: 30px;
    background-color: #063e88;
    color: #fff;
    font-size: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 24px;
}

.box-codigo-pag-internacional input {
    width: 100%;
    -webkit-filter: drop-shadow(0 0 2.5px rgba(0,0,0,0.3));
    filter: drop-shadow(0 0 2.5px rgba(0,0,0,0.3));
    border: none;
    border-left: 1px solid #063e88;
    height: 30px;
    padding-left: 10px;
    font-size: 10px;
}

.box-botao-enviar-pag-internacional {
    position: relative;
    position: relative;
    width: 209px;
    height: 51px;

}

.box-botao-enviar-pag-internacional svg {
    position: absolute;
    right: 53px;
    bottom: 20px;
    width: 6px;
    fill: #fff;
}

.botao-enviar-pag-internacional {
    width: 209px !important;
    height: 51px !important;
    background-color: #33a301;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-transform: uppercase;
    font-size: 14px !important;
    color: #fff;
    font-weight: bold;
    -webkit-transition: 0.4s all;
    -o-transition: 0.4s all;
    transition: 0.4s all;
    border: none !important;
}

.botao-enviar-pag-internacional:hover {
    -webkit-filter: brightness(1.1);
    filter: brightness(1.1);
    cursor: pointer;
    -webkit-transition: 0.4s all;
    -o-transition: 0.4s all;
    transition: 0.4s all;
}


.archive .wp-pagenavi,
.blog .wp-pagenavi,
.search .wp-pagenavi {
    width: 100%;
    height: auto;
    padding: 20px 0 0;
    margin: 5px auto 5px auto !important;
    clear: both;
    text-align: center;
    font-size: 12px;
    position: relative;
    line-height: 31px;
}

.archive .wp-pagenavi a,
.archive .wp-pagenavi span,
.blog .wp-pagenavi a,
.blog .wp-pagenavi span,
.search .wp-pagenavi a,
.search .wp-pagenavi span {
    text-decoration: none;
    background: #004081;
    padding: 0 11px;
    margin: 2px;
    border-radius: 20px;
    color: #FFF;
    border: none;
    display: inline-block;
}

.archive .wp-pagenavi a:hover,
.archive .wp-pagenavi span.current,
.blog .wp-pagenavi a:hover,
.blog .wp-pagenavi span.current,
.search .wp-pagenavi a:hover,
.search .wp-pagenavi span.current {
    background: #e4e4e4;
    color: #004081;
}

.archive .wp-pagenavi span.current,
.blog .wp-pagenavi span.current,
.search .wp-pagenavi span.current {
    font-weight: bold;
}

/* Página de post */
#page .box-post-individual h2,
#page .box-post-individual h3,
#page .box-post-individual h4,
#page .box-post-individual h5,
#page .box-post-individual h6 {
    font-size: 22px;
    line-height: 26px;
    margin: 25px 0;
    color: #221F1A;
    font-weight: 700;
}
#page .box-post-individual p,
#page .box-post-individual span {
    font-size: 16px;
    line-height: 26px;
    margin: 25px 0;
    color: #454545;
    font-weight: 500;
}
#page .box-post-individual b,
#page .box-post-individual strong {
    line-height: 26px;
    margin: 0 0 30px;
    color: #454545;
    font-weight: 700;
}

#page .box-post-individual ol,
#page .box-post-individual ul {
    padding: 5px 0 5px 60px;
    list-style: none;
    margin: 20px 0;
}
#page .box-post-individual blockquote {
    border-left: 4px solid #063e87;
    padding-left: 24px;
    margin: 35px 0 35px 60px;
}
#page .box-post-individual blockquote p {
    font-size: 18px;
    color: #000;
}
#page .box-post-individual ul li::before {
    content: "\2022";
    color: #063e87;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
    font-size: 17px;
}
#page .box-post-individual ol {
    counter-reset: li;
}
#page .box-post-individual ol li::before {
    content: counter(li) ". ";
    color: #063e87;
    font-weight: 600;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}
#page .box-post-individual ol li {
    counter-increment: li;
}
#page .box-post-individual li {
    font-size: 16px;
    line-height: 26px;
    color: #454545;
    margin: 6px 0;
    font-weight: 500;
}
#page .box-post-individual a {
    font-size: 16px;
    line-height: 18px;
    margin: 0;
    color: #052e64;
    font-weight: 600;
    text-decoration: none;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

#page .box-post-individual a:hover {
    color: #0f4a97;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

#page .box-post-individual .wp-caption,
#page .box-post-individual img {
    max-width: 100%;
    height: auto;
    border: 2px solid #E9E9EA;
}
#page .box-post-individual hr {
    border: none;
    width: 100%;
    height: 1px;
    background: #B7B7B7;
    margin: 15px 0;
}
#page .box-post-individual .wp-caption-text {
    font-size: 12px;
    margin: 0;
    color: #454545;
    text-align: center;
    font-weight: 500;
    line-height: 19px;
}
#page .box-post-individual .wp-caption-text a {
    font-size: 12px;
}

.archive .box-blog,
.blog .box-blog,
.box-post-individual {
    width: 874px;
    background-color: #fff;
    padding: 30px;
    height: 100%;
    margin-right: 4%;
    padding-bottom: 0;
}

.box-sidebar-post {
    min-width: 278px;
}

.content-padrao {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-align-items: flex-start;
}

.slb_data_title {
    display: none!important;
}

/************************************** RESPONSIVO  *******************************************/
@media screen and (min-width: 1024px) {

    .logo-gifel-mobile {
        display: none;
    }
    .menu-principal-mobile,
.menu-topo-mobile {
    display: none !important;
}

.site-header {
    display: flex;
    flex-direction: column;
    order: 1;
    position: absolute;
    width: 100%;
}
.container-menu-principal {
    width: 100%;
    background: #fff;
}
.container-banner-home, .container-404, .container-confirmacao {
    margin-top: 138px;
    }
    .content-breadcrumbs {
        margin-top: 139px;
    }


.subtitulo-trabalhe, .subtitulo-internacional, .subtitulo-fale {
    margin-top: 62px;
}
.titulo-trabalhe, .titulo-cotacao, .titulo-internacional, .titulo-fale {
    position: absolute;
    width: 645px;
}

.informacoes-footer-gifel-telefone span > span {
    margin-left: 5px;
}
}

@media screen and (min-width: 1366px) and (max-width: 1650px) {
    .content-sobre-a-gifel-home-1 nav ul li {
        width: 258px;
        height: 82px;
        background-color: #091D3E;
        margin-bottom: 3px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        font-size: 11px;
        color: #ffffff;
        text-transform: uppercase;
        font-weight: 700;
        line-height: 22px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        padding-left: 35px;
        -webkit-transition: 0.3s all;
        -o-transition: 0.3s all;
        transition: 0.3s all;
    }

    .content-sobre-a-gifel-home-1 img {
        margin-right: 25%;
    }

    .box-divisor-sobre-1 {
        width: 91.3%;

    }


    /************************************** PÁGINA FALE CONOSCO  ***************************************/
    .endereco-pag-fale p {
        font-size: 22px;
    }
    .endereco-pag-fale span {
        font-size: 22px
    }
}

@media screen and (min-width: 1281px) and (max-width: 1365px) {
    /************************************************** HEADER  ********************************************/
    .menu-gifel-topo {
        width: 90%;
    }

    .telefones-menu-topo li {
        list-style: none !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0 20px 0 0;
    }

    #site-navigation {
        width: 90%;
    }

    .area-pesquisa-header {
        margin-left: 10px;
    }

    .container-menu-principal .menu > li a {
        font-size: 11px;
    }

    /**************************************************** HOME ***********************************************/
    /* Banner */
    .content-banner-home {
        width: 100%;
    }

    /* Separador Banner */

    .informacoes-divisor-banner {
        width: 90%;
        font-size: 10px;
    }

    .box-certificacao-home img {
        width: 90%;
    }

    .box-certificacao-cotacao img {
        width: 90%;
    }

    .box-cotacao-home a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .box-cotacao-home div {

        left: -47px;

    }
    /* Chamada */

    .content-chamadas-home {
        width: 90%;
    }

    .box-certificacao-home img {
        width: 90%;
    }

    .box-certificacao-cotacao img {
        width: 90%;
    }

    .box-cotacao-home a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .box-cotacao-home div {

        left: 47px;

    }

    /* Gestão da Qualidade */

    .content-gestao-qualidade {
        width: 90%;
    }

    .content-sobre-a-gifel-home-1 nav ul li {
        width: 200px;
        height: 82px;
        background-color: #091D3E;
        margin-bottom: 3px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        font-size: 11px;
        color: #ffffff;
        text-transform: uppercase;
        font-weight: 700;
        line-height: 22px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        padding-left: 30px;
        -webkit-transition: 0.3s all;
        -o-transition: 0.3s all;
        transition: 0.3s all;
    }

    .content-sobre-a-gifel-home-1 img {
        margin-right: 25%;
    }

    /* Divisor Sobre a Gifel */
    .box-divisor-sobre-1 p {
        font-size: 14px;
        margin-right: 56px;
    }

    .box-divisor-sobre-1 p::after {
        right: -56px;
    }

    /* Blog */

    .content-blog-home {
        width: 92%;
    }

    .loop-blog-home {
        background-color: #fff;
        position: relative;
        width: 29.4%;
    }

    .box-loop-blog-home {
        column-gap: 5.9%;
    }

    /* newsletter */

    .content-newsletter-home {
        width: 90%;
    }

    /* Footer */

    .content-menu-footer {
        width: 90%;
    }

    .content-redes-sociais-pesquisa {
        width: 90%;
    }

    .content-footer-exent {
        width: 90%;
    }

    #menu-cilindros,
    #menu-equipamentos,
    #menu-sistemas,
    .box-menu-informacoes-gifel {
        width: 25%;
    }

    .informacoes-footer-gifel {
        width: 88%;
    }

    /********************************************* PRODUTO INDIVIDUAL  *****************************************************/
    .content-produto-individual {
        width: 90%;
    }

    .content-breadcrumbs .breadcrumbs {
        width: 90%;

    }

    .container-produto {
        width: 580px;
    }

    .content-loop-categoria-produto .loop-categoria-produto {
        padding: 30px 49px;
    }

    .box-titulo-categoria-produto {
        padding: 30px 49px 0;
    }

    .box-loop-produtos-relacionados-desktop .produto-relacionado {
        height: 100%;
        margin: 0 4px;
        max-width: 31% !important;
    }

    .mini-thumb-produto {
        /* max-width: 30.4%; */
    }

    /********************************************* CATEGORIA DE PRODUTO  *****************************************************/

    .content-categoria-produto,
    .content-descricao-categoria-produto {
        width: 90%;
    }

    .content-loop-categoria-produto .produto-home {
        margin: 0 0 35px;
        width: 31%;
    }

    /* ********************************************* PÁGINA PADRÃO *****************************************************/

    .content-padrao,
    .content-padrao-nosidebar {
        width: 90%;
    }

    /************************************************ PÁGINA DE PESQUISA  *********************************************************/

    .content-pesquisa {
        width: 90%;
    }

    /************************************* CLUSTER  *****************************************/

    .content-cluster-home {
        width: 90%;
    }

    .preview-pagina-cluster p {
        font-size: 13px;
    }

    .titulo-pagina-cluster {
        font-size: 14px;
    }

    /************************************* PÁGINA DE COTAÇÃO  *****************************************/
    .content-pag-cotacao {
        width: 90%;
    }

    /************************************* PÁGINA TRABALHE CONOSCO  *****************************************/
    .content-pag-trabalhe {
        width: 90%;
    }
    /************************************* PÁGINA FALE CONOSCO  *****************************************/
    .content-pag-fale {
        width: 90%;
    }

    .endereco-pag-fale p {
        font-size: 21px;
    }
    .endereco-pag-fale span {
        font-size: 20px
    }

    /************************************* PÁGINA INTERNATIONAL CONTACT  *****************************************/
    .content-pag-internacional {
        width: 90%;
    }

    .endereco-pag-fale p {
        max-width: 90%;
        font-size: 23px;
    }

}

@media screen and (min-width: 1200px) and (max-width: 1280px) {
    .area-pesquisa-header {
        margin-left: 10px;
    }

    .menu-gifel-topo {
        width: 90%;
    }

    .custom-logo-link img {
        width: 100%;
        height: auto;
    }

    #Menu-Topo li a {
        font-size: 10px;
    }

    .telefones-menu-topo li a {
        font-size: 12px;
    }

    .telefones-menu-topo li {
        list-style: none !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0 20px 0 0;
    }

    #site-navigation {
        width: 90%;
    }

    .area-pesquisa-header {
        height: 67px;
    }

    .container-menu-principal .menu li {
        margin-left: 0;
    }

    .container-menu-principal .menu > li a {
        font-size: 10px;
    }

    /**************************************************** HOME ***********************************************/
    /* Banner */
    .content-banner-home {
        width: 100%;
    }

    .info-banner-home {
        max-width: 90%;
    }

    .container-banner-home .slick-dots {
        max-width: 90%;
    }
    

    .texto-banner-home {
        width: 47%;
    }

    .texto-banner-home dd {
        width: 100%;
        font-size: 12px;
    }

    .texto-banner-home dt {
        font-size: 48px;
    }

    .botoes-info-banner-home {
        font-size: 13px;
    }

    /* Separador Banner */

    .informacoes-divisor-banner {
        width: 90%;
        font-size: 10px;
    }

    .informacoes-divisor-banner div {
        padding: 0 30px;
    }

    /* Chamada */

    .content-chamadas-home {
        width: 90%;
    }

    .box-certificacao-home img {
        width: 90%;
    }

    .box-certificacao-cotacao img {
        width: 90%;
    }

    .box-cotacao-home a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    .box-certificacao-home div,
    .box-cotacao-home div {
        width: 300px;
        height: 93px;
        background-color: var(--azul-escuro);
        position: absolute;
        bottom: 18px;
        left: -11px;
        font-weight: bold;
        color: #fff;
        font-size: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-left: 13px;
        -webkit-transition: 0.3s all;
        -o-transition: 0.3s all;
        transition: 0.3s all;
    }

    .box-cotacao-home div {

        left: 43px;

    }

    .box-certificacao-home div span,
    .box-cotacao-home div span {
        font-size: 12px;
        font-weight: 400;
    }

    /* Gestão da Qualidade */

    .content-gestao-qualidade {
        width: 90%;
    }

    .content-sobre-a-gifel-home-1 nav ul li {
        width: 200px;
        height: 82px;
        background-color: #091D3E;
        margin-bottom: 3px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        font-size: 11px;
        color: #ffffff;
        text-transform: uppercase;
        font-weight: 700;
        line-height: 22px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        padding-left: 30px;
        -webkit-transition: 0.3s all;
        -o-transition: 0.3s all;
        transition: 0.3s all;
    }

    .content-sobre-a-gifel-home-1 img {
        margin-right: 25%;
    }

    /* Divisor Sobre a Gifel */
    .box-divisor-sobre-1 p {
        font-size: 14px;
        margin-right: 56px;
    }

    .box-divisor-sobre-1 p::after {
        right: -56px;
    }

    .box-qualidade-1 {
        width: 62%;
    }

    /* newsletter */

    .content-newsletter-home {
        width: 90%;
    }

    .titulo-newsletter-home span {
        font-weight: bold;
        color: #fff;
        font-size: 20px;
        position: relative;
    }

    .box-newsletter-home-1 p {
        font-size: 13px;
        line-height: 18px;
        color: #fff;
        font-weight: 400;
        letter-spacing: 1px;
    }

    .nome-newsletter-home {
        width: 190px;
        height: 100%;
        padding-left: 30px;
        border: none;
        margin-right: 7px;
    }

    .email-newsletter-home {
        width: 258px;
        height: 100%;
        padding-left: 30px;
        border: none;
    }

    .inscrever-newsletter-home {
        width: 140px;
    }

    .linha-newsletter {
        width: 138px;
        height: 1px;
        background-color: #fff;
        margin-left: 25px;
    }

    /* Blog */

    .content-blog-home {
        width: 90%;
    }


    /* Footer */

    .content-menu-footer {
        width: 90%;
    }

    .content-redes-sociais-pesquisa {
        width: 90%;
    }

    .content-footer-exent {
        width: 90%;
    }

    .content-menu-footer #menu-cilindros .menu-item-has-children > a,
    .content-menu-footer #menu-equipamentos .menu-item-has-children > a,
    .content-menu-footer #menu-sistemas .menu-item-has-children > a {
        width: 228px;
        font-size: 11px;
    }

    .content-menu-footer #menu-gifel-footer li:nth-child(1) a {
        width: 228px;
        font-size: 11px;
    }

    #menu-cilindros,
    #menu-equipamentos,
    #menu-sistemas,
    .box-menu-informacoes-gifel {
        width: 25%;
    }

    .informacoes-footer-gifel {
        width: 88%;
    }

    /********************************************* PRODUTO INDIVIDUAL  *****************************************************/
    .content-produto-individual {
        width: 90%;
    }

    .content-breadcrumbs .breadcrumbs {
        width: 90%;
    }

    .container-produto {
        width: 532px;
    }

    .tabela-produto .conteudo-tabela td,
    .tabela-produto .titulo-tabela th {
        font-size: 10px;
    }

    .box-loop-produtos-relacionados-desktop .produto-relacionado {
        height: 100%;
        margin: 0 4px;
        max-width: 30.9% !important;
    }

        /* .mini-thumb-produto {
        max-width: 30%; 
    } */

    /********************************************* CATEGORIA DE PRODUTO  *****************************************************/

    .content-categoria-produto,
    .content-descricao-categoria-produto {
        width: 90%;
    }

    .content-loop-categoria-produto {
        margin-left: 20px;
    }

    .content-categoria-produto {
        margin-left: 20px;
    }

    .content-loop-categoria-produto .loop-categoria-produto {
        padding: 30px 24px;
    }

    .box-titulo-categoria-produto {
        padding: 30px 24px 0;
    }

    .content-loop-categoria-produto .produto-home {
        margin: 0 0 35px;
        width: 31%;
    }

    /* ********************************************* PÁGINA PADRÃO *****************************************************/

    .content-padrao,
    .content-padrao-nosidebar {
        width: 90%;
    }

    /*********************************** PAGINA 404 *************************************************/

    .content-404 {
        width: 90%;
    }

    .erro-404 {
        font-size: 150px;
        font-weight: 700;
    }

    /********************************** PÁGINA DE CONFIRMAÇÃO  ********************************************/

    .content-confirmacao {
        width: 90%;
    }

    /************************************************ PÁGINA DE PESQUISA  *********************************************************/

    .content-pesquisa {
        width: 90%;
    }

    /************************************* CLUSTER  *****************************************/

    .content-cluster-home {
        width: 90%;
    }

    .preview-pagina-cluster p {
        font-size: 13px;
    }

    .titulo-pagina-cluster {
        font-size: 14px;
    }

    /************************************* PÁGINA DE COTAÇÃO  *****************************************/
    .content-pag-cotacao {
        width: 90%;
    }

    .box-pag-cotacao-2 {
        width: 405px;
    }

    .box-pag-cotacao-1, .titulo-cotacao {
        width: 645px;
    }

    /************************************* PÁGINA TRABALHE CONOSCO  *****************************************/
    .content-pag-trabalhe {
        width: 90%;
    }

    .box-pag-trabalhe-2 {
        width: 405px;
    }

    .box-pag-trabalhe-1, .titulo-trabalhe {
        width: 645px;
    }

    /************************************* PÁGINA FALE CONOSCO  *****************************************/
    .content-pag-fale {
        width: 90%;
    }

    .box-pag-fale-2 {
        width: 405px;
    }

    .box-pag-fale-1, .titulo-fale {
        width: 645px;
    }

    .endereco-pag-fale p {
        max-width: 90%;
        font-size: 22px;
    }

    
    .endereco-pag-fale p {
        font-size: 21px;
    }
    .endereco-pag-fale span {
        font-size: 19px
    }

    /************************************* PÁGINA INTERNATIONAL CONTACT  *****************************************/
    .content-pag-internacional {
        width: 90%;
    }

    .box-pag-internacional-2 {
        width: 405px;
    }

    .box-pag-internacional-1, .titulo-internacional  {
        width: 645px;
    }

}

@media screen and (min-width: 1080px) and (max-width: 1199px) {

    .custom-logo-link img {
        width: 100%;
        height: auto;
    }

    .menu-gifel-topo {
        width: 90%;
    }

    #Menu-Topo li a {
        font-size: 10px;
    }

    .telefones-menu-topo li a {
        font-size: 10px;
    }

    .telefones-menu-topo li {
        list-style: none !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0 20px 0 0;
    }

    .international-font {
        font-size: 9px !important;
    }

    #site-navigation {
        width: 90%;
    }

    .area-pesquisa-header {
        height: 67px;
    }

    .container-menu-principal .menu li {
        margin-left: 0;
        margin-right: 0;
    }
    .custom-logo-link {
        padding-top: 6px;
        margin-right: 0px;
    }

    .box-solicite {
        height: 55px;
        width: 162px;
    }

    .container-menu-principal .menu li a {
        font-size: 9px;
    }

    .area-pesquisa-header input {
        margin-left: 9px;
        width: 187px;
        font-size: 12px;
    }

    .area-pesquisa-header {
        margin-left: 0;
    }

    /**************************************************** HOME ***********************************************/
    /* Banner */
    .content-banner-home {
        width: 100%;
    }

    .info-banner-home {
        max-width: 90%;
    }

    .container-banner-home .slick-dots {
        max-width: 90%;
    }

    .texto-banner-home {
        width: 38%;
    }

    .texto-banner-home dd {
        width: 100%;
        font-size: 11px;
    }

    .texto-banner-home dt {
        font-size: 38px;
    }

    .botoes-info-banner-home {
        font-size: 10px;
    }

    /* Separador Banner */

    .informacoes-divisor-banner {
        width: 90%;
        font-size: 10px;
    }

    .informacoes-divisor-banner div {
        padding: 0 26px;
    }

    /* Chamada */

    .content-chamadas-home {
        width: 90%;
    }

    .box-certificacao-home img {
        width: 90%;
    }

    .box-certificacao-cotacao img {
        width: 90%;
    }

    .box-cotacao-home a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .box-cotacao-home div {

        left: 38px;

    }

    .box-certificacao-home div,
    .box-cotacao-home div {
        width: 255px;
        height: 93px;
        background-color: var(--azul-escuro);
        position: absolute;
        bottom: 18px;
        left: -11px;
        font-weight: bold;
        color: #fff;
        font-size: 16px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-left: 20px;
        -webkit-transition: 0.3s all;
        -o-transition: 0.3s all;
        transition: 0.3s all;
    }

    .box-cotacao-home div {
        left: 37px !important;
    }

    .box-certificacao-home div span,
    .box-cotacao-home div span {
        font-size: 12px;
        font-weight: 400;
    }

    /* Gestão da Qualidade */

    .content-gestao-qualidade {
        width: 90%;
    }

    /* Divisor Sobre a Gifel */
    .box-divisor-sobre-1 p {
        font-size: 14px;
        margin-right: 56px;
    }

    .content-sobre-a-gifel-home-1 nav ul li {
        width: 200px;
        height: 82px;
        background-color: #091D3E;
        margin-bottom: 3px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        font-size: 11px;
        color: #ffffff;
        text-transform: uppercase;
        font-weight: 700;
        line-height: 22px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        padding-left: 30px;
        -webkit-transition: 0.3s all;
        -o-transition: 0.3s all;
        transition: 0.3s all;
    }

    .content-sobre-a-gifel-home-1 img {
        margin-right: 25%;
        width: 40%;
    }

    .content-sobre-a-gifel-home-2 {
        padding-left: 4.5%;
    }

    .titulo-sobre-gifel-home {
        width: 440px;
    }

    .texto-sobre-gifel-home {
        width: 440px;
    }
    .box-qualidade-1 {
        width: 58%;
    }

    .box-qualidade-1 p {
        font-size: 14px;
        color: #666666;
        padding-left: 60px;
    }

    .box-divisor-sobre-1 {
        width: 86.3%;
    }

    .box-divisor-sobre-1 p::after {
        right: -56px;
    }

    /* Blog */

    .content-blog-home {
        width: 90%;
    }




    .texto-blog-home {
        font-size: 14px;
        line-height: 17px;
        color: #858585;
    }

    /* newsletter */

    .content-newsletter-home {
        width: 90%;
    }

    .titulo-newsletter-home span {
        font-weight: bold;
        color: #fff;
        font-size: 20px;
        position: relative;
    }

    .box-newsletter-home-1 p {
        font-size: 10px;
        line-height: 18px;
        color: #fff;
        font-weight: 400;
        letter-spacing: 1px;
    }

    .nome-newsletter-home {
        width: 190px;
        height: 100%;
        padding-left: 30px;
        border: none;
        margin-right: 7px;
    }

    .email-newsletter-home {
        width: 258px;
        height: 100%;
        padding-left: 30px;
        border: none;
    }

    .inscrever-newsletter-home {
        width: 140px;
    }

    .linha-newsletter {
        width: 138px;
        height: 1px;
        background-color: #fff;
        margin-left: 25px;
    }

    /* Footer */

    .content-menu-footer {
        width: 90%;
    }

    .content-redes-sociais-pesquisa {
        width: 90%;
    }

    .content-footer-exent {
        width: 90%;
    }

    .content-menu-footer #menu-cilindros .menu-item-has-children > a,
    .content-menu-footer #menu-equipamentos .menu-item-has-children > a,
    .content-menu-footer #menu-sistemas .menu-item-has-children > a {
        width: 228px;
        font-size: 11px;
    }

    .content-menu-footer #menu-gifel-footer li:nth-child(1) a {
        width: 228px;
        font-size: 11px;
    }

    #menu-cilindros,
    #menu-equipamentos,
    #menu-sistemas,
    .box-menu-informacoes-gifel {
        width: 25%;
    }

    .informacoes-footer-gifel {
        width: 88%;
    }

    /**************************************** BLOG  ************************************************/

    .area-blog .box-img-blog img {
        width: auto;
    }

    .area-blog .titulo-blog {
        font-size: 14px !important;
        color: #000 !important;
    }

    .area-blog .descricao-blog {
        font-size: 12px;
    }

    .area-blog .category > a {
        text-decoration: none;
        font-size: 10px;
    }

    .area-blog .data-blog {
        width: 110px;
        height: 40px;
        display: flex;
        background-color: var(--azul-botao);
        color: #fff;
        font-size: 16px;
        font-weight: 700;
        position: absolute;
        bottom: -19px;
        justify-content: center;
        align-items: center;
        right: 20px;
    }
    /********************************************* PRODUTO INDIVIDUAL  *****************************************************/
    .content-produto-individual {
        width: 90%;
    }

    .content-breadcrumbs .breadcrumbs {
        width: 90%;
        margin: 0 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .container-produto {
        width: 47%;
    }

    .container-cotacao-produtos {
        width: 27%;
        max-width: 250px;
    }

    .tabela-produto .conteudo-tabela td,
    .tabela-produto .titulo-tabela th {
        font-size: 10px;
    }

    /* Sidebar */

    #menu-cilindro-sidebar .cilindros-sidebar > a,
    #menu-equipamentos-sidebar .equipamentos-sidebar > a,
    #menu-sistemas-sidebar .sistemas-sidebar > a {
        padding-left: 9px;
        font-size: 11px;
    }

    #menu-cilindro-sidebar .cilindros-sidebar .sub-menu,
    #menu-equipamentos-sidebar .equipamentos-sidebar .sub-menu,
    #menu-sistemas-sidebar .sistemas-sidebar .sub-menu {
        padding: 15px;
    }

    #menu-cilindro-sidebar li .sub-menu li a,
    #menu-equipamentos-sidebar li .sub-menu li a,
    #menu-sistemas-sidebar li .sub-menu li a {
        font-size: 11px;
    }

    .container-produto {
        margin: 0 10px;
    }

    .box-loop-produtos-relacionados-desktop .produto-relacionado {
        height: 100%;
        margin: 0 4px;
        max-width: 30% !important;
    }

    /* .mini-thumb-produto {
        max-width: 29.8%;
    } */



    /********************************************* CATEGORIA DE PRODUTO  *****************************************************/

    .content-categoria-produto,
    .content-descricao-categoria-produto {
        width: 90%;
    }

    .content-loop-categoria-produto {
        margin-left: 20px;
    }

    .content-categoria-produto {
        margin-left: 20px;
    }

    .content-loop-categoria-produto .loop-categoria-produto {
        padding: 30px 24px;
    }

    .box-titulo-categoria-produto {
        padding: 30px 24px 0;
    }

    .content-loop-categoria-produto .produto-home {
        width: 31%;
        height: 279px;
        margin: 0 0 35px;
    }

    /* ********************************************* PÁGINA PADRÃO *****************************************************/

    .content-padrao,
    .content-padrao-nosidebar {
        width: 90%;
    }

    /*********************************** PAGINA 404 *************************************************/

    .content-404 {
        width: 90%;
    }

    .erro-404 {
        font-size: 150px;
        font-weight: 700;
    }

    /********************************** PÁGINA DE CONFIRMAÇÃO  ********************************************/

    .content-confirmacao {
        width: 90%;
    }

    /************************************************ PÁGINA DE PESQUISA  *********************************************************/

    .content-pesquisa {
        width: 90%;
    }

    /************************************* CLUSTER  *****************************************/

    .content-cluster-home {
        width: 90%;
    }

    .preview-pagina-cluster p {
        font-size: 12px;
    }

    .titulo-pagina-cluster {
        font-size: 14px;
    }

    .titulo-pagina-cluster-descricao {
        font-size: 24px;
    }

    .box-descricao-cluster {
        width: 65%;
    }

    
    .links-pag-cluster h3, .links-pag-cluster h4 {

    font-size: 13px;
    }

    /************************************* PÁGINA DE COTAÇÃO  *****************************************/
    .content-pag-cotacao {
        width: 90%;
    }

    .box-pag-cotacao-2 {
        width: 405px;
    }

    .box-pag-cotacao-1, .titulo-cotacao {
        width: 530px;
    }

    .subtitulo-cotacao {
        color: #fff;
        font-size: 16px;
        line-height: 27px;
    }

    .contato-pag-cotacao a {

        font-size: 10px;
    }

    .contato-pag-cotacao {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 113px;
        height: 75px;
    }

    /************************************* PÁGINA TRABALHE CONOSCO  *****************************************/
    .content-pag-trabalhe {
        width: 90%;
    }

    .box-pag-trabalhe-2 {
        width: 405px;
    }

    .box-pag-trabalhe-1, .titulo-trabalhe {
        width: 530px;
    }

    .subtitulo-trabalhe {
        color: #fff;
        font-size: 16px;
        line-height: 27px;
    }

    .contato-pag-trabalhe a {

        font-size: 10px;
    }

    .contato-pag-trabalhe {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 113px;
        height: 75px;
    }

    /************************************* PÁGINA FALE CONOSCO  *****************************************/
    .content-pag-fale {
        width: 90%;
    }

    .box-pag-fale-2 {
        width: 405px;
    }

    .box-pag-fale-1, .titulo-fale {
        width: 530px;
    }

    .subtitulo-fale {
        color: #fff;
        font-size: 16px;
        line-height: 27px;
    }

    .contato-pag-fale a {

        font-size: 10px;
    }

    .contato-pag-fale {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 113px;
        height: 75px;
    }

    .endereco-pag-fale p {
        max-width: 90%;
        font-size: 19px;
    }

    
    .endereco-pag-fale p {
        font-size: 18px;
    }
    .endereco-pag-fale span {
        font-size: 17px
    }

    /************************************* PÁGINA INTERNATIONAL CONTACT  *****************************************/
    .content-pag-internacional {
        width: 90%;
    }

    .box-pag-internacional-2 {
        width: 405px;
    }

    .box-pag-internacional-1, .titulo-internacional  {
        width: 530px;
    }

    .subtitulo-internacional {
        color: #fff;
        font-size: 16px;
        line-height: 27px;
    }

    .contato-pag-internacional a {

        font-size: 10px;
    }

    .contato-pag-internacional {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 113px;
        height: 75px;
    }

}

@media screen and (min-width: 1024px) and (max-width: 1079px) {



    /* .mini-thumb-produto {
        max-width: 29%;
    } */


    .custom-logo-link img {
        width: 100%;
        height: auto;
    }

    .menu-gifel-topo {
        width: 90%;
    }

    #Menu-Topo li a {
        font-size: 9px;
    }

    .telefones-menu-topo li a {
        font-size: 9px;
    }

    .telefones-menu-topo li {
        list-style: none !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0 20px 0 0;
    }

    .international-font {
        font-size: 9px !important;
    }

    #site-navigation {
        width: 90%;
    }

    .area-pesquisa-header {
        height: 67px;
    }

    .container-menu-principal .menu li {
        margin-left: 0;
        margin-right: 0;
    }

    .setinha-header-menu {
        margin-left: 8px;
    }

    .box-solicite {
        height: 55px;
        width: 162px;
        font-size: 11px;
    }

    .container-menu-principal .menu li a {
        font-size: 9px;
    }
    .custom-logo-link {
        padding-top: 6px;
        margin-right: 5px;
    }

    .area-pesquisa-header input {
        margin-left: 9px;
        width: 172px;
        font-size: 12px;
    }

    .area-pesquisa-header {
        margin-left: 0;
    }

    /**************************************************** HOME ***********************************************/
    /* Banner */
    .content-banner-home {
        width: 100%;
    }

    .info-banner-home {
        max-width: 90%;
    }

    .container-banner-home .slick-dots {
        max-width: 90%;
    }

    .texto-banner-home {
        width: 38%;
    }

    .texto-banner-home dd {
        width: 100%;
        font-size: 11px;
    }

    .texto-banner-home dt{
        font-size: 38px;
    }

    .botoes-info-banner-home {
        font-size: 10px;
    }

    /* Separador Banner */

    .informacoes-divisor-banner {
        width: 90%;
        font-size: 10px;
    }

    .informacoes-divisor-banner div {
        padding: 0 20px;
    }

    /* Chamada */

    .content-chamadas-home {
        width: 90%;
    }

    .box-certificacao-home img {
        width: 90%;
    }

    .box-certificacao-cotacao img {
        width: 90%;
    }

    .box-cotacao-home a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .box-cotacao-home div {

        left: 38px;

    }

    .box-certificacao-home div,
    .box-cotacao-home div {
        width: 255px;
        height: 93px;
        background-color: var(--azul-escuro);
        position: absolute;
        bottom: 18px;
        left: -11px;
        font-weight: bold;
        color: #fff;
        font-size: 16px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-left: 20px;
        -webkit-transition: 0.3s all;
        -o-transition: 0.3s all;
        transition: 0.3s all;
    }

    .box-cotacao-home div {
        left: 37px !important;
    }

    /* Gestão da Qualidade */

    .content-gestao-qualidade {
        width: 90%;
    }

    .box-qualidade-1 {
        width: 56%;
    }

    .box-qualidade-1 p {
        font-size: 12px;
        color: #666666;
        padding-left: 60px;
    }

    .box-divisor-sobre-1 {
        width: 86.3%;
    }

    .content-sobre-a-gifel-home-1 nav ul li {
        width: 200px;
        height: 82px;
        background-color: #091D3E;
        margin-bottom: 3px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        font-size: 11px;
        color: #ffffff;
        text-transform: uppercase;
        font-weight: 700;
        line-height: 22px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        padding-left: 30px;
        -webkit-transition: 0.3s all;
        -o-transition: 0.3s all;
        transition: 0.3s all;
    }

    .content-sobre-a-gifel-home-1 img {
        margin-right: 40%;
    }

    .texto-gestao-qualidade p {
        font-size: 13px;
    }

    .img-iso::before {
        position: absolute;
        bottom: 5px;
        content: '';
        background: #0a7cf9;
        width: 40px;
        height: 2px;
    }

    /* Divisor Sobre a Gifel */
    .box-divisor-sobre-1 p {
        font-size: 14px;
        margin-right: 25px;
    }

    .box-divisor-sobre-1 p::after {
        right: -24px;
    }

    .content-sobre-a-gifel-home-2 {
        padding-left: 4.5%;
    }

    .titulo-sobre-gifel-home {
        width: 440px;
    }

    .texto-sobre-gifel-home {
        width: 440px;
    }

    /* Blog */

    .content-blog-home {
        width: 90%;
    }




    .texto-blog-home {
        font-size: 14px;
        line-height: 17px;
        color: #858585;
    }

    /* newsletter */

    .content-newsletter-home {
        width: 90%;
    }

    .titulo-newsletter-home  {
        font-weight: bold;
        color: #fff;
        font-size: 20px;
        position: relative;
    }

    .box-newsletter-home-1 p {
        font-size: 10px;
        line-height: 18px;
        color: #fff;
        font-weight: 400;
        letter-spacing: 1px;
    }

    .nome-newsletter-home {
        width: 190px;
        height: 100%;
        padding-left: 30px;
        border: none;
        margin-right: 7px;
    }

    .email-newsletter-home {
        width: 258px;
        height: 100%;
        padding-left: 30px;
        border: none;
    }

    .inscrever-newsletter-home {
        width: 140px;
    }

    .linha-newsletter {
        width: 138px;
        height: 1px;
        background-color: #fff;
        margin-left: 25px;
    }

    

    /* Footer */

    .content-menu-footer {
        width: 90%;
    }

    .content-redes-sociais-pesquisa {
        width: 90%;
    }

    .content-footer-exent {
        width: 90%;
    }

    .content-menu-footer #menu-cilindros .menu-item-has-children > a,
    .content-menu-footer #menu-equipamentos .menu-item-has-children > a,
    .content-menu-footer #menu-sistemas .menu-item-has-children > a {
        width: 200px;
        font-size: 9px;
    }

    .content-menu-footer #menu-gifel-footer li:nth-child(1) a {
        width: 200px;
        font-size: 9px;
    }

    .content-menu-footer #menu-cilindros .sub-menu li a,
    .content-menu-footer #menu-equipamentos .sub-menu li a,
    .content-menu-footer #menu-sistemas .sub-menu li a {
        font-size: 10px;
    }

    .content-menu-footer #menu-gifel-footer li:nth-child(n + 2) a {
        font-size: 10px;
    }

    #menu-cilindros,
    #menu-equipamentos,
    #menu-sistemas,
    .box-menu-informacoes-gifel {
        width: 25%;
    }

    .informacoes-footer-gifel {
        width: 88%;
        font-size: 10px;
    }

    .informacoes-footer-gifel-telefone a {
        font-size: 10px;
    }

    /**************************************** BLOG  ************************************************/

    .area-blog .box-img-blog img {
        width: auto;
    }

    .area-blog .titulo-blog {
        font-size: 14px !important;
        color: #000 !important;
    }

    .area-blog .descricao-blog {
        font-size: 12px;
    }

    .area-blog .category > a {
        text-decoration: none;
        font-size: 10px;
    }

    .area-blog .data-blog {
        width: 110px;
        height: 40px;
        display: flex;
        background-color: var(--azul-botao);
        color: #fff;
        font-size: 16px;
        font-weight: 700;
        position: absolute;
        bottom: -19px;
        justify-content: center;
        align-items: center;
        right: 20px;
    }


    /********************************************* PRODUTO INDIVIDUAL  *****************************************************/

    .content-produto-individual {
        width: 90%;
    }

    .content-produto-individual {
        width: 90%;
    }

    .content-breadcrumbs .breadcrumbs {
        width: 90%;
        margin: 0 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .tabela-produto .conteudo-tabela td,
    .tabela-produto .titulo-tabela th {
        font-size: 10px;
    }

    .container-produto {
        width: 47%;
    }

    .container-cotacao-produtos {
        width: 27%;
        max-width: 250px;
    }

    .formulario-cotacao {
        padding: 13px;
    }

    /* Sidebar */

    #menu-cilindro-sidebar .cilindros-sidebar > a,
    #menu-equipamentos-sidebar .equipamentos-sidebar > a,
    #menu-sistemas-sidebar .sistemas-sidebar > a {
        padding-left: 9px;
        font-size: 10px;
    }

    #menu-cilindro-sidebar .cilindros-sidebar .sub-menu,
    #menu-equipamentos-sidebar .equipamentos-sidebar .sub-menu,
    #menu-sistemas-sidebar .sistemas-sidebar .sub-menu {
        padding: 15px;
    }

    #menu-cilindro-sidebar li .sub-menu li a,
    #menu-equipamentos-sidebar li .sub-menu li a,
    #menu-sistemas-sidebar li .sub-menu li a {
        font-size: 11px;
    }

    .container-produto {
        margin: 0 10px;
    }

    .titulo-menu-produtos {
        padding: 0 6px;
    }

    .box-loop-produtos-relacionados-desktop .produto-relacionado {
        height: 100%;
        margin: 0 4px;
        max-width: 30% !important;
    }

    .descricao-pag-produto a {
        font-size: 16px;
        line-height: 13px;
    }

    .box-loop-produtos-relacionados-desktop .link-nome-produto-relacionado {
        font-size: 8px;
    }

    /********************************************* CATEGORIA DE PRODUTO  *****************************************************/

    .content-categoria-produto,
    .content-descricao-categoria-produto {
        width: 90%;
    }

    .content-loop-categoria-produto {
        margin-left: 20px;
    }

    .content-categoria-produto {
        margin-left: 20px;
    }

    .content-loop-categoria-produto .loop-categoria-produto {
        padding: 30px 24px;
    }

    .box-titulo-categoria-produto {
        padding: 30px 24px 0;
    }

    .content-loop-categoria-produto .produto-home {
        width: 31%;
        height: 270px;
        margin: 16px 0 35px;
    }

    /* ********************************************* PÁGINA PADRÃO *****************************************************/

    .content-padrao,
    .content-padrao-nosidebar {
        width: 90%;
    }

    /*********************************** PAGINA 404 *************************************************/

    .content-404 {
        width: 90%;
    }

    .erro-404 {
        font-size: 120px;
        font-weight: 700;
    }

    /********************************** PÁGINA DE CONFIRMAÇÃO  ********************************************/

    .content-confirmacao {
        width: 90%;
    }

    /************************************************ PÁGINA DE PESQUISA  *********************************************************/

    .content-pesquisa {
        width: 90%;
    }

    /************************************* CLUSTER  *****************************************/

    .content-cluster-home {
        width: 90%;
    }

    .preview-pagina-cluster p {
        font-size: 12px;
		line-height: 18px;
    }

    .titulo-pagina-cluster {
        font-size: 14px;
    }

    .titulo-pagina-cluster-descricao {
        font-size: 24px;
        width: 100%;
    }

    .box-descricao-cluster {
        width: 62%;
    }

    .links-pag-cluster h3, .links-pag-cluster h4 {

    font-size: 12px;
    }

    /************************************* PÁGINA DE COTAÇÃO  *****************************************/
    .content-pag-cotacao {
        width: 90%;
    }

    .box-pag-cotacao-2 {
        width: 405px;
    }

    .box-pag-cotacao-1, .titulo-cotacao {
        width: 480px;
    }

    .subtitulo-cotacao {
        color: #fff;
        font-size: 16px;
        line-height: 27px;
    }

    .contato-pag-cotacao a {

        font-size: 10px;
    }

    .contato-pag-cotacao {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 125px;
        height: 87px;
    }

    /************************************* PÁGINA TRABALHE CONOSCO  *****************************************/
    .content-pag-trabalhe {
        width: 90%;
    }

    .box-pag-trabalhe-2 {
        width: 405px;
    }

    .box-pag-trabalhe-1, .titulo-trabalhe {
        width: 485px;
    }

    .subtitulo-trabalhe {
        color: #fff;
        font-size: 16px;
        line-height: 27px;
    }

    .contato-pag-trabalhe a {

        font-size: 10px;
    }

    .contato-pag-trabalhe {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 111px;
        height: 72px;
    }

    /************************************* PÁGINA FALE CONOSCO  *****************************************/
    .content-pag-fale {
        width: 90%;
    }

    .box-pag-fale-2 {
        width: 405px;
    }

    .box-pag-fale-1, .titulo-fale {
        width: 466px;
    }

    .subtitulo-fale {
        color: #fff;
        font-size: 16px;
        line-height: 27px;
    }

    .contato-pag-fale a {

        font-size: 10px;
    }

    .contato-pag-fale {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 105px;
        height: 67px;
    }

    
    .endereco-pag-fale p {
        font-size: 17px;
    }
    .endereco-pag-fale span {
        font-size: 15px
    }



    /************************************* PÁGINA INTERNATIONAL CONTACT *****************************************/
    .content-pag-internacional {
        width: 90%;
    }

    .box-pag-internacional-2 {
        width: 405px;
    }

    .box-pag-internacional-1, .titulo-internacional  {
        width: 480px;
    }

    .subtitulo-internacional {
        color: #fff;
        font-size: 16px;
        line-height: 27px;
    }

    .contato-pag-internacional a {

        font-size: 10px;
    }

    .contato-pag-internacional {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 110px;
        height: 72px;
    }

}

@media screen and (max-width: 767px) {
/* 
    #slb_viewer_wrap .slb_theme_slb_baseline .slb_container {
        max-width: 100%;
        margin: 0;
        padding: 5px;
        position: absolute;
        top: 25vh !important;
        left: 0;
    } */

    .menu-principal-desktop,
    .menu-topo-desktop {
        display: none !important;
    }

    .area-mini-thumb-produto,
    .area-pesquisa-header label,
    .container-menu-produtos,
    .content-breadcrumbs,
    .footer-desktop,
    .menu-gifel-topo,
    .menu-topo-mobile {
        display: none;
    }

    .divisor-banner-home {
        width: 100%;
        height: 380px;
        background-color: #030A17;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 60px 10%;
    }

    .informacoes-divisor-banner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 12px;
        color: #fff;
        width: 100%;
        margin: 0 auto;
        text-transform: uppercase;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }



    /********************************************* MENU SUPERIOR  ********************************************************/

    .menu-principal-mobile {
        display: -webkit-box !important;
        /* display: -ms-flexbox !important;
        display: flex !important; */
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        background-color: #030a17;
        height: 50px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .content-menu-principal-mobile {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .menu-principal-mobile .menu-toggle {
        background-color: transparent;
        border: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 0 15px 0 18px;
    }

    .area-pesquisa-header-mobile {
        padding-right: 18px;
        position: relative;
        width: 91%;
    }

    .menu-principal-mobile .menu-toggle svg {
        width: 30px;
        fill: #fff;
    }

    .logo-gifel-mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .custom-logo-link {
        padding-top: 6px;
        margin: 0;
    }

    .menu-principal-mobile #site-navigation {
        background: #030a17;
        width: 100%;
        position: fixed;
        color: white;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        top: 0;
        z-index: 9999999999999999999;
        height: 100%;
        padding: 15px 0;
        -webkit-box-pack: normal;
        -ms-flex-pack: normal;
        justify-content: normal;
        left: -999px;
        overflow-x: hidden;
        display: none;
    }

    .institucional-mobile,
    .nossos-produtos-mobile {
        font-size: 14px;
        letter-spacing: 1px;
        color: #0468d7;
        font-weight: 600;
        text-transform: uppercase;
        position: relative;
        margin: 30px 0;
    }

    .institucional-mobile::before,
    .nossos-produtos-mobile::before {
        content: '';
        width: 27px;
        height: 1px;
        background-color: #fff;
        position: absolute;
        bottom: -5px;
    }

    .topo-menu-mobile {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0 33px;
        margin-bottom: 30px;
    }

    .lista-menu-mobile-header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        white-space: nowrap;
        max-width: 100%;
    }

    .menu-principal-mobile .menu-menu-topo-container {
        width: 100%;
    }

    .menu-principal-mobile .sub-menu {
        display: none !important;
    }

    .menu-principal-mobile .main-navigation ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
    }
    .menu-principal-mobile .main-navigation ul li {
        height: 45px;
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        border-bottom: 1px solid #0000003d;
        margin: 0;
        width: 100%;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: center;
        position: relative;
    }

    .menu-principal-mobile .main-navigation ul li > a::before {
        content: '';
        width: 27px;
        height: 1px;
        background-color: #0468d7;
        position: absolute;
        bottom: 6px;
    }

    #Menu-topo-mobile li:nth-child(1) {
        display: none !important;
    }
    #Menu-topo-mobile li:nth-last-child(-n + 1) {
        height: 51px;
        width: 341px;
        background-color: #0468d7;
        text-align: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-transform: uppercase;
        margin-top: 25px;
        max-width: 100%;
    }
    #Menu-topo-mobile li:nth-last-child(-n + 1) a {
        text-transform: uppercase !important;
    }

    .menu-principal-mobile .main-navigation ul li a {
        color: #fff !important;
        font-size: 14px;
        letter-spacing: 1px;
        font-weight: 400 !important;
        text-transform: none !important;
    }

    .area-pesquisa-header-mobile svg {
        fill: #fff;
        width: 30px;
    }

    /************************************** PÁGINA PRINCIPAL  *****************************************/

    .container-banner-home {
        height: auto;
        /* background: url("./sistema-de-combate-a-incendio/home/combate-a-incendio-gifel-background-banner-mobile.webp"); */
        position: relative;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: fixed;
        min-height: 499px;
    }

    .content-banner-home {
        margin: 40px 0;
    }

    .info-banner-home {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 90%;
        margin: 0 auto;
        padding-bottom: 50px;
    }

    .texto-banner-home dt {
        margin: 15px 0 !important;
        font-size: 26px;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }

    .botoes-info-banner-home {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 30px auto;
        width: 420px;
        max-width: 100%;
    }

    .texto-banner-home {
        max-width: 100%;
    }

    .imagem-banner-home img {
        max-width: 100%;
    }

    .imagem-banner-home {

        height: auto;
    }

    .texto-banner-home dd {
        width: 100%;
    }

    .botao-orcamento-banner,
    .botao-saiba-banner {
        width: 100%;
        margin: 0;
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 11px;
    }

    .botao-saiba-banner {
        margin-bottom: 10px;
    }

    .botao-orcamento-banner img {
        width: 19px;
        height: auto;
        margin-left: 10px;
    }

    .container-banner-home .slick-dots {
        bottom: 20px !important;
        max-width: 90%;
        display: none !important;
    }
    .arrow {
        position: absolute;
        -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        bottom: 60px;
        right: 63px;
    }
    .arrow span {
        display: block;
        width: 22px;
        height: 22px;
        border-bottom: 2px solid #06A8FF;
        border-right: 2px solid #06A8FF;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        margin: -10px;
        -webkit-animation: animate 2s infinite;
        animation: animate 2s infinite;
    }
    .arrow span:nth-child(2) {
        -webkit-animation-delay: -0.2s;
        animation-delay: -0.2s;
    }
    .arrow span:nth-child(3) {
        -webkit-animation-delay: -0.4s;
        animation-delay: -0.4s;
    }
    @-webkit-keyframes animate {
        0% {
            opacity: 0;
            -webkit-transform: rotate(-45deg) translate(-20px,-20px);
            transform: rotate(-45deg) translate(-20px,-20px);
        }
        50% {
            opacity: 1;
        }
        100% {
            opacity: 0;
            -webkit-transform: rotate(-45deg) translate(20px,20px);
            transform: rotate(-45deg) translate(20px,20px);
        }
    }
    @keyframes animate {
        0% {
            opacity: 0;
            -webkit-transform: rotate(-45deg) translate(-20px,-20px);
            transform: rotate(-45deg) translate(-20px,-20px);
        }
        50% {
            opacity: 1;
        }
        100% {
            opacity: 0;
            -webkit-transform: rotate(-45deg) translate(20px,20px);
            transform: rotate(-45deg) translate(20px,20px);
        }
    }

    .informacoes-divisor-banner div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-left: 1px solid #7c7c7c52;
        padding: 0 44px;
        width: 100%;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .informacoes-divisor-banner {
        width: auto;

    }

    
    .container-chamadas-home {
        width: 100%;
        margin-top: 30px;
        padding-bottom: 60px;
    }

    .content-chamadas-home {
        width: 85%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .content-chamadas-home img {
        max-width: 100%;
    }

    .box-certificacao-home a {
        position: relative;
    }

    .box-certificacao-home {
        margin-bottom: 40px;
    }

    .box-certificacao-home div,
    .box-cotacao-home div {
        width: 65%;
        height: 70px;
        font-size: 17px;
        padding-left: 20px;
    }

    .box-certificacao-home div span,
    .box-cotacao-home div span {
        font-size: 11px;
        font-weight: 400;
    }

    .container-sobre-a-gifel-home-mobile {
        width: 100%;
        display: flex;
        flex-direction: column;
        order: 6;
    }

    .content-sobre-a-gifel-home-mobile-1 {
        background-image: url("./sistema-de-combate-a-incendio/home/combate-a-incendio-gifel-background-sobre-home-1-mobile.webp");
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 245px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        position: relative;
        overflow: hidden;
    }

    .content-sobre-a-gifel-home-mobile-1 > img {
        width: 130px;
        margin-top: 60px;
    }

    .menu-sobre-a-gifel-home-mobile ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 50px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: relative;
        background: #081a38;
    }
    .menu-sobre-a-gifel-home-mobile ul li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        text-align: center;
        font-size: 9px;
        padding: 0 20px;
        color: #fff;
        font-weight: 500;
        height: 33px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-right: 1px solid #003b9d;
        text-transform: uppercase;
        -webkit-transition: 0.2s all;
        -o-transition: 0.2s all;
        transition: 0.2s all;
    }
    .menu-sobre-a-gifel-home-mobile ul li img {
        width: 13px;
        margin-bottom: 5px;
    }

    .menu-sobre-a-gifel-home-mobile {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
    }

    .sobre-a-gifel-mobile-menu-ativo {
        background: #0061cb;
        position: relative;
        bottom: 5px;
        height: 60px !important;
    }

    .seta-sobre-esquerda {
        height: 18px;
        width: 9px;
        width: auto;
        fill: #fff;
        position: absolute;
        bottom: 17px;
        z-index: 2;
        left: 10px;
        display: none;
    }
    .seta-sobre-direita {
        height: 18px;
        width: 9px;
        width: auto;
        fill: #fff;
        position: absolute;
        bottom: 17px;
        z-index: 2;
        right: 10px;
        display: none;
    }

    .content-sobre-a-gifel-home-mobile-2 {
        width: 85%;
        margin: 0 auto;
        background: url("./sistema-de-combate-a-incendio/home/combate-a-incendio-gifel-background-sobre-home-conteudo-mobile.webp");
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        overflow: hidden;
    }

    .box-conteudo-sobre-a-gifel-mobile {
        padding: 40px;
    }
    .box-conteudo-sobre-a-gifel-mobile .botao-saiba-mais-sobre-mobile {
        width: 100%;
        background: #0061cb;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        color: #fff;
        font-size: 11px;
        text-decoration: none;
        text-transform: uppercase;
        font-weight: 600;
        height: 44px;
    }
    .box-conteudo-sobre-a-gifel-mobile p {
        margin-bottom: 30px;
        font-size: 11px;
        color: #091d3e;
        line-height: 21px;
    }
    .box-conteudo-sobre-a-gifel-mobile ul {
        margin-bottom: 30px;

    }
    .box-conteudo-sobre-a-gifel-mobile ul li {
        font-size: 11px;
        color: #091d3e;
        line-height: 21px;
    }

    .box-conteudo-sobre-a-gifel-mobile h3 {
        font-size: 18px;
        color: #091d3e;
        position: relative;
        border-left: 2px solid #0061cb;
        height: 27px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 5px 0 5px 10px;
        margin-bottom: 15px;
        display: inline-block;
    }
    .box-conteudo-sobre-a-gifel-mobile h3 span {
        text-transform: uppercase;
        font-weight: bold;

    }

    .texto-ativo {
        display: block !important;
    }

    .texto-sobre-a-gifel-mobile {
        display: none;
    }

    .texto-engenharia-e-projetos-mobile {
        display: none;
    }

    .texto-servicos-tecnicos-mobile {
        display: none;
    }

    .video-gifel-mobile {
        display: none;
        text-align: center;
    }

    .gifel-video-play {
        width: 90%;
        position: relative;
    }

    .video-gifel-mobile #video-institucional {
        position: relative;
        display: block;
        float: unset;
        width: 100%;
        height: auto;
        background-image: url("./sistema-de-combate-a-incendio/home/gifel-video-institucional.webp");
        background-size: 100%;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        max-width: 260px;
        margin: 0 auto;
    }

    .video-gifel-mobile #video-institucional #gifel-click-video {
        cursor: pointer;
        width: auto;
        height: 120px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 0 auto;
    }
    .video-gifel-mobile #video-institucional img {
        height: 76px;
        width: auto;
    }

    .container-gestao-qualidade {
        background-image: unset;
        background-color: #fff;
    }

    .content-gestao-qualidade {
        width: 85%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .box-qualidade-1 {
        width: 100%;
    }

    .box-qualidade-1 p {
        font-size: 10px;
        padding-left: 40px;
        color: #fff;
        line-height: 15px;
        text-align: justify;
        position: relative;
    }

    .box-gestao-1 {
        padding: 20px 35px 30px 0;
        background-color: #091d3e;
        height: auto;
        -webkit-box-pack: normal;
        -ms-flex-pack: normal;
        justify-content: normal;
    }

    .box-gestao-1 h1 {
        font-size: 18px;
        color: #fff;
        padding-bottom: 15px;
    }

    .box-gestao-1 > p::before {
        position: absolute;
        content: '';
        height: 38px;
        width: 1px;
        left: 30px;
        background-color: #fff;
    }

    .box-gestao-2 {
        padding: 20px 35px 30px 0;
        background-color: #091d3e;
        height: auto;
        -webkit-box-pack: normal;
        -ms-flex-pack: normal;
        justify-content: normal;
        margin-bottom: 40px;
    }

    .box-gestao-2 h2 {
        font-size: 15px;
        color: #fff;
        padding-bottom: 15px;

    }

    .box-gestao-2 > p::before {
        position: absolute;
        content: '';
        height: 52px;
        width: 1px;
        left: 30px;
        top: -5px;
        background-color: #fff;
    }

    .box-qualidade-2 {
        max-width: 390px;
        width: 100%;
    }

    .box-qualidade-2 img {
        max-width: 100%;
    }

    .divisor-sobre-a-gifel-home {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 245px;
    }

    .box-divisor-sobre-1 {
        width: 100%;
        height: 185px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: relative;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .box-divisor-sobre-1::before {
        position: absolute;
        content: '';
        width: 35px;
        height: 2px;
        bottom: 55px;
        background-color: #0478f6;
    }

    .box-divisor-sobre-2 {
        width: 100%;
        height: 60px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: relative !important;
    }

    .box-divisor-sobre-2 a {
        margin: 0;
        position: absolute;
        top: -30px;
    }

    .box-divisor-sobre-1 p {
        font-size: 18px;
        margin: 0;
        width: 271px;
        text-align: center;
        max-width: 100%;
        margin-top: 28px;
        line-height: 28px;
    }

    .box-divisor-sobre-1 p::before {
        display: none;
    }

    .box-divisor-sobre-1 p::after {
        display: none;
    }
    /************************************* BLOG, CATEGORIA DE BLOG  *******************************/

    .archive .box-blog, .blog .box-blog, .box-post-individual {
        width: 100%;
        margin-right: 0px;
        margin-bottom: 30px;
    }

    .area-blog .loop-blog-home {
        background-color: #fff;
        position: relative;
        width: 100%;
        margin-bottom: 60px;
        max-width: 366px;
    }

    .area-blog {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 4%;
    justify-content: center;
}

    .area-blog .titulo-blog {
        font-size: 15px !important;
        color: #000 !important;
    }

    .area-blog .box-img-blog img {
        width: auto;
    }

    .area-blog .descricao-blog {
        font-size: 13px;
        line-height: 23px;
    }

    .area-blog .box-conteudo-blog {
        padding: 0 35px;
        height: 155px;
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
    }

    .area-blog .category > a {
        font-size: 10px;
    }

    /************************************** PRODUTO INDIVIUAL  *****************************************/

    .container-produto-individual {
        background-color: #fff;
    }

    .content-produto-individual {
        width: 100%;
        margin: 0 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 40px 20px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    
                
    .descricao-pag-produto a {
        font-size: 12px;
        line-height: 13px;
    }

    .descricao-pag-produto b, .descricao-pag-produto strong {
        font-size: 12px;
    }

    .descricao-pag-produto li {
        font-size: 12px;
    }

    .container-produto {
        padding: 0 !important;
        margin: 0;
        width: 100%;
        height: 100%;
        background-color: #fff;
    }

    .area-thumb-produto {
        position: relative;
        margin-bottom: 30px;
    }

    .contador-img {
        position: absolute;
        top: 15px;
        left: 10px;
        color: #fff;
        width: 43px;
        z-index: 1;
        background-color: #043575;
        border-radius: 10px;
        text-align: center;
        height: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 12px;
        z-index: 2;
    }

    .box-thumb-produto-slick img {
        background-color: #fff;
        max-width: 100%;
        max-height: 100%;
        width: auto;
        height: auto;    
    }

    .titulo-nome-produto h1 {
        color: #063e88;
        font-weight: 800;
        letter-spacing: 1px;
        font-size: 16px;
    }

    .titulo-nome-produto::after {
        height: 3px;
    }

    .area-thumb-produto .slick-next,
    .area-thumb-produto .slick-prev {
        display: none !important;
    }

    .descricao-pag-produto p {
        color: #6b6b6b;
        font-size: 12px;
        line-height: 23px;
    }

    .descricao-pag-produto a{
        font-size: 12px;
    }

    .descricao-produto-mobile {
        display: block;
        font-size: 14px;
        line-height: 22px;
        color: #004081;
        font-weight: 600;
        margin-bottom: 5px;
    }



    .tabela-produto {
        width: 767px;
    }

    .tabela-produto-mobile {
        max-width: 100%;
        overflow: scroll;
        margin-bottom: 20px;
    }

    .container-cotacao-produtos {
        width: 100%;
    }

    .box-fabricacao-cotacao {
        position: relative;
        overflow: hidden;
        margin-bottom: 30px;
    }

    .box-fabricacao-cotacao-desktop {
        display: none;
    }

    .box-fabricacao-cotacao-mobile {
        display: flex;
    }

    .box-fabricacao-cotacao h3 {
        width: auto;
        font-size: 12px;
        font-weight: 600;
    }

    .cilindro-icone-desktop {
        display: none;
    }
    .cilindro-icone-mobile {
        display: inline-block;
        width: 109px !important;
        position: absolute;
        left: -14px;
        bottom: -32px;
        max-height: unset !important;
    }

    .produzimos-desktop {
        display: none;
    }
    .produzimos-mobile {
        display: block;
        font-size: 12px;
        color: #6b6b6b;
        margin-top: 20px;
        margin-bottom: 30px;
    }

    .box-solicite-cotacao {
        background-color: #003f84;
    }
    .box-solicite-cotacao p {
        letter-spacing: 1px;
        color: #fff;
        width: auto;
        border-bottom: 2px solid #f4f4f433;
        padding-bottom: 12px;
    }

    .box-solicite-cotacao p::after {
        background-color: #fff;
    }

    .box-loop-produtos-relacionados {
        display: block;
        margin-top: 30px;
        margin-bottom: 40px;
    }

        .loop-produtos-relacionados-slick .slick-track {
        margin: 0 auto;
    }

    .box-loop-produtos-relacionados-desktop {
        display: none !important;
    }
    .box-loop-produtos-relacionados h2 {
        font-size: 14px;
        color: #004081;
        font-weight: 600;
        margin-bottom: 15px;
        text-align: center;
    }

    .imagem-produto-relacionado img {
        height: auto;
        margin: 0 auto;
        max-width: 100%;
    }

    .imagem-produto-relacionado {
        width: 100%;
        height: 212px;
        border: 1px solid gainsboro;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .botoes-produtos-relacionados {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        background-color: var(--azul-escuro);
        color: #fff;
        font-weight: 600;
        font-size: 12px;
        text-decoration: none;
        height: 50px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .produto-relacionado {
        height: 100%;
        margin: 0 0.2%;
    }

    .link-nome-produto-relacionado {
        text-align: center;
        width: 133px;
        text-decoration: none;
        margin: 0 auto;
        font-size: 10px !important;
        color: #ffffff !important;
        font-weight: 600;
    }

    .link-nome-produto-relacionado a {
        color: #fff;
        font-weight: 600;
        font-size: 12px;
        text-decoration: none;
    }

    .botao-orcamento-produto-relacionado {
        background-color: var(--azul-escuro-hover);
        width: 30px;
        height: 50px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 27px !important;
        font-weight: 300 !important;
        text-decoration: none;
        color: #fff !important;
    }

    .botao-orcamento-produto-relacionado a {
        color: #fff;
        font-weight: 600;
        font-size: 12px;
        text-decoration: none;
    }

    .loop-produtos-relacionados-slick .slick-next,
    .loop-produtos-relacionados-slick .slick-prev {
        display: none !important;
    }

    /************************************************** FOOTER MOBILE  */

    .footer-mobile {
        display: block;
        width: 100%;

    }

    .content-menu-footer {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 90%;
        margin: 0 auto;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-bottom: none;
    }

    .content-menu-footer .box-menu-informacoes-gifel {
        width: 100%;
    }

    #menu-gifel-footer {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .content-menu-footer ul li {
        text-align: center;
        width: 100%;
    }

    .content-menu-footer #menu-gifel-footer li:nth-child(1) a {
        width: 100%;
        font-size: 15px;
    }

    .content-menu-footer #menu-gifel-footer li:nth-child(n + 2) a {
        font-size: 15px;
        letter-spacing: 1px;
    }

    .content-menu-footer #menu-cilindros .sub-menu li a,
    .content-menu-footer #menu-equipamentos .sub-menu li a,
    .content-menu-footer #menu-sistemas .sub-menu li a {
        font-size: 14px;
        letter-spacing: 1px;
    }

    .content-menu-footer #menu-cilindros .menu-item-has-children > a::before,
    .content-menu-footer #menu-equipamentos .menu-item-has-children > a::before,
    .content-menu-footer #menu-sistemas .menu-item-has-children > a::before {
        position: absolute;
        top: 86px;
    }

    .content-menu-footer #menu-gifel-footer li:nth-child(1) a::before {
        position: absolute;
        top: 44px;
    }

    .content-menu-footer #menu-gifel-footer li:nth-child(1) a::before {
        left: 0;
    }

    .content-menu-footer ul {
        width: 100%;
    }

    .content-menu-footer #menu-cilindros .menu-item-has-children > a,
    .content-menu-footer #menu-equipamentos .menu-item-has-children > a,
    .content-menu-footer #menu-sistemas .menu-item-has-children > a {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
        font-size: 15px;
        margin-top: 43px;
    }

    .content-menu-footer #menu-cilindros .menu-item-has-children > a::before,
    .content-menu-footer #menu-equipamentos .menu-item-has-children > a::before,
    .content-menu-footer #menu-sistemas .menu-item-has-children > a::before {
        left: 0;
    }

    .content-redes-sociais-pesquisa {
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-top: 2px solid #415f9b30;
    }

    .content-footer-exent {
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 4px;
        margin-top: 4px;
        height: 80%;
    }

    .icone-exent {
        margin-top: 0px;
    }

    .container-orcamento-footer {
        position: fixed;
        bottom: 0;
        width: 100%;
    }

    .area-orcamento-footer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        background-color: #030a17;
        height: 70px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .solicite-footer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        background-color: #2c8f00;
        height: 100%;
        color: #fff;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 50%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-decoration: none;
        text-transform: uppercase;
        font-size: 12px;
    }

    .contato-footer {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 50%;
        height: 100%;
        color: #fff;
        text-transform: uppercase;
        text-decoration: none;
        font-size: 12px;
    }
    .contato-footer span {
        font-weight: bold;
    }

    .whatsapp-footer {
        width: 29%;
        display: flex;
        height: 100%;
        align-items: center;
        justify-content: center;
    }

    .solicite-footer span {
        font-weight: bold;

    }

    .solicite-footer button {
        background-color: transparent;
        border: none;
        margin-right: 10px;
    }

    .whatsapp-footer svg {
        width: 38px;
        fill: #fff;
    }

    .solicite-footer a {
        color: #fff;
        text-decoration: none;
        font-size: 12px;
        text-transform: uppercase;
        margin-right: 10px;
    }
    .solicite-footer a span {
        color: #fff;
        text-decoration: none;
        font-size: 12px;
        font-weight: bold;
    }
    .contato-footer svg {
        width: 35px;
        fill: #fff;
        margin-right: 15px;
    }

    .container-footer-exent {
        height: 92px;
        margin-bottom: 94px;

    }

    .redes-sociais-footer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 12px;
        width: 331px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        max-width: 90%;
    }

    .icones-redes-sociais-footer-mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 70%;
        max-width: 150px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;

    }

    .barra-pesquisa-footer {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 331px;
        max-width: 90%;
    }

    #form-pesquisa-footer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
    }
    #form-pesquisa-footer label {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
    }

    .input-pesquisa-footer {
        width: 100%;
    }
    .botao-pesquisar-footer {
        width: 34%;
    }

    .redes-sociais-footer a {
        margin: 0;
        width: 45px;
        height: 45px;
    }

    .redes-sociais-footer p {
        font-size: 12px;
    }

    .redes-sociais-footer .icone-youtube {
        width: 21px;
    }

    .redes-sociais-footer .icone-facebook {
        width: 12px;
    }

    .content-footer-exent p {
        font-size: 10px;
    }

    .content-footer-exent a {
        text-decoration: none;
        color: #248cfe;
        font-size: 10px;
    }

    .informacoes-footer-gifel-telefone a {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-weight: bold;
    }

    .informacoes-footer-gifel-telefone a:nth-child(2) {
        margin-left: 4px;
    }

    .informacoes-footer-gifel-endereco p {
        font-weight: 600;
        font-size: 12px;
    }

    .icone-telefone-footer span {
        margin-left: 5px;
    }

    /************************************ NEWSLETTER  *******************************************/

    .content-newsletter-home {
        width: 90%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        max-width: 335px;
        height: 86%;
    }

    .box-newsletter-home-2 {
        height: auto;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        background-color: rgba(0, 0, 0, 0.102);
    }

    .container-newsletter-home {
        height: 328px;
    }

    .nome-newsletter-home {
        width: 100%;
        height: 49px;
        margin-bottom: 7px;
    }
    .email-newsletter-home {
        width: 100%;
        height: 49px;
        margin-bottom: 7px;
    }

    .box-newsletter-home-1 {
        width: 335px;
        text-align: center;
        max-width: 100%;
    }
    .inscrever-newsletter-home {
        width: 100%;
        height: 49px;

    }

    .titulo-newsletter-home {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        max-width: 335px;
    }

    .box-newsletter-home-1 p {
        letter-spacing: 0;
        text-align: start;
        font-size: 12px;
    }

    .box-newsletter-home-2 {
        width: 100%;
    }

    /*********************************** PAGINA 404 *************************************************/

    .content-404 {
        width: 90%;
    }

    .erro-404 {
        font-size: 120px;
        font-weight: 700;
    }

    .box-404 p {
        font-size: 12px;
        text-align: center;
    }

    /* ********************************************* PÁGINA PADRÃO *****************************************************/

    .content-padrao,
    .content-padrao-nosidebar {
        width: 90%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .box-conteudo-padrao {
        width: 100%;
        background-color: #fff;
        padding: 30px;
    }

    .box-sidebar-padrao {
        width: 100%;
        margin: 30px auto 0;
    }

    .engenharia-sidebar-padrao {
        position: relative;
        height: 184px;
        margin-top: 30px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .engenharia-sidebar-padrao a div {
        height: 70px;
        width: 240px;
    }

    .servicos-sidebar-padrao {
        position: relative;
        height: 184px;
        margin-top: 30px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .box-codigo-fale-conosco {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .servicos-sidebar-padrao a div {
        height: 70px;
        width: 240px;
    }

    .box-codigo-fale-conosco input,
    .codigo-fale-conosco {
        width: 100% !important;
        border: none;
    }

    /********************************** PÁGINA DE CONFIRMAÇÃO  ********************************************/

    .content-confirmacao {
        width: 90%;
    }

    .box-confirmacao p {
        font-size: 18px;
        text-align: center;
    }

    .box-confirmacao .agradecimento-texto {
        font-size: 15px;
    }

    .box-confirmacao {
        height: 260px;
    }

    /******************************** CATEGORIA DE PRODUTO  *******************************/

    .container-categoria-produto .container-menu-produtos {
        display: none;
    }

    .content-sidebar-categoria-produto {
        padding-top: 30px;
    }

    .content-loop-categoria-produto .loop-categoria-produto {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 0;
    }

    .loop-categoria-produto .produto-home {
        width: 314px;
        max-width: 100%;
    }

    .box-titulo-categoria-produto {
        padding: 0 0 20px;
    }

    .content-loop-categoria-produto {
        margin-left: 0;
        padding: 30px 20px 0px;
    }

    .content-categoria-produto {
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-left: 0;
        max-width: 100%;
    }

    .content-descricao-categoria-produto {
        width: 90%;
        margin-top: 30px;
    }

    .descricao-categoria-produto {
        margin: 0;
    }

    .descricao-categoria-produto p {
        font-size: 14px;
    }

    /***************************** BLOG, CATEGORIA DE BLOG  ********************************/




    /************************************************ PÁGINA DE PESQUISA  *********************************************************/

    .content-pesquisa {
        width: 90%;
        padding: 10%;
    }

    .loop-pesquisa {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        grid-column-gap: 2%;
    }

    .titulo-resultado-pesquisa h1 {
        font-size: 19px;
        color: #043575;
    }

    .container-blog-home {
        height: auto;
        padding-top: 0;
    }

    .content-blog-home {
        width: 85%;
    }

    .titulo-link-blog-home {
        justify-content: center;
    }



    .titulo-link-blog-home p {
        font-size: 20px;
    }

    .titulo-link-blog-home p span {
        font-size: 20px;
    }

    .titulo-link-blog-home a {
        display: none;
    }


    .acesse-blog-mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: 70px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background: #030a17;
        color: #fff;
        text-decoration: none;
        font-weight: bold;
        text-transform: uppercase;
        font-size: 11px;
    }

    .box-loop-blog-home {
        justify-content: center;
    }

    .loop-blog-home {
        margin-bottom: 60px;
        max-width: 368px;
        width: 100%;
    }



    /******************************** PÁGINA INTERNATIONAL CONTACT  *************************************/

    .content-pag-internacional {
        width: 90%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .box-pag-internacional-1 {
        width: 100%;
    }

    .box-pag-internacional-2 {
        width: 100%;
    }

    .contatos-pag-internacional {
        padding: 0;
        -webkit-column-gap: 5%;
        -moz-column-gap: 5%;
        column-gap: 5%;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 0;
        max-width: 500px;
        margin: 0 auto;
    }

    .titulo-internacional-mobile {
        font-size: 24px;
        letter-spacing: 1px;
        color: #fff;
        font-weight: bold;
        position: relative;
        padding-bottom: 7px !important;
        border-bottom: 1px solid #ffffff21;
        margin-bottom: 20px !important;
    }

    .titulo-internacional-mobile::after {
        content: '';
        width: 26px;
        height: 4px;
        background-color: #fff;
        position: absolute;
        right: 0;
        bottom: 0;
    }

    .subtitulo-internacional-mobile {
        display: block;
        font-size: 14px;
        color: #fff;
        line-height: 27px;
        margin: 20px 0;
        margin-top: 53px;
    }

    .form-pag-internacional .titulo-form {
        display: none;
    }

    .form-pag-internacional {
        background-color: unset;
        padding: 0;
    }

    .form-pag-internacional p {
        margin-bottom: 20px;
        margin-top: 20px;
    }

    .botao-enviar-pag-internacional,
    .box-botao-enviar-pag-internacional {
        width: 100% !important;
    }

    .subtitulo-internacional {
        display: none;
    }

    .box-botao-enviar-pag-internacional svg {
        position: absolute;
        right: 40%;
        bottom: 20px;
        width: 6px;
        fill: #fff;
        margin: 0 auto;
    }

    .other-contacts-internacional {
        font-size: 20px;
        letter-spacing: 1px;
        color: #fff;
        font-weight: 600;
        margin-top: 60px;
        margin-bottom: 22px;
        text-align: center;
    }

    .other-contacts-internacional,
    .subtitulo-internacional-mobile,
    .titulo-internacional-mobile {
        display: block;
    }

    /******************************** PÁGINA DE COTAÇÃO  *************************************/

    .titulo-pag-cotacao-mobile {
        display: block;
        font-size: 24px;
        letter-spacing: 1px;
        color: #fff;
        font-weight: bold;
        padding-right: 64px;
        position: relative;
        width: 100%;
        border-bottom: 1px solid #ffffff20;
        padding-bottom: 5px;
    }

    .titulo-pag-cotacao-mobile::after {
        content: '';
        background-color: #fff;
        width: 26px;
        height: 4px;
        position: absolute;
        bottom: 0;
        right: 0;
    }

    .subtitulo-pag-cotacao-mobile {
        display: block;
        font-size: 14px;
        color: #fff;
        line-height: 27px;
        margin: 20px 0;
    }

    .content-pag-cotacao {
        width: 90%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .box-pag-cotacao-1 {
        width: 100%;
    }

    .box-pag-cotacao-2 {
        width: 100%;
    }

    .contatos-pag-cotacao {
        padding: 0;
        -webkit-column-gap: 5%;
        -moz-column-gap: 5%;
        column-gap: 5%;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 0;
        max-width: 348px;
        margin: 0 auto;
    }

    .titulo-cotacao-mobile {
        font-size: 24px;
        letter-spacing: 1px;
        color: #fff;
        font-weight: bold;
        position: relative;
        padding-bottom: 7px !important;
        border-bottom: 1px solid #ffffff21;
        margin-bottom: 20px !important;
    }

    .titulo-cotacao-mobile::after {
        content: '';
        width: 26px;
        height: 4px;
        background-color: #fff;
        position: absolute;
        right: 0;
        bottom: 0;
    }

    .subtitulo-cotacao-mobile {
        font-size: 14px;
        line-height: 27px;
        color: #fff;
        max-width: 90%;
    }

    .form-pag-cotacao .titulo-form {
        display: none;
    }

    .form-pag-cotacao {
        background-color: unset;
        padding: 0;
        margin-bottom: 60px;
    }

    .form-pag-cotacao p {
        margin-bottom: 20px;
        margin-top: 20px;
    }

    .botao-enviar-pag-cotacao,
    .box-botao-enviar-pag-cotacao {
        width: 100% !important;
    }

    .subtitulo-cotacao,
    .titulo-cotacao {
        display: none;
    }

    .box-botao-enviar-pag-cotacao svg {
        position: absolute;
        right: 40%;
        bottom: 20px;
        width: 6px;
        fill: #fff;
        margin: 0 auto;
    }

    .other-contacts-cotacao {
        font-size: 20px;
        letter-spacing: 1px;
        color: #fff;
        font-weight: 600;
        margin-top: 60px;
        margin-bottom: 22px;
    }

    .box-tel-cotacao .ddd-cotacao {
        width: 30%;
        margin-right: 18px;
    }

    .form-pag-cotacao input[type=file]::-webkit-file-upload-button {
        width: 100%;
        padding: 0 !important;
        margin: 0 !important;
        height: 40px;
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
    }

    .form-pag-cotacao input[type=file]::file-selector-button {
        width: 100%;
        padding: 0 !important;
        margin: 0 !important;
        height: 40px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .botao-upload {
        height: 40px !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0;
        margin: 0;
        width: 100%;
    }

    .botao-upload::before {
        content: '';
    }

    .box-botao-upload {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: relative;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 20px;
    }

    .box-botao-upload img {
        padding-right: 127px;
        position: absolute;
        pointer-events: none;
        top: 10px;
        display: block;
    }

    .nome-arquivo {
        width: 100%;
        height: 30px;
        -webkit-filter: drop-shadow(0 0 2.5px rgba(0,0,0,0.3));
        filter: drop-shadow(0 0 2.5px rgba(0,0,0,0.3));
        background-color: #ffffff;
        font-size: 12px;
        letter-spacing: 0;
        color: #b1b1b1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .check-pag-cotacao {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 20px;
        margin-top: 0;
    }

    .box-codigo-pag-cotacao {
        margin-bottom: 20px;
    }

    .check-pag-cotacao label {
        font-size: 10px;
        color: #fff;
        padding-right: 15%;
    }

    .codigo-pag-cotacao {
        margin-right: 20px;
        min-width: 82px;
    }

    .titulo-pag-cotacao-mobile-2 {
        display: block;
        font-size: 20px;
        letter-spacing: 1px;
        color: #fff;
        font-weight: bold;
        margin-bottom: 25px !important;
        text-align: center;
    }

    /******************************** PÁGINA TRABALHE CONOSCO  *************************************/

    .titulo-pag-trabalhe-mobile {
        display: block;
        font-size: 24px;
        letter-spacing: 1px;
        color: #fff;
        font-weight: bold;
        position: relative;
        width: 100%;
        border-bottom: 1px solid #ffffff20;
        padding-bottom: 5px;
    }

    .titulo-pag-trabalhe-mobile::after {
        content: '';
        background-color: #fff;
        width: 26px;
        height: 4px;
        position: absolute;
        bottom: 0;
        right: 0;
    }

    .subtitulo-pag-trabalhe-mobile {
        display: block;
        font-size: 14px;
        color: #fff;
        line-height: 27px;
        margin: 20px 0;
        margin-top: 53px;
    }

    .content-pag-trabalhe {
        width: 90%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .box-pag-trabalhe-1 {
        width: 100%;
    }

    .box-pag-trabalhe-2 {
        width: 100%;
    }

    .contatos-pag-trabalhe {
        padding: 0;
        -webkit-column-gap: 5%;
        -moz-column-gap: 5%;
        column-gap: 5%;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 0;
        max-width: 348px;
        margin: 0 auto;
    }

    .titulo-trabalhe-mobile {
        font-size: 24px;
        letter-spacing: 1px;
        color: #fff;
        font-weight: bold;
        position: relative;
        padding-bottom: 7px !important;
        border-bottom: 1px solid #ffffff21;
        margin-bottom: 20px !important;
    }

    .titulo-trabalhe-mobile::after {
        content: '';
        width: 26px;
        height: 4px;
        background-color: #fff;
        position: absolute;
        right: 0;
        bottom: 0;
    }

    .subtitulo-trabalhe-mobile {
        font-size: 14px;
        line-height: 27px;
        color: #fff;
        max-width: 90%;
    }

    .form-pag-trabalhe .titulo-form {
        display: none;
    }

    .form-pag-trabalhe {
        background-color: unset;
        padding: 0;
        margin-bottom: 60px;
    }

    .form-pag-trabalhe p {
        margin-bottom: 20px;
        margin-top: 20px;
    }

    .botao-enviar-pag-trabalhe,
    .box-botao-enviar-pag-trabalhe {
        width: 100% !important;
    }

    .subtitulo-trabalhe {
        display: none;
    }

    .titulo-trabalhe, .titulo-internacional, .titulo-fale {
        position: absolute;
        top: 0px;
        border-bottom: 1px solid #ffffff20;
        font-size: 24px;
    }

    .box-botao-enviar-pag-trabalhe svg {
        position: absolute;
        right: 40%;
        bottom: 20px;
        width: 6px;
        fill: #fff;
        margin: 0 auto;
    }

    .other-contacts-trabalhe {
        font-size: 20px;
        letter-spacing: 1px;
        color: #fff;
        font-weight: 600;
        margin-top: 60px;
        margin-bottom: 22px;
    }

    .box-tel-trabalhe .ddd-trabalhe {
        width: 30%;
        margin-right: 18px;
    }

    .form-pag-trabalhe input[type=file]::-webkit-file-upload-button {
        width: 100%;
        padding: 0 !important;
        margin: 0 !important;
        height: 40px;
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
    }

    .form-pag-trabalhe input[type=file]::file-selector-button {
        width: 100%;
        padding: 0 !important;
        margin: 0 !important;
        height: 40px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .botao-upload {
        height: 40px !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0;
        margin: 0;
        width: 100%;
    }

    .botao-upload::before {
        content: '';
    }

    .box-botao-upload {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: relative;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 20px;
    }

    .box-botao-upload img {
        padding-right: 127px;
        position: absolute;
        pointer-events: none;
        top: 10px;
        display: block;
    }

    .nome-arquivo {
        width: 100%;
        height: 30px;
        -webkit-filter: drop-shadow(0 0 2.5px rgba(0,0,0,0.3));
        filter: drop-shadow(0 0 2.5px rgba(0,0,0,0.3));
        background-color: #ffffff;
        font-size: 12px;
        letter-spacing: 0;
        color: #b1b1b1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .check-pag-trabalhe {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 20px;
        margin-top: 0;
    }

    .box-codigo-pag-trabalhe {
        margin-bottom: 20px;
    }

    .check-pag-trabalhe label {
        font-size: 10px;
        color: #fff;
        padding-right: 15%;
    }

    .codigo-pag-trabalhe {
        margin-right: 20px;
        min-width: 82px;
    }

    .titulo-pag-trabalhe-mobile-2 {
        display: block;
        font-size: 20px;
        letter-spacing: 1px;
        color: #fff;
        font-weight: bold;
        margin-bottom: 25px !important;
        text-align: center;
    }

    /******************************** PÁGINA FALE CONOSCO  *************************************/

    .titulo-pag-fale-mobile {
        display: block;
        font-size: 24px;
        letter-spacing: 1px;
        color: #fff;
        font-weight: bold;
        padding-right: 64px;
        position: relative;
        width: 100%;
        border-bottom: 1px solid #ffffff20;
        padding-bottom: 5px;
    }

    .titulo-pag-fale-mobile::after {
        content: '';
        background-color: #fff;
        width: 26px;
        height: 4px;
        position: absolute;
        bottom: 0;
        right: 0;
    }

    .subtitulo-pag-fale-mobile {
        display: block;
        font-size: 14px;
        color: #fff;
        line-height: 27px;
        margin: 20px 0;
        margin-top: 53px;
    }

    .content-pag-fale {
        width: 90%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .box-pag-fale-1 {
        width: 100%;
    }

    .box-pag-fale-2 {
        width: 100%;

    }

    .contatos-pag-fale {
        padding: 0;
        -webkit-column-gap: 5%;
        -moz-column-gap: 5%;
        column-gap: 5%;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 0;
        max-width: 348px;
        margin: 0 auto;
    }

    .titulo-fale-mobile {
        font-size: 24px;
        letter-spacing: 1px;
        color: #fff;
        font-weight: bold;
        position: relative;
        padding-bottom: 7px !important;
        border-bottom: 1px solid #ffffff21;
        margin-bottom: 20px !important;
    }

    .titulo-fale-mobile::after {
        content: '';
        width: 26px;
        height: 4px;
        background-color: #fff;
        position: absolute;
        right: 0;
        bottom: 0;
    }

    .subtitulo-fale-mobile {
        font-size: 14px;
        line-height: 27px;
        color: #fff;
        max-width: 90%;
    }

    .form-pag-fale .titulo-form {
        display: none;
    }

    .form-pag-fale {
        background-color: unset;
        padding: 0;
        margin-bottom: 60px;
        z-index: 0;
    }

    .form-pag-fale p {
        margin-bottom: 20px;
        margin-top: 20px;
    }

    .botao-enviar-pag-fale,
    .box-botao-enviar-pag-fale {
        width: 100% !important;
        height: 40px !important;
    }

    .subtitulo-fale {
        display: none;
    }

    .box-botao-enviar-pag-fale svg {
        position: absolute;
        right: 39%;
        bottom: 15px;
        width: 6px;
        fill: #fff;
        margin: 0 auto;
    }

    .other-contacts-fale {
        font-size: 20px;
        letter-spacing: 1px;
        color: #fff;
        font-weight: 600;
        margin-top: 60px;
        margin-bottom: 22px;
    }

    .box-tel-fale .ddd-fale {
        width: 30%;
        margin-right: 18px;
    }

    .form-pag-fale input[type=file]::-webkit-file-upload-button {
        width: 100%;
        padding: 0 !important;
        margin: 0 !important;
        height: 40px;
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
    }

    .form-pag-fale input[type=file]::file-selector-button {
        width: 100%;
        padding: 0 !important;
        margin: 0 !important;
        height: 40px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .botao-upload {
        height: 40px !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0;
        margin: 0;
        width: 100%;
    }

    .botao-upload::before {
        content: '';
    }

    .box-botao-upload {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: relative;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 20px;
    }

    .box-botao-upload img {
        padding-right: 127px;
        position: absolute;
        pointer-events: none;
        top: 10px;
        display: block;
    }

    .nome-arquivo {
        width: 100%;
        height: 30px;
        -webkit-filter: drop-shadow(0 0 2.5px rgba(0,0,0,0.3));
        filter: drop-shadow(0 0 2.5px rgba(0,0,0,0.3));
        background-color: #ffffff;
        font-size: 12px;
        letter-spacing: 0;
        color: #b1b1b1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .check-pag-fale {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 20px;
        margin-top: 0;
    }

    .box-codigo-pag-fale {
        margin-bottom: 20px;
    }

    .check-pag-fale label {
        font-size: 10px;
        color: #fff;
        padding-right: 15%;
    }

    .codigo-pag-fale {
        margin-right: 20px;
        min-width: 82px;
    }

    .titulo-pag-fale-mobile-2 {
        display: block;
        font-size: 20px;
        letter-spacing: 1px;
        color: #fff;
        font-weight: bold;
        margin-bottom: 25px !important;
        text-align: center;
    }

    .tipo-mensagem-fale {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .form-pag-fale textarea {
        margin-bottom: 15px;
    }

    .tipo-mensagem-fale span {
        font-size: 12px;
        color: #fff;
    }

    .tipo-mensagem-fale select {
        height: 40px;
    }

    .codigo-pag-fale {
        margin-right: 20px;
        min-width: 65px;
    }

    .cor-mapa {
        width: 100%;
        height: 100%;
        position: absolute;
        background-color: #063e87a3;
        pointer-events: none;
        -webkit-transition: 0.2s all;
        -o-transition: 0.2s all;
        transition: 0.2s all;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
            -ms-flex-align: end;
                align-items: flex-end;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }

    
.dedo-mapa-mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 20px;
}

.dedo-mapa-mobile > p {
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    margin-top: 10px;
}

    .box-mapa-fale {
        margin-top: 30px;
        max-height: 400px;
    }

    .endereco-pag-fale {
        height: 113px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .endereco-pag-fale p {
        display: none;
    }
    .endereco-pag-fale span {
        font-weight: bold;
        text-align: center;
        font-size: 14px;
        letter-spacing: 1px;
        width: 318px;
        max-width: 90%;
    }

    .endereco-pag-fale img {
        width: 20px;
        margin-bottom: 15px;
        margin-right: 0;
    }

}

@media screen and (min-width: 500px) and (max-width: 767px) {
    .produto-relacionado {
        max-width: 50.3%;
        margin: 0;
    }
}
@media screen and (max-width: 1280px) {
	.loop-produto-home {
		width: 33%;
		margin: 0 0 50px 0;
	}
	.box-ver-mais-produtos-home {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}
@media screen and (max-width: 1023px) {

    .container-sobre-a-gifel-home {
        /* display: none; */
        flex-direction: column;
    }

    .content-sobre-a-gifel-home-1 {
        width: 100%;
    }

    .content-sobre-a-gifel-home-1 nav {
        bottom: 0;
        position: absolute;
        width: 100%;
    }

    .content-sobre-a-gifel-home-1 nav > ul {
        display: flex;
    }

	.content-sobre-a-gifel-home-2 {
		width: 100%;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: start;
		    -ms-flex-pack: start;
		        justify-content: flex-start;
		padding: 5%;
	}
	.texto-sobre-a-gifel, .texto-engenharia-e-projetos, .texto-servicos-tecnicos, .video-gifel {
		height: auto;
	}
	
	.content-sobre-a-gifel-home-1 nav ul li {
		width: 33%;
		height: auto;
		padding: 17px 10px;
	}

    .content-cluster-home {
 		width: 90%;
		margin: 0 auto 80px;
        display: flex;
        flex-direction: column;
    }

    .box-menu-cluster-home {
        width: 100%;
    }

    .titulo-pagina-cluster-descricao {
        width: 100%;
    }
    .active .icone_svg {
        -webkit-transform: rotate(90deg) !important;
        -ms-transform: rotate(90deg) !important;
        transform: rotate(90deg) !important;
        -webkit-transition: 0.5s all !important;
        -o-transition: 0.5s all !important;
        transition: 0.5s all !important;
    }

    .cluster-ativo {
        display: block;
    }

	.links-pag-cluster {
		height: auto;
	}

	.links-pag-cluster h3 {
		margin: 0 0 5px 0;
	} 
	.titulo-pagina-cluster-descricao {
		font-size: 24px;
		margin-bottom: 15px !important;
	}
	.preview-pagina-cluster p {
		font-size: 12px;
		line-height: 20px;
		margin: 0;
	}
	.links-pag-cluster h3 a {
		color: #fff;
		font-family: 'Montserrat', sans-serif;
		text-decoration: none;
		font-size: 13px;
		line-height: 22px;
	}
	.box-menu-cluster-home {
		display: none;
	}
	.box-menu-cluster-home.link_mobile {
		display: block;
	}
	.box-cluster {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.box-cluster .box-imagem {
		display: none!important;
	}
	.box-descricao-cluster {
		width: 100%;
		height: auto;
		padding: 30px;
		border-right: none;
	}
}
@media screen and (max-width: 950px) {
	.content-produtos-home h3 {
		padding: 60px 0 30px;
		line-height: 30px;
	}
}
@media screen and (max-width: 910px) {
	.box-imagem-cluster-home {
		display: none;
	}
	
	.box-descricao-cluster {
		width: 100%;
		height: auto;
		border-right: none;
	}
	.preview-pagina-cluster p {
		margin: 0 0 20px 0;
	}
	.content-cluster-home {
		height: auto;
		margin: 0 auto;
	}
}
@media screen and (max-width: 760px) {
	.content-sobre-a-gifel-home-1 nav ul li {
		width: 33%;
		height: auto;
		padding: 17px 10px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
			-ms-flex-direction: column;
				flex-direction: column;
		-webkit-box-align: center;
			-ms-flex-align: center;
				align-items: center;
		text-align: center;
		font-size: 12px;
	    line-height: 19px;
		margin: 0;
	}
	.content-sobre-a-gifel-home-1 nav ul li::before {
		margin: 0 0 5px 0;
	}
	.box-conteudo-sobre-a-gifel > h3 span {
		font-size: 16px;
		margin: 0;
	}
	.box-conteudo-sobre-a-gifel > h3 {
		font-size: 14px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		line-height: 20px;
	}
	.box-loop-produtos-home {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
			-ms-flex-direction: column;
				flex-direction: column;
		-ms-flex-wrap: nowrap;
			flex-wrap: nowrap;
		-webkit-box-align: center;
			-ms-flex-align: center;
				align-items: center;
	}
	.loop-produto-home {
		width: 100%;
		margin: 0 0 30px 0;
	}
}

@media screen and (max-width: 435px) {
	.content-sobre-a-gifel-home-1 nav ul li {
		padding: 17px 5px;
		font-size: 10px;
		line-height: 16px;
	}
}
@media screen and (max-width: 345px) {
	.content-sobre-a-gifel-home-1 nav > ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
			flex-wrap: wrap;
	}
	.content-sobre-a-gifel-home-1>img {
		margin: -165px 0 0 0;
		width: 81%;
	}
	.content-sobre-a-gifel-home-2 {
    	height: 610px;
	}
}
@media screen and (max-width: 285px) {
	.box-conteudo-sobre-a-gifel > p {
		margin-bottom: 22px;
	}
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
    .menu-principal-desktop,
    .menu-topo-desktop {
        display: none !important;
    }

    .area-mini-thumb-produto,
    .area-pesquisa-header label,
    .container-menu-produtos,
    .content-breadcrumbs,
    .footer-desktop,
    .menu-gifel-topo,
    .menu-topo-mobile {
        display: none;
    }


    /********************************************* MENU SUPERIOR  ********************************************************/

    .menu-principal-mobile {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        background-color: #030a17;
        height: 50px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .content-menu-principal-mobile {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .area-pesquisa-header-mobile {
        padding-right: 18px;
        position: relative;
        width: 91%;
    }

    .menu-principal-mobile .menu-toggle {
        background-color: transparent;
        border: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 0 0 0 18px;
    }

    .area-pesquisa-header-mobile {
        padding-right: 18px;
        position: relative;
    }
    .menu-principal-mobile .menu-toggle svg {
        width: 30px;
        fill: #fff;
    }

    .logo-gifel-mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .custom-logo-link {
        padding-top: 6px;
        margin: 0;
    }

    .menu-principal-mobile #site-navigation {
        background: #030a17;
        width: 100%;
        position: fixed;
        color: white;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        top: 0;
        z-index: 9999999999999999999;
        height: 100%;
        padding: 15px 0;
        -webkit-box-pack: normal;
        -ms-flex-pack: normal;
        justify-content: normal;
        left: -999px;
        overflow-x: hidden;
        display: none;
    }

    .institucional-mobile,
    .nossos-produtos-mobile {
        font-size: 14px;
        letter-spacing: 1px;
        color: #0468d7;
        font-weight: 600;
        text-transform: uppercase;
        position: relative;
        margin: 30px 0;
    }

    .institucional-mobile::before,
    .nossos-produtos-mobile::before {
        content: '';
        width: 27px;
        height: 1px;
        background-color: #fff;
        position: absolute;
        bottom: -5px;
    }

    .topo-menu-mobile {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0 33px;
        margin-bottom: 30px;
    }

    .lista-menu-mobile-header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        white-space: nowrap;
    }

    .menu-principal-mobile .menu-menu-topo-container {
        width: 100%;
    }

    .menu-principal-mobile .sub-menu {
        display: none !important;
    }

    .menu-principal-mobile .main-navigation ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
    }
    .menu-principal-mobile .main-navigation ul li {
        height: 45px;
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        border-bottom: 1px solid #0000003d;
        margin: 0;
        width: 100%;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: center;
        position: relative;
    }

    .menu-principal-mobile .main-navigation ul li::before {
        content: '';
        width: 27px;
        height: 1px;
        background-color: #0468d7;
        position: absolute;
        bottom: 6px;
    }

    #Menu-topo-mobile li:nth-child(1) {
        display: none !important;
    }
    #Menu-topo-mobile li:nth-last-child(-n + 1) {
        height: 51px;
        width: 341px;
        background-color: #0468d7;
        text-align: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-transform: uppercase;
        margin-top: 25px;
    }
    #Menu-topo-mobile li:nth-last-child(-n + 1) a {
        text-transform: uppercase !important;
    }

    .menu-principal-mobile .main-navigation ul li a {
        color: #fff !important;
        font-size: 14px;
        letter-spacing: 1px;
        font-weight: 400 !important;
        text-transform: none !important;
    }

    .area-pesquisa-header-mobile svg {
        fill: #fff;
        width: 30px;
    }


    .container-cluster-home-mobile {
        display: block;
        width: 100%;
        padding: 60px 0;
        order: 9;
    }

    .content-cluster-home-mobile {
        width: 85%;
        margin: 0 auto;
    }

    .titulo-pagina-cluster-mobile {
        height: 58px;
        background-color: #0061cb;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-left: 20px;
        position: relative;
        color: #fff;
        font-size: 16px;
        letter-spacing: 1px;
        font-weight: 600;
        -webkit-transition: 0.5s all;
        -o-transition: 0.5s all;
        transition: 0.5s all;
    }

    .titulo-pagina-cluster-mobile svg {
        position: absolute;
        right: 20px;
        fill: #fff;
        height: 17px;
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: 0.5s all;
        -o-transition: 0.5s all;
        transition: 0.5s all;
    }

    .bg-titulo-pagina-cluster-mobile {
        background-color: #063e87;
    }

    .box-descricao-cluster-mobile {
        padding: 20px 30px;
        background-color: #091d3e;
        display: none;
    }

    .cluster-ativo {
        display: block;
    }

    .titulo-pagina-cluster-descricao-mobile {
        color: #fff;
        letter-spacing: 1px;
        font-size: 20px;
        font-weight: bold;
        width: 100%;
        border-bottom: 1px solid #fff;
        padding-bottom: 10px;
        position: relative;
        margin-bottom: 30px !important;

    }

    .titulo-pagina-cluster-descricao-mobile::after {
        content: '';
        width: 49px;
        height: 2px;
        background-color: var(--azul-botao);
        position: absolute;
        bottom: 0;
        right: 0;

    }

    .preview-pagina-cluster-mobile p {
        color: #fff;
        letter-spacing: 1px;
        font-size: 12px;
        line-height: 22px;
        margin-bottom: 30px;

    }

    .links-pag-cluster-mobile {
        background-color: #081631;
        padding: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

    }

    .links-pag-cluster-mobile > div {
        list-style: none;
    }

    .links-pag-cluster-mobile > div h3, .links-pag-cluster-mobile > div h4  {
        margin-bottom: 20px;
        display: flex;
        align-items: center;
    }

    .links-pag-cluster-mobile > div h3 a, .links-pag-cluster-mobile > div h4 a {
        font-size: 14px;
        color: #fff;
        letter-spacing: 1px;
        font-family: 'Montserrat', sans-serif;
        margin-left: 10px;
        text-decoration: none;
    }

    .links-pag-cluster-mobile > div h3:nth-last-child(-n + 1), .links-pag-cluster-mobile > div h4:nth-last-child(-n + 1) {
        margin-bottom: 0;
    }

    .links-pag-cluster-mobile > div h3 svg, .links-pag-cluster-mobile > div h4 svg {
        height: 12px;
        fill: #fff;

    }

    .container-blog-home {
        height: auto;
        padding-top: 0;
    }

    .content-blog-home {
        width: 85%;
    }



    .titulo-link-blog-home p {
        font-size: 20px;
    }

    .titulo-link-blog-home p span {
        font-size: 20px;
    }

    .titulo-link-blog-home a {
        display: none;
    }


    .acesse-blog-mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: 70px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background: #030a17;
        color: #fff;
        text-decoration: none;
        font-weight: bold;
        text-transform: uppercase;
        font-size: 11px;
    }



    /************************************** PÁGINA PRINCIPAL  *****************************************/

    .container-banner-home {
        height: auto;
        /* background: url("./sistema-de-combate-a-incendio/home/combate-a-incendio-gifel-background-banner-mobile.webp"); */
        position: relative;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: fixed;
        min-height: 810px;
    }

    .content-banner-home {
        margin: 40px 0;
    }

    .info-banner-home {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 90%;
        margin: 0 auto;
        padding-bottom: 50px;
    }

    .texto-banner-home dt {
        margin: 15px 0 !important;
        font-size: 36px;
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }

    .botoes-info-banner-home {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 30px auto;
        width: 420px;
        max-width: 100%;
    }

    .texto-banner-home {
        max-width: 100%;
    }

    .imagem-banner-home img {
        max-width: 100%;
    }

    .imagem-banner-home {

        height: auto;
    }

    .texto-banner-home dd {
        width: 100%;
    }

    .botao-orcamento-banner,
    .botao-saiba-banner {
        width: 100%;
        margin: 0;
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 11px;
    }

    .botao-saiba-banner {
        margin-bottom: 10px;
    }

    .botao-orcamento-banner img {
        width: 19px;
        height: auto;
        margin-left: 10px;
    }

    .container-banner-home .slick-dots {
        bottom: 20px !important;
        max-width: 90%;
        display: none !important;
    }
    .arrow {
        position: absolute;
        -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        bottom: 60px;
        right: 63px;
    }
    .arrow span {
        display: block;
        width: 22px;
        height: 22px;
        border-bottom: 2px solid #06A8FF;
        border-right: 2px solid #06A8FF;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        margin: -10px;
        -webkit-animation: animate 2s infinite;
        animation: animate 2s infinite;
    }
    .arrow span:nth-child(2) {
        -webkit-animation-delay: -0.2s;
        animation-delay: -0.2s;
    }
    .arrow span:nth-child(3) {
        -webkit-animation-delay: -0.4s;
        animation-delay: -0.4s;
    }
    @-webkit-keyframes animate {
        0% {
            opacity: 0;
            -webkit-transform: rotate(-45deg) translate(-20px,-20px);
            transform: rotate(-45deg) translate(-20px,-20px);
        }
        50% {
            opacity: 1;
        }
        100% {
            opacity: 0;
            -webkit-transform: rotate(-45deg) translate(20px,20px);
            transform: rotate(-45deg) translate(20px,20px);
        }
    }
    @keyframes animate {
        0% {
            opacity: 0;
            -webkit-transform: rotate(-45deg) translate(-20px,-20px);
            transform: rotate(-45deg) translate(-20px,-20px);
        }
        50% {
            opacity: 1;
        }
        100% {
            opacity: 0;
            -webkit-transform: rotate(-45deg) translate(20px,20px);
            transform: rotate(-45deg) translate(20px,20px);
        }
    }

    .informacoes-divisor-banner div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-left: 1px solid #7c7c7c52;
        padding: 0 44px;
        width: 50%;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .informacoes-divisor-banner {
        width: auto;

    }

    .divisor-banner-home {
        width: 100%;
        height: 380px;
        background-color: #030A17;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 60px 10%;
    }

    .informacoes-divisor-banner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 12px;
        color: #fff;
        width: 100%;
        margin: 0 auto;
        text-transform: uppercase;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .container-chamadas-home {
        padding-bottom: 60px;
    }

    .content-chamadas-home {
        width: 85%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .box-certificacao-home {
        margin-bottom: 40px;
    }

    .content-chamadas-home img {
        max-width: 100%;
    }

    .box-certificacao-home a {
        position: relative;
    }

    .box-certificacao-home div,
    .box-cotacao-home div {
        width: 65%;
        height: 70px;
        font-size: 17px;
        padding-left: 20px;
    }

    .box-certificacao-home div span,
    .box-cotacao-home div span {
        font-size: 11px;
        font-weight: 400;
    }

    .container-sobre-a-gifel-home-mobile {
        width: 100%;
        display: flex;
        flex-direction: column;
        order: 6;
    }

    .content-sobre-a-gifel-home-mobile-1 {
        background-image: url("./sistema-de-combate-a-incendio/home/combate-a-incendio-gifel-background-sobre-home-1-mobile.webp");
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 245px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        position: relative;
        overflow: hidden;
    }

    .content-sobre-a-gifel-home-mobile-1 > img {
        width: 130px;
        margin-top: 60px;
    }

    .menu-sobre-a-gifel-home-mobile ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 50px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: relative;
        background: #081a38;
    }
    .menu-sobre-a-gifel-home-mobile ul li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        text-align: center;
        font-size: 9px;
        padding: 0 20px;
        color: #fff;
        font-weight: 500;
        height: 33px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-right: 1px solid #003b9d;
        text-transform: uppercase;
        -webkit-transition: 0.2s all;
        -o-transition: 0.2s all;
        transition: 0.2s all;
    }
    .menu-sobre-a-gifel-home-mobile ul li img {
        width: 13px;
        margin-bottom: 5px;
    }

    .menu-sobre-a-gifel-home-mobile {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
    }

    .sobre-a-gifel-mobile-menu-ativo {
        background: #0061cb;
        position: relative;
        bottom: 5px;
        height: 60px !important;
    }

    .seta-sobre-esquerda {
        height: 18px;
        width: 9px;
        width: auto;
        fill: #fff;
        position: absolute;
        bottom: 17px;
        z-index: 2;
        left: 10px;
        display: none;
    }
    .seta-sobre-direita {
        height: 18px;
        width: 9px;
        width: auto;
        fill: #fff;
        position: absolute;
        bottom: 17px;
        z-index: 2;
        right: 10px;
        display: none;
    }

    .content-sobre-a-gifel-home-mobile-2 {
        width: 85%;
        margin: 0 auto;
        background: url("./sistema-de-combate-a-incendio/home/combate-a-incendio-gifel-background-sobre-home-conteudo-mobile.webp");
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        overflow: hidden;
    }

    .box-conteudo-sobre-a-gifel-mobile {
        padding: 40px;
    }
    .box-conteudo-sobre-a-gifel-mobile .botao-saiba-mais-sobre-mobile {
        width: 100%;
        background: #0061cb;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        color: #fff;
        font-size: 11px;
        text-decoration: none;
        text-transform: uppercase;
        font-weight: 600;
        height: 44px;
    }
    .box-conteudo-sobre-a-gifel-mobile p {
        margin-bottom: 30px;
        font-size: 11px;
        color: #091d3e;
        line-height: 21px;
    }
    .box-conteudo-sobre-a-gifel-mobile ul {
        margin-bottom: 30px;

    }
    .box-conteudo-sobre-a-gifel-mobile ul li {
        font-size: 11px;
        color: #091d3e;
        line-height: 21px;
    }

    .box-conteudo-sobre-a-gifel-mobile h3 {
        font-size: 18px;
        color: #091d3e;
        position: relative;
        border-left: 2px solid #0061cb;
        height: 27px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 5px 0 5px 10px;
        margin-bottom: 15px;
        display: inline-block;
    }
    .box-conteudo-sobre-a-gifel-mobile h3 span {
        text-transform: uppercase;
        font-weight: bold;

    }

    .texto-ativo {
        display: block !important;
    }

    .texto-sobre-a-gifel-mobile {
        display: none;
    }

    .texto-engenharia-e-projetos-mobile {
        display: none;
    }

    .gifel-video-play {
        width: 90%;
        position: relative;
    }

    .texto-servicos-tecnicos-mobile {
        display: none;
    }

    .video-gifel-mobile {
        display: none;
        text-align: center;
    }

    .video-gifel-mobile #video-institucional {
        position: relative;
        display: block;
        float: unset;
        width: 100%;
        height: auto;
        background-image: url("./sistema-de-combate-a-incendio/home/gifel-video-institucional.webp");
        background-size: 100%;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        max-width: 260px;
        margin: 0 auto;
    }

    .video-gifel-mobile #video-institucional #gifel-click-video {
        cursor: pointer;
        width: auto;
        height: 120px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 0 auto;
    }
    .video-gifel-mobile #video-institucional img {
        height: 76px;
        width: auto;
    }

    .container-gestao-qualidade {
        background-image: unset;
        background-color: #fff;
    }

    .content-gestao-qualidade {
        width: 85%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .box-qualidade-1 {
        width: 100%;
    }

    .box-qualidade-1 p {
        font-size: 10px;
        padding-left: 40px;
        color: #fff;
        line-height: 15px;
        text-align: justify;
    }

    .box-gestao-1 {
        padding: 20px 35px 30px 0;
        background-color: #091d3e;
        height: auto;
        -webkit-box-pack: normal;
        -ms-flex-pack: normal;
        justify-content: normal;
    }

    .box-gestao-1 h1 {
        font-size: 18px;
        color: #fff;
        padding-bottom: 15px;
    }

    .box-gestao-1::before {
        position: absolute;
        content: '';
        height: 60px;
        width: 1px;
        left: 30px;
        top: 49px;
        background-color: #fff;
    }

    .box-gestao-2 {
        padding: 20px 35px 30px 0;
        background-color: #091d3e;
        height: auto;
        -webkit-box-pack: normal;
        -ms-flex-pack: normal;
        justify-content: normal;
        margin-bottom: 40px;
    }

    .box-gestao-2 h2 {
        font-size: 15px;
        color: #fff;
        padding-bottom: 15px;

    }

    .box-gestao-2::before {
        position: absolute;
        content: '';
        height: 52px;
        width: 1px;
        left: 30px;
        top: 41px;
        background-color: #fff;
    }

    .box-qualidade-2 {
        max-width: 390px;
        width: 100%;
    }

    .box-qualidade-2 img {
        max-width: 100%;
    }

    .divisor-sobre-a-gifel-home {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 245px;
    }

    .box-divisor-sobre-1 {
        width: 100%;
        height: 185px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: relative;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .box-divisor-sobre-1::before {
        position: absolute;
        content: '';
        width: 35px;
        height: 2px;
        bottom: 55px;
        background-color: #0478f6;
    }

    .box-divisor-sobre-2 {
        width: 100%;
        height: 60px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: relative !important;
    }

    .box-divisor-sobre-2 a {
        margin: 0;
        position: absolute;
        top: -30px;
    }

    .box-divisor-sobre-1 p {
        font-size: 18px;
        margin: 0;
        width: 271px;
        text-align: center;
        max-width: 100%;
        margin-top: 28px;
        line-height: 28px;
    }

    .box-divisor-sobre-1 p::before {
        display: none;
    }

    .box-divisor-sobre-1 p::after {
        display: none;
    }


    

    .container-blog-home {
        height: auto;
        padding-top: 0;
    }

    .content-blog-home {
        width: 85%;
    }

    .titulo-link-blog-home {
        justify-content: center;
    }



    .titulo-link-blog-home p {
        font-size: 20px;
    }

    .titulo-link-blog-home p span {
        font-size: 20px;
    }

    .titulo-link-blog-home a {
        display: none;
    }


    .acesse-blog-mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: 70px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background: #030a17;
        color: #fff;
        text-decoration: none;
        font-weight: bold;
        text-transform: uppercase;
        font-size: 11px;
    }

    .box-loop-blog-home {
        display: flex;
        column-gap: 2.9%;
        margin-top: 45px;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
    }

    .loop-blog-home {
        margin-bottom: 60px;
        max-width: 368px;
        width: 100%;
    }



    /************************************** PRODUTO INDIVIUAL  *****************************************/
    .container-produto-individual {
        background-color: #fff;
    }

    .content-produto-individual {
        width: 100%;
        margin: 0 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 40px 20px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .container-produto {
        padding: 0 !important;
        margin: 0;
        width: 100%;
        height: 100%;
        background-color: #fff;
    }

    .area-thumb-produto {
        position: relative;
        margin-bottom: 30px;
    }

    .contador-img {
        position: absolute;
        top: 15px;
        left: 10px;
        color: #fff;
        width: 43px;
        z-index: 1;
        background-color: #043575;
        border-radius: 10px;
        text-align: center;
        height: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 12px;
        z-index: 2;
    }

    .box-thumb-produto-slick img {
        background-color: #fff;
        max-width: 100%;
        max-height: 100%;
        height: auto;
        width: auto;
    }

    .titulo-nome-produto h1 {
        color: #063e88;
        font-weight: 800;
        letter-spacing: 1px;
        font-size: 16px;
    }

    .titulo-nome-produto::after {
        height: 3px;
    }

    .area-thumb-produto .slick-next,
    .area-thumb-produto .slick-prev {
        display: none !important;
    }

    .descricao-pag-produto p {
        color: #6b6b6b;
        font-size: 12px;
        line-height: 23px;
    }

                
    .descricao-pag-produto a {
        font-size: 12px;
        line-height: 13px;
    }

    .descricao-pag-produto b, .descricao-pag-produto strong {
        font-size: 12px;
    }

    .descricao-pag-produto li {
        font-size: 12px;
    }

    .descricao-produto-mobile {
        display: block;
        font-size: 14px;
        line-height: 22px;
        color: #004081;
        font-weight: 600;
        margin-bottom: 5px;
    }

    .tabela-produto {
        width: 100%;
    }

    .tabela-produto-mobile {
        max-width: 100%;
        overflow: scroll;
        margin-bottom: 20px;
    }

    .container-cotacao-produtos {
        width: 100%;
    }

    .box-fabricacao-cotacao {
        position: relative;
        overflow: hidden;

    }

        .box-fabricacao-cotacao-desktop {
        display: none;
    }

        .box-fabricacao-cotacao-mobile {
        display: flex;
    }

    .box-fabricacao-cotacao h3 {
        width: auto;
        font-size: 12px;
        font-weight: 600;
    }

    .cilindro-icone-desktop {
        display: none;
    }
    .cilindro-icone-mobile {
        display: inline-block;
        width: 109px !important;
        position: absolute;
        left: -14px;
        bottom: -32px;
        max-height: unset !important;
    }

    .produzimos-desktop {
        display: none;
    }
    .produzimos-mobile {
        display: block;
        font-size: 12px;
        color: #6b6b6b;
        margin-top: 20px;
        margin-bottom: 30px;
    }

    .box-solicite-cotacao {
        background-color: #003f84;
    }
    .box-solicite-cotacao p {
        letter-spacing: 1px;
        color: #fff;
        width: auto;
        border-bottom: 2px solid #f4f4f433;
        padding-bottom: 12px;
    }

    .box-solicite-cotacao p::after {
        background-color: #fff;
    }

    .box-loop-produtos-relacionados {
        display: block;
        margin-top: 30px;
        margin-bottom: 40px;
    }

    .loop-produtos-relacionados-slick .slick-track {
        margin: 0 auto;
    }

    .box-loop-produtos-relacionados-desktop {
        display: none !important;
    }
    .box-loop-produtos-relacionados h2 {
        font-size: 14px;
        color: #004081;
        font-weight: 600;
        margin-bottom: 15px;
        text-align: center;
    }

    .imagem-produto-relacionado img {
        height: auto;
        margin: 0 auto;
        max-width: 100%;
    }

    .imagem-produto-relacionado {
        width: 100%;
        height: 212px;
        border: 1px solid gainsboro;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .botoes-produtos-relacionados {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        background-color: var(--azul-escuro);
        color: #fff;
        font-weight: 600;
        font-size: 12px;
        text-decoration: none;
        height: 50px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .produto-relacionado {
        height: 100%;
        margin: 0 1.2%;
        max-width: 28.9%;
    }

    .link-nome-produto-relacionado {
        text-align: center;
        width: 133px;
        text-decoration: none;
        margin: 0 auto;
        font-size: 10px !important;
        color: #ffffff !important;
        font-weight: 600;
    }

    .link-nome-produto-relacionado a {
        color: #fff;
        font-weight: 600;
        font-size: 12px;
        text-decoration: none;
    }

    .botao-orcamento-produto-relacionado {
        background-color: var(--azul-escuro-hover);
        width: 30px;
        height: 50px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 27px !important;
        font-weight: 300 !important;
        text-decoration: none;
        color: #fff !important;
    }

    .botao-orcamento-produto-relacionado a {
        color: #fff;
        font-weight: 600;
        font-size: 12px;
        text-decoration: none;
    }

    .loop-produtos-relacionados-slick .slick-next,
    .loop-produtos-relacionados-slick .slick-prev {
        display: none !important;
    }


    /************************************************** FOOTER MOBILE  */

    .footer-mobile {
        display: block;
        width: 100%;

    }

    .content-menu-footer {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 90%;
        margin: 0 auto;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-bottom: none;
    }

    .content-menu-footer .box-menu-informacoes-gifel {
        width: 100%;
    }

    #menu-gifel-footer {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .content-menu-footer ul li {
        text-align: center;
        width: 100%;
    }

    .content-menu-footer #menu-gifel-footer li:nth-child(1) a {
        width: 100%;
        font-size: 15px;
    }

    .content-menu-footer #menu-gifel-footer li:nth-child(n + 2) a {
        font-size: 15px;
        letter-spacing: 1px;
    }

    .content-menu-footer #menu-cilindros .sub-menu li a,
    .content-menu-footer #menu-equipamentos .sub-menu li a,
    .content-menu-footer #menu-sistemas .sub-menu li a {
        font-size: 14px;
        letter-spacing: 1px;
    }

    .content-menu-footer #menu-cilindros .menu-item-has-children > a::before,
    .content-menu-footer #menu-equipamentos .menu-item-has-children > a::before,
    .content-menu-footer #menu-sistemas .menu-item-has-children > a::before {
        position: absolute;
        top: 86px;
    }

    .content-menu-footer #menu-gifel-footer li:nth-child(1) a::before {
        position: absolute;
        top: 44px;
    }

    .content-menu-footer #menu-gifel-footer li:nth-child(1) a::before {
        left: 0;
    }

    .content-menu-footer ul {
        width: 100%;
    }

    .content-menu-footer #menu-cilindros .menu-item-has-children > a,
    .content-menu-footer #menu-equipamentos .menu-item-has-children > a,
    .content-menu-footer #menu-sistemas .menu-item-has-children > a {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
        font-size: 15px;
        margin-top: 43px;
    }

    .content-menu-footer #menu-cilindros .menu-item-has-children > a::before,
    .content-menu-footer #menu-equipamentos .menu-item-has-children > a::before,
    .content-menu-footer #menu-sistemas .menu-item-has-children > a::before {
        left: 0;
    }

    .content-redes-sociais-pesquisa {
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-top: 2px solid #415f9b30;
    }

    .content-footer-exent {
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 4px;
        height: 80%;
    }

    .icone-exent {
        margin-top: 0px;
    }

    .container-orcamento-footer {
        position: fixed;
        bottom: 0;
        width: 100%;
    }

    .area-orcamento-footer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        background-color: #030a17;
        height: 70px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .contato-footer {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 50%;
        height: 100%;
        color: #fff;
        text-transform: uppercase;
        text-decoration: none;
        font-size: 12px;
    }

    .contato-footer span {
        font-weight: bold;
    }

    .solicite-footer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        background-color: #2c8f00;
        height: 100%;
        color: #fff;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 50%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-decoration: none;
        text-transform: uppercase;
        font-size: 12px;
    }

    .solicite-footer span {
        font-weight: bold;
    }

    .solicite-footer button {
        background-color: transparent;
        border: none;
        margin-right: 10px;
    }

    .whatsapp-footer svg {
        width: 38px;
        fill: #fff;
    }

    .whatsapp-footer {
        width: 50%;
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
    }

    .solicite-footer a {
        color: #fff;
        text-decoration: none;
        font-size: 12px;
        text-transform: uppercase;
        margin-right: 10px;
    }
    .solicite-footer a span {
        color: #fff;
        text-decoration: none;
        font-size: 12px;
        font-weight: bold;
    }
    .contato-footer svg {
        width: 35px;
        fill: #fff;
        margin-right: 15px;
    }

    .container-footer-exent {
        height: 92px;
        margin-bottom: 94px;

    }

    .redes-sociais-footer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 12px;
        width: 331px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        max-width: 90%;
    }

    .icones-redes-sociais-footer-mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 70%;
        max-width: 150px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;

    }

    .barra-pesquisa-footer {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 331px;
        max-width: 90%;
    }

    #form-pesquisa-footer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
    }
    #form-pesquisa-footer label {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
    }

    .input-pesquisa-footer {
        width: 100%;
    }
    .botao-pesquisar-footer {
        width: 34%;
    }

    .redes-sociais-footer a {
        margin: 0;
        width: 45px;
        height: 45px;
    }

    .redes-sociais-footer p {
        font-size: 12px;
    }

    .redes-sociais-footer .icone-youtube {
        width: 21px;
    }

    .redes-sociais-footer .icone-facebook {
        width: 12px;
    }

    .content-footer-exent p {
        font-size: 10px;
    }

    .content-footer-exent a {
        text-decoration: none;
        color: #248cfe;
        font-size: 10px;
    }

    .informacoes-footer-gifel-telefone a {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-weight: bold;
    }

    .informacoes-footer-gifel-telefone a:nth-child(2) {
        margin-left: 4px;
    }

    .informacoes-footer-gifel-endereco p {
        font-weight: 600;
        font-size: 12px;
    }

    .icone-telefone-footer span {
        margin-left: 5px;
    }

    /************************************ NEWSLETTER  *******************************************/

    .content-newsletter-home {
        width: 90%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        max-width: 335px;
        height: 86%;
    }

    .box-newsletter-home-2 {
        height: auto;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        background-color: rgba(0, 0, 0, 0.102);
    }

    .container-newsletter-home {
        height: 328px;
    }

    .nome-newsletter-home {
        width: 100%;
        height: 49px;
        margin-bottom: 7px;
    }
    .email-newsletter-home {
        width: 100%;
        height: 49px;
        margin-bottom: 7px;
    }

    .box-newsletter-home-1 {
        width: 335px;
        text-align: center;
        max-width: 100%;
    }
    .inscrever-newsletter-home {
        width: 100%;
        height: 49px;

    }

    .titulo-newsletter-home {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        max-width: 335px;
    }

    .box-newsletter-home-1 p {
        letter-spacing: 0;
        text-align: start;
        font-size: 12px;
    }

    .box-newsletter-home-2 {
        width: 100%;
    }

    /*********************************** PAGINA 404 *************************************************/

    .content-404 {
        width: 90%;
    }

    .erro-404 {
        font-size: 120px;
        font-weight: 700;
    }

    .box-404 p {
        font-size: 12px;
        text-align: center;
    }

    /* ********************************************* PÁGINA PADRÃO *****************************************************/

    .content-padrao,
    .content-padrao-nosidebar {
        width: 90%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .box-conteudo-padrao {
        width: 100%;
        background-color: #fff;
        padding: 30px;
    }

    .box-sidebar-padrao {
        width: 100%;
        margin: 30px auto 0;
    }

    .engenharia-sidebar-padrao {
        position: relative;
        height: 184px;
        margin-top: 30px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .engenharia-sidebar-padrao a div {
        height: 70px;
        width: 240px;
    }

    .servicos-sidebar-padrao {
        position: relative;
        height: 184px;
        margin-top: 30px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .box-codigo-fale-conosco {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .servicos-sidebar-padrao a div {
        height: 70px;
        width: 240px;
    }

    .box-codigo-fale-conosco input,
    .codigo-fale-conosco {
        width: 100% !important;
        border: none;
    }

    /********************************** PÁGINA DE CONFIRMAÇÃO  ********************************************/

    .content-confirmacao {
        width: 90%;
    }

    .box-confirmacao p {
        font-size: 18px;
        text-align: center;
    }

    .box-confirmacao .agradecimento-texto {
        font-size: 15px;
    }

    .box-confirmacao {
        height: 260px;
    }

    /******************************** CATEGORIA DE PRODUTO  *******************************/

    .container-categoria-produto .container-menu-produtos {
        display: none;
    }

    .content-sidebar-categoria-produto {
        padding-top: 30px;
    }

    .content-loop-categoria-produto .loop-categoria-produto {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0;
    }

    .loop-categoria-produto .produto-home {
        width: 48.3%;
        max-width: 100%;
    }

    .box-titulo-categoria-produto {
        padding: 0 0 20px;
    }

    .content-loop-categoria-produto {
        margin-left: 0;
        padding: 30px 20px 0px;
    }

    .content-categoria-produto {
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-left: 0;
        max-width: 100%;
    }

    .content-descricao-categoria-produto {
        width: 90%;
        margin-top: 30px;
    }

    .descricao-categoria-produto {
        margin: 0;
    }

    .descricao-categoria-produto p {
        font-size: 14px;
    }

    /************************************* BLOG, CATEGORIA DE BLOG  *******************************/

    .archive .box-blog, .blog .box-blog, .box-post-individual {
        width: 100%;
        margin-right: 0px;
        margin-bottom: 30px;
    }

    .area-blog .loop-blog-home {
        background-color: #fff;
        position: relative;
        width: 48%;
        margin-bottom: 60px;
        max-width: none;
    }

    .area-blog .titulo-blog {
        font-size: 15px !important;
        color: #000 !important;
    }

    .area-blog .descricao-blog {
        font-size: 13px;
    }

    .area-blog .box-conteudo-blog {
        padding: 0 35px;
        height: 155px;
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
    }

    .area-blog .box-img-blog img {
        width: auto; 
        }


    /************************************************ PÁGINA DE PESQUISA  *********************************************************/

    .content-pesquisa {
        width: 90%;
    }

    /******************************** PÁGINA INTERNATIONAL CONTACT  *************************************/

    .content-pag-internacional {
        width: 90%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .box-pag-internacional-1 {
        width: 100%;
    }

    .box-pag-internacional-2 {
        width: 100%;
    }

    .contatos-pag-internacional {
        padding: 0;
        -webkit-column-gap: 5%;
        -moz-column-gap: 5%;
        column-gap: 5%;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 0;
        max-width: 500px;
        margin: 0 auto;
    }

    .titulo-internacional-mobile {
        font-size: 24px;
        letter-spacing: 1px;
        color: #fff;
        font-weight: bold;
        position: relative;
        padding-bottom: 7px !important;
        border-bottom: 1px solid #ffffff21;
        margin-bottom: 20px !important;
    }

    .titulo-internacional-mobile::after {
        content: '';
        width: 26px;
        height: 4px;
        background-color: #fff;
        position: absolute;
        right: 0;
        bottom: 0;
    }

    .subtitulo-internacional-mobile {
        display: block;
        font-size: 14px;
        color: #fff;
        line-height: 27px;
        margin: 20px 0;
        margin-top: 53px;
    }

    .form-pag-internacional .titulo-form {
        display: none;
    }

    .form-pag-internacional {
        background-color: unset;
        padding: 0;
    }

    .form-pag-internacional p {
        margin-bottom: 20px;
        margin-top: 20px;
    }

    .botao-enviar-pag-internacional,
    .box-botao-enviar-pag-internacional {
        width: 100% !important;
    }

    .subtitulo-internacional {
        display: none;
    }

    .box-botao-enviar-pag-internacional svg {
        position: absolute;
        right: 40%;
        bottom: 20px;
        width: 6px;
        fill: #fff;
        margin: 0 auto;
    }

    .other-contacts-internacional {
        font-size: 20px;
        letter-spacing: 1px;
        color: #fff;
        font-weight: 600;
        margin-top: 60px;
        margin-bottom: 22px;
        text-align: center;
    }

    .other-contacts-internacional,
    .subtitulo-internacional-mobile,
    .titulo-internacional-mobile {
        display: block;
    }

    /******************************** PÁGINA DE COTAÇÃO  *************************************/

    .titulo-pag-cotacao-mobile {
        display: block;
        font-size: 24px;
        letter-spacing: 1px;
        color: #fff;
        font-weight: bold;
        padding-right: 64px;
        position: relative;
        width: 100%;
        border-bottom: 1px solid #ffffff20;
        padding-bottom: 5px;
    }

    .titulo-pag-cotacao-mobile::after {
        content: '';
        background-color: #fff;
        width: 26px;
        height: 4px;
        position: absolute;
        bottom: 0;
        right: 0;
    }

    .subtitulo-pag-cotacao-mobile {
        display: block;
        font-size: 14px;
        color: #fff;
        line-height: 27px;
        margin: 20px 0;
        margin-top: 53px;
    }

    .content-pag-cotacao {
        width: 90%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .box-pag-cotacao-1 {
        width: 100%;
    }

    .box-pag-cotacao-2 {
        width: 100%;
    }

    .contatos-pag-cotacao {
        padding: 0;
        -webkit-column-gap: 5%;
        -moz-column-gap: 5%;
        column-gap: 5%;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 0;
        max-width: 348px;
        margin: 0 auto;
    }

    .titulo-cotacao-mobile {
        font-size: 24px;
        letter-spacing: 1px;
        color: #fff;
        font-weight: bold;
        position: relative;
        padding-bottom: 7px !important;
        border-bottom: 1px solid #ffffff21;
        margin-bottom: 20px !important;
    }

    .titulo-cotacao-mobile::after {
        content: '';
        width: 26px;
        height: 4px;
        background-color: #fff;
        position: absolute;
        right: 0;
        bottom: 0;
    }

    .subtitulo-cotacao-mobile {
        font-size: 14px;
        line-height: 27px;
        color: #fff;
        max-width: 90%;
    }

    .form-pag-cotacao .titulo-form {
        display: none;
    }

    .form-pag-cotacao {
        background-color: unset;
        padding: 0;
        margin-bottom: 60px;
    }

    .form-pag-cotacao p {
        margin-bottom: 20px;
        margin-top: 20px;
    }

    .botao-enviar-pag-cotacao,
    .box-botao-enviar-pag-cotacao {
        width: 100% !important;
    }

    .subtitulo-cotacao{
        display: none;
    }

    .box-botao-enviar-pag-cotacao svg {
        position: absolute;
        right: 40%;
        bottom: 20px;
        width: 6px;
        fill: #fff;
        margin: 0 auto;
    }

    .other-contacts-cotacao {
        font-size: 20px;
        letter-spacing: 1px;
        color: #fff;
        font-weight: 600;
        margin-top: 60px;
        margin-bottom: 22px;
    }

    .box-tel-cotacao .ddd-cotacao {
        width: 30%;
        margin-right: 18px;
    }

    .form-pag-cotacao input[type=file]::-webkit-file-upload-button {
        width: 100%;
        padding: 0 !important;
        margin: 0 !important;
        height: 40px;
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
    }

    .form-pag-cotacao input[type=file]::file-selector-button {
        width: 100%;
        padding: 0 !important;
        margin: 0 !important;
        height: 40px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .botao-upload {
        height: 40px !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0;
        margin: 0;
        width: 100%;
    }

    .botao-upload::before {
        content: '';
    }

    .box-botao-upload {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: relative;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 20px;
    }

    .box-botao-upload img {
        padding-right: 127px;
        position: absolute;
        pointer-events: none;
        top: 10px;
        display: block;
    }

    .check-pag-cotacao {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 20px;
        margin-top: 0;
    }

    .nome-arquivo {
        width: 100%;
        height: 30px;
        -webkit-filter: drop-shadow(0 0 2.5px rgba(0,0,0,0.3));
        filter: drop-shadow(0 0 2.5px rgba(0,0,0,0.3));
        background-color: #ffffff;
        font-size: 12px;
        letter-spacing: 0;
        color: #b1b1b1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .box-codigo-pag-cotacao {
        margin-bottom: 20px;
    }

    .check-pag-cotacao label {
        font-size: 10px;
        color: #fff;
        padding-right: 15%;
    }

    .codigo-pag-cotacao {
        margin-right: 20px;
        min-width: 82px;
    }

    .titulo-pag-cotacao-mobile-2 {
        display: block;
        font-size: 20px;
        letter-spacing: 1px;
        color: #fff;
        font-weight: bold;
        margin-bottom: 25px !important;
        text-align: center;
    }

    /******************************** PÁGINA TRABALHE CONOSCO  *************************************/

    .titulo-pag-trabalhe-mobile {
        display: block;
        font-size: 24px;
        letter-spacing: 1px;
        color: #fff;
        font-weight: bold;
        padding-right: 64px;
        position: relative;
        width: 100%;
        border-bottom: 1px solid #ffffff20;
        padding-bottom: 5px;
    }

    .titulo-pag-trabalhe-mobile::after {
        content: '';
        background-color: #fff;
        width: 26px;
        height: 4px;
        position: absolute;
        bottom: 0;
        right: 0;
    }

    .subtitulo-pag-trabalhe-mobile {
        display: block;
        font-size: 14px;
        color: #fff;
        line-height: 27px;
        margin: 20px 0;
        margin-top: 53px;
    }

    .content-pag-trabalhe {
        width: 90%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .box-pag-trabalhe-1 {
        width: 100%;
    }

    .box-pag-trabalhe-2 {
        width: 100%;
    }

    .contatos-pag-trabalhe {
        padding: 0;
        -webkit-column-gap: 5%;
        -moz-column-gap: 5%;
        column-gap: 5%;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 0;
        max-width: 348px;
        margin: 0 auto;
    }

    .titulo-trabalhe-mobile {
        font-size: 24px;
        letter-spacing: 1px;
        color: #fff;
        font-weight: bold;
        position: relative;
        padding-bottom: 7px !important;
        border-bottom: 1px solid #ffffff21;
        margin-bottom: 20px !important;
    }

    .titulo-trabalhe-mobile::after {
        content: '';
        width: 26px;
        height: 4px;
        background-color: #fff;
        position: absolute;
        right: 0;
        bottom: 0;
    }

    .subtitulo-trabalhe-mobile {
        font-size: 14px;
        line-height: 27px;
        color: #fff;
        max-width: 90%;
    }

    .form-pag-trabalhe .titulo-form {
        display: none;
    }

    .form-pag-trabalhe {
        background-color: unset;
        padding: 0;
        margin-bottom: 60px;
    }

    .form-pag-trabalhe p {
        margin-bottom: 20px;
        margin-top: 20px;
    }

    .botao-enviar-pag-trabalhe,
    .box-botao-enviar-pag-trabalhe {
        width: 100% !important;
    }

    .subtitulo-trabalhe {
        display: none;
    }

    .titulo-trabalhe, .titulo-cotacao, .titulo-internacional, .titulo-fale {
        position: absolute;
        top: 0px;
        border-bottom: 1px solid #ffffff20;
        font-size: 24px;
    }

    .box-botao-enviar-pag-trabalhe svg {
        position: absolute;
        right: 40%;
        bottom: 20px;
        width: 6px;
        fill: #fff;
        margin: 0 auto;
    }

    .other-contacts-trabalhe {
        font-size: 20px;
        letter-spacing: 1px;
        color: #fff;
        font-weight: 600;
        margin-top: 60px;
        margin-bottom: 22px;
    }

    .box-tel-trabalhe .ddd-trabalhe {
        width: 30%;
        margin-right: 18px;
    }

    .form-pag-trabalhe input[type=file]::-webkit-file-upload-button {
        width: 100%;
        padding: 0 !important;
        margin: 0 !important;
        height: 40px;
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
    }

    .form-pag-trabalhe input[type=file]::file-selector-button {
        width: 100%;
        padding: 0 !important;
        margin: 0 !important;
        height: 40px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .botao-upload {
        height: 40px !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0;
        margin: 0;
        width: 100%;
    }

    .botao-upload::before {
        content: '';
    }

    .box-botao-upload {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: relative;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 20px;
    }

    .box-botao-upload img {
        padding-right: 127px;
        position: absolute;
        pointer-events: none;
        top: 10px;
        display: block;
    }

    .check-pag-trabalhe {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 20px;
        margin-top: 0;
    }

    .nome-arquivo {
        width: 100%;
        height: 30px;
        -webkit-filter: drop-shadow(0 0 2.5px rgba(0,0,0,0.3));
        filter: drop-shadow(0 0 2.5px rgba(0,0,0,0.3));
        background-color: #ffffff;
        font-size: 12px;
        letter-spacing: 0;
        color: #b1b1b1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .box-codigo-pag-trabalhe {
        margin-bottom: 20px;
    }

    .check-pag-trabalhe label {
        font-size: 10px;
        color: #fff;
        padding-right: 15%;
    }

    .codigo-pag-trabalhe {
        margin-right: 20px;
        min-width: 82px;
    }

    .titulo-pag-trabalhe-mobile-2 {
        display: block;
        font-size: 20px;
        letter-spacing: 1px;
        color: #fff;
        font-weight: bold;
        margin-bottom: 25px !important;
        text-align: center;
    }

    /******************************** PÁGINA FALE CONOSCO  *************************************/

    .titulo-pag-fale-mobile {
        display: block;
        font-size: 24px;
        letter-spacing: 1px;
        color: #fff;
        font-weight: bold;
        padding-right: 64px;
        position: relative;
        width: 100%;
        border-bottom: 1px solid #ffffff20;
        padding-bottom: 5px;
    }

    .titulo-pag-fale-mobile::after {
        content: '';
        background-color: #fff;
        width: 26px;
        height: 4px;
        position: absolute;
        bottom: 0;
        right: 0;
    }

    .subtitulo-pag-fale-mobile {
        display: block;
        font-size: 14px;
        color: #fff;
        line-height: 27px;
        margin: 20px 0;
    }

    .content-pag-fale {
        width: 90%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .box-pag-fale-1 {
        width: 100%;
    }

    .box-pag-fale-2 {
        width: 100%;
    }

    .contatos-pag-fale {
        padding: 0;
        -webkit-column-gap: 5%;
        -moz-column-gap: 5%;
        column-gap: 5%;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 0;
        max-width: 348px;
        margin: 0 auto;
    }

    .titulo-fale-mobile {
        font-size: 24px;
        letter-spacing: 1px;
        color: #fff;
        font-weight: bold;
        position: relative;
        padding-bottom: 7px !important;
        border-bottom: 1px solid #ffffff21;
        margin-bottom: 20px !important;
    }

    .titulo-fale-mobile::after {
        content: '';
        width: 26px;
        height: 4px;
        background-color: #fff;
        position: absolute;
        right: 0;
        bottom: 0;
    }

    .subtitulo-fale-mobile {
        font-size: 14px;
        line-height: 27px;
        color: #fff;
        max-width: 90%;
    }

    .form-pag-fale .titulo-form {
        display: none;
    }

    .form-pag-fale {
        background-color: unset;
        padding: 0;
        margin-bottom: 60px;
    }

    .form-pag-fale p {
        margin-bottom: 20px;
        margin-top: 20px;
    }

    .botao-enviar-pag-fale,
    .box-botao-enviar-pag-fale {
        width: 100% !important;
    }

    .subtitulo-fale {
        display: none;
    }

    .box-botao-enviar-pag-fale svg {
        position: absolute;
        right: 40%;
        bottom: 20px;
        width: 6px;
        fill: #fff;
        margin: 0 auto;
    }

    .other-contacts-fale {
        font-size: 20px;
        letter-spacing: 1px;
        color: #fff;
        font-weight: 600;
        margin-top: 60px;
        margin-bottom: 22px;
    }

    .box-tel-fale .ddd-fale {
        width: 30%;
        margin-right: 18px;
    }

    .form-pag-fale input[type=file]::-webkit-file-upload-button {
        width: 100%;
        padding: 0 !important;
        margin: 0 !important;
        height: 40px;
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
    }

    .form-pag-fale input[type=file]::file-selector-button {
        width: 100%;
        padding: 0 !important;
        margin: 0 !important;
        height: 40px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .botao-upload {
        height: 40px !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0;
        margin: 0;
        width: 100%;
    }

    .botao-upload::before {
        content: '';
    }

    .box-botao-upload {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: relative;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 20px;
    }

    .box-botao-upload img {
        padding-right: 127px;
        position: absolute;
        pointer-events: none;
        top: 10px;
        display: block;
    }

    .check-pag-fale {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 20px;
        margin-top: 0;
    }

    .nome-arquivo {
        width: 100%;
        height: 30px;
        -webkit-filter: drop-shadow(0 0 2.5px rgba(0,0,0,0.3));
        filter: drop-shadow(0 0 2.5px rgba(0,0,0,0.3));
        background-color: #ffffff;
        font-size: 12px;
        letter-spacing: 0;
        color: #b1b1b1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .box-codigo-pag-fale {
        margin-bottom: 20px;
    }

    .check-pag-fale label {
        font-size: 10px;
        color: #fff;
        padding-right: 15%;
    }

    .codigo-pag-fale {
        margin-right: 20px;
        min-width: 82px;
    }

    .titulo-pag-fale-mobile-2 {
        display: block;
        font-size: 20px;
        letter-spacing: 1px;
        color: #fff;
        font-weight: bold;
        margin-bottom: 25px !important;
    }

    /******************************** PÁGINA FALE CONOSCO *************************************/

    .titulo-pag-fale-mobile {
        display: block;
        font-size: 24px;
        letter-spacing: 1px;
        color: #fff;
        font-weight: bold;
        padding-right: 64px;
        position: relative;
        width: 100%;
        border-bottom: 1px solid #ffffff20;
        padding-bottom: 5px;
    }

    .titulo-pag-fale-mobile::after {
        content: '';
        background-color: #fff;
        width: 26px;
        height: 4px;
        position: absolute;
        bottom: 0;
        right: 0;
    }

    .subtitulo-pag-fale-mobile {
        display: block;
        font-size: 14px;
        color: #fff;
        line-height: 27px;
        margin: 20px 0;
        margin-top: 53px;
    }

    .content-pag-fale {
        width: 90%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .box-pag-fale-1 {
        width: 100%;
    }

    .box-pag-fale-2 {
        width: 100%;
    }

    .contatos-pag-fale {
        padding: 0;
        -webkit-column-gap: 5%;
        -moz-column-gap: 5%;
        column-gap: 5%;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 0;
        max-width: 348px;
        margin: 0 auto;
    }

    .titulo-fale-mobile {
        font-size: 24px;
        letter-spacing: 1px;
        color: #fff;
        font-weight: bold;
        position: relative;
        padding-bottom: 7px !important;
        border-bottom: 1px solid #ffffff21;
        margin-bottom: 20px !important;
    }

    .titulo-fale-mobile::after {
        content: '';
        width: 26px;
        height: 4px;
        background-color: #fff;
        position: absolute;
        right: 0;
        bottom: 0;
    }

    .subtitulo-fale-mobile {
        font-size: 14px;
        line-height: 27px;
        color: #fff;
        max-width: 90%;
    }

    .form-pag-fale .titulo-form {
        display: none;
    }

    .form-pag-fale {
        background-color: unset;
        padding: 0;
        margin-bottom: 60px;
        z-index: 0;
    }

    .form-pag-fale p {
        margin-bottom: 20px;
        margin-top: 20px;
    }

    .botao-enviar-pag-fale,
    .box-botao-enviar-pag-fale {
        width: 100% !important;
        height: 40px !important;
    }

    .subtitulo-fale {
        display: none;
    }

    .box-botao-enviar-pag-fale svg {
        position: absolute;
        right: 39%;
        bottom: 15px;
        width: 6px;
        fill: #fff;
        margin: 0 auto;
    }

    .other-contacts-fale {
        font-size: 20px;
        letter-spacing: 1px;
        color: #fff;
        font-weight: 600;
        margin-top: 60px;
        margin-bottom: 22px;
    }

    .box-tel-fale .ddd-fale {
        width: 30%;
        margin-right: 18px;
    }

    .form-pag-fale input[type=file]::-webkit-file-upload-button {
        width: 100%;
        padding: 0 !important;
        margin: 0 !important;
        height: 40px;
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
    }

    .form-pag-fale input[type=file]::file-selector-button {
        width: 100%;
        padding: 0 !important;
        margin: 0 !important;
        height: 40px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .botao-upload {
        height: 40px !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0;
        margin: 0;
        width: 100%;
    }

    .botao-upload::before {
        content: '';
    }

    .box-botao-upload {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: relative;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 20px;
    }

    .box-botao-upload img {
        padding-right: 127px;
        position: absolute;
        pointer-events: none;
        top: 10px;
        display: block;
    }

    .nome-arquivo {
        width: 100%;
        height: 30px;
        -webkit-filter: drop-shadow(0 0 2.5px rgba(0,0,0,0.3));
        filter: drop-shadow(0 0 2.5px rgba(0,0,0,0.3));
        background-color: #ffffff;
        font-size: 12px;
        letter-spacing: 0;
        color: #b1b1b1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .check-pag-fale {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 20px;
        margin-top: 0;
    }

    .box-codigo-pag-fale {
        margin-bottom: 20px;
    }

    .check-pag-fale label {
        font-size: 10px;
        color: #fff;
        padding-right: 15%;
    }

    .codigo-pag-fale {
        margin-right: 20px;
        min-width: 82px;
    }

    .titulo-pag-fale-mobile-2 {
        display: block;
        font-size: 20px;
        letter-spacing: 1px;
        color: #fff;
        font-weight: bold;
        margin-bottom: 25px !important;
        text-align: center;
    }

    .tipo-mensagem-fale {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .form-pag-fale textarea {
        margin-bottom: 15px;
    }

    .tipo-mensagem-fale span {
        font-size: 12px;
        color: #fff;
    }

    .tipo-mensagem-fale select {
        height: 40px;
    }

    .codigo-pag-fale {
        margin-right: 20px;
        min-width: 65px;
    }

    .box-mapa-fale {
        margin-top: 30px;
        max-height: 400px;
    }

    .cor-mapa {
        width: 100%;
        height: 100%;
        position: absolute;
        background-color: #063e87a3;
        pointer-events: none;
        -webkit-transition: 0.2s all;
        -o-transition: 0.2s all;
        transition: 0.2s all;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
            -ms-flex-align: end;
                align-items: flex-end;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }

    
.dedo-mapa-mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 20px;
}

.dedo-mapa-mobile > p {
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    margin-top: 10px;
}

    .endereco-pag-fale {
        height: 113px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .endereco-pag-fale p {
        display: none;
    }
    .endereco-pag-fale span {
        font-weight: bold;
        text-align: center;
        font-size: 14px;
        letter-spacing: 1px;
        width: 318px;
        max-width: 90%;
    }

    .endereco-pag-fale img {
        width: 20px;
        margin-bottom: 15px;
        margin-right: 0;
    }

}

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

    .box-imagens-descricao-produto {
        display: flex;
        column-gap: 5%;
        flex-direction: column;
        align-items: center;
    }

    .descricao-pag-produto .imagens-descricao-produto {
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
    width: 100%;
}

.descricao-pag-produto .imagens-descricao-produto:nth-last-child( -n + 1 ) {
    margin-bottom: 0px;
}

.box-blog h1 {
    font-size: 19px;
}

.box-imagens-descricao-categoria-produto > a {
    width: 32.6%;
}

.box-conteudo-padrao h1 {
    font-size: 16px;
}

.produto-relacionado {
    max-width: 98%;
}

.swiper-relacionado .produto-relacionado {
    margin: 0;
    max-width: 100%;
}
}

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

    .box-certificacao-home div,
    .box-cotacao-home div {
        width: 65%;
        height: 70px;
        font-size: 14px;
        padding-left: 20px;
    }

    .box-certificacao-home div span,
    .box-cotacao-home div span {
        font-size: 9px;
        font-weight: 400;
    }

    .box-fabricacao-cotacao h3 {
        width: auto;
        font-size: 12px;
        font-weight: 600;
        margin-left: 70px;
    }

    .menu-sobre-a-gifel-home-mobile {
        position: absolute;
        bottom: 0;
        left: 0;
        width: unset;
    }

    .menu-sobre-a-gifel-home-mobile ul li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 120px;
        text-align: center;
        font-size: 9px;
        padding: 0 20px;
        color: #fff;
        font-weight: 500;
        height: 33px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-right: 1px solid #003b9d;
        text-transform: uppercase;
        -webkit-transition: 0.2s all;
        -o-transition: 0.2s all;
        transition: 0.2s all;
    }

    .seta-sobre-esquerda {
        display: block;
    }
    .seta-sobre-direita {
        display: block;
    }

    .loop-blog-home {
        background-color: #fff;
        position: relative;
        width: 100%;
    }

}

@media screen and (max-width: 480px) {
    #slb_viewer_wrap .slb_theme_slb_baseline {
        position: absolute;
        top: 25% !important;
    }
}

@media screen and (max-width: 380px) {
    
    .titulo-blog {
        font-size: 16px;
    }

    .descricao-blog {
        font-size: 15px;
    }

    .area-blog .box-conteudo-blog {
        padding: 0 35px;
        height: 179px;
    }

    .area-blog .titulo-blog {
        font-size: 15px !important;
        color: #000 !important;
        line-height: 19px;
    }
    
    .box-blog h1 {
        font-size: 15px;
    }

}

.error {
    border: 1px solid red;
}
.error::-webkit-input-placeholder {
    color: red !important;
}
.error::-moz-placeholder {
    color: red !important;
}
.error:-ms-input-placeholder {
    color: red !important;
}
.error::-ms-input-placeholder {
    color: red !important;
}
.error::placeholder {
    color: red !important;
}

#status-newsletter {
    position: absolute;
    bottom: -26px;
    color: red;
    font-size: 12px;
    font-weight: bold;
    -webkit-filter: brightness(1);
    filter: brightness(1);
}

#status-cotacao {
    color: red;
    font-size: 12px;
    position: absolute;
    bottom: 8px;
    width: 227px;
    right: 10px;
}
#status-codigo {
    color: red;
    font-size: 12px;
    position: absolute;
    bottom: 8px;
    width: 227px;
    right: 10px;
}
#status-fale {
    color: red;
    font-size: 12px;
    position: absolute;
    bottom: 8px;
    width: 227px;
    right: 10px;
}
#status-codigo-fale {
    color: red;
    font-size: 12px;
    position: absolute;
    bottom: 8px;
    width: 227px;
    right: 10px;
}

#status-pag-fale {
    color: red;
}

#status-codigo-pag-fale {
    color: red;
}

#status-pag-cotacao {
    color: red;
    font-size: 12px;
    position: absolute;
    width: 227px;
    right: 183px;
    top: 190px;
}

#status-cotacao-codigo {
    color: red;
    font-size: 12px;
    position: absolute;
    bottom: 91px;
    width: 227px;
    right: 97px;
}

.box-codigo-cotacao {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.box-codigo-cotacao div,
.box-codigo-cotacao input {
    width: 100%;

}

.box-check-cotacao {
    -webkit-box-pack: normal;
    -ms-flex-pack: normal;
    justify-content: normal;
}

.box-check-cotacao label {
    width: 172px;
}

@media screen and (max-width: 385px) {
    .contatos-pag-cotacao {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .contatos-pag-fale {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .contatos-pag-trabalhe {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .box-botao-enviar-pag-cotacao svg,
    .box-botao-enviar-pag-fale svg,
    .box-botao-enviar-pag-trabalhe svg {
        position: absolute;
        right: 38%;
    }

    .lista-menu-mobile-header {
        padding: 0 20px;
    }

    .menu-principal-mobile .main-navigation ul li a {
        font-size: 12px;
    }
}

@media only screen and (max-width: 1024px) {
    .descricao-categoria-produto a,
    .descricao-categoria-produto b,
    .descricao-categoria-produto li,
    .descricao-categoria-produto p,
    .descricao-categoria-produto span,
    .descricao-categoria-produto strong {
        font-size: 14px;
        line-height: 23px;
    }
    .descricao-categoria-produto h2,
    .descricao-categoria-produto h3,
    .descricao-categoria-produto h4,
    .descricao-categoria-produto h5,
    .descricao-categoria-produto h6 {
        font-size: 20px;
    }
    .descricao-categoria-produto blockquote p {
        font-size: 16px;
    }
    .descricao-categoria-produto blockquote {
        margin: 30px 0 30px 30px;
    }
    .descricao-categoria-produto ol,
    .descricao-categoria-produto ul {
        padding: 5px 0 5px 36px;
        margin: 10px 0;
    }

    
    .descricao-categoria-produto .area-thumb-produto {
        width: 100%;
    }
    
    .descricao-categoria-produto .area-mini-thumb-produto {
        width: 100%;
        margin: 0 auto;
    }
}

@media only screen and (max-width: 1200px) {
    .botao-orcamento-banner img {
        width: 22px;
    }
    .botao-orcamento-banner,
    .botao-saiba-banner {
        height: 55px;
        font-size: 12px;
    }



    .box-loop-produtos-relacionados-desktop .link-nome-produto-relacionado {
        font-size: 8px;
    }
}

@media only screen and (max-width: 1024px) {
    #page .box-post-individual a,
    #page .box-post-individual li,
    #page .box-post-individual p,
    #page .box-post-individual span {
        font-size: 14px;
        line-height: 23px;
    }
    #page .box-post-individual h2,
    #page .box-post-individual h3,
    #page .box-post-individual h4,
    #page .box-post-individual h5,
    #page .box-post-individual h6 {
        font-size: 20px;
    }
    #page .box-post-individual blockquote p {
        font-size: 16px;
    }
    #page .box-post-individual blockquote {
        margin: 30px 0 30px 30px;
    }
    #page .box-post-individual ol,
    #page .box-post-individual ul {
        padding: 5px 0 5px 36px;
        margin: 10px 0;
    }
}

a:focus {
    outline: none!important;
}


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

}

.box-comentarios {
    width: 874px;
}
@media screen and (max-width: 1365px) {
    .content-comentarios {
        width: 90%;
    }
    .box-comentarios {
        width: 73%;
    }
}

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

    .box-sidebar-post {
        min-width: auto;
        width: 100%;
    }
    .post-destaque {
        padding: 0;
        width: 247px;
        margin: 22px auto;
    }
    .box-comentarios {
        width: 100%;
    }

    .content-footer-exent {
        position: relative;
        justify-content: unset;
        line-height: 13px;
    }
    .link-exent {
        display: flex;
        position: absolute;
        justify-content: center;
        top: 14px;
        z-index: 1;
    }

    .politica-privacidade-mobile {
        z-index: 2;
    }

    .paginacao-swiper {
        display: none !important;
    }

    .area-thumb-produto .swiper-button-next, .swiper-button-prev {
        display: none;
    }

    .site-header {
        min-height: 132px;
        position: absolute;
        top: 0px;
        width: 100%;
    }
    .logo-gifel-mobile {
        background: #fff;
    }
    .container-banner-home, .container-produto-individual, .container-categoria-produto, .container-pag-fale, .container-pag-internacional, .container-pag-cotacao, .container-404, .container-pag-trabalhe, .container-padrao, .container-confirmacao, .container-pesquisa {
        margin-top: 132px;
        }
    #cluster_page {
        margin-top: 132px !important;
    }


}
@media screen and (max-width: 590px) {
    .comment-meta {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        display: -webkit-flex;
        -webkit-align-items: flex-start;
    }
    .comment-metadata {
        margin: 10px 0 0;
    }

    .descricao-pag-produto .box-video-descricao-produto {
        height: 212px;
        }
    
        .descricao-pag-produto .box-video-descricao-produto > iframe {
            height: 212px;
        }




}
@media screen and (max-width: 410px) {
    .comment-metadata {
        margin: 10px 0;
    }
    .comment-body .reply {
        bottom: 15px;
    }
}
@media screen and (max-width: 375px) {
    .post-destaque {
        padding: 0;
        width: 100%;
        margin: 22px auto;
    }
}
@media screen and (max-width: 300px) {

}
.container-orcamento-footer {
    z-index: 999999;
}

.box-codigo-pag-fale {
    margin-bottom: 25px;
}
#status-internacional,
#status-pag-cotacao,
#status-pag-fale,
#status-pag-trabalhe {
    color: red;
    font-size: 12px;
    margin-bottom: 18px;
    display: none;
}

#status-pag-cotacao {
    color: red;
    font-size: 12px;
    position: relative;
    width: auto;
    right: initial;
    top: initial;
}

.phone_hp {
    display: none!important;
}

/* 1920px
1600px
1440px
1366px
1280px
1200px
1080px */

/*************************************************/
/************** CANAL DE DENUNCIA ****************/
/*************************************************/
#denuncia_page.container-padrao {
    background-color: #000c1b;
}

#denuncia_page .container {
    width: 1200px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 60px 0;
    justify-content: center;
    flex-direction: column;
    gap: 45px;
}

#denuncia_page .titulo-conteudo-padrao {
    color: #fff;
    font-weight: 700;
    font-size: 28px;
}

#denuncia_page .titulo-conteudo-padrao::after {
    background-color: #fff;
}

#denuncia_page .relato-container {
    background-color: #fff;
    padding: 30px 10.52vw;
}

#denuncia_page .subtitulo-denuncia {
    color: #000c1b;
    text-align: center;
    font-weight: 700;
    font-size: 24px;
    margin-bottom: 25px;
}

#denuncia_page p {
    font-size: 12px;
    line-height: 16px;
    color: #8f8f8f;
    text-align: center;
    margin-bottom: 12px;
}

#denuncia_page p.identificacao {
    color: #454545;
}

#denuncia_page .organiza_botoes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 50px;
    margin: 25px 0;
}

#denuncia_page .opcoes_button {
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    padding: 15px 0;
    display: inline-block;
    width: 160px;
    background-color: transparent;
    border: none;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    cursor: pointer;
    background-color: #0e2330;
}

#denuncia_page .opcoes_button:hover,
#denuncia_page .opcoes_button-active {
    background-color: #0061cb;
}

#denuncia_page .control {
    -webkit-filter: drop-shadow(0 0 2.5px rgba(0, 0, 0, 0.3));
    filter: drop-shadow(0 0 2.5px rgba(0, 0, 0, 0.3));
    border: none;
    border-left: 1px solid #063e88;
    font-size: 10px;
    margin: 0 0 20px;
    padding-left: 10px;
    height: 30px;
    box-sizing: border-box;
    width: 50%;
    cursor: text;
    color: #000;
}

#denuncia_page .control.fullw {
    width: 100%;
    height: auto;
    padding: 10px;
}

#denuncia_page .control.ddd {
    width: 18%;
}

#denuncia_page .control.tel {
    width: calc(82% - 25px);
}

#denuncia_page textarea:focus {
    -webkit-box-shadow: 0 0 0 0;
    box-shadow: 0 0 0 0;
    outline: 0;
}

#denuncia_page .dois_campos,
#denuncia_page .tres_campos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 25px;
}

#denuncia_page .tres_campos .dois_campos {
    width: 50%;
}

#denuncia_page .campos_select p {
    text-align: left;
    margin-bottom: 0;
}

#denuncia_page .campos_select {
    display: flex;
    align-items: center;
    gap: 25px;
    margin-bottom: 20px;
}

#denuncia_page .campos_select .form-control {
    flex: 1;
    -webkit-filter: drop-shadow(0 0 2.5px rgba(0, 0, 0, 0.3));
    filter: drop-shadow(0 0 2.5px rgba(0, 0, 0, 0.3));
    border: 1px solid #063e88;
    font-size: 12px;
    padding-left: 10px;
    height: 30px;
}

#denuncia_page .campos_select .form-control:focus {
    -webkit-box-shadow: 0 0 0 0;
    box-shadow: 0 0 0 0;
    outline: 0;
}

#denuncia_page p.aviso_anonimo {
    text-align: left;
    font-size: 10px;
    margin-top: -10px;
}

#denuncia_page .box-botao-enviar-pag-fale {
    margin: auto auto 15px auto;
}

#form-sim-status,
#form-nao-status {
    color: red;
    font-size: 12px;
    margin-bottom: 18px;
}

@media screen and (max-width: 1200px) {
    #denuncia_page .container {
        width: 90%;
    }
}

@media screen and (max-width: 1024px) {
    #denuncia_page .relato-container {
        padding: 30px;
    }

    #denuncia_page .control,
    #denuncia_page .campos_select .form-control {
        width: 100%;
    }

    #denuncia_page .dois_campos,
    #denuncia_page .tres_campos {
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 0;
    }

    #denuncia_page .tres_campos .dois_campos {
        width: 100%;
        flex-direction: row;
        gap: 20px;
    }

    #denuncia_page .control.ddd {
        width: 30%;
    }

    #denuncia_page .control.telefone {
        width: calc(70% - 20px);
    }

    #denuncia_page .campos_select p {
        width: 92px;
    }

}

@media screen and (max-width: 600px) {
    #denuncia_page .titulo-conteudo-padrao {
        font-size: 24px;
    }

    #denuncia_page .subtitulo-denuncia {
        font-size: 22px;
    }

    #denuncia_page .organiza_botoes {
        gap: 20px;
    }

    #denuncia_page .opcoes_button {
        width: calc(50% - 10px);
    }

    #denuncia_page .relato-container {
        padding: 30px 20px;
    }

    #denuncia_page .campos_select {
        gap: 10px;
        flex-direction: column;
        align-items: flex-start;
    }

    #denuncia_page .campos_select .form-control {
        padding: 6px;
    }
}

@media screen and (max-width: 375px) {
    #denuncia_page .box-botao-enviar-pag-fale svg {
        position: absolute;
        right: 34%;
    }
}