.mobile { display: block; }
.desktop { display: none; }

.m-col-lg-1, .m-col-lg-2, .m-col-lg-3, .m-col-lg-4, .m-col-lg-5, .m-col-lg-6, .m-col-lg-7, .m-col-lg-8, .m-col-lg-8_3, .m-col-lg-9, .m-col-lg-10, .m-col-lg-11, .m-col-lg-12, .m-col-lg-12_5, .m-col-lg-13, .m-col-lg-14, .m-col-lg-15, .m-col-lg-16, .m-col-lg-17, .m-col-lg-18, .m-col-lg-19, .m-col-lg-20, .m-col-lg-21, .m-col-lg-22, .m-col-lg-23, .m-col-lg-24, .m-col-lg-25 {float:left;padding-right: 2vw;margin: 0 0 10px;position:relative;box-sizing:border-box;}
.m-col-lg-1 {width: 4%;}
.m-col-lg-2 {width: 8%;}
.m-col-lg-3 {width: 12%;}
.m-col-lg-4 {width: 16%;}
.m-col-lg-5 {width: 20%;}
.m-col-lg-6 {width: 24%;}
.m-col-lg-7 {width: 28%;}
.m-col-lg-8 {width: 32%;}
.m-col-lg-8_3 {width:calc(100%/3);}
.m-col-lg-9 {width: 36%;}
.m-col-lg-10 {width: 40%;}
.m-col-lg-11 {width: 44%;}
.m-col-lg-12 {width: 48%;}
.m-col-lg-12_5 {width: 50%;}
.m-col-lg-13 {width: 52%;}
.m-col-lg-14 {width: 56%;}
.m-col-lg-15 {width: 60%;}
.m-col-lg-16 {width: 64%;}
.m-col-lg-17 {width: 68%;}
.m-col-lg-18 {width: 72%;}
.m-col-lg-19 {width: 76%;}
.m-col-lg-20 {width: 80%;}
.m-col-lg-21 {width: 84%;}
.m-col-lg-22 {width: 88%;}
.m-col-lg-23 {width: 92%;}
.m-col-lg-24 {width: 96%;}
.m-col-lg-25 {width: 100%;}
.m-col-last {padding: 0;}
.m-col-20 {margin: 0 0 20px;}
.m-col-0 {margin: 0;}

body > #wrapper {min-height: 0;}

.desktop {display: none;}

#wrapper {padding: 0;}

.indent{ padding: 0 20px; width: 100%; }

header { position: relative; z-index: 99; }

/*BARS COLORS*/
#wrapper.produtos #header .bars .b,
#wrapper.empresa #header .bars .b,
#wrapper.contato #header .bars .b,
#wrapper.downloads #header .bars .b,
#wrapper.blog #header .bars .b,
#wrapper.resultado-pesquisa #header .bars .b{background: #ffffff}

#wrapper.index:not(.post) #header .bars .b,
#wrapper.produtos:not(.detalhes) #header .bars .b,
#wrapper.empresa #header .bars .b,
#wrapper.contato #header .bars .b,
#wrapper.downloads #header .bars .b,
#wrapper.noticias #header .bars .b,
#wrapper.blog #header .bars .b,
#wrapper.resultado-pesquisa #header .bars .b{background: #FFF; }

/*LUPA COLORS*/
#wrapper.produtos #header .lupa2 .circ,
#wrapper.empresa #header .lupa2 .circ,
#wrapper.contato #header .lupa2 .circ,
#wrapper.downloads #header .lupa2 .circ,
#wrapper.blog #header .lupa2 .circ,
#wrapper.resultado-pesquisa #header .lupa2 .circ{border: 2px solid #ffffff}

/*LUPA AFTER*/
#header .bg-mobile{display: none}
#header .bg-mobile.active{display: block; position: fixed; height: 100%; width: 100%; top: 0; left: 0 ;background: rgba(0, 0, 0, 0.45); z-index: 1}
#wrapper.produtos #header .lupa2 .circ::after,
#wrapper.empresa #header .lupa2 .circ::after,
#wrapper.contato #header .lupa2 .circ::after,
#wrapper.downloads #header .lupa2 .circ::after,
#wrapper.blog #header .lupa2 .circ::after,
#wrapper.resultado-pesquisa #header .lupa2 .circ::after{background: #ffffff}

