/**** Fonts ****/
@font-face{
	font-family: "Gilroy";
    src: url("../fonts/Gilroy-ExtraBold.otf");
    font-weight: bold;
    font-style: normal;
}

@font-face{
	font-family: "Gilroy";
    src: url("../fonts/Gilroy-Light.otf");
    font-weight: normal;
    font-style: normal;
}


/**** Padrão ****/
html{
	height: 100%;
}

body{
	margin: 0;
	padding: 0;
	font-size: 16px;
	color: var(--corTexto);
	font-family: "Gilroy";
	height: 100%;
}

h1{
	font-family: "Gilroy";
	font-weight: bold;
	color: var(--corPrimaria);
}

h2{
	font-family: "Gilroy";
	font-weight: bold;
}

h3{
	font-family: "Gilroy";
	font-weight: bold;
}

h5{
	font-family: "Gilroy";
	font-weight: bold;
}

p{
	color: var(--corTexto);
	font-size: 16px;
}

a{
	color: var(--corTexto);
	border-radius: 0;
}

a:hover{
	color: var(--corPrimaria);
	text-decoration: none;
}

.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

.img-responsive{
	width: 100%;
}

.clr{
	clear: both;
}


::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #4f1c0a;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #4f1c0a;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #4f1c0a;
}


/** Botão WPP **/
#btn-wpp{
	display: block;
	position: fixed;
	bottom: 3%;
	right: 3%;
	background-color: #42D755;
	color: #fff;
	border-radius: 50%;
	text-align: center;
	width: 60px;
	height: 60px;
	padding: 10px 0 0 0;
	font-size: 28px;
	box-shadow: 0 1px 8px #666;
	z-index: 9999;
}

#btn-wpp:hover{
	background-color: #248037;
	box-shadow: 0 1px 1px #666;
}


/** Topo **/
#topo{
	margin: 0;
	padding: 0;
	position: fixed;
	width: 100%;
	z-index: 99999999;
	background: rgba(0,0,0,0.8);
	box-shadow: 0 1px 8px #222;
}

/*
#topo .marca{
	margin: 2px auto;
	max-width: 170px;
	border: 0;
}
*/

#topo .menu-m{
	color: #fff;
	display: none;
}

#topo .menu{
	margin: 0 auto;
	padding: 0;
	list-style-type: none;
	list-style-position: outside;
	width: 515px;
	display: block;
}

#topo .menu li{
	float: left;
}

#topo .menu li a{
	display: block;
	color: #fff;
	font-family: "Gilroy";
	padding: 4px 16px 4px 16px;
	letter-spacing: 2px;
	font-size: 14px;
}

#topo .menu li a:hover,
#topo .menu li .ativo{
	color: #fff;
	background-color: var(--corPrimaria);	
}

#topo .menu .tel-m{
	display: none;
}

#topo .menu .tel-m a{
	background-color: rgba(27,94,22,1);
	color: #fff;
	margin: 17px auto;
	padding: 8px 10px 6px 10px;
	width: 180px;
	letter-spacing: 1px;
	border-radius: 6px;
	font-size: 16px;
	border: 0;
}

#topo .telefone{
	display: block;
	background-color: rgba(27,94,22,1);
	color: #fff;
	margin: 0 auto;
	padding: 4px 10px 4px 10px;
	width: 180px;
	letter-spacing: 1px;
	float: right;
	font-size: 14px;
}

#topo .telefone:hover{
	background-color: #14520D;
	color: #fff;
	background-image: none;
}

#topo.fixo{
	position: fixed;
	/*background-color: rgba(0, 0, 0, 0.85);*/
}



/** Banner **/
#banner{
	margin: 0;
	padding: 0;
	height: auto;
	max-height: 750px; 
	background: var(--banner);
	background-size: cover;
}

#banner .overlay{ 
	background: linear-gradient(220deg, rgba(0,0,0,0.4) 25%, rgba(0,0,0,0.6) 75%);
	width: 100%; 
	height: 100%;
}

#banner .container-fluid,
#banner .row{
	height: 100%;
}

#banner .capa{	
	position: relative;
	text-align: center;
	max-width: 500px;
	margin: 50px auto 20px auto;
}

#banner .capa .bloco-social{
	width: 215px;
	margin: 0 auto 5px auto;
}

