@charset "utf-8";
/* CSS Document */
html{
	  direction: rtl;
	position:relative;

}
html,body{
	width:100%;
		margin:0;
	height:100%;

            overflow:hidden;

background-color:white;

	color:black;
			box-sizing:border-box;
	
}
        body{
            -ms-overflow-style: none;  
            scrollbar-width: none; 
	position:fixed;


        }
                    
         body::-webkit-scrollbar {
    display: none;
}


@font-face {
  font-family: f1;
  src: url(fonts/iransans.ttf);
}

@font-face {
  font-family: f2;
  src: url(fonts/majalla.ttf);
}
@font-face {
  font-family: f3;
  src: url(fonts/dinnext.woff);
}


*{
font-family:f1;


}

#badrequest{
    display:none;
	position:fixed;
	bottom:60px;
	background-color:#ff6767;
	color:white;
	z-index:250000;
	width:96%;
	left:2%;
	margin:0 auto;
	text-align:center;
	font-size:18px;
		font-family:f1;
	direction:ltr;
	box-sizing:border-box;
	border-radius:10px;
	cursor:pointer;

}
#badrequest span{
		font-family:f1;
	direction:rtl;
}
#pleasewait{
    display:none;
	    display:none;
	position:fixed;
	background-color:black;
	color:whitesmoke;
	z-index:250000;
	width:100%;
	height:100%;
	padding-top:48vh;
	text-align:center;
	font-size:32px;
		font-family:f2;
	direction:rtl;
			font-family:f1;

}


img{
    pointer-events: none;
  
}


/*******************************************/


.spaceboption{
display:none;
text-align:center ;
font-size:3px;

}




#baseoptioncontent{
    font-size:40px;
    
}


.contentmiddle{
    width:100%;
    	  direction: ltr;
    	  overflow:hidden;

}

.option{
	width:100vw;
	height:auto;
	overflow-y: hidden;
	top:0;
	position:relative;
	/* Padding-bottom:3px; */
	margin-bottom:0px;
	direction: rtl;
	Box-sizing:border-box;
	Text-align:center;
	background-color:transparent;
	z-index:120;
}


#option1{
		background-color: #ffffff;
		
		position:relative;
overflow-x: scroll;
White-space:nowrap;
     user-select: none; 
   -ms-overflow-style: none;  
  scrollbar-width: none; 
	padding-bottom:0.03em;
	padding-top:0.00em;
	height:auto;
	width:100%;
	margin:0;
	border-radius:0px;
		Box-sizing:border-box;
		direction: ltr;
	margin-top:0px;
  border-bottom:1px solid #dbdbdb;

}

#option1::-webkit-scrollbar {

    display: none;
}


#option2{
Text-align:center;
Box-sizing:border-box;
			position:relative;
			user-select: none; 
	height:auto;
	width:100%;
	margin:auto;
border-radius:0;
Padding:0;
	background-color:#ffffff;
  border-bottom:1px solid #dbdbdb;

}

.botmenucompact{
        display:none;

Box-sizing:border-box;
    			position:relative;
direction:ltr;

overflow-x: scroll;
White-space:nowrap;
     width:100%;
   -ms-overflow-style: none;  
  scrollbar-width: none; 
	text-align: center;
	border-radius:0;
    
}
.botmenucompact::-webkit-scrollbar {

    display: none;
}



.suboptions1{
Box-sizing:border-box;
Display:inline-block;
Margin-right:15px;
cursor:pointer;
margin-top:0;
	margin:6px;
border:1px solid #dbdbdb;
	border-radius:40px;
	padding:2px 16px;
	font-size:80%;
	
}

.suboptions2{
Display:inline-block;
Margin-right:10px;
Margin-left:10px;

cursor:pointer;
Box-sizing:border-box;
	border-right:1px solid #cccccc;
	padding-right:20px;
	margin:8px;
	font-size:80%;


}
.suboptions2:last-child{
	border-right:0;
}

.active{
    font-weight: bold;
color:#515151;


}

.deactive{
color:#515151;

font-weight: normal;

	box-sizing:border-box;
	
}

.active0{
font-weight: bold;
color:#515151;

}

.deactive0{
font-weight: normal;
color:#515151;
}




