body {
   
}
#title
{
     width:800px;
    height:255px;
    margin:0 auto;
      box-shadow:0px 0px 20px black;
      margin-bottom:10px;
    }
#pic
{
    width:1000px;
    height:400px;
    margin:0 auto;
   
    
    margin-bottom:20px;
    }
#out
{
      width:100%;
    background-color:white;
    margin:0 auto;
    padding-bottom:20px;
    }  
h3
{
    text-align:center;
    font-family:dinar;
    color:Red;
    }    
.content
{
     width:960px;
  
    margin:0 auto;
    font-family:tahoma;
    line-height:30px;
    text-align:justify;
    padding:20px;
    /*background-color:#949599;*/
    color:#0b284a;
    margin-bottom:30px;
    }  
.content h4
{
    margin-top:20px;
    font-family:calibri;
    margin-bottom:20px;
    font-size:25px;
    }     
.content img
{
    /*width:150px;
    height:100px;*/
    float:left;
    box-shadow:0px 0px 10px grey;
    margin-right:20px;
    }    
.web
{
    
     width:120px;
   height:30px;
    margin:0 auto;
    top:20px;
    text-align:right;
    
    font-family:Tahoma;
    direction:rtl;
    margin-bottom:20px;
 background:url(../../images/btn.png) no-repeat;
    
    }     
.web a
{
    display:block;
    position:relative;
  /* background:url(../../images/button.jpg) repeat;*/
    margin:0 auto;
    /*background-color:#9d0303;*/
    color:White;
    text-decoration:none;
    text-align:center;
    padding:10px 0px 10px 0px;
    border-radius:3px;
    top:-5px;
    font-size:12px;
    }
#film {
     width:700px;
    height:600px;
    margin:0 auto;
    border-radius:20px;
   
}
video {
    border-radius:30px;
     background-color:red;
}

 #backpanel {

    width:1000px;
    height:300px;
    margin:0 auto;
    margin-bottom:30px;
    margin-top:0px;
    
}
  #backpanel .panel {
    
    width:180px;
    height:300px;
    float:left;
    margin-left:20px;
    text-align:center;
    }

    
.panel img
{
    width:85px;
    height:85px;
    margin:0 auto;
    }
    .panel h4 {

        width:180px;
        height:50px;
        text-align:center;
        color:#0b284a;
        font-family:dinar;
        font-size:17px;
        
}

    .panel .txt{
        width:150px;
        height:152px;
        margin:0 auto;
        color:#030d53;
        text-align:center;
       font-family:tahoma;
       direction:rtl;
       font-size:14px;
    }
.panel:hover img
{
     transition:all 0.8s ease-out 0s;
    -moz-transition:all 0.8s ease-out 0s;
    -webkit-transition:all 0.8s ease-out 0s;
    transform:rotatey(180deg);
   
    }    
#logoslide
{
       width:800px;
    height:150px;
    margin:0 auto;
    margin-bottom:40px;
    text-align:center;
     box-shadow:0px 0px 10px black;
    }      
#logoslide iframe
{
     width:800px;
    height:60px;
    margin:0 auto;
    }    
#dl
{
    position:relative;
     width:120px;
   height:30px;
    margin:0 auto;
    top:20px;
    text-align:right;
    
    font-family:Tahoma;
    direction:rtl;
    margin-bottom:20px;
    background:url(../../images/btn.png) no-repeat;
    }     
#dl a
{
    display:block;
    position:relative;
  /* background:url(../../images/button.jpg) repeat;*/
    margin:0 auto;
   
    color:White;
    text-decoration:none;
    text-align:center;
    padding:10px 0px 10px 0px;
    border-radius:3px;
    top:-5px;
    }         
.brands
{
    position:relative;
     width:1000px;
    height:200px;
    margin:0 auto;
    background-color:White;
    margin-bottom:20px;
    top:20px;
    box-shadow:0px 0px 20px black;
    }    
.brands .logo
{
    position:relative;
     width:400px;
    height:200px;
    float:left;
    top:50px;
    }  
.brands .right
{
    width:580px;
    height:180px;
    float:left;
    
    padding:10px;
    }     
.right .text
{
    width:550px;
    height:130px;
    margin:0 auto;
    font-family:Calibri;
   margin-top:30px;
  
    }          
.right .see
{
    width:80px;
    height:25px;
    float:right;
    background-color:#0b284a;
    text-align:center;
    margin-right:20px;
    border-radius:5px;
    }    
.see a
{
    color:White;
    font-family:Calibri;
    text-decoration:none;
    padding:5px;
    }  
    
#out h2
{
    width:500px;
    margin:0 auto;
    text-align:center;
    font-family:Calibri;
    height:40px;
    background-color:Red;
    margin-top:50px;
    padding-top:10px;
    border-radius:30px;
    }    
#certific
{
     width:1050px;
    height:600px;
    margin:0 auto;
    margin-top:10px;
 
    }  
    
    
    
.box {width:450px;height:600px}
.carousel-box {position:relative;width:1050px;overflow:hidden;margin-top:0px;}
.carousel-box .prev {position:absolute;left:0px;top:180px;z-index:10}
.carousel-box .next {position:absolute;right:20px;top:180px;z-index:10}
.carousel-box .prev a, .carousel-box .next a {cursor:pointer}
.carousel-box ul {width:1000px;background-color:Blue;margin-left:40px !important}
.carousel-box ul li {width:450px;float:left;border:0;margin-right:55px;position:relative;padding-top:0px;}