@charset "utf-8";
/* CSS Document */

/*
Theme Name: Antecipe Precatório
Theme URI: http://precatoriosantecipe.com.br/
Description: Theme Antecipe Precatório
Author: Perfil Virtual
Author URI: http://perfilvirtual.com.br/
Copyright 2021
*/

*{
	padding:0px;
	margin:0px;
	text-decoration:none;
	outline:none;

	webkit-transition-timing-function: ease-in;
	transition-timing-function: ease-in;

	-webkit-transition: 0.4s all linear;
	transition: 0.4s all linear;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

h1, h2, p{
	webkit-transition-timing-function:none;
	transition-timing-function:none;
	
	-webkit-transition:none;
	transition:none;
}

img{max-width:100% !important;}

a{cursor:pointer;}




body{
	font-family: 'Poppins';
	margin:0px;
	padding:0px;
	color:#FFF;
	display:block;
	font-size: 62.5%; /*altera o valor da fonte padrão de 16px para 10px*/
	webkit-transition-timing-function:none;
	transition-timing-function:none;
	
	-webkit-transition:none;
	transition:none;
}

.msn{
	width:100%;
	float:left;
	padding:15px;
	text-align:center;
}

h1{
	font-size:3rem;
	font-family: 'Comfortaa';
}

h2{
	font-size:2rem;
	font-family: 'Comfortaa';
}

h3{
	font-size:1.5rem;
	font-family: 'Comfortaa';
}

p{
	font-size:1rem;
	width:100%;
	float:left;
}

.content{
	width:100%;
	max-width:1250px;
	margin:auto;
}

.titulo{
	width:100%;
	float:left;
	padding:20px 0 0 0;
	text-align:center;
	background-color:#C40209;
	color:#FFF;	
}


/* HEADER*/

#header_geral{
    width: 100%;
	float:left;
	background-image:url(img/bg_topo.png);
	background-position-y: bottom;
	background-repeat:no-repeat;
	background-size:contain;
	background-color:#353796;
}

.header{
	width:100%;
	height:auto;
	float:left;
	margin-bottom:20px;
	padding:20px 0;
	border-bottom:1px solid #484AAA;
}
.header .content{
	display:flex;
	align-items:center;
	justify-content:space-between;
}

#logo{
	width:250px;
    display: inline-block;
}

#menu{
	width:auto;
	float:right;
}
#menu li{
	list-style:none;
	display:inline-block;
}
#menu li a{
	width: 100%;
    text-align: center;
	float: left;
    color: #FFF;
    padding: 10px 15px;
    font-size: 0.9rem;
	border-radius:50px;
    border: 1px solid transparent;
	font-family: 'Comfortaa';
	font-weight: 100;
}
#menu li:hover a, #menu li a#active{
	background-color:#2FA649;
}


#social_header a{
	width:40px;
	float:left;
	border:2px solid #FFF;
	border-radius:100px;
	padding:7px;
	margin-right:10px;
}
#social_header a img{
	filter: brightness(100);
}
#social_header a:hover{
	background:#FFF;
}
#social_header a:hover img{
	filter: none;
}


/* Menu Mobile */
.menu1{
	display:none;
	float: right;
	cursor:pointer;
	width: 40px;
	height: 40px;
	background-color:#FFF;
	background-image: url('img/icone_menu.png');
	background-repeat:no-repeat;
	background-position:center;
	text-indent: 9999px;
	overflow: hidden;
	webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	border:0px;
	margin-top: 0;
}
#menu1_conteudo{
	width: 100%;
	height:800px;
	float: right;
	position:fixed;
	background-image: linear-gradient(#353796,#000277);
	z-index: 999999999;
	right:-110%;
}
#menu1_conteudo li{
	list-style:none;
	text-align:center;
}

.menu1_int{
	margin-top:0;
}
.menu1_conteudo_int{
	margin-top:-40px;
}
.menu_sec li a, #fecha{
	width:100%;
	float:left;
	font-size: 2em;
    padding:10px;
	color:#FFF;
}

#fecha{
	padding:0;
	margin-bottom:0px;
}

#fecha a{
	width: 45px;
    height: 45px;
	float:right;
	font-size:1em;
	background:#2FA649;
	border-radius:100px;
	color:#fff;
	margin: 10px;
	display: flex;
    align-items: center;
    justify-content: center;
}

/* HOME */

#info-topo{
	width:40%;
	float:left;
	margin-top:100px;
}
#info-topo h2{
	color: #2FA649;
    font-size: 5rem;
    line-height: 1;
	margin-bottom:20px;
}
#info-topo h3{
	font-size: 2rem;
	line-height:1.2;
}

#imagem-topo{
	width:55%;
	float:right;
	opacity:0;
}

