@font-face {
    font-family: "yekan";
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/yekanweb-regular.eot') format("embedded-opentype"), url('../fonts/yekanweb-regular.woff') format("woff"), url('../fonts/yekanweb-regular.ttf') format("truetype"), url('../fonts/yekanweb-regular.svg') format("svg");
}

body {

    font-family: "yekan";
    
}
.navbar-nav > li:hover {
	color: #fff;
	background-color: rgba(255, 255, 255, 0.2);
	border-radius: 2px;
}
.en-menu , .en-menu li {
	font-family: sans-serif;
	float: left !important;

}
/*---------------------Header Style----------------------*/
.logo{
	width: 80px;
	margin-top: 40px;
	text-align: right;

}
.headtitle{
	text-align: right;
	margin-top: 45px;

}
.mgt10{
	margin-top: 10px;
}
.headicon{
	margin-top: 40px;
	text-align: right;
	direction: rtl;
}
.headborder{
	border-right: solid;
	border-color: #ed1a3b;
}
.us{
	text-align: left;
	direction: ltr;
	padding: 0px;
}
.mgt40{
	margin-top: 43px;
}
.ir{
	text-align: right;
	direction: rtl;
	padding: 0px;
}
.ltr{
	direction: ltr;
}
.rtl{
	direction: rtl;
}
.mgt20{
	margin-top: 20px;
}
.reg a{
	color: #959595;
	text-decoration: none;
}
.reg a:hover{
	color: red;
}
.reg{
	text-align: center;
}
/*...........................menu..................*/

.menu{
	padding: 10px;
	border-bottom: solid thin;
	border-top:solid thin;
	border-color: #e1e1e1;
	margin-top: 30px;

}
.menulist a{
	color: #959595;
	text-decoration: none;
	
}
.menulist ul li{
	float: right;
	margin-right: 50px;
	list-style: none;
}
.menulist a:hover{
	color: red;
}
.login{
	text-align: right;
}
.bar1, .bar2, .bar3 {
    width: 28px;
    height: 3px;
    background-color: #333;
    margin: 4px 0;
    transition: 0.4s;
}

.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-9px, 6px) ;
    transform: rotate(-45deg) translate(-9px, 6px) ;
}

.change .bar2 {opacity: 0;}

.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-8px, -8px) ;
    transform: rotate(45deg) translate(-8px, -8px) ;
}
@media (max-width:767px ) and (min-width:0px ){
		.menulist ul li{
			float: none;
			margin-right: 50px;
			list-style: none;
			text-align: right;
			margin-top: 5px;
		}
}
/*.............slider.........................*/
.bbs{
	border-bottom: solid;
	border-color: #ed1a3b;
}
.carousel-caption a{
	text-decoration: none;
	color: black;
}
/*...............marquee.......................*/
.mar{
	background-color: #f1f0f0;
	min-height: 40px;
}
/*...................explain.............*/
.explaintit{
	color: #ed1a3b;
	direction: ltr;
	margin-top: 60px;
}
.explaintit1{
	color: #ed1a3b;
	direction: rtl;
	margin-top: 75px;
}
.kamaleft{
	direction: rtl;
	margin-top: 50px;
}
/*...........................news............*/
.poster{
	min-height:200px;
	background-color: #f4f1f1;
	margin-top: 70px;
	border-radius: 5px;
}
.postertit{
	direction: rtl;
}
.postertit img{
	margin-right: -4px;
	margin-top: -4px;
}
.postertit h3{
	text-align: right;
	direction: rtl;
}
.news{
	min-height:200px;
	background-color: #f4f1f1;
	margin-top: 70px;
	border-radius: 5px;
}
.newstit{
	direction: rtl;
}
.newstit img{
	margin-right: -4px;
	margin-top: -4px;
}
.newstit h3{
	text-align: right;
	direction: rtl;
}
.posterimg{
	/*margin-top: 5px;*/
	margin: 10px;


}
.posterimg img{
	border-radius: 5px;
	margin-bottom:10px;
}
.newslist{
	margin-top: 10px;
	padding: 10px;
	direction: rtl;
}
.bb{
	border-bottom: solid thin;
	border-color: #7d7d7d;
}
.tab{
	background-color: #7d7d7d;
	color: white;
	margin-top: 10px;
	border-radius: 5px;
	text-align: center;
	min-height:35px;
	padding: 10px;
}
.tab a{
	text-decoration: none;
	color: white;
}
.tabbody{
	border:solid thin;
	border-color: #555555;
	min-height: 250px;
	border-radius: 5px;
	margin-top: 10px
}
.mgt40{
	margin-top: 40px;
}
.mgt30{
	margin-top: 30px;
}
/*..............support......................*/
/* carousel */
.media-carousel 
{
  margin-bottom: 0;
  padding: 0 40px 30px 40px;
  margin-top: 30px;
}
/* Previous button  */
.media-carousel .carousel-control.left 
{
  left: -12px;
  background-image: none;
  background: none repeat scroll 0 0 #222222;
  border: 4px solid #FFFFFF;
  border-radius: 23px 23px 23px 23px;
  height: 40px;
  width : 40px;
  margin-top: 30px
}
/* Next button  */
.media-carousel .carousel-control.right 
{
  right: -12px !important;
  background-image: none;
  background: none repeat scroll 0 0 #222222;
  border: 4px solid #FFFFFF;
  border-radius: 23px 23px 23px 23px;
  height: 40px;
  width : 40px;
  margin-top: 30px
}
/* Changes the position of the indicators */
.media-carousel .carousel-indicators 
{
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px;
}
/* Changes the colour of the indicators */
.media-carousel .carousel-indicators li 
{
  background: #c0c0c0;
}
.media-carousel .carousel-indicators .active 
{
  background: #333333;
}
.media-carousel img
{
  width: 250px;
  height: 100px
}
/* End carousel */
.bl{
	border-left: solid;
	border-color: #e1e1e1;
}
.back{
	background-image: url(../images/back.jpg);
}
/*...............footer.................*/
.bdf{
	border-bottom: solid;
	border-color: #ed1a3b;
	margin-top: 2px;
	min-height:2px;
}
.foot{
	background-color: #363636;
	min-height: 200px;
	margin-top: 1px;
}
.rf1{
	background-color: #666666;
	min-height: 40px;
	margin-top: 10px;
}
.so ul li{
	float: right;
	margin-right: 5px;
	list-style: none;
}
.so{
	direction: ltr;
}
.rf2{
	background-color: #222121;
	min-height:150px;
}
.copyright{
	background-color: #363636;
	color: white;
	padding: 10px;
	text-align: center;
}