/*****/
@media only screen and (orientation: landscape) {
.options{
    font-size:22px;
  }

    .product{
      width:20%;
      
  }

.product{
      width:46%;
      
  }
	  
  .productpicholder img{
    width:20vw;
    height:20vw;
}
  
}
@media only screen and (orientation: portrait) {
.options{
    font-size:20px
  }

  .product{
      width:46%;
  }
    .product{
      width:96%;
  }
  /*
  .product:nth-child(odd){
border-right:1px solid #bfbfbf;  
  }
  */
  
  .productpicholder img{
    width:45vw;
    height:45vw;
}
  
}



/*****/
.botcattitle{

color:#647290;
	background-color:#f2f2f2;
	padding:2px;
	text-align:center;
	margin:auto;
	margin-top:4px;
	border-radius:100px;
	font-weight:normal;
	font-size:18px;
}

.optionscontent{
			Display:block;
	background-color:transparent;
		position:relative;
     user-select: none; 
	white-space: nowrap;
	overflow:visible;
height:85vh;
	top:0px;
	
		z-index:0;


}
.optioncontentsub{

	scrollbar-width: none; 
color:#d0f0c0;
		overflow-y: scroll;
height:100%;
	top:0;
	Display:inline-block;
		white-space: normal;
  width: 100%;
	text-align:center;
	box-sizing: border-box;



}
       .optioncontentsub::-webkit-scrollbar {
    display: none;
}
.optionsuborg{
	width:98%;
		margin:auto;
	border:0 solid transparent;
	text-align:left;
	z-index:0;
	
}


/**************/


.productsubcompact{
    	border:0px solid lavender;
width:100%;
border-radius:3px;
  overflow-wrap:anywhere;
  text-align:left;
      	background-color:#ffffff00;
margin-top:8px;
box-sizing:border-box;
	padding:15px 0;
}


.product{
  
    border-radius:0;
    	Display:inline-block;
    	background-color:transparent;
text-align:center;
font-size:20px;
        	color:#d0f0c0;
        	box-sizing:border-box;
        	position:relative;
margin:1% 1% 2% 1%;
padding:3px 3px 10px 3px;
	z-index:0;
/*	box-shadow:0 0 25px 0 rgb(65 65 65 / 20%);*/
border-bottom:1px solid #f0f0f0;
	direction:rtl;

}
.subcontentsub{
    margin:0;
    padding:0;
        	background-color:transparent;
color:black;
	text-align:right;
	font-size:25px;
	font-weight:bold;
	box-sizing:border-box;

        	padding:5px 10px;

}

.noneproduct{
direction:rtl;
	width:90%;
	margin:auto;
	text-align:center;
	font-size:18px;
}



   



/***********/
.cartproducterr{

background-color:#ff6767;
width:98%;
	margin:auto;
	border-radius:50px;
	color:#474747;
	font-weight:bold;

padding:4px;
	box-sizing:border-box;
}

.quantitation{
-webkit-user-select: none; 
  -ms-user-select: none; 
  user-select: none; 
            width:30px;
            text-align:center;
            position:absolute;
            bottom:15px;
            left:15px;
          		background-color:#e1e1e1 ;
box-sizing:border-box;
color:#242424;
            border-radius:15px;
            height:30px;
            font-weight:normal;
                         transition:width 0.7s;
overflow:hidden;
display: flex;
  justify-content: space-around;
  flex-direction: row;
  z-index:100;
	line-height:31px;
        }
     .quantitynum  , .quantitydec{
display:none;
   }
   .quantyinc{
       z-index:101;
   }





        .product.selectedproduct .quantitation{
            width:100px;  

     }
.product.selectedproduct  .quantitynum{
display:block;
}
.product.selectedproduct .quantitydec{
display:block;

}

.product.selectedproduct{
}




        
        
        .qcontroller{
            cursor: pointer;
            Width:30px;
              font-size:26px;
        box-sizing:border-box;
text-align:center;   
color:#585858					;

        }
.quantitynum{
font-size:20px;

}

.titles{
    position:relative;
                  font-size:17px;
                  top:100%;
text-align:right; 
Color:#636363;
  font-weight:normal;
  padding:0;
  box-sizing:border-box;
  top:0;
  left:0;
  line-height:1.6em;
  max-height:4.8em;
  width:100%;
overflow:hidden;
  text-overflow:ellipsis; 
font-weight:100;
  word-break: break-word;

}
.titledetail{
	  vertical-align: text-top;
	text-align:right;

}

