/*Gau freguesia*/

/*Fireware*/

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

}

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

}


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

    flex-direction: column;
    overflow: hidden;

}

.Matriz_Firewall_Fregusia .capitulo_1 .Hardware .sessao_1 {

    width: 100%;

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

.Matriz_Firewall_Fregusia .capitulo_1 .Hardware .sessao_2 {

    width: 100%;

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

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

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

.tela_har_1 iframe {
    width: 100%;
    height: 100%;
}


.Matriz_Firewall_Fregusia .capitulo_1 .Hardware .sessao_2 .tela_har_2,
.Matriz_Firewall_Fregusia .capitulo_1 .Hardware .sessao_2 .tela_har_3 {
    width: 23vw;
    height: 40vh;
    background-color: var(--fundo_5);
}

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



.Matriz_Firewall_Fregusia .capitulo_2 .trafegos {
    width: 48vw;
    height: 34vh;

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

}

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


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


.Matriz_Firewall_Fregusia .capitulo_2 .speed_teste {

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

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

.Matriz_Firewall_Fregusia .capitulo_2 .tela_spe_1,
.Matriz_Firewall_Fregusia .capitulo_2 .tela_spe_2 {
    width: 100%;
    height: 100%;
}

.Matriz_Firewall_Fregusia .capitulo_2 .tela_spe_1 iframe,
.Matriz_Firewall_Fregusia .capitulo_2 .tela_spe_2 iframe {

    width: 100%;
    height: 100%;
}

/*Ramais*/

.Matriz_Ramais_Fregusia {

    display: flex;
    justify-content: center;



}

.Matriz_Ramais_Fregusia .Subtela_ramais_1 {


    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;

    width: 95vw;
    height: 75vh;
    background-color: var(--fundo_5);
    overflow: hidden;


}


.Matriz_Ramais_Fregusia .Subtela_ramais_1 .Subtela_Ramais_frame_1 {

    width: 94.9vw;
    height: 75vh;

}


#panel1,
#panel2,
#panel3,
#panel4,
#panel5,
#panel6,
#panel7,
#panel8 {

    animation: conteudoPrincipal2 2s ease;

}


/*Gau Infantil*/

/*Fireware*/

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

}

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

}


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

    flex-direction: column;
    overflow: hidden;

}

.Matriz_Firewall_Infantil .capitulo_1 .Hardware .sessao_1 {

    width: 100%;

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

.Matriz_Firewall_Infantil .capitulo_1 .Hardware .sessao_2 {

    width: 100%;

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

.Matriz_Firewall_Infantil .capitulo_1 .Hardware .sessao_1 .tela_har_1 {
    width: 46vw;
    height: 35vh;
    background-color: var(--fundo_5);
}

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


.Matriz_Firewall_Infantil .capitulo_1 .Hardware .sessao_2 .tela_har_2,
.Matriz_Firewall_Infantil .capitulo_1 .Hardware .sessao_2 .tela_har_3 {
    width: 23vw;
    height: 40vh;
    background-color: var(--fundo_5);
}

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


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

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

}

.Matriz_Firewall_Infantil .capitulo_2 .trafegos .tela_traf_1 iframe,
.Matriz_Firewall_Infantil .capitulo_2 .trafegos .tela_traf_2 iframe {
    outline: none;
    border: none;
    width: 24.017vw;
    height: 100%;
}

.Matriz_Firewall_Infantil .capitulo_2 .speed_teste {

    width: 48vw;
    height: 44vh;
    margin-top: 3vh;
    background-color: var(--fundo_5);

    display: flex;
    flex-direction: row;
}

.Matriz_Firewall_Infantil .capitulo_2 .tela_spe_1 iframe,
.Matriz_Firewall_Infantil .capitulo_2 .tela_spe_2 iframe {

    width: 48vw;
    height: 43.2vh;
}

/*Ramais*/

.Matriz_Ramais_Infantil {

    display: flex;
    justify-content: center;
}

.Matriz_Ramais_Infantil .Subtela_ramais_1 {


    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;

    width: 95vw;
    height: 75vh;
    background-color: var(--fundo_5);
    overflow: hidden;


}

.Matriz_Ramais_Infantil .Subtela_ramais_1 .Subtela_Ramais_frame_1 {

    width: 94.9vw;
    height: 75vh;

}

/*CFTV*/

.Matriz_CFTV_Infantil {

    display: none;
    justify-content: center;
    flex-wrap: wrap;
}

.Matriz_CFTV_Infantil .Subtela_ramais_1 {


    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;

    width: 95vw;
    height: 75vh;
    background-color: var(--fundo_5);
    overflow: hidden;


}

.Matriz_CFTV_Infantil .Subtela_CFTV_1 .Subtela_CFTV_frame_1 {

    width: 94.9vw;
    height: 75vh;

}


#panel1,
#panel2,
#panel3,
#panel4,
#panel5,
#panel6,
#panel7,
#panel8 {

    animation: conteudoPrincipal2 2s ease;

}

