ul {
  list-style-type: none;
}
a {
  text-decoration: none;
}



.w-50{
  width: 50%;
}
.w-60{
  width: 60%;
}
.w-70{
  width: 70%;
}
.v-align{
  position: absolute;
  top: 50%; 
  transform: translateY(-50%);
  height: 50%;
}
.ox-hidden{
  overflow-x: hidden;
}
.mainpl{
  padding-left: 4.3%;
}
.mainpr{
  padding-right: 4.3%;
}
.mainplBig{
  padding-left: 8.6%;
}
.mainprBig{
  padding-right: 8.6%;
}
.headingM{
  font-size: 26px;
  color: rgb(114, 123, 140);
  line-height: 1.6;
  font-weight: bold;
}
.sticky {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 100;
  border-top: 0;
  padding-left: 13%!important;
  padding-right: 13%!important;
  background-color: #cf51b8;
}
.lead{
  color: rgb(157, 162, 171)
}

body{
  font-family: 'Montserrat', sans-serif;
  /*font-family: 'Open Sans', sans-serif;*/
  overflow-x: hidden;
}

.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}

.container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

#exampleModal{position: relative; z-index: 99999999}
.btn-whatsapp {padding: 7px !important;
  font-size: 26px !important;
  width: 50px !important;
  height: 50px !important;
  text-align: center;
  text-decoration: none;
  background: #3abf4c;
  color: white;
  border-radius: 50%;
  position: fixed;
  bottom: 20px;
  float: right;
  z-index: 9999;
  display: block;
  right: 0;
  margin-right: 20px;
}
.btn-whatsapp i{font-size: 34px;}
.btn-whatsapp:hover {color: #fff !important; box-shadow: 0px 0px 0px rgb(1,1,1,0.1); transition: 0.2s}

#btn_simule{display: none;}
.simlue {padding: 7px !important; 
  font-size: 18px !important;    
  text-align: left;  text-decoration: none;  
  background: #37be44;  color: #fff;   border-radius:10px;   position:fixed;border: 1px solid #c3933e; 
  bottom: 40px; float: left; box-shadow: 1px 3px 0px rgb(1,1,1,0.1);  z-index: 999999;   display: block;  right: 10px;  margin-right: 90px; width: 110px !important;
}
.simlue:hover {color: #c3933e !important; background: #fff;  text-decoration: none; box-shadow: 0px 0px 0px rgb(1,1,1,0.1); transition: 0.2s
}

#preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  z-index: 999999;
}
#preloader .wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#preloader2 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(255,255,255,0.5);
  z-index: 999999;
}
#preloader2 .wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}


#cookie { box-shadow: 0 0 1em rgb(155, 155, 155,0.5); display: none; position: fixed; bottom: 0; margin-bottom: 20px; left: 5%; background: #faf8f7; color: #56504c; width: 90%; padding-top: 1.5%; padding-bottom: 1.5%; font-size: 1em;transition: 0.5s; z-index: 999;border:  1px solid #56504c; border-radius: 10px;}
#cookie div div {width: 75%; float: left; padding-left: 15px;}
#cookie a {text-decoration: underline;}
#cookie button {background: #faf8f7; color: #56504c; border: 1px solid #56504c; border-radius: 10px; float: right; font-size: 1.2em; width: 22%; padding-top: 1%; padding-bottom: 1%; font-weight: bold;}
#cookie button:hover{background: #f68634; color: #faf8f7;border: 1px solid #f68634; transition: .5s;}

#mensagem_simulacao{display: none; position: absolute; top: 0; width: 100%; height: 100vh; background: rgb(0,0,0,0.7); z-index: 9999999999}
.wrapper_mensagem{width: 50%; position: absolute; top: 30%; opacity: 0; transition: 1s;  background: #76b0d1; left: 50%; margin-left: -400px; padding: 30px; padding-bottom: 60px; text-align: center;}

#home-interna{
  height: 0px;
  margin-bottom: 0px;
  width: 100%;
  z-index: 99999999999;
  background: #fff;
  padding-left: 0%!important;
  padding-right: 0%!important;

}
#home-interna .backWrapper{
  width: 100%;
  height: 70px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background: #fff !important;
}

#home-interna nav.navbar{
  background: #fff;
  width: 100%;
  transition: all 0.3s ease-out;
  z-index: 99999;
}
#home-interna .navbar-nav a{
  color: #000;
  font-weight: bold;
  padding: 0.5rem 0.8rem;
  transition: all 0.3s linear;
  font-size: 0.9rem;
  border: 1px solid transparent;
}
#home-interna .navbar-nav li.buynow a{
  background: rgb(255,255,255,1);
}
#home-interna .navbar-nav a:hover,
#home-interna .navbar-nav a.active
{
  border-color: #fff;

  border-radius: 5px;
}
#home-interna .imgWrapper img{
  width: 100%;
  position: relative;
  top: 15px;
  background: rgb(255,255,255,1);
}

#home-interna .headerDesc{
  text-align: center;
  margin: 0 auto;
}

#home-interna .headerDesc h3{
  color: white;
  font-weight: bold;
  line-height: 45px;
  text-align: center;
}

#home-interna .navbar-toggler{
  float: right;
}

#home-interna .iconHolder{
  position: relative;
  top: -70px;
}
#home-interna .iconHolder a{
  color: #ffffff;
}
#home-interna .iconHolder a span{
  width: 30px;
  height: 30px;
  border: 1px solid #FFFFFF;
  border-radius: 100%;
  text-align: center;
  line-height: 30px;
  border-color: #FFFFFF;
  animation: arrowScale 2s cubic-bezier(0.68, -0.55, 0.27, 1.55) infinite;
}
#home-interna .iconHolder a > span{
  width: 45px;
  height: 45px;
  line-height: 45px;
  border-color: #cf51b8;
}
#home-interna .iconHolder a:hover span{
  animation: none;
}

#home-interna .sticky {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 999999999999;
  border-top: 0;
  padding-left: 13%!important;
  padding-right: 10%!important;
  background-color: #fff !important;
  border-bottom: 1px solid #f6f6f6;
  color: #000 !important;
}

#home-interna .sticky .navbar-nav a {
  color: #000 !important;
}


