/*==================================================*/
.option_post
{
 padding:10px 20px; 
 border-radius:10px;
 background:#eee;
}
.option_post>a { margin:0 10px; }

#delet_post:hover{ color:red; }
#hide_post:hover{ color:#00999b; }

#set_our_contents , #set_special , #set_our_vision , #set_our_serves , #set_our_adver  , #set_our_chievements
{ 
   width : 70% ; 
   margin: 0px 15% ;
   direction : rtl ;
   margin-top: 0 ;
   font-weight:bold;
   -webkit-box-flex: 1;
   -ms-flex-positive: 1;
   flex-grow: 1;    
   
   word-break: break-word;
   font-size: 15px; 
   line-height: 1.38;
   font-family: Helvetica, Arial, sans-serif; 
}

#set_our_beast  
{
  width:70% ; 
  margin:0px 15%;
  padding: 10vh 0;  
}

.form_add , .form_edite_general 
{
  width: 60%;
  padding: 10px;
  direction: rtl;
  border-radius: 10px;
  background: #5e9ed621;
}
/*====================================*/


.project-content-box, #special,  #our_vision, #our_serves, #our_adver , #our_chievements 
{
  margin: 4vw 1vw;  
  padding: 20px 1vw ; 
  padding-top:0; 
  border-top: dotted 0px ;
  direction: rtl ; 
  border-radius: 6px ;
  border-bottom: solid 0px #666 ;

  -webkit-box-sizing : border-box ;
  -moz-box-sizing : border-box ;
  box-sizing : border-box ;
  
  background:#eee;
  /*
  box-shadow:0 12px 28px 0 rgba(0, 0, 0, 0.2),  0 2px 4px 0 rgba(0, 0, 0, 0.19);  
  */
  font-family:Helvetica, Arial, sans-serif;
  font-weight:bold;
}
 
#our_serves{padding-top:20px; text-align:center;}

.project-content-box
{
  font-size: 14px;
  color: #333333 ;
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  line-height: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; 
  /*
  box-shadow: 0px 6px 8px 0px rgba(0,0,0,0.3);
  */
}
 
#our_vision{padding: 0 ;}

#our_vision>p
{
  padding: 10px ;
}

.paragrave>img 
{
   margin:1vw ; 
   animation:fadeIn ;
   width:47%; 
   max-width:100% ; 
   height:100%;
   float:left ; 
}  

#img-info
{
   margin: 5px 5px ; 
   height: auto; 
   float: none ;
}

.paragrave 
{ 
  padding:10px ;
  padding-bottom: 0 ;
  line-height: 20px;
}


#title , #news_title
{
  color: #111;
  font-size: 19px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  padding:20px; 
} 
 
.mor-info
{
  width: 100% ;
  margin: 0 ;   
}

#img-info
{    
    display: inline-block ;
    width: 47% ;
    height: auto ; 
}


@media screen and (max-width: 700px) 
{   
  .form_add 
  {
   width:90%;
   padding:2.5%;
  }
  legend
  {
   font-size:14px;
  }

  #set_our_beast
  {
   width:95vw;
   padding:10px 0;
   margin:0 2.5vw;
  }
}