@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";

}
/*---------------------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;*/
	border-color: #0b6cbc;
	/*border-color: #000000;*/
}
.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: blue;
}
.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: blue;
}
.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;*/
	border-color: #0b6cbc;
}
.carousel-caption a{
	text-decoration: none;
	color: black;
}
/*...............marquee.......................*/
.mar{
	background-color: #f1f0f0;
	min-height: 40px;
}
/*...................explain.............*/
.explaintit{
	/*color: #ed1a3b;*/
	color: #0b6cbc;
	direction: ltr;
	margin-top: 60px;
}
.explaintit1{
	/*color: #ed1a3b;*/
	color: #0b6cbc;
	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;
	

}
.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 */
.bm{
	border-left: solid;
	border-color: #e1e1e1;
}
.back{
	background-image: url(../images/back.jpg);
}
/*...............footer.................*/
.bdf{
	border-bottom: solid;
	/*border-color: #ed1a3b;*/
	border-color: #0b6cbc;
	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;
}
/*.............................login..........................*/
.bl{
	border:solid thin;
	border-radius: 10px 10px 0 0;
	border-color: #e7e7e7;
	min-height: 400px;
	border-bottom: solid;
	background: #ebf2f5;
	/*border-bottom-color: #ed1a3b;*/
	border-bottom-color: #0b6cbc;
	border-left-color: #0b6cbc;
	border-right-color: #0b6cbc;
}
.headlog{
	min-height: 10px;
	/*background-color: #ed1a3b;*/
	background-color: #0b6cbc;
    border-radius: 7px 7px 0 0;

}
.titlelog{
	margin-top: 30px;
	color: white;
	/*background-color: #ed1a3b;*/
	background-color: #0b6cbc;
	padding: 5px;
	text-align: center;
	min-height: 45px;

}
.mgt20{
	margin-top: 10px;
}
.logicon{
	
	/*background-color:#ed1a3b;*/
	background-color:#0b6cbc;
    height: 70px;
    width: 70px;
    margin-top: 25px;
    text-align: left;
    padding: 10px;
     /* Rotate div */
    -ms-transform: rotate(50deg); /* IE 9 */
    -webkit-transform: rotate(50deg); /* Chrome, Safari, Opera */
    transform: rotate(50deg);
    border:solid;
    border-color: white;
    margin-left: -45px;

}
.logicon img{
	 /* Rotate div */
    -ms-transform: rotate(-50deg); /* IE 9 */
    -webkit-transform: rotate(-50deg); /* Chrome, Safari, Opera */
    transform: rotate(-50deg);
}
@media (max-width:990px ) and (min-width:0px ){
		.titlelog h4{
			font-size: 12px;
		}
		.logicon{
			margin-left: -39px;
		}
}
.mgt60{
	margin-top: 60px;
}
.forget a{
	color: #acacac;
	font-size:10px;
	text-align: right;
	direction: rtl;
}
.forget{
	text-align: right;
	margin-right: 10px;
}
.backlog{
	/*background-color: #ed1a3b;*/
	background-color: #0b6cbc;
}
.backlog:hover{
	background-color: #0b6cbc;
	/*background-color: #ed1a3b;*/
}
.mgt7{
	margin-top: 7px;
}
.register{
	border:solid thin;
	/*border-color: #ed1a3b;*/
	border-color: #0b6cbc;
}
.mb5{
	margin-bottom: 5px;
}