/*config*/
html,body{font-family: 'Open Sans', sans-serif; height: 100%;}

.bg1{background: #94BD33;}
.bg2{background: #004266;}
.bg3{background: #03ABD9;}
.cor1{color: #94BD33;}
.cor2{color: #004266;}
.cor3{color: #03ABD9;}

.transition{-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;}

a:hover{text-decoration: none;}
ul{margin: 0; padding: 0;}

.clear{width: 100%; clear: both;}
.clear10{width: 100%; height: 10px; clear: both;}
.clear20{width: 100%; height: 20px; clear: both;}
.clear30{width: 100%; height: 30px; clear: both;}
.clear40{width: 100%; height: 40px; clear: both;}
.clear50{width: 100%; height: 50px; clear: both;}
.clear60{width: 100%; height: 60px; clear: both;}
.clear70{width: 100%; height: 70px; clear: both;}
.clear80{width: 100%; height: 80px; clear: both;}
.clear90{width: 100%; height: 90px; clear: both;}
.clear100{width: 100%; height: 100px; clear: both;}

#header{overflow: hidden;}
#header h3{font-size: 14px; color:#69033A; font-weight: bold; text-transform: uppercase;}
#header li{list-style: none; display: inline-block;}
#header li:first-child a{padding-left: 0}
#header li a{padding: 30px; color: #444; float: left; text-transform: uppercase; font-weight: bold;}
#header li a:hover{color: #94BD33;}
#header ul{margin-top: 30px; width: 100%; float: left; border-top: dashed 1px #94BD33; position: relative;}
#header ul .line{position: absolute; width: 390px; border-top: dashed 1px #94BD33; top: -1px; right: -390px;}



#header2{display: none; position: fixed; background-color: #fff; top:0; left: 0; width: 100%; z-index: 999;}
#header2 img{height: 50px;}
#header2 .navbar-default{background-color: #FFC926; padding: 10px 0; border: none;}
#header2 .navbar-default a{color: #222; text-transform: uppercase; font-weight: bold;}


#header-mobile .logo{padding: 10px 0;}
.navbar{margin-bottom: 0}

.info-topo{font-size: 12px; color: #777}


#carousel li{padding: 20px; border: solid 1px #eee;}


section{padding:100px 0; }
section h1{font-size: 45px; font-weight: bold;}
section h2{font-size: 20px; font-weight: bold;}

.btn-padrao{border-color:#94BD33; color: #94BD33; padding:15px 30px; font-weight: bold; text-transform: uppercase;  }
.btn-padrao:hover{background-color: #94BD33; color: #fff;}



#servicos{width: 100%; float: left; background:url(../img/bg-servicos.jpg) bottom center fixed; color: #fff; font-size: 18px; padding-bottom: 350px;}
.fotos{margin-bottom: 30px;}



#h3servicos{font-size:26px; color: #ffc926;text-align:center}
#h3servicos:hover{color:#FFFF00}


#servicoshover:hover{filter: invert(26%)}








#obras{padding-bottom: 0;}

/*PRODUTOS*/
.grid-item{
	padding: 15px;
	border: solid 1px #eee;
	margin-bottom: 30px;
	min-height: 350px;
}
.grid-item h3{font-size: 14px; font-weight: bold; color: #222}

.grid-item:hover{
	outline: 8px solid #ddd;
}

.post{text-align: justify; margin-bottom: 50px;}
.post a{color: #777;}
.post h2{color: #555; margin-bottom: 20px; text-align: left;}

/*formulários*/
.form-group,.input-group,.form-control {width: 100%;}
.form-control {height: 55px;background: #fff;border: 1px solid #ddd;}

/*contato*/
/*#contato{padding-bottom: 0}*/
#contato button{border-radius: 0;border: 0;padding: 15px 25px;background: #16337E;color: #fff;text-transform: uppercase;font-weight: 900;transition-duration: 0.3s;}
#contato button:hover{background: #777777;}
#contato textarea{height: 160px;}

#mapa{width: 100%; height: 600px; position: relative; text-align: center;}
#mapa .pelicula{position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(255,255,255,0.5); text-align: center;}
#mapa button{display: inline-block; margin-top: 260px; position: relative;}
#mapa iframe{position: absolute; top: 0; left: 0}

#formulario-orcamento{display: none;}

/*redes sociais*/
.contato-info .header-social .fa-facebook{color: #3176bf;}
.contato-info .header-social .fa-twitter{color: #4fd0ea;}
.contato-info .header-social .fa-youtube{color: #f24141;}
.contato-info .header-social .fa-instagram{color: #bf9437;}

.breadcrumbs{width: 100%; height: auto; padding: 60px 0; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,2989d8+50,207cca+51,7db9e8+100;Blue+Gloss+Default */
background: rgb(30,87,153); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(30,87,153,1) 0%, rgba(41,137,216,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
.breadcrumbs ul{list-style: none;}
.breadcrumbs li{float: left; margin-right: 5px; color: #fff;}
.breadcrumbs li a{color: #fff;}
.breadcrumbs h1{font-weight: bold; font-size: 35px; color: #fff;}


/*rodape*/
footer{width: 100%;float: left; height: auto; padding: 100px 0; background: url(../img/bg-footer.jpg) top center; color: #fff}
footer h3{font-size: 14px; font-weight: 800; color: #94BD33; text-transform: uppercase;}
footer a{color: #fff;}
footer a:hover{color: #ccc}
.info-footer{font-size: 12px; color: #fff}

@media (max-width: 991px) {
	.produto{width: 33% !important;}
}
@media (min-width: 768px){
.navbar-nav {float: right;}
}
@media (max-width: 767px){
	.produto{width: 50% !important;}
}