@font-face {
    font-family: 'cursiva';
    src: url(./pw-fonts/C093000I_0.eot);
    src: local(☺), url(./pw-fonts/C093000I_0.woff) format("woff"), url(./pw-fonts/C093000I_0.ttf) format("truetype"), url(./pw-fonts/C093000I_0.svg) format("svg");
    font-weight: 400;
    font-style: normal
}

* {
    font-size: 12px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #333;
    margin: 0;
    padding: 0
}

#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;
    width: 998px;
    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 {
    width: 100%;
    padding: 10px 20px;
    background: #fff;
    border: #ccc;
    color: #666;
    box-sizing: border-box;
    margin-bottom: 10px;
    outline: none !important;
    font-size: 17px
}

.contato textarea {
    width: 100%;
    padding: 10px 20px;
    background: #fff;
    border: #ccc;
    color: #666;
    box-sizing: border-box;
    margin-bottom: 10px;
    outline: none !important;
    resize: none;
    height: 200px;
    font-size: 17px
}

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

body {
    overflow-x: hidden
}

.topo-total {
    background: #fff
}

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

.topo > div {
    margin: 20px 0;
    display: flex;
    align-items: center
}

.menu li {
    display: inline-block;
    visibility: hidden
}

.menu li:last-child {
    border: none
}

.menu li a {
    display: block;
    padding: 5px 15px;
    font: 18px calibri;
    color: #333
}

.menu li:hover {
    transition: all .5s;
    background: #fde3c8
}

.menu li a i {
    color: #c00f18;
    font-size: 25px;
    padding-right: 5px
}

.rodape-total {
    background: #fff;
    padding: 40px 0;
    position: relative
}

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

.rodape div {
    font: 16px calibri;
    color: #404040;
    display: flex;
    align-items: center;
    margin: 20px 0;
    text-align: center
}

.rodape div i {
    font-size: 50px;
    color: #c00f18;
    padding-right: 10px;
    border-right: 2px solid #007f3a;
    margin-right: 10px
}

.logo-pw {
    text-align: center
}

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

.logo-pw div {}

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

.fundo-slider {
    position: relative;
    display: flex;
    overflow: hidden
}

.fundo-slider img {
    max-width: initial
}

.box-01-total {
    padding: 30px 0;
    background: #c00f18
}

.box-01 {
    width: 830px;
    margin: 0 auto;
    text-align: center
}

.box-01 .titulo {
    font: 80px 'cursiva';
    color: #fff;
    margin-bottom: 10px
}

.box-01 .conteudo {
    font: 25px 'calibri';
    font-weight: lighter;
    color: #fff
}

.box-02-total {
    padding: 20px 0
}

.box-02 {
    width: 1200px;
    margin: 0 auto
}

.box-02 > .titulo {
    font: 70px 'cursiva';
    color: #007f3a;
    text-align: center;
    margin-bottom: 10px
}

.box-02 .box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around
}

.box-02 .box .item {
    margin: 20px 0;
    width: 300px;
    padding: 20px;
    border-radius: 20px;
    transition: all .5s
}

.box-02 .box .item:hover {
    background: #f8f8f8;
    transition: all .5s
}

.box-02 .box .item .titulo {
    font: 30px 'calibri';
    color: #c00f18;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 2px solid #eee;
    display: flex;
    align-items: center;
    justify-content: center
}

.box-02 .box .item .titulo i {
    color: #c00f18;
    font-size: 45px;
    padding-right: 20px
}

.box-02 .box .item .conteudo {
    font: 19px/18px 'calibri';
    color: #333
}

.box-03-total {
    background: #f8dec3;
    padding: 20px 0
}

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

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

.box-03 .item > .titulo {
    font: 52px 'cursiva';
    color: #007f3a;
    margin-bottom: 10px
}

.box-03 .item .contato {
    padding: 10px
}

.mapa {
    display: flex;
    position: relative;
    border: 2px solid #c00f18;
    height: 379px
}

.sobre-total {
    background: #f8dec3;
    height: auto;
    margin: 0 auto;
    display: flex;
    padding-bottom: 25px;
    flex-direction: column
}

.sobre-total h1 {
    margin: 0 0 0 0;
    font: 70px 'cursiva';
    color: #007f3a;
    border-bottom: red solid;
    width: 135px
}

.sobre p {
    font: 19px/25px 'Montserrat', sans-serif;
    color: #333;
    margin: 20px 0 0 0;
}

.sobre-total .sobre {
    width: 1040px;
    margin: 0 auto 0 auto;
    padding: 0 20px 0 20px
}

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

.valores-total .valores {
    width: 1150px;
    margin: 40px auto 0 auto
}

.valores .itens {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    flex-wrap: wrap
}

.valores .item {
    background: #fde2c7;
    width: 500px;
    height: 150px;
    display: flex;
    flex-direction: column;
    padding: 10px;
    border-radius: 20px;
    box-shadow: 1px 1px 1px 1px #707070;
    padding: 10px
}

.valores .item .titulo {
    color: #ff3d47;
    font: 40px 'cursiva'
}

.valores .item .texto {
    font: 19px/23px 'calibri';
    color: #fff
}

.promocao-total {
    width: 1200px;
    height: 400px;
    margin: 0 auto 0 auto
}

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

