/* Helpers */
body {background: #fff ; transform: none; overflow: visible;font-family: 'Poppins', sans-serif;}
h1, h2, h4, h6 {font-family: 'Poppins', sans-serif; color:#3678DC!important; text-align:center}
h5 {font-family: 'Poppins', sans-serif; color:#3678DC!important;  text-align:center}
h3 {font-family: 'Poppins', sans-serif; color:#6d6d6d; text-align:center}
h8 {font-family: 'Poppins', sans-serif; color:#c32c31;  text-align:left; font-size:12px }
h16 {font-family: 'Poppins', sans-serif; color:#6d6d6d!important; text-align:center ; font-size:16px}
hr {border-color: #e4e6eb;}
p{color:#666;}
input {max-width:100%;}
/* 
img {max-width:100%;}
*/
a {color: #212529;text-decoration: underline;}

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

/* 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 
header {display:table; width:100%; padding-top:30px; background:#c32c31;}
*/
header {
    display: table;
    width: 100%;
    padding: 45px 0;
    background: #fff;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
}
header .container {position:relative;}
header .row {display:flex; align-items:center;}
header .logo {display:table; margin:0 auto; border-radius: 4px; height:230px; background:#8a1d21; border:5px #fff solid; width:100%; 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:80%; max-height:80%; display:table;}
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;}
.box-horarios li {color:#000; border-bottom:1px #dedede solid; padding:5px; clear: both;}
.box-horarios li:last-child {margin-bottom: 0; border-bottom: none;}
.box-horarios li .horario {float:left; width:25%; margin: 2px 0;}
.box-horarios li span {display: inline-block; font-size: 9px; padding: 2px; background: #f5f5f5; box-shadow: 0 0 2px #a7a7a7; border-radius: 5px;}

/* Horario - Modal Fechado */
#modalFechado {
	max-width: 500px;
	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; }
#modalFechado .box-horarios li {border-bottom: 1px #c32c31 solid;}
#modalFechado .box-horarios li:last-child {border-bottom: none;}
@media all and (min-width:769px) {
	#modalFechado .box-horarios li,
	section.informacoes .box-horarios li {padding: 0 5px 5px; margin-bottom: 5px;}
	header .box-horarios li span {font-size: 10px;}
	#modalFechado .box-horarios li span,
	section.informacoes .box-horarios li span {font-size: 14px;}
}
.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:#0000004a; 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;}


/* Conteúdo customizável */
.custom_content {display:block; margin-top:40px;}
.custom_content .video {position: relative; width: 100%; height: 0; padding-bottom: 56.25%;}
.custom_content iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/* 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;}

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; word-break: break-word;}
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;}
section.lista-produtos .alert {font-size:13px; text-align:center; border:1px #b99035 dotted;}

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



p2 {
    font-weight: bold;
    text-align: left;
}

input.form-control {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}

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


/* Grupos de Variações */
section.lista-produtos .boxesOpcoes {width:100%; 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:15px; margin-bottom:0; padding-left:0px; background: #f5f5f5; padding:15px; border-radius: 5px 5px 0 0; border:1px #dedede solid; border-bottom:0;}
section.lista-produtos .grupo-variacao h6 small {font-size:12px; color:#000; margin-left:10px;}
section.lista-produtos .grupo-variacao h6 .badge {float:right;}
section.lista-produtos .grupo-variacao ul {width:100%; display:table; padding: 15px; border: 1px #dedede solid; border-radius: 0 0 5px 5px;}
section.lista-produtos .grupo-variacao ul li {display:table; border-bottom:1px #dedede dotted; border-radius:4px; background:#fff; 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;}
section.lista-produtos .grupo-variacao .item-variacao .row {align-items:center;}
section.lista-produtos .grupo-variacao .item-variacao input[type="checkbox"] {-webkit-appearance: none; width: 20px; height: 20px; border: 5px #ccc solid; border-radius: 50%; background: white; display: table; margin:0px; float:right; padding: 2px; cursor: pointer; outline:0 !important;}
section.lista-produtos .grupo-variacao .item-variacao input[type="checkbox"]:checked {border:5px #22a200 solid;}

section.lista-produtos .boxesOpcoes .totalProduto {display: table; padding: 15px; background: #f5f5f5; width: 100%; margin-top: 15px; border-top:1px #dedede solid;}
section.lista-produtos .boxesOpcoes .totalProduto p {margin:0px; font-size:14px; font-weight:bold; text-align:right;}
section.lista-produtos .boxesOpcoes .totalProduto .row {align-items:center;}

/* 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:-1px; left:0px; width:100%; display:table; background:#fff; padding:5px 0px 6px; z-index:10; box-shadow: 0px 0px 5px #00000059;}
.botoes .row {align-items:center;}
.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;}

/* Basket */
.botoes .botao.openBasket {display:block; width:100%; background:#f5f5f5; border:1px #dedede solid; border-bottom:3px #dedede solid; border-radius:4px; cursor:pointer; position:relative;}
.botoes .botao.openBasket:hover {background:#ececec;}
	.botoes .botao.openBasket .title {padding:20px; padding-left:65px; background:url(../../cardapio_smart_cardapex/img/cart-icon.png) 20px center no-repeat; background-size:34px;}
	.botoes .botao.openBasket .title span {font-size:13px; line-height:12px; color:#6b6b6b;}
	.botoes .botao.openBasket .title span.valor {position: absolute; right: 20px; top: 50%; transform: translateY(-50%); font-weight: bold; color: #22a200; font-size:16px;}
	.botoes .botao.openBasket .title span strong {display:block; text-transform:uppercase; color:#000; font-size:14px;}
	.botoes .botao.openBasket .floating {position:absolute; top:0; right:0; display:block; transform: translate(25%, -25%);}
		.botoes .botao.openBasket .floating span {display: block; background: #c32c31; border-radius: 50%; width: 28px; height: 28px; text-align: center; color: #fff; font-weight: bold; font-size: 13px; line-height: 28px;}
		.botoes .botao.openBasket #shopping-basket-unpaired-marker {right: 30px; display: none;}

.basket {display: none; background: #00000057; position: fixed; top: 0; left: 0; z-index: 99; width: 100vw; height: 100vh;}
	.basket .box {display: block; background: #fff; width: 500px; position: absolute; right: -100%; top: 0; height: 100%;}
		.basket .box button.closeBasket {display: block; position: absolute; left: -44px; top: 30px; padding: 12px 15px; border: 0; background: #fff; color: #c32c31; font-size: 24px; border-radius: 5px 0px 0 5px; text-align: center; cursor: pointer; line-height:20px;}
	.basket .basketContent {padding:40px 30px; margin: 0;}
		.basket .basketContent .basket-body {max-height: 81%; overflow-y: auto;}

	.basketContent {position:relative; width: 100%; height: 100%; margin-bottom: 20px; overflow: hidden;}
		.basketContent h3 {font-weight: bold; text-transform: uppercase; color: #c32c31; font-size: 18px; padding-bottom: 15px; margin-bottom:0; border-bottom:1px #dedede solid;}
		.basketContent .green {color: #22a200;}
		.basketContent .itemBasket {width: 100%; border-radius: 0; border: 1px #dedede solid; border-left: none; border-right: none;}
		.basketContent .itemBasket:last-of-type {border-bottom: none;}

			.basketContent .itemBasket .row {margin: 0;}
			.basketContent .itemBasket .title {background: none; border-radius: 0; border: none; padding: 0;}
				.basketContent .itemBasket .title .title-container {width: 100%; color: #000; background: #f9f9f9; margin: 0; padding: 20px 10px; font-weight: bold; font-size: 13px; text-transform: uppercase;}
				.basketContent .itemBasket .title .title-container .name {margin-bottom: 10px; border-bottom: 1px dashed #c7c7c7; font-size: 14px;}
				.basketContent .itemBasket .title a.title-container {display:block;}
				.basketContent .itemBasket .title a:hover {background: #efefef; text-decoration: none;}
				.basketContent .itemBasket .title a .fa-chevron-right {display:none;}
				.basketContent .itemBasket .title a.collapsed .fa-chevron-right {display:inline;}
				.basketContent .itemBasket .title a .fa-chevron-down {display:inline;}
				.basketContent .itemBasket .title a.collapsed .fa-chevron-down {display:none;}
				.basketContent .itemBasket .title .price {color:#288000;}

			.basketContent .itemBasket .itemBasketContent {border-top: 1px solid #dedede; padding: 5px 10px; font-size: 13px;}
			.basketContent .itemBasket .collapse {padding-bottom: 10px;}
			.basketContent .itemBasket .description {color:#606060; margin:0 0 10px;}
			.basketContent .itemBasket .options {border-top: 1px #dedede dashed; padding-left: 5px;}
				.basketContent .itemBasket .options:last-of-type {border-bottom: none;}
				.basketContent .itemBasket .options p {margin: 0;}
				.basketContent .itemBasket .options .paired {border: 1px dashed #22a200;}
				.basketContent .itemBasket .options .unpaired {border: 1px dashed #c32c31;}
				.basketContent .itemBasket .options small {color: #c32c31; font-weight: bold;}

			.basketContent .itemBasket .actions {border-top: 1px solid #dedede; padding: 10px 10px 10px 0; text-align: right;}
				.basketContent .itemBasket .actions .right {display:inline-block; width:130px;}
			.basketContent .summary {border-top: 1px #dedede solid; padding-bottom:15px; padding-top:15px; width:100%;}
				.basketContent .summary .row {margin: 0;}
				.basketContent .summary .row > div {font-size:14px; color:#656565; padding-left: 5px; padding-right: 5px;}
				.basketContent .summary .total {font-weight: bold; color: #000;}
				.basketContent .summary .red {color: #c32c31;}

			.basketContent .basket-footer {padding-top: 10px; border-top: 2px solid #dedede;}

			.basketContent .pedir {-webkit-appearance: none; background: #22a200; border: 1px #1b8000 solid; border-bottom: 3px #1b8000 solid; padding: 20px; cursor: pointer; display: table; width: 100%; border-radius: 5px; margin-top: 15px; color: #fff;}
				.basketContent .pedir: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%;
	font-family: 'Poppins', sans-serif;
}

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

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 {padding: 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 *::placeholder {color:#828282;}
.boxConfirmacao .lista-itens > h3.title {margin-top:-40px !important; margin-bottom:25px !important; position: relative; z-index: 10;}
.boxConfirmacao input {width:100%; display:block; border:1px #ccc solid; border-radius:50px; padding:10px 20px; font-size:13px; color:#000; background:#fff; outline:0px !important;}

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

/* .formapag {display:table; width:100%; border-top:1px #dedede solid; margin-top:40px;}  */

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

.formapag .pagtipo-sem-troco {position:relative;}
.formapag .pagtipo-sem-troco input {position:relative; position:absolute; left:0px; top:10px; bottom:0px; width: 25px !important; height: 19px;}
.formapag .pagtipo-sem-troco label {padding-left:30px !important;}
.formapag .pagtipo: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: #029a26;  border: 0px; border-bottom: 4px #003f0f solid; border-radius: 50px; color: #fff; font-size: 16px; font-weight: bold; cursor: pointer; display:table; margin:0 auto;}
.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:33.3%; float:left; 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;}

/* Modal Complexo */
.modalComplexo {display:block; width:100%; height:100%; overflow-y:auto; position:fixed; top:0; left:0; z-index:9999; background:#0006;}
	.modalComplexo .box {width:550px; height:80%; top:10%; display:block; background:#fff; position:absolute; left:50%; transform:translateX(-50%); border-radius:10px; overflow:hidden; padding-bottom:97px; padding-top:57px;}
		.modalComplexo .box .header {border-bottom:1px #dedede solid; display:table; width:100%; display:table; width:100%; position:absolute; top:0; left:0; background:#fff;}
			.modalComplexo .box .header .fechar {padding: 10px 20px; display: block; float: right; font-size: 24px; cursor:pointer;}

		.modalComplexo .box .body {display:block; overflow-y:auto; height:100%;}
		.modalComplexo .box .nomeProduto {padding:30px 20px; background:#f5f5f5; position:relative; margin-bottom:30px;}
		.modalComplexo .box .nomeProduto:before {content:''; display:block; position:absolute; bottom:-15px; left:30px; width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 15px solid #f5f5f5;}
		.modalComplexo .box .nomeProduto h3.price {float:right; color: #22a200;}
		.modalComplexo .box .nomeProduto h3 {margin:0; font-size:20px; text-transform:uppercase; color:#000;}
		.modalComplexo .box .nomeProduto p {font-size:13px; margin-bottom:0; color:#7a7a7a;}

		.modalComplexo .box .group {width:100%; padding:0 20px; margin-bottom:30px;}
			.modalComplexo .box .group .title {width:100%; padding-bottom:10px; margin-bottom:10px; border-bottom:1px #efefef solid;}
				.modalComplexo .box .group .title h4 {font-size:16px; line-height: 27px; color:#c32c31; text-transform:uppercase; margin:0;}
				.modalComplexo .box .group .title .required {float: right; font-size: 10px; padding: 5px 15px; border: 1px #dedede solid; border-radius: 40px; text-transform: uppercase; font-weight: bold; color: #c32c31;}
			.modalComplexo .box .group .selected_qtt {text-align: right; font-size:10px;}
				.modalComplexo .box .group .selected_qtt .green {color: #22a200; font-weight: bold;}
			.modalComplexo .box .group p {font-size: 13px; color: #717171; margin: 0;}

			.modalComplexo .box .group .option {width:100%; padding:15px 0; border-bottom:1px #efefef solid;}
			.modalComplexo .box .group .option:last-of-type {border-bottom: none;}
				.modalComplexo .box .group .option h5 {font-size:14px; font-weight:bold; text-transform:uppercase; margin:0; color:#000;}
				.modalComplexo .box .group .option .checkbox {display:inline-block; width:27px; height:27px; overflow: hidden; background:#efefef; border-radius:5px;}
				.modalComplexo .box .group .option input[type="radio"],
				.modalComplexo .box .group .option input[type="checkbox"] {display:none;}
				.modalComplexo .box .group .option label {width:27px; height:27px; cursor:pointer; margin:0; display:block; border: 2px solid #dedede; border-radius: 5px; font-size: 16px;}
				.modalComplexo .box .group .option input:checked + label:before {content:'\f00c'; font-family: "Font Awesome 5 Free"; font-weight: 900; display: inline-block; width: 100%; text-align: center; height: 100%; line-height: 27px; color: #22a200;}

		.modalComplexo .box .footer {border-bottom:1px #dedede solid; display:table; width:100%; position:absolute; z-index:10; bottom:0; left:0; padding:20px; background:#f5f5f5; border-top:1px #dedede solid;}
			.modalComplexo .box .footer .right {float:right; display:table; width:100%;}
				.modalComplexo .box .footer .right .row {align-items:center;}
				.modalComplexo .box .footer .confirmar button {border: 1px #1b8000 solid;  border-bottom: 3px #1b8000 solid; background: #22a200; -webkit-appearance:none; padding:15px 30px; border-radius:5px; font-weight:bold; text-transform:uppercase; font-size:14px; color:#fff; width:100%; cursor:pointer;}
			.modalComplexo .box .footer .numero {max-width:150px; display:table;}



/* 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:11px;}

	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:0px;}
	header .telefones a {margin-bottom:10px; width:100%; font-size:12px; 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;}

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

	.formapag .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;}
	.formEntrega .campo, .dados-usuario .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 {width:50%;}

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

	.infoEntregaConfirmacao .dados-usuario {padding:0 10px;}
	.boxConfirmacao .center {padding:20px 10px;}

	.modalComplexo .box {height: 100%; top: 0; width: 100%;  border-radius: 0;}

	.botoes .botao.pedir button {padding:10px;}


	/* Basket */
	.botoes .botao.openBasket .title {padding-left:10px; background-size:25px; background-position:10px center;}
	.botoes .botao.openBasket .title span.valor {font-size:14px;}
	.botoes .botao.openBasket .title span:not(.valor) {display:none;}
	.botoes .botao.openBasket .floating span {width: 16px; height: 16px; font-size: 10px; line-height: 16px;}
	.botoes .botao.openBasket #shopping-basket-unpaired-marker {right: 20px;}
		.botoes .botao.openBasket #shopping-basket-unpaired-marker span {font-size: 8px;}

	.basket .box {width: 100%; padding: 10px; top: 100%; right: 0;}
		.basket .box button.closeBasket {left:0; top:0; width:100%; z-index:99; background:#c32c31; border-radius:0px; color:#fff; font-size: 15px; text-transform: uppercase; font-weight: bold;}
		.basket .box button.closeBasket i {transform: rotate(90deg);}
		.basket .box button.closeBasket:after {content:'Fechar'; margin-left:10px;}
		.basketContent {padding: 10px 0 0;}
		.basket .basketContent {padding:50px 20px 80px;}
		.basket .basketContent .basket-body {max-height: 78%;}
		.basketContent .itemBasket .title p {font-size:13px; line-height:15px;}
		.basketContent .itemBasket .description {font-size:12px;}
		.basketContent .itemBasket .row > div {padding-left: 10px; padding-right: 10px;}

		.basketContent .summary .row > div {font-size:13px;}
}


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

	.modalComplexo .input-group-prepend>.btn, .modalComplexo .input-group-append>.btn {padding-left: 5px; padding-right: 5px;}

	.basket .basketContent, .botoes .botao.openBasket .title span, .botoes .botao.openBasket .title span strong,
	.basketContent .itemBasket .title .title-container, .basketContent .itemBasket .itemBasketContent,
	.basketContent .summary p {font-size: 10px !important;}

	.basketContent .itemBasket .title .title-container .name {font-size:12px;}

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


.sm-cart-x30--mastercard {
    background-position: -65px -250px;
    display: inline-block;
}

.sm-cart-x30--visa {
    background-position: -260px -300px;
    display: inline-block;
}


.sm-cart-x30--elo {
    background-position: -130px -200px;
    display: inline-block;
}

.sm-cart-x30--amex {
    background-position: -260px -50px;
    display: inline-block;
}

.sm-cart-x30--hipercard {
    background-position: -260px -100px;
    display: inline-block;
}

.sm-cart-x30 {
    background-image: url(../images/cartao5.png);
    display: none;
    width: 45px;
    height: 30px;
    background-size: 435px 330px;
}
.sm-cart-x30, .sm-cart-x40, .sm-cart-x60 {
    display: inline-block;
    overflow: hidden;
    text-indent: -5000px;
    border: solid #eee;
    border-width: 1px 1px 2px;
    border-radius: 3px;
    box-sizing: border-box;
    background-color: #fff;
}
.bg-dark {
    background-color: #3678DC!important;
}