/*Unidade de Itaguaí*/

/*Fireware*/

.Matriz_Firewall_Itaguai {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 75vh;
    overflow: hidden;


}

.Matriz_Firewall_Itaguai .capitulo_1,
.Matriz_Firewall_Itaguai .capitulo_2 {
    width: 50vw;
    height: 75vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;

}


.Matriz_Firewall_Itaguai .capitulo_1 .Hardware {
    display: flex;
    width: 48vw;
    height: 100%;

    flex-direction: column;


    overflow: hidden;


}

.Matriz_Firewall_Itaguai .capitulo_1 .Hardware .sessao_1 {

    width: 100%;

    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-direction: column;
}

.Matriz_Firewall_Itaguai .capitulo_1 .Hardware .sessao_2 {

    width: 100%;

    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-direction: row;
}

.Matriz_Firewall_Itaguai .capitulo_1 .Hardware .sessao_1 .tela_har_1 {
    width: 46vw;
    height: 35vh;

    background-color: var(--fundo_5);
}

.Matriz_Firewall_Itaguai .capitulo_1 .Hardware .sessao_1 .tela_har_1 iframe {
    width: 100%;
    height: 100%;
}


.Matriz_Firewall_Itaguai .capitulo_1 .Hardware .sessao_2 .tela_har_2 {
    width: 46vw;
    height: 40vh;

    background-color: var(--fundo_5);
}

.Matriz_Firewall_Itaguai .capitulo_1 .Hardware .sessao_2 .tela_har_2 iframe {
    width: 100%;
    height: 100%;
}



.Matriz_Firewall_Itaguai .capitulo_2 .trafegos {
    width: 48vw;
    height: 30vh;

    display: flex;
    background-color: var(--fundo_5);
    flex-direction: row;

}

.Matriz_Firewall_Itaguai .capitulo_2 .trafegos .tela_traf_1,
.Matriz_Firewall_Itaguai .capitulo_2 .trafegos .tela_traf_2,
.Matriz_Firewall_Itaguai .capitulo_2 .trafegos .tela_traf_3 {
    width: 100%;
    height: 100%;
}


.Matriz_Firewall_Itaguai .capitulo_2 .trafegos .tela_traf_1 iframe,
.Matriz_Firewall_Itaguai .capitulo_2 .trafegos .tela_traf_2 iframe,
.Matriz_Firewall_Itaguai .capitulo_2 .trafegos .tela_traf_3 iframe {
    outline: none;
    border: none;
    width: 100%;
    height: 100%;
}


.Matriz_Firewall_Itaguai .capitulo_2 .speed_teste {

    width: 48vw;
    height: 44vh;
    margin-top: 3vh;

    display: flex;
    background-color: var(--fundo_5);
    flex-direction: row;
    overflow: hidden;
}

.Matriz_Links_Itaguai .capitulo_2 .speed_teste .tela_spe_1,
.Matriz_Links_Itaguai .capitulo_2 .speed_teste .tela_spe_2 {
    height: 100%;


}

.Matriz_Links_Itaguai .capitulo_2 .speed_teste .tela_spe_1 iframe,
.Matriz_Links_Itaguai .capitulo_2 .speed_teste .tela_spe_2 iframe {

    width: 24.01366vw;
    height: 100%;
}


/*Links*/

.Matriz_Links_Itaguai {
    display: none;
    flex-direction: row;
    width: 100%;
    height: 75vh;
    overflow: hidden;


}

.Matriz_Links_Itaguai .capitulo_1,
.Matriz_Links_Itaguai .capitulo_2 {
    width: 50vw;
    height: 75vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;

}


.Matriz_Links_Itaguai .capitulo_1 .Hardware {
    display: flex;
    width: 48vw;
    height: 100%;

    flex-direction: column;


    overflow: hidden;


}

.Matriz_Links_Itaguai .capitulo_1 .Hardware .sessao_1,
.Matriz_Links_Itaguai .capitulo_1 .Hardware .sessao_3 {

    width: 100%;

    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-direction: column;
}

.Matriz_Links_Itaguai .capitulo_1 .Hardware .sessao_2,
.Matriz_Links_Itaguai .capitulo_1 .Hardware .sessao_4 {

    width: 100%;

    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-direction: row;
}