#simulador-emprestimo-consignado{ background-image: linear-gradient(to right, #96bbc2 , #aed3d9);}
.background_home{width: 100%; height: 90vh; margin-top: 110px; max-height: 880px; background: url(../img/background_home.png?v=4)center no-repeat; background-color: linear-gradient(to right, #98bdc4 , #98bdc4); }

.banner{width: 550px; margin-top: 110px; float: right; margin-left: -50px; text-align: left}
.banner h1{color: #FFFFFF; font-size: 50px; line-height: 48px; margin-bottom: 40px; text-shadow:  2px 2px rgba(0, 0, 0, 0.3)}
.banner p{color: #FFFFFF; font-size:  22px; line-height: 26px; text-shadow: 2px 2px rgba(0, 0, 0, 0.3)}

.banner button{width: 80%; color:#fff; background:#0fa600 ; font-size: 28px; padding-bottom: 15px; padding-top: 15px; margin-top: 25px; border:1px solid #0fa600; cursor: pointer}
.banner button:hover{background: #eeeceb; border: 1px solid #4f70ed; color:#4f70ed; transition: .3s}
.como-func{margin-top: 20px; height: 250px; margin-bottom: 20px; width: 100%; }
.como-func-1-img{width: 40%; float: left; text-align: center}
.como-func-1-txt{width: 60%; float: right;}

.como-func-2-img{width: 40%; float: right; text-align: center; margin-top: -50px;}
.como-func-2-txt{width: 60%; float: left; margin-top: 60px;}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
  color:    #e1e1e1; font-size: 12px !important;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
 color:    #e1e1e1;  font-size: 12px !important;
 opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
 color:    #e1e1e1;  font-size: 12px !important;
 opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color:    #e1e1e1;  font-size: 12px !important;
}
::-ms-input-placeholder { /* Microsoft Edge */
 color:    #e1e1e1;  font-size: 12px !important;
}

::placeholder { /* Most modern browsers support this now. */
 color:    #d0d0d0 !important;  font-size: 12px !important;
}

input{text-transform: uppercase;}
#bandeiras_pag{display: block}

.desc_melhor{width: 100%; padding-top:  100px; padding-bottom: 100px; background:linear-gradient(to bottom right, #4f70ed, #4f70ed); position: relative; z-index: 999; margin-top:  -180px;}
.desc_melhor_conteudo{width: 100%; margin-left: 100px; float: left; color: #fff; margin-top: 55px;}
.desc_melhor_conteudo h1{font-size: 38px;  margin-bottom: 0px; font-weight: bold;}
.desc_melhor_conteudo h2{font-size: 26px; line-height: 36px; margin-top: 45px; font-weight: bold;}
.desc_melhor_conteudo p{width: 572px; font-size: 16px; line-height: 26px;}
.desc_melhor ul{margin:  0; padding:  0px; list-style: none;}
.desc_melhor ul li{width: 20%; padding: 30px; float: left; margin-bottom: 30px; text-align: left; color:  #fff; }
.desc_melhor h1{font-size: 28px; padding: 0px; padding-bottom: 10px; padding-top: 25px; line-height: 38px}
.desc_melhor p{font-size: 16px;}

.desc_melhor2{width: 100%; padding-top:  100px; padding-bottom: 10px; background: linear-gradient(to bottom right, #4d6eeb, #4f70ed); position: relative; z-index: 999; margin-top: 0px; }
.desc_melhor2 h1{text-align: center; color:  #fff; padding-bottom: 20px; font-size:  32px; line-height: 42px;}
.desc_melhor2 ul{margin:  0; padding:  0px; list-style: none;}
.desc_melhor2 ul li{width: 33%; padding:  30px; float: left; margin-bottom: 30px; text-align: center; color:  #fff}

.desc_melhor2 ul li h1{font-size:  28px;}

.rodape{background: #292527; width: 100%; height: 620px; z-index: 10; margin-top: -20px; padding-top: 40px;}
.rodape3{background: #292527; width: 100%; height: auto; padding-top: 0px; padding-bottom: 30px; z-index: 10; margin-top: -60px;}
.rodape2{background: #161415; width: 100%; height: 40px; z-index: 10; text-align: center; margin-top:  -10px}
.rodape2 h1{font-size: 14px; color: #FFF; padding-top: 13px;}
.texto_rodape{width: 100%;  padding-top: 50px; color: #FFFFFF;}
.texto_rodape p{width: 100%; display: block; font-size: 15px; line-height: 20px; }


.interna-duvidas{width: 100%; margin-top: 100px; background: #f0f0f0}
.interna-duvidas h1{width: 100%; text-align: center; color: #161415; font-size: 38px; line-height: 48px; font-weight: bold; margin-bottom: 30px;}
.interna-duvidas h2{width: 100%; text-align: center; color: #161415; font-size: 26px; line-height: 36px; margin-bottom: 50px;}

.interna-duvidas ul{list-style: none; margin: 0px; padding: 0px}
.interna-duvidas ul li{ width: 100%; min-height: 70px; padding-top: 10px;}
.interna-duvidas ul li a{color: #161415; cursor: pointer;}
.interna-duvidas ul li a:hover{text-decoration: none;}
.interna-duvidas ul li a h4{color: #161415; float: left;  padding-left: 25px; width: 100%; font-size: 24px; line-height:50px; font-weight: bold;}
.interna-duvidas ul li a img{width: 18px; float: right; margin-top: 10px;}

.carrega-duvida h4{cursor: pointer; float: left; padding-left: 25px; color: #161415; font-weight: bold; font-size: 18px; line-height: 26px}
.carrega-duvida img{width: 18px; float: right; margin-top: 20px;}
.carrega-duvida p{border-bottom: 1px solid #161415; padding-bottom: 10px; padding-left: 25px; width: 100%; float: none; display: inline-block;  color: #161415; font-size: 16px; line-height: 35px;}

label{color: #000; font-size: 16px; padding: 0px; margin: 0px; line-height: 14px;}

.financiamento-txt{border-radius: 10px; margin-top: 70px; background: rgb(255,255,255,1); padding: 10px; width: 550px; margin-right: 0px; float: right; color: #16499f; text-align: center; position: relative; z-index: 990;
  box-shadow: 10px 5px 10px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 10px 5px 10px 5px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 10px 5px 10px 5px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 10px 5px 10px 5px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 10px 5px 10px 5px rgba(0, 0, 0, 0.1); max-height: 900px !important;
}
.financiamento-txt p {font-size: 18px;  padding: 0px; }
.financiamento-txt h1{font-size: 28px; font-weight: bold; margin-top: -5px; margin-bottom: 15px;}
.financiamento-txt span{font-size: 22px; margin-top: 25px; display: block; color: #161415}
.financiamento-txt button {cursor: pointer; width: 80%; padding-top: 10px; padding-bottom: 7px; margin-bottom: 10px; margin-top: 0px; background: #eb7d2c; color: #FFFFFF; text-transform: uppercase; text-align: center; font-size: 17px; border: none; border-radius: 25px; font-weight: bold; }
.financiamento-txt button:hover{background: #e0701e; transition: 0.2s;}

button#btn-simulacao-home-whats{ cursor: pointer; padding-top: 10px; padding-bottom: 7px; margin-bottom: 15px; margin-top: 25px; color: #FFFFFF; text-transform: uppercase; text-align: center; font-size: 17px; border: none; border-radius: 25px; font-weight: bold; width: 45%; float: left; text-align: left !important; border-radius: 3px; padding-left: 20px; margin-left: 20px; background: #25d366 }
button#btn-simulacao-home-whats:hover{background: #21b057; transition: 0.4s;}
button#btn-simulacao-home-email{cursor: pointer; width: 80%; padding-top: 10px; padding-bottom: 7px; margin-bottom: 15px; margin-top: 25px; background: #37be44; color: #FFFFFF; text-transform: uppercase; text-align: center; font-size: 17px; border: none; border-radius: 25px; font-weight: bold; width: 45%; float: right; text-align: left; border-radius: 3px;padding-left: 20px; margin-right: 20px; }
button#btn-simulacao-home-email:hover{ background: #00e87a; transition: 0.4s;}

button#btn-simulacao-home-whats2{ cursor: pointer; padding-top: 10px; padding-bottom: 7px; margin-bottom: 15px; margin-top: 25px; color: #FFFFFF; text-transform: uppercase; text-align: center; font-size: 17px; border: none; border-radius: 25px; font-weight: bold; width: 45%; float: left; text-align: left !important; border-radius: 3px; padding-left: 20px; margin-left: 20px; background: #25d366 }
button#btn-simulacao-home-whats2:hover{background: #21b057; transition: 0.4s;}
button#btn-simulacao-home-email2{ cursor: pointer; width: 80%; padding-top: 10px; padding-bottom: 7px; margin-bottom: 15px; margin-top: 25px; background: #37be44; color: #FFFFFF; text-transform: uppercase; text-align: center; font-size: 17px; border: none; border-radius: 25px; font-weight: bold; width: 45%; float: right; text-align: left; border-radius: 3px;padding-left: 20px; margin-right: 20px; }
button#btn-simulacao-home-email2:hover{ background: #00e87a; transition: 0.4s;}

.icon_whats{position: absolute; margin-top: -30px; margin-left: 30px; font-weight: bold; text-transform: normal}
.icon_email{position: absolute;  margin-top: -30px; margin-left: 30px; font-weight: bold; text-transform: normal}

.simule-home-valor{padding-top: 0px; width: 90%; margin: 0 auto;}
.simule-home-valor p {font-size: 38px; color: #526cb3; font-weight: bold; margin-bottom: 0px;}
.simule-home-valor p i{cursor: pointer; font-size: 24px; padding-top: 35px; color: #73aeff;}
.simule-home-valor span{font-size: 12px;}

#demo{transition: all 0.5s ease; border: none; float: left; width: 89%; font-size: 38px; color: #526cb3; font-weight: bold; border: 1px solid transparent; text-align: center}
#demo:hover{border-bottom: 1px solid #526cb3 !important;}
#demo:focus {border-bottom: 1px solid #526cb3 !important;}

#demo2{transition: all 0.5s ease; border: none; float: left; width: 89%; font-size: 38px; color: #526cb3; font-weight: bold; border: 1px solid transparent; text-align: center}
#demo2:hover{border-bottom: 1px solid #526cb3 !important;}
#demo2:focus {border-bottom: 1px solid #526cb3 !important;}

.menos{float: left}
.mais{float: right;}
.slidecontainer{width: 100%;}
.slider-valor {
  cursor: pointer;
  -webkit-appearance: none;
  width: 100%;
  height: 10px;
  background: #73aeff;
  outline: none;
  -webkit-transition: .2s;
  transition: opacity .2s;
}

.slider-valor:hover {
  opacity: 1;
}

.slider-valor::-webkit-slider-thumb {
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #3352ce;
  cursor: pointer;
  border: #3352ce;
}

.slider-valor::-moz-range-thumb {
  cursor: pointer;
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #3352ce;
  cursor: pointer;
  border: #3352ce;
}
.slider-valor::-moz-range-track{
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: transparent;
  cursor: pointer;
} 

.fina-como-funciona{width: 100%; background: #fff; height: auto; padding-bottom: 50px; padding-top: 50px; margin-bottom: -30px;}
.fina-como-funciona h1{color: #25344a; font-size: 38px; line-height: 48px;  margin-bottom: 30px; font-weight: bold; text-align: center}
.fina-como-funciona p{width:100%; margin: 0 auto; margin-bottom: 50px; font-size: 18px; line-height: 28px; text-align: center; color: #898989;}

.fina-como-funciona span{width: 100%; margin: 0 auto; font-size: 22px; color: #898989;}

.fina-como-funciona h2{width: 100%; color: #25344a; font-size: 26px; line-height: 36px; text-align: center;  margin-top: 100px; margin-bottom: 50px; font-weight: bold;}
.fina-como-funciona h3{width: 90%; margin: 0 auto; color: #25344a; font-size: 38px; line-height: 48px; text-align: center;  margin-top: 100px; margin-bottom: 50px; font-weight: bold;}
.fina-como-funciona h4{width: 100%; color: #25344a; font-size: 20px; line-height: 30px; text-align: center;  margin-top: 100px; margin-bottom: 30px; font-weight: bold;}

.button-avatar{width: 500px; margin: 0 auto; margin-bottom: 50px;}
.button-avatar button { cursor: pointer; width: 100%; padding-top: 10px; padding-bottom: 7px; margin-bottom: 15px; margin-top: 25px; background: #0fa600; color: #FFFFFF; text-transform: uppercase; text-align: center; font-size: 17px; border: none; border-radius: 25px; font-weight: bold; }
.button-avatar button:hover{background: #0d9200; transition: 0.4s;}


.descricao{width: 100%; background: #fff !important; padding-bottom: 100px;}

.descricao_ext img{width: 100%; height: auto; margin-bottom: 50px;}
.descricao_ext h1{margin-top: 60px; margin-bottom: 60px; font-weight: bold; float: left; color: #161415;  font-size: 38px; line-height: 48px; text-align: center; }
.descricao_ext p {color: #898989; font-size: 16px; line-height: 26px;}
.descricao_ext ul{list-style: disc;}
.descricao_ext ul li{margin-bottom: 20px; color: #898989; font-size: 16px; line-height: 26px}
.descricao_dir{width: 700px; float: left; }
.descricao_dir img{width: 25px; margin-left: -35px; height: 28px; float: left}
.descricao_dir h1{width: 700px; margin-top: -12px; margin-bottom: 40px; font-weight: bold; float: left; color: #161415;  font-size: 38px; line-height: 48px; }
.descricao_dir p {width: 580px; color: #898989; font-size: 16px; line-height: 26px;}
.descricao_esq{position: absolute; left: 50%; margin-left: 100px;  margin-top: 0px; overflow-x : hidden; overflow-y: hidden; z-index: 99}

.descricao_dir1{width: 50%; float: left; }
.descricao_dir1 img{width: 100%; height: auto;}
.descricao_dir1 h1{margin-top: -12px; margin-bottom: 40px; font-weight: bold; float: left; color: #161415;  font-size: 38px; line-height: 48px; }
.descricao_dir1 p {color: #898989; font-size: 16px; line-height: 26px;}
.descricao_esq1{width: 50%; float: right; padding-left: 30px; padding-top: 20px;}
.descricao_esq1 h1{margin-top: -12px; margin-bottom: 40px; font-weight: bold; float: left; color: #161415;  font-size: 38px; line-height: 48px; }
.descricao_esq1 p {color: #898989; font-size: 16px; line-height: 26px;}
.descricao_esq1 img{width: 100%; height: auto;}

.descricao_dir2{width: 50%; float: left; padding-left: 30px; padding-top: 100px; font-family: 'Montserrat', sans-serif;}
.descricao_dir2 img{width: 100%; height: auto;}
.descricao_dir2 h1{width: 100%; margin-top: -12px; margin-bottom: 40px; font-weight: bold; float: left; color: #161415;  font-size: 38px; line-height: 48px; }
.descricao_dir2 p {width: 100%;color: #898989; font-size: 16px; line-height: 26px;}
.descricao_dir2 ul{padding-left: 20px; list-style: disc}
.descricao_esq2{width: 50%; float: right; font-family: 'Montserrat', sans-serif;}
.descricao_esq2 h1{margin-top: -12px; margin-bottom: 40px; font-weight: bold; float: left; color: #161415;  font-size: 38px; line-height: 48px; }
.descricao_esq2 p {color: #898989; font-size: 16px; line-height: 26px;}
.descricao_esq2 img{width: 100%; height: auto;}

.vantagens{margin-top: 100px; background:  #fff !important}
.vantagens h1{text-align: center;  font-weight: bold; color: #161415;  font-size: 38px; line-height: 48px;}
.vantagens ul{padding-left: 0px; margin: 0px; list-style: none; margin: 0 auto; margin-top: 60px; }
.vantagens ul li{width: 40%; float: left; margin-bottom: 30px; margin-left: 7%; margin-right: 3%}
.vantagens ul li p{padding-left: 100px; margin-top: -60px; font-weight: 500; font-size: 18px;}
.vantagens ul li img{width: 80px; height: auto;}

#imagem1{padding-top:180px; }
#imagem2{margin-top: 25px; }
#imagem3{margin-top: -345px;}

.texto-contanto{width: 45%; float: left; padding-top: 40px;}
.texto-contanto h1{margin-bottom: 30px; font-weight: bold; color: #FFFFFF;  font-size: 28px; line-height: 48px;}
.texto-contanto p{margin-bottom: 15px; color: #FFFFFF; font-size: 16px; line-height: 22px;}

.formulario-contato{width: 50%; float: left; margin-left: 5%; padding-top: 30px;}
.formulario-contato label{color: #898989 !important}

.btn-enviar-contato{width: 70%; margin: 0 auto; text-align: center; margin-top: 50px;}
.btn-enviar-contato button{cursor: pointer; width:100%; padding-top: 10px; padding-bottom: 7px; margin-bottom: 10px; background: #37be44; color: #FFFFFF; text-transform: uppercase; text-align: center;  font-size: 17px; border: none; border-radius: 25px; font-weight: bold;}
.btn-enviar-contato button a{color: #FFFFFF;}
.btn-enviar-contato button:hover{background: #00e87a; transition: 0.4s;}

.link-social:hover{opacity: 0.5; transition: 0.5s}

#msg-final{width: 80%; margin: 0 auto; visibility: hidden; transition: 2s; margin-top: 10px; border: 1px solid #FFFFFF; color: #FFFFFF; text-align: center; font-size: 18px; border-radius: 15px; padding-top: 9px; padding-bottom: 0px;}
#msg-final h1{color: #FFFFFF; font-size: 26px; font-weight: bold; margin-bottom: 15px;}
#msg-final p{color: #FFFFFF; font-weight: 300; font-size: 16px; text-align: center; text-transform: none}
#msg-final a{color: #FFFFFF}

.bg-modelo{background: #FFFFFF; color: #7b7b7b; border: 1px solid #dddddd; }
.bg-modelo:hover{color: #73459b; border-color:#73459b}
.active{color: #FFFFFF}
.active:hover{color: #FFFFFF}

.ativo{background: #73459b; color: #FFFFFF}
.ativo:hover{background: #73459b; color: #FFFFFF}

.popup{display: none; width: 260px; height: 200px; padding-left: 40px; padding-right: 20px; padding-top: 25px; padding-bottom: 25px; position: fixed; bottom: 100px; left: 0; z-index: 9999; background: rgb(255, 255, 255, 0.95); border-bottom-right-radius: 10px; border-top-right-radius: 10px;box-shadow: 3px 3px 6px 0 rgba(0,0,0,.2);
  opacity: 0;
  transition: visibility 0s .7s,opacity .3s,transform .2s cubic-bezier(.25,.46,.45,.94);

  transition-property: visibility, opacity, transform;
  transition-duration: 0s, 0.3s, 0.2s;
  transition-timing-function: ease, ease, cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-delay: 0.7s, 0s, 0s;
}

.hidden {
  opacity: 0;
  transition: opacity 0.5s ease-in;
}

.show-me {
  opacity: 1;
  transition: visibility .3s 0s,opacity .7s,transform .7s cubic-bezier(.25,.46,.45,.94);

  transition-property: visibility, opacity, transform;
  transition-duration: 0.3s, 0.7s, 0.7s;
  transition-timing-function: ease, ease, cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-delay: 0s, 0s, 0s;
}

.popup h1{font-size: 20px; font-weight: bold; color: #161415}
.popup p{font-size: 14px; line-height: 24px; color: #898989}
.popup p a{color: #898989}
#fechar-popup{color: #898989; position: absolute; left: 220px; top: 10px; border: 0px; background: transparent; font-size: 20px;  cursor: pointer;}
#exclamacao-popup{color: #161415; position: absolute; left: 0px; top: 20px; border: 0px; background: transparent; font-size: 24px; cursor: pointer;}


#texto-popup{display: block;}
#texto-popup-responsivo{display: none;}

#texto-padding-left{text-align: justify; padding-left: 20px}

.link_ser{cursor: pointer}

.bg-simulador{background: linear-gradient(to right, #283850 0%, #283850 calc(50% - 180px), #e0e0e0 20%, #e0e0e0 100%); padding-top: 30px; padding-bottom: 150px;}

.campo-obrigatorio{float: none; margin-left: 5px; color: red; display: none;}
.campo-obrigatorio-2{float: right; margin-left: 3px; color: #c1c0c0 !important;}


.form-simulador{width: 50%; margin:0 auto; left: 50%; margin-left: 520px; }
.form-simulador h1{text-align: center; color: #25344a; font-size: 40px; line-height: 44px; font-weight: 500; margin-bottom: 50px;}
.form-simulador h2{text-align: center; color: #25344a; font-size: 25px; font-weight: lighter; margin-top: 0px; margin-bottom: -10px;}
.form-simulador h3{text-align: center; color: #25344a; font-size: 20px; font-weight: lighter; margin-bottom: 50px; margin-top: -45px;}
.form-simulador p span{margin-bottom: -10px; font-size: 14px; color: #968b89}
.form-simulador form{margin-top: 50px;}
.form-simulador label{color: #968b89 !important}

.texto-lateral{position: absolute; height: auto;  width: 350px; margin-left: calc(50% - 550px); text-align: left; margin-top: 100px;}
.texto-lateral h1{text-align: left; color: #FFFFFF; font-size:28px; line-height: 26px; font-weight: bold; margin-bottom:30px; margin-top: -45px;}
.texto-lateral h3{text-align: left; color: #FFFFFF; font-size:16px; line-height: 26px; font-weight: 500; margin-bottom:30px; margin-top: 0px;}
.texto-lateral p{text-align: left; color: #FFFFFF; font-size: 16x; margin-top: 0px; margin-bottom: 20px;}

#parcelas{display: none; transition: 2s; margin-top: 50px; border: 1px solid #25344a; color: #25344a; text-align: center; font-size: 18px; border-radius: 15px; padding-top: 25px; padding-bottom: 20px;}
#parcelas a{color: #25344a;}
#parcelas label{color: #25344a; font-size: 18px;}
#resultado{font-size: 32px !important; font-weight: bold !important; color: #22b14c !important;}

.btn-ver-parcelas{width: 80%; margin: 0 auto; text-align: center;}
.bg-ver-parcela{-webkit-box-shadow: 1px 5px 0px 1px #c2141b); -moz-box-shadow: 1px 5px 0px 1px #c2141b; box-shadow: 1px 5px 0px 1px #c2141b;  width: 80%; padding-top: 10px; padding-bottom: 7px; margin-bottom: 10px; margin-top: 30px; background: #ee1b24; color: #FFFFFF; text-transform: uppercase; text-align: center;  font-size: 17px; border: none; border-radius: 25px; font-weight: bold;}
.bg-ver-parcela:hover{-webkit-box-shadow: 1px 0px 0px 0px #c2141b); -moz-box-shadow: 1px 0px 0px 0px #c2141b;  box-shadow: 1px 0px 0px 0px #c2141b; background: #ee1b24; transition: 0.2s;}
#ver_parcelas:disabled,
#ver_parcelas[disabled]{
  border: 1px solid #999999;
  background-color: #cccccc;
  color: #666666;
  cursor: no-drop;
}
#ver_parcelas{cursor: pointer;}

.bg-resultado{-webkit-box-shadow: 1px 5px 0px 1px #f9b7a5); -moz-box-shadow: 1px 5px 0px 1px #f9b7a5; box-shadow: 1px 5px 0px 1px #f9b7a5; cursor: pointer; width: 80%; padding-top: 10px; padding-bottom: 7px; margin-bottom: 10px; margin-top: 30px; background: #f36c48; color: #FFFFFF; text-transform: uppercase; text-align: center;  font-size: 17px; border: none; border-radius: 25px; font-weight: bold;}
.bg-resultado:hover{-webkit-box-shadow: 1px 0px 0px 0px #f9b7a5);-moz-box-shadow: 1px 0px 0px 0px #f9b7a5; box-shadow: 1px 0px 0px 0px #f9b7a5; background: #f36c48; transition: 0.2s;}

.msg-restricao-cpf{display: none; background: #FFF; transition: 2s; border: 1px solid #73459b; padding-right: 15px; padding-left: 15px; margin-top: 30px; color: #73459b; text-align: center; font-size: 16px; line-height: 24px; border-radius: 15px; padding-top: 25px; padding-bottom: 20px;}
.msg-restricao-cpf p{padding-left: 35px; padding-right: 35px;}

.msg-cpf2{display: none;}
.msg-cpf-caixa2{z-index: 99999999; position: absolute; left: 50%; margin-left: 340px; margin-top: -70px; width: 160px; height: 100px; background: #f65a5a; color: #FFFFFF; text-align: center; padding: 15px;}
.seta-esquerda-cpf:before{content: ""; vertical-align: middle; width: 0; height: 0; position: absolute; left: 50%; margin-top: -45px;margin-left: 315px; border-top: 25px solid transparent; border-bottom: 25px solid transparent; border-right: 25px solid #f65a5a;}

.msg-valor{display: none;}
.msg-tipo-veiculo{display: none;}
.msg-valor-medio{display: none}
.msg-valor-medio-refi{display: none}
.msg-valor-maximo-imovel{display: none}
.msg-valor-caixa{z-index: 99999999; position: absolute; left: 50%; margin-left: 350px; margin-top: -85px; width: 210px; height: 140px; background: #5b9bd5; color: #FFFFFF; text-align: center; padding: 15px;}

.msg-valor-superior{display: none;}
.msg-valor-inferior{display: none;}

.msg-valor-imovel-superior{display: none;}
.msg-valor-imovel-inferior{display: none;}

#parcelas2{display: none; transition: 2s; margin-top: 50px; border: 1px solid #254ca1; color: #254ca1; text-align: center; font-size: 18px; border-radius: 15px; padding-top: 25px; padding-bottom: 20px;}
#parcelas2 a{color: #254ca1;}
#parcelas2 h1{color: #254ca1;}
#parcelas2 label{color: #254ca1; font-size: 18px;}

.select-tipo-home{width: 62%; padding-right: 0px; padding-left: 11px;}
.select-categoria-home{width: 80%; margin: 0 auto;}

#sobre{padding-top: 150px; width: 100%; background: #fff !important;}
#como-funciona{padding-top: 50px;}
#pa-virtual{padding-top: 0px; padding-bottom: 0px; width: 100%; background: #fff;}
#duvidas{padding-top: 30px; background: #f0f0f0; padding-bottom: 100px;}
#contato{padding-top: 20px;}

.seta-d{left: 50%; margin-top: -150px; margin-left: 520px; position: absolute;}
.seta-e{left: 50%; margin-top: -150px; margin-left: -620px; position: absolute;}

#msg-portabilidade{display: none}

#cadastro{display: none}
#resultado_parcelas{display: block; text-align: center; min-height: 200px;}
#resultado_parcelas a {background: #FFFFFF; border-radius: 10px; cursor: pointer; padding-top: 15px;padding-bottom: 15px;padding-right: 5px; padding-left: 5px; border: 1px solid #ccc; width: 100px; margin-bottom: 15px; float: left; margin-left: 10px;}
#resultado_parcelas a:hover{transition: 0.3s; color: #FFFFFF; background: #ee1b24; border-color: #c2141b;}


#titulos-dados{display: none;}
#resultado_parcelas2{display: none; text-align: center; min-height: 200px;}
#parcelas_restantes{min-height: 290px; padding: 15px 5px 15px 5px; margin-bottom: 20px; cursor: pointer; width: 32%; float: left; border-radius: 10px;  background: rgb(105, 181, 105); color: #FFFFFF !important;}
#parcelas_total{min-height: 290px; padding: 15px 5px 15px 5px; margin-bottom: 20px; cursor: pointer;  width: 32%; float: left; border-radius: 10px; background: rgb(82, 183, 191); color: #FFFFFF !important; margin-left: 10px; margin-right: 10px;}
#parcelas_restantes2{min-height: 290px; padding: 15px 5px 15px 5px; margin-bottom: 20px; cursor: pointer; width: 32%; float: left; border-radius: 10px;  background: rgb(105, 181, 105); color: #FFFFFF !important;}

#parcelas_restantes:hover{transition: 0.3s; background: rgb(202, 252, 202, 0.9); color: #000 !important;}
#parcelas_total:hover{transition: 0.3s; background: rgb(202, 248, 252, 0.9); color: #000 !important;}
#parcelas_restantes2:hover{transition: 0.3s; background: rgb(202, 252, 202, 0.9); color: #000 !important;}

#tipo_home{width: 100%; text-align: center; color: #fff; margin-top: 200px;}
#tipo_home h1{font-size: 38px; font-weight: bold; margin-bottom: 120px;}
#tipo_home button{border: 1px solid #fff; cursor: pointer; background: transparent; color: #fff; font-size: 24px; padding: 25px;}
#tipo_home button:hover{background: #fff; color: #425ba9; transition: 0.3s}

#btn_portabilidade{margin-left: 15px;}

#btn_veiculo{margin-top: 35px;}

.select-categoria-home button{margin-bottom: 10px; cursor: pointer; padding-top: 10px; width: 100px; margin-right: 20px; padding-bottom: 10px;z-index: 999; background: #fff; color: #425ba9; border: 1px solid #425ba9; }
.select-categoria-home button:hover{transition: 0.3s; background: #425ba9; color: #FFFFFF; border-color:#425ba9}
.active2{background: #425ba9 !important; color: #FFFFFF !important; border-color:#425ba9 !important}

.voltar_home{position: absolute; left: 50%; margin-left: -590px; margin-top: 600px;}
.btn_voltar_home{cursor: pointer; border: 1px solid #FFF; margin-bottom: 15px; background: transparent; color: #FFF; padding: 10px; }
.btn_voltar_home:hover{transition: 0.3s; border: 1px solid #FFF; background: #FFF; color: #425ba9;}
.active3{cursor: pointer;  border: 1px solid #FFF; background: #FFF; color: #425ba9; padding: 10px;}

#btn_governo{margin-right: 0px; width: 130px}

#contato-horario{display: none}
#num-whats{display: none;}


.btn-50 button{width: 49%; margin-left: 1%}
.btn-35 button{width: 35%; margin-left: 3%}
.btn-3 button{width: 32.5%; margin-left: 0%}
.btn-30 button{width: 30%; margin-left: 4%}
.btn-25 button{width: 24%;}
.btn-20 button{width: 19%;} 

.msg-restricao-cpf{display: none; background: #FFF; transition: 2s; border: 1px solid #73459b; padding-right: 15px; padding-left: 15px; margin-top: 30px; color: #73459b; text-align: center; font-size: 16px; line-height: 24px; border-radius: 15px; padding-top: 25px; padding-bottom: 20px;}
.msg-restricao-cpf p{padding-left: 35px; padding-right: 35px;}

#msg-nao-continuar-cpf{display: none; transition: 2s; margin-top: 15px; border: 1px solid #73459b; color: #73459b; text-align: center; font-size: 18px; border-radius: 15px; padding-top: 25px; padding-bottom: 20px;}
#msg-nao-continuar-cpf h1{color: #73459b; font-size: 38px; font-weight: bold; margin-bottom: 15px;}
#msg-nao-continuar-cpf p{color: #73459b; font-weight: 300; font-size: 16px; text-align: center; text-transform: none}
#msg-nao-continuar-cpf p label{color: #73459b;font-weight: 300; font-size: 16px;}
#msg-nao-continuar-cpf a{color: #73459b}


#msg-nao-continuar-cpf2{display: none; transition: 2s; margin-top: 50px; border: 1px solid #73459b; color: #73459b; text-align: center; font-size: 18px; border-radius: 15px; padding-top: 25px; padding-bottom: 20px;}
#msg-nao-continuar-cpf2 h1{color: #73459b; font-size: 38px; font-weight: bold; margin-bottom: 15px;}
#msg-nao-continuar-cpf2 p{color: #73459b; font-weight: 300; font-size: 16px; text-align: center; text-transform: none}
#msg-nao-continuar-cpf2 p label{color: #73459b;font-weight: 300; font-size: 16px;}
#msg-nao-continuar-cpf2 a{color: #73459b}

.msg-veiculo-nome{display: none; z-index: 99999999;}
.msg-veiculo-alienado{display: none; z-index: 99999999;}

#btn-voltar-site{display: none;}

.msg-restricao-loja{display: none; background: #FFF; transition: 2s; border: 1px solid #73459b; padding-right: 15px; padding-left: 15px; margin-top: 30px; color: #73459b; text-align: center; font-size: 16px; line-height: 26px; border-radius: 15px; padding-top: 25px; padding-bottom: 20px; margin-bottom: 25px;}
.msg-restricao-loja p{padding-left: 0px; padding-right: 0px; font-size: 15px;}

.btn-tipo-veiculo button{margin-left: 0px; width: 19%;}

.valor-veiculo{width: 100%; height: auto; padding-top: 25px; padding-bottom: 20px; border-radius: 10px; background: #FFFFFF; color: #73459b; display: none; border: 1px solid #73459b}
#valor-do-veiculo{color: #73459b; text-align: center; font-weight: 400}
#valor-financiar{color: #73459b; text-align: center; font-weight: 400}

#campos_form_modal{width: 80%; margin: 0 auto}

:root {
  --green: #1cbd2c;
  --grey: #c4c4c4;
  --white: #ffffff;
  --padding: 1em;

  --yellow: #496ff6;
  --light-yellow: #496ff6;
  --orange: #496ff6;
  --light-gray: #e3e4e8;
  --gray: #71738b;
  --light-blue: #7a7c93;
  --blue: #34385a;

  --slider-handle-size: 14px;
  --slider-handle-border-radius: 2px;
  --slider-handle-margin-top: -4px;
  --slider-track-height: 6px;
  --slider-track-border-radius: 4px;
}

.mainWrapper {
  width: 96%;
  min-width: 40ch;
  max-width: 75vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}

.statusBar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0;
  width: 100%;
  position: relative;
  cursor: default;
}

.statusBar::before {
  content: "";
  height: 0.3em;
  background-color: var(--grey);
  position: absolute;
  left: var(--padding);
  right: var(--padding);
}

.pBar {
  content: "";
  height: 0.3em;
  border-radius: 0 0 0.15em 0.15em;
  background-color: var(--green);
  max-width: 100%;
  margin: 10px #000000 solid;
  position: absolute;
  left: 0;
  width: 0%;
}

.statusBar > .node {
  background-color: var(--grey);
  height: 1.2em;
  width: 1.2em;
  border-radius: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.node > .text {
  font-weight: 200;
  color: var(--grey);
  text-align: center;
  position: absolute;
  top: 2.5em;
  cursor: ;
}

.node.done {
  background-color: var(--green);
}

.node > .text.done {
  color: var(--green);
}

.node > .main {
  position: absolute;
  border: 0.2em var(--grey) solid;
  width: 0;
  height: 0;
  border-radius: 100%;
}

.node > .main.done {
  border: 0.2em var(--green) solid;
  width: 2em;
  height: 2em;
  border-radius: 100%;
}

.mainWrapper > .buttonHolder {
  margin-top: 3em;
  display: flex;
  justify-content: center;
  align-items: center;
}

.button {
  padding: 0.5em;
  padding-left: 1em;
  padding-right: 1em;
  margin: 1em;
  font-size: 1.3em;
  border-radius: 1.5em;
  cursor: pointer;
}
.button.b-next {
  background-color: var(--green);
  color: var(--white);
}

.button.b-next:hover {
  box-shadow: 3px 5px 6px 0px rgba(0, 0, 0, 0.2);
}

.button.disabled,
.button.disabled:hover {
  opacity: 30%;
  cursor: default;
}

.button.b-next.disabled:hover {
  box-shadow: none;
}

.button.b-back {
  box-shadow: 0px 0px 0px 0.2em var(--green) inset;
  background-color: var(--white);
  color: var(--green);
}

#logo{height: 70px; width:auto; max-width: 300px;}

#check1{width: 100%; float: left}
#check2{margin-top:35px; margin-bottom: 50px; min-height: 90vh; padding-bottom: 80px;}
#logo2{height: 58px; width:auto; max-width: 300px;}
#l-div{float:right; text-align: right; margin-top: 40px;}
#l-div p{color:#7f7f7f; font-size: 14px;}
#desc1{width: 72%; float: left}
#desc2{width: 23%; float: right; margin-top: 50px; box-shadow: 0 0 15px 0 rgb(0 0 0 / 15%); border-radius: 0.6rem; padding: 1rem;}


.list-bene{display: none;}

.opc-pagamento{display: inline-block; margin-bottom: 15px; width: 100%;}
.btn-opc-pagamento{border: 1px solid #ccc; background: #fff;  border-radius: 5px; cursor: pointer; width: 24.5%; min-height: 90px;}
.btn-opc-pagamento i{font-size: 24px;}
.btn-opc-pagamento:hover{border: 1px solid #4f70ed; color:#4f70ed; transition: .3s}
.active-pagamento{background: #4f70ed; color: #fff; border: 1px solid #4f70ed;}
.active-pagamento:hover{color:#fff !important;}
.form-pag{border: 1px solid #e8e8e8; padding: 15px; padding-top: 25px; border-radius: 5px;}
.form-pag h3{font-size: 20px; color: #6e6e6e; margin-bottom: 15px;}

#pag-debito{display: none;}
#pag-pix{display: none;}
#pag-boleto{display: none;}

.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
}

.btn-circle.btn-lg {
  width: 50px;
  height: 50px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 25px;
}

.more_vantagens{width: 100%; padding-top: 50px; }
.p_div{width: 33%; text-align: center; float: left;}
.circulo{width: 200px; height: 200px; border: 5px solid #4f70ed; border-radius: 50%; background: #f0f1ec; position: relative; margin: 0 auto}
.circulo p {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 60px;
  font-weight: 500;
  color:#0a7500;
}
.p_div h2{margin-top: 20px; font-size: 22px; line-height: 22px; font-weight: 700; text-align: center; text-transform: uppercase;}
.cta_vantagens{font-size: 22px !important;line-height: 22px; margin-top: 80px;}

#precos{padding-top: 0px; padding-bottom: 30px;}
.precos h1{text-align: center;  font-weight: bold; color: #fff;  font-size: 38px; line-height: 48px;}

#app {
 text-align: center;
 padding-top: 3em;
 padding-bottom: 12vh;
 background-image: linear-gradient(to right top, #132e94, #2544ba, #4d6eeb, #4f70ed, #4f70ed);
 background-repeat: no-repeat;
 position: relative;
 overflow: hidden;
}
#app::before {
 content: "";
 position: absolute;
 left: -60%;
 top: 350px;
 display: block;
 width: 160%;
 height: 140vw;
 background-color: #fefefe;
 border-radius: 100% 0 0 0;
 border: none;
}

.price-table {
 display: inline-flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
 margin-top: 5em;
 position: relative;
}

@media screen and (min-width: 900px) {
 .price-table {
   flex-direction: row;
 }
}
.price-table h3 {
 font-size: 1.25em;
 font-weight: 500;
 text-transform: uppercase;
}
.price-table-block {
 letter-spacing: 0;
 display: flex;
 flex-direction: column;
 width: 21em;
 padding-top: 2.75em;
 padding-bottom: 2.75em;
 padding-right: 1.5em;
 padding-left: 1.5em;
 background-color: #fff;
 box-shadow: 0 10px 50px rgba(77, 110, 235, 0.225);
 overflow: hidden;
 height: 12em;
 cursor: pointer;
 transition: height 2000ms ease-in;
}

@media screen and (min-width: 900px) {
 .price-table-block {
   overflow: auto;
   height: auto;
   cursor: auto;
 }
}
#ptb2 h3 {
  color:rgb(77, 110, 235);;
 font-weight: 600;
 letter-spacing: 1px;
 margin: 0;
}
#ptb1 h3, #ptb3 h3 {
 color: #9b9b9b;
 font-weight: 400;
 letter-spacing: 1px;
 margin: 0;
}
@media screen and (min-width: 900px) {
 #ptb1 {
   border-top-left-radius: 1em;
   border-bottom-left-radius: 1em;
 }

 #ptb2 {
   width: 24em;
   padding-top: 5.5em;
   padding-bottom: 5.5em;
   border-radius: 1em;
   position: relative;
 }
 #ptb2 h3 {
   font-weight: 700;
   letter-spacing: 1px;
   margin: 0;
   font-size: 2em;
 } 
  #ptb3 {
   border-top-right-radius: 1em;
   border-bottom-right-radius: 1em;
 }
}
.price-table-price, .price-table-price__primary {
 font-size: 3.55em;
 font-weight: 500;
 line-height: 1;
 padding-top: 1.75rem;
}
.price-table-price span, .price-table-price__primary span {
 display: block;
 font-size: 1rem;
 font-weight: 500;
 line-height: 1;
 padding-top: 0.1875rem;
 color: #8e98bf !important;
}

.price-table-price p, .price-table-price__primary p {
 display: block;
 font-size: 1rem;
 font-weight: 500;
 line-height: 1;
 padding-top: 0.1875rem;
 color:red !important;
}
.price-table-price {
 color:#9a9a9a;
}
.price-table-price__primary {
 color:#4d6eeb;
}
.price-table-contents {
 color: #9a9a9a;
 font-size: 0.925em;
 font-weight: 400;
 list-style-type: none;
 margin: 3.125em 0 2em;
 padding: 0;
}
.price-table-contents li {
 padding: 0 0 1em;
}
.price-table-contents__title, .price-table-contents__title-primary {
 background-clip: text;
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;
}
.price-table-contents__title {
 background-image: linear-gradient(to right top, #97c1d5, #74a5c1, #5389ad, #316e99, #015385);
}
.price-table-contents__title-primary {
 background-image: linear-gradient(to right top, #4d6eeb, #4d6eeb, #4d6eeb, #4d6eeb, #4d6eeb);
}
.price-table .open-Price {
 height: auto;
}
.price-table-minimum {
 color: #b6b6b6;
 font-size: 0.75em;
 margin-top: 1em;
}
.btn2 {
 color: #fff;
 font-size: 0.9em;
 font-weight: 500;
 line-height: 1;
 letter-spacing: 1px;
 text-decoration: inherit;
 text-transform: uppercase;
 display: inline-block;
 padding: 1em 1.25em;
 margin: 0 auto;
 border-radius: 0.5em;
 background-color: #0fa600;
 box-shadow: 0 0 0 rgba(0, 0, 0, 0.225);
 transition: background-color, box-shadow 200ms ease;
}
.btn2:hover {
 background-color: #0d9200;
 color:#fff; text-decoration: none;
 box-shadow: 0 10px 30px rgba(0, 0, 0, 0.125);
}

.btn1 {
 color: #fff;
 font-size: 0.9em;
 font-weight: 500;
 line-height: 1;
 letter-spacing: 1px;
 text-decoration: inherit;
 text-transform: uppercase;
 display: inline-block;
 padding: 1em 1.25em;
 margin: 0 auto;
 border-radius: 0.5em;
 background-color: #ccc;
 box-shadow: 0 0 0 rgba(0, 0, 0, 0.225);
 transition: background-color, box-shadow 200ms ease;
 width: 100%;
}
.btn1:hover {
 color:#fff; text-decoration: none;
}

/*.btn-primary {
 background-color: #07a661;
 background-image: linear-gradient(to right top, #07a661, #07a661, #07a661, #07a661, #07a661);
 box-shadow: 0 0 0 rgba(7, 166, 97, 0.225);
 transition: box-shadow 200ms ease;
}
.btn-primary:hover {
 background-image: linear-gradient(to right top, #04874e, #04874e, #04874e, #04874e, #04874e);
 box-shadow: 0 10px 30px rgba(4, 135, 78, 0.225);
}*/

@media screen and (max-width: 1439px) {
  #home-interna{
    padding-left: 3%!important;
    padding-right: 3%!important;
  }
  #home-interna .sticky {
    padding-left: 10%!important;
    padding-right: 10%!important;
    background-color: #FFFFFF;
  }
  .sticky {
    padding-left: 5%!important;
    padding-right: 5%!important;
  }
  

  #tipo_home button{margin-bottom: 20px;}
  #btn_portabilidade{margin-left: 0px;}
  .voltar_home{margin-top: 78vh;}
}

@media screen and (max-width: 1400px) {
  .background_home{max-height: 1000px !important;}
  .banner{margin-top: 80px;}
  .banner h1{font-size: 44px; line-height: 42px; margin-bottom: 30px;}
  .banner p{color: #FFFFFF; font-size:  22px; line-height: 26px; text-shadow: 2px 2px rgba(0, 0, 0, 0.3)}

  #home-interna .sticky {padding-left: 2%!important; padding-right: 2%!important;}

}

@media screen and (max-width: 1200px) {
  #home-interna{
    padding-left: 1%!important;
    padding-right: 1%!important;
  }

  #home-interna .sticky {
    padding-left: 1%!important;
    padding-right: 1%!important;
  }
  .sticky {
    padding-left: 0%!important;
    padding-right: 1%!important;
  }

  #home-interna .navbar-nav a{
    color: #000;
    font-weight: bold;
    padding: 0.5rem 0.5rem;
    transition: all 0.3s linear;
    font-size: 0.9rem;
    border: 1px solid transparent;
  }

  .como_funciona{height: auto; margin-bottom: 400px;}

  .texto_rodape p{width: 100%; display: block; font-size: 15px; line-height: 20px; }

  .financiamento-txt{ padding: 5px; width: 450px; margin-top: 20px;} 
  .desc_melhor_conteudo{width: 572px; margin-left: 0px; }
  .desc_melhor_conteudo p{width: 520px; font-size: 16px; line-height: 26px;}
  .desc_melhor_lampada{margin-top: 150px; float: left}

  .descricao_esq{margin-left: 110px; }
}

@media screen and (max-height: 620px){
  .financiamento-txt{ padding: 5px; width: 450px; margin-top: 20px; height: 97vh;}
  .desc_melhor ul li{width: 49%;padding:  10px; }
}

@media screen and (max-width: 992px){

  input{padding: 12px 10px 12px 5px !important; }
  select{height: 50px !important; }
  .price-table {
   flex-direction: column !important;
 }

 .btn-f2{margin-right: 0px; margin-left: 0px; font-size: 15px !important; display: block !important; float: none !important; width: 100% !important;}
.btn-f {margin-right: 0px; margin-left: 4px; margin-bottom: 10px !important;}
 .bootbox .modal-footer{display: block !important;}
 .price-table-block {
 letter-spacing: 0;
 display: block;
 flex-direction: column;
 width: 90% !important;
 padding-top: 2.75em;
 padding-bottom: 2.75em;
 padding-right: 1.5em;
 padding-left: 1.5em;
 background-color: #fff;
 box-shadow: 0 10px 50px rgba(77, 110, 235, 0.225);
 overflow: none;
 height: auto !important;
 cursor: pointer;
 margin-bottom: -20px;
}
  #ptb1 {
   border-top-left-radius: 1em;
   border-top-right-radius: 1em;
 }

 #ptb2 {
   width: 24em;
   padding-top: 5.5em;
   padding-bottom: 5.5em;
   border-radius: 1em;
   position: relative;
 }
 #ptb2 h3 {
   font-weight: 700;
   letter-spacing: 1px;
   margin: 0;
   font-size: 2em;
 } 

 #ptb3 {
   border-bottom-left-radius: 1em;
   border-bottom-right-radius: 1em;
 }

 .price-table-price, .price-table-price__primary {
 font-size: 2.85em;
 font-weight: 600;
 line-height: 1;
 padding-top: 1.75rem;
}

.btn2 {
width: 100%;
}

.btn1 {
 width: 100%;
}
  .more_vantagens{width: 100%; padding-top: 50px; }
  .p_div{width: 100%; margin-bottom: 55px; text-align: center; float: none;}
  .circulo{width: 200px; height: 200px; border: 5px solid #4f70ed; border-radius: 50%; background: #f0f1ec; position: relative; margin: 0 auto}
  .circulo p {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 60px;
    font-weight: 500;
    color:#0a7500;
  }
  .p_div h2{line-height: 24px; }
  .cta_vantagens{line-height: 20px; margin-top: 80px;}

  #home-interna{
    padding-left: 14%!important;
    padding-right: 18%!important;
    background: #fff;
  }

  #home-interna .iconHolder{
    top: 30px;
  }
  #home-interna .headerDesc{
    text-align: center;
    margin-top: 35px;
  }

  #home-interna nav.navbar{
    background: #fff !important;
  }

  .sticky {
    padding-left: 13%!important;
    padding-right: 13%!important;
  }
  #home-interna .sticky {
    padding-left: 13%!important;
    padding-right: 18%!important;
  }

  [data-aos] {
    opacity: 1 !important;
    transform: translate(0) scale(1) !important;
  }


  .btn-whatsapp {bottom: 10px !important; right: 10px;  margin-right: 10px; }


  .simlue {bottom: 15px; right: 10px;  margin-right: 70px;}

  .desc_melhor_conteudo{width: 100%; float: none; margin-left: 0px; padding-top: 60px;}

  .desc_melhor_conteudo p{width: 100%}
  .desc_melhor_lampada{display: none}

  .desc_melhor{padding-top:  150px;}
  .desc_melhor ul li{width: 100%; padding:  0px; float: none; margin-bottom: 30px; text-align: center}
  .desc_melhor ul li img{width: 100%; padding: 0px; margin: 0px; position: relative; z-index: 9}
  .desc_melhor h1{font-size: 28px; padding-bottom: 0px; padding-top: 0px; margin-top: -40px; position: relative; z-index: 99} 
  .desc_melhor p{font-size: 16px;}

  .desc_melhor2 h1{text-align: center; color:  #fff; padding-bottom: 0px; font-size:  32px;}
  .desc_melhor2 ul li{width: 100%; padding:  30px; float: none; margin-bottom: 30px;}

  .desc_melhor2 ul li h1{font-size:  28px;}

  .descricao_dir1{width: 100%; float: none; }
  .descricao_esq1{width: 100%; float: none; padding-left: 0px; padding-top: 20px;}

  .descricao_dir2{width: 100%; float: none; padding-left: 0px; padding-top: 50px; }
  .descricao_esq2{width: 100%; float: none; }

  .vantagens{margin-top: 60px;}
  .vantagens ul li{width: 100%; float: none; margin-bottom: 30px; margin-left: 0%; margin-right: 0%}



  .vantagens h1{font-size: 30px; line-height: 44px;}


  .rodape{width: 100%; height: 930px; padding-bottom: 25px; z-index: 10; margin-top: -70px !important; margin-bottom: 0px;}
  .rodape3{margin-top: -85px;}
  .rodape2{margin-top: 0px; height: 70px;}
  .texto_rodape{width: 100% !important; margin-left: 0px;}
  .texto_rodape p{font-size: 16px; line-height: 22px;}

  .financiamento{width: 100%; height: 90vh; border: 1px solid #000; padding-top: 0px; margin-bottom: 0px; padding-bottom: 0px;}
  .financiamento-txt{margin-top: 15px; width: 100%; margin-right: 0px; margin-left: 0px; float: none; padding-bottom: 0px; height: auto !important}
  .financiamento-txt h1{font-size: 32px; line-height: 40px; font-weight: bold; margin-bottom: 25px;}
  .financiamento-txt button{width: 70%; margin-bottom: 35px; }
  .financiamento-img{display: none}

  .financiamento-txt p {font-size: 16px;  padding: 0px; }
  .financiamento-txt span{font-size: 16px; margin-top: 0px; display: block;}

  .descricao{width: 100%; margin-top: 10px; height: auto; padding-bottom: 0px;}
  .descricao_dir{width: 100%; float: none;}
  .descricao_dir img{margin-top: 12px; margin-left: 0px;}
  .descricao_dir h1{width: 100%; padding-left: 0px; font-size: 32px; line-height: 40px; margin-top: 0px; margin-bottom: 40px; float: none; }
  .descricao_dir p {width: 100%;}
  .descricao_esq{display: none;}


  .button-avatar{width: 100%; }
  .button-avatar button {width: 100%;}


  .texto-contanto{width: 100%; margin-left: 0%; float: none; padding-top: 30px; text-align: center}
  .formulario-contato{width: 100%; margin-left: 0%; padding-top: 50px;}
  .contato-tema{width: 100%;}
  .contato-tema button{width: 49%;}

  .btn-enviar-contato{width: 100%;}
  #msg-final{width: 100%;}

  #texto-popup{display: none;}
  #texto-popup-responsivo{display: block;}
  .popup{display: none !important;}
  #texto-padding-left{text-align: justify; padding-left: 0px}

  .bg-simulador{background: #f9f5fa;}
  .texto-lateral{display: none;}

  .form-simulador{width: 100%; margin-left: 0px;}

  .select-categoria-home{width: 80%;}

  .banner{width: 100%; min-height: 200px; float: none; margin-top: 0px; margin-left: 0px; text-align: center}
  .banner h1{color: #FFFFFF; font-size: 28px; line-height: 32px; margin-bottom: 25px; margin-top: 20px;  }
  .banner p{color: #FFFFFF; font-size:  16px; line-height: 26px; }
  #banner_portabilidade{margin-top: 0px;}

  .como-func{margin-top: 20px; height: auto; margin-bottom: 40px; width: 100%; }
  .como-func-1-img{width: 100%; float: none; text-align: center}
  .como-func-1-txt{width: 100%; float: none;}

  .como-func-2-img{width: 100%; float: none; text-align: center}
  .como-func-2-txt{width: 100%; float: none;}

  .seta-d{display: none;}
  .seta-e{display: none;}


  #tipo_home{margin-top: 50px;}
  #tipo_home h1{font-size: 32px; margin-bottom: 30px;}
  #tipo_home button{font-size: 22px;}

  #tipo_home button{margin-bottom: 20px;}
  #btn_portabilidade{margin-left: 0px;}
  .voltar_home{margin-left: 0px; left: 10px; position: relative; margin-top: 20px;}

  #parcelas_restantes{min-height: 250px; margin-bottom: 20px;  width: 100%; float: none; display: block}
  #parcelas_total{min-height: 250px; margin-left: 0px; margin-right: 0px; margin-bottom: 20px; width: 100%; float: none; display: block}
  #parcelas_restantes2{min-height: 250px; margin-bottom: 20px; width: 100%; float: none; display: block}

  .wrapper_mensagem{width: 100%; top: 10%; left: 0; margin-left: 0px; padding: 10px;}

  #check1{width: 100%; float: none; margin-bottom: 20px; padding-top: 15px;}
  #check2{margin-top:50px; margin-bottom: 50px; min-height: 90vh}

  #logo2{height: 38px; width:auto; max-width: auto;}
  #l-div{float:right; text-align: right; margin-top: 20px;}
  #l-div p{color:#7f7f7f; font-size: 10px;}
  #desc1{width: 100%; float: none}
  #desc2{width: 100%; float: none; margin-bottom: 200px;}

  #logo{height: 42px; width:auto; max-width: auto !important;}

  .background_home{margin-top: 80px; height: 80vh; background: url(../img/background_home_mobile.png?v=4)center no-repeat;}

  .banner{width: 100%; margin-top: 0px; float: none; margin-left: 0px; text-align: left}
  .banner h1{color: #FFFFFF; font-size: 36px; line-height: 36px; margin-bottom: 40px; padding-top: 50px;}
  .banner p{color: #FFFFFF; font-size:  20px; line-height: 24px; text-shadow: 2px 2px rgba(0, 0, 0, 0.3)}

  .banner button{margin-top: 20px; }
  
  #sobre{padding-top: 50px;}
  #duvidas{padding-top: 20px; margin-top: -20px; padding-bottom: 100px;}
} 

@media screen and (max-width: 880px){
  #como_funciona{padding-top: 70px; height: auto !important}

  #contato{padding-top: 70px;}

  
  .rodape{padding-bottom: 25px; height: 980px;}
  .rodape2{height: 60px;}
}


@media screen and (max-width: 767px){
  #home-interna .headerDesc{
    text-align: center;
    margin-top: 35px;
  }
  #home-interna .imgWrapper img{
    width: 70%;
  }
  #home-interna .iconHolder{
    top: 10px;
  }
  #home-interna .iconHolder a span{
    border-color: #9150b9;
  }
  #home-interna .iconHolder a{
    color: #9150b9;
  }
  .fundo-about{
    height: 1050px; 
  }

  footer ul.footerNavSocial{
    float: none;
    margin-bottom: 30px;
  }

  .fina-como-funciona p{width: 100%;}
  .fina-como-funciona-lista{width: 100%;}
  .fina-como-funciona h3{width: 100%; margin: 0 auto; color: #602d8d; font-size:34px; line-height: 44px; text-align: center;  margin-top: 100px; margin-bottom: 50px; font-weight: bold;}

  .interna-duvidas ul li{padding-bottom: 0px; min-height: 100px;}
  .interna-duvidas ul li a{ cursor: pointer;}
  .interna-duvidas ul li a:hover{text-decoration: none;}
  .interna-duvidas ul li a h4{ padding-left: 25px;  width: 95%; font-size: 20px; line-height: 30px; font-weight: bold; float: left;}
  .interna-duvidas ul li a img{width: 18px;  float: right; margin-top: 0px;}
  .interna-duvidas ul li p{padding-left: 25px;width: 100%; font-size: 16px; line-height: 26px;}

  .carrega-duvida{padding-bottom: 0px;padding-top: 20px; }
  .carrega-duvida h4{cursor: pointer;  padding-left: 0px; width: 94%; font-size: 16px; line-height: 26px; font-weight: bold; float: left;}
  .carrega-duvida img{width: 18px; float:  right; margin-top: 10px;}
  .carrega-duvida p{padding-left: 25px;width: 100%;  font-size: 16px; line-height: 26px;}

  .popup{ width: 100%; max-width: 400px; height: 170px; padding-left: 70px; padding-right: 20px; padding-top: 25px; padding-bottom: 25px; position: fixed; bottom: 0px; left: 0; z-index: 999; background: rgb(255, 255, 255, 0.95); border-bottom-right-radius: 10px; border-top-right-radius: 10px;box-shadow: 3px 3px 6px 0 rgba(0,0,0,.2); display: none;}

  .popup h1{font-size: 20px; font-weight: bold; color: #161415}
  .popup p{font-size: 14px; line-height: 24px; color: #898989}
  .popup p a{color: #898989}
  #fechar-popup{color: #898989; position: absolute; left: 320px; top: 10px; border: 0px; background: transparent; font-size: 20px;  cursor: pointer;}
  #exclamacao-popup{color: #161415; position: absolute; left: 15px; top: 20px; border: 0px; background: transparent; font-size: 24px; cursor: pointer;}
  #duvida{width: 92%; padding-left: 5px; margin-left: 0px;}

  .voltar_home{width: 100%; text-align: center; left: 0px; }

  .select-categoria-home button{margin-bottom: 10px; padding-top: 10px; width: 60px; margin-right: 5px; padding-bottom: 10px; }

  .opc-pagamento{display: inline-block; margin-bottom: 15px; width: 100%; }
  .btn-opc-pagamento{font-size: 12px; width: 23%; height: 110px; padding: 0px !important; vertical-align: top !important;}
  .btn-opc-pagamento i{font-size: 18px; }
  .active-pagamento{background: #4f70ed; color: #fff; border: 1px solid #4f70ed;}
  .active-pagamento:hover{color:#fff !important;}
  .form-pag{border: 1px solid #e8e8e8; padding: 15px; padding-top: 25px; border-radius: 5px;}
  .form-pag h3{font-size: 18px;}
  #continuar_pagamento{margin-bottom: 10px;}
}

@media screen and (max-width: 576px){
  #home-interna{
    padding-left:3%!important;
    padding-right: 3%!important;
  }
  #home-interna .sticky {
    padding-left: 3%!important;
    padding-right: 3%!important;
  }
  #home-interna nav.navbar:not(.sticky){
    padding-left: 20px!important;
    padding-right: 20px!important;
  }
}


@media screen and (max-width: 480px){
  .msg-cpf-caixa{z-index: 9999999; position: absolute; left: 35%; margin-left: 0px; margin-top: -85px; width: 190px; height: 140px; background: #c9c9c9; color: #000; text-align: center; padding: 15px;}
  .seta-esquerda2:before{content: ""; vertical-align: middle; width: 0; height: 0; position: absolute; left: 35%; margin-top: -45px;margin-left: -10px; border-top: 35px solid transparent; border-bottom: 35px solid transparent; border-right: 35px solid #c9c9c9;}
  .msg-veiculo-quitado-caixa{z-index: 9999999;position: absolute; left: 35%; margin-left: 0px; margin-top: -85px; width: 160px; height: 140px; background: #5b9bd5; color: #FFFFFF; text-align: center; padding: 15px;}
  .seta-esquerda:before{content: ""; vertical-align: middle; width: 0; height: 0; position: absolute; left: 35%; margin-top: -45px;margin-left: -10px; border-top: 35px solid transparent; border-bottom: 35px solid transparent; border-right: 35px solid #5b9bd5;}
  .msg-valor-caixa{z-index: 9999999;position: absolute; left: 35%; margin-left: 0px; margin-top: -85px; width: 210px; height: 140px; background: #5b9bd5; color: #FFFFFF; text-align: center; padding: 15px;}
  .msg-cpf-caixa2{z-index: 9999999;position: absolute; left: 50%; margin-left: 0px; margin-top: -70px; width: 160px; height: 100px; background: #f65a5a; color: #FFFFFF; text-align: center; padding: 15px;}
  .seta-esquerda-cpf:before{content: ""; vertical-align: middle; width: 0; height: 0; position: absolute; left:50%; margin-top: -45px;margin-left: -10px; border-top: 25px solid transparent; border-bottom: 25px solid transparent; border-right: 25px solid #f65a5a;}

  .sticky {
    padding-left: 10%!important;
    padding-right: 10%!important;
  }
  


  #demo{width: 80%; margin-top: 10px; font-size: 30px;}
  #estoura-valor{margin-top: 10px;}

  #demo2{width: 80%; margin-top: 10px; font-size: 30px;}
  #estoura-valor2{margin-top: 10px;}

  .direita{float: none; width: 100%; text-align: center;  }
  .esquerda{float: none; width: 100%;text-align: center; }

  .avatar img{margin-top: 25px;}

  button#btn-simulacao-home-whats{font-size: 14px; width: 45%; padding-left: 10px; margin-left: 5px;}
  button#btn-simulacao-home-email{font-size: 14px; width: 45%; padding-left: 10px; margin-right: 20px; }

  button#btn-simulacao-home-whats2{font-size: 14px; width: 45%; padding-left: 10px; margin-left: 5px;}
  button#btn-simulacao-home-email2{font-size: 14px; width: 45%; padding-left: 10px; margin-right: 20px; }

  .icon_whats{margin-top: -30px; margin-left: 30px;}
  .icon_email{margin-top: -30px; margin-left: 30px;}


  #check1{width: 90%; float: none; margin-bottom: 20px; padding-top: 15px; }
  #check2{margin-top:10px; margin-bottom: 50px; min-height: 90vh}

  #logo2{height: 48px; width:auto; max-width: auto;}
  #l-div{float:none; text-align: left; margin-top: 20px;}
  #l-div p{color:#7f7f7f; font-size: 10px;}
  #desc1{width: 96%; float: none;}
  #desc2{width: 96%; float: none; margin-bottom: 200px; }

  .rodape{background: #292527; width: 100%; height: 620px; z-index: 10; margin-top: -20px; padding-top: 40px;}
  .rodape3{background: #292527; width: 100%; height: auto; padding-top: 0px; padding-bottom: 30px; z-index: 10; margin-top: -60px;}
  .rodape2{background: #161415; width: 100%; height: 60px; z-index: 10; text-align: center; margin-top:  -10px}
  .rodape2 h1{font-size: 14px; color: #FFF; padding-top: 13px;}
  .texto_rodape{width: 94%;  padding-top: 50px; color: #FFFFFF;}
  .texto_rodape p{width: 94%; display: block; font-size: 15px; line-height: 20px; }

  .mainWrapper {
    width: 80%;
    min-width: 40ch;
    max-width: 75vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    font-size: 12px;

  }

  .statusBar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    width: 100%;
    position: relative;
    cursor: default;

  }

  .statusBar::before {
    content: "";
    height: 0.3em;
    background-color: var(--grey);
    position: absolute;
    left: var(--padding);
    right: var(--padding);
  }

  .pBar {
    content: "";
    height: 0.1em;
    border-radius: 0 0 0.15em 0.15em;
    background-color: var(--green);
    max-width: 100%;
    margin: 10px #000000 solid;
    position: absolute;
    left: 0;
    width: 0%;
  }

  .statusBar > .node {
    background-color: var(--grey);
    height: 1.2em;
    width: 1.2em;
    border-radius: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .node > .text {
    font-weight: 200;
    color: var(--grey);
    text-align: center;
    position: absolute;
    top: 1.5em;
    cursor: ;
  }

  .node.done {
    background-color: var(--green);
  }

  .node > .text.done {
    color: var(--green);
  }

  .node > .main {
    position: absolute;
    border: 0.2em var(--grey) solid;
    width: 0;
    height: 0;
    border-radius: 100%;
  }

  .node > .main.done {
    border: 0.2em var(--green) solid;
    width: 2em;
    height: 2em;
    border-radius: 100%;
  }

  .mainWrapper > .buttonHolder {
    margin-top: 3em;
    display: flex;
    justify-content: center;
    align-items: center;
  }


}

@media screen and (max-width: 410px){
  #fechar-popup{left: 280px; top: 15px;}
  .icon_whats{margin-top: -30px; margin-left: 20px;}
  .icon_email{margin-top: -30px; margin-left: 20px;}
  #campos_form_modal{width: 100%; margin: 0 auto}
  .banner h1{color: #FFFFFF; font-size: 32px; line-height: 30px; margin-bottom: 40px; padding-top: 50px;}
}

@media screen and (max-width: 376px){
  .sticky {
    padding-left: 2%!important;
    padding-right: 2%!important;
  }

  button#btn-simulacao-home-whats2{font-size: 14px; width: 49%; padding-left: 5px; margin-left: 0px;}
  button#btn-simulacao-home-email2{font-size: 14px; width: 49%; padding-left: 5px; margin-right: 0px; }

  .icon_whats{margin-top: -30px; margin-left: 5px;}
  .icon_email{margin-top: -30px; margin-left: 5px;}

  .simulacoes{width: 90%; height: 1150px;}
  .simulacoes ul li a p{font-size: 14px; line-height: 26px;}
  .simulacoes button{width: 90%;}
  .simulacoes span{line-height: 16px;}

  .button-avatar{width: 100%;}
  .financiamento-txt button{width: 100%;}
  #btn_governo{width: 100%}

  .fina-como-funciona h1{font-size: 34px; line-height: 48px;  margin-bottom: 30px; font-weight: bold; text-align: center}

  .btn-50 button{width: 49%; margin-bottom: 15px;}
  .btn-35 button{width: 100%; margin-bottom: 15px;}
  .btn-3 button{width: 100%; margin-bottom: 15px;}
  .btn-30 button{width: 32%; margin-bottom: 15px;}
  .btn-25 button{width: 100%; margin-bottom: 15px;}
  .btn-tipo-veiculo button{width: 100%; margin-bottom: 15px}
  
  .btn-tipo-veiculo button{width: 49%;}

  #caminhoes{width: 36%;}
  #onibus{width: 30%;}
  #van{width: 30%;}

}


select {
  -webkit-tap-highlight-color: transparent;
  background-color: #FFF;
  border-radius: 0px;
  border: none;
  border-bottom: solid 1px #dddddd;
  box-sizing: border-box;
  clear: both;
  cursor: pointer;
  display: block;
  color: #626262;
  font-family: inherit;
  font-size: 18px;
  font-weight: normal;
  height: 42px;
  line-height: 32px;
  outline: none;
  padding-left: 18px;
  padding-right: 30px;
  text-align: left !important;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: 90%; 
  margin: 0 auto;
  margin-bottom: 15px;
  position: relative;
}
select:hover {
  border-color: #25344a; 
}
select:active, select.open, select:focus {
  border-color: #25344a; 
  color: #4a4a4a;
}
select:after {
  border-bottom: 2px solid #90a1b5;
  border-right: 2px solid #90a1b5;
  content: '';
  display: block;
  height: 5px;
  margin-top: 0px;
  pointer-events: none;
  position: absolute;
  right: 12px;
  top: 50%;
  color: #4a4a4a;
  -webkit-transform-origin: 66% 66%;
  -ms-transform-origin: 66% 66%;
  transform-origin: 66% 66%;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  width: 5px; 
  color: #4a4a4a;
}
select.open:after {
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
  color: #4a4a4a;
}
select.open .list {
  opacity: 1;
  color: #4a4a4a;
  pointer-events: auto;
  -webkit-transform: scale(1) translateY(0);
  -ms-transform: scale(1) translateY(0);
  transform: scale(1) translateY(0); 
}
select.disabled {
  border-color: #e7ecf2;
  color: #90a1b5;
  pointer-events: none; 
}
select.disabled:after {
  border-color: #cdd5de; 
}
select.wide {
  width: 100%; 
}
select.wide .list {
  left: 0 !important;
  right: 0 !important; 
}
select.right {
  float: right; 
}
select.right .list {
  left: auto;
  right: 0; 
}

select .list {
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 0 0 1px rgba(68, 88, 112, 0.11);
  box-sizing: border-box;
  margin-top: 4px;
  opacity: 0;
  overflow-y: scroll;
  height: auto !important;
  max-height: 400px;
  padding: 0;
  padding-top: 65px;
  pointer-events: none;
  position: absolute;
  top: 100%;
  width: 100%;
  left: 0;
  -webkit-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transform: scale(0.75) translateY(-21px);
  -ms-transform: scale(0.75) translateY(-21px);
  transform: scale(0.75) translateY(-21px);
  -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  z-index: 9; 
}
.nice-select .list:hover .option:not(:hover) {
  background-color: transparent !important; 
}
.nice-select .option {
  cursor: pointer;
  font-weight: 400;
  line-height: 20px;
  list-style: none;
  min-height: 33px;
  outline: none;
  padding-left: 18px;
  padding-right: 29px;
  text-align: left;
  -webkit-transition: all 0.2s;
  transition: all 0.2s; 
}
select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
  background-color: #f6f7f9; 
}
select .option.selected {
  font-weight: bold; 
}
select .option.disabled {
  background-color: transparent;
  color: #90a1b5;
  cursor: default; 
}

#sliderContainer {
  width: 100%;
}

#sliderContainer>div:first-child {
  margin-bottom: 15px;
}

.tick-slider-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 14px;
}

.tick-slider-header>h5 {
  margin: 0;

  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 300;
  color: var(--gray);
}

.tick-slider {
  position: relative;

  width: 100%;
}

.tick-slider-value-container {
  position: relative;
  width: 100%;

  display: flex;
  justify-content: space-between;
  align-items: center;

  margin-bottom: 0px;

  font-family: "Hind Madurai", sans-serif;
  font-size: 18px;
  color: var(--gray);
}

.tick-slider-value {
  position: absolute;
  top: 0;

  font-weight: bold;

  color: var(--blue);

  border-radius: var(--slider-handle-border-radius);
}

.tick-slider-value>div {
  animation: bulge 0.3s ease-out;
}

.tick-slider-background,
.tick-slider-progress,
.tick-slider-tick-container {
  position: absolute;
  bottom: 5px;
  left: 0;

  height: 8px;

  pointer-events: none;

  border-radius: var(--slider-track-border-radius);

  z-index: -1;
}

.tick-slider-background {
  width: 100%;
  background-color: var(--light-gray);
}

.tick-slider-progress {
  background-color: var(--yellow);
}

.tick-slider-tick-container {
  width: 100%;

  display: flex;
  justify-content: space-between;
  align-items: center;

  padding: 0 calc(var(--slider-handle-size) / 2);
}

.tick-slider-tick {
  width: 4px;
  height: 4px;

  border-radius: 50%;

  background-color: white;
}

.tick-slider-label {
  opacity: 0.85;
  transition: opacity 0.1s ease;
}

.tick-slider-label.hidden {
  opacity: 0;
}

@keyframes bulge {
  0% {
    transform: scale(1);
  }

  25% {
    transform: scale(1.1);
  }

  100% {
    transform: scale(1);
  }
}

/*

    REMOVE SLIDER STYLE DEFAULTS

    */
    input[type="range"] {
      -webkit-appearance: none;

      width: 100%;
      height: 100%;

      background: transparent;
      outline: none;

      margin: 5px 0;
    }

    input[type="range"]::-webkit-slider-thumb {
      -webkit-appearance: none;

      border: none;
    }

    input[type="range"]:focus {
      outline: none;
    }

    input[type="range"]::-moz-focus-outer {
      border: 0;
    }

/*

    HANDLE

    */
    input[type="range"]::-webkit-slider-thumb {
      -webkit-appearance: none;

      width: var(--slider-handle-size);
      height: var(--slider-handle-size);

      background: var(--orange);

      border-radius: var(--slider-handle-border-radius);

      cursor: pointer;

      margin-top: var(--slider-handle-margin-top);

      -webkit-transform: scale(1);
      transform: scale(1);

      transition: transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    }

    input[type="range"]:hover::-webkit-slider-thumb,
    input[type="range"]:focus::-webkit-slider-thumb {
      transform: scale(1.2);
    }

    input[type="range"]::-moz-range-thumb {
      -webkit-appearance: none;

      width: var(--slider-handle-size);
      height: var(--slider-handle-size);

      background: var(--orange);

      border: none;
      border-radius: var(--slider-handle-border-radius);

      cursor: pointer;

      transition: transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    }

    input[type="range"]:hover::-moz-range-thumb,
    input[type="range"]:focus::-moz-range-thumb {
      transform: scale(1.2);
    }

/*

    TRACK

    */

    input[type="range"]::-webkit-slider-runnable-track {
      width: 100%;
      height: var(--slider-track-height);

      cursor: pointer;

      background: none;

      border-radius: var(--slider-track-border-radius);
    }

    input[type="range"]::-moz-range-track {
      width: 100%;
      height: var(--slider-track-height);

      cursor: pointer;

      background: none;

      border-radius: var(--slider-track-border-radius);
    }

    input[type="range"]:focus::-webkit-slider-runnable-track {
      background: none;
    }
    input[type="range"]:active::-webkit-slider-runnable-track {
      background: none;
    }

    select option:disabled {
      background-color: transparent !important;
      color: #90a1b5 !important;
      cursor: default !important; 
      font-weight: normal !important;
    }