@font-face {
    font-family: 'Vazir';              
    src:url('font/Vazir.ttf') format('truetype') ,
     url('font/Vazir.woff') format('woff') ,
      url('font/Vazir.eot') format('embedded-opentype') , 
	url('font/Vazir.svg') format('svg');     
	
	font-weight: normal;
	font-style: normal; 
}
body{
    background-color: rgb(38, 195, 195);
  
    margin:0  0;
   direction:rtl;
   text-align:center;
   zoom:1;
   font-family:"Vazir";
}

.heder{
  
    height: 250px;
    width:100%;
    background-color: rgb(38, 195, 195);
    text-align: center;
   
    display: flex;
  }
  
.heder .heder_logo {
   
  flex-grow: 1;
  margin: 20px 0;
 }
 .heder .heder_logo a {
    transition-property: all;
    transition-duration:500ms; 
 }
 .heder .heder_logo a  img{
    transition-property: all;
    transition-duration:500ms; 
 }
 .heder .heder_logo a  :hover{
    height:180px;
 }
 
 .heder .heder_a{
    
    flex-grow: 1;
     
}


.heder .heder_a a {
   color: #000;
   transition-property: all;
   transition-duration:500ms; 
}
.heder  .heder_a a i{
    font-size:75px;
    margin-top:70px;
    margin-right: 25px;
    transition-property: all;
   transition-duration:500ms; 
}
.heder .heder_a a :hover{
    font-size:65px;
    margin-top:50px;
    margin-right: 25px;
}

.menu{
   height: 100px;
    width:100%;
    background-color:#ca322d;
    text-align: center;
    align-items: center;
    display: table;
   
    border-color: #000;
    border-style: solid;
    border-width: 6px;
    border-left:unset;
    border-right:unset;

}
.menu .max_width{
  
    display: inline-block;
  
    width: 2200px;
  max-width: 2500px;
  text-align: right;
  vertical-align: middle;
 
}
.menu .menu_h{
  opacity:0;
 
 display: table-cell;
  position: relative;
 vertical-align: middle;
}
.menu_h i{
    font-size:50px;
    color: #000;
}
.menu_h ul{
   top: 60px;
   right: 5px;
    padding: 0;
    background-color:#ca322d;
  list-style: none;
 width:350px;
 height:330px;
 position: absolute;
 opacity: 0;
 visibility: hidden;
 transition-property: all;
 transition-duration:500ms; 
 z-index: 100;
 border-radius:15px; 
}

.menu_h ul li a{
    text-decoration:unset;
  padding:10px 5px; 
  margin:5px 3px; 
  display: block;
  background-color: #2d9a54;
  font-size:30px;
 
  font-weight:800;
   color: #000;
   border-radius:10%; 
   border-radius: 15px;
   border-color: #000;
   border-style: solid;
   border-width: 6px;
}
.menu_h:hover  ul{
 
   opacity: 1;
   visibility:visible;
}

.menu .menu_res{
   
    display:table-cell;
   
   padding-right:100px;
   vertical-align: middle;
}
.menu .menu_res li{
   
    display: inline-block;
    margin: 35px 17px;
}
.menu .menu_res li a {
 
    text-decoration:unset;
    background-color: #2d9a54;
    font-weight:600;
    font-size: 30px;
    color:black;
    
    border-radius:10%; 
    padding: 10px 15px;
    transition-property: all;
    transition-duration:500ms; 
    border-radius: 15px;
    border-color: #000;
    border-style: solid;
    border-width: 6px;
}

.menu_res li a:hover{
    text-decoration:unset;
    color:black;
    font-size:35px;
    font-weight: 900; 
    padding: 13px 13px;
    box-shadow: 10px 10px 15px #000; 
}
.d_s{
    display:inline-block;
    height: 750px;
    width: 950px;
    text-align: center;
   padding: 60px 0;
  
  
}

.d_s .slider  img{
    border-radius: 15px;
    border-color: #000;
    border-style: solid;
    border-width: 6px;
    height: 750px;
    width: 950px;
}
.mm{
    margin-top:25px; 
    border-radius: 15px;
    border-color: #000;
    border-style: solid;
    border-width: 6px;
    display: inline-block;
   border-radius:15px; 
    background-color:#ca322d;
    padding: 15px;
}
.p_lane{

   
 display: flex;
 align-items: center;
 margin: 25px 0;
 transition-property: all;
 transition-duration:500ms; 
 
}
.p_lane a{
    padding: 10px 5px;
  
    font-size:35px;
    font-weight:900; 
    color: #000;
    flex-grow: 6;
    border-radius: 15px;
    border-color: #000;
    border-style: solid;
    border-width: 6px;
    background-color: #2d9a54;
    transition-property: all;
    transition-duration:500ms; 
   }
   .p_lane a:hover{
    flex-grow:6;
    text-decoration:unset;
    color:black;
    
    font-weight: 900; 
    font-size:40px;
    padding: 15px 30px;
    box-shadow: 10px 10px 15px #000; 
   }
 .p_lane .lane{
    flex-grow: 1;
   width: 500px;
   height: 2px;
   border-bottom: #000;
   border-bottom-style: solid;
   border-width: 8px;
  
   }
   .angle_1 ,.angle_2,.angle_3{
       display: flex;
       text-align: right;
   }
  
   .c1-angle{
      flex-grow: 1; 
     width: 820px;
      text-align:right;
   }
   .c1-angle h3{
       display: inline-block;
       font-size: 30px;
      
       color: #000;
       font-weight: 600;
       margin: 15px 0;
   }
   .c1-angle h3 i{
    display: inline-block; 
    color: #000;
    font-size:25px;
    margin: 0 5px;  
   }
  
