* {
    margin: 0;
    padding: 0;
  }
  .elementos {
    display: flex;
    justify-content: space-evenly;
    text-align:left;
    list-style: none;
    padding-top: 10px;
    padding-bottom: 10px;
    color: white;
    font-weight: 500;
    font-size: 20px;
    font-family: 'Verdana';
    /*background-color: rgb(153, 153, 153);*/
    transition: 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);

    position: fixed; width: 100vw;
  } 
  .elementos:hover{
    cursor: pointer;
    /* background-color:rgb(27, 187, 185); color: black; */
    /*color: grey;*/
  } 
  /*.nav-el{*/
      
  /*}*/
  .nav-el:hover{
      color: rgb(92, 92, 92);
  }
  .linhas {
    cursor: pointer;
    position: fixed;
  }  
  .span {
    width: 30px;
    height: 4px;
    background-color: orange;
    /*rgb(100, 99, 99);*/
    margin-bottom: 5px;
    border-radius: 2px;
    transition: 0.5s cubic-bezier(0.23, 1, 0.320, 1);
    /*z-index:1;*/
  }
  .botao {
  display: none;  
}
  .bottomnav{
    height: 5%; width: 100%;

    margin-left: 0%; margin-top: 95vh;

    /*background-color: black;*/
    color:rgb(27, 187, 185, 0.8);
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
    font-size: 0.7vmax; font-size: 1.9vmin;
    position:fixed;
    border-top: 3px;
  }
  .itemBotNav{
    width: 14.28%;
    display:flex; flex-direction: column; 
    justify-content:center; float:left;
    text-align: center; margin-top: 1.3vh;
    
}
  .agendeBF{
    position:fixed;
    width: 120px; height: 56px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1vmax; font-size: 2.2vmin;
    border-radius: 5px;

    margin-left: 72%; margin-top: 80vh;
    background-color: black;
    color: rgb(27, 187, 185);
  }
  .agendeBF:hover{
    border-color: black;
    border-width: 5px;
    background-color: rgb(27, 187, 185);
    color:black;
    cursor:pointer;
  }
  
  .logoNaBarra{
      width: 250px; height: 22px;
  }
  /********************************************************************/
  /******************configurações do StyleHome - inicio***************/
  /********************************************************************/
  
  #body{
    background-color: black; 
    background-repeat: no-repeat; 
    background-size: cover;
}
#geral{
    width:98vw;
    height: 98vh;
    color:white;
    /*background-color:black;*/
}

#navegacao{
    width:98vw;
    height: 7.8vh;	
    min-height: 68px;
    /*background-color:orange;*/ 
}

#bloconav{
    width: 1200px;
    font-family: Arial, Helvetica, sans-serif;
    height: 7.8vh;
    min-height: 68px;
    /*position:relative;*/
}
    #logonav{
        width:250px;
        height: 7.8vh;
        min-height: 70px;	
        /*background-color:violet;*/
        /*position:relative;*/
        /*display: table-cell;*/
        float:left;
    }
    #quemnav{
        width:190px;
        height: 7.8vh;
        min-height: 70px;	
        /*background-color:blue;*/        
        font-size:20px;
        /*display: table-cell;*/
        /*vertical-align: middle;*/
        float:left;
    }
    #servnav{
        width:190px;
        height: 7.8vh;
        min-height: 70px;	
        /*background-color:green;*/
        font-size:20px;
        float:left;
    }
    #casenav{
        width:190px;
        height: 7.8vh;
        min-height: 70px;	
        /*background-color:yellow;*/
        font-size:20px;
        float:left;
    }
    #parcnav{
        width:190px;
        height: 7.8vh;
        min-height: 70px;	
        /*background-color:rgb(150, 149, 149);*/
        font-size:20px;
        float:left;
    }
    #usernav{
        width:190px;
        height: 7.8vh;
        min-height: 70px;	
        /*background-color:red;*/
        font-size:20px;
        float:left;   
    }
        #usernav li{
            /*color: gray;*/
            list-style-type: none;
            transition: 0.3s ease;
            opacity: 0.8;
            cursor: pointer;
        }
        #usernav li:hover{
           color: gray;
            opacity: 1;
        }
