@font-face {
    font-family: Gang of Three;
    src:  url('../fonts/go3v2.ttf');
}

.Font{
    font-family: 'Gang of Three', sans-serif;
}
.ubuntu{
    font-family: 'Josefin Sans', sans-serif;
}

.text-zero{
    font-size: 0;
    margin: 0;
}

body{
    background: #fbfbfb;
    font-family: 'Josefin Sans', sans-serif;
}

.text-pink{
    color: #d18b94 !important;
}

.text-green{
    color: #2e9260 !important;
}

.text-red{
    color: #e84039 !important;
}

a.text-red{
    color: #e84039 !important;
    transition: 0.5s all !important;
}

a.text-red:hover{
    color: #9b291e !important;
    text-decoration: none;
}

.top-header{
    background: #333;
}

.content{
    width: 90%;
    display: block;
    margin: 0 auto;
    padding: 40px 0;
}

.input-33{
    width: 32%;
    display: inline-block;
    margin-right: 1%;
    margin-bottom: 2%;
}

.input-33:nth-of-type(3n+0){
    margin-right: 0;
}

.input-33 input,
.input-33 select{
    width: 100%;
    background: transparent;
    border: none;
    border-bottom: 1px solid #999;
    height: 50px;
}

.input-33 input:focus,
.input-33 select:focus{
    outline: none;
}


.input-50{
    width: 49%;
    display: inline-block;
    margin-right: 1%;
    margin-bottom: 2%;
}

.input-50:nth-of-type(2n+0){
    margin-right: 0;
}

.input-50 input,
.input-50 select{
    width: 100%;
    background: transparent;
    border: none;
    border-bottom: 1px solid #999;
    height: 50px;
    transition: 0.5s all;
}

.input-50 input:focus,
.input-50 select:focus{
    outline: none;
    border-bottom: 1px solid #e84039;
}


.input-100{
    width: 100%;
    display: inline-block;
    margin-bottom: 2%;
}

.input-100 input,
.input-100 select{
    width: 100%;
    background: transparent;
    border: none;
    border-bottom: 1px solid #999;
    height: 50px;
}

.input-100 input:focus,
.input-100 select:focus{
    outline: none;
}

.padding-top-0{
    padding-top: 0px;
}
.padding-top-15{
    padding-top: 15px;
}
.padding-top-30{
    padding-top: 30px;
}

.padding-bot-0{
    padding-bottom: 0px;
}
.padding-bot-15{
    padding-bottom: 15px;
}
.padding-bot-30{
    padding-bottom: 30px;
}

.margin-top-0{
    margin-top: 0;
}

.margin-top-30{
    margin-top: 30px;
}

.margin-top-15{
    margin-top: 15px;
}
.margin-bottom-0{
    margin-bottom: 0;
}

.margin-bottom-30{
    margin-bottom: 30px;
}

.margin-bottom-15{
    margin-bottom: 15px;
}

.font-0-7em{
    font-size: 0.7em
}
.font-1em{
    font-size: 1em
}
.font-1-5em{
    font-size: 1.5em
}
.font-2em{
    font-size: 2em
}
.font-2-5em{
    font-size: 2.5em
}

.bg-grey{
    background: #ececec;
}

.bg-dark-grey{
    background: #222
}

.cursor-pointer{
    cursor: pointer;
}

.font-weight{
    font-weight: 600
}

.btn-grey{
    padding: 10px 30px;
    border: 2px solid #666;
    color: #666;
    transition: 0.5s all;
    background: transparent;
    cursor: pointer;
}


.btn-grey:hover{
    color: #fff;
    background: #666;
    text-decoration: none;
}

.btn-transparent-white{
    background: transparent; 
    padding: 10px 20px; 
    border: 1px solid #fff; 
    color: #fff; 
    text-transform: uppercase;
    transition: 0.5s all;
    font-weight: 500;
}

.btn-transparent-white:hover{
    text-decoration: none;
    background: #fff;
    color: #444;
}

.pattern-site{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}

.pattern-black{
    background-color: #33333363;
}

.pattern-dot{    
    background-image: url('../img/arquivos_site/texture.png');
}

.navbar-light .navbar-brand {
    color: rgba(0,0,0,.9);
    background: #322223;
    padding: 5px 30px;
}

