body{

	direction:rtl;
    background-color:#f8f9fa;
	padding-bottom: 0px;
	margin-bottom: 0px;
    font-family:iranyekan-md-fanumber;
}


  a{
      
    color:black;
    
  }



	a:hover{

		text-decoration: none;
        color:inherit !important;
	}

	.my-shadow{
		box-shadow: 0 1px 2px 1px rgb(0 0 0 / 47%);
	}

	.light-shadow{
		box-shadow: 0 1px 2px 0px rgb(0 0 0 / 24%);
	}

	.my-shadow2{
		box-shadow: 1px 1px 4px 1px rgba(0 , 0 , 0 , 0.6);
	}


  .my-border{

	  box-border: 0 1px 2px 0 rgba(0 , 0 , 0 , 0.6);
	}


	.main-row{

      padding: 0px 0px;

    }


	#post_page{
    
       padding-bottom:85px;
    
    }    
  	
    
		

#portfolio-filter{

	list-style: none;
	display: flex;
	justify-content: left;
	flex-wrap: wrap;
	padding: 20px 0px;;
	margin-right:10px;
	margin-top:-20px;

  }

#portfolio-filter li{

	flex-basis: 93px;
	text-align: center;
	color:black;
	background-color: white;
	border-radius: 5px;
	padding: 4px 5px;
	font-size: 14px;
	margin: 5px;
	cursor: pointer;
	box-shadow: 0 1px 3px rgba(0 , 0 , 0 , 0.1);
	transition-duration: 0.3s;

  }

#portfolio-filter li:hover , #portfolio-filter .filter-active{

    background-color:  #4ec51c;
    color: white;
  }


#portfolio-container  .content .filter-active{

    display:inline !important;
}


.lightbox .lb-image{
  pointer-events:none !important;
}


#top-slider{

  width: 100%;
  background:white;
}

#top-slider img{

    height:330px;
    width: 100%;
    object-fit:cover !important;
    object-position:center !important;
    padding:5px;
    
}



.carousel-inner .card-img-overlay span{

padding:10px 15px;
font-size: 13px;
color:white;
border:1px solid red;
font-weight:520;
}



.carousel-inner .card-img-overlay:hover{
	padding: 0 0;
}


 .carousel-inner .card-img-overlay .img-1 {
	display: inline-block;
	transition-duration: 0.3s;
	opacity: 0;
}


 .carousel-inner .card-img-overlay:hover .img-1{
	opacity: 1;
}



.card-img-overlay {
	transition-duration: 0.3s;
	text-align: center;
	width: 100%;
}



.card-img-overlay span:hover{

background-color: #ef4343;

}



.carousel-control-prev {

position: absolute;
/* height: 100% !important; */
width: 10%;

}


.carousel-control-next {
position: absolute;
 /* height:100% !important; */
width: 10%;

}




.carousel-control-prev span{
position: absolute;
/* top: 45%; */
margin-top: 5px;
padding-right: 5px;
padding-left: 5px;
padding-top: 17px;
padding-bottom: 12px;
  border :1px solid red;
border-radius: 5px;
background-color: white;
font-size: 20px;
color:black;
text-align: center;
vertical-align: middle;
margin-right: -5px;
font-size: 20px;
font-weight: 500;
background-color: white;*/
}

.carousel-control-next span{
position: absolute;
/* top: 45%; */
margin-top: 5px;
padding-right: 5px;
padding-left: 5px;
padding-top: 17px;
padding-bottom: 12px;
border :1px solid red;
margin-right:5px;
border-radius: 5px;
color:black;
text-align: center;
vertical-align: middle;
font-size: 20px;
font-weight: 500;
background-color: white;*/
}






.owl-carousel{

  padding: 10px 0;
	background-color: white;
}


.owl-stage-outer{

	border: none !important;
}


.owl-carousel .card-img-top{
    
  padding: 9px;
  border-radius:13px;
  
}


.owl-carousel .card{
    
   border-radius:5px;
}


.owl-carousel h6{

  font-size: 12px;
}

.owl-carousel .owl-nav button{

  position: absolute;
  top: 40%;
  font-size: 55px !important;
  outline: none;
  color: #777 !important;
	display: none;
}

.owl-carousel .owl-nav .owl-next{
  left: -10px;
}

.owl-carousel .owl-nav .owl-prev{
  right:-10px;
}

.owl-carousel .owl-nav button:hover{
  color:black !important;
}

#same-posts h6{

 font-size:18px;
 margin-right:5px;
 font-family:iranyekan-bold-fanumber;
 
}


#title_amount_box{

   position: relative;
   margin-top:0px;
	 height: auto;
	 padding-bottom: 0px;
   border-radius:5px;
	}


.content{

 width:100%;

}

 .content #product-name{

    position: relative;
    top:5px;
    margin-right: 15px;
    font-size: 16px;
    line-height:33px;
    font-family:iranyekan-extrabold-fanumber;

 }


.content #introduce1{

  margin-top: 0px;
  margin-right: 15px;
  font-size: 13px;
  font-family: iranyekan-reg-fa-number;

}





.content .url-off{

        position: absolute;
        display:flex;

        font-family:iranyekan-li-fanumber;
        top:198px;
}


 .content .call{

    position: absolute;
    font-size:22px;
    top:195px;
    right:15px;
    color:red;

  }

