@font-face {
	font-family: 'BYekan';
	src: url('../fonts/BYekand.eot?#') format('eot'),  /* IE6–8 */ 
	url('../fonts/BYekan.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ 
	url('../fonts/BYekan.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
@font-face{font-family:'DroidBold';
font-style:normal;font-weight:400;
src:url(../fonts/DroidNaskh-Bold.eot);
src:url(../fonts/DroidNaskh-Bold-ied41d.eot) format('embedded-opentype'),
url(../fonts/DroidNaskh-Bold.woff2) format('woff2'),
url(../fonts/DroidNaskh-Bold.woff) format('woff'),
url(../fonts/DroidNaskh-Bold.ttf) format('truetype');
}
@font-face{font-family:'Droid';
font-style:normal;font-weight:400;
src:url(../fonts/DroidNaskh-Regular.eot);
src:url(../fonts/DroidNaskh-Regular.ttf) format('truetype'),
url(../fonts/DroidNaskh-Regular.woff2) format('woff2'),
url(../fonts/DroidNaskh-Regular.woff) format('woff'),
url(../fonts/DroidNaskh-Bold.ttf) format('truetype');
}
@font-face {
	font-family: 'Yekan';
	src: url('../fonts/Yekan.eot?#') format('eot'),  /* IE6–8 */ 
	url('../fonts/Yekan.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ 
	url('../fonts/Yekan.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
@font-face {
	font-family: 'YekanNum';
	src: url('../fonts/yekannumbers-regular.eot?#') format('eot'),  /* IE6–8 */ 
	url('../fonts/yekannumbers-regular.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ 
	url('../fonts/yekannumbers-regular.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
@font-face{font-family:'DroidBold';
        font-style:normal;font-weight:400;
        src:url(../fonts/DroidNaskh-Bold.eot);
        src:url(../fonts/DroidNaskh-Bold-ied41d.eot) format('embedded-opentype'),
        url(../fonts/DroidNaskh-Bold.woff2) format('woff2'),
        url(../fonts/DroidNaskh-Bold.woff) format('woff'),
        url(../fonts/DroidNaskh-Bold.ttf) format('truetype');
}
@font-face{font-family:'Droid';
        font-style:normal;font-weight:400;
        src:url(../fonts/DroidNaskh-Regular.eot);
        src:url(../fonts/DroidNaskh-Regular.ttf) format('truetype'),
        url(../fonts/DroidNaskh-Regular.woff2) format('woff2'),
        url(../fonts/DroidNaskh-Regular.woff) format('woff'),
        url(../fonts/DroidNaskh-Bold.ttf) format('truetype');
}
body, h1, h2, h3, h4, h5, h6, blockquote, p, form {
	margin: 0;
	padding: 0;
}
.clear {
	clear: both;
}
table {
	font-family:Droid,tahoma;
	font-size:12px;
}
table td{
	padding : 10px 0 10px 0	
}

li {
	direction: rtl;
	text-align: right;
	list-style: none;
}
a {
	color: #000000;
	text-decoration: none;
}
a:hover {
	color: #999999
}
img {
	border: none
}
body {
	background:#f2f3f5;
	font-family: DroidBold,BYekan,tahoma;
	text-align: right;
	color: #000;
	margin: 0;
	padding: 0;
	direction: rtl;
	line-height: 17px;
}
-moz-selection {
	background: #ed3402;
}
input{
	font-family:Droid,tahoma
}
.top_menu{
	width:100%;
	height:60px;
	z-index:1000;
	background:url(../images/line.jpg) repeat-x; 
	background-color: #434a54;
  	

}

.top_middle{
	width: 1000px;
	margin: 0 auto;
	position: relative;
}
.top_middle .logo{
	float:right;
	width:130px;
	height:55px;
	margin-top:5px;
}
.middle {
	width: 100%;
	margin: 0 auto;
	margin-bottom:10px;
}
.slider_box{
	width:1000px;
	height:460px;
}
.header{
	width:1000px;
	height:200px;
	margin-top:60px;
}
.header .right{
	width:30%;
	height:300px;
	background:#d9522b;
	float:right;
	border-bottom:3px solid #c14927;
	box-shadow:0px 3px 1px 0px rgba(0, 0, 0, 0.2)
}
.header .left{
	width:70%;
	height:300px;
	float:left;
	background:#000000
}
.block{
	margin-top:20px;
	width:100%;
	float:right;
	background:#f9fafc;
	border-right: 1px solid #dbdcde;
	border-left: 1px solid #dbdcde;
	border-bottom: 1px solid #dbdcde;
}
.block .block_top{
	background:#434a54;
	height:60px;
	width:100%;
	border-bottom:3px solid #bacf32;
	padding:19px 0px 0 0;
	color:#ffffff;
	font-family:DroidBold,BYekan;
	text-shadow:0 1px 1px #000;
	font-size:15px;
}
.block .block_top:after
{
  float:right;
  content: "";
  position: relative;
  top: 40px;
  right:15px;
  border-top: 11px solid #bacf32;
  border-left: 11px solid transparent;
  border-right: 11px solid transparent;
  border-bottom: 0
}
 
.block .block_top:before
{
  border-top-color: #bacf32;
  bottom: -30px;
}
.block .block_content{
	width:100%;
	padding:15px;	
	font-family:Droid;
	font-size:14px;
}

.topnav {
	width:86%;
	float:right;
	margin-top:5px;
	height:50px;
	font-family:DroidBold;
	margin-right:0px;
}


#main-nav  {
	width:100%;
	top:10px;
	height:50px;
	
}
#main-nav  ul li {
	
	position:relative;
	float: right;
	border-width:0 0 0 1px;
	height:40px;
	margin-top:5px
}
#main-nav  ul li:first-child,
#main-nav  ul li:first-child a{border-right:0}
#main-nav  ul li:last-child a{}
#main-nav  ul li a {
	font-size:14px;
	height: 40px;
	line-height: 25px;
	color: #ffffff;
	padding:0 14px;
	text-shadow:0 1px 1px #000;
	border-right:1px solid #ffffff;
	font-family:DroidBold;
}
#main-nav  ul li a .sub-indicator{}
#main-nav  ul li a:hover {
	color:#0CF
}
#main-nav  ul ul{
	display: none;
	padding:0;
	position: absolute;
	top: 35px;
	width: 230px;
	z-index: 99999;
	float: right;
	background: #434a54 !important;

}
#main-nav  ul ul li, #main-nav  ul ul li:first-child {
	background: none !important;
	z-index: 99999;
	min-width: 230px;
	border:0 none;
	border-bottom: 1px solid #383838;
	font-size:13px;
	height:auto;
	margin:0;
}
#main-nav  ul ul li:first-child ,#main-nav ul li.current-menu-item ul li:first-child,
#main-nav ul li.current-menu-parent ul li:first-child,#main-nav ul li.current-page-ancestor ul li:first-child { border-top:0 none !important;}
#main-nav  ul ul ul ,#main-nav  ul li.current-menu-item ul ul,	#main-nav  ul li.current-menu-parent ul ul,	#main-nav  ul li.current-page-ancestor ul ul{left: auto;right: 100%;	top: 0 !important;	z-index: 99999;	}
#main-nav  ul.sub-menu a ,
#main-nav  ul ul li.current-menu-item a,
#main-nav  ul ul li.current-menu-parent a,
#main-nav  ul ul li.current-page-ancestor a{
	border:0 none;
	background: none !important;
	height: auto !important;
	line-height: 1em;
	padding: 10px 5px;
	width: 230px;
	display: block !important;
	margin-right: 0 !important;
	z-index: 99999;
}
#main-nav  ul li.current-menu-item ul a,
#main-nav  ul li.current-menu-parent ul a,
#main-nav  ul li.current-page-ancestor ul a{}
#main-nav  ul li:hover > a,	#main-nav  ul :hover > a {	color: #0CF ;}
#main-nav  ul ul li:hover > a,
#main-nav  ul ul :hover > a {color: #0CF !important;	padding-left:0px !important;padding-right:5px !important;}
#main-nav  ul li:hover > ul {display: block;}
#main-nav  ul li.current-menu-item,
#main-nav  ul li.current-menu-parent,
#main-nav  ul li.current-page-ancestor{
	margin-top:0;
	height:50px;
	border-left:0 none !important;
}
#main-nav  ul li.current-menu-item ul.sub-menu a, #main-nav  ul li.current-menu-item ul.sub-menu a:hover,
#main-nav  ul li.current-menu-parent ul.sub-menu a, #main-nav  ul li.current-menu-parent ul.sub-menu a:hover
#main-nav  ul li.current-page-ancestor ul.sub-menu a, #main-nav  ul li.current-page-ancestor ul.sub-menu a:hover{background: none !important;}

#main-nav  ul li.current-menu-item a, #main-nav ul li.current-menu-item a:hover,
#main-nav  ul li.current-menu-parent a, #main-nav ul li.current-menu-parent a:hover,
#main-nav  ul li.current-page-ancestor a, #main-nav ul li.current-page-ancestor a:hover{
	background:#cd2122;
	height:50px;
	line-height:50px;
	border-left:0 none !important;
}
#main-nav  ul.sub-menu li.current-menu-item,#main-nav  ul.sub-menu li.current-menu-item a,
#main-nav li.current-menu-item ul.sub-menu a,#main-nav  ul.sub-menu li.current-menu-parent,
#main-nav  ul.sub-menu li.current-menu-parent a,#main-nav li.current-menu-parent ul.sub-menu a,
#main-nav  ul.sub-menu li.current-page-ancestor,#main-nav  ul.sub-menu li.current-page-ancestor a,
#main-nav li.current-page-ancestor ul.sub-menu a{height:auto !important; line-height: 12px;}
#main-nav  ul li.menu-item-home ul li a,
#main-nav  ul ul li.menu-item-home  a,
#main-nav  ul li.menu-item-home ul li a:hover{
	background-color:transparent !important;
	text-indent:0;
	background-image:none !important;
	height:auto !important;
	width:auto;
}

