*{
		-webkit-backface-visibility: hidden;
		-webkit-tap-highlight-color: transparent;
		
	}
	
	::-webkit-scrollbar {
					width: 0px;
					height:0px;
					background: transparent; /* make scrollbar transparent */
				}
	
	.loading{		
		  animation-duration: 1.5s;
		  animation-fill-mode: forwards;
		  animation-iteration-count: infinite;
		  animation-name: placeHolderShimmer;
		 animation-timing-function: ease-out;
		  background: fff;
			 background: linear-gradient( 
	90deg
	, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, .1) 50%, rgba(255, 255, 255, 0) 66% );
			 height: 100%;
		  width: 100%;
		  position: relative;
		  -webkit-backface-visibility: hidden
	}
	
	button{display:none; opacity:0;}
	
	.loading_tumb{		
    animation-duration: 1.5s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: ease-out;
    background: fff;
    background: linear-gradient( 
	90deg
	, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, .3) 50%, rgba(255, 255, 255, 0) 66% );
    height: 100%;
    width: 100%;
    position: relative;
    -webkit-backface-visibility: hidden;
	}

	.loading_tumb_slow{		
    animation-duration: 8s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: ease-out;
    background: fff;
    background: linear-gradient( 
	90deg
	, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, .3) 50%, rgba(255, 255, 255, 0) 66% );
    height: 100%;
    width: 100%;
    position: relative;
    -webkit-backface-visibility: hidden;
	}
	
	#margin_top_n_index{
		width:100%;
		float:left;
		margin:0;
		height:60px;
	}
	
	/*CONTAINER COMEÇO*/
			#seleciona_unidade_back_container{
			width:100%;
			height:100%;
			position:fixed;
			z-index:1000000000000000000;
			background:#000000d9;  
		}
		
		#seleciona_unidade_back_container h2{
			color: #fff;
			margin-left: 5%;
			margin-top: calc(50vh - 115px);
		}
		
		#seleciona_unidade_back_container h3{
			color:#fff;
			margin-left: 15px;
		}
		
		#botao_unidade_container{
			float: left;
			width: 85%;
			height: 25px;
			padding: 24px 2.5%;
			margin-left: 5%;
			border-radius: 15px;
			background: #707070;
			margin-top: 15px;
			border-bottom: 5px solid #939393;
		}
		
		#botao_unidade_fimdetarde{
		    float: left;
    width: 85%;
    height: 25px;
    padding: 24px 2.5%;
    margin-left: 5%;
    border-radius: 15px;
    background: #610000;
    margin-top: 15px;
    border-bottom: 5px solid #170000;
		}
		
			#botao_unidade_fimdetarde:active{
		    float: left;
    width: 85%;
    height: 25px;
    padding: 24px 2.5%;
    margin-left: 5%;
    border-radius: 15px;
    background: #000000;
    margin-top: 15px;
    border-bottom: 5px solid #170000;
		}
		
		
		#botao_unidade_tumb_container.burger{
			    width: 50px;
				height: 50px;
				position: relative;
				background: url(../files/logos/112.png);
				border-radius: 50px;
				background-size: cover;
				background-repeat: no-repeat;
				background-position: 50%;
				top: -13px;
				left: 0;
				float: left;
		}
		
		#botao_unidade_tumb_container.bbq{
			    width: 50px;
				height: 50px;
				position: relative;
				background: url(../files/logos/237.png);
				border-radius: 50px;
				background-size: cover;
				background-repeat: no-repeat;
				background-position: 50%;
				top: -13px;
				left: 0;
				float: left;
		}
			#botao_unidade_tumb_fimdetarde.burger{
			    width: 50px;
				height: 50px;
				position: relative;
				background: url(../files/logos/16.png);
				border-radius: 50px;
				background-size: contain;
				background-repeat: no-repeat;
				background-position: 50%;
				top: -13px;
				left: 0;
				float: left;
		}
		
		#botao_unidade_tumb_fimdetarde.restaurante{
			    width: 50px;
				height: 50px;
				position: relative;
				background: url(../files/logos/240.png);
				border-radius: 50px;
				background-size: cover;
				background-repeat: no-repeat;
				background-position: 50%;
				top: -13px;
				left: 0;
				float: left;
		}
	/*CONTAINER FINAL*/

	
	.loading_back{
		    animation-duration: 5.5s;
			animation-fill-mode: forwards;
			animation-iteration-count: infinite;
			animation-name: placeHolderShimmer;
			animation-timing-function: ease-out;
			background: fff;
			 background: linear-gradient( 
	90deg
	, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, .1) 50%, rgba(255, 255, 255, 0) 66% );
			height: 100%;
			width: 100%;
			position: relative;
			-webkit-backface-visibility: hidden;
	}
	
	

		.loading_back_logo{
					animation-duration: 7s;
					animation-fill-mode: forwards;
					animation-iteration-count: infinite;
					animation-name: placeHolderShimmer;
					 animation-timing-function: ease-out;
					background: fff;
					 background: linear-gradient( 
	90deg
	, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, .1) 50%, rgba(255, 255, 255, 0) 66% );
					height: 100%;
					width: 100%;
					position: relative;
					-webkit-backface-visibility: hidden;
			}

		@keyframes placeHolderShimmer {
			  0% {
				background-position: -100% 0
			  }
			  100% {
				background-position: 0 0
			  }
			}
	
		
		
	*:focus {
			outline: none;
	}

	body {
		height:100vh;
	}
	
	html{
		height:100vh;
	}
	
	/*RIPPLE EFECT*/
	a{
		-webkit-tap-highlight-color:transparent;
	}

	::placeholder{
		color:#ababab;
		font-size:15px;
	}
	

	#atualiza_bairro_background{
		width:100%;
		height:100vh;
		z-index:5000;
		position:fixed !important;
		background:#000000a3;
		top:0;
	}

	#atualiza_bairro{
		width:230px;
		padding:30px;
		min-height:200px;
		position:absolute;
		top:50vh;
		left:50%;
		margin:-165px 0 0 -145px;
		float:left;
		background:#fff;
		border-radius:3px;
	}
	

	#aviso_background{
		width:230px;
		padding:30px;
		min-height:200px;
		position:fixed;
		top:50vh;
		left:50%;
		margin:-165px 0 0 -145px;
		float:left;
		background:#fff;
		border-radius:3px;
		overflow: auto;
	}

	#aviso_brackground h2	{
		color: #E11F20;
   		margin: 00px 0 10px 2.5%;
   		font-size: 18px;
	}



	#box_aviso_cobranca{
		width: 270px;
		padding: 30px;
		min-height: 200px;
		position: absolute;
		top: 80px;
		left: 50%;
		margin: 0 0 0 -165px;
		float: left;
		background: #fff;
		border-radius: 10px;
	}


	#box_aviso_cobranca p#prazo{
		width:100%;
		text-align:center;
		position: relative;
		top: -60px;
	}
	
	p#aviso_sucesso_p{
		width:100%;
		text-align:center;
		position: relative;
		top: -35px;
	}
	
	#box_aviso_cobranca h2{
		font-size:30px;
	}
	
	#icone_sucesso{
		width: 70px;
		height: 70px;
		border-radius: 100px;
		position: relative;
		left: calc(50% - 35px);
		top: -66px;
		
		background-color: #46a700; /* Substitua pela cor desejada, usando código hexadecimal ou nome da cor */
		background-image: url(../img/check_min.png); /* Substitua pelo caminho correto da imagem PNG */
		background-repeat: no-repeat;
		background-size: 50%;
		background-position: 50%;
		
	}
	
	#detalhes_pix{
		position:relative;
		top: -30px;
	}
	
	

	#botao_box_aviso_cobranca{
		float: left;
		width: 100%;
		height: 15px;
		border-radius: 20px;
		background: #a1a1a1;
		text-align: center;
		font-size: 13px;
		color: #fff;
		padding: 10px 0;
		margin: 0px 0 0px 0;
		cursor:pointer;
	}
	
	#saiba_mais_fidelidade{
		width: auto;
		height: 100%;
		padding: 5px;
		background: #0000000f;
		padding-left: 15px;
		padding-right: 15px;
		color: #fff;
		font-size: 12px;
		border-radius: 5px;
		margin-top: 12px;
		float: left;
	}
	
	#aviso_pontos_sucesso{
		width: calc(90% - 6px);
		padding: 15px 5%;
		min-height: 50px;
		float: left;
		background: #f1edce;
		border-radius: 5px;
		border: 3px dashed #dbd6af;
		margin-top: 14px;
	}

	.fonte_menor{
		font-size:15px !important;
	}

	#icone_menu_header{
		display:none;
	}
	


	#carrinho_floating{
		display:none;
	}
	
		/* ini: Preloader */

	#preloader {
		position:fixed;
		top:0;
		left:0;
		right:0;
		bottom:0;
		background-color:#F27620; /* cor do background que vai ocupar o body */
		z-index:1600; /* z-index para jogar para frente e sobrepor tudo */
	}


	#preloader .inner {
		position: absolute;
		top: calc(50% + 40px);
		left: 50%;
		transform: translate(-50%, -50%);
	}
	.bolas > div {
	  display: inline-block;
	  background-color: #fff;
	  width: 25px;
	  height: 25px;
	  border-radius: 100%;
	  margin: 3px;
	  -webkit-animation-fill-mode: both;
	  animation-fill-mode: both;
	  animation-name: animarBola;
	  animation-timing-function: linear;
	  animation-iteration-count: infinite;

	}
	.bolas > div:nth-child(1) {
		animation-duration:0.75s ;
		animation-delay: 0;
	}
	.bolas > div:nth-child(2) {
		animation-duration: 0.75s ;
		animation-delay: 0.12s;
	}
	.bolas > div:nth-child(3) {
		animation-duration: 0.75s  ;
		animation-delay: 0.24s;
	}

	#area_info_index_banner{
		display:none;
	}

	@keyframes animarBola {
	  0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	  }
	  16% {
		-webkit-transform: scale(0.1);
		transform: scale(0.1);
		opacity: 0.7;
	  }
	  33% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	  }
	}
	/* end: Preloader */


	#preloader_two {
		position:fixed;
		display:none;
		top:0;
		left:0;
		right:0;
		bottom:0;
		background-color:#F27620; /* cor do background que vai ocupar o body */
		z-index:500; /* z-index para jogar para frente e sobrepor tudo */
	}


	#preloader_two .inner {
		position: absolute;
		top: 50%; /* centralizar a parte interna do preload (onde fica a animação)*/
		left: 50%;
		transform: translate(-50%, -50%);
	}
	.bolas_two > div {
	  display: inline-block;
	  background-color: #e3e3e3;
	  width: 15px;
	  height: 15px;
	  border-radius: 100%;
	  margin: 3px;
	  -webkit-animation-fill-mode: both;
	  animation-fill-mode: both;
	  animation-name: animarBola;
	  animation-timing-function: linear;
	  animation-iteration-count: infinite;

	}
	.bolas_two > div:nth-child(1) {
		animation-duration:0.75s ;
		animation-delay: 0;
	}
	.bolas_two > div:nth-child(2) {
		animation-duration: 0.75s ;
		animation-delay: 0.12s;
	}
	.bolas_two > div:nth-child(3) {
		animation-duration: 0.75s  ;
		animation-delay: 0.24s;
	}

	#area_info_index_banner{
		display:none;
	}

	@keyframes animarBola {
	  0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	  }
	  16% {
		-webkit-transform: scale(0.1);
		transform: scale(0.1);
		opacity: 0.7;
	  }
	  33% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	  }
	}
	/* end: Preloader */

	/*Definições gerais do layout como fontes principais, botões e fomulários*/

	input[type='submit']
	{  
	   -webkit-appearance: none;
	   -moz-appearance: none;
	   appearance: none;
	}

	*{list-style:none;}

	.only_mobile{
		display:none;
	}

	.only_web{
		display:block;
	}

	input[type="checkbox"] {
    zoom: 1.0;
	}

	input[type="radio"] {
    zoom: 1.0;
	}

	#only_mobile{
		display:none;
	}



		@-webkit-keyframes fadeIn {
		  0% { opacity: 0; }
		  20% { opacity: 0; }
		  40% { opacity: 0.3; }
		  60% { opacity: 0.5; }
		  80% { opacity: 0.9; }
		  100% { opacity: 1; }
		}

		@keyframes fadeIn {
		  0% { opacity: 0; }
		  20% { opacity: 0; }
		  40% { opacity: 0.3; }
		  60% { opacity: 0.5; }
		  80% { opacity: 0.9; }
		  100% { opacity: 1; }
		}



	@-webkit-keyframes fadeIn {
		  0% { opacity: 0; }
		  20% { opacity: 0; }
		  40% { opacity: 0.3; }
		  60% { opacity: 0.5; }
		  80% { opacity: 0.9; }
		  100% { opacity: 1; }
		}

	@keyframes fadeIn {
		  0% { opacity: 0; }
		  20% { opacity: 0; }
		  40% { opacity: 0.3; }
		  60% { opacity: 0.5; }
		  80% { opacity: 0.9; }
		  100% { opacity: 1; }
		}

	.main{
		padding-top: 80px;
		-webkit-animation-name: fadeIn;
		-webkit-animation-duration: 0.2s;
		animation-name: fadeIn;
		animation-duration: 0.2s;
	}

	a.botao{
	font-family:'Montserrat';
	float:left; font-size:15px;
	color:#fff;
	height:17px; width:auto;
	padding:2%;
	background:#26A65B;
	font-weight:regular;
	text-decoration:none;
	list-style:none;
	border-radius:0px;
	border:01px solid #304000;
	}


	input#checkbox_item{
		float:left;
	}
	


	p#checkbox_item{
		float: left;
		margin-top: -2px;
		width: 100%;
		width: calc(100% - 30px);
		height:auto;
	}

	p#checkbox_item::before{
		content: '';
		float: left;
		width: 20px;
		height: 20px;
		margin-right: 10px;
		background-color: #f0f0f0;
		border: 0px solid #cacaca;
		border-radius: 50%;
		margin-left: -10px;
	}
	
	
	
	.botao_mais_check{
		width: 20px;
		height: 20px;
		float: right;
		background: url(../img/add_botao.png);
		background-size: contain;
		opacity: 0.8;
	}
	


	#area_checkbox{
		width: 90%;
		min-height: 20px;
		margin-left: 2.5%;
		border: 0px solid #ededed;
		border-bottom: 1px solid #f0f0f0;
		border-top: 0;
		padding-top: 15px;
		padding-bottom: 12px;
		border-radius: 0;
		-webkit-animation-name: fadeIn;
		-webkit-animation-duration: 0.5s;
		animation-name: fadeIn;
		/* animation-duration: 0.5s; */
		overflow: auto;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		appearance: none;
		display: inline-block;
		vertical-align: middle;
		cursor: pointer;
		padding-right: 0;
		padding-left: 2.5%;
		padding-right: 2.5%;
	}
	

	

	#area_checkbox.ultimo{
		border-bottom: 0px solid #ededed;
	}

	.area_todos_checkbox{
		display:none;
	}

	#botao_abre_fechar{
		width: 95%;
		min-height: 15px;
		padding: 2.5%;
		padding-top: 16px;
		padding-bottom: 16px;
		margin-left: 0 !important;
		border: 0;
		border-bottom: 3px solid #ffffff;
		border-top: 3px solid #ffffff;
		border-radius: 0 !important;
		background: #f0f0f0d1;
		font-family: Montserrat !important;
		border-top: 10px solid #ffffff;
		font-size: 15px;
		text-transform: uppercase;
		margin-top: 0;
		font-weight: bolder;
		border-radius: 10px;
	}
	
	input::placeholder {
		color:#9f9c9c;
	}
	
	
	#img_expandir_label_check
	{
		float:right;
		width:20px;
		height:20px;
		background:url(../img/seta_baixo.png);
		background-size:contain;
		opacity:0.8;
	}

	#img_expandir_label_check.fecha
	{
		background: url(../img/seta_cima.png);
		background-size: contain;
	}

	#clear{
		clear:both;
	}

	a.botao:hover{
	background:url(../img/bg_botao_hover.jpg);
	}

	section#centro{
			width:960px;
			height:auto;
			margin:0 auto;
	}


	section#back_branco{
		width:100%;
		height:auto;
		background:#fff;
	}

	input.form{
	  	/*  width: 100%;
		padding: 15px 02%;
		background: #FFF;
		border: 1px solid #CAC8C8;
		border-radius: 02px;*/
		width: 100%;
		font-size:15px;
		display: block;
		border: none;
		border-radius: 0;
		height: 40px;
		transition: transform 500ms ease;
		background:none;
	}
	
	input.form:focus{ outline:none; }
	
	
	select.lista {
        width: 96%;
		background: url(../img/bg_menu_painel.jpg);
		height: 50px;
		border-radius: 05px;
		border: 1px solid #c7c7c7;
	}

	h1#h1_index_pedir{
		margin-left: 2.5%;
		margin-top: 40px;
		color: #fff;
	}

	h1#h1_index_pedir.fechado{
		margin-top: 50px;
	}

	h1#h1_index_pedir.vitrine{
		margin-top: 45px;
	}

	label{
		width: 100%;
		height: auto;
		font-family: 'Lato', sans-serif;
		font-weight: 400;
		color: #555;
		font-size: 15px;
		float: left;
		margin-top: 20px;
		margin-bottom: 0px;
		font-weight: bolder;
	}
	
	form{
	
	}
	

	section#categorias_index_mobile{
		display:none;
	}

	input.botao{
		text-transform: uppercase;
		font-weight: bolder;
		height: 50px;
		float: left;
		font-family: Montserrat;
		font-size:15px;
		color: #fff;
		width: 100%;
		padding: 10px;
		background: #008926;
		text-decoration: none;
		border-radius: 10px;;
		border:0;
		margin-top: 20px;
		-webkit-appearance: none;
		cursor: pointer;
		transition: background 0.8s;
	}
	
	#botao_div{
		text-transform: uppercase;
		font-weight: bolder;
		height: 20px;
		float: left;
		font-family: Montserrat;
		font-size:15px;
		color: #fff;
		width: 90%;
		padding: 15px 2.5%;
		background: #008926;
		text-decoration: none;
		border-radius: 10px;;
		border: 0;
		margin-top: 0px;
		margin-right: 2.5%;
		margin-left: 2.5%;
		-webkit-appearance: none;
		cursor: pointer;
		transition: background 0.8s;
		text-align: center;
	}
	
	#botao_div.secundario{
		background:#9d9d9d;
	}
	
	p#cadatre-se{
		width:100%;
		text-align:center;
		margin:10px 0 0 8px;
	}


	input.botao_mobile{
		text-transform: uppercase;
		font-weight: bolder;
		height: 50px;
		float: left;
		font-family: Montserrat;
		font-size:15px;
		color: #fff;
		width: 100%;
		padding: 10px;
		background: #008926;
		text-decoration: none;
		border-radius: 02px;
		border: 0px solid #52780A;
		margin-top: 20px;
		/* border-bottom: 5px solid #116132; */
		-webkit-appearance: none;
		cursor:pointer;
		display:block;
	}

	section#botao_carrinho_fechado{
		float: left;
		font-size: 15px;
		height: 20px;
		color: #284433;
		margin-left: 05%;
		width: 85%;
		padding: 02%;
		background: rgba(38, 166, 91, 0.33);
		font-weight: normal;
		text-decoration: none;
		list-style: none;
		border-radius: 05px;
		border: 0px solid #52780A;
		margin-top: 20px;
		border-bottom: 5px solid rgba(17, 97, 50, 0.15);
		opacity: 1;

	}

	section#aviso_padrao{
		width: 900px;
		min-height: 30px;
		padding: 10px;
		margin: 10px 0 0px 20px;
		float: left;
		background: #fffbeb;
		border: 1px solid #d0c9b5;
		border-radius:05px;
	}

	section#aviso_padrao.erro{
		background: #efdada;
		border: 1px solid #d4a9a9;
	}


	input#busca_nova{
		width: 635px;
		margin: 10px 0 0px 10px;
		float:left;
		border-radius:0px;
		-webkit-border-top-left-radius: 5px;
		-webkit-border-bottom-left-radius: 5px;
		-moz-border-radius-topleft: 5px;
		-moz-border-radius-bottomleft: 5px;
		border-top-left-radius: 5px;
		border-bottom-left-radius: 5px;
	}

	input#busca_nova_botao{
		width: 100px;
		float: left;
		margin: 10px 0 0px 0px;
		background: #f1f1f1;
		border-radius: 0px;
		background: url(../img/buscar.png), #eaeaea;
		background-repeat: no-repeat;
		background-position: 50%;
		border-radius:0px;
		border-left:0px;
		-webkit-border-top-right-radius: 5px;
		-webkit-border-bottom-right-radius: 5px;
		-moz-border-radius-topright: 5px;
		-moz-border-radius-bottomright: 5px;
		border-top-right-radius: 5px;
		border-bottom-right-radius: 5px;

	}



	#icone_aviso_padrao{
		float:left;
		background:url(../img/atencao_icon.png);
		margin:03px;
		width:25px;
		height:25px;
		opacity:0.6;
	}


	section#aviso_padrao.erro p{
		color: #733737;;
	}

	input.botao:hover{
		background:#5F8C0A;
	}

	section #box_aviso{
		width: 94%;
		height: auto;
		padding: 9px;
		font-size:15px;
		background: #FFFBEB;
		border-radius: 0px;
		border: 1px solid #D0C9B5;
		margin: 20px 0 0 2%;
		float: left;
	}

	section #box_aviso p{
	margin-top: 3px;
	}

	section #box_aviso_erro{
		width: 100%;
		min-height: 30px;
		padding-left: 2.5%;
		padding-right: 2.5%;
		padding-top: 10px;
		padding-bottom: 15px;
		margin: 0px 0 10px 0px;
		float: left;
		border-radius: 0px;
		padding-top: 15px;
		background: #fbf0bb;
		border: 0px;
		border-bottom: 3px dashed #dbb7b7;
		
		background: #FFEBEB;
	}

	section #box_aviso_erro p{
	margin-top: 3px;
	}

	section #box_aviso_certo{
		width: 94%;
		height: auto;
		padding: 9px;
		font-size:15px;
		background: #DCF0DB;
		 border: 1px solid #C2D8C1;
		border-radius: 0px;
		margin: 20px 0 0;
		float: left;
	}

	section #box_aviso_certo p{
	margin-top: 3px;
	}

	section #box_aviso_login{
		width: 94%;
		height: auto;
		padding: 9px;
		font-size:15px;
		background: #FFFBEB;
		border-radius: 05px;
		margin: 20px 0;
		float: left;
	}

	section #box_aviso_login p{
	margin-top: 3px;
	}


	section #box_aviso_erro_login{
		width: 94%;
		height: auto;
		padding: 9px;
		font-size: 15px;
		background: #ffebeb;
		border-radius: 10px;
		border: 1px solid #ffebeb;
		margin: 20px 0;
		float: left;
	}

	section #box_aviso_certo_login{
    width: 94%;
    height: auto;
    padding: 9px;
    font-size:15px;
    background: #d4f5e2;
    border-radius: 0px;
    border: 1px solid #71ad52;
    margin: 20px 0;
    float: left;
	}

	section #box_aviso_erro_login p{
	margin-top: 3px;
	}

	section#area_conteudo_painel{
		width:680px;
		height:auto;
		margin:30px  0 50px 30px;
		float:left;

	}

	section#banner_pagina_inteno{
		width:auto;
		min-height:120px;
		height:auto;
		background: url(../img/capa.jpg);

		background-position: 50% 50%;
	}


