@charset "utf-8";

a, input, button {
	-webkit-transition: all ease .2s;
	-moz-transition: all ease .2s;
	-o-transition: all ease .2s;
	transition: all ease .2s;
}
body {
	font-family: Calibri, sans-serif;
	color: #444;
	font-size: 18px;
}
/*Typography*/

a {
	color: #23bcf5;
}
a:hover {
	color: #23bcf5;
	text-decoration: underline;
}
hr {
	border-color: #e5e5e5;
	margin: 10px 0 10px 0;
}
h1, h2, h3, h4, h5, .btn, p.big-paragraph, .carousel-caption, .recent-posts .col-md-9 .text p small, .navbar-default .navbar-brand, .orange {
	font-family: 'Open Sans', sans-serif;
	font-weight: 800;
}
h1 {
	font-size: 60px;
	text-transform: none;
	color: #262626;
}
h1 span {
	color: #ea4b53;
}
h2 {
	font-size: 36px;
	color: #2b2b2b;
	text-transform: uppercase;
	line-height: 36px;
}
h2 span {
	color: #23bcf5;
}
h2 small {
	color: #c7c7c7;
	font-size: 12px;
	text-transform: uppercase;
}
h2.block__title {
	border-top: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
	line-height: 3px;
	margin-bottom: 60px;
}
h2.block__title span {
	border: none;
	background-color: #eff2f2;
	padding: 0 30px;
	text-transform: uppercase;
	line-height: 3px;
}
h3 {
	font-size: 27px;
	color: #262626;
	text-transform: uppercase;
}
h3 small {
	font-size: 18px;
}
h3 a {
	color: #262626;
}
h3 a:hover {
	text-decoration: none;
	color: #23bcf5;
}
.typo {
	margin-top: 80px;
}
h4 {
	font-size: 19px;
	color: #222222;
	text-transform: uppercase;
	font-weight: 400;
	margin: 0;
}
h4 a {
	color: #222222;
}
h4 a:hover {
	text-decoration: none;
	color: #23bcf5;
}
h5 {
	font-size: 17px;
	text-transform: uppercase;
	color: #33313a;
}
p.paragraph {
	color: #fff;
	border-top: 1px solid #fff;
	position: relative;
	top: 2px;
}
p.paragraph span {
	padding: 0 10px;
	position: relative;
	bottom: 10px;
}
h2.with__margin {
	margin-top: 70px;
	margin-bottom: 0px;
}
h2.with__margin2 {
	margin: 50px 0;
}
p.small-paragraph {
	font-size: 18px;
	color: #c5c5c5;
	font-family: 'Open Sans', sans-serif;
}

.clr {
	clear: both;
	margin: 0;
	padding: 0;
	width: 100%
}


/*** ***/

#btn-wpp{
	display: block;
	position: fixed;
	bottom: 0;
	right: 0;
	font-size: 30px;
	background-color: #4BA84F;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	color: #fff;
	text-align: center;
	font-weight: normal;
	padding: 5px 0 0 0;
	margin: 20px;
	z-index: 99999999999;
	box-shadow: 1px 1px 4px #666;	
}

#btn-para-topo{
	display: block;
	position: fixed;
	bottom: 62px;
	right: 0;
	border: 2px solid #f1f1f1;
	color: #f1f1f1;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	font-size: 30px;
	text-align: center;
	font-weight: normal;
	padding: 2px 0 0 0;
	margin: 20px;
	z-index: 99999999999;
	box-shadow: 1px 1px 4px #666;	
	background-color: rgba(0,0,0,0.5);
}


#btn-para-topo:hover{
	background-color: #c7d870;
	border-color: #c7d870;
	color: #333;
}




/*** Topo ***/
#topo{
	/*background: linear-gradient(to top, rgba(255,255,255,0.65), rgba(255,255,255,0.9));*/ 
	background-color: #fff;
	z-index: 9999999; 
	width: 100%;
	top: 0;
	box-shadow: 1px 0 4px rgba(0, 0, 0, 0.2);
	border-bottom: 3px solid #c7d870;
}