.productpicholder{
	width:80px;
	box-sizing:border-box;
	padding:0;
	text-align:center;
}

.price{
  box-sizing:border-box;
font-size:17px;
  text-align:left;
		direction:rtl;

}


.price1::after{
  width:100%;
  height:100%;
  position:absolute;
  left:0px;
  border-top:1px solid #959595;
  top:60%;
  content:"";
  
    box-sizing:border-box;

}


    .price2::after{
    content:"  تومان";
}   
.price1{
  color:#aeaeae;
  font-weight:bold;
  position:relative;
	font-size:50%;
}
.price2{
Color:#0fb900;
  font-weight:100;
font-size:80%;
		margin-left:10px;

}


.product.selectedproduct.max .quantityinc{

display:none

}



/********/




    .popupitem{
			   position:fixed;
			   display:none;
			   z-index:1000;
			   background-color:white;
			   width:100vw;
			   height:calc(100vh - 50px);
			   top:0;
			   left:0;
			   box-sizing:border-box;
			   overflow:hidden;
			   color:midnightblue;
			   -ms-overflow-style: none;
			   scrollbar-width: none;
			   font-size:150%;
			   }
    .popupitem::-webkit-scrollbar {
    display: none;
}
    .childofmenu{
    display:none;
}
.activecatsmenu{
    display:block;
}
.mainmenu{
   position:fixed;
        bottom:0;
        width:100vw;
    height:55px;
    display:none;
    margin:auto;
    background-color:white;
    z-index:20000;
      direction: ltr;
      -webkit-user-select: none;
  -ms-user-select: none; 
  user-select: none;
  border-radius:0;
                             box-sizing:border-box;
  display:block;
	  border-top:1px solid #dbdbdb;


}
.mainmenu .menucontainer {
    flex-direction: row;  
    display:flex;
    justify-content:space-around;
        font-size:20px;
    Position:relative;

     /*  transform:translateY(+10px);*/
 
}



.mainmenuchilds{
    display:flex;
    flex-direction:column;
font-size:16px;
text-align:center;
	line-height:54px;

}
.mainmenuchilds.activemb{
font-weight:bold;
color:midnightblue;

}

.mainmenuchilds:hover{

  font-weight:bold  
}


.cartcounter{
    position:absolute;
    color: #000000;
    padding:0;
    width:24px;
    height:24px;
    top:0;
    left:calc(50% - 11px);
    border-radius:50%;
    margin:auto;
    box-sizing:border-box;
    font-weight:bold;
    background-color:transparent;
    text-align:center;
    line-height:24px;
}




/*
.mainmenu{
   position:fixed;
        bottom:0;
        width:100vw;
    height:55px;
    margin:auto;
    background-color:white;
    z-index:20000;
      direction: ltr;
      -webkit-user-select: none;
  -ms-user-select: none; 
  user-select: none;
  border-radius:0;
                             box-sizing:border-box;
           box-shadow: rgba(0, 0, 100, 0.35) 0px 0px 10px; 
-webkit-box-shadow:rgba(0, 0, 100, 0.35) 0px 0px 10px; 
padding-top:5px;
  display:block;

}
.mainmenu .menucontainer {
    flex-direction: row;  
    display:flex;
    justify-content:space-around;
        font-size:20px;
    Position:relative;

       transform:translateY(+10px);
 
}
.menutext{
           transition:transform 0.5s;
color:#051945;
    text-align:center;
    Position:relative;
display:block;
Background-color:transparent;


}
.mainmenu .menucontainer a:hover .menutext{
    transform:rotate(-5deg);

}

.mainmenu .menucontainer a.active .menutext{
transform:rotate(30deg);

font-weight:bold;

}






.mainmenuchilds{
    display:flex;
    flex-direction:column;
font-size:14px;
text-align:center;
transition:scale 0.5s;
line-height:1;
}
.mainmenuchilds.activemb{
     scale:1.2 1.2;
font-weight:bold;
color:midnightblue;

}

.mainmenuchilds:hover{
     scale:1.2 1.2;

    
}
.svgs{
    width:24px;
    height:24px;
}

.mainmenuchilds.activemb .svgs{
    fill:midnightblue;
}


.cartcounter{
    position:absolute;
    color:white;
    padding:0;
    width:25px;
    height:25px;
    top:-20px;
  left:50%;
    border-radius:50%;
    margin:auto;
    box-sizing:border-box;
    font-weight:bold;
  background-color:#051945;
	
  text-align:center;
	line-height:1.8;
}
*/
hr{
Height:0;
Background-color:transparent;
Margin:0;
Padding:0;
border:0;
Border-top:2px solid mediumblue;

}


