@font-face {
  font-family: 'texto home';
  src:url("assets/fontes/coolvetica rg.otf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'titulo home';
  src:url("assets/fontes/Athina DEMO.otf");
  font-weight: normal;
  font-style: normal;
}

/*///////////////////   pagina  Home       /////////////////*/
main{
  background: #d5d5d3;
}
.d-block {
  height: 70vh;
}
.main-btn{
  background-color: #d5d5d3;
  color: #444444;
  text-transform: uppercase;
  width: 20%;
  height: 10vh;
  padding: 0.6em 1.5em;
  font-family: 'texto home';
  font-size: 1.5em;
  text-decoration: none;
  font-weight: bold;
  /* transition: .5s; */
}
.main-btn:hover{
  text-decoration:none;
}


.texto-capa{
  width: 35%;
  right: 10%;
  position: absolute;
  top:15%;
  margin-right: 2em;
}
.texto-capa p{
  font-family: 'texto home';
  font-size: 1.5em;
  font-weight: normal;
  color:#e5e5e3;
  text-align: left;
 }
 .texto-capa h1{
   font-family: 'texto home';
   font-size: 2.5em;
   font-weight: normal;
   color:#e5e5e3;
   width: 56%;
   border-bottom: solid;
   border-width:thick;
   border-color:#fdd947;
   text-align: left;

   /* text-align: center; */
 }
 .texto-capa3{
   width: 35%;
   right: 10%;
   position: absolute;
   top:15%;
   margin-right: 2em;
 }
 .texto-capa3 p{
   font-family: 'texto home';
   font-size: 1.4em;
   font-weight: normal;
   color:#e5e5e3;
   text-align: left;
  }
  .texto-capa3 h1{
    font-family: 'texto home';
    font-size: 2.5em;
    font-weight: normal;
    color:#e5e5e3;
    width: 56%;
    border-bottom: solid;
    border-width:thick;
    border-color:#fdd947;
    text-align: left;

    /* text-align: center; */
  }



.botao-consulta{
  /*height: 5vh;
  width: 20%;*/
  margin: 0;
  position: relative;
  top:50%;

  /* margin-right: -50%; */
  /* transform: translate(-50%, -50%); */

}
.botao-consulta:hover{
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
        transition-duration: 1s;
        cursor: pointer;
}

.apresenta-marcelo{
  background-color: #d5d5d3;
  height: 110vh;
  width: 100%;
  margin-top: -4%

}
.imagemmarcelo{
  /* margin: 11.3vh 8vh; */
  margin-left: 11.3vh;
  margin-top: 12vh;
  margin-right: 0;
  margin-bottom: 0;
  position: relative;
}
.textomarcelo{
  width: 45%;
  text-align: right;
  display: inline;
  margin-left: 6rem;
  position: absolute;
  margin-top: 3rem;
}
.textomarcelo p{
  font-family: 'texto home';
  font-size: 1.5em;
  font-weight: normal;
  color:#444444;
  text-align: left
 }
 .textomarcelo h1{
   font-family: 'titulo home';
   font-size: 4em;
   font-weight: normal;
   color:#444444;
   text-align: left;
   margin-top: 5%
   /* text-align: center; */
 }
 .linhatitulo{
   margin-left: 13rem;
   position: absolute;
   margin-top: 11.2rem;
 }
 .saibamais{
   position: absolute;
   right: 0;
   padding-top: 2em;
 }
 .saibamais:hover{
         -webkit-transform: scale(1.1);
         -ms-transform: scale(1.1);
         transform: scale(1.1);
         transition-duration: 1s;
         cursor: pointer;
 }
 .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
     width: 100%;
     padding-right: 0;
     padding-left:0;
     margin-right: auto;
     margin-left: auto;
   }
   #avg{
     width:25%
   }
   #mso{
     width: 20%
   }
 .carrossel{
  background-color:#d5d5d3;
  height: 58vh;
  /*background: url("assets/imagens/fundocarrossel.png") ;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;*/

 }
