@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@200&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Karla:ital,wght@1,300&display=swap');

body {
  font-family: "Poppins";
}

:root {
  --cor-preto: #000000;
  --color-primary: #272425;
  --color-secundary: #ffff;
  --color-terciary: #e6e6e6;
  --cor-quartenaria: #7d7d7d;
  --gay-1: #333333;
  --gay-2: #4f4f4f;
  --gay-3: #828282;
  --gay-4: #bdbdbd;
  --gay-5: #e0e0e0;
  --gay-6: #f2f2f2;
  --branco: #ffffff;
  --letter-primary: #000;
  --letter-secundary: #fff;
  --corBotoes:  -moz-linear-gradient(top, #DFA645 0%, #D4882F 50%, #c96f20 100%);
}

body,
html {
  overflow-x: hidden;
  letter-spacing: 1px;
  background-color: var(--color-secundary);
}

h1,
.h1 {
  font-size: 4.23076923em;
  line-height: 1.09090909em;
  margin-top: 0.21818182em;
  margin-bottom: 0.43636364em;
}

h2,
.h2 {
  font-size: 2.61538462em;
  line-height: 1.05882353em;
  margin-top: 0.35294118em;
  margin-bottom: 0.35294118em;
}

h3,
.h3 {
  font-size: 1.61538462em;
  line-height: 1.14285714em;
  margin-top: 0.57142857em;
  margin-bottom: 0em;
}

h4,
.h4 {
  font-size: 1.3em;
  line-height: 1.84615385em;
  margin-top: 0.92307692em;
  margin-bottom: 0em;
}

h5,
.h5 {
  font-size: 1em;
  line-height: 1.84615385em;
  margin-top: 0.92307692em;
  margin-bottom: 0em;
}

p,
ul,
ol,
pre,
table,
blockquote {
  margin-top: 0em;
  margin-bottom: 0.92307692em;
}

ul ul,
ol ol,
ul ol,
ol ul {
  margin-top: 0em;
  margin-bottom: 0em;
}

ul li {
  margin: 0rem;
  padding: 0rem;
}

.border-0 {
  border: none;
}

.bg-white {
  background: var(--branco);
}

.bg-primary {
  background: var(--color-primary);
}

.bg-terciary {
  color: var(--color-terciary)
}

.bg-dark {
  background: var(--cor-preto);
}

.bg-light {
  background: var(--gay-6);
}

.bg-gray-3 {
  background-color: var(--gay-3);
}

.btn__gray-3 {
  background-color: var(--gay-3);
}

.btn__gray-3 :hover,
.btn__gray-3 :focus,
.btn__gray-3 :active {
  background-color: var(--gay-3);
}

.btn__outline {
  background-color: transparent;
  border: 1px solid var(--cor-preto);
  color: var(--cor-preto);
}

.btn__outline:hover,
.btn__outline:focus,
.btn__outline:active {
  border: 1px solid var(--cor-preto);
  background: var(--cor-preto);
  color: var(--branco);
}

.btn__dark {
  background: var(--cor-preto);
}

.btn__dark:hover,
.btn__dark:focus,
.btn__dark:active {
  background: var(--cor-preto);
  opacity: 0.8;
}

.btn__primary {
  background: var(--color-primary);
}

.btn__primary:hover,
.btn__primary:focus,
.btn__primary:active {
  background: var(--color-primary);
  opacity: 0.8;
}

.text-primary {
  color: var(--color-primary);
}

.text-primary:hover,
.text-primary:focus,
.text-primary:active {
  color: var(--color-primary);
  text-decoration: none;
}

.text-white {
  color: var(--branco);
}

.text-white:hover,
.text-white:focus,
.text-white:active {
  color: var(--branco);
  text-decoration: none;
}

.text-dark {
  color: var(--gay-1);
}

.text-dark:hover,
.text-dark:focus,
.text-dark:active {
  color: var(--gay-1);
  text-decoration: none;
}

.text-light {
  color: var(--gay-3);
}

.text-light:hover,
.text-light:focus,
.text-light:active {
  color: var(--gay-3);
  text-decoration: none;
}

.text-red {
  color: var(--color-primary);
}

.text-red:hover,
.text-red:focus,
.text-red:active {
  color: var(--color-primary);
  text-decoration: none;
}

.text-underline {
  text-decoration: underline;
}

.rounded {
  border-radius: 5px;
}

.rounded-top {
  border-radius: 5px 5px 0 0px;
}

.rounded-bottom {
  border-radius: 0px 0px 5px 5px;
}

.rounded-right {
  border-radius: 0px 5px 5px 0px;
}

.rounded-left {
  border-radius: 5px 0px 0px 5px;
}

.rounded-circle {
  border-radius: 50%;
}

.rounded-pill {
  border-radius: 30px;
}

.p-0 {
  padding: 0;
}

.pl-0 {
  padding-left: 0;
}

.pr-0 {
  padding-right: 0;
}

.pt-0 {
  padding-top: 0;
}

.pb-0 {
  padding-bottom: 0;
}

.p-1 {
  padding: 0.25rem;
}

.pl-1 {
  padding-left: 0.25rem;
}

.pr-1 {
  padding-right: 0.25rem;
}

.pt-1 {
  padding-top: 0.25rem;
}

.pb-1 {
  padding-bottom: 0.25rem;
}

.p-2 {
  padding: 0.5rem;
}

.pl-2 {
  padding-left: 0.5rem;
}

.pr-2 {
  padding-right: 0.5rem;
}

.pt-2 {
  padding-top: 0.5rem;
}

.pb-2 {
  padding-bottom: 0.5rem;
}

.p-3 {
  padding: 1rem;
}

.pl-3 {
  padding-left: 1rem;
}

.pr-3 {
  padding-right: 1rem;
}

.pt-3 {
  padding-top: 1rem;
}

.pb-3 {
  padding-bottom: 1rem;
}

.p-4 {
  padding: 1.5rem;
}

.pl-4 {
  padding-left: 1.5rem;
}

.pr-4 {
  padding-right: 1.5rem;
}

.pt-4 {
  padding-top: 1.5rem;
}

.pb-4 {
  padding-bottom: 1.5rem;
}

.p-5 {
  padding: 3rem;
}

.pl-5 {
  padding-left: 3rem;
}

.pr-5 {
  padding-right: 3rem;
}

.pt-5 {
  padding-top: 3rem;
}

.pb-5 {
  padding-bottom: 3rem;
}

.m-0 {
  margin: 0;
}

.ml-0 {
  margin-left: 0;
}

.mr-0 {
  margin-right: 0;
}

.mt-0 {
  margin-top: 0;
}

.mb-0 {
  margin-bottom: 0;
}

.m-1 {
  margin: 0.25rem;
}

.ml-1 {
  margin-left: 0.25rem;
}

.mr-1 {
  margin-right: 0.25rem;
}

.mt-1 {
  margin-top: 0.25rem;
}

.mb-1 {
  margin-bottom: 0.25rem;
}

.m-2 {
  margin: 0.5rem;
}

.ml-2 {
  margin-left: 0.5rem;
}

.mr-2 {
  margin-right: 0.5rem;
}

.mt-2 {
  margin-top: 0.5rem;
}

.mb-2 {
  margin-bottom: 0.5rem;
}

.m-3 {
  margin: 1rem;
}

.ml-3 {
  margin-left: 1rem;
}

.mr-3 {
  margin-right: 1rem;
}

.mt-3 {
  margin-top: 1rem;
}

.mb-3 {
  margin-bottom: 1rem;
}

.m-4 {
  margin: 1.5rem;
}

.ml-4 {
  margin-left: 1.5rem;
}

.mr-4 {
  margin-right: 1.5rem;
}

.mt-4 {
  margin-top: 1.5rem;
}

.mb-4 {
  margin-bottom: 1.5rem;
}

.m-5 {
  margin: 3rem;
}

.ml-5 {
  margin-left: 3rem;
}

.mr-5 {
  margin-right: 3rem;
}

.mt-5 {
  margin-top: 3rem;
}

.mb-5 {
  margin-bottom: 3rem;
}

.w-100 {
  width: 100%;
}

.w-50 {
  width: 50%;
}

.shadow-xs {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
}

.shadow-sm {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

.shadow {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}

.shadow-md {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
    0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.shadow-lg {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
    0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

.shadow-xl {
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),
    0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

.shadow-2xl {
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

.shadow-inner {
  box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
}

.shadow-outline {
  box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
}

.shadow-none {
  box-shadow: none;
}

.bold {
  font-weight: 600;

}

.uppercase {
  text-transform: uppercase;
}

.decoration-none {
  text-decoration: none;
}

.decoration-none:hover {
  text-decoration: none;
  color: none;
}

/*global modal*/
.modal-backdrop {
  background-color: var(--cor-preto) !important;
}

.modal-backdrop.in {
  opacity: 0.9;
}

.modal-content {
  box-shadow: none !important;
  border: none !important;
  border-radius: 0 !important;
}

.categoria-modal:hover,
.categoria-modal:focus {
  color: #101010 !important;
  text-decoration: none !important;
}

.whatsapp-modal a i {
  color: #27ae60;
  text-decoration: none;
}

.whatsapp-modal a i:hover,
.whatsapp-modal a i:focus {
  color: #27ae60;
  text-decoration: none;
}

.tabela-whatsapp a {
  font-size: 2em;
  color: #000000;
}

.tabela-whatsapp a:hover,
.tabela-whatsapp a:focus {
  font-size: 2em;
  color: #000000;
  text-decoration: none;
}

.tabela-whatsapp a .icon-w {
  color: #27ae60;
}


.categoria-modal {
  color: #101010 !important;
  text-decoration: none !important;
}

.categoria-modal:hover,
.categoria-modal:focus {
  color: #101010 !important;
  text-decoration: none !important;
}

/*cabeçalho*/

.background-horarios {
  background-color: var(--color-terciary);
  color: #676767;
  padding: 5px 0px;
  text-align: end;
}

.paragrafo-horarios {
  margin: 0px;
  color: #676767;
}

#cabecalho {
  background-color: var(--color-secundary);
  color: var(--letter-primary);
}

.cabecalho-logo {
  width: 40%;
  padding-left: 15px;
}

#div-nav-contato {
  color: var(--color-terciary);
  display: flex;
  flex-direction: row;
  align-content: center;
}

#menu .nav>li>a {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-left: 10px;
}

.modal-whats-topo {
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
}

.nav-contato-telefone {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-content: center;
  font-size: bold;
  align-items: center;
}

.nav-contato-telefone span {
  margin-left: 10px;
  margin-right: 15px;
  font-weight: bold;
  padding: 3px 0px;
}

#cabecalho .nav {
  border-radius: none;
  margin-bottom: 2px;
  margin-top: 33px;
}

#menu {
  padding: 0px 0px;
  color: var(--color-terciary);
}
.paddingTopo{
  padding:18px 0px;
}

