@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Dosis:300,400,500,600,700");
@import url("https://fonts.googleapis.com/css?family=BenchNine");
.ml-5 {
  margin-left: 3rem !important;
}

.mr-5 {
  margin-right: 3rem !important;
}

.d-none {
  display: none;
}

.red {
  color: red !important;
}

html,
body {
  font-size: 1.2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-family: "Dosis", sans-serif;
}

a {
  color: #00a7dd;
}

a:hover {
  color: #017298;
}

ul, li {
  list-style: none;
  margin: 0 0 10px;
  padding: 0;
}

.img-full {
  width: 100%;
}

.white {
  background: #fff;
}

.title h3 {
  margin: 30px 0;
}

.titles {
  width: 100%;
  display: inline-block;
  position: relative;
  padding: 0.5rem 0;
  color: #182653;
  font-size: 2em;
  font-weight: 300;
  margin-top: 0.5rem;
}

.white-txt {
  color: #fff;
}

main {
  padding: 104px 0 0 0;
  min-height: 780px;
}

main .title {
  margin-top: 1rem;
}

/*Colors*/
.green {
  color: #a6d49e;
}

.trans-bg {
  position: relative;
  background: rgba(244, 119, 26, 0.9);
  padding: 120px 0;
}

::-moz-selection {
  background: #A9D0F5;
  color: #5F5A5A;
}

::selection {
  background: #A9D0F5;
  color: #5F5A5A;
}

/*------ For solid background color-----*/
section.solid-bg, #footer.solid-bg {
  background: #166183;
  padding: 120px 0;
}

#owl-demo .item img {
  display: block;
  width: 100%;
  height: auto;
}

/*
========================================================================
# Button styles
------------------------------------------------------------------------
*/
.orange {
  color: #F4771A;
}

.bg-orange {
  background: #F4771A;
}

.white-txt {
  color: #fff;
}

.bg-silver {
  background: #efefef;
}

.btn {
  font-weight: 700;
  text-transform: uppercase;
  border-radius: 2px;
  padding: 16px 30px;
  position: relative;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  width: 100%;
  max-width: 216px;
  margin: 4px 0;
}

.btn-large {
  width: 230px;
}

.btn-medium {
  width: 150px;
}

.btn-red {
  color: #fff;
  background: #182653;
  border-radius: 32px;
}

.btn-black {
  color: #fff;
  background: #d2ad66;
  border-radius: 32px;
}

.btn-black:hover {
  color: #182653 !important;
}

.btn-white {
  color: #fff;
  background: transparent;
  border: 1px solid #fff;
  border-radius: 32px;
}

.btn-white:hover {
  background: #fff;
  color: #182653;
}

/*
========================================================================
# Header styles
------------------------------------------------------------------------
*/
header {
  background-color: white;
  -webkit-box-shadow: 0 0 9px -5px #000;
  -moz-box-shadow: 0 0 9px -5px #000;
  box-shadow: 0 0 9px -5px #000;
  position: fixed;
  width: 100%;
  z-index: 99;
}

header #logo {
  margin: 10px 0;
}

header #logo {
  width: 70%;
  max-width: 338px;
}

header address {
  text-align: right;
}

header address h4 {
  color: #32528A;
}

header #rs-header {
  width: 100%;
  float: right;
  text-align: right;
}

header #rs-header a {
  display: inline-block;
}

/*
========================================================================
#  Menu styles
------------------------------------------------------------------------
*/
header .navbar {
  margin: 0;
}

header .navbar-default {
  background: #fff;
  border-color: transparent;
}

header .navbar-default .navbar-toggle {
  border-color: #fff;
  border: 0;
  border-radius: 2px;
  margin: 7px;
}

header .navbar-default .navbar-toggle .icon-bar {
  background-color: #fff !important;
}

header .nav > li {
  margin: 0;
}