.navbar{
    width: 100%;
    margin: 0 auto;
    padding: 5px 5%;
}

.regularNavbar{
    box-shadow: 0 0 3px 1px #ccc;
}

.fixed-top .navbar-div{
    padding: 15px 5%;
    transition: 0.5s all;
}

.fixed-top.scrollActive .navbar-div {
    padding: 0;
    transition: 0.5s all;
}

.navbar-div .navbar{
    padding: 0;
    box-shadow: 0 0 10px 2px #808080;
}

.navbar-div .navbar .navbar-brand{
    background: #322223;
    padding: 5px 30px;
}

.navbar-div .navbar .row{
    margin-right: 5%;
    margin-left: 0;
}

.navbar-brand {
    padding-top: 0;
    padding-bottom: 0;
}

.navbar-brand img{
    width: 250px;
}

/* IMAGENS EM DESTAQUE */

.destaque-box{
    top: 20%; 
    left: 35%;
}

.destaque-box img{
    width: 150px;
}

.destaque-box .titulo{
    color: #fff; 
    text-transform: uppercase; 
    font-weight: bold; 
    font-size: 2em; 
    margin-top: 10px;
    margin-bottom: 25px;
}

.search-box{
    padding: 15px 0;
    display: none;
}

.search-box input{
    background: transparent; 
    border: none; 
    border-bottom: 1px solid #333; 
    width: 450px;
}

.search-box input:focus{
    outline: none;
}

.search-box button{
    background: transparent; 
    border: none; 
    color: #333; 
    text-transform: uppercase;
    border-bottom: 1px solid #333; 
    cursor: pointer;
}

.home-sobre{
    background: #322223
}

.home-sobre .conteudo{
    position: absolute; 
    right: 5%; top: 10%;
}

.home-sobre .conteudo .titulo{
    text-transform: uppercase; 
    color: #e84039; 
    font-weight: 600; 
    font-size: 2em;
    margin-bottom: 0px
}

.home-sobre .conteudo .subtitulo{
    font-weight: 500; 
    text-transform: uppercase;
    color: #777; 
    margin-bottom: 30px
}

.section-title{
    color: #777; 
    text-transform: uppercase; 
    margin-bottom: 50px;
}

.padding-0-15{
    padding: 0 15px;
}

.cta-delivery{
    background-image: url('../img/arquivos_site/sushi.png'); 
    background-attachment: fixed; 
    background-size: cover;
}

.cta-title{
    font-size: 1.7em; 
    text-transform: uppercase; 
    font-weight: 500;
    margin-bottom: 0;
}

.cta-content{
    font-weight: 500; 
    font-size: 1em; 
    text-transform: uppercase; 
    color: #fff;   
}

a.cta-content:hover{
    color: #f1f1f1;
}

.home-cardapio{
    background-image: url('../img/arquivos_site/bg_cinza.png'); 
    background-size: auto;
}

.home-cardapio .conteudo{
    position: absolute; 
    z-index: 999; 
    top: 10%;
}

.home-cardapio .titulo{
    text-transform: uppercase; 
    color: #e84039; 
    font-weight: 600; 
    font-size: 2.5em; 
    margin-bottom: 0px
}
.home-cardapio .subtitulo{
    font-weight: 500; 
    text-transform: uppercase; 
    color: #777; 
    margin-bottom: 30px
}

.ultimas-noticias .imagem{
    width: 49%; 
    display:  inline-block; 
    vertical-align:  top;  
    margin-right: 1%;
}

.ultimas-noticias .conteudo{
    width: 49%; 
    display: inline-block;
}

.ultimas-noticias .conteudo .titulo{
    color: #e84039; 
    text-transform: uppercase;
    font-weight: 400;
    font-size: 1em;
    text-decoration: none;
    transition: 0.5s all;
}

.ultimas-noticias .conteudo .titulo:hover{
    color: #bd3c37;
}

.ultimas-noticias .conteudo small{
    margin-bottom: 15px;
    display: block;
}

.ultimas-noticias .conteudo .categoria{
    color: #000;
    text-decoration: underline;
    font-weight: 500;
}

.btn-red{
    padding: 10px 30px; 
    background: transparent; 
    border: 1px solid #e84039; 
    color: #e84039; 
    text-transform: uppercase; 
    font-weight: 500;
    transition: 0.5s all;
}

