.ic_container{
    vertical-align:baseline;
    /* margin:10px; */
    position:relative;
    /*-moz-border-radius:10px;
    -webkit-border-radius:10px;
    -khtml-border-radius:10px;
    -moz-box-shadow: 0 1px 3px #888;
    -webkit-box-shadow: 0 1px 3px #888;*/
}
.overlay{
    opacity:0.3;
    position:absolute;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}
.ic_caption{
    position:absolute;    
    /* padding-top: 15px; */
    opacity:0.6;   
    overflow:hidden;
    margin:0px;
    padding:0px;
    /* padding-right: 15px; */  
    margin-left: 15px;
    padding-left: 15px;
    left: 0px;
    right: 0px;
    cursor:default;
    margin-left: auto;
    margin-right: auto;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}
.ic_caption.arabic{
    direction: rtl;
}
.ic_category{
    text-transform:uppercase;
    font-size: 61px;
    letter-spacing:3px;
    padding:5px;
    margin:0px;
}
.ic_caption h3{
    padding:0px 5px 5px 5px;
    margin:0px;
    font-size: 38px;
}
.ic_text{
    padding:5px;
    margin:0px;
    text-align:justify;
    font-size: 21px;

}


@media screen and (max-width: 767px) {
  .ic_category{
   
    font-size: 30px;
    letter-spacing:1px;
  
}
.ic_caption h3{
   
   
    font-size: 20px;
}
.ic_text{
   
    font-size: 20px;

}


    
    
    
}
@media screen and (max-width: 767px) {
/*  .ic_category{
   
    font-size: 20px;
    letter-spacing:1px;
  
}
.ic_caption h3{
   
   
    font-size: 10px;
}
.ic_text{
   
    font-size: 7px;

}*/


    
    
    
}


//////////////////////

.shadow-p{
      margin-bottom: 20px;
      
      text-align: justify;
      background-color: rgba(211, 211, 211, 0.16);
      border-radius: 10px;
      padding: 10px;
}


.images-grid{
    padding: 30px 0px;
    
    
    
}


.images-grid > ul > li > img {
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
    -webkit-box-shadow: 0px 2px 6px 2px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 2px 6px 2px rgba(0,0,0,0.75);
    box-shadow: 0px 2px 6px 2px rgba(0,0,0,0.75);
    margin-bottom:20px;
    
}

.images-grid > ul > li > img:hover {
  filter: none; /* IE6-9 */
  -webkit-filter: grayscale(0); /* Google Chrome, Safari 6+ & Opera 15+ */
 
}




      



//////////

      .images-grid  ul {         
          padding:0 0 0 0;
          margin:0 0 0 0;
      }
      .images-grid  ul li {     
          list-style:none;
          margin-bottom:25px;           
      }
     .images-grid   ul li img {
          cursor: pointer;
      }
     .modal-body {
          padding:5px !important;
      }
       .modal-content {
          direction: ltr;
          border-radius: 10;
      }
     .modal-dialog img {
          text-align:center;
          margin:0 auto;
      
          border-radius: 5px;
}
    .modal-dialog  .controls{          
        width:50px;
        display:block;
        font-size:11px;
        padding-top:8px;
        font-weight:bold;          
    }
    .modal-dialog  .next {
        float:right;
        text-align:right;
    }


///////////////