header .navbar-default .navbar-nav {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

header .navbar-default .navbar-nav > li > a {
  color: #5A5954;
  padding: 0.5rem 1.5rem;
  text-transform: uppercase;
  font-weight: 500;
  transition-duration: 1s;
}

header .navbar-default .navbar-nav > li > a:hover {
  color: #fff !important;
  background: #182653 !important;
  border-radius: 32px;
}

header .navbar-default .navbar-nav > .active > a,
header .navbar-default .navbar-nav > .active > a:hover,
header .navbar-default .navbar-nav > .active > a:focus {
  background-color: #53C5CF !important;
  color: #fff;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
  background-color: #182653 !important;
  color: #fff !important;
}

header .dropdown-menu > li > a {
  padding: 8px 20px;
  text-transform: uppercase;
  font-size: 17px;
}

header .dropdown-menu > li > a:hover {
  background-color: #182653;
  color: #fff;
}

header .navbar-default .navbar-nav > li > a:hover,
header .navbar-default .navbar-nav > li > a:focus {
  color: #fff;
  border: none;
}

.navbar-default .navbar-toggle, .navbar-default .navbar-toggle:focus {
  background: #182653 !important;
}

.norm-img .trans-bg {
  background: rgba(0, 0, 0, 0);
}

/*
========================================================================
#  QUEM SOMOS
------------------------------------------------------------------------
*/
.intro {
  background: #182653;
  overflow: hidden;
  padding: 30px 0;
  padding-top: 0.5rem;
}
.intro .title {
  margin-top: 0;
}
.intro p.destaque {
  color: #d4af6d;
  font-size: 2rem;
  text-align: center;
  font-weight: bold;
}

.intro article p, .intro article div, .intro article span {
  text-align: left;
  color: #fff;
  font-size: 1em;
}

.intro aside img {
  width: 100%;
  border-radius: 20px;
}

/*
========================================================================
#  Serviços 
------------------------------------------------------------------------
*/
#servicos {
  overflow: hidden;
  margin: 0;
  padding: 40px 0;
  text-align: center;
}

.bx-sv {
  margin: 34px 0;
  text-align: center;
}

.bx-sv img {
  width: 100%;
  border-bottom-left-radius: 12px;
  border-top-right-radius: 12px;
}

.bx-sv img:hover {
  border-bottom-left-radius: 0px;
  border-top-right-radius: 0px;
  transition: 1s;
  opacity: 0.7;
}

.bx-sv h3 {
  width: 100%;
  min-height: 84px;
  font-size: 1.2em;
  color: #d2ad66;
  text-align: center;
  margin: 0;
  padding: 13px 0;
  font-weight: 400;
}

/*
.feature {
  background: url(../imgs/informacoes_bg.jpg) no-repeat fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: 0 0;
  overflow: hidden;
}
.feature-list-left li {
  text-align: right;
  padding-right: 80px;
}
.feature-list-left li, .feature-list-right li {
  position: relative; 
  margin-bottom: 30px;
}
.feature-list-left .feature-icon {
  position: absolute;
  top: 15%;
  right: 0px;
  width: 58px;
  height: 58px;  
}
.feature-list-left .feature-icon, .feature-list-right .feature-icon {
  width: 58px;
  height: 58px;
  text-align: center;
  line-height: 56px;
  color: #fff;
  border: 2px solid #fff;
  border-radius: 50%;
  -webkit-transition: all ease-in .4s;
  -moz-transition: all ease-in .4s;
  -o-transition: all ease-in .4s;
  -ms-transition: all ease-in .4s;
}
.feature-list-left .fa, .feature-list-right .fa {
  font-size: 23px;
  line-height: 56px;  
}
.feature-list-right .feature-detail {

}
.feature-list-right li {
  text-align: left;
  padding-left: 80px;
}
.feature-list-right .feature-icon {
  position: absolute;
  top: 15%;
  left: 0px;
  width: 58px;
  height: 58px;
}

.feature h4 {
  font-weight: 700;
  color: #fff;
}
.feature p {
  font-size: 14px;
  color: #fff;
} 
.feature-list-left li:hover .feature-icon, .feature-list-right li:hover .feature-icon {
  box-shadow: inset 0px 0px 0px 50px #fff;
  -webkit-box-shadow: inset 0px 0px 0px 50px #fff;
  -moz-box-shadow: inset 0px 0px 0px 50px #fff;
  color: #00A7DD;
  border: 2px solid transparent;
}
*/
/*

/*
========================================================================
#  Marcas 
------------------------------------------------------------------------
*/
.marcas img {
  width: 100%;
  max-width: 100%;
  height: 185px;
  margin: 25px 0;
}

.marcas button {
  margin: 15px 0;
}

.departamentos img {
  width: 100%;
  margin: 25px 0;
}

.departamentos button {
  margin: 15px 0;
}

