:root {
  --principal: #64748b;
  --secundaria: #1a2e46;
  --terciaria: #01a0e4;
  --botao: #000;
  --highlight: #f1f5f9;
  --texto: #334155;
  --textosecundario: #fff;

  --header-altura: 100px;
  --recuo-aba-superior: 60px
}

@font-face {
  font-family: FontAwesome;
  src: url("https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.woff?v=4.7.0") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: optional
}

html {
  scroll-behavior: smooth
}

body {
  background: #fff;
  font-family: Rubik, sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-size: 14px;
  font-weight: 400;
  color: var(--texto);
  overflow-x: hidden
}

strong {
  font-weight: 500 !important
}

._formConsulta ._titulo span,
._menuicones .card-body span,
a,
footer ._footer a:focus,
footer ._footer a:hover {
  color: var(--terciaria)
}

a:focus {
  color: var(--principal)
}


header {
	background-color: #FFF;
   border-bottom: 1px solid #e2e8f0;
}
header .container {
    position: relative;
    z-index: 99;

    -webkit-transition: all .2s ease 0s;
    -moz-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
}
/* Affix */
header.scrolled .container ._logo img {
    max-width: 80px;
}
header ._navmenu .nav-link {
  padding: 8px 14px;
  border-radius: 0;
  font-size: 14px;
  font-weight: 500;
  color: #64748b;
  text-transform: uppercase;
  position: relative;
  overflow: hidden
}
header ._navmenu .nav-link.show,
header ._navmenu .nav-link.active,
header ._navmenu .nav-link:hover {
  color: var(--terciaria)
}
header ._navmenu .nav-item.dropdown .dropdown-menu {
  border-radius: 7px;
  border: 0;
  top: -2px !important;
  padding: 20px;
  box-shadow: 4px 8px 5px 3px rgba(0, 0, 0, .1);
  background: var(--highlight)
}
header ._navmenu .nav-item.dropdown .dropdown-item {
  color: #64748b;
  padding: 7px 5px;
  font-weight: 500;
  font-size: 14px
}
header ._navmenu .nav-item.dropdown .dropdown-item:active,
header ._navmenu .nav-item.dropdown .dropdown-item:hover {
  color: var(--terciaria);
  background-color: transparent
}
header ._navmenu_extra .btn-login {
  background-color: var(--highlight);
  color: var(--secundaria);
  font-size: 14px;
  font-weight: 500;
  text-transform: none;
  width: 142px;
}
header ._navmenu_extra .btn-login:hover {
  background-color: #e2e8f0;
  color: var(--texto)
}
header ._navmenu_extra .dropdown-menu a {
  color: var(--texto)
}
header ._navmenu_extra .dropdown-menu a:hover {
  color: var(--terciaria)
}
header ._navmenu_extra .btn-cadastro {
  background: var(--secundaria);
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  text-transform: none;
  width: 152px;
}
header ._navmenu_extra .btn-cadastro:hover {
  background: #15638b;
  color: #fff
}


._formConsulta ._titulo {
  font-size: 28px;
  line-height: 33px;
  font-weight: 800;
  color: var(--secundaria)
}

._formConsulta ._frase {
  font-size: 16px;
  line-height: 20px;
  color: var(--principal)
}

._formConsulta ._formulario button i {
  position: relative;
  top: 2px
}

.banner_ctn,
.banner_ctn ._item,
.banner_ctn .owl-item,
.banner_ctn .owl-stage,
.banner_ctn .owl-stage-outer {
  min-height: 300px
}

.banner_ctn ._item {
  background-position: top center;
  background-repeat: no-repeat;
  position: relative;
  width: 100%
}

.banner_ctn ._titulo {
  z-index: 3;
  font-size: 43px;
  font-weight: 500;
  line-height: normal;
  color: #fff;
  top: 0;
  bottom: 0;
  flex-direction: column;
  align-content: center
}

.banner_ctn ._titulo small {
  font-size: 14px;
  font-weight: 400
}

.banner_ctn .owl-dots {
  position: absolute;
  left: 0;
  right: 0;
  width: 50%;
  bottom: -40px
}

.formPlaca,
.formPlaca .card,
.modalAcesse form {
  position: relative
}

.banner_ctn .owl-dots button {
  display: inline-block
}

.banner_ctn .owl-dots button span {
  background-color: #dadbdc;
  width: 6px !important;
  height: 6px !important
}

.banner_ctn .owl-dots .owl-dot.active span {
  background-color: var(--terciaria) !important;
  transform: scale(2.2)
}

.formPlaca {
  z-index: 4
}

.formPlaca .nav {
  background-color: var(--highlight);
  padding: 5px
}

