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: #333333;
    margin: 0;
    padding: 0;
    /* max-width: 100%; */
}

/* PAGINA DE ERRO 404 - NAO MEXER */

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

/* #####################FINAL###################### */

/* all pages */

a {
    text-decoration: none;
}

.global {
    margin: 0 auto;
}

.conteudo-pages {
    min-height: 500px;
    width: 1200px;
    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: bold;
    color: #000;
}

.texto-pages h2 {
    font: 20px "Calibri";
    padding-left: 10px;
    margin-bottom: 15px;
    font-weight: bold;
    color: #000;
}

.slick-track {
    max-width: none;
}

.contato {}

.contato input {
    width: 100%;
    padding: 10px 30px 10px 20px;
    background: #eee;
    border: #ccc;
    color: #666;
    box-sizing: border-box;
    margin-bottom: 10px;
    outline: none !important;
    font-size: 17px;
    box-shadow: 2px 0px 0px 0px #333 inset;
    position: relative;
}

.contato [required="required"] {
    background: #eee url('../pw-images/required.png') center right 10px no-repeat;
    background-size: 9px;
}

.contato select,
.contato option {
    width: 50%;
    padding: 10px 20px;
    background: #eee;
    border: #ccc;
    color: #666;
    box-sizing: border-box;
    margin-bottom: 10px;
    outline: none !important;
    font-size: 17px;
    box-shadow: 2px 0px 0px 0px #333 inset;
}

.contato textarea {
    width: 100%;
    padding: 10px 30px 10px 20px;
    background: #eee;
    border: #ccc;
    color: #666;
    box-sizing: border-box;
    margin-bottom: 10px;
    outline: none !important;
    resize: none;
    height: 200px;
    font-size: 17px;
    box-shadow: 2px 0px 0px 0px #333 inset;
    position: relative;
}

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

.contato .required {
    color: #d90000;
    font: 17px "calibri";
    font-weight: lighter;
    margin-bottom: 10px;
}

.contato .required img {
    height: 9px;
}

body {
    background: url(../pw-images/fundo.jpg) center top fixed no-repeat;
    overflow-x: hidden;
}

.topo {
    margin: 0 auto;
    width: 1200px;
}

.logo {
    text-align: center;
    margin: 30px 0px;
}

.menu {
    width: 1200px;
    display: flex;
    margin: auto;
    flex-wrap: wrap;
    visibility: hidden;
}

.menu ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    background: #1F1B1A;
    border-radius: 10px;
    margin: 20px 0px;
}

.menu li {
    list-style-type: none;
    margin: 15px 0px;
}


.menu li a {
    color: #fff;
    font-size: 23px;
    font-family: Bauhaus Md BT;
    transition: 0.4s padding, 0.2s border;
    border: 2px solid transparent;
    padding: 13px 32px;
    border-radius: 10px;
    margin: 0px -1px;
}

.menu li a:hover {
    border: 2px solid #dbc4b4;
}

.rodape-total {
    background: #1f1b1a;
}

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

.rodape > div {
    margin: 30px 0px;
}

.logo-pw {}

.logo-pw div p:first-child a {
    color: #fff;
    font: 12px "Helvetica";
    margin-top: -8px;
    display: block;
}

.logo-pw div {
    text-align: left;
}

.logo-pw div a span {
    color: transparent;
}

.texto-rodape .item {
    margin-bottom: 10px;
    font-size: 20px;
    font-family: Bauhaus Lt BT;
    color: #fff;
}

.redes-rodape {
    display: flex;
}

.redes-rodape .item {
    padding: 0px 10px;
    font-size: 20px;
    font-family: Bauhaus Lt BT;
    color: #fff;
    border-right: 1px solid #fff;
    transition: 0.3s;
    cursor: pointer;
}

.redes-rodape .item:last-child {
    border: none;
}

.redes-rodape .item:first-child:hover {
    color: #3B5998;
}

.redes-rodape .item:hover {
    color: #999;
}

.redes-rodape .item:last-child:hover {
    border: none;
    color: #00aced;
}

.g-recaptcha > div{
    margin: auto;
}

/* INDEX */

