/* 
	Cores logo -> verde claro #8ac340, verde escuro #4fa848
*/

/******************* Geral ***************************/
body{
	margin-top: 75px;
	color: #505155;
}
h1, h2, h3, h4, h5, h6 {
  margin: 0.67em 0;
  text-transform: uppercase;
}
a{
	text-decoration: none;
	color: inherit;
}
a:hover{
	text-decoration: none;
	color: inherit;
}
.padding-content{
	padding: 120px 0;
}
.mensagem-erro p{
	margin: 0;
	padding: 0;
}
.mensagem-sucesso p{
	margin: 0;
	padding: 0;
}
.mensagem-erro{
	color: #fff;
	font-weight: bold;
	padding: 15px;
	position: fixed;
	top: 80px;
	right: 15px;
	border-radius: 10px;
	z-index: 1000;
}
.mensagem-sucesso{
	color: #fff;
	font-weight: bold;
	padding: 15px;
	position: fixed;
	top: 80px;
	right: 15px;
	border-radius: 10px;
	z-index: 1000;
}
/******************* End Geral ***************************/


/******************* Menu ***************************/
.nav-item.active{
	font-weight: bold;
	border-bottom: 3px solid #8ac340;
}
.nav-link:hover{
	font-weight: bold;
	/*border-bottom: 3px solid #8ac340;*/
}
.navbar-light{
	background-color: #FFF!important;
	-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}
/******************* End menu ***************************/


/******************* Carousel ***************************/
.carousel-caption {
 	color: #FFF;
 	text-shadow: #000 0.1em 0.1em 0.2em;
 	/*text-shadow: -1px 0 #666, 0 1px #666, 1px 0 #666, 0 -1px #666;*/
}
.carousel-caption h1 {
 	font-size: 4vw;
 	font-weight: bold;
}
.carousel-caption h2 {
 	font-size: 3vw;
}
/******************* End Carousel ***************************/


/******************* Index ***************************/
.index-content{
 	padding: 70px 0;
}
.index-content h1{
	font-size: 3.5rem;
	font-weight: 600;
 	font-weight: bold;
 	margin: 0;
 	/*color: #303133;*/
}
.index-content h2{
	font-size: 1.6rem;
	font-weight: bold;
 	margin: 0;
 	/*color: #303133;*/
}
.index-content-box{
	padding: 50px 10px;
}
.index-content-box:hover{
	box-shadow: 2px 5px 15px 5px rgba(221,221,221,0.5);
}
.index-fundo{
	padding: 180px 0;
	background: url(../img/truck1-30.jpg) no-repeat center right fixed;
	background-size: cover;
	color: #FFF;
}
.index-fundo h2{
	font-size: 3rem;
	font-weight: bold;
}
.index-excelencia{
	padding: 120px 0;
}
/******************* End Index ***************************/


/******************* Footer ***************************/

footer{
	background: url(../img/footer-background-30.jpg) no-repeat center center fixed;
	max-width: 100%;
	background-size: cover;
	color: #FFF;
	text-shadow: 1px 1px 0 rgba(0,0,0,.75);
}
.footer h3{
	font-size: 1.5rem;
}
.footer-padding{
	padding: 120px 0;
}
.footer-botton{
	padding: 20px 0 5px 0;
	background-color: rgba(0,0,0, 0.3);
}

/******************* End Footer ***************************/

/******************* sobre ***************************/
.pages-top{
	background: url(../img/footer-background-30.jpg) no-repeat center center;
	background-size: cover;
	width: 100%;
	padding: 50px;
	color: #FFF;
	text-shadow: 1px 1px 0 rgba(0,0,0,.75);
}
.content-sobre{
	padding: 80px 0;
}
.content-sobre h2{
	font-weight: bold;
}
.sobre-fundo{
	padding: 120px 0;
	background: url(../img/road-background.jpg) no-repeat center center fixed;
	background-size: cover;
	color: #FFF;
}
.sobre-fundo h2{
	font-size: 3.5vw;
	font-weight: bold;
}
.sobre-fundo p{
	font-weight: bold;
}
.sobre-team{
	background-color: #f7f7f7;
	padding: 80px 0;
}
.sobre-team h2{
	font-size: 2.5rem;
}
.sobre-team p{
	font-size: 1.3rem;
}
/******************* End sobre ***************************/

/******************* Serviços ***************************/
.servicos{
	padding: 80px 0;
}
.servicos-title p{
	font-weight: bold;
	font-size: 1.2rem;
}
/******************* End Serviços ***************************/

/******************* Contato ***************************/
.contato-formulario{
	background: url(../img/contatod30.jpg) no-repeat center center fixed;
	max-width: 100%;
	background-size: cover;
	color: #FFF;
	font-weight: bold;
	text-shadow: 1px 1px 0 rgba(0,0,0,.75);
	padding: 100px 0;
}

.maps{
	margin-bottom: -15px;
}
/******************* End Contato ***************************/


/******************* whatsapp ***************************/

.whats{
	position: fixed;
	top: 85px;
	left: 5px;
	z-index: 10000;
}
.whats a p{
	background-color: rgba(0,0,0,0.6);
	border-radius: 15px;
	color: #ddd;
	padding: 20px;
	position: fixed;
	top: 65px;
	left: 62px;
	display: none;
}

.whats a:hover p{
	display: block;
}

/******************* End whatsapp ***************************/