body {
  margin: 0;  
  font-family: 'Nunito Sans', sans-serif; }

  .topnav {
    overflow: hidden;
    background-color: #F2F2F2;
    }    

    .topnav a {
      float: left;
      display: block;
      color: #000;
      text-align: center;
      padding: 14px 16px;
      text-decoration: none;
      font-size: 17px; }

      .topnav a:hover {
        background-color: white;
        color: black; }

        .topnav .icon {
          display: none; }

          h1 {
            font-size: 2em; }

            #paragSemJus {
              font-size: 1em;              
            }

            #paragJ {
              font-size: 1em;
              text-indent: 2em;
              text-align: justify;
            }

            #paragP {
              font-size: 1em;
              text-indent: 2em;
              
            }

            #paragP a, #paragR a {
              color: white;
              text-decoration: underline;
            }

            .paragEmail {
              font-size: 1.2rem;              
            }

            .paragEmail a {
              text-decoration: underline;
            }
            
            #negrito {
              font-weight: 600; }

              .divlogo {
                max-width: 100%;
                margin: auto;
                text-align: center;
                padding-top: 30px;
                padding-bottom: 30px; }

                .topo {
                  background-image: url("../img/backgtopoblue.png");
                  /* Set a specific height */
                  min-height: 500px;
                  
                  /* Create the parallax scrolling effect */
                  background-attachment: fixed;
                  background-position: center;
                  background-repeat: no-repeat;
                  background-size: cover;
                  
                  /* Sem parallax
                  background-size: cover;
                  background-repeat: no-repeat;
                  background-position: 50% 50%; */
                  margin-left: auto;
                  margin-right: auto;
                  padding: 3em;
                  color: white;
                }

                .destaques {
                  margin-top: 60px;
                  font-size: 1.5em;
                }

                .fundologo {
                  background-color: white; }

                  #imglogo {
                    padding: 3em;
                    display: block;
                    margin-left: auto;
                    margin-right: auto;
                    width: 30%; }

                    .solucoes {
                      background-color: #277FB3;
                      padding-left: 15px;
                      padding-right: 15px;
                      padding-top: 3em;
                      padding-bottom: 3em;
                      margin-left: auto;
                      margin-right: auto;
                      color: white;  
                    }

                    .blocoCarrossel {
                      height: 972px;
                    }

                    .carrossel {
                      width: 100%;
                    }

                    .carousel-img {
                      background-repeat: no-repeat;
                      background-size: cover;
                      background-position: center;
                      min-height:400px;
                    }

                    .carousel-caption {
                      color: black;                      
                      color: #262626;
                    }

                    .textoCarrossel {
                      font-size: 2em;
                    }
                    
                    .divQuemSomos {
                      background-image: url("../img/rodape.png");background-size: cover;
                      background-repeat: no-repeat;                      
                      padding-left: 15px;
                      padding-right: 15px;
                      padding-top: 3em;
                      padding-bottom: 3em;
                      color: #FFF;
                      text-indent: 0;
                      margin: auto;                      
                    }
                    
                    .divQuemSomosBlocos {
                      display: flex;
                      flex-wrap: wrap;
                      margin: auto;
                      justify-content: space-around;
                    }

                    .divQuemSomosBlocos img {
                      max-width: 200px;  
                      margin: 20px;
                    }

                    .tituloSecao {
                      text-align: center;
                      font-size: 2em;                      
                      font-weight: 'Bold 700';
                    }

                    .blocoLogoQuemSomos {
                      background-color: #FFF;
                      padding: 20px;
                      text-align: center;
                      width: 300px;
                    }

                    .blocoQuemSomos p {
                      text-align: center;
                      font-size: 1em;
                    }

                    .cardEscolha {
                      background-image: url("../img/estradaOpaca.jpg");
                      /* Set a specific height */
                      min-height: 320px;

                      /* Create the parallax scrolling effect */
                      background-attachment: fixed;
                      background-position: center;
                      background-repeat: no-repeat;
                      background-size: cover;
                      
                      /* width: 100%; */
                      padding-left: 30px;
                      padding-right: 30px;
                      padding-top: 30px;
                      padding-bottom: 30px;
                      color: #000;
                      text-indent: 0;
                      text-align: center;
                      margin-bottom: 50px;
                      margin-top: 50px;
                    }

                    .div30porcento {
                      width: 15%;
                    }

                    .div50porcento {
                      width: 45%;
                    }

                    .div70porcento {
                      width: 75%;
                    }

                    .alinhaEsquerda {
                      text-align: left;
                    }

                    .divEscolha {
                      display: flex;
                      flex-direction: row;
                    }

                    .imgEscolha {
                      max-height: 300px;
                      padding-top: 20px;
                    }

                    .cardBeneficios {
                      background-image: url("../img/praiaOpaco.jpg");
                      /* Set a specific height */
                      min-height: 460px;

                      /* Create the parallax scrolling effect */
                      background-attachment: fixed;
                      background-position: center;
                      background-repeat: no-repeat;
                      background-size: cover;

                      /* width: 70%;
                      width: 100%; */
                      padding-left: 30px;
                      padding-right: 30px;
                      padding-top: 30px;
                      padding-bottom: 30px;
                      color: #000;
                      text-indent: 0;
                      text-align: center;
                      margin-bottom: 50px;
                      margin-top: 50px;
                    }

                    .cardChatbot {
                      background-image: url("../img/chatbotFundo.jpg");
                      /* Set a specific height */
                      min-height: 460px;

                      /* Create the parallax scrolling effect */
                      background-attachment: fixed;
                      background-position: center;
                      background-repeat: no-repeat;
                      background-size: cover;

                      /* width: 70%;
                      width: 100%; */
                      padding-left: 30px;
                      padding-right: 30px;
                      padding-top: 30px;
                      padding-bottom: 30px;
                      color: #000;
                      text-indent: 0;
                      text-align: center;
                      margin-bottom: 50px;
                      margin-top: 50px;
                    }

                    .tituloCardChatbot {
                      background-color: #183DA1;
                      padding: 15px;
                      color: #F5D82F;
                      font-weight: 700;
                    }
                    
                    .divBeneficios {
                      display: flex;
                      flex-direction: row;
                      align-items: center;
                    }

                    .cardOqueOferecemos {                      
                      margin: auto;
                      width: 50%;
                    }
                    
                    .card-img-top {
                      width: 50%;
                      padding-top: 20px;
                    }

                    .divOqueOferecemos {
                      background-color: #F0F0EE;
                      width: 100%;
                      padding-left: 30px;
                      padding-right: 30px;
                      padding-top: 30px;
                      padding-bottom: 30px;
                      color: #277FB3;
                      text-indent: 0;
                      text-align: center;
                      margin-bottom: 20px;
                      margin-top: 20px;
                    }

                    .divOqueOferecemos p {
                      text-align: left;
                    }

                    .tituloCard {
                      text-align: center;
                      font-size: 2em;
                      font-weight:bold;
                      padding-top: 10px;
                    }

                    .textoIntroChatbot {
                      text-align: justify;
                      padding: 20px 50px;
                      font-weight: 600;
                    }

                    .beneficiosApp p, .porqueCaiana p {
                      font-weight: bold;
                    }

                    .beneficiosChatbot1, .beneficiosChatbot2 {
                      font-weight: 600;
                      margin: 20px;
                      padding: 20px;
                    }

                    .imgInternaDivChatbot {
                      max-height: 300px;
                    }
                    
                    .jumbotron {
                      display: flex;
                      flex-wrap: wrap;
                      margin: auto;
                      justify-content: space-around;
                      margin-bottom: 0;
                      background-color: #25559A;
                      color: #FEFEFE;
                      padding-top: 32px;
                      padding-bottom: 32px;
                    }

                    .areaatuacao_texto {
                      margin-left: 20px;
                      margin-right: 20px;
                      max-width: 400px;
                    }

                    .areaatuacao_imagem img {
                      max-width: 400px;
                      margin: auto;
                      box-shadow: 0px 0px 5px lightblue;
                    }

                    .clientes {
                      background-color: #EFF8EF;
                      padding-left: 15px;
                      padding-right: 15px;
                      padding-top: 3em;
                      padding-bottom: 3em;
                    }

                    .clientesBlocos {
                      display: flex;
                      flex-wrap: wrap;
                      margin: auto;
                      justify-content: space-around;
                    }

                    .clientesBlocos img {
                      max-width: 200px;  
                      margin: 20px;
                    }

                    /* .videoAtive {
                      background-color: #EFF8EF;
                      padding-left: 15px;
                      padding-right: 15px;
                      padding-top: 3em;
                      padding-bottom: 3em;
                      text-align: center;
                    }

                    .videoAtiveInterno {
                      display: inline;
                      flex-wrap: wrap;
                      margin: auto;
                      justify-content: space-around;
                    } */

                    /* .videoAtiveInterno {
                      position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden
                      /*display: inline;
                      flex-wrap: wrap;
                      margin: auto;
                      justify-content: space-around;
                    }

                    .videoAtiveInterno iframe, .videoAtiveInterno object, .videoAtiveInterno embed { 
                      position: absolute; 
                      top: 0; 
                      left: 0; 
                      width: 100%;
                      max-width: 600px;
                    } */


                    
