/*<style>*/

@charset "utf-8";




	.fundo_pizza .animated {
		-webkit-animation-duration:.4s;
		animation-duration:.4s;
	}
	
	.fundo_pizza {
		
		
		background-color: rgb(254, 248, 212) !important;
		
		background-repeat: repeat; background-image: repeating-linear-gradient(90deg, #faf6be,#fef8d4, #faf6be 3%); !important;
		
		background-size: 50% !important;
		
		background-position: center;  !important;
		
		border-bottom: 5px solid #ed3338;
		

		padding-bottom: 1rem;
		position: relative;
		z-index: 9;
		
	}
	
	
	.faixa-titulo {

		
		background-color: rgba(172, 83, 83, 0) !important;
		
		padding: .6rem 1rem;
		
		margin: .5rem 0 .5rem;
		

		display:inline-block;

	}
	
	.faixa-titulo h5 {
		
		
		font-family: 'Langar';
		
		color: rgb(255, 255, 255);
		
		font-size: 1.2rem; background-color:#b0021b;
		
		font-weight: normal; padding: 12px;border-radius: 3px;
		
		
		margin: 0 !important;
		position: relative;
		z-index: 1;
	}
	
	.faixa-titulo h5:before {
		
		
		
	}

	
	.pizza {
		
		
		
		width: 100%;
		position: relative;
		
	}
	
	.pizza.pizza-desconto {

		
		
	}
	
	
	.pizza .imagem-pizza {
		
		
		width: 100% !important;
		
		max-width: 250px !important;
		
		margin: 0 !important;
		
		
		
		cursor:pointer;
		
	}

	.aux-texto-pizza {
		
		
		margin: 1.5rem 0 0 !important;
		
		font-family: 'FontPadrao;';
		
		color: rgb(255, 85, 85);
		
		
	    position: relative;
		
	}
	
	.pizza.pizza-desconto .aux-texto-pizza {
		
		
		color: rgb(236, 236, 236);
		
		
	}

	.cont-desc-pizza {
		
		
		margin: 0 !important;
		
		text-align: center !important;
		
		
		position: relative;
		
	}
	
	.desc-pizza {
		
		
		max-width: 100% !important;
		
		margin: 0 !important;
		
		font-family: 'DancingScript';
		
		color: rgb(55, 53, 53);
		
		font-size: 2.5rem;
		
		
	}
	.pizza.pizza-desconto .desc-pizza {
		
		
		color: rgb(253, 203, 20);
		
		
	}
	
	.espec {
		
		
		width: 100% !important;
		
		max-width: 86% !important;
		
		margin: 0 auto !important;
		
		font-family: 'NovaFlat';
		
		color: rgb(32, 31, 31);
		
		font-size: 1rem;margin-top:15px !important;
		

	}
	
	.pizza.pizza-desconto .espec {
		
		
		
		color: rgb(253, 203, 20);
		

	}
	
	
	.cont-preco {
		
		
		width: 100% !important;
		
		max-width: 86% !important;
		
		margin: 0 auto 1rem !important;
		
		border-top: 1px solid #3b945c !important;
		
		font-family: 'Roboto';
		
		color: rgb(237, 51, 56);
		
		font-size: 1.8rem;
		
		font-weight: bold;
		
		
	}
	.pizza.pizza-desconto .cont-preco {
		
		
		color: #fff;
		
		text-shadow: 0px 1px 0px rgb(211, 32, 0);
		
		
	}
	
	.cont-preco .preco {
		position: relative;
	}
	
	.pizza.pizza-desconto .porc-desc {
		
		
		background-color: rgb(189, 0, 17);
		
		color: #fff;
		
		font-family: Roboto;
		
		font-size: .9rem;
		
		border-radius: 3px 3px 1px 1px;
		
		box-shadow: 0 -1px 3px rgba(0,0,0,.3);
		

		width: 102%;
		display: inline-block;
		text-align: center;
		line-height: 1.8rem;
		position: absolute;
		bottom: 0;
		left: -1%;
		
	}
	
	.cont-preco .preco .mini-rs {
		
		
		font-family: 'Roboto';
		
		color: rgb(33, 144, 78);
		
		font-size: 1rem; text-shadow: none;left:-20px;
		
		
		position: absolute;
		top: -0rem;
		/* left: -1rem; */
		
	}
	
	
	.botoes-passos-pizzas {
		
		
		background-color: rgb(198, 40, 40);
		
		color: rgb(255, 255, 255);
		
		
		border-radius: 3px;
		font-weight: bold;
		
	}
	
	.texto-inf-valores-tradicionais {
		
		
		color: rgb(99, 99, 99);
		
		
	}
	
	.input-field .select-tamanho-pizza {
		
		
		background-color: rgb(255, 255, 255);
		
		color: rgb(74, 92, 54);
		
		
	}
	.input-field .select-tamanho-pizza + label {
		
		
		background-color: rgb(0, 0, 0);
		
		color: #e6e6e6 !important;
		
		
	}
	.input-field .select-tamanho-pizza + label:after {
		
		border-top: 15px solid rgb(0, 0, 0);
		
	}
	

	.input-field .select-qtde-sabores {
		
		
		background-color: rgb(246, 246, 246);
		
		color: #000;
		
		
	}
	.input-field .select-qtde-sabores + label {
		
		
		background-color: rgb(0, 0, 0);
		
		color: #e6e6e6 !important;
		
		
	}
	.input-field .select-qtde-sabores + label:after {
		
		border-top: 15px solid rgb(0, 0, 0);
		
	}
	
	
	.input-field .select-bordas {
		
		
		background-color: rgb(255, 255, 255);
		
		color: rgb(74, 92, 54);
		
		
	}
	.input-field .select-bordas + label {
		
		
		background-color: rgb(0, 0, 0);
		
		color: #e6e6e6 !important;
		
		
	}
	.input-field .select-bordas + label:after {
		
		border-top: 15px solid rgb(0, 0, 0);
		
	}
	
	
	.sel {
		border-radius: 6px;
        margin: .2rem 0 .8rem;
	}
	
	.sel + .select-label:after {
		border-right: 10px solid transparent;
		bottom: -10px;
		content: "";
		position: absolute;
		left: 0px;
		z-index: -1;
	}
	
	#passo3 .input-field label {
		font-size: 1rem;
		top: -1.85rem;
		padding: .2rem;
		border-radius: 5px 5px 5px 0px;
		text-shadow: none;
	    box-shadow: 0 1px 4px rgba(0,0,0,.5);
	}
	
	
	.tit-sabores {
		
		
		background-color: rgb(0, 0, 0);
		
		color: #fff !important;
		
		
		border-radius: 5px 5px 5px 0px;
		margin-bottom: -.2rem;
		padding: .2rem;
		float:left;
	    box-shadow: 0 1px 4px rgba(0,0,0,.5);
	    position: relative;
		display:none;
	}
	.tit-sabores:after {
		
		
		border-top: 15px solid rgb(0, 0, 0);
		
		
		border-right: 10px solid transparent;
		bottom: -10px;
		content: "";
		position: absolute;
		left: 0px;
		z-index: -1;
	}
	
	.item-sabor {
		
		
		
		background-color: #fff;
		
		color: #555 !important;
		
		border-radius: 5px; border: 1px solid #ccc !important;
		
		
		padding: .5rem;
		margin: 5px 0;
		display:none;
		
	}
	.item-sabor i {
		
		
		background-color: rgb(188, 50, 43);
		
		
		padding: 0.2rem;
		border-radius:100%;
	}

	
	@media only screen and (min-width: 601px) and (max-width: 993px) {
		.item-sabor {
			width: 90%;
			font-size: .8rem;
			margin-left: 2rem;
		}
		.tit-sabores {
		    margin-left: 2rem;
		}
		.valfinalpizza {
			/*text-shadow: 1px 1px 1px #000;*/
			width: 90%;
			margin-left: 2rem;
		}
	}
	
	
	.quadro-observacao {
		
		
		margin: 2rem 0 0 !important;
		
		
	}
	
	.quadro-observacao #observacao {
		
		
		width: 100% !important;
		
		max-width: 100% !important;
		
		background-color: rgb(255, 255, 255) !important;
		
		padding: 0px 0.3rem !important;
		
		border-radius: 3px !important;
		
		border-top: 1px solid #ccc !important;
		
		border-bottom: 1px solid #ccc !important;
		
		border-left: 1px solid #ccc !important;
		
		border-right: 1px solid #ccc !important;
		
		font-family: 'Roboto' !important;
		
		color: rgb(0, 0, 0) !important;
		
		font-size: 1rem !important;
		
		
		
		box-sizing: border-box !important;
		resize: none !important;
		height: auto !important;
		overflow: unset !important;
		word-wrap: unset !important;
		
	}
	
	.quadro-observacao .titulo-campo {
		
		
		font-family: 'Roboto' !important;
		
		color: rgb(255, 255, 255) !important;
		
		font-size: 1rem !important;
		
		
	}
	
	.quadro-valfinal-pizza {
		
		

		
	}
	
	.quadro-valfinal-pizza .titulo-valfinal {
		
		
		font-family: 'Roboto' !important;
		
		color: rgb(0, 0, 0) !important;
		
		font-size: 1rem !important;
		
		
	}
	
	.quadro-valfinal-pizza .cifrao-valfinalpizza {
		
		
		background-color: rgb(244, 244, 244) !important;
		
		padding: .3rem 0 !important;
		
		border-radius: 3px 0 0 3px !important;
		
		font-family: 'Roboto' !important;
		
		color: rgb(0, 0, 0) !important;
		
		font-size: 1.3rem !important;
		
		
		
	}
	
	.quadro-valfinal-pizza .valor-valfinalpizza {
		
		
		background-color: rgb(0, 0, 0) !important;
		
		padding: .3rem .5rem !important;
		
		border-radius: 0 3px 3px 0 !important;
		
		font-family: 'Roboto' !important;
		
		color: rgb(238, 238, 238) !important;
		
		font-size: 1.3rem !important;
		
		
	}
	
	
    .add_pizza {
		
		
		background-color: rgb(237, 50, 55);
		
		color: rgb(255, 255, 255) !important;
		
		
	}


	
	/* Tempo esgotado */
	.quadro-atendimento-fechado {
		
		
		background-color: rgb(74, 92, 54) !important;
		
		padding: 1rem !important;
		
		
	}
	.titulo-atendimento-fechado {
		
		
		padding: .5rem !important;
		
		font-family: 'Roboto' !important;
		
		color: rgb(255, 255, 255) !important;
		
		font-size: 1.2rem !important;
		
		
	}
	.conteudo-atendimento-fechado {
		
		
		
	}
	.atendimento-fechado .nome-empresa-atendimento-fechado {
		
		
		font-family: 'Roboto' !important;
		
		color: rgb(7, 7, 7) !important;
		
		font-size: 1rem !important;
		
		
	}
	.atendimento-fechado .texto-delivery-atendimento-fechado {
		
		
		font-family: 'Roboto' !important;
		
		color: rgb(27, 27, 27) !important;
		
		font-size: 1rem !important;
		
		
	}
	.quadro-imagem-empresa {
		
		
		
	}
	.quadro-imagem-empresa .imagem-empresa {
		
		
		border-radius: 5px !important;
		

	}
	
	.quadro-tempo-para-abrir {
		
		
		background-color: rgb(74, 92, 54) !important;
		
		margin: 1rem 0 0 !important;
		
		padding: 1rem !important;
		
		border-radius: 5px !important;
		
		
	}
	.icone-relogio-fechado {
		
		
		color: rgb(255, 255, 255) !important;
		
		font-size: 4rem !important;
		
		
	}
	.quadro-tempo-para-abrir .horas {
		
		
		font-family: 'Roboto' !important;
		
		color: rgb(234, 234, 234) !important;
		
		font-size: 1rem !important;
		
		
	}
	.quadro-tempo-para-abrir .tempo-abertura {
		
		
		background-color: rgba(0, 0, 0, 0.2) !important;
		
		padding: .3rem 1rem !important;
		
		border-radius: 3px !important;
		
		font-family: 'Roboto' !important;
		
		color: rgb(255, 255, 255) !important;
		
		font-size: 2rem !important;
		
		
		display: inline-block;
		
	}
	







	/* Container escolher sabores 1 */

	
	/*.cont-sabores {
		
	    background: #000;
		
		width:100%;
		height:100vh;
		height:100%;
		position:fixed;
		top:0;
		left:0;
		z-index:9999;
		display:none;
	}
	
    .cont-sabores .cabecalho-container-sabores {
        background: #000;
        background-size: cover;
        padding: 1rem 0 0;
    }
	.cont-sabores .cabecalho-container-sabores .logo {
		margin-top: 1rem;
		float: none;
		max-width: 100px;
	}
	
	.cont-sabores .titulo-escolhe-sabores {
		margin: 0;
	}
	.cont-sabores .titulo-escolhe-sabores h5 {

		font-size: 1.2rem;
		background: #383838;
		padding: .5rem .5rem 1rem;
		color: #eee;
		margin: 0 0 -.5rem;
		border-radius: 5px;
		box-shadow: 0 -0.7rem 0.5rem rgba(0,0,0,.2)

	}
	
	.cont-sabores .progress {
		display: none;
	}
	.cont-sabores .sabores {
	
		padding: 0;
		background: #fff;
		border-radius: 5px;
		overflow: hidden;
		display: none;

	}
	.cont-sabores .close-sabores {
		background: transparent;
		position: absolute;
		right: 0;
		top: 0;
	}
	.cont-sabores .close-sabores i {
		color: #fff;
	}
	
    .titulo-texto-acrescimo {
		padding: 0 1rem 0 0;
		width: 100%;
		float: left;
		display: block;
		text-align: right;
		text-transform: none;
		color: #212121;
		font-weight: bold;
    }
    .texto-acrescimo {
		padding: 0 1rem 1rem 0;
		color: #c3060d;
		font-weight: bold;
		float: left;
		border-bottom: 1px solid #ddd;
		text-align: right;
		display: block;
		width: 100%;
    }

	
	.sabores .titulo-sabor {
		font-family: 'Roboto';
		text-transform: capitalize;
		margin: 0;
		color: #000;
	}
	.sabores .titulo-sabor h5 {

		margin: 0 0 .7rem;
		font-size: 1.2rem;
		font-weight: 400;
		background: #171717;
		color: #e8e8e8;
		padding: .7rem .5rem;

	}
	
	.linha-sabor {
		width: 100%;
		text-transform: uppercase;
		display: grid;
		grid-template-columns: 80px 1fr;
		border-bottom: 1px solid #d4d4d4;
	}
	
	@supports not (display: grid) {
		.linha-sabor > div:first-child {
			width: 80px;
			height: 80px;
			float: left;
		}
		.linha-sabor > div:first-child + div {
			width: calc(100% - 80px);
			float: left;
		}
	}
	
	.linha-sabor:hover {
		border-left-color: #7b0509;
	}
	.linha-sabor:nth-child(odd) {

	}
	.linha-sabor .img-pedaco-sabor {
		width: 60px;
		height: 60px;
		background-position: center;
		background-repeat: no-repeat;
		background-size: 222%;
		border-radius: 5px;
		margin: 5px;
	}
	.linha-sabor .sabor {
		color: #bf0606;
		padding: .2rem .2rem 0 .5rem;
	}
	.linha-sabor .ingredientes {
		color: #484848;
		font-size: .8rem;
		font-weight: 400;
		padding: 0 .2rem 0 .5rem;
	}*/
	
	
	/* Container escolher sabores 2 */
	
	.cont-sabores {
		
	    background: #000 url(../imagem/fundosabores.jpg);
		
		background-size: cover;
		
		width:100%;
		height:100vh;
		height:100%;
		position:fixed;
		top:0;
		left:0;
		z-index:9999;
		display:none;
	}
	
    .cont-sabores .cabecalho-container-sabores {
        background: transparent;
        background-size: cover;
        padding: 1rem 0 0;
    }
	.cont-sabores .cabecalho-container-sabores .logo {
		float: none;
		max-width: 100px;
	    margin: 1rem 0 0;
	}
	
	.cont-sabores .titulo-escolhe-sabores {
		margin: 0;
	}
	.cont-sabores .titulo-escolhe-sabores h5 {

		font-size: 1.2rem;
		background: transparent;
		padding: .5rem 0;
		color: #c1c1c1;

	}
	
	.cont-sabores .progress {
		
		height: 1px;
		display: none;
		
	}
	.cont-sabores .sabores {
	
		padding: 0;
		background: transparent;
		display: none;

	}
	.cont-sabores .close-sabores {
		background: transparent;
		position: absolute;
		right: 0;
		top: 0;
	}
	.cont-sabores .close-sabores i {
		color: #fff;
	}
	
    .titulo-texto-acrescimo {

		padding: 0 1rem 0 0;
		width: 100%;
		float: left;
		display: block;
		text-align: right;
		text-transform: none;
		color: #8e8e8e;
		font-weight: bold;

    }
    .texto-acrescimo {

		padding: 0 1rem 1rem 0;
		color: #b71a20;
		font-weight: bold;
		float: left;
		border-bottom: 1px solid rgba(255, 255, 255, .1);
		text-align: right;
		display: block;
		width: 100%;

    }

	
	.sabores .titulo-sabor {
		font-family: 'Roboto';
		text-transform: capitalize;
		margin: 0;
		color: #000;
	}
	.sabores .titulo-sabor h5 {

		margin: 0 0 .7rem;
		font-size: 1.5rem;
		font-weight: 400;
		background: transparent;
		color: #e8e8e8;
		padding: .7rem 0;

	}
	
	.linha-sabor {
		
		width: 100%;
		text-transform: uppercase;
		display: grid;
		grid-template-columns: 80px 1fr;
		border-bottom: 1px solid rgba(255, 255, 255, .07);
		
	}
	
	@supports not (display: grid) {
		.linha-sabor > div:first-child {
			width: 80px;
			height: 80px;
			float: left;
		}
		.linha-sabor > div:first-child + div {
			width: calc(100% - 80px);
			float: left;
		}
	}
	
	.linha-sabor:hover {
		border-left-color: #7b0509;
	}
	.linha-sabor:nth-child(odd) {
		
	}
	.linha-sabor .img-pedaco-sabor {
		
		width: 60px;
		height: 60px;
		background-position: center;
		background-repeat: no-repeat;
		background-size: 222%;
		border-radius: 30px 2px 30px 30px;
		margin: 5px;
		opacity: .9;
		
	}
	.linha-sabor .sabor {
		
		color: #bbbbbb;
		padding: .2rem .2rem 0 .5rem;
		
	}
	.linha-sabor .ingredientes {
		
		color: #828282;
		font-size: .8rem;
		font-weight: 400;
		padding: 0 .2rem 0 .5rem;
		
	}