#menu:after,
#menu:before {
  content: none;
}

#lupa {
  background-color: #fff;
  border-radius: 50px;
  color: var(--color-secundary);
}

#lupa span {
  padding: 5px;
}

#lupa span.span-texto-busca {
  padding-right: 4rem;
  border-radius: 5px 0px 0px 5px;
}

#lupa span.span-lupa {
  background-color: #008e42;
  padding: 5px 10px;
  color: var(--color-primary);
  border-radius: 0px 5px 5px 0px;
}

.campo-pesquisa {
  width: 15%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 5px 0px;
}

.icone-cabecalho {
  width: 50px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  color: var(--color-terciary);
}

.cabecalho-telefone {
  font-size: 12px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  text-align: center;
}

.bloco-contatos {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.bloco-telefone {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 10px;
  color: var(--color-terciary);
  font-size: 1.3em;
}

.bloco-telefone a {
  color: var(--color-terciary);
}

.bloco-dado {
  display: flex;
  flex-direction: column;
}

.bloco-dado p {
  margin: 0;
}

#cabecalho .cabecalho-info {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.hamburquer-div {
  display: flex;
  align-items: baseline;
  justify-content: center;
}

#cabecalho-flex {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0px 30px;
}
.contato-topo{
  display:flex;
  color:white;
}
.svgTopo{
  font-size:20px;
  color:white;
}
.awppTopo{
  display:flex; 
  align-items:center; 
  color:white !important;
  text-decoration:none !important;
}
.buscaTopo {
  width: 50%;
  text-align: end;
}
.buscaTopo form {
  display: flex;
  justify-content: end;
  align-items: center;
}
.inputHeader {
  width: 150px !important;
  border-radius: 2px;
}
.botaoBuscar {
  color: white;
  background-color: black;
  border-color: black;
  transition: 2s !important;
}
.buscaTopo div {
  display: flex;
  margin: 0px;
}

