*,
html,
body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "texto";
}

@font-face {
  font-family: "titulo";
  src: url("../fonts/Russo_One/RussoOne-Regular.ttf");
}
@font-face {
  font-family: "texto";
  src: url("../fonts/Open_Sans/OpenSans-VariableFont_wdth,wght.ttf");
}
h1,
h2,
h3,
h4 {
  font-family: "titulo";
}

p {
  font-family: "texto";
  font-size: 16px;
}

.logo-container {
  background-color: #ea2c2f;
  display: inline-block;
  border-radius: 100%;
  border: 4px solid white;
}
.logo-container .logo {
  background-color: rgba(0, 0, 0, 0.1) !important;
  padding: 12px !important;
  display: inline-block;
  border-radius: 100%;
  padding: 22px !important;
}
.logo-container .logo div {
  display: inline-block !important;
  text-align: center;
}
.logo-container .logo h1 {
  margin: 0;
  font-family: "titulo" !important;
}
.logo-container .logo h1.mv {
  text-shadow: 3px 0 0 black !important;
  color: white;
  font-size: 52px;
}
.logo-container .logo h1.reboque {
  color: black !important;
  font-size: 16px;
}

.button {
  border: 2px solid white;
  background-color: black !important;
  color: white;
  border-radius: 5px;
  font-size: 23px;
  font-family: "titulo";
  padding: 6px 22px;
}
.button i {
  margin: 0 4px 0 0;
  font-size: 23px;
}

.button2 {
  border: 2px solid black;
  background-color: white !important;
  color: black;
  border-radius: 5px;
  font-size: 23px;
  font-family: "titulo";
  padding: 6px 22px;
}

a .button2:hover {
  border: 2px solid black;
  background-color: black !important;
  color: white;
}
a .button2 i {
  font-size: 23px;
}

a .button:hover {
  border: 2px solid white;
  background-color: white !important;
  color: black;
}
a .button i {
  font-size: 23px;
}

.card-c1 {
  background-color: white;
  color: black;
  border: 3px solid black;
  padding: 8px 8px 12px 8px;
  text-align: center;
}

.card-c2 {
  background-color: white;
  color: black;
  border: 3px solid black;
  padding: 8px 8px 12px 8px;
  text-align: center;
  box-shadow: -6px 6px 10px black;
}

h1 {
  font-size: 50px;
}

h2 {
  font-size: 28px;
}

h3 {
  font-size: 20px;
}

header.header-principal {
  position: sticky;
  background-color: #ea2c2f;
  color: white;
  top: 0;
  display: none;
  border-bottom: 1px solid black;
}
header.header-principal .logo-container {
  border-radius: 0px;
  border: 0;
}
header.header-principal .logo-container .logo {
  border-radius: 0px;
  padding: 12px 10px !important;
}
header.header-principal .contatos {
  display: inline-block;
  margin: 0 12px 0 0;
}
header.header-principal .contatos .numero {
  font-weight: 500;
}
header.header-principal .contatos .numero p, header.header-principal .contatos .numero strong {
  margin: 0;
  padding: 0;
}
header.header-principal .contatos .numero .telefone {
  margin: 6px 0 0 0;
}
header.header-principal .contatos .numero .telefone i {
  color: white;
}