/*Começam aqui as definições gerais das chamadas*/

	section.chamada{
		width:30.7291666%;
		height:auto;
		background-size:contain;
		border-radius: 00px;
		border: 0px solid #E5D084;
		float:left;
		margin-top:30px;
		margin-left:2.0833333%;
	}


/*Acabam aqui as definições da chamada*/
/*Começam aqui as definições do FOOTER SITE*/

	footer#site{
		width:100%;
		height:115px;
		background:url(../img/fundo_header.jpg);
		background-position:50%;
	}

	footer#site p {
	float: left;
    width: 320px;
	border-radius: 10px;;
    position: absolute;
    left: 50%;
    color: #fff;
    background: rgba(0, 0, 0, 0.28);
    /* margin: 40px 0 0 60px; */
    margin: 40px 0 0 -175px;
    padding: 10px;
    font-size: 13.5px;
	}

	section#logo_footer{
		width:150px;
		height:80px;
		background: url(../img/logo.png) no-repeat;
		background-size: contain;
		background-position: 0% 50%;
		float:left;
		margin:20px 0 0 20px;
	}

	section#conteudo_footer{
		height:auto;
		width:100%;
		margin-left:0px;
	}

	nav#footer{
		float:left;
		margin:10px 0 0 260px;
	}

	nav#footer ul li{
		list-style:none;
	}

	nav#footer ul li a{
		text-decoration:none;
		font-family: Open Sans;
		color:#fff;
		font-size:15px;
	}

	h1.h1_criar_pizza{
			font-size:25px;
		}

/*Acabam aqui as definições do FOOTER SITE*/

/*Começam aqui as definições do Login.php*/

	section#area_login{
		width: 296px;
		height: auto;
		padding: 25px;
		background: #fff;
		margin: 0 auto;
		border-radius: 7px;
		margin-top: 10px;

	}
/*Acabam aqui as definições do login .php*/

/*Começam aqui as definições do HEADER PAINEL*/

	header#painel{
		width: auto;
		border-top: 10px solid #EEEEEE;
		height: 100px;
		background: #952012;
	}
/*Acabam aqui as definições do HEADER PAINEL*/