#banner .capa .bloco-social .social{
	display: block;
	color: #fff;
	background-color: rgba(0,0,0,0.4);
	width: 45px;
	height: 45px;
	border-radius: 50%;
	font-size: 22px;
	padding-top: 6px;
	float: left;
	margin: 0 13px;
}

#banner .capa .bloco-social .social:hover{
	background-color: var(--corPrimaria);
	color: #fff !important;
}

#banner .capa .bloco-social .social.item1{
	margin-top: 17px;
	/*color: #1FABFD;*/
}

#banner .capa .bloco-social .social.item2{
	/*color: #CF2786;*/
}

#banner .capa .bloco-social .social.item3{
	margin-top: 17px;
	/*color: #42D755;*/
}

#banner .capa .marca{
	width: 250px;
	min-width: 250px;
}

#banner .capa .menu-m{
	display: none;
	color: #fff;
	background-color: rgba(0,0,0,0.4);
	width: 45px;
	height: 45px;
	border-radius: 50%;
	font-size: 22px;
	padding-top: 6px;
	margin: 30px auto;
}

#banner .capa .bloco-titulo{
	margin-top: 20px;
	text-align: center;
}

#banner .capa .bloco-titulo h1{
	color: #fff;
	font-size: 34px;
}

#banner .capa .bloco-titulo h4{
	color: #fff;
	font-size: 18px;
	font-weight: normal;
	margin-top: 20px;
	letter-spacing: 1px;
	line-height: 150%;
}

/** Destaque **/
#destaque{
	margin-top: 1px;
	padding: 8px 0;
	background-color: #111;
	
	max-height: 122px;
	overflow: hidden;
}

#destaque .botao{
	
	display: inline-block;
	
	/*
	float: left;
	*/
	
	color: #fff;
	background-color: #222;
	width: 12.5%;
	height: auto;
	text-align: center;
	font-weight: bold;
	padding: 18px 8px;
	font-size: 14px;
	letter-spacing: 1px;
	margin: 8px;
	border-radius: 4px;
}

#destaque .botao:hover{
	background-color: #000;
	color: var(--corPrimaria);
}

#destaque .botao i{
	display: block;
	margin-bottom: 10px;
	font-size: 24px;
}

#destaque .botao i.fa-whatsapp{
	color: #42D755;
}

#destaque .botao i.fa-whatsapp{
	color: #42D755;
}

#destaque .botao i.fa-facebook-square{
	color: #1FABFD;
}

#destaque .botao i.fa-instagram{
	color: #CF2786;
}

/*
#destaque i{
	color: #fff;
	font-size: 16px;
}

#destaque a{
	color: #fff;
	font-size: 16px;
	margin: 0;
	padding: 0;
	letter-spacing: 2px;
	font-weight: bold;
}

#destaque .conteudo-web{
	position: aboslute;
	top: 50%;
	transform: translateY(-50);
}

#destaque .telefone,
#destaque .wpp{
	display: block;
	border-radius: 6px;
	background-color: rgba(0,0,0,0.35);
	padding: 9px 0 7px 0;
	margin: 2px;
}

#destaque .email i,
#destaque .site i{
	font-size: 14px;
}

#destaque .email,
#destaque .site{
	display: block;
	border-radius: 6px;
	background-color: rgba(0,0,0,0.35);
	padding: 5px 0;
	margin: 2px;
	letter-spacing: 1px;
}

#destaque .email:hover,
#destaque .site:hover,
#destaque .telefone:hover,
#destaque .wpp:hover{
	background-color: rgba(0,0,0,0.5);
}
*/

/** Anuncio **/
#anuncio{
	padding: 40px 0;
	background-color: #f1f1f1;
}


/** Quem Somos **/
#quem-somos{
	margin: 0;
	padding: 35px 0 80px 0;
	background: #fff url("../imagens/bg-quem-somos.png") center bottom no-repeat;
}

#quem-somos h2{
	color: #fff;
	font-size: 26px;
	letter-spacing: 2px;
	text-align: center;
	background-color: var(--corPrimaria);
	font-weight: normal;
	padding: 10px 0 8px 0;
	margin: 0 0 40px 0;
	width:  100%;
}

#quem-somos img{
	margin-bottom: 20px;	
}

#quem-somos h4{
	background-color: var(--corPrimaria);
	color: #fff;
	padding: 9px 16px;
}

#quem-somos iframe{
	width: 100%;
	height: 350px;
	border-radius: 8px;
}

