/*
Theme Name: Eletrovic Service
Theme URI: https://www.eletrovicservice.com.br/
Description: Template para site Eletrovic Service
Author: Rusvel Nantes 
Version: 1.0
License: None
*/
@import url('https://fonts.googleapis.com/css2?family=Inria+Sans:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');
.grecaptcha-badge {
	opacity:0 !important;
	visibility: collapse !important;  
}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
} 
textarea:focus, input:focus, input, textarea, select {
    outline: 0;
}                 
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display:block;
}
nav ul, ul li, ul { list-style:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
/*body { font:13px/1.231 sans-serif; *font-size:small; } /* hack retained to preserve specificity */
h1,h2,h3,h4,h5,h6 { font-weight: normal; }
html { overflow-y: scroll; }
nav ul, nav li { margin: 0; } 
strong, th { font-weight: bold; }
.ie7 img { -ms-interpolation-mode: bicubic; }
a:focus { outline: none }
/* geral */
.menu, #nav li, #nav a, footer a, form input.wpcf7-submit, .social a, #scrollTop, .slick-prev, .slick-next, .slick-dots li button, .tabs li, .contato a, h3.accordion-toggle, #contact a, #about2 a, .foto a, .setaDown, .artista span, .artistaFoto:before, .artista h3, #assinatura, .foto, h3.accordion-toggle, #contato a, #home a, .categoria h4, .produto a, #nomes a,  form input[type='submit'], .boxContato a, .error404 .conteudo a, .postSingle a, a.mais, .postFoto a, aside a, .postNav a, #pagenav a, a.btn,  #scrollTop, .contorno, .produto a, .produto h3, #setores a, .postFoto:before, .postHeader a, .produto h3, .postFoto:before, .downloads a, .produtoNav a, .btnTopo, .instalacao h3, .filtros li, .postFoto, .slick-prev:before,
.slick-next:before {
	-moz-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s;
}
body {
	background: #fff;
	color: #575656;
	font-size: 16px;
	line-height: 24px;
	font-family: "Inria Sans", sans-serif;
	font-weight: 400;
	font-style: normal;
}
small, #newsletter h4 {
	font-size: 15px;
	line-height: 20px;
	display: block;
	margin-bottom: 5px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 2px;
}
#scrollTop {
	color: #333;
	right: 10px;
	bottom: 10px;
	z-index: 500;
	font-size: 26px !important;
	display: none;
	position: fixed;
	cursor: pointer;
}
#scrollTop:hover {
	color: #1F3E84;
}
.fancybox-caption {
	font-family: "Inria Sans", sans-serif !important;
	font-size: 15px !important;
}
h1 {
	font-size: 50px;
	line-height: 55x;
	margin-bottom: 20px;
	font-weight: 700;
	color: #575656;
}
.topo {
	background-color: #9C9C9C;
	color: #fff;
	position: relative;
	overflow: hidden;
	z-index: 1;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	text-align: center;
}
.topo h1 {
	color: #fff;
	font-weight: 700;
	width: 100%;
	margin: 0;
}
.topoFoto {
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.topoFoto:before {
	content: "";
	background: #fff;
	opacity: 0.5;
	left: 0;
	top: 0;
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
}
.topoFoto h1 {
	
	color: #636363;
}
.topo p {
	margin: 0;
	font-size: 20px;
	line-height: 25px;
	padding-left: 2px;
}
.topo section {
	height: 200px;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: center;
}
#bannerOrcamento {
	padding: 150px 0 130px 0;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	color: #fff;
	font-size: 35px;
	line-height: 40px;
}
h2 {
	font-size: 40px;
	line-height: 45px;
	margin-bottom: 20px;	
	font-weight: 700;
}
h3 {
	font-size: 30px;
	line-height: 35px;
	margin-bottom: 20px;
	font-weight: 700;
}
h4 {
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	margin-bottom: 20px;
}
section {
	padding: 0 20px;
	overflow: hidden;
	clear: both;
	position: relative;
	z-index: 4;
}
a:link, a:visited {
	color: #999;
	text-decoration: none;
}
a:hover, a:active {
	color: #333;
}
p, .video {
	margin-bottom: 20px;
}
/* formulario */
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #000;
	opacity: 1;
}
::-moz-placeholder { /* Firefox 19+ */
	color: #000;
	opacity: 1;
}
:-ms-input-placeholder { /* IE 10+ */
	color: #000;
	opacity: 1;
}
:-moz-placeholder { /* Firefox 18- */
	color: #000;
	opacity: 1;
}
form {
	overflow: hidden;
	clear: both;
}
form input[type='text'], form input[type='file'], form input[type='email'], form input[type='date'], form input[type='tel'], textarea, select,  form input[type='url'], form input[type='password']  {
    width: 100%;
	-webkit-appearance: none;
    color: #000;
    background-color: #f8f8f8;
	border: 1px solid #f8f8f8;
    font-size: 16px;
	height: 40px;
	line-height: 40px;
    padding: 0 10px;
    margin: 0 0 10px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	font-weight: 400;
	font-family: "Inria Sans", sans-serif;

}
footer form input[type='text'], footer form input[type='email'], footer form input[type='tel'] {
	background-color: #fff;
	border: 1px solid #fff;
}
textarea {
	height: 140px;
	resize: none;
	line-height: 20px;
	padding: 10px;
}
select {
	background: #f1f1f1 url(images/setaSelect.png) center right no-repeat;
	border-color: #f8f8f8;
}
label {
	display: block;
	clear: both;
	margin-bottom: 5px;
	font-weight: 700;
	font-size: 15px;
	line-height: 20px;
	text-transform: uppercase;
	letter-spacing: 3px;
}
.blocoFormConsultoria label {
	padding: 10px 0 15px 0;
}
form input[type='text'].wpcf7-not-valid, form input[type='email'].wpcf7-not-valid, form input[type='date'].wpcf7-not-valid,  form input[type='tel'].wpcf7-not-valid, form textarea.wpcf7-not-valid, .wpcf7 select.wpcf7-not-valid, form input[type='file'].wpcf7-not-valid, form input[type='url'].wpcf7-not-valid, footer form input[type='text'].wpcf7-not-valid, footer form input[type='email'].wpcf7-not-valid, footer form input[type='tel'].wpcf7-not-valid {
	border-color: #C00;
	background-color: #FFC;
}

form input.wpcf7-submit {
    padding: 0 !important;
	-webkit-appearance: none;
	margin: 0 0 20px 0 !important;
	float: left;
	border: 0 !important;
	background-color: #575656;

	cursor: pointer;
	width: 130px;
	height: auto;
	line-height: 40px !important;
	height: 40px !important;
	display: block;
	overflow: hidden;
	font-weight: 700;
	font-family: "Inria Sans", sans-serif;
	text-transform: uppercase;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	font-size: 18px;
	color: #fff;
}
form input.wpcf7-submit:hover {
	background: #fff;
	color: #575656;
}

