/* Helpers */
body {background:#f5f5f5; font-family: 'Poppins', sans-serif;}

input {max-width:100%;}
img {max-width:100%;}
ul {list-style:none; margin:0px; padding:0px;}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {opacity: 1; padding:5px; line-height:18px; cursor:pointer;}

#cardapio {position: relative;background: white;}

/* Barra Topo */
.barra-topo {display:table; width:100%; background:#8a1d21; padding:10px 0px;}
.barra-topo p {margin:0px; color:#fff; float:right; font-size:12px; padding:5px;}
.barra-topo p i {margin-right:3px;}


/* Header */
header {display:table; width:100%; padding-top:30px; background:#c32c31;}
header .container {position:relative;}
header .row {display:flex; align-items:center;}
header .logo {border-radius: 200px !important;display:table;margin:0 auto;border-radius: 4px;height: 200px !important;background: none;border:5px #fff solid;width: 200px;position:relative;margin-bottom: -20px;box-shadow: 0px 0px 10px #0000001c;}
header .logo img {position:absolute;top:0px;bottom:0px;left:0px;right:0px;margin:auto;max-width: 100%;max-height: 100%;display:table;border-radius: 117px;height: 200px;}
header p {margin-top:20px; font-size:12px; margin-bottom:0px;}



/* Select Demo */
.boxSelectDemo {display:block; position:fixed; top:0; left:0; background:#0000009e; z-index:999; width:100%; height:100%;}
	.boxSelectDemo .center {position:relative; top:50%; left:50%; transform:translate(-50%, -50%); background:#fff; padding:30px; display:table; border-radius:5px; width:400px; text-align:center;}
	.boxSelectDemo .center p {font-size:14px;}
	.boxSelectDemo .center select {background:#fff; border:1px #dedede solid; border-radius:4px;}


/* Horario */
header .horario-atendimento {position:absolute; right:15px; bottom:0px;}
header .horario-atendimento p {display:table; border:0px; padding:10px 15px; background:#fff; border-radius:0px; color:#000; border-radius: 10px 10px 0px 0px; font-size:14px;}
header .horario-atendimento p i.fa-clock {color:#ccc;}
header .horario-atendimento p strong {color:#3fb91e; margin-left:5px;}
header .horario-atendimento p span {display:block;}
header .horario-atendimento p.fechado strong {color:#c32c31;}
header .box-horarios {position:absolute; right:0px; top:100%; background: #fff; z-index: 9; width: 310px; padding: 20px; box-shadow: 0px 10px 10px #00000040;}
header .box-horarios li {color:#000; font-size:13px; border-bottom:1px #dedede solid; padding:5px 0px;}
header .box-horarios li:last-child {border-bottom:0px;}


/* Horario - Modal Fechado */
#modalFechado {
    padding:20px;
    overflow: initial;
    height: initial;
    position: absolute;
    z-index: 2000;
    right: 0;
    margin: auto;
    margin-top: 30px;
}
    #modalFechado h3 {font-size:32px; line-height:32px;}
    #modalFechado h3:after {content:''; width:100%; height:5px; border-radius:5px; background:#00e36f; margin:15px 0px; display:table;}
    #modalFechado p { text-align: center; }

.modal-fechado-idx {
    z-index: 1000 !important;
}


/* Filtros Header */
section.filtros-header {background:#fff; padding-top:50px; padding-bottom:20px; border-bottom:1px #dedede solid;  display:table; width:100%;}
section.filtros-header .campoFiltro {display:table; width:100%; border:1px #c7c7c7 solid; background:#f5f5f5; border-radius:3px; border-radius:5px; position:relative;}
section.filtros-header .campoFiltro select {-webkit-appearance: none; -moz-appearance: none;  position:relative; z-index:2; background:transparent; appearance: none; border:0px; width:100%; display:table; cursor:pointer; padding:15px 15px; border-radius:5px; color:#000; font-size:14px;}
section.filtros-header .campoFiltro i {position:absolute; z-index:1; right:15px; top:0px; bottom:0px; margin:auto; display:table;}
section.filtros-header .busca {display:table; width:100%; border:1px #c7c7c7 solid; background:#f5f5f5; border-radius:3px; border-radius:5px; position:relative;}
section.filtros-header .busca input {-webkit-appearance: none; -moz-appearance: none;  position:relative; z-index:2; background:transparent; appearance: none; border:0px; width:100%; display:table; cursor:pointer; padding:15px 15px; padding-right:30px; border-radius:5px; color:#000; font-size:14px; outline: none; }
section.filtros-header .busca button {-webkit-appearance: none; -moz-appearance: none;  position:absolute; top:0px; bottom:0px; right:0px; z-index:2;  background:transparent; appearance: none; border:0px; display:table; cursor:pointer; padding:15px 15px; border-radius:5px; color:#000; font-size:14px; outline: none; }

section.filtro-fixo {position:fixed; top:0px; left:0px; width:100%; z-index:99;}
section.filtro-fixo {padding:10px 0px;}


/* Dados Header */
header h1 {color:#fff; font-family:'Poppins', sans-serif; font-size:32px; font-weight:normal;}
header h2 {color:#fff; font-family:'Poppins', sans-serif; font-size:14px; margin:0px;}

header .telefones {display:table; width:100%; margin:15px 0px;}
header .telefones a {padding:10px;padding-left:55px;text-decoration:none;color:#fff;overflow:hidden;display:table;float:left;background: red;position:relative;margin-right:10px;border-radius:5px;font-size:16px;font-family:'Poppins', sans-serif;}
header .telefones a i {position:absolute; background:#00000040; height:100%; left:0px; top:0px; color:#fff; font-size:22px; display:flex; align-items:center; padding:0 15px;}
header .telefones a:hover {background:#00000040;}


/* Menu Mobile */
.bottaoMobile {background:#ffbd00; padding:15px; cursor:pointer; display:table; position:absolute; top:0px; bottom:0px; right:15px; margin:auto;}
.bottaoMobile i {display:block; font-size:24px; line-height:24px; color:#443200;}

.menu-mobile {position:fixed; left:-300px; top:0px; height:100%; width:300px; background:#fff; z-index:99; overflow:auto;}
.menu-mobile .logo {display:table; width:100%; margin:20px 0px;}
.menu-mobile .logo img {max-width:150px; display:block; margin:0 auto;}
.menu-mobile ul {display:table; width:100%;}
.menu-mobile ul li a {display:block; border-bottom:1px #dedede solid; font-size:14px; color:#000; padding:15px 20px; text-align:center;}
.menu-mobile ul li a:hover {background:#f5f5f5; text-decoration:none;}


/* Menu Superior */
.menu-superior.fixo {position:fixed; top:0px; z-index:9; left:0px;}
.menu-superior {display:none !important; background:#fff; border-bottom:1px #dedede solid; width:100%; position:relative;}
.menu-superior .container {padding:0px; margin:0px;}

.menu-superior ul {white-space: nowrap; overflow-x:auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; margin:0 auto;}
.menu-superior ul li {display: inline-block;}
.menu-superior ul li a {display:block; padding:20px 15px; color:#000; font-size:13px; border-bottom:3px transparent solid; text-decoration:none !important;}
.menu-superior ul li a:focus, .menu-superior ul li a:focus, .menu-superior ul li a.ativo {border-bottom:3px #c32c31 solid;}


/* Telefones Header */
section.telefones-header {background:#ffbd00;}
section.telefones-header .col-6 {padding:0px;}
section.telefones-header a {text-align:center; display:block; color:#443200; padding:20px 0px; font-weight:bold;}
section.telefones-header a:hover {text-decoration:none; background:#ffd047;}
section.telefones-header a.fixo {border-right:1px #ecb410 solid;}
section.telefones-header a i {margin-right:5px; background:#443200; border-radius:50%; color:#fff; padding:10px; width:36px; height:36px;}


/* Video */
section.video {display:block; margin-top:20px;}
/* Aviso */
section.aviso {display:table; margin-top:40px; width:100%;}
section.aviso i {margin-right:10px;}
section.aviso .alert {margin-bottom:0px; position:relative; text-align:left;}
	section.aviso .alert button {position:absolute; right:10px; top:5px;}


/* Lista Produtos */
section.lista-produtos .secaoCategoria {padding-top:75px;float: left;width: 100%;}

section.lista-produtos h3 {margin-bottom:20px; border-bottom:1px #dedede dotted; padding-bottom:20px; text-align:center; position:relative; font-size:18px;}
section.lista-produtos h3:before {content:''; background:#c32c31; width:100px; height:3px; position:absolute; bottom:-2px; border-radius:3px; left:0px; right:0px; margin:auto;}
section.lista-produtos input {-webkit-appearance: none; border-radius:4px; display:block; width:100%; border:1px #dedede solid; padding:10px 5px; background:#fff; color:#666; text-align:center;}
section.lista-produtos .descricao {font-size:12px;color:#666;height: auto;}
section.lista-produtos .boxQnt {text-align:center;}
section.lista-produtos .boxQnt span {font-size:12px; color:#666;}
section.lista-produtos .introValor {font-size:11px; margin-bottom:0px; display:block; text-align:center;}
section.lista-produtos .valor {color:green; font-weight:bold; font-size:13px; display:block; text-align:center;}
section.lista-produtos .btnOpcoes {display:block; width:100%; text-align:center; padding:15px 10px; background:#fff; border:1px #ccc solid; font-size:12px; font-weight:bold; text-transform:uppercase; color:#000; border-radius: 5px; cursor:pointer;}
section.lista-produtos .btnOpcoes[aria-expanded="true"] {border-radius: 5px 5px 0px 0px; border-bottom:0px !important;}
section.lista-produtos .btnOpcoes i {margin-left:5px; color:#c32c31}

section.lista-produtos img {width:100%;height:auto;margin-bottom:20px;width: 40%;margin-left: 30%;border-radius: 100px;}
section.lista-produtos .alert {font-size:13px; text-align:center; border:1px #b99035 dotted;}

section.lista-produtos .titulo strong {display:block; line-height:16px;}


/* Imagem Produtos */
section.lista-produtos .imagem-produto a {display:block;margin:auto;max-width: 100%;position:relative;height: 100px;overflow:hidden;border-radius: 0;background-size:cover;background-position:center center;background-repeat:no-repeat;}


/* Grupos de Variações */
section.lista-produtos .boxesOpcoes {width:100%; padding-bottom:10px; margin:0 15px; background:#fff; margin-top: -1px; border: 1px #dedede solid;}
section.lista-produtos .grupo-variacao {}
section.lista-produtos .grupo-variacao h6 {margin-top:10px; border-bottom:1px #dedede dotted; padding:5px; margin-bottom:5px; padding-left:0px;}
section.lista-produtos .grupo-variacao ul {width:100%; display:table; margin-top:10px;}
section.lista-produtos .grupo-variacao ul li {display:table; border-bottom:1px #dedede dotted; border-radius:4px; background:#fff; cursor:pointer; position:relative; overflow:hidden; width:100%; padding-bottom:10px; margin-bottom:10px;}
section.lista-produtos .grupo-variacao ul li.selecionado {background:#f5f5f5; border:1px #22a200 dotted !important; padding: 10px 5px 10px 10px !important;}
section.lista-produtos .grupo-variacao ul li:last-child {border-bottom:0px; margin-bottom:0px; padding-bottom:0px;}
section.lista-produtos .grupo-variacao ul li .qnt {padding-left:0px;}
section.lista-produtos .grupo-variacao ul li p {margin-bottom:0px; font-size:13px;}
section.lista-produtos .grupo-variacao ul li p.nome-variacao {color:#000; font-size:12px;}
section.lista-produtos .grupo-variacao ul li p.valor-variacao {color: #168000; font-weight: bold;}


/* meia porção */
section.lista-produtos .grupo-variacao ul li.meia-porcao {background:#f5f5f5; border:1px #ffa500 dotted; padding: 10px 5px 10px 10px;}
section.lista-produtos .grupo-variacao ul li.meia-porcao.ok {border:1px #22a200 dotted !important;}



/* Botões */
.botoes {position:fixed; bottom:0px; left:0px; width:100%; display:table; background:#fff; padding:5px 0px; z-index:10; box-shadow: 0px 0px 5px #00000059;}
.botoes .botao {width:25%; padding:0px 5px;}
.botoes .botao a, .botoes .botao button {color:#fff; border-radius:6px; display:table; width:100%;}
.botoes .botao a {padding:10px; background:#c32c31; border:1px #90282c solid; border-bottom:3px #90282c solid;}
.botoes .botao a:hover {background:#ce393e; text-decoration:none;}
.botoes .botao a i {display:block; text-align:center; font-size:24px; margin-bottom:5px;}
.botoes .botao a span {display:block; text-align:center; font-size:12px;}
.botoes .botao button {-webkit-appearance: none; background:#22a200; border:1px #1b8000 solid; border-bottom:3px #1b8000 solid; padding:10px; cursor:pointer;}
.botoes .botao button:hover {background:#31ab10;}
.botoes .botao button i {display:block; text-align:center; font-size:24px; margin-bottom:5px;}
.botoes .botao button span {display:block; text-align:center; font-size:12px;}

.botoes .botao.pedir {width:100%; margin: 0 auto;}
.botoes .botao.pedir button {padding:20px; }
	.botoes .botao.pedir button span {font-size:18px; font-weight:bold; text-transform:uppercase;}

.botoes .botao a {-webkit-appearance: none; background:#22a200; border:1px #1b8000 solid; border-bottom:3px #1b8000 solid; padding:20px; cursor:pointer; text-align:center; text-transform:uppercase; font-weight:bold}
.botoes .botao a:hover {background:#31ab10;}

/* Box jQuery */
.jconfirm-content table {width:100%; font-size:12px;}
.jconfirm-content table tr td:nth-child(1), .jconfirm-content table th td:nth-child(1) {text-align:center;}
.jconfirm-content table tr td:nth-child(3), .jconfirm-content table th td:nth-child(3) {text-align:center;}


/* Footer */
footer {background:#fff; border-top:1px #dedede solid; padding:10px 0px; padding-bottom:95px;}
footer small {display:block; text-align:center; color:#666; font-size:12px;}

footer .dados {padding:40px 15px; border-bottom:1px #dedede dotted; margin-bottom:20px;}
footer .horario .row {padding:5px 0px; border-bottom:1px #f5f5f5 dotted;}


/* Confirmação de Pedido */
#confirmacao-pedido {
    z-index: 10000;
    width: 100%;
    position: absolute;
    display: contents;
    font-family: 'Poppins', sans-serif;
}

/* Confirmação de Pedido */
h3.title {
    font-family: 'Poppins', sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: #000;
    text-transform: uppercase;
    text-align: center;
    padding: 10px 30px;
    border: 1px #dedede solid;
    display: table;
    margin: 0 auto;
    border-radius: 50px;
    background: #fff;
}

button:hover { outline: none; }
button:focus { outline: none; }

.headerConfirmacao .box-logo {display: table; margin: 0 auto; border-radius: 4px; height: 90px; border: 5px #fff solid; width: 100%; position: relative;   box-shadow: 0px 0px 10px #0000001c;}
.headerConfirmacao .box-logo a {display:table; position:absolute; top:0px; bottom:0px; left:0px; right:0px; margin:auto; max-width:90%;}
.headerConfirmacao {display:table; width:100%; position:relative; padding:20px 0px;}
.headerConfirmacao:before {content:''; width:100%; height:300px; background:#f5f5f5; display:table; position:absolute; top:0px; left:0px; border-bottom:1px #dedede solid;}
.headerConfirmacao a.voltar {position:absolute; height: 38px; bottom:0px; top:0px; right:15px; margin:auto; padding:10px 25px; background:#fff; border:1px #dedede solid; background:#fff; text-decoration:none; color:#868686; font-weight:bold; font-size:11px; text-transform:uppercase; border-radius:50px; cursor: pointer;}
.headerConfirmacao a.voltar i {margin-right:5px;}
.headerConfirmacao a.voltar:hover {color:#000;}

.container-fluid .container {padding-left: 0; padding-right: 0;}
#confirmacao.container-fluid, .boxConfirmacao .container-fluid { padding-bottom: 80px; background: #fff; }
.boxConfirmacao h3 {font-family:'Poppins', sans-serif;}
.boxConfirmacao .center {display:table; width:100%; padding:20px; padding-bottom:40px; background:#fff; box-shadow: 0px 0px 40px #0000001f;}
.boxConfirmacao .center input[type="text"],
.boxConfirmacao .center input[type="password"] {width:100%; display:block; border:1px #ccc solid; border-radius:50px; padding:10px 20px; font-size:13px; color:#000; background:#fff; outline:0px !important;}
.boxConfirmacao *::placeholder {color:#828282;}
.boxConfirmacao .lista-itens > h3.title {margin-top:-40px !important; margin-bottom:25px !important; position: relative; z-index: 10;}
.boxConfirmacao .lista-itens table {font-size:13px;}

.obsConfirmacao {display:table; width:100%;}
.obsConfirmacao label {display:block; font-size:13px; color:#666;}

.valoresConfirmacao {display:table; margin:15px 0px; width:100%;}
.valoresConfirmacao .right {float:right; display:table;}
.valoresConfirmacao .right .box {float:left; padding:0 20px;}
.valoresConfirmacao .right .box.margin {border-left:1px #dedede solid; border-right:1px #dedede solid;}
.valoresConfirmacao .right .box span {display:block; font-size:13px; color:#666; line-height:13px;}
.valoresConfirmacao .right .box strong {font-size:16px; line-height:18px;}
.valoresConfirmacao .right .box.total strong {color:#029a26;}

.valoresConfirmacao.consulte-entrega .right .box.margin {border:0px; padding-right:0px; position:relative;}
.valoresConfirmacao.consulte-entrega .right .box.margin:before {content:'+'; position:absolute; margin:auto; left:-7px; top:0px; bottom:0px; display:table; font-size:30px; font-weight:bold; color:#c5c5c5;}

.infoEntregaConfirmacao {display:table; width:100%; border-top:1px #dedede solid; margin-top:60px;}
.infoEntregaConfirmacao > h3.title {margin-top:-25px !important; margin-bottom:10px !important; position: relative; z-index: 10;}
.infoEntregaConfirmacao .dados-usuario {margin-bottom: 25px;}
.infoEntregaConfirmacao .seleciona {display:table; width:100%; border-bottom:1px #dedede solid; margin-bottom:20px;}
.infoEntregaConfirmacao .seleciona .box {display:table; margin:0 auto;}
.infoEntregaConfirmacao .seleciona .box a {float:left; display:table; padding:12px 15px; border-radius:8px 8px 0 0; background:#dedede; margin:0 1px; color:#666; font-size:13px; font-weight:bold; line-height:18px;  cursor:pointer;}
.infoEntregaConfirmacao .seleciona .box a:hover, .infoEntregaConfirmacao .seleciona .box a.ativo {color:#fff; background:#ce0000; text-decoration:none;}
.infoEntregaConfirmacao .seleciona .box a i {float:left; line-height:18px; font-size:18px; margin-right:5px;}
.infoEntregaConfirmacao input {margin-bottom:15px;}
.infoEntregaConfirmacao .alert {font-size:13px;}
.infoEntregaConfirmacao .alert i {margin-right:5px;}
.infoEntregaConfirmacao .formEntrega .cep {padding-right:5px;}
.infoEntregaConfirmacao .formEntrega .endereco {padding-right:5px; padding-left:5px;}
.infoEntregaConfirmacao .formEntrega .numero {padding-left:5px;}
.infoEntregaConfirmacao .formEntrega .complemento {padding-right:5px;}
.infoEntregaConfirmacao .formEntrega .bairro {padding-right:5px; padding-left:5px;}
.infoEntregaConfirmacao .formEntrega .ref {padding-left:5px;}
.infoEntregaConfirmacao .login h5 {font-family:'Poppins', sans-serif; font-weight:bold; text-transform:uppercase;}
.infoEntregaConfirmacao .login p {margin-bottom:20px; font-size:13px;}
.infoEntregaConfirmacao .login button {padding: 10px 30px; color: #fff; border: 0px; background: #c32c31; border-radius: 30px; font-size: 13px; text-transform: uppercase; font-weight: bold; cursor: pointer;float:right;}
.infoEntregaConfirmacao .retirada p {margin-bottom:0px;}

.pagamentoConfirmacao {display:table; width:100%; border-top:1px #dedede solid; margin-top:40px;}
.pagamentoConfirmacao h3.title {margin-top:-25px !important; margin-bottom:10px !important; position: relative; z-index: 10;}
.pagamentoConfirmacao .box {width:47%; float:left; display:table; background:#f5f5f5; border:1px #dedede solid; position:relative;}
.pagamentoConfirmacao input[type="radio"] {position:absolute; left:0px; top:10px; bottom:0px; margin-left:10px; float: left;width: 20px; height: 20px; cursor:pointer;}
.pagamentoConfirmacao label { padding:10px; padding-left:40px; width:100%; display:table; font-size:13px; margin-bottom:0px; font-weight:bold; color:#666; cursor:pointer;}
.pagamentoConfirmacao .box .troco {display:table; width:100%;}
.pagamentoConfirmacao .box .secundario {border-top:1px #dedede solid; padding-top:5px; margin-top:5px; padding:10px;}
.pagamentoConfirmacao .box .secundario p { font-size:13px; margin-bottom:5px; font-weight:bold; }
.pagamentoConfirmacao .box .secundario i {color:#000; margin-left:3px; margin-right:5px;}
.pagamentoConfirmacao .box .troco input {border-radius: 0px 4px 4px 0px; width:1%;}
.pagamentoConfirmacao .box .troco select {font-size:13px;}

.pagamentoConfirmacao .box-sem-troco {position:relative;}
.pagamentoConfirmacao .box-sem-troco input {position:relative; position:absolute; left:0px; top:10px; bottom:0px; width: 25px !important; height: 19px;}
.pagamentoConfirmacao .box-sem-troco label {padding-left:30px !important;}
.pagamentoConfirmacao .box:nth-child(2) {float:right;}

.continuaConfirmacao {display:table; width:100%; background:#fff; padding:20px 0px; position:fixed; bottom:0px; left:0px; box-shadow: 0px 0px 10px #0006;}
.continuaConfirmacao .row {align-items:center;}
.continuaConfirmacao button {float:right; padding:15px 40px; background:#029a26; border:0px; border-bottom:4px #003f0f solid; border-radius:50px; color:#fff; font-size:18px; font-weight:bold; cursor:pointer;}
.continuaConfirmacao button:hover {background:#0bab31;}
.continuaConfirmacao button i {margin-right:5px; color:#6bff8e; font-size:20px;}

.avisoEnviado i {color:#029a26; font-size:80px; margin-bottom:20px; margin-top:-40px; background:#fff; border-radius:50%;}
.avisoEnviado p {font-size:13px; font-weight:bold;}

.informacoesEntrega p {margin-bottom:0px; font-size:13px; position:relative; padding-left:35px;}
.informacoesEntrega p i {position:absolute; top:0px; left:0px; font-size:18px; color:#c32c31; width:25px; text-align:center;}
.informacoesEntrega p strong, .informacoesEntrega p span {display:block;}
.informacoesEntrega button {padding: 10px 30px; color: #fff; border: 0px; background: #c32c31; border-radius: 30px; font-size: 13px; text-transform: uppercase; font-weight: bold; cursor: pointer; margin:10px auto; margin-top:20px; display:table;}
.informacoesEntrega small {display:block; text-align:center;}
.informacoesEntrega .card-footer p {margin-bottom:20px;}
.informacoesEntrega input {margin:5px 0px;}


/* Abrir Whats */
.abrirWhats {display:table;width:100%;margin-top:20px;}
.abrirWhats a, .abrirWhats button {padding: 15px 40px;background: green;border: 0px;/* border-bottom: 4px #003f0f solid; */color: #fff;font-size: 16px;font-weight: bold;cursor: pointer;display:table;margin:0 auto;width: 100%;}
.abrirWhats a:hover, .abrirWhats button:hover {background:#0bab31; color:#fff;}


/* Dados Footer */
section.informacoes {display:table; margin:40px 0px; margin-bottom:20px; width:100%;}
section.informacoes .box {background:#fff; display:table; width:100%; padding:25px; border-radius:4px; border:1px #dedede solid; font-size:14px;}
section.informacoes .box h3 {padding-bottom:15px; margin-bottom:15px; border-bottom:1px #dedede solid; font-size:18px; line-height:24px;}
section.informacoes .box h3 i {float:left; line-height:24px; margin-right:10px; color:#000; font-size:24px;}
section.informacoes .box h4 {font-size:14px; margin-bottom:10px;}

section.informacoes .box.pagamentos ul {margin-bottom:20px; display:table; width:100%;}

section.informacoes .box.horarios li {padding-bottom:5px; margin-bottom:5px; border-bottom:1px #dedede dotted;}
section.informacoes .box.pagamentos li {width:50%; padding-bottom:5px; margin-bottom:5px; border-bottom:1px #dedede dotted;}
section.informacoes .box.pagamentos .alert {font-size:12px; position:relative;}
	section.informacoes .box.pagamentos .alert button {position:absolute; right:10px; top:5px;}


/* Banner Tarja */
section.banner-tarja .box {padding: 20px 30px; box-shadow: 0px 0px 20px #ccc; margin-bottom: 100px; border-radius: 10px; display: table; background: #fff; width: 100%;}
section.banner-tarja .box .row {align-items:center;}
section.banner-tarja .box img {display:block; margin:0 auto;}
section.banner-tarja .box p {color: #666; margin-bottom: 0px; border-left: 1px #dedede solid; padding-left:15px;}
section.banner-tarja .box a {padding: 8px 30px; background: #a7a7a7; border-radius: 50px; color: #fff; font-weight: bold; text-decoration: none; font-size: 13px; text-transform: uppercase; display:block; text-align:center;}
section.banner-tarja .box a:hover {background:#28475d;}


/* Páginas Erro */
.pagina-erro {background:#f5f5f5; position:absolute; width:100%; height:100%; display:table; overflow-x:auto; padding:30px 0px;}
.pagina-erro .container {display:table; position:absolute; top:0px; bottom:0px; left:0px; right:0px; margin:auto;}
.pagina-erro img {margin:0 auto; display:table; margin-bottom:40px;}
.pagina-erro h1 {font-size:50px;}
.pagina-erro p {color:#000; margin:20px 0px;}
.pagina-erro a {border:0px; background:#c32c31; text-transform:uppercase; font-weight:bold; color:#fff; padding:15px 40px; border-radius:50px; display:table; margin:0 auto; margin-bottom:50px;}
.pagina-erro a i {margin-right:10px;}
.pagina-erro a:hover {background-color:#e21b22; box-shadow:0px 0px 10px #ccc;}


/* Responsivo */
@media all and (max-width:768px) {
    .botoes .botao button i, .botoes .botao a i {font-size:20px;}
    .botoes .botao button span, .botoes .botao a span {font-size:10px;}

    section.lista-produtos .titulo strong {font-size:13px;}
    section.lista-produtos .titulo span {font-size:11px;}

    section.lista-produtos .descricao {font-size:12px;}

    section.lista-produtos .valor {margin-bottom:5px;}

    section.telefones-header a span {font-size:13px;}

    section.aviso {font-size:12px; text-align:center; margin:20px 0px;}
    section.aviso i {margin:5px;}

    section.filtros-header .campoFiltro {margin-bottom:10px;}

    header h2, header h1 {display:none;}
    header .logo {height:165px;}
    header .telefones {margin-bottom:45px;margin-top: 35px;}
    header .telefones a {margin-bottom:10px;width:100%;text-align:center;font-weight:bold;}
    header .horario-atendimento p {font-size:10px;}

    section.filtro-fixo {padding:10px 0px;}
    section.filtro-fixo .busca {display:none !important;}
    section.filtro-fixo .campoFiltro {margin-bottom:0px;}
    section.filtros-header .campoFiltro select {padding:10px 15px;}

    section.lista-produtos .secaoCategoria {padding-top:35px;}


    /* Confirmação de Pedido */
    body.page-template-template-confirmacao h3.title {font-size:12px;}

    .headerConfirmacao {padding-bottom:40px;}

    .boxConfirmacao .lista-itens table {font-size:11px;}

    .valoresConfirmacao .right .box {padding:0 10px;}
    .valoresConfirmacao.consulte-entrega .right .box {padding:0 15px;}

    .pagamentoConfirmacao .box {margin-bottom:15px; width:100%;}

	.continuaConfirmacao {padding:3px 0px;}
	.continuaConfirmacao .logo-cardapex {display:none;}
    .continuaConfirmacao button {font-size:12px; width:100%; float:none; padding:8px 10px;}
    .continuaConfirmacao button i {font-size:13px;}

    .infoEntregaConfirmacao .seleciona .box a {font-size:13px; padding:10px 20px;}
    .infoEntregaConfirmacao .seleciona .box a i {font-size:10px;}

    .formEntrega {padding:0 10px;}
    .dados-usuario .campo,
    .formEntrega .campo {padding:5px !important;}
    .formEntrega .campo input {margin-bottom:0px;}
    .formEntrega .alert {margin-top:15px;}


    section.informacoes .box.pagamentos {margin-top:30px;}

    section.banner-tarja {}
    section.banner-tarja .box p {font-size:7px;}
    section.banner-tarja .box a {font-size:7px; padding:5px;}

    section.informacoes .box.pagamentos li {font-size:10px;}

	.valoresConfirmacao .right .box span {font-size:11px;}
	.valoresConfirmacao .right .box strong {font-size:14px;}

	.boxSelectDemo .center {width:90%;}

	section.banner-tarja .box {padding:15px 10px;}
}

#bannerindex{
        background-size: 100% auto;
    }

@media all and (max-width:350px) {
	header .telefones a {font-size:10px;}

    .valoresConfirmacao .right .box span {font-size:9px;}
    .valoresConfirmacao .right .box strong {font-size:12px; line-height:13px;}

    .infoEntregaConfirmacao .seleciona .box a {font-size:9px; padding:5px 5px;}
    .infoEntregaConfirmacao .seleciona .box a i {display:none;}

    section.lista-produtos .btnOpcoes {font-size:9px;}
}
@media all and (max-width:550px) {
    section.lista-produtos .imagem-produto a {
        height: 200px;
        border-radius: 100px;
        width: 200px;
    }
    .imagem-produto-text strong{
        font-size: 20px !important;
    }
    .imagem-produto-text{
        margin-top: 20px;
        text-align: center;
    }
    #bannerindex{
        background-size: auto 100%;
    }
    section.lista-produtos img {
        height: auto;
        margin-bottom: 20px;
        width: 100%;
        margin-left: 0;
        border-radius: 0;
    }
    section.lista-produtos .valor {
        color: #0000ff;
        font-weight: bold;
        font-size: 13px;
        display: block;
        text-align: left;
        margin-left: 20px;
        text-align: center !important;
        padding-bottom: 20px;
        font-size: 20px !important;
    }
    .input-group {
        width: 50% !important;
        margin-left: 25% !important;
    }
    section.lista-produtos .introValor {
        text-align: center !important;
    }
    .item-variacao p{
        float: left;
    }
    .valor-variacao{
        float: right !important;
    }
    .qntespe{
        margin-top: 20px;
    }
}
.dados{
    text-align: center;
}
#nome_empresa_id{
    background: white;
    padding: 20px;
    margin-bottom: -40px;
}
.agendar_text{
    text-align: center;
        font-weight: bolder;
}
.agendar_input{
    height: 35px;
    text-align: right;
    width: 100%;
    float: left;
}