@font-face { font-family:din_mediumregular; src: url(../fonts/JFFlatregular.ttf); }


body {direction: rtl;margin:0; padding:0; line-height:normal; width:100%; font-family:din_mediumregular, Verdana, Arial, Helvetica, sans-serif !important; background-color:#fff; color:#000; background-image:url(../images/bg_main.jpg); background-repeat:no-repeat; background-size:100%;}
html {width:100%;}
* {box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
a {outline:0;}
p {margin:0; padding:0; text-indent:0;}
.container {width:100%; margin-top:5px;}
.container_inner {width:1000px; height:700px; margin:0 auto; background-image:url(../images/bg.jpg); background-repeat:no-repeat;}
#header {width:100%;}
.header_inner {overflow:hidden;}
.name_bar {float:right; margin:44px 0px 0px 15px;}
.logo {float:left;}
#navi {width:100%; background-color:#000; overflow:hidden; padding:8px 0px 12px 0px;}
#navi a {text-decoration:none; color:#fff; float:left; text-align:center; font-size:26px; margin:0 9%; -webkit-transition:all 0.2s; -moz-transition:all 0.2s; transition:all 0.2s;}
#navi a:hover {color:#ffca00;}
#middle {width:100%; margin-top:40px; padding:0px 10px; position:relative;}
#menu_cntnr {width:300px; height:362px;}
#menu_cntnr a {
    display: inline-block;
    text-decoration: none;
    color: #fff;
    font-size: 22px;
    background-image: url(../images/arrow_right.png);
    background-position: initial;
    background-repeat: no-repeat;
    padding-left: 35px;
    margin-bottom: 10px;
}

#menu_cntnr a span {
    display: inline-block;
    background-color: #231a1f;
    /* border: 2px solid #3e5e80; */
    border-right: none;
    padding: 20px 20px;
    width: 240px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    line-height: 29px;
    transition: all 0.3s;
}#menu_cntnr a:hover {color:#ffca00;}
#menu_cntnr a:hover span {width:290px;}
.lang_link {
    position: absolute;
    top: -23px;
    left: 10px;
}
#footer {width:100%;}
#footer table {border-top:1px solid #fff; margin:0 auto; width:90%;}
#footer table tr td a {text-decoration:none; color:#fff; font-size:17px; display:inline-block; background-color:#000; padding:8px 0px 10px 0px; width:105px; text-align:center; margin-top:10px; -webkit-transition:all 0.2s; -moz-transition:all 0.2s; transition:all 0.2s;}
#footer table tr td a:hover {color:#ffca00;}
#footer table tr td a:first-child {margin-left:20px;}
#footer table tr td a:last-child {margin-right:20px;}
#ftr_btm {background-color:#000000; color:#fff; text-align:center; font-size:13px; padding:6px 0px 8px 0px; margin-top:26px;}
.homeboxouter {overflow:hidden;}
.homeboxouter .box{ float: left;
    margin: 20px;
    border: 2px #FFFFFF solid;
    width: 240px;
    height: 125px;}
.homeboxouter .box img{width:100%; height:100%;}
