*,
*:after,
*:before {
	box-sizing: border-box;
    margin: 0 ;
    padding: 0 ;
    border: 0 ;
    outline: none ;
}
@media only screen and (max-width:992px){
html  {
font-size :15px ;
		}

}
@media only screen and (max-width:786px){
html  {
font-size :14px ;
		}
    
}
@media  (max-width:576px){
html  {
font-size :14px ;
		}
    box_cont{
         width: 55%;
    }
   
    
}
@media  (max-width:531px){
    html  {
font-size :13px ;
		}
     .box_cont{
         width: 45%;
    }
  
}

@media only screen and (max-width:422px){
    html  {
font-size :12px ;
		}
    .contact{
        display: none ;
    }    
    
}
@media  (max-width:300px){
html  {
font-size :11px ;
		}
   .box_cont_1{
       overflow: hidden;
    }
    .copyright{
        display: none ;
    }
}


body{
    
   background: rgb(255,255,255);
    background: linear-gradient(350deg, rgba(255,255,255,1) 0%, rgba(241,243,240,1) 56.1%);
}


main{}
picture img {
    z-index: -1 ;
    position: fixed ;
    width: 100%;
    height: 100% ;
    top:0 ;
    bottom: 0 ;
    right: 0;
    left: 0 ;
    object-fit: cover ;
   
}
.span_name__menu{
    font-weight: normal;
    font-size: 0.8rem ;
}
.name__menu_is span{
	border-bottom:2px solid red ;
   
    transition:all 0.5s ease 100ms;
	}

.name__menu_is{
font-size:0.95rem ;	
padding:0 1rem ;
text-decoration:none ;
transition:all 0.5s ease 100ms;

}
.name__menu_is:hover {
   
   transform:translateY(4px);
    opacity: 0.5 ;
}
section{}
.box_cont{
  width:65%;
  margin: 1.5rem  auto ;  
    
}
.title_box{
    width: 8rem ;
    text-align: center;
    display: inline-block;
    margin: 0 0.5rem 0.3rem  ;
    padding: 0 0.3rem ;
    font-family: Yekan ;
    font-weight: normal;
    font-size: 0.8rem ;
    color:black;
    background-color: antiquewhite;
    border-bottom-left-radius: 9px ;
     border-top-right-radius: 9px ;
     transition:all 500ms ease 100ms; 
}
.title_box:hover{
     border-bottom-right-radius: 9px ;
     border-top-left-radius: 9px ;
}
    
    .box_cont_1{
       
        background-color:rgb(255, 255, 255,0.92);
        box-shadow: 0.2rem 0.2rem 10px 0 gray ;
        border-radius: 10px ;
        width:100%;
        display: grid ;
        grid-template-columns: repeat(auto-fill,180px);
        grid-gap: 1.1rem ;
        justify-content: center;
        padding: 0.8rem  ;
     
    }
   
        .box_itmes_stones{
         width: 180px;
        height: 180px ;    
        background-color:rgb(255, 255, 255,1);
        border: 0 ;
        border-radius: 50%;
        padding: 0 ;
              
}
           .box_itmes_stones img{
                cursor:zoom-in; 
        box-shadow: 0.4rem 0.4rem 10px 0 gray ;
        width:100%;
        height:100% ;
        object-fit: cover ; 
        transition:all 500ms ease 100ms;       
                      }

         .box_itmes_stones:focus img{
            transform-orgin:50% 50% ;
            transform:scale(1.5) ;
             cursor:auto; 
           border-radius: 10px;
             opacity: 1;
    }
.copyright {
    background: linear-gradient(93deg, rgba(255,255,255,1) 0%, rgba(241,243,240,1) 56.1%);
    padding: 0.2rem 0;
    

}
    .copyright h6{
    font-family:Iranian_Sans ,sans-serif ;
     color: gray ; 
    text-align: center;
     font-weight: normal ;
         
    }
   .copyright span{ 
       color: red ;
}