.content .badge {

    background-color:white;
    font-size:14px;
    color:#ff002f;
    padding: 8px 20px;
    border:1px solid;
    font-family:iranyekan-li-fa-number !important;

}

.content .badge span{

      font-size:14px;

}

 #amount-button{

   position:relative;
   /* top:140px; */
   height: 70px;
   background-color:inherit;
   border-radius: 0px;
   border :1px solid #b2b0b0;
   border-radius:5px;
   bottom: 0px;
}

#amount-button span{

    font-size:16px;
}

#amount-button .tooman{

    font-size:14px;
}

#amount-button .off-number{
   position:relative;
   right:0px;
   color:#2e3c54;
   font-size:19px;
   font-family:iranyekan-extrabold-fanumber;
}

#amount-button .off-number .off{

   font-size:15px;
   color:#4ec51c;
   font-weight:400;
   
}

#amount-button .org-number{

   font-size:16px;
   padding-right:0px;
}

#amount-button .org-number .org{

   font-size:13px;
   padding-right:0px;
	 font-weight:400;

}


#amount-button .percent{
   position: relative;
   color:#d80909;
   font-size:16px;
   font-weight: 600;
}

#amount-button .percent .takhfif1{
   position: relative;
   color:#d80909;
   font-size:13px;
   font-weight: 550;
}


#amount-button .amount{

  position: relative;
  color:#2e3c54;
  font-size:16px;
  font-family:iranyekan-extrabold-fanumber;
}






#col-information{

	position: relative;
	top:35px;
}


.information .nav-item{

  padding: 0px 10px;
}


.information .nav-tabs li{

  font-size: 13px;

}

.information .nav-tabs li a{
  font-size: 13px;
  color:black;
}

.information .nav-tabs li a:hover{
  font-size: 13px;
  color:green;
}

.information .top-title {

  padding-bottom: 10px;
}

.information .top-title h6{

  font-size: 18px;
  padding-bottom: 10px;
}


.information .title{

  font-size: 18px;


}


.information .explane{

  font-size: 15px;
  border-radius: 5px;
  margin-top:0px;
  text-align:justify;
  color:#626264;
  height:auto !important;
  min-height:170px;
  font-family: iranyekan-reg-fa-number;

}



#col-rules{

	position: relative;
	top:30px;
}

 #rules{

	text-align: justify;
	line-height: 25px;
	border-radius: 5px;
}

#rules ul{

 font-family:iranyekan-li-fa-number;
}

.list-unstyled{


}


#comment-col{

	position: relative;
	top:40px;
}

#send-col{

 position: relative;
 top:40px;
}



.user-content .user-pic img{

    width:40px;
    height:42px
    padding-top:4px;
    padding-bottom:7px;
    padding-right:3px;
    padding-left:3px;

}




.user-content #timestamp{

    position: relative;
    margin-right:5px;
    font-size: 12px;
    width: 80px;

}


.comment-show #comment-title{
  font-size: 14px;
	border-bottom: 2px solid red;
	padding-bottom: 8px;

}

.comment-show .hr1{

	position: relative;
	top:-10px;

	}


 #send-title{
  font-size: 14px;
	border-bottom: 2px solid red;
	padding-bottom: 8px;

}

 .hr2{

position: relative;
top:-10px;

}

.user-comment .user{

 font-size: 14px;
 color:green;
}

.user-comment {
 margin-bottom: 10px;
 border-bottom:1px solid #dfe4ea;
 padding-bottom: 10px;

}


.user-comment #comment{

 position: relative;
 font-size: 14px;
 right: 8px;
 top:-30px;
 width: 90%;
 /* border-bottom:1px solid #dfe4ea; */
 margin-bottom: -30px;
}



.comment-send .form{

 width: 100%;

}

.comment-send .form-content .form-control{

 font-size: 13px;
 border-radius: 10px;
 padding-top: 10px;
/* height: 120px !important;*/
 font-family:iranyekan-reg-fa-number;

}

.comment-send .btn{

 font-size: 12px ;
 font-weight: 4200;
 background-color: rgba(24, 111, 254,1);
 border-radius: 5px;
 color : white;
 padding:10px 20px;

}

#report {
  height: auto;
}

#report span{

	height: auto;
	font-size: 13px;
}

#report .report-btn{

	height: auto;
    padding: 7px 14px;
	font-size: 12px ;
	/* font-weight: 520; */
	background-color: inherit;
	border:1px solid red;
	/* border-radius: 20px; */
	color : red;
}


#report .report-btn:hover{

	background-color: red;
	color : white;
	font-weight: 520;
}

.modal-dialog{

	height: 420px;
}


.modal {

	margin-top: 90px;
}

.modal label{

	font-size: 14px;
}

.modal .modal-footer button{
  
  position: relative;
  margin-top: 25px;
  font-size: 13px ;
  font-weight: 520;
  background-color: red;
  border-radius: 5px;
  color : white;
  padding:8px 20px;

}


.report-choices .form-control{

	font-size: 14px;
	border-radius: 10px;
}

.report-content .form-control{

	font-size: 14px;
	height: 120px !important;
	border-radius: 10px;
}

.modal-header .close{
    
    padding:8px 12px 3px 12px;
    margin:0px !important;
}

.rules{

	font-size: 13px;
	position: relative;
	right: 0px;
	top:10px;
}



/* .rules span{

 color:red;
} */