#topo .marca{
	max-width: 150px;
	margin: 5px 0;
}

#topo .dropdown:hover .dropdown-menu{
	display: block;
}

#topo .navbar-default{
	background: none;
	border: none;
	margin-bottom: 0px;
	position: relative;
	z-index: 999;
}

#topo .navbar-default .navbar-nav{
	padding: 0px;
}

#topo .navbar-default .navbar-nav>li{
	padding: 0;
	margin: 0;
}

#topo .navbar-default .navbar-nav>li>a{
	color: #222;
	font-size: 14px;
	padding: 38px 30px 32px 30px;
	font-weight: bold;
	font-family: 'Calibri', sans-serif;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	text-transform: uppercase;
	margin: 0;
	border-bottom: 3px solid #fff; 
}

#topo .navbar-default .navbar-nav>li.active>a, 
#topo .navbar-default .navbar-nav>li>a:hover, 
#topo .navbar-default .navbar-nav>li:hover>a, 
#topo .navbar-default .navbar-nav>.open>a, 
#topo .navbar-default .navbar-nav>.open>a:hover, 
#topo .navbar-default .navbar-nav>.open>a:focus, 
#topo .navbar-default .navbar-nav>li.open>a, 
#topo .navbar-default .navbar-nav>li.active>a:hover{
	/*background-color: rgba(255,255,255,0.35);*/
	/*color: #211F88;*/
	border-bottom: 3px solid #c7d870;
	background-color: #f1f1f1;
}

#topo .navbar-default .navbar-nav>li:first-child{
	margin-left: 0px;
}

#topo .social{
	color: #222;
	font-size: 14px;
	padding: 28px 0 28px 10px;
	float: left;
	font-weight: bold;
	font-family: 'Open Sans', sans-serif;
}

#topo .social .insta{
	display: block;
	float: left;
	font-size: 22px;
	background-color: #5845C0;
	border-radius: 50%;
	width: 35px;
	height: 35px;
	color: #fff;
	text-align: center;
	font-weight: normal;
	padding: 2px 0 0 0;
	margin: 0 6px;
}

#topo .social .insta:hover{
	background-color: #2b2166;
}

#topo .social .wpp{
	display: block;
	float: left;
	font-size: 22px;
	background-color: #4BA84F;
	border-radius: 50%;
	width: 35px;
	height: 35px;
	color: #fff;
	text-align: center;
	font-weight: normal;
	padding: 2px 0 0 0;
	margin: 0 6px;
}

#topo .social .wpp:hover{
	background-color: #215023;
}


/*** Topo Menor ***/
/*
.topo-menor{
	background-color: #fff !important;
}

.topo-menor .navbar-default .navbar-nav>li>a{
	padding: 20px 35px !important;
}

.topo-menor .telefone{
	padding: 20px 10px !important;
}

.topo-menor .navbar-default .navbar-nav>li.active>a, 
.topo-menor .navbar-default .navbar-nav>li>a:hover, 
.topo-menor .navbar-default .navbar-nav>li:hover>a, 
.topo-menor .navbar-default .navbar-nav>.open>a, 
.topo-menor .navbar-default .navbar-nav>.open>a:hover, 
.topo-menor .navbar-default .navbar-nav>.open>a:focus, 
.topo-menor .navbar-default .navbar-nav>li.open>a, 
.topo-menor .navbar-default .navbar-nav>li.active>a:hover{
	background-color: #f1f1f1 !important;
}
*/
/*** Banner ***/
#banner{
	position: relative;
	z-index: 999999;
	margin: 0;
}

#banner .carousel-caption {
	top: 50%;
	margin-top: -150px;
	font-size: 18px;
	color: #fff;
	text-transform: none;
	text-shadow: 1px 1px 3px #666666;
}

#banner .carousel-caption h1 {
	display: none;
	font-size: 45px;
	line-height: 60px;
	color: #fff;
	text-transform: uppercase;
	margin: 40px 0;
	font-family: 'Calibri', sans-serif;
}