.Matriz_Links_Itaguai .capitulo_1 .Hardware .sessao_1 .tela_har_1,
.Matriz_Links_Itaguai .capitulo_1 .Hardware .sessao_3 .tela_har_1 {
    width: 49vw;
    height: 8vh;

    background-color: var(--fundo_5);
}

.Matriz_Links_Itaguai .capitulo_1 .Hardware .sessao_1 .tela_har_1 iframe,
.Matriz_Links_Itaguai .capitulo_1 .Hardware .sessao_3 .tela_har_1 iframe {
    width: 100%;
    height: 100%;
}


.Matriz_Links_Itaguai .capitulo_1 .Hardware .sessao_2 .tela_har_2,
.Matriz_Links_Itaguai .capitulo_1 .Hardware .sessao_4 .tela_har_2 {

    width: 40vw;
    height: 28.5vh;

    background-color: var(--fundo_5);
}

.Matriz_Links_Itaguai .capitulo_1 .Hardware .sessao_2 .tela_har_3,
.Matriz_Links_Itaguai .capitulo_1 .Hardware .sessao_4 .tela_har_3 {
    width: 10vw;
    height: 28.5vh;

    background-color: var(--fundo_5);
}


.Matriz_Links_Itaguai .capitulo_1 .Hardware .sessao_2 .tela_har_2 iframe,
.Matriz_Links_Itaguai .capitulo_1 .Hardware .sessao_4 .tela_har_2 iframe {
    width: 100%;
    height: 100%;
}


.Matriz_Links_Itaguai .capitulo_1 .Hardware .sessao_2 .tela_har_3 iframe,
.Matriz_Links_Itaguai .capitulo_1 .Hardware .sessao_4 .tela_har_3 iframe {
    width: 100%;
    height: 100%;
}



.Matriz_Links_Itaguai .capitulo_2 .trafegos {
    width: 48vw;
    height: 30vh;

    display: flex;
    background-color: var(--fundo_5);
    flex-direction: column;

}

.Matriz_Links_Itaguai .capitulo_2 .trafegos .tela_traf_1,
.Matriz_Links_Itaguai .capitulo_2 .trafegos .tela_traf_2 {
    width: 100%;
    height: 8vh;
}

.Matriz_Links_Itaguai .capitulo_2 .trafegos .tela_traf_3 {
    width: 100%;
    height: 20vh;
}


.Matriz_Links_Itaguai .capitulo_2 .trafegos .tela_traf_1 iframe,
.Matriz_Links_Itaguai .capitulo_2 .trafegos .tela_traf_2 iframe,
.Matriz_Links_Itaguai .capitulo_2 .trafegos .tela_traf_3 iframe {
    outline: none;
    border: none;
    width: 100%;
    height: 100%;
}


.Matriz_Links_Itaguai .capitulo_2 .speed_teste {

    width: 48vw;
    height: 35vh;
    margin-top: 9vh;

    display: flex;
    background-color: var(--fundo_5);
    flex-direction: row;
    overflow: hidden;
}

.Matriz_Links_Itaguai .capitulo_2 .speed_teste .tela_spe_1,
.Matriz_Links_Itaguai .capitulo_2 .speed_teste .tela_spe_2 {
    width: 48vw;
    height: 100%;


}

.Matriz_Links_Itaguai .capitulo_2 .speed_teste .tela_spe_1 iframe,
.Matriz_Links_Itaguai .capitulo_2 .speed_teste .tela_spe_2 iframe {

    width: 100%;
    height: 100%;
}



/*Ramais*/

.Matriz_Relatorio_Itaguai {

    display: none;
    justify-content: center;
}

.Matriz_Relatorio_Itaguai .Subtela_ramais_1 .Subtela_Ramais_frame_1 {

    width: 90vw;
    height: 75vh;

    background-color: var(--fundo_5);

}



#panel1,
#panel2 {

    animation: conteudoPrincipal2 2s ease;

}

/*Unidade do Recreio*/

/*Fireware*/

.Matriz_Firewall_Recreio {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 75vh;
    overflow: hidden;


}

.Matriz_Firewall_Recreio .capitulo_1,
.Matriz_Firewall_Recreio .capitulo_2 {
    width: 50vw;
    height: 75vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;

}