/*
========================================================================
#   Depoimentos
------------------------------------------------------------------------
*/
#depoimentos .titles {
  color: #fff;
}

#depoimentos {
  background: url(../imgs/bg-dep.jpg) center no-repeat fixed;
  padding: 15px 0 60px;
  text-align: center;
}

#depoimentos #carouselDepoimentos .carousel-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#depoimentos .card {
  background-color: #182653cc;
  padding: 2rem;
  border-radius: 8px;
}

#depoimentos .card .card-body {
  color: #fff;
}

#depoimentos .bx-dep-hm {
  border-radius: 10px;
  border: 3px solid #fff;
  text-align: center;
  color: #fff;
  font-size: 0.8em;
  min-height: 235px;
  padding: 10px;
  background: rgba(255, 255, 255, 0.3);
}

#depoimentos .bx-dep-hm p {
  margin: 0;
  padding: 0;
  font-size: 1.2em;
  text-align: center;
}

#depoimentos .bx-dep-hm span {
  width: 100%;
  color: #182653;
  width: 100%;
  font-size: 3em;
  text-align: center;
  font-family: "BenchNine", sans-serif !important;
  display: inline-block;
}

#depoimentos .bx-dep-hm h3 {
  color: #fff;
  text-transform: uppercase;
}

#missao-visao-valores {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
#missao-visao-valores .content a {
  text-decoration: none;
  cursor: pointer;
}
#missao-visao-valores .content a .card-mvv {
  height: 206px;
  background-color: #d4af6d;
  padding: 1rem;
  border-radius: 8px;
}
#missao-visao-valores .content a .card-mvv .titulo {
  color: #fff;
  font-weight: bold;
}
#missao-visao-valores .content a .card-mvv .texto {
  color: #fff;
}

#faq .title {
  color: #737373;
}
#faq .faq-container {
  background-color: #182653;
  border-radius: 8px;
  padding: 1rem;
}
#faq .faq-container #accordionMenu .panel {
  background-color: #182653;
  color: #fff;
}

#fale-conosco #mais-opcoes {
  background: #182653;
  background: linear-gradient(90deg, #182653 47%, #006eff 100%);
  padding: 1rem;
  border-radius: 8px;
  color: #fff;
}
#fale-conosco #mais-opcoes .titles {
  color: #fff;
}
#fale-conosco #mais-opcoes a h4 {
  color: #fff;
}
#fale-conosco #mais-opcoes a p {
  color: #fff;
}

#beneficios {
  margin-top: 1rem;
}
#beneficios .container .beneficios-container {
  background-color: #2f3558;
  padding: 2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  border-radius: 8px;
}
#beneficios .container .beneficios-container .title {
  width: 100%;
  align-self: center;
  justify-self: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#beneficios .container .beneficios-container .title img {
  width: 20%;
  align-self: center;
  justify-self: center;
}
#beneficios .container .beneficios-container .title .titles {
  color: #fff;
  font-weight: bold;
  text-align: center;
}
#beneficios .container .beneficios-container .beneficios .beneficio {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
#beneficios .container .beneficios-container .beneficios .beneficio img {
  margin-right: 2rem;
}
#beneficios .container .beneficios-container .beneficios .beneficio .conteudo {
  color: #fff;
}
#beneficios .container .beneficios-container .beneficios .beneficio .conteudo .titulo {
  font-size: 1.5rem;
  color: #fff;
}