/*Começam aqui as definições do Menu PAINEL*/
		/*DEFINIÇÕES PARA IMPRESSAO*/
		<style media="print">
		{
			nav#painel{
				float:left;
				margin:20px 0 0 20px;
				display: none;
			}


			nav#painel ul li.grupo_1 {
				border:1px solid #e5e5e5;
				padding:10px;
				width:200px;
				height:20px;
				background:url(../img/bg_menu_painel.jpg);
				margin-top:10px;
				border-radius:0px;
				list-style:none;
				text-decoration:none;
				border-left:5px solid #46A700;
				display: none;
			}

			nav#painel ul li.grupo_2 {
				border:1px solid #e5e5e5;
				padding:10px;
				width:200px;
				height:20px;
				background:url(../img/bg_menu_painel.jpg);
				margin-top:10px;
				border-radius:0px;
				list-style:none;
				text-decoration:none;
				border-left:5px solid #EBA704;
				display: none;
			}

			nav#painel ul li.grupo_3 {
				border:1px solid #e5e5e5;
				padding:10px;
				width:200px;
				height:20px;
				background:url(../img/bg_menu_painel.jpg);
				margin-top:10px;
				border-radius:0px;
				list-style:none;
				display: none;
				text-decoration:none;
				border-left:5px solid #0C98C2;
			}

			nav#painel ul li.grupo_4 {
				border:1px solid #e5e5e5;
				padding:10px;
				width:200px;
				height:20px;
				background:url(../img/bg_menu_painel.jpg);
				margin-top:10px;
				border-radius:05px;
				display: none;
				list-style:none;
				text-decoration:none;
				border-left:5px solid #E4C809;
			}

			nav#painel ul li:hover {
				background:url(../img/bg_menu_painel_hover.jpg);
				display: none;
			}

			nav#painel ul li a {
				list-style:none;
				text-decoration:none;
				font-family:open sans;
				display: none;
				color:#555;
			}

			nav#painel{
				float:left;
				margin:20px 0 0 20px;
				display: none;
			}


			nav#painel ul li.grupo_1 {
				border:1px solid #e5e5e5;
				padding:10px;
				width:200px;
				display: none;
				height:20px;
				background:url(../img/bg_menu_painel.jpg);
				margin-top:10px;
				border-radius:05px;
				list-style:none;
				text-decoration:none;
				border-left:5px solid #46A700;
			}

			nav#painel ul li.grupo_2 {
				border:1px solid #e5e5e5;
				padding:10px;
				display: none;
				width:200px;
				height:20px;
				background:url(../img/bg_menu_painel.jpg);
				margin-top:10px;
				border-radius:05px;
				list-style:none;
				text-decoration:none;
				border-left:5px solid #EBA704;;
			}

			nav#painel ul li.grupo_3 {
				border:1px solid #e5e5e5;
				padding:10px;
				width:200px;
				display: none;
				height:20px;
				background:url(../img/bg_menu_painel.jpg);
				margin-top:10px;
				border-radius:05px;
				list-style:none;
				text-decoration:none;
				border-left:5px solid #0C98C2;
			}

			nav#painel ul li.grupo_4 {
				border:1px solid #e5e5e5;
				padding:10px;
				width:200px;
				display: none;
				height:20px;
				background:url(../img/bg_menu_painel.jpg);
				margin-top:10px;
				border-radius:05px;
				list-style:none;
				text-decoration:none;
				border-left:5px solid #E4C809;
			}

			nav#painel ul li:hover {
				background:url(../img/bg_menu_painel_hover.jpg);
				display: none;
			}

			nav#painel ul li a {
				list-style:none;
				text-decoration:none;
				font-family:open sans;
				display: none;
				color:#555;
			}
		}

			nav#painel{
				float:left;
				margin:20px 0 0 20px;
			}


			nav#painel ul li.grupo_1 {
				border:1px solid #e5e5e5;
				padding:10px;
				width:200px;
				height:20px;
				background:url(../img/bg_menu_painel.jpg);
				margin-top:10px;
				border-radius:05px;
				list-style:none;
				text-decoration:none;
				border-left:5px solid #46A700;
			}

			nav#painel ul li.grupo_2 {
				border:1px solid #e5e5e5;
				padding:10px;
				width:200px;
				height:20px;
				background:url(../img/bg_menu_painel.jpg);
				margin-top:10px;
				border-radius:05px;
				list-style:none;
				text-decoration:none;
				border-left:5px solid #EBA704;;
			}

			nav#painel ul li.grupo_3 {
				border:1px solid #e5e5e5;
				padding:10px;
				width:200px;
				height:20px;
				background:url(../img/bg_menu_painel.jpg);
				margin-top:10px;
				border-radius:05px;
				list-style:none;
				text-decoration:none;
				border-left:5px solid #0C98C2;
			}

			nav#painel ul li.grupo_4 {
				border:1px solid #e5e5e5;
				padding:10px;
				width:200px;
				height:20px;
				background:url(../img/bg_menu_painel.jpg);
				margin-top:10px;
				border-radius:05px;
				list-style:none;
				text-decoration:none;
				border-left:5px solid #E4C809;
			}

			nav#painel ul li:hover {
				background:url(../img/bg_menu_painel_hover.jpg);
			}

			nav#painel ul li a {
				list-style:none;
				text-decoration:none;
				font-family:open sans;
				color:#555;
			}

			nav#painel{
				float:left;
				margin:20px 0 0 20px;
			}


			nav#painel ul li.grupo_1 {
				border:1px solid #e5e5e5;
				padding:10px;
				width:200px;
				height:20px;
				background:url(../img/bg_menu_painel.jpg);
				margin-top:10px;
				border-radius:05px;
				list-style:none;
				text-decoration:none;
				border-left:5px solid #46A700;
			}

			nav#painel ul li.grupo_2 {
				border:1px solid #e5e5e5;
				padding:10px;
				width:200px;
				height:20px;
				background:url(../img/bg_menu_painel.jpg);
				margin-top:10px;
				border-radius:05px;
				list-style:none;
				text-decoration:none;
				border-left:5px solid #EBA704;;
			}

			nav#painel ul li.grupo_3 {
				border:1px solid #e5e5e5;
				padding:10px;
				width:200px;
				height:20px;
				background:url(../img/bg_menu_painel.jpg);
				margin-top:10px;
				border-radius:05px;
				list-style:none;
				text-decoration:none;
				border-left:5px solid #0C98C2;
			}

			nav#painel ul li.grupo_4 {
				border:1px solid #e5e5e5;
				padding:10px;
				width:200px;
				height:20px;
				background:url(../img/bg_menu_painel.jpg);
				margin-top:10px;
				border-radius:05px;
				list-style:none;
				text-decoration:none;
				border-left:5px solid #E4C809;
			}

			nav#painel ul li:hover {
				background:url(../img/bg_menu_painel_hover.jpg);
			}

			nav#painel ul li a {
				list-style:none;
				text-decoration:none;
				font-family:open sans;
				color:#555;
			}


/*Acabam aqui as definições do Menu PAINEL*/

/*Começam aqui as definições do Listar*/

	section.listar_area{
		margin-bottom: 05px;
		/* padding: 20px; */
		background: #eaeaea;
		border: 0;
		border-radius: 0;
		float: left;
		min-height: 55px;
		box-shadow: none;
		transition: all .10s linear;
	}
	
	section.listar_area:active{
		background:#ddd;
		
	}

	section#listar_area_imprimir{
		width:635px;
		margin-top:05px;
		padding:20px;
		background:#fff;
		border:1px solid #b1b1b1;
		border-radius:0px;
		float:left;
	}

/*Acabam aqui as definições do Listar*/

/*Começam aqui as definições do MENU CATEGORIAS!*/

	nav#categorias{margin-top:10px;margin-bottom:10px; float:left;}

	nav#categorias ul li{
		list-style: none;
		text-decoration: none;
		width: 150px;
		min-height: 25px;
		background: #fff;
		margin: 00px 0 10px 20px;
		padding: 10px;
		border-radius: 05px;
		border: 1px solid #E0E0E0;
		border-left: 2px solid #a2a2a2;
		box-shadow: 0px 4px 10px -3px rgba(0,0,0,0.12);
	}


	nav#categorias ul li a{
		text-decoration:none;
		font-family:Arvo;
		color:#555;
		font-size:15px;
	}

/*Acabam aqui as definições do MENU CATEGORIAS!*/

/*Começam aqui as definições do ÁREA DE ITENS*/

	section#box_item h3{
	    font-size: 15px;
		font-weight: 600;
		color: #555;
		width: 620px;
	}
	section#box_item{
		width: 97.9166666%;
		background: #fff;
		float: left;
		overflow: hidden;
		margin: 10px 0 0 10px;
		border-radius: 05px;
		border: 1px solid #cacaca;
		line-height: 20px;
		/*box-shadow: 0px 4px 10px -3px rgba(0,0,0,0.12);*/
	}
	
	section#box_item:last-child{
		
	}

	section#box_item_descricao{
		float: left;
		width: 95%;
		height: auto;
		margin: 0px 0 0 2.5%;
		color: #909090;
		font-size:15px;
		border-top: solid 01px #cdcdcd;
		padding-top: 10px;
		padding-bottom: 11px;
		margin-top: 10;
		font-weight:normal;
	}


	section#box_item_index{
		width: 47.9166666%;
		height: 150px;
		background: #fff;
		float: left;
		margin: 10px 0 0 10px;
		/* border-radius: 5px; */
		border: 1px solid #bbb;

	}

	section.container_index_box_item{
		float:left;
		float: left;
		width: 100%;
		width: -webkit-calc(100% - 50px);
		width: -moz-calc(100% - 50px);
		width: calc(90% - 70px);
	}


	section#area_itens{
		width: 750px;
		height: auto;
		float: left;
		margin: 0px 0 20px 00px;
	}




/*Acabam aqui as definições do ÁREA DE ITENS*/

/*Comça aqui as definições da PÁGINA DO ITEM*/
	section#seta_completa{
		float:left;
		height:30px;
		margin: 20px 0 0 20px;
	}

	section#costas_seta{
		float:left;
		height:30px;
		width:15px;
		background:url(../img/costas_seta.png);
	}

	section#corpo_seta{
		float:left;
		height:30px;
		width:auto;
		padding-left:05px;
		padding-right:05px;
		background:url(../img/corpo_seta.jpg);
	}

	section#frente_seta{
		float:left;
		height:30px;
		width:7px;
		padding-left:05px;
		padding-right:05px;
		background:url(../img/frente_seta.png);
	}

	section#imagem_item{
		width: 400px;
		height: 400px;
		float:left;
		margin:20px 0 20px 20px;
		background-color:#e5e5e5;
		border:10px solid #fff;
		border-radius:5px;
	}

	section#imagem_item.no_img{
		display:block;
	}

	section#area_preco_item {
		width: 480px;
		height: auto;
		padding-bottom: 20px;
		float: left;
		border-radius: 05px;
		background: #fff;
		border: 0px solid #e5e5e5;
		margin: 20px 0 20px 20px;
	}

	section#imagem_item.meia_a_meia{
		width: 200px;
		height: 400px;
		float:left;
		margin:20px 0 20px 20px;
		background-color:#e5e5e5;
		border:10px solid #fff;
		border-radius:5px;
	}

	section#area_preco_1{
		width:19.80%;
		height: auto;
		padding-bottom:20px;
		float: left;
		border-radius: 05px;
		background: #fff;
		border: 1px solid #e5e5e5;
		margin: 20px 0 20px 20px;
	}



/*Acaba aqui as definições da PÁGINA DO ITEM*/

/*Começam aqui as definições do FOOTER DO painel*/

	footer#painel{
		height:50px;
		width:auto;
		background:#952012;
		border-bottom:10px solid #555;
		margin-top:30px;
	}

/*Acaba aqui as definições da FOOTER DO painel**/

