@charset "UTF-8";   

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,600i,700,800');
@import url('https://fonts.googleapis.com/css?family=Darker+Grotesque:400,500,700,900&display=swap');
/*font-family: 'Darker Grotesque', sans-serif;*/
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,700,800&display=swap');
/* font-family: 'Montserrat', sans-serif; */
@import url('https://fonts.googleapis.com/css?family=Lato:400,900&display=swap');
/* font-family: 'Lato', sans-serif; */

body{
  font-family: 'Open Sans', sans-serif;
}

.cont{
  width: 80%;
  height:auto;
  margin: 0 10%;
  float: left;
}
@media (max-width:992px){
  .cont{
    width: 90%;
    margin:0 5%;
  }
}

.cont-100{
  width: 100%;
  height:auto;
  margin: 0;
  float: left;
}

.cont-60{
  width: 60%;
  height:auto;
  margin: 0 20%;
  float: left;
}
@media (max-width:992px){
  .cont-60{
    width: 90%;
    margin:0 5%;
  }
}

p{
  line-height: 26px;
}

/*.cont .esquerda{
  width: 50%;
  height:auto;
  padding:30px;
  float:left;
  box-sizing: border-box;
}

.cont .direita{
  width: 50%;
  padding:30px;
  box-sizing: border-box;
  height:auto;
  float:left;
}
*/
.linha{
  width: 100%;
  height:auto;
  float: left;
}
.branco{
  color: #fff;
}
.verde{
  color:rgb(2, 153, 2) !important;
}

a{
  text-decoration: none;
}

.laranja{
  color: #FF5000;
}
.branco{
  color: #fff;
}

.topo-fixo{
  width: 100%;
  height:auto;
  padding:16px 0 12px 0;
  background-color: #FF5000;
  z-index: 99999;
  position: fixed;
}

.logo-topo img{
  max-height: 60px;
}

.topo-fixo .esquerda{
  width: 20%;
  height:auto;
  float: left;
}

.topo-fixo .meio{
  width: 60%;
  height:auto;
  float: left;
}

.topo-fixo .direita{
  width: 20%;
  height:auto;
  float:left;
}

.frase-topo{
  width: 100%;
  text-align: center;
  color:#fff;
  text-transform: uppercase;
  font-size: 2em;
  font-weight: 600;
  padding-top: 15px;
}

a.btn-topo{
  float: right;
  padding:14px 30px;
  background-color: #fff;
  color: #000;
  border-radius: 30px;
  margin-top: 6px;
  font-size: 1.1em;
  text-transform: uppercase;
  transition: .2s all ease-out;
}
a.btn-topo:hover{
  background-color: #000;
  color:#FF5000;
}



section{
  width: 100%;
  padding:60px 0;
}

.secao{
  width: 100%;
  float: left;
  padding:60px 0;
}

h1{
  letter-spacing: -1px;
  font-weight: 300;
  font-size: 2.5em;
}



ul {
  display: block;
  list-style-type: none;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 0px;
}

ul li{
  padding:20px;
  border-bottom: 1px solid #d2d2d2;
}

ul li:last-child{
  border-bottom: none;
}


.fw-600{
  font-weight: 600;
}

.overlay{
  position:absolute;
  top:0;
  left:0;
  width: 100%;
  height:100%;
  background-color: rgb(0,0,0,.8);
}

.home{
  background-image: url('img/bg-home2.jpg');
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  /*background-color: #333;*/
  height: 80vh; 
  position: relative;
}

.home .conteudo{
  padding-top: 30vh;
  text-align: center;
  position: relative;
}

.home .conteudo h1{
  font-size: 3em;
}
@media (max-width:992px){
  .home .conteudo h1{
    width: calc(100% - 50px);
    margin:0 auto;
    font-size: 1.8em;
  }
}

.pt-0{padding-top:0 !important;}
.mt-0{margin-top: 0 !important;}

.w-40{
  width: 40%;height:auto;float:left;box-sizing: border-box;padding:30px;
}
.w-50{
  width: 50%;height:auto;float:left;box-sizing: border-box;padding:30px;
}
.w-60{
  width: 60%;height:auto;float:left;box-sizing: border-box;padding:30px;
}
@media(max-width:992px){
  .w-40, .w-50, .w-60{
    width: 100%;
    padding:15px;
  }
}

@media (max-width:992px){
  .txt-centro-mob{
    text-align: center;
    line-height: 32px;
  }
}

.titulo{
  font-size: 4em;
  color: #FF5000;
}

.txt-centro{
  text-align: center;
}

.sucesso{
  width: 100%;
  height: auto; 
  float:left;
  padding:100px 0;
  background-color: rgb(75, 75, 75);
}
@media(max-width:992px){
  .sucesso{
    padding:30px 0;
  }
}

.sucesso .cont .medate{
  width: 50%;
  height:auto;
  float:left;
}


.imagem-center{
  width: 100%;
  height:auto;
  float:left;
  text-align: center;
  margin-bottom: 25px;
}