.rules ul{

	margin-top:10px;
	font-size: 12px;

}



#comment-message{

font-size: 15px;
padding: 10px 10px;
background-color: white;
color:green;

}

.inter{

	/*height:40px;*/
	background-color:#c8b8d0;
	border-radius: 5px;
	padding:5px 10px 12px 5px;
	font-size: 13px;
}

.inter .badge{
 
    margin-top: 8px;
    padding: 10px 17px;;
    font-size:12px;
    font-weight: 2200px;
    margin-right: 10px;
 
}


.cards-title{

  margin:0px -5px;


}

.cards-title hr{
	position: relative;
}

.cards-title h6{
	font-size: 18px;
    color:#334467;
    font-family:iranyekan-extrabold-fanumber;
}



#cards{

  position: relative;

}


.card img{

  width: 100%;
  height: 180px;
  padding: 4px;
  object-fit:contain !important;
  object-position:center !important;

}



.card .card-body {
 
 position:relative;   
 width: 100%;
 padding: 0px 9px;
 height:100px;

}


.card .card-body  h2{
  
  font-size: 13.5px;
  font-weight: 1100;
  line-height: 28px;
  color:black;
  font-family:iranyekan-extrabold-fanumber;
  position:relative;
  top:-7px;
  display:-webkit-box;
  overflow:hidden;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
 
}

.time-store-off{
    
    position:absolute;
    bottom:0px;
}

.time-store-off .time{
    
 font-size:12.5px ;  
    
}


.time-store-off .storename {
    
   font-size:13px; 
   color:#d90b0b; 
    
}

.card-horizontal{

  display: block;
  margin-bottom:0px;
}

.card .card-footer{

	background-color: white;
	font-size: 13px;
	padding: 5px 24px;
}

.card .card-footer .date{

   font-family:iranyekan-reg-fa-number;
}






.card .card-footer .badge .takhfif{

	font-size:11px;

}

.card .card-footer .org-price{

 font-size: 15px;
 color:;

}



.card .card-footer .price{

 font-size: 14px;
 color:#13c76c;
 font-family:iranyekan-md-fanumber;
 
}


.footer{
    
  position: relative;
  z-index: 10000;
	margin-top: 30px;
  height: auto;
  width: auto;
  right: 0px;
	color:white;
  background-color:black;
	font-size: 13px;
}

.footer hr{
  background-color:red;
  height: 1px

}

.email{
 text-align: center;
}


.portfolio-img {


}


#portfolio  img{
  margin-top: 100px;
	z-index: 100000000;
}







.btn .badge2 .badge{

    padding:6px 5px;
    font-size: 12px;
    border:1px solid red;
    font-family:iranyekan-li-fa-number !important;
}



#nav-tabs .nav-link{

   font-size: 14px;
   padding: 10px 8px;
   color:black;
   font-family: iranyekan-md-fanumber;

}




#store-online span{

  font-size: 14px;
	font-family: iranyekan-li-funumber;
}


#col-store_detail-2{
  display: none;
}


#online_url {
  margin-top: 0px;
}



#online_url span{

    border:2px solid #0fb661;
    padding: 8px 30px;
    font-size: 14px;
    font-family: iranyekan-bold-fanumber;
    border-radius: 5px;
    color:#0fb661;
 
}

#online_url span:hover{

 border:2px solid #0fb661;
 padding: 8px 30px;
 font-size: 14px;
 font-family: iranyekan-bold-fanumber;
 border-radius: 5px;
 background-color:#0fb661;
 color:white;
 
}



#card-img-online {

 padding: 12px 12px;

}

#card-img-online img{

	width:95px;
	height:95px;
	border-radius:5px;
    margin-top:7px;
    object-fit: contain !important;
    object-position: center !important;
}





span.tooman{

    font-size:12px;
}

#store_name {

  color:#334467;
  font-size:16px;
  font-weight:bold;
}


#card-online{

   border-bottom:1px solid #e5e0e0;
}
  
#card-online .text-muted{

  font-size: 12px;
  font-family: iranyekan-li-fanumber;
}

#card-online .price{

  font-size: 18px;
  color:#df0b36;
  font-family:iranyekan-extrabold-fanumber;
}


#card-online .card-title{

  font-size: 14.6px;
  color:#1c1a2e;
  line-height:25px;
  position:relative;
  font-family:iranyekan-extrabold-fanumber;
  top:-1px;
  display:-webkit-box;
  overflow:hidden;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;

}




#score .score_count{

   font-size:12px;
   font-family:iranyekan-li-fanumber;
   margin: 10px 3px;
   padding: 0px 5px;
   border-radius: 5px;
 
}



.score-title{

  font-size: 13px;
  font-family: iranyekan-reg-fa-number;

}


.online-stores{

	border-radius: 5px;
}


#badge-online{

    position:relative;
    background: #ef394e;
    padding: 4px 10px;
    color:white;
    font-size: 16px;

}

.online-date{

	position: absolute;
	bottom: 0px;
}


.online-stores .card-body{

  position:relative;
  top:5px;
}




#cheapest-buy{

	font-size: 13px;
	padding: 8px 20px;
	border:1px solid #737574;
	color:#232424;
    border-radius: 5px;
}


#chart{

    font-size: 13px;
    padding: 8px 20px;
    border:2px solid #737574;
    color:#232424;
    border-radius:5px;
    background:inherit;
    width:100%;
}