#login-cliente, #login-parceiro {
  background: url(../imgs/bg-login.jpg) left no-repeat;
  height: 1080px;
}
#login-cliente #formulario-box, #login-parceiro #formulario-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
}
#login-cliente #formulario-box #form-cadastro, #login-parceiro #formulario-box #form-cadastro {
  margin-top: 5rem;
}
#login-cliente #formulario-box #form-cadastro img, #login-parceiro #formulario-box #form-cadastro img {
  width: 80% !important;
  align-self: center;
  margin-bottom: 3rem;
}
#login-cliente #formulario-box #form-cadastro .form-group, #login-parceiro #formulario-box #form-cadastro .form-group {
  margin-bottom: 2rem;
}
#login-cliente #formulario-box #form-cadastro .form-group label, #login-parceiro #formulario-box #form-cadastro .form-group label {
  color: #fff;
  font-size: 2rem;
}
#login-cliente #formulario-box #form-cadastro button.btn-red, #login-parceiro #formulario-box #form-cadastro button.btn-red {
  border-radius: 8px;
  max-width: 100% !important;
  width: 100%;
}
#login-cliente #formulario-box #form-cadastro a.esqueci-minha-senha, #login-parceiro #formulario-box #form-cadastro a.esqueci-minha-senha {
  color: #fff;
  margin-top: 3rem;
  font-size: 2rem;
}
#login-cliente #formulario-box #form-cadastro a.btn-dourado, #login-parceiro #formulario-box #form-cadastro a.btn-dourado {
  background-color: #f3b365;
  color: #fff;
  margin-top: 2rem;
  border-radius: 8px;
  max-width: 100%;
}
#login-cliente #formulario-box #form-cadastro a.btn-dourado img, #login-parceiro #formulario-box #form-cadastro a.btn-dourado img {
  width: 24px !important;
  margin-bottom: 0;
  margin-left: 1rem;
}

#login-parceiro {
  background: url(../imgs/bg-login-parceiro.jpg) center no-repeat;
}

#form-dep {
  width: 100%;
  max-width: 500px;
  display: inline-block;
  margin: 10px auto 0;
  text-align: center;
}

#form-dep input, #form-dep textarea {
  width: 100%;
  margin: 10px 0;
  padding: 10px;
  border: 1px solid #d2ad66;
}

.depoimentos {
  border: 1px solid #d2ad66;
  padding: 20px;
  border-radius: 5px;
  background: #182653;
  color: #fff;
  text-align: center;
}

/*
========================================================================
#  Orçamentos
------------------------------------------------------------------------
*/
#orcamento {
  background: url(../imgs/bg-contato.jpg) center no-repeat;
  text-align: center;
}

#orcamento .titles {
  color: #fff;
}

#orcamento form {
  width: 100%;
  max-width: 430px;
  margin: 0 auto;
}

#orcamento input, .orcamento textarea {
  padding: 30px;
  background: white;
}

#orcamento textarea {
  min-height: 135px;
}

#orcamento h3 {
  color: #fff;
}

#orcamento form button {
  margin: 0 auto;
}

/*
========================================================================
#  Solicite uma Proposta
------------------------------------------------------------------------
*/
.soliciteproposta {
  width: 100%;
  background: #27568E;
  color: #fff;
  min-height: 215px;
  display: inline-block;
  text-align: center;
}

.soliciteproposta h2 {
  color: #fff !important;
}

.soliciteproposta button {
  border: 2px solid #F6BB1D;
  color: #F6BB1D;
  background: transparent;
}

#form-proposta {
  max-width: 500px;
  margin: 0 auto;
}

/*
========================================================================
#  Localização
------------------------------------------------------------------------
*/
.localizacao {
  width: 100%;
  background: #F3F8FE;
  display: inline-block;
  text-align: center;
}

.localizacao h3 {
  color: #27568E;
}

.localizacao h3 i {
  color: #F4BB24;
  font-size: 1.5em;
}

/*
========================================================================
#  - Galeria
------------------------------------------------------------------------
*/
.galeria a {
  min-height: 215px;
  display: inline-block;
}

.galeria img {
  width: 100%;
}

/*
========================================================================
# Formulario Styles
------------------------------------------------------------------------
*/
.large {
  width: 100%;
}

.medium {
  width: 70%;
}

.forms input, .forms textarea, .forms select {
  padding: 10px;
  background: white;
  border-radius: 4px;
  border: 1px solid #ccc;
  font-size: 0.7em;
}

.forms textarea {
  min-height: 135px;
}

.forms h3 {
  color: #fff;
}

.forms form button {
  margin: 0 auto;
}

.forms ul {
  list-style: none;
}

.forms fieldset {
  width: 100%;
  text-align: left;
}

.forms legend {
  width: 100%;
  display: inline-block;
  color: #01B3B3;
}

.forms label {
  color: #01B3B3;
  font-weight: 500;
  font-size: 0.7em;
}

.labelInline {
  display: inline !important;
}

/*
========================================================================
# 13 - Contact styles
------------------------------------------------------------------------
*/
section.contact {
  padding-top: 0;
  padding-bottom: 0;
}

section.contact > .container {
  margin-top: -180px;
}

.contact .nav-tabs {
  border-bottom: none;
  position: relative;
  z-index: 1;
}