.emptycartholder{
   text-align:center;
   padding-top:50px;
   font-weight:bold;
    color:midnightblue;
}
.emptycartsvg{

	fill:midnightblue;
	width:25%;
	height:25%;
}

  /*****************************/



.carttop2{
       position:absolute;
    top:0;
    right:0; 
        background-color:#051945;
        width:100%;
      z-index:10000;
    box-shadow: rgba(5,25,69, 0.6) 0 0 12px;
   -webkit-box-shadow: rgba(5,25,69, 0.6) 0 0 12px;
    color:white;
padding:6px;
  font-size:18px;
  height:44px;
  line-height:32px;
box-sizing:border-box;
min-height: 44px;
}




.returnbutton{
    cursor: pointer;
    border:0px solid #9a9aa9;
    border-radius:0;
  position:fixed;
  width:auto;
  height:auto;
  margin:0 6px 0 6px;
  color:white;
  background-color:transparent;
  text-align:center;
  font-size:100%;
  z-index:10000;
  box-sizing:border-box;
  top:5px;
  left:5px;
}



.cartchecking{
    -ms-overflow-style: none;  
  scrollbar-width: none; 
    box-sizing:border-box;
    height:100%;
    position:relative;
    overflow-y:scroll;
     display:block;
  width:96%;
	top:-40px;
  margin:auto;
	margin:24px auto;
	border-radius:10px;
	background-color:white;
	padding:50px 0 400px 0;


}

    .cartchecking::-webkit-scrollbar {
    display: none;
}
.carttop{
       position: relative;
       top:0;
       right:0;
       background-color: #ffffff;
       width:100%;
       z-index:10000;
       color:white;
       font-size:18px;
       box-sizing:border-box;
       overflow:scroll;
       scrollbar-width: none;
       margin:auto;
       direction:rtl;
       display:block;
  border-bottom:1px solid #dbdbdb;
}
.deletecartelement{
  position:absolute;
margin:2px;
  background-color:transparent;
  color:red;
  text-align:center;
    border-radius:50%;
width:26px;
  height:26px;
  padding:1px;
  line-height:28px;
  font-weight:bold;
    cursor: pointer;
	border:1px solid red;
	
}

#cartpopup{
direction:ltr;
background-color:#ffffff;
}


.cartcontroller{
  text-align:left;
  width:35px;
  padding:0;
  position:relative;
    box-sizing:border-box;

}
table{
  
width:100%
}
  .popupcontainer{
    width:100%;
    position:absolute;
    display:none;
	  padding-top:30vh;
    background-color:#dbdbdbb3;
    z-index:1000000;
    height:100%;
  }
 .popupcontainer .popupholder{
   font-size:22px;
     width:70%;
font-weight:120%;
   background-color:#051945;
     text-align:center;
   margin:auto;
   padding:10px;
   box-sizing:border-box;
   color:whitesmoke;
   line-height:200%;
 }
 
.popupbuttons{
    color:orange;
    font-weight:bold;
	  cursor:pointer;

}


.carttop::-webkit-scrollbar {

    display: none;
}

.totalpriceholder{
	position:relative;
	color:#545454;
	box-sizing:border-box;
	font-weight:bold;
	  display:block;
	text-align:center;
	width:60%;
	padding:10px;
border:1px solid #dbdbdb;
border-radius:60px;
	margin:6px auto;
	
	

}
.totalpricetitle{
	position:relative;
	display:inline;
	
}

.invoiceoverallholder{

  display:inline;
position:relative;
	
}
.cartcontrollerholder{
	display:block;
	position:relative;
	color:#999999;
	box-sizing:border-box;
	width:60%;
	font-weight:bold;
	font-size:16px;
		margin:8px auto;
	text-align:center;
	box-sizing:border-box;

}