#quem-somos p{
	font-size: 18px;
	letter-spacing: 1px;
}

#quem-somos .barra{
	border-top: 8px solid #999;
	padding-top: 20px;
	background-color: #f1f1f1;
}

#quem-somos .barra .funcionamento p{
	text-align: center;
	margin: 10px 0;
}

#quem-somos .barra .funcionamento span{
	font-weight: bold;
}

#quem-somos .barra .funcionamento span.aberto{
	display: block;
	background-color: #376E37;
	font-size: 18px;
	color: #fff;
	text-align: center;
	padding: 8px 0 6px 0;
	margin: 5px 0;
	letter-spacing: 1px;
}

#quem-somos .barra .funcionamento span.fechado{
	display: block;
	background-color: #B21D13;
	font-size: 18px;
	color: #fff;
	text-align: center;
	padding: 8px 0 6px 0;
	margin: 5px 0;
	letter-spacing: 1px;
}


/** Galeria **/
#galeria{
	padding: 40px 0 60px 0;
	background-color: var(--corPrimaria);
}

#galeria h2{
	color: var(--corPrimaria);
	font-size: 26px;
	letter-spacing: 2px;
	text-align: center;
	background-color: #fff;
	font-weight: normal;
	padding: 10px 0 8px 0;
	margin: 0 0 40px 0;
	width:  100%;
}

#galeria .galeria{
	margin: 0;
	padding: 0;
}

#galeria .galeria img{
	margin: 0;
	padding: 0;
	box-shadow: 0 1px 8px #333;
}

#galeria .flexslider{
	border: 0; 
	background-color: transparent;
	padding: 0;
	margin: 0;
}



/** Contato **/
#contato{
	margin: 0;
	padding: 80px 0;
	background: #f1f1f1 url("../imagens/bg-contato.png") center bottom no-repeat;
}

#contato h2{
	color: #fff;
	font-size: 26px;
	letter-spacing: 2px;
	text-align: center;
	background-color: var(--corPrimaria);
	font-weight: normal;
	padding: 10px 0 8px 0;
	margin: 0 0 40px 0;
	width:  100%;
}

#contato p{
	font-size: 18px;
	letter-spacing: 1px;
}

#contato .telefone,
#contato .wpp{
	font-weight: bold;
	font-size: 20px;
	text-align: center;
	padding: 5px 0 5px 0;
}

#contato i{
	margin-right: 8px;
}

#contato .controle{
	border-radius: 6px;
	border: 1px solid #555;
	outline: none;
	background-color: #f7f7f7;
	padding: 8px 10px;
	margin: 10px auto;
	width: 100%;
	letter-spacing: 1px;
}

#contato .controle:focus {
  background-color: #e1e1e1;
}

#contato textarea.controle{
	height: 80px;
	outline: none;
}

#contato .btn-enviar{
	display: block;
	font-size: 18px;
	padding: 12px 0 10px 0;
	font-weight: normal;
	text-align: center;
	line-height: 80%;
	border: 0;
	background-color: #1b5e16;
	color: #fff;
	border-radius: 8px;
	letter-spacing: 2px;
	margin: 5px 0 0 0;
	width: 150px;
	outline: none;
	float: right;
}

#contato .btn-enviar:hover{
	background-color: #14520D;
}

#contato .btn-enviar i{
	font-size: 12px;
	margin: 0 0 0 5px;
	padding: 0;
}

#contato .retorno-formulario{
	display: none;
	width: 100%;
	background-color: #217346;
	color: #fff;
	padding: 7px 10px;
	letter-spacing: 1px;
	border-radius: 8px 8px 0 0;
}

#contato .carregamento{
	display: none;
	text-align: center;
}

#contato .carregamento img{
	display: block;
	width: 28px;
	margin: 5px auto 0 auto;
}

#contato .mensagem-erro{
	display: none;
	background-color: #f7f7f7;
	border: 1px solid #b30000;
	border-radius: 7px;
	padding: 3px 0;
	margin: 20px 0 0 0;
}

#contato .mensagem-erro p{
	margin: 0;
	font-size: 16px;
	color: #b30000;
}

#contato .detalhe{
	position: absolute;
	right: 10%;
	margin-top: -205px;
}

/** Localização **/
#localizacao{
	padding: 0;
	background-color: #f1f1f1;
}