form p, .wpcf7-checkbox {
	overflow: hidden;
	margin: 0;
}
.wpcf7-not-valid-tip {
	display: none !important;
}
div.wpcf7 .wpcf7-spinner {
	margin: 0 !important;
	float: right !important;
}
div.wpcf7-response-output {
	font-size: 14px !important;
	line-height: 18px !important;
	font-weight: normal !important;
	margin: 0 0 20px 0 !important;
	padding: 10px !important;
	clear: both;
	text-align: center;
}
#topMenu {
	background: #2088CA;
	color: #fff;
	font-size: 16px;
	height: 40px;
	line-height: 40px;
	width: 100%;
	position: fixed;
	z-index: 9990;
	left: 0;
	top: 0;
}
#topMenu section {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}
#topMenu .social {
	margin: 0;
	height: 40px;
	line-height: 40px;
}
#topMenu .social .fa-brands {
	line-height: 40px !important;
}
#topMenu .social .sLinktree svg {
	height: 40px;
	line-height: 40px !important;
	font-size: 18px;
}
#topMenu .social li {
	height: 40px;
	line-height: 40px;
	margin: 0 0 0 10px;
}
#topMenu .social li:first-child {
	margin: 0;
}
#topMenu a:link, #topMenu a:visited {
	color: #fff;
}
#topMenu a:hover, #topMenu a:active {
	color: #575656;
}
#topLeft {
	float: right;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
}
#topLeft .boxContato {
	height: 40px;
	line-height: 40px;
	padding-left: 26px;
	margin: 0 30px 0 0;
	font-size: 15px;
}
#topLeft .boxContato .fa-brands, #topLeft .boxContato .fa-solid {
	color: #fff;
	line-height: 40px !important;
	width: 24px !important;
	height: 40px;
	font-size: 16px;
}
.boxEmail, .boxTelefone {
	display: none;
}
#headerMobile {
	width: 100%;
	position: fixed;
	background: #D9D9D9;
	z-index: 9989;
	left: 0;
	top: 40px;
}
.logo {
	display: block;
	float: left;
	height: 50px !important;
	width: auto !important;
	margin: 15px 0;
}
.spacer {
	width: 100%;
	height: 120px;
	display: block;
	clear: both;
}
#menuWrapper .logo {
	display: none;
}
.fa-bars, .fa-xmark  {
	color: #575656;
	font-size: 25px;
	line-height: 80px !important;
	height: 80px;
	cursor: pointer;
	float: right;
}
#menuWrapper {
	position: fixed;
	background: #D9D9D9;
	width: 250px;
	height: 100%;
	z-index: 9995;
	right: -300px;
	top: 0;
}
.menu {
	position: relative;
	clear: both;
	overflow: hidden;
	padding: 0 20px;
}
#nav {
	overflow: hidden;
	clear: both;
	margin-bottom: 20px;
}
#nav li {
	display: block;
	overflow: hidden;
	text-align: right;
	margin-bottom: 20px;
	line-height: 30px;
	font-size: 20px;
}
#nav .submenu {
	padding: 0 16px 0 0;
	overflow: hidden;
	display: none;
}
#nav .submenu li {
	line-height: 25px;
	font-size: 15px;
	margin-bottom: 0;
	padding-top: 10px;
}
#nav a:link, #nav a:visited {
	color: #575656;
}
#nav a:hover, #nav a:active {
	color: #2088CA;

}
.page-template-index .mHome a, .page-template-page-empresa .mEmpresa a, .page-template-page-servicos .mServicos a, .single-servico .mServicos a, 
.page-template-page-solucoes .mSolucoes a, .single-solucao .mSolucoes a, .page-template-page-biblioteca .mBiblioteca a, .page-template-page-portfolio .mPortfolio a,.page-template-page-contato .mContato a, .page-template-page-blog .mBlog a, .single-post .mBlog a, .archive .mBlog a, .post-single .mBlog a, .single-projeto .mPortfolio a, .search .mBlog a, .tax-tipo-servico .mServicos a.topLink {
	color: #2088CA !important;
	font-weight: 700;
}
/* social */
.social {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
}
.social .fa-brands {
	font-size: 20px;
	padding: 0 1px;
}
.social i:before {
	line-height: 26px !important;
}
.social li {
	margin: 0 5px;
	overflow: hidden;
	position: relative;
	height: 26px;
	line-height: 26px !important;
}
.social .sLinktree svg  {
	height: 26px;
	line-height: 26px !important;
	font-size: 18px;
}
.social a:link, .social a:visited {
	color: #fff;
	height: 26px;
	line-height: 26px !important;
	display: block;
}
.social a:hover, .social a:active {
	color: #333;
}

/* newsletter */
#newsletter {
	background: #A7A7A7;
	color: #fff;
	padding: 40px 0 20px 0;
	overflow: hidden;
	position: relative;
}
#newsletter h4 {
	color: #fff;
	margin-bottom: 20px;
}
#newsletter form input.wpcf7-submit {
    font-size: 14px;
}
#newsletter form input.wpcf7-submit:hover {
	background: #666;
	color: #fff;
}
/* rodape */
footer {
	background: #2088CA;
	color: #fff;
	font-size: 15px;
	line-height: 20px;
	padding: 60px 0 0 0;	
}
.creditos {
	width: 100%;
	text-align: center;
	padding: 20px 0;
	border-top: 1px solid #fff;
	font-size: 12px;
	line-height: 16px;
}
footer h4 {
	display: block;
	margin-bottom: 10px;
	font-weight: 700;
	font-size: 16px;
	color: #fff;
}
footer h4.last {
	padding-top: 20px;
}
.boxNav ul, .boxNav ul li, footer p, footer ul li {
	margin-bottom: 10px;
}
.boxRodape {
	margin-bottom: 40px;
	overflow: hidden;
}
.boxRodape.boxLogo {
	max-width: 280px;
}
.boxRodape.boxLogo p {
	width: 100%;
	display: block;
	clear: both;
}
.boxRodape.boxSocial {
	text-align: center;
	font-size: 12px;
	line-height: 16px;
}
.logoRodape {
	margin-bottom: 30px;
	display: block;
	float: left;
	width: 237px !important;
	height: auto;
}
footer .social {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: flex-start;
	padding: 0;
}
footer .social li {
	margin: 0 10px 10px 0;
}
.foto {
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	width: 100%;
	padding-bottom: 100%;
	margin: 0;
	display: block;
	clear: both;
	position: relative;
}
.conteudo {
	padding: 80px 0 60px 0;
	overflow: hidden;
	clear: both;
	position: relative;
}
.bloco {
	overflow: hidden;
}
.mapa {
	position: relative;
	height: 400px;
    overflow: hidden;
	width: 100%;
}
.mapa iframe {
	position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
	z-index: 1;
	pointer-events: none;
}
.boxContato {
	position: relative;
	margin-bottom: 10px;
	padding-left: 34px;
	line-height: 24px;
}
.blocoContato, .blocoFormulario {
	background: #2088CA;
	padding: 20px 20px 0 20px;
	overflow: hidden;
	position: relative;
	margin-bottom: 20px;
	color: #fff;
}
.blocoContato h3, .blocoFormulario h3 {
	text-align: center;
	text-transform: uppercase;
	font-size: 25px;
	line-height: 30px;
	color: #fff;
}
.boxContato a:link, .boxContato a:visited,
footer a:link, footer a:visited {
	color: #fff;
}
.boxContato a:hover, .boxContato a:active,
footer a:hover, footer a:active {
	color: #575656;
}
.boxContato.boxEndereco {
	line-height: 24px;
	margin-bottom: 20px;
}
.blocoContato .boxContato.boxEmail {
	margin-bottom: 45px;
}
.boxContato .fa-solid, .boxContato .fa-brands {
	color: #fff;
	height: 24px !important;
	line-height: 24px !important;
	width: 26px !important;
	text-align: center !important;
	width: auto;
	left: 0;
	top: 0;
	font-size: 20px;
	position: absolute;
	background: none;
}

