/* HIDE ARROW FROM INPUTS NUMBERS */
	/* Chrome, Safari, Edge, Opera */
	input::-webkit-outer-spin-button,
	input::-webkit-inner-spin-button {
	  -webkit-appearance: none;
	  margin: 0;
	}

	/* For Webkit browsers (Chrome, Safari, Opera) */
.noscroll::-webkit-scrollbar {
    display: none;
}

/* For IE, Edge, and Firefox */
.noscroll {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;     /* Firefox */
}





.nao-selecionavel {
  -webkit-user-select: none; /* Chrome, Safari, Opera */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer 10+ */
  user-select: none; /* Padrão, mas não é parte da especificação do W3C */
}



.logoimage {
  -webkit-filter: drop-shadow(15px 15px 5px #222222);
  filter: drop-shadow(2px 2px 1px black);
}

	* {margin:0; padding:0; list-style:none;}
	
	p {font-family:arial; font-size:16px;}
	
	

	a {text-decoration:none; color:black;}
	
	.smallpic {}
	.smallpic:hover {cursor:pointer; opacity:0.7;}
	
	.byellow {background:#d4e300; color:black; padding:8px 10px; border-radius:9px; border:2px solid black;}
	
	.boxbox { -webkit-tap-highlight-color: transparent; }
	
	
	.pedidosmenuup {padding:9px 15px; background:;}
	.pedidosmenuup:hover {cursor:pointer; color:#0c8ac9; text-decoration:underline;}
	
	
	#ulmenuup {display:table;}
	#ulmenuup li {float:left; font-family:Gabarito; color:white; font-size:16px; padding:0 10px;}
	#ulmenuup li:hover {font-weight:bold; cursor:pointer; transform:scale(1.1);}
	
	
	#ulgenders {padding-top:10px; }
	#ulgenders li {float:left; font-family:barlow; font-size:16px; padding:0 20px;}
	#ulgenders li:hover {font-weight:bold; text-decoration:underline; cursor:pointer;}


	.menulateralmobul {}
	.menulateralmobul li {width:92%; font-size:18px; padding:15px 4%; font-family:barlow; text-align:left;}
	.menulateralmobul li:hover {cursor:pointer;}



	.bred {background:#e07122; text-align:center; color:white; font-family:barlow; padding:6px 16px 9px 16px; border:2px solid #b3b3b3; border-radius:6px; }
	.bred:hover {cursor:pointer; background:#e07122;}
	
	
	.b1 {background:#f2e70c; text-align:center; font-family:barlow; padding:6px 16px 9px 16px; border:2px solid #b3b3b3; border-radius:6px; }
	.b1:hover {cursor:pointer; background:#ede20c;}
	
	.hover {}
	.hover:hover {cursor:pointer !important;}
	
	.hoverscale {}
	.hoverscale:hover {cursor:pointer; transform:scale(1.1);}
	
	
	.b2 {background:#18a3de; text-align:center; font-family:barlow; padding:6px 16px 9px 16px; color:white; border:1px solid black; border-radius:6px; }
	.b2:hover {cursor:pointer; background:#18a3de;}
	
	
	
	.boxproduto {}
	.boxproduto:hover {transform:scale(1.06); cursor:pointer;}
	
	.linkbottom {}
	.linkbottom:hover {cursor:pointer; text-decoration:underline;}
	
	.icocontact {opacity:0.6;}
	.icocontact:hover {cursor:pointer; transform:scale(1.1); opacity:1;}
	
	
	.icocontact1 {}
	.icocontact1:hover {cursor:pointer; transform:scale(1.1); opacity:1;}
	
	.trashb {}
	.trashb:hover {cursor:pointer; opacity:0.8;}
	
	.opencarrinhob {}
	.opencarrinhob:hover {cursor:pointer; transform:scale(1.1);}
	
	.menutopuser {}
	.menutopuser li {color:white; width:100%; font-family:Gabarito; padding:0; text-align:center;}
	.menutopuser li:hover {cursor:pointer; transform:scale(1.1);}
	
	.userb:hover {cursor:pointer;}
	
	textarea {font-family:arial;}
	.menuuserconta p {font-size:14px; width:90%; padding:10px 5%; text-align:right;}
	.menuuserconta p:hover {font-size:17px; cursor:pointer;}
	
	.bwhatsapp {padding:9px 14px; background:#00bd22; border:1px solid black; border-radius:9px; color:white;}
	.bwhatsapp:hover {cursor:pointer; border:2px solid black;}
	
	.link1 {text-decoration:underline;}
	.link1:hover {cursor:pointer; text-decoration:underline; color:#9ca11f;}
	
	
@media screen and (max-width: 1200px){
	.menuup {width:90vw !important;}
	.content {width:100vw !important;}
	.boxlogoandsearchup {width:95vw !important;}
	.contentdestaques {display:flex !important; flex-wrap:wrap; width:100vw !important; justify-content:center;}
	.boxsup2indexinside {display:flex !important; justify-content:center;}
	
	
	
	/* PAGE PRODUCTS */
	
	
	
	.contentconta {width:auto !important; margin:45px auto !important;}
	.dadosbox {width:900px !important;}
	
	.editenderecobox {width:350px !important;}
	.meusdadosinpuedit {width:350px !important;}
	
	
	.enderecoinputcep1 {width:350px !important;}
	.bairrocepinput1 {width:160px !important;}
	.complementoinputcep1 {width:160px !important;}
	
	.senhacontent {width:50vw !important;}
	.contentsenha {width:80vw !important;}
	
	
	.allcontentsenha {width:90vw !important;}
	.allcontentcadastro {width:90vw !important;}
	
	.allcontentgaleria {width:90vw !important; margin:auto !important;}
	.contentgaleriasmallboxes {width:300px !important; margin:40px 0 0 0 !important;}
	
	.allcontentloc {width:93vw !important; margin:40px auto 0 auto !important;}
	
	.allcontatocontent {width:94vw !important;}
	.contatoinpus {width:360px !important;}
	
	.allcontentpedidos {width:80vw !important;}
}


@media screen and (max-width: 1150px){
	.box1prsindex {width:790px !important;}
	.boxproduto {width:180px !important; height:350px !important}
	.boxproduto .boxpicpr {width:180px !important; height:180px !important}
	
	
	/* PAGE PRODUCTS */
	
	.contentprodutopage {width:1030px !important;}
	.prinfoboxpage {width:380px !important;}
	
	.contensconta {width:900px !important;}
	
	
	.textinfocompra p {font-size:13px !important;}
	
}



@media screen and (max-width: 1070px){
	.box1prsindex {width:670px !important;}
	.boxproduto {width:150px !important; height:350px !important}
	.boxproduto .boxpicpr {width:150px !important; height:150px !important}
	
	.boxprodutodestaques, .boxprodutomaisvendidos {width:160px !important; height:360px !important;}
	.destaqueprpic, .maisvendidosprpic {width:160px !important; height:160px !important;}
	
	
	/* PAGE PRODUCTS */
	
	.imagensupprpage {height:auto !important; margin:0 0 0 35px !important; width:460px !important;}
	.botoesvertical, .gender5, .gender6, .gender7 {display:none !important;}
	.botoeshorizontais {display:table !important;}
	
	
	.rollimagesupprodutopage {float:none !important; width:500px !important;}
	.boxboxprimagepage {float:left; margin:0 10px 0 0;}
	
	
	
	/* PAGE PRODUCTS */
	
	.contentprodutopage {width:100vw !important; margin:40px 0 0 0 !important;}
	.prinfoboxpage {width:260px !important;}
	
	
	.freteinputtocalculate {width:110px !important;}
	
	.menulateralconta {float:none !important; margin:0 auto 30px auto !important; width:90vw !important; padding:0 !important; background:transparent !important;}
	.menuuserconta {display:flex !important; justify-content:center;}
	.menuuserconta a {float:left !important; margin:0 10px; display:table !important; }
	.menuuserconta a p {display:table; text-align:center; padding:9px 13px;}
	
	.alldadosbox {margin:auto !important;}
	
	
	.contensconta {width:920px !important; background:; display:flex !important; flex-wrap:wrap; justify-content:center; margin:auto !important;}
	
	.contentsenha {width:100vw !important; margin:0 !important;}
	.senhacontent {margin:auto !important; width:auto !important;}
	
	
	.bigimageboxupgaleria {float:none !important; width:95vw !important; height:95vw !important; margin:20px auto !important;}
	.contentgaleriasmallboxes {float:none !important; width:100vw !important; margin:auto !important;}
	
	.bigimage {width:95vw !important; height:95vw !important;}
	
	
	.contentgaleriasmallboxes {margin:60px 0 0 0 !important;}
	.textupgalery {margin:0 0 0 20px !important;}
	
	
	.allcontentloc iframe {float:none !important; margin:auto !important; width:96vw !important; height:96vw !important;}
	.loctextbox {margin:30px auto 0 auto !important; width:90vw !important;}
	.loctextbox p {text-align:center; width:100% !important;}
	.openmapb {margin:12px auto !important;}
	
	.allcontentpedidos {width:94vw !important;}
	
	
	.produtodescriptiontext {width:95vw !important; margin:0; padding:0 0 0 2vw !important;}
}

@media screen and (max-width: 950px){
	.box1prsindex {width:520px !important;}
	.box1index5, .box1upindex4 {display:none !important;}
	
	.meusdadosinpu {width:270px !important;}
	
	.dadosbox {width:90vw !important;}
	
	.contensconta {width:750px !important; background:; }
	
	
	.sonicimglogin {display:none !important;}
	.allcontentcadastro {width:auto !important; margin:50px auto 0 auto !important;}
	
	.soniccontatoimg {display:none !important;}
	.contatoinpus {width:94vw !important;}
}


@media screen and (max-width: 900px){
.allcontentsmalboxesinside {width:100vw; overflow-x:scroll; height:120px;}
.allcontentsmalboxesinsideinside {width:1400px; display:table;}

.totalboxupcompra {position:relative !important; right:0 !important;}

	.textinfocompra p {font-size:16px !important;}
}


@media screen and (max-width: 870px){
	.rodapecontent {width:94vw !important; margin:14px auto !important;}
	.logorodape {float:none !important; margin:auto !important;}
	.rodapebox1 {float:none !important; margin:35px auto 0 auto !important;}
	.tohidemob {display:none !important;}
	.toshowmob {display:table !important;}
	
	.rodapebox2 {float:none !important; display:table; margin:30px auto !important;}
	.paymentsboxrodape {position:relative !important; right:0 !important; margin:25px auto 0 auto !important;}
}




@media screen and (max-width: 820px){
	.redesup {display:none !important;}
	.box1prsindex {width:670px !important; flex-wrap:wrap; margin:auto !important; display:flex !important; justify-content:center;}
	.box1upindex4 {display:table !important;}
	#menulateral, .botoeshorizontais, .botoesvertical {display:none !important;}
	.menuupinside {float:none !important; margin:auto !important;}
	
	.boxprodutosindex11{display:flex !important; flex-wrap:wrap; justify-content:center;}
	
	#menulateralmob {display:table !important;}
	.buscatextindex {text-align:center;}
	 
	
	
	
	/* PAGE PRODUCTS */
	
	.fotosboxpageproduto {display:table !important; float:none !important; margin:auto !important;}
	
	.prinfoboxpage {width:93vw !important; margin:25px auto !important;}
	
	
	.smallpic {width:180px !important; height:180px !important;}
	
	.freteinputtocalculate {width:60vw !important;}
	
	.bigimgparent {margin:auto !important; float:none !important;} 
	
	.imagensupprpage {overflow-x:scroll; overflow-y:hidden; margin:0 !important; width:98vw !important; height:180px;}
	.imagensupprpageinside {display:flex; min-width:98vw; justify-content:center;}
	
	
	.meusdadosbox1 {width:100% !important; float:none !important;}
	.meusdadosinpu {width:100% !important; height:40px !important;}
	.separadorlinedados {float:none !important; width:90% !important; margin:30px auto !important; height:1px !important;}
	
	.enderecoboxbox, .meuenderecotext {margin:auto !important;}
	
	
	
	.editenderecobox {width:90vw !important; margin:auto !important;}
	.meusdadosinpuedit {width:90vw !important; margin:auto !important;}
	
	
	.dadosbox {width:100vw !important;}
	.dadosbox2endereco {width:90vw !important; margin:0 auto !important;}
	
	
	.enderecoinputcep1 {width:90vw !important;}
	.bairrocepinput1, .estadocepinput1 {width:44vw !important;}
	.complementoinputcep1, .numerocepinput1 {width:44vw !important;}
	.editenderecoinpubox22 {margin:0 2vw 0 0 !important;}
	
	
	.sonicimglogin {display:none !important;}
	.allcontentsenha {width:auto !important; margin:50px auto 0 auto !important;}
	
	.especifications1 {text-align:left !important; width:auto !important;}
	.especifications2 {text-align:left !important; width:auto !important;}
	
	
	
	.menuup, .logoimg {display:none !important;}
	.menumobb, .logo1mobup, .opencarrinhobmob {display:Table !important;}
	
	.boxprodutoindexx {width:45vw !important; height:350px !important}
	.boxprodutoindexx .boxpicpr {width:45vw !important; height:45vw !important}
	
	
	.contensconta {width:96vw !important; background:; }
	.boxprodutofavorito {width:46vw !important; margin:2% 1vw 4vw 1vw !important;}
	.imgprfavortiso {width:46vw !important; height:43vw !important;}
	
	.barupup {border-top:0 !important;}
	
}




@media screen and (max-width: 770px){
	.contensconta {width:96vw !important; background:; }
	.boxprodutofavorito {width:30vw !important; margin:2% 1vw 4vw 1vw !important;}
	.imgprfavortiso {width:30vw !important; height:30vw !important;}
	
	.heartfavoritesimg {bottom:0 !important; top:0 !important;}
	.gender4 {display:none !important;}
}




@media screen and (max-width: 700px){
	.boxsup1index {width:100vw !important; overflow-x:scroll; display:block !important;}
	.boxsup1indexinside {}
	.box1prsindex {width:100vw !important;}
	
	.boxsup2indexinside {display:table !important; width:2100px;}
	.boxsup2index {width:100vw !important; overflow-x:scroll; display:block !important;}
	
	.boxproduto {width:200px !important; height:380px !important}
	.boxproduto .boxpicpr {width:200px !important; height:200px !important}
	
	.box1upindexall, .boxprodutodestaquesall {display:table !important;}
	
	
	.loadingallbackimg {left:35% !important;}
	
}



@media screen and (max-width: 670px){
	
}


@media screen and (max-width: 600px){
	.boxprodutomaisvendidos {width:45vw !important; height:430px !important;}
	.maisvendidosprpic {width:45vw !important; height:45vw !important;}
	
	.logoimg {float:none !important; margin:25px auto !important;}
	.searchbox {float:none !important; width:93vw !important; margin:0 auto 25px auto !important;}
	
	.content {margin:0 !important;}

	.metodopaymenttext {display:none !important;}
	
	
	.menulateralconta {display:block !important; width:100vw !important; overflow-x:scroll;}
	.menuuserconta {display:Table !important; width:1000px !important;}
	
	.meusdadosbox1 {margin:auto !important; float:none !important; width:90vw !important;}
	.meusdadosinpu {width:90vw !important;}
	
	
	.login, .senha, .cadastroinpus {width:86vw !important; height:50px !important;}
	.logintext {margin:auto !important;}
	
	
	.allcontentpedidos {width:91vw !important;}
	.pedidostexttup {margin:auto !important; max-width:95% !important; text-align:center;}
	
	.upsecondmenuoptionpedidobox {width:92vw !important; overflow-x:scroll; overflow-y:hidden; display:auto !important;}
	.upsecondmenuoptionpedidoboxinside {width:550px !important; display:table;}
	
	
	.boxconfirmaendereco {width:95vw !important; height:320px !important;}
	
	.gendersupmob {display:block !important;}
	.gendersup, .tohide600	{display:none !important;}
	.boxlogoandsearchup {padding:0 0 5px 0 !important;}
	
	.finalizapedidob1 {display:table !important;}
	.codrastreiotext {margin:0 !important;}
	
	
	
	
	
.slider-container {
      width: 100vw !important;
      position: relative;
      overflow: hidden;
    }

    .slider-wrapper {
      display: flex !important;
      width: 200vw !important; /* 2 telas */
      height: 100% !important;
      transition: transform 0.3s ease;
    }

    .slide {
      width: 100vw !important;
      flex-shrink: 0;
      display: table !important;
      align-items: center;
      justify-content: center;
      font-size: 2em;
      color: white;
    }




    .slide2 {display:block !important;}

    .add600 {display:flex !important;}
    
    /* Indicadores */
    .indicators {
      position: relative;
      bottom: 20px;
      width: 100%;
      display: flex;
      justify-content: center;
      gap: 10px;
    }

    .indicator {
      width: 12px;
      height: 12px;
      border-radius: 50%;
      background-color: #e8e8e8;
      transition: background-color 0.3s;
    }

    .indicator.active {
      background-color: gray;
    }
    
}




@media screen and (max-width: 520px){
	.rollimagesupprodutopage, .bigimg {float:none !important; margin:0 !important; width:90vw !important;}
	.boxprodutomaisvendidos {height:370px !important;}
	
	
	.middletextcar {display:table; margin:auto !important;}
	.carcontent {width:100vw !important; overflow:hidden;}
	.carinfosbox {border-right:0 !important;}
	
	.finishbmob, .closecarb {display:table !important; }
	.finishbpc {display:none !important; }
	
	.popup {width:94vw !important;}
	
	.finishbmob {margin:15px 0 0 0 !important;}
	.text3car {float:none !important;}
	
	
	.successimg {display:table; float:none !important; margin:auto !important;}
	.succestextbox {margin:25px auto 0 auto !important;}
	.succestextbox p {margin:8px auto !important; text-align:center;}
	
	.inpusenhas {width:90vw !important;}
	
	.carcontentinside {height:55vh !important;}
	
	.variacaobox {width:90vw !important;}
	.variacaotextproduto {margin:0 0 0 20px !important; padding:10px 0 !important;}
	
	.downpedidosb {top:-5px !important; right:-15px !important;}
	.linebottom {top:-9px !important;}
}





@media screen and (max-width: 450px){
	
	.freteinputtocalculate {width:50vw !important;}
	.textretirarlocal {width:260px !important;}
	.alteraenderecotextbb {width:86vw !important;}
	.boxconfirmaendereco {width:95vw !important; height:350px !important;}
}

@media screen and (max-width: 440px){
	.boxconfirmaendereco {width:95vw !important; height:360px !important;}
}

@media screen and (max-width: 397px){
	.textsmodalidades {font-size:12px !important; margin: 0 !important;}
	.boxconfirmaendereco {width:95vw !important; height:380px !important;}
}