:root{
--cinza:#1d1d1d;
--mostarda:#b27d1b;
--dark:#1d1d1d;
--amarela: #e6ae46;

}

@font-face {
    font-family: 'akz';
    src: url('fonts/Akzidenz-grotesk-be-bold-condensed.eot');
    src: url('fonts/Akzidenz-grotesk-be-bold-condensed.eot?#iefix') format('embedded-opentype'), font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'akz';
    src: url('fonts/AkzidenzGroteskBE-BoldCn.ttf') format('truetype'), url('fonts/AkzidenzGroteskBE-BoldCn.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'akz';
    src: url('fonts/Akzidenz-grotesk-be-bold-condensed.eot');
    src: url('fonts/Akzidenz-grotesk-be-bold-condensed.eot?#iefix') format('embedded-opentype'), font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'AkzidenzGroteskBE-BoldCn';
    src: url('fonts/AkzidenzGroteskBE-BoldCn.ttf') format('truetype'), url('fonts/AkzidenzGroteskBE-BoldCn.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'akz';
    src: url('fonts/Basic Commercial LT W04 Light.eot');
    src: url('fonts/Basic Commercial LT W04 Light.eot?#iefix') format('embedded-opentype'), font-weight: 100;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'akz';
    src: url('fonts/BasicCommercialLTW04-Light.ttf') format('truetype'), url('fonts/BasicCommercialLTW04-Light.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'akz';
    src: url('fonts/Basic Commercial SR W04 Bold.eot');
    src: url('fonts/Basic Commercial SR W04 Bold.eot?#iefix') format('embedded-opentype'), font-weight: 200;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'akz';
    src: url('fonts/Basic Commercial SR W04 Bold.ttf') format('truetype'), url('fonts/Basic Commercial SR W04 Bold.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

.text-mostarda{
    color: var(--mostarda);
}
.text-amarela{
    color: var(--amarela) !important;
}

.bg-cinza{
    background-color: var(--cinza)!important;
}

.bg-preto{
    background-color:  #000;
}

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

.g1{
    gap: 1rem;
}

.display-3 {
  font-size: 4.5rem;
  font-weight: bold !important;
  line-height: 1.2;
}

.btn.info {
  background-color: var(--amarela);
  color: #fff;
  text-transform: uppercase;
}

html{
    scroll-behavior: smooth;
    overflow-x: hidden;
}
body{
    font-family: 'akz' !important;
    background-color: #000;
}

.menu {
  position: absolute !important;
  right: 0;
  left: 0;
  margin: 0 auto;
  background-color: transparent;
}

.banner{
  height: 85vh;
  min-height: 650px;
  background-image: url('../img/onix.png');
  background-repeat: no-repeat;
  background-position: center center;
  text-transform: uppercase;
  margin-bottom: -5px
}

.banner h1 {
  color: #fff;
  font-size: 52px;
}

.banner h2 {
  color: #fff;
  font-size: 36px;
}

.banner span {
  color: var(--amarela);
}

.banner a {
  background-color: var(--amarela);
  color: #000;
  text-transform: uppercase;
  margin-top: 1rem
}

#location {
  background-color: #000;
}

#location .title{
  color: #fff;
  font-size: 4.75rem;
  text-transform: uppercase;
  text-align: center;
}

#location .nav-item a.active {
  border: none !important;
  background-color: var(--amarela) !important;
  color: #000;
}

#contato{
   background-color:  #000;
}

#planos{
  background-image: url('../img/bg-planos.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  
}

#melhoropc{

  background-image: url('../img/bg-financiar.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;


}

#revolucioinario{

  background-image: url('../img/bg-revolucionario.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;


}


#localizacao{
  background-image: url('../img/bg-mapa.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  
}

#duvidas{
  background-image: url('../img/bg-duvidas.png');
  background-position: left bottom;
  background-repeat: no-repeat;
  background-size: cover;

}

footer{

  background-image: url('../img/bg-planos.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;


}

.card{
  border-radius: 5px !important;
  letter-spacing: unset !important;
}


#quemsomos{
  background-image: url('../img/bg-quemsomos.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  
}

hr {
  margin-bottom: 1rem !important;
  margin-top: 1rem !important;
  border: 0 !important;
  border-top: 8px solid rgb(178 178 178) !important;
  width: 100px;
  text-align: left;
  margin: unset !important;
}

li{
  font-weight: 100 !important;
}


nav li {
  text-transform: uppercase !important;
}


@media (max-width: 800px){

  hr {
    display: none;
    
  }

  div#navbarText {
    background: #000000e8;
  
}

.navbar-collapse.collapse.show{
  display: flex;
}

.navbar{
  position: fixed !important;
  z-index: 99999;
}

button.navbar-toggler {
  background: #000;
}

  
}


.accordion .card-header{
  
  padding: 0px !important;
  border-bottom: 0px !important;
}
.card-body.text-white.font-weight-lighter {
  background: #000000c7;
  border-radius: 26px;
  border: 1px solid;
}


input::placeholder, select , textarea::placeholder{

  font-family: Arial, Helvetica, sans-serif !important;
  font-weight: bold !important;

}

a.nav-link:hover {
  font-size: 105% !important;
  color: #7f5301 !important;
}


@media (max-width: 1995px){
.imgcarro {
margin-top: 5rem;}
}

@media (max-width: 1000px){
  .imgcarro {
  margin-top: 7rem;
}
  }


  @media (max-width: 800px){

    #planos{
      background: #fff !important;
    }

    .card {
      
     padding: 1.7rem 1.2rem;  
      box-shadow: unset !important;

  }


  }