.postSingle .gallery {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: flex-start;
	width: 101%;
	margin-bottom: 20px;
}
.postSingle .gallery li {
	width:  24%;
	margin: 0 1% 1% 0;
}
.gallery a {
	width: 100%;
	height: 100%;
	position:absolute;
	left: 0;
	top: 0;
	opacity: 0;
	background-color: rgba(0, 0, 0, 0.5);
	background: rgba(0, 0, 0, 0.5);
	background-image: url(images/zoom.png);
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size: auto 50px;
    -moz-background-size:  auto 50px;
    -o-background-size:  auto 50px;
    background-size:  auto 50px;
}
.foto:hover a {
	opacity: 1;
}
.postSingle ul, .bloco ul, .bloco ol, .postSingle ol, .servicoResumo ul {
	margin-bottom: 20px;
}
.postSingle ol, .bloco ol {
	list-style-position: outside;
}
.postSingle ol li, .bloco ol li {
	list-style-type: decimal;
	margin-left: 25px;
}
.postSingle ul li, .bloco ul li, .servicoResumo ul li {
	position: relative;
	padding-left: 15px;
}
.postSingle ul li:before, .bloco ul li:before, .servicoResumo ul li:before {
	font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    font-size: 5px;
	position: absolute;
	left: 1px;
	top: 0;
	line-height: 24px !important;
    content: '\f111';
	color: #2088CA;
}
.servicoResumo ul li:before {
	line-height: 20px !important;
}
.postSingle ul.gallery li, .bloco ul.gallery li, .bloco.blocoContato ul li {
	padding: 0;
}
.postSingle ul.gallery li:before, .bloco ul.gallery li:before, .bloco.blocoContato ul.social li:before {
	display: none;
}
.postFoto {
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	width: 100%;
	padding-bottom: 65%;
	position: relative;
	overflow: hidden;
}
.postFoto a {
	width: 100%;
	height: 100%;
	position:absolute;
	left: 0;
	top: 0;
	z-index: 1;
}
.postFoto:hover a {
	background-color: rgba(0, 0, 0, 0.5);
	background: rgba(0, 0, 0, 0.5);
}
.servico .postFoto:before {
	background-color: rgba(0, 0, 0, 0.5);
	background: rgba(0, 0, 0, 0.5);
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	opacity: 0;
	content: "";
}
.servico:hover .postFoto:before {
	opacity: 1;
}
/* empresa */
#apresentacao .center {
	padding: 30px 0 0 0;
}
#apresentacao .embed-container {
	padding-top: 30px;
	width: 100%;
}
#mapa {
	overflow: hidden;
	position: relative;
	text-align: center;
	padding-bottom: 0;
	padding: 80px 0 0 0;
}
#fotos {
	padding: 80px 0;
	overflow: hidden;
	position: relative;
	text-align: center;
}
#fotos .foto {
	padding-bottom: 96%;
	width: 96%;
	margin: 0 auto;
	overflow: hidden;
}
#institucional, #empresaExtra {
	background: #f8f8f8;
	text-align: center;
}
#empresaExtra li {
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	padding: 0 20px 20px 20px;
	overflow: hidden;
	margin-bottom: 20px;
	background: #fff;
	margin-bottom: 20px;
}
#empresaExtra li strong {
	background: #2088CA;
	padding: 10px 0;
	font-size: 20px;
	line-height: 25px;
	margin-left: -20px;
	margin-right: -20px;
	display: block;
	color: #fff;
	margin-bottom: 20px;
}
#institucional {
	padding-bottom: 50px;
}
.boxInstitucional {
	width: 100%;
	padding-bottom: 100%;
	margin-bottom: 30px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
#institucional h2, #business h2 {
	margin: 0 auto 50px auto;
	width: 100%;
	text-align: center;
}
#business {
	padding-bottom: 30px;
}
.profissionalInfo, .profissionalIntro {
	padding: 20px 20px 0 20px;
	overflow: hidden;
	background: #f8f8f8;
}
.profissionalIntro h3 {
	margin-bottom: 0;
}
.profissionalInfo {
	border-top: 5px solid #2088CA;
}
.profissional .postFoto {
	-webkit-border-top-left-radius: 20px;
	-webkit-border-top-right-radius: 20px;
	-moz-border-radius-topleft: 20px;
	-moz-border-radius-topright: 20px;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	padding-bottom: 110%;
	margin: 0;
}
.profissional {
	overflow: hidden;
	margin-bottom: 50px;
}
.conteudoFull {
	padding-top: 80px;
	overflow: hidden;
	position: relative;
}
.conteudoFull h3 {
	text-transform: uppercase;
	color: #666;
	text-align: center;
	margin: 0 auto 20px auto;
	padding: 0 20px;
}
.boxIcone {
	background: #2088CA;

	width: 120px;
	height: 120px;
	overflow: hidden;
	position: relative;
	margin: 0 auto 10px auto;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.box h3 {
	margin-bottom: 5px;
}
.boxIcone img {
	display: block;
	width: 70px;
	height: auto;
	margin: 25px auto;
}
.blocoInfo {
	background: #333;
	color: #fff;
	padding: 20px 20px 0 20px;
	margin-bottom: 20px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	overflow: hidden;
	position: relative;
	font-size: 15px;
	line-height: 20px;
}
.embed-container {
	margin-bottom: 20px;
}
#relacionados {
	background: #E2E2E2;
}
.home #relacionados, .single-servico #relacionados  {
	background: #fff;
}
.single-post #relacionados small, .single-produto #relacionados small, .single-instalacao #relacionados small, .single-servico #relacionados small  {
	margin-bottom: 40px;
	text-align: center;
}

#extra {
	background: #f8f8f8;
	text-align: center;
}
#extra p {
	max-width: 715px;
	margin: 0 auto 20px auto;
}


.bgFoto {
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	width: 100%;
	position: relative;
	padding-bottom: 100%;
}

a.mais:link, a.mais:visited, .downloads a:link, .downloads a:visited, a.btnTopo:link, a.btnTopo:visited {
	display: block;
	float: left;
	color: #fff;
	background: #2088CA;
	padding: 10px 25px;
	font-weight: 700;
	font-size: 16px;
	line-height: 20px;
	position: absolute;
	left: 20px;
	bottom: 20px;
}
a.btnTopo:link, a.btnTopo:visited {
	height: 26px;
	line-height: 26px;
	margin: 6px 0;
	padding: 0 10px;
	position: relative;
	left: auto;
	bottom: auto;
	font-size: 14px;
	color: #fff;
	background: #575656;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}
a.btnTopo:hover, a.btnTopo:active {
	background: #fff;
}
.downloads a:link, .downloads a:visited {
	position: relative;
	margin: 0 auto 20px auto;
	float: none;
	left: auto;
	bottom: auto;
}
a.mais:hover, a.mais:active, .downloads a:hover, .downloads a:active {
	background: #575656;
}
a.btn:link, a.btn:visited {
	display: block;
	color: #fff;
	background: #2088CA;
	padding: 10px 25px;
	font-size: 16px;
	line-height: 20px;
	font-weight: 700;
	float: left;
	text-align: center;
	margin: 0 0 20px 0;
}
a.btn:hover, a.btn:active {
	background: #575656;
	color: #fff;
}
a.btn.btnAzul:link, a.btn.btnAzul:visited {
	color: #fff;
	background: #2088CA;
}
a.btn.btnAzul:hover, a.btn.btnAzul:active {
	background: #fff;
	color: #2088CA;
}
a.btn.btnVerde:link, a.btn.btnVerde:visited {
	color: #fff;
	background: #21960E;
}
a.btn.btnVerde:hover, a.btn.btnVerde:active {
	background: #060;
}
.btn .fa-solid {
	color: #91C53F !important;
}
/* setores home */
#setores {
	background: #E2E2E2;
	text-align: center;
	padding-bottom: 30px;
}
#setores a:link, #setores a:visited {
	color: #333;
}
#setores a:hover, #setores a:visited {
	color: #666;
}
#setores h2 {
	max-width: 420px;
	margin: 0 auto 50px auto;
}
.listaSetores p {
	max-width: 200px;
	margin: 0 auto;
}
.listaSetores {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: center;
}
.setor .postFoto {
	margin-bottom: 10px;
	padding-bottom: 65%;
}
.setor {
	width: 48%;
	margin: 0 1%;
	margin-bottom: 50px;
	font-size: 20px;
	line-height: 25px;
}
/* single post */
blockquote {
	margin: 0 0 20px 0;
	font-size: 24px;
	line-height: 30px;
	border-left: 5px solid #666;
	color: #666;
	font-style: italic;
	font-weight: 400;
}
blockquote p {
	padding: 15px 0 15px 20px;	
}
.wp-caption  {
	background: #f5f5f5;
	padding: 5px;
	overflow: hidden;
	clear: both;
	display: block;
	font-size: 14px;
	font-style: italic;
	text-align: center;
	margin-bottom: 20px;
	-webkit-box-sizing: border-box;
   	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.wp-caption p {
	margin-bottom: 0;
}
.postSingle img, .alignnone, .aligncenter, .wp-caption img, .responsive {
	width: 100% !important;
	height: auto !important;
	display: block;
	margin-bottom: 20px;
}

.postSingle .wp-caption img {
	margin-bottom: 5px;
}
.postSingle h1 {
	margin-bottom: 10px;
}
.postSingle .postData {
	margin-bottom: 20px;
	border-bottom: 1px solid #333;
	padding-bottom: 10px;
	font-size: 13px;
	line-height: 16px;
	font-weight: 400;
}
.postFooter {
	border-top: 1px solid #2088CA;

	padding-top: 20px;
	overflow: hidden;
	clear: both;
	position: relative;
	text-align: center;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: center;
}
.postFooter strong {
	color: #2088CA;

	float: left;
	margin-right: 10px;
	text-transform: uppercase;
	font-size: 12px;
	line-height: 22px;
	letter-spacing: 1px;
}
.postNav {
	overflow: hidden;
	clear: both;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
	padding: 50px 0;
	font-size: 15px;
	max-width: 700px;
	margin: 0 auto;
	width: 100%;
	font-weight: 700;
}
.postPrev, .postNext {
	overflow: hidden;
}
.postNext {
	text-align: right;
}
.postNav a:link, .postNav a:visited {
	line-height: 40px;
	text-align: center;
	height: 40px;
	display: block;
	width: 120px;
	background: #2088CA;
	color: #fff;
	text-decoration: none !important;
	text-transform: uppercase;
	padding: 0;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
}
.postNav a:hover, .postNav a:active {
	background: #575656;
}

.post {
	margin-bottom: 20px;
	overflow: hidden;
	position: relative;
}

.postHeader {
	text-align: center;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: 1px;
	font-weight: 700;
	color: #666;
	max-width: 700px;
	margin: 0 auto 50px auto;
}
.postHeader a:link, .postHeader a:visited {
	color: #999;
}
.postHeader a:hover, .postHeader a:active {
	color: #1E1E1E;
}
.postHeader h2 {
	padding-bottom: 21px;
	position: relative;
	font-size: 40px;
	line-height: 45px;
	font-weight: 700;
	text-transform: none;
}
.postHeader h2:before {
	content: "";
	width: 200px;
	background: #333;
	height: 1px;
	position: absolute;
	left: 50%;
	margin-left: -100px;
	bottom: 0;
}
.postResumo {
	background: #f8f8f8;
	color: #777;
	padding: 20px 20px 60px 20px;
	overflow: hidden;
	font-size: 15px;
	line-height: 20px;
	position: relative;
	z-index: 2;
}
.postData {
	font-size: 12px;
	line-height: 16px;
	letter-spacing: 1px;
	font-weight: 400;
	display: block;
	margin-bottom: 10px;
	color: #2088CA;

}
.postResumo h3 {
	color: #575656;
	font-size: 20px;
	line-height: 25px;
	margin-bottom: 10px;
	font-weight: 700;
}
/* paginacao */
/*.center {
	text-align: center;
	overflow: hidden;
	margin-bottom: 20px;
}*/
#posts .center {
	width: 100%;
}
.center h3 {
	color: #FF9F0D;
}
#pagenav {
	overflow: hidden;
	clear: both;
	width: 100%;
	text-align: center;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: center;
	padding: 0 0 10px 0;
}
#pagenav a, #pagenav span {
	margin: 0 5px 10px 5px;
	font-size: 14px;
	font-weight: 700;
	color: #333;
	background: #f5f5f5;
	line-height: 30px;
	height: 30px;
	width: 30px;
	text-align: center;
	overflow: hidden;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