.btn-red:hover{
    background: #e84039;
    color: #fff;
    text-decoration: none;
}

.btn-green{
    padding: 10px 30px; 
    background: transparent; 
    border: 1px solid #0b846c; 
    color: #0b846c; 
    text-transform: uppercase; 
    font-weight: 500;
    transition: 0.5s all;
}

.btn-green:hover{
    background: #0b846c;
    color: #fff;
    text-decoration: none;
}

.newsletter{
    background: #e83f38
}

.newsletter .titulo{
    text-transform: uppercase; 
    margin-bottom: 40px;
}

.newsletter input{
    background: transparent; 
    border: none; 
    border-bottom: 1px solid #fff; 
    margin-right: 20px;
}

.newsletter input::placeholder {
    color: #fff;
}

.newsletter button{
    background: transparent; 
    border: none; 
    color: #fff; 
    text-transform: uppercase; 
    border-bottom: 1px solid #fff; 
    cursor: pointer;
}

footer .mid-footer{
    background: #322223;
    color: #fff;
}

.border-titulo{
    width: 15%;
    height: 8px;
    border-top: 2px solid #E84039;
    border-bottom: 2px solid #c72822;
    margin: 0 auto;
}

.gatsu-gal .col-md-2{
    margin-bottom: 27px;
}

.list-post{
    background: #ffffff;
    padding-bottom: 30px;
    border-radius: 4px;
    box-shadow: 0 0 3px 1px #dedede;
    margin-bottom: 30px;
}

.list-post .titulo{
    text-align: center;
    text-transform: uppercase;
    font-size: 1.5em;
    font-weight: 600;
    color: #E84039;
    margin-bottom: 0;
    margin-top: 17px;
}

.list-post .subtitulo{
    text-align: center; 
    display: block; 
    margin-bottom: 20px;
}

.list-post .categoria{
    color: #000;
    font-weight: 600;
    text-decoration: underline;
}

.list-post .conteudo{
    font-size: 0.9em;
    padding: 0px 30px;
}

.list-post .btn-red{
    width: 90%;
    margin: 0 auto;
}

.paginacao{
    text-align: center;
}

.paginacao a{
    font-weight: 600;
    color: #e84039;
    padding: 4px 5px;
    transition: 0.2s all;
}

.paginacao a:hover{
    color: #a01610;
}

.post-categorias{
    margin: 30px 0;
    border: 1px solid #ccc;
}

.post-categorias h3{
    width: 100%;
    padding: 10px 30px;
    background: #e84039;
    color: #fff;
    text-align: center;
    font-size: 1.25em;
    text-transform: uppercase;
}

.post-categorias p:first-of-type{
    padding-top: 5px;    
}

