@font-face {
  font-family: 'AGOOGLE';
  src: url('fonts/AGOOGLE.eot');
  src: url('fonts/AGOOGLE.eot?#iefix') format('embedded-opentype'),
       url('fonts/AGOOGLE.woff2') format('woff2'),
       url('fonts/AGOOGLE.woff') format('woff'),
       url('fonts/AGOOGLE.ttf') format('truetype'),
       url('fonts/AGOOGLE.svg#AGOOGLE') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
	font-family: 'byekan';
	src: url('fonts/BYEKAN.eot');
	src: local('?'),
    url('fonts/BYEKAN.woff') format('woff'),
    url('fonts/BYEKAN.ttf') format('truetype'),
    url('fonts/BYEKAN.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
  font-family: 'IRANSans';
  src: url('fonts/IRANSans.eot');
  src: url('fonts/IRANSans.woff2') format('woff2'),
       url('fonts/IRANSans.woff') format('woff'),
       url('fonts/IRANSans.ttf') format('truetype'),
       url('fonts/IRANSans.svg#IRANSans') format('svg'),
       url('fonts/IRANSans.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}





@font-face {
  font-family: 'Vazir-FD';
  src: url('font/Vazir-FD.eot');
  src: url('font/Vazir-FD.woff2') format('woff2'),
       url('font/Vazir-FD.woff') format('woff'),
       url('font/Vazir-FD.ttf') format('truetype'),
       url('font/Vazir-FD.svg#Vazir') format('svg'),
       url('font/Vazir-FD.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}


/*
===================================================
      font-size: 12px;
  font-family: byekan,Tahoma;

        font-size: 12px;
  font-family: AGOOGLE,byekan,Tahoma;



  font-family: 'Vazir-FD'
*/
html {
  direction: rtl  !important; 
}


body { margin:0px !important; padding: 0 !important;  color: #000; text-align:right;
background:#fff url(images/) top center repeat !important;
font-size: 12px;
  font-family: 'Vazir-FD' !important;
  }
a{ color: #000 ; text-decoration:none !important;font-size: 12px;   font-family: 'Vazir-FD' !important;    }
a:hover{ color: #0000ff ; }
img {border:0px;}
.clear { clear: both;}

.ranglink a{
      color: #fff !important;
}
.ranglink a:hover{ color:  #FFFF00 !important; }

#main { margin:0 auto;}

.row1{
  margin-top: 0px;

}
.row{
  margin-top: 0px;
}
.container-fluid {
  padding-right: 0px !important;
  padding-left: 0px !important;
  margin-right: auto !important;
  margin-left: auto !important;
}
.container{
  padding-right: 0px !important;
  padding-left: 0px !important;
  margin-right: auto !important;
  margin-left: auto !important;
}


.prontok{
   padding-right: 10px !important;
  padding-left: 10px !important;
  margin-right: auto !important;
  margin-left: auto !important;
}



.iconee_font{
  font-size: 15px;
  color: #444
}


.iconee_fonthom{
  font-size: 15px;
  color:  #70CA98;
}

.iconnews_font01{
  font-size: 12px;
  color: #444
}

.linkha_fo{
 margin-right: 1%;
}

.iconeeam_font{
  font-size: 15px;
  color: #ccc
}
/*
  ----------------------------------     position: fixed !important;

*/
.top1{
  background: #fff !important;
  min-height: 120px ;
  height: auto;
  width: 100%  !important;
}
.top2{
  height: auto;
  width: 100%  !important;
  background:   #016DCF url(images/.png)  center  left   no-repeat !important ;

}
.megatop2{
  padding-left: 10px  !important;
  padding-right: 10px   !important;

}


.top3{
  min-height: 200px ;
  height: auto;
  width: 100%  !important;
  background: url(images/.jpg)  top center no-repeat  ;

}
.top3 img{
  width: 100%  !important;
  height: 400px  !important;
}
.top03{
  background: #54B99D !important;
  height: auto;
  width: 100%  !important;
   font-family: 'Vazir' !important;
     overflow: hidden;
     padding-bottom: 1%;
     padding-top: 1%;
     color: #fff
}

.top4{
  height: auto;
  width: 100%  !important;
  background:#fff    ;
  margin-top: 0%;
    top: -20px;
      position: relative;
}
.top5{
  min-height: 100px ;
  height: auto;
  width: 100%  !important;
  background: url(images/f02.jpg) top  left ;
  	-webkit-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
  padding-top: 20px;
  padding-bottom:  20px;
}
.tops5{
  min-height: 100px ;
  height: auto;
  width: 100%  !important;
  background: url(images/aaa.jpg) top  left ;
  	-webkit-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
  padding-top: 20px;
  padding-bottom:  20px;
}


/*
  A0C2BA
*/


.top6{
  width: 100%  !important;
  top: 0px;
  position: relative;

}


.top006{
  height: 50px;
  width: 100%  !important;
  background: #ccc ;
  padding-top: 5px;
}

.top0006{
  width: 100%  !important;
  padding-top: 5px;
}

.payacms06{

  overflow: hidden !important;
}


.top7{
  background: #5D6063 !important;
  min-height: 100px ;
  height: auto;
  width: 100%  !important;
    overflow: hidden;
     padding-bottom: 3%;
     padding-top:  3%;
}
.top8{
  background:  #F3F3F3 !important;
  min-height: 100px ;
  height: auto;
  width: 100%  !important;
    overflow: hidden;
    margin-top: 2% !important;
    padding-top: 2% !important;
    padding-bottom:   2% !important;  
}
.top9{
  background: #E1E1E1 !important;
  min-height: 100px ;
  height: auto;
  width: 100%  !important;
    overflow: hidden;
}
.top10{
  background: #E1E1E1 !important;
  min-height: 100px ;
  height: auto;
  width: 100%  !important;
    overflow: hidden;
}
.top11{
  background: #5D6063 !important;
  min-height: 100px ;
  height: auto;
  width: 100%  !important;
    overflow: hidden;
}
.top12{
  background:  #72767A !important;
  min-height: 100px ;
  height: auto;
  width: 100%  !important;
    overflow: hidden;
    padding-bottom: 4%;
    padding-top: 4%;
    line-height: 20px;
    color: #fff ;
    font-family: 'Vazir-FD' !important;
}
.top12 a{
  color: #fff !important;
}
.top12 a:hover{ color: #ccc !important; }
.top15{
  background:  #484848 !important;
  min-height: 50px ;
  height: auto;
  width: 100%  !important;
    overflow: hidden;
    padding-bottom: 1%;
    padding-top: 2%;
    line-height: 20px;
    font-size: 11px !important;
    text-align: center;
    color: #ccc ;
    font-family: 'Vazir-FD' !important;
}
.top15 a{
  color: #fff !important;
}
.top15 a:hover{ color: #ccc !important; }
.line3{
  background: url(images/line.jpg) repeat-x !important;
  height: 20px  !important;   

  width: 100%  !important;
    overflow: hidden;
}

/*
  -----------------
*/

.upmerg{
  margin-top: 1%;
  margin-bottom: 1%;
}
.upmergser{
  margin-top: 2%;
}

.loginsbser{
  background: #4285F6  !important;
  color: #fff  !important;
}
.loginsbser:hover{
 background:   #92B9FA  !important;
}


.botn{
  text-align: center;
  margin-top: 2%;
}
.clockmenu{
  margin-top: 8%;
 margin-bottom: 5%;
}


.topup{
  margin-top: 30px !important;
  margin-bottom:  10px !important;
}
.ser_c{
  width: 100%;
}


.ser{
   margin-bottom: 0px !important;
}


.serrr{
  float: left;
  width: 79% !important  ;
  height: 40px !important;
}



@media (min-width: 700px) {
.sersub{
  float:  right;
  width: 20% !important;
  font-size: 11px !important;
  text-align: center;
  height: 40px !important;
}
}
/*
mobile
*/
@media (max-width: 700px) {

.sersub{
  float:  right;
  width: 20% !important;
  font-size: 10px !important;
  text-align: center;
  height: 40px !important;
}
}

/*
  -----------------------------
*/

.picbig img{
	width: 100%;
  height:  auto;
	-webkit-background-size: cover;
	background-size: cover;
	background-attachment: fixed;

}


.matnpicb{
  margin-top:   -40% !important;
  margin-bottom: 35% !important;
    z-index:  4000;
    height: 100px;
    padding-top: 30px;
 position:    relative;
 background: url(images/02.png)  repeat ;
 border-top-right-radius: 8px;
border-top-left-radius: 8px;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
  padding-right: 2% !important;
  padding-left: 2% !important;
  margin-right: auto !important;
  margin-left: auto !important;
  width: 70%;


}


@media (min-width: 700px) {

}
/*
mobile
*/
@media (max-width: 700px) {


}
/*
  -----------------------------
*/

 .serc {
  font-size: 20px;
  color: #000;
  margin-top: 0px;
  height: 80px;
  padding-top: 14px;
  text-align: center;
    width: 50%;
margin:0 auto;
 background:url(images/cpc5.png) center center no-repeat;


  }

.sert {
   padding-top: 10px;
   padding-right: 10px;
   padding-left: 10px;
   padding-bottom: 20px;

 }


.amlaksaheli{
  margin-top: 2% !important;
}


.slidevipv{
    padding-right: 0px !important;
  padding-left: 0px !important;
  margin-right: auto !important;
  margin-left: auto !important;
  background: #E9E9E9 !important;
}

/*
D7D6D6
*/
.custom0{
 background: #D7D6D6 !important;
 padding-top: 0px;
  padding-bottom: 0px;
}


.custom1{
 background: #fff !important;
}
.serch1{
  background: #eee !important;
  min-height: 50px ;
  height: auto;
  width: 100%  !important;
}


/*
  ----------------------------------
*/
.rast{
     padding-right: 0px !important;
  padding-left: 0px !important;
}
.chap{
      float: left !important;

}




.linkhaall a:hover{
opacity:0.6;
	filter:alpha(opacity=60); /* For IE8 and earlier */
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
    color: #000
}

/*
  ----------------------------------
*/
.alt2{
 margin-top: 2%;
}

.alt2 a{
 padding-left: 8px ; padding-right: 5px; border-left: 0px solid  #000 ;font-size: 12px;
 color: #fff;
}

.alt2 a:hover{ color: #000 ; }



/*
  ----------------------------------
*/
.headerlogo{
  margin-top: 2px  !important;
  margin-bottom: 2px   !important;
}



.headerlogo img{
 max-height: 95px   !important;
 width: 100%    !important;
}


.slideeee{
  height: 405px !important;
  width: 100%  !important;
}
.slideeee img{
  height: 405px !important;
  width: 100%  !important;
}

/*
  ----------------------------------
*/

#menu1 {  }




.menu1text { color: #000 !important; margin-top: 2%;   }


@media (min-width: 700px) {
.menu1caption {
  padding-top: 1%;
  padding-bottom: 1%;
  font-size: 20px;
 border-bottom: 1px   solid    #C1C1C1   ;
 color: #333333   ;
 text-align: center;
 width: 25%;
   padding-right: 0px !important;
  padding-left: 0px !important;
  margin-right: auto !important;
  margin-left: auto !important;
   font-weight: bold;
}
.menu01caption{
  font-size: 18px;
 border-bottom: 3px   solid   #4186F7   ;
 color: #333333   ;
 text-align: center;
 width: 15%;

   padding-right: 0px !important;
  padding-left: 0px !important;
  margin-right: auto !important;
  margin-left: auto !important;
  padding-top: 10px;
  margin-top: -12px;
}
}
/*
mobile
*/
@media (max-width: 700px) {
.menu1caption {
  padding-top: 1%;
  padding-bottom: 1%;
  font-size: 20px;
 border-bottom: 1px   solid    #C1C1C1   ;
 color: #333333   ;
 text-align: center;
 width: 80%;
   padding-right: 0px !important;
  padding-left: 0px !important;
  margin-right: auto !important;
  margin-left: auto !important;
   font-weight: bold;
}
.menu01caption{
  font-size: 18px;
 border-bottom: 3px   solid   #4186F7   ;
 color: #333333   ;
 text-align: center;
 width: 50%;

   padding-right: 0px !important;
  padding-left: 0px !important;
  margin-right: auto !important;
  margin-left: auto !important;
  padding-top: 10px;
  margin-top: -12px;
}

}
/*
  ======================
*/

#menu2 {  }
.menu2caption {
  padding-top: 1%;
  padding-bottom: 1%;
  font-size: 18px;
 border-bottom: 1px   solid     #9B9B9B   ;
 color: #333333   ;
 text-align:  right;
   padding-right: 0px !important;
  padding-left: 0px !important;
  margin-right: auto !important;
  margin-left: auto !important;
}

.menu02caption{
  font-size: 18px;
 border-bottom: 3px   solid   #4186F7   ;
 color: #333333   ;
 text-align:  right;
 width: 15%;
  padding-top: 10px;
  margin-top: -12px;
  margin-right: 4%
}


.menu2text { color: #000 !important; margin-top: 2%;   }
/*
  ======================
*/

#menu3 {  }
.menu3caption {
  padding-top: 1%;
  padding-bottom: 1%;
  font-size: 18px;
 border-bottom: 1px   solid     #9B9B9B   ;
 color: #333333   ;
 text-align:  right;
   padding-right: 0px !important;
  padding-left: 0px !important;
  margin-right: auto !important;
  margin-left: auto !important;
}
.menu03caption{
  font-size: 18px;
 border-bottom: 3px   solid   #4186F7   ;
 color: #333333   ;
 text-align:  right;
 width: 60%;
  padding-top: 10px;
  margin-top: -12px;
  margin-right: 4%
}


.menu3text { color: #000 !important; margin-top: 5%;   }
/*
  ======================
*/
#menu4 {  }
.menu4caption {
  padding-top: 1%;
  padding-bottom: 1%;
  font-size: 18px;
 border-bottom: 1px   solid     #9B9B9B   ;
 color: #333333   ;
 text-align:  right;
   padding-right: 0px !important;
  padding-left: 0px !important;
  margin-right: auto !important;
  margin-left: auto !important;
}
.menu04caption{
  font-size: 18px;
 border-bottom: 3px   solid   #4186F7   ;
 color: #333333   ;
 text-align:  right;
 width: 70%;
  padding-top: 10px;
  margin-top: -12px;
  margin-right: 4%
}


.menu4text { color: #000 !important; margin-top: 5%;   }
/*
  ======================
*/
#menu5 {  }
.menu5caption {
  padding-top: 1%;
  padding-bottom: 1%;
  font-size: 18px;
 border-bottom: 1px   solid     #9B9B9B   ;
 color: #333333   ;
 text-align:  right;
   padding-right: 0px !important;
  padding-left: 0px !important;
  margin-right: auto !important;
  margin-left: auto !important;
}
.menu05caption{
  font-size: 18px;
 border-bottom: 3px   solid   #4186F7   ;
 color: #333333   ;
 text-align:  right;
 width: 40%;
  padding-top: 10px;
  margin-top: -12px;
  margin-right: 4%
}


.menu5text { color: #000 !important; margin-top: 5%; padding-right: 5%;   }

/*
  ======================
*/

.copy1{
 text-align: center;
 margin-top: 2%;
 font-size: 11px;
}


.iconeem1_font{
  color: #ddd !important;
  font-size: 15px;
}
.rangmo{
  color: #ddd !important;
}

.rangmo p{
  color: #ddd !important;
}
/*
  ----------------------------------
*/

/*
  ----------------------------------
*/

.lefttamas{
      float: left !important;
      text-align: center;
      margin-top: 8px;
}


@media (min-width: 700px) {

.contacttxt{
  text-align: left;
  margin-top: 2%;
}

.megamenuj{
  float: right;
  margin-top: 25px !important;
     z-index:  5000;


}
}
/*
mobile
*/
@media (max-width: 700px) {

.contacttxt{
  text-align:  center;
    margin-top: 2%;

}

.megamenuj{
  margin-top: 1% !important;
   padding-right: 0px !important;
  padding-left: 0px !important;
  margin-right: auto !important;
  margin-left: auto !important;

}

}


/*
  ----------------------------------
*/

/*
  ----------------------------------
*/



/*
  ----------------------------------   7D757C
*/


h1{
font-size: 16px  !important;
display: inline  !important;
}


.menuuu {
position:absolute;
    width:100%;
    height:1px;
    overflow:hidden;
     background:#1D426F ;
}
.menuhcaption {

  }

.menuhtext {

 }


.menucaption {
  font-size: 18px;
  color: #fff;
  margin-top: 0px;
  height: 52px;
  padding-top: 14px;
  padding-right: 10px;
  background:     #828282  ;
  margin-top: 1%;
  }

.menutext {
 padding-top: 1%;
   overflow: hidden;
 }


#newsimage {float:left; margin-left: 3px; margin-right: 4px}

#newstitle {
  font-size: 18px;
  color: #444;
  margin-top: 0px;
  height: 52px;
  padding-top: 14px;
  padding-right: 10px;
  background: #F3F2F3
 }

#newsbody {    padding-top: 10px;
   padding-right: 10px;
   padding-left: 10px;
   padding-bottom: 20px; }

/*
===================================================
*/



/*
===================================================
*/




.button{

	background-color: ;

	color:  #000;

	font-family: tahoma, tahoma, arial, helvetica, sans-serif;

	font-size: 10px;

	font-weight: bold;

	text-align:center;


 }

.nextprev { color:#000;font-size:14px}

	.tbox { color: #000; font-weight: bold; font-size: 12px; border: 1px solid #000; margin: 2px auto;
     padding: 0 5px;font-family:tahoma;}

	.tbox:hover { color: #000;  border: 1px solid  #0000ff; }

	.tbox:focus { color: #000;  border: 1px solid #000;}

	.helpbox { background-color: #fff; border: 1px solid #DFDFDF; color: #000; font-size: 9px; padding: 4px 5px 4px 5px; }

.fborder {

	background-color: transparent;

	border: 1px SOLID #F1F1F1;

	border-collapse: collapse;

	padding: 3px;

	margin-top: 3px;

	text-align: right;}




 .newsarchive{
   margin-bottom: 5%
 }


.deskk01:hover{
opacity:0.6;
	filter:alpha(opacity=60); /* For IE8 and earlier */
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}



.amlakc {
  font-size: 20px;
  color: #fff;
  margin-top: 0px;
  height: 80px;
  padding-top: 14px;
  text-align: center;

  width: 50%;
margin:0 auto;
margin-bottom: 1%;
background:url(images/cpc5.png) center center no-repeat;


  }

.amlakt {
   padding-top: 10px;
   padding-right: 10px;
   padding-left: 10px;
   padding-bottom: 20px;

 }




.amlakpc {
  font-size: 20px;
  color: #000;
  margin-top: 0px;
  height: 50px;
  padding-top: 14px;
  text-align: center;
  background:url(images/) center center no-repeat;
  width: 50%;
margin:0 auto;

 border-bottom: 1px dotted #444
  }

.amlakpt {
   padding-top: 10px;
   padding-right: 10px;
   padding-left: 10px;
   padding-bottom: 20px;

 }




/*
-----------------------------
*/
 .vipamlakt {
  font-size: 18px;
  color: #000;
  margin-top: 0px;
  height: 52px;
  padding-top: 14px;
  text-align: center;
  border-bottom: 2px  solid #54B99D;
  width: 100%;
margin:0 auto;


  }

.vipamlaktc {
   padding-top: 10px;
   padding-right: 10px;
   padding-left: 10px;
   padding-bottom: 20px;

 }
/*
-----------------------------
*/
.bgff{
  /* background: url(images/line.jpg) repeat-x !important;*/
   height: 20px !important;
   margin-bottom: 0% !important;
   background: url(images/line.jpg) top center repeat-x

}
.bgallp{
  background: #D7D6D6 ;

}

.hiallp{
  overflow: hidden !important;
}

/*
  ===============================
*/

@media (min-width: 700px) {
 .tamasbama{
   display: none;
 }


}

@media (max-width: 700px) {

.tamasbama{
  width: 100%;
  background:   #33FF66 !important;
     z-index:  5000;
 position:     fixed;
 bottom: 0px;
 text-align: center;
 padding-top: 1%;
 padding-bottom: 1%;
 font-size: 18px;
   font-family: 'Vazir-FD' ;
}
.tamasbama a{
  color: #000 ;
   font-size: 14px;
}
.tamasbama a:hover{ color: #0000ff ; }
.bbb{
  margin-bottom: 30px;
}


}

/*
  =========================================================
    =========================================================
  =========================================================
*/

/*
  news
*/

.newscol{
    padding: 0 0 0 0 ;
    margin:  0 0 0 0 ;   
}


.news-title1 {
 width: 100%;
 height: 45px;
 background: #ccc;
  border-top-right-radius: 5px;
border-top-left-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
margin-top: 10px;
margin-bottom: 10px;

}
.news-title1 h1{

}


.news-title2 {
 width: 100%;
 padding-top: 15px;
 padding-right: 10px;

}

.news-all {

}
.news-body {

}
.news-extended {

}

/*--------------------------------------------*/

.onvanmenu1{
  background: #ddd
}
.textmenu1{
  background: #eee
}

   .container1 {
            background-color: #2c3e50; /* ??? ?? ????? */
            color: white; /* ??? ??? */
            font-family: 'Tahoma', sans-serif; /* ???? ??? */
            font-weight: bold; /* ????? ??? */
            padding: 20px; /* ???? ????? */
            border-top-left-radius: 10px; /* ??? ???? ??????? */
            border-top-right-radius: 10px; /* ??? ???? ??????? */
            position: relative; /* ???? ???? ???? ???? */
            margin-bottom: 20px; /* ???? ??? ???? */
        }

        .triangle {
            position: absolute;
            bottom: -20px; /* ???? ???? ???? ?? ????? */
            left: 50%; /* ???? ???? ???? ?? ??? ???? */
            transform: translateX(-50%); /* ??????? ???? ?? ???? */
            width: 0;
            height: 0;
            border-left: 30px solid transparent; /* ???? ?? */
            border-right: 30px solid transparent; /* ???? ???? */
            border-top: 20px solid #2c3e50; /* ???? ???? */
        }  