#localizacao h2{
	color: #fff;
	font-size: 26px;
	letter-spacing: 2px;
	text-align: center;
	background-color: var(--corPrimaria);
	font-weight: normal;
	padding: 10px 0 8px 0;
	margin: 0 0 40px 0;
	width:  90%;
}

#localizacao .col-sm-12{
	padding: 0;
}

#localizacao .btn-mapa{
	display: block;
	font-size: 16px;
	padding: 12px 0 10px 0;
	font-weight: normal;
	text-align: center;
	line-height: 80%;
	border: 0;
	background-color: #1b5e16;
	color: #fff;
	border-radius: 8px;
	letter-spacing: 1px;
	margin: 40px auto 40px auto;
	width: 350px;
	max-width: 100%;
	outline: none;
}

#localizacao .btn-mapa:hover{
	background-color: #14520D;
	cursor: pointer;
}


/** Rodapé **/
#rodape{
	background-color: #111;
	margin: 0;
	padding: 40px 0;
	letter-spacing: 1px;
	color: #fff;
}

#rodape .marca{
	width: 60%;
	max-width: 170px;
}

#rodape p{
	color: #fff;
	margin: 18px 0 0 0;
}

#rodape p.telefone a{
	font-weight: bold;
	font-size: 24px;
	color: #fff;
}

#rodape .desenvolvido{
	font-size: 11px;
	margin-top: 10px;
}

#rodape .desenvolvido-site{
	font-size: 11px;
	margin: 8px auto 0 auto;
}
	
#rodape a{
	color: #fff;
}

#rodape .marca-top{
	background-color: rgba(255,255,255,0.7);
	padding: 4px 10px;
	border-radius: 6px;
	margin-top: 0;
}


/** Assinatura **/
#assinatura{
	padding: 15px 0;
	background-color: #000;
}

#assinatura p{
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 10px;
	color: #fff;
	letter-spacing: 1px;
}




/*** Responsividade ***/
@media only screen and (max-width: 670px){		
	/** Topo **/
	#topo{
		display: none;
	}
	
	
	/** Banner **/
	#banner{
		max-height: 550px;
		background: var(--bannerM);
		background-size: cover;
	}
	
	
	#banner .overlay{ 
		background: linear-gradient(220deg, rgba(0,0,0,0.2) 25%, rgba(0,0,0,0.8) 75%);
	}

	#banner .capa{	
		margin: 20px auto 20px auto;
	}

	#banner .capa .marca{
		width: 180px;
		min-width: 180px;
	}

	
	/** Destaque **/
	#destaque{
		margin: 0;		
		max-height: 270px;
		overflow: hidden;
	}
	
	#destaque .botao{
		width: 45%;
		font-size: 13px;
		padding: 10px 6px;
		margin: 6px;
	}
	
	#destaque{
		margin: 0;
	}


	/** Quem Somos **/
	#quem-somos{
		padding: 40px 0 0 0 !important;
	}

	#quem-somos h2{
		font-size: 18px;
		width: 100% !important;
		margin: 0 0 30px 0;
	}
	
	#quem-somos .barra{
		margin-top: 40px;
	}
	
	#quem-somos .barra .img-pg{
		max-width: 18%;
	}
	
	#quem-somos h4{
		margin-top: 20px;
	}
	
	
	/** Galeria **/
	#galeria{
		margin: 0;
		padding: 40px 0 60px 0;
	}
		
	#galeria img{ 
		margin: 15px auto !important; 
	}
	
	#galeria .flex-control-nav li a{
		border: 1px solid #fff;
	}
	

	/** Contato **/	
	#contato{
		padding: 40px 0 40px 0;
	}
	
	#contato h2{
		font-size: 18px;
		width: 100% !important;
		margin: 0 0 30px 0;
	}
	
	#contato p{
		font-size: 18px;
		letter-spacing: 1px;
	}
	
	#contato .email,
	#contato .site{
		font-size: 16px;
	}

	#contato .mensagem-erro p{
		font-size: 15px;
	}
		
	/** Rodapé **/
	#rodape{
		text-align: center;
	}	
	
	#rodape .endereco{
		margin: 30px auto;
	}
	
	#rodape .desenvolvido{
		font-size: 11px;
		margin-top: 30px;
		padding-top: 30px;
		border-top: 1px solid #f1f1f1;
	}
	
	#rodape .marca-top{
		margin-top: 5px;
		max-width: 120px; 
	}
}