.post-categorias p{
    padding-left: 30px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.post-categorias p:last-of-type{
    margin-bottom: 0;
    border-bottom: none;
}

.post-categorias p a{
    color: #333;
}

.list-vlog{
    background: #ffffff;
    padding-bottom: 30px;
    border-radius: 4px;
    box-shadow: 0 0 3px 1px #dedede;
    margin-bottom: 30px;
}

.list-vlog .titulo {
    text-align: center;
    text-transform: uppercase;
    font-size: 1.5em;
    font-weight: 600;
    color: #E84039;
    margin-bottom: 0;
    margin-top: 10px;
}

.list-vlog .subtitulo {
    text-align: center;
    display: block;
    margin-bottom: 20px;
}

.list-vlog .conteudo {
    font-size: 0.9em;
    padding: 0 30px;
}

.list-vlog .btn-red{
    width: 93%;
    margin: 0 auto;
}

.cardapio-option{
    background: #f7f7f7;
    text-align: center;
    border-radius: 10px 0 0 10px;
}

.cardapio-option p{
    margin: 0;
    border-bottom: 1px solid #eaeaea;
}

.cardapio-option p a{
    display: block;
    width: 100%;
    padding: 15px;
    color: #ccc;
    font-size: 1.5em;
    transition: 0.5s all;
}

.cardapio-option p a:hover{
    color: #888;
}

.cardapio-option p a.active{
    color: #444;
}

.cardapio-option p a span{
    font-size: 0.65em;
}

.list-cardapio{
    background: #ffffff;
    padding-bottom: 30px;
    border-radius: 4px;
    box-shadow: 0 0 3px 1px #dedede;
    margin-bottom: 30px;
}

.list-cardapio .titulo {
    text-align: center;
    text-transform: uppercase;
    font-size: 1.5em;
    font-weight: 600;
    color: #E84039;
    margin-bottom: 0;
    margin-top: 17px;
}

.list-cardapio .subtitulo {
    text-align: center;
    display: block;
    margin-bottom: 20px;
}

.list-cardapio .conteudo {
    font-size: 0.9em;
    padding: 0px 30px;
}

.list-cardapio .btn-red {
    width: 90%;
    margin: 15px auto;
}

.list-cardapio .btn-green{
    width: 90%;
    margin: 0 auto;
}

.simbolo-gatsu{
    width: 60px;
}

.prato-gal{
    margin-top: 50px;
}

.prato-gal .col-md-2{
    padding: 0 7px;
    margin-bottom: 14px;
}

.gatsu-contato input{
    height: 50px;
    border: none;
    background: transparent;
    border-radius: 0;
    border-bottom: 1px solid #ddd;
    box-shadow: none;
    transition: 0.5s all;
}

.gatsu-contato select{
    width: 100%;
    height: 50px;
    background: transparent;
    border: none;
    border-bottom: 1px solid #ddd;
    box-shadow: none;
    transition: 0.5s all;
}

.gatsu-contato textarea{
    border: none;
    background: transparent;
    border-radius: 0;
    border-bottom: 1px solid #ddd;
    box-shadow: none;
    transition: 0.5s all;
}

.gatsu-contato input:focus {
    border-color: #e84039;
    outline: none;
    box-shadow: none;
    background-color: transparent;
}

.gatsu-contato textarea:focus{
    border-color: #e84039;
    outline: none;
    box-shadow: none;
    background-color: transparent;
}

.gatsu-contato select:focus{
    border-color: #e84039;
    outline: none;
    box-shadow: none;
    background-color: transparent;
}

.blog-page .content{
    padding: 20px 0;
}

.vlog-page .content {
    padding: 20px 0;
}

.vlog-page .col-md-10.offset-1{
    margin-left: 0%;
}

.promocoes-page .col-md-10.offset-1{
    margin-left: 0%;
}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.login-page{
    width: 30%; 
    margin: 0 auto;
    margin-top: 9%;
}

.login-box{
    padding: 40px 50px;
    box-shadow: 0px 0px 6px 1px #a7a7a7;
}

.cliente-sidebar{
    background: #fff;
    box-shadow: 0 0 6px 1px #ccc;
}

.cliente-sidebar h2{
    padding: 15px 0;
    font-size: 1.05em;
    text-align: center;
    background: #e84039;
    color: #fff;
    font-weight: 500;
    margin-bottom: 0;
}

.cliente-sidebar span{
    width: 25px;
    display: inline-block;
}

.cliente-sidebar p{
    display: inline-block;
    margin-bottom: 0;
}

.cliente-sidebar a{
    display: block;
    width: 100%;
    padding: 10px 25px;
    color: #333;
    transition: 0.5s all;
}

.cliente-sidebar a:hover{
    color: #111;
    background: #f9f9f9;
}

.extrato-content{
    background: #fff; 
    padding: 20px 30px; 
    box-shadow: 0px 0px 3px 1px #e4e4e4; 
    margin-bottom: 30px;
}

.extrato-movimentacao{
    padding-left: 20px;
    border-bottom: 1px dashed #ccc;
    padding-bottom: 16px;
    margin-bottom: 10px;
}

.extrato-movimentacao span{
    float: right;
}

.extrato-movimentacao .adicao{
    color: #27ae60;
}

.extrato-movimentacao .sub{
    color: #e84039;
}

.saldo-box{
    padding: 20px 15px;
}

.saldo-box .extrato-movimentacao{
    padding-left: 0;
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

.saldo-atual{
    background: #fff;
    padding: 20px 30px;
    box-shadow: 0px 0px 3px 1px #e4e4e4;
    margin-bottom: 30px;
}

.saldo-ganho{
    background: #fff;
    padding: 20px 30px;
    box-shadow: 0px 0px 3px 1px #e4e4e4;
    margin-bottom: 30px;
}

.saldo-gasto{
    background: #fff;
    padding: 20px 30px;
    box-shadow: 0px 0px 3px 1px #e4e4e4;
    margin-bottom: 30px;
}

.saldo-cod{
    background: #fff;
    padding: 20px 30px;
    box-shadow: 0px 0px 3px 1px #e4e4e4;
}

.saldo-cod form{
    text-align: right
}

.saldo-cod input{
    width: 100%;
    height: 50px;
    margin-bottom: 15px;
    background: transparent;
    border: none;
    border-bottom: 1px solid #ccc;
    margin-top: 20px;
    transition: 0.5s all;
}

.saldo-cod input:focus{
    outline: none;
    border-bottom: 1px solid #555;
}

.itens-cardapio-cliente .cardapio-option{
    margin-bottom: 50px;
    border-radius: 0;
}

.itens-cardapio-cliente .cardapio-option p{
    width: 23%;
    display: inline-block; 
}

.reserva-mesa input,
.reserva-mesa select{
    height: 50px;
    margin-bottom: 30px;
    width: 100%;
    background: transparent;
    border: none;
    border-bottom: 1px solid #ccc;
    transition: 0.5s all;
}

.reserva-mesa textarea{
    margin-bottom: 30px;
    width: 100%;
    background: transparent;
    border: none;
    border-bottom: 1px solid #ccc;
    transition: 0.5s all;
}

.reserva-mesa input:focus,
.reserva-mesa select:focus,
.reserva-mesa textarea:focus{
    outline: none;
    border-bottom: 1px solid #E84039;
}

.reserva-mesa small{
    font-weight: 500;
    color: #b5b5b5;
    text-transform: uppercase;
    margin-top: 11px;
    display: block;
    font-size: 0.7em;
}

.reserva-mesa small b{
    font-weight: bold;
    color: #333;
}

.pagamento-content .section-title{
    font-size: 1.3em;
    font-weight: 500;
    margin-bottom: 20px;
}

.alterar-endereco{
    display: none;
}

.check-frete input + label {font-weight: bold; transition: 0.5s all;}
.check-frete input:checked + label span {color:#e84039 ;}

.forma-pagamento-content{
    background: #fff;
    padding: 30px;
    margin-top: 50px;
    box-shadow: 0 0 3px 1px #cacaca;
}

.forma-pagamento-content .form-pagcartao{
    margin-top: 30px;
}

.bandeiras-cartao img{
    width: 40px;
    margin-right: 10px;
}

.pagamento-cupom{
    margin-top: 50px;
}

.pagamento-cupom input{
    width: 100%;
    height: 50px;
    background: transparent;
    border: none;
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
    transition: 0.5s all;
}

.pagamento-cupom input:focus{
    border-bottom: 1px solid #e84039;
    outline: none;
}

.finalizacao-compra .conteudo{
    font-weight: bold;
    text-transform: uppercase;
    font-size: 1.5em;
    color: #a0a0a0;
    text-align: center;
}

.extrato-content a{
    color: #333;
}

@media (min-width: 768px) and (max-width: 1025px){
    .destaque-box img {
        width: 50px;
    }

    .destaque-box .titulo {
        font-size: 1em;
        margin-bottom: 13px;
    }

    .btn-transparent-white {
        padding: 7px 10px;
        font-size: 0.7em;
    }

    .home-sobre .col-md-1{
        display: none;
    }

    .home-sobre .col-md-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .home-sobre .conteudo {
        position: relative;
        right: 0;
        top: 0;
        text-align: center;
    }

    .cta-delivery .col-md-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        margin-bottom: 30px;
    }

    .cta-delivery .col-md-3 .cta-title {
        font-size: 1.5em;
    }



    .home-cardapio .col-md-1{
        display: none;
    }

    .home-cardapio .col-md-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .home-cardapio .conteudo {
        position: relative;
        right: 0;
        top: 0;
        text-align: center;
    }

    .section-instagram .row{
        margin-right: 0;
        margin-left: 0;  
    }

    .section-instagram .col-md-3 {
        padding: 0;
    }

    .ultimas-noticias .imagem {
        width: 100%;
        margin-bottom: 30px;
    }

    .ultimas-noticias .conteudo {
        width: 100%;
        display: inline-block;
    }

    .navbar-nav {
        display: block;
        width: 100%;
    }

    .navbar-nav li{
        width: 24%;
        display: inline-block;
        text-align: center;
    }

    .navbar .my-2.my-lg-0.pl-md-5{
        width: 100%;
        padding-left: 0 !important;
    }

    .sobre-gatsu .col-md-6.offset-3{
        -ms-flex: 0 0 80%;
        flex: 0 0 80%;
        max-width: 80%;
        margin-left: 11%;
    }

    .cta-delivery .col-md-2{
        -ms-flex: 0 0 31%;
        flex: 0 0 31%;
        max-width: 31%;
        margin-bottom: 35px; 
    }

    .gatsu-gal .col-md-2{
        -ms-flex: 0 0 33%;
        flex: 0 0 33%;
        max-width: 33%;
    }

    .cardapio-option p a span {
        display: none;
    }

    .cardapio-page .col-md-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
        margin-left: 0;
    }

    .itens-cardapio .conteudo-cardapio .col-md-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .list-cardapio .titulo {
        font-size: 1.2em;
    }

    .list-cardapio .conteudo {
        display: none;
    }

    .login-page {
        width: 80%;
        margin: 0 auto;
        margin-top: 25%;
    }

    .blog-page .col-md-9{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .blog-page .col-md-9 .col-md-4{
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .blog-page .col-md-3 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .blog-page .col-md-3 .fb-page.fb_iframe_widget{
        width: 100%;
        display: inline-block;
    }

    .blog-page .col-md-3 .post-categorias{
        width: 100%;
        display: inline-block;
        vertical-align: top;
    }

    .vlog-page .col-md-9{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .vlog-page .col-md-10.offset-1 {
        margin-left: 0%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .vlog-page .col-md-3{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .promocoes-page .col-md-10.offset-1 {
        margin-left: 0%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .promocoes-page .col-md-10.offset-1 .col-md-3 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .prato-gal .col-md-2 {
        -ms-flex: 0 0 33%;
        flex: 0 0 33%;
        max-width: 33%;
    }

    .promocao-conteudo{
        width: 100%;
    }

    .promocao-conteudo .col-md-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .promocao-conteudo .col-md-6 img{
        margin-bottom: 20px;
    }

    .promocao-combina .col-md-3 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .prato-page .content.p-0{
        width: 100%; 
    }

    .prato-page .content.p-0 .col-md-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .prato-page .content.p-0 .col-md-6 img{
        margin-bottom: 20px;
    }

    .prato-combina .col-md-3{
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .page-contato .col-md-8{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .col-md-4.informacoes-contato{
        -ms-flex: 0 0 70%;
        flex: 0 0 70%;
        max-width: 70%;
        margin-left: 17%;
        text-align: center;
    }

    .search-box form.col-md-4{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-left: 0;
    }

    .cliente-sidebar span {
        width: 100%;
        font-size: 1.5em;
        text-align: center;
        display: block;
        margin: 0;
    }

    .cliente-sidebar p {
        display: none;
    }

    .itens-cardapio-cliente .conteudo-cardapio .col-md-3{
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .itens-cardapio-cliente .col-md-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .cupons-page .col-md-10 .col-md-3{
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .extrato-page .col-md-7{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .extrato-page .col-md-5{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .pagamento-page .alterar-endereco .col-md-3{
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .pagamento-page .col-md-6{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .pagamento-page .col-md-8{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .pagamento-page .col-md-4{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (max-width: 767px){
    .navbar-collapse .row .my-7,
    .navbar-collapse .row .my-2{
        width: 100%;
        text-align: center;
        display: inline-block;
    }

    .navbar-collapse .row .my-2 ul{
        display: inline-block;
        width: 100%;
    }

    .navbar-collapse .row .my-2 li{
        width: 32%;
        display: inline-block;
    }

    .search-box input {
        width: 250px;
    }

    .section-destaque{
        padding-left: 0;
        padding-right: 0;
    }

    .section-destaque .row{
        margin-right: 0px;
        margin-left: 0px;
    }

    .section-destaque .row .col-md-4{
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 5px;
    }

    .destaque-box img {
        width: 70px;
    }

    .destaque-box .titulo {
        color: #fff;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 1.2em;
        margin-top: 10px;
        margin-bottom: 25px;
    }

    .btn-transparent-white {
        background: transparent;
        padding: 10px 20px;
        border: 1px solid #fff;
        color: #fff;
        text-transform: uppercase;
        transition: 0.5s all;
        font-weight: 500;
        font-size: 0.8em;
    }

    .destaque-box {
        top: 18%;
        left: 35%;
    }

    .home-sobre .conteudo{
        position: relative;
        right: 0%;
        top: 100%;
        clear: both;
    }

    .home-sobre .p-5{
        padding: 15px !important;
    }

    .home-sobre .conteudo img{
        display: none;
    }

    .home-sobre .conteudo .titulo {
        text-transform: uppercase;
        color: #e84039;
        font-weight: 600;
        font-size: 1.2em;
        margin-bottom: 0px;
        text-align: center;
    }

    .home-sobre .conteudo .subtitulo {
        font-weight: 500;
        text-transform: uppercase;
        color: #777;
        margin-bottom: 30px;
        font-size: 0.8em;
        text-align: center;
    }

    .home-sobre-texto{
        font-size: 0.9em;
        text-align: center;
    }


    .home-cardapio .conteudo{
        position: relative;
        right: 0%;
        top: 100%;
        clear: both;
    }

    .home-cardapio .p-5{
        padding: 15px !important;
    }

    .home-cardapio .conteudo img{
        display: none;
    }

    .home-cardapio .conteudo .titulo {
        text-transform: uppercase;
        color: #e84039;
        font-weight: 600;
        font-size: 1.2em;
        margin-bottom: 0px;
        text-align: center;
    }

    .home-cardapio .conteudo .subtitulo {
        font-weight: 500;
        text-transform: uppercase;
        color: #777;
        margin-bottom: 30px;
        font-size: 0.8em;
        text-align: center;
    }

    .home-cardapio-texto{
        font-size: 0.9em;
        text-align: center;
    }

    .section-instagram .row {
        margin-right: 0px;
        margin-left: 0px;
    }

    .section-instagram .row .col-md-3 {
        padding-right: 0px;
        padding-left: 0px;
    }

    .section-instagram .content{
        padding: 20px 0;
    }

    .section-instagram .content h2{
        font-size: 1.5em;
        margin-bottom: 0;
    }

    .section-instagram .col-md-3{
        width: 50%;
        display: inline-block;
    }

    .ultimas-noticias .imagem {
        width: 100%;
    }

    .ultimas-noticias .conteudo {
        width: 100%;
        display: inline-block;
    }

    .ultimas-noticias .conteudo h2 {
        margin-bottom: 0px !important;
        margin-top: 15px;
    }

    .ultimas-noticias .conteudo .titulo {
        font-size: 0.8em;
        text-align: center;
        display: block;
    }

    .ultimas-noticias .conteudo small {
        text-align: center;
    }

    .ultimas-noticias .conteudo .conteudo-post {
        text-align: center;
        font-size: 0.9em;
        margin-bottom: 25px;
    }

    .ultimas-noticias .conteudo .btn-red {
        display: block;
        text-align: center;
        margin-bottom: 30px;
    }

    .newsletter .titulo {
        font-size: 0.8em;
    }

    .newsletter input {
        width: 48%;
        display: inline-block;
        margin-right: 1%;
        height: 50px;
        margin-bottom: 20px;
    }

    .newsletter button {
        float: right;
    }

    .cardapio-page .col-md-2{
        width: 25%;
        padding: 0;
    }

    .cardapio-option p a span {
        display: none;
    }

    .cardapio-page .itens-cardapio {
        margin-left: 0;
        width: 75%;
        padding: 0;
    }

    .cardapio-page .itens-cardapio .content {
        width: 100%;
    }

    .itens-cardapio .conteudo-cardapio{
        margin: 0;
    }

    .itens-cardapio .conteudo-cardapio .col-md-4{
        padding: 0;
    }

    .list-cardapio .titulo {
        font-size: 1em;
        margin-top: 5px;

    }

    .list-cardapio .subtitulo {
        display: none;
    }

    .list-cardapio .conteudo {
        display: none;
    }

    .prato-page .col-md-10.offset-1{
        margin-left: 0;
    }

    .prato-gal .col-md-2{
        width: 49.5%;
        display: inline-block;
        margin-right: 1%;
    }

    .prato-gal .col-md-2:nth-of-type(2n+0){
        margin-right: 0%;
    }

    .login-page{
        width: 100%; 
        margin: 0 auto;
        margin-top: 23%;
    }

    .login-box{
        padding: 30px 30px;
        box-shadow: 0px 0px 6px 1px #a7a7a7;
    }

    .login-box h2{
        font-size: 1.5em;
        margin-bottom: 10px;
    }

    .sobre-gatsu .offset-3{
        margin-left: 0;
    }

    .navbar-brand img {
        width: 180px;
    }

    .cliente-sidebar span{
        text-align: center;
        width: 100%;
    }

    .cliente-sidebar p{
        display: none;
    }

    .cardapio-page .col-md-10{
        width: 75%;
        display: inline-block;
        padding: 0;
    }

    .cardapio-page .col-md-10 .content{
        padding: 0;
    }

    .itens-cardapio-cliente .cardapio-option {
        margin: 0 15px 15px 15px;
    }

    .prato-cliente .content{
        padding-top: 0;
    }

    .prato-cliente .prato-gal {
        margin-top: 0;
    }

    .itens-prato-cliente .row{
        margin-right: 0px;
        margin-left: 0px;
    }

    .extrato-movimentacao{
        text-align: center;
    }

    .extrato-movimentacao .adicao {
        display: block;
        width: 100%;
        float: none;
    }

    .navbar-div .navbar .navbar-toggler{
        margin-right: 10px;
    }
    
    .scrollActive .navbar-div .navbar .navbar-toggler{
        margin-right: 30px;
    }
}

.cardapio {
    width: 100%;
    background: #fff;
}

.cardapio-title {
    width: 100%;
    /*max-height: 500px;*/
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    background: #fff;
}

.cardapio-title img {
    width: 100%;
    float: left;
    display: inline-block;
}

.cardapio-title .titulo {
    font-family: 'Gang of Three', sans-serif;
    width: 100%;
    text-align: center;
    font-size: 300%;
    color: #fff;
    margin-top: -80px;
    float: left;
    display: block;
}

.cardapio .cardapio-conteudo {
    background: #fff;
    background: url(../img/cardapio_bg.jpg);
}

.cardapio .cardapio-conteudo .img {
    padding: 0;
}

.cardapio .cardapio-conteudo .texto {
    font-family: 'Josefin Sans', sans-serif;
    text-align: center;
    height: 560px;
    background: #fff;
}

.cardapio .cardapio-conteudo .texto.combinados {
    padding: 70px 0 70px 90px;
}

.cardapio .cardapio-conteudo .texto.pokes {
    padding: 70px 100px 70px 10px;
}

.cardapio .cardapio-conteudo .texto.bebidas {
    padding: 70px 10px 70px 90px;
}

@media (max-width: 767px) {
    .cardapio .cardapio-conteudo .texto.combinados {
        padding: 10px 30px;
        margin-left: 0;
    }
    .cardapio .cardapio-conteudo .texto.pokes {
        padding: 10px 30px;
        margin-left: 0;
    }
    .cardapio .cardapio-conteudo .texto.bebidas {
        padding: 10px 30px;
        margin-left: 0;
    }
    .cardapio .cardapio-conteudo .img {
        display: none;
    }
}

.cardapio .cardapio-conteudo .texto .titulo {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 150%;
}

.cardapio .cardapio-conteudo .texto .linha {
    width: 60px;
    height: 5px;
    background: #e84039;
    margin: 1px auto;
    display: block;
}

.cardapio .cardapio-conteudo .texto img {
    width: 120px;
    display: block;
    margin: 20px auto;
}

.cardapio .cardapio-conteudo .texto .desc {
    margin: 20px 0 30px;
}

.cardapio .cardapio-conteudo .texto a {
    background: #e84039;
    padding: 15px 25px 10px;
    text-transform: uppercase;
    color: #fff;
}

.cardapio .cardapio-conteudo .texto a:hover {
    text-decoration: none;
    font-weight: bold;
}

.margin-0 { margin: 0 !important; }

.float-whatsapp {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 20px;
    right: 30px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 2px 3px #999;
    z-index: 999;
}

.float-whatsapp .float-ico {
    margin-top: 15px;
}