#mostruario{
    width:98vw;
    max-width: 1300px;
    height: 80vh;	
    /*max-height: 480px;*/
    /*max-height: 480px;*/
    /*background-color:pink;*/
    color:white;
}
    #conheca{
        width:98vw;
        max-width: 1300px; 
        height: 80vh;	
        /*max-height: 240px;   */
        /*background-color: black;*/
    }
        .faq1{
            /*display:none;*/            
            display: flex; 
            flex-direction: column;
            justify-content: flex-end;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 40px; 
            /*margin:10px;*/
            /*vertical-align: bottom;*/
            text-align: left;
        }
        #conheca1 {
            display:flex; flex-direction: column; justify-content: flex-end;

            font-family: Arial, Helvetica, sans-serif;
            font-size: 35px; text-align: left; /*color:gray;*/

            width:98vw; max-width: 1280px; height: 45vh; margin-left:15px;
            float:left;
            /*background-color: blue;*/
        }   
        #conheca2 {
            display:flex; flex-direction: column; justify-content: center; 

            font-family: Arial, Helvetica, sans-serif;
            font-size: 20px; text-align: left; /*color:gray;*/

            width:49vw; max-width: 605px; height: 30vh; float:left;
            margin-left:15px;
            /*background-color: pink;*/
        }
            #btnconheca {
                /*color: orange;*/
                /*background-color: black;*/
                /*width:200px; height: 50px;*/
                /*font-size: 20px;*/
                
                color: orange;
                background-color: black;
                width: 24vh; height: 5vh;
                font-size: 2.5vh;
                border-top-left-radius: 1vh;
                border-bottom-left-radius: 1vh;
                border-top: 0.4vh solid orange;
                border-left: 0.4vh solid orange;
                border-bottom: 0.4vh solid orange;
            }
        #conheca3 {
            display:flex; flex-direction: column; justify-content: center; 

            font-family: Arial, Helvetica, sans-serif;
            font-size: 20px; text-align: left; /*color:gray;*/

            width:49vw; max-width: 605px; height: 30vh; float:left;
            border-left: 2px solid gray; 
            /*background-color: brown;*/
        }
        #conheca4 {
            width:98vw; max-width: 1280px; height: 5vh;
        }

    #comofaz{
        width:98vw;
        max-width: 1300px; 
        height: 80vh;	
        /*max-height: 240px;   */
        /*background-color: green;*/
        /*display:none;*/
    }
        .faq2{
            display:none;
            flex-direction: column;
            justify-content: flex-end;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 40px; 
            text-align: left;
        }
        #comofaz1 {
            display:flex; flex-direction: column; justify-content: flex-end;

            font-family: Arial, Helvetica, sans-serif;
            font-size: 35px; text-align: left; /*color:gray;*/

            width:98vw; max-width: 1280px; height: 45vh; margin-left:15px;
            float:left;
            /*background-color: blue;*/
        }   
        #comofaz2 {
            display:flex; flex-direction: column; justify-content: center; 

            font-family: Arial, Helvetica, sans-serif;
            font-size: 20px; text-align: left; /*color:gray;*/

            width:49vw; max-width: 605px; height: 30vh; float:left;
            margin-left:15px;
            /*background-color: pink;*/
        }
            #btncomofaz {
                /*color: orange;*/
                /*background-color: black;*/
                /*width:200px; height: 50px;*/
                /*font-size: 20px;*/
                
                color: orange;
                background-color: black;
                width: 24vh; height: 5vh;
                font-size: 2.5vh;
                border-top-left-radius: 1vh;
                border-bottom-left-radius: 1vh;
                border-top: 0.4vh solid orange;
                border-left: 0.4vh solid orange;
                border-bottom: 0.4vh solid orange;
            }
        #comofaz3 {
            display:flex; flex-direction: column; justify-content: center; 

            font-family: Arial, Helvetica, sans-serif;
            font-size: 20px; text-align: left; /*color:gray;*/

            width:49vw; max-width: 605px; height: 30vh; float:left;
            border-left: 2px solid gray; 
            /*background-color: brown;*/
        }
        #comofaz4 {
            width:98vw; max-width: 1280px; height: 5vh;
        }
    #hwstart{
        width:98vw;
        max-width: 1300px; 
        height: 80vh;	
        /*max-height: 240px;   */
        /*background-color:red;*/
        /*display:none;*/
    }
        .faq3{
            display:none;
            flex-direction: column;
            justify-content: flex-end;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 40px;
            text-align: left;
            /*color: black;*/
        } 
        #hwstart1 {
            display:flex; flex-direction: column; justify-content: flex-end;

            font-family: Arial, Helvetica, sans-serif;
            font-size: 35px; text-align: left; /*color:gray;*/

            width:98vw; max-width: 1280px; height: 45vh; margin-left:15px;
            float:left;
            /*background-color: blue;*/
        }   
        #hwstart2 {
            display:flex; flex-direction: column; justify-content: center; 

            font-family: Arial, Helvetica, sans-serif;
            font-size: 20px; text-align: left; /*color:gray;*/

            width:49vw; max-width: 605px; height: 30vh; float:left;
            margin-left:15px;
            /*background-color: pink;*/
        }
            #btnhwstart {
                /*color: orange;*/
                /*background-color: black;*/
                /*width:200px; height: 50px;*/
                /*font-size: 20px;*/
                
                color: orange;
                background-color: black;
                width: 24vh; height: 5vh;
                font-size: 2.5vh;
                border-top-left-radius: 1vh;
                border-bottom-left-radius: 1vh;
                border-top: 0.4vh solid orange;
                border-left: 0.4vh solid orange;
                border-bottom: 0.4vh solid orange;
            }
        #hwstart3 {
            display:flex; flex-direction: column; justify-content: center; 

            font-family: Arial, Helvetica, sans-serif;
            font-size: 20px; text-align: left; /*color:gray;*/

            width:49vw; max-width: 605px; height: 30vh; float:left;
            border-left: 2px solid gray; 
            /*background-color: brown;*/
        }
        #hwstart4 {
            width:98vw; max-width: 1280px; height: 5vh;
        }   
    #impctdi{
        width:98vw;
        max-width: 1300px; 
        height: 80vh;	
        /*max-height: 240px;   */
        /*background-color: yellow;*/
        /*display:none;*/
    }
        .faq4{
            display:none;
            flex-direction: column;
            justify-content: flex-end;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 40px;
            text-align: left;
            /*color: black;*/
        } 
        #impctdi1 {
            display:flex; flex-direction: column; justify-content: flex-end;

            font-family: Arial, Helvetica, sans-serif;
            font-size: 35px; text-align: left; /*color:gray;*/

            width:98vw; max-width: 1280px; height: 45vh; margin-left:15px;
            float:left;
            /*background-color: blue;*/
        }   
        #impctdi2 {
            display:flex; flex-direction: column; justify-content: center; 

            font-family: Arial, Helvetica, sans-serif;
            font-size: 20px; text-align: left; /*color:gray;*/

            width:49vw; max-width: 605px; height: 30vh; float:left;
            margin-left:15px;
            /*background-color: pink;*/
        }
            #btnimpctdi {
                /*color: orange;*/
                /*background-color: black;*/
                /*width:200px; height: 50px;*/
                /*font-size: 20px;*/
                
                color: orange;
                background-color: black;
                width: 24vh; height: 5vh;
                font-size: 2.5vh;
                border-top-left-radius: 1vh;
                border-bottom-left-radius: 1vh;
                border-top: 0.4vh solid orange;
                border-left: 0.4vh solid orange;
                border-bottom: 0.4vh solid orange;
            }
        #impctdi3 {
            display:flex; flex-direction: column; justify-content: center; 

            font-family: Arial, Helvetica, sans-serif;
            font-size: 20px; text-align: left; /*color:gray;*/

            width:49vw; max-width: 605px; height: 30vh; float:left;
            border-left: 2px solid gray; 
            /*background-color: brown;*/
        }
        #impctdi4 {
            width:98vw; max-width: 1280px; height: 5vh;
        }    
    #impctin{
        width:98vw;
        max-width: 1300px; 
        height: 80vh;	
        /*max-height: 240px;   */
        /*background-color: gray;*/
        /*display:none;*/
        }
        .faq5{
            display:none;
            flex-direction: column;
            justify-content: flex-end;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 40px;
            text-align: left;
        } 
        #impctin1 {
            display:flex; flex-direction: column; justify-content: flex-end;

            font-family: Arial, Helvetica, sans-serif;
            font-size: 35px; text-align: left; /*color:gray;*/

            width:98vw; max-width: 1280px; height: 45vh; margin-left:15px;
            float:left;
            /*background-color: blue;*/
        }   
        #impctin2 {
            display:flex; flex-direction: column; justify-content: center; 

            font-family: Arial, Helvetica, sans-serif;
            font-size: 20px; text-align: left; /*color:gray;*/

            width:49vw; max-width: 605px; height: 30vh; float:left;
            margin-left:15px;
            /*background-color: pink;*/
        }
            #btnimpctin {
                /*color: orange;*/
                /*background-color: black;*/
                /*width:200px; height: 50px;*/
                /*font-size: 20px;*/
                
                color: orange;
                background-color: black;
                width: 24vh; height: 5vh;
                font-size: 2.5vh;
                border-top-left-radius: 1vh;
                border-bottom-left-radius: 1vh;
                border-top: 0.4vh solid orange;
                border-left: 0.4vh solid orange;
                border-bottom: 0.4vh solid orange;
            }
        #impctin3 {
            display:flex; flex-direction: column; justify-content: center; 

            font-family: Arial, Helvetica, sans-serif;
            font-size: 20px; text-align: left; /*color:gray;*/

            width:49vw; max-width: 605px; height: 30vh; float:left;
            border-left: 2px solid gray; 
            /*background-color: brown;*/
        }
        #impctin4 {
            width:98vw; max-width: 1280px; height: 5vh;
        }
