div:hover > .btn {
    display: block;
    opacity: 1;
    transform: rotate(360);
    transition: all 1s;
}
.btn {
    text-align: center;
    margin: 0 auto;
    width: 100%;
    height: 40px;
    padding: 5px 0px;
    bottom: 0px;
    z-index: 999;
    cursor: pointer;
    opacity: 0.6;
    transition: all 1s;
}
.btn.absolute {
    position: absolute;
}
.btn > div {
    width: 100px;
    display: inline-block;
}
.btn .remove::before {
    font-weight: 900;
    content: "\f05e";
    font-family: "Font Awesome 5 Free";
    font-size: 40px;
    color: #000;
    width: 100%;
    text-align: center;
    display: block;
}
.btn .remove::after {
    content: "";
    font-family: calibri;
    font-size: 14px;
    color: #000;
    width: 100%;
    text-align: center;
    display: block;
}
.btn .add::before {
    font-weight: 900;
    content: "\f055";
    font-family: "Font Awesome 5 Free";
    font-size: 40px;
    color: #000;
    width: 100%;
    text-align: center;
    display: block;
}
.btn .add::after {
    content: "RETORNAR";
    font-family: calibri;
    font-size: 16px;
    color: #000;
    width: 100%;
    text-align: center;
    display: block;
}
.btn.white *::before,
.btn.white *::after {
    color: #fff !important;
}
* {
    font-size: 12px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #333;
    margin: 0;
    padding: 0px;
}
#erro-total {
    width: 700px;
    height: 270px;
    margin: 15px 0;
}
#imagem-centralizada {
    width: 100%;
    text-align: center;
    margin: 10px 0;
}
#texto-404 {
    width: 100%;
    font-family: Calibri;
    font-size: 22px;
    text-align: center;
}
#aguarde {
    width: 100%;
    font-family: Calibri;
    font-size: 19px;
    text-align: center;
    margin: 5px 0;
}
.page-404 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 600px;
}
a {
    text-decoration: none;
}
.global {
    margin: 0 auto;
}
.conteudo-pages {
    min-height: 500px;
    margin: 0 auto;
}
.texto-pages {
    font: 15px/25px Calibri;
    color: #000;
    text-align: justify;
    padding: 35px 0px 30px;
}
.texto-pages h1 {
    font: 25px Calibri;
    padding-left: 20px;
    margin-bottom: 15px;
    font-weight: 700;
    color: #000;
}
.texto-pages h2 {
    font: 20px Calibri;
    padding-left: 10px;
    margin-bottom: 15px;
    font-weight: 700;
    color: #000;
}
.menu-resp {
    display: none;
}

.form-group {
	margin-bottom: 10px;
}

.form-group .invalid-feedback {
	color: red;
}

.form-group.is-invalid input,
.form-group.is-invalid textarea{
	 border: 1px solid red;
}