.cartallremove{

  cursor:pointer;
  color:#ff0000;
	position:relative;
	display:inline;
	text-align:center;
	background-color:white;
	text-align:center;
	box-sizing:border-box;
padding:4px 2px 4px 16px;

}
.cartnextstep{
		display:inline;
	position:relative;
  cursor:pointer;
  color:#00be1e;
background-color:#ffffff;
	text-align:center;
	box-sizing:border-box;
	border-right:1px solid #c8c8c8;
	padding:4px 16px 4px 2px;

}
.popupcontainer2{
	z-index:11000;
	display:block;
	position:absolute;
	background-color:white;
	width:100vw;
	height:100vh;
	text-align:center;
	padding:18px;
	box-sizing:border-box;
	overflow-y:scroll;
	font-weight:bold;
	  scrollbar-width: none; 

}

.deliveryresult{
	box-shadow: rgb(115 255 0) 0px 0px 30px; 
		 -webkit-box-shadow: rgb(115 255 0) 0px 0px 30px; 
background-color:#73ff0000;
	

	width:70%;
	margin:20vh auto;
	padding:10px;
	box-sizing:border-box;
	border-radius:10px;
	
}


.popupcontainer2::-webkit-scrollbar {

    display: none;
}

.cartdeliverytitle{
	border-bottom:1px solid #dadada;
	font-weight:normal;
	
	width:50vw;
	margin:15px auto;
	padding:10px;
	box-sizing:border-box;
}



.nextsteplog{
	padding:6px;
	box-shadow: rgb(93 207 0) 2px 2px 10px; 
		 -webkit-box-shadow:rgb(93 207 0) 2px 2px 10px; 
	width:40%;
	border-radius:20px;
	margin:16px auto;
		color:#838383;

}
.nextstepguest{
	padding:6px;
	box-shadow: rgb(255 0 0 / 60%) 2px 2px 10px; 
		 -webkit-box-shadow:rgb(255 0 0 / 60%) 2px 2px 10px; 
	width:40%;
	border-radius:20px;
	font-weight:bold;
	margin:16px auto;
	color:#838383;
}
.submitcartform{
	background-color:#00b700;
	border:0;
	padding:6px;
	border-radius:4px;
	color:whitesmoke;
	font-weight:bold;
	margin:4px;
	
}


#cartform{
    display:none;
}
.returncartform{
	background-color:red;
	border:0;
	padding:6px;
	border-radius:4px;
	color:whitesmoke;
	font-weight:bold;
		margin:4px;

}




.deliverytimesholder{


position:relative;
	text-align:right;
	font-weight:normal;
	width:80%;
	margin:auto;
	
	
}


.deliverytimesholder span{

position:relative;
	display:block;
			box-shadow: #05194561 2px 2px 10px; 
			 -webkit-box-shadow:#05194561 2px 2px 10px; 
	font-weight:bold;
	border-radius:25px;
	padding:30px;
	box-sizing:border-box;
	
	
	
}
.deliverytimesholder span:before{

content:"";
	position:absolute;
	width:20px;
	height:20px;
	border-radius:50%;
	right:4px;
	box-shadow: inset 0 0 0 0.125em #00005cc2;
		 -webkit-box-shadow:inset 0 0 0 0.125em #00005cc2;
	
	
	
	
}
.deliverytimesholder label{

	position:relative;
	display:block;
}
.deliverytimesholder input{
margin-left:16px;
	opacity:0;
	display:none;
	
}

.deliverytimesholder input:checked + span:before{
        box-shadow: inset 0 0 0 0.4375em #00005cc2;
        -webkit-box-shadow:inset 0 0 0 0.4375em #00005cc2;
	
}
.deliverytimesholder input:checked + span{
	background-color:#00005c26;
	
}
.deliverycost{
	direction:ltr;
	position:absolute;
	left:10px;
	color:green;
	font-weight:bold
}
.deliverycost:before{
	content:"هزینه ارسال : ";
}


.deliverycost:after{
	content:"  تومان";
}

/**************************/
.searchtop{
       position:absolute;
    top:0;
    right:0; 
        background-color:#ffffff;
        width:100%;
      z-index:10000;
    color:white;
padding:10px 0 0 0;;
  font-size:18px;
  height:80px;
  line-height:32px;
box-sizing:border-box;
min-height: 80px;
}


#searchform{
	background-color:#ffffff;
	text-align:center;
	box-sizing:border-box;
	padding:10px;
		     box-shadow: rgb(167 167 167 / 60%) 2px 2px 10px; 
		       -webkit-box-shadow:rgb(167 167 167 / 60%) 2px 2px 10px; 