#wrapper.produtos #header .bars .b,
#wrapper.empresa #header .bars .b,
#wrapper.contato #header .bars .b,
#wrapper.downloads #header .bars .b,
#wrapper.noticias #header .bars .b,
#wrapper.blog #header .bars .b,
#wrapper.resultado-pesquisa #header .bars .b { background-color: #FFF; }

#header { height: 85px; background: #303030; position: relative; padding: 0 30px; align-items: center; }
#header .pesquisa { margin: 0; }
#header #fPesquisa { position: absolute; bottom: -45px; left: 10px; }
#header #fPesquisa.active { width: calc(100vw - 20px); }
#header .menu-mobile{ /* height: 85px; width: 100vw; background: #303030; position: relative;*/ }
#header .bars {height: 20px;  width: 30px; top: 30px;}
#header img.logo {width: 100px; left: 37.5%;}
#header .menu {width: 100vw; height: 520px;  padding: 60px 0 50px 71px;}
#header .menu nav ul li {font-size: 23px;  line-height: 33px;}
#header .menu .social img {margin: 0 15px 60px 0; width: 35px;}
#header .lupa2 {left: 10vw; top: 34px;}
#header .fale {top: 140px; width: 30px; height: 150px;}
#header .fale img{width: 12px}
#header .gente {top: 140px; width: 140px; height: 170px;}
#header .gente a.msg {width: 100px;  height: 30px; font-size: 8px;  line-height: 10px;  font-weight: bold; }
#header .gente {top: 140px; width: 140px;  height: 170px;}
#header .gente p {font-size: 12px; line-height: 16px;}
#header .gente.active img{width: 30px; margin: 0 auto;}
#header .side { width: 30px; padding: 0; }
#header #fPesquisa input { color: #303030; border-bottom-color: #303030; }
#header .side-dark .pesquisa { background: url(../images/search.png) center no-repeat; }
#header .side-dark .pesquisa.active { background: url(../images/close.png) center no-repeat; }

.contato #header .side-dark #fPesquisa input { background: #FFF; }

