/* INICIO ESTILOS DO HEADER */
header#header_include{
	top:-80px;
	position: fixed;
	background-color: #fff;
	z-index: 3;
	height: 74px;
	width: 100%;
	margin-bottom: 100px;
	border-bottom:1px solid #e1e1e1;
	transition: top 0.3s ease;
	display: block;
}
nav{
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 74px;
	color: var(--color-main);
}
/* LOGO COM LINK PRA HOME */
.sn-nav-ft{
	height:100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.logo_header{
	position: relative;
	height: 70%;
	display: flex;
	align-items: center;
}
.logo_header img{
	width: auto;
	height: 100%;
	width: 120px;
	max-width: 120px;
	object-fit: contain;
}
/* INPUT DE PESQUISAR */
.search_header{
	width: 230px;
	margin-left:35px;
	padding-right:0px;
}
.search_header .ico-df-in{
	margin-left: 10px;
	color:#808080;
	width:20px;
}
.in-ico-df{
	background: #f5f5f5;
	border:1px solid #f5f5f5;
	padding: 9px 10px;
	padding-left:50px;
	font-size:16px;
	border-radius: 100px !important;
}
.in-ico-df::-webkit-input-placeholder{
	color:#555555;
}
.in-ico-df:focus{
	background: #f5f5f5;
	border:1px solid #d1d1d1;
}
/* ESTILO DO LOCAL DA ENTREGA */
.delivery_local{
	margin: 0 20px;
	margin-left:28px;
	max-height: 25px;
	display: flex;
	justify-content: space-between;
	cursor: pointer;
	width: 100%;
}
.text_delivery_local_header{
	display: -webkit-box;
	margin-left: 4%;
	overflow: hidden;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	width:96%;
}
/* ICONES COM INTERAÇÃO */
.father_options_header{
	position: relative;
	font-size: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-left:10px;
	border-left:1px solid #e1e1e1;
}
.button_singin_header{
	width:160px;
	height: 40px;
	background-color:var(--color-main);
	border-radius: 4px;
	color:#fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	transition: all 0.3s ease;
	cursor: pointer;
	border:1px solid var(--color-main);
	margin: 0px 20px 0px 0px;
}
.button_singin_header:hover{
	border:1px solid var(--color-main);
	background-color:var(--color-main-light);
}
.button_login_header{
	width:100px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	margin-right: 20px;
	transition: all 0.3s ease;
	/* border-radius: 5px; */
	cursor: pointer;
	/* border:1px solid var(--color-main); */
}
.button_login_header:hover{
	color:var(--color-main-dark); 
}
.button_logged_header{
	color:var(--color-main);
	background: #fff;
	width: max-content;
	text-transform: capitalize;
}
.options_header{
	position:relative;
	margin: 0px 5px;
	cursor: pointer;
	height: 30px;
	min-width: 40px;
	background-position: center;
	background-repeat: no-repeat;
	background-size:contain;
}
.ico-bag{
	stroke-width:1.3;
	margin-right: 12px;
}
.ico-menu{
	stroke-width:1.5;
	height: 40px;
	min-width: 42px;
}
/* ESTILO DO MENU SUSPENSO DE LOGIN */
.suspend_menu_login{
	position: fixed;
	width: 300px;
	background-color: #fff;
	top:80px;
	box-shadow: 0 0 15px 1px rgba(90,80,105,.2);
	z-index: 3;
	transition: all 270ms cubic-bezier(.34,1.25,.3,1);
	opacity: 0;
	visibility: hidden;
	transform: scale(.7);
	border-radius: 10px;
	pointer-events: none;
}
.suspend_menu_login::after{
	content: "";
	background: #fff;
	width: 20px;
	height: 20px;
	position: absolute;
	top: -10px;
	margin-left: calc(50% - 15px);
	transform: rotate(45deg);
}
.suspend_menu_login_visible{
	opacity: 1;
	visibility: visible;
	transform: scale(1);
	pointer-events: all;
}
.align_buttons_menu_suspend{
	position: relative;
	height: calc(100% - 60px);
	width: calc(100% - 60px);
	margin: 30px;
	display: flex;
	justify-content:space-around;
	flex-direction: column;
	font-size: 16px;
}
.button_google_menu_suspend{
	border:none;
	padding: 0px;
	background-color:transparent;
}
.abcRioButton{ box-shadow: 0 0px 4px 0 rgba(0,0,0,.25) !important; }
.abcRioButtonContents{ font-weight: bold !important; }
.button_kanguu_menu_suspend{
	width:100%;
	height: 40px;
	background-color:var(--color-main);
	border-radius: 4px;
	color:#fff;
	transition: all 0.3s ease;
	cursor: pointer;
	border:1px solid var(--color-main);
	margin-top: 20px;
}
.divisionOption{
	width:100%;
	display: flex;
	justify-content: space-between;
	color:var(--color-main);
	margin-top: 15px;
}
.divisionOption span{
	position: relative;
	background-color:var(--color-main);
	width:40%;
	height: 1px;
	display: inline-block;
	top:13px
}
.divisionOption + .button_kanguu_menu_suspend{
	color:var(--color-main);
	background:#fff;
	margin-top: 15px;
}
/* INICIO ESTILOS DA LINHA DE CARREGAMENTO */
.father_line_loading{
	position: absolute;
	bottom: calc(3px * -1);
	height: 3px;
	width: 100vw;
	background-color: transparent;
	pointer-events: none;
	overflow: hidden;
	opacity: 1;
	--animation-prop-one: line_loading 3s linear infinite;
	--animation-prop-two: line_loading_fast 3s linear infinite;
}
/* LINHA DE CARREGAMENTO LENTA */
.line_loading{
	position: absolute;
	height: 100%;
	background-color: var(--color-main);
	animation: var(--animation-prop-one);

}
@keyframes line_loading {
  0% {
		width:0%;
		left: -25%;
  }
	20%{
		left:30%; 
	}
	30%{
		width:60%; 
	}
	50%{
		width: 30%;
		left: 90%;
	}
  100% {
		width: 100%;
		left: 200%;
  }
}
/* LINHA DE CARREGAMENTO RAPIDA */
.line_loading_fast{
	position: absolute;
	height: 100%;
	background-color: var(--color-main);
	animation: var(--animation-prop-two);
	animation-delay: calc(2s / 2);
}
@keyframes line_loading_fast {
  0% {
		width: 10%;
		left: -10%;
  }
	25%{
		width: 70%;
		left: 25%;
	}
	50%{
		width: 10%;
		left: 100%;
	}
  100% {
		width: 0%;
		left: 100%;
  }
}
/* INICIO ESTILO DO FILTRO DOS MENUS */
.filter_menus{
	position: fixed;
	width: 100vw;
	height: 100vh;
	top: 0px;
	left: 0px;
	z-index: 3;
	background-color: #000;
	opacity: 0;
	transition: var(--transition);
	pointer-events: none;
}
.filter_menus_visible{
	opacity: 0.08;
	pointer-events: all;
}
/* PRODUTOS JA ADICIONADOS */
.current_content_cart{border-bottom: 1px solid var(--color-border);}
/* ESTILO DO BOX DE TODOS OS PRODUTOS DESSE RESTAURANTE */
.box-informations-order{box-shadow: none;padding: 0px;}
/* TITULO DO PEDIDO */
.title-order{border-bottom: 1px solid var(--color-border);padding: 20px 50px;}
.title-order h2{margin: 0px;}
.title-order div{
	font-size: 16px;
	line-height: 21px;
	max-height: 45px;
	overflow: hidden;
	color: var(--color-text);
}
.title-order div span{color: var(--color-main);font-weight: 500}
/* PRODUTOS DO PEDIDO */
.product-order{
	width: 100%;
	font-size: 16px;
	line-height: 21px;
	font-weight: 400;
	color: var(--color-text);
	border-bottom: 1px solid var(--color-border);
	padding: 30px 50px;
	padding-right: 70px;
	transition: var(--transition);
}
.product-order:hover{background-color: #eee;}
/* NOME E O VALOR DO PRODUTO  */
.product-order .title_product{
	font-size: 18px;
	line-height: 24px;
	font-weight: 500;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.product-order .title_product p{
	max-height: 75px;
	overflow: hidden;
	margin: 0px;
}
.product-order .title_product span{
	display: block;
	padding-left: 20px;
	white-space: nowrap;
}
/* DESCRIÇAO DO PRODUTO  */
.product-order .description_product{
	margin: 10px 0px;
	width: calc(100% - 80px);
	max-height: 45px;
	overflow: hidden;
	color: #8A8A8A;
}
/* EDITAR OU REMOVER PRODUTO  */
.product-order .button_options{color: var(--color-main);font-weight: 500}
.product-order .button_options span{margin-right:10px;cursor: pointer;}
/* TOTAL DO PEDIDO  */
.value-total{
	border-top: 0px solid #303030;
	padding: 30px 50px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 23px;
	line-height: 24px;
	font-weight: 500;
}
.value-total div{font-size: 23px;line-height: 27px;}
/* CONTINUAR COMPRANDO */
.buy_more{border-bottom: 1px solid var(--color-border);cursor: pointer;}
.text_buy_more{
	height: 120px;
	width: 100%;
	background-color: #fff;
	transition: var(--transition);
	color:var(--color-main);
}
.text_buy_more:hover{background-color: var(--color-border);}

.align_button_menu_header{
	display:flex;
	justify-content: center;
	padding:16px 0px;
}
/* HEADER MOBILE */
header#header_mobile_include{
	position: fixed;
	bottom:0px;
	background-color: var(--color-main);
	z-index: 3;
	height: 90px;
	width: 100%;
	display: none;
}
/* Opções do menu  */
.join_options-menu_inferior {
	display: flex;
	width: 100%;
	height: 100%;
}
.option-menu_inferior {
	width: 100%;
	height: 100%;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
}
.option-menu_inferior:hover { background: #e36302; }

/* ESTILOS MOBILE */
@media (orientation:portrait),(max-width:1024px){
	header#header_include{ display: none; }
	header#header_mobile_include{ display: block; }
}










/* ESTILO BAG */
.notify_bag_father{
	position: relative;
	/* background-color: red; */
}
.notify_bag{
	position: absolute;
	top:0px;
	left:3px;
	width: 22px;
	height: 22px;
	z-index: 1;
	background-color: var(--color-main);
	border-radius: 50%;
	color:#fff;
	text-align: center;
	line-height: 21px;
	font-size:14px;
	pointer-events: none;
}