body{
	/* font-family: yekan; */
	direction:rtl;
    background-color: #faf8f9 !important;
}
/* @import url('cssreset.css'); */

.container-fluid{
	/*max-width: 1350px;*/
}

a:hover{
  text-decoration: none !important;
}


img{
    
    object-fit:cover !important;
    object-position:center !important;
}

.my-shad{
	box-shadow: 0 1px 2px 0 rgba(0 , 0 , 0 , 0.05);
}
.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);
}


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



.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
    background: url("../icon/gif/spinner.gif") center no-repeat #fff;
}



label{

  font-size: 14px;
}



.select2{

    max-width:100% !important;
    width:100% !important;
}



.form-control{

  border-radius: 20px;
  font-size: 14px;
  /* width: 100%; */
}



 .img-title{

   color:red;
   font-size: 15px;
   margin-top: 20px;
 }

.address .form-control{

  height: 50px !important;
}


.explain .form-control{

  height: 150px !important;
}

.btn-products span{
    
    padding:10px 20px;
    font-size:13px;
    borde-radius:10px;
    width:100%;
    
}

.btn-chat span{
    
  padding:7px 20px;
  height:43px;
  font-size:13px;
  width:100%;
  border-radius:5px;
  font-family:iranyekan-li-fanumber;
  color:black;
  background-color;#dddede;

}

.chat-icon{

 position: relative;
 top:4px;
 font-size: 20px;

}

#profile-update {

  border-radius: 5px;
  font-size: 14px;
  background-color: #20ce4b;
  color:white;
  height:40px;

}

#profile-edit {

  border-radius: 5px;
  font-size: 14px;
  background-color: #0571f6;
  color:white;
  height:40px;

}


.btn-close{

   background-color:#e80a0a;
   color:white;
   padding:2px 8px;
   border-radius:5px;
   position:relative;
   top:-10px;
   font-size:25px;
}

.accept{
   background-color:rgba(24, 111, 254,1);
   color:whith;
   font-size:14px;
}

.cancel{

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


#profile-btn button{

  border-radius: 5px;
  font-size: 14px;
  background-color: #20ce4b;
  color:white;
  padding: 5px 15px;
  height:40px;
}


#profile-btn2 span{

  border-radius: 20px;
  font-size: 14px;
  background-color: #4ec51c;
  color:white;
  padding: 7px 25px;
}

#profile-btn2 button{

  border-radius: 5px;
  font-size: 14px;
  background-color: #0571f6;
  color:white;
  padding: 5px 15px;
  height:40px;
}


.mySlides{

	text-align: center;
}


.logo-image {

  text-align: center;
  margin-top: 20px;
  padding:20px;
 
}


.logo-circle{

    width:200px;
    height:200px;
    padding:15px;
    border-radius:50%;
    border:2px solid red;
    background:white;
}



.col-img  .user-img {

  position:relative;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width: 100%;
  max-height:110px;
  background-color: white;
  object-fit:contain !important;
  object-position:center !important;
}


.detail{
  color:green !important;
}

.media-body li{
  font-size: 13px;
}


.media-body li .before{
  color:#e20707;
  font-family:iranyekan-extrabold-fanumber;
}


.store_image img{

    width: 100%;
    height:220px;
    max-height: 380px;
    background:white;
    object-fit: contain !important;
    object-position:center !important;
}

#video_box_col{

    border: 1px solid #e7e6e6;
    border-radius: 5px;
    padding-top: 13px;

}

.video-title span{

	font-size: 16px;
    font-family:iranyekan-extrabold-fanumber;
    color:#282851;
}


.image-title{

	font-size: 16px;
	padding-bottom: 5px;
    font-family:iranyekan-extrabold-fanumber;
    color:#282851;
}

.shop-img hr {

 position: relative;
 top:-12px;
}



.row > .column {
  padding: 0 8px;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}


.column {
  float: left;
  width: 25%;
}





.dialog{
    
    position: absolute;
    top:50%;
    width:100%;
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    padding:70px 5px;
    z-index:10000;
}



.modal {

  display: none;
  position:fixed !important;
  z-index:20000 !important;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: #15141440;

}


.modal-content {
  position: relative;
  background-color: #fefefe;
  width: 100%;
}

.modal-content img{
	position: relative;
    top:0px;
	width: auto;
	max-height: 520px;
	border: 1px solid white;
}

/* The Close Button */
.close {

  color: white !important;
  position: absolute;
  z-index: 1000000;
  top:8px;
  right:20px;
  font-size: 0px;
  border :3px solid white;
  border-radius: 5px;
  background-color: red;
  padding: 5px 10px 2px 10px;

}