/*DEPOIMENTOS
.depoimentos {
  background-color: #EFF8EF;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 3em;
  padding-bottom: 3em;
  color: #277FB3;
  display: flex;
  flex-wrap: wrap;
  margin: auto;  
}

.depoimentointerno {
  width: 28%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
*/

.descricaoCaiana {
  padding: 50px 20px;
  background-color: #245369;
  color: white;
  text-align: center;
  font-size: 1.2em;
}

#descricaoCaianap {
  margin: 0;
}

.contato1 {
  font-size: 1em;
  text-align: center;
  background-color: #277FB3;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 3em;
  padding-bottom: 3em;
  color: white; }

  .contato {
    text-align: center;
    background-color: #277FB3;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 0;
    padding-bottom: 0;
    color: white;
    text-align: center; }

    #contatowhatsapp {
      display: block;
      margin-left: auto;
      margin-right: auto;
      font-size: 1em; }

      footer {
        display: flex;
        align-items: center;
        justify-content: space-around;
        text-align: center;
        color: white;
        background-image: url("../img/rodape.png");
        background-size: cover;
        background-repeat: no-repeat;
        padding: 40px 0;
        font-size: 1.5em; }

        #subirTopo {
          text-decoration: none;
          background: darkmagenta;
          bottom: 30px;
          right: 30px;
          color: #fff;
          text-align: center;
          cursor: pointer;
          padding: 10px 15px;
          position: fixed;
          border: 0;          
          opacity: .8;
          border-radius: 50%;
        }

        #subirTopo:hover {
          opacity:1;
        }

        @media screen and (max-width: 700px) {
          .topnav a {
            display: none; }

            .topnav a.icon {
              float: right;
              display: block; }

              .videoAtiveInterno {
                width: 100%;
              }

              .textoIntroChatbot {
                      text-align: justify;
                      padding: 10px 20px;
                    }              

              .divBeneficios, .divEscolha {
                      display: flex;
                      flex-direction: column;
                    }
            }

            @media screen and (max-width: 767px) {
              /*.divBeneficios, .divEscolha,  {                      
                      display: inline;
                      width: 100%;                      
                    }*/

                    .div50porcento, .div30porcento, .div70porcento {
                      width: 100%;
                      text-align: center;
                    }
                    
            .logoCaiana {
              width: 80%;
            }
          }

            @media screen and (max-width: 600px) {
              .topnav.responsive {
                position: relative;
              }

              .topnav.responsive .icon {
                position: absolute;
                right: 0;
                top: 0;
              }

              .topnav.responsive a {
                float: none;
                display: block;
                text-align: left;
              }
            }

            @media screen and (min-width: 1025px) {
              .carousel-img {
                margin: auto;
              }

              .contato {
                display: flex;
                align-items: center;
                justify-content: space-around;
                text-align: center;
                background-color: #277FB3;
                padding-left: 15px;
                padding-right: 15px;
                padding-top: 3em;
                padding-bottom: 0;
                color: white;
                text-align: right; }

                .fones, .endereco {
                  text-align: left;
                }

                .jumbotron {
                  display: flex;
                  flex-wrap: wrap;
                  margin: auto;
                  justify-content: center;
                  margin-bottom: 0;
                  background-color: #25559A;
                  color: #FEFEFE;
                  padding-top: 32px;
                  padding-bottom: 32px;
                  align-items: center;
                }

                .areaatuacao_texto {
                  margin-left: 20px;
                  margin-right: 20px;
                  text-align: right;
                  max-width: 600px;
                }

                .areaatuacao_imagem {                  
                  text-align: left;
                  width: 500px;                  
                }
              }

              # sourceMappingURL=styles.css.map