#footer {height: 100%;}
#footer .conteudo {height: 570px;  padding: 25px 0;  flex-direction: column;  align-items: center; }
#footer .conteudo .logo { margin-right: 0;}
#footer .conteudo .info {text-align: center; margin-bottom: 30px;}
#footer .wrap {width: 80vw; flex-direction: column;  align-items: center; }
#footer .wrap p {text-align: center}
#footer .wrap .links {margin-right: 0;  width: unset;  margin-bottom: 20px;}
#footer .wrap .localizacao {width: unset;}
#footer .wrapper {height: 100px; flex-direction: column-reverse; padding: 15px 0;}
#footer .wrap .contato {width: unset; margin-right: 0; margin-bottom: 20px;}
#home .noticias {padding-bottom: 30px;}
#home .banner .text p {font-size: 18px; line-height: 28px;}
#home .banner .text h1 {font-size: 40px; line-height: 40px;}
#home .banner .moveis p {font-size: 11px;  line-height: 15px;}
#home .banner .moveis {right: -30px; top: 120px; }
#home .banner { background-size: cover; }
#home .banner .text h1 {font-size: 40px;  line-height: 40px;}
#home .banner .text {padding: 70px 0 0 30px; }
#home .solucoes .wrap {width: 90vw; align-items: center;  flex-direction: column; }
#home .solucoes .wrap .text2 {width: unset; }
#home .solucoes .wrap .text2 p {text-align: center;}
#home .solucoes .wrap .text2 p { font-size: 14px; line-height: 24px; }
#home .solucoes h2 {font-size: 30px;  line-height: 30px;  width: 80vw;  margin: 0 auto 35px;  padding: 20px 5px 15px;}
#home .catalogo {height: 430px; padding-top: 20vw;}
#home .catalogo .text3 {width: 75vw;}
#home .catalogo .text3 p {font-size: 16px; line-height: 18px;}
#home .solucoes .wrap img {margin: 20px 0 30px; width: 80vw;}
#home .noticias .wrapper {width: 90vw; flex-direction: column; }
#home .noticias .wrapper .wtxt {width: 100%; }
#home .noticias .wrapper .big {height: 230px;}
#home .noticias .wrapper .text {min-height: 10vw; padding: 20px 10px;  text-align: center;  justify-content: center;}
#home .noticias .wrapper p { font-size: 16px;  line-height: 20px;}
#home .noticias .wrapper .wtxt .info {padding: 0 10px; text-align: center;}
#home .noticias .wrapper .wtxt2 {width: 100%; margin-top: 35px;}
#home .noticias .wrapper .small {height: 230px;}
#home .noticias .wrapper .info p {text-align: center}
#home .noticias a.btn-vermais { margin: 35px auto 0;}
#empresa .conteudo h1 {font-size: 26px;line-height: 28px;  width: 80vw;}
#empresa .conteudo .text .parte {width: 100%; text-align: center; }
#empresa .conteudo .text {flex-direction: column; width: 81vw; margin: 30px auto 0;}
#empresa .conteudo .text .parte p {font-size: 15px; line-height: 18px;}
#empresa .conteudo {padding: 70px 0 30px; min-height: 200px;}
#empresa .valores {padding: 35px 0 0 0;}
#empresa .valores h2 {font-size: 16px; line-height: 22px;}
#empresa .valores .text {width: 85vw; margin: 15px auto 20px;}
#empresa .valores .text h3 { font-size: 26px;  line-height: 30px;  text-align: center;}
#empresa .valores .text p { font-size: 16px; line-height: 22px;  text-align: center;}
#empresa .valores .info {width: 90vw; justify-content: center; flex-wrap: wrap;}
#empresa .valores .info .item { width: 200px; margin: 20px; }
#empresa .valores .info .item .wmh {justify-content: center; }
#empresa .valores .info .item p {font-size: 15px; line-height: 21px; text-align: center; }
#empresa .historia h2 {font-size: 16px;  line-height: 22px;  width: 70vw;  margin: 0 auto 20px;}
#empresa .historia h3 {font-size: 30px;  line-height: 35px;}
#empresa .historia .trajetoria {width: 90vw; padding: 0 5px; margin-top: 40px;}
#empresa .historia .trajetoria .parte1 {width: 35vw;}
#empresa .historia .trajetoria .tempo {width: 11vw; margin: 0 2vw;}
#empresa .historia .trajetoria .circle {width: 11vw; height: 11vw; font-size: 10px; line-height: 10px;}
#empresa .historia .trajetoria .parte2 {width: 35vw;}
#empresa .historia .trajetoria .parte1 img {width: 100%;}
#empresa .historia .trajetoria .parte2 img {width: 100%}
#empresa .historia .trajetoria h3 {font-size: 12px;  line-height: 18px; }
#empresa .historia .trajetoria p { font-size: 13px; line-height: 18px;}
#empresa .historia .trajetoria .parte2 img {margin: 25px 0;}
#empresa .historia .trajetoria .tempo {height: 500px;}
#empresa .historia .trajetoria .line {height: 100%;}
#empresa .fabrica h2 {font-size: 26px; line-height: 30px; width: 140px;}
#empresa .fabrica h3 {width: 90vw; margin: 20px auto 30px; text-align: center}
#empresa .fabrica {color: #ffffff;  padding: 30px 10px 45px;}
#empresa .fabrica .img {width: 85vw}
#empresa .sustentabilidade {padding: 30px 0 15px;}
#empresa .sustentabilidade .txt {width: 85vw; justify-content: center;  margin: 30px auto 0;  flex-direction: column;}
#empresa .sustentabilidade .txt .parte1 {width: 100%; text-align: center; }
#empresa .sustentabilidade .txt .parte2 {width: 100%; text-align: center; margin-top: 30px; }
#empresa .sustentabilidade h2 {font-size: 27px;  line-height: 40px; width: 80vw; padding: 0 0 20px;}
#empresa .sustentabilidade h2::after {width: 80vw; left: 0;}
#empresa .historia {min-height: 700px; padding: 20px 0 50px;}
#contato .menu, #downloads .menu, #blog .menu, #pesquisa .menu {display: none}
#contato .endereco .wrap h2 { font-size: 30px; line-height: 35px;}
#contato .endereco .wrap p {font-size: 14px; line-height: 16px;}
#contato .endereco .info {width: 90vw;}
#contato .endereco .info .wc p { font-size: 13px;  line-height: 20px;}
#contato .endereco .info .wc .circ.n1::after {display: none}
#contato .endereco .info .wc input.n1::after{display: none}
#contato .endereco {min-height: 100px; padding: 25px 0;}
#contato .formulario form {width: 90vw;}
#contato .formulario form input {width: 100%; font-size: 13px;  line-height: 15px;}
#contato .formulario form textarea {font-size: 13px;  line-height: 15px;}
#contato .formulario form button {width: 110px;  height: 30px;  font-size: 14px;  line-height: 17px; margin: 30px auto 0;}
#contato .formulario {min-height: 450px;  padding: 35px 0;}
#contato .mapa {height: 50vw;}
#downloads .arquivos .item, #pesquisa .arquivos .item {width: 300px; height: 375px; margin: 30px;}
#downloads .arquivos, #pesquisa .arquivos {justify-content: center}
#downloads .arquivos .item .text, #pesquisa .arquivos .item .text { width: 150px; min-height: 100px; padding-left: 20px;}
#downloads .arquivos .item .text p, #pesquisa .arquivos .item .text p {font-size: 17px;  line-height: 29px;}
#downloads .arquivos .item a.btn-download, #pesquisa .arquivos .item a.btn-download {width: 75px; height: 25px; margin-bottom: 25px; font-size: 10px; line-height: 15px;}
#downloads, #pesquisa {padding: 70px 0 30px;}
#downloads h1, #pesquisa h1 {line-height: 45px; font-size: 35px;  margin-left: 30px; width: 80vw;}
#blog .content .categorias .post img {width: 200px; height: 200px;}
#blog .content .categorias .post {justify-content: center;  margin-bottom: 60px; flex-direction: column;  align-items: center; text-align: center; }
#blog .content .categorias {width: 80vw;}
#blog .content .categorias .post .text {width: 100%;}
#blog .content .categorias .post h2 {font-size: 30px;}
#blog .content .categorias .post p {font-size: 16px; line-height: 18px;}
#blog .content h1{margin-left: 30px; font-size: 30px; line-height: 40px;}
#blog .content {padding: 70px 0 30px;}
#blog .content .categorias .post {margin-bottom: 55px;}
#noticias .banner, #cases .banner {height: 250px; padding: 30px 0;}
#noticias .banner .titulo, #cases .banner .titulo {width: 80vw; display: flex; flex-direction: column; justify-content: center; align-items: center;  height: 100%;}
#noticias .banner .titulo h1, #cases .banner .titulo h1 {font-size: 30px;  line-height: 25px;}
#noticias .banner .titulo h3, #cases .banner .titulo h3 {font-size: 12px;  line-height: 12px;}
#noticias .banner .titulo h2, #cases .banner .titulo h2 {font-size: 12px; line-height: 12px;}
#noticias .conteudo .text, #cases .conteudo .text {flex-direction: column; width: 100%; padding: 0; }
#noticias .conteudo .text .parte, #cases .conteudo .text .parte {width: 100%; margin-bottom: 10px;}
#noticias .conteudo .text .parte p, #cases .conteudo .text .parte p {font-size: 15px;  line-height: 19px; text-align: center;}
#noticias .conteudo, #cases .conteudo {padding: 30px 0;}
#noticias .conteudo img {margin: 15px 0}
#noticias .outros .navegacao .item .wrap .texto p, #cases .outros .navegacao .item .wrap .texto p {font-size: 10px;}
#noticias .outros .navegacao .item .wrap .texto h4, #cases .outros .navegacao .item .wrap .texto h4 {font-size: 17px; line-height: 19px;}
#noticias .outros .navegacao .item .wrap .seta, #cases .outros .navegacao .item .wrap .seta {width: 23px; height: 23px; font-size: 9px;}
#noticias .outros .navegacao .item .wrap .texto, #cases .outros .navegacao .item .wrap .texto {width: 120px; margin: 0 10px;}
#noticias .outros .navegacao .item .wrap, #cases .outros .navegacao .item .wrap {width: 155px; margin-top: 40px;}
#noticias .outros .navegacao .item, #cases .outros .navegacao .item {height: 110px;}
#noticias .outros h2, #cases .outros h2 { font-size: 14px;  line-height: 19px;  padding-bottom: 7px;  margin: 10px auto;  width: 140px;}
#noticias .subgaleria img, #cases .subgaleria img{width: 24.8vw; height: 100%}

