/***slider*******/


#slider-inner
{
    height: 580px;
    width: 1260px;
    margin: 0pt auto;
    
}

#slider
{
   
    background: url('../Images/slider.jpg') no-repeat 50% 0;
     background-color:#000;
    margin: 0pt auto;
}
.slider-text
{padding-top: 170px;
text-align: right;
padding-right: 400px;
}
.slider-text span
{
    font: 23px "Droid Arabic Naskh Bold";
color: #ffffff;
direction:rtl;
}
.slider-pro
{
    position:absolute;
    padding:390px 0 0 750px;
}
/***product boxes*******/
#product
{
    background-color:#ffffff;
    height: 462px;
}
#product-inner
{
    width: 1230px;
    margin: 0pt auto;
    padding-top: 110px;
}
#product-inner > div
{
    float: left;
}
.product-box
{
    width: 320px;
}
/**************************box1***/

.box1
{
    margin-left: 30px;
}
.box1 .box1-image
{
    width: 286px;
    height: 178px;
    background-image: url('../Images/FirstPage/Box/box1-bg.png');
    background-position: 0 0;
    cursor: pointer;
}
.box1 .box1-text
{
    margin-top: 30px;
    text-align: center;
    margin-right:36px;
}
.box1 .box1-text span
{
    color: #010623; font: 18px 'Droid Arabic Naskh'; text-align: justify; direction: rtl;
                            line-height: 20px;
}
.box1 .box1-text p
{
    font: 12px tahoma;
    text-align: center;
    direction: rtl;
    color: #818181;
    line-height: 20px;
}
.box1 .box1-product
{
    background-image: url('../Images/firstpage/box/product-box1.png');
    position: absolute;
    height: 228px;
    width: 89px;
    opacity: 0;
    margin-top: 40px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 220px;
}
.box1 .box1-moreInfo
{
    position: absolute;
}
.box1 .box1-moreInfo .moreInfo-title
{
    /*margin-top:60px;*/
    margin-top: 140px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 110px;
    opacity: 0;
}
.box1 .box1-moreInfo .moreInfo-title span
{
    color: #ffffff; font: 18px 'Droid Arabic Naskh'; text-align: justify; direction: rtl;
                            line-height: 20px;
}
.box1 .box1-moreInfo .moreInfo-link
{
    /*margin-top:10px;*/
    margin-top: 0px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 115px;
    opacity: 0;
}
.box1 .moreInfo-link a
{
    font: 11px tahoma;
    color: White;
    direction: rtl;
    text-decoration: none;
}

/**********************************box2**/
.box2
{
    margin-left: 120px;
}
.box2 .box2-image
{
     width: 286px;
    height: 178px;
    background-image: url('../Images/FirstPage/Box/box2-bg.png');
    background-position: 0 0;
    cursor: pointer;
}
.box2 .box2-moreInfo
{
    position: absolute;
}
.box2 .box2-moreInfo .moreInfo-title
{
   
    margin-top: 140px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 120px;
    opacity: 0;
}
.box2 .box2-moreInfo .moreInfo-link
{
    margin-top: 10px;
    margin-top: 0px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 110px;
    opacity: 0;
}
.box2 .moreInfo-title span
{
  color: #ffffff; font: 18px 'Droid Arabic Naskh'; text-align: right; direction: rtl;
                            line-height: 20px;
}
.box2 .moreInfo-link a
{
    font: 11px tahoma;
    color: white;
    direction: rtl;
    text-decoration: none;
}
.box2 .box2-text {
margin-top: 20px;
text-align: center;
 margin-right:36px;
}
.box2 .box2-text span {
 color: #010623; font: 18px 'Droid Arabic Naskh'; text-align: right; direction: rtl;
                            line-height: 30px;
}
.box2 .box2-text p {
font: 12px tahoma;
text-align: justify; 
direction: rtl;
color: #4e4e4e;
line-height: 20px;
}

/**************************box3***/

.box3
{
     margin-left: 120px;
}

