/* @font-face {
  font-family:iransans;
  src=url("../fonts/IRANSansWeb600.woff") format('woff');
} */

.body{
  direction: rtl;
  text-align: right;
  background-color: #f8f9fa !important;
}

a:hover{
  text-decoration: none;
}


  .my-shadow{
      box-shadow: 0 1px 2px 0 rgba(0 , 0 , 0 , 0.1);
  }

  .my-shadow1{
      box-shadow: 0 1px 2px 0 rgba(0 , 0 , 0 , 0.5);
  }

  
#top-slider{
  height: 300px;
  /* width: 100%; */
}


#top-slider img{
  width: 100%;
  height: 300px;
  border-radius: 3px;
}


.select2{
  max-width:100% !important;
  width:100% !important;
}

.section-box{
  position:relative;
  top:0px;
  border-radius: 0px;
  overflow: hidden;
  background-color: white;
  margin-bottom: 12px;
  box-shadow: 0 0 4px 0 rgba(0 , 0 , 0 , 0.15);
}


.section-box .box-content{
  padding: 5px 15px;

}

.owl-carousel h6{
  font-size: 12px;
}


.owl-carousel {



}


.owl-carousel img{

 height: 170px;
 border-radius: 0px;

}


.owl-carousel .owl-nav button{
  position: absolute;
  right:-10px;
  top: 47%;
  font-size: 50px !important;
  outline: none;
  color: #777 !important;
}


.owl-carousel .owl-nav .owl-next{
  right: 99.5%;
}

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



  #top-form{
   position:relative;
   top:0px;
   right:0px;
   font-size:14px;
   /* width:100%; */
   /* height:360px; */
   border-radius:5px;
   margin-bottom: 40px;
   padding-top: 0px;
   padding: 10px;
   z-index:1000;
}


   #top-form .form-control{
     font-size:14px;
     width:100%;
     height:40px;

  }

#top-form #amount .form-control{

  height:34px;
  font-size: 13px;
  padding-left: 5px;
}

  #top-form .form-control:hover{

   shadow:none;
 }



    #top-form label{
     font-size:14px;
     color:black;
     margin-bottom: -5px;
  }




    #top-form button{

     position:relative;
  	 font-size:14px;
     top:20px;
     height:42px;
     width: 200px; 
  	 color:white;
  	 padding:5px 15px;
  	 background-color:#1cc554;
  }



  #cards-col{

    margin-bottom: 500px;
  }



  .cards-title{

    margin:0px -10px;

  }

  .cards-title hr{

  	position: relative;
  	top:-16px
  }

  .cards-title h6{
    width: 220px;
  	padding-bottom: 10px;
  	border-bottom: 2px solid red;

  }



  .product-title{

    margin:0px 0px;

  }

  .product-title hr{

  	position: relative;
  	top:-2px
  }



  .product-title h6{
    position: relative;
    top:0px;
    width: 100px;
    font-size: 14px;
  	padding-bottom: 10px;
  	border-bottom: 2px solid red;

  }

  #mycard-title h1{
  
    width: 120px !important;
  	padding-bottom: 10px;
  	border-bottom: 2px solid red;
    font-size:20px;
}

  #cards{
  
  	position: relative;
    padding: 0px 0px;

  }


  #cards .card img{

   width: 100%;
   height: 150px;
   padding: 10px;
   border-radius:13px;
   object-fit:contain !important;
   object-position:center !important;

  }




  #cards .card .card-body {
  
   position:relative;
   width: 100%;
   padding: 2px 5px;
   overflow: hidden;
   min-height:75px;
   
  }


  #online_cat_ins {

    position:relative;
    padding:2px 0px;
    width:100%;
    
  }

  
  #online_cat_ins span{
    
    border:2px solid white;
    border-radius:5px;
    padding:4px 10px;
    font-size:10.5px ;
    color:white;
    font-family:iranyekan-bold-fanumber;
    
  }
  

  .card .card-body h2{
      
    position:relative;
    top:-7px;
    font-size: 13.5px;
    font-family:iranyekan-extrabold-fanumber;
    line-height: 30px;
    color:black;
    text-align:right;
   
  }

  .card-horizontal{

  	display: block;
   /* margin-bottom:-7px;*/
  }

  .card .card-footer{
      
    position:relative;
  	background-color: #d73948;
    color:white;
  	font-size: 11.5px;
  	padding: 4px 8px 2px 8px;
    min-height:40px;
    text-align:center;
    
  }

  .card .card-body .badge{
    position: relative;
    top: -3px;
  	padding-right: 10px;
    padding-left: 10px;
    padding-top:5px;
    padding-bottom:5px;
    font-size:11px;
  	font-weight: 500;
    /* border:1px solid red; */
    color:#fff;
  	background-color: #fb3449;
  }


  .card .card-body .badge .percent{

    font-size:14px;
    font-weight: 620;
  }


  .card  .place{
    
    position: relative;
    font-size: 11px;
    color:grey;

}

  



