/*
Theme Name: PROTVILLE
Theme URI: http://agentecria.com/
Author: A Gente cria
*/
/* CSS Document */

/*RESET*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;}
ul{list-style-type:none}
p, li, a, button, input, textarea, option, label, span{font-family: 'Montserrat', sans-serif;outline: none;}
h1, h2, h3, h4, h5, h6{font-family: 'Montserrat', sans-serif;font-size:18px}
/* HTML5 display-role reset for older browsers */

* {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important; 
    -webkit-focus-ring-color: rgba(255, 255, 255, 0) !important; 
    outline: none !important;
} 
		
html{font-size:15px}
html.sr .load-hidden {  visibility: hidden;}

body{width: 100%;}
.grid-container{max-width:92.308rem}

.texto-branco{color: #fff;}
.texto-preto{color: #000;}
.texto-cinza{color: #656866;}

a{color: #656866;transition: all 0.2s;outline: none;}
a:hover{color: #eb8dad;transition: all 0.2s;}
a:visited{color: #656866;}
a:visited:hover{color: #eb8dad;}
a:focus{color:inherit}

noscript span{margin:5rem auto;padding:3rem;display:block;font-size: 1rem;text-align: center;font-weight:bold;color: #e10b0b;border:1px solid #e10b0b;background:rgba(255,11,11,0.5)}
noscript span a{font-size: 1rem;font-weight: 700;}	
noscript span a:hover{color:orange !important}	

hr{border-top:1px solid #b2afaf;border-bottom: 1px solid #fff}

/* ------------- header ------------- */
header {box-shadow: 0px 3px 4px rgba(0,0,0,0.3);position:fixed;width:100%;z-index:99;margin-top: 0px; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;background-color: #1a2526;padding-left: 2rem;padding-right: 2rem;margin-top: 0px;}
header p a {color:#26a7df;font-size: 0.8em;font-weight: 600}
header p a:hover {color:#ffffff }
header p {color:#26a7df;text-align: right;padding-top: 6px;padding-right: 16px;}
header .is-active a{color:#707070}

#txtmenmobile{display: none}

header.large figure {width:320px;background: transparent;padding-top: 12px;padding-bottom: 12px;}
header.large svg {width: 100%;height: 100%;}

header .menu {text-align: right;float: right;margin: 0px;padding: 0px;}
header .menu li {margin-left:10px;}
header .menu li:hover {background:url(imagens/hover_menu.svg) center top no-repeat;}
header .menu li a {padding-top: 0px;color: #ffffff;text-transform: uppercase;font-weight: 600;font-size:0.8em}
header .menu li a:hover {color: #84daff}
header .bt_telefone {color: #F67D10!important;margin-left: 35px;font-weight: 600}
header .bt_telefone a {color:#F67D10;padding-left: 28px; }
header .bt_telefone img {margin-right: 11px;}
header .bt_telefone:hover {background: none!important}

/* Header Small*/

header.small figure {width:210px;background: transparent;text-align:center;padding-top:11px;padding-bottom: 7px;}
header.small p{display: none;}
header .subMenu li a {color:#201f5f;text-align: left;}
header .subMenu li a:hover {color:#1a2526;}
header .subMenu li {padding:8px; border-bottom: solid #dedede 1px;margin: 0px;}
header .subMenu li:hover {background-color:#dedede }

header .submobile {display: none;}

#conteudoAcessivel {padding-top: 7rem}

:root { 		   
    --rebites-roscados:#0074ae;
	--rebitadeiras:#0074ae;
}
.bt-rebites-roscados a:hover{color:var(--rebites-roscados)}


/* ------------- conteudo  ------------- */
main{overflow:hidden;margin: 0px;padding: 0px;}


		/* home */
		#boxDestaques{overflow:hidden;position:relative;box-sizing:unset;padding-bottom:0rem;background-position: center top;background-size: cover;background-repeat: no-repeat;width: 100%;padding-left: 0px;margin-top: -80px;}
	
		#boxDestaques *{box-sizing:unset !important}
		#boxDestaques h1{font-size:3.1em;font-weight:400;padding-top:0rem;color:#84daff;line-height: 100%;z-index: 5}
		#boxDestaques h1 strong{font-weight:900;}
		#boxDestaques h4 {color: #ffffff;font-size:1.2em;padding-bottom: 1rem;padding-left: 0px;z-index: 5}
		#boxDestaques a {color: #fff}
		#boxDestaques a:hover {color: #00619C}
		#boxDestaques .cta {margin-bottom: 7rem}
		#boxDestaques figure {text-align: center!important;margin: auto!important;}
		#boxDestaques .animated {z-index: 5;top:18rem;}
		#boxDestaques li {padding-top: 0rem;padding-bottom:2rem;margin: 0px;width: 100%;height: auto;height: 600px;background-size: 100%!important;background-position: top center !important;}
		#boxDestaques li:after { padding-bottom:0px;
								 content: "";
								 position: absolute;
							    left: 0;
							    right: 0;
							    bottom: 0;
							    top: 0;
							    z-index: 1;
							   background: rgb(2,0,36);
								background: -moz-linear-gradient(0deg, rgba(2,0,36,0.85) 25%, rgba(3,27,32,0.0) 65%);
								background: -webkit-linear-gradient(0deg, rgba(2,0,36,0.85) 25%, rgba(3,27,32,0.0) 65%);
								background: linear-gradient(0deg, rgba(2,0,36,0.85) 25%, rgba(3,27,32,0.0) 65%);
								filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#020024",endColorstr="#031b20",GradientType=1);
								}
		#boxDestaques .orbit-bullets{z-index:77;margin-top:-4rem;position: absolute;float: left;top: 620px;left: 45%;}
		#boxDestaques .orbit-bullets button{ background-color:rgba(146,146,146,0.7);width:0.6rem;height:0.6rem;cursor:pointer;}	
		#boxDestaques .orbit-bullets button.is-active {   background-color: #84daff;}
		.conteudo_banner {margin-top: 320px;}

		.animated{-webkit-animation-duration: 1s;  animation-duration: 1s; -webkit-animation-fill-mode: both;  animation-fill-mode: both;-visibility:hidden;}
		.animated{ -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -o-animation-delay: 0.5s; animation-delay: 0.5s;}
		/*necessary css for slider*/

		#boxBeneficios {text-align: center;
			background: rgb(0,0,101);
background: -moz-linear-gradient(0deg, rgba(0,0,101,1) 24%, rgba(96,46,141,1) 68%);
background: -webkit-linear-gradient(0deg, rgba(0,0,101,1) 24%, rgba(96,46,141,1) 68%);
background: linear-gradient(0deg, rgba(0,0,101,1) 24%, rgba(96,46,141,1) 68%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000065",endColorstr="#602e8d",GradientType=1);}
		#boxBeneficios h2 {font-size: 1.5em;font-weight: 600;color: #ffffff;padding-top: 60px;}
		#boxBeneficios h4 {font-size: 1em;font-weight: 500;color: #ffffff;padding-top: 15px;padding: 9px;}
		#boxBeneficios figure {max-width:125px;text-align: center;margin: auto;padding-bottom: 12px;}

		#BoxEngenharia {background:url(imagens/cubo_bg.jpg) #ffffff;background-position: center center; padding-top:10rem;text-align: center;padding-bottom: 10rem;background-size: cover;background-repeat: no-repeat;width: 100%}
		#BoxEngenharia h1 {text-align: center;color: #bbbbcd;font-size: 3em;line-height: 90%;font-weight: 500}
		#BoxEngenharia h1 strong {font-weight: 900;}
		#fotos_engenharia {width: 100%;padding: 0px}
		#fotos_engenharia .grid-container {max-width: 100%!important}
		#fotos_engenharia figure {width: 100%}
		#fotos_engenharia .cell{padding: 0px;}

		#fotos_engenharia hr {width: 20%;height: 10px;background-color:#c5d82e;margin: 0px;padding: none;text-align: center;margin: auto;border:none;margin-top: -20px;}
		#fotos_engenharia {background-color: #ffffff}

		#BoxDepoimentos p {font-weight: 700;color: #2a3b8e;font-size: 1.1em;line-height: 170%}
		#BoxDepoimentos h3 {font-weight: 500;color: #26a7df;font-size:1.1em;font-style: italic;}
		.box_depoimento {padding: 25px;}

		#boxEstrategia {background:url(imagens/potes_bg.jpg);background-position: center center; padding-top:10rem;text-align: center;padding-bottom: 10rem;background-size: cover;background-repeat: no-repeat;width: 100%}
		#boxEstrategia h1 {text-align: left;color: #ffffff;font-size:1.6em;line-height:122%;font-weight: 500;padding-left:25px;}
		#boxEstrategia h1 strong {font-weight: 900;}
		
		
		/* compartilhado na home e na interna */
		section h2 {color: #b5c1fc;font-size: 1.8em;font-weight: 700;text-align: left;margin-bottom: 25px;}
		section:first-child
		input:nth-last-child(3)
		form p:last-of-type
		form p:ntg-of-type()
		#{text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;}
		#{
		background: -webkit-linear-gradient(bottom, #1e88c8 0%, #085dcb 100%);
		background: -o-linear-gradient(bottom, #1e88c8 0%, #085dcb 100%);
		background: linear-gradient(to bottom, #1e88c8 0%, #085dcb 100%);
		
		webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 80%);
 		 clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 80%);
		 
		 background-image: linear-gradient( to bottom, #fff 80%, #7adaf8 2%, #7adaf8, #0f63ce );
		}
		
		.btLink{color:#fff !important;background:#eab900;padding:0.6rem 2.5rem;font-weight:700;font-size:0.9rem}
		.btLink:hover{background:#2a3b8e;}
		.btLink{background-color:#008D36;color:#fff;font-weight: 400;font-size:1.15rem;border-radius:20px;padding:0.8rem 1.5rem;cursor: pointer;}
		.btLink:hover{color:#fff;opacity: 0.8}
		.btLinkBorder{border:2px solid #008D36;background-color: transparent;padding:0.7rem 1.5rem;display: inline-block;}
		.btLinkBorder:hover{color:#fff;background-color:rgba(0,141,54,0.4);}
		.btLink:visited{color: #fff;}
		.btLink:visited:hover{color: #eb8dad;}
		
		section{padding:4rem 3rem}
		section:not(#boxDestaques,#Bg_Video){padding:4rem 0;}


		

	
		#Contato {background:url(imagens/bg_ondulado.jpg) #ffffff;background-position: center bottom;background-repeat: no-repeat;width: 100%}
		#Contato h2 {text-align: center;}
		#Contato h4 {text-align: left;color: #585858;font-weight: 500;font-size: 1.3em;line-height: 140%;padding: 25px;}
		#Contato h4 strong {font-weight: 700}
		#Contato iframe {border-radius: 12px;margin-bottom: 15px;}
		#Contato p {color: #585858;text-align: left;padding: 25px;}
		#Contato p a {color: #ffffff}

		#formContato {margin: 2rem;}
		#formContato p {padding: 0px!important}

		.wpcf7-mail-sent-ok {font-family: 'Montserrat', sans-serif;font-size:14px;padding:12px; text-align: center;background-color: #00ab20;color: #ffffff;border-radius: 12px;}
		.wpcf7-validation-errors {font-family: 'Montserrat', sans-serif;font-size:14px;padding:12px; text-align: center;background-color: #de0000;color: #ffffff;border-radius: 12px;}

		/* formularios */
		:root {
		  --font-color: #58585B;
		  --font-size: 1rem; 
		  --font-fam: 'Montserrat'; 
		}
		.form input, .form textarea{box-shadow:none;background:#fff;color: var(--font-color);font-family: var(--font-fam), sans-serif;font-size:var(--font-size);padding:1.7rem;border-left:transparent;border-right: transparent;border-top: transparent;border-radius: 6px;border:solid #80888f 1px;}
		.form select{height:50px;color: var(--font-color);font-family: var(--font-fam), sans-serif;font-size:var(--font-size);padding:0 1.0rem;border:1px solid #80888f;border-radius: 6px;}
		.form select{-webkit-appearance: none;-moz-appearance: none;appearance: none;background:#fff url(imagens/icon_select_form.svg) 98% center no-repeat;background-size: 15px}
		.form input::-webkit-input-placeholder{color: var(--font-color);font-family: var(--font-fam), sans-serif;font-size:var(--font-size)}
		.form input::-moz-placeholder{color: var(--font-color);font-family: var(--font-fam), sans-serif;font-size:var(--font-size)}
		.form input:-ms-input-placeholder{color: var(--font-color);font-family: var(--font-fam), sans-serif;font-size:var(--font-size)}
		.form input::placeholder{color: var(--font-color);font-family: var(--font-fam), sans-serif;font-size:var(--font-size)}
		.form textarea::-webkit-input-placeholder{color: var(--font-color);font-family: var(--font-fam), sans-serif;font-size:var(--font-size)}
		.form textarea::-moz-placeholder{color: var(--font-color);font-family: var(--font-fam), sans-serif;font-size:var(--font-size)}
		.form textarea:-ms-input-placeholder{color: var(--font-color);font-family: var(--font-fam), sans-serif;font-size:var(--font-size)}
		.form textarea::placeholder{color: var(--font-color);font-family: var(--font-fam), sans-serif;font-size:var(--font-size)}
		.form .wpcf7-submit{background:#97a2d0 url('imagens/email.svg') right center no-repeat;color:#fff;font-size:1.2rem;padding:0.8rem 3.8rem;font-weight:600;cursor:pointer;border:none;font-family: var(--font-fam), sans-serif;border-radius: 40px;margin-top: 18px;width: 100%}
		.form .wpcf7-submit:hover{background-color:#6D6E6E;}
		.btn:hover{filter: brightness(95%);}
		.form label {font-weight: 600;padding-bottom: 9px;font-size: 1em;}
		
		form div.callout{clear:both;-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);}
		form div.callout span{margin:0;padding: 2px !important;font-size: 0.95em;color: #999;text-transform:uppercase;}		
		form div.callout button.close-button span{margin:0;font-size:2rem;color:#999;}

		#video {width: 100%;height: 450px;}
		#video iframe {margin: 0px;width: 100%}
		video:after{padding-bottom:0px;
								 content: "";
								 position: absolute;
							    left: 0;
							    right: 0;
							    bottom: 0;
							    top: 0;
							    z-index: 5;
							   background: rgb(2,0,36);
								background: -moz-linear-gradient(0deg, rgba(2,0,36,0.85) 31%, rgba(3,27,32,0.10) 68%);
								background: -webkit-linear-gradient(0deg, rgba(2,0,36,0.85) 31%, rgba(3,27,32,0.10) 68%);
								background: linear-gradient(0deg, rgba(2,0,36,0.85) 31%, rgba(3,27,32,0.10) 68%);
								filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#020024",endColorstr="#031b20",GradientType=1);border:dashed red 1px;}
		.tit_video h1 {color: #ffffff;text-align: center;}
		.tit_video h1 {text-align: center;color: #fff;font-size: 2.4em;line-height: 90%;font-weight: 500;padding-top: 100px;}
		.tit_video h1 strong {font-weight: 900;}


			video { 
			    position: fixed;
			    top: 50%;
			    left: 50%;
			    min-width: 100%;
			    width: auto;
			    z-index: -100;
			    transform: translateX(-50%) translateY(-50%);
			     background: url('imagens/bg_video.jpg') no-repeat;
			      background-size: cover;
			      transition: 1s opacity;
			      opacity:1;
			}

		/* para todas as internas */

		#internas {padding-top: 80px;}
		#BoxInstitucional {background:url(imagens/fundo_parede.jpg);background-position: center bottom;background-repeat: no-repeat;width: 100%;padding-top: 9rem;padding-bottom: 26em;}
		#BoxLocalizacao {background:url(imagens/mapa_bg.jpg) #171747;background-position: right top;background-repeat: no-repeat;width: 100%;padding-top: 7rem;padding-bottom: 26em;}
		#BoxLocalizacao h2 {padding-top: 14rem;}
		.conteudo {padding: 25px;padding-right: 38px;}
		.conteudo p {color: #ffffff;font-size: 1.1em;font-weight: 500;line-height: 180%}
		.conteudo p strong {font-weight: 700}
		.conteudo h4 {text-align: center;font-weight: 1em;font-weight: 700;padding-top: 12px;padding-bottom: 30px;color: #ffffff}
		.sidebar ul li {padding-bottom: 20px;width: 80%;display: block;padding: 8px;padding-left: 12px;padding-right: 20px;border-radius: 6px;margin-bottom: 2px;}
		.sidebar li a {color: #ffffff;font-weight: 600}
		.sidebar li a:hover {color: #ffffff}
		.sidebar li:hover {background-color:#b5c1fc }
		.sidebar li.active {background-color: #c5d82e}
		.sidebar li.active a {color: #000000}

		#BoxServicos {background-color: #ffffff;padding-top: 7rem; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;padding-bottom: 7em;background:url(imagens/bg_servicos.jpg) right bottom no-repeat;background-attachment: fixed;}
		#BoxServicos .conteudo p {color: #1a2526}
		#BoxServicos .conteudo_migalha h3 {font-weight: 600;color: #201f5f;font-size: 0.875em;margin-bottom: 0px;}
		#BoxServicos .conteudo_migalha h3 strong {font-weight: 700;color: #b5c1fc;text-transform: uppercase;}
		#BoxServicos .conteudo h1 {color: #201f5f;font-size: 2em;font-weight: 800;text-transform: uppercase;margin-top: 11px;margin-bottom: 35px;}
		.box_servico {background-color:#e5e5e5;border-radius: 6px;padding-top:32px;text-align: center;padding-bottom: 42px;color: #1a2526;margin: 6px; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
		.box_servico h3 {font-size: 1em;text-align: center;text-transform: uppercase;font-weight: 800;margin-top: 10px;height: 2em;}
		#BoxServicos .conteudo h4 {color: #201f5f;font-weight: 600;text-align: left;margin: 0px;padding: 0px;margin-top: 22px;margin-bottom: 11px;}
		.box_servico figure {max-width: 100px;margin:auto;}
		.box_servico:hover {background-color: #2a3b8e;color: #b7b7ab;-webkit-box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.58);
-moz-box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.58);
box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.58);}
		#BoxServicos .icone {max-width: 80px;}

		.box_tecnologia {padding-top:25rem;padding-bottom: 3rem;padding-left: 20px;background-size: cover;border:solid 2px #ffffff;transform: scale(1);-webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;margin: 12px;}
		.box_tecnologia:hover {transform: scale(1.1);border:solid 2px #2a3b8e;-webkit-box-shadow: -1px 13px 14px -8px rgba(0,0,0,0.63);
-moz-box-shadow: -1px 13px 14px -8px rgba(0,0,0,0.63);
box-shadow: -1px 13px 14px -8px rgba(0,0,0,0.63);}
		.box_tecnologia h3 {font-weight: 900;color: #ffffff;font-size: 1.5em;}

		.bt_voltar {background: #97a2d0 url(imagens/seta_direita_branca.svg) left center no-repeat;
			    color: #fff;
			    font-size: 1rem;
			    padding: 0.8rem 2.8rem;
			    pad
			    font-weight: 700;
			    cursor: pointer;
			    border: none;
			    font-family: var(--font-fam), sans-serif;
			    border-radius: 40px;
			    margin-top: 18px;
			    text-transform: uppercase;
			    width: 100%;}
	     .bt_voltar:hover{background-color:#201f5f;color: #ffffff}

	     .reveal h5 {background-color:#97a2d0;padding: 12px; color: #ffffff;display: inline-block;font-size: 0.875em;position: absolute; left: 12px;bottom: 12px;}
	     .reveal .close-button {background-color:#97a2d0; padding:4px;border-radius: 22px;color:#ffffff!important;}


	     #BoxQualificacao {background:url(imagens/foto_bg_cliente.jpg);background-position: center right;background-repeat: no-repeat;width: 100%;padding-top: 9rem;padding-bottom:20em;background-size: cover;}
	     #BoxQualificacao h2 {color:#ffffff}
	     #BoxQualificacao h3 {color:#ffffff;font-size: 1.5em;font-weight: 800;background:url(imagens/icone_check.png);background-position: left center;padding-left: 60px;background-repeat: no-repeat;}
	     #BoxQualificacao h4 {font-weight: 500;font-size: 1em;text-align: left;line-height: 190%;padding-left: 60px;}
	     #BoxQualificacao p {color:#1a2526;font-size:1em;}

	     .slick-dots li button{background:#e8e7e9;border-radius: 50%;padding: 6px;width:10px;height: 10px;}
		li.slick-active button{background:#c5d82e;width:18px;height: 18px;padding: 10px;}
		.slick-arrow{background:transparent;display: none;}

		.slick-marcas {padding-bottom:15px;}


	     #BoxDepoimentos {background-color: #ffffff}
	     #BoxDepoimentos figure {display: inline-block;max-width: 130px;padding: 10px;}
	     .marcas{margin: auto;width: 95%;padding: 22px;}
	     .marcas_lista{margin: auto;padding: 22px;}
	    .marcas figure img {
					  filter: gray; /* IE6-9 */
					  -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
					  filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
					}

					/* Disable grayscale on hover */
		.marcas figure img:hover {
					  -webkit-filter: grayscale(0);
					  filter: none;
					}
		#BoxClientes {background:url(imagens/bg_clientes.jpg);background-position: center right;background-repeat: no-repeat;width: 100%;padding-top: 9rem;padding-bottom:7em;}
		#BoxClientes h1 {color:#201f5f;font-size: 2.1em;font-weight: 500;text-transform: uppercase;margin-bottom: 25px;}
		#BoxClientes h1 strong {font-weight: 900}

		.contato_pag {background:url(imagens/bg_ondas.jpg)!important;background-position: center center!important;background-repeat: no-repeat;width: 100%;padding-top: 9rem;padding-bottom:7em;background-attachment: fixed;}
		.contato_pag h2 {text-align: left!important;}
/* blog simgle */

article {
    margin: 0px 50px 20px 0;
}

article h1 {
    font-size: 30px;
    color: #000;
    padding: 20px 0 10px 0
}

article h2 {
    font-size: 28px;
    color: #0000;
    padding: 16px 0 8px 0
}

article h3 {
    font-size: 26px;
    color: var(--dourado);
    padding: 14px 0 6px 0
}

article h4 {
    font-size: 24px;
    color: var(--dourado);
    padding: 12px 0 5px 0
}

article p {
    font-size: 1.1em;
    line-height: 160%;
    color: var(--cinza);
    padding-top: 12px;
    padding-bottom: 12px;
}

article p strong {
    font-weight: 600;
    color: #000
}

article img {
    border-radius: 10px;
    max-width: 800px;
}

article em {
    font-style: italic
}

article a {
    color: var(--dourado);
    text-decoration: underline;
}

article a:hover {
    color: var(--dourado-escuro)
}

article p a {
    color: var(--dourado);
    text-decoration: underline;
}

article p a:hover {
    color: var(--dourado-escuro)
}

article strong {
    font-family: 'Work Sans', Arial, sans-serif;
    font-weight: 600
}

article li strong {
    font-family: 'Work Sans', Arial, sans-serif;
    color: var(--dourado)
}

article ul {
    list-style-type: disc;
    margin: 0 0 0 50px;
}

article li {
    font-size: 18px;
    line-height: 24px;
    padding: 5px 0
}

article blockquote {
    border-left: 3px solid var(--dourado) !important;
    font-style: italic
}

article blockquote cite {
    font-family: 'Work Sans', Arial, sans-serif;
    color: var(--dourado)
}

article blockquote strong {
    font-family: 'Work Sans', Arial, sans-serif;
    color: var(--dourado)
}

#boxPost hr {
    margin: 50px 0;
}

#boxPost {
    padding-top: 2rem;
}
aside {padding: 15px;}
aside ul {
    margin-left: 0px;
}

aside li::marker {
    display: none;
}

aside h4 {
    font-size: 1em;
    font-weight: 600;
    color: #000
}

aside li {
    border-bottom: 1px solid var(--cinza-claro);
    list-style: none;
}

aside a {
    font-size: 0.8em;
    color: var(--cinza);
    display: inline-block;
    padding-left: 0px;
    padding-top: 9px;
    padding-bottom: 9px;
}

aside a:hover {
    color: var(--dourado);
}

aside figure {
    text-align: center;
    margin: 5px 0
}

aside img {
    border-radius: 10px;
}

aside .tag {
    font-size: 0.8em;
    color: var(--cinza);
    background: var(--cinza-claro);
    border-radius: 12px;
    padding: 10px;
    margin: 2px;
    display: inline-block;
    padding-bottom: 4px;
    padding-top: 4px;
}

aside a.tag:hover {
    background-color: var(--dourado);
    color: #ffffff;
}

#boxPost .infos_p
/* ------------- footer ------------- */
	footer{background:#272324;padding:3rem;text-align: center;}
	footer .logo_footer figure {width: 70%;}
	footer p {color: #acacac;font-size: 0.9em;text-align: left;line-height: 140%;padding-top: 10px;}
	footer p strong {font-weight: 700}
	footer li a {color: #ffffff}
	footer li a:hover {color: #FFB718}
	footer li {display: inline-block;margin-right:5px;}
	footer li figure {width:40px}
	footer ul {float: left;margin-top: 15px}
	.nav_footer ul {display: block;padding-top: 0px;}
	.nav_footer li {color:#acacac;font-size: 0.9em;text-align: left;display:block; padding-bottom: 9px;}
	.nav_footer li a {color:#acacac;text-transform: capitalize;}
	.nav_footer li a:hover {color:#ffffff; }

	#creditos p {font-size: 0.788em;color: #B7B9C1;text-align: center;padding-top: 22px;}
	#creditos {background-color:#050505;width: 100%;margin-top:0px;padding-top: 1rem;padding-bottom: 1rem}
	#creditos a{color: #fff}
	#creditos .cta{text-align: center;margin: auto;display: inline-block;position: relative;margin-top: 22px;}
	form#formNews{position: relative;}
	form#formNews .callout{position: absolute;right:0;padding:10px 50px 10px 10px;width: auto}
	form#formNews .close-button{   right: 1rem;    top: .15rem;}

	#btZap{display: block;position:fixed;right:50px;bottom:50px;width:75px;height:75px;border-radius: 50%;background:transparent url(imagens/whatsapp.svg) center no-repeat;box-shadow:4px 0px 6px 0px rgba(0,0,0,0.16);text-indent: -5000rem;overflow: hidden;z-index: 9}
	#btZap:hover{filter:grayscale(1);box-shadow:0 4px 6px 0 rgba(0,0,0,0.16);}

    #bt_orc{display: block;
    position: fixed;
    right: 130px;
    bottom: 70px;
    background: #2a3b8e;
    box-shadow: 4px 0px 6px 0px rgb(0 0 0 / 16%);
    /* overflow: hidden; */
    z-index: 9;
    width: 125px;
    height: 35px;
    text-indent: inherit;
    color: #fff;
    text-align: center;
    border-radius: 15px;
    font-size: 13px;
    font-weight: bold;
    padding-top: 8px;}
	#bt_orc:hover{background: #c5d82e;box-shadow:0 4px 6px 0 rgba(0,0,0,0.16);color: #2a3b8e}



@media screen and (max-width : 1370px){
	#boxDestaques {margin-top: 70px;}
	header.large figure {width:280px;background: transparent;padding-top: 10px;padding-bottom: 10px;}
	header .menu {text-align: right;float: right;margin: 0px;padding: 0px;}
	header .menu li {margin-left:18px;}
	header .menu li a {padding-top: 0px;font-size: 1em}
	#boxDestaques li {height: 600px;}
	.conteudo_banner {margin-top: 320px;}

}
@media screen and (max-width : 1280px){
	#boxEstrategia h1 {
    text-align: left;
    color: #ffffff;
    font-size: 1em;
    line-height: 122%;
    font-weight: 500;
    padding-left: 25px;
	}

}



@media screen and (max-width : 1034px){

	#boxDestaques li {height: 500px;}
	.conteudo_banner {margin-top: 170px;}
	#boxDestaques .orbit-bullets {top: 520px;}


	header .menu li {margin-left:10px;}
	header .menu li a {padding-top: 0px;font-size: 0.8em}
	header.small .menu li {margin-left: 5px;}

	
}
@media screen and (max-width : 1023px){

	.app {display: none;}
	#NossosProjetos h3 {padding-top: 120px;}
	#NossosProjetos {background-position: bottom;padding-bottom: 8rem}
	.bt_telefone {display: none;}

}


@media screen and (max-width : 1010px){

	.nav_footer {padding-top: 50px;}

	#boxBeneficios h2 {text-align: center;margin-bottom: 45px;}
	#boxBeneficios {padding-top: 2rem;}
	#BoxEngenharia h1 {font-size: 2em;}
	#boxEstrategia h1 {padding-left: 55px;}
	footer .logo_footer figure {width: 50%;margin-top: 20px;}

	#boxDestaques {margin-top: 40px;}


	header .menu li a {padding-top: 20px;padding-bottom: 0px;}

	header {padding-left: 0px;padding-right: 0px;}
	footer ul {border-bottom: none;}

	header p {display: none;}
	section h2{font-size:2.000em;}
	/*INI config do menu mobile*/		
	
	#boxDestaques h1{font-size:2.667em;}
	
		/* menu */
		.menu{display: none;position:absolute;background-color:rgba(65,65,65,0.95);width:100%;height:100vh;position: absolute !important}
		.menu.nav-active {display: block;top:0rem;padding:3rem 1rem 1rem 1rem;left:0;}
		.menu.nav-active li{display: block;text-align: left;border-bottom: solid #a5a3a5 1px;padding-top:10px;padding-bottom:10px;}
		header .bt_telefone {margin-left: 0px;}
		.menu.nav-active a{display:inline-block;text-align: center;margin:0rem;font-size:17px;padding-left: 9px}
		.small .menu.nav-active a{color:#fff;}
		.large .menu.nav-active a{color:#fff;}
		.small .menu.nav-active a:hover {color:#fff;border-bottom: 0px;}
		.large .menu.nav-active a:hover {color:#fff;border-bottom: 0px;}

		header .small {padding-top: 12px;padding-bottom: 12px;}

		section {padding-left: 2rem; padding-right: 2rem}

		header .submobile {display: block;}
		header .submenu_mobile {background-color: #1a2526!important;padding-left: 18px;padding-top:0px!importants;padding-bottom:20px!important;}
		header .submobiletitulo a {margin-left: -15px!important;padding-left: 32px!important}

		header .submobiletitulo a::after {
			    display: block;
			    width: 0;
			    height: 0;
			    border: inset 6px;
			    content: '';
			    border-bottom-width: 0;
			    border-top-style: solid;
			    border-color: #2ba6cb transparent transparent;
			    margin-top:6px;
			    margin-left: -20px;
			    float: left;
			}

		.is-dropdown-submenu-parent {display: none!important;}




		/*botao menu*/	
		.large .nav-mobile{top: 2rem;right: 2rem;}	
		.small .nav-mobile{top: 1rem;right: 2rem;}			
		.large .nav-mobile .line{background-color: #c5d82e}
		.small .nav-mobile .line{background-color: #c5d82e;}
		.nav-mobile{cursor: pointer;position: absolute;height: 4rem;width: 3.2rem;border-radius: 5px;z-index:90;display: block;	z-index: 11;}
		.nav-mobile .line{width: 35px;height: 4px;display: block;margin: 5px auto;
		  -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;	}	
		.nav-mobile:hover{cursor: pointer;}

		.nav-mobile-open{border-radius: 0.5rem 0.5rem 0 0;margin-bottom: 1rem;padding:0.25rem 0.5rem 1rem 0.5rem;}
		
		.nav-mobile.is-active .line:nth-child(3){opacity: 0}	
		.nav-mobile.is-active .line:nth-child(2){
		  -webkit-transform: translateY(11px) rotate(42deg);-ms-transform: translateY(11px) rotate(42deg);
		  -o-transform: translateY(11px) rotate(42deg);transform: translateY(11px) rotate(42deg);	}	
		.nav-mobile.is-active .line:nth-child(4){
		  -webkit-transform: translateY(-7px) rotate(-45deg);-ms-transform: translateY(-7px) rotate(-45deg);
		  -o-transform: translateY(-7px) rotate(-45deg);transform: translateY(-7px) rotate(-45deg);}
	/*FIM config do menu mobile*/

	/*FIM config do menu mobile*/
	.detalhe_verde {display: none;}


}

@media screen and (max-width : 900px){

	#boxBeneficios figure {max-width: 80px;}
	#boxDestaques li {height: 400px;}
	.conteudo_banner {margin-top: 120px;}
	#boxDestaques h1 {font-size: 2.4em}
	#boxDestaques .orbit-bullets {top: 420px;}





}
@media screen and (max-width : 650px){

#boxEstrategia h1 {font-size: 0.8em;}
header.large figure {width: 200px}
#boxDestaques {margin-top: 15px;}
#boxDestaques h1 {font-size: 2.0em}
#boxDestaques li {height: 370px;background-size: cover!important;}


}
@media screen and (max-width : 600px){



	#boxBeneficios h4 {padding-bottom: 30px;}
	footer .logo_footer figure {max-width: 35%;}
	.sidebar ul li {padding-bottom: 20px;display: inline-block;padding:4px;padding-left:5px;padding-right:5px;border-radius: 6px;margin-bottom: 10px;width: auto;margin-top: 5px;}
		.sidebar li a {color: #ffffff;font-weight: 600}
		.sidebar li a:hover {color: #ffffff}
		.sidebar li:hover {background-color:#b5c1fc }
		.sidebar li.active {background-color: #c5d82e}
		.sidebar li.active a {color: #000000}

	#BoxInstitucional {padding-top: 2rem;}
	#BoxInstitucional .grid-container {padding: 0px;}
	#BoxInstitucional .large-3 {padding: 0px!important}
	.conteudo {padding: 18px;}
	.sidebar li a {font-size: 0.8em;}
	.sidebar {width: 100%!important;padding: 0px;margin: 0px;}



}
@media screen and (max-width : 375px){
	section h1 {font-size: 1.6em!important}


	.large .nav-mobile{top: 2rem;right: 1rem;}	
	.small .nav-mobile{top: 1rem;right: 1rem;}	
}