.promocao .item {
    width: 800px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 355px;
    background: #3d3d3d85;
    border-radius: 20px;
    margin: 0px 0 0 0;
    color: #fff;
}

.promocao .item p {
    font: 70px 'cursiva';
    color: #fff;
    text-align: center;
}

.promocao .item img {
    width: 20px;
    margin: 0 10px 0 0
}

.conteudo-pages.sobre {
    width: 100%
}

.promocao {
    position: relative;
    margin: 20px auto;
    overflow: hidden;
}

.promocao .promocao {
    height: 355px;
}

#gallery-2 {
    margin: auto;
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-around !important;
}

.promocao img {
    position: absolute;
    top: 0;
    z-index: -1;
}

.conteudo-pages.sobre .texto {
    padding: 10px;
}

.valores .item h3 {
    color: #007f3a;
    font: 40px 'cursiva';
    border-bottom: red solid;
    width: 170px
}

.valores .item p {
    font: 19px/23px 'calibri';
    color: #fff
}

.sobre .valores p {
    font: 18px/24px 'Montserrat', sans-serif;
    color: #242424;
    margin: 0 0 0 0;
}

div#pg-76-0 h3 {
    margin: 0 0 0 0;
    font: 70px 'cursiva';
    color: #007f3a;
    border-bottom: red solid;
    width: 135px
}

div#pg-76-0 {
    background: #fde2c7
}

div#panel-76-0-0-0 {
    width: 1040px;
    margin: 0 auto
}

div#pg-76-1 {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-around
}

.conteudo-pages.cardapio strong em {
    font: 25px 'Montserrat', sans-serif;
    color: #007f3a
}

.conteudo-pages.cardapio h3 {
    font: 32px 'Montserrat', sans-serif;
    color: #c00f18;
    text-align: center;
    padding: 20px;
    font-weight: bold
}

.conteudo-pages.cardapio p {
    font: 20px/32px 'Montserrat', sans-serif;
    color: #313131
}

.conteudo-pages.cardapio {
    background: radial-gradient(#f8eadb, #f6efb5, #f3e888);
    padding: 50px 30px;
    border-radius: 80px;
    box-shadow: 2px 2px 2px 2px #212121;
    margin: 20px auto
}

.cardapio-total {
    background: url(https://criar-site-criação-sites.com.br/provas/malagueta-restaurante-programado/wp-content/themes/personalizado/pw-images/fundo.jpg) center no-repeat;
    background-attachment: fixed;
    padding: 10px
}

.fotos-total {
    background: url(https://criar-site-criação-sites.com.br/provas/malagueta-restaurante-programado/wp-content/themes/personalizado/pw-images/fundo2.jpg) center no-repeat;
    background-attachment: fixed;
    padding: 10px
}

.conteudo-pages.fotos {
    background: #fde4c8d6;
    padding: 20px;
    box-shadow: 2px 2px 2px 2px #000
}

.conteudo-pages.fotos img {
    border: 2px solid #f9e5cd !important
}

.conteudo-pages.fotos img:hover {
    transform: scale(1.02)
}


.cardapio-total code {
    font-family: 'Montserrat',sans-serif;
    font-size: 18px;
}

.cardapio-total span {
    font-family: 'Montserrat',sans-serif;
    font-size: 18px;
}

.cardapio-total strong {
    font-family: 'Montserrat',sans-serif;
    font-weight: bold;
    font-size: 20px;
}
@media only screen and (max-width:1200px) {
    * {
        max-width: 100%;
        box-sizing: border-box
    }

    .conteudo-pages {
        padding: 2%
    }

    .menu-resp {
        display: block;
        background: url(https://xn--criar-site-criao-sites-r4b9g.com.br/provas/malagueta-restaurante-programado/wp-content/themes/personalizado/pw-images/xmenu-resp.png.pagespeed.ic.zhgfbpdwjM.webp) center no-repeat;
        padding: 40px;
        cursor: pointer;
        width: 100%
    }

    .menu-total {
        width: 100%;
        display: block !important
    }

    .menu {
        display: none
    }

    .menu li {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        text-align: center;
        opacity: 1 !important;
        visibility: visible;
        transform: translate(0) !important
    }

    .rodape div {
        margin: 20px 0
    }
}

@media only screen and (max-width:998px) {
    div#pg-76-0 {
        padding: 20px
    }

    .valores .item {
        width: 100%
    }
}

@media only screen and (max-width:768px) {
    .valores .item {
        width: 100%
    }
}

@media only screen and (max-width:500px) {
    .fundo-slider {
        display: none
    }

    .box-01 .titulo {
        font: 50px 'cursiva'
    }

    .box-02 > .titulo {
        font: 50px 'cursiva'
    }

    .valores .item {
        height: 200px;
        padding: 20px
    }

    .conteudo-pages.cardapio h3 {
        font: 30px 'calibri'
    }

    .conteudo-pages.cardapio strong em {
        font: 23px 'calibri'
    }

    .conteudo-pages.cardapio p {
        font: 18px/30px 'calibri'
    }

    #gallery-1 img {
        width: 150px;
        height: auto
    }

    dl.gallery-item {
        width: 45% !important
    }

    .rodape div i {
        font-size: 30px
    }

    .sobre .valores p {
        font: 17px/20px 'calibri'
    }
}