body {font-family: "Montserrat", sans-serif; overflow-x: hidden;}
:root {--azul:#00468b; --amarelo:#f9b123; --verde:#177755; --cinza:#eeeeee}
.desktop {display: block;}
.mobile {display: none;}

@media (max-width: 768px) {
.desktop {display: none;}
.mobile {display: block;}
.container {padding-left: 30px; padding-right: 30px;}
}


.section {padding-top: 100px; padding-bottom: 100px;}
@media (max-width: 768px) {
.section {padding-top: 60px; padding-bottom: 60px;}
}

.title {font-family: 'Aloevera';}
.title span {position: relative; display: block;}
.title strong {display: inline-block; width: fit-content; background: var(--azul); padding-left: 10px; margin-left: -10px; padding-right: 10px;}
.subtitle {text-transform: uppercase; opacity: 0.7; letter-spacing: 3px; margin-bottom: 30px; font-size: 12px;}

.btn {border-radius: 10px; font-size: 17px; font-weight: bold; padding: 10px 20px;}
.btn-center {margin: auto; display: block; width: fit-content;}
.btn-primary {background: var(--amarelo); border-color: var(--amarelo);}
.btn-primary:hover {background: var(--azul); border-color: var(--azul);}
.btn-outline {background: transparent; color: #000; border-color: #000;}
.btn-icon, .btn-icon a {display: flex; align-items: center; width: fit-content;}
.btn-icon svg {display: block; height: 12px; margin-left: 8px; fill: #fff;}
.btn-outline svg {fill: #000}
.botoes-flex {display: flex; width: fit-content; padding-right: 20px; align-items: center;}
.botoes-flex .btn {margin-left: 20px;}
@media (max-width: 768px) {
.btn {width: 100%}
.botoes-flex {display: block; width: 100%;}
.botoes-flex .btn {width: 100%; margin-bottom: 20px; margin-left: 0px}
.botoes-flex .btn:last-child {margin-bottom: 0px;}
.btn-icon {justify-content: center;}
.title span {display: inline;}
}


.header {position: absolute; z-index: 30; width: 100%; left: 0px; top: 0px; padding: 20px 0px}
.customize-support .header {top: 32px}
.header .logotipo {display: block; width: 150px;}
.header .logotipo img {display: block; width: 100%;}
.header-interno {background: var(--verde);}
.header ul {display: flex; align-items: center; margin: 0px}
.header .menu-item {display: block; margin-left: 40px; position: relative; padding-top: 10px; padding-bottom: 10px;}
.header .menu-item a {color: #fff; font-size: 16px}
.header .menu-item a:hover {text-decoration: none}
.header .sub-menu {z-index: 10; padding: 0px; height: 0px; transition: 0.5s; overflow: hidden; display: block; width: 280px; background: #fff; border-radius: 10px; position: absolute; top: 44px; box-shadow: 4px 4px 10px 0px rgb(0 0 0 / 16%);}
.header .sub-menu li {margin: 0px; display: block; width: 100%; padding: 0px; border-bottom: 1px solid #ccc}
.header .sub-menu li:last-child {border:none}
.header .sub-menu a {color: #000; display: block; transition: 0.5s; font-size: 13px; width: 100%; padding: 10px 20px; font-weight: bold;}
.header .sub-menu a:hover {background: var(--cinza);}
.header .first-item svg {display: block; width: 20px; height: 20px; fill: #fff;}
.header .menu-item-has-children {padding-right: 25px; background: url('../img/down.svg') no-repeat center right; background-size: 15px;}
#menu-item-68:hover .sub-menu { height: 202px;}
#menu-item-67:hover .sub-menu { height: 244px;}
.menu-open {display: none;}

@media (max-width: 1200px) {
.menu-open {display: block; position: absolute; top: 0px; right: 0px; cursor: pointer; padding: 26px; width: 85px; box-sizing: border-box;}
.menu-open svg {display: block; width: 100%; fill: #fff;}

.header {position: fixed; z-index: 100; -webkit-backdrop-filter: saturate(180%) blur(20px); backdrop-filter: saturate(180%) blur(20px); background: #00311fe3;}
.header .desktop {display: none !important;}
.header .d-flex {display: block !important;}
.header .logotipo {width: 86px}
.header ul {display: block; padding: 0px; margin: 0px; padding-top: 20px}
.header .menu-item {margin-left: 0px; border-bottom: 1px solid rgba(255,255,255,0.4); padding: 0px}
.header .menu-item:last-child {border:none;}
.header .menu-item a {padding: 10px 0px; display: block; box-sizing: border-box; width: 100%;}
.header .btn a {display: flex; justify-content: center;}
.header .sub-menu {display: none; box-shadow: none; transition: none; height: auto; position: relative; top: auto; left: auto; width: 100%; background: rgba(0, 0, 0, 0.1); padding: 5px 20px; margin-bottom: 10px; border-radius: 0px 10px 10px 10px;}
.header .sub-menu a {color: #fff; background: none !important}
.header .menu-item-has-children {background-position: right 18px;}
#menu-item-67 {border: none}
#menu-item-68:hover .sub-menu { height: auto;}
#menu-item-67:hover .sub-menu { height: auto;}
#menu-principal {display: none;}
body {padding-top: 75.23px;}
}

#whatsapp {display: block; position: fixed; bottom: 30px; right: 30px; z-index: 100;}
#whatsapp img {display: block; width: 55px;}


/* BANNERS HOME E INTERNOS */
.default-banner {position: relative; width: 100%; padding-top: 193px; background-size: cover; background-repeat: no-repeat; background-position: center;  background-color: var(--verde);}
.default-banner .desktop {width: 120%; position: absolute; top: 0px; max-width: 1920px; left: calc(50% - 1920px/2); }
.home-banner .mobile {display: none;}
.default-banner .container {position: relative; z-index: 5}
.default-banner .div1 {content: ''; background: linear-gradient(90deg, var(--verde) 30%, rgba(0, 0, 0, 0) 100%); position: absolute; top: 0px; left: calc(50% - 1920px / 2); width: 400px; height: 100%; z-index: 1; display: block;}
.default-banner .div2 {content: ''; background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, var(--verde) 70%); position: absolute; top: 0px; right: calc(50% - 1920px / 2); width: 400px; height: 100%; z-index: 1; display: block;}
.default-banner:before {content: ''; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 450px; z-index: 2; background: linear-gradient(180deg, rgb(0 0 0 / 0%) 0%, rgb(0 0 0) 100%); opacity: 0.7;}
.default-banner:after {content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 200px; z-index: 2; background: linear-gradient(180deg, rgb(0 48 31) 0%, rgba(40, 76, 73, 0) 100%); opacity: 0.8;}
.banner-interno {color: #fff;padding-bottom: 100px; padding-top: 200px; overflow: hidden; margin: auto;}
.banner-interno .subtitle {color: #fff; text-align: center; margin-bottom: 10px; opacity: 1}
.banner-interno .title {margin: auto; width: fit-content; font-size: 3em; text-align: center;}
.customize-support .home-banner {height: calc(100vh - 32px); min-height: 550px;}

.home-banner-app {display: block; position: relative;}
.home-banner-app .slick-dots {position: absolute; bottom: 50px; left: 0px; width: 100%; z-index: 10; display: flex; align-items: center; justify-content: center;}
.home-banner-app .slick-dots li {display: block; margin: 0px 5px;}
.home-banner-app .slick-dots button {display: block; transition: 0.5s; width: 15px; height: 15px; border-radius: 50px; background: #fff; cursor: pointer; font-size: 0px; border:none; opacity: 0.7; outline: none;}
.home-banner-app .slick-active button {opacity: 0.9;}

.home-banner {height: 100vh; overflow: hidden; min-height: 582px; max-height: 762px; margin: auto;}
.home-banner .title {font-size: 3em; color: #fff; font-weight: bold; margin-bottom: 15px;}
.home-banner p {color: #fff; font-size: 1.5em; line-height: 1.3; text-shadow: 0px 0px 9px #000000; max-width: 444px;}
.home-banner .desktop {max-width: 2560px; left: calc(50% - 2560px/2);}
.home-banner .div1 {left: calc(50% - 2560px / 2);}
.home-banner .div2 {right: calc(50% - 2560px / 2);}
.contato-banner {padding-bottom: 300px;}
@media (max-width: 1930px) {
.default-banner .div1, .default-banner .div2 {display: none;}
.home-banner .desktop {left: 0;}
}

@media (max-width: 1450px) {
.default-banner .desktop {width: 140%; max-width:auto; left:-10%;}
}

@media (max-width: 1370px) {
.default-banner .desktop, .home-banner .desktop { width: 140%; left: -20%;}
}

@media (max-width: 1200px) {
.home-banner .title {font-size: 2em;}
.home-banner p {max-width: 580px}
.home-banner, .customize-support .home-banner {min-height: auto; max-height: 100vh; height: auto; padding-bottom: 100px;}
.banner-interno .title {font-size: 2em}
}

@media (max-width:768px) {
.home-banner p {font-size: 0.9em;}
.banner-interno .title {font-size: 1.5em;}
.home-banner {height: 600px !important; max-height: auto !important;}
.home-banner .desktop {display: none;}
.home-banner .mobile, .banner-interno .mobile {display: block; height: 100%; position: absolute; top: 0px;}
.banner-interno .mobile  {height: 150%;}
.home-banner-app .slick-dots {bottom: 30px}
.contato-banner {padding-bottom: 100px; padding-top: 100px;}
}

.text-side .title {font-size: 2.8em; line-height: 0.9; position: relative; margin-bottom: 40px;}
.text-side .title:after {content: ''; width: 80px; height: 5px; background: var(--amarelo); position: absolute; bottom: -20px; left: 0px;}
.text-side .title b {display: block;}
.text-side .botoes {display: flex; align-items: center; margin-top: 30px;}
.text-side .botoes .btn {margin-right: 20px;}
.text-side .video {display: block; width: 60%; margin-left: 5%; margin-right: -15%;}
.text-side .video iframe {display: block; width: 100%; border-radius: 15px; height: 385px;}
.video2 { height: 585px !important;}
.text-side .imagem {display: block; border-radius: 30px;}
.text-side .reverse .imagem {display: block; position: absolute; max-width: 780px;}
.text-side .reverse .video {margin-left: -5%; margin-right: 30px; width: 50%;}
.text-side .img {display: block; width: 100%; border-radius: 30px;}
@media (max-width: 1510px) {
.text-side .video {width: 50%; margin: 0}
.text-side .video iframe {height: 345px;}
.text-side .imagem {max-width: 730px}
}
@media (max-width: 1200px) {
.text-side .reverse .imagem {position: relative; width: 100%; top: auto; right: auto;}
.text-side .title {font-size: 2em}
.text-side .title b {display: inline;}
}
@media (max-width: 768px) {
.text-side .video {width: 100%; box-sizing: border-box; padding-left: 15px; padding-right: 15px; margin-top: 30px;}
.text-side .video iframe {height: 240px; border-radius: 10px;}
.text-side .reverse {display: flex; flex-wrap: wrap-reverse;}
.text-side .botoes {margin-bottom: 30px; display: block;}
.text-side .botoes a:first-child {margin-bottom: 10px;}
.text-side .imagem {width: 100%; border-radius: 10px; margin: 0px;}
.text-side .title {margin-bottom: 30px}
.video2 { height: 240px !important;}

}

.home-servicos {background: #d7d7d7 url('../img/bg-reciclado.webp');}
.home-servicos .title strong {color: #fff;}
.home-servicos .titulo-primario {font-size: 3em; margin-bottom: 60px; max-width: 800px; color: #000; line-height: 1.1}
.home-servicos-app {margin-left: -10px; margin-right: -10px; margin-bottom: 60px; position: relative;}
.home-servicos-app .item {padding: 10px; box-sizing: border-box; height: 307px; width: calc(100% + 20px)}
.home-servicos-app .slick-prev, .home-servicos-app .slick-next {position: absolute; z-index: 2; opacity: 0.8; transition: 0.5s; background: url('../img/slick-arrow.png') no-repeat center; background-size: 100%; top: calc(50% - 25px); width: 50px; height: 50px; border: none; outline: none; font-size: 0px; cursor: pointer;}
.home-servicos-app .slick-prev:hover, .home-servicos-app .slick-next:hover {opacity: 1;}
.home-servicos-app .slick-prev {left: -70px; transform: rotate(180deg);}
.home-servicos-app .slick-next {right: -70px;}
.home-servicos .produto {background: #fff; height: 100%; border-radius: 20px; box-sizing: border-box; padding: 30px; width: 100%; display: block; text-decoration: none !important; color: #000; position: relative;}
.home-servicos .produto img {display: block; margin-bottom: 20px; height:50px; width: 50px;}
.home-servicos .produto h3 {font-size: 1.5em; font-weight: bold; position: relative; margin-bottom: 30px;}
.home-servicos .produto h3:after {content: ''; width: 50px; height: 5px; background: var(--amarelo); position: absolute; bottom: -15px; left: 0px;}
.home-servicos .produto p {display: block; padding-right: 70px; box-sizing: border-box; width: 100%; margin-bottom: 0px;}
.home-servicos .produto svg {display: block; width: 30px; height: 30px; position: absolute; bottom: 70px; right: 30px;}
.home-servicos .text-side {margin-top: 100px;}
.home-servicos .container {position: relative;}
.home-servicos .container:after {display: block; background: url('../img/adereco-verde.png') no-repeat center; width: 188px; height: 188px; position: absolute; top: 50px; right: -100px; content: ''}
.home-servicos .container:before {display: block; background: url('../img/adereco-amarelo.png') no-repeat center; width: 188px; height: 188px; position: absolute; top: 460px; left: -100px; content: ''}
.adereco-azul {position: relative;}
.adereco-azul:before {display: block; background: url('../img/adereco-azul.png') no-repeat center; width: 110px; height: 110px; position: absolute; bottom: -63px; left: -50px; content: ''}
.esg {margin-top: 50px;}
.esg .imagem {top: -50px; right: 50px}
.esg .globo {display: block; margin-bottom: 30px; height: 50px}
.logicas-reversa-item {box-sizing: border-box; padding: 10px;}
.logicas-reversa-item img {display: block; width: 50px; height: 50px; margin: auto; margin-bottom: 20px}
.logicas-reversa-item div {box-sizing: border-box; padding: 20px; height: 100%; border-radius: 10px; border: 1px solid #ccc; text-align: center;}

@media (max-width: 1200px) {
.home-servicos .titulo-primario {font-size: 2em; max-width: 530px}
}
@media (max-width: 768px) {
.esg {margin-top: 0px;}
.home-servicos .container:after, .home-servicos .container:before {display: none;}
.home-servicos .titulo-primario {margin-bottom: 30px}
.home-servicos .produto p {padding: 0px}
.home-servicos .produto svg {display: none;}
.home-servicos .produto {height: auto; margin-bottom: 20px}
.home-servicos-app .item {height: auto; padding: 0px; width: 100%;}
}

.blog-home .blog-title {display: block; width: 300px; margin-bottom: 30px;}
.blog-home .blog-title {display: block; width: 300px; margin-bottom: 30px;}
.blog-home .post {display: block; width: 100%; overflow: hidden; border-radius: 15px; padding-bottom: 30px; box-shadow: 10px 10px 19px 0px rgb(0 0 0 / 6%); text-decoration: none !important; border: 1px solid #f3f3f3;}
.blog-home .post img {display: block; width: 100%; margin-bottom: 30px;}
.blog-home .post h2 {display: block; padding-left: 30px; padding-right: 30px; font-weight: bold; color: #000; font-size: 1.3em; line-height: 1.3}
.publicacoes-relacionadas .post {height: 100%; box-sizing: border-box; margin-bottom:0px; background: #fff; box-shadow: none; border: 1px solid #f0f0f0}
.publicacoes-relacionadas .title {font-size: 3em; font-weight: bold; border-top: 2px solid #f0f0f0; padding-top: 50px; margin-top: 60px; margin-bottom: 60px}
.publicacoes-relacionadas .title strong {background: var(--amarelo);}
.publicacoes-relacionadas {padding-bottom: 100px; background: linear-gradient(180deg, rgb(255 255 255) 242px, rgb(240 240 240) 0px);}
.publicacoes-relacionadas p {padding: 0px 30px; color: #000; font-size: 0.9em; opacity: 0.7;}
.publicacoes-relacionadas .informacoes, .publicacoes-relacionadas .blog-categorias-tags, .blog-home .informacoes, .blog-home .blog-categorias-tags, .blog-home p {padding: 0px 30px}
@media (max-width: 1200px) {
.blog-home .post h2 {font-size: 1.1em}
}
@media (max-width: 768px) {
.publicacoes-relacionadas .title {font-size: 1.6em}
}

.footer {background: var(--verde); color: #fff;}
.footer .logotipo {display: block; width: 100%;}
.footer .slogan  {font-family: 'Aloevera'; font-size: 1.5em; line-height: 1.2; padding-left: 30px;}
.footer .slogan strong {display: block; font-weight: bold;}
.footer .certificados {background: rgba(0,0,0,0.3); padding: 10px; padding-left: 0px; margin-left: auto; width: fit-content; display: flex; align-items: center; border-radius: 10px;}
.footer .certificados img {display: block; height: 40px; margin-left: 10px;}
.footer .parte1 {padding-bottom: 30px; margin-bottom: 30px; border-bottom: 3px solid var(--amarelo);}
.footer .titulo {display: block; margin-bottom: 10px; font-size: 1.5em;font-family: 'Aloevera';}
.footer .link {display: block; color: #fff; margin-bottom: 10px;}
.footer ul {display: block; padding-left: 15px}
.footer ul li {margin-bottom: 10px; color: #fff;}
.footer ul li a {display: block; color: #fff;}
.footer .maps {width: fit-content; padding: 5px 10px; text-decoration: none; font-size: 0.8em; color: var(--verde); font-weight: bold; background: #fff; border-radius: 5px; display: flex; align-items: center;}
.footer .maps img {display: block; height: 20px; margin-right: 5px;}
.footer .social {display: flex;}
.footer .social a {display: block; padding: 10px; background: #fff; border-radius: 50px; margin-right: 10px;}
.footer .social a svg {display: block;width: 20px; height: 20px; fill: var(--verde);}
@media (max-width: 768px) {
.footer .logotipo {width: 150px; margin: auto; margin-bottom: 30px;}
.footer .slogan {text-align: center; margin-bottom: 30px; font-size: 1.2em}
.footer .slogan strong {display: inline;}
.footer .certificados {margin: auto;}
.footer .titulo {margin-top: 30px}
.footer .parte1 {margin-bottom: 0px}
}
.copyright {background: #106d4c; padding-top: 20px; padding-bottom: 20px; color: #fff; font-size: 0.8em}
.copyright a {color: #fff;}
.copyright .alakadim {display: block; width: fit-content; font-size: 0.9em; margin-left: auto; color: #fff; text-decoration: none !important}
.copyright .alakadim img {display: block; width:70px;}
@media (max-width: 768px) {
.copyright {padding-bottom: 60px;}
.copyright .alakadim {margin: 0; margin-top: 20px}
}


.valores {margin-top: 100px;}
.valores .title {text-align: center; margin-bottom: 30px; font-size: 3.3em; color: #000; line-height: 1.1}
.valores .title b {display: block;}
.valores .valor-item {padding: 20px; border-radius: 20px; box-sizing: border-box; width: 100%; display: block; background: #fff; height: 100%; border: 1px solid #f0f0f0;}
.valores .valor-item img {display: block; width: 60px; height: 60px; margin: auto; margin-bottom: 10px;}
.valores .valor-item h3 {text-align: center; font-size: 1.4em}
.valores .valor-item p {text-align: center; font-size: 0.85em; margin-bottom: 0px;}
.valores .valor-item li {font-size: 0.85em; margin-bottom: 5px;}
@media (max-width: 1200px) {
.valores .valor-item {padding: 10px}
}

@media (max-width: 768px) {
.valores .title {font-size: 1.5em}
.valores .row {display: block;}
.valores .valor-item {margin-bottom: 30px}
}

.sobre-slogan {padding-bottom: 300px; margin-top: -150px; padding-top: 210px;}
.livetiles {background: #fff; border-radius: 30px; padding:100px; width: 100%; box-sizing: border-box; margin-top: -300px;    border: 1px solid #f0f0f0;}
.livetiles p {font-size: 1.2em}
@media (max-width: 768px) {
	.livetiles p {font-size: 1em}
}


.galeria {display: block; margin-left: -5px; margin-right: -5px;}
.galeria .item {box-sizing: border-box; padding: 10px;}
.galeria .item a {display: block; width: 100%;}
.galeria .item img {display: block; width: 100%; border-radius: 10px;}

.galeria-apps {display: block; margin-left: -5px; margin-right: -5px; position: relative;}
.galeria-apps .slick-dots {display: flex; justify-content: center; align-items: center; padding: 0px}
.galeria-apps .slick-dots li {display: block; margin: 5px;}
.galeria-apps .slick-dots li button {display: block; cursor: pointer; border-radius: 30px; outline: none !important; background: #ccc; width: 15px; height: 15px; font-size: 0px; background: #ccc; border:none;}

.galeria-apps .item {box-sizing: border-box; padding: 10px;}
.galeria-apps .item a {display: block; width: 100%;}
.galeria-apps .item img {display: block; width: 100%; border-radius: 10px;}

.galeria-apps .slick-prev, .galeria-apps .slick-next {position: absolute; z-index: 2; opacity: 0.8; transition: 0.5s; background: url('../img/slick-arrow.png') no-repeat center; background-size: 100%; top: calc(50% - 25px); width: 50px; height: 50px; border: none; outline: none; font-size: 0px; cursor: pointer;}
.galeria-apps .slick-prev:hover, .galeria-apps .slick-next:hover {opacity: 1;}
.galeria-apps .slick-prev {left: -60px; transform: rotate(180deg);}
.galeria-apps .slick-next {right: -60px;}


/* CERTIFICADOS */
.certificados .title {line-height: 1; font-size: 3em; color: #000}
.certificados .title strong {color:#fff}
.certificados .title b {display: block;}
.certificados p {font-size: 1em; margin-bottom: 20px;}
.certificados-app {display: flex; align-items: center; margin-bottom: 20px;}
.certificados-app img {display: block; max-width: 60px; margin-right: 40px;}
.certificados .botoes-flex {margin: auto;}
.certificados .title strong:after {background: var(--amarelo);}
.certificados iframe {width: 110%; height: 395px; margin-left: 5%; border-radius: 10px;}
@media (max-width: 1200px) {
.certificados .title {font-size: 2em}
.certificados iframe {width: 95%; height: 285px;}
}
@media (max-width: 768px) {
.certificados iframe {width: 100%; height: 240px; margin-left: 0px; margin-top: 30px}
}

/* PÁGINA DE CONTATO */
.contato {margin-top: -280px; position: relative; padding-top: 50px; z-index: 10}
.contato p {text-align: center;font-family: 'Aloevera'; font-size: 2em; font-weight: bold; margin-bottom: 50px;}
.contato-app {display: flex;}
.contato .formulario {width: calc(45% - 20px)}
.contato .informacoes {padding-left: 40px; margin-left: 40px; border-left: 1px solid var(--cinza); width: calc(55% - 20px); box-sizing: border-box;}
.contato .titulo {color: #000;font-family: 'Aloevera'; font-size: 1.3em; margin-bottom: 20px; position: relative;}
.contato .titulo:after {content: ''; width: 50px; border-radius: 5px; height: 2px; background: var(--amarelo); position: absolute; bottom: -8px; left: 0px; color: #333; font-weight: bold;}
.contato .info {color: #6a6a6a; font-weight: bold; font-size: 0.9em; margin-bottom: 10px; display: flex; align-items: center;}
.contato .info img {display: block; width: 20px; height: 20px; margin-right: 5px;}
.contato .social {display: flex; margin-top: 10px; flex-wrap: wrap; gap: 10px;}
.contato .social a {display: block; padding:15px; background: var(--cinza); border-radius: 5px; transition: 0.5s}
.contato .social a:hover {background:#d9d9d9;}
.contato .social a svg {display: block; width: 20px; height: 20px; fill: #6a6a6a}
.contato .btn-maps {background: var(--cinza); color: #6a6a6a; font-size: 13px; padding-left: 15px; padding-right: 15px; margin-left: 0px; margin-right: 10px;}
.contato .btn-maps:hover {background:#d9d9d9;}
.contato .btn-maps svg {margin-left: 0px; margin-right: 5px; fill: #6a6a6a; width: 25px; height: 25px;}
.contato .btn-maps b {margin-left: 5px; display: inline-block;}

@media (max-width: 1100px) {
.contato-app {display: block;}
.contato {padding-top: 30px}
.contato p {font-size: 1.5em; margin-bottom: 30px}
.contato .formulario {width: 100%}
.contato .informacoes {padding-left: 0px; margin-left: 0px; border-top: 1px solid var(--cinza); width: 100%; border-left: none; padding-top: 30px; margin-top: 30px}
}

@media (max-width: 768px) {
	.contato p {line-height: 1.1}
}

/* FORMULÁRIO */
.formulario form {display: block; width: 100%;}
.formulario .item {display: flex; position: relative; align-items: flex-start; margin-bottom: 20px;width: 100%;}
.formulario .item img {display: block; width: 20px; height: 20px; left: calc(25% + 15px); top: 12px; position: absolute;}
.formulario label {display: block; line-height: 45px; height: 45px; margin: 0px; width: 25%; padding-right: 20px; text-align: right;color: #6a6a6a; font-weight: bold; font-size: 0.9em}
.formulario .input {display: block; box-sizing: border-box; transition: 0.5s; width: 75%; height: 45px; padding: 0px 20px; border-radius: 5px; border: 1px solid var(--cinza);  border-left-width: 50px; outline: none !important}
.formulario .input:focus{border-color: #d9d9d9;}
.formulario .textarea {border-left-width: 1px; height: 150px; resize: none; padding-top: 10px;}
.formulario .btn {margin-left: 25%}
@media (max-width: 768px) {
.formulario .item {display: block;}
.formulario label { width: 100%; text-align: left; padding: 0px; line-height: 25px; height: 25px; }
.formulario .input {width: 100%; font-size: 14px;}
.formulario .btn {margin-left: 0%}
.formulario .item img {left: 15px; top: 37px;}
}



/* PÁGINA INTERNA DE SERVIÇOS */
.vantagens-servicos {margin-top: 0px}
.vantagens-servicos .title b {display: inline;}
.servicos-grey {margin-top: -150px; padding-top: 250px; padding-bottom: 400px}
.not-gallery {padding-bottom: 100px;}
.servicos-grey .texto {padding-right: 30px;}
.servicos-grey .text-side {margin-top: 0px;}
.galeria-de-imagens .title {font-size: 3em; text-align: center; margin-bottom: 40px}
.galeria-de-imagens .globo {margin-left: auto; margin-right: auto; margin-bottom: 10px;}
.form-servicos {padding-top: 0px;}
.form-servicos .container:before {width: 100%; background: var(--amarelo); height: 3px; border-radius: 50px; margin-bottom: 60px; content: ''; display: block;}
.form-servicos .title {text-align: center; width: 100%;}
.form-servicos .title:after {display: none;}
.form-servicos .title b {display: inline;}
.form-servicos .formulario {margin-left: -20%;}
@media (max-width: 768px) {
.servicos-grey { margin-top: 60px; padding-top: 60px; padding-bottom: 60px;}
.form-servicos .formulario {margin-left: 0px}
}

@media (max-width: 768px) {
.livetiles {padding: 30px; border-radius: 10px;}
.livetiles {margin-top: 60px;}
.galeria-de-imagens .title {font-size: 1.4em; margin-bottom: 20px;}
.galeria-apps .slick-prev, .galeria-apps .slick-next {width: 30px; height: 30px;}
.galeria-apps .slick-next {right: -40px;}
.galeria-apps .slick-prev {left: -40px;}
}

.faq {background: #f7f7f7;}
.faq .title {font-size: 2.5em; text-align: center; color: #000; margin-bottom: 30px;}
.faq .quest {background: #fff; max-width: 900px; margin: auto; margin-bottom: 20px; border-radius: 10px; border: 1px solid #e9e9e9;}
.faq .panel {display: none; padding-left: 20px; padding-right: 20px; padding-bottom: 20px; margin-bottom: 0px}
.faq .panel p {margin: 0px}
.faq .accordion {font-size: 1.1em; position: relative; font-weight: bold; color: #000; margin:0px; padding: 20px; cursor: pointer; padding-right: 55px;}
.faq .accordion img {display: block; position: absolute; top: 22px; right: 20px; width: 20px; height: 20px; transition: 0.5s; opacity: 0.5}
.faq .active img {transform: rotate(180deg);}
@media (max-width: 768px) {
.faq .accordion {font-size: 1em}
.faq .panel p  {font-size: 0.9em}
.faq .title {font-size: 1.5em;}
}

.vagas {background: #f3f3f3; padding: 100px 0px;}
.vagas .title {font-weight: 800; text-align: center; margin-bottom: 30px; font-size: 2.5em;}
.vagas .item a {background: #fff; border-radius: 15px; margin-bottom: 25px; color: #000; display: flex; flex-wrap: wrap; text-decoration: none !important; padding: 30px; width: 100%; box-sizing: border-box; box-shadow: 4px 4px 10px 0px rgb(0 0 0 / 5%);}
.vagas .item a h3 {text-align: center; font-size: 1.3em; font-weight: bold; width: 100%;}
.vagas .item p {font-size: 0.8em; width: 50%; display: flex; line-height: 20px; align-items: center;}
.vagas .item p img {display: block; width: 20px; margin-right: 5px; height: 20px;}



.single {margin-top: 160px; margin-bottom: 60px;}
.single h1 {font-weight: bold; text-align: center; margin-bottom: 30px; font-size: 2.5em;}
.single .content {max-width: 800px; margin: auto;}
.single .content p {line-height: 1.6; display: block; margin-bottom: 30px;}
.single .formulario {margin-left: -166px; padding-right: 300px;}
@media (max-width: 768px) {
.single h1 {font-size: 1.5em; text-align: left;}
.single .formulario {margin-left: 0px; padding-right: 0px;}
.single {margin-top: 30px;}
}


.post-interno {margin: auto; max-width: 800px; margin-top: 60px; margin-bottom: 60px;}
.post-interno p {display: block; margin-bottom: 30px; line-height: 1.5}
.post-interno p a {color: var(--azul); font-weight: bold; text-decoration: underline; transition: 0.5s}
.post-interno p a:hover {color: var(--amarelo);}
.post-interno iframe {display: block; width: 100%; border-radius: 10px; overflow: hidden; height: 450px; margin-bottom: 30px;}
.post-informacoes .autor-foto {display: block; border-radius: 100%; margin-right: 30px; width: 120px; height: 120px;}
.post-informacoes .autor-nome {display: block; font-size: 2em; font-weight: bold; margin-bottom: 5px; line-height: 1.1}
.post-informacoes .infos {display: block; font-size: 1.1em; opacity: 0.7; margin-bottom: 10px;}
@media (max-width: 768px) {
.post-interno h2 {font-size: 1.5em}
.post-interno h3 {font-size: 1.2em}
.post-interno iframe {height: 220px}
.post-informacoes .d-flex {display: block !important;}
.post-informacoes .autor-foto {width: 80px; height: 80px; margin-bottom: 20px}
.post-informacoes .autor-nome {font-size: 1.5em}
.post-informacoes .infos  {font-size: 1em}
.post-interno {margin-top: 30px}
.blog-banner-mobile h1 {font-size: 1.5em; margin-bottom: 30px}
}

/* BLOG - PÁGINA PRINCIPAL */
.blog {margin-top: 200px; margin-bottom: 60px;}
.blog .logotipo {width: 450px; display: block; margin: auto; margin-bottom: 60px; max-width: 80%}
.item-principal a {display: flex; justify-content: space-between; align-items: center; text-decoration: none;}
.item-principal a .txt {display: block; width: 50%; padding-right: 50px; box-sizing: border-box;}
.item-principal a .img {display: block; width: 45%; border-radius: 25px;}
.item-principal h1 {font-size: 2em; font-weight: bold; color: #000; margin-bottom: 20px}
.item-principal .subtitulo {color: #333; font-size: 1.1em; margin-bottom: 20px;}
.item-principal .informacoes {color: #333; margin-bottom: 10px; letter-spacing: 1px; font-size: 0.8em;}
@media (max-width: 768px) {
.blog {margin-top: 0px;}
.blog .logotipo {margin-bottom: 30px}
}

.itens-secundarios {display:flex; flex-wrap: wrap; justify-content: space-between;}
.itens-secundarios a {display:block; width: 30%; margin-bottom: 60px; text-decoration: none;}
.itens-secundarios .img {display: block; width: 100%; border-radius: 10px; margin-bottom: 15px;}
.itens-secundarios h2 {font-size: 1.3em; font-weight: bold; color: #000; margin-bottom: 20px}
.itens-secundarios p {color: #000; opacity: 0.7; font-size: 0.9em;}
.itens-secundarios .informacoes, .publicacoes-relacionadas .informacoes, .blog-home .informacoes {color: #333; margin-bottom: 10px; letter-spacing: 1px; font-size: 0.8em;}
.blog-categorias-tags div {display: block; width: fit-content; padding: 5px 10px; border-radius: 3px; font-weight: bold; color: #fff; font-size: 0.65em; margin-bottom: 10px; margin-right: 10px; text-transform: uppercase; letter-spacing: 1px;}
@media (max-width: 768px) {
.item-principal a {display: flex; flex-wrap: wrap-reverse;}
.item-principal a .txt {width: 100%; padding-right: 0px;}
.item-principal a .img {width: 100%; border-radius: 5px; margin-bottom: 15px}
.itens-secundarios a {width: 100%; margin-bottom: 30px}
.itens-secundarios h2, .item-principal h1  {font-size: 1.1em;}
}

.midia {background: #f3f3f3; padding: 100px 0px; margin-top: 200px}
.midia .livetiles {margin-bottom: 60px}
.midia .title {font-size: 4em; line-height: 1}
.midia .midia-link {display: flex; background: #fff; border-radius: 30px; margin-top: 60px; text-decoration: none !important; color: #000; align-items: center; overflow: hidden;}
.midia .midia-link img {display: block; width: 50%;}
.midia .midia-link iframe {display: block; width: 50%; height: 550px}
.midia .midia-link div {padding:0px 60px; width: 50%; box-sizing: border-box;}
.midia .midia-link div h3 {font-size: 1.5em}
.midia .midia-link div p {font-size: 1em; opacity: 0.8}
.midia .midia-link div span {font-size: 0.8em; text-transform: uppercase; letter-spacing: 2px; opacity: 0.8; display: flex; align-items: center;}
.midia .midia-link div span svg {display: block; width: 15px; height: 15px; margin-left: 5px;}

@media (max-width: 1000px) {
.midia .title {font-size: 2em}
.midia .midia-link {display: block; border-radius: 15px; margin-top: 30px}
.midia .midia-link img {width: 100%;}
.midia .midia-link div {padding:30px; width: 100%}
.midia .midia-link div h3 {font-size: 1.1em}
.midia .midia-link div p {font-size: 0.9em; opacity: 0.8}
.midia .midia-link iframe {width: 100%; height: 240px}
.midia {padding:30px 0px; margin-top: 0px;}
}

.carrossel {margin-bottom: 100px;}
.carrossel .title { font-size: 3em; text-align: center; margin-bottom: 30px;}
.carrossel .item {padding:10px; padding-top: 20px; height: 330px; box-sizing: border-box;}
.carrossel .item .box {background: #fff; display: flex; align-items: center; justify-content: center; position: relative; padding: 30px; border-radius: 15px; width: 100%; box-sizing: border-box; height: 100%; }
.carrossel .item .box img {display: block; width: 80px; margin: auto; margin-bottom: 10px;}
.carrossel .item .box span {display: block; font-size: 0.6em}
.carrossel .item .number {display: block; background: var(--verde); color: #fff; font-weight: bold; line-height: 40px; width: 40px; height: 40px; text-align: center; border-radius: 30px; position:absolute; top:-20px; left:calc(50% - 20px); }
.carrossel .item .text {font-size: 1.3em; font-weight: bold; text-align: center;}
.carrossel .item .text strong {font-weight: normal;}
.carrossel-app {position: relative;}
.carrossel-app .slick-prev, .carrossel-app .slick-next {position: absolute; z-index: 2; opacity: 0.8; transition: 0.5s; background: url('../img/slick-arrow.png') no-repeat center; background-size: 100%; top: calc(50% - 25px); width: 50px; height: 50px; border: none; outline: none; font-size: 0px; cursor: pointer;}
.carrossel-app .slick-prev:hover, .carrossel-app .slick-next:hover {opacity: 1;}
.carrossel-app .slick-prev {left: -80px; transform: rotate(180deg);}
.carrossel-app .slick-next {right: -80px;}
.carrossel-app .slick-disabled {opacity: 0.2 !important; cursor: auto;}
.carrossel-app .slick-dots {display: flex; align-items: center; justify-content: center; margin-top: 20px; padding: 0px}
.carrossel-app .slick-dots li {display: block; margin: 0px 10px}
.carrossel-app .slick-dots li button {display: block; width: 15px; height: 15px; background: #000; opacity: 0.2; font-size: 0px; border: none; outline: none; cursor: pointer; border-radius: 20px; transition: 0.5s}
.carrossel-app .slick-active button {background: var(--verde) !important; opacity: 0.3 !important}
@media (max-width: 1200px) {
.carrossel .title {font-size: 1.5em}
.carrossel-app {margin-left: 80px; margin-right: 80px;}
.carrossel .item .text {font-size: 1em}
}

@media (max-width: 768px) {
.carrossel-app .slick-prev, .carrossel-app .slick-next {width: 30px; height: 30px;}
.carrossel-app { margin-left: 40px; margin-right: 40px; }
.carrossel-app .slick-next { right: -40px; }
.carrossel-app .slick-prev { left: -40px; }
.carrossel .item {height: 260px}
.carrossel {margin-bottom: 30px;}
}

.erro-404 {padding-top: 200px; padding-bottom: 100px; display: flex; align-items: center; justify-content: center;}
.erro-404 img {display: block; width: 550px; max-width: 80%; margin-right: 50px;}
.erro-404 h1 {display: block; font-size: 4em; color: var(--verde); font-weight: bold;}
.erro-404 p {display: block; font-size: 2em; }
@media (max-width: 768px) {
.erro-404 {padding-top: 0px; padding-bottom: 60px; display: block;}
.erro-404 img {margin: auto; margin-bottom: 30px;}
.erro-404 h1 {font-size: 2em}
.erro-404 p {font-size: 1em;}
}

#privacy {display: none; position: fixed; bottom: 30px; left: 30px; z-index: 100; width: 500px; box-sizing: border-box; padding: 30px; border-radius: 10px; background: #fff; box-shadow: 10px 10px 10px 0px rgba(0,0,0,0.1);}
#privacy .titulo {display: block; font-weight: bold; font-size: 1em; margin-bottom: 10px;}
#privacy p {display: block; font-size:0.8em; margin-bottom:20px;}
#privacy p a {color: var(--azul);text-decoration: underline;}
#close-privacy {position: absolute; top: 10px; right: 10px; cursor: pointer;}
#close-privacy img {display: block; width: 40px;}
@media (max-width: 768px) {
#privacy {width:100%; left: 0px; bottom: 0px; padding: 20px; border-radius: 0px}
#privacy p {margin-bottom: 10px; font-size: 0.7em}
}


.quem-somos-trabalhe-conosco {display: flex; align-items: center; justify-content: space-between; color: #fff; background: var(--verde); padding:30px; border-radius: 15px; margin-bottom: 100px;}
.quem-somos-trabalhe-conosco h2 {font-weight: bold;}

@media (max-width: 800px) {
.quem-somos-trabalhe-conosco {display: block;}
.quem-somos-trabalhe-conosco h2 {margin-bottom:10px}
}