* {margin:0; list-style:none; padding:0; color:#282828; font-size:14px;}

img {border:none;}
a {text-decoration:none;}
:hover {-webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; transition: all .2s;}

.clear {clear:both;}
.oculto {display:none;}
.disabled {display:none;}
option {color:#282829;}
.lb-caption {color:#FFF;}

input[type=button] {-webkit-appearance:none;}
input[type=submit] {-webkit-appearance:none;}
select {-webkit-appearance:none;}

body {width:100%; height:100%; overflow-x:hidden;}


#tudo {width:100%;}

#tudo .blackout {width:100%; height:100%; position:fixed; top:0; left:0; z-index:100000000; background:rgba(0, 0, 0, 0);}
#tudo #popup {width:370px; height:291px; position:fixed; padding:30px 15px; z-index:100000001; left:50%; top:50%; margin-left:-200px; margin-top:-175.5px; background-color:#40c351; border-radius:10px;}
#tudo #popup .x {width:28px; height:26px; position:absolute; padding-top:0px; margin-left:369px; margin-top:-42px; cursor:pointer; text-align:center; background-color:#004018; color:#FFF; font-size:15px; font-weight:bold; border-radius:100%; transition: all .2s;display: flex; align-items: center; justify-content: center;}
#tudo #popup .x:hover {background-color:#035e25; transition: all .2s;}
#tudo #popup .logo {display:table; margin:0 auto;}
#tudo #popup .titulo {font-size:18px; line-height:25px; color:#FFF; text-align:center; font-weight:600; margin-top:15px; margin-bottom:10px; }
#tudo #popup .titulo span {font-size:18px; color:#FFF; font-weight:800; }
#tudo #popup .titulo2 {font-size:13px; color:#FFF; text-align:center; margin-bottom:20px; }
#tudo #popup .campo-nome {display:table; margin:0 auto;}
#tudo #popup .campo-nome input {width:270px; border:none; padding:7px 10px; outline:none; border-radius:5px;}
#tudo #popup .campo-whats {display:table; margin:0 auto; margin-top:15px;}
#tudo #popup .campo-whats input {width:270px; border:none;  padding:7px 10px; outline:none; border-radius:5px;}
#tudo #popup .campos-mensagem {display:table; margin:0 auto; margin-top:15px;}
#tudo #popup .campos-mensagem textarea {width:270px; border:none; height:50px; padding:5px 10px; outline:none; border-radius:5px;}
#tudo #popup .botao-envia {display:table; margin:0 auto; margin-top:15px;}
#tudo #popup .botao-envia input {padding:7px 20px; display:table; margin:0 auto; cursor:pointer; padding-left:35px; color:#FFF; font-weight:400; font-size:13px; border:none; background: url(../i/quebrado/whats-verde.svg) 12px center, linear-gradient(#004018, #017a2f); background-repeat:no-repeat, repeat; background-size:18px, cover; border-radius:15px; transition: all .3s;}
#tudo #popup .botao-envia input:hover {background: url(../i/quebrado/whats-verde.svg) 12px center, linear-gradient(#017a2f, #004018); background-repeat:no-repeat, repeat; background-size:18px, cover; background-size:18px; transition: all .3s;}

#tudo .normal {width:100%;position:fixed;z-index:60;transition: all .3s;background: linear-gradient(to right, #0086F9, #00c6ff);}
#tudo .normal #repete-topo #conteudo-topo {width:1200px; margin:0 auto; transition: all .3s;display:flex;justify-content:space-between;align-items:center;border-radius: 60px;padding-top: 15px;padding-bottom: 15px;}
#tudo .normal #repete-topo #conteudo-topo #col-esq-topo {width: 320px;float: left;transition: all .3s;}
#tudo .normal #repete-topo #conteudo-topo #col-esq-topo #logo-topo {transition: all .3s;}
#tudo .normal #repete-topo #conteudo-topo #col-esq-topo #logo-topo .logo a {display:block;transition: all .3s;}
#tudo .normal #repete-topo #conteudo-topo #col-dir-topo {margin-top: 20px;}
#tudo .normal #repete-topo #conteudo-topo #col-dir-topo #redes {display: flex; justify-content: flex-end;align-items: center;margin-bottom: 20px;}
#tudo .normal #repete-topo #conteudo-topo #col-dir-topo #redes .endereco {display: flex; font-size: 12px;  color: #fff; align-items: center; margin-right: 165px;}
#tudo .normal #repete-topo #conteudo-topo #col-dir-topo #redes .contato {margin-left: 50px;}
#tudo .normal #repete-topo #conteudo-topo #col-dir-topo #redes .contato a {color:#ffffff;transition: all .3s;border-radius: 20px;background-color:#ED1C24;padding: 5px 20px;margin-right: 5px;}
#tudo .normal #repete-topo #conteudo-topo #col-dir-topo #redes .contato a:hover {background-color:#f75d62;transition: all .3s;}
#tudo .normal #repete-topo #conteudo-topo #col-dir-topo #redes .whatsapp {display: flex; align-items: center; margin-bottom: 5px; color: #ffffff; font-weight: 500;  cursor: pointer;}
#tudo .normal #repete-topo #conteudo-topo #col-dir-topo #mostra-menu {display:table; margin:0 auto;}
#tudo .normal #repete-topo #conteudo-topo #col-dir-topo #mostra-menu p {display: table;float: left;padding-right:20.8px;}
#tudo .normal #repete-topo #conteudo-topo #col-dir-topo #mostra-menu p a {display: block;font-size: 15px;color: #ffffff;padding:0px 20px;transition: all .3s;}
#tudo .normal #repete-topo #conteudo-topo #col-dir-topo #mostra-menu p a:hover {padding:0px 20px;background-color:#2AD167;border-radius:20px;transition: all .3s;}
#tudo .normal #repete-topo #conteudo-topo #col-dir-topo #mostra-menu .ativo a {padding:0px 20px;background-color:#2AD167;border-radius:20px;}

#tudo .interno {width:100%;position:fixed;z-index:60;transition: all .3s;background: linear-gradient(to right, #0086F9, #00c6ff);}
#tudo .interno #repete-topo #conteudo-topo {width:1200px; margin:0 auto; transition: all .3s;display:flex;justify-content:space-between;align-items:center;border-radius: 60px;padding-top: 15px;padding-bottom: 15px;}
#tudo .interno #repete-topo #conteudo-topo #col-esq-topo {width: 320px;float: left;transition: all .3s;}
#tudo .interno #repete-topo #conteudo-topo #col-esq-topo #logo-topo {transition: all .3s;}
#tudo .interno #repete-topo #conteudo-topo #col-esq-topo #logo-topo .logo a {display:block;transition: all .3s;}
#tudo .interno #repete-topo #conteudo-topo #col-dir-topo {margin-top: 20px;}
#tudo .interno #repete-topo #conteudo-topo #col-dir-topo #redes {display: flex; justify-content: flex-end;align-items: center;margin-bottom: 20px;}
#tudo .interno #repete-topo #conteudo-topo #col-dir-topo #redes .endereco {display: flex; font-size: 12px;  color: #fff; align-items: center; margin-right: 165px;}
#tudo .interno #repete-topo #conteudo-topo #col-dir-topo #redes .contato {margin-left: 50px;}
#tudo .interno #repete-topo #conteudo-topo #col-dir-topo #redes .contato a {color:#ffffff;transition: all .3s;border-radius: 20px;background-color:#ED1C24;padding: 5px 20px;margin-right: 5px;}
#tudo .interno #repete-topo #conteudo-topo #col-dir-topo #redes .contato a:hover {background-color:#f75d62;transition: all .3s;}
#tudo .interno #repete-topo #conteudo-topo #col-dir-topo #redes .whatsapp {display: flex; align-items: center; margin-bottom: 5px; color: #ffffff; font-weight: 500;  cursor: pointer;}
#tudo .interno #repete-topo #conteudo-topo #col-dir-topo #mostra-menu {display:table; margin:0 auto;}
#tudo .interno #repete-topo #conteudo-topo #col-dir-topo #mostra-menu p {display: table;float: left;padding-right:20.8px;}
#tudo .interno #repete-topo #conteudo-topo #col-dir-topo #mostra-menu p a {display: block;font-size: 15px;color: #ffffff;padding:0px 20px;transition: all .3s;}
#tudo .interno #repete-topo #conteudo-topo #col-dir-topo #mostra-menu p a:hover {padding:0px 20px;background-color:#2AD167;border-radius:20px;transition: all .3s;}
#tudo .interno #repete-topo #conteudo-topo #col-dir-topo #mostra-menu .ativo a {padding:0px 20px;background-color:#2AD167;border-radius:20px;}

#tudo .scroll {width:100%;position:fixed;z-index:60;transition: all .3s;background: linear-gradient(to right, #0086F9, #00c6ff);}
#tudo .scroll #repete-topo #conteudo-topo {width:1200px; margin:0 auto; transition: all .3s;display:flex;justify-content:space-between;align-items:center;border-radius: 60px;padding-top: 8px;padding-bottom: 8px;}
#tudo .scroll #repete-topo #conteudo-topo #col-esq-topo {width: 250px;float: left;transition: all .3s;}
#tudo .scroll #repete-topo #conteudo-topo #col-esq-topo #logo-topo {transition: all .3s;}
#tudo .scroll #repete-topo #conteudo-topo #col-esq-topo #logo-topo .logo a {display:block;transition: all .3s;}
#tudo .scroll #repete-topo #conteudo-topo #col-dir-topo {margin-top: 0px;}
#tudo .scroll #repete-topo #conteudo-topo #col-dir-topo #redes {display: flex; justify-content: flex-end;align-items: center;margin-bottom: 20px;}
#tudo .scroll #repete-topo #conteudo-topo #col-dir-topo #redes .endereco {display: flex; font-size: 12px;  color: #fff; align-items: center; margin-right: 165px;}
#tudo .scroll #repete-topo #conteudo-topo #col-dir-topo #redes .contato {margin-left: 50px;}
#tudo .scroll #repete-topo #conteudo-topo #col-dir-topo #redes .contato a {color:#ffffff;transition: all .3s;border-radius: 20px;background-color:#ED1C24;padding: 5px 20px;margin-right: 5px;}
#tudo .scroll #repete-topo #conteudo-topo #col-dir-topo #redes .contato a:hover {background-color:#f75d62;transition: all .3s;}
#tudo .scroll #repete-topo #conteudo-topo #col-dir-topo #redes .whatsapp {display: flex; align-items: center; margin-bottom: 5px; color: #ffffff; font-weight: 500;  cursor: pointer;}
#tudo .scroll #repete-topo #conteudo-topo #col-dir-topo #mostra-menu {display:table; margin:0 auto;}
#tudo .scroll #repete-topo #conteudo-topo #col-dir-topo #mostra-menu p {display: table;float: left;padding-right:20.8px;}
#tudo .scroll #repete-topo #conteudo-topo #col-dir-topo #mostra-menu p a {display: block;font-size: 14px;color: #ffffff;padding:0px 20px;transition: all .3s;}
#tudo .scroll #repete-topo #conteudo-topo #col-dir-topo #mostra-menu p a:hover {padding:0px 20px;background-color:#2AD167;border-radius:20px;transition: all .3s;}
#tudo .scroll #repete-topo #conteudo-topo #col-dir-topo #mostra-menu .ativo a {padding:0px 20px;background-color:#2AD167;border-radius:20px;}

#tudo #conteudo {width:100%;}
#tudo #conteudo #repete-conteudo {width:100%;}
#tudo #conteudo #repete-conteudo #repete-banners {width:100%;position:relative; z-index:20;padding-top: 140px;}
#tudo #conteudo #repete-conteudo #repete-banners .imagem-banner {position: relative; overflow: hidden;}
#tudo #conteudo #repete-conteudo #repete-banners .imagem-banner.com-mascara::after { content: ""; position: absolute;  inset: 0;  background: url('../i/quebrado/mascara-2.png') center center no-repeat;  background-size: cover;  pointer-events: none; z-index: 1;}
#tudo #conteudo #repete-conteudo #repete-banners .imagem-banner.mascara-direita::after {  transform: scaleX(-1);}
#tudo #conteudo #repete-conteudo #repete-banners .imagem-banner .banner-conteudo {margin: 0 auto;position: absolute;bottom: 20%;left: 50%;transform: translateX(-50%);padding-bottom: 20px;width: 1200px;z-index: 2;}
#tudo #conteudo #repete-conteudo #repete-banners .imagem-banner .titulo-banner.esquerda {width: 900px; font-size: 45px;  margin-bottom: 35px; color: #ffffff;  line-height: 45px;  text-align: left; text-transform: uppercase; font-style: italic; font-weight: 200;}
#tudo #conteudo #repete-conteudo #repete-banners .imagem-banner .titulo-banner.esquerda span {width: 900px; font-size: 45px;  margin-bottom: 35px; color: #ffffff;  line-height: 45px;  text-align: left; text-transform: uppercase; font-style: italic; font-weight: bold;}
#tudo #conteudo #repete-conteudo #repete-banners .imagem-banner .descricao-banner.esquerda {width:900px;font-size: 22px; line-height: 1.5; color:#ffffff; margin-bottom: 35px;text-align: left;}
#tudo #conteudo #repete-conteudo #repete-banners .imagem-banner .titulo-banner.centro {width: 1200px; font-size: 45px;  margin-bottom: 35px; color: #ffffff;  line-height: 45px;  text-align: center; text-transform: uppercase; font-style: italic; font-weight: 200;}
#tudo #conteudo #repete-conteudo #repete-banners .imagem-banner .titulo-banner.centro span{width: 1200px; font-size: 45px;  margin-bottom: 35px; color: #ffffff;  line-height: 45px;  text-align: center; text-transform: uppercase; font-style: italic; font-weight: bold;}
#tudo #conteudo #repete-conteudo #repete-banners .imagem-banner .descricao-banner.centro {width:1200px;font-size: 22px; line-height: 1.5; color:#ffffff; margin-bottom: 35px;text-align: center;}
#tudo #conteudo #repete-conteudo #repete-banners .imagem-banner .titulo-banner.direita {width: 900px; font-size: 45px;  margin-bottom: 35px; color: #ffffff;  line-height: 45px;  text-align: right; text-transform: uppercase; font-style: italic; font-weight: 200;margin-left: auto;}
#tudo #conteudo #repete-conteudo #repete-banners .imagem-banner .titulo-banner.direita span {width: 900px; font-size: 45px;  margin-bottom: 35px; color: #ffffff;  line-height: 45px;  text-align: right; text-transform: uppercase; font-style: italic; font-weight: bold;margin-left: auto;}
#tudo #conteudo #repete-conteudo #repete-banners .imagem-banner .descricao-banner.direita {width:900px;font-size: 22px; line-height: 1.5; color:#ffffff; margin-bottom: 35px;text-align: right;margin-left: auto;}
#tudo #conteudo #repete-conteudo #repete-banners #bloco-banner {width:100%;}
#tudo #conteudo #repete-conteudo #repete-banners #bloco-banner .owl-dots {width:fit-content; margin:0 auto; position:relative; z-index:51; margin-top:-45px; margin-bottom:44px;}
#tudo #conteudo #repete-conteudo #repete-banners #bloco-banner .owl-dots .owl-dot {display:block; width:12px; height:12px; margin-left:3px; margin-right:3px; float:left; border-radius:100%; background-color:#FFF;}
#tudo #conteudo #repete-conteudo #repete-banners #bloco-banner .owl-dots .active {display:block; width:12px; height:12px; border-radius:100%; background-color:#121212;}
.botao-whats-banner  { background: #fff; color: #004345; padding: 6px 12px; text-decoration: none; display: flex; align-content: center; align-items: center; font-size: 20px; cursor: pointer; width: 200px; justify-content: center; transition: all .3s; border-radius: 30px;}

.botao-whats-banner:hover  {background: #0086F9; color: #fff; padding: 6px 12px; text-decoration: none; display: flex; align-content: center; align-items: center; font-size: 20px; cursor: pointer; width: 200px; justify-content: center; transition: all .3s; border-radius: 30px;}

.botao-whats-banner .esquerda  { background: #fff; color: #004345; padding: 6px 12px; text-decoration: none; display: flex; align-content: left; align-items: center; font-size: 20px; cursor: pointer; width: 200px; justify-content: center; transition: all .3s; border-radius: 30px;}

.botao-whats-banner:hover .esquerda {background: #0086F9;color: #fff;padding:12px 20px;text-decoration:none;display:flex;align-content:center;align-items:center;font-size:25px;cursor:pointer;width:310px;justify-content:center;transition: all .3s;}

.botao-whats-banner.centro  { background: #fff; color: #004345; padding: 6px 12px; text-decoration: none; display: flex; align-content: center; align-items: left; font-size: 20px; cursor: pointer; width: 200px; justify-content: center; transition: all .3s; border-radius: 30px;    margin: 0 auto;}

.botao-whats-banner:hover.centro {background: #0086F9;color: #fff;padding:12px 20px;text-decoration:none;display:flex;align-content:center;align-items:center;font-size:25px;cursor:pointer;width:310px;justify-content:center;transition: all .3s;margin: 0 auto;}

.botao-whats-banner.direita   { background: #fff; color: #004345; padding: 6px 12px; text-decoration: none; display: flex; align-content: center; align-items: left; font-size: 20px; cursor: pointer; width: 200px; justify-content: center; transition: all .3s; border-radius: 30px; margin-left: auto;}

.botao-whats-banner:hover.direita { background: #0086F9; color: #fff; padding: 6px 12px; text-decoration: none; display: flex; align-content: center; align-items: left; font-size: 20px; cursor: pointer; width: 200px; justify-content: center; transition: all .3s; border-radius: 30px; margin-left: auto;}

#tudo #conteudo #repete-conteudo #repete-servicos {width: 100%;position:relative;z-index: 22;}
#tudo #conteudo #repete-conteudo #repete-servicos #bloco-titulo-servicos {padding-top: 30px;padding-bottom: 30px;display: flex; justify-content: center; align-items: center;}
#tudo #conteudo #repete-conteudo #repete-servicos #bloco-titulo-servicos #linha {width: 200px; height: 10px; background: linear-gradient(to left, #0086F9, #fff); margin-right: 25px; border-radius: 25px;}
#tudo #conteudo #repete-conteudo #repete-servicos #bloco-titulo-servicos #linha2 {width: 200px;height: 10px; background: linear-gradient(to right, #0086F9, #fff);; margin-left: 25px; border-radius: 25px;}
#tudo #conteudo #repete-conteudo #repete-servicos #bloco-titulo-servicos .titulo {font-size: 45px;font-weight:600; color: #00B2F8;font-style:italic;text-align: center;text-transform: uppercase;}
#tudo #conteudo #repete-conteudo #repete-servicos #conteudo-servicos {width: 1200px;margin: 0 auto;}
#tudo #conteudo #repete-conteudo #repete-servicos #conteudo-servicos #mostra-servicos {width: 1200px;margin-bottom: 50px;display:flex;flex-wrap:wrap;gap: 60px;}
#tudo #conteudo #repete-conteudo #repete-servicos #conteudo-servicos #mostra-servicos #bloco-servicos {width:330px; display: block;background-color: #ffffff; padding: 25px 15px 25px 15px;border-radius: 25px; cursor: pointer; transition: all .3s; box-shadow: 0px 0px 30px -8px #000000;}
#tudo #conteudo #repete-conteudo #repete-servicos #conteudo-servicos #mostra-servicos #bloco-servicos:hover {transform:scale(1.05); transition: all .3s;}
#tudo #conteudo #repete-conteudo #repete-servicos #conteudo-servicos #mostra-servicos #bloco-servicos #bloco-imagem {width: 80%;margin: 0 auto;}
#tudo #conteudo #repete-conteudo #repete-servicos #conteudo-servicos #mostra-servicos #bloco-servicos #bloco-imagem .imagem {width: 100%;height: 130px;}
#tudo #conteudo #repete-conteudo #repete-servicos #conteudo-servicos #mostra-servicos #bloco-servicos #nome-servicos {margin-top: 10px;margin-bottom: 10px;}
#tudo #conteudo #repete-conteudo #repete-servicos #conteudo-servicos #mostra-servicos #bloco-servicos #nome-servicos .nome-servico {text-align:center;font-size:25px;color: #00B2F8;font-weight:600;text-transform: uppercase;margin-top: 25px;}
#tudo #conteudo #repete-conteudo #repete-servicos #conteudo-servicos #mostra-servicos #bloco-servicos #descricao-servico {padding: 10px;}
#tudo #conteudo #repete-conteudo #repete-servicos #conteudo-servicos #mostra-servicos #bloco-servicos #descricao-servico .desc-servico {line-height: 100%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
#tudo #conteudo #repete-conteudo #repete-servicos #conteudo-servicos #mostra-servicos #bloco-servicos #descricao-servico .desc-servico p {color: #A3A3A3; font-size: 16px; text-align: justify;line-height: 130%;}
#tudo #conteudo #repete-conteudo #repete-servicos #conteudo-servicos #mostra-servicos #bloco-servicos #saiba-mais {display: flex;justify-content: center;}
#tudo #conteudo #repete-conteudo #repete-servicos #conteudo-servicos #mostra-servicos #bloco-servicos #saiba-mais .agenda {background-color: #000000; padding: 3px 15px; font-size: 12px; color: #ffffff; text-align: center; transition: all 0.3s ease;}
#tudo #conteudo #repete-conteudo #repete-servicos #conteudo-servicos #mostra-servicos #bloco-servicos #saiba-mais .agenda:hover{filter: brightness(1.4);background-color: rgb(150, 100, 100);transition: all .3s ease;}

#tudo #conteudo #repete-conteudo #repete-portfolio {width: 100%;padding-bottom: 80px;background:transparent url('../i/quebrado/fundo-portfolio.jpg') center center no-repeat;background-size: cover, 100%;}
#tudo #conteudo #repete-conteudo #repete-portfolio #bloco-titulo-portfolio {padding-top: 30px;padding-bottom: 30px;display: flex; justify-content: center; align-items: center;}
#tudo #conteudo #repete-conteudo #repete-portfolio #bloco-titulo-portfolio #linha {width: 200px; height: 10px; background: linear-gradient(to left, #fff ,#0086F9 ); margin-right: 25px; border-radius: 25px;}
#tudo #conteudo #repete-conteudo #repete-portfolio #bloco-titulo-portfolio #linha2 {width: 200px;height: 10px; background: linear-gradient(to right, #fff, #0086F9); margin-left: 25px; border-radius: 25px;}
#tudo #conteudo #repete-conteudo #repete-portfolio #bloco-titulo-portfolio .titulo {font-size: 45px;font-weight:600; color: #ffffff;font-style:italic;text-align: center;text-transform: uppercase;}
#tudo #conteudo #repete-conteudo #repete-portfolio #conteudo-portfolio {margin: 0 auto;width: 1200px;}
#tudo #conteudo #repete-conteudo #repete-portfolio #conteudo-portfolio #bloco-titulo {display: flex;justify-content: space-between;align-items: center;margin-bottom: 50px;}
#tudo #conteudo #repete-conteudo #repete-portfolio #conteudo-portfolio #bloco-titulo .titulo {font-size:40px;color:#000000; font-weight:600;font-style: italic;}
#tudo #conteudo #repete-conteudo #repete-portfolio #conteudo-portfolio #bloco-titulo .ver-todos a {display: flex;align-items: center;font-size: 18px;color: #707171;}
#tudo #conteudo #repete-conteudo #repete-portfolio #conteudo-portfolio #mostra-portfolio {overflow: hidden;  display: flex;flex-wrap: wrap;gap: 26px;}
#tudo #conteudo #repete-conteudo #repete-portfolio #conteudo-portfolio #mostra-portfolio .bloco-portfolio {width: 280px;height: 400px;;position: relative;}
#tudo #conteudo #repete-conteudo #repete-portfolio #conteudo-portfolio #mostra-portfolio .bloco-portfolio .bloco-imagem {position: relative;}
#tudo #conteudo #repete-conteudo #repete-portfolio #conteudo-portfolio #mostra-portfolio .bloco-portfolio .bloco-imagem::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 100px; background: linear-gradient(to top, #000, rgba(27, 114, 245, 0));pointer-events: none;}
#tudo #conteudo #repete-conteudo #repete-portfolio #conteudo-portfolio #mostra-portfolio .bloco-portfolio .portfolio-img {width: 100%;height: 100%;overflow: hidden;}
#tudo #conteudo #repete-conteudo #repete-portfolio #conteudo-portfolio #mostra-portfolio .bloco-portfolio .dados {position: absolute; bottom: 0; left: 0; width: 100%; z-index: 2;}
#tudo #conteudo #repete-conteudo #repete-portfolio #conteudo-portfolio #mostra-portfolio .bloco-portfolio .dados .nome {text-align: center;font-size: 16px;color: #ffffff;font-weight: bold;}
#tudo #conteudo #repete-conteudo #repete-portfolio #conteudo-portfolio #mostra-portfolio .bloco-portfolio .dados .mais-detalhes { text-align: center; background-color: #ffffff; width: 110px; margin: 0 auto; margin-bottom: 15px; border-radius: 30px;font-size: 12px; margin-top: 10px;transition: all 0.3s ease;}
#tudo #conteudo #repete-conteudo #repete-portfolio #conteudo-portfolio #mostra-portfolio .bloco-portfolio .dados .mais-detalhes:hover { text-align: center; background-color: #2AD167;color:#ffffff; width: 110px; margin: 0 auto; margin-bottom: 15px; border-radius: 30px;font-size: 12px; margin-top: 10px;transition: all 0.3s ease;}

#tudo #conteudo #repete-conteudo #repete-quemSomos {width:100%;padding-top:60px;position:relative;z-index:1;}
#tudo #conteudo #repete-conteudo #repete-quemSomos #conteudo-quemSomos {width:1200px; margin:0 auto;display: flex;}
#tudo #conteudo #repete-conteudo #repete-quemSomos #conteudo-quemSomos #bloco-quemSomos {width: 600px;position: relative;}
#tudo #conteudo #repete-conteudo #repete-quemSomos #conteudo-quemSomos #bloco-quemSomos #bloco-titulo {position:relative;display: flex;align-items: center;}
#tudo #conteudo #repete-conteudo #repete-quemSomos #conteudo-quemSomos #bloco-quemSomos #bloco-titulo .titulo {font-size: 45px;font-weight:600; color: #00B2F8;font-style:italic;text-align: center;text-transform: uppercase;}
#tudo #conteudo #repete-conteudo #repete-quemSomos #conteudo-quemSomos #bloco-quemSomos #bloco-titulo #linha2 {width: 200px;height: 10px; background: linear-gradient(to right, #0086F9, #fff);; margin-left: 25px; border-radius: 25px;}
#tudo #conteudo #repete-conteudo #repete-quemSomos #conteudo-quemSomos #bloco-quemSomos #bloco-dados {margin-top:20px;}
#tudo #conteudo #repete-conteudo #repete-quemSomos #conteudo-quemSomos #bloco-quemSomos #bloco-dados .descricao {display:table;}
#tudo #conteudo #repete-conteudo #repete-quemSomos #conteudo-quemSomos #bloco-quemSomos #bloco-dados .descricao p {text-align:justify; color:#000000; font-size:16px;line-height:160%;}
#tudo #conteudo #repete-conteudo #repete-quemSomos #conteudo-quemSomos #bloco-quemSomos .conheca {width: 150px; display:flex;align-items:center;color: #ffffff;padding: 10px;background-color: #00B2F8;margin-top:20px;transition: all .3s ease;text-align: center;border-radius: 30px;font-size: 16px;}
#tudo #conteudo #repete-conteudo #repete-quemSomos #conteudo-quemSomos #bloco-quemSomos .conheca:hover {background-color: #2AD167;transition: all .3s ease;}
#tudo #conteudo #repete-conteudo #repete-quemSomos #conteudo-quemSomos #bloco-imagem {width: 540px; height: 450px;margin-left: 60px;}
#tudo #conteudo #repete-conteudo #repete-quemSomos #numeros {width: 1200px; margin: 0 auto; padding-top: 50px; padding-bottom: 50px;display: flex; justify-content: space-between;}
#tudo #conteudo #repete-conteudo #repete-quemSomos #numeros .blocos {width: 200px;padding: 25px;background-color: #ffffff;border-radius: 30px;box-shadow: 0px 0px 30px -8px #000000;}
#tudo #conteudo #repete-conteudo #repete-quemSomos #numeros .blocos .titulo {font-size: 45px;font-style: italic;font-weight: 600;color: #00B2F8;text-align: center;}
#tudo #conteudo #repete-conteudo #repete-quemSomos #numeros .blocos .descricao {font-size: 20px;font-weight: 200;color: #A3A3A3;text-align: center;}

#tudo #conteudo #repete-conteudo #barra {padding-top:7px;padding-bottom:7px;background-color: #2AD167; display:flex;justify-content:center;align-items:center;}
#tudo #conteudo #repete-conteudo #barra .solicite {font-size: 20px;color: #fff;font-weight: 600;margin-right: 25px;}
#tudo #conteudo #repete-conteudo #barra .clique {display: flex; align-items: center; padding: 5px 20px; background-color: #fff; border-radius: 20px; font-size: 16px; font-weight: 500;cursor: pointer;}

#tudo #conteudo #repete-conteudo #repete-depoimentos {width:100%; padding-bottom:60px; display: flex; justify-content: center;background-color: #f5f5f5;}
#tudo #conteudo #repete-conteudo #repete-depoimentos #conteudo-depoimentos {width:1200px;}
#tudo #conteudo #repete-conteudo #repete-depoimentos #bloco-titulo-depoimentos {padding-top: 30px;padding-bottom: 30px;display: flex; justify-content: center; align-items: center;}
#tudo #conteudo #repete-conteudo #repete-depoimentos #bloco-titulo-depoimentos #linha {width: 200px; height: 10px; background: linear-gradient(to left, #0086F9, #fff); margin-right: 25px; border-radius: 25px;}
#tudo #conteudo #repete-conteudo #repete-depoimentos #bloco-titulo-depoimentos #linha2 {width: 200px;height: 10px; background: linear-gradient(to right, #0086F9, #fff);; margin-left: 25px; border-radius: 25px;}
#tudo #conteudo #repete-conteudo #repete-depoimentos #bloco-titulo-depoimentos .titulo {font-size: 45px;font-weight:600; color: #00B2F8;font-style:italic;text-align: center;text-transform: uppercase;}
#tudo #conteudo #repete-conteudo #repete-depoimentos #conteudo-depoimentos #mostra-depoimentos {width:1200px;}
#tudo #conteudo #repete-conteudo #repete-depoimentos #conteudo-depoimentos #mostra-depoimentos .carrosel-depoimento a {display:block;}
#tudo #conteudo #repete-conteudo #repete-depoimentos #conteudo-depoimentos #mostra-depoimentos .carrosel-depoimento .bloco-imagem {width: 70px; height: 70px; margin-left: 30px; overflow: hidden; position: relative; border-radius: 100%; display: flex; justify-content: center; justify-items: center; align-items: center;}
#tudo #conteudo #repete-conteudo #repete-depoimentos #conteudo-depoimentos #mostra-depoimentos .carrosel-depoimento .bloco-imagem .moldura {width:80px; height: 80px; float: left; overflow: hidden; position: relative; border-radius: 100%; display: flex; justify-content: center; justify-items: center; align-items: center; }
#tudo #conteudo #repete-conteudo #repete-depoimentos #conteudo-depoimentos #mostra-depoimentos .carrosel-depoimento .bloco-imagem .imagem-depoimentos {width:80px; height:80px; position:relative; z-index:2; overflow:hidden; border-radius:100%;}
#tudo #conteudo #repete-conteudo #repete-depoimentos #conteudo-depoimentos #mostra-depoimentos .carrosel-depoimento #fundo-depoimento {width:100%;}
#tudo #conteudo #repete-conteudo #repete-depoimentos #conteudo-depoimentos #mostra-depoimentos .carrosel-depoimento #resumo {display: flex;justify-content: center; margin-top: 20px;align-items: center;}
#tudo #conteudo #repete-conteudo #repete-depoimentos #conteudo-depoimentos #mostra-depoimentos .carrosel-depoimento #resumo .cidade {font-size: 16px; color: #000000; font-weight: 500;}
#tudo #conteudo #repete-conteudo #repete-depoimentos #conteudo-depoimentos #mostra-depoimentos .carrosel-depoimento #nome { margin-left: 15px;}
#tudo #conteudo #repete-conteudo #repete-depoimentos #conteudo-depoimentos #mostra-depoimentos .carrosel-depoimento #nome .nome {font-size:18px;color:#ffffff;}
#tudo #conteudo #repete-conteudo #repete-depoimentos #conteudo-depoimentos #mostra-depoimentos .carrosel-depoimento #nome .cidade {font-size:10px;color:#ffffff}
#tudo #conteudo #repete-conteudo #repete-depoimentos #conteudo-depoimentos #mostra-depoimentos .carrosel-depoimento #fundo-depoimento .estrelas-depoimento { margin-bottom: 6px;justify-items: center;}
#tudo #conteudo #repete-conteudo #repete-depoimentos #conteudo-depoimentos #mostra-depoimentos .carrosel-depoimento #fundo-depoimento #alinha-depoimento { width: 100% ;display: flex; justify-content: center; align-items: center; }
#tudo #conteudo #repete-conteudo #repete-depoimentos #conteudo-depoimentos #mostra-depoimentos .carrosel-depoimento #fundo-depoimento #alinha-depoimento .texto-depoimento {font-size: 12px; color: #575757; text-align: justify; line-height: 127%; -webkit-background-clip: text;  display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; padding: 15px; margin-top: 15px;background: #fff;border-radius: 20px;}
#tudo #conteudo #repete-conteudo #repete-depoimentos #conteudo-depoimentos #mostra-depoimentos .owl-carousel .animated {display: flex; justify-content: center; text-align: center;}
#tudo #conteudo #repete-conteudo #repete-depoimentos #conteudo-depoimentos #mostra-depoimentos .owl-carousel.owl-drag .owl-item {margin-top:25px;}
#tudo #conteudo #repete-conteudo #repete-depoimentos #conteudo-depoimentos #mostra-depoimentos .owl-nav .owl-prev {width:50px; height:50px; position:absolute; right:-100px; top:50%; margin-top:-15px; color:#ff0000; outline:none; font-size:0.001px; background: url(../i/quebrado/seta.svg) center center no-repeat; background-size:auto 40px;transition: all .3s;}
#tudo #conteudo #repete-conteudo #repete-depoimentos #conteudo-depoimentos #mostra-depoimentos .owl-nav .owl-prev span {color:#FFF; font-size:0.001px;}
#tudo #conteudo #repete-conteudo #repete-depoimentos #conteudo-depoimentos #mostra-depoimentos .owl-nav .owl-next {width:40px; height:40px; position:absolute; left:-100px; top:50%; margin-top:-15px; color:#FFF; outline:none; font-size:0.001px; background: url(../i/quebrado/seta.svg) center center no-repeat; background-size:auto 40px;transform:rotate(180deg); transition: all .3s;}
#tudo #conteudo #repete-conteudo #repete-depoimentos #conteudo-depoimentos #mostra-depoimentos .owl-nav .owl-next span {color:#FFF; font-size:0.001px;} 
#tudo #conteudo #repete-conteudo #repete-depoimentos #conteudo-depoimentos #mostra-depoimentos .nome-produto {font-size: 22px; color: #505050; margin-top: 15px; } 
#tudo #conteudo #repete-conteudo #repete-depoimentos #conteudo-depoimentos #mostra-depoimentos .owl-dots {display:flex; justify-content: center;align-items: center;margin:0 auto; position:relative; z-index:51; margin-top:40px;}
#tudo #conteudo #repete-conteudo #repete-depoimentos #conteudo-depoimentos #mostra-depoimentos .owl-dots .owl-dot {display:block; width:12px; height:12px; margin-left:3px; margin-right:3px; float:left; border-radius:100%; background-color:#000000;}
#tudo #conteudo #repete-conteudo #repete-depoimentos #conteudo-depoimentos #mostra-depoimentos .owl-dots .active {display:block; width:12px; height:12px;border:1px solid;color:#000000 ;border-radius:100%; background-color:#ffffff}

.botao-whatsapp {position:fixed; top:50%; margin-top:-24px; cursor:pointer; right:0px; z-index:500; transition: all .2s;}
.botao-whatsapp:hover {right:0; transition: all .2s;}
.botao-whatsapp .one {width:110px; height:40px; margin:0 auto; display:block; padding-top:8px; color:#FFF; padding-left:50px; line-height:16px; font-size:11px; background:rgba(5,163,8,0.8) url('../i/quebrado/icon-whats.svg') 7px center no-repeat; background-size:40px; border-radius:30px 0px 0px 30px; transition: all .3s ease-in-out 0s;}
.botao-whatsapp .one:before {content:"1"; width:15px; height:15px; left:30px; top:0px; text-align:center; position:absolute; background-color:#FF0000; border-radius:100%;}
.botao-whatsapp .one:after {content:""; width:30px; height:30px; border-radius:100%; border:15px solid #f5f5f5; position:absolute; z-index:-1; top:50%; left:28px; transform:translate(-50%, -50%); animation:ring 1.5s infinite;} 
.botao-whatsapp:hover .one {background:#2bb52d url('../i/quebrado/icon-whats.svg') 7px center no-repeat; background-size:40px; transition: all .3s;}

#tudo #rodape {width:100%;}

#tudo #rodape{background: linear-gradient(to right, #0086F9, #00c6ff);}
#tudo #rodape #repete-rodape {width:100%; padding-top:30px; padding-bottom: 30px; }
#tudo #rodape #repete-rodape #conteudo-rodape {width:1200px; margin:0 auto;display: flex;justify-content: space-between;}
#tudo #rodape #repete-rodape #conteudo-rodape #col-esq-rodape {width:600px; }
#tudo #rodape #repete-rodape #conteudo-rodape #col-dir-rodape {width:250px;}
#tudo #rodape #repete-rodape #conteudo-rodape #col-dir-rodape #paginas {}
#tudo #rodape #repete-rodape #conteudo-rodape #col-dir-rodape #paginas .titulo {font-size: 25px;font-weight: 600;color: #ffffff;}
#tudo #rodape #repete-rodape #conteudo-rodape #col-dir-rodape #paginas .sub-titulo {font-size: 18px;font-weight:600;color:#000000;line-height:100%;}
#tudo #rodape #repete-rodape #conteudo-rodape #col-dir-rodape #paginas #mapa-site {display: flex;}
#tudo #rodape #repete-rodape #conteudo-rodape #col-dir-rodape #paginas #mapa-site #coluna-1 {margin-right: 50px;}
#tudo #rodape #repete-rodape #conteudo-rodape #col-dir-rodape #paginas #mapa-site p {font-size: 14px; color:#ffffff; margin-bottom:10px;}
#tudo #rodape #repete-rodape #conteudo-rodape #col-dir-rodape #paginas #mapa-site p a {color:#ffffff; text-decoration: none; transition: all .3s;font-size: 14px;font-weight: 600;}
#tudo #rodape #repete-rodape #conteudo-rodape #col-dir-rodape #paginas #mapa-site .ativo {text-decoration: underline; transition: all .3s;}
#tudo #rodape #repete-rodape #conteudo-rodape #col-dir-rodape #paginas #mapa-site p a:hover {text-decoration: underline; transition: all .3s;}
#tudo #rodape #repete-rodape #conteudo-rodape #info-rodape {width: 350px;}
#tudo #rodape #repete-rodape #conteudo-rodape #info-rodape #redes {margin-top: 20px;}
#tudo #rodape #repete-rodape #conteudo-rodape #info-rodape #redes .whatsapp {display: flex;align-items: center;color:#fff;font-size: 16px;font-weight: 100;justify-content: end;margin-bottom: 10px;font-weight: 400;background: transparent url(../i/quebrado/whatsapp-icone.png) right center no-repeat; background-size: 25px;padding-right: 35px;}
#tudo #rodape #repete-rodape #conteudo-rodape #info-rodape #redes .instagram {display: flex;align-items: center;color:#fff;font-size: 16px;font-weight: 100;justify-content: end;margin-bottom: 10px;font-weight: 400;background: transparent url(../i/quebrado/instagram-icone.png) right center no-repeat; background-size: 25px;padding-right: 35px;}
#tudo #rodape #repete-rodape #conteudo-rodape #info-rodape #redes .facebook {display: flex;align-items: center;color:#fff;font-size: 16px;font-weight: 100;justify-content: end;margin-bottom: 10px;font-weight: 400;background: transparent url(../i/quebrado/facebook-icone.png) right center no-repeat; background-size: 25px;padding-right: 35px;}
#tudo #rodape #repete-rodape #conteudo-rodape #info-rodape #redes .local {display: flex;align-items: center;color:#fff;font-size: 16px;font-weight: 100;justify-content: end;font-weight: 400;background: transparent url(../i/quebrado/endereco-icone.png) right center no-repeat; background-size: 25px;padding-right: 35px;}
#tudo #rodape #repete-copy {width:100%; padding-top:5px; padding-bottom:5px; background-color:#ffffff;}
#tudo #rodape #repete-copy #conteudo-copy {width:1200px; margin:0 auto;}
#tudo #rodape #repete-copy #conteudo-copy .copy {color:#000000; font-size:12px; padding-top:3px; float:left;}
#tudo #rodape #repete-copy #conteudo-copy .softbest {float:right;}
#tudo #rodape #politica-privacidade {padding:15px 20px; position:fixed; left:50%; line-height:15px; left:60px; bottom:60px; z-index:10000; background:#f5f5f5; border:2px solid #121212; border-radius:15px; transition: all .2s;}
#tudo #rodape #politica-privacidade .texto {font-size:13px; color:#121212; font-weight:300; text-align:center;}
#tudo #rodape #politica-privacidade .texto a {font-size:13px; color:#121212; font-weight:600; text-align:center;}
#tudo #rodape #politica-privacidade .texto .botao-ok {color:#121212; padding:5px 15px; font-size:12px; font-weight:600; cursor:pointer; border-radius:20px; border:1px solid #121212; background-color: #00B2F8; transition: all .2s;}
#tudo #rodape #politica-privacidade .texto .botao-ok:hover {background-color:#000000; color:#ffffff;transition: all .2s;}

#conteudo-interno {width:100%; padding-top:190px; padding-bottom:50px; min-height:519px; background-color:#FFF;}
#conteudo-interno #bloco-titulo {display:table; margin:0 auto; position:relative; z-index:2;}
#conteudo-interno #bloco-titulo .titulo {font-size:32px; font-weight:600; text-align:center; color:#121212;}
#conteudo-interno #bloco-titulo .linha {width: 100%;height: 3px; background-image: linear-gradient(to right, #302f2f 0%, #00DDF4 60%, #302f2f 100%);;}
#conteudo-interno .botao-topo {position:absolute; right:0; margin-top:-75px;}
#conteudo-interno .botao-topo a {display:block; font-size:15px; color:#121212; padding-left:20px; transition:.2s linear;}
#conteudo-interno .botao-topo a:before {content:""; display:inline-block; cursor:pointer; vertical-align:middle; position:absolute; margin-top:5px; margin-left:-20px; width:0; height:0; border-bottom:7px solid transparent; border-top:7px solid transparent; border-right:10px solid #121212; transition:.2s linear;}
#conteudo-interno .botao-bottom {display:table; margin:0 auto; margin-top:20px;}
#conteudo-interno .botao-bottom a {display:block; font-size:15px; color:#121212; padding-left:20px; transition:.2s linear;}
#conteudo-interno .botao-bottom a:before {content:""; display:inline-block; cursor:pointer; vertical-align:middle; position:absolute; margin-top:5px; margin-left:-20px; width:0; height:0; border-bottom:7px solid transparent; border-top:7px solid transparent; border-right:10px solid #121212; transition:.2s linear;}

#conteudo-interno #conteudo-quemSomos {width:1200px; margin:0 auto; margin-top:30px; position:relative; z-index:2;}
#conteudo-interno #conteudo-quemSomos .imagem-quemSomos {float:right; margin-left:30px; margin-bottom:10px; overflow:hidden; border-radius:15px;}
#conteudo-interno #conteudo-quemSomos .descricao {line-height:200%;padding-top: 50px;}
#conteudo-interno #conteudo-quemSomos .descricao p {font-size:15px; color:#585858;}
#conteudo-interno #conteudo-quemSomos .descricao span {font-size:15px; color:#585858;}
#conteudo-interno #conteudo-quemSomos .descricao div {font-size:15px; color:#585858;}
#conteudo-interno #conteudo-quemSomos .descricao strong {font-size:16px; color:#121212;}
#conteudo-interno #conteudo-quemSomos .descricao li {font-size:15px; color:#121212; margin-left:15px;list-style: disc;}
#conteudo-interno #conteudo-quemSomos .descricao ul {font-size:15px; color:#121212; margin-left:15px;list-style: disc;}
#conteudo-interno #conteudo-quemSomos .descricao h1 {font-size:20px; color:#121212;}
#conteudo-interno #conteudo-quemSomos .descricao h2 {font-size:18px; color:#121212;}
#conteudo-interno #conteudo-quemSomos .descricao h3 {font-size:16px; color:#121212;}
#conteudo-interno #conteudo-quemSomos #bloco-itens {width:100%; margin-top:50px;}
#conteudo-interno #conteudo-quemSomos #bloco-itens #item {width:20.5%; float:left; margin-bottom:17px; padding:20px; margin-right:1.33%; background-color:#ffffff; border-radius:30px;box-shadow: 0px 0px 30px -8px #000000;}
#conteudo-interno #conteudo-quemSomos #bloco-itens #item .nome {font-size: 45px; font-style: italic; font-weight: 600; color: #00B2F8; text-align: center;}
#conteudo-interno #conteudo-quemSomos #bloco-itens #item .descricao {font-size: 20px; font-weight: 200; color: #A3A3A3;text-align: center;}

#conteudo-interno #conteudo-quemSomos #mais-imagens {width:1200px; margin-top:15px;}
#conteudo-interno #conteudo-quemSomos #mais-imagens .imagem {width:376px; float:left; margin-right:36px; margin-top:20px;}

#conteudo-interno #conteudo-servicos {width: 1200px;margin: 0 auto;padding-top:30px;}
#conteudo-interno #conteudo-servicos #mostra-servicos {width: 1200px;margin-bottom: 50px;display:flex;flex-wrap:wrap;gap: 60px;}
#conteudo-interno #conteudo-servicos #mostra-servicos #bloco-servicos {width:330px; display: block;background-color: #ffffff; padding: 25px 15px 25px 15px;border-radius: 25px; cursor: pointer; transition: all .3s; box-shadow: 0px 0px 30px -8px #000000;}
#conteudo-interno #conteudo-servicos #mostra-servicos #bloco-servicos:hover {transform:scale(1.05); transition: all .3s;}
#conteudo-interno #conteudo-servicos #mostra-servicos #bloco-servicos #bloco-imagem {width: 80%;margin: 0 auto;}
#conteudo-interno #conteudo-servicos #mostra-servicos #bloco-servicos #bloco-imagem .imagem {width: 100%;height: 130px;}
#conteudo-interno #conteudo-servicos #mostra-servicos #bloco-servicos #nome-servicos {margin-top: 10px;margin-bottom: 10px;}
#conteudo-interno #conteudo-servicos #mostra-servicos #bloco-servicos #nome-servicos .nome-servico {text-align:center;font-size:25px;color: #00B2F8;font-weight:600;text-transform: uppercase;margin-top: 25px;}
#conteudo-interno #conteudo-servicos #mostra-servicos #bloco-servicos #descricao-servico {padding: 10px;}
#conteudo-interno #conteudo-servicos #mostra-servicos #bloco-servicos #descricao-servico .desc-servico {line-height: 100%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
#conteudo-interno #conteudo-servicos #mostra-servicos #bloco-servicos #descricao-servico .desc-servico p {color: #A3A3A3; font-size: 16px; text-align: justify;line-height: 130%;}
#conteudo-interno #conteudo-servicos #mostra-servicos #bloco-servicos #saiba-mais {display: flex;justify-content: center;}
#conteudo-interno #conteudo-servicos #mostra-servicos #bloco-servicos #saiba-mais .agenda {background-color: #000000; padding: 3px 15px; font-size: 12px; color: #ffffff; text-align: center; transition: all 0.3s ease;}
#conteudo-interno #conteudo-servicos #mostra-servicos #bloco-servicos #saiba-mais .agenda:hover{filter: brightness(1.4);background-color: rgb(150, 100, 100);transition: all .3s ease;}
#conteudo-interno #conteudo-servicos-detalhes {width:1200px; margin:0 auto; margin-top:30px; position:relative; z-index:2;}
#conteudo-interno #conteudo-servicos-detalhes #mostra-detalhes {width:1200px;}
#conteudo-interno #conteudo-servicos-detalhes #mostra-detalhes .imagem-servicos {width:190px; float:left; margin-right:20px; margin-bottom:20px; padding:30px; border-radius:15px; overflow:hidden;box-shadow: 0px 0px 30px -8px #000000;}
#conteudo-interno #conteudo-servicos-detalhes #mostra-detalhes .nome-servicos {color:#282829; text-decoration:none; font-size:24px; font-weight:600;}
#conteudo-interno #conteudo-servicos-detalhes #mostra-detalhes .nome-servicos span {color:#282829; text-decoration:none; font-size:26px; font-weight:500;}
#conteudo-interno #conteudo-servicos-detalhes #mostra-detalhes .descricao-servicos {color:#444; text-decoration:none; padding-top:20px; font-size:14px; line-height:190%; text-align:justify;}
#conteudo-interno #conteudo-servicos-detalhes #mostra-detalhes .descricao-servicos p {font-size:15px; color:#585858;}
#conteudo-interno #conteudo-servicos-detalhes #mostra-detalhes .descricao-servicos span {font-size:15px; color:#585858;}
#conteudo-interno #conteudo-servicos-detalhes #mostra-detalhes .descricao-servicos div {font-size:15px; color:#585858;}
#conteudo-interno #conteudo-servicos-detalhes #mostra-detalhes .descricao-servicos strong {font-size:15px; color:#282829;}
#conteudo-interno #conteudo-servicos-detalhes #mostra-detalhes .botao-contato {display:table; margin:0 auto; margin-top:30px;}
#conteudo-interno #conteudo-servicos-detalhes #mostra-detalhes .botao-contato a {display:block; cursor:pointer; font-size:14px; color:#000; font-weight:500; padding:5px 25px 5px 25px; background-color:#ebbb3d; border-radius:15px; transition:.3s linear;}
#conteudo-interno #conteudo-servicos-detalhes #mostra-detalhes .botao-contato a:hover {background-color:#f1cb68; transition:.2s linear;}
#conteudo-interno #conteudo-servicos-detalhes #outras {width:1024px; margin-top:30px;}
#conteudo-interno #conteudo-servicos-detalhes #outras .imagem-outras {width:241px; height:161px; margin-bottom:20px; margin-right:20px; float:left; overflow:hidden;}
#conteudo-interno #conteudo-servicos-detalhes #curtir {display:table; margin:0 auto; margin-top:20px;}

#conteudo-interno #conteudo-projetos {width: 1200px; margin: 0 auto;}
#conteudo-interno #conteudo-projetos #mostra-categorias {display: flex; justify-content: flex-start; margin-bottom: 50px; margin-top: 50px; align-items: center; border-bottom: 1px solid #6A6A6A; padding-bottom: 15px;}
#conteudo-interno #conteudo-projetos #mostra-categorias #bloco-categoria {float:left; margin-right: 45px;}
#conteudo-interno #conteudo-projetos #mostra-categorias #bloco-categoria .nome-categoria {display:table;}
#conteudo-interno #conteudo-projetos #mostra-categorias #bloco-categoria .nome-categoria a {color: #6A6A6A;font-size: 18px;border-radius: 30px; transition: all .3s;padding: 0px 15px;}
#conteudo-interno #conteudo-projetos #mostra-categorias #bloco-categoria .nome-categoria a:hover {padding: 0px 15px;background-color: #00C4FE; border-radius: 20px; color: #ffffff; transition: all .3s;}
#conteudo-interno #conteudo-projetos #mostra-categorias #bloco-categoria .nome-categoria-ativo {}
#conteudo-interno #conteudo-projetos #mostra-categorias #bloco-categoria .nome-categoria-ativo a {padding: 0px 15px;background-color: #00C4FE;font-size: 18px; border-radius: 20px; color: #ffffff; transition: all .3s;}
#conteudo-interno #conteudo-projetos #mostra-projetos {width:1200px; margin-top:30px;}
#conteudo-interno #conteudo-projetos #mostra-projetos #exibe-itens {width:1200px;}
#conteudo-interno #conteudo-projetos #mostra-projetos #bloco-Projeto {width:277px; float:left; margin-right:30px; margin-bottom:40px; overflow:hidden; border-bottom: none; transition:.2s linear;border-radius: 15px;}
#conteudo-interno #conteudo-projetos #mostra-projetos #bloco-Projeto:hover {transform:scale(1.05); transition:.2s linear;}
#conteudo-interno #conteudo-projetos #mostra-projetos #bloco-Projeto .imagem-Projeto {width:277px; height:380px; transition:.2s linear;border-radius: 10px;}

#conteudo-interno #conteudo-projetos #mostra-projetos #bloco-Projeto .imagem-Projeto::after{content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 100px; background: linear-gradient(to top, #000, rgba(27, 114, 245, 0)); pointer-events: none;}
#conteudo-interno #conteudo-projetos #mostra-projetos #bloco-Projeto:hover .imagem-Projeto {transform:rotate(-7deg); transition:.2s linear;}
#conteudo-interno #conteudo-projetos #mostra-projetos #bloco-Projeto .bloco-nome {height:60px; transition:.2s linear; position: absolute; bottom: 0; left: 0; width: 100%; z-index: 2;}
#conteudo-interno #conteudo-projetos #mostra-projetos #bloco-Projeto .bloco-nome .nome-projetos {width: 277px; display: table-cell; vertical-align: middle; color: #ffffff; font-weight: 500; font-size: 18px; text-align: center;line-height: 105%; padding: 10px;}
#conteudo-interno #conteudo-projetos #mostra-projetos #bloco-Projeto .cidade {display:flex;align-content:center;align-items:center;justify-content:center;margin-top:10px;font-size: 18px;color: #9E9E9E;}
#conteudo-interno #conteudo-projetos #mostra-projetos #detalhes-projeto {width:1200px; margin:0 auto; margin-bottom: 30px;}
#conteudo-interno #conteudo-projetos #mostra-projetos #detalhes-projeto #caminho {display:table; margin:0 auto; margin-bottom: 20px;}
#conteudo-interno #conteudo-projetos #mostra-projetos #detalhes-projeto #caminho a{ color: black; background: transparent url(../i/quebrado/seta-produtos.svg) right 5px no-repeat;background-size: 8px;padding-right: 25px;margin-right: 15px;border-bottom: 1px solid #ff57a300;transition: all 0.3s;font-size: 14px;}
#conteudo-interno #conteudo-projetos #mostra-projetos #detalhes-projeto #caminho a:hover{color: #00C4FE;transition:  all 0.3s;}
#conteudo-interno #conteudo-projetos #mostra-projetos #detalhes-projeto #caminho #page-atual{ color: #00C4FE; font-weight: 600; background: none; padding-right: 0px; margin-right:0px;}
#conteudo-interno #conteudo-projetos #mostra-projetos #detalhes-projeto #bloco-dados {width:100%; margin-bottom:30px;}
#conteudo-interno #conteudo-projetos #mostra-projetos #detalhes-projeto #bloco-dados .nome-portfolio {font-size:36px; text-align:center; font-weight:800; color:#000000;}
#conteudo-interno #conteudo-projetos #mostra-projetos #detalhes-projeto #bloco-dados .desc-portfolio {padding-top:15px; text-align:justify;}
#conteudo-interno #conteudo-projetos #mostra-projetos #detalhes-projeto #bloco-dados .desc-portfolio p {font-size: 14px;color: #000000;list-style-type: disc; }
#conteudo-interno #conteudo-projetos #mostra-projetos #detalhes-projeto #bloco-dados .desc-portfolio span {font-size:14px; color:#000000;}
#conteudo-interno #conteudo-projetos #mostra-projetos #detalhes-projeto #bloco-dados .desc-portfolio div {font-size:14px; color:#000000;}
#conteudo-interno #conteudo-projetos #mostra-projetos #detalhes-projeto #bloco-dados .desc-portfolio li {font-size:14px; color:#000000;}
#conteudo-interno #conteudo-projetos #mostra-projetos #detalhes-projeto #bloco-dados .desc-portfolio i {font-size:14px; color:#000000;}
#conteudo-interno #conteudo-projetos #mostra-projetos #detalhes-projeto #bloco-dados .desc-portfolio h1 {font-size:14px; color:#000000;}
#conteudo-interno #conteudo-projetos #mostra-projetos #detalhes-projeto #bloco-dados .desc-portfolio h2 {font-size:14px; color:#000000;}
#conteudo-interno #conteudo-projetos #mostra-projetos #detalhes-projeto #bloco-dados .desc-portfolio h3 {font-size:14px; color:#000000;}
#conteudo-interno #conteudo-projetos #mostra-projetos #detalhes-projeto #bloco-dados .desc-portfolio tr {font-size:14px; color:#000000; padding:5px;}
#conteudo-interno #conteudo-projetos #mostra-projetos #detalhes-projeto #bloco-dados .desc-portfolio td {font-size:12px; color:#000000; padding:5px;}
#conteudo-interno #conteudo-projetos #mostra-projetos #detalhes-projeto #bloco-dados .desc-portfolio ul {list-style-type: disc;padding-left: 20px;margin-bottom: 10px;}
#conteudo-interno #conteudo-projetos #mostra-projetos #detalhes-projeto #bloco-dados .desc-portfolio ol { list-style-type: decimal;padding-left: 20px; margin-bottom: 10px;}
#conteudo-interno #conteudo-projetos #mostra-projetos #detalhes-projeto #bloco-dados .desc-portfolio li { font-size: 14px; color: #000000; margin-bottom: 5px; list-style-type: disc; }
#conteudo-interno #conteudo-projetos #mostra-projetos #detalhes-projeto #bloco-dados .desc-portfolio strong {color:#211F1F; font-weight:bold; font-size:14px; color:#000000;}
#conteudo-interno #conteudo-projetos #mostra-projetos #detalhes-projeto #agrupa {}
#conteudo-interno #conteudo-projetos #mostra-projetos #detalhes-projeto #agrupa #bloco-imagens {width:100%; float:left; padding-top:20px; padding-bottom:20px; border-radius:10px;}
#conteudo-interno #conteudo-projetos #mostra-projetos #detalhes-projeto #agrupa #bloco-imagens .imagem-produto {width:380px; height:380px;}
#conteudo-interno #conteudo-projetos #mostra-projetos #detalhes-projeto #agrupa #bloco-imagens .imagem-produto a {width:380px; height:380px; display:table-cell; vertical-align:middle;}
#conteudo-interno #conteudo-projetos #mostra-projetos #detalhes-projeto #agrupa #bloco-imagens .imagem-produto img {display:table; margin:0 auto;}
#conteudo-interno #conteudo-projetos #mostra-projetos #detalhes-projeto #agrupa #bloco-imagens .owl-prev {width: 50px;  height: 50px;  position: absolute;right: -80px;top: 50%;margin-top: -25px;color: #FFF;outline: none;font-size: 0.001px;background: transparent url(../i/quebrado/seta-carrossel.svg) center center no-repeat;background-size: auto 50px;border-radius: 0;transform: rotate(180deg);transition: all .3s;}
#conteudo-interno #conteudo-projetos #mostra-projetos #detalhes-projeto #agrupa #bloco-imagens .owl-prev span {color:#FFF; font-size:0.001px;}
#conteudo-interno #conteudo-projetos #mostra-projetos #detalhes-projeto #agrupa #bloco-imagens .owl-next {width: 50px; height: 50px;  position: absolute;left: -80px;top: 50%;margin-top: -25px;color: #FFF; outline: none;font-size: 0.001px;background: transparent url(../i/quebrado/seta-carrossel.svg) center center no-repeat;  background-size: auto 50px; border-radius: 0; transition: all .3s;}
#conteudo-interno #conteudo-projetos #mostra-projetos #detalhes-projeto #agrupa #bloco-imagens .owl-next span {color:#FFF; font-size:0.001px;}
#conteudo-interno #conteudo-projetos #mostra-projetos #detalhes-projeto #projetos-similares {width:100%; margin-top:20px;}
#conteudo-interno #conteudo-projetos #mostra-projetos #detalhes-projeto #projetos-similares .titulo {text-align: center; color: #000; font-size:25px; font-weight: 600; line-height: 100%; margin-bottom: 50px;}
#conteudo-interno #conteudo-projetos #mostra-projetos #detalhes-projeto #projetos-similares .titulo strong {text-align: center; color: #00C4FE; font-size:25px; font-weight: normal;}

#conteudo-interno #conteudo-novidades {width:1200px; margin:0 auto; margin-top:30px;}
#conteudo-interno #conteudo-novidades #bloco-noticia {width:373px; float:left; margin-right:40px; margin-bottom:40px; position:relative; background-color:#FFF; border-radius:15px;box-shadow: 0px 0px 30px -8px #000000;}
#conteudo-interno #conteudo-novidades #bloco-noticia .imagem {width:373px; height:373px;position: relative;border-radius: 15px 15px 0px 0px;}
#conteudo-interno #conteudo-novidades #bloco-noticia .nome {font-size: 14px;color: #000000;padding: 10px;text-align: justify;min-height: 42px;font-weight: 600;}
#conteudo-interno #conteudo-novidades #bloco-noticia .confira {width:60px; margin:0 auto;  color:#ffffff; padding:6px 30px; font-size:14px; font-weight:500; background-color:#00C4FE; border-radius:15px;margin-bottom:15px;transition: all .3s;}
#conteudo-interno #conteudo-novidades #bloco-noticia:hover .confira {background-color:#000000; transition: all .3s;}
#conteudo-interno #conteudo-novidades-detalhes {width:1200px; margin:0 auto; margin-top:30px; position:relative;}
#conteudo-interno #conteudo-novidades-detalhes #mostra-detalhes {width:100%;}
#conteudo-interno #conteudo-novidades-detalhes #mostra-detalhes .imagem-novidade {width:500px;float:left;margin-right:20px;margin-bottom:20px;overflow:hidden;border-radius:10px;}
#conteudo-interno #conteudo-novidades-detalhes #mostra-detalhes #dados-detalhes {padding-top: 15px;}
#conteudo-interno #conteudo-novidades-detalhes #mostra-detalhes .descricao-novidade {display:table-cell;color:#444;line-height:150%;text-decoration:none;font-size:15px;}
#conteudo-interno #conteudo-novidades-detalhes #mostra-detalhes .descricao-novidade p {color:#444; font-size:15px;}
#conteudo-interno #conteudo-novidades-detalhes #mostra-detalhes .descricao-novidade font {color:#444; font-size:15px;}
#conteudo-interno #conteudo-novidades-detalhes #mostra-detalhes .descricao-novidade span {color:#444; font-size:15px;}
#conteudo-interno #conteudo-novidades-detalhes #mostra-detalhes .descricao-novidade div {color:#444; font-size:15px;}
#conteudo-interno #conteudo-novidades-detalhes #mostra-detalhes .descricao-novidade strong {color:#282829;font-size:16px;}
#conteudo-interno #conteudo-novidades-detalhes #mostra-detalhes .fonte {margin-top:20px; font-size:15px; color:#585858; }
#conteudo-interno #conteudo-novidades-detalhes #mostra-detalhes .data {margin-top:5px; font-size:15px; color:#585858;}
#conteudo-interno #conteudo-novidades-detalhes #outras {width:1200px; margin-top:30px;}
#conteudo-interno #conteudo-novidades-detalhes #outras .imagem-outras {width:285px; margin-bottom:20px; margin-right:20px; float:left; overflow:hidden; border-radius:10px;}
#conteudo-interno #conteudo-novidades-detalhes #outras .imagem-outras a {width:285px; height:220px; overflow:hidden;}
#conteudo-interno #conteudo-novidades-detalhes #curtir {display:table; margin:0 auto; margin-top:20px;}

#conteudo-interno #conteudo-depoimentos {width:1180px; margin:0 auto;}
#conteudo-interno #conteudo-depoimentos #mostra-depoimentos {display: flex; flex-wrap: wrap; gap: 32px; width: 1200px; margin: 0 auto;margin-top: 50px;}
#conteudo-interno #conteudo-depoimentos #mostra-depoimentos #bloco-depoimento {padding: 15px;min-height: 450px;box-shadow: 0px 0px 10px -5px #000;border-radius: 15px;width: 348px;}
#conteudo-interno #conteudo-depoimentos #mostra-depoimentos #bloco-depoimento .bloco-imagem {width: 150px;height: 150px;overflow: hidden;position: relative;border: 10px solid #00C4FE;border-radius: 100%;}
#conteudo-interno #conteudo-depoimentos #mostra-depoimentos #bloco-depoimento .bloco-imagem .imagem-blur {width: 100%; height: 120px; position: absolute;z-index: 1;overflow: hidden;filter: blur(8px);-webkit-filter: blur(8px);}
#conteudo-interno #conteudo-depoimentos #mostra-depoimentos #bloco-depoimento .bloco-imagem .imagem-depoimentos {width:100%; height:100%; position:relative; z-index:2; overflow:hidden;}
#conteudo-interno #conteudo-depoimentos #mostra-depoimentos #bloco-depoimento .titulo-depoimento {font-size:22px; color:#121212; line-height:23px; font-weight:600; margin-top:20px;}
#conteudo-interno #conteudo-depoimentos #mostra-depoimentos #bloco-depoimento .texto-depoimento {line-height:150%; padding-top:10px;}
#conteudo-interno #conteudo-depoimentos #mostra-depoimentos #bloco-depoimento .texto-depoimento p {font-size:13px; text-align:justify; color:#585858;}
#conteudo-interno #conteudo-depoimentos #mostra-depoimentos #bloco-depoimento .texto-depoimento span {font-size:13px; text-align:justify; color:#585858;}
#conteudo-interno #conteudo-depoimentos #mostra-depoimentos #bloco-depoimento .texto-depoimento div {font-size:13px; text-align:justify; color:#585858;}
#conteudo-interno #conteudo-depoimentos #mostra-depoimentos #bloco-depoimento .texto-depoimento strong {font-size:15px; text-align:justify; color:#282829;}
#conteudo-interno #conteudo-depoimentos #mostra-depoimentos #bloco-depoimento .cidade-depoimento {font-size:14px; color:#121212; font-weight:400;}
#conteudo-interno #conteudo-depoimentos #mostra-depoimentos #bloco-depoimento .estrelas-depoimento {margin-top:5px;}
#conteudo-interno #conteudo-depoimentos #mostra-depoimentos #bloco-depoimento-video {padding: 15px;min-height: 450px; box-shadow: 0px 0px 10px -5px #000;border-radius: 15px;width: 348px;}
#conteudo-interno #conteudo-depoimentos #mostra-depoimentos #bloco-depoimento-video #fundo-depoimento {}
#conteudo-interno #conteudo-depoimentos #mostra-depoimentos #bloco-depoimento-video #fundo-depoimento .titulo-depoimento {font-size:22px; color:#121212; line-height:23px; font-weight:600; margin-top:20px; }
#conteudo-interno #conteudo-depoimentos #mostra-depoimentos #bloco-depoimento-video #fundo-depoimento .cidade-depoimento {font-size:14px; color:#121212; font-weight:400;}
#conteudo-interno #conteudo-depoimentos #mostra-depoimentos #bloco-depoimento-video #fundo-depoimento .estrelas-depoimento {margin-top:5px;}

#conteudo-interno #conteudo-politica {width:1200px; margin:0 auto; margin-top:10px;}
#conteudo-interno #conteudo-politica h2 {font-weight:bold; font-size:20px; color:#121212; padding-top:20px; font-weight:600; padding-bottom:20px;}
#conteudo-interno #conteudo-politica h3 {font-weight:bold; font-size:16px; color:#121212; padding-top:20px; font-weight:600; padding-bottom:15px;}
#conteudo-interno #conteudo-politica p {font-size:14px; color:#585858; line-height:150%; text-align:justify; padding-top:10px; padding-bottom:10px;}
#conteudo-interno #conteudo-politica a {font-size:14px; color:#585858; text-decoration:underline;}
#conteudo-interno #conteudo-politica li {font-size:14px; color:#585858; line-height:150%; text-align:justify; margin-left:30px; list-style:disc;}
#conteudo-interno #conteudo-politica strong {font-size:14px; color:#121212; font-weight:600;}

#conteudo-interno #conteudo-404 {width:100%; margin-top:40px;}
#conteudo-interno #conteudo-404 .titulo {color:#121212; text-align:center; font-weight:600; font-size:150px;}
#conteudo-interno #conteudo-404 .descricao {color:#585858; text-align:center; padding-bottom:10px; font-size:16px;}




/* Largura da barra de rolagem */
::-webkit-scrollbar {
    width: 9px;
    height: 9px;
}

/* Fundo da barra de rolagem */
::-webkit-scrollbar-track-piece {
    background-color: #FFF;
}

/* Cor do indicador de rolagem */
::-webkit-scrollbar-thumb:vertical,
::-webkit-scrollbar-thumb:horizontal {
    background-color: #282829
}

/* Cor do indicador de rolagem - ao passar o mouse */
::-webkit-scrollbar-thumb:vertical:hover,
::-webkit-scrollbar-thumb:horizontal:hover {
    background-color: #343434
}

@keyframes ring {
  0% {
    width: 0px;
    height: 0px;
    opacity: 1;
  }
  100% {
    width: 60px;
    height: 60px;
    opacity: 0;
  }
}

#paginacao {display:block; text-align:center; margin-top:10px;}
#paginacao p{font-size:12px; color:#585858;}
#paginacao strong{font-size:12px; color:#282829;}
#paginacao ul {height:30px; margin:10px auto 0; text-align:center;}
#paginacao ul li {display:inline;}
#paginacao ul li a {margin-right:5px; font-size:13px; background-color:#121212; padding:2px 15px; border-radius:5px; transition:0.2s linear;}
#paginacao ul li a:hover {background-color:#444; transition:0.2s linear;}
#paginacao a:link {color:#FFF;}
#paginacao a:visited {color:#FFF;}
#paginacao a:hover {color:#FFF;}
#paginacao a:active {color:#FFF;}
#paginacao span.branco  {margin-right:5px; font-size:13px; background-color:#fff; border:1px solid #313237; padding:2px 15px; border-radius:5px;}