/*Começam aqui as definições do NAV PAINEL DE USER*/

	nav#minha_conta{
		width:100%;
		height:50px;
		margin-left:00px;
		margin-right:20px;
	}

	nav#minha_conta ul a{
		  float: left;
		  width: 47%;
		  height: 50px;
		  background: #555;
		  margin-left: 2.08%;
		  margin-top: 20px;
		  margin-bottom: 40px;
		  /* border-radius: 05px; */
		  background: #fff;
		  border-bottom: 1px solid #E0E0E0;
		  text-decoration: none;
		  list-style: none;
		  color: #555;
	}

	nav#minha_conta ul li{

	}

	section#coluna_preco_1{
		width: 87px;
		min-height: 30px;
		float: left;
		/* border: 1px solid #e5e5e5; */
		/* border-radius: 20px; */
		margin: 0px 0 0 0px;
	}

	section#coluna_preco_1{
		width:200px;
	}


	section#coluna_preco_1 h3{
		font-size:15px;
		width:200px;
		margin: 5px 0 0 10px;
	}


	section#tumbnail{
		width: 80px;
		height: 80px;
		border-radius: 10px;
		float: right;
		margin: 10px 10px 0 08px;
		box-shadow:0 !important;
		background-color: #ddd;
	}


	section#botao_pedir{
		width:400px; height:75px; background:url(../img/botao_pedir.jpg); background-size:100%; float:left; border-radius:10px; margin:20px auto;
	}

	section#coluna1{
		width:450px;  height:auto; float:left;
	}

	section#coluna2{
		width:450px; margin-right:20px; height:auto; float:right;
	}

	section#coluna293{
		float:left; width:450px; height:auto; margin:20px 0 0 20px;
	}

	
	 

	/*DEFINIÇÕES DO MENU MOBILE*/

	menu {
		position: fixed;
		display:none;
	}

	section#cesta{
		display:none;
	}

	div#categoria_mobile{
		display:none;
	}

	select option {

	}

	.botao#pagina_item{
		width:96%;
				border-radius:05px;
	}

	#seleciona_borda{
		margin: 0px 0px 0px 05%;
		width: 90%;
		height: 50px;
		/* border-radius: 05px; */
		border: 1px solid #D6D6D6;
		padding: 05px;
	}

	.descricao{
		box-sizing: border-box;
		width: 95%;
		height: auto;
		padding: 5%;
		background: #fff;
		float: left;
		margin: 0;
		/* padding-top: 0px; */
		margin-top: 0px;
		background: #f3f3f3;
		margin: 10px 2.5%;
		border-radius: 5px;
	}


	h2.titulo_criar_pizza{
		font-size:20px;
		margin:20px 0 0 2.0833333%;
	}

	.carrinho_box_mobile
		{
			display:none;

		}

		.carrinho_box_pc
		{
			display:block;
			font-size:23px;
		}

		#area_preco.preco_mobile{

		}

			#botao_continuar_pc{
				width:410px;
				float:left;
				margin:0 0 20px 2.08%;
				background:url(../img/bg_botao_carrinho.jpg);
				border-color:#CFCFCF;
				color:#555;
				border-radius:05px;
				font-weight:bold;
			}

			#botao_continuar_mobile{
				width:410px;
				float:left;
				margin:0 0 20px 2.08%;
				background:url(../img/bg_botao_carrinho.jpg);
				border-color:#CFCFCF;
				color:#555;
				border-radius:05px;
			}

			#botao_pedir_mobile{
				width: 90%;
				height: 22px;
				position: fixed !important;
				padding: 15px 3%;
				bottom: 0 !important;
				float: left;
				background: #008926;
				margin: 0 0 10px 2.08%;
				cursor: pointer;
				border-radius: 10px;
				
			}

			#botao_pedir_mobile p{
				color:#fff;
			}

			#botao_continuar_mobile{
			display:none;
			}

			.select_entrega{
				width:200px;
				float: left;
				height:40px;
				border-color:#AEAEAE;
				font-family:open sans;
				background:#fff;
			}

			#coluna_login_carrinho{
				width:450px;
				height:auto;
				float:left;
				margin: 10px 0 20px 2.08%;
			}

			.botao_trocar_modo_entrega{
				color: #2A89AB; text-decoration: none; float:right; margin-top:-20px; font-family: open sans;
			}

			.display_none_trocar_entrega{
			display:none;
		}

		.select_preco_opcoes{
			 margin-left:2.5%; width:95%; float: left; height:55px; border-color:#e5e5e5; background:#fff;
		}

		input.form_mobile{
			width: 100%;
			padding: 20px 02%;
			background: #FFF;
			border-radius:05px;
			border: 1px solid #CAC8C8;
			border-radius: 00px;
		}

		.margin_top_finalizar_mobile_icon{
			margin: 57px 0px 0px 2.08%;
			float:left;
		}

		.margin_top_finalizar_mobile_h3{
			margin: 57px 0px 0px .6%;
			float:left;
		}

		.label_margin{

		}

		#form_margin{

		}

		.h3_carrinho_final{
			color: #008926;
			font-size: 20px;
			margin-top: 10px;
			margin-bottom: 20px;
			margin-left: 20px;
		}

		.h3_carrinho_final{
			color: #008926;
			font-size: 25px;
			margin-top: 25px;
			margin-left: 05px;
		}

		.carrinho_final_clear{
		display:none;
		}

		div#restrito_link{
			display:none;
		}

		#area_busca_mobile{
			display:none;
		}

		#busca_mobile{
			display:none;
		}

		#fundo{
			background: url(../img/fundo_botoes.jpg);
			background-size: contain;
			height: auto;
			padding-bottom: 30px;
			width: 100%;
		}

		#molhos{
			display:none;
		}

		#molhos.mostra{
			display:block;
		}

		#refri{
			display:none;
		}

		#refri.mostra{
			display:block;
		}

		section#estado{
			float: right;
			margin: -25px 20px 0 2.5%;
			width: 110px;
			height: 43px;
		}

		section#estado.aberto{
			background:url(../img/aberto.png);
		}

		section#estado.fechado{
			background:url(../img/fechado.png);
			margin: 45px 20px 0 20px;
		}

		#voltar_carrinho{
			width:880px;
			Float:left;
			margin:0 0 20px 2%;
			background:url(../img/bg_botao_carrinho.jpg);
			border-color:#CFCFCF;
			color:#555;
			border-radius:5px;
		}

		section #box_aviso {
			width:94%;
		}

		div#voltar{
			display: block;
			width: 35px;
			height: 35px;
			margin: 15px -5px 0 5px;

		}

		section#icon_conta{
			display:none;
		}

		#botao_mostra_info{display:none;}

		section#app_bar_geral{
			display:none;
		}

		section#margin-bottom{
			display:none;
		}

		#novo_balao_geral_login_back{
			width: 100%;
			min-height: 100%;
			background: #121212bd;
			z-index: 10000;
			position: fixed;
			top: 0;
			display: none;
			backdrop-filter: blur(4px);

		}

		#novo_balao_geral_login_back.absolute{
			position:absolute;
		}

		#novo_balao_geral_login_back.show{
			display:block;
		}

		#novo_balao_geral_login_login.none{
			display:none;
		}
		
		#novo_balao_geral_sem_cadastro_back{
			width: 100%;
			min-height: 100%;
			background: #121212bd;
			z-index: 10000;
			position: fixed;
			top: 0;
			display: none;
			backdrop-filter: blur(4px);
		}

		#novo_balao_geral_sem_cadastro_back.absolute{
			position:absolute;
		}

		#novo_balao_geral_sem_cadastro_back.show{
			display:block;
		}

		#novo_balao_geral_sem_cadastro_back.none{
			display:none;
		}

		#novo_balao_geral_cadastro{
			display:none;
		}
		#novo_balao_geral_cadastro.show{
			display:block;
		}

		#novo_balao_geral_login{
			box-sizing: border-box;
			width: 100%;
			padding: 15px;
			height: 100%;
			OVERFLOW: auto;
			background: #ffffff;
			z-index: 0;
			position: fixed;
		}

		#novo_balao_geral_login.close_login{
			-webkit-transform: translateY(100%);
			transform: translateY(100%);			
			will-change: transform;			
		}
		
	
		#novo_balao_geral_sem_cadastro{
			box-sizing: border-box;
			width: 100%;
			padding: 15px;
			height: 100%;
			OVERFLOW: auto;
			background: #ffffff;
			z-index: 0;
			position: fixed;
		}

		#novo_balao_geral_sem_cadastro.close_cadastro{
			/*top: 100vh;*/
			/*height: 0;*/
			/*display:none*/
			-webkit-transform: translateY(100%);
			transform: translateY(100%);			
			will-change: transform;			
		}

		#mostra_endereco_selecionado{
			box-sizing: border-box;
			width: 95%;
			padding: 10px 2.5%;
			margin: 10px 0 0 2.5%;
			/* border: 0; */
			border-radius: 10px;
			float: left;
			border: 1px solid #dbdbdb;
			border-bottom: 3px solid #dedede;
		}

		#mostra_endereco_selecionado p{
			width:auto;
			float:left;
			margin-top:5px;

		}

		#separador_on{
			width:100%;
			height:1px;
			float:left;
			margin:05px 0% 15px 0%;
			border-top:1px dashed #bcbcbc;

		}

		#mostra_endereco_selecionado #trocar_endereco{
			float: right;
			font-size:15px;
			margin-right: 20px;
			FONT-WEIGHT: 700;
			color: #555;
			width: auto;
			font-family: sans-serif;
		}

		#mostra_endereco_selecionado #retirar_balcao{
			float: right;
			font-size:15px;
			margin-right: 20px;
			FONT-WEIGHT: 700;
			color: #555;
			width: auto;
			font-family: sans-serif;
		}

		#mostra_endereco_selecionado_icon{
			width:20px;
			height:20px;
			float:left;
			margin-right:10px
		}



		#novo_balao_trocar_endereco_geral{
			width:100%;
			min-height:100%;
			background:url(../img/back_preto.png);
			z-index:10000;
			position:fixed;
			top:0;
			display:none;
			backdrop-filter: blur(5px);
			-webkit-backdrop-filter: blur(5px); /* Ajuste o valor do blur conforme necessário */
		}	

	
			
		#novo_balao_trocar_pagamento_geral{
			width:100%;
			min-height:100%;
			background:url(../img/back_preto.png);
			z-index:10000;
			position:fixed;
			top:0;
			display:none;
			backdrop-filter: blur(5px);
			-webkit-backdrop-filter: blur(5px); /* Ajuste o valor do blur conforme necessário */
		}

		#novo_balao_trocar_endereco_geral.absolute{
			position:absolute;
		}

		#novo_balao_trocar_endereco_geral.show{
			display:block;
		}

		#novo_balao_trocar_pagamento_geral.absolute{
			position:absolute;
		}
	
		
	

		#novo_balao_trocar_pagamento_geral.show{
			display:block;
		}

		#novo_balao_trocar_endereco{
			width: 60%;
			padding: 3vh 5%;
			height: 94vh;
			background: #fff;
			border-radius: 0;
			z-index: 11000;
			/* margin-top: 00px; */
			/* margin-bottom: 00px; */
			float: right;
			position: relative;
			overflow:auto;
			/* -webkit-box-shadow: 0px 0px 16px 0px rgba(50, 50, 50, 0.86); */
			-moz-box-shadow: 0px 0px 16px 0px rgba(50, 50, 50, 0.86);
			/* box-shadow: 0px 0px 16px 0px rgba(50, 50, 50, 0.86); */
			
						
			transition: transform 500ms ease;
			-webkit-transform: none;
			transform: none;
		}
		
		#novo_balao_trocar_endereco.fechado{
			/*top: 100vh;*/
			/*height: 0;*/
			/*display:none*/
			-webkit-transform: translateX(100%);
			transform: translateX(100%);			
			will-change: transform;			
		}

		#novo_balao_trocar_pagamento{
			width: 60%;
			padding: 5vh 5%;
			height: 90vh;
			background: #fff;
			border-radius: 0;
			z-index: 11000;
			/* margin-top: 00px; */
			/* margin-bottom: 00px; */
			float: right;
			position: relative;
			overflow:auto;
			/* -webkit-box-shadow: 0px 0px 16px 0px rgba(50, 50, 50, 0.86); */
			-moz-box-shadow: 0px 0px 16px 0px rgba(50, 50, 50, 0.86);
			/* box-shadow: 0px 0px 16px 0px rgba(50, 50, 50, 0.86);*/
			
			transition: transform 500ms ease;
			-webkit-transform: none;
			transform: none;
		}
		
		#novo_balao_trocar_pagamento.fechado{
			/*top: 100vh;*/
			/*height: 0;*/
			/*display:none*/
			-webkit-transform: translateX(100%);
			transform: translateX(100%);			
			will-change: transform;			
		}


		#botao_seleciona_endereco{
			width: 95%;
			padding: 10px 2.5% 10 2.5%;
			border-radius: 0;
			border-bottom: 1px solid #ddd;
			height: auto;
			color: #555;
			font-size:15px;
			margin-top: 00px;
			cursor: pointer;
			float: right;
			transition: all .10s linear;
		}
		
		#botao_seleciona_endereco:active{
			background:#eaeaea;
			transition: all .10s linear;
		}

		#botao_seleciona_pagamento{
			width: 95%;
			padding: 10px 2.5% 10 2.5%;
			border-radius: 0;
			border-bottom: 1px solid #ddd;
			height: auto;
			color: #555;
			font-size: 15px;
			margin-top: 00px;
			cursor: pointer;
			float: right;
			transition: all .10s linear;
		}
		
		#botao_seleciona_pagamento:active{
			background:#eaeaea;
			transition: all .10s linear;
		}

		#botao_novo_endereco{
			width: 92.5%;
			padding: 15 2.5% 15 5%;
			height: 20px;
			margin-top: 20px;
			border-radius: 10px;;
			border: 1px solid #b7b7b738;
			border-bottom: 3px solid #83838338;
			background: #f0f0f0;
			font-size: 14;
			font-weight: bold;
			cursor: pointer;
		}

		#botao_novo_cartao{
			width: 92.5%;
			padding: 15 2.5% 15 5%;
			height: 20px;
			margin-top: 20px;
			border-radius: 10px;;
			border: 1px solid #b7b7b738;
			background: #f0f0f0;
			font-size: 14;
			font-weight: bold;
			cursor: pointer;
		}

		#formulario_novo_endereco{
			display:none;
			height: 700px;
		}

		#formulario_novo_endereco.show{
			display:block;
		}

		#formulario_novo_cartao{
			display:none;
		}

		#formulario_novo_cartao.show{
			display:block;
		}


		#lista_enderecos{
			display:block;
		}

		#lista_enderecos.hide{
			display:none;
		}

		#lista_pagamento{
			display:block;
		}

		#lista_pagamento.hide{
			display:none;
		}

		#trocar_endereco_fechar{
		       width: 30px;
			height: 30px;
			text-align: center;
			border-radius: 40px;
			background: #00000070;
			position: absolute;
			top: 5px;
			right: 5px;
			font-size: 20px;
			cursor: pointer;
			color: #ffffff;
			font-family: 'Lato';
		}


		#login_fechar{
			    width: 30px;
			height: 30px;
			text-align: center;
			border-radius: 40px;
			background: #00000070;
			position: absolute;
			top: 5px;
			right: 5px;
			font-size: 20px;
			cursor: pointer;
			color: #ffffff;
			font-family: 'Lato';
		}
		#sem_cadastro_fechar{
			width: 30px;
			height: 30px;
			text-align: center;
			border-radius: 40px;
			background: #00000070;
			position: absolute;
			top: 5px;
			right: 5px;
			font-size: 20px;
			cursor: pointer;
			color: #ffffff;
			font-family: 'Lato';
		}


		#trocar_endereco{
			cursor:pointer;
		}



		#novo_balao_finalizar_geral{
			width:100%;
			min-height:100%;
			background:url(../img/back_preto.png);
			z-index:10000;
			position:fixed;
			top:0;
			display:none;
			backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px); /* Ajuste o valor do blur conforme necessário */
   
		}

		#novo_balao_finalizar_geral.show{
			display:block;
		}

		#novo_balao_finalizar{
			box-sizing: border-box;
			width: 100%;
			padding: 20px 5%;
			padding-bottom: 50px;
			min-height: 200px;
			background: #fff;
			border-radius: 0px;
			z-index: 11000;
			float: left;
			position: fixed;
			bottom: 0;
			margin-left: 0%;
			/*display:none;*/
			
			-webkit-box-shadow: 0px 12px 15px 10px rgba(0, 0, 0, 0.5);
			-moz-box-shadow: 0px 12px 15px 10px rgba(0, 0, 0, 0.5);
			box-shadow:  0px 12px 15px 10px rgba(0, 0, 0, 0.5);
			
			transition: transform 500ms ease;
			-webkit-transform: none;
			transform: none;
		}

		#novo_balao_finalizar.close_balao{
			/*top: 100vh;*/
			/*height: 0;*/
			/*display:none*/
			-webkit-transform: translateY(100%);
			transform: translateY(100%);			
			will-change: transform;			
		}

		#form_troco{
			display:block;
		}

		#form_bandeiras{
			display:none;
		}

		#form_troco.show{
			display:block;
		}

		#form_bandeiras.show{
			display:block;
		}

		#form_troco.hide{
			display:none !important;
		}

		#form_bandeiras.hide{
			display:none !important;
		}


		#novo_finalizar_fechar{
			width: 10px;
			height: 30px;
			position: absolute;
			top: 1px;
			right: 13px;
			font-size: 20px;
			font-weight: bold;
			cursor: pointer;
			color: #6c6c6c;
			font-family: 'Lato';
		}

		#cadastro_area_endereco{
			display:none;
			margin-top:10px;
		}
		
		#sem_cadastro_area_endereco{
			display:block;
			margin-top:10px;
		}
		
		#sem_cadastro_area_endereco.hide{
			display:none;
		}
		
		#cadastro_area_endereco{
			display:block;
			margin-top:10px;
		}
		
		#cadastro_area_endereco.hide{
			display:none;
		}

		#area_confs{
			width: 95%;
			height: auto;
			float: left;
			margin-left:2.5%;
		}

		#area_preco{
			margin: 00px 0px 0px 0;
			height: auto;
			float: left;
			background: none;
			border: 0;
			width: auto;
		}

		#area_preco.cupom{
			width: 100%;
		}

		#area_preco.preco{
			width: 20%;
			margin-top:05px;
		}

		#area_preco.preco h3#h3_preco{
			float: right;
			color: #008926;
			font-size: 22px;
		}

		#area_preco.preco h3#h3_total{
			float:right;
			font-size: 22px;
		}

		#h3_total_mobile{
			display:none;
		}

		#botao_cadastro_endereco{
			width: 100%;
			padding: 15px 2.5% 23px 2.5%;
			margin-left: -2.5%;
			height: 15px;
			margin-top: 20px;
			border-radius: 0px;
			border: 1px solid #b7b7b745;
			background: #d6d6d6;
			text-transform: uppercase;
		}

		#botao_cadastro_endereco p{
			font-weight:bolder;
			font-size:15px;
		}

		#botao_pedir_flutuante{display:none;}

		div#area_info_index_banner_redondo_clock{
			width: 18px;
			height: 18px;
			background:url(../img/clock.png);
			background-size:contain;
			float:left;
			margin-top:2px;
			margin-right:5px;
		}

		#area_item_index{
			width: 100%;
			float: left;
			display: none;
			padding-bottom: 10px;
			margin-top: 0px;
		}
		
		#div_pagina_item_back{
			width:100%;
			height:100%;
			position:fixed;
			/*background:url(../img/back_preto.png);*/
			z-index:990000;
			display:none;
			backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px); /* Ajuste o valor do blur conforme necessário */
		}
		
		#div_voltar_index{
			float: left;
		width: 35px;
		height: 35px;
		border-radius: 93px;
		background: #00000038;
		top: 10px;
		right: 15px;
		position: fixed;
		z-index: 10;
		color: #fff;
		}
		
		#div_pagina_item{
			width: 100%;
			height: 100%;
			background: #fff;
			margin-left: 0%;
			margin-top: 5vh;
			border-radius: 0px;
			display:block;
			overflow:auto;			
			position: absolute;
			bottom:0 !important;
			transition: transform 500ms ease;
			-webkit-transform: none;
			transform: none;
		}	
		
		#div_pagina_item.close{
				
		}
		
		#area_arraste{
			width: 100%;
			height: 5vh;
			position: absolute;
			z-index: 5000;
			top: 0vh;	
		
		}
		
		#menu_lateral_back{
			display:none;
		}
		
		#titulo_pagina_header{
			display:none;
		}
		
		div#logo{
			display:none;
		}
		
		div#prazo_capa{
			display:none;
		}
		
		#capa{
			display:none;
		}
		
		#capa_user{
			display:none;
		}

		div#voltar{display:none;}


		#box_pedido_painel_usuario{
			width: calc(95% - 20px);
			height: auto;
			padding: 25px 10px;
			background: #ebebeb;
			border-radius: 5px;
			float: left;
			margin: 3px 2.5%;
		}
		
		.meupedido p{
			width: 95%;			
			height: auto;
			float: left;
			margin: 0px 0;
			margin-left: 2.5%;
			line-height: 20px;
		}

		#box_itens_meupedido{
			width: calc(95% - 20px);
			height: auto;
			padding: 10px 10px;
			background: #ebebeb;
			border-radius: 5px;
			float: left;
			margin: 3px 2.5%;
		}
		
		#acompanha_enviado{
			width: 33%;
			height: 100px;
			float: left;
			margin:0;
			padding-top:20px;
		}
		#acompanha_enviado div{
			width:60px;
			height:60px;
			border-radius:60px;
			position:relative;
			left:calc(50% - 30px);
			background-image:url(../img/acompanha_check.png);
			background-size:contain;
			background-size: 50%;
			background-position: 50%;
			background-repeat: no-repeat;
		}
		#acompanha_enviado p{
			width:100%;
			text-align:center;
			line-height: 18px;
		}
		
		#acompanha_visualizado{
			width: 33%;
			height: 100px;
			float: left;
			margin:0;
			padding-top:20px;
		}
		#acompanha_visualizado div{
			width:60px;
			height:60px;
			border-radius:60px;
			position:relative;
			left:calc(50% - 30px);
			background-image:url(../img/acompanha_eye.png);
			background-size:contain;
			background-size: 50%;
			background-position: 50%;
			background-repeat: no-repeat;
		}
		#acompanha_visualizado p{
			width:100%;
			text-align:center;
			line-height: 18px;
		}
		
		#acompanha_pronto{
			width: 33%;
			height: 100px;
			float: left;
			margin:0;
			padding-top:20px;
		}
		#acompanha_pronto div{
			width:60px;
			height:60px;
			border-radius:60px;
			position:relative;
			left:calc(50% - 30px);
			background-image:url(../img/acompanha_helmet.png);
			background-size:contain;
			background-size: 50%;
			background-position: 50%;
			background-repeat: no-repeat;
		}
		#acompanha_pronto p{
			width:100%;
			text-align:center;
			line-height: 18px;
		}
		
		#linha_conectora_acompanha{
			width: 100%;
			position: absolute;
			height: 0px;
			border: 2px dashed #d5d5d5;
			background: #fff;
			top: 110px;
		}
		
		form.cashback{
		    width: 95%;
			height: 30px;
			float: left;
			margin: 10px 2.5%;
		}
		
		#cashback_descricao{
			width:50%; 
			float:left;
		}
		#cashback_valor{
		    width: 50%;
			/* position: relative; */
			text-align: right;
		}
		
		#letreiro_indiqueganhe{
			width: 200px;
			height: 200px;
			position: static;
			margin-left: calc(50% - 100px);
			margin-top: 20px;
			transform: rotate(0deg);
		}
		
		#letreiro_indiqueganhe #div1{
			width: 200px;
			height: 80px;
			position: relative;
			left: -20px;
			top: 0;
			
			border-radius:200px;

			z-index: 10;
			-webkit-box-shadow: 3px 11px 17px -15px rgba(0,0,0,0.75);
			-moz-box-shadow: 3px 11px 17px -15px rgba(0,0,0,0.75);
			box-shadow: 3px 11px 17px -15px rgba(0,0,0,0.75);
			 display: flex;
			  justify-content: center; /* Alinhamento horizontal */
			  align-items: center; /* Alinhamento vertical */
		}
		
		#letreiro_indiqueganhe #div2{
			width: 200px;
			height: 80px;
			position: relative;
			top: -20px;
			left: 20px;
			border-radius:200px;
		
			
			box-shadow: 3px 11px 17px -15px rgba(0,0,0,0.75);
			 display: flex;
			  justify-content: center; /* Alinhamento horizontal */
			  align-items: center; /* Alinhamento vertical */
		}
		#letreiro_indiqueganhe p{ 
			text-align: center; /* Alinhamento horizontal para o texto */
			font-style: italic;
		    color: #fff;
			font-size: 25px;
			font-weight: 700;
		}
		
		
		#letreiro_indiqueganhe_menor{
			width: 180px;
			height: 60px;
			position: static;
			margin-left: 27px;
			margin-top: -5px;
			transform: rotate(0deg);
		}
		
		#letreiro_indiqueganhe_menor #div1{
			width: 110px;
			height: 35px;
			position: relative;
			left: 0;
			top: 0;
			border-radius: 200px;
			z-index: 10;
			-webkit-box-shadow: 3px 11px 17px -15px rgba(0,0,0,0.75);
			-moz-box-shadow: 3px 11px 17px -15px rgba(0,0,0,0.75);
			box-shadow: 3px 11px 17px -15px rgba(0,0,0,0.75);
			display: flex;
			justify-content: center;
			align-items: center;
		}
		
		#letreiro_indiqueganhe_menor #div2{
			width: 110px;
			height: 35px;
			position: relative;
			left: 15px;
			top: -7px;
			border-radius: 200px;
			z-index: 7;
			-webkit-box-shadow: 3px 11px 17px -15px rgba(0,0,0,0.75);
			-moz-box-shadow: 3px 11px 17px -15px rgba(0,0,0,0.75);
			box-shadow: 3px 11px 17px -15px rgba(0,0,0,0.75);
			display: flex;
			justify-content: center;
			align-items: center;
		}
		#letreiro_indiqueganhe_menor p{ 
			text-align: center; /* Alinhamento horizontal para o texto */
			font-style: italic;
		    color: #fff;
			font-size: 15px;
			font-weight: 700;
			width: 100% !important;
		}
		
		p#indiqueganhe{
			width: 95%;
			position: static;
			margin-top: 25px;
			top: 280px;
			text-align: center;
			font-size: 18px;
			left: 2.5%;
		}
		
		#box_indiqueganhe{
			width: 85%;
			min-height: 50px;
			padding: 20px 5%;
			position: static;
			float: left;
			top: 374px;
			left: 2.5%;
			margin-left: 2.5%;
			margin-top: 20px;
			background: #e3e3e3;
			border-radius: 10px;
		}
		
		input#link{
			width: calc(100%);
			padding: 0 2.5%;
			height: 35px;
			background: none;
			border: 2px dashed #9d9d9d;
			border-radius: 30px;
			color:#686868;
		}
		
		#copiar_link{
			width: 80px;
			height: 17px;
			padding: 4px 0;
			font-size: 12px;
			font-weight: 500;
			border-radius: 40px;
			color: #fff;
			text-align: center;
			float: right;
			margin-top: -30px;
			margin-right: 5px;
			position: relative;
			right: 0;
			top: 0px;
			-webkit-border-top-right-radius: 40px;
			-webkit-border-bottom-right-radius: 40px;
			-moz-border-radius-topright: 40px;
			-moz-border-radius-bottomright: 40px;
			border-top-right-radius: 40px;
			border-bottom-right-radius: 40px;
		}
		
		h2#meuscupons{
		    width: 95%;
			height: auto;
			position: static;
			top: 500;
			left: 2.5%;
			text-align: center;
			margin-top: 30px;
			font-weight: 800;
		}
		h2#meuscupons span{
			width:15px;
			height:15px;
			float:left;
			background:url(img/icons8-cupom-48.png);
			background-size:countain;
		}
		
		#listar_cupom_indiqueganhe{
			width: 90%;
			height: 20px;
			padding: 10px 2.5%;
			margin-left: 2.5%;
			background: #e3e3e3;
			float: left;
			border-radius: 5px;
			margin-top: 10px;
		}
		
		#aviso_nenhum_cupom_indique_ganhe{
		    width: 90%;
			height: auto;
			padding: 10px 2.5%;
			margin-left: 2.5%;
			background: #ffe391;
			float: left;
			border-radius: 5px;
			margin-top: 10px;
		}
		
		#aviso_nenhum_cupom_indique_ganhe p{
			color: #352805;
		}
		
		#aviso_nenhum_cupom_indique_ganhe p i{
			color: #352805;
			float: left;
			margin-top: 5px;
			margin-right: 5px;
		
		}
		
		#listar_cupom_indiqueganhe p{
			font-size:13px;
			font-weight:bolder;
		}
		
		#listar_cupom_indiqueganhe input{    opacity: 0; width: 30px;}
		
		.copiar_cupom{
		    width: 80px;
			height: 17px;
			padding: 4px 0;
			font-size: 12px;
			font-weight: 500;
			border-radius: 40px;
			color: #fff;
			text-align: center;
			float: right;
			margin-top: -3px;
			margin-right: -5px;
			position: static;
			right: 0;
			top: 0px;
			-webkit-border-top-right-radius: 40px;
			-webkit-border-bottom-right-radius: 40px;
			-moz-border-radius-topright: 40px;
			-moz-border-radius-bottomright: 40px;
			border-top-right-radius: 40px;
			border-bottom-right-radius: 40px;
		}
		
		#cupom_utilizado{
			background: #b9b9b9;
			width: 142px;
			font-size: 13px;
			font-weight: 600;
			float: right;
			margin-top: -2px;
			padding: 5px;
			border-radius: 50px;
			text-align: center;
		}
		
		#banner_roll{
		    float: left;
			width: 100%;
			height: 125px;
			overflow: Scroll;
			overflow-x: scroll;
			overflow-y: hidden;
			white-space: nowrap;
		}
		
		#banner_roll a {
		  flex: 0 0 auto;
		  width: calc(95% - 30px);
		  display: inline-block;
		}
		
		#popup_indiqueganhe_back{
		    width: 100%;
			background: #000000b3;
			height: 100vh;
			position: fixed;
			z-index: 10000;
			top: 0;
			display:none;
		}
		
		#popup_indiqueganhe{
			width: 300px;
			height: 323px;
			position: fixed;
			background: #fff;
			left: calc(50% - 150px);
			top: 60px;
			border-radius: 10px;
		}
		
		#popup_indiqueganhe_sair
		{
			width: 30px;
			height: 20px;
			padding: 5px 0;
			position: static;
			float: right;
			background: #0000009c;
			border-radius: 40px;
			margin-top: 5px;
			margin-right: 5px;
			text-align: center;
			color: #fff;
		}
		
		a#indiqueganhe_saibamais{
		    width: 90%;
			padding: 10px 0;
			display: block;
			height: 20px;
			float: left;
			text-align: center;
			background: #e68906;
			margin-left: 5%;
			margin-bottom: 20px;
			margin-top: 10px;
			border-radius: 10px;
			color: #fff;
			font-weight: 800;
		}	
