@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;1,200&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');

/* width */
::-webkit-scrollbar {
  width:8px;
}

/* Track */
::-webkit-scrollbar-track {
  background: rgba(255,255,255,0); 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: rgba(0,0,0,0.3); 
  border-radius:2vh;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

body
{
	margin:0;
	padding:0;
}

#registerModal
{
	font-family:"Roboto";
	font-weight:bold;
}

#myModalCarrinho
{
	font-family:"Roboto";
}


.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}


@media only screen and (max-width: 990px) {
	
	#logomarca img
	{
		height:200px !important;
	}
	
	
	.Obs
	{
		width:90vw !important;
		height:400px !important;
	}
	
	.Content
	{
		flex-direction:column;
	}
	
	.Content .Maps
	{
		width:100%;
	}
	
	.Content .Info
	{
		width:100% !important;
	}
	
	.Content .Info div
	{
		display:flex;
		justify-content:center;
		align-items:center;
	}
	
	#Sul
	{
		width:90vw !important;
	}
	
	.menuNavigation {
		margin-right: 4% !important;
		width: 90% !important;
		background: transparent !important;
	}
	
	.navInputPesq {
		margin-left: 8% !important;
		width: 90% !important;
		background: transparent !important;
	}
	
	
	.preNavOpt i {
		font-size: 13pt !important;
	}
	
	.preNavPesq {
		align-items: center !important;
		margin-left: 5% !important;
		width: auto !important;
		background: transparent !important;
	}
		
	.normal {
		display: none !important;
		width: auto !important;
		height: auto !important;
	}

	.media {
		display: block !important;
		width: auto !important;
		height: auto !important;
	}

	.categoria {
		padding: 0 !important;
		margin: 0 !important;
	}
	
}


.normal {
	display: flex;
	width: auto;
	height: auto;
}

.media 
{
	display: none;
	width: auto;
	height: auto;
}

/*Elionai*/
.categOpt{
	max-height:90vh;
    overflow-y: auto;
}






.section01
{
	width:100%;
	height:500px;
	display:flex;
	justify-content:center;
	align-items:center;
	background:url('../images/site/background.png');
	background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
}

.svgwave {
    width: 100%;
	height:100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
	margin-top:5px;
}

.svgwave svg {
    position: relative;
    display: block;
    width: calc(154% + 1.3px);
    height: 150px;
}

.svgwave .shape-fill {
    fill: #FFFFFF;
}


.section02
{
	width:100%;
	min-height:500px;
	display:flex;
	justify-content:center;
	align-items:center;
	background-color:white;
	margin-bottom:50px;
}

.Container
{
	display:flex;
	justify-content:center;
	align-items:center;
	flex-wrap:wrap;
	width:1100px;
	height:100%;
	position: relative;
}

.DivProduto
{
	height:525px;
	width:250px;
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
	margin:10px;
	border-radius:10px;
	overflow:hidden;
	box-shadow:2px 2px 10px 2px rgba(0,0,0,0.2);
}

.div1
{
	background-color:#e34c00;
	width:100%;
	height:10%;
	display:flex;
	justify-content:center;
	align-items:center;
	font-family:Poppins;
	font-weight:bold;
	color:white;
}

.div2
{
	width:100%;
	height:55%;
	overflow:hidden;
	display:flex;
	justify-content:center;
	align-items:center;
}

.div2 img
{
	height:100%;
}

.div3
{
	width:100%;
	height:35%;
	padding:10px;
	display:flex;
	justify-content:space-between;
	align-items:center;
	text-align:center;
	flex-direction:column;
}

.div3 #a0
{
	font-family:Poppins;
	font-size:14px;
	font-weight:bold;
	
	display:block;
	text-align:center;
	white-space:nowrap; /*Para esconder o texto e aparecer as reticências*/
	overflow:hidden;
	text-overflow:ellipsis;
	width:100%;
}

.div3 #a1
{
	font-family:Poppins;
	display:flex;
	justify-content:center;
	align-items:center;
	font-size:15px;
	font-weight:bold;
}

.div3 #a2
{
	font-family:Poppins;
	display:flex;
	justify-content:center;
	align-items:center;
	font-size:18px;
	font-weight:bold;
	text-decoration: line-through;
	color:grey;
}

.div3 #a3
{	
	font-family:Poppins;
	display:flex;
	justify-content:center;
	align-items:center;
	font-size:22px;
	font-weight:bold;
}

.div3 #a4
{	
	font-family:Poppins;
	display:flex;
	justify-content:center;
	align-items:center;
	font-size:14px;
	font-weight:bold;
	color:grey;
}

.div3 #a5
{	
	font-family:Poppins;
	display:flex;
	justify-content:center;
	align-items:center;
	font-size:14px;
	font-weight:bold;
	color:grey;
	text-align:center;
}


.div4 button
{	
	background-color:red;
	color:white;
	background-color:#E34C00;
	font-family: 'Poppins', sans-serif;
	border:none;
	border-radius:5px;
	padding:10px;
	margin:5px;
	font-weight:bold;
}