#rodape{
    width:98vw;
    height: 7.8vh;
    min-height: 68px;	
    /*background-color: red;*/
    border-top:2px solid gray;
    margin-top: 12vh;
}

    #blckfootnav{
        width: 1200px;
        font-family: Arial, Helvetica, sans-serif;
        /*background-color: orange;*/
        height: 7.8vh;
        min-height: 68px;
        /*position:relative;*/
        margin-top: 1vh;
    }
        #navconhe{
            float:left;
            width: 240px;
            /*color: gray;*/
        }
            #navconhe li{
                /*color: gray;*/
                list-style-type: none;
                transition: 0.3s ease;
                opacity: 0.8;
                cursor: pointer;
            }
            #navconhe li:hover{
               color: gray;
                opacity: 1;
            }
        #navcomof{
            float:left;
            width: 240px;
        }
            #navcomof li{
                /*color: gray;*/
                list-style-type: none;
                transition: 0.3s ease;
                opacity: 0.8;
                cursor: pointer;
            }
            #navcomof li:hover{
                color: gray;
                opacity: 1;
            }        
        #navhwstr{
            float:left;
            width: 240px;
        }
            #navhwstr li{
                /*color: gray;*/
                list-style-type: none;
                transition: 0.3s ease;
                opacity: 0.8;
                cursor: pointer;
            }
            #navhwstr li:hover{
                color: gray;
                opacity: 1;
            }
        #navimpdi{
            float:left;
            width: 240px;
        }
            #navimpdi li{
                /*color: gray;*/
                list-style-type: none;
                transition: 0.3s ease;
                opacity: 0.8;
                cursor: pointer;
            }
            #navimpdi li:hover{
                color: gray;
                opacity: 1;
            }
        #navimpin{
            float:left;
            width: 240px;
        }
            #navimpin li{
                /*color: gray;*/
                list-style-type: none;
                transition: 0.3s ease;
                opacity: 0.8;
                cursor: pointer;
            }
            #navimpin li:hover{
                color: gray;
                opacity: 1;
                
            }
            