.texto-feedback{
  font-family: 'texto home';
  font-size: 1.5em;
  font-weight: normal;
  color:#e5e5e3;
  width: 75%;
  transform: scale(0.9);
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.fundocarrossel{
  width: 100%;
  background-image: url("imagens/feedback-novo.png");
  padding: 2em;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;


}
.estrela{
  list-style: none;
}
.avalia{
  width: 2.5rem;
  height: 2.5rem;
  margin-right: 9px;

}
.icones-carrossel{
  position: absolute;
  right: 0;
  margin-right: 40px;
  top:245%;

}
.icon{
  list-style: none;
  text-align: center;
}
.avaliacao{
  color:#DAA520;
  font-size: 1.5rem;


}
.carous{
  width: 5rem;
  height: 5rem;
  margin-right: 9px;
}
.inicial{
  font-family: 'titulo home';
  color: #252525;
  font-size: 3.8rem;
  background: #d5d5d3;
  border-radius: 50%;
  height: 75px;
  width: 75px;
  margin-right: auto;
  margin-left: auto;
  margin-top: 0.4em;
  margin-bottom: 0.2em;
  align-items: center;
  text-align: center;

}
.possoajudar{
  background-color: #d5d5d3;
  width:100%;
}
.possoajudar h1{
  font-family: 'Bebas Neue';
  font-size: 4.5em;
  font-weight: normal;
  color:#444444;
  margin-left: 0;
  padding: 0.8em 0;
  width:100%
}
.conteudo{
  display: inline-block;

}
.fundoajuda{
  position: relative;
}
.textoajuda{
  background: url('imagens/fundo_ajuda.png') ;
  -webkit-background-size:cover;
  -moz-background-size:cover;
  -o-background-size:cover;
  background-size:cover;
  background-position: 0 0;
  width: 120%;

  /* position: absolute; */
  left: 0;
  /* text-align: center; */
  margin-left: -100px;
  margin-right: 2%;
  display:inline-block;
  padding: 0;
}
.col{
  padding: 0;
}
.col-7{
  padding: 0;
}
.textoajuda p{
  margin-left: auto;
  margin-right: auto;
  width:90%;
  font-family: 'texto home';
  font-size: 2em;
  font-weight: normal;
  padding-top: 3.5em;
  padding-bottom: 3.5em;
  padding-left:1em
}
.card-ajuda{
  background:#444444;
  width: 100%;
  /* position: absolute; */
  display:inline-block;
  padding: 3.6em 2.4em;
  /* border: solid 8px #ffffff; */
  /* display: block; */
  right: 0;
  margin-top: 90px;


}
.card-ajuda h2{
  padding-top: 0;
  text-align: center;
  font-family: 'Bebas Neue';
  font-size: 3em;
  font-weight: normal;
  color: white;



}
.containerc {
  /* background: #d5d5d3; */
  padding-top: 2em;
  /* width: 100%; */
  margin: 0;
  padding: 0;
}
.opcoes{
  text-align: left;
  list-style: none;

}
.tipos{
  padding: 0.8em ;
  font-family: 'texto home';
  font-size: 2em;
  font-weight: bold;
  color: white;
  text-align: center;

}
.bot{
  padding: 0;
  text-align: center;
  font-family: 'texto home';
  font-size: 1.6em;
  font-weight: bold;
  color: white;
  border: solid;
  border-width:thick;
  border-color:#white;
  /* text-decoration:none; */
}
.bot a{
  text-decoration: none;
  color: white;
}
.moldura{
  position: absolute;
  display: flex;
  top:291%;
  right: 3.8%;

}
.tituloblog{
  text-align: center;
  font-family: 'Bebas Neue';
  font-size: 2.9em;
  padding-top: 0.2em;
  padding-bottom: 1em;
  transform:translateX(-3%)


}
.container {
  /* background: #d5d5d3; */
  padding-top: 2em;
  /* width: 100%; */
}
.card  a{
  text-decoration: none !important;
}
.card-text{
  color: #444444 !important;
}
.foblog2{
  margin-left: 35%;
  transform:translateY(-100%)

}
.foblog1 .card-body{
  padding-bottom: 4.1em
}
.foblog2 .card-body{
  padding-bottom: 4.1em
}
.foblog a {
  text-decoration: none;
}
.foblog3{
margin-left: 70%;
transform:translateY(-201%);
max-width: 900px;
max-height: 600px;

}
.botao-posts{
  /*height: 5vh;
  width: 20%;*/
  ;
  position: relative;
  ;
  max-width: 420px;
  margin-top:-50%;
  margin-left: 33%


}
.contblo{
  padding-top: 10%
}
.botao-posts:hover{
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
        transition-duration: 1s;
        cursor: pointer;
}
.contato{
  width:100%;
  margin-left: 0;

}
.icontato{
  margin-left:22%;
  transform: translateY(-185%)

}
.icontato p{
  font-weight:bolder;
  color: black
}
.icontato a{
  text-decoration: none;
}
.dicontato{
  margin-top: -34%
}

#tele{
  margin-left:20%
}
#wpp{
  margin-left: 10%
}
#conf{
  margin-left: 20%
}