.btn-default{

background-color: ;

}




.carousel-control-prev{
    
top:15px;    
}

.carousel-control-next{
    
top:15px ;

}


.carousel-indicators li {

  width: 10px !important;
  height: 10px !important;
  border-radius: 100%;
}



.none{
  margin-right: 6px;
  padding: 6px 20px;
  border-radius: 20px;
  font-size: 14px;
  background-color: red;
  color:white;

}

.page-item.active .page-link{
 
  background-color:#d73948 !important;
  border-color:#d73948 !important;  
  padding: 9px 15px !important;
}


.page-link{

  padding: 9px 15px !important;

}





.paginate a {

	color:black;
}

.paginate .next {

	position: relative;
  margin-left: 10px;
	font-size: 22px;

}

.paginate .prev {

	position: relative;
  margin-right: 10px;
	font-size: 22px;

}

.paginate .next a{

	position: relative;
  top:6px;
}

.paginate .prev a{

	position: relative;
  top:6px;
}



#form-group4{

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


.update{
    
    background-color:#00e433;
    color:white;"
}


.edit{
    
    background-color:#007bff;
    color:white;
    font-size:14px;    
}


#modall  .close{
    
    background-color:#e80a0a;
    color:white;
    padding:4px 10px;
    font-size:14px;    
}

#modall .accept{
    
    background-color:#00e433;
    border : none;
    font-size:14px;
}





#footer{
    
    position:fixed;
    bottom:0px;
    width:100%; 
    z-index:10000;
    
}

#footer a{
     
     font-size:11px;
}



#footer-flex{
    
   font-size:11px;
   color:black;
   justify-content:space-between; 
    
}



.footer-item {
    
  text-align:center;
}

.footer-item a{
    
  color:black;
  font-size:10px;  
}

.footer-item a:hover{
    
  color:black;
  font-size:10px;
  
}

/*.footer-item img{
    
  width:25px;
  height:25px;
    
}*/

#footer-chat .badge{
    color:white;
    font-size:10px;
    padding:4px 6px;
    border-radius:5px;
}

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

    
#score_amlak_count {
  position:relative;
  top:0px;
}
    
#top_sticky{    
    position:sticky;
    top:0;
    background:white;
    z-index:100;
    padding:10px 24px 3px 24px;
    border-bottom:1px solid #ededed;
}
    
    
#select_profiles a button{
    background:white;
    padding:9px 8px 7.5px 8px;
    font-size:10px;
    color:#625f5f;
    border-radius:4px;
    margin:3px 3px;
    font-family:iranyekan-bold-fanumber;
    border:1px solid #d1d1d1;
}

#select_profiles a img{
  height:18px;
}

#progress span{
  font-size:11px;
  margin-top:0.5px;
}

 
#progress .mobile-filter-btn button{
  padding:6px 10px;
  font-size:12px;
  margin-left:8px;
  color:#069066;
  border: 2px solid;
  border-radius:20px;
}


#progress .progress-text span{
  color:grey;
}
    
#place{
  width:97%;
}

.post-amlak-count{
  font-size:10px;
  margin-right:auto; 
  color:#d73948;
}

.count-number{
   font-size:12px;
}

