@font-face {
    font-family: B Yekan;
    src: url(Fonts/BYekan.ttf);
}

@font-face {
	font-family: B Nazanin;
    src: url(Fonts/BNazanin.ttf);
}

@media screen and (max-width: 600px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }

}


body, html {
  height: 100%; 
  margin: 0;
  font-family:B Yekan;
  /* color: #777;  */
}

   



.row {
	/* background: url(../img/img/img_parallax.jpg) ;  
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100%;  */
	/* min-height:80%;
	position: relative; */
	/* background-attachment: fixed;  */
}
.row {
   
  /* background-position: center; */
  /* background-size: cover; */
	/* background-color:#bbff99; */
}


.caption {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  color: #000;
}

.caption span.border {
  background-color: #111;
  color: #fff;
  padding: 18px;
  font-size: 25px;
  letter-spacing: 10px;
}


/* unvisited link */
a:link {
    color: black;
}

/* visited link */
a:visited {
    color: blue;
}

/* mouse over link */
a:hover {
    color: red;
}

/* selected link */
a:active {
    color: hotpink;
}
.layer  {
        position: fixed;
        opacity: 0.7;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        z-index: 999999;
        background-color: #BEBEBE;
        display: none;
        cursor: not-allowed;
  }

.menu2 {
    direction: LTR;
    //background-color:black;
    letter-spacing:1px;
    color:white;
    text-align:Left;
    padding:5px;
    font-family:"B Nazanin";
    //word-spacing: 20px;
    }
.menu {
    direction: rtl;
    background-color:black;
    letter-spacing:1px;
    color:white;
    text-align:right;
    padding:5px;
    font-family:"B Nazanin";
    //word-spacing: 20px;
    }


h1 {
    width:498px;
    height:64px;
    color:#fff;
    font-family:"B Nazanin";
    letter-spacing:1px;
    font-size:2.2em;
    margin:0 auto;
}
h2 {
    font-family:B Nazanin;
     margin:0 auto;
}





footer a img {

    border:none;
    float:right;
    margin:0px 59px 40px 0px;
}

 aaa {
    display:block;
    margin-top:20px;
    letter-spacing:1px;
    font-family:B Nazanin;
}
/* #indexul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333;
} */

/* .indexli {
    float: right;
    border-right:1px solid #bbb;
}

.indexli:last-child {
    border-right: none;
}

.indexli a {
    display: block;
    color: white;
    text-align: center;
    padding: 10px 12px;
    text-decoration: none;
	font-size: 24px;

}

.indexli a:hover:not(.active) {
    background-color: #111;
}

#indexactive {
    background-color: #4CAF50;
} */
/* 
#indexul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333;
    position: fixed; 
    top: 0;
    width: 100%;
	z-index:10; 
}

#indexli {
    float: right;
}

li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

li a:hover:not(.active) {
    background-color: #111;
}
*/
.active {
    background-color: #4CAF50;
}


.topnav {
  overflow: hidden;
  background-color: #333;
  /* position: fixed;  */
  top: 50px;
  width: 100%;
  z-index:10; 
}

.topnav a {
  float: right;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  
}

.topnav a:hover {
  background-color: #ddd;
  color: black;
}

.topnav .icon {
  display: none;
}



.fixed {
    position:fixed;
    top:0;
}
table{
	background-color: #f5f5f5;
	opacity: 0.9;
}

#pagename{
	font-family:B Nazanin;
    color: white;
    vertical-align:-50px;
	font-size: 14px;
}

#notif {
	position: absolute;
    left:1%;
    background-color:red;
}

#notif img{
	width:20px;
	height:20px;
	display: block;
    margin: 0px 0px 0px 0px ;
	background-color: rgba(256, 256, 256, 0.1)
}
#preregnum{
	position: absolute;
	top:35%;
	left:40%;
	font-family:B Nazanin;
	font-size: 12px;
}



#sidefieldset{
	    background-color: #989ec7;	
}