main section.top-index-sec .bgPrimario {
  background: rgb(45, 45, 45);
  background: radial-gradient(circle, rgb(45, 45, 45) 0%, rgb(0, 0, 0) 100%);
  min-height: 700px;
}
main section.top-index-sec .bgPrimario .logo-container {
  border-radius: 100%;
}
main section.top-index-sec .bgPrimario .logo-container .logo {
  padding: 42px !important;
  border-radius: 100%;
}
main section.top-index-sec .bgPrimario .logo-container .logo h1.mv {
  text-shadow: 5px 0 0 black !important;
  font-size: 100px;
}
main section.top-index-sec .bgPrimario .logo-container .logo h1.reboque {
  color: black !important;
  font-size: 31px;
}
main section.top-index-sec .bgPrimario .top-index .icon-truck {
  display: none;
}
main section.top-index-sec .bgPrimario .top-index .icon-truck i {
  font-size: 136px;
}
main section.top-index-sec .bgPrimario .top-index i {
  color: #ea2c2f;
}
main section.top-index-sec .bgPrimario .top-index h1 {
  color: white;
}
main section.top-index-sec .bgPrimario .top-index h1 strong {
  font-family: "titulo";
  color: #ea2c2f;
}
main section.top-index-sec .bgPrimario .top-index button {
  background-color: white;
  border-radius: 5px;
  font-size: 23px;
  font-family: "titulo";
  padding: 6px 22px;
}
main section.top-index-sec .bgPrimario .top-index i {
  font-size: 23px;
}
main section.top-index-sec .bgPrimario .top-index div .cards {
  background-color: #ea2c2f;
  padding: 0 0 20px 0;
}
main section.top-index-sec .bgPrimario .top-index div .cards div .card-c1 {
  max-width: 360px;
  min-height: 271px;
}
main section.top-index-sec .bgPrimario .top-index div .cards div .card-c1 i {
  color: black;
  font-size: 64px;
}
main section.top-index-sec .bgPrimario .top-index div .cards div .card-c1 i.bi-lightning-charge-fill {
  font-size: 66px;
}
main section.top-index-sec .bgPrimario .top-index div .cards div .card-c1 i.bi-clock-fill {
  font-size: 62px;
}
main section.top-index-sec .bgPrimario .top-index div .cards div .card-c1 h3 {
  font-family: "texto";
  font-weight: 800;
}
main section.center-index h2 {
  font-size: 28px;
  color: white;
  background-color: black;
}
main section.center-index .cards div .card-c2 {
  max-width: 440px;
  min-height: 362.92px;
}
main section.center-index .cards div .card-c2 img {
  border: 3px solid black;
}
main section.center-index .cards div .card-c2 h3 {
  font-size: 16px;
}
main section.center-index-sec .divider h2 {
  font-size: 28px;
  color: white;
  background-color: black;
}
main section.center-index-sec .divider p, main section.center-index-sec .divider strong, main section.center-index-sec .divider strong {
  color: white;
  background-color: black;
  font-size: 18px;
}
main section.center-index-sec div a button i {
  color: #ea2c2f;
}
main section.center-index-sec div span i {
  color: #ea2c2f;
}
main footer .one {
  color: white;
  background-color: black;
  padding: 30px 0;
}
main footer .one p, main footer .one strong {
  font-size: 18px;
}
main footer .one .cartoes {
  width: 31%;
}
main footer .two {
  height: 32px;
  background-color: #ea2c2f;
}

.regioes .card-c1 {
  max-width: 422px;
  min-height: 271px;
  border-radius: 5px;
  border-width: 2px;
}
.regioes .card-c1 i {
  color: red;
  font-size: 64px;
}
.regioes .card-c1 h3 {
  font-family: "texto";
  font-size: 16px;
  font-weight: 800;
}