.stores-search {
    font-size: 14px;
    font-family: iranyekan-li-fanumber;
    color: #0b0b0b;
    max-width: 372px;
    position:relative;
    top:14px;
    background-color: #fbfbfb !important;
    border: 1px solid #c5c5c5 !important;
    height: 43px !important;
    border-radius: 5px !important;
    box-shadow: none !important;
}    

	
    #select_profiles .all_profiles button {
      background-color: #00ff450a;
      border:2px solid green;
      color:green;
    }
	
    .img-box{
      position:relative;
      height:100%;
    }
	
	.h1-titles h1{
	   font-size:19px;
	   font-family:iranyekan-extrabold-fanumber;
	   color:#262733;
	}
	
	.prev{	
		 position:relative !important;
		 padding-right:8px;
		 padding-left:8px;
		 padding-top:4px;
		 padding-bottom:0px;
		 position:relative;
		 font-size:26px;
		 border:none;
	}
	
@media (min-width:365px) {



  #top-form{

   position:relative;
   /* height:310px; */
   padding: 0 20px;
}


}



@media (min-width:400px) {

  #cards .card img{

   width: 100%;
   height: 170px;

  }

}

@media (min-width:450px) {

  #cards .card img{

   width: 100%;
   height: 190px;

  }

}


@media (min-width:576px) {


   #place{
       
    position:absolute;
    bottom:2px;
    
   }
   
    
    .post-amlak-count{
    
      font-size:11.5px;
      margin-right:auto; 
      color:#d73948;
    }
    
    .count-number{
    
      font-size:14px;
    }
    
    
   #select_profiles a button{
    
      background:white;
      padding:9px 10px;
      font-size:11.5px;
      border-radius:4px;
      margin:2px 5px;
      border:1px solid #d1d1d1;
    }
    
    
    #select_profiles a img{
    
     height:20px;
     
    }
     
    #progress span{
    
      font-size:12.5px;
      color:#5f5f5f;
    }
    
    #progress .progress-amount{
    
      font-size:14px;
      margin:0px 3px;
    
    }

  .card .card-body {

     width:100% ;
     padding: 10px 4px !important;
     overflow: hidden;
   
   }
  
  
 
  
  
    #score_amlak_count {

      position:absolute;
      top:148px;
    }
     
     
    #score_amlak_count .score{

        position:relative;
        left:14px;
    }
  
  
    .card .card-body .badge{
    
      top: 60px;
    
     }
  

    .card-horizontal{

  	  display: flex;
  	  flex: 1 1 auto;
  	  margin-bottom: 0px;
      
    }




    #top-form .form-group{

      margin-top: 10px;
      padding-bottom: 20px;
      width:100%;

    }

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


    #top-form label{

      margin-bottom: 0px;
    
    }



    .card-horizontal{

      display: flex;
      flex: 1 1 auto;
      
    }

    #cards{
    
      position: relative;
      right: 0px;
      padding-left: 1px;

    }


    #col-card{

      padding: 0px 10px ;
    
    }



}



@media (min-width: 768px) {


.main-footer{
    display:block !important;
}
  
    
    
  .main-row{
    padding: 0px 40px;
    
  }


#top-form{
  position:relative;
}


#top-form button{
  position:relative;
  font-size:14px;
  width: 100px;
}


  
#top_sticky{    
 position:relative;
 top:10px;
 background:#f8f9fA;
 z-index:100;
 padding:10px 17px;
 border-bottom:none;
}


#score_amlak_count {
 position:absolute;
 top:107px;
}


#search-form{
  width: 95%;
  justify-content:
}


#col-form{
 position:relative;
 top:0;
 z-index: 500;
}


#cards .card img{
 width: 150px;
 height: 140px;
}

.card .card-body {
  position: relative;
  padding: 10px 2px !important;
  line-height: 30px;
}

.card .card-body h2{
 font-size: 13px;
 font-weight: 1100;
}


.card .card-body .badge{    
  top: 20px;
}
  
.card-horizontal{
  display: flex;
  flex: 1 1 auto;
}


#online_cat_ins span{
  font-size:12px;
}