#rodapeWebApp{
    display:none;
}
#mostraWebApp{
    display:none;
}
#LogoWebApp{
    display:none;
}
  /********************************************************************/
  /******************configurações do StyleHome - fim******************/
  /********************************************************************/

@media only screen and (max-width: 450px) {  
  body {
        transform: rotate(0deg);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
    html, body {
        /*overflow-x: hidden;*/
        height: 100%;
        width:100%;
        margin: 0;
        padding: 0;
        overflow: hidden;
    }
}

/* Bloquear mudanças de largura */
 

@media (max-width: 450px) {
    
   .logoNaBarra{
      width: 157px; height: 14px;
  }    
#body{
    /*min-height: 100vh;*/
    /*width:80vw;*/
    /*height:80vh;*/
    /*background-size: 65vw;*/
}
#geral{
    /*width:50vw;*/
    /*height:50vh;*/
}
  .elementos {
    flex-direction: column;
    align-items: center;
    position: absolute;
    margin:0;
    /*opacity:1;*/
    padding: 20px;
    width: 35%;
    height: 100%;
    transform: translateX(-100%);
    background-color: rgb(153, 153, 153);
    /*z-index: 1;*/
  }
  .botao {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-left: 20px;
    padding-top: 20px;
  }
  .bottomnav{
    height: 3vh;
    margin-top: 94.5vh; 
  }
  .agendeBF{
    width: 20vw; height: 9vw;
    font-size: 1.6vmax; font-size: 2.9vmin;
    margin-left: 60%; margin-top: -2vh;
  }
  
  
  
  