.navegacao-lista {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-content: center;
  height: 110px;
}

#img-mobile .navbar-brand {
  padding: 0px !important;
}

#modal-corpo {
  color: white;
  background-color: #000000;
}

.admin__btn {
  color: #fff;
  text-decoration: none;
}

.admin__btn:hover,
.admin__btn:active,
.admin__btn:focus {
  color: #fff;
  text-decoration: none;
}

/* Navegação */
.navegacao {
  border-radius: 0px;
  margin-bottom: 0px;
  border-radius: none;
  background: black;
  color: white;
}

.navegacao-logo-imagem {
  display: flex;
  flex-direction: top;
  justify-content: center;
}

.nave-bar {
  width: 100%;
}

li.navegacao-item {
  display: flex;
  flex-direction: row;
  height: 100%;
}

.navegacao-hamburguer {
  border: transparent;
  border-radius: 0;
  margin-right: 0px;
  margin-top: 5px;
}

.navegacao-hamburguer-icone {
  background-color: var(--color-primary);
}

.navegacao-item a.navegacao-link {
  color: white;
  transition: all 0.4s;
  font-weight: bold;
  font-size: 1.2em;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  padding: 0px;
}

.navbar {
  min-height: 0px;
  border: none;
}

.nav>li>a:focus,
.nav>li>a:hover {
  background: transparent !important;
}

