@font-face {
     font-family: monteserrat;
     src: url('Montserrat-Regular.ttf');
}
/* classes do bootstrap */
		.navbar-collapse .navbar-nav li a{
			color: #fff; !important;
			font-family:monteserrat;
			font-size:12px;
			font-weight:bold;
		}
		.navbar-collapse .navbar-nav li a:hover {
			background:#379956 !important;
			color: #fff !important;
		}
		#bs-example-navbar-collapse-1{
			position:absolute;
			z-index:9999;
			width:100%;
		}
		
		modal-content {
			z-index:0;
			position:relative;
		}
		.modal fade {
			z-index:1;
			position:relative;
			background-color:#FFF;
		}
body{
	background-color:#f2f2f2;	
}

h1{font-family:monteserrat; font-size:24px; font-weight:bold}
h2{font-family:monteserrat; font-size:16px; font-weight:bold}
h4{font-family:monteserrat; font-size:12px;}

p{font-family:monteserrat; font-size:14px; line-height:22px;}

.form-control{
	margin-bottom:8px;
	border-radius: 2px;
	height:40px;
	
}
.btnEnviar{
	background-color:#990000;
	color:#FFF;
	height:40px;
	border:1px solid #990000;
}




.topo{
	background-color:#006633;
	color:#FFF;
	padding:5px;
}
.logo{
	text-align:right
}
.menu{
	margin-top:20px;	
}
.institucional{
	margin-bottom:50px;	
	margin-top:50px;
}
	
.fale-conosco{
	width: 100%;
    height: auto; /* 100% da altura da tela */
    background-image: url(../imagens/bghomefaleconosco.png); /* URL da sua imagem */
    background-size: cover; /* A imagem vai cobrir a área da div */
    background-position: center center; /* A imagem será centralizada */
    background-attachment: fixed; /* A imagem ficará fixa ao rolar a página */	
	color: #fff;
	padding-top:20px;
	padding-bottom:10px;
}

.clientes{
	padding:50px;
	background-color:#FFF;
}
.equipe{
	padding-top:30px; padding-bottom:30px;	
}
.equipe h3{
	font-weight:bold;
	font-size:18px
}

[data-anime] {
  opacity: 0;
  transition: .3s;
}

[data-anime="left"] {
  transform: translate3d(-50px, 0, 0);
}

[data-anime="right"] {
  transform: translate3d(50px, 0, 0);
}

[data-anime="top"] {
  transform: translate3d(0, -50px, 0);
}

[data-anime].animate {
  opacity: 1;
  transform: translate3d(0px, 0px, 0px);
}
.zoom {
	overflow: hidden;
}

.zoom img {
	max-width: 100%;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	/*-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray; /* IE */
}

.zoom:hover img {
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-filter: none;	
	filter: none;	
}
.whatsapp-fixo {
		position: fixed;
		bottom:10px;
		right:10px;
		z-index: 999;
		
}

.barra-verde {
    width: 100%;
    height: 299px; /* Defina a altura desejada do rodapé */
    background-image: url(../imagens/rodape.jpg); /* Substitua pelo caminho da sua imagem */
    background-size: cover; /* A imagem vai cobrir toda a área do rodapé */
    background-position: center center; /* Centraliza a imagem */
    background-repeat: no-repeat; /* Impede a repetição da imagem */
    position: relative; /* Caso queira posicionar algo dentro do rodapé */
}


.rodape{
	background-color:#006634;
	height:auto;
	color:#FFF;
	
}

/*-------------------------------------------------*//* versao celular */

@media(min-width: 280px) and (max-width: 750px) {
	
	#bs-example-navbar-collapse-1{
		position:absolute;
		z-index:9999;
		width:100%;
		background:#379956;
		color:#fff;
		border-bottom:1px solid #ccc !important;
		margin-left:-15px;
		margin-bottom: 10px;
	}
	.navbar-collapse .navbar-nav li a:hover {
		background:#900 !important;
		color: #fff !important;
		width:100%;
	}
	
}