div:hover>.btn {
    display: block;
    opacity: 1;
    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;
}
.item-galeria {
    padding: 5px;
    margin: 5px;
}

.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: 0
}

.sobre {
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    min-height: 350px;
}

.sobre p {
    font: 30px 'calibri';
    color: #000000;
    margin-bottom: 30px;
    padding: 60px;
}

.sobre img {
    width: 1212px !important;
    height: 297px !important;
}

.item-textb p {
    font: 30px 'calibri';
    color: #000000;
    margin-bottom: 30px;
    padding: 60px;
}

div#certificado img {
    height: 700px;
}

#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
}



.texto-pages {
    font: 15px/25px Calibri;
    color: #000;
    text-align: justify
}

.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
}

.contato input {
    font-size: 17px;
    width: 100%;
    padding: 15px 20px;
    background: #eee;
    border: 1px solid #ccc;
    color: #666;
    box-sizing: border-box;
    margin-bottom: 10px;
    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;
    margin-bottom: 10px;
    outline: none !important;
    resize: none;
    height: 200px
}

.contato .submit {
    cursor: pointer;
    background: #0A6FA5;
    color: #fff
}

body {
    overflow-x: hidden
}

.linha-topo-total {
    background: #053957;
}

.linha-topo {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around
}

.linha-topo .item {
    padding: 10px;
    color: #fff;
    font: 18px calibri
}

.linha-topo .item i {
    color: inherit;
    font-size: 25px;
    vertical-align: text-top
}

.topo-total {
    padding: 30px 0
}

.topo {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around
}

.topo>div {
    margin: 20px 0
}

.menu-total {
    display: flex;
    align-items: center
}

.menu li {
    display: inline-block;
    margin: 10px 0;
    padding: 0 20px
}

.menu li a {
    font: 18px calibri;
    color: #999
}

.menu li a:hover {
    color: #0A6FA5
}

.menu li a.ativo {
    color: #0A6FA5
}

.fundo-slider {
    display: flex;
    position: relative;
    width: 100%;
    background: #000;
    overflow: hidden
}

.fundo-certificado {
    display: flex;
    position: relative;
    width: 100%;
    background: #053957;
    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%)
}

.conteudo-pages h1::first-line {
    color: #ffffff;
}

.conteudo-pages {
    width: 100%;
}

.empresa-total {
    width: 1200px;
    margin: 0 auto;
}

.texto-empresa img {
    width: 1200px;
    height: 250px;
    border: 5px solid aliceblue!important;
    padding: 5px;
    border-radius: 20px;
    margin: 10px 0px;
    padding-top: 20px;
}
.gallery-caption {
    font-family: 'Myriad Pro';
    font-size: 25px;
    border-bottom: 2px solid #043f7a;
    color: #043e79;
    position: absolute;
    top: 0;
    z-index: 999;
    width: 90%;
    text-align: left;
}

dl.gallery-item {
    position: relative;
}
.item-caixa .conteudo {
    font-size: 16px;
    color: #003366;
}
.box-imgs {
    width: 1200px;
    margin: 0 auto;
}

.gallery a {
    display: flex;
    background: aliceblue;
}

.gallery {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    /* align-content: space-between; */
}

.item-galeria {
    padding: 5px;
    margin: 5px;
}

.item-text {
    padding: 20px;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
}

.item-text .item {
    padding: 30px;
}

.item-text h2 {
    font-family: 'Myriad Pro';
    font-size: 25px;
    border-bottom: 2px solid #043f7a;
    color: #043e79;
}

.item-text p {
    font-family: 'Myriad Pro';
    font-size: 18px;
    padding: 10px 0px;
    line-height: 35px;
    text-align: justify;
}

.item-text i {
    color: #3c3c3c;
}