.link-background {
  padding: 5px;
}

.navegacao-item a.navegacao-link .link-background:focus,
.navegacao-item a.navegacao-link .link-background:hover,
.navegacao-item a.ativo .link-background {
  font-weight: 800;
}

/* Busca */



.div-bnt-busca {
  width: 15%;
}

.div-busca{
  padding:12px 0px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}
.border-busca{
  border-radius: 7px;
  height:55px !important;
}
.flex-box {
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
}

.flex-box-row {
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: center;
  flex-wrap: wrap;
}

.form-group {
  margin: 0px;
}

.inputs-nav {
  display: flex;
  justify-content: space-around;
  align-content: right;
  width: 100%;
}

.rounded-none{
  border-radius: 0px;
}
.busca-selecionar{
  height:40px;
}

.busca-titulo {
  color: var(--letter-secundary);
  font-size: 10px;
  text-align: center;
  text-transform: uppercase;
}

.busca-botao {
  width: 100%;
  background: black;
  border-color: #000;
  transition: 0.4s;
  color: white;
}

.busca-botao:focus,
.busca-botao:hover {
  background-color: black;
  color: white;
  transform: scale(1.1);
}


/* Destaques */
.destaques {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 0px;
}
.tituloDestaque{
  margin: 0px;
  color: black;
  z-index: 1;
  font-size: 20px;
}
.tituloDestaque::after{
  content: " ";
  height: 7px;
  width: 176px;
  z-index: -1;
  position: absolute;
  background-color: #e4c792;
  left: 300px;
  top: 18px;
}

.titulo-destaque {
  color: #000000;
  font-size: 1.4em;
  font-weight: 800;
  text-align: center;
}

.titulo-destaque h4 {
  margin: 0px;
}

.titulo-destaque-veiculos h4 {
  text-align: start;
  margin: auto 0px;
  padding: 5px 30px;
  font-weight: 800;
}

.destaque {
  margin-top: 25px;
  transition: all 0.4s;
  padding: 0px;
}

.destaque:focus .destaque-botao,
.destaque:hover .destaque-botao {
  display: block;
}

.destaque-a:focus,
.destaque-a:hover {
  text-decoration: none;
}

.destaque-imagem {
  height: 230px;
  margin-bottom: -20px;
  
}

.destaque-nome {
  color: black;
  font-weight: 800;
  margin: 0px;
  padding: 20px 20px 0px 20px;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.destaque-versao {
  color: #98999b;
  margin: 0px;
  padding: 0px 20px 15px 20px;
  text-transform: uppercase;
}

#link__destaque:hover,
#link__destaque:active,
#link__destaque:focus {
  color: #666666;
  outline: none;
  outline-style: none;
  text-decoration: none;
}

a#link__destaque {
  width: 100%;
}

