body{
	margin: 0;
	padding: 0;
}

.line-1 {
	min-height: 50px;
	background: #283172;
}

.line-1 .icone{
	font-family: "Fonticon"; 
	float: left;
	margin-top: 10px;
	margin-left: 10px;
}

.line-1 .whatsapp{
	font-size: 30px;
	color: #ddd;
	margin-top: -5px;
	margin-right: 15px;
	position: relative;
}

.line-1 a {
	font: 16px "OpenSansBold";
	text-decoration: none; 
	color: #ddd;
	position: absolute;
	margin-left: 20px;
	margin-top: 14px;
}

.line-1 #telefone{
	font-size: 24px;
	color: #ddd;
	margin-left: 20px;
}

.line-1 #email{
	font-size: 24px;
	color: #ddd;
	float: left;
	margin-top: 10px;
	margin-left: 30px;
}

.line-1 .contatos{
	color: #ddd;
	margin-top: 14px;
	margin-left: 10px;
	float: left;
	font: 16px "OpenSansBold";
}

.line-1 .email{
	color: #ddd;
	position: absolute;
	margin-top: 14px;
	margin-left: 190px;
	font: 16px "OpenSansBold";
}

.line-1 .funcionamento{
	color: #ddd;
	margin-top: 14px;
	margin-right: 20px;
	float: right;
	position: relative;
	font: 16px "OpenSansBold";
}

.line-2{
	min-height: 80px;
	background: #fff;
	box-shadow: 0 0 5px #cdcdcd;
	margin: 0 auto;
}

.line-2 .client-logo {
	width: 250px;
	height: 80px;
	float: left;
	/* background-image: url("../_img/jvaz-full.png") no-repeat; */
	background-position: 60px 8px;
	
}

.line-2 .client-logo .logo{
	width: 120px;
	margin-left: 70px;
	margin-top: 15px;
}
.line-2 .menu{
	max-width: 100%;
}

.line-2 li{
	list-style: none;
}

.line-2 a{
	font: 16px "OpenSans";
	text-decoration: none;
	color: #808080;
	text-transform: uppercase;
	margin-top: 28px;
	float: right;
	margin-left: 20px;
	padding: 5px;
}

.line-2 a:hover{
	color: #e86127;
	padding-bottom: 5px;
	border-bottom: 2px solid #e86127;
}

.line-2 a:nth-last-child(5){
	margin-right: 100px;
}
.content-1 .slides{
	min-height: 700px;
	max-width: 100%;
	position: relative;
}

.content-1 .slides #slider{
	min-height: 900px;
	max-width: 100%;
	background: url('../_img/1.jpg') no-repeat;
	background-size: 100% 900px;
	transition: background-image 1s;
    background-repeat: no-repeat;
}

.content-1 .slides span{
	font: 40px "Fasolid";
	color: #fff;
	position: relative;
}

.content-1 .slides #next{
	float: right;
	margin: 340px 20px;
	width: 40px;
	text-align: center;
	border-radius: 2px;
	background: #e86127;
	border: none;
	cursor: pointer;
}
.content-1 .slides #prev{
	float: left;
	margin: 340px 20px;
	width: 40px;
	text-align: center;
	border-radius: 2px;
	background: #e86127;
	border: none;
	cursor: pointer;
}

.content-1 .slides #slider .blur{
	max-width: 100%;
	min-height: 900px;
	position: relative;
	/* backdrop-filter: blur(2px); */
	background: rgb(40, 49, 114, 0.7);
}

.content-1 .slides #slider .texto-slide{
	text-align: center;
	font: 22px "OpenSansBold";
	max-width: 86%;
	padding: 10px;
	border-radius: 2px;
	opacity: 1;
	color: #fff;
	float: left;
	margin: 500px auto;
}
.content-1 .slides #slider #ver-mais{
	text-align: center;
	text-transform: uppercase;
	font: 18px "OpenSans";
	max-width: 150px;
	cursor: pointer;
	background: #e86127;
	border: none;
	padding: 10px;
	color: #fff;
	float: left;	
	position: absolute;
	margin: 620px 45%;
}

.content-1 #pesquisa{
	padding-top: 50px;
	min-width: 100%;
	min-height: 400px;
	position: relative;
}
.content-1 #pesquisa .conteudo-pesquisa{
	padding-top: 50px;
	max-width: 950px;
	min-height: 400px;
	margin:  auto;
	position: relative;
}

.content-1 #pesquisa .conteudo-pesquisa .texto{
    position: absolute;
    font: 38px "OpenSansBold";
    text-align: center;
	min-width: 100%;
	padding-top: 50px;
	min-height: 70px;
	color: #283172;
}

.content-1 #pesquisa .conteudo-pesquisa #barra-pesquisa{
	max-height: 180px;
	min-width: 100%;
    float: left;
    margin: 70px auto 10px auto;
    text-align: center;
}

.content-1 #pesquisa .conteudo-pesquisa #pesq{
    font: 16px "OpenSans";
	min-width: 537px;
	min-height: 60px;
	border: 0;
	padding-left: 15px;
	background-color: #ddd;
	margin: 5px auto;
}