.titulo-pages h1 {
    font: 45px 'calibri';
    color: #ffffff;
    text-align: center;
    margin-bottom: 20px;
    background: linear-gradient(45deg, #003366, #0b529a);
    padding: 5px;
    border-top: 5px solid #fff;
    border-bottom: 5px solid #fff;
}

.slogan {
    width: 700px;
    height: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.slogan2 {
    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
}

.slogan2 .titulo {
    font: 50px calibri;
    font-weight: lighter;
    color: #fff;
    margin-bottom: 10px;
    visibility: hidden
}

.slogan .conteudo {
    font: 25px calibri;
    font-weight: lighter;
    color: #fff;
    visibility: hidden
}

.slogan2 .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;
    border: 2px solid #0A6FA5;
    height: 450px;
    overflow: hidden;
}

.rodape {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center
}

.rodape>div {
    padding: 20px 0;
    font: 20px calibri;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center
}

.rodape .social img {
    padding: 5px
}

.logo-pw {
    text-align: center;
}

.g-recaptcha {
    display: flex;
    justify-content: center;
}



/* Index */
.box-01-total {
    padding: 20px 0px;
}

.box-01 {
    width: 1080px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.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: 0px 0px;
    overflow: hidden;
    position: relative;
    visibility: hidden;
}

.box-01 .box:last-child .item {
    width: 350px;
    height: 100%;
    margin: 0px 0px !important;
    overflow: hidden;
    position: relative;
}

.box-01 .box a:last-child .item {
    margin-top: 10px;
}

.box-01 .box .item:hover .titulo {
    background: rgba(10, 111, 165, 1);
    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: 40px 'calibri';
    color: #fff;
    font-weight: lighter;
    padding: 10px;
    box-sizing: border-box;
    text-align: center;
    background: rgba(5, 59, 87, 0.7);
    transition: all 0.5s;
}




.box-caixa {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.box-caixa .item-caixa {
    width: 400px;
    text-align: center;
    padding: 20px 0px;
    position: relative;
    color: #fff;
}

.box-caixa .item-caixa .img {
    width: 120px;
    height: 120px;
    background: #0A6FA5;
    margin: 0 auto 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.2), 5px 5px 0px 0px rgba(0, 0, 0, 0.2);
    transition: all 0.5s;
}


.box-caixa .item-caixa .img i {
    font-size: 60px;
    color: #fff;
}



.box-caixa .item-caixa .titulo {
    font: 25px 'calibri';
    margin-bottom: 20px;
    padding: 0px 30px;
    transition: all 0.3s;
}




.sobre-caixa .conteudo {
    font-size: 16px;
    color: #003366;
}

.box-02-total {
    background: #053957;
    position: relative;
}

.box-02 {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.box-02 .item {
    width: 400px;
    text-align: center;
    padding: 60px 0px;
    position: relative;
    color: #fff;
    visibility: hidden;
}

.box-02 .item>i {
    opacity: 0;
    font-size: 30px;
    color: inherit;
    transition: all 0.5s;
    position: absolute;
    bottom: 10px;
    right: 10px;
}

.box-02 .item:hover>i {
    opacity: 1;
    transition: all 0.5s;
}

.box-02 a:nth-child(2) .item {
    background: #fff;
    color: #333;
    height: 340px;
}

.box-02 a:nth-child(2) .titulo,
.box-02 a:nth-child(2) .conteudo {
    color: inherit;
    transition: all 0.3s;
}

.box-02 .item .img {
    width: 120px;
    height: 120px;
    background: #0A6FA5;
    margin: 0 auto 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.2), 5px 5px 0px 0px rgba(0, 0, 0, 0.2);
    transition: all 0.5s;
}

.box-02 .item .img i {
    font-size: 60px;
    color: #fff;
}

.box-02 .item .titulo {
    font: 25px 'calibri';
    font-weight: lighter;
    color: inherit;
    margin-bottom: 20px;
    padding: 0px 30px;
    transition: all 0.3s;
}

.box-02 .item .conteudo {
    font: 20px 'calibri';
    font-weight: lighter;
    color: inherit;
    padding: 0px 30px;
    transition: all 0.3s;
    min-height: 180px;
}

.box-03-total {
    padding: 40px 0px;
}

.box-03 {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.box-03 .item {
    width: 630px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.box-03 .item:first-child {
    width: 322px;
    overflow: hidden;
}

.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 '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/software-varejo.webp');
    background-size: cover;
    padding: 20px 0px;
}

.box-05-total {
    background: url('pw-images/certificacao-digital.webp');
    background-size: cover;
    padding: 20px 0px;
}

.box-04 {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.box-05 {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.box-04 .item {
    width: 500px;
    margin: 20px 0px;
}

.box-05 .item {
    width: 500px;
    margin: 20px 0px;
}

.box-04 .item>.titulo {
    font: 40px 'calibri';
    font-weight: lighter;
    color: #053957;
    margin-bottom: 10px;
}

.box-04 .item>.titulo span {
    font: 22px 'calibri';
    font-weight: lighter;
    color: #0A6FA5;
    display: block;
}

.box-05 .item .contato {
    padding: 0px 10px;
}

.box-05 .item>.titulo {
    font: 40px 'calibri';
    font-weight: lighter;
    color: #ffffff;
    margin-bottom: 10px;
}

.box-05 .item>.titulo span {
    font: 22px 'calibri';
    font-weight: lighter;
    color: #ff0000;
    display: block;
}


.rodape-total {
    background: #053957;
}




i.fa-brands.fa-facebook {
    color: white;
    font-size: 35px;
    margin: 5px;
}

i.fa-brands.fa-instagram {
    color: white;
    font-size: 35px;
    margin: 5px;
}


.texto {
    width: 1200px;
    margin: 0 auto;
}
div#certificado {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

div#certificado h3.widget-title {
    position: absolute;
    z-index: 999;
    top: 43%;
    width: 100%;
    height: 100%;
    left: 38%;
    font: 50px calibri;
    font-weight: lighter;
    color: #fff;
}
@media only screen and (max-width:1200px) {
    * {
        max-width: 100%;
        box-sizing: border-box;
    }

    .box-02 .item {
        box-sizing: unset !important;
    }

    .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
    }
}


@media only screen and (max-width:800px) {

    .slogan .titulo {
        font-size: 30px;
    }

    .slogan2 .titulo {
        font-size: 30px;
    }

    .slogan .conteudo {
        font-size: 18px;
    }

    .slogan2 .conteudo {
        font-size: 18px;
    }

    .box-03-total,
    .box-04-total {
        padding: 10px;
    }
    
    div#certificado img {
        height: 452px;
    }
}


@media only screen and (max-width:659px) {
    .fundo-slider {
        display: block;
    }

    .fundo-certificado {
        display: block;
    }

    .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;
    }

    .box-03 .item {
        align-items: center;
    }

    .sobre p {
        font: 21px 'calibri';
        padding: unset;
    }

    .item-textb p {
        font: 21px 'calibri';
        padding: unset;
    }

    div#certificado img {
        height: 243px;
    }
}