#chart .chart-img{

  width:25px;
  position:relative;
  top:-4px;
  margin-right:3px;
}


#comparison .title{

  font-size: 14px;
  /*color:#ba0000;*/
  color:grey;

}

    #comparison .min-price{

       font-size: 22px;
       color:#04b65d;
       font-family:iranyekan-extrabold-fanumber;
       
    }	

    #comparison .max-price{

        font-size: 22px;
        color:#d10630;
        font-family:iranyekan-extrabold-fanumber;
     }	



#comment_count{

    font-size:13px;
    padding: 5px 10px;
    background-color: #f2f2f2;
    font-family: iranyekan-li-fanumber;
    border-radius: 5px;

}


#online_store_more_btn{

	font-size: 14px;
	border:none;
	padding: 7px 20px;
	width: 100%;
	border-radius: 7px;
    background:inherit;
    border:3px solid #da1036;
    color:#da1036;
    font-weight:bold;
}


#online_store_more_btn:hover{

 background:white;

}





    .dropdown-item-chat img{
    
      width:25px;
      position:relative;
      right:-5px;

    }


  #post-page-mobile-footer{
     position:fixed;
     bottom:0px;
     width:100%;
     background:white;
     padding-top:7px !important;
     z-index:10000;
     border-top:1px solid #e8e8e8;
  }
  
    #post-page-mobile-footer .main-button{
        
        background:inherit;
        border-radius:8px;
        margin-top:4px;
        margin-bottom:10px;
        
    }
  
  
    #post-page-mobile-footer button:hover{

      color:white;
    /*  background:#0dbe6b;*/
      background:#d80909;
    }


  #post-page-mobile-footer button{
  
    padding: 6px 15px;
    width: 100%;
/*    color:#0dbe6b;
    border:2px solid #0dbe6b;*/
    color:#d80909;
    border:2px solid #d80909;
    background-color: inherit;
    border-radius: 5px !important;
    font-size:14px;
    outline:0 !important;
    box-shadow:none !important;
    
   }

   
   #dropup{
       
     position:initial;
    
   }

   #post-page-mobile-footer button i{

     position:relative;
     top:5px;

    }

    #post-page-mobile-footer a{
      font-size:13px;
     }


   #post-page-mobile-footer a:hover{
     font-size:13px;
    }

    .dropup &::after,
    .dropright &::after {

    }

    .dropup .dropdown-toggle::after{

        display: none !important;
    }


 #dropup{
        
    position:initial;
        
  }
  
  
  #dropup_menu{
  
    width:92%;
    border:1px solid #de460c;  
    margin:0px 10px;
    position:absolute;
    /*transform:translate3d(3px,-45px,0px);*/
    top:-5px !important;
    transition:.2s;
    padding-top:10px;
    left:0px !important;
    will-change:transform;
    
  }
  
  
  
  #dropup_menu .dropdown-item{
    
    padding:5px 15px !important;
    background:white;
    font-family:iranyekan-extrabold-fanumber;
    color:#36385a;
    margin-top:1px;

  }

    #dropup_menu .dropdown-item:hover{
  
     background:#fffdf4 !important;
  }

  
      .telephone-img{

        width:22px;
        position:relative;
        top:-3px;
        right:-3px;
    }

    
    .mobile-img{

        width:15px;
    }
    



	a.dropdown-item{
        
	   font-size: 13px !important;
       
	  }
	  
	a.dropdown-item:hover{
        
	   font-size: 13px !important;
       
	  }

	.dropdown-toggle {
	  @include caret(up);
	}




 .checked {
        
  	color: orange;
    
  }

  .online-profile-collapse {
      
  	background-color: #f3f3f3;
  	color: #444;
  	cursor: pointer;
  	padding: 2px 12px;
  	width: 100%;
    text-align:center;
  	border: none;
  	font-size: 11px;
  	border-radius: 5px;
  	outline: none !important;
    
  }

  .profile-angle-down-img{
    width:14px;
  }

  .collapsible:hover {
  	/* background-color: #ccc; */
  	/* border: 1px solid #2bbd79; */
  }

  .online_profile_content {
      
  	font-size: 11.5px;
  	font-family: iranyekan-reg-fa-number;
  	padding: 5px 10px;
  	display: none;
  	overflow: hidden;
  	background-color: #fbfbfb;
  	border-radius: 5px;
    
  }


  .online-profile-btn {
  	padding: 6px 15px;
  	border-radius:4px;
  	background-color: white;
  	border: 1px solid #dfdfdf;
    color:#2f2f2f;
  	text-align: center;
    width:175px;
    margin-left:auto;
    margin-right:auto;
  }

  .online-profile-btn:hover a img{
      
      filter:invert(19%) sepia(170%) saturate(4463%) hue-rotate(340deg) brightness(90%) contrast(100%);  
   }
  
  .online-profile-btn:hover {

  	border: 2px solid #f03f1c;
  	text-align: center;
    color:#f03f1c;
  }
  
  .online-profile-btn a{
        
  	font-size: 11px;
    color:inherit;

  }
  
  
  .white-collapse-button {
  	background-color: white;
  	font-size: 14px;
  	font-family: iranyekan-md-fanumber;
  	border-radius: 5px;
  	width: 100%;
  	text-align: right;
  	padding: 8px 12px;
  	border: none;
  	outline: 0 !important;
  }

  .send-comment-img{

   width:23px;
   position:relative;
   top:-4px;

  }


  .white-collapse-box:hover {
  	border: 1px solid #c5c5c5;
  }

  .product-explain p {
  	font-size: 13px;
  	font-family: iranyekan-reg-fa-number;
  	text-align: justify;
  }

  .white-collapse-box {
      
  	border-radius: 5px;
    border:1px solid #dee2e6;
  }

  #mobile_comment p {
  	font-size: 13px;
  	text-align: justify;
  }

  .mobile-user-comments {
  	display: none;
  }

  .mobile-report-box {
  	text-align: center;
  }

  .mobile-report-box button {
  	width: 100%;
  	margin-top: 10px;
  }

  #mobile_comment_form {
  	display: none;
  }

  select.form-control:not([size]):not([multiple]) {
  	height: 36px !important;
  }



  #nav-tabs li a{
   border:none;
   margin-bottom:5px;
  }


  #nav-tabs li{
   margin-bottom:-4px;
  }



  #nav-tabs li:after {

      content:'';
      display:block;
      position:relative;
      top:-4px;
      height:1px;
      width:0px;
      background:transparent;
      transition:width .3s ease, background-color .3s ease;
  }

  #nav-tabs li:hover:after {

     width:100%;
     background:red;
  }



  #nav-tabs li a.active{
   border-bottom:3px solid red;
   margin-bottom:1px;

  }

  img{

  object-fit:contain !important;
  object-position:center !important;

  }

  .main-footer{
    display:none !important;
  }

  
 .store-detail-title{
  
    font-size:13px;
    color:#d80909;
    font-family:iranyekan-bold-fanumber;
  }
  
  
  #link button:hover {
  
     background:#0fb661;
     color:white;
  }
    
  
  

