@media only screen and (min-width: 993px){
    .container {
        width: 95%;
    }
}

select {
    display: block;
}
select {
	color: #595959; /* Substitua pela cor desejada em formato hexadecimal, RGB, ou nome da cor */
  }

.clear{ clear:both;}



@media (max-width: 700px) { 
	.container {width: 100% !important;}
}


body{ background:#EEEEEE; padding-top:80px}

h1{ font-size: 3.8rem; line-height: 110%; margin: 0;}  
h2{ font-size: 2.6rem; line-height: 110%; margin: 2rem 0 1rem 0;} 

header{ padding: 10px 10px; background: #1D1D1B; overflow: auto; position: fixed; width: 100%; z-index: 599; left: 0; top: 0;}
header #logo{ width:280px; float: left; }
header #logo img{ width:100%; max-width: 180px; transition-duration: 1s;}
header #links{ width:calc(100% - 280px); float: left; text-align: right; margin-top: 5px;}
header #links a{ margin:14px; font-size: 26px; color:#fff;}
header #links a.whats{ color:#258D2D; font-size: 32px;}

header #back + #logo + #links{ width:calc(100% - 360px);}


header.f-nav #logo img{ max-width: 100px; transition-duration: 1s;}
header.f-nav #links{ margin-top: 5px;  transition-duration: 1s;}
header.f-nav #links a{ font-size: 20px;  transition-duration: 1s;}
header.f-nav #back{ font-size: 30px; transition-duration: 1s; padding-top: 0px;}

#title{ width: 100%; padding:75px 0; text-align: center; color:#fff; }
#title h1{ font-size: 45px;}

@media (max-width: 900px) { 
	body{padding-top:60px}
	header{ padding: 5px 5px; }
	header #logo{ width:200px; float: left; }
	header #logo img{ width:100%; max-width: 120px; }
	header #links{ width:calc(100% - 200px); margin-top: 0px;}
	header #links a{ font-size: 22px; margin:10px; }
	header.f-nav #links a{ font-size: 18px;  }
	header #links a.whats{ font-size: 20px;}

	header #back{ width:50px; float: left; padding-top: 0px; font-size: 30px;}
	header.f-nav #back{ font-size: 25px; transition-duration: 1s;}
	header #back + #logo + #links{ width:calc(100% - 250px);}

	#title{padding:65px 0; }
	#title h1{ font-size: 35px;}
}

@media (max-width: 600px) { 
	body{padding-top:40px}
	header{ padding: 5px 5px 0px 5px; }
	header #logo{ width:100px; float: left; }
	header #logo img{ width:100%; max-width: 100px; }
	header #links{ width:calc(100% - 100px); margin-top: 0px;}
	header #links a{ font-size: 18px; margin:8px 15px; }
	header #links a.whats{ font-size: 22px;}
	header.f-nav #logo img{ max-width: 85px; transition-duration: 1s;}
	header.f-nav #links a{ font-size: 15px;  transition-duration: 1s;}

	header #back{ width:50px; float: left; padding-top: 0px;font-size: 25px;}
	header.f-nav #back{ font-size: 20px; transition-duration: 1s;}
	header #back + #logo + #links{ width:calc(100% - 150px);}

	#title{padding:55px 0; }
	#title h1{ font-size: 28px;}
	
}





footer{ background: #1D1D1B; color: #fff; font-size: 14px; padding: 10px 0; margin-top: 20px;}
footer #logo img{ width: 100%; max-width: 250px;}
footer .right{ text-align: center; background: #1D1D1B; width: 100%; padding: 10px; color: #fff;}
footer h3{ font-size: 25px; }
footer .telefones a{ font-size: 15px; color:#fff; margin: 0 5px;}
footer .telefones a:hover{ color:#c7c7c7; }
footer a.mapa{ color:#fff; margin: 0 5px; display:inline-block; border: 1px solid #fff; padding:3px 6px; font-size: 14px;}
footer a.mapa:hover{ color:#202020; background:#fff;}
footer #social a{ font-size: 28px; color:#fff; margin: 0 5px;}
footer #social a:hover{ color:#c7c7c7;}

@media (max-width: 900px) { 
	footer #logo{ display: none;}
	footer .col{ width: 100% !important; }
}

@media (max-width: 700px) { 
	footer{ font-size: 12px; padding: 8px 0; margin-top: 15px; text-align: center;}
	footer .right{ text-align: center; width: 100%; padding: 10px; color: #fff;}
	
	footer #social a{ font-size: 28px; margin: 0 5px;}

	footer #logo{ display: none;}
	footer h3{ font-size: 18px; margin: 10px 0 5px 0; }
	footer .col{ width: 100% !important; padding:0 !important; }
	footer #social a{ font-size: 22px; margin: 0 4px;}
}


#search{ background: #1D1D1B; padding: 10px 0; margin-top: -40px; border-radius: 10px;}
#search h2{ text-align: center; color:#fff; margin:0 0 18px 0; font-size: 28px; font-weight:600; }
#search button{ width: 100%; padding: 12px 10px; background:#E44139; border:none; color: #fff; font-size: 20px; border-radius: 10px;}
#search .row{ margin-bottom: 0 !important;}

#search .col_marca{ width: 18%;}
#search .col_modelo{ width: 18%;}
#search .col_ano{width: 11%;}
#search .col_valor{width: 13%;}
#search .col_ordem{ width: 16%;}

#search .col_estoque{ width: 100%; text-align: center;}
#search .col_estoque a{ display:inline-block; background-color: #3353F2; color: #fff; width: 100%; max-width: 300px; margin: 12px 10px 0 10px; text-align: center; padding: 10px;}

#search .col_bt_full {
    width: 100%;
    text-align: center;
    margin-top: 10px;
}

#search .col_bt_full .btn-buscar {
    width: 100%;
    max-width: 400px;
    padding: 12px 30px;
    display: inline-block;
	cursor: pointer;
}

@media (max-width: 900px) { 
	#search{ padding: 6px 0; margin-top: -25px; border-radius: 0;}
	#search h2{ margin:0 0 15px 0; font-size: 25px;  }
}
@media (max-width: 700px) { 
	#search{ padding: 0px 0; margin-top: 0px}
	#search h2{ margin:0 0 12px 0; font-size: 20px;  }
	#search .col{ width:100% !important; margin-bottom: 4px; padding: 0 2px;}
	#search .col-50{ width:50% !important; margin-bottom: 4px;}
	#search button{ padding: 10px 10px; font-size: 18px !important;}
	#search .card-content { padding: 15px !important; }
	#search .col_estoque a{ max-width: 100%; margin-top: 0; margin: 8px auto 0 auto;}

}
@media (max-width:500px) { 
	#search h2{ margin:0 0 10px 0; font-size: 18px;  }
	#search .card-content { padding: 10px; }
}

.carros .card .card-action {padding: 15px 15px; }
.carros .card { padding:0px 0px 15px 0px; -webkit-border-radius: 10px; -moz-border-radius: 10px; 	border-radius: 10px;}
.carros .card h2{ margin: 0 0 15px 0; font-size: 18px; font-weight: 500; color:#332F2F; min-height: 80px; text-align: left;}
.carros .card h2 span{ font-size: 15px; font-weight: 400; color:#535353; display: block; margin-top: px;}
.carros .card h3{ margin: 0; font-size: 14px; display: inline-block; width: 49%; color: #B5B2B2;}
.carros .card h4{ margin: 0; font-size: 17px; display: inline-block; width: 49%; text-align: right;}
.carros .card h4 b{ padding: 4px 8px; color:#000; font-size: 20px; }
.carros .card span.bt{ background: #fff; border:2px solid #E44139; padding: 6px; margin:14px auto 0 auto; font-size: 13px; font-weight:600; text-align:center; display:block; width:80%; color: #B50D0D; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }

.carros .card:hover span.bt{ background: #E44139; color:#fff; transition-duration: 0.4s; }

@media (max-width: 1200px) { 
	.carros .col{ width:33.33% !important;}
}
@media (max-width: 850px) { 
	.carros .col{ width:50% !important;}
}
@media (max-width: 550px) { 
	.carros .col{ padding: 0 0.2rem !important;}
	.carros .card h2{ margin: 0 0 10px 0; font-size: 15px; min-height: 55px;}
	.carros .card h2 span{ font-size: 13px;}
	.carros .card h3{ margin: 0; font-size: 12px; width: 100%;  text-align: center;}
	.carros .card h4{ margin: 0; font-size: 15px; width: 100%; text-align: center;}
	.carros .card h4 b{ padding: 4px 8px; width: 100%; display:block;}
	.carros .card .card-action {padding: 8px 8px; }
}

#destaques{  padding:60px 0 60px 0; margin:50px 0 50px 0;}
#destaques h2{ color:#fff; }
.destaques .card { padding:20px 15px 15px 15px; -webkit-border-radius: 10px; -moz-border-radius: 10px; 	border-radius: 10px;}
.destaques .card .card-action {padding: 15px 15px; }
.destaques .card h2{ margin: 0 0 15px 0; font-size: 18px; font-weight: 500; color:#332F2F !important; display: block; min-height: 50px;}
.destaques .card h2 span{ font-size: 15px; font-weight: 400; color:#535353; display: block; margin-top: 6px;}
.destaques .card h3{ margin: 0; font-size: 14px; display: inline-block; width: 49%; color: #B5B2B2;}
.destaques .card h4{ margin: 0; font-size: 17px; display: inline-block; width: 49%; text-align: right;}
.destaques .card h4 b{ padding: 4px 8px; color:#000000; }
.destaques .card span.bt{ background: #fff; border:2px solid #E44139; padding: 6px; margin:14px auto 0 auto; font-size: 14px; text-align:center; display:block; width:80%; color: #E44139; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }

.destaques .card:hover span.bt{ background: #E44139; color:#fff; transition-duration: 0.4s; }

.destaques .card-more{ background: #FEDB05; text-align: center; height: 325px; padding-top: 30px;}
.destaques .card-more i{ font-size: 50px; color: #000000;}
.destaques .card-more h3{ color: #000000 !important; font-size: 28px !important; font-weight: 600; width: 100% !important; margin:0px 0 30px 0;}
.destaques .card-more h5{ background: #262D61; font-size: 20px; padding: 5px 5px 10px 5px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}

@media (max-width: 850px) { 
	.destaques .card { padding:10px 8px 8px 8px;}
	.destaques .card h2{ margin: 0 0 15px 0; font-size: 14px;  min-height: 50px;}
	.destaques .card h2 span{ font-size: 15px; margin-top: 6px;}
	.destaques .card h3{ margin: 0; font-size: 12px; width: 100%;  text-align: center;}
	.destaques .card h4{ margin: 0; font-size: 15px; width: 100%; text-align: center;}
	.destaques .card h4 b{ padding: 4px 8px; width: 100%; display:block;}
	.destaques .card .card-action {padding: 4px 2PX; }
	.destaques .card span.bt{ padding: 4px; margin:12px auto 0 auto; font-size: 12px;}
	.slick-slide{ margin: 5px !important; }
}



#maiscabral{ text-align: center;}
#maiscabral a{ width: calc(50% - 30px); display:inline-block;  border-radius: 15px; }
#maiscabral a img{ width: 100%; max-width: 650px; border-radius: 15px; -webkit-box-shadow: 0px 1px 6px -1px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 1px 6px -1px rgba(0,0,0,0.25);
	box-shadow: 0px 1px 6px -1px rgba(0,0,0,0.25);}
#maiscabral a + a{ margin-left: 20px;}

@media (max-width: 800px) { 
	#maiscabral a{ width: 100%; display:block; }
	#maiscabral a + a{ margin-left: 0px;}
}


#maiscabral h3{ width:90%; font-size: 30px; font-weight: 600; text-shadow: 3px 3px 3px rgb(18, 19, 19); }
#maiscabral h3 i{ display: block;}

@media (max-width: 1200px) { 
	#maiscabral h3{ font-size: 26px; }
	#maiscabral h3 i{ font-size: 60px;}
	#maiscabral .card .card-title{ padding: 10px 24px;} 
}

@media (max-width: 980px) { 
	#maiscabral h3{ font-size: 20px; }
	#maiscabral h3 i{ font-size: 50px;}
	#maiscabral .card .card-title{ padding: 0px 24px;} 
}

@media (max-width: 700px) { 
	#maiscabral h3{ font-size: 20px; }
	#maiscabral h3 i{ font-size: 40px;}
	#maiscabral .card .card-title{ padding: 0px 24px;} 
}

@media (max-width: 480px) { 
	#maiscabral h3{ font-size: 26px; }
	#maiscabral h3 i{ font-size: 60px;}
	#maiscabral .card .card-title{ padding: 10px 24px;} 
}




#fotos{ width: 95%; margin: 25px auto 40px auto;}
#fotos .slick-slide { margin: 1px !important;}

@media (max-width: 750px) { 
	#fotos{ width: 100%; margin: 8px auto 35px auto;}
}

#carro{}
#carro h1{ font-size: 32px; margin: 0px; }
#carro h1 span{ font-size: 25px;  color:#757575; display:block; }
#carro h3.price{ font-size: 30px !important; }
#carro h3.price b{ padding: 10px 10px; color:#E44139; }
#carro .price-disclaimer{ font-size: 22px; color: #757575; margin: 8px 0 15px 0; text-align: left; font-weight: normal; font-style: italic; margin-left: 8px; line-height: 1.3; }
#carro h2{ font-size: 22px; font-weight: 500; }

#banner_carro_destaque{ margin: 0 auto; text-align: center; }
#banner_carro_destaque img{ width: 100%; max-width: 700px; }

#carro #infos{  width:60%; padding:20px; float:left;  }

#carro .dados{}
#carro .dados .dado{ color:#474646;  border-radius: 10px; display:inline-block; font-size: 22px; text-align: center; vertical-align:top; width:calc(33% - 9px); padding:0px; margin: 4px; background: #FBF5F5;}
#carro .dados .dado i{ font-size: 40px; display: block; margin-bottom: 8px;}
#carro .dados h3{ font-size: 18px; }
#carro .dados h3 span{  display: block; font-size: 20px; font-weight: 600; }

#carro .itens{}
#carro .itens .item{ display:inline-block;  border-radius: 10px; vertical-align:top; width:calc(33% - 9px); padding:8px; margin: 4px; background: #FBF5F5;}

#carro .detalhes{}
#carro .detalhes .detalhe{ padding:16px 20px; background: #FBF5F5;}

#carro #aviso{}

#carro #diferenciais{ 
	display: flex;
	justify-content: center;
	align-items: stretch;
	height: auto;
	min-height: 100px;
	margin-bottom: 30px;
}

#carro #diferenciais .box {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin: 0 5px;
	color: #fff;
	background: #0049B0;
	width: 33.33%;
	padding: 25px 30px;
	border-radius: 4px;
	font-size: 20px;
	text-align: center;
}
#carro #diferenciais i{ display: block; font-size: 22px;}
#carro #diferenciais p {margin: 0; line-height: 22px;}

@media (max-width: 700px) {
	#carro #diferenciais{ 
		margin-bottom: 20px;
	}
	#carro #diferenciais .box {
		font-size: 20px;
		padding: 10px 30px;
	}
	#carro #diferenciais i{ font-size: 20px;}
}

#box-contatos{ width:40%; float:left; }
#box-contatos #aviso{ padding:12px; font-size: 13px; }
#box-contatos #aviso a{ color: rgba(0, 0, 0, 0.87); }
#box-contatos #aviso .small{ font-size: 12px; font-style: italic; }

#box-contatos #banner_promocional img{ width: 100%;}

#contatos{ background: #1D1D1B; text-align: center; padding:20px; color:#fff; border-radius: 10px;  }
#contatos h2{ font-size: 2.2rem; font-weight: 700; }
#contatos h4{ font-size: 1.5rem; color:#fff; }
#contatos .cards{ }
#contatos .cards .card{ background:#E44139; display:inline-block; border-radius: 10px; font-size: 17px; padding:20px 20px; width: calc(33.33% - 12px); margin:5px 4px !important; vertical-align:top; color: #fff; }
#contatos .cards .card i{ font-size: 35px; display: block; margin-bottom: 10px;}
#contatos .cards .card + .card{ margin-left: 20px; }
#contatos .form{ width: 90%; margin: 0 auto; }
#contatos .form h5{ font-size: 1rem; color:#fff; }
#contatos .form .line{ margin-bottom: 8px; }
#contatos .form input{ border:none; background:#fff; color:#222222; padding:10px; margin:0 0 0 0; height: auto !important; width: calc(100% - 20px);}
#contatos .form textarea{ border:none; background:#fff; color:#222222; padding:10px; height: auto !important; min-height:80px; width: calc(100% - 0px);}
#contatos .form button{ background:#E44139; color:#fff; width: 100%; padding: 10px 0px; border: none;} 
#contatos .form .helper{ color:#B50D0D; } 
#contatos .form #formErro{ color:#B50D0D; } 
#contatos .form #form_lead #form_sucesso{ color:#262D61; padding: 50px 0; } 
#contatos .form button{ padding: 15px 10px !important; border-radius: 10px;cursor:pointer;  -webkit-border-radius: 5px  !important; -moz-border-radius: 5px  !important; border-radius: 5px  !important;}
#contatos .form button:hover{ background:#262D61; }

#contatos .form ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #474646;
	opacity: 1; /* Firefox */
  }
  
  #contatos .form :-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #474646;
  }
  
  #contatos .form ::-ms-input-placeholder { /* Microsoft Edge */
	color: #474646;
  }

#barra{ background: #FEDB05;  width:100%; padding: 15px; margin: 20px 0 20px 0;}

@media (max-width: 900px) { 
	#fotos{ width: 100%; margin: 10px auto 40px auto;}
	#carro #infos{ width:100%; padding:20px; float:none;  }

	#carro #infos{ padding:15px;  }
	#carro h2{ font-size: 20px;  }

	#carro .dados .dado{  font-size: 22px; text-align: center; width:calc(33% - 10px); padding:0px; margin: 4px;}
	#carro .dados .dado i{ font-size: 30px; margin-bottom: 5px;}
	#carro .dados h3{ font-size: 16px; }
	#carro .dados h3 span{  font-size: 18px; }

	#carro .itens .item{ display:inline-block; vertical-align:top; width:calc(33% - 9px); padding:8px; margin: 4px; background: #FBF5F5;}

	#box-contatos{ width:100%; float:none; }

	#contatos{ padding:10px 5px; width:100%;  }
	#contatos h2{ font-size: 2.2rem; font-weight: 700; margin:5px 0; }
	#contatos h4{ font-size: 1.2rem;  }

	#contatos .cards .card{ padding:20px 5px;  }
	
	#contatos .cards .card i{ font-size: 30px;  margin-bottom: 10px;}
	#contatos .cards .card + .card{ margin-left: 20px; }

}
@media (max-width: 700px) {
	#carro h1{ font-size: 28px; margin: 0px; }
	#carro h1 span{ font-size: 20px; }
	#carro #infos{ padding:10px;  }
	#carro #infos h2{ font-size: 18px; margin: 1.5rem 0 0.5rem 0;  }
	#carro #infos h3.price { font-size: 24px !important; margin: 10px 0 0 0; }
	#carro #infos h3.price b{ width: 100%; display:block; text-align: left; }
	#carro .price-disclaimer{ font-size: 16px; margin: 5px 0 10px 0; }
	#carro .dados .dado{  font-size: 18px; text-align: center; width:calc(33% - 4px); padding:0px; margin: 1px;}
	#carro .dados .dado i{ font-size: 25px; margin-bottom: 2px;}
	#carro .dados h3{ font-size: 14px; }
	#carro .dados h3 span{  font-size: 16px; }

	#carro .itens .item{  width:calc(50% - 6px); padding:6px 8px; margin: 2px;}

	#contatos .cards .card{ font-size: 16px; padding:20px 5px; }
}

@media (max-width: 500px) {
	#carro h1{ font-size: 25px; margin: 0px; }
	#carro h1 span{ font-size: 18px; }
	#carro .itens .item{  width:calc(100% - 2px); padding:4px 6px; margin: 1px;}
}

.menu{ background: #1D1D1B; padding: 20px 40px;  color: #fff;  }
.menu h4{ font-size: 22px; font-weight: 600;}
.menu h5{ font-size: 18px; font-weight: 600;}
.menu p{ font-size: 15px;}
.menu ul{ margin:0; padding:0;}
.menu ul li {    float: none;    line-height: initial; margin:0; padding:0;}
.menu ul li > a {    color: #fff;    display: block;    font-size: 14px;    font-weight: normal;    height: auto;    line-height: initial;    padding: 6px 6px;}
.menu #telefones a{ color: #fff; font-size: 18px; margin:5px 0; display: block;}
.menu #sociais a{ color: #fff; font-size: 25px; margin:0 5px;}

.sidenav-overlay {
    background-color: rgba(255, 255, 255, 0.6);
}

.sidenav{ width: 300px; padding: 5px 10px 10px 30px;}
.sidenav h4{ margin: 1.0rem 0 0.912rem 0;}
.slider {
    height: auto;
}

.slick-slide{ margin: 10px; width:220px;}
.slick-prev:before,
.slick-next:before {
color: black !important;
}




#modal_liga{ background: #FEDB05; padding:20px;}

.modal_box .modal-header{ text-align: right;}
.modal_box .modal-close{ color: #000000; font-size: 25px;}
.modal_box .modal-content{ padding-top:0;}
.modal_box h2{ text-align: center; font-size: 32px; font-weight: 600; margin:0 0 20px 0;}
.modal_box .col{ margin-bottom: 12px;}




#cooking-popup{ position:fixed; bottom: 0; z-index: 1000; background-color: #666666; padding: 15px 25px; width: 100%; box-shadow: 2px -9px 14px -2px rgba(0,0,0,0.48);
-webkit-box-shadow: 2px -9px 14px -2px rgba(0,0,0,0.48);	-moz-box-shadow: 2px -9px 14px -2px rgba(0,0,0,0.48); display: none;}
#cooking-popup .txt{ float: left; width: calc(90% - 120px);}
#cooking-popup .txt a{ color: #1D1D1B;}
#cooking-popup .bt{ float: right; width: 110px;}
#cooking-popup .bt a{background-color: #E44139; color:#fff; padding: 8px 35px; display: inline-block; cursor: pointer;}



.interno h1{ font-size: 3rem; line-height: 110%; margin: 2.5rem 0 2rem 0;}
.interno #texto{ padding:30px 30px 10px 30px; color:#222222; font-size: 18px;}
.interno #texto h2{ font-size: 2.2rem; margin:0 0 1.2rem 0;}
@media (max-width: 700px) {
	.interno h1{ font-size: 2.6rem;  margin: 2rem 0 1.5rem 0; text-align: center;}
	.interno #texto{ padding:20px 20px 10px 20px; font-size: 17px;}

	.interno #texto h2{ font-size: 1.8rem;}
}




.loja #loja{ padding:30px; margin-top: 40px; }
.loja #loja .foto{ float:left; width: 40%;  }
.loja #loja .foto img{ width: 100%; max-width: 600px; }
.loja #loja .dados{ float:left; width: 60%; padding: 10px 40px; }
.loja #loja .dados h1{ margin: 0 0 20px 0; font-size: 34px; }
.loja #loja .dados h4{ margin: 0 0 10px 0; font-size: 25px;   }
.loja #loja .dados a{ color:#222222; }
.loja #mapa iframe { width: 100% !important; min-height: 400px !important;}

@media (max-width: 700px) {
	.loja #loja{ padding:20px 20px; margin-top: 0px; }
	.loja #loja .foto{ float:none; width: 100%; text-align: center;  }
	.loja #loja .dados{ float:none; width: 100%; padding: 10px 0px; }
	.loja #loja .dados h1{ margin: 0 0 20px 0; font-size: 24px; }
	.loja #loja .dados h4{ margin: 0 0 10px 0; font-size: 18px; }
	.loja #mapa iframe { min-height: 250px !important;}
}



#btnWhats-mobile{ z-index: 9999999;padding: 10px; color: #fff; position: fixed; bottom:155px; left: 35px;  }
.pulse {
	display: block;
	width: 55px;
	position: absolute;
	height: 55px;
	border-radius: 90%;
    cursor: pointer;
    background: #fff;
	background-image:url(../imgs/whatsapp.png)!important;
	background-position: center;
	background-repeat: no-repeat;
	box-shadow: 0 0 0 rgba(54, 160, 79, 0.8);
    animation: pulse 2s infinite;
  }
  .pulse:hover {
	animation: pulse 1s infinite;
  }
  
  @-webkit-keyframes pulse {
	0% {
	  -webkit-box-shadow: 0 0 0 0 rgba(54, 160, 79, 0.8);
	}
	70% {
		-webkit-box-shadow: 0 0 0 10px rgba(54, 160, 79, 0.6);
	}
	100% {
		-webkit-box-shadow: 0 0 0 0 rgba(54, 160, 79, 0.6);
	}
  }
  @keyframes pulse {
	0% {
	  -moz-box-shadow: 0 0 0 0 rgba(54, 160, 79, 0.6);
	  box-shadow: 0 0 0 0 rgba(54, 160, 79, 0.8);
	}
	80% {
		-moz-box-shadow: 0 0 0 10px rgba(54, 160, 79, 0.6);
		box-shadow: 0 0 0 10px rgba(54, 160, 79, 0.8);
	}
	100% {
		-moz-box-shadow: 0 0 0 0 rgba(54, 160, 79, 0.8);
		box-shadow: 0 0 0 0 rgba(54, 160, 79, 0);
	}
  }

@media (min-width: 1400px) { 
	#btnWhats-mobile{ padding: 10px;  bottom: 125px; right: 70px;  }
}

.slick-dots { bottom: -8px !important; }
#fotos .slick-dots { bottom: -25px !important; }

.box h2 { font-size: 2.1rem; line-height: 100%; margin: 2rem 0 0.5rem 1rem;} 

@media (max-width: 700px) { 
	.box { width: 90%; margin: 0 auto;} 
	.box h2 { font-size: 1.6rem; margin: 1.5rem 0 0rem 0.5rem;}
	.slick-prev { left: -15px !important; }
	.slick-next { right: -15px !important; }

	.slick-dots li {margin: 0 0px !important; }
}

/* MODAL */
.modal.bottom-sheet { max-height: 75% !important; }
.modal_box .modal-content { margin-bottom: 40px; }

/* FORMULARIO */
.myform ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */	color: #595959;	opacity: 1; /* Firefox */  }  
.myform  :-ms-input-placeholder { /* Internet Explorer 10-11 */	color: #595959;  }  
.myform  ::-ms-input-placeholder { /* Microsoft Edge */	color: #595959;  }
.myform input{ background:#fff !important; border: 1px solid #D2CACA; width: calc(100% - 20px) !important; margin: 0px 0px 0px 0px !important; padding:10px !important; height: auto !important;}
.myform select{ height: auto !important; margin: 0px 0px 0px 0px !important; padding:6px 10px !important; border: 1px solid #D2CACA;}
.myform textarea{ height: 100px !important; margin: 0px 0px 0px 0px !important; padding:6px 10px !important; border: 1px solid #D2CACA ; }
.myform h2{ font-size: 2.2rem; margin:0 0 1.2rem 0;}
.myform h3{ font-size: 2rem; margin:0 0 1.2rem 0;}
.myform button{ width: 100%; padding: 12px 10px; background:#E44139; border:none; color: #fff; font-size: 20px; border-radius: 10px;}

.myform .col{ min-height:62px;}
.myform span.helper{ display: block; text-align: left;}


#modal_search{ background: #1D1D1B; padding:20px; color:#fff; }
#modal_search .myform .col{ min-height:auto !important;}

.myform .termo span.helper{ text-align: center !important;}
.myform .termo{ height:auto !important; margin: 20px 0 0px 0;}

.myform .aviso{}
.myform .aviso p{ font-size: 12px; color:#595959; font-style: italic; margin: 2px 0}

#ligar{ text-align: center;}
.contato{ text-align: center;}
.avalie{ text-align: center;}


.posvenda{}
.posvenda #whatsapps{}
.posvenda #whatsapps .whatsapp{ color: #262D61; background-color: #FEDB05; padding: 40px 0px; display:inline-block; text-align: center; width: calc(33.33% - 20px); margin:20px 0 50px 0;}
.posvenda #whatsapps .whatsapp h3{ font-size: 1.5rem; margin: 0;}
.posvenda #whatsapps .whatsapp a{ color: #262D61; font-size: 1.8rem; font-weight: 500;}

@media (max-width: 900px) { 
	.posvenda #whatsapps .whatsapp{ width:100%;  margin:10px 0 5px 0; padding: 30px 0px;}
}


footer #by a{ color:#fff;}
footer #by img{ max-width: 55px;}


footer{}
footer .row{ padding:25px; margin-bottom: 0px;}
footer .row h3{ margin: 0;}
footer #links a{ color:#fff;}

@media (max-width: 900px) { 
	footer .row{ padding:15px;}
	footer .row .col + .col{ margin-top: 12px;}
}

.politica h4{ font-size: 22px; font-weight: 500;}
.politica p{ font-size: 15px;}


span.helper{ font-size: 12px; color: red;  font-style: italic; font-weight: normal; margin-left: 10px;}
.helperShow{ border: 2px dotted #981029 !important;}
#formErro{ font-size: 14px; color: red;  font-style: italic; }

#resultados{ padding-top:20px;}


.video-container {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
  }
  .video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
  }



#banner-interno img{ width: 100%;}



#title.sobre{ background: url(../imgs/background-contato.jpg); background-repeat: no-repeat; background-position: center top; background-attachment: fixed; padding:120px 0;}
#title.estoque{ background: url(../imgs/background-contato.jpg); background-repeat: no-repeat; background-position: center top; background-attachment: fixed;}
#title.financiamento{ background: url(../imgs/background-contato.jpg); background-repeat: no-repeat; background-position: center top; background-attachment: fixed;}
#title.contato{ background: url(../imgs/background-contato.jpg); background-repeat: no-repeat; background-position: center top; background-attachment: fixed;}
#title.trabalhe{ background: url(../imgs/background-contato.jpg); background-repeat: no-repeat; background-position: center top; background-attachment: fixed;}
#title.avalie{ background: url(../imgs/background-contato.jpg); background-repeat: no-repeat; background-position: center top; background-attachment: fixed;}



#galeria{ width: 80%; margin: 0 auto;}
#galeria img{ width: 100%;}


.slick-prev:before {
    color: #E44139 !important;
}
.slick-next:before {
    color: #E44139 !important;
}