/*
@media only screen and (max-width: 991px) {
  .texto-capa{
    width: 100%;
  }
  .texto-capa h1 {
    width: 42%;
    margin-left: 62%;
  }
}*/

   /*@media only screen and (max-width: 767px){
    .texto-capa{
      width: 100%;
      }
      #main{
        margin: 0;
        padding: 0;
        overflow-x: hidden;
        overflow-y: hidden
    }
    .texto-capa h1{
      width:30%;
      font-size: 1.3em;
      margin-left: 70%
    }
    .texto-capa p{
      font-size: 1em;
      width: 50%;
      margin-left: 68%
    }
    .texto-capa3{
      width:100%
    }
    .texto-capa3 h1{
      width: 30%;
      font-size: 1.3em;
      margin-left: 68%
    }
    .texto-capa3 p{
      font-size: 1em;
      width:50%;
      margin-left: 68%

    }
    .imagemmarcelo{
      margin-left: 0;
      transform: translateX(-90%);
      margin-top: -20%
    }
    .textomarcelo{
      margin: 0
    }
    .textomarcelo h1{
      font-size: 2.3em;
      transform:translateX(20%);
      margin-top:60%
    }
    .textomarcelo p{
      font-size: 1em;
      text-align:left;
      width: 145%;
      transform:translateX(-50%);
      margin-top: 70%
    }
    .saibamais{
      transform: translateX(-10%);
      margin-top: -10%
    }
    .texto-feedback{
      font-family: 'texto home';
      font-size: 1.5em;
      font-weight: normal;
      color:#e5e5e3;
      width: 95%;
      transform: scale(0.8);
      text-align: center;
      margin-left: auto;
      margin-right: auto;
    }
    #avg{
      width:40%
    }
    #mso{
      width: 40%
    }
    .icones-carrossel{
      margin-right: -3%;
      transform:scale(0.8);
      width: 100%;
      position: hidden;
      }
    .carous{
      margin: 0
    }
    .fundocarrossel{
      transform:scale(0.8);
      width:124%;
      margin-left: -12%;
      margin-top: -10%
    }

    .avaliacao{
      width:100%;

    }
    #dificil{
      margin-right:0
    }

    .card-ajuda{
      width: 109%;
        height:35%;
      margin-top:275%;
      margin-left:-3%;
      transform:translateX(17%)
    }
    .textoajuda{

      margin-top:95%;
      margin-left:5%;
      width: 104%;

    }
    .textoajuda p{
      width:100%;
      font-size: 1em
    }
    .possoajudar h1{
      transform: translateY(155%);
      width: 100%;
      font-size: 2.5em;
      margin-left:10%
    }

    .card-ajuda h2{
      font-size: 1em;
      margin-top: 0
    }
    .tipos{
      font-size:0.6em;
      transform: translateX(0)
    }
    .opcoes{
      padding: 0;
      transform:translateY(10%)
    }
    .indi{
      width: 80%
    }
    .cas{
      width: 95%
    }
    .fam{
      width:90%
    }
    .bot{
      margin-top:-60%;
      width:200%;
      transform: translateX(-175%)

    }
    .bot a{

    }
    .foblog{
      transform:scale(0.8)
    }
    .botao-posts{
      width: 80%;
      margin: 0;
      margin-left:10%;
      transform:translateY(-3.5em)

    }
    .dicontato{
      transform:scale(1);
      margin-top: -5%
    }
    .icontato{
      transform:scale(0.4);
      margin-left: 14%;
      margin-top: -27%

    }
    #tecel{
      margin-left:-52%
    }
    #teconf{
      margin-left:145%
    }
    #tewpp{
      margin-left:53%
    }
    #tele{
      margin-left: -30%

    }
    #wpp{
      margin-left: 65%
    }
    #conf{
      margin-left: 145%
    }
    .tituloblog{
      margin-bottom:-20%;
      margin-left:5%
    }
    .foblog1{
      transform:scale(0.6);
      margin-left:10%;

    }
    .foblog2{
      transform:scale(0.6);
      margin-left: 10%;
      margin-top: -30%
    }
    .foblog3{
      transform:scale(0.6);
      margin-left:10%;
      margin-top: -30%
    }
    .borda{
      margin-top: -5%
    }
    .logos{
      transform: translateY(-20%);
      margin-right: 5%

    }
    .jrlo{
      width:9%;
      margin-left: 50%;
      transform: translateY(-127%)
    }
  }