.slider_1{
    width: 1800px;
    display: inline-block;
    background-color:#ca322d;
    text-align: center;
}
.slider_1 .s{
  
 
   background-color: yellow;
   margin: 5px 15px;
   text-align: center;
  
}
.slider_1 .s img {
    display: inline-block;
    margin:0 0;
    border-color: #000;
    border-style:solid;
    width:400px; 
    height: 400px; 
  
}

.gallery{
    display: inline-block;
    max-width: 1900px;
    padding: 50px 0;
 text-align: center;


}
.jpg{
  
    margin:20px 20px;
    text-align: center;
    display: inline-block;
  

}
.gallery .jpg img{
    border-radius: 15px;
    border-color: #000;
    border-style: solid;
    border-width: 6px;
    width: 550px;
    height:550px;
    transition-property: all;
    transition-duration:500ms; 
    z-index:100;
}
.gallery .jpg  :hover{
    border-radius: 15px;
    border-color: #000;
    border-style: solid;
    border-width: 6px;
    width: 580px;
    height: 580px;
   box-shadow: 10px 10px 15px #000; 
}
.end{
    text-align: center;
    width:100%;
    height:550px;
    background-color:rgba(4, 19, 22, 0.938);
    margin-top:40px; 
    border-top-color: #000;
    border-top-style:solid; 
    border-top-width: 6px;
    padding-top: 60px;
    
  
}
.c1_end{
    display: inline-block;
   
  
}
.c2_end{
    display:flex;
  
}
.c_end{
    flex-grow: 1;
    flex:0 0 50%;
    margin: 0 30px;
    
    text-align: right;

 
}


 .c_end i{
    font-size: 40px;
    display: inline-block;
    background-color: antiquewhite;
    border-radius: 15%;
    padding: 5px 5px;
    text-align: left;
    direction:rtl ;
    display: inline-block;
    margin: 0 5px;
    color: #000;
}
.p_f{
    margin:15px 0; 
}
.c_end .p_f p{
    display: inline;
}

p{
color: ivory;
width:700px;
font-size: 28px;

text-align: justify;
}
.end  .c_end h2{
    padding-bottom: 15px;
    padding-top:20px; 
    color: ivory; 
    font-size: 42px;
  
}

.container{
    text-align:center;
 
   
}

@media (max-width:1024px) {
    body{
    background-color: rgb(38, 195, 195);
  
    margin:0  0;
   direction:rtl;
}
.gallery{
    width:1024px;
}
    .heder{
  
   
    width:1024px;
  
  }
  .menu{
  
    width:1024px;
  
}
    .end{
       
        height: 1100px;
        width:1024px;
    }
    .c2_end{
     display:unset;
     flex:0 0 100%;
    }
    .c_end{
        margin: 0 45px;
        text-align: right;
      
    }
   p{
       width: 700px;
   }
   .menu .menu_res{
        display: none;
    }
   .menu .menu_h{
        opacity:1;
      margin: 0 15px;
      padding: 0 30px;
     
      }
      .menu_h i{
        margin: 0 15px;
      }
      .heder .heder_a{
     margin-left:90px;
        
    }
    .heder  .heder_a a i{
        font-size:75px;
        margin-top:70px;
        margin-right: 25px;
      
    }
      .d_s{
        margin-right: 165px;
        width: 650px;
        height:500px;
      
    }
    .d_s .slider  img{
       
        width: 650px;
        height: 500px;
    }
    .menu .max_width{
        
        width:840px;
      display: table-cell;
      
    }
    .mm{
        width:640px;
         margin-right: 180px;
    }
    .slider_1{
        width:400px;
    
        display: block;
        
        text-align:center;
        margin-right:90px; 
    }
    
    .p_lane a{
        padding: 10px 5px;
       
        font-weight:800;
        font-size:26px; 
        color: #000;
        flex-grow: 5;
        border-radius: 15px;
        border-color: #000;
        border-style: solid;
        border-width: 6px;
        background-color: #2d9a54;
    }
    .p_lane .lane{
      display:none;
       }
    .angle_1,.angle_2,.angle_3{
        display:unset;
      
    }
  
    .c1-angle h3{
       display: block;
        font-size: 25px;
     
        width:500px;
        margin: 20px 0;
    }
  
}