/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Sep 10, 2014, 10:59:43 AM
    Author     : Simply Smart
*/
/*-----------------------------------Font-----------------------------------*/
/*-----------------------------------General-----------------------------------*/
body{
    direction: rtl;
    text-align: right;
    font-family: "Tahoma";
    font-size:14px;
    color:#fff;
    background-image:url('../images/bg_light.png');
}

strong:not(.normalcss){
    font-weight:bold;
    font-family: "Tahoma";
    font-size:16px;
}

em:not(.normalcss){font-style: italic;}

a:not(.normalcss){text-decoration: none;}
/*-----------------------------------Wrapper-----------------------------------*/
.wrapper{
    width:100%;
    position:relative;
    min-height:600px;
}

/*-----------------------------------Right_Box-----------------------------------*/
.right_box{
    position:fixed;
    width:218px;
    min-height:439px;
    border:1px solid #545454;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    overflow:hidden;
    margin-right:10px;
}

.right_box > .content{
    position:relative;
    width:100%;
    min-height:439px;
    padding-right:19px;
    padding-top:14px;
    float:right;
}

.right_box > .content > .bg{
    background-color:#000;
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    opacity:0.8;
    z-index:1000;
}

.right_box > .content > .text > a{
    float:right;
    width:191px;
    height:60px;
    margin-top:36px;
    
}
.right_box > .content > .text > ul{
    width:181px;
    height:auto;
    float:right;
    margin-top:56px;
}

.right_box > .content > .text > ul > li{
    width: 100%;
    height: 38px;
    border-top: 1px solid #262626;
    border-bottom: 1px solid #000;
}

.right_box > .content > .text > ul > li:last-child{border-bottom:none;}

.right_box > .content > .text > ul > li > a{
    display: block;
    padding: 11px 10px;
    color: #B0B0B0;
    text-decoration: none;
}

.right_box > .content > .text > ul > li:hover > a{
    color:#fff;
}

.right_box > .content > .text > ul > li:hover{
    background-color:#000;
}
.right_box > .content > .text > ul > .selected{
    background-color:#000;
}

.right_box > .content > .text > ul > li > .selected{
    color:#fff;
}
/*-----------------------------------Contact_Box-----------------------------------*/
.contact_box{
    position:fixed;
    width:218px;
    min-height:185px;
    border:1px solid #545454;
    border-radius: 20px;
  
    overflow:hidden;
    margin-right:10px;
    top:447px;
}

.contact_box > .content{
    position:relative;
    width:100%;
    min-height:185px;
    padding-right:18px;
    padding-top:14px;
    float:right;
}

.contact_box > .content > .bg{
    background-color:#000;
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    opacity:0.8;
    z-index:1000;
}

.contact_box > .content > .text > p{
    color:#009fe3;
    width:100%;
    float:right;
    margin-bottom:12px;
}

.contact_box > .content > .text > form > input[type="text"]{
    background-color:#181A1E;
    border:1px solid #000;
    border-bottom:1px solid #393939;
    color:#fff;
    width:169px;
    padding-right:9px;
    height:26px;
    float:right;
    border-radius: 5px;
    margin-top:2px;
}

.contact_box > .content > .text > form > input[type="submit"]{
    width:70px;
    height:28px;
    color:#000;
    background-color:#009fe3;
    border-radius: 5px;
    float:left;
    margin-top:7px;
    border:0;
    margin-left:5px;
    cursor:pointer;
}
/*-----------------------------------Left_Buttons-----------------------------------*/
.hover{
    transition: 1s all;
}

.hover:hover{
    left:20px;
}

.button_left_1{
    position:fixed;
    left:5px;
    top:5px;
    width:90px;
    height:130px;
}
.button_left_2{
    position:fixed;
    left:5px;
    top:140px;
    width:90px;
    height:130px;  
}
.button_left_3{
    position:fixed;
    left:5px;
    top:275px;
    width:90px;
    height:130px;
}
.button_left_4{
    position:fixed;
    left:5px;
    top:410px;
    width:90px;
    height:130px;
}

/*-----------------------------------Menu_Box-----------------------------------*/
.news_box{
    position:fixed;
    width:250px;
    height:304px;
    border:1px solid #545454;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    bottom:0;
    left:5px;
    overflow:hidden;
    
}

.news_box > .content{
    position:relative;
    width:100%;
    min-height:299px;
    padding-right:0px;
    padding-top:14px;
    float:right;
}

.news_box > .content > .bg{
    background-color:#262626;
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    opacity:0.8;
    z-index:1000;    
}

.news_box > .content > .text{
    width:201px;
    height:274px;
    margin:2px auto;
}
.news_box > .content > .text > hr{
    background-color:#000;
    border:0;
    border-bottom: 1px solid #1e1e1d;
    height:2px;
    float:right;
    width:100%;
}

.news_box > .content > .text > p{
    width:100%;
    padding:0% 10%;
    text-align:center;
    font-size:24px;
    font-weight:bold;
    height:59px;
    float:Right;
}

.news_box > .content > .text > div{
    position:relative;
    width:210px;
    height:199px;
    float:right;
    overflow:hidden;
}