.content-1 #pesquisa .conteudo-pesquisa #buscar{
    font: 16px "OpenSans";
    color: #fff;
    text-transform: uppercase;
	min-width: 100px;
	min-height: 62px;
	padding-left: 15px;
	padding-right: 15px;
	margin-left: -4px;
	border: 1px solid #283172;
	background-color: #283172;
	cursor: pointer;
}

.content-1 #pesquisa .conteudo-pesquisa #resultado{
	max-width: 720px;
    min-height: 0px;
    position: relative;
    padding: 0;
    /* padding: 10px 5px 5px 15px; */
    margin: 203px auto 40px auto;
    list-style: none;
    border-top: none;

    /* background-color: red; */
}
.content-1 #pesquisa .conteudo-pesquisa #resultado-pesquisa{
    font: 16px "OpenSans";
    color: #000;
    text-transform: uppercase;
	max-width: 711px;
    min-height: 0px;
    cursor: pointer;
    position: relative;
    background-color: #fff;
    padding: 0;
    /* padding: 10px 5px 5px 15px; */
    margin: 248px auto 40px auto;
    list-style: none;
    border: 1px solid #ddd;
    border-top: none;

    /* background-color: red; */
}
.content-1 #pesquisa .conteudo-pesquisa .carrega-pesquisa{
	padding: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ddd;
}
.content-1 #pesquisa .conteudo-pesquisa .carrega-pesquisa:first-child{
	/* padding: 15px; */
    /* padding-top: 15px; */
    /* padding-bottom: 15px; */
    border-bottom: 1px solid #ddd;
}

.content-1 #pesquisa .conteudo-pesquisa .carrega-pesquisa:hover{
	background-color: #dcdcdc;
}

.content-1 .linhas{
	min-height: 325px;
	text-align: center;
	position: absolute;
    min-width: 100%;
}

.content-1 .linhas .linha-1{
	background-color: #283172;
	background: url('../_img/imagem-linhas-2.png') no-repeat;
	width: 25%;
	min-height: 320px;
	float: left;
}

.content-1 .linhas .linha-2{
	background-color: #e86127;
	width: 25%;
	min-height: 200px;
	float: left;
	padding-top: 120px;
}
.linhas .linha-3{
	background-color: #283172;
	width: 25%;
	min-height: 200px;
	float: left;
	padding-top: 120px;
}
.content-1 .linhas .linha-4{
	background-color: #e86127;
	width: 25%;
	min-height: 200px;
	float: left;
	padding-top: 120px;
}

.content-1 .linhas span{
	font: 40px "Fasolid";
	color: #fff;
}

.content-1 .linhas .icones{
	margin-bottom: 20px;	
}

.content-1 .linhas .texto{
	font: 20px "OpenSansBold";
	max-width: 130px;	
	margin: 40px auto;
	color: #fff;
}

.content-1 .linhas .arrow{
	font-size: 20px;
	font-weight: 100;
	margin-top: 30px;
}

#infos{
	min-width: 100%;
	min-height: 500px;
	/* margin-top: 70px; */
	position: relative;
	float: left;
}

#infos .info-1{
	width: 50%;
	min-height: 500px;
	background: url('../_img/imagem-info.jpg') no-repeat;
	background-size: 100% 500px;
	margin: 0;
	float: left;
}

#infos .info-1 .conteudo{
	max-width: 100%;
	min-height: 500px;
	position: relative;
	/* backdrop-filter: blur(2px); */
	background: rgb(232,97,39,0.7);
}

#infos .info-1 .conteudo .titulo{
	font: 38px "OpenSansBold";
	color: #fff;
	max-width: 80%;
	margin-top: 10%;
	margin-left: 10%;
	position: absolute;
	padding-top: 
}

#infos .info-1 .conteudo .texto{
	font: 14px "OpenSansBold";
	color: #fff;
	max-width: 80%;
	position: absolute;
	margin-top: 30%;
	margin-left: 10%;
	float: left;
}
#infos .info-1 .ler-mais{
	font: 14px "OpenSansBold";
	text-transform: uppercase;
	color: #fff;
	max-width: 80%;
	float: left;
	margin-left: 10%;
	border: none;
	border-radius: 2px;
	background: #283172;
	position: absolute;
	padding: 10px;
	margin-left: 45%;
	margin-top: 40%;
}

#infos .info-2{
	width: 50%;
	min-height: 500px;
	float: left;
	background-color: #283172;
}

#infos .info-2 .conteudo{
	max-width: 100%;
	/* min-height: 500px; */
	position: relative;
}
#infos .info-2 .conteudo .comentario-1 .autor{
	font: 14px "OpenSansBold";
	color: #fff;
	width: 80px;
	height: 80px;
	position: absolute;
	margin-left: 60px;
	margin-right: 60px;
	margin-bottom: 20px;
	border-radius: 50%;
	background: url('../_img/pessoa1.jpg') no-repeat;
	background-size: 80px 80px
}