#pagenav span.current {
	color: #fff;
	background: #2088CA;

}
#pagenav span.dots, #pagenav a:link, #pagenav a:visited {
	color: #333;
	background: #f5f5f5;
}
#pagenav a:hover, #pagenav a:active {
	color: #fff;
	background: #666;
}
#filtros {
	overflow: hidden;
	padding: 20px 0 0 0;
	background: #fff;
	position: relative;
	z-index: 2;
	margin: -60px 20px 0 20px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

#busca {
	position: relative;
	overflow: hidden;
	float: none;
	width: 260px;
	position: relative;
	height: 40px;
	background: #f8f8f8;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	border: 0;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	margin-bottom: 50px;
}
#busca input#s {
	height: 40px;
	line-height: 40px;
	padding: 0 40px 0 20px;
	background: #f8f8f8;
	width: 100%;
	border: 0 !important;
	margin: 0 !important;
	z-index: 1;
	color: #000;
}
#busca input#searchsubmit {
	width: 40px;
	height: 40px;
	line-height: 40px;
	float: left;
	overflow: hidden;
	text-indent: 9999px;
	cursor: pointer;
	background: #f8f8f8 url(images/busca.png) center no-repeat;
	position: absolute;
	z-index: 2;
	top: 0;
	right: 0;
	border: 0 !important;
	padding: 0 !important;
}
.topoBusca h1 {
	margin-bottom: 20px;
}
/* slideshow */
#home {
	overflow: hidden;
	clear: both;
	position: relative;
	color: #fff;
}
.banner {
	position: relative;
	overflow: hidden;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.bannerTexto {
	height: calc(100vh - 120px);
	max-height: 600px;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	text-align: center;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	padding: 0 50px;
}
.bannerTexto .botao {
	width: 100%;
}
#home small {
	color: #fff;
	font-size: 15px;
	line-height: 20px;
	max-width: 700px;
	display: block;
	margin: 0 auto 10px auto;
}
#home p {
	color: #fff;
	font-size: 35px;
	line-height: 40px;
	max-width: 700px;
	margin: 0 auto 20px auto;
}
.fotoTopo {
	display: block;
	width: 100%;
	height: 100%;
	z-index: 1;
	position: relative;
}
#home a.btn {
	margin: 0 10px;
}
#home a.btn:hover, #home a.btn:active {
	background: #fff;
	color: #2088CA;
}
#home a.btn.btn2:link, #home a.btn.btn2:visited {
	background: #575656;
	color: #fff;
}
#home a.btn.btn2:hover, #home a.btn.btn2:active {
	background: #fff;
	color: #575656;
}
.intro {
	text-align: center;
	margin: 0 auto 30px auto;
	overflow: hidden;
	max-width: 700px;
}

.page-template-default .postSingle h1 {
	margin-bottom: 40px;
}
/* accordion */
#perguntas {
	overflow: hidden;
	clear: both;
	background: #fff;
}
#perguntas h2 {
	text-align: center;
}

#perguntas h2 {
	margin-bottom: 50px;
}
h3.accordion-toggle {
	position: relative;
	font-weight: 700;
	clear: both;
	padding: 10px 40px 10px 20px;
	margin-bottom: 20px;
	cursor: pointer;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: flex-start;
	color: #575656;
	font-size: 20px;
	line-height: 25px;
	background: #CECECE;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
h3.accordion-toggle:hover {
	background: #ccc;
}
h3.accordion-toggle .fa-chevron-down, h3.accordion-toggle .fa-chevron-right {
	position: absolute;
	right: 10px;
	top: 50%;
	height: 25px;
	line-height: 25px !important;
	margin-top: -12.5px;
	font-size: 20px;
}
h3.accordion-toggle.ativo .fa-chevron-right, h3.accordion-toggle .fa-chevron-down {
	display: none;
}
h3.accordion-toggle.ativo .fa-chevron-down {
	display: block;
}
h3.accordion-toggle:hover {
	background: #00AE8A ;
	color: #fff;
}
h3.accordion-toggle.ativo {
	border: 0;
	margin: 0;
	background: #575656;
	color: #fff;
}
.accordion-content {
	display: none;
	overflow: hidden;
	padding: 20px 20px 0 20px;
}
/* obrigado */
.page-template-page-obrigado footer, .page-template-page-obrigado #creditos, .page-template-page-obrigado #newsletter, .page-template-page-obrigado #logos {
	display: none !important;
}
.obrigado, .obrigado h1, .obrigado p {
	text-align: center;
	color: #77838F !important;
}
.obrigado h1 {
	margin-bottom: 20px;
	border: 0;
	padding: 0;
}
.obrigado {
	overflow: hidden;
	padding: 50px 0 30px 0;
}
.page-template-page-obrigado .conteudo {
	padding: 0;
	background: #fff;
}
.page-template-page-obrigado .conteudo section {
	min-height: 100vh;
}
#logoObrigado {
	display: block;
	width: 180px !important;
	height: auto !important;
	margin: 0 auto 80px auto;
}
.obrigadoBtn {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: center;
	max-width: 400px;
	margin: 0 auto;
}
.obrigadoBtn a {
	background: #1F3E84 ;
	color: #fff;
	display: block;
	float: left;
	width: 180px;
	text-align: center;
	font-size: 15px;
	line-height: 20px;
	font-weight: 700;
	padding: 10px 0;
	margin: 0 5px 10px 5px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
.obrigadoBtn a.btn2 {
	color: #fff;
	background: #333;
}
/* catalogo */
#catalogo {
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	color: #fff;
}
#catalogo h1 {
	color: #fff;
	font-size: 35px;
	line-height: 40px;
}
#catalogo:before {
	content: "";
	z-index: 1;
	left: 0;
	top: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.5;
}
#formCatalogo {
	max-width: 300px;
}
#btnCatalogo {
	display: none;
}

/* servicos */


