/* ---------------------------------------------------------------------- */
/*	FONTS
/* ---------------------------------------------------------------------- */
@font-face {
	font-family: 'Conv_GILROY-BOLD';
	src: url('fonts/GILROY-BOLD.eot');
	src: local('☺'),
		 url('../fonts/GILROY-BOLD.woff') format('woff'),
		 url('../fonts/GILROY-BOLD.ttf') format('truetype'),
		 url('../fonts/GILROY-BOLD.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_GILROY-LIGHT';
	src: url('fonts/GILROY-LIGHT.eot');
	src: local('☺'),
		 url('../fonts/GILROY-LIGHT.woff') format('woff'),
		 url('../fonts/GILROY-LIGHT.ttf') format('truetype'),
		 url('../fonts/GILROY-LIGHT.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_GILROY-MEDIUM';
	src: url('fonts/GILROY-MEDIUM.eot');
	src: local('☺'),
		 url('../fonts/GILROY-MEDIUM.woff') format('woff'),
		 url('../fonts/GILROY-MEDIUM.ttf') format('truetype'),
		 url('../fonts/GILROY-MEDIUM.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* ---------------------------------------------------------------------- */
/*	GLOBAL
/* ---------------------------------------------------------------------- */
:root {
  --corBranco: #FFF !important;
  --corPreto: #11100C !important;
  --corCinza: #ECECEC !important;
  --corOuro: #A27C1B !important;
  --corVerde: #A46918 !important;
  --corVerde: #265D42 !important;
}

body{ margin:0; padding:0; font-size: 14px; font-family: 'Conv_GILROY-MEDIUM'; color:var(--corVerde) !important;}
.clear{ clear:both; width:100%; font-size:1px;}
img{ max-width:100% !important;}
.whatsapp{ z-index:99; position:fixed; padding:0px 10px 5px 10px; top:10px; right:10px;}
ul,li{ margin:0; padding:0; list-style:none;}
a:hover{ color:inherit;}

/* Definir o elemento que irá piscar */
.elemento-piscando{
  animation: piscar 1.5s infinite;
}

/* Definir a animação */
@keyframes piscar {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

/* ---------------------------------------------------------------------- */
/*	DESKTOP
/* ---------------------------------------------------------------------- */
@media only screen and (min-width: 991px){
	
	.whatsapp-mobile{ display:none;}
	.whatsapp-web{ z-index:99; position:fixed; padding:0px 10px 5px 10px; top:5px; right:10px; background:#198754; border-radius:5px;}
	.whatsapp-web a{ color:#FFF !important; text-decoration:none; font-size:20px;}
	
	.top{}
	
	.top .l{ padding-top:20px; padding-bottom:10px;}
	.top .l img{ float: left; width: 30%;}
	.top .l .dados{ float: left; width: 70%; padding: 25px 0 0 10px; font-size: 18px; font-family: 'Conv_GILROY-BOLD';}
	
	.top .redes{ padding-top:50px; text-align:right;}
	.top .redes .a{ display:inline-block; margin-top:-5px; margin-right:5px;}
	.top .redes img{ height:30px;}
	
	.top .atendimento{ padding-top:40px; font-size:11px; text-align:center; color:var(--corVerde) !important;}
	.top .atendimento span{ font-weight:bold; font-size:15px;}
	
	.top .wht{ padding-top:40px; text-align:center; font-size:18px;}
	.top .wht a{ color:var(--corVerde) !important; text-decoration:none;}
	.top .wht img{ height:30px; margin-right:10px;}
	.top .wht span{ font-size:15px; font-weight:bold; color:var(--corVerde) !important;}
	
	.top .localizacao{ padding-top:50px; text-align:center; font-size:18px;}
	.top .localizacao a{ display:inline-block; padding:5px 10px; border-radius:20px; background:var(--corVerde); font-size:13px; color:var(--corBranco) !important; text-decoration:none; font-weight:lighter;}
	
	.topo{ margin-top:20px;}
	
	.middle{ padding-bottom:60px; text-align: right; font-size:20px; color:var(--corVerde);}
	.middle a{ display:inline-block; margin-top: 10px; padding:10px 40px; border-radius:20px; background:var(--corVerde); font-size:20px; color:var(--corBranco) !important; text-decoration:none; font-weight:lighter;}
	
	.bemvindo{ margin-top: -120px; padding-top: 100px; background: url('../img/faixa_cima_bg_bloco.png') 0 0 no-repeat; background-size:contain;}
	.bemvindo .img{ margin-top: -100px; width: 65%;}
	.bemvindo .cerca{ margin-top: 30px; background: #65B47C;}
	.bemvindo h1{ padding: 20px; font-size: 60px; font-family: 'Conv_GILROY-BOLD';}
	.bemvindo h2{ padding: 0px 20px; font-size: 40px; font-family: 'Conv_GILROY-BOLD'; color: var(--corBranco);}
	.bemvindo .texto{ padding: 20px; font-size: 20px; color: var(--corBranco);}
	.bemvindo .baixo{ width: 100%; height: 120px; background: url('../img/faixa_baixo_bg_bloco.png') 0 100% no-repeat; background-size:100%;}

	.servicos{ position: relative; padding:20px 0 60px 0; font-size:20px; background:var(--corBranco); color:var(--corVerde) !important;}
	.servicos h1{ margin-bottom:30px; font-size:25px; font-family: 'Conv_GILROY-BOLD';}
	.servicos .cerca{ min-height: 130px; display:flex; justify-content:center; align-items:center;}
	.servicos .servico_01{ padding: 20px 0; text-align: center; background: #008F44; color: var(--corBranco); border-radius: 10px; display:flex; justify-content:center; align-items:center;}
	.servicos .servico_02{ margin-top: -10px; padding: 20px 0; text-align: center; background: #81B37E; color: var(--corBranco); border-radius: 10px;}
	.servicos .servico_03{ margin-top: -10px; padding: 20px 0; text-align: center; background: #4E906A; color: var(--corBranco); border-radius: 10px;}
	.servicos .servico_04{ margin-top: -10px; padding: 20px 0; text-align: center; background: #265D42; color: var(--corBranco); border-radius: 10px;}
		
	.agende{ padding: 20px 0; text-align: center; background: #81B37E;}
	.agende h1{ font-size: 40px;}
	.agende a{ display:inline-block; padding:10px 40px; border-radius:20px; background:var(--corVerde); font-size:20px; color:var(--corBranco) !important; text-decoration:none; font-weight:lighter;}
	
	.planos{ padding: 20px 0; text-align: center;}
	.planos h1{ margin-bottom:20px; font-size:40px; font-family: 'Conv_GILROY-BOLD';}
	.planos ul{}
	.planos ul li{ display: inline-block; margin-bottom: 20px; margin-left: 5px; width: 20% !important;}
	
	.rodape{ text-align: center; background: var(--corVerde); color:var(--corBranco) !important;}
	.rodape h1{ padding: 20px 0; font-size:40px; font-family: 'Conv_GILROY-BOLD'; text-align: center; color:var(--corBranco) !important;}
	.rodape .wp{ display:inline-block; padding:10px 40px; border-radius:20px; background:#008F44; font-size:20px; color:var(--corBranco) !important; text-decoration:none; font-weight:lighter;}
	
	.rodape .mapa{ margin-top: 40px; margin-bottom: 40px;}
	.rodape .mapa iframe{ width: 100%; height: 400px; border-radius: 30px;}
	
	.rodape .r{ margin-top: 40px; margin-bottom: 40px; padding-top: 40px; text-align: left;}
	
	footer{ padding-top:10px; background:#FFF; color:var(--corVerde) !important;}
	
	.direitos{ margin-top: 10px; padding:10px 0; text-align:center; color:var(--corVerde) !important; border-top:10px solid var(--corVerde); background:var(--corBranco);}
	
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/*	TABLET
/* --------------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 990px){
	
	.whatsapp-mobile{ display:none;}
	.whatsapp-web{ z-index:99; position:fixed; padding:0px 10px 5px 10px; top:5px; right:10px; background:#198754; border-radius:5px;}
	.whatsapp-web a{ color:#FFF !important; text-decoration:none; font-size:20px;}
	
	.top{}
	
	.top .l{ padding-top:20px; padding-bottom:10px;}
	.top .l img{ float: left; height: 100px;}
	.top .l .dados{ float: left; width: 70%; padding: 15px 0 0 10px; font-size: 18px; font-family: 'Conv_GILROY-BOLD';}
	
	.top .redes{ padding-top:50px; text-align:left;}
	.top .redes .a{ display:inline-block; margin-top:-5px; margin-right:4px;}
	.top .redes img{ height:30px;}
	
	.top .atendimento{ padding-top:40px; font-size:11px; text-align:center; color:var(--corVerde) !important;}
	.top .atendimento span{ font-weight:bold; font-size:15px;}
	
	.top .wht{ padding-top:40px; text-align:center; font-size:18px;}
	.top .wht a{ color:var(--corVerde) !important; text-decoration:none;}
	.top .wht img{ height:30px; margin-right:10px;}
	.top .wht span{ font-size:15px; font-weight:bold; color:var(--corVerde) !important;}
	
	.top .localizacao{ padding-top:50px; text-align:center; font-size:18px;}
	.top .localizacao a{ display:inline-block; padding:5px 10px; border-radius:20px; background:var(--corVerde); font-size:13px; color:var(--corBranco) !important; text-decoration:none; font-weight:lighter;}
	
	.topo{ margin-top:20px;}
	
	.middle{ padding:60px 0; text-align: right; font-size:20px; color:var(--corVerde);}
	.middle a{ display:inline-block; margin-top: 10px; padding:20px 40px; border-radius:20px; background:var(--corVerde); font-size:20px; color:var(--corBranco) !important; text-decoration:none; font-weight:lighter;}
	
	.bemvindo{ margin-top: -100px; padding-top: 80px; background: url('../img/faixa_cima_bg_bloco.png') 0 0 no-repeat; background-size:contain;}
	.bemvindo .img{ margin-top: -100px; width: 65%;}
	.bemvindo .cerca{  background: #65B47C;}
	.bemvindo h1{ padding: 20px; font-size: 50px; font-family: 'Conv_GILROY-BOLD';}
	.bemvindo h2{ padding: 20px; font-size: 20px; color: var(--corBranco);}
	.bemvindo .texto{ padding: 20px; font-size: 20px; color: var(--corBranco);}
	.bemvindo .baixo{ display: none;}
	.bemvindo ul{ margin: 0 auto; width: 80%;}
	.bemvindo ul li{ display: inline-block; margin-left: 5px; width: 32%;}

	.servicos{ position: relative; padding:60px 0; font-size:25px; text-align:center; background:var(--corBranco); color:var(--corVerde) !important;}
	.servicos h1{ margin-bottom:10px; font-size:40px; font-family: 'Conv_GILROY-BOLD';}
	.servicos ul li{ margin-bottom: 20px;}
	.servicos .servico_01{ z-index: 4; padding: 20px 0; text-align: center; background: #008F44; color: var(--corBranco); border-radius: 10px;}
	.servicos .servico_02{ margin-top: -10px; padding: 20px 0; text-align: center; background: #81B37E; color: var(--corBranco); border-radius: 10px;}
	.servicos .servico_03{ margin-top: -10px; padding: 20px 0; text-align: center; background: #4E906A; color: var(--corBranco); border-radius: 10px;}
	.servicos .servico_04{ margin-top: -10px; padding: 20px 0; text-align: center; background: #265D42; color: var(--corBranco); border-radius: 10px;}
	
	.agende{ padding: 20px 0; text-align: center; background: #81B37E;}
	.agende h1{ font-size: 40px;}
	.agende a{ display:inline-block; padding:20px 40px; border-radius:20px; background:var(--corVerde); font-size:20px; color:var(--corBranco) !important; text-decoration:none; font-weight:lighter;}
	
	.planos{ padding: 20px 0; text-align: center;}
	.planos h1{ margin-bottom:20px; font-size:40px; font-family: 'Conv_GILROY-BOLD';}
	.planos ul{}
	.planos ul li{ display: inline-block; margin-bottom: 20px; margin-left: 5px; width: 15% !important;}
	
	.rodape{ text-align: center; background: var(--corVerde); color:var(--corBranco) !important;}
	.rodape h1{ padding: 20px 0; font-size:40px; font-family: 'Conv_GILROY-BOLD'; text-align: center; color:var(--corBranco) !important;}
	.rodape .wp{ display:inline-block; padding:20px 40px; border-radius:20px; background:#008F44; font-size:20px; color:var(--corBranco) !important; text-decoration:none; font-weight:lighter;}
	
	.rodape .mapa{ margin-top: 40px; margin-bottom: 40px;}
	.rodape .mapa iframe{ width: 100%; height: 400px; border-radius: 30px;}
	
	.rodape .r{ margin-top: 40px; margin-bottom: 40px; padding-top: 40px; text-align: left;}
	
	footer{ padding-top:10px; background:#FFF; color:var(--corVerde) !important;}
	
	.direitos{ margin-top: 10px; padding:10px 0; text-align:center; color:var(--corVerde) !important; border-top:10px solid var(--corVerde); background:var(--corBranco);}
	
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/*	MOBILE
/* --------------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 579px){
	
	.whatsapp-mobile{ display:none;}
	.whatsapp-web{ z-index:99; position:fixed; padding:0px 10px 5px 10px; top:15px; left:10px; width:95%; background:#198754; border-radius:5px;}
	.whatsapp-web a{ color:#FFF !important; text-decoration:none; font-size:20px;}
	
	.top{ padding-top: 40px; text-align: center;}
	
	.top .l{ padding-top:20px; padding-bottom:10px;}
	.top .l img{ float: left; height: 100px;}
	.top .l .dados{ float: left; width: 70%; padding: 15px 0 0 10px; font-size: 18px; font-family: 'Conv_GILROY-BOLD';}
	
	.top .redes{ padding:10px 0;  text-align: center;}
	.top .redes .a{ display:inline-block; margin-top:-5px; margin-right:4px;}
	.top .redes img{ height:30px;}
	
	.top .atendimento{ padding:10px 0px; font-size:13px; text-align:center; color:var(--corBranco) !important;  background: #65B47C;}
	.top .atendimento span{ font-weight:bold; font-size:16px;}
	
	.top .wht{ padding:10px 0px; text-align:center; font-size:18px;  background: #65B47C;}
	.top .wht a{ color:var(--corBranco) !important; text-decoration:none;}
	.top .wht img{ height:30px; margin-right:10px;}
	.top .wht span{ font-size:15px; font-weight:bold; color:var(--corBranco) !important;}
	
	.top .localizacao{ padding:10px 0px; text-align:center; font-size:18px;}
	.top .localizacao a{ display:inline-block; padding:5px 10px; border-radius:20px; background:var(--corVerde); font-size:13px; color:var(--corBranco) !important; text-decoration:none; font-weight:lighter;}
	
	.topo{ margin-top:20px;}
	
	.middle{ padding:60px 0; text-align: center; font-size:20px; color:var(--corVerde);}
	.middle br{ display: none;}
	.middle a{ display:inline-block; margin-top: 10px; padding:20px 40px; border-radius:20px; background:var(--corVerde); font-size:20px; color:var(--corBranco) !important; text-decoration:none; font-weight:lighter;}
	
	.bemvindo{ margin-top: 20px; padding-top: 40px; background: url('../img/faixa_cima_bg_bloco.png') 0 0 no-repeat; background-size:contain;}
	.bemvindo .img{ margin-top: -20px; width: 70%;}
	.bemvindo .cerca{  background: #65B47C;}
	.bemvindo h1{ padding: 10px; text-align: center; font-size: 25px; font-family: 'Conv_GILROY-BOLD';}
	.bemvindo h2{ padding: 10px; text-align: center; font-size: 18px; color: var(--corBranco);}
	.bemvindo .texto{ padding: 10px; text-align: center; font-size: 18px; color: var(--corBranco);}
	.bemvindo .baixo{ display: block; margin-top: -2px; width: 100%; height: 40px; background: url('../img/faixa_baixo_bg_bloco.png') 0 100% no-repeat; background-size:100%;}
	.bemvindo ul{ margin: 0 auto; margin-top: -30px; width: 90%;}
	.bemvindo ul li{ display: inline-block; margin-left: 5px; width: 30%;}

	.servicos{ position: relative; padding:60px 0; font-size:20px; text-align:center; background:var(--corBranco); color:var(--corVerde) !important;}
	.servicos h1{ margin-bottom:10px; font-size:30px; font-family: 'Conv_GILROY-BOLD';}
	.servicos ul li{ margin-bottom: 20px;}
	.servicos .servico_01{ z-index: 4; padding: 20px 0; text-align: center; background: #008F44; color: var(--corBranco); border-radius: 10px;}
	.servicos .servico_02{ margin-top: -10px; padding: 20px 0; text-align: center; background: #81B37E; color: var(--corBranco); border-radius: 10px;}
	.servicos .servico_03{ margin-top: -10px; padding: 20px 0; text-align: center; background: #4E906A; color: var(--corBranco); border-radius: 10px;}
	.servicos .servico_04{ margin-top: -10px; padding: 20px 0; text-align: center; background: #265D42; color: var(--corBranco); border-radius: 10px;}
	
	.agende{ padding: 20px 0; text-align: center; background: #81B37E;}
	.agende h1{ font-size: 40px;}
	.agende a{ display:inline-block; padding:20px 40px; border-radius:20px; background:var(--corVerde); font-size:20px; color:var(--corBranco) !important; text-decoration:none; font-weight:lighter;}
	
	.planos{ padding: 20px 0; text-align: center;}
	.planos h1{ margin-bottom:20px; font-size:40px; font-family: 'Conv_GILROY-BOLD';}
	.planos ul{}
	.planos ul li{ display: inline-block; margin-bottom: 20px; margin-left: 0; width: 100% !important;}
	
	.rodape{ text-align: center; background: var(--corVerde); color:var(--corBranco) !important;}
	.rodape h1{ padding: 20px 0; font-size:40px; font-family: 'Conv_GILROY-BOLD'; text-align: center; color:var(--corBranco) !important;}
	.rodape .wp{ display:inline-block; padding:20px 40px; border-radius:20px; background:#008F44; font-size:20px; color:var(--corBranco) !important; text-decoration:none; font-weight:lighter;}
	
	.rodape .mapa{ margin-top: 40px; margin-bottom: 40px;}
	.rodape .mapa iframe{ width: 100%; height: 400px; border-radius: 30px;}
	
	.rodape .r{ margin-top: 20px; margin-bottom: 20px; padding-top: 20px; text-align: center;}
	
	footer{ padding-top:10px; background:#FFF; color:var(--corVerde) !important;}
	
	.direitos{ margin-top: 10px; padding:10px 0; text-align:center; color:var(--corVerde) !important; border-top:10px solid var(--corVerde); background:var(--corBranco);}
	
}