#LogoWebApp{
   display:flex; flex-direction: column; justify-content: center;
   width:70vw;
   text-align:center;
   background-color:gray;
}  
#mostruario  {
    display:none;
}
#mostraWebApp{
    display: flex; color:white;
    font-size: 25px; text-align: center;
}
    #WebAppconheca{
        width:98vw; height: 65vh;	
    }
        .WebAppfaq1{
            display:flex; flex-direction: column; justify-content: flex-end;
            font-family: Arial, Helvetica, sans-serif; font-size: 40px; 
            text-align: left;
        }
        #WebAppconheca1 {
            display:flex; flex-direction: column; justify-content: flex-end;
            float:left; width:98vw; height: 45vh; margin-left:0px;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 20px; text-align: center;
        }   
        #WebAppconheca2 {
            display:flex; flex-direction: column; justify-content: center; 
            float:left; width:90vw; height: 30vh; margin-left:50vw;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 20px; text-align: left;
        }
            #WebAppbtnconheca {
                color: orange; background-color: black;
                width: 38.8vw; height: 8.3vw; font-size: 4.85vw;
                border-top-left-radius: 1.67vw; border-bottom-left-radius: 1.67vw;
                border-top: 0.75vw solid orange; border-left: 0.75vw solid orange; border-bottom: 0.75vw solid orange;
            }
        #WebAppconheca3 {
            display:flex; flex-direction: column; justify-content: center; 
            float:left; width:90vw; height: 30vh; margin-left:2vw;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 15px; text-align:justify; 
        }
        #WebAppconheca4 {
            width:98vw; height: 5vh;
        }
        
    #WebAppcomofaz{
        width:98vw; height: 65vh;
    }
        .WebAppfaq2{
            display:none; flex-direction: column; justify-content: flex-end;
            font-family: Arial, Helvetica, sans-serif; font-size: 40px; 
            text-align: left;
        }
        #WebAppcomofaz1 {
            display:flex; flex-direction: column; justify-content: flex-end;
            float:left; width:98vw; height: 45vh; margin-left:0px;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 20px; text-align: center;
        }   
        #WebAppcomofaz2 {
            display:flex; flex-direction: column; justify-content: center; 
            float:left; width:90vw; height: 30vh; margin-left:50vw;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 20px; text-align: left;
        }
            #WebAppbtncomofaz {
                color: orange; background-color: black;
                width: 38.8vw; height: 8.3vw; font-size: 4.85vw;
                border-top-left-radius: 1.67vw; border-bottom-left-radius: 1.67vw;
                border-top: 0.75vw solid orange; border-left: 0.75vw solid orange; border-bottom: 0.75vw solid orange;
            }
        #WebAppcomofaz3 {
            display:flex; flex-direction: column; justify-content: center; 
            float:left; width:90vw; height: 30vh; margin-left:2vw;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 15px; text-align:justify;
        }
        #comofaz4 {
            width:98vw; height: 5vh;
        }
        
    #WebApphwstart{
        width:98vw; height: 65vh;
    }
        .WebAppfaq3{
            display:none; flex-direction: column; justify-content: flex-end;
            font-family: Arial, Helvetica, sans-serif; font-size: 40px;
            text-align: left;
        } 
        #WebApphwstart1 {
            display:flex; flex-direction: column; justify-content: flex-end;
            float:left; width:98vw; height: 45vh; margin-left:0px;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 20px; text-align: center;
        }   
        #WebApphwstart2 {
            display:flex; flex-direction: column; justify-content: center; 
            float:left; width:90vw; height: 30vh; margin-left:50vw;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 20px; text-align: left;
        }
            #WebAppbtnhwstart {
                 color: orange; background-color: black;
                width: 38.8vw; height: 8.3vw; font-size: 4.85vw;
                border-top-left-radius: 1.67vw; border-bottom-left-radius: 1.67vw;
                border-top: 0.75vw solid orange; border-left: 0.75vw solid orange; border-bottom: 0.75vw solid orange;
            }
        #WebApphwstart3 {
            display:flex; flex-direction: column; justify-content: center; 
            float:left;  width:90vw; height: 30vh; margin-left:2vw;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 15px; text-align:justify;
        }
        #hwstart4 {
            width:98vw; height: 5vh;
        }   
    #WebAppimpctdi{
        width:98vw; height: 65vh; 
        /*margin-top:1vh;*/
    }
        .WebAppfaq4{
            display:none; flex-direction: column; justify-content: flex-end;
            font-family: Arial, Helvetica, sans-serif; font-size: 40px;
            text-align: left;
        } 
        #WebAppimpctdi1 {
            display:flex; flex-direction: column; justify-content: flex-end;
            float:left; width:98vw; height: 45vh; margin-left:0px; 
            font-family: Arial, Helvetica, sans-serif;
            font-size: 20px; text-align: center; 
            /*background-color:pink; */
            /*margin-top:5vh;*/
        }   
        #WebAppimpctdi2 {
            display:flex; flex-direction: column; justify-content: center; 
            float:left; width:90vw; height: 25vh; margin-left:50vw;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 20px; text-align: left;
        }
            #WebAppbtnimpctdi {
                color: orange; background-color: black;
                width: 38.8vw; height: 8.3vw; font-size: 4.85vw;
                border-top-left-radius: 1.67vw; border-bottom-left-radius: 1.67vw;
                border-top: 0.75vw solid orange; border-left: 0.75vw solid orange; border-bottom: 0.75vw solid orange;
            }
        #WebAppimpctdi3 {
            display:flex; flex-direction: column; justify-content: center; 
            float:left; width:90vw; height: 30vh; margin-left:5vw; 
            margin-top:2vh;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 12px; text-align:justify; 
        }
        #impctdi4 {
            width:98vw; max-width: 1280px; height: 5vh;
        }    
    #WebAppimpctin{
         width:98vw; height: 65vh; 
        }
        .WebAppfaq5{
            display:none; flex-direction: column; justify-content: flex-end;
            font-family: Arial, Helvetica, sans-serif; font-size: 40px;
            text-align: left;
        } 
        #WebAppimpctin1 {
            display:flex; flex-direction: column; justify-content: flex-end;
            float:left; width:98vw; height: 45vh; margin-left:0px;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 20px; text-align: center; 
        }   
        #WebAppimpctin2 {
            display:flex; flex-direction: column; justify-content: center; 
            float:left; width:90vw; height: 30vh; margin-left:50vw;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 20px; text-align: left; 
        }
            #WebAppbtnimpctin {
                color: orange; background-color: black;
                width: 38.8vw; height: 8.3vw; font-size: 4.85vw;
                border-top-left-radius: 1.67vw; border-bottom-left-radius: 1.67vw;
                border-top: 0.75vw solid orange; border-left: 0.75vw solid orange; border-bottom: 0.75vw solid orange; 
            }
        #WebAppimpctin3 {
            display:flex; flex-direction: column; justify-content: center; 
            float:left; width:90vw; height: 30vh; margin-left:5vw;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 12px; text-align:justify; 
        }
        #impctin4 {
            width:98vw; max-width: 1280px; height: 5vh;
        }    
        
        
        
        
        
        
        
        /************************************************/
        /************************************************/
        /************************************************/
        /************************************************/