.contact .nav-tabs li {
  float: none;
  display: inline-block;
  margin: 0 9% 25px;
}

.contact .nav-tabs > li > a {
  background: transparent;
  margin: 0;
  position: initial;
}

.contact .nav-tabs > li > a:hover {
  border-color: transparent transparent transparent;
}

.contact .nav > li > a:hover, .contact .nav > li > a:focus {
  text-decoration: none;
  background-color: transparent;
}

.contact .nav-tabs li .fa {
  background: #0aabe1;
  text-align: center;
  border-radius: 50%;
  color: #fff;
  font-size: 50px;
  height: 100px;
  line-height: 2;
  width: 100px;
  box-shadow: 0px 0px 0px 20px white;
  -webkit-box-shadow: 0px 0px 0px 20px white;
  -moz-box-shadow: 0px 0px 0px 20px white;
}

.contact .nav-tabs > li.active > a,
.contact .nav-tabs > li.active > a:hover,
.contact .nav-tabs > li.active > a:focus {
  border: 1px solid transparent;
}

.contact .nav-tabs li .fa:hover,
.contact .nav-tabs > li.active > a .fa,
.contact .nav-tabs > li.active > a:hover .fa,
.contact .nav-tabs > li.active > a:focus .fa {
  background: #fff;
  color: #0aabe1;
  border-radius: 50%;
  -webkit-box-shadow: 0px 0px 0px 20px rgba(255, 255, 255, 0.75);
  -moz-box-shadow: 0px 0px 0px 20px rgba(255, 255, 255, 0.75);
  box-shadow: 0px 0px 0px 20px rgba(255, 255, 255, 0.75);
}

.contact .btn {
  max-width: 570px !important;
}

main article div {
  line-height: 1.1;
}

/*
========================================================================
# Footer styles
------------------------------------------------------------------------
*/
#footer {
  background: #182653;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#footer #logofooter {
  margin: 13px 0;
}

#footer .copyright {
  font-size: 20px;
  position: relative;
  font-family: "Dosis", sans-serif;
  color: #fff;
}

#footer .copyright span {
  display: inline-block;
  margin-right: 5px;
  text-transform: uppercase;
  font-weight: 700;
}

#footer .copyright p {
  margin: 20px 0;
}

#footer h4 {
  line-height: 2;
}

#footer span {
  font-size: 0.7em;
}

#footer nav {
  width: 100%;
}

#footer nav ul li {
  width: 100%;
  display: block;
}

#footer nav ul li a {
  color: #fff;
  padding: 10px;
  border-radius: 32px;
}

#footer nav ul li a:hover {
  background: #d2ad66;
  color: #fff;
  padding: 10px;
}

#vantagens-consulta-marca .row .vantagem {
  background-color: #182653;
  padding: 2rem;
  border-radius: 32px;
  height: 100%;
  margin-bottom: 1rem;
  min-height: 213px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#vantagens-consulta-marca .row .vantagem h3.titulo {
  color: #fff;
}

#fale-conosco-marca {
  background-color: #182653;
  padding: 2rem;
  margin-bottom: 2rem;
  border-radius: 8px;
}
#fale-conosco-marca label {
  font-size: 1.5rem;
  color: #fff;
}

#fale-conosco .jumbotron {
  background: #182653;
  background: linear-gradient(90deg, #182653 47%, #006eff 100%);
}
#fale-conosco .jumbotron h1 {
  color: #fff;
  text-align: center;
}
#fale-conosco .jumbotron p.lead {
  text-align: center;
  color: #fff;
}
#fale-conosco .box a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #737373;
  text-decoration: none;
}
#fale-conosco #fale-conosco-form textarea {
  min-height: unset !important;
}
#fale-conosco #fale-conosco-form .btn-red {
  padding: 0.5rem 1.5rem;
}
#fale-conosco #mais-opções h2.titles {
  text-align: center;
  margin-top: 1rem;
}
#fale-conosco #mais-opções a {
  text-decoration: none;
  color: #737373;
}
#fale-conosco #mais-opções a h4 {
  color: #182653;
}
#fale-conosco #mais-opções a p {
  margin-bottom: 2rem;
}
#fale-conosco #mapa {
  margin-bottom: 2rem;
}
#fale-conosco #mapa .endereco {
  color: #737373;
}
#fale-conosco #mapa .enderecos .telefones a {
  text-decoration: none;
  color: #737373;
  font-size: 1.5rem;
}
#fale-conosco #mapa .enderecos .telefones b {
  color: #737373;
}
#fale-conosco .jumbotron2 {
  background: #006eff;
  background: linear-gradient(90deg, #006eff 0%, #182653 44%, #006eff 100%);
}
#fale-conosco .jumbotron2 .buttons .text-center {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
#fale-conosco .jumbotron2 .telefone-ajuda {
  color: #fff;
}
#fale-conosco .jumbotron2 .btn-primary {
  padding: 0.5rem 1.5rem;
  border-radius: 32px;
}
#fale-conosco .jumbotron2 .btn-outline-primary {
  margin-left: 1rem;
  border: 1px solid #fff;
  padding: 0.5rem 1.5rem;
  border-radius: 32px;
}
#fale-conosco .jumbotron2 .btn-outline-primary:hover {
  background-color: #fff;
  color: #182653;
}

