header{ 
    width: 100%;
    height: 7em;
    display: flex;
    background-color: var(--azul);
    margin: 0; 
    padding: 0; 
    overflow-x: hidden;
    overflow-y: hidden;
    
}

.header_logo{
    display: flex;
    
    
    width: 30%;
    height: 100%;
    
    margin-left: 44em;
    
   

}

.header_logo img {
    height: 100%;
    width: 100%;
   
    
}
.header_sidebar_AWA{
    margin-bottom: 1.1em;
}
.header_sidebar_AWA_logo{
    height: 100%;
    width: 100%;
   z-index: 1000;
    
   
}

.header_opcoes {
    position: fixed;
    top: 0;
    left: -20em; 
    height: 100%;
    width: 12%;
    opacity: 0;
    transition: opacity 1s ease-in , opacity 0.1s ease-out , left 0.5s ease-in , left 0.2s ease-in; 
    background-color: var(--azul);
    
}


.header_opcoes_lista {
    height: 100%;
    list-style: none;
    
    margin-top: -1em;
    padding: 0;
    display: flex;
    flex-direction: column; 
    background-color: var(--azul);
    
    
    
    
    
}

.header_opcoes_lista_titulo {
    display: inline-block;
    
    margin-left: 1em;
    padding: 1em 0;
    box-sizing: border-box;
    /* border-top: 1px solid var(--cinza);
    border-bottom: 1px solid black;
    border-left: 1px solid var(--cinza); */
    margin-bottom: 1em;
   
    
}
.header_opcoes_lista_imagem{
    display: flex;
}
.header_opcoes_lista_imagem i {
    margin-right: 0.2em;
}

.header_opcoes_lista_link {
    display: inline-block; 
    text-decoration: none;
    color: white; 
    font-family: var(--fonte-principal);
    font-weight: 400;
    height: 30%;
    width: 100%;
    
}


.subopcoes li :hover {
    padding-left: 1.1em;
    
}
.header_image{
    width: 100%;
    background-image: url('');
    background-size: cover;
    background-repeat: no-repeat; 
    background-position: center; 
    flex-wrap: wrap;
    display: flex;
    
}
.carrossel {
    height: 20em;
    width: 100%;
    margin-top: 5em;
    margin-left: 0em;
    
    
}
.subopcoes{
  display: none;
  margin-top: 1em;
}
.subopcoes li{
    margin-top: 1em;
    margin-left: 2em;
  }
.subopcoes a {
    margin-top: 5em;
    text-decoration: none;
    color: white; 
  }
#check{
    display: none;
}
label #botao{
    position: fixed;
    cursor: pointer;
    height: 1.5em;
    width: 1.5em;
    font-size: 2em;
    transition: opacity 1s ease, left 0.5s ease;
    
}
label #sair{
    opacity: 0;
    position: fixed;
    cursor: pointer;
    height: 1.5em;
    width: 1.5em;
    left: -10em;
    font-size: 1.5em;
    transition: opacity 1s ease, left 0.5s ease;
    color: black;
}

#check:checked ~ .header_opcoes {
    opacity: 1;
    left: 0; 
}


#check:checked ~ label #botao {
    left: -10em;
}
#check:checked ~ label #sair {
    
    z-index: 1001;
    opacity: 1;
    left: 8em;
   
}
#check:not(:checked) ~ label #botao {
    left: 1.5em;
    top: 1em;
}
#check:not(:checked) ~ label #sair {
    left: -10em;
}


#Dan_check{
    display: none;
}
label #Dan_expande{
    /* display: none; */
    position: fixed;
    cursor: pointer;
    height: 1.5em;
    width: 1.5em;
    font-size: 1.5em;
    left: -10em;
    transition: opacity 1s ease ;
    
    
}
label #Dan_fecha{
    opacity: 0;
    position: fixed;
    cursor: pointer;
    height: 1.5em;
    width: 1.5em;
    left: -10em;
    font-size: 1.5em;
    
    color: black;
    transition: opacity 1s ease;
}