.box3 .box3-image
{
    width: 286px;
    height: 178px;
    background-image: url('../Images/FirstPage/Box/box3-bg.png');
    background-position: 0 0;
    cursor: pointer;
}
.box3 .box3-text
{
    margin-top: 30px;
    text-align: center;
    margin-right:36px;
}
.box3 .box3-text span
{
    color: #010623; font: 18px 'Droid Arabic Naskh'; text-align: justify; direction: rtl;
                            line-height: 20px;
}
.box3 .box3-text p
{
    font: 12px tahoma;
    text-align: center;
    direction: rtl;
    color: #818181;
    line-height: 20px;
}
.box3 .box3-product
{
    background-image: url('../Images/firstpage/box/product-box3.png');
    position: absolute;
   height: 228px;
    width: 89px;
    opacity: 0;
    margin-top: 20px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 220px;
}
.box3 .box3-moreInfo
{
    position: absolute;
}
.box3 .box3-moreInfo .moreInfo-title
{
    /*margin-top:60px;*/
    margin-top: 140px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 110px;
    opacity: 0;
}
.box3 .box3-moreInfo .moreInfo-title span
{
    color: #ffffff; font: 18px 'Droid Arabic Naskh'; text-align: justify; direction: rtl;
                            line-height: 20px;
}
.box3 .box3-moreInfo .moreInfo-link
{
    /*margin-top:10px;*/
    margin-top: 0px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 115px;
    opacity: 0;
}
.box3 .moreInfo-link a
{
    font: 11px tahoma;
    color: White;
    direction: rtl;
    text-decoration: none;
}
/***content*******/
#content
{
    background-color: #010623;
    height: 820px;
}
#content-inner
{
    width: 1230px;
    margin: 0pt auto;
}
#content-inner > div
{
    float: left;
    height: 820px;
}
#content-inner .content1
{
   
    background-position:top left;
    background-repeat:no-repeat;
    width: 393px;
}
#content-inner .content2
{
    width: 837px;
}

#banner-slide
{
    margin: 80px 0 0 0;
}
#banner-slide p
{
    font: 12px tahoma;
    color: #ffffff;
    direction: rtl;
    text-align: justify;
    line-height: 20px;
}
#banner-slide .slider-txt
{
    padding: 35px 0px 0 30px;
    text-align: right;
}
.article-title
{
    margin-top: 80px;
    float: right;
}
.article-title span
{
     color: #ffffff; font:18px 'Droid Arabic Naskh'; text-align: right; direction: rtl;
                            line-height: 20px;
                            letter-spacing:-2;
}
.article-box1-content > div
{
    float: left;
}
#last-news
{
    height: 365px;
    background-image: url('../Images/last-news-bg.jpg');
    background-repeat: no-repeat;
    background-position: center top;
    margin-top: 85px;
}
.news-list p, .news-list a
{
    font: 12px tahoma;
    color: #ffffff;
    direction: rtl;
    line-height: 18px;
    text-align:justify;
    text-decoration:none;
}
.news-list span
{
    font: 10px tahoma;
    color: #fb8b00;
    direction: rtl;
    text-align: right;
    float: right;
}
.news-list table td.arrow
{
    padding-left: 10px;
    vertical-align: top;
}
.news-list table td.arrow img
{
    padding-top: 18px;
}
.last-news-title
{
    padding-left: 252px;
}
.last-news-title span
{
     color: #ffffff; font:18px 'Droid Arabic Naskh'; text-align: right; direction: rtl;
                            line-height: 20px;
                            letter-spacing:-2;
}
.topic-title 
{
    text-align:right;
  
}
.topic-title span
{
     color: #ffffff; font:18px 'Droid Arabic Naskh'; text-align: right; direction: rtl;
                            line-height: 20px;
                            letter-spacing:-2;
}
.topic-tas
{
    text-align:right;
}
.topic-tas span
{
    font: 10px tahoma;
    color: #9290c7;
    direction: rtl;
    text-align: right;
    float: right;
}
.news-list
{
    float:right;
    padding-top: 30px;
    padding-right: 70px;
}
#top-video
{
    height: 400px;
    background-image: url('../Images/top-video-bg.jpg');
    background-repeat: no-repeat;
    background-position: left top;
}
.video-thumbnail
{
    margin-left: 50px;
    padding-top: 65px;
}
.video-thumbnail img
{
    cursor: pointer;
}
.video-icon
{
    position:absolute;
    padding: 35px 0 0 90px;
}