#infos .info-2 .conteudo span{
	color: #ddd;
	
}
#infos .info-2 .conteudo .quote{
	font: 24px "Fasolid";
	position: absolute;
	margin-top: 26%;
	margin-left: 50%;
	opacity: 0.75;
}

#infos .info-2 .conteudo .comentario-1{
	max-width: 50%;
	position: absolute;
	margin-top: 10%;
	margin-left: 60px;
	float: left;
}

#infos .info-2 .conteudo .comentario-1 .texto{
	font: 16px "OpenSans";
	color: #fff;
	max-width: 50%;
	position: relative;
	margin-top: 35%;
	margin-left: 40px;
	float: left;
}

#infos .info-2 .conteudo .comentario-2 .autor{
	width: 80px;
	height: 80px;
	position: absolute;
	margin-left: 60px;
	margin-right: 60px;
	margin-bottom: 20px;
	border-radius: 50%;
	background: url('../_img/pessoa2.jpg') no-repeat;
	background-size: 80px 80px;
}

#infos .info-2 .conteudo .comentario-2{
	max-width: 50%;
	position: absolute;
	margin-top: 10%;
	margin-left: 50%;
	float: right;
	/* background-color: red; */
}

#infos .info-2 .conteudo .comentario-2 .texto{
	font: 16px "OpenSans";
	color: #fff;
	max-width: 50%;
	position: relative;
	margin-top: 35%;
	margin-left: 40px;
	float: left;
}

.content-1 #endereco-visita{
	min-width: 100%;
	min-height: 500px;
	position: relative;
    float: left;
    margin-top: 100px;
}

.content-1 #endereco-visita #texto-endereco{
	font: 38px "OpenSansBold";
	max-width: 600px;
	margin: 240px auto 25px auto;
	color:  #283172;
}

.content-1 #endereco-visita #mapa{
	min-width: 100%;
}

/*contatos
	topo w- 382px h- 59px
	conteudo w- 382px h-502px
*/

.rodape-informacoes .rodape-contatos{
	background: #fff;
	max-width: 382px;
	height: 450px;
	position: relative;
	margin-top: -60px;
	margin-left: 10%;
}

.rodape-informacoes .rodape-contatos .client-logo{
	max-width: 130px;
	margin-top: 20px;
	margin-left: 20px;
	margin-bottom: 50px;
}
.rodape-informacoes .rodape-contatos .client-logo .logo{
	max-width: 130px;
	margin-left: 20px;
}

.rodape-informacoes .rodape-contatos .contatos{
	font: 16px "OpenSansBold";
	float: left;
	color: #363636;
	min-width: 100%;
	margin-bottom: 40px;
}

.rodape-informacoes .rodape-contatos .contatos .icone{
	position: relative;
	font: 24px "Fasolid";
	color: #e86127;
	margin-left: 30px;
	margin-right: 20px;
	float: left;
}

.rodape-informacoes .rodape-contatos .titulo{
	font-size: 20px;
	background-color: #e86127;
	max-width: 382px;
	height: 50px;
	padding-top: 20px;
	padding-left: 70px;
}

.rodape-informacoes{
	font: 14px "OpenSansBold";
	color: #fff;
	position: relative;
	float: left;
	min-width: 100%;
	min-height: 450px;
	background: rgb(0,0,0,0.7);
	margin-top: 30px;
}

.rodape-informacoes .funcionamento{
	/* position: absolute; */
    margin-top: -270px;
    margin-right: 200px;
	min-height: 200px;
	min-width: 320px;
	background-color: rgb(33, 33, 33, 0.7);
	float: right ;
}
.rodape-informacoes .funcionamento .titulo{
	margin-top: 15px;
	text-align: center;
}

.rodape-informacoes .funcionamento #horarios{
	/* background-color: blue; */
	float: left;
	position: relative;
	margin: 0px auto;
	min-width: 100%;
}

.rodape-informacoes .funcionamento #horarios ul{
	margin-left: 5px;
	list-style: none;
	float: left;
}

.rodape{
	
	font: 14px "OpenSansBold";
	color: #fff;
	min-height: 47px;
	padding-top: 33px;
	background: #283172;
	text-align: center;
	/* margin-top: 50px; */
	position: relative;
    float: left;
    min-width: 100%;
}


/* ---------- MODAL ---------- */

#modal-carros ul{
	font: 16px "OpenSans";
	text-transform: uppercase;
	min-width: 100px;
	list-style: none;
	float: left;
	margin-top: 30px;
    margin-bottom: 50px;
}

#modal-carros .modal-close{
	font: 24px "Fasolid";
	margin-right: 20px;
	margin-top: 20px;
	float: right;
	cursor: pointer;
}

#modal-carros #imagem-modal #imagem-bateria{
	width: 150px;
}

#modal-carros #detalhes-produto .titulo{
	color: #283172;
	margin-top: 20px;
}

#modal-carros #contato{
	padding-top: 85px;
}

#modal-carros #contato #entrar-contato{
	margin-right: 25px;
	text-decoration: none;
	padding: 15px;
	background-color: #283172;
	color: #fff;
	border-radius: 4px;

}