.quebra-destaque {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.destaque-infos {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0px 20px 15px 20px;
}

a.destaque-infos {
  color: #000;
}

.bloco-dados {
  margin-right: 2rem;
}

.bloco-dados .icone-destaque {
  margin-right: 1rem;
  color: #000;
}

.bloco-destaque {
  display: flex;
  flex-direction: row;
}

.destaque-quebra {
  height: 20px;
  background: linear-gradient(100deg, rgba(0, 0, 0, 0) 57.9%, rgba(255, 255, 255, 1) 56%);
  ;
}

.destaque__detalhes {
  padding: 9px 20px;
  display: flex;
  flex-direction: row;
justify-content: space-between;
  align-items: center;
  background-color: white;
  align-content: center;
  color: black;
}

.destaque__detalhes a {
  background-color: transparent;
  color: #000;
}

.bloco-ver-mais {
  color: white;
  background-color: #000;
  border: 1px solid #000;
  font-size: 13px;
  border-radius: 5px;
  padding: 2px 6px;
  font-weight: 700;
}
.border-top-radius{
  border-top-right-radius: 15px;
  border-top-left-radius: 15px;
}
.border-bottom-radius{
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
}

.informacoes-veiculo::before {
  position: absolute;
  content: '';
  background-color: white;
  transform: skewX(351deg);
  z-index: 1;
  right: 14px;
  height: 170px;
  width: 100%;
  transform-origin: right;
  display: block;
  top: -20px;
}

.titulo-veiculo,
.informacoes-veiculo {
  display: flex;
  flex-direction: column;
  align-content: center;
  height: 150px;
}

.informacoes-veiculo {
  padding: 0px 10px 10px 10px;
  justify-content: center;
}

.titulo-veiculo {
  background-color: #000;
  color: #fff;
  padding: 20px;
  justify-content: space-evenly;
  ;
}

.titulo-veiculo h4 {
  font-size: 0.9em;
  margin: 0px;
  text-transform: uppercase;
}

.titulo-veiculo p {
  margin: 0px;
  text-transform: uppercase;
  font-size: 1.1em;
}

.quebra-destaque {
  position: relative;
  z-index: 2;
}

.email__detalhes {
  padding: 4px 7px;
  border-radius: 50px;
  border: 2px solid black;
  color: var(--cor-preto);
}

.link__detalhes {
  margin: 0;
  color: var(--letter-secundary);
  text-align: center;
  text-decoration: none;
  transition: 0.4s;
  display: flex;
  align-content: center;
  justify-content: center;
  flex-direction: column;
}


.info-veiculo {
  margin: 0;
  background-color: var(--color-primary);
  color: var(--letter-secundary);
  text-align: center;
  width: 100%;
  text-decoration: none;
  font-weight: bold;
  padding: 7px 0px;
  text-align: center;
  font-size: 0.9em;
}

.icone-info-veiculo {
  border: 2px solid #fff;
  border-radius: 50px;
  padding: 0px 4px;
}

.link__detalhes:hover,
.link__detalhes:focus,
.info-veiculo:hover,
.info-veiculo:focus {
  color: black;
  opacity: 0.8;
  font-weight: 600;
  text-decoration: none;
  border-color: var(--color-terciary);
}
#estoqueBtn{
  background-color: black;
  color: white;
  margin: 35px 0px;
  padding: 11px 0px;
  text-decoration: none !important;
  text-align: center;
  transition: 0.3s;
  border-radius: 10px;
  font-size: 17px;
}
#estoqueBtn a{
  padding: 15px 15px;
}
#estoqueBtn:hover{
  font-weight: bold;
  opacity: 0.7;
}

.btn__wpp {
  display: flex;
  flex-direction: row;
  justify-content: center;
  background-color: #139809;
  color: #fff;
  text-align: center;
}

.wpp {
  display: flex;
  flex-direction: row;
  text-align: center;
}

.nome-wpp {
  padding-top: 8px;
  font-weight: bold;
}

/* Cards */

.card-formularios {
  background-color: black;
  color: white;
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: space-between;
  text-align: center;
  height: 100%;
  padding: 10px;
  ;
}

.div-botao-card {
  margin-bottom: 10px;
  display: flex;
  align-content: center;
  justify-content: center;
}

.botao-card {
  width: 100%;
  color: black;
  border: black;
  padding: 12px;
  cursor: pointer;
  background: #e4c792;
  transition: 0.2s;
}
.botao-card:hover{
  opacity: 0.8;
}

.div-botao-card a {
  color: #008e42;
  min-width: 70%;
  width: fit-content;
}
.marcasBg{
  background-color: black;
}
.div-botao-card a {
  text-decoration: none;
}

/* Mapa */

.mapa-titulo {
  margin-top: 40px;
  font-weight: 700;
  color: #333;
  font-size: 40px;
}

.titulo-mapa {
  text-align: left;
}

.mapa-subtitulo {
  margin-top: 30px;
  margin-bottom: 40px;
  color: #666;
  font-size: 16px;
}

.mapa-frame {
  width: 100%;
}

/* INSTAGRAM */


.loc {
  display: flex;
  padding: 100px;
  align-items: center;
}

.bt-pai {
  text-align: right;
}

.bt {
  background-color: #000;
  border: 0px;
  color: #fff;
  padding-right: 10px;
}

.bt:hover {
  cursor: pointer;
}