/*São Fabiano*/


/*Fireware*/

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


}

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

}


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

    flex-direction: column;
    overflow: hidden;

}

.Matriz_Firewall_Fabiano .capitulo_1 .Hardware .sessao_1 {

    width: 100%;

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

.Matriz_Firewall_Fabiano .capitulo_1 .Hardware .sessao_2 {

    width: 100%;

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

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

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

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


.Matriz_Firewall_Fabiano .capitulo_1 .Hardware .sessao_2 .tela_har_2,
.Matriz_Firewall_Fabiano .capitulo_1 .Hardware .sessao_2 .tela_har_3 {
    width: 23vw;
    height: 40vh;
}

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

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



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

    display: flex;
    flex-direction: row;

    background-color: var(--fundo_5);

}

.Matriz_Firewall_Fabiano .capitulo_2 .trafegos .tela_traf_1,
.Matriz_Firewall_Fabiano .capitulo_2 .trafegos .tela_traf_2 {
    width: 50%;
    height: 100%;

}


.Matriz_Firewall_Fabiano .capitulo_2 .trafegos .tela_traf_1 iframe,
.Matriz_Firewall_Fabiano .capitulo_2 .trafegos .tela_traf_2 iframe {
    outline: none;
    border: none;
    width: 24.2vw;
    height: 100%;

}


.Matriz_Firewall_Fabiano .capitulo_2 .speed_teste {

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

    display: flex;
    flex-direction: row;

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

.Matriz_Firewall_Fabiano .capitulo_2 .speed_teste .tela_spe_1,
.Matriz_Firewall_Fabiano .capitulo_2 .speed_teste .tela_spe_2 {
    width: 100%;
    height: 100%;
}

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

    width: 100%;
    height: 43.2vh;


}


/*Ramais*/

.Matriz_Ramais_Fabiano {

    display: flex;
    justify-content: center;
}

.Matriz_Ramais_Fabiano .Subtela_ramais_1 {


    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;

    width: 95vw;
    height: 75vh;
    background-color: var(--fundo_5);
    overflow: hidden;


}

.Matriz_Ramais_Fabiano .Subtela_ramais_1 .Subtela_Ramais_frame_1 {

    width: 94.9vw;
    height: 75vh;

}

/*CFTV*/

.Matriz_CFTV_Fabiano {

    display: none;
    justify-content: center;
    flex-wrap: wrap;

}


.Matriz_CFTV_Fabiano .Subtela_ramais_1 {


    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;

    width: 95vw;
    height: 75vh;
    background-color: var(--fundo_5);
    overflow: hidden;


}

.Matriz_CFTV_Fabiano .Subtela_CFTV_1 .Subtela_CFTV_frame_1 {

    width: 94.9vw;
    height: 75vh;

}

#panel1,
#panel2,
#panel3,
#panel4,
#panel5,
#panel6,
#panel7,
#panel8 {

    animation: conteudoPrincipal2 2s ease;

}


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

    }

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

    }

}