.close:hover,
.close:focus {
  color: white;
  text-decoration: none;
  cursor: pointer;

}

a.prev{
  cursor: pointer;
  position: absolute;
  top: 44%;
  width: auto;
  right: 10px;
  padding:15px 6px 11px 6px;
  font-weight: bold;
  font-size: 15px;
  transition: 0.6s ease;
  border-radius: 5px;
  user-select: none;
  -webkit-user-select: none;
  background-color: white;
  border:2px solid red;
}


a.next {
  cursor: pointer;
  position: absolute;
  border:2px solid red;
  top: 45%;
  width: auto;
  left: 10px;
  padding:15px 6px 11px 6px;

  color:black;
  font-weight: bold;
  font-size: 15px;
  transition: 0.6s ease;
  border-radius:5px;
  user-select: none;
  -webkit-user-select: none;
  background-color: white;
  border:2px solid red;

}

/* Position the "next button" to the right */
.next {

  left: 10px;

}

/* On hover, add a black background color with a little bit see-through */
/*.prev:hover,
.next:hover {

	background-color: #f14858f7;
	color:white;
}*/

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* Caption text */
.caption-container {
  text-align: center;
  background-color: black;
  padding: 2px 16px;
  color: white;
}

img.demo {
  opacity: 0.6;
}

.active,
.demo:hover {
  opacity: 1;
}

img.hover-shadow {
  transition: 0.3s;
}

.hover-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}


#main-row2{
    position: relative;
/*  top:-70px;*/
}

.send-product span{
  font-size:14px;
  color:black;
}


.send-product .btn{
    padding:8px 20px;
    border-radius:5px;
    font-size:14px;
    background-color:#4ec51c;
    border:none;
    color:white;
}


.owl-carousel{
    padding: 10px 0;
    /* background-color: white; */
}


.owl-carousel img{
   height: 210px;
   border-radius:10px;
}

.owl-stage-outer{
  border: none !important;
}

.owl-carousel .card-img-top{
    padding: 20px;
    border-radius:30px;
}


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

.owl-carousel .owl-nav .owl-next{
    left: -15px;
    display:none;
}

.owl-carousel .owl-nav .owl-prev{
  right:-15px;
  display:none;
}

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


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

#gis {
  z-index:10;
}

.progress{
  height:30px !important;
  font-size:12px !important;
}


#score_btn{
  border:none;
  outline:0;
  background:inherit;
}

#score_btn .five-score{
  font-size:30px;
  color:#0bbe70;
  font-family:iranyekan-bold-fanumber;
}

#score_btn .score{
  font-size:26px;
  color:#727272;
  position:relative;
  top:-1px;
}


#score_btn .score_btn_div{
  margin-top:6px;
}


.video-panel-btn .angle-left{ 
   width:11px;
   margin-right:5px;
}

.video-top-title{
   margin-top:12px;
}


.btn-video{
     border:2px dashed #646776;
     color:#3d3f4d;
     font-size:13px;
     background:white;
     border-radius:5px;
     height:200px;     
}
  
.video_label{
    border:1px solid #17c600;
    border-style:dashed;
    font-size:12px;
    width:95px;
    height:95px;
    cursor:pointer;
    border-radius:10px;
    text-align:center;
}

.video-add{
  width:60px;
}

.video-top-title h1{
   font-size:23px;
   font-family:iranyekan-extrabold-fanumber;
}
  
  
.card{
/*border:none !important;*/
  border-radius:10px;
}  

video{
  border-radius:10px;
  background:#454545;
}

.video-title{
  font-size:16px;
  margin-top:7px;
  font-family:iranyekan-extrabold-fanumber;
}

.video-date{
 font-size:12px;
 font-family:iranyekan-reg-fa-number;
 color:grey;
}

.btn-3dot{
  float:left;
  background:transparent;
  font-size:21px;
  color:white;
  border:None;
  padding:5px 5px 0px 5px;
  border-radius:5px;
  z-index:1000;
}

.card-img-overlay{
  z-index:1000;
  height:60px;
}

.card-img-overlay:hover .btn-3dot{
  background:#46465e !important;
}

.li-video:hover{
  background:#f7f4ff;
}

.li-video a{
  font-size:12px;
  color:black;
}

.fa-trash{
  position:relative;
  top:1px;
  font-size:16px;
  margin-left:3px;
}

   
.video-carousel .owl-nav button{
  position:absolute;
  top:34%;
}


.btn-edit-picture{
    font-size:14px;
    background:inherit;
    border :2px dashed #14ad5c;
    color:#14ad5c;
    height:53px;
    width:100%;
    border-radius:5px;
}

