/*-------- Head --------*/

.steps .row{
  min-height: 100vh;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.row div:not(.container){
  width: 100%;
}

.head{
  background-image: url(../images/banner.png);
  background-size: cover;
  background-position: bottom;
  min-height: 100vh;
  padding: 5%;
}

.head img{
  width: 300px;
  height: 90px;
  object-fit: contain;
  object-position: left;
  float: left;
}

.head h2{
  font-size: 2em;
  font-weight: bold;
  text-align: right;
  color: #606062;
  margin-bottom: 0;
}

.head p{
  font-size: 1.5em;
  font-weight: bold;
  text-align: right;
  color: #606062;
  margin-top: 0;
}

.head .container{
  margin-top: 15vh;
}

.head h3{
  font-size: 3em;
  font-weight: bold;
  color: #285F90;
  margin-bottom: 0;
}

.head h4{
  font-size: 1.5em;
      /* font-weight: bold; */
      color: #333;
      margin-top: 20px;
}

.head .btn-large{
  background-color: #ED3237 !important;
  margin-top: 2em;
}

.head .container svg{
  width: 30px !important;
  height: 30px;
  border-radius: 50%;
  background-color: #285F90;
  position: relative;
  top: 7px;
  padding: 5px;
  margin-left: 10px;
}

.head .btn{
  background-color: #26CF0D !important;
  height: 3rem;
  line-height: 3rem;
}

.head .dropdown-content{
  background-color: #727376 !important;
} 

.head li a{
  color: white !important;
  text-align: center !important;
  text-transform: none !important;
}

.head li:hover{
  background-color: transparent !important;
}

/*-------- Step-1 --------*/

.step-1{
  padding: 5%;
  margin-bottom: 0 !important;
  position: relative;
  overflow: hidden;
}

.step-1 h2, .step-2 h2, .step-3 h2{
  font-size: 2em;
  font-weight: bold;
  color: #3594C5;
  display: flex;
  align-items: center;
}

.step-1 h2 div, .step-2 h2 div, .step-3 h2 div{
  width: 50px !important;
  height: 50px;
  line-height: 45px;
  border-radius: 50%;
  text-align: center;
  border: 4px solid #3594C5;
  float: left;
  margin-right: 10px;
}

.step-1 h3{
  font-size: 2em;
  font-weight: bold;
  color: #848688;
  text-align: center;
  margin-top: 2em;
}

.step-1 .container{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.step-1 .col{
  margin: 0 !important;
  margin-top: 2em !important;
}

.step-1 label, .step-2 label{
  width: 100%;
  text-align: center;
  min-height: 170px !important;
  display: flex !important;
  align-items: center;
  background-color: #3594C5;
}

.step-1 img{
  width: 100%;
  height: 60px;
  object-fit: contain;
}

.step-1 p{
  color: white;
}

.step-1 .col div{
  width: 100% !important;
}

.step-1 [type="radio"]:not(:checked)+label, [type="radio"]:checked+label{
  padding: 0 !important;
}

.step-1 [type="radio"]:not(:checked)+label:before, [type="radio"]:not(:checked)+label:after{
  border:none;
}

.step-1 [type="radio"]:checked+label:after, [type="radio"].with-gap:checked+label:before, [type="radio"].with-gap:checked+label:after{
  border:none;
}

.step-1 [type="radio"]:checked+label:after, [type="radio"].with-gap:checked+label:after{
  background-color: transparent;
}

.step-1 [type="radio"]:checked+label:before{
  border:none;
}

.step-1 input:hover label, .step-1 label:hover{
  background-color: #63BD4A;
}

.step-1 [type="radio"]:checked+label{
  background-color: #63BD4A;
}

/*-------- Step-2 --------*/

.step-2{
  padding: 5%;
  margin-bottom: 0 !important;
  position: relative;
  overflow: hidden;
}

.step-2 h2{
  font-size: 2em;
  font-weight: bold;
  color: #3594C5;
  display: flex;
  align-items: center;
}

.step-2 img{
  width: 100%;
  height: 60px;
  object-fit: contain;
}

.step-2 h2 div{
  width: 50px !important;
  height: 50px;
  line-height: 45px;
  border-radius: 50%;
  text-align: center;
  border: 4px solid #3594C5;
  float: left;
  margin-right: 10px;
}

.step-2 h3{
  font-size: 2em;
  font-weight: bold;
  color: #848688;
  text-align: center;
  margin-top: 2em;
}

.step-2 .container{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.step-2 .col{
  margin: 0 !important;
  margin-top: 2em !important;
}

.step-2 p{
  font-size: 1.25em;
  font-weight: bold;
  text-align: center;
  color: #fff;
}

.step-2 input, .step-1 input, .step-3 input{
  background-color: #96989A !important;
  border: none !important;
  border-radius: .5em !important;
  color: white;
  text-align: center;
}

.step-2 .btn-large, .step-1 .btn-large, .step-3 .btn-large{
  background-color: #63BD4A !important;
  border-radius: 2em;
}

.step-2 [type="radio"]:not(:checked)+label, [type="radio"]:checked+label{
  padding: 0 !important;
}

.step-2 [type="radio"]:not(:checked)+label:before, [type="radio"]:not(:checked)+label:after{
  border:none;
}

.step-2 [type="radio"]:checked+label:after, [type="radio"].with-gap:checked+label:before, [type="radio"].with-gap:checked+label:after{
  border:none;
}

.step-2 [type="radio"]:checked+label:after, [type="radio"].with-gap:checked+label:after{
  background-color: transparent;
}

.step-2 [type="radio"]:checked+label:before{
  border:none;
}

.step-2 input:hover label, .step-1 label:hover{
  background-color: #63BD4A;
}

.step-2 [type="radio"]:checked+label{
  background-color: #63BD4A;
}

/*-------- Step-3 --------*/

.step-3{
  padding: 5%;
  margin-bottom: 0 !important;
  position: relative;
  overflow: hidden;
}

.step-3 h3{
  font-size: 2em;
  font-weight: bold;
  color: #848688;
  text-align: center;
  margin-top: 2em;
}

.step-3 .container{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.step-3 .col{
  margin: 0 !important;
  margin-top: 2em !important;
}

/*.step-3 label{
  width: 100%;
  text-align: center;
  min-height: 170px !important;
  display: flex !important;
  align-items: center;
  background-color: #3594C5;
}*/

.step-3 img{
  width: 100%;
  height: 60px;
  object-fit: contain;
}

.step-3 p{
  color: white;
}

.step-3 .col div{
  width: 100% !important;
}

.step-3 [type="radio"]:not(:checked)+label, [type="radio"]:checked+label{
  padding: 0 !important;
}

.step-3 [type="radio"]:not(:checked)+label:before, [type="radio"]:not(:checked)+label:after{
  border:none;
}

.step-3 [type="radio"]:checked+label:after, [type="radio"].with-gap:checked+label:before, [type="radio"].with-gap:checked+label:after{
  border:none;
}

.step-3 [type="radio"]:checked+label:after, [type="radio"].with-gap:checked+label:after{
  background-color: transparent;
}

.step-3 [type="radio"]:checked+label:before{
  border:none;
}

.step-3 input:hover label, .step-3 label:hover{
  background-color: #63BD4A;
}

.step-3 [type="radio"]:checked+label{
  background-color: #63BD4A;
}

/*-------- Step-4 --------*/

.step-4 .fundo{
  display: flex;
  align-items: center;
  min-height: 100vh;
}

.step-4 .container{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.step-4 .container div{
  width: initial !important;
}

.step-4 .container div{
  min-width: 120px;
}

.step-4 input{
  position: relative !important;
  border: 1px solid #666 !important;
}

.step-4 label{
  cursor: pointer;
  transition: all 0.5s;
  font-size: 1.5em !important;
  padding: .3em 1em !important;
  color: #373435;
  border: 1px solid #373435;
  height: auto !important;
  margin: .5em;
  line-height: auto !important;
}

.step-4 [type="radio"]:not(:checked)+label:before, [type="radio"]:not(:checked)+label:after{
  border: none !important;
}

.step-4 [type="radio"]+label:before, [type="radio"]+label:after{
  opacity: 0;
}

.step-4 input:hover label, .step-4 label:hover{
  background-color: #285F90;
  color: white !important;
  border-color: transparent !important;
}

.step-4 [type="radio"]:checked+label{
  background-color: #285F90;
  color: white !important;
  border-color: transparent !important;
  padding: .3em 1em !important;
}

.step-4 h2{
  font-size: 2em;
  font-weight: bold;
}

/*-------- Step-5 --------*/

.step-5 .fundo{
  display: flex;
  align-items: center;
  min-height: 100vh;
}

.step-5 .container{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.step-5 .container div{
  width: initial !important;
}

.step-5 div{
  min-width: 120px;
}

.step-5 input{
  position: relative !important;
  border: 1px solid #666 !important;
}

.step-5 label{
  cursor: pointer;
  transition: all 0.5s;
  font-size: 1.5em !important;
  padding: .3em 1em !important;
  color: #373435;
  border: 1px solid #373435;
  height: auto !important;
  margin: .5em;
  line-height: auto !important;
}

.step-5 [type="radio"]:not(:checked)+label:before, [type="radio"]:not(:checked)+label:after{
  border: none !important;
}

.step-5 [type="radio"]+label:before, [type="radio"]+label:after{
  opacity: 0;
}

.step-5 input:hover label, .step-5 label:hover{
  background-color: #285F90;
  color: white !important;
  border-color: transparent !important;
}

.step-5 [type="radio"]:checked+label{
  background-color: #285F90;
  color: white !important;
  border-color: transparent !important;
  padding: .3em 1em !important;
}

.step-5 h2{
  font-size: 2em;
  font-weight: bold;
}

.step-5 .btn-large{
  background-color: #ED3237 !important;
  padding: 0 4em;
  margin-top: 4em;
}

.step-3 .fa-sync{
  font-size: 8em;
  color: #ED3237;
  animation-duration: 1s;
  animation-name: rotate;
  animation-iteration-count: infinite;
}

@keyframes rotate{
  0%{transform: rotate(0deg)}
  100%{transform: rotate(360deg)}
}

/*-------- Reside --------*/

.reside{
  margin-bottom: 0 !important;
  min-height: 1px !important;
  padding: 3%;
  background-color: #63BD4A;
}

.reside img{
  width: 100%;
  height: 330px;
  object-fit: cover;
  /*margin-bottom: px;*/
  max-width: 300px !important;
}


.reside h2{
  font-size: 3em;
  font-weight: bold;
  color: white;
  margin:0;
}

.reside p{
  font-size: 2em;
  font-weight: bold;
  color: white;
  margin:0;
}

.reside .borda{
  width: 0; 
  height: 0; 
  border-top: calc(330px / 2) solid transparent;
  border-bottom: calc(330px / 2) solid transparent; 
  border-right: 150px solid #63BD4A; 
  position: absolute;
  top: 0;
  right: 0;
}

.ico-w{
  color: white;
  font-size: 4rem;
}

/*-------- Footer --------*/

.footer{
  background-color: #606062;

  margin-bottom: 0 !important;
  padding: 3%;
  min-height: 1px !important;
  display: block;
}

.footer img{
  width: 100%;
  height: 100px;
  object-fit: contain;
}

.footer p, .footer p a{
  font-size: 1em;
  line-height: 1.25em;
      color: #fff !important;
  margin: .2em 0;
}

/* ------------- Pagina 2------------------------------------- */
/*------Header---------*/
header.cabecalho{
  background-color: #285E8F;
  text-align: center;
}
header.cabecalho h3{
  color: #fff;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  font-weight: bold;
}

header.cabecalho img{
  width: 7em;
}

header.cabecalho div{
  width: initial !important;
}

header.cabecalho{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

/*-------*/
.formulario button{
  background-color: #ED1B23 !important;
}
/*---Linha Azul----*/

.linhaa{
  background-color: #00ADEF;
  height: 3em;
  margin-top: -30px !important;

}

/*-----Simulador---------*/
.simulador2 span{

  font-size: 1.25em;

  font-weight: bold;

  color: #01ADEF;

  width: 52px;

  height: 52px;

  line-height: 50px;

  text-align: center;

  border-radius: 50%;

  margin-right: .5em;

  float: left;

  position: relative;

  top: -15px;

  border: solid #01ADEF 5px;
}
.simulador2 h5{
  color: #00ADEF;
}
div.simulador2 p{
  color: #848588;
  font-size: 1.5em;

}

.formulario input, .formulario textarea{
  background-color: #D2D3D5 !important;
  border: none !important;
  border-radius: .5em !important;
}

.formulario input::placeholder, .formulario textarea::placeholder{
  color: #848588;
}

.formulario textarea{
  height: 150px !important;
}
.formulario button{
  width: 100%;
}
.img-form{
  margin-top: 0.2em;
}

@media screen and (max-width: 1200px){
  .img-form{
    margin-top: 2em !important;
  }
}

/*----Footer------*/
footer{
  background-color: #606062;
  margin-bottom: 0 !important;
  padding: 3%;
}

footer img{
  width: 100%;
  height: 50px;
  object-fit: contain;
}

footer p{
  font-size: 1em;
  line-height: 1.25em;
  color: white;
  margin: .2em 0;
  text-align: center;
}

/*-------- Time --------*/

.time{
  background-color: #285F90;
  margin-bottom: 0 !important;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.time img{
  width: 100%;
  height: 120px;
  object-fit: contain;
  margin-bottom: 2em;
}

.time h1{
  font-size: 3em;
  font-weight: bold;
  color: white;
  margin: 0;
}

.time h2{
  font-size: 2em;
  font-weight: bold;
  color: white;
  margin: 0;
}

.time h3{
  font-size: 1.5em;
  font-weight: bold;
  color: white;
  margin-bottom: 2em !important;
}

.time span{
  font-size: 5em;
  font-weight: bold;
  margin: 0;
  line-height: 1em;
  color: #FFF212;
}

.time p{
  margin: 0;
  font-size: 1em;
  color: #FFF212;
}

.talk{
  background-color: #FFF212;
  margin-bottom: 0 !important;
  min-height: 100vh;
  width: 100%;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  /*transition: all 0.5s;*/
  /*transform: translateX(100%);*/
}

.talk h1{
  font-size: 3em;
  font-weight: bold;
  color: #285F90;
  margin:0;
}

.talk h2{
  font-size: 2em;
  font-weight: bold;
  color: #285F90;
  margin-top: 0;
}

.talk .btn{
  margin-top: 1em;
}

.talk .btn:nth-of-type(1){
  background-color: #ED3237 !important;
  margin-right: 1em;
}

.talk .btn:nth-of-type(2){
  background-color: #26CF0D !important;
}


/*-------- TIPOGRAFIA --------*/

@font-face{
  font-family: 'bahnschrift';
  src: url(../fonts/bahnschrift.ttf);
}

@font-face{
  font-family: 'caviardreams';
  src: url(../fonts/caviardreams.ttf);
}

address{
  font-style: normal;
}

strong{
  font-weight: bold !important;
}

figcaption{
  display: none !important;
}

figure{
  margin: 0 !important;
}

fieldset {
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

input, textarea{
  padding-left: 1em !important;
  width: calc(100% - 1em) !important;
}

.steps .row{
  display: none;
}

.steps .row.active{
  display: block;
}