#empresa .conteudo .text p { column-count: 1; }
#empresa .historia .trajetoria .parte { padding: 0 0 0 35px; margin: 0 0 50px; }
#empresa .historia .trajetoria .parte.parte-even { padding: 0 35px 0 0 ; }

@media screen and (min-width: 320px) and (max-width: 450px) {
    #empresa .valores .info .item {width: 80vw;}
}

@media screen and (min-width: 451px) and (max-width: 700px) {
    #empresa .valores .info .item {width: 80vw;}
    #header img.logo {left: 42%;}
    #empresa .historia .trajetoria .circle.n2 {top: 310px;}
}


#produtos-detalhes {  }
#produtos-detalhes .desc { padding: 0 25px; }
#produtos-detalhes .wrap-imagem-principal { margin: 0 auto 40px; display: flex; flex-direction: column; }
#produtos-detalhes .wrap-imagem-principal .img-principal { position: relative; top: 0; transform: translateX(0); left: 0; max-width: 100%; width: 100%; }
#produtos-detalhes .wrap-imagem-principal .dica { position: relative; top: 0; left: 0; transform: translateX(0); width: 100%; flex-direction: row; align-items: center; margin: 0 0 15px; }
#produtos-detalhes .wrap-imagem-principal .dica.odd { transform: translateX(0); flex-direction: row-reverse; }
#produtos-detalhes .wrap-imagem-principal .dica.even { transform: translateX(0); }
#produtos-detalhes .wrap-imagem-principal .dica figure { width: 85px; height: 85px; margin: 0 15px 0 0; flex-shrink: 0; }
#produtos-detalhes .wrap-imagem-principal .dica.odd figure { margin: 0 0 0 15px; }
#produtos-detalhes h2 { margin: 0 0 40px; }
#produtos-detalhes .wcores .cores .title { width: 100%; margin: 0 0 20px; text-align: center; }
.produtos.detalhes .popup-produtos .carousel-principal { padding: 10px; height: auto; }
.popup-produtos .wcarousel { display: none; }

.popup-produtos .wrap-principal { height: auto; }

.popup-arquivos { padding: 20px 45px; }
#produtos-detalhes .wbanners .dots-container { bottom: 10px; }

#produtos { padding: 80px 0 0; }
#produtos h1 { font-size: 28px; }
#produtos .wrap-listagem .item .bottom { font-size: 18px; height: 90px; padding: 15px; }

#produtos-detalhes .wbanners .owl-nav .owl-prev {left: 55px; width: 22px; height: 22px;  border-bottom: 6px solid #808080; border-left: 6px solid #808080;}
#produtos-detalhes .wbanners .owl-nav .owl-next {right: 55px; width: 22px; height: 22px; border-top: 6px solid #808080; border-right: 6px solid #808080;}