.footer{
	width:100%;
	height:60px;
	background:url(../images/line.jpg) repeat-x;
	background-color:#434a54;
	margin-top:20px;
	float:right;
	padding:25px 0px 15px 0px;
	text-align:center;
	font-family:DroidBold;
	font-size:12px;
	color:#ffffff;
}

.row{
	width:100%;
}

.row.blue{
	background:#4d8eb4;
	border-bottom:4px solid #336a8a;
	
}
.row.blue img{
	float:right;
	margin-right:30px;
	margin-top:36px;
	
}
.row.blue .description{
	float:right;
	margin-right:20px;
	margin-top:40px;
	color:#fff;
	text-align:justify;
	line-height:20px;
}
.row.blue .description .title{
	font-size:30px;
        line-height: 35px;
}
.row.blue .description .desc{
	font-size:15px;
	margin-top:20px;
}




.row.pink{
	background:#EA584D;
	border-bottom:4px solid #FE6C61;
	
}
.row.pink img{
	float:left;
	margin-top:36px;
	
}
.row.pink .description{
	float:right;
	margin-right:50px;
	margin-top:40px;
	color:#fff;
	width:60%;
	text-align:justify;
	line-height:20px;
}
.row.pink .description .title{
	font-size:25px;
}
.row.pink .description .desc{
	float:right;
	font-size:15px;
	margin-top:20px;
}








