@charset "utf-8";
.TopPosic{ position:relative; z-index:3;}
.MeioPosic{ position:relative; z-index:1;}
.RodapePosic{position:relative; z-index:2;}

/*===NAVEGAÇÃO===*/
.secao{
	width:100%;
	height:auto;
	padding-top:5%;
	padding-bottom:5%;
	float: left;
	position:relative;
	}
#inicio,
#servicos,
#empresa,
#clientes,
#contato
{ 
width:10px;
height:50px;
position:absolute;
top: -50px;
left:0; 
}
@media(max-width:1000px){
	.secao{
	padding-top:10%;
	padding-bottom:10%;
	}
	}
@media(max-width:450px){
	.secao{
	padding-top:15%;
	padding-bottom:15%;
	}
	}	

/*===TEXTO PADRÃO===*/
.TXT {
    font-family: "Rubik", Arial, Helvetica, sans-serif;
    color: #000;
    font-weight: 400;
	line-height:1.5;
}
.TXT_Centro {text-align: center; font-size: 16px;}
.TXT_Left {text-align: left; font-size: 16px;}
.TXT_Right {text-align: right; font-size: 16px;}

.Titulos {
    font-family: "Rubik", Arial, Helvetica, sans-serif;
    color: #000;
    font-weight: 500;
	line-height:1.1;
}
.Title_Centro {text-align: center; font-size: 30px;}
.Title_Left {text-align: left; font-size: 30px;}
.Title_Right {text-align: right; font-size: 30px;
}
@media(max-width:750px){
.Titulos.Title_Centro {text-align: center; font-size: 25px;}
.Titulos.Title_Left {text-align: center; font-size: 25px;}
.Titulos.Title_Right {text-align: center;  font-size: 25px;}

.TXT.TXT_Centro {text-align: center; font-size: 16px;}
.TXT.TXT_Left {text-align: center; font-size: 16px;}
.TXT.TXT_Right {text-align: center; font-size: 16px;}
	}

/*===BOTÕES===*/
.BT_Pagina{
	width:auto;
	height:50px;
	padding-right:20px;
	padding-left:20px;
	background:  linear-gradient(to right, #00D880, #08D4A3);
	border-radius:5px;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	font-family:'Rubik',Arial, Helvetica, sans-serif; font-size:16px; font-weight:500; color: #FFF; text-align: left;
	text-decoration:none;
	position:relative;
	}
.BT_Pagina:hover{
	background: linear-gradient(to right, #08D4A3,#00D880);
	box-shadow: 0 0px 35px rgba(0, 216, 128, 0.8);
	color: #000;
	}		
.BT_Pagina.faleconosco::before{/*icone*/	
	content:''; width:50px; height:50px; position:absolute; left:0; top:0;
	background: url(../imagens/botoes/whtasapp.svg) no-repeat center left; 
	}		

/*===BOX GERAL===*/	
.box_geral {
	width:100%; 
	height:50px; 
	padding-right:15%; 
	padding-left:50px;
	float:left; 
	margin-bottom:5px;
	background: #1a1a1a; 
	border:1px solid #333333;
	border-radius:5px;
	position:relative; 
	cursor:pointer;
	font-family:'Rubik',Arial, Helvetica, sans-serif; font-size:16px; font-weight:500; color: #FFF; text-align:left;
	transition:0.2s ease-in-out;
	user-select: none;
	outline: none;
}
@media(max-width:500px){.box_geral{ height: auto; padding-top:15px; padding-bottom:15px;}}
.box_geral:hover {
	background: #FFF;
	color: #000;
	border:1px solid #FFF;
	}
.box_geral.active	{
	background: #FFF;
	color: #000;
	border:1px solid #FFF;
	}	
/*Icone Abrir e Frechar*/
.box_geral::after { 
	width:50px; 
	height:50px; 
	position:absolute; 
	right:0; top:0; 
	content: url(../imagens/servicos/Vejamais.svg);
	}
.box_geral.active::after { 
	content: url(../imagens/servicos/Vejamais2.svg);
	}	
/*conteudo box geral*/		
div.conteudo_boxgeral{
	max-width:100%;
	padding:20px;
	margin-bottom:10px;
	margin-top:0;
	border:0;
	border-radius:5px;
	overflow: hidden;
	transition: 0.2s ease-in-out;
	opacity: 0;
	display:none;
	}	
div.conteudo_boxgeral.show{
	opacity:1; 
	max-height:100%; 
	display:block; 
	margin-top:0; 
	background: #FFF; 
	border-radius:5px;
	}		
.box_geral.servgoogle::before{/*icone*/	
	content:''; width:50px; height:50px; position:absolute; left:0; top:0;
	background: url(../imagens/servicos/googleAds.svg) no-repeat center left; 
	}	
.box_geral.servtrafego::before{/*icone*/	
	content:''; width:50px; height:50px; position:absolute; left:0; top:0;
	background: url(../imagens/servicos/trafegoPago.svg) no-repeat center left; 
	}		
.box_geral.servlandpage::before{/*icone*/	
	content:''; width:50px; height:50px; position:absolute; left:0; top:0;
	background: url(../imagens/servicos/LandPag.svg) no-repeat center left; 
	}
.box_geral.criativo::before{/*icone*/	
	content:''; width:50px; height:50px; position:absolute; left:0; top:0;
	background: url(../imagens/servicos/CriativoAnuncio.svg) no-repeat center left; 
	}				
.box_geral.servsite::before{/*icone*/	
	content:''; width:50px; height:50px; position:absolute; left:0; top:0;
	background: url(../imagens/servicos/siteInstitucional.svg) no-repeat center left; 
	}		
.box_geral.servlogo::before{/*icone*/	
	content:''; width:50px; height:50px; position:absolute; left:0; top:0;
	background: url(../imagens/servicos/logo.svg) no-repeat center left; 
	}			
.box_geral.servgrafico::before{/*icone*/	
	content:''; width:50px; height:50px; position:absolute; left:0; top:0;
	background: url(../imagens/servicos/impressos.svg) no-repeat center left; 
	}