#lgpd {
  position: fixed;
  z-index: 9999;
  bottom: 0;
  width: 100%;
  margin-top: -25px;
  cursor: pointer;
  color: #fff;
  text-align: left;
  padding: 10px;
  background: #182653;
}

#lgpd #fechar-lgpd {
  float: right;
  font-size: 1rem;
  padding: 0.15rem 0.5rem;
}

.social-icon {
  margin-bottom: 60px;
}

.social-icon a {
  margin: 0 16px 20px 16px;
  display: inline-block;
}

.social-icon .fa {
  font-size: 30px;
  color: #01B3B3;
  width: 80px;
  height: 80px;
  margin: 10px;
  border-radius: 50%;
  background: #fff;
  line-height: 2;
  border: 10px solid rgba(107, 197, 225, 0.48);
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
}

.social-icon a:active .fa,
.social-icon a.active .fa,
.social-icon a:hover .fa {
  border: 10px solid #fff;
  line-height: 2;
}

.norm-img .social-icon .fa {
  border: 10px solid rgba(32, 60, 69, 0.21);
}

#go-to-top a {
  text-decoration: none;
  display: none;
  position: fixed;
  bottom: 5px;
  right: 5px;
  text-align: center;
  line-height: 60px;
  margin: 0 20px 20px;
  background: url(../imgs/ui.totop.png) no-repeat left top;
  width: 51px;
  height: 51px;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
}

#go-to-top a:hover {
  background: #00a7dd;
  color: #fff;
  background: url(../imgs/ui.totop.png) no-repeat left -51px;
}

.img-fluid {
  width: 100% !important;
  height: auto;
}

#a-empresa {
  background-color: #182653;
  color: #fff;
  padding: 2rem;
  border-radius: 8px;
}

/** WhatsApp Fixed Icon **/
#whatsapp a {
  position: fixed;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  right: 6%;
  float: right;
  top: 85%;
  margin-top: -25px;
  cursor: pointer;
  width: 64px;
  height: 64px;
  color: #fff;
  text-align: center;
  padding: 0.5rem;
  margin: 0 auto 0 auto;
  -webkit-transition: All 0.5s ease;
  -moz-transition: All 0.5s ease;
  -o-transition: All 0.5s ease;
  -ms-transition: All 0.5s ease;
  transition: All 0.5s ease;
  border-radius: 50%;
  /*background: linear-gradient(to right, map_get($cores, 1), map_get($cores, 2), map_get($cores, 3));*/
  background: #0F9727;
  box-shadow: 2px 2px 15px #000;
}

#whatsapp a svg {
  font-size: 2em;
}

/*
========================================================================
# Blog styles
------------------------------------------------------------------------
*/
main .bx-news-hm {
  cursor: pointer;
}
main .bx-news-hm img {
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
}

main .bx-news-hm h3 {
  margin: 0 auto 20px;
  padding: 20px 0;
  color: #fff;
  font-weight: 300;
  font-size: 1em;
  background: #d2ad66;
  min-height: 96px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  text-align: center;
}

main .bx-news-hm h3 b {
  width: 100%;
  display: inline-block;
  font-size: 0.6em;
  color: #F8BC1F;
}

main .bx-news-hm h5 {
  width: 100%;
  text-align: justify;
  min-height: 80px;
}

main .menu-blog {
  list-style: none;
}