.cta {
	overflow: hidden;
	display: block;
	position: relative;
}
.cta a {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 2;
	left: 0;
	top: 0;
}
.cta img {
	width: 100%;
	height: auto;
	z-index: 1;
	position: relative;
}
/* depoimentos */
#depoimentos {
	background: #2088CA;
}
#depoimentos h2 {
	text-align: center;
	margin-bottom: 50px;
	color: #fff;
}
.home #relacionados {
	background: #f8f8f8;
}
.home #relacionados .postResumo {
	background: #fff;
}
.home h2 {
	color: #575656;
}
#depoimentosSlide {
	margin-bottom: 20px;
}
#depoimentos .slick-list {
	margin: 0 30px;
}
.depoimento {	
	margin: 0 20px;
	z-index: 1;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	background: #F8F8F8;
	padding: 20px 30px 0 30px;
	position: relative;
	overflow: hidden;
}
.depoimento .fa-quote-left {
	position: absolute;
	left: 10px;
	top: 10px;
	z-index: 1;
	color: #2088CA;
	font-size: 24px;
}
.depoimento .fa-quote-right {
	position: absolute;
	right: 10px;
	bottom: 10px;
	z-index: 1;
	color: #2088CA;
	font-size: 24px;
}
.depoimento h3 {
	color: #575656;
	font-size: 20px;
	line-height: 25px;
	padding: 0 10px;
}
/* clientes */
#clientes {
	background: #F3F3F3;
	padding-bottom: 80px;
}
#clientes .slick-list {
	margin: 0 30px;
}
#clientes .foto a {
	display: none !important;
}
#clientes .foto {
	-webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
	width: 65%;
	padding-bottom: 45%;
	margin: 0 auto;
}
/* home quem somos */
#quemSomos {
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	background-position: right center;
	background-repeat: no-repeat;
	color: #fff;
	z-index: 2;
	-webkit-border-top-right-radius: 50px;
	-webkit-border-bottom-left-radius: 50px;
	-moz-border-radius-topright: 50px;
	-moz-border-radius-bottomleft: 50px;
	border-top-right-radius: 50px;
	border-bottom-left-radius: 50px;
	overflow: hidden;
}
#quemSomosWrapper {
	position: relative;
	overflow: hidden;
}
#quemSomosWrapper:after {
	content: "";
	z-index: 1;
	height: 50%;
	left: 0;
	bottom: 0;
	width: 100%;
	background: #f8f8f8;
	position: absolute;
}
#quemSomos h2 {
	color: #333;
	max-width: 330px;
}
#intro h2 {
	color: #333;
}
#intro h3 {
	color: #333;
}

.boxServico .postFoto {
	-webkit-border-top-right-radius: 50px;
	-webkit-border-bottom-left-radius: 50px;
	-moz-border-radius-topright: 50px;
	-moz-border-radius-bottomleft: 50px;
	border-top-right-radius: 50px;
	border-bottom-left-radius: 50px;
	margin-bottom: 10px;
	padding-bottom: 80%;
}
.boxServico {
	margin: 0 10px;
	text-align: center;
}
.boxServico h4 {
	font-size: 20px;
	line-height: 25px;
	padding: 0 15px;
	color: #333;
}
.botao {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: center;
	padding-top: 30px;
}
/* selecao */
#selecao {
	position: relative;
}
.boxSelecao {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 50vh;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.boxSelecao a {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.page-template-page-selecao footer {
	display: none !important;
}
.blocoFormConsultoria {
	max-width: 500px;
	margin: 0 auto;
	overflow: hidden;
	clear: both;
	padding-top: 30px;
}
/* servico interna */

.servicoExtra {
	background: #fff;
}
.servicoForm h3 {
	text-align: center;
	font-size: 20px;
	line-height: 25px;
	background: #333;
	color: #fff;
	font-weight: 700;
	padding: 20px;
}
.servicoForm h3 span {
	font-weight: 400;
	display: block;
}
.servicoForm .wpcf7 {
	padding: 0 20px;
}
.servicoForm {
	background: #ccc;
	color: #fff;
	overflow: hidden;
	position: realtive;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	width: 300px;
	margin: 0 auto 20px auto;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

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

#formContato {
	width: 500px;
	max-width: 90%;
	margin: 0 auto;
}




#botoesRodape {
	overflow: hidden;
	padding: 50px 0;
	background: #f8f8f8;
}
#botoesRodape section {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}
/* diferenciais */
.page-template-page-diferenciais  .conteudo .postFoto {
	margin-bottom: 20px;
}
.page-template-page-diferenciais .conteudo a.mais,  #empresa a.mais, #orcamento a.mais {
	position: relative;
	left: auto;
	bottom: auto;
	margin: 0 0 20px 0;
}
#diferenciais {
	overflow: hidden;
	position: relative;
	padding-bottom: 60px;
	color: #666;
}
#diferenciais h2, .page-template-page-empresa .conteudo h2, #fotos h2 {
	color: #575656;
}
#diferenciais .conteudo {
	padding-bottom: 0;
}
/* orcamento */
#orcamento {
	background: #f8f8f8;
}
#orcamentoForm {
	padding: 20px 20px 0 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	overflow: hidden;
	margin: 0 auto 20px auto;
	background: #fff;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	max-width: 400px;
}
/* vantagens */
#vantagens {
	background: #2088CA;

	text-align: center;
	padding-bottom: 40px;
	color: #fff;
}
#vantagens h2 {
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 50px;
}
#vantagens .postFoto {
	width: 100px;
	height: 100px;
	padding: 0;
	margin: 0 auto 10px auto;
	background-color: #fff;
	-webkit-background-size: 50px auto;
    -moz-background-size: 50px auto;
    -o-background-size: 50px auto;
    background-size: 50px auto;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.vantagem {
	overflow: hidden;
	margin-bottom: 20px;
}
.bannerFoto {
	display: block;
	width: 100% !important;
	height: auto !important;
}
#homeVideo h2 {
	color: #fff;
}
#homeVideo {
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	color: #fff;
	background-color: #333;
}
/* produtos */
#produtosLista h2, #produtosSlide h2 {
	color: #2088CA;

	text-transform: uppercase;
	font-size: 25px;
	line-height: 30px;
	font-weight: 700;
}
#produtosLista .blocos {
	margin-bottom: 30px;
}
#produtosLista .postFoto {
	margin-bottom: 20px;
}
.produtoBotoes {
	position: relative;
	overflow: hidden;
}
.produtoBotoes a.mais {
	position: relative;
	margin: 0 20px 20px 0;
	left: auto;
	bottom: auto;
}
.produtoBotoes a.mais .fa-brands {
	font-size: 13px;
	line-height: 15px !important;
	margin-right: 2px;
}
a.mais.maisWhatsApp:link, a.mais.maisWhatsApp:visited {
	background: #449237;
}
a.mais.maisWhatsApp:hover, a.mais.maisWhatsApp:active {
	background: #060;
}
.produto, .instalacao {
	overflow: hidden;
	margin-bottom: 50px;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
}
.instalacao {
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
.produto .postFoto {
	padding-bottom: 100%;
	z-index: 1;
}
.produto h3 {
	background-color: #1E1E1E;
	color: #fff;
	font-size: 18px;
	line-height: 24px;
	font-weight: 700;
	padding: 10px 20px;
	text-align: center;
	z-index: 2;
	position: relative;
	margin: 0;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}
.produto:hover h3 {
	background-color: #2088CA;
	color: #1E1E1E;
}
.produtosSlide .produto:hover h3 {
	background-color: #fff;
	color: #666;
}
.projeto h3 {
	margin-bottom: 0;
}
.projetoResumo {
	background: #f8f8f8;
	padding: 20px 20px 0 20px;
	position: relative;
	overflow: hidden;
}
.projetoResumo a.mais {
	position: relative;
	margin: 0 auto 20px auto;
	width: 170px;
	padding: 10px 0;
	text-align: center;
	float: none;
	left: auto;
	bottom: auto;
}
/* home produtos */
#homeProdutos {
	background-color: #fff;
}

#produtosSlide .slick-list {
	margin: 0 30px;
}
#produtosSlide .instalacao {
	width: auto;
	margin: 10px 10px 20px 10px;
}
#homeIntro {
	background: #575656;
	color: #fff;
	padding-bottom: 30px;
}
#homeIntro a.btn {
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}
.icone {
	margin-bottom: 50px;
	line-height: 20px;
	position: relative;
	overflow: hidden;
}
.icone span {
	width: 50px;
	height: 50px;
	position: absolute;
	left: 0;
	top: 0;
	background: #2088CA;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.icone span img {
	width: 30px;
	height: auto;
	display: block;
}
.icone h3 {
	padding: 10px 0 10px 60px;
	margin-bottom: 10px;
}
.icone p {
	margin: 0;
}