.formPlaca .nav li button {
  color: var(--secundaria);
  font-weight: 500;
padding: .5rem 9px;
}

.formPlaca .nav li .active {
  background-color: #fff;
  color: var(--secundaria)
}

.formPlaca ._frase {
  font-size: 13px
}

.formPlaca .card label {
  font-weight: 500
}

.formPlaca .btn-primary {
  background-color: #1A2E46;;
  border: 0;
  width: auto;
  display: inline-block;
  padding: 6px 10px !important
}

.float_contato {
  position: fixed;
  z-index: 30;
  bottom: 60px;
  right: 5%
}

.float_contato span {
  cursor: pointer;
  position: relative;
  background-color: var(--principal);
  border: 4px solid var(--secundaria);
  border-radius: 200px;
  width: 60px;
  height: 60px;
  padding: 14px 9px;
  display: block;
  z-index: 4
}

.float_contato:after,
.float_contato:before {
  content: "";
  border-radius: 200px;
  width: 60px;
  height: 60px;
  z-index: 2;
  display: block;
  top: 0;
  position: absolute
}

.float_contato:hover span {
  border-color: var(--terciaria)
}

.float_contato:after {
  background: rgba(255, 255, 255, .2);
  transform: scale(1.5);
  transform-origin: center
}

.float_contato:before {
  background: rgba(255, 255, 255, .15);
  transform: scale(2);
  transform-origin: center
}
footer ._footer {
  background-color: #f1f5f9 !important;
  border-top: 1px solid #e2e8f0;
  color: #0f172a
}

footer ._footer h4 {
  color: #0f172a;
  font-weight: 500;
  font-size: 16px
}

footer ._footer a {
  color: var(--textosecundario)
}

footer ._footer ul.nav li .nav-link {
  padding: 0 6px 6px 0;
  font-size: 16px;
  color: #64748b
}

footer ._footer ul.nav li a.nav-link:hover {
  color: var(--terciaria);
  text-decoration: underline
}
footer ._footer ul.nav li.fone a {
  color: #0f172a;
  font-size: 20px;
  font-weight: 500;
}
footer ._footer ul.nav li.email {
  color: #64748b
}

footer ._navmenu_social a {
  color: #64748b;
  font-size: 20px
}

footer ._copyright {
  font-size: 14px
}

.modalAcesse {
  width: 460px
}

.modalAcesse form input[type=password],
.modalAcesse form input[type=text] {
  padding-top: 12px;
  padding-bottom: 12px
}

.modalAcesse .btn-proximo {
  background-color: var(--principal);
  font-size: 16px;
  color: #fff;
  border-radius: 20px !important;
  position: absolute;
  right: 4px;
  top: 6px
}

.float_whatsapp {
  position: fixed;
  width: 65px;
  height: 65px;
  bottom: 50px;
  right: 15px;
  background-color: #25d366;
  border-radius: 50px;
  text-align: center;
  font-size: 40px;
  z-index: 999
}

.my-float_whatsapp {
  margin-top: 12px;
  color: #fff
}

.float_whatsapp:hover {
  background-color: #128c7e
}
@media (max-width:1199px) {
	header ._navmenu .nav-link {
		padding-left: 10px;
		padding-right: 10px;
	}
	header ._navmenu_extra .btn-login,
	header ._navmenu_extra .btn-cadastro {
		width: auto;
		min-width: 10px;
		padding-left: 10px;
		padding-right: 10px
	}
}
@media (max-width:767px) {

  .main-nav-mobile .btn-cadastro,
  .main-nav-mobile .btn-login {
   
    margin: 5px 10px !important
  }
  
  ._faleconosco:before {
    background-color: transparent
  }

  ._faleconosco ._info:before {
    right: 0
  }

  ._faleconosco ._titulo {
    font-size: 40px
  }

  .modalAcesse {
    width: 100%
  }

  .modalAcesse .btn {
    padding-top: 10px;
    padding-bottom: 10px;
    top: 2px;
    right: 2px
  }

  .banner_ctn ._titulo {
    align-content: start;
    padding: 50px 20px 0;
    font-size: 34px;
    width: auto;
    left: 0;
    right: 0;
    text-align: center
  }

  .banner_ctn ._titulo small {
    display: inline-block;
    line-height: 1.2;
    margin-top: 20px
  }

  .formPlaca .card {
    margin-left: 20px;
    margin-right: 20px
  }
}

@media (max-width:575px) {
  ._footer_info ._logo img {
    max-width: 100px
  }

  footer ._footer ._navmenu_social a {
    font-size: 30px !important
  }
}