/*===========================================================================================================================*/
/*========== C O M E Ç A M    A Q U I    A S     D E F I N I Ç Õ E S      D E     R E S P O N S I V I D A D E ===============*/
/*===========================================================================================================================*/


/*DEFINIÇÕES PARA TODAS AS RESOLUÇÕES INFERIORES A 960PX*/
	@media screen and (max-width: 400000px) {
		#topo_index_container{
			width:100%;
			height:50px;
			float:left;
		    margin: 5px 0 10px 0;	
		}
		
		#topo_index_container #barra{
			float:left;
			width:100%;
			height:45px;
			display:flex;
			align-items: center;
		}
		
		#topo_index_container #barra #menu_barra{
			display: block;
			width: 20px;
			height: 20px;
			background: url(../img/menu_escuro.png);
			background-size: contain;
			position: absolute;
			right: 10px;
		}
		
		#topo_index_container #barra h3{
			position: absolute;
			left: 10px;
		}
		
		#roller{
			min-width: 40px;
			height: 19px;
			padding: 10px;
			margin: 9px;
			margin-bottom:0;
			background: #fff;
			border-radius: 50px;
			align-items: center;
			/* margin-top: 10px; */
			margin-right: 0px;
			display: inline-block;
			margin-top:12px;
			border: 1px solid #dedede;	
		}
		
		#roller.ultimo{margin-right:10px;
		margin-left: 5px; }
		
		#roller #circulo{
			width:15px;
			height:15px;
			border-radius:10px;
			float:left;
			background:#1ea505;
			margin-right:5px;
			margin-top: 2px;
		}
		
		#roller #icone_relogio{
			width: 19px;
			height: 18px;
			border-radius: 10px;
			float: left;
			background: url(../img/clock.png);
			margin-right: 2px;
			background-size: contain;
			opacity: .7;
		}
		
		#roller #icone_fidelidade{
			width: 19px;
			height: 18px;
			border-radius: 10px;
			float: left;
			background: url(../img/cashback_icon.png);
			margin-right: 2px;
			background-size: contain;
			opacity: .7;
		}
		
		#roller #icone_mapa{
			width: 19px;
			height: 18px;
			border-radius: 10px;
			float: left;
			background: url(../img/localizacao.png);
			margin-right: 5px;
			background-size: contain;
			opacity: .7;
		}
		
		#roller p{
			float: left;
			margin-top: -1px;
			font-weight: 500;
			color: #444;
		}
		
		#topo_index_container #barra_roll{
			float:left;
			width:100%;
			height:55px;
			overflow:Scroll;						
			overflow-x: scroll;
			overflow-y: hidden;
			white-space: nowrap;
		}
		

		#background_aviso_index{
			width:100%;
			height:100vh;
			position:fixed;
			background:#000000a1;
			z-index:100;

		}
		
		#fechar_aviso{
			float: right;
			width: 35px;
			height: 35px;
			border-radius: 93px;
			background: #c54040;
			/* top: 10px; */
			/* right: 15px; */
			position: absolute;
			/* z-index: 10; */
			color: #fff;
			top: -18px;
			right: -16px;
		}
		
		#aviso_index{
			width: 260px;
			height: auto;
			padding: 20px;
			left: 50%;
			margin-left: -150px;
			top: 40px;
			position: fixed;
			background: #fff;
			z-index: 100;
			border-radius: 10px;
		}
		
		
		
		
		
		#esqueleto_pagina_item{
			position: relative; 
			z-index:0;
		}
		
		
		
		#banner_fidelidade{
			padding: 15px;
			width: calc(100% - 30px);
			margin-top: 10px;
			padding-top: 30px;
			border-radius: 10px;
			float: left;
			margin-left: 0;
			padding-bottom: 30px;
			margin-bottom: 15px;
		}
		
		
		#banner_fidelidade_index{
			padding: 15px;
			width: calc(95% - 30px);
			margin-top: 10px;
			padding-top: 15px;
			border-radius: 10px;
			float: left;
			margin-left: 2.5%;
			padding-bottom: 15px;
			margin-bottom: 15px;
			
			display: flex;
		    align-items: center; /* Alinha verticalmente no centro */
		    justify-content: center; /* Alinha horizontalmente no centro */
		}
		
		#banner_fidelidade_index.duplo{
			padding: 15px;
			width: calc(95% - 30px);
			height: 70px;
			margin-top: 10px;
			padding-top: 15px;
			border-radius: 10px;
			float: left;
			margin-left: 2.5%;
			padding-bottom: 15px;
			margin-bottom: 15px;
			
			display: flex;
		    align-items: center; /* Alinha verticalmente no centro */
		    justify-content: center; /* Alinha horizontalmente no centro */
		}
		
		#banner_fidelidade_index.indiqueganhe{
			padding: 15px;
			width: calc(95% - 30px);
			margin-top: 10px;
			padding-top: 15px;
			border-radius: 10px;
			float: left;
			margin-left: 3px;
			padding-bottom: 15px;
			margin-bottom: 15px;
			
			display: flex;
		    align-items: center; /* Alinha verticalmente no centro */
		    justify-content: center; /* Alinha horizontalmente no centro */
		}
		
		#banner_fidelidade_index div{
			float: left;
			margin-left: -25px;
			margin-right: 20px;
			width: 50px;
			height: 50px;
			background: url(../img/coins.png);
			background-size: contain;
			background-repeat: no-repeat;
		}
		
		#banner_fidelidade_index p{
			color:#fff;
			width:calc(100% - 50px);
			white-space: break-spaces;
			line-height:20px;
		}
		
		#banner_fidelidade_index i{
			color:#000;
		}
		
		#banner_fidelidade_index p b{

		}
		
		#banner_fidelidade_index p span{
			color: #000;
			FONT-weight: bolder;
			opacity: 0.7;
			font-size: 13px;
		}
		
		#display_pontos{
			}
		
		#div_pagina_item_recebe{
			position: absolute; 
			z-index:1;
			width: 100%;
		}
		
		#esqueleto_carrinho{
			position: fixed;
			position: absolute;
			background: #fff;
			width: 100%;
			height: auto;
			display: block;

		}
		
		#esqueleto_carrinho_index{
			    position: fixed;
				background: #fff;
				width: 100%;
				height: 100vh;
				/* display: block; */
				top: 60;
				/* left: 0; */
				/* right: 0; */
				/* bottom: 0; */
				/* background-color: #fff; */
				z-index: 90000000000000;
				display: none;
		}


		#capa_back{
			 display: block;
			  width: 100vw;
			  height: 100vh;
			  object-fit: cover; /* or object-fit: contain; */
			  opacity:0;
		}


		.back_propriedades{
			background-size: contain;
			background-position: 50%;
			background-repeat: no-repeat;
			
		}
		
		.tumb_propriedades{
			background-size: cover;
			background-position: 50%;
			background-repeat: no-repeat;
			background-color:#e3e3e3;
			
		}

		#esqueleto_load1{
		    width: 100%;
			height: 250px;
			border-radius: 3px;
			float: left;
			border: 1px solid #fffd;
			margin: 0;
		}
		
		
		
		
		#fidelidade_cupom{
			float: left;
			width: 95%;
			padding: 5px 2.5%;
			margin: 0px 0%;
			color:#fff;
			border-radius: 20px;
			height: 30px;
			border: 2px dashed #cbcbcb;
			margin-top:10px;
		}
		
		#chave_pix{
			float: left;
			width: 95%;
			padding: 5px 2.5%;
			margin: 0px 0%;
			color:#fff;
			border-radius: 20px;
			height: 30px;
			border: 2px dashed #cbcbcb;
			margin-top:10px;
		}

		#fidelidade_cupom_copiar{
			float: right;
		    width: 70px;
		    height: 20px;
		    padding: 5px;
		    border-radius: 20px;
		    font-size:15px;
		    text-align: center;

		}

		#fidelidade_cupom input{
			float: left;
			margin-top: 7px;
			background: none;
			border: none;
		}
		
		#instrucoes_pix{
			background: #ebebeb;
			padding: 15px;
			width: calc(100% - 30px);
			margin-top: 10px;
			padding-top: 15px;
			border-radius: 10px;
			float: left;
			margin-left: 2.5%;
			padding-bottom: 15px;
			margin: 15px 0% 0 0;
		}
		
		#chave_pix input{
			float: left;
			margin-top: 7px;
			background: none;
			border: none;
			width: calc(100% - 100px) !important;
		}

		#box_cupom_fidelidade{
			padding: 15px 2.5%;
		    margin: 15px 5% 0px 5%;
		    float: left;
		    border-radius: 5px;
		    background: #fff;
		    width: 85%;
		    background: #efefef;
		    border: 1px #ebebeb solid;

		}

		#box_cupom_fidelidade div#botao_fidelidade{
			float: left;
			width: 95%;
			padding: 5px 2.5%;
			margin: 0px 0%;
			margin-top:10px;
			color:#fff;
			border-radius: 20px;
			height: 30px;
		}

		#box_cupom_fidelidade div#botao_fidelidade p{
			color:#fff;
			height: 15px;margin-top: 3px;
		}
		#box_cupom_fidelidade div#botao_fidelidade img{float: left; margin: 8px;}

		.banner{display:none;}
		#banner{display:none;}
		
		#titulo_pagina_header{
			display:block;
		}
		
		#capa{
			display:block;
		}
		
		
		
		#capa_user{
			display:block;
		}

		
		div#logo{
			display:block;
		}

		div#prazo_capa{
			display:none;
		}
			
		#menu_lateral_back{
			width:100%;
			height:100vh;
			position:fixed;
			background:url(../img/back_preto.png);
			z-index:990000;
			display:none;
			backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px); /* Ajuste o valor do blur conforme necessário */
   
		}
		
		#menu_lateral_back_index{
			width:100%;
			height:100vh;
			position:fixed;
			background:url(../img/back_preto.png);
			z-index:990000;
			display:none;
			backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px); /* Ajuste o valor do blur conforme necessário */
   
		}
		
		#menu_lateral_fecha{
			width:30%;
			height:100vh;
			position:fixed;
			display:block;
		}
		
		#menu_lateral_fecha_index{
			width:30%;
			height:100vh;
			position:fixed;
			display:block;
		}
		
		#menu_lateral{
			width:70%;
			height:100vh;
			position:fixed;
			display:block;
			background:white;
			right:0;
			
			-webkit-box-shadow: 0px 12px 15px 10px rgba(0, 0, 0, 0.08);		
			-moz-box-shadow: 0px 12px 15px 10px rgba(0, 0, 0, 0.08);		
			box-shadow: 0px 12px 15px 10px rgba(0, 0, 0, 0.08);		
			transition: transform 500ms ease;
			-webkit-transform: none;
			transform: none;
		}
		
		#menu_lateral_index{
			width:70%;
			height:100vh;
			position:fixed;
			display:block;
			background:white;
			right:0;
			
			-webkit-box-shadow: 0px 12px 15px 10px rgba(0, 0, 0, 0.08);		
			-moz-box-shadow: 0px 12px 15px 10px rgba(0, 0, 0, 0.08);		
			box-shadow: 0px 12px 15px 10px rgba(0, 0, 0, 0.08);		
			transition: transform 500ms ease;
			-webkit-transform: none;
			transform: none;
		}
		
		#menu_lateral.fechado{
			-webkit-transform: translateX(100%);
			transform: translateX(100%);			
			will-change: transform;	
		}
		
		#menu_lateral_index.fechado{
			-webkit-transform: translateX(100%);
			transform: translateX(100%);			
			will-change: transform;	
		}
		
		#menu_lateral div{
			width:90%;
			padding:15px 2.5% 15px 2.5%;
			margin:0px 2.5% 0px 2.5%;
			height:auto;
			float:left;
			border-bottom:1px solid #ddd;	
			
			-webkit-transition: all .10s linear;
			-moz-transition: all .10s linear;
			-ms-transition: all .10s linear;
			transition: all .10s linear;
		}
		
		#menu_lateral div:active{
			background:#e9e9e9;
			
		}
		
		#menu_lateral div:after{
			background:#e9e9e9;
		}
		
		#menu_lateral div img{
			width:20px; 
			height:20px;
			float:left;
			opacity:1;
			margin-top:03px;
		}
		
		#menu_lateral div p{
			float: left;
			font-weight: 400;
			margin-left: 8px;
			font-size:15px;
			margin-top:2px;
			font-weight: 500;
		}
		
		#menu_lateral_index div{
			width:90%;
			padding:15px 2.5% 15px 2.5%;
			margin:0px 2.5% 0px 2.5%;
			height:auto;
			float:left;
			border-bottom:1px solid #ddd;	
			
			-webkit-transition: all .10s linear;
			-moz-transition: all .10s linear;
			-ms-transition: all .10s linear;
			transition: all .10s linear;
		}
		
		#menu_lateral_index div:active{
			background:#e9e9e9;
			
		}
		
		#menu_lateral_index div:after{
			background:#e9e9e9;
		}
		
		#menu_lateral_index div img{
			width:20px; 
			height:20px;
			float:left;
			opacity:1;
			margin-top:03px;
		}
		
		#menu_lateral_index div p{
			float: left;
			font-weight: 400;
			margin-left: 8px;
			font-size:15px;
			margin-top:2px;
			font-weight: 500;
		}
		
		#capa{
			width:100%;
			height:100%;
			height:100vh;
			position:fixed;
			z-index:100;
			margin-top:-60px;	
			transition: transform 500ms ease;
			-webkit-transform: none;
			transform: none;			

		}
		
		#capa.fechado{
			transform: translateY(-100%);
			will-change: transform;
		}
		
		
		#preloader #logo{
			width: 160px;
			height: 160px;
			border-radius: 80px;
			-webkit-box-shadow: 0px 12px 15px 10px rgb(0 0 0 / 8%);
			-moz-box-shadow: 0px 12px 15px 10px rgba(0, 0, 0, 0.08);
			box-shadow: 0px 12px 15px 10px rgb(0 0 0 / 8%);
			position: absolute;
			left: 50%;
			margin-left: -80px;
			top: calc(50vh - 180px);
		}
		
			@-webkit-keyframes bounce {
			  to { -webkit-transform: scale(1.01); }
			}
			@-moz-keyframes bounce {
			  to { -moz-transform: scale(1.01); }
			}
			@keyframes bounce {
			  to { transform: scale(1.01); }
		}
		
		#capa #botaocapa.fechado{
			-webkit-animation: none;
			-moz-animation: none;
			animation: none ;
		}
		
		h3#titulo_pagina_header{
			position: absolute;
			width: 150px;
			left: 50%;
			text-align: center;
			margin-top: 16px;
			margin-left: -75px;
			font-size: 19px;
			color: #fff;
			font-weight: 800;
			font-variant: all-petite-caps;
		}
		
		
		
		#capa #botaocapa h3{
		    width: 100%;
			height: 50px;
			text-align: center;
			color: #fff;
			font-weight: 800;
			margin-top: 3px;
			font-size: 15px;
		}
		
		#meus_pontos_centro h3{
			color: #fff;
			font-weight: 800;
			margin-top: 4px;
			font-size:14px;
			margin-left:5px;
			float:left;
		}
		
		#meus_pontos_centro img{
			width:25px;
			float:left;
		}
		
		#meus_pontos_centro{
		   width: 120px;
			height: 30px;
			float: left;
			margin-left: calc(50% - 60px);
					
		}
		
		#capa p{
			WIDTH: 80%;
			   HEIGHT: 32PX;
			PADDING-TOP: 2PX;
			PADDING-BOTTOM: 2PX;
			POSITION: ABSOLUTE;
			top: calc(50vh + 107px);
			TEXT-ALIGN: CENTER;
			COLOR: #FFF;
			FONT-WEIGHT: 400;
			FONT-SIZE: 13.5PX;
			line-height: 20px;
			/* border: 1px solid #000000; */
			border-radius: 50px;
			left: 10%;
			background: #00000040;
		}
		
		
		#botao_pedir_flutuante{
			display: block;
			position: fixed !important;
			width: calc(95% - 140px);
			height: 55px;
			background: #f00;
			bottom: 8px !important;
			z-index: 10;
			transform: none !important;
			-webkit-transform: none !important;
			right: 2.5%;
			border-radius: 9px;
		}
		
		#botao_pedir_flutuante_back{
			height: 72px;
			position: fixed !important;
			width: 100%;
			bottom: 0 !important;
			z-index: 9;
			background: #fff;
			-webkit-box-shadow: 0px 0px 15px 1px rgb(0 0 0 / 37%);
			box-shadow: 0px 0px 4px 1px rgb(0 0 0 / 10%);
		}
	
		
		input#quantidade{
			display: block;
			position: fixed !important;
			width: 40px;
			height: 40px;
			background: none;
			bottom: 15px !important;
			z-index: 10;
			transform: none !important;
			-webkit-transform: none !important;
			left: calc(2.5% + 45px);
			border-radius: 9px;
			border: 0px solid #c7c7c7;
			text-align: center;
			font-size: 20px;
		}
		
		#quantidade_back{
			position: fixed;
			width: 132px;
			height: 55px;
			float: left;
			background: #dbdbdb;
			bottom: 8px;
			z-index: 100;
			border-radius: 10px;
			left: 2.5%;
		}
		
		#quantidade_menos{
			display: block;
			position: fixed !important;
			width: 30px;
			height: 30px;
			background: none;
			bottom: 20px !important;
			z-index: 10;
			transform: none !important;
			-webkit-transform: none !important;
			left: calc(2.5% + 12px);
			border-radius: 43px;
			text-align: center;
			font-size: 20px;
			color: #fff;
			font-size: 19px;
			float: left;
			margin-left: 0px;
		}
		
		#quantidade_menos p{
			width: 100%;
			color: #000;
			text-align: center;
			font-weight: 700;
			font-size: 20px;
			font-family: 'Lato';
			margin-top: 2px;
		}
		
		#quantidade_mais p{
			width: 100%;
			color: #000;
			text-align: center;
			font-weight: 700;
			font-size: 20px;
			font-family: 'Lato';
			margin-top: 2px;
		}
		
		#quantidade_mais{
		    display: block;
			position: fixed !important;
			width: 30px;
			height: 30px;
			background: none;
			bottom: 20px !important;
			z-index: 10;
			transform: none !important;
			-webkit-transform: none !important;
		    left: calc(2.5% + 89px);
			border-radius: 43px;
			text-align: center;
			font-size: 20px;
			color: #fff;
			font-size: 19px;
		}
		
		
		#botao_pedir_flutuante_non{
			display:block;
			position:fixed !important;
			width:100%;
			height:60px;
			background:#f00;
			bottom: 0px !important;
			z-index:10;
			transform: none !important;
			-webkit-transform: none !important;

			-webkit-box-shadow: -1px 10px 34px -7px rgba(0,0,0,0.75);
			-moz-box-shadow: -1px 10px 34px -7px rgba(0,0,0,0.75);
			box-shadow: -1px 10px 34px -7px rgba(0,0,0,0.75);
		}
		
			
		#botao_pedir_flutuante_div{
			display:block;
			position:fixed !important;
			width:95%;
			height:60px;
			background:#f00;
			bottom: 0px !important;
			z-index:10;
			transform: none !important;
			-webkit-transform: none !important;

			-webkit-box-shadow: -1px 10px 34px -7px rgba(0,0,0,0.75);
			-moz-box-shadow: -1px 10px 34px -7px rgba(0,0,0,0.75);
			box-shadow: -1px 10px 34px -7px rgba(0,0,0,0.75);
			
			  -webkit-transition: opacity 2s ease-in;
			-moz-transition: opacity 2s ease-in;
			-o-transition: opacity 2s ease-in;
			-ms-transition: opacity 2s ease-in;
			transition: opacity 2s ease-in;
		}

		#botao_pedir_flutuante h1{
			font-family: Montserrat;
			font-size: 15px;
			color: #fff;
			width: 100%;
			text-align: center;
			float: left;
			margin-top: 18px;
			font-weight: 400;
		}
		
		#botao_pedir_flutuante_non h1{
			font-family: Montserrat;
			font-size: 15px;
			color: #fff;
			width: 100%;
			text-align: center;
			float: left;
			margin-top: 21px;
			font-weight: 400;
		}
		
		#botao_pedir_flutuante_div h1{
			font-family: Montserrat;
			font-size:15px;
			color:#fff;
			width:100%;
			text-align:center;
			float:left;
			margin-top: 20px;
		}

		#area_busca_mobile{
			display:block;
		}


		#mostra_endereco_selecionado #mostrando_endereco{
			width: calc(100% - 60px);
			float: inherit;
			height:auto;
		}

		#mostra_endereco_selecionado #mostrando_endereco h3{
			float:left;
			width:100%;
			font-weight:bolder;
			font-size:15px;
		}

		input.botao_mobile{
			display:none;
		}

		h1#h1_index_pedir.fechado{
		margin-top: 20px;
		}

		section#box_item h3{
			width:100%;
		}


		#area_preco.preco{
			margin-top:10px;
			margin-bottom:10px;
		}

		section#estado{
			display:none;
		}

		#h3_total_mobile{
			display:block;
			margin-right:10px;
			font-size: 18px;
		}

		#area_preco.preco h3#h3_preco{
			float: left;
			color: #008926;
			font-size: 18px;
		}

		#area_preco.preco h3#h3_total{
			float:left;
			font-size: 18px;
			display:none;
		}


		#area_preco.cupom{
		}


		section#area_info_index_banner_redondo{
			width: 90%;
			padding-left: 2.5%;
			padding-right: 2.5%;
			padding-top: 5px;
			padding-bottom: 5px;
			height: 30px;
			background: #fff;
			border-radius: 20px;
			position: absolute;
			z-index: 10000;
			margin-left: 2.5%;
			margin-top: 10px;
			-webkit-box-shadow: 0px 2px 30px -10px rgba(0,0,0,0.38);
			-moz-box-shadow: 0px 2px 30px -10px rgba(0,0,0,0.38);
			box-shadow: 0px 2px 30px -10px rgba(0, 0, 0, 0.38)

		}

		section#area_info_index_banner_redondo h3{
			float:right;
			font-size:15px;
		}

		div#area_info_index_banner_redondo_clock{
			width: 18px;
			height: 18px;
			background:url(../img/clock.png);
			background-size:contain;
			float:left;
			margin-top:2px;
			margin-left:0px;
		}


		#carrinho_floating{
			display: block;
   			 width: 95%;
			height: 55px;
			background: #fff;
			position: fixed !important;
			bottom: 50px !important;
			left: 2.5%;
			z-index: 50;
			border-radius: 10px;
			box-shadow: 0px 6px 6px -4px rgb(0 0 0 / 30%);
		}
		

		#carrinho_floating:active{
			
		}
		
		#carrinho_floating h3.ver_carrinho{
			width: 100px;
			text-align: center;
			color: #fff;
			z-index: 60;
			float: left;
			font-size:15px;
			position: absolute;
			left: 50%;
			margin-left: -50px;
			margin-top: 19px;
			
		}
		
		#carrinho_floating h3.valor_total_carrinho{
			/*width: 100px;*/
			text-align: center;
			color: #fff;
			z-index: 60;
			font-size: 15px;
			position: absolute;
			margin-top: 18px;
			right:15px;
			font-weight:800;
		}

		h1#h1_index_pedir{
		margin-left: 2.5%;
		margin-top: 20px;
		color: #fff;
		}

		#carrinho_floating_icon{
			width:20px;
			height:20px;
			float:left;
			margin:20px 0 10px 15px;
		}

		#mostrar_qnt_carrinho_mobile{
			width: 17px;
			height: 17px;
			position: absolute;
			border-radius: 10px;
			left: 30px;
			top:12px;
		}
		#mostrar_qnt_carrinho_mobile_escuro{
			width:100%;
			height:100%;
			border-radius:20px;
			background:#fff;
		}

		#mostrar_qnt_carrinho_mobile_escuro p {
			color: #fff;
			font-size: 11px;
			height: 17px;
			position: relative;
			font-weight: bold;
			/* float: left; */
			top: 50%;
			left: 50%;
			margin-right: -50%;
			transform: translate(-50%, -50%);
		}

		#icone_menu_header{
			display: block;
			width: 20px;
			height: 20px;
			float: right;
			margin: 18px 2.5% 0 0;
		}

		section#app_bar_geral{
			display: block;
			width: 100%;
			height: 40px;
			position:fixed;			
			bottom:0px;
			border-top: 1px solid #e4e4e4;
		}

		
		section#area_preco_item{
			width: 100%;
			margin-left: 0;
			border-radius: 10px;
			margin-top: 0px;
			border: 0px;
			margin-bottom: 0;
			position: absolute;
			top: 249px;
		}

		section#app_bar_ul{
			width:25%;
			height:40px;
			display:block;
			position:relative;
			float:left;
			margin-left:0px;
			
			-webkit-transition: all .10s linear;
			-moz-transition: all .10s linear;
			-ms-transition: all .10s linear;
			transition: all .10s linear;
		}
		
		section#app_bar_ul:active{
			background:#e4e4e4;
		}
		
		section#app_bar_ul:after{
			background:#e4e4e4;
		}
		
		section#app_bar_ul.selecionado{
			background:#e4e4e4;
		}

		section#app_bar_ul_selecionado{
			width:100%;
			height:40px;
			background:#e4e4e4;
		}
		
		#app_bar_ul_icone{
			width: 25px;
			height: 22px;
			left: 50%;
			background-repeat: no-repeat !important;
			margin-left: -11px;
			position: relative;
			margin-top: 10px;
			float: left;
		}



		section#app_bar_ul p{
			color: #000;
			width: 100%;
			height: 10px;
			font-size: 11px;
			font-weight: 600;
			margin-top: -4px;
		}

		
		section#margin-bottom{
			height:150px;
			width:100%;
			float:left;
			display:block;
		}

		#botao_mostra_info{display:block;}

		#info{
			display:none;
		}
		#info.mostra{
			display:block;
		}

		input#busca_nova{
			width: 80%;
			margin: 10px 0 0px 2.5%;
			padding-left:2.5%;
			padding-right:2.5%;
			float:left;
			border-radius:0px;
			-webkit-border-top-left-radius: 5px;
			-webkit-border-bottom-left-radius: 5px;
			-moz-border-radius-topleft: 5px;
			-moz-border-radius-bottomleft: 5px;
			border-top-left-radius: 5px;
			border-bottom-left-radius: 5px;
		}

		input#busca_nova_botao{
			width: 15%;
			float: left;
			margin: 10px 0 0px 0px;
			padding-left:2.5%;
			padding-right:2.5%;
			background: #f1f1f1;
			border-radius: 0px;
			background: url(../img/buscar.png);
			background-repeat: no-repeat;
			background-position: 50%;
			border-radius:0px;
			border-left:0px;
			-webkit-border-top-right-radius: 5px;
			-webkit-border-bottom-right-radius: 5px;
			-moz-border-radius-topright: 5px;
			-moz-border-radius-bottomright: 5px;
			border-top-right-radius: 5px;
			border-bottom-right-radius: 5px;

		}


		section#aviso_padrao{
			width: 95%;
			min-height: 30px;
			padding-left: 2.5%;
			padding-right: 2.5%;
			padding-top: 10px;
			padding-bottom: 15px;
			margin: -10px 0 0px 0px;
			float: left;
			border-radius: 0px;
			padding-top: 25px;
			background: #fbf0bb;
			border: 0px;
			border-bottom: 3px dashed #ede2ae;
		}

		section#aviso_padrao.pedido_sem_cadastro{
			text-align: center;
			padding-bottom: 0px;
		}

		section#aviso_padrao.pedido_sem_cadastro p{
			width:100%;
		}


		a.pedido_sem_cadastro_btn{
			box-sizing: border-box;
			width: 100%;
			float: left;
			margin: 10px  0%;
			background: #dbcf8e;
			font-weight: bolder;
			border-radius: 5px;
			padding: 10px;
			border-bottom: 3px solid #b9b185;
			color: #77704c;
			font-size: 13px;
		}

		section#aviso_padrao p {
		   width: auto;
			color: #3c3611;
			font-weight: 500;
			
		}

		section#banner_pagina_inteno{
			display:none;
		}
		section#banner_pagina_inteno.final{
			display:block;
		}

		section#categorias_index_mobile{
		display:block;
		float: left;
		width: 100%;
		}

		#area_itens.home{
			display:none;
		}

		section #box_aviso{
			width: 91%;
			height: auto;
			padding: 9px;
			font-size:15px;
			background: #FFFBEB;
			border-radius: 0px;
		    border: 1px solid #D0C9B5;
			margin: 20px 1.5% 0 1.5%;
			float: left;
		}

		.select_preco_opcoes{
			 margin-left:2.5%;
			 width:95%;
			 float: left;
			 height:55px;
			 border-color:#e5e5e5;
		}

		div#voltar{
			display:block;
			width:35px;
			height:35px;
			margin:12px -5px 0 5px;
			background: url(../img/voltar_seta_branco.png);
			background-size: 25px;
			background-repeat: no-repeat;
			background-position: center;
			float:left;
			border-radius:50%;transition: all .05s linear;
			
		}

		div#voltar:active{
			background-color:#00000030;			
		}
		
		section#box_item_descricao{
			width: 95%;
			width: calc(95% - 95px);
			height: auto;
			padding-bottom: 10px;
			float: left;
			font-size: 14px;
			color: #000000;
			line-height: 18px;
			border-radius: 0px;
			margin: 0px 0 0 2.5%;
			border: 0px;
			border-bottom: 0px solid #dedede;
			/* box-shadow: 0px 4px 10px -3px rgba(0,0,0,0.12); */
			font-weight: normal;
			padding-top: 2px;
		}



		nav#minha_conta ul a {
			float: left;
			width: 100%;
			height: 50px;
			background: #555;
			margin-left: 0;
			margin-top: 0;
			margin-bottom: 0;
			border-radius: 0;
			background: #fff;
			border-bottom: 1px solid #E0E0E0;
			border-top: 0;
			text-decoration: none;
			list-style: none;
			color: #555;
		}

		nav#minha_conta ul a.last {margin-bottom:20px;}


		.carrinho_final_clear{
		display:block;
		}

		.h3_carrinho_final{
			color: #008926;
			font-size: 20px;
			margin-top: 10px;
			margin-bottom: 20px;
			margin-left: 20px;
		}


		#form_margin{

		}

		.margin_top_finalizar_mobile_icon{
			margin: 150px 0px 0px 2.08%;
			float:left;
		}

		.margin_top_finalizar_mobile_h3{
			margin: 150px 0px 0px .6%;
			float:left;
		}

		#coluna_login_carrinho{
			width:96%;
			height:auto;
			float:left;
			margin: 10px 0 20px 2.08%;
		}

		#botao_continuar_pc{
			display:none;
		}

		#botao_pedir_mobile{
			width: 90%;
			height: 22px;
			position: fixed !important;
			padding: 15px 3%;
			bottom: 40px !important;
			float: left;
			background: #008926;
			margin: 0 0 10px 2.08%;
			cursor: pointer;
			border-radius: 10px;

		}

		#botao_continuar_mobile{
			display:block;
			width:90%;
			height:20px;
			padding:20px 3%;
			float:left;
			margin:0 0 20px 2.08%;

		}

		#area_preco.preco_mobile{
			font-size: 25px;
			float: left;
			margin: 30px 0px 0px 0;
			border-radius: 5px;
			border: 1px solid #CFE5BA;
			border-left: 1px solid #d0c9b5;
			width: 100%;
			background: #ECFADE;
			/* padding: 10px; */
		}


		section#box_aviso.aviso_categoria{
			display:none;
		}

		div#categoria_mobile{
			display:block;
		}


		div#categoria_mobile_home{
			display:none;
		}

		div#categoria_display_none{
			display:none;
		}

		div#aberto_fechado{
		display:none;
		}


		/* Isto é necessário para não haver rolagens horizontais quando movermos os elementos */
		html, body {overflow-x: hidden;}

		.main {
			padding: 00px;
			height:100vh;
			position:fixed;
		}
		
		/*
			Essa é a posição original do HEADER e do MAIN
		*/
		header, .main {
			-webkit-transform: translateX(0);
			-moz-transform: translateX(0);
			-ms-transform: translateX(0);
			transform: translateX(0);
			-webkit-transition: all .25s linear;
			-moz-transition: all .25s linear;
			-ms-transition: all .25s linear;
			transition: all .25s linear;
		}

		/*
		   Com a classe menu-active na tag HTML
		*/
		.menu-active menu {
			-webkit-transform: translateX(0);
			-moz-transform: translateX(0);
			-ms-transform: translateX(0);
			transform: translateX(0);
		}

		.menu-active header,
		.menu-active .main {
			-webkit-transform: translateX(220px);
			-moz-transform: translateX(220px);
			-ms-transform: translateX(220px);
			transform: translateX(220px);
		}

		section#centro{
			width:100%;
			height:auto;
			margin:0 auto;
		}
		section#bg_pizza{
			display:none;
		}

		section#coluna1{
			width:95%;  height:auto; float:left;
		}

		section#coluna2{
			width:95%; margin-right:20px; height:auto; float:left;
			margin-top:20px;
		}

		section#coluna293{
			float:left; width:93%; height:auto; margin:30px 3.5% 0 3.5%;
		}

		section#logo_footer{
			width: 100px;
			height: 55px;
			/* background: url(../img/logo.png); */
			background-size: contain;
			margin: 40px 0 0 20px;
		}



		nav#header{
			display:none;
		}

		section#area_carrinho{
			display:none;
		}

		form#busca_960{
			display:none
		}

		header#site{
			height:60px;
			position: fixed;
			width: 100%;
			z-index: 1500;
			//border-radius: 0px 0px 15px 15px;
		}
		
		header#site.capa{
			-webkit-box-shadow: inset 0px 75px 23px -65px rgba(0,0,0,0.4);
			-moz-box-shadow: inset 0px 75px 23px -65px rgba(0,0,0,0.4);
			box-shadow: inset 0px 75px 23px -65px rgba(0,0,0,0.4);
		}
		
		.capa_some{
			display:none;
		}
		
		.capa_aparece{
			display:block;
		}
		
		#capa_user p{
			position:absolute;
			color: #fff;
			top:17px;
			font-size:16px;
			left:2.5%;
			font-weight:400;
		}
		
		#capa_prazo{
			width:auto;
			height:50px;
			position:absolute;
			top: 50%;
			left: 50%;
			-ms-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
		}
		
		#capa_prazo img{
			float:left;
			width:20px;
		}
		
		#capa_prazo p{
			float:left;
			color:#fff;
		}

		section#header_interno{
			width:100%;
			height:60px;

		}

		form#busca_mobile{
			display:block;
		}

		input.busca{
			width: 80%;
			padding-left: 02%;
			margin: 0px;
			margin-top: 0px;
			border-radius: 0px;
			float: left;
			background: #fff;
			border: 0px;
			height: 55px;
			color: #fff;
		}

		input.botao_busca{
			width: 20%;
			height: 55px;
			border-radius: 0px;
			margin-top: 00px;
			background: #484848;
			color: #ddd;
			border:0px;
		}

		section#logo_header{
			margin: 10px 0 0 2.5%;
			background-size: 100%;
			width: 55px;
			height: 40px;
			background: url(../img/logo.png) no-repeat;
			background-size: contain;
			float: left;
		}


		section#cesta{
			display: block;
			float: right;
			width: 35px;
			height: 35px;
			margin: 12px 12px 0 0;
			background: url(../img/cesta.png);
			background-size: 100%;
		}

		#botao_mostra_info{
			width: 90%;
			height: 25px;
			padding: 2.5%;
			padding-top: 10px;
			padding-bottom: 10px;
			margin: 15px 0 0 2.5%;
			background: #e0e0e0;
			border-radius: 05px;
			float: left;
			border: 1px solid #b1b1b1;
		}

		#botao_mostra_info_icon{
			width:24px;
			height:24px;
			float:left;
			background:url(../img/info.png);
		}

		#botao_mostra_info p{
			font-size:15px;
			font-weight:bold;
			float:left;
			margin-left:05px;
		}

		section#icon_conta{
			display: block;
			float: right;
			width: 35px;
			height: 35px;
			margin: 12px 12px 0 0;
			background: url(../img/user.png);
			background-size: 100%;
		}

		section#area_itens{
			width:100%;
		}

		section#box_item{
		   width: 90%;
			height: auto;
			background: #fff;
			float: left;
			border-radius: 0px;
			margin: 10px 0% -1px 2.5%;
			border: 0px;
			padding: 5px 2.5%;
			/* border-bottom: 8px solid #f3f3f3; */
			border-radius: 10px;
			/* box-shadow: 0px 4px 10px -3px rgb(0 0 0 / 12%); */
			transition: all .10s linear;
		}
		
		section#box_item:active{
			background: #e4e4e4;
		}

		section#categoria_box_index{
			width: 95%;
			height: auto;
			min-height: 60px;
			float: left;
			margin: 0px 2.5% 0 0;
			padding: 0% 0 0 0%;
			border: 0px solid #e8e8e8;
			border-radius: 0px;
			transition: all 0.3s ease;
			margin: 10px 0 0 0%;
			background: #fff;
			margin: 0px;
			margin-bottom: 0px;
			box-shadow: none;
			border-radius: 10px;
			margin: 0px 0% 5px 2.5%;
			display: flex;
			align-items: center;
			border-bottom: 3px solid #dedede;
		}
		
		section#categoria_box_index:active{
			background: #e4e4e4;
		}
		
		section#categoria_box_index.marcado{
			width: 100%;
			padding: 0 0% 0 0%;
			margin-left: 0;
			border-radius: 0;
			display: flex;
			align-items: center;
			margin-bottom:0px;
		}

		section#tumb_categorias_index{
			width: 40px;
			height: 40px;
			float: left;
			margin: 10px;
			margin-right: 0px;
			border-radius: 10px;
			border: 0px solid #fff;
			-webkit-box-shadow: inset 0px 0px 29px -8px rgba(0,0,0,0.75);
			-moz-box-shadow: inset 0px 0px 29px -8px rgba(0,0,0,0.75);
			box-shadow: inset 0px 0px 28px -18px rgba(0,0,0,0.75);
		}

		section#categoria_box_index h3{
			font-size:15px;
			font-weight: bold;
			text-transform: uppercase;
		}

		#seta_direita{
		    float: right;
		    width: 24px;
		    margin-right: 15px;
		    margin-bottom: 0;
		    /* margin-top: 20px; */
		    margin-right: 10px;
		    height: 20px;
		    opacity: .3;
		    background: url(../img/seta_baixo.png);
		    background-repeat: no-repeat;
		    background-size: contain;
		    margin-left: 29px;
		}

		section#seta_completa.display_none{
			display:none;
		}

		section#area_preco_1{
			width:22%;
			height: auto;
			padding-bottom:20px;
			float: left;
			border-radius: 05px;
			background: #fff;
			border: 1px solid #e5e5e5;
			margin: 20px 0 0 2.08%;
		}
		section#area_preco{
			width: 100% !important;
		}

		section#imagem_item{
			position: relative;
			width: 100%;
			height: 250px;
			padding: 0;
			float: left;
			margin: 0;
			background-color: #e5e5e5;
			border: 0 solid #fff;
			border-radius: 0px;
		}

		section#imagem_item.meia_a_meia{
			position: relative;
			width:20.3333%;
			padding-bottom: 41.666%;
			height:0;
			float:left;
			margin:20px 0 20px 2.08%;
			background-color:#e5e5e5;
			border:10px solid #fff;
			border-radius:5px;
		}

		.descricao{
			box-sizing: border-box;
			width: 95%;
			height: auto;
			padding: 5%;
			background: #fff;
			float: left;
			margin: 0;
			/* padding-top: 0px; */
			margin-top: 0px;
			background: #f3f3f3;
			margin: 10px 2.5%;
			border-radius: 5px;
		}



		#voltar_carrinho{
			width: 91%;
			margin: 0 0 20px 2.5%;
			padding-top: 20px;
		}


		section#imagem_item.no_img{
			display:none;
		}

		.only_mobile{
		display:block;
		}

		#only_mobile{
		display:block;
		}

		footer#site{
			display:none;
			margin-top:20px;
		}

		footer#site.index{
			display:block;
			margin-top:20px;
		}

		.only_web{
		display:none;
		}
	}

	/*DEFINIÇÕES PARA TODAS AS RESOLUÇÕES INFERIORES A 880PX*/
	@media screen and (max-width: 880px) {


		section#box_item_index{
			width: 100%;
			height: 150px;
			background: #fff;
			float: left;
			/* border-radius: 5px; */
			border-bottom: 1px solid #E7E5E5;

		}

		footer#site p {
			float: left;
			width: 200px;
			color: #fff;
			margin: 30px 0 0 30px;
			font-size:15px;
		}

		h1.h1_criar_pizza{
			font-size:25px;
		}

	

		#fundo{
		display:none;
		}


		section#area_preco_item{
			width: 100%;
			margin-left: 0;
			border-radius: 10px;
			margin-top: 0px;
			border: 0px;
			margin-bottom: 0;
			position: absolute;
			top: 249px;
		}



		section#area_preco_1{
			width:26.6875%;
			height: auto;
			padding-bottom:20px;
			float: left;
			border-radius: 05px;
			background: #fff;
			border: 1px solid #e5e5e5;
			margin: 20px 0 10px 2.08%;
		}

		.display_none_step{
		display:none;
		}

		.descricao{
			box-sizing: border-box;
			width: 95%;
			height: auto;
			padding: 5%;
			background: #fff;
			float: left;
			margin: 0;
			/* padding-top: 0px; */
			margin-top: 0px;
			background: #f3f3f3;
			margin: 10px 2.5%;
			border-radius: 5px;
		}

		.botao_trocar_modo_entrega
		{
			color: #2A89AB;
			text-decoration: none;
			float: left;
			margin-top: 20px;
			font-family: open sans;
			float: inherit;
		}

		.display_none_trocar_entrega{
			display:block;
		}

		section#area_preco_1{
			width:95%;
			height: auto;
			padding-bottom:20px;
			float: left;
			border-radius: 2px;
			background: #fff;
			border: 1px solid #e5e5e5;
			margin: 20px 2.5% 0 2.5%;
		}

		section#imagem_item{
			position: relative;
			width: 100%;
			height: 250px;
			padding:0;
			float: left;
			margin: 0;
			background-color: #e5e5e5;
			border: 0 solid #fff;
			 border-radius: 0px;
		}

		section#imagem_item.meia_a_meia{
			position: relative;
			width: 100%;
			padding-bottom: 90%;
			height: 0;
			float: left;
			margin: 0;
			background-color: #e5e5e5;
			border: 0 solid #fff;
			/* border-radius: 2px; */
		}


		#seleciona_borda{
		margin: 0px 0px 0px 20px;
		width: 87%;
		height: 50px;
		/* border-radius: 05px; */
		border: 1px solid #D6D6D6;
		padding: 05px;
		}

		.descricao{
			box-sizing: border-box;
			width: 95%;
			height: auto;
			padding: 5%;
			background: #fff;
			float: left;
			margin: 0;
			/* padding-top: 0px; */
			margin-top: 0px;
			background: #f3f3f3;
			margin: 10px 2.5%;
			border-radius: 5px;
		}

		h1.h1_criar_pizza{
			font-size:23px;
		}
	}

	/*DEFINIÇÕES PARA TODAS AS RESOLUÇÕES INFERIORES A 690px*/
	@media screen and (max-width: 690px) {
		h1#h1_index_pedir{
			margin-top:20px;
		}


		

		footer#site{
			height:20px;
		}

		.h2_carrinho{
			font-size:20px;
		}


		.carrinho_box_mobile
		{
			display:block;
			margin-bottom:0px;
		}

		.carrinho_box_pc
		{
			display:none;
		}

		h2.display_none{
		display:none;
		}

		h2.titulo_criar_pizza{
			font-size:20px;
			width: 96%;

		}

		section.chamada{
			display:none;
		}

		div#selo_uol{
		display:none;
		}

		footer#site p#restrito {
			display:none;
		}

		div#restrito_link{
			width: 100%;
			padding: 2.08%;
			padding-bottom: 10px;
			height: auto;
			display:block;
			background: none !important;
		}

		div#restrito_link p {
			margin:0 05px 10px 5px;
			color:#fff;
			font-size:15px;
			display:block;
		}

		input.busca{
			width: 80%;
			margin: 0px;
			margin-top: 0px;
			border-radius: 0px;
			float: left;
			border: 0px;
			height: 55px;
			color: #fff;
		}

		input.botao_busca{
			width: 20%;
			height: 55px;
			border-radius: 0px;
			margin-top: 00px;
			color: #ddd;
			border:0px;
		}

		section#estado{
		display:none;
		}

		#voltar_carrinho{
			height: 30px;
		}

		h1#h1_index_pedir.vitrine{
		margin-top: 25px;
		}
		
		section#coluna_preco_1 h3{
		font-size: 15px;
		margin: 5px 0 0 10px;
		font-weight: bolder;
		}
		
	}

	/*DEFINIÇÕES PARA TODAS AS RESOLUÇÕES INFERIORES A 690px*/
	@media screen and (max-width: 450px) {


		section#banner_pagina_inteno{

		}


		section.container_index_box_item h3{
			font-size:16px;
		}


		h1{
			font-size:25px;
		}



		h1.h1_criar_pizza{
			font-size:18px;
		}

		#voltar_carrinho{

		}

		


	}

	/*DEFINIÇÕES PARA TODAS AS RESOLUÇÕES INFERIORES A 403px*/
	@media screen and (max-width: 403px) {
		#mostra_endereco_selecionado_icon{
			margin-top:5px;
		}

		.desce_retirar{
			margin-top:10px;
		}

		#mostra_endereco_selecionado #trocar_endereco{

		}

		section#coluna_preco_1{
			width: 200px;
		}

		section#coluna_preco_1 h3{
		font-size: 15px;
		margin: 5px 0 0 10px;
		font-weight: bolder;
		}


		a#selo_sg{
			display:none;
		}

		.h1_criar_pizza{
			font-size:22px;
		}
		
		#capa #botaocapa h3{
			margin-top: 3px;
			font-size:15px;
		}

	}

	/*DEFINIÇÕES PARA TODAS AS RESOLUÇÕES INFERIORES A 325px*/
	@media screen and (max-width: 355px) {



	}