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

/*BANNER*/
.banner{width:2000px; height:100vh; left: 50%; margin-left: -1000px; position: relative; }
.banner .slider{ width:2000px; height:100vh; position:absolute; z-index:10; float: left;}
.banner .sliderContent{ width:2000px; height:100vh; clear:both; position: absolute;}
.banner .sliderContent .item { width:2000px; height:100vh; 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: 530px; height: auto; padding: 50px; text-align: left; left: 50%; top: 54%; transform: translate(-50px, -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-padrao); font-size: 48px; font-weight: 700; line-height: 46px; text-align: left; color: var(--cor-primaria); padding-bottom: 10px; letter-spacing:-1px; }
.banner .sliderContent .item .conteudo_slide .destaque span { position:relative; display:inline-block; }
.banner .sliderContent .item .conteudo_slide .destaque span::before { position:absolute; height:1px; width:100%; content:''; background-color: #ffffff; bottom:0px; }
.banner .sliderContent .item .conteudo_slide p { width: 100%; height: auto; position: relative; font-family: var(--fonte-padrao); padding-top: 20px; font-size: 22px; line-height: 28px; font-weight: 400; text-align: left; color: var(--cor-primaria) }
.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-primaria); width: auto; cursor: pointer; height: 25px; line-height: 25px; padding: 12px 25px; margin: 10px 0px 10px 5px; color: #ffffff; font-size: 15px; font-family: var(--fonte-padrao); 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;  -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; font-weight:500; }
.banner .sliderContent .item .conteudo_slide .botoes_acao .cta_destaque:hover { padding: 12px 35px; }
.banner .sliderContent .item .conteudo_slide .botoes_acao .cta { width: auto; cursor: pointer; height: 25px; line-height: 25px; padding: 12px 25px; margin: 10px 0px 10px 5px; color: var(--cor-primaria); font-size: 15px; text-decoration: underline; font-family: var(--fonte-padrao); 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;  -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; font-weight:500; }
.banner .sliderContent .item .conteudo_slide .botoes_acao .cta:hover { background-color: var(--cor-primaria); text-decoration: none; color: #ffffff; padding: 12px 35px; }
.banner .sliderContent .item .imagem_mosaico { width: 760px; height: 100vh; 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(25px, -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 .conteudo_slide .botoes_acao .cta { border: none; color: #ffffff; }
.banner .sliderContent .item:hover .imagem_mosaico { transform: translate(-100px, -50%); }
.banner .sliderContent .item:hover .conteudo_slide { transform: translate(50px, -50%); }
.banner .sliderContent .item.fundo_total:hover .conteudo_slide { transform: translate(50px, -50%); }
.banner .slider .sliderContent .item .util_banner { width: 100%; height: 100vh; position: absolute; z-index: 10; }
.prevhidden, .nexthidden { left: -100px; position: absolute; width: 1px; height: 1px; top: 0px; }
.sliderBullets { margin: 0px; width: auto; left: 50%; padding: 0px; position: absolute; top: 90%; transform: translate(0px, 0); text-align: center; z-index: 1002; }
.sliderBullets a { display: inline-block; text-indent:-9999px; width: 10px; height: 10px; 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: 30px; background-color: var(--cor-primaria); -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: 0px 0px 25px 0px; text-align: center; z-index: 100; margin-top: -30px; }
.produtos ul { width: 100%; height: auto; position: relative; text-align: left; display: flex; justify-content: space-between; flex-wrap: wrap; z-index:5; gap: 20px; }
.produtos ul li { width: 23%; box-sizing: border-box; height: 500px; position: relative; 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: center; }
.produtos ul li .avatar { width: 100%; height: 400px; position: relative; display:inline-block; background: transparent; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; text-align:center; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin: 0px 0px 50px 0px; }
.produtos ul li .avatar .view { position: absolute; left: 0px; padding: 30px; top: 0px; width: -moz-calc(100% - 60px); width: -webkit-calc(100% - 60px); width: -o-calc(100% - 60px); width: calc(100% - 60px); height:auto; z-index: 15; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; margin: 70px 0px 0px 0px; }
.produtos ul li .avatar .view .icone { width: 80px; height: 80px; background-color: #eaeaea; position: relative; overflow: hidden; display:inline-block; vertical-align:top; margin: 0px 0px 20px 0px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.produtos ul li .avatar .view .icone img { width: auto; height: auto; max-width: 30px; max-height: 30px; -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; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.produtos ul li .avatar .view .intros { width: 100%; height: auto; padding: 0px; position: relative; font-family: var(--fonte-padrao); color: var(--cor-texto); line-height: 20px; clear: both; font-size: 16px; text-align: center; -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:400; }
.produtos ul li .avatar .view .sobre_produto { width: 100%; height: 0px; padding: 0px; position: relative; font-family: var(--fonte-padrao); color: var(--cor-texto); line-height: 20px; clear: both; font-size: 13px; text-align: center; -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:400; overflow:hidden; }
.produtos ul li .avatar .view .titulo_solucao { width: 100%; height: auto; position: relative; font-family: var(--fonte-padrao); color: #000000; line-height: 28px; clear: both; font-size: 22px; padding: 15px 0px; text-align: center; -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 .avatar .imagem_fundo { width: 100%; height: 100%; position: absolute; overflow: hidden; display:inline-block; vertical-align:top; margin: 0px; z-index:10; left:0px; top:0px; opacity:0;  -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; -webkit-transition: all 0.7s ease; transition: all 0.7s ease; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.produtos ul li .avatar .imagem_fundo img { width: 100%; height: 100%; margin: 0px; object-fit: cover; object-position: top; position: relative; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; overflow:hidden; display:block;  }
.produtos ul li .avatar .imagem_fundo:before { content: ''; position: absolute; z-index: 11; background: #000000; background: linear-gradient(0deg, rgba(0, 0, 0, 0.90) 50%, rgba(202, 0, 12, 0.75) 100%); left:0px; top:0px; width:100%; height: 100%; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; overflow: hidden; }
.produtos ul li:hover .avatar .imagem_fundo { opacity:1 }
.produtos ul li:hover .avatar .view .icone { background:#ffffff; }
.produtos ul li:hover .avatar { background: var(--cor-primaria); }
.produtos ul li:hover .avatar .view { padding: 0px 30px 0px 30px; margin-top:-40px; }
.produtos ul li:hover .avatar .view .icone { background: #ffffff; }
.produtos ul li:hover .avatar .view .titulo_solucao { padding: 40px 0px 25px 0px; color: #ffffff; }
.produtos ul li:hover .avatar .view .intros { color: #ffffff; font-weight: 700; }
.produtos ul li:hover .avatar { height: 450px; margin: 0px 0px 0px 0px; }
.produtos ul li:hover .avatar .view .sobre_produto { height:auto; padding: 20px 0px 0px 0px; color: rgba(255, 255, 255, 0.7); }

/*SEO H1 E H2*/
.chamada_seo { width: 100%; height: auto; position: relative; padding: 100px 0px; }
.chamada_seo h1 { width: 80%; height: auto; position: relative; font-weight: 700; padding: 0px 10% 30px 10%; border-bottom: 1px solid #eaeaea; font-size: 28px; font-family: var(--fonte-padrao); color: var(--cor-texto); text-align: center; line-height: 32px; }
.chamada_seo h2 { width: 80%; height: auto; position: relative; font-weight: 400; padding: 30px 10% 0px 10%; font-size: 20px; font-family: var(--fonte-padrao); color: var(--cor-texto); text-align: center; line-height: 24px; }

/*PORQUE*/
.porque { width: 100%; height: auto; position: relative; clear: both; padding: 100px 0px; text-align: center; background-position:center; background-size: cover; background-repeat: no-repeat; }
.porque ul { width: 100%; height: auto; position: relative; text-align: left; display: flex; justify-content: space-between; flex-wrap: wrap; z-index:5; gap:20px; }
.porque ul li { width: 23.5%; box-sizing: border-box; height: 500px; position: relative; 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; overflow:hidden; }
.porque ul li .titulo_bloco { width: 90%; height: auto; position: relative; font-family: var(--fonte-padrao); font-weight:700; font-size: 28px; line-height: 34px; text-align: left; color: #ffffff; padding: 110px 10% 15px 0px; letter-spacing:-1px; }
.porque ul li .titulo_bloco .acessa { width:100%; height:auto; position:relative; margin: 35px 0px 0px 0px; color: #ffffff; font-family: var(--fonte-padrao); font-weight: 400; font-size: 16px; text-decoration: underline; line-height: 30px; letter-spacing:0px; }
.porque ul li .avatar { width: 100%; height: 500px; position: relative; overflow: hidden; display:inline-block; background-position:center top; background-size: auto 380px; background-repeat: no-repeat; background-color: var(--cor-destaque); -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; overflow:hidden; }
.porque ul li .avatar:before { content: ''; position: absolute; z-index: 10; background-color: rgba(0,0,0,0.6); left:0px; top:0px; width:100%; height: 100%; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; overflow: hidden; }
.porque ul li .avatar:after { content: ''; position: absolute; z-index: 10; left:0px; top:0px; width:100%; height: 100%; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; overflow: hidden; background: rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%); }
.porque ul li .avatar .view { position: absolute; left: 0px; bottom: 0px; padding: 25px; width: -moz-calc(100% - 50px); width: -webkit-calc(100% - 50px); width: -o-calc(100% - 50px); width: calc(100% - 50px); 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; background: rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%); }
.porque ul li .avatar .view .intros { width: 100%; height: auto; padding: 0px; position: relative; font-family: var(--fonte-padrao); color: #ffffff; line-height: 20px; clear: both; font-size: 14px; 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:400; }
.porque ul li .avatar .view .label { width: 100%; height: auto; padding: 15px 0px 0px 0px; position: relative; font-family: var(--fonte-padrao); color: var(--cor-destaque); line-height: 24px; clear: both; font-size: 13px; 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:400; text-decoration:underline; }
.porque ul li .avatar .view .titulo_solucao { width: 100%; height: auto; position: relative; font-family: var(--fonte-padrao); color: #ffffff; line-height: 24px; letter-spacing: -0.5px; clear: both; font-size: 20px; padding: 30px 0px 15px 0px; 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; }
.porque ul li:hover .avatar { background-size: auto 85%; }
.porque ul li:hover .avatar:before { background-color: rgba(0,0,0,0.6); }
.porque ul li:hover:before { height: 6px; }
.porque ul li:first-child:hover:before, .porque ul li:last-child:hover:before { height: 0px; }
.porque ul li:hover .avatar .view { padding: 25px 25px 50px 25px; }
.porque ul li:hover .avatar .view .titulo_solucao { padding: 30px 0px 25px 0px; }
.porque ul li:hover .avatar .view .intros { padding-bottom:10px; }

/*DEPOIMENTOS*/
.depoimentos { width: 100%; height: auto; position: relative; clear: both; display: block; margin: 0px; padding: 50px 0px; text-align: center; background:#f4f6f8; }
.depoimentos ul { width: 100%; height: auto; position: relative; text-align: left; display:inline-block; vertical-align:top; margin: 25px 0px 0px 0px; z-index:20; }
.depoimentos ul li { width: 48%; height: auto; position: relative; padding: 0px; text-align: left; display: inline-block; vertical-align: top; margin: 0px 1%; }
.depoimentos ul li .bloco1 { width: 100%; margin: 0px; position: relative; font-size: 13px; line-height: 20px; display: inline-block; vertical-align: top; color: #000000; font-family: var(--fonte-padrao); text-align: left; font-weight: 300; }
.depoimentos ul li .bloco1 .aspas { width: 70px; height: 60px; position:absolute; z-index: 100; left: -10px; top:-15px; background-repeat: no-repeat; background-position: center; background-image: url(../imagens/aspas-depoimento.png); -moz-transition: all 1.5s ease; -o-transition: all 1.5s ease; -webkit-transition: all 1.5s ease; transition: all 1.5s ease; margin: 0px 0px 15px 0px; }
.depoimentos ul li .bloco1 .avatar { width: 115px; height: 115px; position: relative; background: var(--cor-primaria); overflow: hidden; -moz-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease; transition: all .5s ease; overflow: hidden; margin: 0px 25px 0px 25px; display:inline-block; vertical-align:top; overflow: hidden; border-radius:50%; }
.depoimentos ul li .bloco1 .avatar img { position: relative; opacity: 0.75; width: 100%; height: 100%; object-fit: cover; object-position: center; z-index: 1; -moz-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease; transition: all .5s ease; }
.depoimentos ul li .bloco1 .mensagem { width: -moz-calc(100% - 220px); width: -webkit-calc(100% - 220px); width: -o-calc(100% - 220px); width: calc(100% - 220px); height: auto; color: #000000; font-size: 14px; font-family: var(--fonte-texto); padding: 0px 0px 20px 0px; 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: 400; line-height: 22px; }
.depoimentos ul li .bloco1 .mensagem p { width: 100%; height: auto; color: var(--cor-primaria); font-size: 16px; font-family: var(--fonte-padrao); padding: 15px 0px; 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; line-height: 22px; font-weight:700; font-style:normal; }
.depoimentos ul li:hover .bloco1 .aspas { left: -20px; }
.depoimentos ul li:hover .bloco1 .avatar img { opacity:1 }
.depoimentos ul li:hover .bloco1 .avatar img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); overflow: hidden; }

@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: 36px; line-height: 34px; text-align: center; }
	.banner .sliderContent .item .conteudo_slide p { font-size: 22px; line-height: 28px; 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-left:2%; padding-right:2%; padding-top:25px; margin-top:0px; }
	.produtos ul li { width: 100%; height:auto; margin-bottom:10px; }
	.produtos ul li .avatar { height: auto; margin: 0px 0px 10px 0px; }
	.produtos ul li .titulo_bloco { padding:20px 5% 15px 5%; text-align:center;  }
	.produtos ul li .titulo_bloco .acessa { color: var(--cor-texto); margin: 0px; text-align:center; }
	.produtos ul li .avatar .view { position:relative; padding: 30px 30px 40px 30px }
	.produtos ul li .avatar .view .icone { margin: 0px 8%; }
	.produtos ul li .avatar .view .sobre_produto { height:auto; padding: 20px 0px 0px 0px; }
	.produtos ul li .habilidades, .produtos ul li .habilidades .pontos_habilidades, .produtos ul li .habilidades .pontos_habilidades p, .produtos ul li .avatar .view, .produtos ul li .avatar .view .intros, .produtos ul li .avatar .view .titulo_solucao { text-align:center; }
	.produtos ul li .avatar .view .titulo_solucao { height:0px; overflow:hidden; padding:0px; }

	/*DEPOIMENTOS*/
	.depoimentos { width: 96%; padding-left:2%; padding-right:2%; }
	.depoimentos ul li { width: 98%; text-align: center; display: inline-block; vertical-align: top; margin: 0px 1%; }
	.depoimentos ul li .bloco1 { text-align: center; }
	.depoimentos ul li .bloco1 .mensagem { width: 100%; text-align:center; }
	.depoimentos ul li .bloco1 .mensagem p { text-align:center; }

	/*PORQUE*/
	.porque { width: 96%; padding-left:2%; padding-right:2%; }
	.porque ul li { width: 100%; height:auto; margin-bottom:10px; }
	.porque ul li .avatar { height: 400px; }
	.porque ul li .titulo_bloco { padding:20px 5% 15px 5%; text-align:center;  }
	.porque ul li .titulo_bloco .acessa { margin: 0px; text-align:center; }
	.porque ul li:first-child { height: 200px; }
	.porque ul li .habilidades, .porque ul li .habilidades .pontos_habilidades, .porque ul li .habilidades .pontos_habilidades p, .porque ul li .avatar .view, .porque ul li .avatar .view .intros, .porque ul li .avatar .view .titulo_solucao { text-align:center; }
}