main .menu-blog {
  width: 100%;
  margin: 4% 0;
}

main .menu-blog li a {
  width: 100%;
  padding: 11px;
  background: #182653;
  font-size: 1.1em;
  display: block;
  color: #fff;
  margin: 2px 0;
  text-decoration: none;
}

main .menu-blog li a:hover {
  background: #d2ad66;
}

/*Busca blog*/
main .box-post {
  width: 100%;
  float: left;
  margin: 3% 0;
}

main .box-post img {
  width: 100%;
}

main .box-post h4 {
  color: #C02D31;
}

main #form-busca {
  width: 100%;
  float: left;
  margin: 16px 0;
}

main #form-busca input {
  width: 100%;
  max-width: 316px;
  padding: 4px;
}

main #form-busca button {
  width: 28px;
  padding: 7px;
  background: #182653;
  color: #fff;
}

main #content-news-detalhes,
main #content-news-detalhes article {
  width: 100%;
  float: left;
  text-align: justify;
}

main #content-news-detalhes h2 {
  font-size: 1.7em;
  color: #5F5A5A;
  font-weight: 400;
  margin: 4% 0 2%;
  text-transform: uppercase;
  width: 100%;
  float: left;
}

main #content-news-detalhes iframe {
  width: 100% !important;
  height: 570px !important;
}

main #content-news-detalhes #lateral-direita img {
  float: left;
  width: 100%;
}

main #news-laterais {
  width: 100%;
  float: left;
  margin: 2% 0;
}

main #news-laterais aside {
  border-bottom: 1px solid #efefef;
  padding: 2% 0;
}

main #news-laterais figure img {
  width: 100%;
  margin: 4px;
}

main #news-laterais h3 {
  width: 98%;
  float: left;
  text-align: left;
  margin: 8px 3px;
}

main #news-laterais h4 {
  color: #798289;
  font-size: 0.8em;
  text-align: left;
  font-weight: 400;
}

main #content-news-list .box-news {
  width: 100%;
  float: left;
  border: 1px solid #efefef;
  margin: 2% 0;
}

main #content-news-list .box-news h3 {
  color: #777;
  font-weight: 700;
  margin-bottom: 1%;
  text-transform: uppercase;
}

main #content-news-list .box-news figcaption {
  color: #182653;
}

main #content-news-list .box-news article,
main #content-news-list .box-news h3 {
  padding: 1%;
}

main #content-news-list figure img {
  width: 100%;
  float: left;
}

main #content-news-list button {
  float: right;
  margin: 2%;
}

.data-title-aside {
  color: #01B3B3;
}

/*Slider*/
.bs-slider {
  overflow: hidden;
  max-height: 980px;
  position: relative;
}

.bs-slider:hover {
  cursor: -moz-grab;
  cursor: -webkit-grab;
}

.bs-slider:active {
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}

.bs-slider .bs-slider-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.bs-slider > .carousel-inner > .item > img,
.bs-slider > .carousel-inner > .item > a > img {
  margin: auto;
  width: 100% !important;
}

/********************
*****Slide effect
**********************/
.fade {
  opacity: 1;
}

.fade .item {
  top: 0;
  z-index: 1;
  opacity: 0;
  width: 100%;
  position: absolute;
  left: 0 !important;
  display: block !important;
  -webkit-transition: opacity ease-in-out 1s;
  -moz-transition: opacity ease-in-out 1s;
  -ms-transition: opacity ease-in-out 1s;
  -o-transition: opacity ease-in-out 1s;
  transition: opacity ease-in-out 1s;
}

.fade .item:first-child {
  top: auto;
  position: relative;
}

.fade .item.active {
  opacity: 1;
  z-index: 2;
  -webkit-transition: opacity ease-in-out 1s;
  -moz-transition: opacity ease-in-out 1s;
  -ms-transition: opacity ease-in-out 1s;
  -o-transition: opacity ease-in-out 1s;
  transition: opacity ease-in-out 1s;
}

/*---------- LEFT/RIGHT ROUND CONTROL ----------*/
.control-round .carousel-control {
  top: 47%;
  opacity: 0;
  width: 45px;
  height: 45px;
  z-index: 100;
  color: #ffffff;
  display: block;
  font-size: 24px;
  cursor: pointer;
  overflow: hidden;
  line-height: 43px;
  text-shadow: none;
  position: absolute;
  font-weight: normal;
  background: transparent;
  -webkit-border-radius: 100px;
  border-radius: 100px;
}