@media (max-width: 797px) {
  .button,
  a .button,
  .button i,
  .button2,
  a .button2,
  .button2 i {
    font-size: 22px !important;
  }
}
@media (max-width: 783px) {
  header.header-principal {
    display: flex;
  }
  .titulo-principal .logo-container {
    display: none;
  }
  .titulo-principal .icon-truck {
    display: block !important;
  }
  .titulo-principal h1 {
    font-size: 42px;
  }
  footer.footer-principal .one {
    display: flex;
    flex-flow: column wrap;
  }
  footer.footer-principal .one .logo-container {
    display: none;
  }
  footer.footer-principal .one > div {
    margin: 12px 0;
  }
  footer.footer-principal .one p, footer.footer-principal .one strong {
    font-size: 15px;
  }
  footer.footer-principal .one .cartoes {
    width: 100%;
  }
  .divider h2 {
    font-size: 24px !important;
  }
  .divider p, .divider strong {
    font-size: 16px !important;
  }
}
@media (max-width: 767px) {
  .button,
  a .button,
  .button i,
  .button2,
  a .button2,
  .button2 i {
    font-size: 21px !important;
  }
}
@media (max-width: 767px) {
  .button,
  a .button,
  .button i,
  .button2,
  a .button2,
  .button2 i {
    font-size: 20px !important;
  }
}
@media (max-width: 707px) {
  .button,
  a .button,
  .button i,
  .button2,
  a .button2,
  .button2 i {
    font-size: 19px !important;
  }
}
@media (max-width: 683px) {
  .divider h2 {
    font-size: 24px !important;
  }
  .divider p, .divider strong {
    font-size: 14px !important;
  }
}
@media (max-width: 677px) {
  .button,
  a .button,
  .button i,
  .button2,
  a .button2,
  .button2 i {
    font-size: 18px !important;
  }
}
@media (max-width: 665px) {
  header.header-principal .logo-container .logo h1.mv {
    font-size: 38px;
  }
  header.header-principal .logo-container .logo h1.reboque {
    font-size: 12px;
  }
  header.header-principal .contatos .numero p, header.header-principal .contatos .numero strong {
    font-size: 15px;
  }
  header.header-principal .contatos .numero .telefone i {
    color: white;
  }
  .titulo-principal h1 {
    font-size: 36px;
  }
  .botoes button {
    font-size: 18.1px !important;
  }
  .botoes a button {
    font-size: 18.1px;
  }
  .botoes span {
    font-size: 18.1px;
  }
}
@media (max-width: 650px) {
  .button,
  a .button,
  .button i,
  .button2,
  a .button2,
  .button2 i {
    font-size: 17px !important;
  }
}
@media (max-width: 650px) {
  .button,
  a .button,
  .button i,
  .button2,
  a .button2,
  .button2 i {
    font-size: 16px !important;
  }
}
@media (max-width: 605px) {
  .divider h2 {
    font-size: 22px !important;
  }
  .divider p, .divider strong {
    font-size: 13px !important;
  }
}
@media (max-width: 576px) {
  .titulo-principal h1 {
    font-size: 30.7px;
  }
  main section.top-index-sec .bgPrimario .top-index .icon-truck i {
    font-size: 130px;
  }
}
@media (max-width: 553px) {
  .divider h2 {
    font-size: 20px !important;
  }
  .divider p, .divider strong {
    font-size: 12px !important;
  }
}
@media (max-width: 520px) {
  .logo-container .logo h1.mv {
    font-size: 28px;
  }
  .logo-container .logo h1.reboque {
    font-size: 5px;
  }
  .icon-truck i {
    font-size: 120px !important;
  }
}
@media (max-width: 483px) {
  .titulo-principal h1 {
    font-size: 30px;
  }
}
@media (max-width: 471px) {
  .titulo-principal h1 {
    font-size: 28px;
  }
}
@media (max-width: 442px) {
  .titulo-principal h1 {
    font-size: 26px;
  }
  .icon-truck i {
    font-size: 110px !important;
  }
}
@media (max-width: 413px) {
  .titulo-principal h1 {
    font-size: 24px;
  }
  .icon-truck i {
    font-size: 100px !important;
  }
}
@media (max-width: 383px) {
  .titulo-principal h1 {
    font-size: 23px;
  }
}
@media (max-width: 375px) {
  .numero p {
    font-size: 12px !important;
  }
}
@media (max-width: 369px) {
  .titulo-principal h1 {
    font-size: 22px;
  }
  .icon-truck i {
    font-size: 90px !important;
  }
}
@media (max-width: 354px) {
  .titulo-principal h1 {
    font-size: 21px;
  }
}
@media (max-width: 340px) {
  .titulo-principal h1 {
    font-size: 20px;
  }
  .icon-truck i {
    font-size: 80px !important;
  }
}
@media (max-width: 325px) {
  .titulo-principal h1 {
    font-size: 19px;
  }
}
@media (max-width: 339px) {
  .titulo-principal h1 {
    font-size: 18px;
  }
}/*# sourceMappingURL=site.css.map */