@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",Tahome, sans-serif;
	color:#fff;
    margin:0;
	background-color:#000000;
	 height:100%;
}
.opennav-home {font-size:30px;float:right;padding-right:3px; color: #000}
.opennav-pages {font-size:30px;cursor:pointer; float:right;padding-right:3px; color: #fff}

#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}	

#header {
	position: relative;
	margin: 0 auto;
	text-align: center;
	width: auto;
	z-index: 20;
}
#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;
	text-transform:capitalize;	
	line-height:40px;	    
}
#section-home {
	position: relative;
	z-index:0;	
 text-align: center;
 height:100%;
}
#section-pages {
	margin:0 auto; 
	 text-align: center;
	 height: auto;
	 max-width:1200px;
	font-size:14px;
}


.overlay {
    height: 100%;
    width: 0;
    position: fixed;
	z-index: 10;
    top: 0;
    left: 0;
    background-color:#000;
    overflow-x: hidden;
    transition: 0.5s;
	text-transform:capitalize;
}

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

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

.overlay a {
    text-decoration: none;
    color: #fff;
/*    display: block;*/
    transition: 0.3s;
}

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

.overlay .closebtn {
    position: absolute;
	font-weight: normal;	
    top:-10px;
    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;
  }