/* ---------------------------------------------------------------------- */
/*	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: #000 !important;
  --corCinza: #ECECEC !important;
  --corOuro: #D58500 !important;
}

body{ margin:0; padding:0; font-size: 14px; font-family: 'Conv_GILROY-MEDIUM'; color:var(--corPreto) !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 .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(--corPreto) !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(--corPreto) !important; text-decoration:none;}
	.top .wht img{ height:30px; margin-right:10px;}
	.top .wht span{ font-size:15px; font-weight:bold; color:var(--corPreto) !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(--corPreto); font-size:13px; color:var(--corBranco) !important; text-decoration:none; font-weight:lighter;}
	
	.topo{ margin-top:20px;}
	
	.middle{ padding-top: 30px; padding-bottom:60px; font-size:20px; color:var(--corPreto); background: url(../img/bg_middle.png) bottom right no-repeat;}
	.middle h2{ margin-top: 20px; font-family: 'Conv_GILROY-BOLD';}
	.middle a{ display:inline-block; margin-top: 10px; padding:20px 40px; border-radius:20px; background:#198754; font-size:20px; color:var(--corBranco) !important; text-decoration:none; font-weight:lighter;}

	.servicos{ position: relative; padding:20px 0 0 0; font-size:20px; background:var(--corBranco); color:var(--corPreto) !important;}
	.servicos ul{ margin-bottom: 20px; padding-bottom: 20px; border-bottom: 10px solid var(--corOuro);}
	.servicos li img{ width: 100%;}

	.servicos .dados_servico h1{ margin:10px 0; padding-left: 10px; border-left: 10px solid var(--corOuro);}
	.servicos .dados_servico ul{ margin-bottom: 20px; padding-bottom: 20px; border-bottom: 10px solid var(--corOuro);}
	.servicos .dados_servico ul li b{ display: block;}

	.servicos .experiencia{}
	.servicos .experiencia li{ padding: 5px;}
	.servicos .experiencia li .cerca{ padding: 10px; background: var(--corOuro); color: var(--corPreto);}
	.servicos .experiencia li .cerca h1{ font-size: 20px; height: 50px; font-family: 'Conv_GILROY-BOLD';}
	.servicos .experiencia li .txt{ display:flex; justify-content:center; align-items:center; margin-bottom: 20px; min-height: 160px;}
	
	footer{ padding-top: 10px; padding-bottom:10px; background:url(../img/bg.png) 0 76% no-repeat;}
	footer h1{ margin:10px 0; font-size:40px; font-family: 'Conv_GILROY-BOLD';}
	footer h2{ margin:10px 0; font-size:30px; font-family: 'Conv_GILROY-BOLD';}
	footer .wpp{ display:inline-block; margin-top: 10px; padding:20px 40px; border-radius:20px; background:#198754; font-size:20px; color:var(--corBranco) !important; text-decoration:none; font-weight:lighter;}
	
	footer .rodape{ margin-top:100px;}
	
	footer .l{ padding-top:20px; padding-bottom:10px;}
	
	footer .redes{ padding-top:50px; text-align:center;}
	footer .redes .a{ display:inline-block; margin-top:-5px; margin-right:5px;}
	footer .redes img{ height:30px;}
	
	footer .atendimento{ padding-top:30px; font-size:11px; text-align:center; color:var(--corOuro) !important;}
	footer .atendimento span{ font-weight:bold; font-size:18px;}
	
	footer .wht{ padding-top:30px; text-align:center; font-size:23px;}
	footer .wht a{ color:var(--corOuro) !important; text-decoration:none;}
	footer .wht img{ height:30px; margin-right:10px;}
	footer .wht span{ font-size:15px; font-weight:bold; color:var(--corOuro) !important;}
	
	footer .localizacao{ padding-top:50px; text-align:center; font-size:18px;}
	footer .localizacao a{ display:inline-block; padding:5px 10px; border-radius:20px; background:var(--corPreto); font-size:13px; color:var(--corOuro) !important; text-decoration:none; font-weight:lighter;}
	
	.direitos{ margin-top:20px; padding:20px 0; border-top:10px solid var(--corRoxa); color:var(--corRoxa); text-align:center;}
	.direitos div{ display:inline-block;}
	
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/*	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; width: 30%;}
	
	.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(--corPreto) !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(--corPreto) !important; text-decoration:none;}
	.top .wht img{ height:30px; margin-right:10px;}
	.top .wht span{ font-size:15px; font-weight:bold; color:var(--corPreto) !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(--corPreto); font-size:13px; color:var(--corBranco) !important; text-decoration:none; font-weight:lighter;}
	
	.topo{ margin-top:20px;}
	
	.middle{ padding-top: 30px; padding-bottom:60px; font-size:20px; color:var(--corPreto); background: url(../img/bg_middle.png) bottom right no-repeat; background-size: 50%;}
	.middle h2{ margin-top: 20px; font-family: 'Conv_GILROY-BOLD';}
	.middle a{ display:inline-block; margin-top: 10px; padding:20px 40px; border-radius:20px; background:#198754; font-size:20px; color:var(--corBranco) !important; text-decoration:none; font-weight:lighter;}

	.servicos{ position: relative; padding:20px 0 0 0; font-size:20px; background:var(--corBranco); color:var(--corPreto) !important;}
	.servicos ul{ margin-bottom: 20px; padding-bottom: 20px; border-bottom: 10px solid var(--corOuro);}
	.servicos li img{ width: 100%;}

	.servicos .dados_servico h1{ margin:10px 0; padding-left: 10px; border-left: 10px solid var(--corOuro);}
	.servicos .dados_servico ul{ margin-bottom: 20px; padding-bottom: 20px; border-bottom: 10px solid var(--corOuro);}
	.servicos .dados_servico ul li b{ display: block;}

	.servicos .experiencia{}
	.servicos .experiencia li{ padding: 5px;}
	.servicos .experiencia li .cerca{ padding: 10px; background: var(--corOuro); color: var(--corPreto);}
	.servicos .experiencia li .cerca h1{ font-size: 20px; height: 50px; font-family: 'Conv_GILROY-BOLD';}
	.servicos .experiencia li .txt{ display:flex; justify-content:center; align-items:center; margin-bottom: 20px; min-height: 160px;}
	
	footer{ padding-top: 10px; padding-bottom:10px; background:url(../img/bg.png) 0 76% no-repeat;}
	footer h1{ margin:10px 0; font-size:40px; font-family: 'Conv_GILROY-BOLD';}
	footer h2{ margin:10px 0; font-size:30px; font-family: 'Conv_GILROY-BOLD';}
	footer .wpp{ display:inline-block; margin-top: 10px; padding:20px 40px; border-radius:20px; background:#198754; font-size:20px; color:var(--corBranco) !important; text-decoration:none; font-weight:lighter;}
	
	footer .rodape{ margin-top:100px;}
	
	footer .l{ padding-top:20px; padding-bottom:10px;}
	
	footer .redes{ padding-top:50px; text-align:center;}
	footer .redes .a{ display:inline-block; margin-top:-5px; margin-right:5px;}
	footer .redes img{ height:30px;}
	
	footer .atendimento{ padding-top:30px; font-size:11px; text-align:center; color:var(--corOuro) !important;}
	footer .atendimento span{ font-weight:bold; font-size:18px;}
	
	footer .wht{ padding-top:30px; text-align:center; font-size:23px;}
	footer .wht a{ color:var(--corOuro) !important; text-decoration:none;}
	footer .wht img{ height:30px; margin-right:10px;}
	footer .wht span{ font-size:15px; font-weight:bold; color:var(--corOuro) !important;}
	
	footer .localizacao{ padding-top:50px; text-align:center; font-size:18px;}
	footer .localizacao a{ display:inline-block; padding:5px 10px; border-radius:20px; background:var(--corPreto); font-size:13px; color:var(--corOuro) !important; text-decoration:none; font-weight:lighter;}
	
	.direitos{ margin-top:20px; padding:20px 0; border-top:10px solid var(--corRoxa); color:var(--corRoxa); text-align:center;}
	.direitos div{ display:inline-block;}
	
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/*	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; text-align: center;}
	.top .l img{ float: none; height: 100px;}
	
	.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: var(--corOuro);}
	.top .atendimento span{ font-weight:bold; font-size:16px;}
	
	.top .wht{ padding:10px 0px; text-align:center; font-size:18px;  background: var(--corOuro);}
	.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(--corPreto); 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(--corPreto); background: url(../img/bg_middle.png) bottom right no-repeat; background-size: 100%;}
	.middle br{ display: none;}
	.middle a{ display:inline-block; margin-top: 10px; padding:20px 40px; border-radius:20px; background:var(--corPreto); font-size:20px; color:var(--corBranco) !important; text-decoration:none; font-weight:lighter;}

	.servicos{ position: relative; padding:20px 0 0 0; text-align: center; font-size:20px; background:var(--corBranco); color:var(--corPreto) !important;}
	.servicos ul{ margin-bottom: 20px; padding-bottom: 20px; border-bottom: 10px solid var(--corOuro);}
	.servicos li{ margin-bottom: 20px;}
	.servicos li img{ width: 100%;}

	.servicos .dados_servico h1{ margin:10px 0; padding-left: 10px; border-left: 10px solid var(--corOuro);}
	.servicos .dados_servico ul{ margin-bottom: 20px; padding-bottom: 20px; border-bottom: 10px solid var(--corOuro);}
	.servicos .dados_servico ul li b{ display: block;}

	.servicos .experiencia{}
	.servicos .experiencia li{ padding: 5px;}
	.servicos .experiencia li .cerca{ padding: 10px; background: var(--corOuro); color: var(--corPreto);}
	.servicos .experiencia li .cerca h1{ font-size: 20px; height: 50px; font-family: 'Conv_GILROY-BOLD';}
	.servicos .experiencia li .txt{ display:flex; justify-content:center; align-items:center; margin-bottom: 20px; min-height: auto !important;}
	
	footer{ margin-top:20px; padding-top:20px; background:var(--corPreto) url(../img/bg.png) 100% -100px no-repeat; text-align:center;}
	
	footer h1{ font-size: 30px;}
	footer h2{ margin:20px 0; font-size:25px;}
	
	footer .rodape{ margin-top:20px;}

	footer .rodape .redes .a{ display:inline-block; margin-top:-5px; margin-right:10px;}
	footer .rodape .redes .a img{ max-width:30px !important;}
	
	footer .rodape .d{ margin-top:20px;}
	
	footer .rodape .atendimento{ float:none; margin-bottom:10px; width:100%; text-align:center; color:var(--corOuro);}
	footer .rodape .atendimento span{ font-weight:bold; font-size:20px;}
	
	footer .rodape .wht{ float:none; width:100%; text-align:center; color:var(--corOuro);}
	footer .rodape .wht a{ color:var(--corOuro) !important; text-decoration:none;}
	
	.direitos{ margin-top:20px; padding:20px 0; border-top:10px solid var(--corRoxa); color:var(--corRoxa); text-align:center;}
	.direitos div{ display:inline-block;}
	
}