#store_detail-1 {

  border-radius:5px;
}


#rules-2{

    border-radius:5px;
}

#store_detail-1 ul li{

    font-size: 13px ;
}

#goto-store-1 .badge{

 font-size: 12px;
 padding: 12px 15px;
 border:2px solid #dc3545;
 color:#dc3545;
 width:99%;

}

#note-2{

 display: none !important;

}




.angle-down-img{

    width:18px;
    margin-left:5px;
}


.angle-left-img{

    width:10px;
}

button{

    outline:0 !important;
}



#off_code{
    
    position:relative;
    top:43px;
    margin-right:15px;
}

#off_code .off-code-title{

  color:red;
  font-family:iranyekan-extrabold-fanumber;
 
}

#off_code .off-code-text{

    font-size:11.2px;
    color:grey;
}


#rules-2{
    
    font-size:13px;
    font-family:iranyekan-li-fanumber;
    color:black;
}

#top_note{
    
    display:none !important;
}


#post_scores span{
    
    font-size:14px;
    font-family:iranyekan-li-fanumber;
}


#post_scores button span{
    
    font-family:iranyekan-li-fanumber;
    color:#00c847;
}

#post_scores button .five-score{
    
   color:#0cb37d;
   font-size:25px;
   font-weight:700;
}


#post_scores button .avg-score{
    
   color:#787373;
   font-size:23px;
}

#post_scores button .score-count{
    
   color:#787373;
   font-size:18px;
}



.online-title h2{

    font-size:19px;
    font-family:iranyekan-extrabold-fanumber;
    color:#334467;
}




#online_header_box{
    
    border-bottom:1px solid #d6d6d6;
}




.online_profile_content .time img{

    position:relative;
    top:-1px;
    width:17px;
    margin-left:2px;

}

.online_profile_content .location img{

    position:relative;
    top:-4px;
    right:4px;
    width:10px;
    margin-left:9px;
}

.online_profile_content .delivery img{

 width:18px;
 margin-left:2px;
 
}

.online-profile-btn img{

 width:15px;
 position:relative;
 top:-1px;
 margin-left:3px;
 
}



.tooman{

    font-size:12.5px;
}



#place{
    
    padding:5px 7px;
    border-radius:6px;
    position:relative;
    /*background:#f8f8f8;*/
    background:white;
    border:2px solid #dadada;
    top:-4px;
    margin:0px -17px;
    
}

  #call_for_amount{

   font-size:12px;
   color:#13c76c;
   
  }


#call_for_amount .angle-left-green{

  width:auto !important;
  position:relative;
  height:13px !important;
  top:8.5px;
  margin:0px 5px;
  padding:0px !important;

}



.card .card-body {

    width: 100%;
    padding: 0px 10px;
}    

    
.card .card-body .badge{
    
    position:relative;
    top:5px;
    padding:6px 10px 3px 10px;
    color:white;
}



.card .card-footer .city,.area{
    
  position: relative;
  font-size: 11px;
  
}
  