#banner .carousel-caption .cta{
	display: none;
	padding: 9px 0;
	border: 1px solid #c7d870;
	color: #c7d870;
	border-radius: 9px;
	width: 260px;
	text-align: center;
	margin: 0 auto;
	font-size: 16px;
	background-color: rgba(0,0,0,0.3);
}

#banner .carousel-caption .cta:hover{
	text-decoration: none;
	background-color: #c7d870;
	color: #222;
	text-shadow: none;
}

#banner ol.carousel-indicators li,
#banner ol.carousel-indicators li.active{
  background: rgba(255,255,255,0.5);
  border: none;
  width: 12px;
  height: 12px;
  margin: 0 8px;
  bottom: 0;
}

#banner ol.carousel-indicators li.active{
  background: rgba(255,255,255,1);
}


/*** Quem Somos ***/
#quem-somos{
	background-color: #fff; 
	margin: 0; 
	padding: 40px 0; 
}
	
#quem-somos h2{
	text-align: right;
	text-transform: uppercase;
	font-size: 40px;
	font-family: 'Calibri', sans-serif;
	color: #333;
}

#quem-somos .row{
	margin:0; 
	padding:0;
}

#quem-somos .hr-title{
	width: 150px; 
	height: 2px; 
	float: right; 
	margin-top: 20px; 
	background: #211F88;
}

#quem-somos p{
	margin-top: 25px; 
	text-align: justify; 
	color: #444;
	font-size: 18px;
}

#quem-somos img{
	padding: 0 20px;
	margin: 80px 0; 
}

#quem-somos .destaque{
	background-color: #c7d870;
	color: #222;
	width: 100%;
	text-align: center;
	font-size: 16px;
	padding: 10px;
	box-shadow: 1px 1px 4px #666;
	font-weight: bold;
	text-transform: uppercase;
}

/*** Serviços ***/
#servicos{
	background-color: #a0ad5c; 
	/*#c7d870;*/
	padding: 40px 0;
}


#servicos h2{
	text-align: right;
	text-transform: uppercase;
	font-size: 40px;
	color: #333;
	font-family: 'Calibri', sans-serif;
	font-weight: bold;
}

#servicos h3{
	text-transform: uppercase;
	font-size: 20px;
	color: #fff;
	font-family: 'Calibri', sans-serif;
	font-weight: bold;
}

#servicos .icone{
	display: block;
	color: #fff;
	/*background-color: #fff;*/
	border-radius: 50%;
	font-size: 40px;
	width: 100px;
	height: 100px;
	text-align: center;
	border: 5px solid #fff;
	margin: 30px auto;
	padding-top: 19px;
}

#servicos .texto{
	display: block;
	text-align: center;
	color: #fff;
	width: 100%;
	margin: 0 auto;
	font-weight: bold;
}


/*** Obras ***/
#obras{
	background: #fff; 
	padding: 40px 0;
}

#obras h2{
	text-align: right;
	text-transform: uppercase;
	font-size: 40px;
	color: #333;
	font-family: 'Calibri', sans-serif;
}

#obras .row{
	margin:0; 
	padding:0;
}

#obras .hr-title{
	width: 150px; 
	height: 2px; 
	float: right; 
	margin-top: 20px; 
	background: #211F88;
}

#obras h3{
	font-size: 22px;
	text-align: center;
	padding-bottom: 20px;
}

#obras p{
	text-align: center;
	padding: 5px;
	color: #555;
}

#obras .box-obra{
	background-color: #f1f1f1;
	padding: 10px;
	margin: 30px 0;
	display: block;
}

/*** Contato ***/
#contato{
	background: url("../images/bg-contato.jpg") no-repeat center center; 
	border-top:1px solid #ccc; 
	border-bottom:1px solid #ccc;
	padding: 40px 0;
}

#contato h2{
	text-align: right;
	text-transform: uppercase;
	font-size: 40px;
	font-family: 'Calibri', sans-serif;
	color: #fff;
	padding-bottom: 15px;
}

#contato .hr-title{
	width: 150px; 
	height: 2px; 
	float: right; 
	margin: 20px 0; 
	background: #fff;
}

#contato p{
	color: #fff;
	text-align: justify;
	font-size: 18px;
}