#Dan_check:checked ~ label #Dan_expande {
    left: -10em;
}
#Dan_check:checked ~ label #Dan_fecha {
    
    z-index: 1001;
    opacity: 1;
    left: 8em;
   
}
#Dan_check:not(:checked) ~ label #Dan_expande {
    left: 8em;
    
}
#Dan_check:not(:checked) ~ label #Dan_fecha {
    left: -10em;
} 

#Gub_check{
    display: none;
}
label #Gub_expande{
    /* display: none; */
    position: fixed;
    cursor: pointer;
    height: 1.5em;
    width: 1.5em;
    font-size: 1.5em;
    left: -10em;
    transition: opacity 1s ease;
    
    
}
label #Gub_fecha{
    opacity: 0;
    position: fixed;
    cursor: pointer;
    height: 1.5em;
    width: 1.5em;
    left: -10em;
    font-size: 1.5em;
    
    color: black;
    transition: opacity 1s ease;
}

#Gub_check:checked ~ label #Gub_expande {
    left: -10em;
}
#Gub_check:checked ~ label #Gub_fecha {
    
    z-index: 1001;
    opacity: 1;
    left: 8em;
   
}
#Gub_check:not(:checked) ~ label #Gub_expande {
    left: 8em;
    
}
#Gub_check:not(:checked) ~ label #Gub_fecha {
    left: -10em;
} 

#scrollHeader{
    position: fixed;
    bottom: 50px; 
    right: 50px;
    height: 1.5em;
    width: 1.5em;
    text-decoration: none;
    color: black;
}


@media (max-width: 1023px){
    header{
        width: 100%;
    }
    .header_logo{
        
        width: 75%;
        margin-left: 9em;
        
       
    
    }
    .header_logo img {
        height: 100%;
        width: 100%; 
    }
    .header_opcoes {
        
        width: 35%;
        
        
        
    }
    #check:not(:checked) ~ label #botao {
        left: 0.8em;
        top: 1em;
    }
    /* #check:checked ~ .header_logo {
        display: none;
    } */
    #check:checked ~ label #sair {
    
       
        left: 5em;
       
    }
    #Dan_check:checked ~ label #Dan_fecha {
    

        left: 5em;
       
    }
    #Dan_check:not(:checked) ~ label #Dan_expande {
        left: 5em;
        
    }
    #Gub_check:checked ~ label #Gub_fecha {
    

        left: 5em;
       
    }
    #Gub_check:not(:checked) ~ label #Gub_expande {
        left: 5em;
        
    }
}
@media (min-width: 1024px) and (max-width: 1100px){
    header{
        width: 100%;
        height: 7em;
    }
    .header_logo{
        
        width: 75%;
        margin-left: 20em;
        
       
    
    }
    .header_logo img {
        height: 100%;
        width: 100%; 
    }
    .header_opcoes {
        
        width: 35%;
        
        
        
    }
  
    label #botao{
        height: 1.5em;
        width: 1.5em;
        font-size: 3em;
        
        
    }
    label #sair{
        height: 3em;
        width: 3em;
        font-size: 3em;
    }
    #check:not(:checked) ~ label #botao {
        left: 0.6em;
        top: 0.5em;
    }
    /* #check:checked ~ .header_logo {
        display: none;
    } */
    #check:checked ~ label #sair {
    
       
        left: 6.5em;
       
    }
    #Dan_check:checked ~ label #Dan_fecha {
    

        left: 5em;
       
    }
    #Dan_check:not(:checked) ~ label #Dan_expande {
        left: 5em;
        
    }
    #Gub_check:checked ~ label #Gub_fecha {
    

        left: 5em;
       
    }
    #Gub_check:not(:checked) ~ label #Gub_expande {
        left: 5em;
        
    }
    label #Dan_expande{
        /* display: none; */
        
        height: 1.5em;
        width: 1.5em;
        font-size: 2em;
        
        
        
    }
    label #Dan_fecha{
        
        height: 1.5em;
        width: 1.5em;
        
        font-size: 2em;
        
    
    }
    label #Gub_expande{
        
        height: 1.5em;
        width: 1.5em;
        font-size: 2em;
        
        
        
    }
    label #Gub_fecha{
       
        height: 1.5em;
        width: 1.5em;
        
        font-size: 2em;
        
    }
}