.card .card-footer .city i{
    
  font-size: 15px;
  
}
    


 .online-similar-city{
 
   font-size:14px;
   color:grey;
   
 }     
  
  .online-stores-text{
  
    font-size:16px;
    font-family:iranyekan-bold-fanumber;
    color:grey;
  } 
  
  .online-stores-count{
  
    font-size:22px;
    font-family:iranyekan-extrabold-fanumber;
    color:#334467;
  }  
    
    
  #comparison .comparison-storename{
    
    font-family:iranyekan-extrabold-fanumber;
    color:#334467;
    font-size:15px;
}
 
 
 .product1-refer-btn{
 
   background:inherit;
   font-size:13px;
   padding:5px 20px;
   border:2px solid #f38b00;
   color:#f38b00;
   outline:0 !important;
   border-radius:2px;
 }

 .product1-refer-btn img{
    
    filter:invert(19%) sepia(170%) saturate(4463%) hue-rotate(11deg) brightness(90%) contrast(100%); 
    
}
  

 .product1-refer-btn:hover{
 
   background:#f38b00;
   color:white;
 }

 .product1-refer-btn:hover img{
    
    filter:invert(100%) sepia(100%) saturate(100%) hue-rotate(348deg) brightness(1000%) contrast(100%); 
    
}  


.delivery-name{

  background: white;
  padding: 5px 5px;
  border-radius: 5px;
  color: #255b84;
  
}

.city-select-modal-btn {  
    border: 2px solid #565e6d !important;
    background: white !important;
    padding: 6px 12px 3px 12px !important;
    font-size: 12px !important;
    border-radius: 28px !important;
    outline: 0 !important;
    font-family: 'iranyekan-li-fanumber';
    color: #131313;
    font-weight: 600;
}
  
.online-stores-modal .modal-body {
    max-height: 330px;
    overflow: scroll;
    overflow-y: hidden;
    overflow-x: hidden;
    min-height: 150px;
}

.online-stores-modal .modal-header {
    padding: 9px 10px 0px 0px;
}

.online-stores-modal .close {
    padding: 8px 12px 6px 12px !important;
    padding-left: 18px !important;
}

.online-stores-modal .modal-footer button{
   background:white;
   color: #0cae62;
   border: 2px solid #0cae62;
   margin: 0px;
}  

.online-stores-modal .modal-footer button:hover{
   background:#0cae62;
   color: white;
}  
  
  
.city-select {
 font-size: 13px;
 background: grey;
 padding: 5px;
 color: white;
 margin: 10px 5px;
}

.online-stores-modal input[type="checkbox"]{
   width:20px;
   height:20px;
   top:6px;
   position:relative;
}

img#filter_spinner ,img#city_spinner{
  position:fixed;
  width:66px;
  margin-top:-40px;
}


img#online_store_more_spinner {
    position: absolute;
    width: 85px;
    margin-top: -40px;
    z-index: 100000;
    top: -100px;
}

.custom-store img {
   position: relative;
   width: 18px;
   top: -1px;
   left: -1px;
}


.fast-delivery img {
    width: 24px;
    position: relative;
    top: -4px;
}


.free-delivery img {
   width: 22px;
   position: relative;
   top:-1px;
}

.features-badge {
  background: white;
  padding: 0px 12px;
  border-radius: 30px;
  border: 1px solid #d9d9d9;
}

.pay-at-address img {
   width: 21px;
   position: relative;
   top: -3px;
   left: 2px;
}



@media (min-width:365px) {


  #portfolio-filter li{

   flex-basis: 100px;

  }



}



@media (min-width:430px) {

    
#same-posts .card img{

    width: 100%;
    height: 180px;

}


}

@media (min-width:450px) {


    .main-row{

        padding: 15px 0px;

    }

    .online-stores .card-body{

        position:relative;
        top:0px;
    }


    #card-online .card-title{

     font-size: 15px;

    }
    
    .user-comment #comment{

        position: relative;
        right: 58px;
    }


	#top-slider{
	
		width: 100%;
		
	}

	#top-slider img{

		max-height:360px;
		width: 100%;

	}

	.modal-dialog{

		height: 400px;
	}


   #same-posts .card img{

      width: 100%;
      height: 240px;

    }






    .card .card-body .time-online{

        position: absolute;
        top:55px;
    }









}


@media (min-width:576px) {


    .main-row{

      padding:20px  15px;

    }

    
    #comparison .title{

      font-size: 14px;
      
    }    
            

	#top-slider{
		width: auto;
		/*height: 360px;*/
      
	}

	#top-slider img{

		height: 360px;
        max-height:360px;
		width: auto;
	}

	
    #comparison .compare-amount{

       font-size: 25px;
    }	


    
    .carousel-control-prev span{
        position: absolute;
        border :1px solid red;
        border-radius: 50%;
        background-color: white;
        font-size: 16px;
        padding-right: 15px;
        padding-left: 15px;
        padding-top: 11px;
        border :1px solid red;
        padding-bottom: 5px;
        text-align: center;
        vertical-align: middle;
        font-size: 24px;
    }

    .carousel-control-next span{
        position: absolute;
        border :1px solid red;
        border-radius: 50%;
        background-color: white;
        font-size: 16px;
        padding-right: 15px;
        padding-left: 15px;
        padding-top: 11px;
        border :1px solid red;
        padding-bottom: 5px;
        text-align: center;
        vertical-align: middle;
        font-size: 24px;
    }

	.content .url-off{

		top:162px;
	}

    .content .call{

        top:170px;
    }




  	#nav-tabs .nav-link{

	   font-size: 14px;
       padding: 10px 15px;
       color:black;
	}


	#portfolio-filter li{

		flex-basis: 90px;
		text-align: center;
		background-color: white;
		border-radius: 5px;
		font-size: 13px;
		margin: 5px;
		cursor: pointer;
		box-shadow: 0 1px 3px rgba(0 , 0 , 0 , 0.1);
		transition-duration: 0.3s;

    }




	#col-information{

		position: relative;
		top:20px;
	}

	#col-rules{
		position: relative;
		top:15px;
	}

	#comment-col{
		position: relative;
		top:30px;
	}

 #send-col{
	 position: relative;
	 top:30px;
 }

 .cards-title{

   margin:0px -10px;

 }


   #same-posts .card img{

      width: 100%;
      height: 220px;

    }


	.score-title{

		font-size: 14px;
		font-family: iranyekan-li-fanumber;
	}

  #id_score{

		width:130px;
		font-size: 14px;
		font-family:iranyekan-li-fanumber;
	}

    #score .score_count{

        font-size:14px;
        font-family:iranyekan-li-fanumber;
        margin: 10px 5px;
        padding: 0px 10px;
        border-radius: 5px;

    }


    .comment-send .btn{

        width: 130px;

    }



    #report span{

        font-size: 14px;
    }

    #report .report-btn{

        font-size: 13px ;

    }


    .online-title h2{

        font-size:19px;
    }


}