border-radius:10px;
	width:90%;
	margin:auto;
		margin-top:10px;
	


}

#searchinput{
  background-color:#ffffff00;
  outline:0;
  color:#767676;
   font-weight:bold;
  width:60%;
	margin:auto;
  position:relative;
  border:0;
    transition:font-size 0.2s;
font-size:110%;
  height:30px;
	padding:6px 0 6px 6px;
position:relative;
	width:100%;
	display:block;
		box-sizing:border-box;

	
}
.searchbutton{
background-color:#ffffff;
	border:0;
	width:40px;
	height:40px;
	border-radius:50%;
	padding-top:6px;
	display:block;
	position:absolute;
	left:10%;
	top:25px;
		box-sizing:border-box;
	z-index:20000;
	  cursor:pointer;


}
.searchbutton svg{
	fill:#051945;
		box-sizing:border-box;

}

#searchinput:focus{
  font-size:120%;
}
.searchcontainer{
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
    justify-content: space-around;
    width:100%;
    font-size:120%;
	margin:auto;
	position:relative;
    
}
.searchcontainer button{
    background-color:transparent;
   color:white;
   border:1px solid lavender;
   olutline:0;
   border-radius:4px;
  font-weight:bold;
}

#searchresult{
overflow-x:scroll;
	position:relative;
	display:block;
height:100vh;
	  scrollbar-width: none; 
	padding:50px 4px 100px 4px;
	box-sizing:border-box;
	
	direction:ltr;

}

#searchresult::-webkit-scrollbar {

    display: none;
}


.zeroresult{

	color:#9b9b9b;
	direction:rtl;
	width:80%;
	margin:auto;
	text-align:center;
	font-weight:bold;
	
}


/***********************************/

#profilepopup{
  background-color:#f1f3f4;
}
.profilechecking{
    -ms-overflow-style: none;  
  scrollbar-width: none; 
    padding:15px 0  0;
    height:100%;
    position:relative;
    top:-10px;
    overflow-y:scroll;
     display:none;
  width:96%;
  margin:auto;
  
}
    .profilechecking::-webkit-scrollbar {
    display: none;
}

.profilebuttonholder{
  display:flex;
  margin:0 auto 20px auto;
  border-radius:10px;
position:relative;
  z-index:10;
  background-color:white;
}
.profilebutton{
  background-color:transparent;
  padding:10px;
  margin:14px auto 14px auto;
  width:auto;
  border-radius:0;
  color:gray;
  text-align:center;
  line-height:20px;
  height:auto;
  box-sizing:border-box;
  cursor:pointer;
  font-weight:bold;
  font-size:80%;
  border:0 solid #e7e7e7;
  
  
}
.pbactive{
  background-color:transparent;
  Border-bottom:2px solid midnightblue;
    color:midnightblue;
}

.logincheck222{
  background-color:transparent;
  
  position:relative;
  border:0 solid red;
  padding:0px;
  box-sizing:border-box;
  
}

.loginput{
  border:0;
  outline:0;
  background-color:transparent;
  font-weight:bold;
  margin-bottom:16px;
  border-right: 4px solid #333333;
  padding:6px;
  width:40%;
  max-width:200px;
  position:relative;
  border-radius:0;
  transition:font-size ,border-width 0.2s;
  height:25px;
  transition-timing-function: linear;
  font-size:14px;
}
.loginput:focus{
      font-size:16px;
border-width: 12px;
}
.userlogpack{
  text-align:center;
  Display:none;
  Background-color:white;  
  
  border:0px solid;
  padding:10px;
  border-radius:10px;
  box-sizing:border-box;
}

.loginput:invalid{
}
.loginbutton{
  background-color:#4ed54f;
  border:0;
  outline:0;
  border-radius:4px;
  padding:2px 8px 2px 8px;
  box-sizing:border-box;
  font-weight:bold;
  margin-top:10px;
    width:60px;
  line-height:24px;
      cursor:pointer;

}
.textpack{
  width:100%;
  text-align:center;
  position:relative;
  font-size:16px;
  font-weight:bold;

}