.menu 
{
	width:100%; 
	height:60px; 
	display:flex; 
	justify-content:end; 
	align-items:center; 
	position:fixed; 
	z-index:100; 
	background:white;
	box-shadow:0px 3px 3px 1px rgba(0,0,0,0.1);
	font-family: "Roboto";
}

.menu .div1
{
	width:20%; 
	height:100%; 
	display:flex; 
	justify-content:flex-start; 
	align-items:center;
}

.menu .div2
{
	width:80%; 
	height:100%; 
	display:flex; 
	justify-content:flex-end; 
	align-items:center; 
	font-size:1rem; 
	font-family:'Rubik'; 
	letter-spacing:2px;
	padding-right:10px;
}

.menu .categoria
{
	position:relative;
	height:100%;
	padding:0px 10px;
	margin:0px 10px;
	display:flex;
	justify-content:center;
	cursor:pointer;
	white-space: nowrap;
}

.menu .categoria .name
{
	height:100%;
	display:flex;
	justify-content:center;
	align-items:center;
}


.menu .subcategoria
{
	background-color:white;
	position:absolute;
	padding:10px;
	margin-top:60px;
	cursor:default;
	box-shadow:0px 10px 8px 1px rgba(0,0,0,0.2);
	display:none;
	
}

.menu .subcategoria .element
{
	text-align:center;
	margin:5px;
	padding:10px;
	white-space: nowrap;
}



.element a
{
	color:black;
	text-decoration:none;
}




.shopping_bag
{
	height:40px;
	width:40px;
	border-radius:100px;
	display:flex;
	justify-content:center;
	align-items:center;
	box-shadow:0px 0px 2px 1px rgba(0,0,0,0.3);
	cursor:pointer;
}

.shopping_bag img
{
	height:60%;
}

.clickAction
{
	height:40px;
	width:40px;
	border-radius:100px;
	display:flex;
	justify-content:center;
	align-items:center;
	box-shadow:0px 0px 2px 1px rgba(0,0,0,0.3);
	cursor:pointer;
}

.clickAction img
{
	height:60%;
	filter:invert(1);
}


.menu .carrinhodecompra
{
	background-color:white;
	position:absolute;
	padding:10px;
	margin-top:80px;
	cursor:default;
	box-shadow:0px 10px 8px 1px rgba(0,0,0,0.2);
	display:none;
	width:300px;
	border-radius:5px;
	
}

.menuNavigation {
	display:flex;
	justify-content: flex-end;
	align-items: center;
	width: 80%;
	height: 98%;
	background: transparent;
	margin-right: 10%;
}

.navInputPesq {
	display:flex;
	justify-content: flex-start;
	align-items: center;
	width: 35%;
	height: 90%;
	background: transparent;
	margin-left: 5%;
}

.preNavPesq {
	display:flex;
	justify-content: flex-start;
	align-items: flex-end;
	width: 55%;
	height: 90%;
	background: transparent;
}

.preNavOpt {
	display:flex;
	justify-content: center;
	align-items: center;
	width: auto;
	height: 58px;
	width: 58px;
	font-size: 12pt;
	background: transparent;
	margin-right: 5%;
	transition: .2s;
	cursor:pointer;
}

.preNavOpt:Hover {
	color: rgba(0,0,0,.7);
	transition: .2s;
}

.normal i {
	font-size: 8pt;
	margin-bottom: 7%;
	margin-left:4%;
	opacity: .6;
}



.triangle
{
	position:absolute;
	height:20px;
	margin-top:-28px;
	margin-left:245px;
}

.triangle img
{
	
	height:100%;
	filter:invert(1);
}

.TotalCarrinho
{
	box-shadow: 0px -5px 5px -5px rgba(0,0,0,0.4);
	padding:5px 0px;
	margin-top:20px;
	text-align:center;
	display:none;
}

.TotalTittle
{
	color:rgba(0,0,0,0.5);
}


.TotalValor
{
	color:rgba(0,0,0,0.5);
	color:#F06302;
}

.items
{
	width:100%;
	max-height:270px;
	overflow:auto;
}

.items2
{
	width:100%;
	max-height:270px;
	overflow:auto;
}

.carrinhovazio
{
	color:rgba(0,0,0,0.5);
	height:100%;
	width:100%;
	display:flex;
	justify-content:center;
	align-items:center;
}


.containerProdCar
{
	height:60px;
	width:100%;
	display:flex;
	justify-content:center;
	align-items:center;
	padding:5px 0px;
	border-bottom:1px solid rgba(0,0,0,0.1);
}

.containerProdCar .div10
{
	height:100%;
	width:20%;
	overflow:hidden;
	display:flex;
	justify-content:center;
	align-items:center;
}