.div-btn-mapa {
  display: flex;
  justify-content: end;

}

.icon {
  border-right: 1px solid #fff;
  border-top: 1px solid #fff;
  width: 10px;
  height: 10px;
  display: flex;
  margin-left: -9px;
  margin-top: -1px;

}


.div-para-topo {
  display: flex;
  justify-content: end;
}


.contatos-cliente {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-content: center;
}


.icone-envelope {
  border: 2px solid white;
  border-radius: 50px;
  width: 35px !important;
  height: 35px;
  padding: 5px;
}

#contato-span {
  font-size: 0.8em;
  align-items: left;
}


#texto-sobre-nos p {
  color: #fff;
  text-align: center;
}


.litoralcar {
  margin-top: -6px;
}

/*voltar ao topo desktop */
.topo {
  position: static;
  display: none;
  font-size: 16px;
  color: white !important;
  text-decoration: none !important;
}

.topo:hover {
  text-decoration: none !important;
  color: white;
}

/*voltar ao topo mobile */
.topo2 {
  font-size: 20px;
  color: var(--letter-secundary) !important;
  text-decoration: none !important;
  background-color: #7e7e7e;
  border-radius: 50px;
  padding: 1px 9px;
}

.topo2:hover {
  text-decoration: none !important;
  color: var(--color-secundary) !important;
}

/* Includes */
.panel-primary,
.panel-heading {
  background: #006ce7 !important;
  border: 1px solid #006ce7 !important;
}

/* Página do veículo */
.pg-veiculo,
.pg-veiculo #info {
  margin-top: 50px;
}

.pg-veiculo .apenas-celular {
  margin-top: 10px;
  padding: 0;
}

.pg-veiculo .titulo-pagina {
  color: #111;
  font-size: 24px;
  font-weight: 700;
  border-left: 4px solid #006ce7;
  position: relative;
  left: -15px;
  padding-left: 10px;
  text-transform: uppercase;
}

.pg-veiculo .versao-veiculo {
  color: #444;
  font-weight: 700;
  text-transform: uppercase;
}

.pg-veiculo .separar-valor {
  margin-top: 2px;
  margin-bottom: 2px;
  border-color: #eee;
}

.pg-veiculo .valor-veiculo,
.pg-veiculo .valor_carro_opcao {
  background-color: #006ce7;
  color: #fff;
  padding: 10px;
  text-align: center;
}

.pg-veiculo .valor_carro_opcao {
  display: inline-block;
  font-size: 1.1em;
}

.pg-veiculo .cidade {
  font-weight: 700;
  padding-left: 0 !important;
}

.pg-veiculo .global-endereco {
  padding-left: 13px;
}

.pg-veiculo .telefones-titulo {
  margin-top: 10px;
  font-weight: 900;
}

.pg-veiculo .global-telefone a {
  color: #333 !important;
}

.pg-veiculo #proposta input,
.pg-veiculo #proposta textarea,
.pg-veiculo #proposta_xs input,
.pg-veiculo #proposta_xs textarea {
  border-radius: 0px;
  color: black;
}


.pg-veiculo .selecionar-info-span {
  background-color: #006ce7;
  border: 1px solid #006ce7;
  display: inline-block;

  width: 33.3333%;
  text-align: center;
  color: #fff;
  margin-top: 15px;
  padding: 5px;
  font-size: 1.2em;
  cursor: pointer;
  transition: all 0.5s;
}

.pg-veiculo .selecionar-info-span:focus,
.pg-veiculo .selecionar-info-span:hover,
.pg-veiculo .info-ativo {
  background-color: #006ce7;
  border-color: #006ce7;
  opacity: 0.8;
}

.pg-veiculo .glyphicon-ok {
  color: #006ce7;
}

.pg-veiculo #abrir-opcionais {
  border-right-width: 0;
}

.pg-veiculo .opcionais,
.pg-veiculo .observacoes,
.pg-veiculo .mapa {
  border: 1px solid #eee;
}


.pg-veiculo .opcionais h3,
.pg-veiculo .observacoes h3,
.pg-veiculo .mapa h3 {
  position: relative;
  left: -15px;
  padding-left: 10px;
  border-left: 4px solid #006ce7;
  margin-bottom: 20px;
}

.pg-veiculo .observacoes,
.pg-veiculo .mapa {
  display: none;
}

.pg-veiculo .div-opcoes {
  padding: 0;
}

.pg-veiculo .div-compartilhe {
  margin: 15px 0;
  border: 1px solid #eee;
}