.Matriz_Firewall_Recreio .capitulo_1 .Hardware {
    display: flex;
    width: 48vw;
    height: 100%;

    flex-direction: column;
    overflow: hidden;

}

.Matriz_Firewall_Recreio .capitulo_1 .Hardware .sessao_1 {

    width: 100%;

    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-direction: column;
}

.Matriz_Firewall_Recreio .capitulo_1 .Hardware .sessao_2 {

    width: 100%;

    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-direction: row;
}

.Matriz_Firewall_Recreio .capitulo_1 .Hardware .sessao_1 .tela_har_1 {
    width: 46vw;
    height: 8vh;
}

.Matriz_Firewall_Recreio .capitulo_1 .Hardware .sessao_1 .tela_har_1 iframe {
    width: 100%;
    height: 100%;

    background-color: var(--fundo_5);
}


.Matriz_Firewall_Recreio .capitulo_1 .Hardware .sessao_2 .tela_har_2,
.Matriz_Firewall_Recreio .capitulo_1 .Hardware .sessao_2 .tela_har_3 {
    width: 46vw;
    height: 67vh;
}

.Matriz_Firewall_Recreio .capitulo_1 .Hardware .sessao_2 .tela_har_2 iframe,
.Matriz_Firewall_Recreio .capitulo_1 .Hardware .sessao_2 .tela_har_3 iframe {
    width: 100%;
    height: 100%;

    background-color: var(--fundo_5);
}



.Matriz_Firewall_Recreio .capitulo_2 .trafegos {
    width: 48vw;
    height: 30vh;

    display: flex;
    flex-direction: column;

    background-color: var(--fundo_5);

}

.Matriz_Firewall_Recreio .capitulo_2 .trafegos .sessao_1 {

    width: 48vw;

    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-direction: column;
}

.Matriz_Firewall_Recreio .capitulo_2 .trafegos .sessao_2 {

    width: 100%;

    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-direction: row;
}

.Matriz_Firewall_Recreio .capitulo_2 .trafegos .sessao_1 .tela_traf_1 {
    width: 48vw;
    height: 8vh;
}

.Matriz_Firewall_Recreio .capitulo_2 .trafegos .sessao_2 .tela_traf_2,
.Matriz_Firewall_Recreio .capitulo_2 .trafegos .sessao_2 .tela_traf_3 {
    width: 50%;
    height: 12vw;

}


.Matriz_Firewall_Recreio .capitulo_2 .trafegos .sessao_1 .tela_traf_1 iframe,
.Matriz_Firewall_Recreio .capitulo_2 .trafegos .sessao_2 .tela_traf_2 iframe,
.Matriz_Firewall_Recreio .capitulo_2 .trafegos .sessao_2 .tela_traf_3 iframe {
    outline: none;
    border: none;
    width: 100%;
    height: 100%;

}


.Matriz_Firewall_Recreio .capitulo_2 .speed_teste {

    width: 48vw;
    height: 44vh;
    margin-top: 3vh;

    display: flex;
    flex-direction: column;

    background-color: var(--fundo_5);
}

.Matriz_Firewall_Recreio .capitulo_2 .speed_teste .tela_spe_1 {
    width: 100%;
    height: 8vh;
}

.Matriz_Firewall_Recreio .capitulo_2 .speed_teste .tela_spe_2 {
    width: 100%;
    height: 34vh;
}

.Matriz_Firewall_Recreio .capitulo_2 .speed_teste .tela_spe_1 iframe,
.Matriz_Firewall_Recreio .capitulo_2 .speed_teste .tela_spe_2 iframe {

    width: 100%;
    height: 100%;

}


/*Ramais*/

.Matriz_Relatorios_Recreio {

    display: none;
    justify-content: center;
}

.Matriz_Relatorios_Recreio .Subtela_ramais_1 .Subtela_Ramais_frame_1 {

    width: 90vw;
    height: 75vh;

    background-color: var(--fundo_5);

}

#panel1,
#panel2 {

    animation: conteudoPrincipal2 2s ease;

}

/*Client VPN*/

/* Subpainel Vpn */

.Matriz_Conexao_Client_VPN {
    display: flex;
    justify-content: center;
    flex-direction: row;
    width: 100%;
    height: 75vh;

    overflow: hidden;
}

.Matriz_Conexao_Client_VPN .Subtela_Vpn_1 {
    overflow: hidden;
}