@media (min-width: 768px) {

    .main-footer{
        display:block !important;
    }


	.main-row{
		padding: 20px 60px;
	}

    #same-posts .bg-white{

      border-radius:5px;

    }

    .online_profile_content {
        
    font-size: 12px;
    }
    
    #post_scores button .five-score{
    
      font-size:26px;
    
    }

    #amount-button .off-number{
    
        font-size:21px;
    }
    
    
    .product1-refer-btn{
    
      padding:5px 30px;

    }

    
    #place{
    
     padding:5px 11px;
   
    }
    
    
    .card .card-footer .city,.area{
    
        font-size: 12px;
        
     }
    


    
   #top-slider{
   
		width: 100%;
		height: 450px;
       
	}

	
	#top-slider img{
	
        max-height:448px;
		height: 448px;
        padding:8px;
	}



#portfolio-filter li{

    flex-basis: 87px;

    }


#chat_link_1 button{

    position: relative;
    top: 43px;
    width: 100%;
    outline: 0 !important;
}



#chat .chat-btn{

font-size: 13px;
border: 1px solid #8d908d;
border-radius: 5px;
padding: 4px 10px;
background:#f2f0f0;

}

#chat .chat-btn i{
	position: relative;
	top: 4px;
}

#link button{

	font-size: 15px;
	border: 2px solid #0fb661;
	border-radius: 5px;
	padding: 6px 10px;
    background:inherit;
    color:#0fb661;
    font-family:iranyekan-extrabold-fanumber;
}


#online_box{

/*	max-height: 940px;
	overflow: auto;*/
    padding:20px 10px;
}

.user-comment {
 margin-bottom: 10px;
 border-bottom:1px solid #dfe4ea;
 padding-bottom: 10px;

}


.user-comment #comment{

 position: relative;
 font-size: 14px;
 right: 58px;
 top:-30px;
 width: 90%;


}

.rules{

	font-size: 14px;
	position: relative;
	right: -10px;
	top:10px;
}






#buy{
  border-right:1px solid red;
  text-align:center;
}



#product1 .explane{

 font-size: 14px;
 font-family: iranyekan-reg-fa-number;
 text-align: justify;

}


#same-posts .card img {
    width: 100%;
    height: 250px;
}



}



@media (min-width: 992px) {


.container-fluid{

  margin-bottom: 0px;
}

.main-row{
    
	padding: 0px 10px;
}


#comparison .comparison-storename{
        
    font-size:18px;
}

span.tooman{

    font-size:14px;
}

    #store_name {

     font-size:17px;
    
    }

#off_code{
    
    position:absolute;
    bottom:113px;
    top:auto;
}

#off_code .off-code-text{

    font-size:12px;
}


.card img {
    
    padding:12px;
    border-radius:18px;
}


.card .card-footer .price{

  font-size: 15px; 
}


  #place{

    top:-3px;
    padding:8px 10px;
    border:1px solid #dadada;
  
  }
    

  .card .card-body {

    padding: 0px 8px;
    height:100px

   }  
    
   .time-store-off{
       
       position:absolute;
       bottom:0px;
   } 
    
#chat_link_1 button{

	position: relative;
	top: 0px;
	width: 100%;
	outline: 0 !important;
}

#chat_link_1 {

 position: absolute;
 bottom: 75px;
 width: 100%;

}


#col-store_detail-1{

  display: none;

}


#note-2{

	display: block !important;
}


#title_amount_box{

	height: 400px;

}

#store_detail-2 {

	height: 190px;
}


#store_detail-2 li {

	font-size: 13px;
}

#goto-store-2 .badge{

	font-size: 12px;
	padding:12px 10px;
	width: 99%;
	margin-right: auto;
    position:relative;
    top:-3px;
    color:#dc3545;
    border:2px solid #dc3545;
    color:2px solid #dc3545;
}


#note-2{

height: 190px;

}

#note-2 li{

font-size: 13px;
text-align:justify;
font-family:iranyekan-li-fanumber;

}