.pg-veiculo .icone-obs {
  padding-right: 5px;
}

/* Ficha de cadastro */
.pg-ficha .panel-primary,
.pg-ficha .panel-heading {
  background: #006ce7 !important;
  border: 1px solid #006ce7 !important;
}

@media screen and (min-width:250px) and (max-width:575px) {

  .selecionar-info-span {
    font-size: 0.8em;
  }

  #navegacao-div {
    padding: 1px 0px;
  }

  .flex__insta {
    margin-bottom: 10%;
  }

  .container {
    padding: 0px;
    font-size: 12px;
  }

  #col-fone {
    margin: 10px 0px;
  }

  .informacoes-veiculo {
    padding: 0px 1px 5px 1px;
  }

  .informacoes-veiculo span {
    font-size: 0.9em;
  }

  .bloco-btn-estoque2 .texto-btn-estoque {
    padding: 5px;
  }



  .politica-e-topo {
    display: flex;
    flex-direction: column;
    align-content: center;
    text-align: center;
  }


  .destaques .botao-anterior {
    left: 15 !important;
  }

  .destaques .botao-proximo {
    right: 15 !important;
  }

}
@media screen and (min-width: 576px) and (max-width: 767px) {

  /* Destaques */
  .destaque {
    width: 50%;
  }

  #navegacao-div {
    padding: 1px 0px;
  }

  .destaque-imagem {
    height: 160px;
  }

  .flex__insta {
    margin-bottom: 10%;
  }
  .div-destaque {
    padding: 0px 5px;
  }

  .informacoes-veiculo {
    padding: 5px;
  }

  .informacoes-veiculo span {
    font-size: 0.7em;
  }

  .titulo-veiculo {
    padding: 10px;
  }

  .titulo-veiculo h1 {
    font-size: 0.7em;
  }


  .titulo-veiculo p {
    font-size: 0.9em;
  }

  .container {
    padding: 0px;
  }

  #col-fone {
    margin: 10px 0px;
  }
}
@media screen and (min-width: 768px) {
  .divEstoqueBtn{
    padding: 0px 45px;
  }
}
@media screen and (max-width: 768px) {
    .paddingFooter{
      padding-bottom: 20px !important;
    }
  .form-group{
    padding:5px 0px;
  }
  .paddingTopo{
    padding-top:18px;
  }
  .ativo{
    display:none !important;
  }
  #cabecalho {
    padding: 55px 0px;
  }

  .header-flex {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
  }

  #hamburguer-item {
    display: flex;
    justify-content: center;
    align-content: center;
    width: 100vw;
  }

  #menu {
    flex-direction: column;
    justify-content: center;
    color: var(--color-terciary);
    padding: 0px;
  }

  .img__tel {
    justify-content: center;
  }

  #contato-span {
    align-content: left;
  }

  .div-area-busca {
    box-shadow: none;
  }

  .div-button {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-content: center;
  }


  #btn-estoque-busca {
    padding: 5px 0px;
    justify-content: start;
  }

  .bloco-btn-estoque {
    padding: 0px;
  }

  .bloco-btn-estoque2 {
    padding: 0px;
    text-align: center;
    display: flex;
    align-content: start;
    justify-content: start;
  }

  .card-destaque {
    box-shadow: none;
  }

  #btn-estoque-busca {
    padding: 5px 0px;
  }

  .div-bnt-busca {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }

  .inputs-nav {
    width: 100%;
  }

  #contatos-cliente {
    margin-bottom: 20px;
    padding-bottom: 0px;
    flex-direction: column;
  }

  .loc {
    flex-direction: column;
    text-align: center;
  }

  .endereco-mapa {
    margin-bottom: 20px;
  }

  #lupa span.span-texto-busca {
    border: 1px solid #cccccc;
  }


  #lupa span.span-lupa {
    border: 1px solid #008e42;
  }

  .endereco-mapa h4 {
    margin-bottom: 20px;
  }

  .politica-de-privacidade {
    justify-content: center;
    margin-bottom: 10px;
  }

  .atendimento-nome {
    margin: 20px 0px;
    font-size: 1.3em;
  }

  #contatos-cliente-meio {
    margin-top: 0px;
    height: 100%;
    text-align: bottom;
  }

  .navegacao {
    border: none;
    display: flex;
    flex-direction: row;
  }

  .div-para-topo {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-content: center;
  }

  .navegacao .div-button {
    display: flex;
    justify-content: center;
  }

  .acima-div-compartilhe {
    margin: 15px 0;
    border: 1px solid #eee;
  }

  .div-compartilhe {
    border-width: 0;
  }

  #img-mobile {
    display: flex;
    width: 100%;
    padding: 20px 0px;
  }

  .navegacao-logo-imagem {
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    top: 0px;
  }


  #navegacao-div {
    padding: 0px 0px;
    width: 100vw;
  }

  .titulo-marcas {
    text-align: left;
  }

  .texto-nossas-marcas,
  .texto-mapa {
    font-size: 1.5em;
  }

  .navegacao-lista {
    display: flex;
    flex-direction: column;
    text-align: center;
    justify-content: center;
    padding: 0px;
    margin: 0px;
    height: auto;
  }

  .navegacao-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .navegacao-lista .navegacao-link {
    font-size: 15px;
    padding: 7px 15px;
  }



  .inputs-nav {
    display: block;
  }

  .politica-e-topo {
    margin-top: 10px;
  }

  #col-fone {
    margin: 10px 0px;
  }

  .pg-veiculo {
    margin: 0px 10px;
  }

  .bloco-info-sobre-nos-direita,
  .bloco-info-sobre-nos {
    justify-content: center;
    flex-direction: column;
    display: flex;
    align-content: center;
    text-align: center;
  }

  .icone-sobre-nos-esquerda,
  .icone-sobre-nos-direta {
    margin: 0px;
  }

  .bloco-info-sobre-nos-direita,
  .bloco-info-sobre-nos {
    margin: 10px 0px;
  }

  .destaques .botao-anterior {
    left: 50px;
  }

  .destaques .botao-proximo {
    right: 50px;
  }

 
}
@media screen and (min-width: 769px) and (max-width: 991px) {
  .tituloDestaque::after{
    width: 186px;
    left: 416px;
  }
  .cabecalho-flex .col-lg-8 {
    padding: 0px 99px;
  }

  .img-mobile {
    padding: 40px 0px;
  }


  #img-mobile .navbar-brand {
    padding: 40px !important;
  }

  #texto-sobre-nos {
    text-align: center;
  }

  .navegacao-lista {
    justify-content: center;
  }

  #navegacao-div {
    padding: 2% 0%;
  }

  #btn-estoque-busca {
    padding: 5px 0px;
    justify-content: start;
  }

  .titulo-busca {
    font-size: 21px;
  }

  #col-fone {
    margin: 10px 0px;
  }

  #div-nav-contato {
    font-size: 0.9em;
  }
}
@media screen and (max-width: 991px) {
  .tituloDestaque{
    font-size: 21px;
    text-align: center;
  }
  .tituloDestaque::after{
    left: auto;
    margin-left: -230px;
    top: 59px;
    width: 230px;
  }
  .cabecalho-telefone,
  .cabecalho-dado {
    font-size: 10px;
  }

  #navegacao-div {
    padding: 0px;
    margin-right: 0px;
  }

  .navegacao .container {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .navegacao-logo-imagem {
    position: absolute;
    top: 9px;
    left: 50%;
    transform: translateX(-50%);
    margin: 0px;
  }

  .busca-titulo {
    font-size: 8px;
    text-align: center;
  }

  #div-nav-contato {
    font-size: 0.9em;
  }

  .container-maps {
    flex-wrap: wrap;
    flex-direction: column;
  }

  .mapa-frame {
    order: 1;
    width: 100%;
  }

  .infos-mapa {
    text-align: center;
    padding: 40px 0px;
    width: 100%;
  }

  .topo2 {
    position: static;
  }

  #div-btn-estoque {
    justify-content: center;
  }

  .titulo-marcas {
    text-align: center;
  }

  .titulo-mapa {
    text-align: center;
  }

  .margem-mobile {
    margin-top: 20px;
  }

}
@media screen and (min-width: 991px) and (max-width: 1199px) {

  .topo2 {
    position: static;
  }

  #menu {
    padding: 5px 0px;
  }

  .navegacao-item .busca-titulo {
    font-size: 10px;
  }

  .navegacao-link {
    font-size: 1em;
  }

  .div-nav-contato {
    font-size: 0.9em;
  }

  .cabecalho-telefone {
    display: flex;
    flex-direction: column;
  }

  #col-fone {
    display: none;
  }
}
@media screen and (min-width: 767px) and (max-width: 1199px) {
  .navegacao-link{
    display:flex;
    flex-flow:column;
    justify-content: center;
    text-align: center;
  }
  .link-background{
      padding: 9px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
  }
}