#rodape{
    display:none;
}
#rodapeWebApp{
    display: flex;
    color:white;
     margin-top:8vh;
     font-family: Arial, Helvetica, sans-serif;
    font-size: 5vw; text-align: center; 
    /*margin-left:17.5vw; margin-right:25vw;*/
    width:96vw;
    /*background-color:orange;*/
    border-top: 2px solid gray;
    }
    #navEsqWebApp{
        display:flex; flex-direction: column; justify-content: center; float:left;
        width:8vw;
        text-align:left;
        margin-top:1vh;
    }
    #navTextoWebApp{
        display:flex; flex-direction: column; justify-content:center; float:left;
        text-align:center;
        width:69vw;
        margin-top:1vh;
    }
    #navDirWebApp{
        display:flex; flex-direction: column; justify-content: center; float:left;
        width:8vw;
        text-align:right;
        margin-top:1vh;
    }
    .LatNavWebApp{
        display:flex; flex-direction: column; justify-content: center; float:left;
        width:10.5vw;
        margin-top:1vh;
    }
  
  
}
.barra-lateral {
  transform: translateX(0px);
}
.linha-0 {
  transform: rotate(45deg) translate(4.5px, 12px);
}

.linha-1 {
  transform: scale(0);
}

.linha-2 {
  transform: rotate(-45deg) translateY(-7.5px);
}