section { padding: 95px 0px 50px 0px !important; }

/*BANNER*/
.banner{width:2000px; height:700px; left: 50%; margin-left: -1000px; position: relative; }
.banner .slider{ width:2000px; height:700px; position:absolute; z-index:10; float: left;}
.banner .sliderContent{ width:2000px; height:700px; clear:both; position: absolute;}
.banner .sliderContent .item { width:2000px; height:700px; position: absolute; background-repeat: no-repeat; background-position: center bottom; background-size: auto 100%; background-color: #ececec; display: block; }
.banner .sliderContent .item .conteudo_slide { width: 600px; height: auto; padding: 50px 0px; text-align: left; left: 50%; top: 50%; transform: translate(0, -50%); position: absolute; -moz-transition: all 1.0s ease; -o-transition: all 1.0s ease; -webkit-transition: all 1.0s ease; transition: all 1.0s ease; }
.banner .sliderContent .item .conteudo_slide .destaque { width: 100%; height: auto; position: relative; font-family: var(--fonte-especial); font-size: 42px; font-weight: 700; line-height: 38px; text-align: left; color: var(--cor-primaria); padding-bottom: 10px; text-transform:uppercase; }
.banner .sliderContent .item .conteudo_slide p { width: 100%; height: auto; position: relative; font-family: var(--fonte-padrao); padding-top: 20px; font-size: 18px; line-height: 24px; font-weight: 700;  text-align: left; color: var(--cor-primaria) }
.banner .sliderContent .item .conteudo_slide .sobre_banner { width: 100%; height: auto; position: relative; display: inline-block; padding-top: 20px; font-family: var(--fonte-padrao); font-size: 15px; line-height: 20px; text-align: left; color: var(--cor-texto-default) }
.banner .sliderContent .item .conteudo_slide .botoes_acao { width: 100%; height: auto; position: relative; text-align: left; padding: 20px 0px 0px 0px; }
.banner .sliderContent .item .conteudo_slide .botoes_acao .cta_destaque { background-color: var(--cor-secundaria); width: auto; cursor: pointer; height: 25px; line-height: 25px; padding: 10px 20px; margin: 10px 10px 10px 0px; color: #ffffff; font-size: 12px; text-transform: uppercase; font-family: var(--fonte-especial); display: inline-block; vertical-align: top; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; font-weight:700; }
.banner .sliderContent .item .conteudo_slide .botoes_acao .cta_destaque:hover { background-color: var(--cor-hover); padding: 10px 30px; }
.banner .sliderContent .item .conteudo_slide .botoes_acao .cta { width: auto; cursor: pointer; height: 25px; line-height: 25px; padding: 10px 20px; margin: 10px 0px 10px 5px; color: var(--cor-primaria); font-size: 12px; text-transform: uppercase; font-family: var(--fonte-especial); display: inline-block; vertical-align: top; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; font-weight:700; }
.banner .sliderContent .item .conteudo_slide .botoes_acao .cta:hover { background-color: var(--cor-primaria); color: #ffffff; padding: 10px 30px; }
.banner .sliderContent .item .imagem_mosaico { width: 760px; height: 700px; background-color: var(--cor-primaria); text-align: center; right: 50%; top: 50%; transform: translate(-50px, -50%); position: absolute; z-index: -1; -moz-transition: all 1.0s ease; -o-transition: all 1.0s ease; -webkit-transition: all 1.0s ease; transition: all 1.0s ease; }
.banner .sliderContent .item .imagem_mosaico img { width: auto; height: auto; max-width: 100%; max-height:100%; position: relative; }
.banner .sliderContent .item.fundo_total .conteudo_slide { left: initial; right: 50%; transform: translate(50px, -50%); }
.banner .sliderContent .item.fundo_total .conteudo_slide p, .banner .sliderContent .item.fundo_total .conteudo_slide .destaque, .banner .sliderContent .item.fundo_total .conteudo_slide .sobre_banner { color: #ffffff; }
.banner .sliderContent .item.fundo_total:before { content:''; position:absolute; left:0px; top:0px; background: rgba(35,35,35,0.65); width:100%; height:700px; }
.banner .sliderContent .item.fundo_total .conteudo_slide .botoes_acao .cta_destaque { border: 2px solid var(--cor-secundaria); }
.banner .sliderContent .item.fundo_total .conteudo_slide .botoes_acao .cta { border: 2px solid #ececec; color: #ffffff; }
.banner .sliderContent .item.fundo_total .conteudo_slide .botoes_acao .cta_destaque:hover, .banner .sliderContent .item.fundo_total .conteudo_slide .botoes_acao .cta:hover { border: #ffffff 2px solid; }
.banner .sliderContent .item.fundo_total:hover .conteudo_slide { transform: translate(100px, -50%); }
.banner .slider .sliderContent .item .util_banner { width: 100%; height: 700px; position: absolute; z-index: 10; }
.prevhidden, .nexthidden { left: -100px; position: absolute; width: 1px; height: 1px; top: 0px; }
.sliderBullets { margin: 0px; width: 1100px; left: 50%; padding: 0px; position: absolute; top: 650px; transform: translate(-50%, 0); text-align: left; z-index: 1002; }
.sliderBullets a { display: inline-block; text-indent:-9999px; width: 8px; height: 8px; background-color: #ffffff; margin: 0px 3px; -moz-transition: all .3s ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; overflow: hidden; }
.sliderBullets .active { width: 25px; background-color: var(--cor-secundaria); -moz-transition: all .3s ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; }

/*PRODUTOS*/
.produtos { width: 100%; height: auto; position: relative; clear: both; padding: 60px 0px 75px 0px; text-align: center; z-index:2; display: block; }
.produtos:after { width: 100%; height: 330px; position:absolute; left:0px; top:0px; z-index: 1; content:''; background: #232323; }
.produtos:before { width: 100%; height: 100%; position:absolute; left:0px; top:0px; z-index: -1; content:''; background: #eaeaea; }
.produtos .titulo_bloco, .produtos .titulo_bloco span { color: #ffffff; }
.produtos ul { width: 100%; height: auto; position: relative; clear: both; text-align: left; margin: 25px 0px 0px 0px; z-index:2; display: flex; justify-content: space-between; flex-wrap: wrap; }
.produtos ul li { width: 350px; box-sizing: border-box; height: auto; position: relative; margin-top: 20px; display: inline-block; vertical-align: top; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; text-align: left; }
.produtos ul li .avatar { width: 350px; height: 300px; position: relative; overflow: hidden; display:inline-block; }
.produtos ul li .avatar img { width: 350px; height: 100%; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; display: block; }
.produtos ul li .avatar:before { content: ''; position: absolute; z-index: 10; background: #000000; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 25%, rgba(35, 35, 35, 0.7) 100%); left:0px; top:0px; width:100%; height: 300px; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }
.produtos ul li .avatar .view { opacity: 1; position: absolute; left: 0px; padding: 25px 9%; bottom: 0px; width: 82%; height:auto; z-index: 11; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }
.produtos ul li .avatar .view .titulo_produto { width: 100%; height: auto; padding: 0px; position: relative; font-family: var(--fonte-especial); color: #ffffff; line-height: 20px; clear: both; font-size: 18px; text-align: left; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; transition: all 0.6s ease; font-weight:700; }
.produtos ul li:hover .view { padding: 35px 9%; background-color: var(--cor-secundaria); }

/*CONHEÇA*/
.sobre_empresa { width:100%; height:430px; left: 0px; position: relative; text-align:left; padding: 75px 0px; }
.sobre_empresa .conteudo_empresa { width: 520px; min-height: 430px; height: auto; background-color: #eaeaea; padding: 0px; text-align: left; right: 0px; top: 50%; transform: translate(0, -50%); position: absolute; -moz-transition: all 1.0s ease; -o-transition: all 1.0s ease; -webkit-transition: all 1.0s ease; transition: all 1.0s ease; }
.sobre_empresa .conteudo_empresa .contes { width: 80%; padding: 0px 10%; height: auto; text-align: left; top: 50%; transform: translate(0, -50%); position: absolute; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.sobre_empresa .conteudo_empresa .contes .destaque { width: 100%; height: auto; position: relative; font-family: var(--fonte-especial); text-transform: uppercase; font-size: 20px; line-height: 28px; font-weight: 700; text-align: left; color: var(--cor-primaria); padding-bottom: 10px; }
.sobre_empresa .conteudo_empresa .contes .destaque span { position:relative; display:inline-block; }
.sobre_empresa .conteudo_empresa .contes .destaque span::before { position:absolute; height: 2px; width:100%; content:''; background-color: var(--cor-secundaria); bottom:0px; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.sobre_empresa .conteudo_empresa .contes p { width: 100%; height: auto; position: relative; font-family: var(--fonte-padrao); padding: 10px 0px; font-size: 15px; line-height: 22px; text-align: left; color: var(--cor-texto-default) }
.sobre_empresa .conteudo_empresa .contes .tag { width: 100%; height: auto; position: relative; font-family: var(--fonte-padrao); font-size: 13px; line-height: 20px; font-weight: 700; text-decoration: underline; text-align: left; color: var(--cor-secundaria); padding-bottom: 10px; }
.sobre_empresa .imagem_mosaico { width: 600px; height: 430px; background-color: #ffffff; text-align: center; position: relative; z-index: -1; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.sobre_empresa .imagem_mosaico::before { width: 100%; height: 100%; position: absolute; z-index: 10; background-color: rgba(35,35,35,0.25); content: ''; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; -webkit-transition: all 0.7s ease; transition: all 0.7s ease; }
.sobre_empresa .imagem_mosaico img { width: 100%; height:100%; position: relative; }
.sobre_empresa .util_sobre_empresa { width: 100%; height: 430px; position: absolute; z-index: 10; }
.sobre_empresa:hover .conteudo_empresa { background-color: var(--cor-secundaria);  }
.sobre_empresa:hover .conteudo_empresa .contes .destaque, .sobre_empresa:hover .conteudo_empresa .contes .destaque span, .sobre_empresa:hover .conteudo_empresa .contes p, .sobre_empresa:hover .conteudo_empresa .contes .tag { color:#ffffff }
.sobre_empresa:hover .conteudo_empresa .contes .destaque span::before { background-color: var(--cor-primaria); }

/* CLIENTES */
.clientes { width: 100%; height: auto; position: relative; text-align: center; padding: 0px 0px 40px 0px; }
.clientes ul { width: 100%; height: auto; position: relative; list-style-type: none; text-align:left; display: flex; justify-content: space-between; flex-wrap: wrap; padding: 60px 0px 30px 0px;  gap:10px; }
.clientes ul li { box-sizing: border-box; display: inline-block; vertical-align: top; width: 120px; height: 80px; margin: 5px 0px 25px 0px; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; position: relative; text-align: center; }
.clientes ul li .imagem_marca { width: 120px; height: 80px; display: inline-block; z-index: 10; vertical-align: top; position: relative; overflow: hidden; -moz-transition: all .3s ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; }
.clientes ul li .imagem_marca img { position: absolute; max-width: 80%; max-height: 80%; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 1; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }

/*SEO HOME*/
.seo_home { width: 90%; background-color: #eaeaea; height:auto; position:relative; padding: 25px 5% 75px 5%; }
.seo_home h1 { width: 100%; height:auto; position:relative; padding: 20px 0px; text-align: center; letter-spacing: -0.5px; font-size: 26px; line-height: 30px; font-family: var(--fonte-padrao); color: var(--cor-primaria); font-weight: 600; }
.seo_home h1 strong { font-weight: 800; }
.seo_home h2 { width: 100%; height:auto; position:relative; padding: 0px 0px 0px 0px; text-align: center; font-size: 15px; line-height: 22px; font-family: var(--fonte-padrao); color: var(--cor-texto-default); font-weight:400; }
.seo_home h2 strong { font-weight: 700; }

@-webkit-keyframes shine { 100% { left: 125%; } }
@keyframes shine { 100% { left: 125%; } }

@-webkit-keyframes drag { 0% { right: 60px; opacity: 0.25; } 100% { right: 0px; opacity: 1; } }
@keyframes drag { 0% { right: 60px; opacity: 0.25; } 100% { right: 0px; opacity: 1; } }

@media screen and (max-width: 1100px) {
	section { padding: 60px 0px 0px 0px !important; }

	/*BANNER*/
	.banner .sliderContent .item .conteudo_slide, .banner .sliderContent .item:hover .conteudo_slide { width: 340px; padding: 0px 10px; text-align: center; left: 50%; top: 50%; transform: translate(-50%, -50%); }
	.banner .sliderContent .item .conteudo_slide .destaque { font-size: 26px; line-height: 24px; text-align: center; }
	.banner .sliderContent .item .conteudo_slide p { font-size: 18px; line-height: 24px; text-align: center; }
	.banner .sliderContent .item .conteudo_slide .sobre_banner, .banner .sliderContent .item .conteudo_slide .botoes_acao { text-align: center; }
	.banner .sliderContent .item .imagem_mosaico { display:none; }
	.banner .sliderContent .item.fundo_total .conteudo_slide, .banner .sliderContent .item.fundo_total:hover .conteudo_slide { left: 50%; right: initial; transform: translate(-50%, -50%); }
	.banner .sliderContent .item.fundo_total .conteudo_slide p, .banner .sliderContent .item.fundo_total .conteudo_slide .destaque, .banner .sliderContent .item.fundo_total .conteudo_slide .sobre_banner { color: #ffffff; }
	.sliderBullets { left: 0px; top: 620px; transform: translate(-50px, 0); }

	/*PRODUTOS*/
	.produtos { width: 96%; padding: 20px 2% 60px 2%; }
	.produtos ul { text-align: center; }
	.produtos ul li { min-height: auto; padding-bottom: 15px; width: -moz-calc(100% - 10px); width: -webkit-calc(100% - 10px); width: -o-calc(100% - 10px); width: calc(100% - 10px); margin-left: 5px; margin-right: 5px; text-align: center }
	.produtos ul li:nth-child(1),.produtos ul li:nth-child(2) { margin-right: 5px; }
	.produtos ul li .avatar .view, .produtos ul li .avatar .view .intros, .produtos ul li .avatar .view .saiba_mais, .produtos ul li .resumo, .produtos ul li .resumo .titulo_post { text-align: center; }
	.produtos ul li .avatar { width: 100%; height: auto; }
	.produtos ul li .avatar img { width: 100%; }
	.produtos ul li:hover .avatar .view, .produtos ul li .avatar .view { display:none; opacity:0; height:0px; z-index: -1; overflow:hidden; }
	.produtos ul li .avatar:before { top: -1px; width:0px; height:0px; z-index:-1; }

	/*CONHEÇA*/
	.sobre_empresa { width:94%; height:auto; left: 0px; position: relative; text-align:left; padding: 40px 3%; }
	.sobre_empresa .conteudo_empresa { width: 100%; height: auto; padding: 0px 0px 40px 0px; text-align: center; right: initial; top: initial; transform: translate(0,0); position: relative; }
	.sobre_empresa .conteudo_empresa .destaque, .sobre_empresa .conteudo_empresa p, .sobre_empresa .conteudo_empresa .tag { text-align:center; }
	.sobre_empresa .imagem_mosaico { width: 100%; height: auto; display: block; background-color: #ffffff; text-align: center; position: relative; }
	.sobre_empresa .imagem_mosaico i { width: 100%; height: auto; left: 50%; top: 50%; position: absolute; line-height: 80px; font-size: 80px; transform: translate(-50%,-50%); }
	.sobre_empresa:hover .conteudo_empresa { right:initial; }
	.sobre_empresa .util_sobre_empresa { width: 100%; height: auto; position: relative; }


}