*{padding: 0; margin: 0; text-decoration: none; list-style-type: none; outline: none; font-family: 'Open Sans'; font-size: 18px;}
body{overflow-x: hidden;}
form fieldset{border:none;}

.conteudo-site{max-width: 1000px; width: calc(100% - 40px); padding: 0 20px; margin: 0 auto;}
.base-conteudo{width: 100%; clear: both;}

.padrao-titulo{text-transform: uppercase; font-size: 30px; color:#0c1c26; font-weight: 900; font-family: 'Open Sans';}
.padrao-conteudo{color:#202020; line-height: 24px; letter-spacing: 1.2px; padding-top: 30px;}

.sombra-padrao{-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);}

.item-exibir{padding: 40px 0;}
.item-exibir .item{width: calc( (100% - 40px) / 3  ); display: inline-block; margin-left: 20px;}
.item-exibir .item:nth-child(3n + 1){margin-left: 0;}
.item-exibir .item .bg-item{width: 100%;  height: 260px; display: block; background-image: url(../img/img-area-1.png); background-repeat: no-repeat; background-size: cover; background-position: center; position: relative;}
.item-exibir .item .bg-item a{height: 40px; width: 110px;background: #fff; text-align: center; color: #0c1c26; line-height: 40px; text-transform: uppercase; position:absolute; right: -10px; bottom: -10px; transition: 0.3s; display: block; opacity: 0; }
.item-exibir .item .bg-item:hover a{opacity: 1;}
.item-exibir .item .bg-item a:hover{color:#fff; background: #0c1c26;}

.item-exibir .item .texto-item{margin-top: 10px;}
.item-exibir .item .texto-item span{color:#202020; font-size: 14px;}
.item-exibir .item .texto-item p{color:#242424; font-size: 22px; font-family: 'Open Sans';}


.topo{background: #0c1c26;}

.topo .menu{height: 120px; position: relative; z-index: 2; left: 0;}
.topo .menu h1{height: 120px; width: calc( (100% - 20px) * 0.3 ); background-image: url(../img/jpestruturas_logo_branca.png); background-position: center; background-repeat: no-repeat; overflow: hidden; text-indent: -30000px; display: inline-block;}
.topo .menu ul{height: 120px; display: inline-block; vertical-align: top; text-align: right; width: calc( (100% - 20px) * 0.7 ); margin-left: 20px;}
.topo .menu ul li{display: inline-block; line-height: 120px;}
.topo .menu ul li a{color:#fff; margin-left: 20px;}
.topo .menu ul li a:hover{text-decoration: underline;}


.topo .banner { background-position: left bottom 7px; background-repeat: repeat-x; }
.topo .banner .texto-esquerda{width: calc( (100% - 20px) * 0.46 ); display: inline-block; padding-right: 20px; vertical-align: top;}
.topo .banner .texto-esquerda p.titulo-banner{text-transform: uppercase; font-size: 30px; color:#fff; font-weight: 900; font-family: 'Open Sans'; margin-top: 40px; }
.topo .banner .texto-esquerda p.titulo-banner span{ font-size: 30px; color:#0c1c26; font-weight: 900; font-family: 'Open Sans'; }
.topo .banner .texto-esquerda .banner-solicitar-orçamento{margin-top: 115px; margin-bottom: 205px; text-align: center;}
.topo .banner .texto-esquerda .banner-solicitar-orçamento p.descritivo-acao{font-family: 'Open Sans'; font-style: normal; font-size: 20px; color:#fff;}
a.botao-acao{background:#fff; border-radius: 3px; display: inline-block; padding: 0 20px; color:#0c1c26; font-family: 'Open Sans'; font-weight: 900; letter-spacing: 1.2px; text-transform: uppercase; text-align: center; height: 40px; line-height: 40px; margin-top: 10px;}

.topo .banner .imagem-direita{width: calc( (100% - 20px) * 0.54 ); display: inline-block; height: 0px; position: relative;}
.topo .banner .imagem-direita .item-banner{background-image: url(../img/img-banner.png); background-repeat: no-repeat; background-size: cover; position: absolute; top: 0; left: 0; }


.topo .banner .texto-esquerda{z-index: 2; width: calc(100%); position: relative; left: 0;}
.topo .banner .imagem-direita{position: absolute; top: 0; left: 0; z-index: 0; opacity: 0.3; width: 100%; transition: 0.5s; }
.topo .banner .imagem-direita .item-banner{width: 100%; height: 100%; left: 0; top: 0;}

.areas-atendimento p.padrao-titulo{margin-top: 47px;}


.sobre{background: #fbfcfe; -webkit-box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.3); -moz-box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.3); box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.3);}
.sobre .texto-sobre{padding: 40px 0; width: calc( (100% - 20px) * 0.66 ); display: inline-block;}
.sobre .texto-sobre .padrao-titulo{height: 30px;}
.sobre .objetivos{padding: 0 0 0 0; background:#0c1c26; margin-left: 20px; width: calc( (100% - 20px) * 0.32 ); display: inline-block; vertical-align: top;}
.sobre .objetivos .padrao-titulo{ color:#fff; text-align: center; }

.sobre .objetivos .icones-obj .obj{ padding-top: 32px; font-size: 20px; }
.sobre .objetivos .icones-obj .obj span{ background-image: url(../img/icone-seguranca.png); background-repeat: no-repeat; background-position: center; display: inline-block; width: 90px; height: 40px;}
.sobre .objetivos .icones-obj .obj p{color: #fff; line-height: 40px; font-family: 'Open Sans'; font-style: normal; height: 40px;  vertical-align: top; letter-spacing: 1.1px; display: inline-block; font-size: 20px;}
.sobre .objetivos .acao-obj{height: 40px; color: #0c1c26; background:#fff; display: block; width: calc(100% - 40px); margin-left: 20px; text-align: center; line-height: 40px; margin: 20px;}


.portifolio{padding-top: 40px;}
.portifolio .texto-portifolio{color:#0c1c26; font-size: 30px; text-align: center; font-family: 'Open Sans'; font-style: normal; padding: 40px 0;}
.portifolio .texto-portifolio span{color:#0c1c26; font-size: 30px; text-align: center; font-family: 'Open Sans'; font-style: normal; }

.portifolio .itens-portifolio .texto{width: calc( (100% - 20px) * 0.66 );}
.portifolio .itens-portifolio .texto a{height: 40px; width: 110px; color:#fff; background: #0c1c26; text-align: center; line-height: 40px; text-transform: uppercase; transition: 0.3s; display: block; opacity: 1; font-size: 14px;  }

.portifolio .itens-portifolio .item-exibir {padding: 0 0 40px 0; margin-top: 40px;}


.portifolio .itens-portifolio .item-exibir .item{vertical-align: top; }
.portifolio .itens-portifolio .item-exibir .item:nth-child(3){margin-top: 0;}
.portifolio .itens-portifolio .item-exibir .item:nth-child(2){margin-top: 0;}
.portifolio .itens-portifolio .item-exibir .item:nth-child(1){margin-top: 0;}
.portifolio .itens-portifolio .item-exibir .item .bg-item{height: 340px;}
.portifolio .itens-portifolio .item-exibir .item .texto-item{margin-top: 10px;}
.portifolio .itens-portifolio .item-exibir .item .texto-item p{font-family: 'Open Sans'; font-style: normal; font-size: 20px;}


.rodape{position: relative; padding: 40px 0 20px 0; background-color: rgba(12, 28, 38, 0.8);}
.rodape .titulo-rodape{color:#fff; font-family: 'Open Sans'; font-weight: 900; font-size: 30px; text-align: center; line-height: 48px; letter-spacing: 1px; padding: 20px 0 0 0;}
.rodape .descritivo-rodape{color:#fff; text-align: center; padding: 30px 0 40px 0; font-size: 20px;}
.rodape .locais .local{width: calc( (100%) / 3 ); display: inline-block; vertical-align: top;}
.rodape .locais .local .padrao-titulo{color:#fff; }
.rodape .locais .local .padrao-conteudo{color:#fff; padding-top: 10px;}

.rodape .email-rodape{color:#fff; text-align: center; border-top: 1px solid #fff; padding-top: 20px; margin-top: 20px;}


.rodape::after {
  content: "";
  background-image: url(../img/bg-rodape.png); background-size: cover; 
  opacity: 1;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;   
}



.assinatura a{color:#262c3c; width: 100%; display: block; text-align: center; height: 60px; line-height: 60px;}

.projeto{ margin-top: 20px; position: relative;}
.projeto .conteudo-site{position: relative;}
.projeto .categoria-projeto{line-height: 60px; height: 60px; color:#fff; text-transform: uppercase;}

.projeto .bg-projeto{width: calc(75%); background:#0c1c26; position: absolute; min-height: 100%; z-index: -1;}
.projeto .bg-projeto .div-hover-gb { position: absolute;  background-image: url(../img/teste-projeto.jpg); background-size: cover; opacity: 0.3; top: 0; left: 0; bottom: 0; right: 0; position: absolute; transition: 0.8s;}


.projeto .texto-projeto{position: absolute; z-index: 2; right: 0; top: 0; background: #fff; width: calc( (100% - 80px) * 0.4); padding: 50px 20px 50px 40px;}
.projeto .texto-projeto .bg-detalhe-projeto{position: absolute; z-index: -1; left: -20px; top: 20px; background: rgba(255,255,255,0.3); width: calc(100%); height: calc( 100% - 140px); padding: 70px 0;}
.projeto .texto-projeto .titulo-projeto{font-size: 30px; color:#242424; font-family:'Open Sans'; font-style: normal;}
.projeto .texto-projeto a{ height: 40px; font-size: 14px; padding: 0 10px;  color:#fff; background: #0c1c26; display: inline-block; line-height: 40px; margin-top: 40px; }
.projeto .texto-projeto .detalhe-texto-projeto{background: #0c1c26; height: 2px; width: 100%; max-width: 340px; position: absolute; bottom: -2px; right: 20px;}

.projeto .foto-projeto{height: 480px; position: relative; width: calc( ( 100% ) * 0.6 ); background-image: url(../img/teste-projeto.jpg); background-size: cover; background-position: center; margin-bottom: 10px; transition: 0.8s;}
.projeto .foto-projeto .detalhe-foto-projeto{background: #0c1c26; height: 2px; top: -2px; right: 0; width: 100%; max-width: 340px;  position: absolute;}

.projeto .navegacao-fotos{height: 60px; width: 100%;}
.projeto .navegacao-fotos .item-navegacao{width: 16px; cursor: pointer; height: 16px; border:2px solid #fff; background: #fff; margin-top: 15px; margin-right: 10px; display: inline-block; transition: 0.4s;}
.projeto .navegacao-fotos .item-navegacao:hover{ border:2px solid #fff; background: transparent; transition: 0.4s;}
.projeto .navegacao-fotos .item-selecionado-navegacao{width: 26px; background: transparent; border: solid 2px #fff; }


.contato{padding-bottom: 40px;}
.contato .contato-esquerda{width: calc((100% - 20px) * 0.6); display: inline-block;}
.contato .contato-direita{width: calc((100% - 20px) * 0.4); display: inline-block; vertical-align: top; padding-left: 20px;}
.contato .contato-esquerda form{width: 100%; padding-top: 30px;}
.contato .contato-esquerda form fieldset .base-input{position: relative;}
.contato .contato-esquerda form fieldset .base-input label{display: block; display: block; width: 100%; font-size: 14px; color:#202020;}
.contato .contato-esquerda form fieldset .base-input input, .contato .contato-esquerda form fieldset .base-input select{width: calc(100% - 20px); display: block; border:1px solid #202020; border-top: none; border-right: none; color:#202020; margin-bottom: 10px; margin-top: 10px; font-size: 16px; padding: 0 10px; height: 30px; line-height: 30px;}

.contato .contato-esquerda form fieldset .base-input select{width: 100%; background: #fff;}
.contato .contato-esquerda form fieldset .base-input textarea{font-family: 'Open Sans'; font-size: 16px; color:#202020; line-height: 22px; border:1px solid #202020; border-top: none; border-right: none; width: calc(100% - 20px); padding: 0 10px; resize: none; height: 150px; margin-top: 10px;}
.contato .contato-esquerda form fieldset .base-input .submit-contato{ background-color: #0c1c26; background-image: url(../img/bg-input-contato.png); background-position: left 11px center; background-repeat: no-repeat; height: 60px; width: 60px; border-radius: 100px; position: absolute; right: -10px; bottom: -30px; cursor: pointer; }


.footer-mobile { display: none; }
.rodape-celular-small-topo{height: 54px;}
.rodape-celular-small{position: fixed; bottom: 0; left: 0; z-index: 99; background: #fff; height: 54px; width: 100%; border-top: 1px solid #e5e5e5;}
.rodape-celular-small .icone-ligar a{background-image: url(img/icone-ligar.png); background-repeat: no-repeat; background-position: center right 10px; height: 54px; display: inline-block; padding-left: 60px; line-height: 54px; color:#3f3f3f; font-weight: 900;}
.rodape-celular-small .icone-whatsapp{display: block; width: 100%; position: absolute; bottom: 0;}
.rodape-celular-small .icone-whatsapp a{background-image: url(../img/icone-whatsapp-rodape.png); background-repeat: no-repeat; background-position: center left 10px; height: 54px; display: block; text-align: center; line-height: 54px; color:#3f3f3f; font-weight: 900; border-left: 1px solid #e5e5e5; margin-top: -54px; }





@media (max-width: 990px){

	.footer-mobile { display: block; }

	.topo-interna .menu{padding-bottom: 40px;}

	.topo{position: relative;}
	.topo .menu h1{width: calc(100%); display: block; position: relative; z-index: 2; height: 90px;}
	.topo .menu ul{height: 40px;text-align: center; width: calc(100%); margin-left: 0; position: relative; z-index: 2;}
	.topo .menu ul li{height: 40px; line-height: 40px;text-align: center;}
	.topo .menu ul li a{font-size: 16px; margin-left: 10px;}
	.topo .banner{width: calc(100% );}
	.topo .banner .texto-esquerda{z-index: 2; width: calc(100%); position: relative; left: 0;}
	.topo .banner .imagem-direita{position: absolute; top: 0; left: 0; z-index: 0; opacity: 0.3; width: 100%; height: calc(100%);}
	.topo .banner .imagem-direita .item-banner{width: 100%; height: 100%; left: 0; top: 0;}
	a.botao-acao{font-size: 16px; height: unset; min-height: 40px; padding: 5px;}

	.areas-atendimento p.padrao-titulo{width: calc(100% );}

	.item-exibir {width: calc(100% );}
	.item-exibir .item{width: calc(100%); margin-left: 0 !important; margin-bottom: 40px;}

	.sobre .texto-sobre{ width: calc(100% ); }
	.sobre .objetivos{width: calc(100% ); margin-left: 0; margin-bottom: 20px;}

	.item-exibir .item .bg-item a{display: block !important; opacity: 1 !important;}

	.portifolio .texto-portifolio{width: calc(100% );}
	.portifolio .itens-portifolio .item-exibir{padding: 40px 0 40px 0;}
	.portifolio .itens-portifolio .item-exibir .item{margin-top:  20px !important; margin-bottom:  20px;}
	.portifolio .itens-portifolio .item-exibir .item:first-child{margin-top: 40px !important;}
	.portifolio .itens-portifolio .item-exibir .item:last-child{margin-bottom: 0 !important;}

	.rodape .titulo-rodape{width: calc(100% );}
	.rodape .descritivo-rodape{width: calc(100% );}
	.rodape .locais .local{width: calc(100% ); text-align: center !important; margin-top: 40px;}

	.projeto {margin-top: 0;}
	.projeto .texto-projeto{position: unset; width: calc(100% - 40px); padding:20px;}
	.projeto .texto-projeto .padrao-conteudo{padding-top: 20px;}
	.projeto .texto-projeto a{margin-top: 20px;}
	.projeto .foto-projeto{width: 100%;}
	.projeto .bg-projeto{width: 100%;}
	.projeto .texto-projeto .bg-detalhe-projeto{display: none;}
	.projeto .foto-projeto .detalhe-foto-projeto{max-width: 100%; right: 0;}
	.projeto .texto-projeto .detalhe-texto-projeto{max-width: 100%; right: 0;}

	.objetivos{height: unset !important; max-height: 538px;}
	
	.contato .contato-esquerda{width: calc((100%)); display: block;}
	.contato .contato-direita{width: calc((100%)); display: block;}

}