.card .card-footer{
  padding: 6px 8px 4px 8px;
  min-height:44px;
}

}



@media (min-width: 855px) {


  #card .card img{

	 width: 130px;
	 height: 140px;

	}


.card .card-body {

	 position: relative;
	 padding: 10px 10px;
	 line-height: 30px;


	}


.card .card-body h2 {

   font-size: 16px;

	}



.card-horizontal{

		display: flex;
		flex: 1 1 auto;
	}



}




@media (min-width: 992px) {


  .main-row{
      
    padding: 0px 40px;
    
  }
  
  #place{
      
    width:94%;  
      
  }


  #top-form {

    padding-bottom: 0px;

  }


  #top-form button{

    position:relative;
    top:0px;

  }

  
  
  
  #score_amlak_count {

    position:absolute;
    top:51px;
  }
    
  #score_amlak_count .score{

    position:relative;
    left:18px;
}
  

  #col-cards{

    position: relative;
    top:-230px;
    padding: 0px 11px;
    
  }


  #cards .card {

   width: 100%;
   height:339px;

  }

#cards .card img{

  position:absolute;
  top:0px;
  bottom:0px;
  left:0px;
  right:0px;
  margin:auto;
  width:auto;
  height:auto;
  min-width:220px;
  max-width:300px;
  max-height: 210px;
  
  

}

.card .card-horizontal {
    
    position:relative;
    
}

.card .card-body {

    position: absolute !important;
    min-height:83px;
    padding: 0px 10px !important;
    line-height: 30px;
    margin-bottom: 0px;
    bottom:0px;

}

.card .card-body h2{

  top:0px;

}




.card .card-body .badge{

    position: relative;
    top:-15px;
}



.card-horizontal{

  display: block;
  text-align:center;

}


#cards .card {

    width: 100%;
    /* height: 100%; */
}







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

}

.card .card-footer .org-price{

    font-size: 15px;
    color: red;

}


   .none{
     margin-right: 35%;
     padding: 6px 20px;
     border-radius: 20px;
     font-size: 14px;
     background-color: red;
     color:white;

   }


}



@media (min-width: 1100px) {

    
  #cards .card {

   width:100%;
   height: 319px;

  } 
    

.img-box{
    
    position:relative;
    height:100%;
    max-height:210px;

} 

#cards .card img{

  width:auto;
  height:auto;
  max-width:267px;
  max-height: 210px;

}



}


@media (min-width: 1200px) {

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


#top-form{

    position:relative;
    /* height:110px; */
}


#search-form{

  width: 95%;
  justify-content:

}

.sticky{

  position: -webkit-sticky;
  position: sticky;
  top:0;

  z-index: 100;
}

.card .card-body span{

   position: relative;

  }


  .email .news{

    font-size: 13px;

  }

/*  #cards .card img{

   width:100%;
   height: 210px;
   
  }*/


}

@media (min-width: 1300px) {


  .card .card-footer .org-price{

	 font-size: 15px;
	 color: red;

	}

	{

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


   .card .card-body span{

    position: relative;

   }


/*   #cards .card img{

    width:100%;
    height: 190px;

   }*/


}

@media (min-width: 1400px) {


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


  #cards {

   right: 0px;
   margin-top:10px;
  }

/*  #cards .card img{

   width:100%;
   height: 210px;

  }*/


#top-form button{
  width: 200px;
}

    
#cards .card {
 width:100%;
 height: 350px;
}

.img-box{
  position:relative;
  height:100%;
  max-height:258px;
}

#cards .card img{
  width:auto;
  height:auto;
  max-width:288px;
  max-height: 258px;
}
    
    

}


@media (min-width: 1500px) {
    
.navbar-brand{
    position:relative;
    right:20px;
 }

.ersal{
  position:relative;
  right:0px;
  left:20px;
}


#cards .card {

 width:100%;
 height: 379px;

} 

.img-box{
  position:relative;
  height:100%;
  max-height:264px;
}

#cards .card img{
  width:auto;
  height:auto;
  max-width:295px;
  max-height: 264px;
}


}

@media (min-width: 1525px) {





}