.box_verde{
	width:100%;
	float:left;
	padding:50px 0;
	background-image:url(img/textura.png);
	background-color:#31A04A;
	box-shadow: 0px 5px 5px rgb(0,0,0,1);
}

#info_quem_somos{
	width:40%;
	float:left;
	margin:50px 0 100px 0;
}
#info_quem_somos h2{
	font-size:2.5rem;
	margin-bottom:20px;
}
#info_quem_somos p {
	margin-bottom:20px;
}
#cedula50{
	float:left;
	margin-top:70px;
	opacity:0;
}
#cedula200p{
	width:100px;
	float:right;
}

#imagem_quem_somos{
	width:50%;
	float:right;
	background-image:url(img/vetor.png);
	background-repeat:no-repeat;
	background-size:contain;
	background-position-y:80px;
}
#cedula200{
	text-align:right;
	opacity:0;
}
#cedula100{
	margin-top:100px;
	text-align:right;
	padding-right:10%;
	opacity:0;
}

#missao{
	width:100%;
	float:left;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	margin-bottom:100px;
	margin-top: 60px;
}
#missao div{
	width:30%;
	border:1px solid #38CE59;
	border-radius:20px;
	text-align:center;
	padding:40px 20px;
	opacity:0;
	
	background-color:rgb(46, 184, 76, 0.6);
	box-shadow: 0px 5px 10px rgb(0, 0, 0, 0.2);
}
#missao div img{
	background: #212372;
    border-radius: 100%;
    padding: 10px;
    margin-top: -40%;
	box-shadow: 0px 5px 10px rgb(0, 0, 0, 0.2);
	opacity:0;
}
#missao div h3{
	margin:20px 0;
	font-size: 2.5rem;
}
#visao{
	
}

#perguntas{
	width:100%;
	margin:100px auto 0 auto;
	position:relative;
}
#perguntas li{
	width:100%;
	list-style:none;
	position:relative;
}
#perguntas li span{
	width:80%;
	border-bottom:1px solid #38CE59;
	display:flex;
	padding:100px 70px;
	margin:auto;
}
#perguntas li:last-child span{
 	border:none;
}
#perguntas li h2{
	font-size: 3.5rem;
	margin-right:30px;
}
#perguntas li h3{
	font-size: 2.5rem;
	margin-bottom:20px;
}
#p1{
	background-image:url(img/moeda-4.png);
	background-repeat:no-repeat;
	background-size:130px;
	background-position-y:50px;
}
#p2{
	background-image:url(img/moeda-3.png);
	background-repeat:no-repeat;
	background-size:150px;
	background-position:right center;
}
#p4{
	background-image:url(img/moeda-1.png);
	background-repeat:no-repeat;
	background-size:120px;
	background-position:right center;
}
#p5{
	padding:100px 70px;
}


#como-atuamos{
	width: 100%;
    float: left;
	background-image:url(img/bg_atuacao.png);
	background-repeat:no-repeat;
	background-size:cover;
	position:relative;
}
	
#info_atuacao{
	width: 40%;
    float: right;
	margin:150px 0;
	position:relative;
}
#info_atuacao h2{
	font-size:2.5rem;
	margin-bottom:20px;
}
#info_atuacao p{
	margin-bottom:20px;
}
#direito_atuacao{
	width: 55%;
    float: left;
	position:relative;
}
#martelo{
	z-index:99;
	margin-top:150px;
	margin-bottom:-150px;
	opacity:0;
}
#moeda1{
	position: absolute;
    right: 0;
	top: 40%;
}
@keyframes MovMoeda2 {
  0%,to{transform: rotate(-10deg);}50%{transform: rotate(10deg);}
}
#moeda2{
	top:0;
	left:0;
	position:absolute;
    margin-top: 100px;
	animation: MovMoeda2 7s linear infinite;
}
#moeda3{
	float: right;
    margin-top: -70px;
	opacity:0;
}
@keyframes MovMoeda4 {
  0%,to{transform: rotate(-10deg);}50%{transform: rotate(10deg);}
}
#moeda4{
	position: absolute;
    right: 0;
    bottom: -80px;
	animation: MovMoeda4 7s linear infinite;
}
.conteudo{
	width:100%;
	float:left;
	position: relative;
}



/* FOOTER */

.footer{
	width:100%;
	float:left;
	background-image: linear-gradient(#353796,#000277);
}
#bg_footer{
	width: 100%;
    float: left;
	padding-top:50px;
	background-image:url(img/bg_footer.png);
	background-position-x:center;
	background-position-y: 2500%;
	background-repeat:no-repeat;
}

#info_contato{
	width: 35%;
    float: left;
	margin-top:50px;
	opacity:0;
}
#form_contato{
	width: 37%;
    float: right;
	margin-top:50px;
	opacity:0;
}
#form_contato h2, #info_contato h2{
	margin-bottom:20px;
}
#info_contato h2{
	font-size:2.5rem;
}
#info_contato p{
	margin-bottom:20px;
}