.btn-edit-picture:hover{
  background:#f8fffb
}
  
  
.btn-add-picture{
  border:2px dashed #14ad5c;
  height:200px;
  display:block;
  background:inherit;
  border-radius:10px;
  font-size:14px;
  color:#14ad5c;
  width:300px;
}

.video-views{
  font-size:12px;
  color:#fd0303;
  margin-left:5px;
}

.video-panel-btn{
    font-size:13px;
    border:2px solid grey;
    padding:4px 20px;
    background:white;
    border-radius:5px;
}


 
.mobile_store_image{
    padding:25px 0px;
    background:#98a19a;
}

.store_image{
    /* padding:25px 0px;*/
    background:#98a19a;
}


.owl-item > .card{
    padding:10px;
}
	
.logo-circle{
  width:200px;
  height:200px;
  padding:15px;
  border-radius:50%;
  border:2px solid red;
  background:white;
}


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


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


#profile-page-mobile-footer button:hover{
  color:white;
  background:linear-gradient(180deg, #07ce70, #0ea960);
}


#profile-page-mobile-footer button{
    padding: 5px 6px;
    width: 150px;
    color: #0ea960;
    border:2px solid #0ea960;
    background-color: inherit;
    border-radius: 5px !important;
    font-size:14px;
    outline:0 !important;
    box-shadow:none !important;
}

  
#dropup{
   position:initial;
}
  
  
#dropup_menu{
    width:92%;
    border:1px solid grey;
    margin:0px 10px;
    position:absolute;
    /*transform:translate3d(3px,-45px,0px);*/
    top:-3px !important;
    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;
}

  
#profile-page-mobile-footer button i{
   position:relative;
   top:5px;
}

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


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

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

}

.dropup .dropdown-toggle::after{
  display: none !important;
}



.telephone-img{
  width:22px;
  position:relative;
  top:-3px;
  right:-3px;
}

    
.mobile-img{
  width:15px;
}

.storename h1{
  font-family: iranyekan-extrabold-fanumber;
  font-size: 17px;
  color:#9f4242;
}


@media (min-width: 365px) {



}


@media (min-width: 576px) {

  .main-row{
    padding: 50px 30px;
  }

    .owl-carousel img{

	   height: 210px;
       
    }

}

@media (min-width: 768px) {


    .owl-carousel img{

	   height: 220px;
       
    }




    .modal {

        display: none;
        position: fixed;
        z-index:90000;

    }

    
    .modal-content img{
        position: relative;
        top:0px;
        max-height: 600px;
       
    }

    
    
    .close {

      top:20px;

    }


	.main-footer{
        
        display:block !important;
    }
	
/*    #posts_store{

        position:relative;
        left:30px;
    }*/



}



@media (min-width: 992px) {



    .main-row{

      padding: 50px 90px;

    }

    
    .store_image img{

      padding:15px;

    }    
        
        
    .form-control{
        width: 90%;
    }



    .modal {

		  display: none;
		  position: fixed;
		  z-index:90000;

		}

    .close{

        top:20px;

        }

    .prev{

      right: 70px;

    }

    .next {

        left: 70px;
    }

    .modal-content {
        position: relative;
        background-color: #fefefe;
        width: 100%;
    }

    #profile-btn{

       position:absolute;
       bottom:15px;
       left:30px;
    }


    #profile-btn2{

       position:absolute;
       bottom:15px;
       left:30px;

    }

    #store_image .image {

        padding:30px;

    }


		.modal-content img{
			position: relative;
			max-width: auto;
			max-height: 600px;
			border: 1px solid white;
		}


}


@media (min-width: 1200px) {

    .main-row{

      padding: 50px 150px;

    }



    .prev,.prev:hover {

        /*    right:-70px !important;*/
			padding-right:16px;
			padding-left:16px;
			padding-top:8px;
			padding-bottom:2px;
		}

    .next, .next:hover {


        padding-right:16px;
        padding-left:16px;
        padding-top:8px;
        padding-bottom:2px;
    }


    .close {
        color: white;
        position: absolute;
        top:20px;
        right: 70px;
        padding: 8px 13px;
      }

}

@media (min-width: 1400px) {

    .main-row{

      padding: 50px 150px;

    }

/*    #posts_store{

        position:relative;
        left:-20px;
    }
*/


    .close{

        top:20px;
    }



}


@media (min-width: 1500px) {



	.modal-content img{
        
		position: relative;
		
		max-height: 650px;
		border: 1px solid white;
	}


	.close{

	  top:20px;
	}


   .leaflet-container-default {

       min-height:350px !important;

   }


}