@font-face {
  
                   font-family: 'IranSansMeduim';
                   src: URL("/templates/cassiopeia/fonts/Iran_Sans_Medium.ttf") ;
           }
      @font-face {
  
                   font-family: 'IranSans';
                   src: URL("/templates/cassiopeia/fonts/Iranian_Sans.ttf") ;
           }
         

*
{
   margin:0;
   padding:0;
}

body
{
    
    direction:rtl;
    background-color:rgb(195,195,195);
font-family:IranSans;
}
.container
{
   background-image :url("/templates/cassiopeia/images/mardom2/backw1280.jpg");
   height:800px; 
   width:1280px;
   margin-right:auto;
   margin-left:auto;
   display:block;
}
.logo-container
{
    float:left;
    padding-top:1%;
    
}


 .container_items
  {
           
     
         
  }
     
 .col-item-img
    {
            width:100%;
            border-top-left-radius:0px;
            border-top-right-radius:0px;
            height:200px;
            
       }
       
 .title_text
    {
           
          font-family:"b titr";
          font-size:18px;
          padding-left:5%;
          padding-right:5%;
          text-align:justify;
          padding-top:10px;
       }
        
 .intro_text
     { 
          padding-top:15px;
          padding-left:5%;
          padding-right:5%;
          text-align:justify;
          width:90%;
          height:200px;
          font-family:IranSans;
       }
       
       
  .col_item
    {
         
          margin-top:4vh;
          width:24%;
          font-size:14px;
          line-height:20px;
          background-color:white;
          box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

        }
        
             
  .col_item_more
    {
         text-align:center;
         height:30px;
         padding-top:4px;
         box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
         
        }
  .content_internal 
    {
       padding-top:15px;
       padding-bottom:15px;
       margin-right:auto;
       margin-left:auto;
       width:90%;
      margin-top:20px;
      background-color:rgb(255,255,255);
      padding-left:5%;
      padding-right:5%;
    
       }
  .content_internal_title_text
    {
            font-family:"b titr";
            font-size:18px;
             width:100%;
            text-align:justify;
            padding-top:10px;
       
        }
        
   .content_internal_introtext_text
    {
            padding-top:15px;
            text-align:justify;
            width:100%;
            line-height:30px;
        }
        
  .content_internal_video
  {
      width:60%;
      margin-right:auto;
      margin-left:auto;
      }
  
  .content_internal_container
  {
      display:flex;  
      flex-flow: row wrap;
      
      }
      
    
  .header
     {
         position:fixed;
         width:100%;
         height:100px;
         background-color:rgb(0,64,64);
         color:rgb(255,255,255);
         text-align:center;
         padding-top:20px;
         font-size:60px;
         text-shadow: #ffcc00 1px 0 10px;

     }
     
   .content_grid
     {
        
         
         
         clear:both;
         width:90%;
         margin-right:auto;
         margin-left:auto;
         padding-top:100px;
     }
   .container_items
     {
         display:flex;flex-flow: row wrap;justify-content: space-between;
     }
     
  .footer{
        position:fixed;
        bottom:0;
        width:100%;
        height:50px;
        background-color:rgb(0,64,64);
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.1);
     }
     
  .loader
      {
          height:20px;
          width:100%;
          text-align:center;
          font-size:15px;
          padding-top:10px;
          padding-bottom:10px;
          display:none;
      }
     
 @media (max-width: 1200px) {
     
        .col_item{

          width:90%;
          margin-right:auto;
          margin-left:auto;
        }
     
     
     .header
     {
         font-size:20px;
         height:20px;
         padding-bottom:10px;
         padding-top:10px;
     }
     .logo-container
     {
         display:none;
     }
     .container
     {
         
         background-image :url("/templates/cassiopeia/images/mardom2/backw800.png");
         background-repeat: no-repeat;
         background-position: center;
         background-size:100% 100%;
         background-attachment:scroll;
         height:100%;
         width:100%;
         
     }
     .content_grid
     {
         padding-top:40px;
         
         
        
     }
     
     .footer
     {
         
         margin-top:100%;
     }
      
   
 }