.containerProdCar .div10 img 
{
	height:100%;
}
.containerProdCar .div20
{
	height:100%;
	width:20%;
	font-size:10px;
	letter-spacing:0.5px;
	text-align:center;
	display:flex;
	justify-content:center;
	align-items:center;
}
.containerProdCar .div30
{
	height:100%;
	width:30%;
	font-size:12px;
	letter-spacing:0.5px;
	text-align:center;
	display:flex;
	justify-content:center;
	align-items:center;
}
.containerProdCar .div40
{
	height:100%;
	width:10%;
	font-size:12px;
	letter-spacing:0.5px;
	text-align:center;
	display:flex;
	justify-content:center;
	align-items:center;
}

.containerProdCar .div45
{
	height:100%;
	width:10%;
	font-size:12px;
	letter-spacing:0.5px;
	text-align:center;
	display:flex;
	justify-content:center;
	align-items:center;
}

.containerProdCar .div50
{
	height:100%;
	width:10%;
	font-size:12px;
	letter-spacing:0.5px;
	text-align:center;
	display:flex;
	justify-content:center;
	align-items:center;
}





.treepoints
{
	width:100%;
	display:inline-block;
	align-items:center;
	white-space: nowrap;
    overflow:hidden !important;
    text-overflow: ellipsis;
}

.removeProCar
{
	background-color:rgba(0,0,0,0.1);
	height:20px;
	width:20px;
	border-radius:100px;
	cursor:pointer;
	display:flex;
	justify-content:center;
	align-items:center;
}

.removeProCar:hover
{
	background-color:rgba(0,0,0,0.3);
}

.removeProCar img
{
	height:60%;
}

.finalizarPedido
{
	background-color:black;
	color:white;
	width:100%;
	height:34px;
	display:flex;
	justify-content:center;
	align-items:center;
	overflow:hidden;
	text-align:center;
	cursor:pointer;
	border-radius:5px;
	padding:5px;
	margin-top:10px;
	letter-spacing:1px;
}


.finalizarPedido .eq0
{
	display:none;
}


.addProdutoLoading
{
	display:none;
	justify-content:center;
	align-items:center;
}

.contentCarrinho
{
	width:100%;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
}


.contentAddCarrinho #photo
{
	height:400px;
	width:400px;
	display:flex;
	justify-content:center;
	align-items:center;
	border-radius:5px;
	overflow:hidden;
	margin:10px;
}

.contentAddCarrinho #photo img
{
	height:100%;
}

.sectionWave
{
	width:100%;
	min-height:100px;
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
	background:url('../images/site/background.png');
	background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
}


.Obs
{
	background-color:white;
	width:80%;
	height:300px;
	margin:0px 10px 50px 10px;
	border-radius:20px 0px 20px 0px;
	overflow:hidden;
	box-shadow:5px 5px 10px 4px rgba(0,0,0,0.5);
}

.Obs .Title
{
	width:100%;
	height:15%;
	font-family:Poppins;
	font-weight:bold;
	display:flex;
	justify-content:center;
	align-items:center;
	text-align:center;
	font-size:22px;
	box-shadow:0px 15px 10px -14px rgba(0,0,0,0.5);
}

.Obs .Content
{
	width:100%;
	height:85%;
	display:flex;
}

.Maps
{
	width:40%;
	height:100%;
	padding:10px;
}

.Maps iframe
{
	width:calc(100% - 20px);
	height:calc(100% - 20px);
	border-radius:20px 0px 20px 0px;
}

.Info
{
	width:60%;
	height:100%;
	font-size:16px;
	font-weight:bold;
	color:gray;
	font-family:Poppins;
	text-align:center;
}

.Info div
{
	margin-top:10px;
	margin-bottom:10px;
}


#Sul
{
	flex-direction:column;
	width:90%;
}
	
.sectionTitle
{
	width:100%;
	display:flex;flex-direction:column;
	justify-content:center;
	align-items:center;
	text-align:center;
}

.sectionTitle h1
{
	font-family:Poppins;
	margin-bottom:0;
	margin-top:100px;
	padding-left:2px;
	padding-right:2px;
}

.sectionTitle h3
{
	font-family:Poppins;
	margin-top:0;
	color:grey;
	padding:20px;
}






.loading
{
	display:none;
	justify-content:center;
	align-items:center;
}



#checkCnpj, .alert
{
	display:none;
}






.addProdutoLoading
{
	display:none;
	justify-content:center;
	align-items:center;
}



.contentCarrinho
{
	width:100%;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
}


.contentAddCarrinho #photo
{
	height:300px;
	width:300px;
	display:flex;
	justify-content:center;
	align-items:center;
	border-radius:5px;
	overflow:hidden;
	margin:10px;
}

.contentAddCarrinho #photo img
{
	height:100%;
}

#addProdutoCarrinho
{
	background-color:#E34C00;
	border-color:#E34C00;
}


.arrowUp
{
	width:50px;
	height:50px;
	background-color:rgba(0,0,0,0.5);
	position:fixed;
	bottom:30px;
	right:30px;
	cursor:pointer;
	border-radius:10px;
	display:none;
}

.arrowUp img
{
	filter:invert(1)
}


.loadingNewProd
{
	display:none;
}



.sectionLoading
{
	width:100%;
	display:flex;
	justify-content:center;
	align-items:center;
}