.contato input {
    font-size: 17px;
    width: 100%;
    padding: 15px 20px;
    background: #eee;
    border: 1px solid #ccc;
    color: #666;
    box-sizing: border-box;
    
    outline: none !important;
}
.contato textarea {
    font-size: 17px;
    width: 100%;
    padding: 10px 20px;
    background: #eee;
    border: 1px solid #ccc;
    color: #666;
    box-sizing: border-box;
    outline: none !important;
    resize: none;
    height: 200px;
}
.contato .submit {
    cursor: pointer;
    background: #0a6fa5;
    color: #fff;
    text-align: center;
}
body {
    overflow-x: hidden;
}
.linha-total {
    background: #005099;
}
.linha-total .linha {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    width: 1050px;
    margin: 0 auto;
}
.linha .item {
    color: #fff;
    font: 16px "calibri";
    padding: 10px 0px;
}
.linha .item * {
    color: #fff;
    font-size: 24px;
    vertical-align: middle;
}
.topo-total {
    padding: 0px 0;
}
.topo {
    width: 1100px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.topo > div {
    margin: 22px 0;
    width: -99px;
}
.menu-total {
    display: flex;
    align-items: center;
}
.menu li {
    display: inline-block;
    margin: 10px 0;
    padding: 0 20px;
}
.menu li a {
    font: 17px calibri;
    color: #000;
}
.menu li a:hover {
    color: #0a6fa5;
}
.fundo-slider {
    display: flex;
    position: relative;
    width: 100%;
    background: #000;
    overflow: hidden;
}
.slogan-total {
    width: 700px;
    position: absolute;
    height: 100%;
    top: 0;
    text-align: center;
    z-index: 9999;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.slogan {
    width: 700px;
    height: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.slogan .titulo {
    font: 50px calibri;
    font-weight: lighter;
    color: #fff;
    margin-bottom: 10px;
    visibility: hidden;
}
.titulo p {
    color: white;
    font-size: 15px;
    margin: 5px;
}
.slogan .conteudo {
    font: 25px calibri;
    font-weight: lighter;
    color: #fff;
    visibility: hidden;
}
.logo-pw div p:first-child a {
    color: #878787;
    font: 12px Helvetica;
    margin-top: -8px;
    display: block;
}
.logo-pw div a span {
    color: transparent;
}
.mapa {
    display: flex;
    position: relative;
    height: 462px;
}
.rodape-total {
    background: #005099;
}
.rodape {
    justify-content: space-around;
    width: 300px;
    margin: 0 auto;
}
.rodape .item {
    color: #ffffff;
    font: 17px "calibri";
    padding: 10px 0px;
    width: 270px;
    text-align: center;
    display: flex;
    align-items: center;
}
.rodape .item i {
    color: #ffffff;
    font-size: 25px;
    display: block;
    text-align: center;
    padding: 0px 10px;
    width: 29px;
    margin-right: 10px;
}
.logo-pw {
    display: flex;
    margin: auto;
    text-align: center;
    padding-top: 20px;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
}
.rodape.contatos {
    display: flex;
    align-items: center;
}
.item-rodape-total {
    width: 1200px;
    display: flex;
    margin: 0px auto;
    align-items: center;
    padding: 20px;
}
.rodape img {
    width: 200px;
}
.logo-pw {
    text-align: center;
    border-top: 1px solid #fff;
}
.g-recaptcha {
    display: flex;
    justify-content: center;
    margin: 5px 0;
}
.box-04 .g-recaptcha {
    width: 50%;
}

/* Index */
.box-01-total {
    padding: 20px 0px;
}
.box-01 {
    width: 1080px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.titulo span {
    font: 22px "calibri";
    color: #ffffff;
}
.box-01 .entrar {
    padding: 20px 70px;
    background: #00bcd4;
    margin: 0 auto;
    color: #fff;
    font: 20px "calibri";
    display: table;
    transition: all 0.5s;
}
.box-01 .box {
    width: 350px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin: 10px 0px;
}
.box-01 .box .item {
    width: 350px;
    height: 290px;
    margin: 5px 0px;
    overflow: hidden;
    position: relative;
    visibility: hidden;
}
.box-01 .box .item:hover .titulo {
    background: rgb(10 111 165 / 56%);
    transition: all 0.5s;
}
.box-01 .box .item .img {
    width: 350px;
    height: 290px;
}
.box-01 .box .item .img img {
    width: 100%;
    height: auto;
    min-height: 100%;
}
.box-01 .box .item .titulo {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font: 34px "calibri";
    color: #fff;
    font-weight: lighter;
    padding: 10px;
    box-sizing: border-box;
    text-align: center;
    background: rgb(5 59 87 / 72%);
    transition: all 0.5s;
}
.box-02-total {
    background: #005099;
    position: relative;
}
.box-02 {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.box-02 .item {
    margin: 20px 0px;
    width: 311px;
    box-sizing: border-box;
    border: 2px solid rgba(251, 251, 251, 0.13);
    padding: 15px 10px;
    text-align: center;
    border-radius: 15px;
}
.box-02 .item:hover {
    background: rgba(255, 255, 255, 0.1);
}
.box-02 .item .img {
    width: 120px;
    height: 120px;
    margin: 0 auto 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background-color: #0a6fa5;
}
.box-02 .item .titulo {
    font: 28px "calibri";
    color: #fff;
    margin: 40px 0px;
}
.box-02 .item .conteudo {
    font: 18px/30px "calibri";
    color: #fff;
    margin: 40px 0px;
}
.box-02 .item .img i {
    font-size: 60px;
    color: #fff;
}
.box-02 .entrar {
    padding: 20px 70px;
    background: #00bcd4;
    margin: 0 auto;
    color: #fff;
    font: 20px "calibri";
    display: table;
    transition: all 0.5s;
}
.box-03-total {
    padding: 40px 0px;
}
.box-03 {
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.box-03 .item {
    width: 630px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.box-03 .item:first-child {
    width: 390px;
    overflow: hidden;
    padding: 0px 50px;
}
.box-03 .item .titulo {
    font: 40px "calibri";
    font-weight: lighter;
    color: #053957;
    margin-bottom: 30px;
}
.box-03 .item .titulo span {
    font: 22px "calibri";
    font-weight: lighter;
    color: #0a6fa5;
    display: block;
}
.box-03 .item .conteudo {
    font: 20px/30px "calibri";
    color: #999999;
    margin-bottom: 30px;
}
.box-03 .item .entrar {
    font: 22px "calibri";
    font-weight: lighter;
    color: #fff;
    padding: 15px;
    width: 200px;
    text-align: center;
    display: table;
    background: #0a6fa5;
    transition: all 0.5s;
}
.box-03 .item .entrar:hover {
    background: #053957;
    color: #fff;
    transition: all 0.5s;
}
.box-04-total {
    background: url("../pw-images/empresa-de-jovem-aprendiz.jpg");
    background-size: cover;
    padding: 20px 0px;
}
.box-04 {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.box-04 .item {
    width: 500px;
    margin: 20px 0px;
}
.box-04 .item > .titulo {
    font: 34px "calibri";
    font-weight: lighter;
    color: #053957;
    margin-bottom: 10px;
    align-items: center;
    text-align: center;
}
.box-04 .item > .titulo span {
    font: 22px "calibri";
    font-weight: lighter;
    color: #0a6fa5;
    display: block;
}
.box-04 .item .contato {
    padding: 0px 10px;
}
.formulario p {
    color: black;
    font-size: 15px;
    margin: 12px;
}
.conatinho {
    width: 389px;
    height: 226px;
}
.item {
    font-size: 15px;
    color: black;
}
.topo-chat {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
}
.topo-chat .item.online {
    margin: 0px 10px;
    background: #00bcd4;
    cursor: pointer;
    border-radius: 28px;
}
.topo-chat .whats {
    padding: 10px 10px !important;
    background: green;
    cursor: pointer;
    border-radius: 28px;
}
.topo-chat .online {
    padding: 10px 10px !important;
}
.rodape .item.whats {
    background: green;
    border-radius: 33px;
    margin: 8px 0px;
}
.rodape .item.online {
    background: #00bcd4;
    border-radius: 33px;
    cursor: pointer;
}

/* all pages */

/*INSTITUICAO*/
.conteudo-pages {
    min-height: 500px;
    width: 1200px;
    margin: 0 auto;
}
.box-instituicao {
    padding: 14px 0px;
}
.conteudo-pages .box01-instituicao {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    min-height: 300px;
    padding: 10px 0px 20px;
}
.box-instituicao .texto1 strong {
    font-size: 17px;
}
.conteudo-pages .box-instituicao p {
    font: 20px/31px "Calibri";
    line-height: 2;
    margin: 0px;
    padding: 8px 10px;
    color: black;
    text-align: justify;
}
.conteudo-pages .box-instituicao h1 {
    font: 30px/30px "Calibri";
    color: #0a6fa5;
    line-height: 3;
    font-weight: bold;
}
i.fas.fa-circle {
    padding: 10px;
    color: #00007c;
}
.box-instituicao img.right {
    padding: 37px 0px;
}
.titulo-instituicao-pages {
    display: flex;
    justify-content: center;
    background: #005099;
    padding: 8px 0px;
}
.conteudo-instituicao-linha hr {
    height: 4px;
    background-color: #0a6fa557;
    border: none;
    border-radius: 8px;
    margin: 0 auto;
}
.titulo-instituicao-pages h2 {
    font: 35px calibri;
    color: #fdfeff;
    text-align: center;
    font-weight: bolder;
    text-transform: uppercase;
}

/*COMECAR*/
.conteudo-pages-comecar {
    min-height: 500px;
    width: 1200px;
    margin: 0 auto;
}
.box-comecar {
    padding: 41px 0px 0px;
    width: 45%;
}
.conteudo-pages-comecar .box01-comecar {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    min-height: 300px;
}
.conteudo-pages-comecar .box01-comecar p {
    font: 20px/31px "Calibri";
    line-height: 2;
    margin: 0px;
    color: black;
    text-align: justify;
}
.conteudo-pages-comecar .box01-comecar h1 {
    font: 20px/30px "Calibri";
    color: #0a6fa5;
    line-height: 3;
    font-weight: bold;
    padding: 0px 10px;
}
i.fas.fa-circle {
    padding: 10px;
    color: #00007c;
}
.conteudo-pages-comecar .titulo-comecar-pages {
    display: flex;
    justify-content: center;
}
.conteudo-comecar-linha hr {
    height: 2px;
    background-color: #0a6fa557;
    border: none;
    border-radius: 8px;
    margin: 0 auto;
}
.conteudo-pages-comecar .titulo-comecar-pages h2 {
    font: 35px calibri;
    color: #015198;
    text-align: center;
    font-weight: lighter;
}
.conteudo-pages-comecar .box02-comecar {
    margin: 20px 0;
    background: #fff;
}
.conteudo-pages-comecar .box02-comecar .comecar02 {
    width: 1200px;
    margin: 0 auto;
}
.comecar02 .conteudo p {
    font: 20px/31px "Calibri";
    color: black;
    padding: 0px 10px;
}
.conteudo-pages-comecar .box02-comecar .comecar02 .itens-total {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}
.conteudo-pages-comecar .box02-comecar .comecar02 .itens-total .itens-01 {
    border-radius: 13px;
}
.conteudo-pages-comecar .box02-comecar .comecar02 .itens-total .itens-02 {
    border-radius: 13px;
}
.conteudo-pages-comecar .box02-comecar .comecar02 .itens-total .conteudo {
    text-align: justify;
    font-size: 18px;
    font-family: calibri;
    color: #000;
    line-height: 29px;
    padding: 25px 0px;
}
.conteudo-pages-comecar .box02-comecar .comecar02 .titulo {
    display: flex;
    justify-content: center;
    margin: 15px 0;
}
.conteudo-pages-comecar .box02-comecar .comecar02 .titulo h2 {
    font-size: 30px;
    font-family: "Calibri";
    color: #015198;
    font-weight: lighter;
    text-transform: uppercase;
}
.conteudo-pages-comecar .box02-comecar .comecar02 .itens-total .titulo {
    display: flex;
    justify-content: center;
    background: #0a6fa557;
    padding: 7px 0;
    margin: 0;
}
.conteudo-pages-comecar .box-comecar-03 {
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.conteudo-pages-comecar .box-comecar-03 p {
    font: 20px/31px "Calibri";
    line-height: 2;
    margin: 0px;
    padding: 8px 10px;
    color: black;
    text-align: justify;
}
.conteudo-pages-comecar .box-comecar-03 h1 {
    font: 20px/30px "Calibri";
    color: #0a6fa5;
    line-height: 3;
    font-weight: bold;
    padding: 0px 10px;
}
.conteudo-pages-comecar .box-comecar-04 {
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 32px 0;
}
.conteudo-pages-comecar .box-comecar-04 p {
    font: 20px/31px "Calibri";
    line-height: 2;
    margin: 0px;
    padding: 8px 10px;
    color: black;
}
.conteudo-pages-comecar .box-comecar-04 h1 {
    font: 20px/30px "Calibri";
    color: #0a6fa5;
    line-height: 3;
    font-weight: bold;
    padding: 0px 10px;
}
.conteudo-pages-comecar .box-comecar-05 {
    margin: 20px 0;
    background: #fff;
}
.conteudo-pages-comecar .box-comecar-05 .comecar05 {
    width: 1200px;
    margin: 0 auto;
}
.comecar05 .conteudo p {
    font: 20px/31px "Calibri";
    color: black;
    padding: 0px 10px;
}
.conteudo-pages-comecar .box-comecar-05 .comecar05 .itens-total {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}
.conteudo-pages-comecar .box-comecar-05 .comecar05 .itens-total .conteudo {
    text-align: justify;
    font-size: 18px;
    font-family: calibri;
    color: #000;
    line-height: 29px;
    padding: 32px 0px;
}
.conteudo-pages-comecar .box-comecar-05 .comecar05 .titulo {
    display: flex;
    justify-content: center;
    margin: 15px 0;
}
.conteudo-pages-comecar .box-comecar-05 .comecar05 .titulo h2 {
    font-size: 30px;
    font-family: "Calibri";
    color: #015198;
    font-weight: lighter;
    text-transform: uppercase;
}
.conteudo-pages-comecar .box-comecar-05 .comecar05 .itens-total .titulo {
    display: flex;
    justify-content: center;
    background: #0a6fa557;
    padding: 7px 0;
    margin: 0;
}
img.right {
    float: right;
}
.titulo-comecar-pages {
    display: flex;
    justify-content: center;
    background: #005099;
}
.conteudo-comecar-linha hr {
    height: 4px;
    background-color: #0a6fa557;
    border: none;
    border-radius: 8px;
    margin: 0 auto;
}
.titulo-comecar-pages h2 {
    font: 35px calibri;
    color: #ffffff;
    text-align: center;
    font-weight: bolder;
    text-transform: uppercase;
    padding: 8px 0px;
}

/*PROGRAMA-APRENDIZ*/
.conteudo-pages-programa {
    min-height: 500px;
    width: 1200px;
    margin: 0 auto;
    padding: 7px 0px;
}
.box-programa {
    padding: 10px 21px;
}
.conteudo-pages-programa .box01-programa {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    min-height: 300px;
}
.conteudo-pages-programa .box01-programa p {
    font: 20px/31px "Calibri";
    line-height: 2;
    margin: 0px;
    padding: 8px 10px;
    color: black;
    text-align: justify;
}
.conteudo-pages-programa .box01-programa h1 {
    font: 20px/30px "Calibri";
    color: #0a6fa5;
    line-height: 3;
    font-weight: bold;
    padding: 0px 10px;
}
i.fas.fa-circle {
    padding: 10px;
    color: #00007c;
}
.conteudo-pages-programa .titulo-programa-pages {
    display: flex;
    justify-content: center;
}
.conteudo-programa-linha hr {
    height: 4px;
    background-color: #0a6fa557;
    border: none;
    border-radius: 8px;
    margin: 0 auto;
}
.conteudo-pages-programa .titulo-programa-pages h2 {
    font: 35px calibri;
    color: #015198;
    text-align: center;
    font-weight: lighter;
}
.conteudo-pages-programa .box02-programa {
    margin: 20px 0;
    background: #fff;
}
.conteudo-pages-programa .box02-programa .programa02 {
    width: 1200px;
    margin: 0 auto;
}
.programa02 .conteudo p {
    font: 20px/31px "Calibri";
    color: black;
    padding: 0px 10px;
}
.conteudo-pages-programa .box02-programa .programa02 .itens-total {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}
.conteudo-pages-programa .box02-programa .programa02 .itens-total .conteudo {
    text-align: justify;
    font-size: 18px;
    font-family: calibri;
    color: #000;
    line-height: 29px;
    padding: 20px 0px;
}
.conteudo-pages-programa .box02-programa .programa02 .titulo {
    display: flex;
    justify-content: center;
    margin: 15px 0;
}
.conteudo-pages-programa .box02-programa .programa02 .titulo h2 {
    font-size: 30px;
    font-family: "Calibri";
    color: #015198;
    font-weight: lighter;
    text-transform: uppercase;
}
.conteudo-pages-programa .box02-programa .programa02 .itens-total .titulo {
    display: flex;
    justify-content: center;
    background: #0a6fa557;
    padding: 7px 0;
    margin: 0;
}
.conteudo-pages-programa .box03-programa {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    min-height: 300px;
}
.box03-programa .img {
    width: 100%;
    text-align: center;
    padding: 45px 0px;
}
.box03-programa .conteudo {
    font: 20px/30px "calibri";
    padding: 0px 0px 13px;
}
.conteudo-pages-programa .box03-programa p {
    font: 20px/31px "Calibri";
    line-height: 2;
    margin: 0px;
    padding: 8px 10px;
    color: black;
    text-align: justify;
}
.conteudo-pages-programa .box03-programa h1 {
    font: 20px/30px "Calibri";
    color: #0a6fa5;
    line-height: 3;
    font-weight: bold;
    padding: 0px 10px;
}
.box03-programa .programa03 {
    width: 1200px;
    margin: 0 auto;
}
.box03-programa .programa03 .itens-01 {
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}
.box03-programa .programa03 .itens-01 {
    background-color: #abcee021;
    border-radius: 13px;
    padding: 0px 224px 0px;
}
.box03-programa .programa03 .titulo h2 {
    font-size: 30px;
    color: #015198;
    font-family: "calibri";
    text-transform: uppercase;
    font-weight: lighter;
    padding: 16px 0px;
}
.box03-programa .programa03 .itens-01 .titulo {
    display: flex;
    justify-content: center;
    padding: 7px 0;
    margin: 0;
}
.programa03 img {
    height: 0px 100px;
}
.programa05 img {
    float: left;
    padding: 0px 31px 0px 0px;
}
.box-programa {
    padding: 22px 0px;
}
.conteudo-pages-programa .box05-programa {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    min-height: 300px;
}
.box-programa img {
    float: right;
}
.conteudo-pages-programa .box05-programa p {
    font: 20px/31px "Calibri";
    line-height: 2;
    margin: 0px;
    padding: 0px 0px 36px;
    color: black;
    text-align: justify;
}
.conteudo-pages-programa .box05-programa h1 {
    font: 20px "Calibri";
    color: #0a6fa5;
    line-height: 3;
    font-weight: bold;
}
.conteudo-pages-programa .box04-programa {
    margin: 20px 0;
    background: #fff;
}
.conteudo-pages-programa .box04-programa .programa04 {
    width: 1200px;
    margin: 0 auto;
}
.programa04 .conteudo p {
    font: 20px/31px "Calibri";
    color: black;
    padding: 0px 10px;
}
.conteudo-pages-programa .box04-programa .programa04 .itens-total {
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}
.conteudo-pages-programa .box04-programa .programa04 .itens-total .conteudo {
    text-align: justify;
    font-size: 18px;
    font-family: calibri;
    color: #000;
    line-height: 29px;
    padding: 25px 0px;
}
.conteudo-pages-programa .box04-programa .programa04 .titulo {
    display: flex;
    justify-content: center;
    margin: 15px 0;
}
.conteudo-pages-programa .box04-programa .programa04 .titulo h2 {
    font-size: 30px;
    font-family: "Calibri";
    color: #015198;
    font-weight: lighter;
    text-transform: uppercase;
}
.conteudo-pages-programa .box04-programa .programa04 .itens-total .titulo {
    display: flex;
    justify-content: center;
    background: #0a6fa557;
    padding: 7px 0;
    margin: 0;
}
.titulo-programa-pages {
    display: flex;
    justify-content: center;
    background: #005099;
}
.titulo-programa-pages h2 {
    font: 35px calibri;
    color: #ffffff;
    text-align: center;
    font-weight: bolder;
    padding: 8px 0px;
    text-transform: uppercase;
}

/*TRABALHO*/
.conteudo-pages-trabalho {
    min-height: 500px;
    width: 1200px;
    margin: 0 auto;
}
i.fas.fa-circle {
    padding: 10px;
    color: #00007c;
}
.trabalho02 img.right {
    padding: 40px 0px 0px;
}
.conteudo-pages-trabalho .titulo-trabalho-pages {
    display: flex;
    justify-content: center;
}
.trabalho-pages-linha hr {
    height: 4px;
    background-color: #0a6fa557;
    border: none;
    border-radius: 8px;
    margin: 0 auto;
}
.conteudo-pages-trabalho .titulo-trabalho-pages h2 {
    font: 35px calibri;
    color: #015198;
    text-align: center;
    font-weight: lighter;
}
.conteudo-pages-trabalho .box01-trabalho {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    min-height: 300px;
    padding: 30px 0;
}
.conteudo-pages-trabalho .box01-trabalho p {
    font: 20px/31px "Calibri";
    line-height: 2;
    margin: 0px;
    padding: 8px 10px;
    color: black;
    text-align: justify;
}
.box01-trabalho img.right {
    padding: 42px 0px 20px;
}
.conteudo-pages-trabalho .box01-trabalho h1 {
    font: 20px/30px "Calibri";
    color: #0a6fa5;
    line-height: 3;
    font-weight: bold;
    padding: 0px 10px;
}
.conteudo-pages-trabalho .box02-trabalho {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    min-height: 300px;
    padding: 0px 0px 56px;
}
.conteudo-pages-trabalho .box02-trabalho p {
    font: 20px/31px "Calibri";
    line-height: 2;
    margin: 0px;
    padding: 8px 10px;
    text-align: justify;
    color: black;
}
.conteudo-pages-trabalho .box02-trabalho h1 {
    font: 20px/30px "Calibri";
    color: #0a6fa5;
    line-height: 3;
    font-weight: bold;
    padding: 0px 10px;
}
.titulo-trabalho-pages {
    display: flex;
    justify-content: center;
    background: #005099;
    padding: 8px 0px;
}
.conteudo-trabalho-linha hr {
    height: 2px;
    background-color: #0a6fa557;
    border: none;
    border-radius: 8px;
    margin: 0 auto;
}
.titulo-trabalho-pages h2 {
    font: 35px calibri;
    color: #ffffff;
    text-align: center;
    font-weight: bolder;
    text-transform: uppercase;
}

/*GALERIA*/
.titulo-galeria-pages {
    display: flex;
    justify-content: center;
    background: #005099;
    padding: 8px 0px;
}
.conteudo-galeria-linha hr {
    height: 4px;
    background-color: #0a6fa557;
    border: none;
    border-radius: 8px;
    margin: 0 auto;
}
.titulo-galeria-pages h2 {
    font: 35px calibri;
    color: #ffffff;
    text-align: center;
    text-transform: uppercase;
    font-weight: bolder;
}
.exibir-fotos {
    width: 1200px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 50px;
    padding: 0px 350px;
}
.botao-fotos {
    margin-bottom: 20px;
    background: #0a6fa5;
    padding: 15px 140px;
    font-size: 22px;
    font-family: calibri;
    transition: 0.5s;
    display: flex;
    align-items: center;
    cursor: pointer;
    color: #fff;
}
i.fas.fa-angle-down {
    color: white;
}
.botao-videos {
    margin-bottom: 20px;
    background: #0a6fa5;
    padding: 15px 140px;
    font-size: 22px;
    font-family: calibri;
    transition: 0.5s;
    display: flex;
    align-items: center;
    cursor: pointer;
    color: #fff;
}
.gallery.fotos {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-around;
}
.gallery.fotos img {
    margin: 4px;
    box-shadow: 6px 0px 10px 3px #456c7e;
}
.galeria {
    padding: 35px 88px;
}
.videos {
    padding: 35px;
    box-shadow: 2px 2px 3px #4e7384;
}
.videos {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.exibir-videos {
    width: 1200px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 50px;
    padding: 0px 350px;
}

/*PROGRAMAS*/
.box-paginas-total .titulo-programas-pages {
    display: flex;
    justify-content: center;
    background: #005099;
    padding: 8px 0px;
}
.conteudo-programas-linha hr {
    height: 4px;
    background-color: #0a6fa557;
    border: none;
    border-radius: 8px;
    margin: 0 auto;
}
.box-paginas-total .titulo-programas-pages h2 {
    font: 35px calibri;
    color: #ffffff;
    text-align: center;
    font-weight: bolder;
    text-transform: uppercase;
}
.box-paginas-total .box-introducao-paginas {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 100px 0x;
    margin: 34px auto;
    padding: 31px 0px;
    width: 1200px;
}
.box-paginas-total .box-introducao-paginas p {
    font: 20px/31px "Calibri";
    line-height: 2;
    margin: 0px;
    padding: 8px 30px;
    color: black;
    text-align: justify;
}
.box-paginas-total .box-introducao-paginas h1 {
    font: 20px/30px "Calibri";
    color: #0a6fa5;
    line-height: 3;
    font-weight: bold;
    padding: 0px 10px;
}
.box-introducao-paginas img.right {
    border-radius: 50%;
    box-shadow: 6px 0px 10px 3px #456c7e;
}
.box-paginas {
    width: 1270px;
    margin: 28px auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    padding: 30px;
}
.box-paginas .box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin: 10px 0px;
}
.box-paginas .box .item {
    width: 350px;
    height: 290px;
    margin: 0px 0px;
    overflow: hidden;
    position: relative;
    visibility: visible;
}
.box-paginas .box:last-child .item {
    width: 350px;
    height: 100%;
    margin: 0px 0px !important;
    overflow: hidden;
    position: relative;
}
.box-paginas .box .item:hover .titulo {
    background: rgb(10 111 165 / 56%);
    transition: all 0.5s;
}
.box-paginas .box .item .img {
    width: 350px;
    height: 290px;
}
.box-paginas .box .item .img img {
    width: 100%;
    height: auto;
    min-height: 100%;
}
.box-paginas .box .item .titulo {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font: 34px "calibri";
    color: #fff;
    font-weight: lighter;
    padding: 10px;
    box-sizing: border-box;
    text-align: center;
    background: rgb(5 59 87 / 72%);
    transition: all 0.5s;
}

/*FALE CONOSCO*/
.titulo-ouvidoria-pages {
    display: flex;
    justify-content: center;
    background: #005099;
    padding: 8px 0px;
}
.informacoes-de-contato {
    padding: 30px 0px 0px;
}
.conteudo-ouvidoria-linha hr {
    height: 4px;
    background-color: #0a6fa557;
    border: none;
    border-radius: 8px;
    margin: 0 auto;
}
.titulo-ouvidoria-pages h2 {
    font: 35px calibri;
    color: #ffffff;
    text-align: center;
    font-weight: bolder;
    text-transform: uppercase;
}
.ouvidoria {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.ouvidoria .item {
    width: 500px;
    margin: 20px 0px;
}
.ouvidoria .item > .titulo {
    font: 40px "calibri";
    font-weight: lighter;
    color: #053957;
    margin-bottom: 10px;
    align-items: center;
    text-align: center;
}
.ouvidoria .item > .titulo span {
    font: 22px "calibri";
    font-weight: lighter;
    color: #0a6fa5;
    display: block;
}
.ouvidoria .item .contato {
    padding: 0px 10px;
}
.ouvidoria .coluna {
    width: 100%;
    display: flex;
}
b {
    color: black;
    font: 20px/30px "calibri";
    font-weight: bolder;
    text-transform: bolc;
}
.ouvidoria .ctt-info {
    flex-wrap: wrap;
    font: 20px/30px "calibri";
}
.ouvidoria .linha {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 20px 38px !important;
    font: 20px/30px "calibri";
}
.ouvidoria .linha i {
    margin-right: 10px;
}
.ouvidoria .ctt-info .linha.redes-sociais i {
    margin: 0 !important;
    font-size: 30px !important;
}
.ouvidoria .ctt-info .linha.redes-sociais {
    width: 430px;
    margin: 0 auto !important;
    padding: 0 20px;
}

/*INSCRICAO DOS JOVENS*/
.informacoes-de-contato .item {
    text-align: center;
    margin: 20px 0;
}
.informacoes-de-contato i {
    color: #005099;
    font-size: 25px;
}
.informacoes-de-contato p {
    color: black;
    font: 22px "calibri";
}
.formulario {
    margin: 0px auto;
    width: 780px;
    padding: 10px;
}
.formulario input {
    width: 100%;
    padding: 19px 20px;
    border: none;
    background: #fff;
    box-sizing: border-box;
    outline: none !important;
    font: 18px "calibri";
    border: 1px solid #0000005c;
}

.img-cadastro {
    display: flex;
    width: 400px;
    margin: 20px auto;
    justify-content: space-between;
    align-items: center;
}
img.cadastro {
    border: 1px solid #d9d9d9;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 1px 1px 1px 1px #eee;
    padding: 7px;
    margin: 0px 10px;
}
.formulario textarea {
    width: 100%;
    height: 200px;
    padding: 19px 20px;
    margin-bottom: 10px;
    background: #fff;
    box-sizing: border-box;
    outline: none !important;
    resize: none;
    font: 18px "calibri";
    border: 1px solid #000;
}
.formulario .submit {
    width: 100%;
    padding: 20px 70px;
    background: #005099;
    margin: 0 auto;
    color: #fff;
    font: 20px "calibri";
    display: table;
    transition: all 0.5s;
    cursor: pointer;
}
.opcao input {
    width: auto;
    padding: 0px;
    margin: 0px;
}
.opcoes {
    width: 100%;
    background: #fff;
    padding: 30px 0px;
    margin: 10px 0px;
    border: 1px solid #000;
}

.opcoes .form-group {
	padding: 0 12px;
}

.opcao p {
    color: #000;
    font-family: "Montserrat";
    font-size: 18px;
    margin-left: 5px;
}



/*LEGISLACAO*/
.titulo-legislacao-pages {
    display: flex;
    justify-content: center;
    background: #005099;
    padding: 8px 0px;
}
.conteudo-legislacao-linha hr {
    height: 4px;
    background-color: #0a6fa557;
    border: none;
    border-radius: 8px;
    margin: 0 auto;
}
.legislacao01 .conteudo strong {
    font-size: 17px;
}
.legislacao01 .titulo {
    padding: 0px 0px 17px;
}
.itens-04 .conteudo {
    padding: 0px 0px 19px;
}
.titulo-legislacao-pages h2 {
    font: 35px calibri;
    color: #ffffff;
    text-align: center;
    font-weight: bolder;
    text-transform: uppercase;
}
.conteudo-pages-legislacao .box-legislacao {
    margin: 20px 0;
    background: #fff;
}
.legislacao01 .itens-02 .titulo h2 {
    font: 30px/30px "Calibri";
    color: #0a6fa5;
    line-height: 3;
    font-weight: bold;
    padding: 0px 10px;
}
.legislacao01 .itens-03 .titulo h2 {
    font: 30px/30px "Calibri";
    color: #0a6fa5;
    line-height: 3;
    font-weight: bold;
    padding: 0px 10px;
}
.legislacao01 .itens-04 .titulo h2 {
    font: 30px/30px "Calibri";
    color: #0a6fa5;
    line-height: 3;
    font-weight: bold;
    padding: 0px 10px;
}
.conteudo-pages-legislacao .box-legislacao .legislacao01 {
    width: 1200px;
    margin: 0 auto;
}
.legislacao01 .conteudo p {
    font: 20px/31px "Calibri";
    color: black;
    padding: 0px 10px;
    text-align: justify;
}
.conteudo-pages-legislacao .box-legislacao .legislacao01 .itens-total {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}
.conteudo-pages-legislacao .box-legislacao .legislacao01 .itens-total .itens-01 {
    border-radius: 13px;
}
.depoimento-page {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.depoimento-page .texto-depoimento {
    font: 20px/31px "calibri";
    line-height: 2;
    text-shadow: 0px 0px 1px #eee;
    color: #525252;
}
.depoimento .logo-depoimento {
    height: unset;
}
.depoimento {
    align-items: center;
    flex-wrap: wrap;
    width: min-content;
    justify-content: center;
    margin-bottom: 40px;
}
.depoimento .texto-depoimento span {
    color: black;
}
.depoimento .texto-depoimento span b {
    line-height: 2;
    color: #000000;
    font: 20px/31px "Calibri";
    font-weight: bold;
}
.logo-depoimento {
    display: flex;
    align-items: center;
    justify-content: center;
}
.texto-depoimento {
    width: 450px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex-wrap: wrap;
    padding: 10px 60px;
    margin: 5px;
}

/*botao wpp*/
.whatsapp {
    position: fixed;
    bottom: 60px;
    right: 58px;
    animation: atencao 10s 10s infinite;
}
.whatsapp a {
    background: green;
    width: 70px;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}
.whatsapp a:hover {
    animation: whatsapp 1.5s;
}
.whatsapp i {
    font-size: 35px;
    color: #fff;
}
@keyframes whatsapp {
    30% {
        box-shadow: 0 0 0 7px rgba(37, 211, 102, 0.4);
    }
    45% {
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.4);
    }
    60% {
        box-shadow: 0 0 0 7px rgba(37, 211, 102, 0.4);
    }
}

/* botao ficha cadastral */
.cadastro-botao {
    position: fixed;
    bottom: 160px;
    right: 17px;
    z-index: 999;
    animation: atencao 10s 10s infinite;
}
.cadastro-botao a {
    background: green;
    width: 154px;
    height: 50px;
    display: flex;
    font: 18px calibri;
    color: white;
    justify-content: center;
    align-items: center;
    border-radius: 0px 10px;
    justify-content: space-evenly;
}
.cadastro-botao a:hover {
    animation: cadastro 1.5s;
}
.cadastro-botao i {
    font-size: 35px;
    color: #fff;
}
@keyframes cadastro {
    30% {
        box-shadow: 0 0 0 7px rgba(37, 205, 211, 0.4);
    }
    45% {
        box-shadow: 0 0 0 0 rgba(37, 196, 211, 0.4);
    }
    60% {
        box-shadow: 0 0 0 7px rgba(37, 176, 211, 0.4);
    }
}

/* Galeria */
.galeria {
    width: 1200px;
    margin: 40px auto;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.foto-gallery {
    border: 1px solid #dedede;
    margin: 10px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.foto-gallery img {
    width: 100%;
    height: auto;
}
.foto-gallery:hover {
    box-shadow: 0px 0px 10px 1px #ddd;
    transition: 0.5s;
}
.foto-gallery p {
    width: 100%;
    height: 45px;
    text-align: center;
    text-shadow: 0px 0px 1px #000;
    font-weight: bold;
    background: #1180b1c9;
    padding: 9px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    bottom: 0;
    position: absolute;
    overflow: hidden;
    box-sizing: border-box;
    transition: 0.5s;
    display: none;
}
.foto-gallery:hover p {
    height: 70px;
    transition: 0.5s;
}
.foto-gallery.total {
    width: 250px;
    height: 400px;
}
.fancybox-caption {
    text-align: center !important;
    font-size: 30px !important;
    font-weight: bold !important;
    text-shadow: 0px 0px 1px #000 !important;
}
.comecar02 .conteudo p strong {
    font: 20px/31px "Calibri";
    color: black;
    font-weight: bold;
}
.conteudo-pages-comecar .box-comecar-03 p strong {
    font: 20px/31px "Calibri";
    color: black;
    font-weight: bold;
}
.text-pages p {
    font: 18px/31px "Calibri";
    line-height: 2;
    margin: 0px;
    padding: 8px 10px;
    color: #000000;
    text-align: justify;
    font-weight: bold;
    width: 960px;
    margin: 0 auto;
}
.text-pages {
    background: #eee;
    box-shadow: 1px 1px 1px 1px #d1d1d1;
}
.opcao label + label {
    padding-left: 10px;
}

.opcao label input {
	border: 1px solid #0000005c !important;
}
/* Sub-menu */

li.sub-menu {
    position: relative;
    z-index: 99999999;
}
li.sub-menu ul {
    position: absolute;
    z-index: 999;
    width: 414px;
    display: none;
    flex-wrap: wrap;
    background: #f4f4f4;
}
li.sub-menu ul li {
    width: 56%;
    margin: 2px;
    color: white;
}
li.sub-menu ul li a {
    color: #fff;
    transition: 0.5s;
    padding: 61px 2px;
}
li.sub-menu ul li a:hover {
    color: #000 !important;
    padding-left: 15px;
}
li.sub-menu:hover ul {
    display: flex;
}

/* Responsivo */

@media only screen and (max-width: 1300px) {
    * {
        max-width: 100%;
        box-sizing: border-box;
        text-align: justify;
    }
    .whatsapp {
        position: fixed;
        top: 82%;
        left: 90%;
        padding: 10px;
        z-index: 10000000;
    }
}

@media only screen and (max-width: 1200px) {
    * {
        max-width: 100%;
        box-sizing: border-box;
        text-align: justify;
    }
    .conteudo-pages {
        padding: 2%;
    }
    .menu-total {
        display: block;
        width: 100%;
    }
    .menu ul {
        display: flex;
        justify-content: center;
    }
    .menu li {
        margin-left: 0;
        margin-right: 0;
        text-align: center;
    }
    .rodape div {
        width: 100%;
        margin: 0 0;
        text-align: center;
        padding: 10px 0;
    }
    .topo > div {
        margin: 0 !important;
    }
    .box-comecar {
        width: 100%;
    }
    .item-rodape-total {
        flex-wrap: wrap;
    }
}

@media only screen and (max-width: 800px) {
    * {
        max-width: 100%;
        box-sizing: border-box;
        text-align: justify;
    }
    .slogan .titulo {
        font-size: 30px;
    }
    .slogan .conteudo {
        font-size: 18px;
    }
    .box-03-total,
    .box-04-total {
        padding: 10px;
    }
    .exibir-fotos {
        padding: 0px;
    }
    .exibir-videos {
        padding: 0px;
    }
    .videos {
        display: block;
    }
    .whatsapp {
        position: fixed;
        top: 82%;
        left: 80%;
        padding: 10px;
        z-index: 10000000;
        width: 100%;
    }
}

@media only screen and (max-width: 700px) {
    .whatsapp {
        left: 73%;
    }
}

@media only screen and (max-width: 550px) {
    * {
        max-width: 100%;
        box-sizing: border-box;
        text-align: justify;
    }
    .slogan-total {
        position: relative !important;
        top: unset;
        left: unset;
        transform: unset;
        padding: 10px 30px;
        background: #053957;
    }
    .menu ul {
        flex-wrap: wrap;
    }
    .topo-total {
        padding: 30px 0 0;
    }
    .item-logo-pw {
        padding: 0px 156px;
    }
    .videos video {
        box-shadow: none;
    }
    .exibir-fotos {
        padding: 0px;
    }
    .exibir-videos {
        padding: 0px;
    }
    .img-cadastro {
        display: none;
    }
    .informacoes-de-contato .item {
        text-align: center;
        margin: 20px 0px;
    }
    .linha-total .linha {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-around;
        width: 1050px;
        margin: 0 auto;
    }
    .box-introducao-paginas .img {
        display: none;
    }
    .box-paginas-total .box-introducao-paginas {
        padding: 0px;
    }
    .fundo-slider {
        display: none;
    }
    .box-02 .item .titulo {
        text-align: center;
    }
    .box-03 .item:first-child {
        padding: 30px 50px;
    }
    .box-03 .item .titulo span {
        text-align: center;
    }
    .box-03 .item .titulo {
        text-align: center;
    }
    .box-03 .item .entrar {
        margin: 0px auto;
    }
    .box-04 .item > .titulo span {
        text-align: center;
    }
    .titulo span {
        text-align: center;
    }
    .box-03 .item .conteudo {
        padding: 8px 30px;
    }
    .conteudo-pages .box-instituicao p {
        padding: 8px 30px;
    }
    .conteudo-pages .box-instituicao h1 {
        text-align: center;
    }
    .conteudo-pages-programa .box01-programa p {
        padding: 8px 30px;
    }
    .conteudo-pages-comecar .box01-comecar p {
        padding: 8px 30px;
    }
    .conteudo-pages-trabalho .box01-trabalho p {
        padding: 8px 30px;
    }
    .conteudo-pages-trabalho .box01-trabalho h1 {
        text-align: center;
    }
    .conteudo-pages-trabalho .box02-trabalho h1 {
        text-align: center;
    }
}