.slider { width: 1200px; margin: 0 auto; position: relative; display: flex; justify-content: center; align-items: center; } .slider img{ opacity: 0.8; } .slogan { text-align: center; width: 630px; z-index: 999; position: absolute; } .slogan .titulo { font-size: 50px; font-family: Bauhaus Md BT; color: #fff; } .slogan .texto { font-family: calibri; font-size: 25px; margin: 10px 0px; color: #fff; } .slogan .botao { font-size: 20px; font-family: calibri; width: 210px; margin: 0 auto; background: #DBC4B4; padding: 8px; border-radius: 10px; color: #fff; transition: 0.3s; } .slogan .botao:hover { background: #1f1b1a; } .box-01-total { } .box-01 { margin: 0 auto; width: 1200px; display: flex; justify-content: space-around; flex-wrap: wrap; } .box-01 .item { width: 390px; margin: 10px 0px; visibility: hidden; } .box-01 .item:first-child .conteudo { background: #6B443A; } .box-01 .item:last-child .conteudo { background: #855F3A; } .box-01 .img-total { display: flex; justify-content: center; align-items: center; } .box-01 .hover { position: absolute; } .box-01 .item .hover .texto { display: flex; justify-content: center; align-items: center; width: 70px; height: 70px; border: 5px solid #fff; border-radius: 50%; transition: 0.5s; opacity: 0; z-index: 9999; position: relative; } .box-01 .item:hover .hover .texto { transform: rotate(180deg); opacity: 1; } .box-01 .hover .texto i { font-size: 38px; color: #fff; } .box-01 .item .conteudo { text-align: center; background: #1F1B1A; padding: 10px 0px; border-radius: 20px; margin: 10px 0px 0px; } .box-01 .item .titulo { font-size: 30px; font-family: Bauhaus Md BT; color: #fff; margin: 10px 0px; padding: 0px 10px; } .box-01 .item .conteudo .texto { font-size: 18px; font-family: calibri; color: #fff; margin: 10px 0px; padding: 0px 10px; } .box-01 .item .img { display: flex; background: #000; border-radius: 20px; } .box-01 .item .img img { border-radius: 20px; transition: .5s; } .box-01 .item:hover .img img { opacity: .5; } .box-02-total { background: #eee; margin-top: 100px; position: relative; } .box-02 { margin: 0 auto; display: flex; justify-content: space-around; flex-wrap: wrap; width: 1200px; position: relative; bottom: 70px; } .box-02 img { padding-bottom: 10px; box-shadow: 0px 0px 0px 0px transparent; transition: 0.5s all; visibility: hidden; } .box-02 img:hover { padding-bottom: 10px; box-shadow: 0px 3px 0px 0px #6b443a; } .box-03-total { background: #fff; } .box-03 { width: 1200px; margin: 0 auto; text-align: center; padding: 30px 0px; visibility: hidden; } .box-03 .titulo { font-size: 35px; font-family: Bauhaus Md BT; align-items: center; display: flex; width: 200px; justify-content: space-around; margin: auto; color: #1F1A19; } .box-03 .titulo i { font-size: 10px; color: #DBC4B4; } .box-03 .texto { width: 800px; font-family: calibri; font-size: 20px; margin: 20px auto; color: #666; } .box-03 .botao { font-family: calibri; font-size: 20px; padding: 10px 0px; background: #dbc4b4; width: 210px; margin: auto; color: #fff; border-radius: 10px; transition: 0.3s; } .box-03 .botao:hover { background: #1f1b1a; } .box-04-total { background: #F4EEEA; } .box-04 { width: 1200px; margin: auto; display: flex; justify-content: space-around; flex-wrap: wrap; visibility: hidden; } .box-04 .contato { width: 500px; text-align: center; margin: 40px 0px; } .box-04 .titulo { font-size: 35px; font-family: Bauhaus Md BT; margin: 10px 0px; text-align: center; } .box-04 .formulario input { width: 100%; padding: 10px 30px 10px 20px; background: #f4eeea; border: 1px solid #999; color: #666; box-sizing: border-box; margin-bottom: 10px; outline: none !important; font-size: 20px; font-family: calibri; position: relative; border-radius: 10px; box-shadow: none; } .box-04 .formulario input.mensagem { height: 100px; padding: 10px 0px 50px 20px; } input[type='submit'] { background: #1f1b1a!important; color: #fff !important; transition: 0.3s; cursor: pointer; } input[type='submit']:hover { background: #855f3a !important; } .localizacao { margin: 40px 0px; }

@media only screen and (max-width:955px) {
    .menu li {
        margin-left: 0px;
        margin-right: 0px;
        text-align: center;
    }
    .slider {
        height: auto;
    }

    .swiper-container {
        display: none;
    }

    .slogan {
        position: relative;
    }
    .logo{
        margin: 10px 0;
    }

}

@media only screen and (max-width:707px) {
    .box-02-total {
        display: none;
    }
    .menu ul{
        justify-content: space-around;
        margin: 0 0 20px 0px;
    }
    .menu li a{
        padding: 10px;
    }
}

@media only screen and (max-width:937px) {
    .box-02 img:nth-child(4) {
        display: none;
    }
}


@media only screen and (max-width:1167px) {
    .box-02 img:last-child {
        display: none;
    }
}


@media only screen and (max-width:1200px) {
    * {
        max-width: 100%;
    }

    .menu {
        width: 100%;
    }

    .conteudo-pages {
        padding: 2%;
    }
    .rodape div {
        width: 100%;
        margin: 20px 0px;
        text-align: center;
    }

    .box-01 .item {
        width: 30%;
    }

    .box-01 .hover {
        display: none;
    }
    .box-01 .item:hover .img img {
        opacity: 1;
    }
}


@media only screen and (max-width:797px) {
    .box-01 .item {
        width: 390px;
    }
}


@media only screen and (max-width:600px) {
    .slider{
        display: block !important;
    }
    .slogan{
        position: relative !important;
        background: #6B443A;
        padding: 10px 0;
        width: 100% !important;
    }
    .slogan .titulo {
        font-size: 30px !important;
    }
    .slogan .texto{
        font-size: 20px !important;
    }
}