﻿body {
    font-family: "Lato", sans-serif;
}
.hid{
	opacity:0;
}
.visible{
	opacity:1!important;
}
.container-fluid {
    padding: 0px 70px;
}
.header {
    display: block;
    float: left;
    width: 100%;
    position: absolute;
}
#header-linha-1 {
    width: 50%;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
}
#header-linha-2 {
	width: 55%;
    height: 55%;
    position: absolute;
    top: 0;
    left: 0;
}
#header-linha-4 {
    width: 18%;
    position: absolute;
    left: 0;
    top: 1%;
}
#header-linha-3 {
    width: 25%;
    position: absolute;
    left: 3%;
    bottom: 36%;
}
.banner-back {
    display: inline-block;
    width: 100%;
    position: relative;
    z-index: -1;
}
.tel-wrap {
    display: inline-block;
    float: right;
}
.cel-wrap {
    float: right;
    display: inline-block;
}
.face-wrap {
    display: inline-block;
    float: right;
}
.face-wrap a.link {
  margin: 0 !important;
  margin-right: 4px !important;
}
.face-wrap a.link:last-child {
  margin: 0 !important;
}
.contatos {
    color: #FFF;
    text-shadow: 1px 1px #0000009c;
    font-weight: 300;
    font-family: 'Lato', sans-serif;
}
.contatos-wrap {
    display: inline-block;
    float: right;
    margin-right: 2%;
    margin-top: 3%;
    padding-right: 20px;
}
tel {
    display: inline-block;
    float: left;
    font-size: 27px;
}
tel a, tel a:hover{
  text-decoration: none;
  color: #fff;
}
ddd {
    float: left;
    margin-right: 6px;
}
.cel-wrap {
    float: right;
    display: inline-block;
    margin-left: 20px;
}
.contatos i {
    color: #f2a33f;
    font-size: 25px;
    line-height: 38px;
    float: right;
    margin-left: 10px;
}
.face-wrap span {
    line-height: 38px;
}
.logo-wrap {
    display: inline-block;
    margin-left: 13%;
    margin-top: 1%;
}
.header #menu {
    display: inline-block;
    float: left;
    margin-left: 140px;
}
.header #menu a {
    display: inline-block;
	position: relative;
    color: #fff;
    margin-right: 20px;
    text-shadow: 1px 1px #0000009c;
    font-weight: 300;
    font-family: 'Lato', sans-serif;
}
.header #menu a:hover {
	text-decoration: none;
}
.header #menu a:after {
    content: "";
    width: 0px;
    height: 1px;
    left: 0;
    bottom: -2px;
    position: absolute;
    background: #f2a33f;
	transition: all ease-in-out 0.4s;
}
.header #menu a:hover:after {
    width: 100%;
}
.banner-back #header-back {
    width: 100%;
    height: auto;
}
#frase {
    display: block;
    float: left;
    width: 100%;
    background: #f1a23f;
    color: #fff;
    padding: 20px 0px;
}
.frase h1 {
    margin: 0;
    text-align: center;
    font-size: 26px;
}
.servicos {
    display: block;
    float: left;
    width: 100%;
    margin-top: 25px;
    font-family: 'Lato', sans-serif;
}
.servicos h2, .projetos h2{
    color: #f1a23e;
    font-family: 'Lato', sans-serif;
    margin: 0;
}
.servicos small, .projetos small {
    color: #666;
    display: block;
    float: left;
    width: 100%;
    margin-bottom: 15px;
    font-size: 16px;
}
.engenharia small {
    font-size: 14px;
    line-height: 14px;
    margin-top: 34px;
}
.video-home iframe {
    width: 100%;
    height: 456px;
    float: left;
}
.servicos ol {
    display: inline-block;
    width: 100%;
}
.servicos li {
    display: inline-block;
    width: 100%;
    font-size: 14px;
    color: #8b8b8b;
    transition: all ease-in-out 0.3s;
    margin: 9px 0px;
}
.servicos li:hover {
	color:#f1a23e;
	cursor: pointer;
}
.servicos ol ol li:before {
    display: inline-block;
    content: "";
    float: left;
    width: 7px;
    height: 7px;
    background: #8b8b8b;
    margin-top: 8px;
    margin-right: 7px;
}
.servicos ol ol li:hover:before {
	background:#f1a23e;
}
.engenharia a {
    display: inline-block;
    float: left;
    padding: 8px 20px;
    border: 2px solid #f1a23f;
    color: #8b8b8b;
    margin-top: 15px;
    margin-right: 30px;
}
.engenharia a:hover {
    background: #f1a23f;
    color: #fff;
    text-decoration: none;
}
.projetos #galeria_tumbs img {
    display: block;
    width: 16.666%;
    float: left;
    padding: 15px;
    margin: 0;
    border: none;
}
.projetos {
    display: block;
    float: left;
    width: 100%;
    margin-top: 45px;
    padding-top: 30px;
    border-top: 3px solid #f1a23f;
}
.projetos #galeria_tumbs img {
    display: block;
    min-height: 100%;
    min-width: 100%;
    padding: 0;
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.projetos #galeria_tumbs span {
    display: block;
    position: relative;
    float: left;
    width: 15.83333%;
    height: 120px;
    margin-right: 1%;
    overflow: hidden;
}
.projetos #galeria_tumbs span:nth-child(6) {
    margin: 0;
}
#borda_projeto {
    display: inline-block;
    position: absolute;
    left: -25px;
    top: -30px;
}
.contato {
    display: block;
    float: left;
    width: 100%;
    margin-top: 40px;
}
.contato-block {
    width: 50%;
    display: block;
    float: left;
    padding: 30px 60px;
    background: #f1a23f;
    position: relative;
}
.mapa-block {
    display: block;
    float: left;
    width: 50%;
    background: #efefef;
	position: relative;
	padding-top: 30px;
}
.contato-block h2 {
    display: inline-block;
    position: relative;
    float: left;
    color: #fff;
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    background: #f1a23f;
    padding-right: 15px;
    margin: 0;
    z-index: 10;
}
.contato-block small {
    width: 100%;
    display: inline-block;
}
.contato-block:after {
    position: absolute;
    content: "";
    display: inline-block;
    width: 80%;
    height: 3px;
    background: #935b1e;
    right: 0;
    top: 49px;
}
#form_contato {
    display: inline-block;
    width: 100%;
    margin-top: 20px;
}
#form_contato .form-group {
    display: inline-block;
    width: 100%;
    margin-bottom: 5px;
}
.contato-block .form-group input, .contato-block textarea{
    padding: 10px 20px!important;
    border-radius: 0px;
    border: none;
    border-bottom: 2px solid #ccc;
    font-family: "Lato", sans-serif;
}
.contato-block .form-group input#cidade {
    width: 74%;
    float: left;
    margin-right: 1%;
}
.contato-block .form-group input#uf {
    width: 25%;
	float: left;
}
.contato-block {
    width: 50%;
    display: block;
    float: left;
    padding: 30px 70px;
    background: #f1a23f;
    position: relative;
}
.endereco {
    display: inline-block;
    float: left;
    width: 100%;
    padding-left: 60px;
    font-family: 'Lato', sans-serif;
    color: #666;
}
.mapa-block h2 {
    display: inline-block;
    position: relative;
    float: left;
    color: #f3a43f;
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    background: #efefef;
    padding-right: 15px;
    margin: 0;
    z-index: 10;
}
.mapa-block:after {
    position: absolute;
    content: "";
    display: inline-block;
    width: 80%;
    height: 3px;
    background: #935b1e;
    right: 0;
    top: 49px;
}
.dados {
    display: block;
    float: left;
    width: 100%;
	margin-bottom: 20px;
}
.dados h5 {
    color: #f1a23f;
    margin-bottom: 2px;
}
.mapa-block iframe {
    width: 100%;
    height: 330px;
}
.footer {
    display: block;
    float: left;
    width: 100%;
    padding: 20px 0px;
	font-family: 'Lato', sans-serif;
    font-weight: 300;
}
.logo-footer-wrap img {
    float: left;
    margin-right: 25px;
}
.logo-footer-wrap span {
    display: inline-block;
    float: left;
    font-size: 12px;
    line-height: 18px;
    color: #a5a5a5;
}
.dix-wrap {
    display: inline-block;
    float: right;
    color: #a5a5a5;
    line-height: 37px;
    font-size: 12px;
}
.dix-wrap a{
	display: inline-block;
	color:#f1a23f;
	position: relative;
}
.dix-wrap a:hover{
	text-decoration: none;
}
.dix-wrap a:after{
	width: 0;
	content: "";
	display:inline-block;
	height: 1px;
	background: #f1a23f;
	position: absolute;
	left: 0;
	bottom: 7px;
	transition: all ease-in-out 0.4s;
}
.dix-wrap a:hover:after{
	width: 100%;
}
.roll-down {
    width: 45px;
    font-size: 50px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 550px;
    z-index: 999;
    color: #fff;
    opacity: 0.8;
}
.roll-down:hover {
    color: #f1a23e;
    text-decoration: none;
}
.content.interno {
    display: block;
    float: left;
    width: 100%;
    padding: 50px 0px;
}
#conteudo .titulo {
    margin-top: -200px;
    font-size: 90px;
    color: #fff;
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    display: inline-block;
    float: left;
}
#conteudo .texto {
    text-align: justify;
    font-size: 16px;
    font-weight: 300;
    font-family: "Lato",sans-serif;
}
div#ancora-interna {
    float: left;
    margin-top: -140px;
}
.engenharia li a {
    padding: 0;
    border: none;
    margin: 0;
    text-transform: uppercase;
}
.engenharia li a:hover {
    background: none;
    color: #f1a240;
}
@media only screen and (max-width:1200px){
	

	#header-linha-1, #header-linha-2, #header-linha-4, #header-linha-3 {
		display: none;
	}
	.contatos-wrap {
		display: block;
		width: 400px;
		max-width: 100%;
		margin: 0 auto;
		margin-top: 30px;
		float: none;
	}
	.logo-wrap {
		display: block;
		width: 400px;
		max-width: 100%;
		margin: 0 auto;
		margin-top: 30px;
		float: none;
	}
	.logo img {
		max-width: 100%;
	}
	.roll-down {
		display: none;
	}
	.container-fluid {
		padding: 0px 15px;
	}
	.contato-block:after, .mapa-block:after{
		display:none;
	}
	
}
@media only screen and (max-width:1000px){
	.contato-block, .mapa-block{
		width:100%;
	}
	.mapa-block h2, .contato-block h2 {
		width: 100%;
		display: inline-block;
		text-align: center;
	}
	.contato-block small {
		width: 100%;
		display: inline-block;
		text-align: center;
		margin-top: 10px;
	}
	.dados span {
		display: inline-block;
		text-align: center;
		width: 100%;
	}
	.dados h5 {
		text-align: center;
	}
	.endereco {
		width: 100%;
		padding: 0;
	}
	.contato-block {
		padding: 30px 15px;
	}
	.projetos #galeria_tumbs span {
		display: inline-block;
		float: none;
		margin: 0;
		min-width: 250px;
		padding: 5px;
	}
	#conteudo .titulo {
		margin: 0;
		margin-bottom: 10px;
		font-size: 40px;
		color: #f1a23f;
	}
}
@media only screen and (max-width:800px){
	.logo-footer-wrap {
		display: block;
		float: none;
		width: 300px;
		margin: 0 auto;
		text-align: center;
	}
	.logo-footer-wrap img {
		float: none;
		margin: 0;
		margin-bottom: 10px;
	}
	.logo-footer-wrap span {
		width: 100%;
		text-align: center;
	}
	.dix-wrap {
		display: block;
		float: none;
		width: 160px;
		margin: 0 auto;
	}
	ddd {
		float: left;
		margin-right: 4px;
	}
	tel {
		display: inline-block;
		float: left;
		font-size: 17px;
		line-height: 40px;
	}
	.contatos-wrap {
		width: 300px;
	}
	.logo-wrap {
		width: 300px;
		margin-top: 10px;
	}
	.header #menu {
		width: 100%;
		margin: 0;
		margin-top: 20px;
	}
	.header #menu a {
		display: block;
		width: 100%;
		text-align: center;
		line-height: 26px;
		font-size: 18px;
	}
	.banner-back {
		position: relative;
		width: 100%;
		height: 450px;
		overflow: hidden;
	}
	.banner-back #header-back {
		height: 100%;
		width: auto;
		position: absolute;
		left: 0;
		right: 0;
		margin: auto;
		float: none;
	}
	
}












