@font-face { font-family: SourceSansPro;  src: url("../fonts/SourceSansPro-Bold.ttf");  }
@font-face { font-family: Signika;  src: url("../fonts/Signika-VariableFont_wght.ttf"); }

header{background-color: #F4F4F4;}
body{background-color: #fff;}

.logo{ text-indent: 9999px; overflow: hidden;}

.borda-topo{border-top: 1px solid #F4F4F4; padding-top: 35px;}

.navbar{background-color:#F4F4F4!important;}

.nav-link{ 
	font-size: 14px; 
	color:#8A8686; font-weight:bold;
    border-bottom: 2px solid #F4F4F4; 
}

.botoesLogin{ width: 185px; background-color:#F4F4F4!important;}

.minhaConta{	
	background-image: url('../i/minha_conta.png') ; text-indent: 1.3rem;	
	background-position: left center;
	background-repeat: no-repeat; 
}
.minhaConta:hover{	
	background-image: url('../i/minha_conta-hover.png');	
}

.clear{clear: both;}

.menuMenor{
}

.navbar-brand .imgLogo{ max-width: 200px;}

.imgCapa{ width: 100%; height: 100%;}

.titulo h2{width: 100%; color: #00804E; font-size: 2rem;}

.homePergunta{ color: #00804E; font-family: SourceSansPro;}
.homeResposta{ color: #4E4E4E; font-family: Tahoma; }

.placaDigitar{ display: block; margin: auto;   }
.placaDigitar .inputPlaca{ 
	display: block; float: left;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    background-color: #E9E9E9;
    border: transparent;
    font-size: 22px;          
    height: 50px;      
    border-radius: 10px 0 0 10px;    
    box-shadow: inset 0 0 1em #9F9F9F, 0 0 1em #C6C6C6;     
    padding: 0 0 0 15px;    
    text-align: center;
}


.placaDigitar .inputPlaca::placeholder {
  	color: #A8A8A8; text-align: center;
}

.placaDigitar .inputPlaca:focus {
    outline: 0;
}

.placaDigitar .btnConsultar{
	display: block; float: left; width: 50px;  height: 50px;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;    
    background-image: url('../i/lupa_barra_pesquisa.png') ; 	
	background-position: left center;
	background-repeat: no-repeat; 
	background-color: #00804E;    
    border: 1px solid #006F42;
    box-shadow: inset 0 0 1em #006F42, 0 0 1em #C6C6C6;    
    border-radius: 0 10px 10px 0;
    text-indent: 9999px; overflow: hidden;
}

.placaDigitar .btnConsultar:hover{background-color: #28a745; }

.oLaudo{ clear: both;}
.oLaudo h1.titulo{ color:#00804E; font-size: 3em;}
.oLaudo .descricao{ color:#4B4B4D; font-size: 1em;}

.oLaudo .imgVeiculos img{width: 100%; text-align: left;}

.oLaudo .itens li{ list-style-type: none; margin-top: 10px; width: 100%;  float:left; display: block; }
.oLaudo .itens li .img{  margin-left: 10px; float:left; width: 20%; text-align: right; }
.oLaudo .itens li .img img{ max-width: 70px; }
.oLaudo .itens li span{ padding-top:25px; min-height:1.5rem; vertical-align: baseline;  font-size: 100%; font-weight: bold; float: right; width: 75%;}

.passoAPasso .imgPasso{ height: 145px;}
.passoAPasso .imgPasso img{max-width: 200px; text-align: center;}
.passoAPasso .textoPasso{color: #4D4D4D; font-size: 1em; font-weight: bold; text-align: center;}
.passoAPasso .separador{ color: #009245; font-size: 6em;}

.linkDonwloadLaudo{ width:17.0rem; display:block;  color:#FFFFFF; border: none; font-size: 1rem; 
    border-radius: 25rem; -moz-border-radius: 25rem; -webkit-border-radius: 25rem; 
    padding: 0.2rem 0 0.2rem 2rem;  
    background: url('../i/o-laudo-download.png') #02864D no-repeat 10px center; 
    background-size: 18px 20px; 
    border-bottom: 1px solid #01652C;   
 }
 .linkDonwloadLaudo:hover{ text-decoration:none; background-color: #1B925F;
 -webkit-transition: 0.2s ease-in;-moz-transition: 0.2s ease-in;-o-transition: 0.2s ease-in;transition: 0.2s ease-in;
  }
 
.planos .plano{ 
	border-width:3px; 
	border-color:#efefef; 
	border-style:solid; 
	box-shadow: 0 0 8px 0 rgba(160,160,160,0.37); 	
	border-radius: 2rem;
	-moz-border-radius: 2rem; -webkit-border-radius: 2rem; 
	width: 98%; 
	margin-bottom: 50px;
	background-color: #fff;	
 }
 .planos .plano{ min-height: 20rem; }
 
 .plano .desconto{ 
 	position: absolute;  background: url('../i/plano-desconto.png') no-repeat; 
 	width: 80px; 
 	height: 80px; 
 	display: block; 
 	float: right; margin-top: -50px; margin-left: 50%;
 	color:#fff; font-size:2em; font-weight:bold; line-height: 80px;
 }
 
.plano .qtd{
	margin-top: 3em; color: #666666; font-size: 1.5em;
}

.plano .valorPorConsulta{ margin-top: 15px;}
.plano .valorPorConsulta .cifrao{ color:#82C1A6; font-size: 2.5em; }
.plano .valorPorConsulta .valor{ color:#04834C; font-size: 3.8em; }
.plano .valorPorConsulta .porLaudo{ color:#666666; font-size: 1em;}

.plano .detalhesPlanoUnitario{ color: #04834C; font-size: 1.4em; }

.plano .detalhesPlano{ color: #666666; font-size: 1.2em; }
.plano .detalhesPlano .valorDe{text-decoration: line-through;}
.plano .detalhesPlano .valorPor{color: #04834C; font-weight: bold;}

.plano .btnComprar{ width: 30%;
background-color: #02864D; color:#FFFFFF; border: none; font-size: 1.25em;    
    padding: 0.4em 1em; 
    border-bottom: 0.1em solid #01652C; text-decoration: none; 
	border-radius: 0.3em; -moz-border-radius: 0.3em; -webkit-border-radius: 0.3em;     
 }
 .plano .btnComprar:hover{background-color: #1C925F;-webkit-transition: 0.5s ease-out;
-moz-transition: 0.5s ease-out;
-o-transition: 0.5s ease-out;
transition: 0.5s ease-out;}

.planos .formasPag{ color: #4B4B4D; font-size: 1em;}
.planos .formasPag p{ width: 100%; text-align: center; }

.formasPag .boleto{ background: url('../i/tipo_forma_pag.png') left center no-repeat ; height: 18px; width: 30px; 
text-indent: -9999px; overflow: hidden; display: inline-block;  }
.formasPag .cartao{ background: url('../i/tipo_forma_pag.png') right center no-repeat; height: 18px; width: 30px; 
text-indent: -9999px; overflow: hidden; display: inline-block;  }

.planosPosPago a.banner img{ width: 100%;}
.planosPosPago a.banner{ border: none;}

.perguntasFrequentes{ background-color: #F4F4F4; }

.perguntasFrequentes .sinal{ font-size: 1.5rem; font-weight:bold; width: 1.5rem; float: left; line-height: 100%;}

.perguntasFrequentes .panel-group a{ background: #037F4B; color: #fff; width: 100%; display: block; padding: 15px; font-size: 1.1rem; font-weight: normal; text-decoration: none;}
.perguntasFrequentes .panel-group a:hover{ background:#34976D; -webkit-transition: 0.5s ease-out; -moz-transition: 0.5s ease-out; -o-transition: 0.5s ease-out; transition: 0.5s ease-out; }
.perguntasFrequentes .panel-group .panel-body{ background: #037F4B; padding: 25px; margin-top:1px; color:#FFFFFF; border-radius: 0 0 0.3em 0.3em; -moz-border-radius: 0 0 0.3em 0.3em; -webkit-border-radius: 0 0 0.3em 0.3em;}

.perguntasFrequentes .collapsing{   transition: height 0.6s;}

.itemPergunta{border-radius: 0.3em 0.3em 0 0; -moz-border-radius: 0.3em 0.3em 0 0; -webkit-border-radius: 0.3em 0.3em 0 0;  }

.consultePeloApp{
	background-image: url('../i/banner-app.jpg'); 
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 400px;
	margin-top: 80px;
}

.consultePeloApp .disponivelEm{ margin: 20% 0 0 0;}
.consultePeloApp .disponivelEm h2{color: #FFFFFF; font-size: 2.5rem;}
.consultePeloApp .disponivelEm span{color: #FFFFFF; font-size: 1rem;}
.consultePeloApp .disponivelEm .ios{ 
	display: block; overflow:hidden; text-indent:-9999px; 
	background: url('../i/app-ios.png')  no-repeat;
    background-size: 100% 100%; height: 55px; width: 40%;
    float: left;
    border-radius: 0.5rem;
	-moz-border-radius: 0.5rem; -webkit-border-radius: 0.5rem; 
}
.consultePeloApp .disponivelEm .android{ 
	display: block; overflow:hidden; text-indent:-9999px; 
	background: url('../i/app-android.png')  no-repeat;
    background-size: 100% 100%; height: 55px; width: 40%;
    float: left; margin-left: 10px;
    border-radius: 0.5rem;
	-moz-border-radius: 0.5rem; -webkit-border-radius: 0.5rem; 
}
.consultePeloApp .disponivelEm .android:hover{ background-color: #8EB92C;
-webkit-transition: 0.5s ease-out;
-moz-transition: 0.5s ease-out;
-o-transition: 0.5s ease-out;
transition: 0.5s ease-out; }

.consultePeloApp .disponivelEm .ios:hover{background-color: #1CA8F5;
-webkit-transition: 0.5s ease-out;
-moz-transition: 0.5s ease-out;
-o-transition: 0.5s ease-out;
transition: 0.5s ease-out; }


.depoimentos{margin-top: 20px; padding-top:30px; border-top: 1px solid #F4F4F4;}

.depoimentos .depoimento .imgCliente img{ 
	border-radius: 5rem;
	-moz-border-radius: 5rem; 
	-webkit-border-radius: 5rem; 
	min-height: 5rem; 	
	width: 100%;
	max-width: 100px;
 }
.depoimentos .depoimento .detalhesDepoimento .texto{color: #666666; font-size: 0.9rem; text-align: left;}
.depoimentos .depoimento .detalhesDepoimento .nomeCliente{color: #222222; font-size: 1rem; margin-top: 10px;text-align: left;}


.artigo .imgIconArtigo{line-height: 50px;}
.artigo .assunto{ 
	font-size: 1.2em; font-weight:bold; color: #00874F;
	height: 4em; overflow: hidden; text-align: center;
}
.artigo .chamada{f
	font-size: 1.2em;color: #807F7F; 
	height: 6em; overflow: hidden; 
}
.artigo a.lerArtigo{ 
	font-size: 1.3em; font-weight:bold; color: #00874F; padding:0.1em 1em; border:0.1em solid #00874F;
	border-radius: 0.3em; -moz-border-radius: 0.3em; -webkit-border-radius: 0.3em;
}

.artigo a.lerArtigo:hover{ background: #00874F; color: #FFFFFF;}

.artigos a.verTodos{color: #00874F; text-align:right; float: right; margin: 1.3em 0; text-decoration: underline;}
.artigos a.verTodos:hover{color: #28a745;}

.footer{background-color: #49494B; margin-top: 80px; padding: 20px 0;}

.footer .contatos {list-style-type: none;}
.footer .contatos li img{
	border-radius: 5rem;
	-moz-border-radius: 5rem; 
	-webkit-border-radius: 5rem; 
	height: 25px; 
	width: 25px;
	margin-right: 10px;	
}
.footer .contatos a{ color: #FFFFFF; text-decoration: none;}
.footer .contatos a:hover{text-decoration: underline;}

.footer .contatos li{color: #FFF; font-size: 0.8rem; margin-bottom: 10px;}

.footer .hrAtends{ color: #FFFFFF; border-top: 1px solid #3F3F40; padding-top: 10px;}

.footer .linksUteis li{ width:100%; float: left; list-style: none; text-align: center; }
.footer .linksUteis li a{ color: #FFFFFF; text-decoration: underline;}

.footer .formasPag .titulo{color: #FFF; font-size: 1rem;}

.copyRight{ background-color: #3F3F40; text-align: center; padding: 20px 0; color: #FFFFFF;}
.copyRight a{color: #FFFFFF;}


/* ------------- INTERNAS ------------*/
/* Mensagem de erro */
.err { margin: 10px 0; border: 1px solid #DD1F1F;  border-radius: 8px; border-style: solid; border-width: 1px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;}
.err h4 { font-size: 1.8em; color: #FFF; padding: 10px; background-color: #DD1F1F; font-weight: bold; }
.err ul { list-style: square; list-style-position: inside; margin: 5px 5px 0 10px; }
.err li { font-size: 1.2em; margin-bottom: 5px; color: #333; }

/* Mensagens de aviso e erro */
.msgNeutra { text-align:center; border-style: solid; border-width: 2px; padding: 7px 7px 7px 7px;font-size:14px; background: #DFDFDF; border-color: #8F8F8F;}
.msg_err, .msg_ok, .msg { border-style: solid; border-width: 2px; padding: 20px 20px 20px 60px; margin: 20px 0px 20px 0px; font-size:14px;}
.msg_err { background: #EFC2C2 url('../i/bg-msg-err.gif') no-repeat 10px center; border-color: #CF7474; padding-left: 40px; }
.msg_ok { background: #D1EFD8 url('../i/bg-msg-ok.gif') no-repeat 10px center; border-color: #5F7F6C; padding-left: 40px; }
.msg { background: #DFDFDF; border-color: #8F8F8F; }
.msg_err p, .msg_ok p, .msg p, .msg_err li, .msg_ok li, .msg li { margin: 5px 0; }
.msg_err ul, .msg_ok ul, .msg ul, .msg_err ol, .msg_ok ol, .msg ol { list-style-position: inside; padding-left: 10px; }

/* RESPONSIVE CSS
-------------------------------------------------- */
	
/*DESKTOP*/	
@media (min-width: 768px) {
 
 	.navbar{height: 70px;}
 
    .homePergunta{ font-size: 3em; padding-top: 25px; }
    .homeResposta{ font-size: 1.6em; margin-top: 5px;}
 
 	.placaDigitar{  max-width: 400px; width: 400px;  }
	.placaDigitar .inputPlaca{  max-width: 350px; width:350px;  }
      
	.formBuscarLaudo{margin-top: 40px;}	
	.homeFuncionalidadesLaudo{margin-top: 20px; }
 
    .home{background: url('../i/shadow-2.png') #F4F4F4 repeat-x center bottom;  }
    
	.veiculoVistoria{ display: block; float: left; width: 100%; height:340px; margin-left: 15%;
		background: url('../i/veiculo.png') no-repeat top center;
		background-size: 100%; 
	 }
	
	.funcionalidadesLaudo{ display: block; float: left; width: 100%;  height:300px;
		background: url('../i/laudo-funcoes.png') no-repeat top center;		

	}


    .featurette-heading {
      font-size: 50px;
    }
  
     .botoesLogin{ margin-top: 1rem;}
     
     .carousel-caption{
	    position:absolute;
	    right:10%;
	    bottom:20%;
	    left:10%;
	    z-index:10;
	    color:#000000;
	    text-align:center;    
	}
	
	.carousel-item{ height: 210px;}
	
	.depoimentos .depoimento .imgCliente{ float: left; width: 25%}
	.depoimentos .depoimento .detalhesDepoimento{float: left; width: 70%}
	
	.btnWZ{position:fixed;width:60px;height:60px;bottom:40px;right:40px;background-color:#25d366;color:#FFF;border-radius:50px;text-align:center;font-size:30px;box-shadow: 1px 1px 2px #888;z-index:1000;}
  
}
/*
@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 7rem;
  }
}
*/

/*MOBILE*/	
 @media(max-width: 768px) {

	.passoAPasso .separador{display: none;}
	.passoAPasso .item-passoAPasso{ padding-top: 50px;}
 	
 	.navbar{height: 100px; border-bottom: 1px solid #CCCCCC;}
 	 	 	
 	.homePergunta{ font-size: 2.3em; padding-top: 10px; }
    .homeResposta{ font-size: 1.2em; margin-top: 5px;}
      
    .placaDigitar{  max-width: 100%; width: 100%;  }
	.placaDigitar .inputPlaca{  max-width: 82%; width:82%;  }  
      
	.formBuscarLaudo{margin-top: 20px;}	
	.homeFuncionalidadesLaudo{margin-top: 10px; }
  	
 	.home{background: #F4F4F4;  }
 	
 	.homeFuncionalidadesLaudo{background: url('../i/background_mobile.png') no-repeat top center;
		 display: block; height: 437px; width: 100%;
	}
 	
 	#botoesCadastroLogin{ width: 100%; padding-left: 1%;}
 	#botoesCadastroLogin a{ width: 48%; }
 	 	 
 	.botoesLogin{  display: block; width: 100%; margin: 0; } 	 
 	.botoesLogin div{float: right;}
 	 
 	.planos .plano{ min-height: 22rem; }
 	
	.imgCapa{ width:auto; }	 
	 
	.plano .desconto{ 
	 	position: inherit;
	 	display: block; 
	 	margin: auto;
	 	text-align: center;
	 	float: none; margin-top: 10px; margin-bottom: -30px;
	 	-webkit-transition: 0.5s ease-out;
		-moz-transition: 0.5s ease-out;
		-o-transition: 0.5s ease-out;
		transition: 0.5s ease-out;
	 }
	 
	 /*Rodapé*/
	.formasPag img{width: 100%; max-width: 300px;}
	.siteProtegido img{ width: 100%; max-width: 300px;}
	 
	.artigo{ border-bottom: 1px solid #F4F4F4; padding-bottom: 2em; padding-top: 2em;}
		
	.carousel-caption{
	    position:absolute;
	    right:10%;
	    bottom:0%;
	    left:10%;
	    z-index:10;
	    color:#000000;
	    text-align:center;    
	}
	
	.carousel-item{ height: 380px;}
		
	.depoimentos .depoimento .imgCliente{ float: left; width: 100%;}
	.depoimentos .depoimento .detalhesDepoimento{float: left; width: 100%;}
	
	.btnWZ{position:fixed;width:60px;height:60px;bottom:10px;right:10px;background-color:#25d366;color:#FFF;border-radius:50px;text-align:center;font-size:30px;box-shadow: 1px 1px 2px #888;z-index:1000;}
		
}
  
.dialog{
	place-content: center space-around;
    align-items: center;
    flex-direction: column;
    box-sizing: border-box;
    display: flex;
}