@import url('https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i&display=swap');

input,
textarea {
  padding: 10px;
  display: block;
  width: 70%;
  color: #000;
}

::-webkit-input-placeholder {
  color: red;
  font: 12px verdana, arial, sans-serif;
}

:-moz-placeholder {
  color: orange;
  font: 12px verdana, arial, sans-serif;
}

::-moz-placeholder {
  color: orange;  
  font: 12px verdana, arial, sans-serif;
}

:-ms-input-placeholder {  
  color: orange;  
  font: 12px verdana, arial, sans-serif;
}

.circulo{
  border: 1px solid #215aca;
  border-radius:30px;
  width:50px;
  height:50px;
  text-align:center;
  vertical-align: middle;
  background-color: #215aca;
  line-height:50px;    
  box-shadow: 2px 2px 5px #215aca;
  color: #FFF;
}

p.texto-bloco {
  color: #8992be;
  line-height: 25px;
  font-size: 16px;
}


.label-form {
  padding-bottom: 10px; 
  color: #4b5170;
}

.color-input {
  color: #4e4e4f !important;
  text-align: center;
  font-size: 12px !important;
  height: 30px !important;
  border: 1px solid #d8d8d8 !important; 
}

.li-color {
  color: #8992be;
}




.section-header, .steps-header, .steps-name {
  color: #215aca;
  font-weight: 400;
  font-size: 1.4em;
}

.steps-header {
  margin-bottom: 20px;
  text-align: center;
}

.steps-timeline {
  outline: 1px dashed rgba(255, 0, 0, 0);

}
@media screen and (max-width: 500px) {
  .steps-timeline {
    border-left: 2px solid #215aca;
    margin-left: 25px;
  }
}
@media screen and (min-width: 500px) {
  .steps-timeline {
    border-top: 2px solid #215aca;
    padding-top: 20px;
    margin-top: 90px;
    margin-left: 16.65%;
    margin-right: 16.65%;
  }
}
.steps-timeline:after {
  content: "";
  display: table;
  clear: both;
}

.steps-one,
.steps-two,
.steps-three {
  outline: 1px dashed rgba(0, 128, 0, 0);
}
@media screen and (max-width: 500px) {
  .steps-one,
  .steps-two,
  .steps-three {
    margin-left: -25px;
  }
}
@media screen and (min-width: 500px) {
  .steps-one,
  .steps-two,
  .steps-three {
    float: left;
    width: 33%;
    margin-top: -50px;
  }
}

@media screen and (max-width: 500px) {
  .steps-one,
  .steps-two {
    padding-bottom: 40px;
  }
}

@media screen and (min-width: 500px) {
  .steps-one {
    margin-left: -16.65%;
    margin-right: 16.65%;
  }
}

@media screen and (max-width: 500px) {
  .steps-three {
    margin-bottom: -100%;
  }
}
@media screen and (min-width: 500px) {
  .steps-three {
    margin-left: 16.65%;
    margin-right: -16.65%;
  }
}

.steps-img {
  display: block;
  margin: auto;
  width: 50px;
  height: 50px;
  border-radius: 50%;
}
@media screen and (max-width: 500px) {
  .steps-img {
    float: left;
    margin-right: 20px;
  }
}

.steps-name,
.steps-description {
  margin: 0;
}

@media screen and (min-width: 500px) {
  .steps-name {
    text-align: center;
  }
}

.steps-description {
  overflow: hidden;
}
@media screen and (min-width: 500px) {
  .steps-description {
    text-align: center;
    font-size: 1em;
    color: #3f3f3f;
    margin-top: 20px;
  }
}





.header-top {
  position: fixed; width: 100%;
}

.titulo-pag {
  padding-top: 150px
}

.m-blocos {
  margin-top: -150px
}

.p-top {
  padding-top: 120px
}

.m-texto {
  margin-top: -65px
}

.h2-style {
  font-size: 26px; 
  padding-bottom: 10px
}

.h2-texto {
  font-size: 30px; 
  font-weight: normal;
  color: #FFFFFF;
  font-family: 'Nunito';
}

.azul-tit {
  color: #1b49a0;
}

.ul-lh {
  line-height: 25px;
}

.card-simulador {
  background: #f3f6fc; 
  padding: 20px; 
  border-radius: 20px; 
  width: 70%; 
  min-height: 430px
}

.btn-plano {
  background: #44b953; 
  border: none; 
  border-radius: 5px; 
  color: #FFFFFF; 
}

.link {
  color: #1d50c3;
}

.tit-vantagem {
  color: #1b49a0; 
  padding: 50px 0 50px 0;
}

.bg-prints {
  background-color: #FFFFFF;
}

.price-small {
  color: #4e4e4f;
}

.price-big {
  color: #44b953; 
  font-size: 30px;
  font-family: 'Nunito';
}

.bg-descricao {
  background-color: #f3f6fc !important;
}

.form-mudar {
  width: 50%; 
  margin: 0 auto;
}





.grid-container {
  display: grid;
  grid-template-columns: auto auto;
  padding: 10px;
}
.grid-item {
  padding: 20px;
}


.label-simulador {
  margin-top: 5px; 
  font-weight: normal; 
  color: #4b5170; 
  font-family: 'Nunito';
}

.input-simulador {
   border: 1px solid #d8d8d8; 
   height: 30px; 
   font-size: 12px;
}