.Matriz_Conexao_Client_VPN .Subtela_Vpn_1 .Subtela_Vpn_frame_1,
.Matriz_Conexao_Client_VPN .Subtela_Vpn_1 .Subtela_Vpn_frame_2 {

    width: 48vw;
    height: 100%;

    background-color: var(--fundo_5);
    overflow: hidden;
}

/*Data Center*/

.Matriz_Conectados_Client_VPN {
    display: none;
    flex-direction: column;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

.Matriz_Conectados_Client_VPN .Subtela_Data_1 .Subtela_Data_frame_1,
.Matriz_Conectados_Client_VPN .Subtela_Data_1 .Subtela_Data_frame_2 {

    width: 100%;
    height: 75vh;

    background-color: var(--fundo_5);
    overflow: hidden;
}

.Matriz_Calor_Client_VPN {

    display: none;
    justify-content: center;

    width: 100%;

}

.Matriz_Calor_Client_VPN .Subtela_1 .subtela_frame_1 {

    width: 95vw;
    height: 75vh;

    background-color: var(--fundo_5);
    overflow: hidden;

}

.Matriz_Servidores_Client_VPN {
    width: 100%;
    height: 80vh;
    display: flex;
    overflow-y: scroll;


}

.Matriz_Servidores_Client_VPN .catalago {
    width: 100%;

    height: 160vh;


    gap: 1vw;

    display: flex;
    flex-direction: row;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.Matriz_Servidores_Client_VPN .catalago .painel_1,
.Matriz_Servidores_Client_VPN .catalago .painel_2,
.Matriz_Servidores_Client_VPN .catalago .painel_3,
.Matriz_Servidores_Client_VPN .catalago .painel_4,
.Matriz_Servidores_Client_VPN .catalago .painel_5,
.Matriz_Servidores_Client_VPN .catalago .painel_6,
.Matriz_Servidores_Client_VPN .catalago .painel_7,
.Matriz_Servidores_Client_VPN .catalago .painel_8,
.Matriz_Servidores_Client_VPN .catalago .painel_9 {

    width: 27.5vw;
    height: 50vh;

    display: flex;
    flex-direction: column;
    background-color: var(--fundo_5);


}


.Matriz_Servidores_Client_VPN .catalago .painel_1 .Painel_2,
.Matriz_Servidores_Client_VPN .catalago .painel_2 .Painel_2,
.Matriz_Servidores_Client_VPN .catalago .painel_3 .Painel_2,
.Matriz_Servidores_Client_VPN .catalago .painel_4 .Painel_2,
.Matriz_Servidores_Client_VPN .catalago .painel_5 .Painel_2,
.Matriz_Servidores_Client_VPN .catalago .painel_6 .Painel_2,
.Matriz_Servidores_Client_VPN .catalago .painel_7 .Painel_2,
.Matriz_Servidores_Client_VPN .catalago .painel_8 .Painel_2,
.Matriz_Servidores_Client_VPN .catalago .painel_9 .Painel_2 {

    display: none;
    width: 27.5vw;
    height: 40vh;

}

.Matriz_Servidores_Client_VPN .catalago .painel_1 .Painel_1,
.Matriz_Servidores_Client_VPN .catalago .painel_2 .Painel_1,
.Matriz_Servidores_Client_VPN .catalago .painel_3 .Painel_1,
.Matriz_Servidores_Client_VPN .catalago .painel_4 .Painel_1,
.Matriz_Servidores_Client_VPN .catalago .painel_5 .Painel_1,
.Matriz_Servidores_Client_VPN .catalago .painel_6 .Painel_1,
.Matriz_Servidores_Client_VPN .catalago .painel_7 .Painel_1,
.Matriz_Servidores_Client_VPN .catalago .painel_8 .Painel_1,
.Matriz_Servidores_Client_VPN .catalago .painel_9 .Painel_1 {

    display: none;
    width: 27.5vw;
    height: 10vh;

}

#panel1,
#panel2,
#panel3 {

    animation: conteudoPrincipal2 2s ease;

}

@keyframes conteudoPrincipal2 {
    to {
        opacity: 1;
        transform: translateY(0vh);

    }

    from {
        opacity: 0;
        transform: translateY(10vh);
        overflow: auto;

    }

}