/* single produto */
.single-produto #relacionados, .single-instalacao #relacionados {
	padding-bottom: 30px;
}
#especificacoes h2 {
	text-align: center;
	margin-bottom: 40px;
}
.blocoForm {
	width: 300px;
	margin: 0 auto;
}
.downloads {
	text-align: center;
}
.downloads ul li {
	padding: 0;
	margin: 0;
	overflow: hidden;
}
.downloads ul li:before {
	display: none;
}
#produtoWrapper .gallery {
	margin-bottom: 40px;
}
#produtoWrapper .slick-list {
	margin: 0 50px;
}
#produtoWrapper .foto {
	-webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}
#produtoVideo {
	background: #f8f8f8;
}
.single-produto .conteudo, .single-produto .bannerFoto {
	z-index: 3;
}
#especificacoes {
	z-index: 1;
	margin-top: -120px;
	padding-top: 200px;
}
.produtoNav {
	background: #333;
	color: #fff;
	text-align: center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 10px 0;
	max-width: 260px;
	margin: 0 auto 30px auto;
	text-transform: uppercase;
	font-size: 14px;
}
.produtoNav a:link, .produtoNav a:visited {
	color: #fff;
}
.produtoNav a:hover, .produtoNav a:active {
	color: #666;
}
.produtoNav span {
	padding: 0 10px;
}
.visaogeral {
	text-align: center;
	overflow: hidden;
}
/* instalacoes */
.instalacao .postFoto {
	padding-bottom: 100%;
	margin-bottom: 0;
}
#instalacoesIntro h2 {
	font-weight: 700;
	text-transform: uppercase;
	color: #2088CA;

	max-width: 430px;
	margin-bottom: 50px;
}
.page-template-page-instalacoes #instalacoesIntro h2 {
	text-align: center;
	margin: 0 auto 50px auto;
}
.filtros {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	text-transform: uppercase;
	margin-bottom: 40px;
}
.filtros li {
	margin: 0 10px 10px 10px;
	cursor: pointer;
	color: #999;
	border: 1px solid #999;
	display: block;
	overflow: hidden;
	font-size: 14px;
	line-height: 20px;
	padding: 5px 10px;
}
.filtros li:hover, .filtros li:active {
	border-color: #2088CA;

	color: #2088CA;

}
.filtros li.active {
	border-color: #2088CA;

	background: #2088CA;

	color: #fff;
}
/* instalacoes (produto interna */
#instalacoesProduto {
	background: #f5f5f5;
}
#produtoPDF {
	background: #666;
	color: #fff;
}
#produtoPDF h2 {
	color: #fff;
	max-width: 350px;
}
#produtoPDF a.mais:link, #produtoPDF a.mais:visited {
	background: #fff;
	color: #666;
	position: relative;
	left: auto;
	bottom: auto;
	margin-bottom: 20px;
}
#produtoPDF a.mais:hover, #produtoPDF a.mais:active {
	color: #fff;
	background: #2088CA;

}
#produtoExtra h2, #produtoIntro h2 {
	color: #2088CA;

	max-width: 550px;
}
#produtoIntro h2 {
	text-align: center;
	margin: 0 auto 50px auto;
	max-width: none;
}
#produtoIntro {
	background: #fff;
}
#produtoIntro a.mais {
	position: relative;
	left: auto;
	bottom: auto;
	margin-bottom: 20px;
}
#produtoIntro .botao {
	padding-bottom: 30px;
}
.pfoto {
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	width: 100%;
	padding-bottom: 70%;
	margin-bottom: 2%;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.pfoto.foto1 {
	float: left;
	width: 49%;
	padding-bottom: 35%;
}
.pfoto.foto2 {
	float: right;
	width: 49%;
	padding-bottom: 35%;
}
.projetoLogo {
	width: 250px;
	margin: 0 auto;
}
.projetoLogo img {
	width: 100%;
	display: block;
	margin-bottom: 50px;
	height: auto;
}
.produtoIcones {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: center;
	text-align: center;
}
.produtoIcone {
	overflow: hidden;
	width: 48%;
	margin: 0 1%;
	margin-bottom: 30px;
	line-height: 20px;
	font-size: 15px;
}
.produtoIcone span {
	background: #2088CA;

	width: 100px;
	height: 100px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	margin: 0 auto 10px auto;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.produtoIcone img {
	width: 50px;
	height: auto;
	display: block;
}
/* home */



#nossosDiferenciais {
	padding-bottom: 30px;
}
#nossosDiferenciais h2, #comoFunciona h2 {
	color: #2088CA;

	max-width: 400px;
	margin-bottom: 50px;
}
.diferencial {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
	margin-bottom: 30px;
}
.diferencialIcone {
	width: 100px;
	height: 100px;
	margin-bottom: 20px;
	background-color: #2088CA;

	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-background-size: 50px auto;
    -moz-background-size: 50px auto;
    -o-background-size: 50px auto;
    background-size: 50px auto;
	background-position: center;
	background-repeat: no-repeat;
}
.diferencial h3 {
	text-transform: uppercase;
	font-size: 18px;
	line-height: 24px;
	color:  #2088CA;

	font-weight: 700;
	margin-bottom: 10px;
}
.diferencialInfo {
	width: calc(100% - 120px);
}
#numeros {
	background: #575656;
	padding-bottom: 30px;
	color: #fff;
}
#numeros h2 {
	margin-bottom: 50px;
	text-align: center;
	color: #fff;
}
.numero {
	font-weight: 700;
	overflow: hidden;
	margin-bottom: 40px;
	text-align: center;
	line-height: 20px;
	text-transform: uppercase;
}
.counter {
	font-size: 28px;
	width: 140px;
	height: 140px;
	line-height: 140px;
	background: #2088CA;
	color: #fff;
	margin: 0 auto 10px auto;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.numero p {
	margin: 10px;
}
.center {
	max-width: 800px;
	margin: 0 auto 30px auto;
	overflow: hidden;
	text-align: center;
}
#servicoIntro .center, #apresentacao .center {
	margin: 0 auto;
}
.servicoBanner {
	overflow: hidden;
	position: relative;
}
.servicoBanner img.responsive {
	margin: 0;
}
.btnCenter {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	position: relative;
}
.iconeBotoes {
	overflow: hidden;
	position: relative;
	margin-bottom: 40px;
}
#homeIntro a.btn {
	margin: 10px 20px 10px 0;
}
.noResults h3 {
	color: #2088CA;
}
#bannerWrapper {
	overflow: hidden;
	position: relative;
	z-index: 3;
}
#bannerWrapper img {
	width: 100%;
	height: auto;
}
#presenca h2 {
	max-width: 300px;
}
#homeOrcamento strong {
	color: #2088CA;
}
/* areas de atuacao */
.postServico {
	overflow: hidden;
	text-align: center;
	margin-bottom: 50px;
	position: relative;
}
.postServico h3 {
	color: #575656;
	text-transform: uppercase;
	margin-bottom: 10px;
}
.postServico .postFoto {
	padding-bottom: 100%;
	margin: 0;
	z-index: 1;
}
.postServico a.mais {
	z-index: 2;
	position: relative;
	float: none;
	text-align: center;
	padding: 10px 0;
	margin: -6px 0 0 0;
	left: 0;
	bottom: auto;
}
.bannerTopo {
	display: block;
	width: 100% !important;
	height: auto !important;
}
#homeServicos {
	background: #f8f8f8;
}
#servicosSlide {
	text-align: center;
	margin-bottom: 50px;
}
#homeServicos #servicosSlide {
	margin-bottom: 0;
}
#servicosSlide h3 {
	color: #575656;
	font-size: 20px;
	line-height: 25px;
	font-weight: 600;
}
#servicosSlide .postFoto {
	background-color: #2088CA;
	-webkit-background-size: 50px auto;
    -moz-background-size: 50px auto;
    -o-background-size: 50px auto;
    background-size: 50px auto;
	background-position: center;
	background-repeat: no-repeat;
	width: 100px;
	height: 100px;
	padding: 0;
	margin: 0 auto 10px auto;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