#contato p a{
	color: #e1e1e1;
}

#contato .telefone{
	font-size: 24px;
	font-weight: bold;
}

#contato .botao{
	font-size: 12px;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	border-color: none;
	background: #C7D870;
	width: 140px;
	height: 40px;
	margin-bottom: 30px;
	line-height: 40px;
	border-width: 1px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	padding: 0;
}
#contato .botao:hover, 
#contato .botao:focus, 
#contato .botao:active {
	background-color: #1e1e1e;
	border-color: #1e1e1e;
	color: #fff;
}


/*** Rodapé ***/
#rodape{
	text-align: center; 
	background-color: #111; 
	padding: 20px 0;
}

#rodape p{
	padding: 0; 
	margin: 5px 0 0 0; 
	color: #e1e1e1; 
	font-size: 13px;
}

#rodape .info{
	color: #fff;
	font-size: 14px;
	text-transform: uppercase;
	font-family: "RobotoL";
}

#rodape img{
	max-width: 150px;
}

#rodape a{
	text-decoration: none; 
	color: #fff;
}


#rodape .container-fluid,
#rodape .container-fluid .row,
#rodape .container-fluid .row iframe{
	padding: 0;
	margin: 0;
}


@media(max-width: 420px){
		
/*** Topo ***/
	#topo{
		display: block;
		width: 100%;
		background-color: #fff;
	}
	
	#topo .marca{
		max-width: 120px;
		margin: 5px 0;
		float: left;
	}
	
	#topo .navbar-fixed-top{
		display: block;
		position: relative;
	}
	
	#topo .navbar{
		background-color: #fff;
		border-bottom: 1px solid #f1f1f1;
	}
	
	#topo .navbar-toggle{
		float: right;
		background-color: #C7D870;
		color: #fff !important;
		border: none;
	}
	
	#topo .navbar-default .navbar-toggle .icon-bar{
		background-color: #000;
	}
		
	#topo .navbar-nav{
		width: 100%; 
		margin-left: -15px; 
	}
		
	#topo .navbar-default .navbar-nav>li>a{
		padding: 15px 20px !important;
	}
	
	#topo .telefone{
		color: #fff;
		padding: 8px 10px;
		background-color: #211F88;
		width: 100%;
		margin-bottom: 5px;
		text-align: center;
	}
	
	#topo .social{
		color: #222;
		font-size: 14px;
		padding: 0;
		font-weight: bold;
		font-family: 'Open Sans', sans-serif;
		width: 100%;
		text-align: center;
		margin-bottom: 10px;
	}
	
	
/*** Banner ***/
	#banner{
		position: relative;
		z-index: 999999;
	}

	#banner .carousel-caption {
		top: 32%;
		margin: 0;
		padding: 0;
	}
	
	#banner .carousel-caption p.little{
		display: none;
	}

	#banner .carousel-caption h1 {
		font-size: 18px;
		margin: 0;
		padding: 0;
		line-height: 100%;
	}

	#banner .carousel-control{
		display: none;
	}
	
	#banner ol.carousel-indicators{
		bottom: 0; 
		margin-bottom: 0;	
	}

/*** Quem Somos ***/
	#quem-somos{
		padding-top: 0;
	}

	#quem-somos h2{
		margin: 0;
		font-size: 30px;
	}
	
	#quem-somos .destaque{
		font-size: 12px;
		line-height: 150%;
	}

/*** Serviços ***/
	#servicos h2{
		margin: 0;
		font-size: 30px;
	}
	
	#servicos .bloco{
		padding: 5px 0;
		box-shadow: 0 2px 4px #444;
	}
	
/*** Obras ***/
	#obras h2{
		margin: 0;
		font-size: 30px;
	}
	
	#obras h3{
		font-size: 14px;
	}
	
	#obras .col-md-4{
		padding: 10px 0;
	}
	
/*** Clientes ***/
	#clientes h2{
		margin: 0;
		font-size: 30px;
	}
	
/*** Contato ***/
	#contato h2{
		margin: 0;
		font-size: 30px;
	}
}