.profiletitles{
    font-weight:bold;
    position:relative;
    color:midnightblue;
  border-bottom:1px dashed midnightblue;
  padding-bottom:4px;
  font-size:16px;
  	display:inline-block;
	margin:10px;	
}
.userdatapack{
  text-align:center;
  Display:block;
  Background-color:white;  
  
  border:0px solid;
  padding:10px;
  border-radius:10px;
  box-sizing:border-box;
}
.logoutbutton{
    background-color:red;
    color:whitesmoke;
    border:0;
  border-radius:px;
  font-size:16px;
  line-height:30px;
  border-radius:4px;
margin-right:18px;
      cursor:pointer;

    
}
.allordersbuttons{
       background-color:orange;
    color:#120c0c;
  border:0;
    font-size:16px;
  line-height:30px;
  border-radius:4px;
        cursor:pointer;

}




/************************/


#catspopup{
  background-color:#f1f3f4;
}
.rootchilds{
	background-color:white;
	position:relative;
	box-sizing:border-box;
border-bottom:1px solid #e1e1e1;
	padding-bottom:12px;
	font-size:80%;
}
.rootchildstitle{
	color:black;
	font-weight:bold;
	position:relative;
	box-sizing:border-box;

	
}
.childstitle{
		position:relative;
	box-sizing:border-box;
right:20px;
		margin:4px;

	
}


.rootchilds2{
	right:20px;
	position:relative;
	margin:4px;
}
.catschecking{
	overflow-y:scroll;
		overflow-x:hidden;

	height:calc(100vh - 50px);
	   -ms-overflow-style: none;  
  scrollbar-width: none; 
padding-bottom:50px;
	box-sizing:border-box;
}
.catschecking::-webkit-scrollbar {

    display: none;
}


.childpack{
	display:none;
}
.activecatsmenu{
	display:block;
}

.categoryicons{
	position:relative;
	top:18px;
	width:40px;
	height:40px;
	border-radius:50%;
	margin:0 10px;
	box-sizing:border-box;
	border:1px solid #d4d4d4;
}


/************************/



.popupcontainer3{
    display:none;
    position:absolute;
    z-index:10000;
    width:100vw;
    height:100vh;
  background-color:#e7e7e7;
      background-color:#ffffff;

}

.closepopbutton{
    width:10%;
    margin:20px auto;
    background-color:red;
    color:whitesmoke;
    padding:4px 16px;
    text-align:center;
	font-weight:bold;
    border-radius:6px;
    
}

.orderssegment{

	background-color:white;
	margin:16px auto;
	width:85%;
	padding:10px;
	border-radius:16px;
	    overflow:hidden;
line-height:2.2;
	color:#878787;
	font-weight:bold;
	text-align:center;
	border:0px solid #c8c8c8;
	     box-shadow: rgb(167 167 167 / 60%) 2px 2px 10px; 
	     -webkit-box-shadow: rgb(167 167 167 / 60%) 2px 2px 10px; 

}


.orderslist{
	overflow:scroll;
	height:100%;
	  scrollbar-width: none; 
	padding-bottom:100px;
	position:absolute;
	display:block;
	width:100%;
	box-sizing:border-box;

}

.orderslist::-webkit-scrollbar {

    display: none;
}



.orderdetailing{
	background-color:#303030;
	padding:4px 12px;
	border-radius:6px;
	position:relative;
	color:#ececec;
}
.orderdetailing::after{
	content:"جزئیات بیشتر";
}

.orderdetailing.activedetails::after{
    	content:"جزئیات کمتر";

}
.ordersdetails{
	height:0;

	visibility:hidden;

}
.ordersdetails.showndetails{
visibility:visible;



height:auto;
	
}


.lastorderstable td{


	border:1px solid #d7d7d7;
	padding:1px 4px;
}


.lastorderstable {
	position:relative;
	display:block;
font-weight:normal;
	font-size:16px;
overflow-y:scroll;
	border-collapse:collapse;
	margin:10px 2px;
	  scrollbar-width: none; 

}
.lastorderstable::-webkit-scrollbar {

    display: none;
}


/******/

#homepopup{
	width:100%;
	height:100%;
	overflow:scroll;
	box-sizing:border-box;
	position:absolute;
	display:none;
	font-family:f2;
	text-align:center;
	color:#051945;
	-ms-overflow-style: none;
	scrollbar-width: none;
}
.bgimage{
	position:absolute;
	width:100%;
	height:100%;
	display:block;
	background-image:url("pics/groceryback.jpg");
	opacity:0.4;
	background-size:cover;
		background-position:center;

}
.topmenuholder{
	width:100%;
	position:fixed;
	display:block;
	height:40px;
	opacity:0.5;
	z-index:100;
	background-color:#81818142;
}

