#logo{ width:320px}
.ht-header .call#call-for-action {
    background-color: #ef6437;
}

#main { background-color: #EFEFEF; }
.container2 { background-color: #FFFFFF; }
.inventory-single {
    margin-bottom: 20px; }
    
.services-vehicles figure, .services-vehicles figcaption {
    width: auto;
}
.services-vehicles ul.services-vehicles-content{
    
    column-count: 1;
    column-gap: 0px;
}

.service-auto-repair .title p {
    padding: 0px;
}

.slick-next {
    right: 5px !important;
}

.slick-prev {
    left: 5px !important;
    z-index: 9999; 
}

.slick-dots {
    position: relative;
}
h4 {
    margin: 20px;
}
h5 {
  font-size: 18px;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    clear: both;
    line-height: 1;
    color: #333;
}
h2 { margin-bottom: 10px;
    color: #FFFFFF;
    text-decoration: underline;
    }
.car-item-1 .info h5 {   width: 70%;}
.car-item-1 .info .price { font-size: 15px; background-color: #ef6437; float:right; width: 198px; text-align: center; padding: 4px 0px 4px 0px;}
.pricenew { background-color: #28df50 !important; color: #000000 !important;}
.priceNew { font-size:10px; font-weight: 400}
.price-td { font-size: 20px !important; text-align: center; background-color: #ef6437; padding: 4px!important; font-weight: 900; color: #FFFFFF !important; }
.price-td small {color: #FFFFFF;}
.car-item-1 {display: block; }
.car-item-1 .fa {float: right; cursor: pointer;}
@media (max-width: 768px) .inventory-single { margin-bottom: 0px; }
.price { text-align: center; padding: 4px 20px !important; margin-right: auto; margin-left: auto; width:80%; border-radius: 6px;}
.financiamento { color: #ef6437; font-size: 14px;}
.label.label-reservado { background-color: #042BED; }
.label.label-vendido { background-color: #EA3604; }
.label.label-novidade { background-color: #FFEE00; }
div.add-to-compare-2 { width: 120px; }
.service-auto-repair { margin: 45px auto; }
.car-item-3 .car-item-description .price .amount { font-size: 36px; margin-right: 48px; text-align: center !important; }
.car-item-3 {background-color: #FFFFFF; margin-bottom:20px; border-radius: 4px;}
.address .address-text { padding: 15px 10px; border:0px;}
.address#address-2 .address-block .address-image img { height: auto;}
.ht-header .navbar-header img { padding: 5px 0; }
.services-vehicles ul.services-vehicles-content li:before { content: url(../images/icon-checked2.png);}

#enviarFinanciamento{background-color: #EF6437;}
.other-price { font-size: 13px !important; }
#footer {background-color: #232323; padding-bottom: 20px; padding-top: 20px;}

#footer p { padding-top: 10px; }

.sub-footer{line-height: 60px; background-color: #2A2A2A; text-align: center;}

#nomeRodape.form-control{ background-color: #FFFFFF; color: #000000;}
#telefoneRodape.form-control{background-color: #FFFFFF; color: #000000;}
#emailRodape.form-control{background-color: #FFFFFF; color: #000000;}
#entradaRodape.form-control{background-color: #FFFFFF; color: #000000;}
#viaturaRodape.form-control{ background-color: #FFFFFF; color: #000000;}



.filter-menu { margin: -60px auto 30px !important; }
#enviarSolicitacao{ background-color: #EF6437;}
.compare-check {width: 25px; height: 20px;}
div.add-to-compare-2 {
    height: 30px;
    line-height: 30px;
}
.item a { font-size: 16px; color: #545252}
.compare td { margin: 0px !important;}
.compare td:not(:first-child) {
     border-left: 0px solid #fff; */
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 12px;
}
.badge{
  float: right;
}

ul{ list-style: none outside;}

.jx-accordion-3 .circle .open .title, .jx-accordion-3 .circle .title:hover {background: #f7dc23;}

#mensagem{ color: #FFFFFF;}

#contact-form form input {
    text-transform: none;
}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .form-control {
    color: #FFFFFF;
}

.video {
    margin-bottom: 0px;
    margin-right: 5px;
    position: absolute;
    width: 82px;
    height: 120px;
    bottom: -84px;
    left: 10px;
    color: #fff !important;
}

.videoDetalhes{
  margin-bottom: 0px;
  margin-right: 5px;
  position: absolute;
  width: 85px;
  height: 20px;
  top: 145px;
  left: 20px;
  color: #fff !important;
  z-index:10000
}

.vendido {
    margin-bottom: 0px;
    margin-right: 10px;
    position: absolute;
    width: 100px;
    height: 120px;
    bottom: 0;
    right: 0;
    color: #fff !important;
}

.info-block{ width:60px;}
.youtube {
    margin-top: 5px;
    margin-left: 5px;
    position: absolute;
    width: 66px;
    height: 66px;
    top: 0;
    left: 0;
    color: #fff !important;
}
.reservado{
    margin-bottom: 9px;
    margin-right: 10px;
    position: absolute;
    width: 145px;
    bottom: 5px;
    right: 0px;
    /* transform: rotate(-10deg); */
    color: #fff !important;
}

.inventory-single .tabs-information .tab-content ul li:before {
  content: "\f14a"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
  font-size: 16px;
  font-weight: 700;
  margin-right: 3px;
  color: #ef6437;
}

.inventory-single-sidebar .vehicle-highlights li:before {
  content: "\f0a9" ; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  width: 1.3em; /* same as padding-left set on li */
  font-size: 16px;
  font-weight: 700;
  margin-right: 3px;
  color: #ef6437;
}
    
.inventory-single .tabs-information .tab-content * {
    font-family: 'Roboto Condensed', sans-serif;
}

.destaque{
  margin-top: 0px;
    position: absolute;
    bottom: 5px;
    width: 89px;
    right: 4px;
    color: #fff !important;
  
}

.localidadeVendido {
    position: absolute;
    width: 100%;
    height: 37px;
    bottom: 0;
    right: 0;
    margin-right: 10px;
    text-align: right;
    font-size: 21px;
    text-shadow: 1px 1px #FFFFFF;
    color: rgba(255, 255, 255, 0.50)!important;
}

.inventory-single .tabs-information .tab-content ul {
    margin: 0px;
}

  .botao-flutuante {
      position: fixed;
      bottom: 20px;
      right: 20px;
      z-index: 1000;
    }

    .botao-flutuante img {
      width: 60px;
      height: 60px;
      border-radius: 50%;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
      transition: transform 0.3s;
    }

    .botao-flutuante img:hover {
      transform: scale(1.1);
    }
  .floating-menu {
      position: fixed;
      bottom: 20px;
      right: 20px;
      z-index: 1000;
    }

    .main-button, .action-button {
      width: 60px;
      height: 60px;
      border-radius: 50%;
      border: none;
      background-color: #007bff;
      color: white;
      font-size: 24px;
      cursor: pointer;
      box-shadow: 0 4px 6px rgba(0,0,0,0.3);
      display: flex;
      align-items: center;
      justify-content: center;
      transition: transform 0.3s ease, opacity 0.3s ease;
    }

    .action-button img {
      width: 30px;
      height: 30px;
    }

    .action-button {
      position: absolute;
      bottom: 0;
      right: 0;
      opacity: 0;
      pointer-events: none;
      transform: translateY(0);
    }

    .floating-menu.open .action-button {
      opacity: 1;
      pointer-events: auto;
    }

    .floating-menu.open .action1 {
      transform: translateY(-70px);
    }

    .floating-menu.open .action2 {
      transform: translateY(-140px);
    }

    .floating-menu.open .action3 {
      transform: translateY(-210px);
    }

    .action-button:hover {
      transform: scale(1.1);
    }

    .tooltip {
      position: absolute;
      right: 70px;
      background: rgba(0, 0, 0, 0.8);
      color: #fff;
      padding: 5px 10px;
      border-radius: 6px;
      font-size: 14px;
      white-space: nowrap;
      opacity: 0;
      transition: opacity 0.2s ease;
      pointer-events: none;
    }

    .action-button:hover .tooltip {
      opacity: 1;
    }

    .main-button.open {
      background-color: #dc3545; /* Vermelho quando aberto */
    }

    .main-button img {
      width: 30px;
      height: 30px;
    }