.row.green{
	background:#75D69C;
	border-bottom:4px solid #65AD82;
	
}
.row.green img{
	float:right;
	margin-right:30px;
	margin-top:20px;
	margin-bottom:20px
	
}
.row.green .description{
	float:right;
	margin-right:20px;
	margin-top:40px;
	color:#fff;
	text-align:justify;
	line-height:20px;
}
.row.green .description .title{
	font-size:30px;
        line-height: 35px;
}
.row.green .description .desc{
	font-size:15px;
	margin-top:20px;
}





*,*:before,*:after{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
.container{
	margin-right:auto;
	margin-left:auto;padding-left:15px;
	padding-right:15px
}

@media (min-width:768px){
	.container{width:750px}
}

@media (min-width:992px){
	.container{width:970px
}
	
}
@media (min-width:1200px){
	.container{width:980px}
}
.bannercontainer-simple{
	padding:0px;
	position:relative;
	position:relative;
	margin-left:auto;
	margin-right:auto
}
.slider img{
	width:100%!important;
	height:auto!important;
	margin:0 auto

}
.slider{
	margin-top:1em;
	text-align:center;
	overflow:hidden;
	top:-150px;
}

.portfolio{
	width:33%;
	height:200px;
	float:right;
	border: 1px solid #dbdcde;
	margin:0 15px 0 0;
	
}
.news{
	width:100%;
	padding:0px 5px 15px 0px;
	border:1px solid #e3e3e3;
	font-family:Droid;
	font-size:12px;
	margin-bottom:10px;
	background:#f1f9be;
	height:49px
}
.news .title{
	float:right;
	width:80%;
	padding-top:15px;	
}
.news .date{
	float:right;
	width:20%;
	height:49px;
	border-right:1px solid #e3e3e3;
	font-family:BYekan;
	padding-top:15px;
	text-align:center;
}
.news:hover{
	border:1px solid #c1cde5;
	background:#fce7d8	
}
.news a:hover{
	color:#000000;	
}
.news .date:hover{
	border-right:1px solid #c1cde5;
}
.product {
	font-family:Droid,tahoma
}
.product .img{
	width:300px;
	height:300px;
	float:right;
	margin-top:10px;
}
.product .dtl{
	float:right;
	width:630px;
	height:300px;
	margin-right:5px;
	border-right:3px solid #bacf32;
	background:#f1f9be;
	margin-top:10px;
	text-align:right;
}
.product .dtl:after
{
  float:right;
  content: "";
  position: relative;
  top: -150px;
  right:-53px;
  border-top: 25px solid transparent;
  border-left: 25px solid #bacf32;
  border-right: 25px solid transparent;
  border-bottom: 25px solid transparent;
}
 
.product .dtl:before
{
  border-top-color: #bacf32;
  bottom: -30px;
}
.product .dtl .text{
	text-align:right;
	padding: 20px 20px 0 0 ;
	height:280px;
	line-height:40px;
}

.side_menu{
	width:100%;
	padding:0px 5px 15px 0px;
	border:1px solid #e3e3e3;
	font-family:Droid;
	font-size:12px;
	margin-bottom:10px;
	background:#f1f9be;
	height:30px	
}
.side_menu .link{
	float:right;
	width:100%;
	padding-top:6px;	
}
.side_menu:hover{
	border:1px solid #c1cde5;
	background:#fce7d8	
}
.side_menu a:hover{
	color:#000000;	
}
.user_icon{
	float:right;
	width:100px;
	height:100px;
	border: 1px solid #e3e3e3;
	margin:10px 0 0 6.3px;
	text-align:center;
	font-size:12px
		
}



  .span12 {
    width: 1170px;
  }
  .span11 {
    width: 1070px;
  }
  .span10 {
    width: 970px;
  }
  .span9 {
    width: 870px;
  }
  .span8 {
    width: 770px;
  }
  .span7 {
    width: 670px;
  }
  .span6 {
    width: 570px;
  }
  .span5 {
    width: 475px;
  }
  .span4 {
    width: 370px;
  }
  .span3 {
    width: 270px;
  }
  .span2 {
    width: 170px;
  }
  .span1 {
    width: 70px;
  }