.farsihypertitle{
    color:white;
	padding-top:120px;
	position:relative;
	display:block;
	font-family:f3;
	font-weight:normal;
	line-height:40px;
	font-size:140%;
}

#homepopup::-webkit-scrollbar {

    display: none;
}

.englishtitle{
	position:fixed;
	padding:0;
	display:block;
	margin:auto;
	font-family:f2;
	font-size:32px;
	color:whitesmoke;
right:0;
	padding:0 10px;
		z-index:100;

}
.svgicons{
	width:26px;
	height:26px;
	fill:whitesmoke;
	padding:10px;
	overflow:visible;
	cursor:pointer;

	
}
.cartcounter2{
	position:relative;
	display:block;
	padding:4px;
	color:whitesmoke;
		z-index:100;

}
.mainmenuicons{
	position:fixed;
	left:0;
		z-index:100;

}
.getstartpurchase{
	position:fixed;
	bottom:0;
	text-align:center;
	padding:4px 20px 10px 19px;
	font-family:f3;
	left:10px;
	background-color: #ffffff;
	margin:16px auto;
	box-sizing:border-box;
	color:#303030;
	font-weight:bold;
	z-index:100;
	cursor:pointer;

}
.homepopupdivs1{
	background-color:#051945;
	width:100%;
	height:100%;
}
.scrollablesign::after{
	content:"اسکرول کن";
	text-align:center;
	
	color:white;
}
.scrollablesign{
	position:absolute;
	bottom:25px;
	width:20vw;
	height:4vw;
	margin:auto;
	left:40%;
	display:block;
	  animation: scrollanimation 2s ease-out infinite;
  -webkit-animation: scrollanimation 2s ease-out infinite;
  -moz-animation: scrollanimation 2s ease-out infinite;
  -o-animation: scrollanimation 2s ease-out infinite;
}
@keyframes scrollanimation {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-15px);
  }
  100% {
    transform: translateY(0);
  }
}
.homepopupdivs2{
	background-color:#dddddd;
min-height:300px;
	padding:20px;
	position:relative;
	display:block;
	box-sizing:border-box;
	color:#2f2f2f;
		margin:0;
	position:relative;
}
.aboutus{
		font-family:f3;
	line-height:32px

}
.deliverypricecontent{
		font-family:f3;
	line-height:32px;
	color:black;
}


.installpwacontent{
			font-family:f3;
	line-height:32px;
	color:black;
	font-weight:bold;
}

.homepopupdivs3{
	background-color:#0c0c0c;
min-height:350px;
	margin:0;
	position:relative;
}
.addressclass{
color:white;
	padding:20px 0 ;
	font-family:f3;

	
}
.phoneclass{
	color:white;
}
.phoneclass span{
	color:white;
	padding:10px ;
	font-family:f3;
}
.contactpack{
color:white;
	position:relative;
	display:block;	
text-align:center;
	width:100%;
	margin:100px auto;
	font-family:f3;
	bottom:0;
	
}
.contactpack span{
	padding:10px;
	box-sizing:border-box;
		font-family:f3;

}

#pwainstallbutton{
    display:none;
	padding:4px 10px 12px;
	font-family:f3;
	font-size:20px;
	background-color:#eeff3f;
	color:#4e4e4e;
	margin:16px auto;
	width:60%;
cursor:pointer;
	position:relative;
	
}

.innerpages{
    display:none;
}


.errorfotmnotif{
	margin:10px auto;
	width:80%;
	padding:10px;
	box-sizing:border-box;
	position:relative;
	display:block;
	color:red;
	font-size:16px;
	font-weight:bold;
	
}

.formresultoknotif{
    
 	margin:10px auto;
	width:80%;
	padding:10px;
	box-sizing:border-box;
	position:relative;
	display:block;
	color:green;
	font-size:16px;
	font-weight:bold;   
    
}


.formresultnotoknotif{
    	margin:10px auto;
	width:80%;
	padding:10px;
	box-sizing:border-box;
	position:relative;
	display:block;
	color:red;
	font-size:16px;
	font-weight:bold;
}