#amount-button{

	position: absolute;
	bottom: 0px;
}


	#col-store_detail-2{

		display: none;
	}

	#note-1{

	 display: none;

	}


  #col-slider{

		height: 400px;
	}


	.content .url-off{

		top:262px;

	}

    .content .call{

        top:265px;
    }

	#col-information{

		position: relative;

	}

	.information .explane{

	  font-size: 14px;
      font-family:iranyekan-li-fa-number;
	  border-radius: 5px;
      margin-top:0px;

	}

	#top-slider{
		width: 100%;
		height: 400px;
	}

	#top-slider img{
        
        max-height:400px;
		height: 400px;
	}


	#portfolio-filter li{

		flex-basis:89px;
		padding: 4px 8px;

  }



 #col-rules{

	 position: relative;
	 top:38px;

 }

 #col-rules #rules{

	 height:auto;
	 text-align: justify;
	 /* line-height: 25px; */
 }




	#send-col{

      position:relative;
      
	}




.card {

 width: 100%;
 /* height: 90%; */
 padding: 0px;

}

.card img{

 width:100%;
 height:200px ;

}


.card .card-body {

 position: relative;
 padding: 0px 10px;
 line-height: 30px;
 margin-bottom: 0px;

}

.card .card-body  h2 {

 font-size: 14px;


}

.card .card-body span{

 position: relative;
 top:0px;

}

.card .card-body .badge{

    top:6px;

}


.card-horizontal{

	display: block;

}


}


@media (min-width: 1200px) {

	.main-row{

	  padding-right:50px;
      padding-left:50px;
	}


    #top-slider{
        width: 100%;
        height: 400px;
    }

    #top-slider img{
    
        max-height:400px;
        height: 400px;
    }


    .content .url-off{

        top: 288px;

    }

    .content .call{

        top:285px;
    }

    #col-slider{

        height: 400px;
    }

    .col-detail-1{

        padding-right: 0px;
        padding-left: 0px;

    }

    .col-detail-2{

        padding-right: 0px;
        padding-left: 0px;
    }

    #comparison .title{
        font-size: 16px;
    }
    

    #comparison .min-price{

        font-size: 27px;
    }
    
    #comparison .max-price{

        font-size: 27px;
    }	

    
    #comparison .compare-amount{

        font-size: 27px;
    }

    #card-online .price{

     font-size: 20px;
     
    }
		
		
	#portfolio-filter li{

      flex-basis:83px;
      padding: 4px 5px;
      
    }

    #title_amount_box{

        position: relative;
        height: 400px;
    }


    #comment-col{

        position:relative;
        top:-240px;
    }

    #send-col{

        position:relative;
        top:-240px;

    }



    .card {

        width: 100%;


    }

    .card img{

        width:100%;
        height: 220px;

    }


    .card .card-body {

        position: relative;
        padding: 0px 10px;
        line-height: 30px;
        margin-bottom: 0px;

    }

    .card .card-body h2 {

        font-size: 14px;
        

    }


    .card .card-footer .place{
        
        position: relative;
        font-size: 13px;

    }

    .card .card-footer .org-price{

        font-size: 15px;
        color: red;

    }




}

@media(min-width:1300px){



	.main-row{
		padding-right: 120px;
		padding-left: 120px;
	}




	.content .url-off{

		 top:322px;
	}

    .content .call{

        top:320px;
    }


	.carousel-control-prev span{
		position: absolute;

		margin-top: 17px;

	}

	.carousel-control-next span{

		position: absolute;
		margin-top: 17px;

	}




	#portfolio-filter li{

		flex-basis:95px;
		padding: 4px 10px;
	}


	#comment-col{

		position:relative;
		top:-240px;
	}

	#send-col{

		position:relative;
		top:-240px;

	}


	.card .card-footer .org-price{

	 font-size: 15px;
	 color: red;

	}






}


@media(min-width:1400px){

    .main-row{
        
        padding-right: 80px;
        padding-left: 80px;
    }


    #top-slider{

        width: 100%;
        height: 400px;
    }

    #top-slider img{
    
      max-height:398px;
      height:398px;
    }

    #col-slider{
      height: 400px;
    }

    #note-2{
     display: none !important;
    }


    #store_detail-1{

        height: 214px;
    }


    #goto-store-1 .badge-col{

        position: absolute;
        bottom: 0px;
        left:0px;
        right: 0px;

    }


    .content #product-name{

        position: relative;
        top:0px;
        line-height:35px;
        font-size: 18px;
        font-family:iranyekan-extrabold-fanumber;
    }

    #top_note{
        
        display:block !important;
    }
   
    
    .content #introduce1{

        margin-top: 10px;
        font-size: 14px;
    }

    .content .url-off{

      top:156px;
    }

    .content .call{

      top:155px;
    }


    .carousel-control-prev span{
        position: absolute;
        margin-top: 2px;
    }

    .carousel-control-next span{
        position: absolute;
        margin-top: 2px;

    }

    #title_amount_box{

        position: relative;
        height: 309px;
    }

    #col-store_detail-1{

        display: block;
    }


    #col-store_detail-2{

        display: none !important;
    }

    #col-information{

        position: relative;
        top: 41px;
    }

    #col-rules{

        position: relative;
        top: 40px;
    }

    #comment-col{

        position:relative;
        top:55px;
    }

    #send-col{

        position:relative;
        top:50px;
    }


    .card img{

        width:100%;
        height: 240px;
    }



}

@media(min-width:1500px){

	.main-row{

		padding-right: 160px;
		padding-left: 160px;
	}

	.content .url-off{

       top: 161px;
	}

    .content .call{

        top:155px;
    }





}


@media(min-width:1536px){



}