#servicosSlide a:hover .postFoto {
	background-color: #575656;
}
.single-projeto h2 {
	color: #575656;
}
.single-projeto h3, .single-servico h3, .single-solucao h3 {
	color: #2088CA;
}
#projetoExtra {
	background: #f8f8f8;
}
#projetoExtra strong {
	color: #2088CA;
}
#projetoExtra h2, .single-projeto #produtoVideo h2 {
	text-align: center;
	margin-bottom: 50px;
}
.single-projeto #produtoVideo .embed-container {
	margin-bottom: 0;
}
.single-projeto #produtoVideo {
	text-align: center;
	background: #fff;
	padding-bottom: 0;
}
/* biblioteca */
.material .postFoto {
	padding-bottom: 55%;
	margin-bottom: 20px;
}
.material {
	overflow: hidden;
	margin-bottom: 30px;
}
.servico {
	overflow: hidden;
	margin-bottom: 20px;
	position: relative;
}
.servico a {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	z-index: 2;
}
.servico .postFoto {
	padding-bottom: 60%;
	z-index: 1;
}
.servico h3 {
	font-size: 20px;
	line-height: 25px;
	position: absolute;
	background: #fff;
	padding: 10px 20px;
	left: 20px;
	right: 20px;
	bottom: 20px;
	margin: 0;
	z-index: 2;
	color: #575656;
}
.servico:nth-child(1) .postFoto:after, .page-template-page-servicos .servico:nth-child(2) .postFoto:after, #homeServicos .servico:nth-child(2) .postFoto:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	height: 70%;
	width: 100%;
	z-index: 2;
	background: #000000;
	background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
	background: -moz-linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
	background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=0);
}
.servico:nth-child(1) h3, .page-template-page-servicos .servico:nth-child(2) h3, #homeServicos .servico:nth-child(2) h3 {
	background: none;
	padding: 0;
	font-size: 30px;
	line-height: 35px;
	color: #fff;
	right: auto;
	max-width: 400px;
}
.projeto {
	overflow: hidden;
	position: relative;
	margin-bottom: 20px;
	background: #f8f8f8;
	text-align: center;
}
.projeto h3 {
	font-size: 25px;
	line-height: 30px;
}
.projeto p {
	color: #2088CA;
}
.projeto .postFoto {
	padding-bottom: 60%;
}
#servicoContato .blocoFormulario {
	max-width: 500px;
	margin: 0 auto 20px auto;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.bloco .gallery .foto {
	padding-bottom: 70%;
}
.servicoBlocos .bloco {
	padding-top: 30px;
}
#servicoContato h3 {
	color: #fff;
}
#topicos {
	text-align: center;
	overflow: hidden;
	color: #fff;
	background: #2088CA;
	padding-bottom: 30px;
}
#topicos .postFoto {
	width: 100px;
	height: 100px;
	overflow: hidden;
	position: relative;
	margin: 0 auto 10px auto;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-background-size: 50px auto;
    -moz-background-size: 50px auto;
    -o-background-size: 50px auto;
    background-size: 50px auto;
	padding: 0;
	background-repeat: no-repeat;
	background-color: #fff;
}
#topicos section {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: center;
}
.topico {
	overflow: hidden;
	width: 48%;
	margin: 0  1%;
	margin-bottom: 30px;
}
#error404 {
	text-align: center;
}
@media only screen 
and (min-width : 480px) {
#profissionais, #projetos {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: flex-start;
	width: 102%;
}
.profissional, .projeto {
	width: 48%;
	margin-right: 2%;
}
.homeIntro {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: center;
}
#posts, #postsDestaques, #listaNumeros {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
}
#posts .post {
	width: 48%;
}
#relacionados .post:last-child, #relacionados .instalacao:last-child {
	display: none;
}
.numero {
	width: 48%;
}
.postWrapper {
	width: 50%;
}
#relacionados .postWrapper:last-child {
	display: none;
}


}
@media only screen 
and (min-width : 640px) {
.topico {
	width: 31.3333%;
}
.servicosLista {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: center;
	width: 102%;
	margin-left: -1%
}
.servico {
	width: 48%;
	margin: 0 1%;
	margin-bottom: 20px;
}
#empresaExtra ul {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: center;
	max-width: 800px;
	margin: 0 auto;
}
#empresaExtra li {
	width: 100%;
	margin: 0 0 20px 0;
}
#empresaExtra li:nth-child(1), #empresaExtra li:nth-child(2) {
	width: 280px;
	margin: 0 10px 20px 10px;
}
.material {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
}
.materialFoto, .materialInfo {
	width: 48%;
}
#listaDiferenciais, .icones {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
}
.icone {
	width: 48%;
}
.diferencial {
	width: 46%;
}

#botoesRodape section {
	flex-direction: row;
	width: 620px;
	margin: 0 auto;
	padding: 0;
}
#homeIconesLista {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: center;
}
.homeIcone {
	width: 48%;
	margin: 0 1%;
	margin-bottom: 30px;
}
.boxTelefone {
	display: block;
}

#newsletter form {
	position: relative;
	overflow: hidden;
}
#newsletter form input.wpcf7-submit {
    z-index: 2;
	position: absolute;
	right: 0;
	top: 0;
}
#newsletter .wpcf7-spinner {
	z-index: 3;
	position: absolute;
	right: 0;
	top: 0;
}
.camposNews {
	padding-right: 145px;
	z-index: 1;
	position: relative;
	margin-bottom: 10px;	
}
.camposNews p, .servicos {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
}
.camposNews .wpcf7-form-control-wrap {
	display: block;
	width: 49%;
}





#postsDestaques {
	flex-direction: column;
}
#postsDestaques .postWrapper {
	width: 100%;
}
#postsDestaques .postFotoWrapper {
	width: 38%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
#postsDestaques .postFoto {
	padding-bottom: 0;
	height: 100%;
}
#postsDestaques .postResumo {
	width: 62%;
	float: right;
}
footer section, #creditos {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
}

.boxRodape {
	width: 48%;
}
#creditos, #intro .blocos, #empresa .blocos, #homeOrcamento .blocos, #biblioteca .blocos {
	align-items: center;
}
#produtoIntro .blocos {
	flex-direction: row-reverse;
}
#creditos p, #assinatura {
	margin: 0;
}
#posts, #filtros section {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
}

#selecao {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
}
.vantagem {
	width: 31.3333%;
}
.boxSelecao {
	width: 50%;
	height: 100vh;
	padding: 0;
}
.page-template-page-solucoes .servico:nth-child(1), #homeSolucoes .servico:nth-child(1) {
	width: 100%;
}
.page-template-page-solucoes .servico:nth-child(1) .postFoto, #homeSolucoes .servico:nth-child(1) .postFoto {
	padding-bottom: 40%;
}
}
@media only screen 
and (min-width : 768px) {
.topico {
	width: 23%;
}
#contato .bloco {
	margin-bottom: 20px;
	overflow: hidden;
	position: relative;
}
#contato .bloco:before {
	z-index: 1;
	position: absolute;
	bottom: 0;
	height: 30%;
	left: 0;
	width: 100%;
	content: "";
	background: #2088CA;
}
#contato .blocoContato, #contato .blocoFormulario {
	margin: 0;
	position: relative;
	z-index: 2;
}
.topo section {
	height: 350px;
}
.profissional, .projeto {
	width: 31.3333%;
}
.icone {
	width: 30%;
}
.bannerDesktop {
	display: block !important;
}
.bannerMobile {
	display: none !important;
}
.banner section {
	height: 550px;
}
.produtoIntroFoto {
	position: absolute;
	left: 0;
	top: 0;
	width: 50%;
	height: 100%;
	padding: 0;
	z-index: 1;
}


.especificacoesTexto {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	-webkit-column-gap: 4%;
	-moz-column-gap: 4%;
	column-gap: 4%;
	overflow: hidden;
}
.vantagem {
	width: 23%;
}
.homeIcone, .produtos .produto, .instalacao {
	width: 31.3333%;
}
#instalacoesProduto .instalacao:last-child {
	display: none;
}
#relacionados .produto:last-child, #relacionados .instalacao:last-child {
	display: block;
}

.setor, .postServico {
	width: 31.3333%;
}