.news_box > .content > .text > div > a{
    width:100%;
    height:169px;
    margin-top:30px;
    position: absolute;
    top:100%;
    right:0;
}
.news_box > .content > .text > div > a:first-child{
    top:0;
}

.news_box > .content > .text > div > a > h5{
    width:100%;
    font-weight:bold;
    height:33px;
    float:right;
    color:#009fe3;
}

.news_box > .content > .text > div > a > div{
    width:100%;
    float:right;
    color:#fff;
    
}
/*-----------------------------------Menu_Box-----------------------------------*/
.submenu_box{
    position:fixed;
    width:157px;
    min-height:438px;
    border:1px solid #545454;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    top:0;
    right:234px;
    overflow:hidden;
    
}

.submenu_box > .content{
    position:relative;
    width:100%;
    min-height:440px;
    padding-right:18px;
    padding-top:14px;
    float:right;
}

.submenu_box > .content > .bg{
    background-color:#000;
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    opacity:0.8;
    z-index:1000;    
}

.submenu_box> .content > .text ul{
    width: 135px;
    float: right;
    height: 365px;
    margin-top: 152px;
    
    
}

.submenu_box > .content > .text ul  li{
    width:100%;
    min-height:38px;
    border-top:1px solid #262626;
    border-bottom:1px solid #000;
}
.submenu_box > .content > .text > ul  li:first-child{}
.submenu_box > .content > .text > ul  li:last-child{border-bottom:none;}
.submenu_box > .content > .text > ul  li:last-child:hover{height:1px;}
.submenu_box > .content > .text > ul  li  a{
    display:block;
    padding:11px 4px;
    color:#b0b0b0;
    text-decoration: none;
}

.submenu_box > .content > .text > ul  li:hover  a{
    color:#fff;
}

.submenu_box > .content > .text > ul  li:hover{
    background-color:#000;
}
.submenu_box > .content > .text > ul  .selected{
    background-color:#000;
}

.submenu_box > .content > .text > ul  li  .selected{
    color:#fff;
}

/*-----------------------------------Menu_Box-----------------------------------*/
.content_box{
    position:relative;
    width:500px;
    min-height:1100px;
    border:1px solid #545454;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    top:0;
    right:230px;
    overflow:hidden;
    float:right;
    margin-right:168px;
}

.content_box > .content{
    position:relative;
    width:100%;
    min-height:1100px;
    padding-right:0px;
    padding-top:14px;
    float:right;
}

.content_box > .content > .bg{
    background-color:#000;
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    opacity:0.8;
    z-index:1000;    
}

.content_box > .content > .text{
    width:461px;
    margin:0 auto;
    min-height:400px;
    
}

.content_box > .content > .text > .banner{
    margin:0px auto;
    width:461px;
    height:135px;
    margin-bottom: 8px;
}

.content_box > .content > .text > a{
    color:#b0b0b0;
    float:Right;
    margin:10px 5px;
}

.content_box > .content > .text > a > span{
    float:left;
    margin-right:5px;
    margin-top:1px;
}

.content_box > .content > .text > h5{
    color:#fff;
    float:Right;
    margin:10px 1px;
}

.content_box > .content > .text > hr{
    background-color:#000;
    border:0;
    border-bottom: 1px solid #1e1e1d;
    height:2px;
    float:right;
    width:100%;
}

.content_box > .content > .text > .content{
    width:100%;
    float:right;
    margin-top:8px;
    line-height:18px;
}

.content_box > .content > .text > .content *{
    font-size:16px;
}

.content_box > .content > .text > .content iframe{
    width:100% !important;
    height:100% !important;
    background-color: white;
}



.content_box > .content > .text > .content a{
    color:#009FE3;
    font-weight:bold;
}

.content_box > .content > .text > .gallery{
    width:100%;
    float:right;
    margin-top:8px;
    line-height:18px;
}

.content_box > .content > .text > .gallery > .gallery_item{
    width:220px;
    height:220px;
    float:right;
    position:relative;
    margin-left:20px;
    margin-bottom:18px;
    overflow:hidden;
    background-color:transparent;
}

.content_box > .content > .text > .gallery > .gallery_item:nth-child(even){
    margin-left:0;
}

.content_box > .content > .text > .gallery > .gallery_item > img{
    width:220px;
    height:220px;
    float:right;
    background-color:transparent;
}

.content_box > .content > .text > .gallery > .gallery_item > div{
    width: 217px;
height: 216px;
position: absolute;
top: 4px;
left: 0px;
z-index: 10000;
background-image: url("../images/image_hover.png");
transition: all 1s ease 0s;
opacity: 0;
background-size: 100% 100%;
background-color: transparent;
}

.content_box > .content > .text > .gallery > .gallery_item:hover > div{
    opacity: 0.7;
    
}

/*-----------------------------------Content_Box-----------------------------------*/


/*-----------------------------------Menu_Box-----------------------------------*/

/*-----------------------------------Content_Box-----------------------------------*/

.text{
    position:relative;
    z-index:1200;
    width:93%;
    height:100%;
    color:#fff;
}

.bg{background-color:#000 !important;opacity:0.85}


@media (max-width: 1024px) 
{
    .news_box
    {
        display: none;
    }
}