@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: Vazir;
  src: url('Vazir.eot');
  src: url('Vazir.eot?#iefix') format('embedded-opentype'),
       url('Vazir.woff') format('woff'),
       url('Vazir.ttf') format('truetype');
  font-weight: normal;
}
html, body{
    font-family:"Vazir", Tahoma, sans-serif;
	color:#fff;
    margin:0;
	background-color:#000000;

}
.opennav-home {font-size:30px;float:right;padding-right:3px; color: #000}
.opennav-pages {
	float: right;
    padding-right: 3px;
    font-size: 30px;
    cursor: pointer;
    color: #fff;
    position: fixed;
	top:3px;
	right:3px;
}


#logo {
 padding-left:20px;
}
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
body {-webkit-text-size-adjust: none;}
}
a:link { color:#fff; text-decoration:none;}
a:visited { color:#fff; text-decoration:none}	

h2 { text-transform:capitalize; font-size:17px }

.prjtitle { 
	 text-align: center;
	font-size:14px;
	text-decoration: none;
	line-height:20px;
	direction:rtl;
	}
.prjcattitle { 
	 text-align: center;
	font-size:18px;
	text-decoration: none;
	text-transform:capitalize;
	padding:15px 0 5px 0;}

#header {
	position: relative;
	margin: 0 auto;
	text-align: center;
	width: auto;
	z-index:0;
	
}
#footer {
	font-family:Tahoma , Arial, sans-serif;
	font-size:11px;
	margin: 0;
	text-align: right;
	width: 100px;
	z-index: 30;
 position: fixed;
    bottom:10px;
    right: 5px; 
}

.nav {
	position: relative;
    margin:-0.5em auto;
	font-weight:bold;
	font-size:20px;
	line-height:40px;	    
}
#section-home {
	margin:0 auto;
	direction:rtl;
	padding:0 10px 0 10px;
	 text-align: center;
	 max-width:1200px;
	font-size:14px;
}
#section-news {
	margin:0 auto;
	padding:0 10px 0 10px;
	 text-align: right;
	 max-width:1200px;
	font-size:14px;
	direction:rtl;
}
.overlay {
    height: 100%;
    width: 0;
    position: fixed;
	z-index: 10;
    top: 0;
    left: 0;
    background-color:#000;
    overflow-x: hidden;
    transition: 0.5s;
	white-space: nowrap;
}

.overlay-content {
    position: relative;
    top: 45%;
    width: 100%;
    text-align: center;
	z-index: 10;
}

.overlay a {
    text-decoration: none;
    color: #fff;
    transition: 0.5s;
}

.overlay a:hover, .overlay a:focus {
    color: #fff;
}

.overlay .closebtn {
     position: absolute;
	font-weight: normal;	
    top:-13px;
    right:0;
    font-size: 50px;
}

@media screen and (max-height: 450px) {
  .overlay a {font-size: 18px}
  .overlay .closebtn {
    font-size: 50px;
	font-weight: normal;
    top:-15px;
    right:-8px;
  }
.overlay-content {
    position: relative;
    top: 30%;
    width: 100%;
    text-align: center;
	z-index: 10;
}
}

  #section-home img {
    max-width: 100%;
	margin-bottom:1px;
  }