.servicoWrapper {
	padding-top: 0;
	z-index: 2;
	margin-top: -160px;	
}
.servicoWrapper section, #newsletter section, #institucional section {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
}
.topoBusca section {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}
.topoBusca h1 {
	width: calc(100% - 280px);
	margin: 0;
}
#institucional .boxInstitucional {
	width: 30%;
	padding-bottom: 30%;
}
#newsletter h4 {
	line-height: 40px;
}
#newsletter .wpcf7  {
	width: calc(100% - 150px);
}
.servicoWrapper .bloco {
	padding-top: 240px;
	width: calc(100% - 350px);
}
.servicoForm {
	margin: 0 0 60px 0;
}
.numero {
	width: 23%;
}
#quemSomos .bloco {
	float: right;
}

#produto section .gallery li {
	width:  15.6666%;
	margin: 0 1% 1% 0;
}


.desktop {
	display: block !important;
}
.mobile {
	display: none !important;
}
#relacionados .postWrapper {
	width: 33.3333%;
}
#relacionados .postWrapper:last-child {
	display: block;
}
.bgFoto {
	position: absolute;
	z-index: 1;
	height: 100%;
	width: 50%;
	right: 0;
	top: 0;
	padding: 0;
}

.blocos {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
	position: relative;
}
#bannerOrcamento .blocos, #diferenciais .blocos, #apresentacao .blocos, #homeVideo .blocos, #orcamento .blocos, #produtoVideo .blocos, #produtosLista .blocos, #comoFunciona .blocos, #produtosSlide .blocos, #presenca .blocos, #servicoIntro .blocos {
	align-items: center;
}
.servico:nth-child(even) .blocos, #diferenciais .conteudo:nth-child(even) .blocos, #orcamento .blocos, #apresentacao .blocos, #produtosLista .blocos, #produtosSlide .blocos, #servicoIntro .blocos {
	flex-direction: row-reverse;
}
#servicoIntro .blocos.servicoBlocos {
	flex-direction: row;
	align-items: flex-start;
}
.bloco {
	width: 48%;
}
.bloco.blocoForm {
	width: 300px;
	margin: 0;
}
.bloco.blocoProduto {
	width: calc(100% - 350px);
}
h1 {
	font-size: 45px;
	line-height: 55px;
}
}
@media only screen 
and (min-width : 1024px) {
.topico {
	width: 14.6666%;
}
.page-template-page-solucoes .servico:nth-child(1) .postFoto, #homeSolucoes .servico:nth-child(1) .postFoto {
	padding-bottom: 30%;
}
.servico {
	width: 31.3333%;
}
.servico:nth-child(1), .page-template-page-servicos .servico:nth-child(2), .page-template-page-solucoes .servico, #homeSolucoes .servico, #homeServicos .servico:nth-child(2) {
	width: 48%;
}
.page-template-page-solucoes .servico:nth-child(1), #homeSolucoes .servico:nth-child(1) {
	width: 100%;
}
#instalacoesProduto .instalacao:last-child {
	display: block;
}
#instalacoesProduto .instalacao {
	width: 23%;
}

.boxEmail {
	display: block;
}
.bloco.blocoProduto {
	width: calc(100% - 500px);
}
#homeVideo {
	background-attachment: fixed;
}
#institucional .blocos {
	align-items: center;
}
.blocoInstitucional {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
	position: relative;
}
.blocoInfo {
	width: 48%;
}
.boxRodape {
	width: auto;
}
.boxNews {
	max-width: 230px;
}
.boxRodapeEndereco {
	max-width: 270px;
}
#filtros {
	width: 960px;
	margin: -60px auto 0 auto;
}
#filtros section {
	width: auto;
	padding: 0 20px;
}

#posts {
	justify-content: flex-start;
	width: 103%;
}
#pagenav {
	margin-right: 3%;
}
#posts .post {
	width: 30.3333%;
	margin-right: 3%;
}
#relacionados .post:last-child {
	display: block;
}

.banner h1 {
	font-size: 50px;
	line-height: 55px;
}

.destaqueIntro {
	float: left;
}
#destaquesSlide {
	width: calc(100% - 450px);
	float: right;
}
.infoContato {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
}

#catalogo .bloco {
	width: 470px;
}


#creditos {
	width: 960px;
	margin: 0 auto;
	padding: 20px 0;
}
section  {
	width: 960px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}

#quemSomos {
	background-attachment: fixed;
}

#headerMobile, .fa-xmark  {
	display: none !important;
}
#menuWrapper {
	width: 100%;
	left: 0;
	top: 40px;
	bottom: auto;
	height: 80px;
	z-index: 9985;
}
#menuWrapper .logo {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
}
.menu {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: flex-end;
	position: relative;
	clear: none;
	width: 960px;
	padding: 0;
	margin: 0 auto;
	z-index: 8999;
}
#nav {
	float: left;
	clear: none;
	height: 80px;
	line-height: 80px;
	margin:  0;
	z-index: 10;
}
#nav li {
	float: left;
	margin: 0 25px 0 0;
	clear: none;
	position: relative;
	height: 80px;
	line-height: 80px;
	z-index: 8998;
	font-size: 16px;
}
#nav li:last-child {
	margin: 0;
}
.single-post .postSingle {
	width: 700px;
	margin: 0 auto;
}

@keyframes rotation {
	from { transform: rotate(0deg); }
	to { transform: rotate(359deg); }
}
@-o-keyframes rotation {
	from { transform: rotate(0deg); }
	to { transform: rotate(359deg); }
}
@-moz-keyframes rotation {
	from { transform: rotate(0deg); }
	to { transform: rotate(359deg); }
}
@-webkit-keyframes rotation {
	from { transform: rotate(0deg); }
	to { transform: rotate(359deg); }
}
.page-template-index #relacionados:after {
	background: url(images/favicon.png) center no-repeat;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	width: 500px;
	height: 500px;
	content: "";
	position: absolute;
	right: -200px;
	top: 50%;
	margin-top: -250px;
	opacity: 0.05;
}

#nav .submenu {
	padding: 0;
	overflow: hidden;
	position: absolute;
	width: 150px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	left: 50%;
	top: 60px;
	background: #f2f2f2;
	border: 1px solid #c4c4c4;
	border-bottom: 0;
	margin-left: -75px;
}
#nav li .submenu li {
	height: auto;
	line-height: 20px;
	font-size: 13px;
	text-align: center;
	margin: 0;
	padding: 5px 5px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	width: 100%;
	border-bottom: 1px solid #c4c4c4;
}
#menuWrapper, #menuWrapper section, .menu, #nav, #nav li {
	overflow: inherit;
}
}
@media only screen 
and (min-width : 1280px) {
#homeIntro section {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}
.icones {
	width: calc(100% - 250px);
}
.iconeBotoes {
	width: 220px;
}
#homeIntro a.btn {
	margin: 10px 0;
	float: none;
	text-align: center;
}
section, .menu, #creditos  {
	width: 1200px;
}
.produtoIcone {
	width: 23%;
}
#nav li {
	margin: 0 40px 0 0;
}
}

.projetoResumo h3 {
  margin-bottom: 25px;
}

.projetoResumo .mais {
  margin-top: 25px;
}

/* === CORRIGE PORTFÓLIO: FORÇA 3 COLUNAS === */

/* Neutraliza regras antigas */
#projetos, #projetos .projeto {
  all: unset;
}

/* Recria o layout do zero */
#projetos {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-start !important;
  gap: 30px !important;
  width: 100% !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
  box-sizing: border-box !important;
  padding: 0 20px !important;
}

#projetos .projeto {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  flex: 1 1 calc(33.333% - 30px) !important;
  max-width: calc(33.333% - 30px) !important;
  background: #f8f8f8 !important;
  border-radius: 4px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

/* Mantém o conteúdo interno */
#projetos .projetoResumo {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  flex-grow: 1 !important;
  padding: 20px !important;
}

#projetos .projetoResumo h3 {
  margin-bottom: 20px !important;
  min-height: 60px !important;
}

#projetos .projetoResumo .mais {
  margin-top: auto !important;
  background-color: #2088CA !important;
  color: #fff !important;
  text-align: center !important;
  font-weight: 700 !important;
  padding: 10px 0 !important;
  border-radius: 4px !important;
  text-decoration: none !important;
  display: block !important;
  transition: background 0.3s !important;
}

#projetos .projetoResumo .mais:hover {
  background-color: #575656 !important;
}

/* Responsivo */
@media (max-width: 992px) {
  #projetos .projeto {
    flex: 1 1 calc(50% - 30px) !important;
    max-width: calc(50% - 30px) !important;
  }
}

@media (max-width: 600px) {
  #projetos .projeto {
    flex: 1 1 100% !important;
    max-width: 100% !important;
  }
}