* {
  padding: 0;
  margin: 0;
}
html,
body {
  font-family: 'Roboto';
  height: 100%;
}
.wrap {
  min-height: 95%;
}
.border {
  border: 1px #008ab1 solid;
}
.header {
  border-bottom: 1px #ccc solid;
  position: relative;
}
.header .topo {
  padding: 0;
  background: #008ab1;
}
.header .topo .nav .nav-link {
  padding: 10px 15px;
  color: #fff;
  font-family: 'Poppins';
  font-weight: bolder;
}
.header .topo .nav .nav-link i {
  padding-right: 5px;
}
.header .topo .nav .nav-link i.fab {
  font-weight: normal;
}
.header .topo .nav .nav-item:last-child .nav-link {
  background: #008ab1;
}
.header .topo .logo-secundario {
  padding-left: 10px;
}
.header .topo .logo-secundario img {
  margin-top: 5px;
  width: 150px;
}
.header .topo .contato-link {
  font-size: 2.2em;
  color: #005792;
  margin-top: 5px;
  padding: 5px 15px;
}
.header .logo {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 35%;
  padding: 15px 15px 15px 20px;
  background: #f9f9f9;
}
.header .logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.header .logo::after {
  content: '';
  position: absolute;
  right: -99px;
  width: 100px;
  height: 100%;
  top: -1px;
  background: url(../img/triangulo.png) no-repeat left top;
  background-size: 100%;
}
.header .menu-principal {
  padding: 10px 0;
}
.header .menu-principal .navbar {
  padding: 0;
}
.header .menu-principal .navbar-toggler {
  color: #005792;
  border: 1px #005792 solid;
}
.header .menu-principal .nav-item {
  font-weight: 700;
  font-size: .9em;
}
.header .menu-principal .nav-item .nav-link {
  padding: 10px 15px;
  color: #383838;
  transition: .3s;
  text-align: center;
  text-transform: uppercase;
  font-family: 'Poppins';
  font-size: 1em;
  letter-spacing: 1px;
}
.header .menu-principal .nav-item .nav-link:hover,
.header .menu-principal .nav-item .nav-link:focus,
.header .menu-principal .nav-item .nav-link.active {
  color: #005792;
  background: transparent;
  transition: .3s;
}
.header .menu-principal .nav-item .nav-link.destaque {
  border: 2px #005792 solid;
  transition: .3s;
  color: #005792;
  background: url(../img/icon-carr.png) no-repeat left bottom;
  background-size: 62px;
  padding: 8px 15px 8px 70px;
}
.header .menu-principal .nav-item.dropdown:hover > .dropdown-menu {
  display: block;
  margin-top: 0px;
}
.header .menu-principal .nav-item.dropdown > .dropdown-toggle:active {
  /*Without this, clicking will make it sticky*/
  pointer-events: none;
}
.banner {
  position: relative;
  min-height: 500px;
}
.banner img {
  min-height: 500px;
  width: 100%;
  object-fit: cover;
}
.banner .form-banner {
  width: 350px;
  padding: 30px 15px 15px;
  position: absolute;
  top: 2em;
  right: 10%;
  background: #fff;
  border-radius: 5px;
}
.banner .form-banner .titulo-form {
  text-align: center;
  font-weight: bolder;
  font-size: 1.1em;
  color: #6a6a6a;
  text-transform: uppercase;
  font-family: 'Poppins';
}
.banner .form-banner .desc-form {
  font-size: .9em;
  text-align: center;
  font-weight: lighter;
}
.label-control {
  font-weight: bolder;
}
.section {
  padding: 3em 0;
}
.section-b-0 {
  padding-bottom: 0;
}
.section-hide {
  overflow: hidden;
}
.section-simule {
  background: #027b9d;
  padding: 2em 0;
}
.section-simule h1 {
  color: #fff;
  font-size: 2.5em;
  text-transform: uppercase;
  font-family: 'Poppins';
  font-weight: bolder;
}
.section-simule p {
  font-size: 1.5em;
  color: #fff;
  font-weight: lighter;
  margin-bottom: 0;
}
.section-atendimento {
  background: #f3f3f3 url(../img/banner-atendimento.jpg) no-repeat center center;
  background-size: cover;
  /* img {
        width: 100px;

        height: 100px;
    }

    .titulo-atendimento {
        margin-top: 20px;
        font-size: 1.3em;
        font-weight: bolder;
        color: #444;
        font-family: 'Poppins';
        text-transform: uppercase;

        span {
            color: @cl-3;
            font-size: 1.1em;
            text-transform: uppercase;
        }
    }

    .info {
        .link {
            color: @cl-3;
            font-weight: bolder;
            line-height: 1.6em;
            font-size: 2em;
            padding: 15px 0;
        }
        
        span {
            padding: 0 0 10px;
            line-height: 1.6em;
            color: #444;
        }
    } */
}
.section-atendimento a {
  display: block;
  text-align: right;
  font-family: 'Poppins';
  font-size: 2em;
  color: #383838;
  transition: .3s;
}
.section-atendimento a span {
  font-weight: bolder;
}
.section-atendimento a:hover,
.section-atendimento a:focus {
  text-decoration: none;
  color: #6a6a6a;
  transition: .3s;
}
.section-color {
  background: #f3f3f3;
}
.btn-default {
  background: #fb5f01;
  font-weight: bolder;
  color: #fff;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active {
  background: #005792;
  color: #fff;
}
.btn-black {
  background: #000;
  color: #005792 !important;
  font-weight: bolder;
}
.btn-simular {
  border-radius: 0;
  color: #fff;
  border: 2px #fff solid;
  display: block;
  font-size: 1.8em;
  width: 100%;
  padding: 15px 0;
  transition: .3s;
  transform: scale(1);
  margin-top: 10px;
  border-radius: 3px;
}
.btn-simular:hover,
.btn-simular:focus {
  background: #fff;
  color: #005792 !important;
  transition: .3s;
  transform: scale(1.1);
}
.jssocials-share {
  display: inline-block;
}
.slide-banners {
  margin: 15px 0;
}
.slide-banners img {
  width: 100%;
  height: 300px;
  object-fit: cover;
}
.titulo {
  font-weight: bolder;
  font-family: 'Poppins';
  font-size: 2.5em;
  color: #383838;
  text-align: center;
  margin-bottom: 10px;
}
.titulo small {
  font-weight: bolder;
  color: #6a6a6a;
  font-size: .8em;
}
.titulo-sm {
  font-weight: bolder;
  font-family: 'Poppins';
  font-size: 2.5em;
  color: #383838;
  text-align: center;
  margin-bottom: 10px;
  font-size: 1.2em;
  text-align: left;
}
.titulo-sm small {
  font-weight: bolder;
  color: #6a6a6a;
  font-size: .8em;
}
.titulo-m-b {
  margin-bottom: 20px;
}
.title-subtitle {
  font-weight: lighter;
  font-size: 1.1em;
  color: #888;
  text-align: center;
  padding: 15px 0;
  line-height: 1.6em;
}
.text-default {
  font-weight: lighter;
  color: #444;
  line-height: 1.6em;
}
.text-default img {
  margin: 15px 0 30px;
  border-radius: 10px;
  width: 100%;
}
.text-default ul,
.text-default ol {
  list-style-position: inside;
}
.descricao-veiculo b,
.descricao-veiculo strong {
  font-family: 'Poppins';
}
.descricao-veiculo .preco strong {
  font-size: 2em;
}
.card-veiculo {
  margin: 15px 0;
  border: 1px #dcdcdc solid;
  border-radius: 3px;
  -webkit-box-shadow: 2px 2px 18px -2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 2px 2px 18px -2px rgba(0, 0, 0, 0.2);
  box-shadow: 2px 2px 18px -2px rgba(0, 0, 0, 0.2);
  transition: .3s;
}
.card-veiculo img {
  width: 80%;
  height: 200px;
  object-fit: contain;
  margin: 0 10%;
}
.card-veiculo a {
  display: block;
}
.card-veiculo:hover {
  transition: .3s;
  -webkit-box-shadow: 6px 6px 18px -2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 6px 6px 18px -2px rgba(0, 0, 0, 0.2);
  box-shadow: 6px 6px 18px -2px rgba(0, 0, 0, 0.2);
}
.card-veiculo .caption {
  padding: 15px;
}
.card-veiculo .caption h3 {
  font-weight: bolder;
  text-transform: uppercase;
  font-family: 'Poppins';
  font-size: 1.2em;
}
.card-veiculo .caption h3 a {
  color: #000;
}
.card-veiculo .caption .categoria {
  color: #777;
}
.card-veiculo .caption .preco {
  font-family: 'Poppins';
  font-weight: lighter;
}
.card-veiculo .caption .preco span {
  font-weight: 900;
  font-size: 1.8em;
  color: #005792;
}
.card-veiculo .caption .btn {
  padding: 10px 0;
  text-transform: uppercase;
}
.card-funcionamento {
  background: #fff;
  padding: 15px;
  text-align: center;
  border-radius: 5px;
  margin: 15px 0;
  -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
}
.card-funcionamento h4 {
  font-weight: bolder;
  font-family: 'Poppins';
  font-size: 1.1em;
}
.card-funcionamento img {
  width: 40% !important;
  margin: 15px 30%;
}
.card-funcionamento p {
  font-size: .9em;
}
.card-funcionamento .caption {
  overflow: hidden;
}
.card-vantagem {
  margin: 15px 0;
  text-align: center;
  padding: 15px;
  border-radius: 5px;
  transition: .3s;
  border: 2px transparent solid;
}
.card-vantagem img {
  width: 100%;
  max-width: 120px;
  height: 70px;
  object-fit: contain;
  margin-bottom: 15px;
}
.card-vantagem h5 {
  font-weight: bolder;
  font-family: 'Poppins';
  color: #005792;
  font-size: 1.1em;
  padding-top: 20px;
  padding-bottom: 15px;
}
.card-vantagem .descricao {
  font-size: 1em;
  line-height: 1.6em;
}
.card-vantagem:hover {
  border-color: #005792;
  transition: .3s;
  transform: scale(1.05);
}
.card-noticia {
  background: #fff;
  border-radius: 5px;
  margin: 15px 0;
  /* -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2); */
}
.card-noticia a {
  display: block;
  position: relative;
}
.card-noticia a img {
  border-radius: 5px;
}
.card-noticia a span {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  transition: .3s;
  padding: 20px 15px 15px;
  position: absolute;
  display: block;
  bottom: 0;
  left: 0;
  right: 0;
  color: #fff;
  font-weight: bolder;
  background: rgba(0, 88, 146, 0);
  background: -moz-linear-gradient(top, rgba(0, 88, 146, 0) 0%, rgba(0, 88, 146, 0.84) 65%, rgba(0, 88, 146, 0.84) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 88, 146, 0)), color-stop(65%, rgba(0, 88, 146, 0.84)), color-stop(100%, rgba(0, 88, 146, 0.84)));
  background: -webkit-linear-gradient(top, rgba(0, 88, 146, 0) 0%, rgba(0, 88, 146, 0.84) 65%, rgba(0, 88, 146, 0.84) 100%);
  background: -o-linear-gradient(top, rgba(0, 88, 146, 0) 0%, rgba(0, 88, 146, 0.84) 65%, rgba(0, 88, 146, 0.84) 100%);
  background: -ms-linear-gradient(top, rgba(0, 88, 146, 0) 0%, rgba(0, 88, 146, 0.84) 65%, rgba(0, 88, 146, 0.84) 100%);
  background: linear-gradient(to bottom, rgba(0, 88, 146, 0) 0%, rgba(0, 88, 146, 0.84) 65%, rgba(0, 88, 146, 0.84) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#005892', endColorstr='#005892', GradientType=0);
  font-family: 'Poppins';
}
.card-noticia a:hover span,
.card-noticia a:focus span {
  text-decoration: none;
  transition: .3s;
  padding-bottom: 35px;
}
.card-noticia h4 {
  font-weight: bolder;
  font-family: 'Poppins';
  font-size: 1.2em;
}
.card-noticia h4 a {
  color: #000;
}
.card-noticia img {
  width: 100%;
  height: 200px;
  object-fit: cover;
}
.card-noticia p {
  font-size: .9em;
}
.card-noticia p a {
  color: #000;
}
.card-noticia .caption {
  padding: 15px 0 0;
}
.card-noticia .caption .btn-link {
  text-transform: uppercase;
  color: #6a6a6a;
  font-family: 'Poppins';
}
#slide-como-funciona .owl-nav .owl-next,
#slide-como-funciona .owl-nav .owl-prev {
  position: absolute;
  right: 40px;
  top: -50px;
  font-size: 2em;
  color: #383838;
}
#slide-como-funciona .owl-nav .owl-next:hover,
#slide-como-funciona .owl-nav .owl-prev:hover,
#slide-como-funciona .owl-nav .owl-next:focus,
#slide-como-funciona .owl-nav .owl-prev:focus {
  background: transparent;
}
#slide-como-funciona .owl-nav .owl-next {
  right: 0px;
}
.footer {
  border-top: 2px #ccc solid;
  background: url('../img/rodape-bg.jpg') no-repeat bottom center;
  background-size: cover;
  padding-top: 2em;
  color: #fff;
}
.footer .logo-footer {
  width: 100%;
  max-width: 250px;
}
.footer .title-ft {
  color: #fff;
  font-weight: bolder;
  display: block;
  margin-bottom: 10px;
  font-size: 1.1em;
}
.footer ul {
  list-style: none;
}
.footer ul i {
  color: #f9f9f9;
}
.footer ul li {
  font-size: .9em;
  padding: 5px 0;
}
.footer ul li a {
  color: #fff;
}
.footer ul .nav-item {
  padding: 0;
}
.footer ul .nav-item .nav-link {
  padding: 5px;
  width: 49%;
  float: left;
}
.footer .assinatura {
  margin-top: 2em;
  background: #282828;
  padding: 15px 0;
}
.footer .assinatura p {
  margin-bottom: 0;
  color: #fff;
  font-size: .9em;
  font-weight: lighter;
}
.footer .assinatura p a {
  color: #fff;
}
.footer .assinatura img {
  height: 50px;
}
.visible-xs {
  display: none !important;
}
@media screen and (max-width: 992px) {
  .header .logo {
    height: 95px;
  }
}
@media screen and (max-width: 768px) {
  .hidden-xs {
    display: none !important;
  }
  .slide-banners img {
    height: auto;
  }
  .banner {
    min-height: auto;
  }
  .banner img {
    min-height: auto;
  }
  .banner .form-banner {
    margin: 30px 5%;
    width: 90%;
    position: relative;
    top: auto;
    right: auto;
  }
  .titulo {
    font-size: 1.5em;
    padding: 0 10px;
  }
  .title-subtitle {
    padding: 15px;
    font-size: 1em;
  }
  .section-atendimento {
    text-align: center;
  }
  .section-atendimento .titulo-atendimento {
    margin: 2em 0;
  }
  .card-vantagem {
    margin: 15px 0;
    text-align: center;
  }
  .card-vantagem img {
    width: 100%;
    margin: 0 auto;
  }
  .footer {
    text-align: center;
  }
  .footer img {
    margin-bottom: 3em;
  }
  .visible-xs {
    display: block !important;
  }
  /* .btn-simular {
        position: fixed;
        bottom: 10px;
        font-size: 1em;
        z-index: 9999;
        color: #000;
    } */
  .card-noticia .img-card {
    width: 100%;
  }
  .card-noticia .img-card img {
    height: 100%;
  }
  .card-noticia .caption {
    width: 100%;
  }
  .card-noticia .caption .btn-default,
  .card-noticia .caption p {
    display: none;
  }
  .footer {
    margin-bottom: 80px;
  }
}
@media screen and (max-width: 768px) {
  .header .topo {
    /* .contato-link {
                font-size: 1.8em;
            } */
  }
  .header .topo .nav-link {
    font-size: 1.2em;
  }
  .header .topo .nav-link span {
    display: none;
  }
  .header .logo {
    height: 110px;
    width: 68%;
  }
  .header .logo::after {
    display: none;
  }
}
@media screen and (max-width: 450px) {
  .header .topo {
    padding: .5em 0;
  }
  .header .topo .contato-link {
    font-size: 1.4em;
    margin: 0;
  }
}
.alert {
  margin-bottom: 0;
}
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-Light.woff2') format('woff2'), url('../fonts/Roboto-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-Regular.woff2') format('woff2'), url('../fonts/Poppins-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-Bold.woff2') format('woff2'), url('../fonts/Poppins-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-Light.woff2') format('woff2'), url('../fonts/Poppins-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-Bold.woff2') format('woff2'), url('../fonts/Roboto-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}