.campo{
	width:100%;
	border:1px solid #FFF;
	border-radius:100px;
	padding:15px 25px;
	margin-bottom:10px;
	color:#FFF;
	font-size:1rem;
	background:transparent;
}
.campo.meio{
	width:49%;
	float:left;
}
.botao{
	border:none;
	border-radius:100px;
	background-color:#2FA649;
	padding:15px 25px;
	color:#FFF;
	font-size:1rem;
	float:right;
	cursor:pointer;
}
.botao:hover{
	background:#2b8c40;
}
#whatsapp{
	border:none;
	border-radius:100px;
	background-color:#2FA649;
	padding:15px 25px 15px 65px;
	color:#FFF;
	font-size:1rem;
	background-image:url(img/whatsapp.png);
	background-size: 40px;
	background-repeat:no-repeat;
	background-position: 15px center;
	float:left;
}
#whatsapp:hover{
	background-color:#2b8c40;
}
::-webkit-input-placeholder{
	color:#FFF;
}
:-ms-input-placeholder{
	color:#FFF;
}
::placeholder{
	color:#FFF;
}

#footer1{
	width:100%;
	float:left;
	padding:30px 0;
	margin-top:150px;
	border-top:1px solid #484AAA;
}
#footer1 .content{
	display: flex;
    justify-content: space-between;
}
#footer1 p{
	width: auto;
	font-size:0.8rem;
}
#footer1 a{
	display:flex;
	justify-content:space-between;
	align-items:center;
	color:#FFF;
}
#footer1 a img{
	filter:brightness(100);
	margin-left:10px;
}




/* RESPONSIVO --------------------------------------------------------------------------------*/

@media screen and (max-width: 1300px){
	.content{
		padding:0 20px;
	}
}
@media screen and (max-width: 1200px){
	#moeda1, #cedula50, #cedula200p{
		display:none;
	}
}
@media screen and (max-width: 1025px){
	#cedula100{
		display:none;
	}
	#cedula200{
		margin: 200px 20px 50px 0;
	}
	#bg_footer{
		background-size: 400px;
		background-position-x: 60%;
	}
}
@media screen and (max-width: 1020px){
	#menu{
		display:none;
	}
	.menu1{
		display: block;
	}
	
	
	#info_quem_somos, #info_atuacao{
		width:100%;
		text-align:center;
	}
	#imagem_quem_somos, #martelo, #moeda3{
		display:none;
	}
	#missao div {
		width: 100%;
		margin-bottom:50px;
	}
	#moeda2 {
		top: -200px;
	}
	#perguntas{
		margin-top:0;
	}
	#perguntas li{
		background:none !important;
	}
	#perguntas li span{
		width: 100%;
		padding: 100px 50px;
	}
	#p5 #moeda2{
		top: 0;
	}
	#info_contato, #form_contato {
		width: 100%;
		text-align: center;
	}
	#whatsapp{
		float: none;
		display: inline-block;
	}
	#bg_footer{
		background:none;
	}
	#footer1{
		margin-top: 50px;
	}
	.botao{
		width: 100%;
	}

}
@media screen and (max-width: 980px){
	#info-topo{
		margin-top: 50px;
	}
	#info-topo h2{
		font-size: 4rem;
	}
	#moeda2, #moeda4{
		width: 200px;
	}
	#footer1 .content{
		display:block;
	}
	#footer1 p{
	    width: 100%;
		text-align: center;
	}
	#footer1 a{
		width: 100%;
		float: left;
		margin-top:30px;
		justify-content: center;
	}
	#footer1 a p {
		width: auto;
	}
}

@media screen and (max-width: 800px){
	#info-topo {
		width: 100%;
		text-align: center;
		margin-top: 20px;
	}
	#imagem-topo {
		width: 100%;
		text-align: center;
	}
	#imagem-topo img{ 
		width: 70%;
		margin-top:30px;
	}
}

@media screen and (max-width: 500px){
	#logo {
		width: 190px;
	}
	/*
	#social_header a{
		display:none;
	}
	*/
	#info_contato h2, #perguntas li h3, #info_atuacao h2, #info_quem_somos h2{
		font-size: 2rem;
	}
	#perguntas li span {
		width: 100%;
		padding: 100px 0px;
		display: block;
		text-align:center;
	}
	#perguntas li h2{
		margin:0;
	}
	#perguntas li span{
		display: inline-block;
	}
}

@media screen and (max-width: 450px){
	#perguntas li h3, #info_atuacao h2, #info_quem_somos h2, #form_contato h2, #info_contato h2, #info-topo h3{
		font-size: 1.5rem;
	}
	#info-topo h2 {
    font-size: 2.5rem;
	}
	
	.campo{
		width:100% !important;
	}
}