@import url("../font/iransans.css");
@import url("../font/yekan.css");
html {
    direction: rtl;
    margin: 0px;
    padding: 0px;
}
body {
    width: 100%;
    height: auto;
    direction: rtl;
    font-family: iransans, tahoma;
    font-size: 11px;
    color: #666;
    text-align: right;
    font-weight: 300;
    margin: auto;
    padding: 0px;
    background: url(../img/bg.png);
}
*{margin:0;padding:0;text-decoration:none;list-style-type:none;}
*:focus {outline: 0;}
::selection {background:#eee;opacity:0.1;}
.clear{clear:both;}
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(../img/loader.gif) center no-repeat #fff;
}
.wrapper{width:960px;height:auto;padding:0;margin:auto;}
.main{background:#fff;width:100%;min-height:100px;margin-top:25px;box-shadow: 0 0 15px rgba(0,0,0,.06);overflow:hidden;}
.header{width:100%;height:130px;padding-top:25px;}
.logo{width:273px;height:107px;margin:auto;background:url(../img/logo.png)}
.nav{width:100%;height:60px;background:#BB1932;}
.nav ul{width:100%;height:100%;}
.nav li{float:right;height:100%;line-height:60px;padding:0 20px;color:#fff;border-left:1px solid #B41830;transition: background .2s;}
.nav li:hover{background:#383737;transition: background .2s;}
.nav .active{background:#a1152b;}
.social{float:left!important;padding:0!important;border:0!important;}
.social ul{height:100%;float:left;}
.social li{height:100%;width:40px;background:#383737;float:left!important;padding:0!important;border:0!important;text-align:center;font-size:18px;}
.social li:hover{color:#eee;background:#333;font-size:20px;}
.social .mini{width:1px;background:#414040;}
.cover{width:100%;height:270px;border-top:10px solid #BB1932;}
.cover img{width:100%;height:100%;}
.post{text-align:center;padding:20px;}
.post strong{font-family:yekan;font-size:30px;display:block;font-weight:300;}
.post p{display:block;padding:2px;}
.post .en{font-family:arial;font-size:11px;}
.post p i{font-size:18px;margin:5px;}
.table{width:100%;height:290px;margin-bottom:20px;}
.table .box{height:100%;width:215px;float:right;background:#BB1932;}
.table .mini{height:100%;width:20px;float:right;}
.table .box ul{width:100%;height:100%;}
.table .box li{width:100%;height:50px;line-height:50px;font-size:14px;text-align:center;color:#fff;border-bottom:1px solid #B41830;}
.table .box .title{height:70px;background:#353535;line-height:70px;font-size:25px;font-family:yekan;}
.table .box .buy{height:70px;background:#FFFFFF;padding:5px 20px;border-radius:6px;line-height:70px;font-size:15px;font-family:yekan;color:#353535;transition: background .2s;}
.table .box .buy:hover{background:#62a541;color:#fff;transition: background .2s;}
.table .box .last{border:0;}
.telegram{width:920px;height:160px;background:#2CA5E0;text-align:center;color:#fff;font-family:yekan;font-size:16px;line-height:30px;margin:auto;border-radius:8px;margin-bottom:20px;}
.telegram img{vertical-align:middle;display:block;margin:auto;}
.telegram span{background:#fff;padding:5px 10px;border-radius:6px;color:#bbb;font-family:arial;font-size:11px;letter-spacing:1px;}
.text p strong{font-size:20px;color:#BB1932;}
.text p:last-child{font-weight: 300;background: #F8F8F8;padding: 10px 0;margin: 15px 45px 10px;border-radius: 10px;}
.bottom{margin-top:10px;padding:20px 45px;border-top:1px solid #EEEEEE;height:auto;overflow-x:auto;}
.bottom li{float:right;width:50%;}
.bottom strong{font-family: yekan;font-weight: 300;font-size: 16px;color: #BB1932;}
.bottom li:last-child{direction:ltr;text-align:left;}
.menu{width:920px;height:30px;line-height:30px;margin:auto;margin-top:15px;}
.menu ul{height:100%;margin:auto;}
.menu li{float:right;height:100%;color:#98a3ab;font-family:yekan;font-size:13px;padding: 0 7.2px;margin:0 5px;border-radius:4px;transition: background .2s;}
.menu li:hover{background:rgba(0,0,0,0.04);transition: background .2s;}
.menu .mini{border-right:1px dotted #ccc;background:none;padding:0;}
.top{width:105px;height:42px;background:url(../img/top.png);margin:auto;margin-top:10px;line-height:42px;text-align:center;}

.top img{vertical-align:text-bottom;margin-bottom:-10px;transition: padding .2s;}
.top img:hover{transition: padding .2s;padding-bottom:5px;}
.left-div{float:left;width:40%;margin-left:5%;padding-right:5%;border-right:1px solid #eee;margin-top:20px;margin-bottom:30px;}
.right-div{float:right;width: 337px;margin-right:5%;margin-top:20px;margin-bottom:30px;}
.error{background:#000;color:#fff;}
form{text-align:right;}
.dd2 .ddTitle span.ddTitleText{font-size:15px;padding-right:5px;}
.ddTitleText{font-size:12px;}
#qty_div{margin-top: 50px;background: #f8f8f8;padding: 20px;border-radius: 8px;margin-bottom:10px;}
.dd2 .ddChild a{padding-right:15px;}
form select{border: 0;padding: 5px 0;border-radius: 8px;font-family: iransans;border-right:5px solid #fff;border-left:5px solid #fff;}
.dd2 .ddTitle{background:#BB1932;border-radius:8px 8px 0 0;}
.dd2 .ddChild a.selected{background:#f8f8f8;}
.dd2 .ddChild a:hover{background:#eee;}
.dd2 .ddTitle span.arrow{background:url(../img/icon-arrow.png);}
.ddChild {border-radius: 0 0 8px 8px;border: 1px solid #ddd;}
.info h2{background: #f8f8f8;font-size: 15px;padding: 10px;border-radius: 8px;margin-bottom: 10px;}
.info{margin-bottom:15px;}
form input[type=text]{    border-radius: 4px;padding: 5px;border: 1px solid #ddd;margin: 5px 0 1px 0;}
form #email{margin-right:56px;}
form #mobile{margin-right:23px;}
form #gateway{border:1px solid #ddd;font-size: 12px;color: #666;}
form #submit{background: #4eb958;float: left;padding: 8px 40px;color: #fff;font-size:13px;border-radius: 8px;}
form #submit:hover{background:#308c39;}
.right-div ul{margin-top:40px;}
.right-div li{    padding: 15px 0; border-bottom: 1px solid #eee;}

.directable{
    background-color: #BB1932;
    color: #fff;
    padding: 10px;
    border-radius: 10px;
}
.directable tr{
	background:#B41830;
	padding:5px 15px;border-radius:10px;margin:5px;display:block;
}
.directable td{
	width:40%;display:inline-block;
}