/* INICIO ESTILOS EM TAGS */
:root{
	--color-main:#EC6C0F;
	--color-main-dark:#d3610d;
	--color-main-light:#f17c27;
	--transition:all 0.3s ease;
	--transition_slow:all 0.8s ease;
	--color-text:#3a3a3a;
	--color-title:#333333;
	--color-border: #E8E8E8;
	--color-background-introduction-home:#fdfdfd;
}
*{ box-sizing: border-box; }
*:focus{ outline:none !important; }
a,
a:hover{
	color: inherit;
	text-decoration: none;
}
body{
	user-select: none;
	position: relative;
	margin: 0px;
	padding: 0px;
	color:#404040;
	transition: var(--transition);
	right: 0px;
	overflow: hidden;
	overflow-y: scroll;
	background-color: var(--color-background-introduction-home);
}
h1{
	color:var(--color-title);
	font-size: 38px;
	font-weight: bold;
}
h2{
	color:var(--color-title);
	font-size: 35px;
	font-weight: bold;
}
h3{
	font-size: 26px;
	color:var(--color-title);
	font-weight:  normal;
}
img{
	position:relative;
	margin:auto;
	width:max-content;
	max-width:100%;
	height: auto;
	transition: var(--transition_slow);
}
.separa{
	width: calc(100% - 10px);
	margin-left: 10px;
	margin-top: 58px;
	margin-bottom: 20px;
	height: 1px;
	background-color: #d1d1d1;
}
/* INICIO DE ESTILOS BASTANTE USADOS */
.bk-icon-df{
	background-repeat: no-repeat;
	background-size:contain;
	background-position: center;
}
.clr_main{color:var(--color-main);}
.txt_cnt{text-align: center;}
.ft-img-df{
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: #000;
	opacity: 0.5;
}
.col-especial{border-bottom:2px solid var(--color-border);}
/* BOTTAO PADRAO */
.bt-df{
	color: #FFF;
	border-radius: 5px;
	background-color: var(--color-main);
	border: 1px solid var(--color-main);
	font-size: 22px;
	padding: 7px 35px;
	border:1px solid var(--color-main);
	transition: var(--transition);
}
.bt-df:focus,
.bt-df:hover{	background-color: var(--color-main-dark);	border:1px solid var(--color-main-dark);}
/* INPUT PADRAO*/
.ft-in-df{position: relative;margin:15px 0px;}
.lb-in-df{
	font-size: 18px;
	line-height: 30px;
	font-weight: 500;
	color: var(--color-text);
	margin-bottom: 5px;
}
.txt-df,
.in-df{
	width: 100%;
	border-radius: 5px;
	border: 1px solid #D2D2D2;
	font-size: 18px;
	height: 48px;
	padding-left: 25px;
	transition: var(--transition);
}
.in-df:focus{border: 1px solid var(--color-main);color: var(--color-main);}
.in-df::placeholder{transition: var(--transition);color:#909090}
.in-df:focus::placeholder{color: var(--color-main);}
/* TEXTAREA PADRAO */
.txt-df{
	height: 135px;
	resize: none;
	padding-top: 10px;
}
/* INPUT PADRAO COM ICONE*/
.ft-in-ico-df{
	position: relative;
	margin-right:15px;
	font-size: 20px;
}
.ico-df-in{
	position: absolute;
	height: 100%;
	color: var(--color-main);
	stroke-width:1.2;
	left: 10px;
}
.in-ico-df{
	width: 100%;
	padding: 8px 70px;
	border-radius: 5px;
	border: 1px solid #606060;
	transition: var(--transition);
}
.in-ico-df:focus{
	border:1px solid #d8d8d8;
}
@media (orientation:portrait),(max-width:1024px){
	.in-ico-df{
		padding: 8px 20px 8px 40px;
	}
}
	/* INPUT type RADIO */
.ft-radio{
	display: flex;
	align-items: center;
	justify-content: center;
}
.in-radio{ display: none; }
.lb-radio{
	position: relative;
	top: 4px;
	width: 30px;
	height: 30px;
	border:2px solid var(--color-main);
	border-radius: 100%;
	cursor: pointer;
}
.tt-in-df{
	position: relative;
	max-height: 50px;
	overflow: hidden;
}
.lb-radio + .tt-in-df{
	width: calc(100% - 40px);
	margin-left: 10px;
	font-weight: 500;
	font-size: 16px;
}
.in-radio:checked + .lb-radio{
	transition: var(--transition);
	background-color: var(--color-main);
	box-sizing: border-box;
}
.in-radio:checked + .lb-radio + div{color:var(--color-main)}
/* ESTILO PADRAO DOS MENUS LATERAIS */
.side_menus_visible_body{position: relative;right:450px;overflow-y: hidden;}
.side_menu_default{
	position: fixed;
	width: 450px;
	height: 100%;
	background-color: #fff;
	top:0px;
	right: -450px;
	box-shadow: 0 0 15px 1px rgba(90,80,105,.2);
	transition: var(--transition);
	overflow-y: scroll;
	z-index: 3;
}
.side_menu_default_visible{right: 0px;}
.side_menu_default::-webkit-scrollbar {width: 0px;}
/* ESTILO DO MENU FIXADO EM CIMA */
.align_head_default{
	position: sticky;
	background-color: #fff;
	border-bottom: 1px solid var(--color-border);
	box-shadow: 0px 0px 7px -2px #e9e9e9;
	top:0px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 10px;
	width: 100%;
	z-index: 1
}
.close_side_menu_default{
	--size_dismiss_menu:40px;
	width: var(--size_dismiss_menu);
	height: var(--size_dismiss_menu);
	color:var(--color-main);
	cursor: pointer;
}
.align_head_default h4{	margin:0px 10px;}
@media (orientation:portrait),(max-width:1024px){
	.side_menus_visible_body{ right: 100vw; }
	.side_menu_default{
		width: 100vw;
		right: -100vw;
	}
	.side_menu_default_visible{ right: 0vw; }
	.align_head_default{
		justify-content:space-between;
		direction: rtl;
	}
}
/* ESTILO PADRAO DE TODOS OS MODAIS */
/* FECHAR MODAL */
.dismiss-modal{
	position: sticky;
	top:20px;
	left: calc(100% - 60px);
	width: 40px;
	height: 40px;
	padding: 5px;
	color: var(--color-main);
	border:1px solid var(--color-border);
	background: #fff;
	border-radius: 100%;
	transition: var(--transition);
	z-index: 1;
	cursor: pointer;
}
/* FILTRO DOS MODAIS */
.filt-df{
	position: fixed;
	top: 0px;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0;
	pointer-events: none;
	z-index: 3;
	transition: 0.3s ease;
}
.filt-df-show{
	opacity: 0.6;
	pointer-events: all;
}
/* MODAL PADRAO */
.md-df{
	position:fixed;
	top:0px;
	border-radius: 5px;
	min-height: 200px;
	max-width: 90%;
	background-color: #fff;
	box-shadow: 0px 0px 10px 0px #202020;
	z-index: 4;
	overflow: hidden;
	overflow-y: scroll;
	opacity: 0;
	transition: all 0.3s ease;
	transition-property: opacity !important;
	pointer-events: none;
}
.md-df-show{
	opacity: 1;
	transition: all 0.3s ease;
	pointer-events: all;
}
.md-df::-webkit-scrollbar { width: 0px; }
/* MODAL PEQUENO */
.md-small{
	--width-modal:500px;
	--height-modal:400px;
	width: var(--width-modal);
	height: var(--height-modal);
}
/* MODAL MEDIO */
.md-medium{
	--width-modal:700px;
	--height-modal:600px;
	width: var(--width-modal);
	height: var(--height-modal);
}
@media (orientation:portrait),(max-width:1024px){
	.md-medium{ --width-modal:90vw; }
}
/* ALINHAR MODAL NO MEIO DA TELA */
.full-cent{
	left:calc(50vw - var(--width-modal)/2) !important;
	top:calc(50% - var(--height-modal)/2);
}

/* SECTION SLICK PADRAO */
.title-slick-df{
	height: 50px;
	display: flex;
	justify-content: flex-start;
}
.title-slick-df a{
	transition: var(--transition);
	color: var(--color-main);
	font-weight: 500;
	font-size: 20px;
	cursor: pointer;
}
.title-slick-df a:hover{ color:var(--color-main); }

.arrow-slick-df{
	position: absolute;
	top:70px;
	z-index: 1;
	display: flex;
	justify-content: space-between;
	width:104%;
	left:-2%;
	pointer-events: none;
	opacity: 0.90;
}
.arrow-slick-df span{
	background-color: #fff;
	padding: 0px;
	margin: 0px;
	width: 58px;
	height: 58px;
	border:none;
	box-shadow: 0px 0px 6px 0px #c9c9c9;
	pointer-events: all;
	transition: all 0.3s ease;
	border-radius: 100%;
	cursor: pointer;
	display: flex;
	align-items: center;
	color:#808080;
}
.arrow-slick-df span:hover{
	color:#fff;
	background-color: var(--color-main);
}

.slick-arrow{	display: none !important;}
.ft-slick-cards{margin:18px 0px;}
.card-df{
	margin:0px 12px;
	min-width: 172px;
	cursor: pointer;
	height:auto;
}
.img-card-df{
	position: relative;
	width: 100%;
	height: 172px;
	border-radius: 6px;
	overflow: hidden;
	margin-bottom:10px;
}
.img-card-df img{ transition: all 1s ease; }
.name-card-df{
	text-align: center;
	width: 100%;
	font-size: 22px;
	overflow: hidden;
	transition: var(--transition_slow);
}
.img-card-df:hover.img-card-df img{ transform: scale(1.07); }
.img-card-df:hover ~ .name-card-df{ color: var(--color-main) }
.slick-dots{ top:240px !important; }
.slick-dots li{
	width: 12px !important;
	height: 12px !important;
	margin: 0 4px !important
}
.slick-dots li button{
	width: 12px !important;
	height: 12px !important;
}
.slick-dots li button::before{
	content: "" !important;
	width: 12px !important;
	height: 12px !important;
	border-radius:50%;
	opacity: 1 !important;
	background: var(--color-main);
}
.slick-dots .slick-active button::before{
	opacity: 1 !important;
	border:2px solid var(--color-main) !important;
	background: none;
}
/* ESTILOS DOS RESTAURANTES E PRODUTOS */
.j-tt-fi-df{
	position: relative;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.j-tt-fi-df p{
	max-width: 59%;
	font-size: 24px;
	line-height: 32px;
	font-weight: 500;
	color:var(--color-text);
	height: 100%;
	margin: 0px;
}
.al-fil-df{
	position: relative;
	max-width: 41%;
	font-size: 16px;
	line-height: 21px;
	font-weight: 500;
	color:var(--color-text);
}
.op-fil-df{
	padding:3px 12px;
	margin: 0px 10px;
	display: inline-block;
	background-color:#E6E6E6;
	border-radius: 22px;
	transition: var(--transition);
	cursor: pointer;
}
.ico-fil-df{
	position: relative;
	margin-top: -10px;
	top: 4px;
	width: 25px;
	height: 25px;
	transition: var(--transition);
}
.op-fil-df:hover .ico-fil-df{
	transform: rotate(180deg);
}


/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! NOVOS ESTILOS PARA OS CARDS DOS RESTAURANTES  !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! NOVOS ESTILOS PARA OS CARDS DOS RESTAURANTES  !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
.cd-pvd-df{
	position: relative;
	width: calc(100% - 20px);
	max-width:none;
	margin-left:10px;
	box-shadow: 0px 1px 10px 0px #e1e1e1;
	margin-top:20px;
	border-radius: 3px;
	border:none;
	transition: all 0.3s ease !important;
	display: block;
	background-color: #fff;
	border:1px solid #d1d1d1;
	/* min-height:295px; */
	border-radius:10px;
	overflow:hidden;
}
.cd-pvd-df:hover{
	box-shadow: 1px 1px 13px 1px #d1d1d1;
}
.img-pvd-df{
	position: relative;
	height: 140px;
	width: 100%;
	overflow: hidden;
}
.img-pvd-df img{
	width:100%;
	height: 100%;
	object-fit: cover;
}
.father_ava{
	position: absolute;
	padding-right: 20px;
	right: 0px;
}
.align_title_avaliation{
	position: relative;
	width: 100%;
	display: flex;
	justify-content: space-between;
	padding-right: 0px !important;
}
.title_providers{
	font-size: 20px !important;
	padding-left: 20px !important;
	padding-right: 20px !important;
	margin-top: 5px !important;
	font-weight: 500;
}
.circle_avaliation{
	position: relative;
	width: 35px;
	height: 35px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #ffffff;
	font-size: 14px;
	font-weight: 700;
	border-radius: 50%;
	top: -22px;
	background-color: var(--color-main);
	box-shadow: 0px 3px 6px #0000003D;
}
.align_categoria_restaurante{
	padding-left: 20px !important;
	padding-right: 20px !important;
}
.title_category{
	position: relative;
	width: 100%;
	top: -17px;
	color: #909090;
	font-size: 14px;
}
.align_prazo_taxa{
	position: relative;
	width: 100%;
	display: flex;
	justify-content: space-between;
	padding:12px 20px;
}
.align_prazo_taxa span{
	color:#3A3A3A;
}
.align_prazo_taxa span:nth-child(1){
	font-size:14px;
	font-weight:400;
}
.align_prazo_taxa span:nth-child(2){
	font-size:16px;
	font-weight:600;
}
.border_container{
	width: 100%;
	height: 5px;
	padding-left: 20px !important;
	padding-right: 20px !important;
	margin-top: 10px;
}
.border_contain {
	position: relative;
	width: 100%;
	height: 1px;
	background-color: #E9E9E9;
}
/* ESTILOS PARA OS CARDS DOS RESTAURANTES E PRODUTOS */
/* .cd-pvd-df{
	position: relative;
	width: calc(100% - 20px);
	max-width:none;
	margin-left:10px;
	box-shadow: 0px 1px 10px 0px #e1e1e1;
	margin-top:20px;
	border-radius: 3px;
	border:none;
	transition: all 0.3s ease !important;
	display: block;
	background-color: #fff;
	border:1px solid #d1d1d1;
}
.cd-pvd-df:hover{
	box-shadow: 1px 1px 13px 1px #d1d1d1;
}
.img-pvd-df{
	position: relative;
	height: 150px;
	width: 100%;
	overflow: hidden;
}
.img-pvd-df img{
	width:100%;
	height: 100%;
	object-fit: cover;
}
.cd-pvd-df p{
	margin: 0px;
	margin-top: 10px;
	padding: 0px 28px;
	font-size: 18px;
	line-height: 36px;
	font-weight: 500;
	overflow: hidden;
}
.j-ifm-pvd-df{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 28px;
	margin-top: 10px;
}
.ifm-pvd-df{
	width:80%;
	color:#505050;
	font-size: 15px;
	line-height: 21px;
}
.ifm-pvd-df span{
	width: 100%;
	display: inline-block;
	color:#505050;
}
.ifm-pvd-df span:nth-child(2){
	padding:10px 0px;
	color:#101010;
	font-size: 16px;
}
.avt-pvd-df{
	width:20%;
	height: 100%;
	text-align: center;
	color:var(--color-main) !important;
}
.avt-pvd-df svg{
	stroke-width:1.3;
	width:22px;
	height:22px;

}
.avt-pvd-df span:last-of-type{
	position: relative;
	top:3px;
	font-size: 19px;
	line-height: 26px;
	color:var(--color-text);
	font-weight: normal;
} */
/* REVIEW: VER ONDE COLOCAR ISSO */

/* REVIEW: VER ONDE COLOCAR ISSO */
.image_user{
	position: relative;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-image:url(../../files/files_defaults/user_default.png);
	border-radius: 50%;
	width: 50px;
	height: 50px;
	float:left;
}
.choose_image{
	position: absolute;
	background-color: hsl(352, 100%, 64%, .4);
	transition: var(--transition);
	opacity: 0;
	transform: scale(.8);
	width: 100%;
	height: 100%;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	color:var(--color-main-dark)
}
.choose_image:hover{
	opacity: 0.6;
	transform: scale(1);
}

/* REVIEW: VER ONDE COLOCAR ISSO */
.span_msg_error{
	font-size:15px;
	display: inline-block;
	width:100%;
	padding-bottom:5px;
}

/* ESTILO DO MODAL DE ENDEREÇO */
#modalTeste2{
	position: relative;
	height: max-content;
	padding-bottom: 35px;
	min-height: 450px;
	overflow: hidden;
	display: none;
}
#filterModalInputSearch{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: #353535;
	opacity: 0;
	pointer-events: none;
	transition: all 0.3s ease;
	z-index: 1;
}
.not_found_address{
	position: relative;
	margin-top: 40px;
	text-align: center;
	color: #303030;
	font-size: 16px;
	border-radius: 5px;
	background-color: rgba(236, 108, 15, 0.3);
	border: 1px solid var(--color-main);
	padding: 10px 20px;
	line-height: 18px;
}
.not_found_address a{
	color: var(--color-main);
	font-weight: 500;
}
#father_options_dynamic{
	position: absolute;
	box-shadow: 0px 2px 8px 0px #c1c1c1;
	background-color: #ffffff;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	opacity: 0;
	pointer-events: none;
	transition: all 0.3s ease;
	z-index: 2;
	top: 248px;
	left:30px;
	width:calc(100% - 60px);
	height:auto;
	overflow-y: hidden;
}
.title_address_delivery{
	position: relative;
	padding:5px 30px;
	padding-top:18px;
	text-align: center;
	font-size:22px;
	color:#404040;
	font-weight: bold;
	pointer-events: none;
	z-index: 2;
}
.father_content_address{
	position: relative;
	padding:2px 30px 10px 30px;
	overflow: hidden;
}
.father_address{
	position: relative;
	width: 100%;
	height: 56px;
	border-radius: 6px;
	box-shadow: 0px 2px 5px 0px #c9c9c9;
	border: 1px solid #c1c1c1;
	background-color: #ffffff;
	z-index: 2;
	display: flex;
	justify-content: space-between;
}
.logo_search_modal_search{
	position: relative;
	height: 100%;
	width: 9%;
	display: flex;
	justify-content: center;
}
.logo_search_modal_search svg{
	height:99%;
	width: 52%;
	stroke-width: 0.6px;
	color: #606060;
}
.input_address{
	position: relative;
	width:91%;
	height:100%;
	border:none;
	outline: none;
	font-size:16px;
	background-color: transparent;
	color:#303030;
}
.input_address::placeholder{
	color:#757575;
	font-weight:500;
}
.father_option_local{
	position: relative;
	height:56px;
	width: 100%;
	padding:2px 20px;
	display: flex;
	align-items: center;
	border-bottom:1px solid #e1e1e1;
	cursor: pointer;
	color:#505050;
	font-size:14px;
}
.father_options_current{
	position: relative;
	background-color: #ffffff;
	transition: all 0.3s ease;
	margin-top:10px;
	margin-bottom:5px;
	top:8px;
	width:100%;
	height:auto;
	border-radius:6px;
	border:1px solid #c1c1c1;
	color:#808080;
	overflow-y:hidden;
	cursor: pointer;
}
.father_options_current:hover{
	border:1px solid var(--color-main);
	color:var(--color-main);
}
.option_current_local{
	height:56px;
	width: 90%;
	padding:2px 2px;
	display: flex;
	align-items: center;
	font-size:16px;
}
.icon_option_current_local{
	width: 10%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.icon_option_current_local svg{
	width: 50%;
	height:54%;
}
.option_current_local p{
	margin-top:auto;
	margin-bottom:auto;
	width: 100%;
	height: 25px;
	overflow: hidden;
}
.line_grow{
	position: absolute;
	bottom:0px;
	left:0px;
	width: 0px;
	transition: width 0.5s ease;
	background-color: var(--color-main);
	height:1px;
}
.father_option_local:hover .line_grow{ width: 80%; }
.img_top_title_address{
	position: relative;
	background-image: url(img_where_1.png);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	width: 100%;
	height: 110px;
	margin-top:20px;
}

/* Content loading placeholder */
/* 
.background-placeholder { 
	position: relative; 
	width: max-content;
	margin: 10px auto;
	pointer-events: none;
}
.background-placeholder::after {
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0px;
	content: "";
  background: #f6f7f8;
  background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
  background-size: 800px 104px;
	animation-name: move-background;
	animation-duration: 1.5s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
	animation-timing-function: linear;
}
@keyframes move-background {
  0%{ background-position: -468px 0; }
  100%{ background-position: 468px 0; }
} */