.control-round:hover .carousel-control {
  opacity: 1;
}

.control-round .carousel-control.left {
  left: 1%;
}

.control-round .carousel-control.right {
  right: 1%;
}

.control-round .carousel-control.left:hover,
.control-round .carousel-control.right:hover {
  color: #fff;
  background: #182653;
  border: 0px transparent;
}

.control-round .carousel-control.left > span:nth-child(1) {
  left: 45%;
}

.control-round .carousel-control.right > span:nth-child(1) {
  right: 45%;
}

/*---------- INDICATORS CONTROL ----------*/
.indicators-line > .carousel-indicators {
  right: 50%;
  bottom: 3%;
  left: auto;
  width: 90%;
  height: 20px;
  font-size: 0;
  overflow-x: auto;
  text-align: right;
  overflow-y: hidden;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 1px;
  white-space: nowrap;
}

.indicators-line > .carousel-indicators li {
  padding: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #182653;
  text-indent: 0;
  overflow: hidden;
  text-align: left;
  position: relative;
  letter-spacing: 1px;
  background: #182653;
  -webkit-font-smoothing: antialiased;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  margin-right: 5px;
  -webkit-transition: all 0.5s cubic-bezier(0.22, 0.81, 0.01, 0.99);
  transition: all 0.5s cubic-bezier(0.22, 0.81, 0.01, 0.99);
  z-index: 10;
  cursor: pointer;
}

.indicators-line > .carousel-indicators li:last-child {
  margin-right: 0;
}

.indicators-line > .carousel-indicators .active {
  margin: 1px 5px 1px 1px;
  box-shadow: 0 0 0 2px #fff;
  background-color: transparent;
  position: relative;
  -webkit-transition: box-shadow 0.3s ease;
  -moz-transition: box-shadow 0.3s ease;
  -o-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  -webkit-transition: background-color 0.3s ease;
  -moz-transition: background-color 0.3s ease;
  -o-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}

.indicators-line > .carousel-indicators .active:before {
  transform: scale(0.5);
  background-color: #fff;
  content: "";
  position: absolute;
  left: -1px;
  top: -1px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  -webkit-transition: background-color 0.3s ease;
  -moz-transition: background-color 0.3s ease;
  -o-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}

/*---------- SLIDE CAPTION ----------*/
.slide_style_left {
  text-align: left !important;
}

.slide_style_right {
  text-align: right !important;
}

.slide_style_center {
  text-align: center !important;
}

.slide-text {
  left: 0;
  top: 25%;
  right: 0;
  margin: auto;
  padding: 10px;
  position: absolute;
  text-align: left;
  padding: 10px 85px;
}

.slide-text > h1 {
  padding: 0;
  color: #ffffff;
  font-size: 70px;
  font-style: normal;
  line-height: 84px;
  margin-bottom: 30px;
  letter-spacing: 1px;
  display: inline-block;
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s;
}

.slide-text > p {
  padding: 0;
  color: #ffffff;
  font-size: 20px;
  line-height: 24px;
  font-weight: 300;
  margin-bottom: 40px;
  letter-spacing: 1px;
  -webkit-animation-delay: 1.1s;
  animation-delay: 1.1s;
}

.slide-text > a.btn-default {
  color: #000;
  font-weight: 400;
  font-size: 13px;
  line-height: 15px;
  margin-right: 10px;
  text-align: center;
  padding: 17px 30px;
  white-space: nowrap;
  letter-spacing: 1px;
  display: inline-block;
  border: none;
  text-transform: uppercase;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
  transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
}

.slide-text > a.btn-primary {
  color: #ffffff;
  cursor: pointer;
  font-weight: 400;
  font-size: 13px;
  line-height: 15px;
  margin-left: 10px;
  text-align: center;
  padding: 17px 30px;
  white-space: nowrap;
  letter-spacing: 1px;
  background: #00bfff;
  display: inline-block;
  text-decoration: none;
  text-transform: uppercase;
  border: none;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
  transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
}

.slide-text > a:hover,
.slide-text > a:active {
  color: #ffffff;
  background: #222222;
  -webkit-transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
  transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
}

/*# sourceMappingURL=estilo.css.map */