.frasedestaque{
  width: 100%;
  height: auto; 
  float:left;
  padding:100px 0;
  background-color: #FF5000;
  font-size: 2.4em;
  font-style: italic;
}
@media (max-width:992px){
  .frasedestaque{
    font-size: 1.7em;
    padding:50px 0;
  }
}


.passado{
  width: 100%;
  height: auto; 
  float:left;
  padding:100px 0 110px 0;
  background-color: rgb(235, 235, 235);
}

.passado img{
  max-height: 250px;
}

.passado-item{
  width: 100%;
  height:auto;
  float:left;
  padding:30px 0;
  border-bottom: 1px dotted #cecece;
}
.passado-item:last-child{
  border-bottom: transparent !important;
}

.passado-item .icone{
  width: 15%;
  height:auto;
  float: left;
  color:#ff0000;
  font-size: 2em;
}


.passado-item .texto{
  width: 85%;
  height:auto;
  float:left;
  font-size: 1.4em;
  padding-top: 4px;
}


.cobranca{
  width: 100%;
  height: auto; 
  float:left;
  padding:40px 0;
  background-color: rgb(255, 255, 255);
}

.cobranca-item{
  width: 100%;
  height:auto;
  float:left;
  padding:30px 0;
  border-bottom: 1px dotted #cecece;
}
.cobranca-item:last-child{
  border-bottom: transparent !important;
}

.cobranca-item .titulo{
  font-size: 1.6em;
  font-weight: 600;
  margin-bottom: 14px;
}



/* - Seção OTIMIZAÇÃO - */
.otimizacao{
  width: 100%;
  height: auto; 
  float:left;
  padding:100px 0;
  background-color: rgb(250, 250, 250);
}

.otimizacao-item{
  width: 33.3333%;
  height:auto;
  float: left;
  margin-bottom: 20px;
  border-radius: 20px;
}

@media (max-width:992px){
  .otimizacao-item{
    width: 100%;
  }
}

.otimizacao-item .conteudo:hover{
  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.02), 0 6px 10px 0 rgba(0, 0, 0, 0.03);
  border-radius: 20px;
}

.otimizacao-item .conteudo{
  padding:40px 20px;
  margin:0 10px;
  box-sizing: border-box;
  text-align: center;
  border-radius: 12px;
  background-color: #fff;
  transition: .2s all ease-out;
  min-height: 330px;
  float: left;
}

@media (max-width:992px){
  .otimizacao-item .conteudo {
    min-height: auto !important; 
  }
}

.otimizacao-item .conteudo .icone{
  margin-bottom: 20px;
}
.otimizacao-item .conteudo .icone img{
  max-height: 50px;
}

.otimizacao-item .conteudo .infos .titulo{
font-size: 1.4em;
color: #FF5000;
font-weight: 600;
margin-bottom: 20px;
}



/*- secao: EMITIR -*/
.emitir{
  width: 100%;
  height: auto; 
  float:left;
  padding:100px 0;
  background-color: #fff;
}






.sucesso img{
  max-width: 100%;
  height:auto;
}

.passado img{
  max-width: 100%;
  height:auto;
}

.cobranca img{
  max-width: 100%;
  height:auto;
}

.otimizacao img{
  max-width: 100%;
  height:auto;
}

.emitir img{
  max-width: 100%;
  height:auto;
}






footer{
  width: 100%;
  height:auto;
  padding:80px 0;
  background-color: rgb(49, 18, 4);
}




/*seta pra baixo*/
@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}


.arrow {
  position: absolute;
  bottom: 80px;
  left: 50%;
  margin-left: -20px;
  width: 40px;
  height: 40px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yOTMuNzUxLDQ1NS44NjhjLTIwLjE4MSwyMC4xNzktNTMuMTY1LDE5LjkxMy03My42NzMtMC41OTVsMCwwYy0yMC41MDgtMjAuNTA4LTIwLjc3My01My40OTMtMC41OTQtNzMuNjcyICBsMTg5Ljk5OS0xOTBjMjAuMTc4LTIwLjE3OCw1My4xNjQtMTkuOTEzLDczLjY3MiwwLjU5NWwwLDBjMjAuNTA4LDIwLjUwOSwyMC43NzIsNTMuNDkyLDAuNTk1LDczLjY3MUwyOTMuNzUxLDQ1NS44Njh6Ii8+DQo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMjIwLjI0OSw0NTUuODY4YzIwLjE4LDIwLjE3OSw1My4xNjQsMTkuOTEzLDczLjY3Mi0wLjU5NWwwLDBjMjAuNTA5LTIwLjUwOCwyMC43NzQtNTMuNDkzLDAuNTk2LTczLjY3MiAgbC0xOTAtMTkwYy0yMC4xNzgtMjAuMTc4LTUzLjE2NC0xOS45MTMtNzMuNjcxLDAuNTk1bDAsMGMtMjAuNTA4LDIwLjUwOS0yMC43NzIsNTMuNDkyLTAuNTk1LDczLjY3MUwyMjAuMjQ5LDQ1NS44Njh6Ii8+DQo8L3N2Zz4=);
  background-size: contain;
}

.bounce {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}
/*seta pra baixo fim*/