@font-face {
  font-family: 'DroidNaskh';
  src: url("../fonts/DroidNaskh-Regular.eot");
  src: url("../fonts/DroidNaskh-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/DroidNaskh-Regular.woff") format("woff"), url("../fonts/DroidNaskh-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'DroidNaskh';
  src: url("../fonts/DroidNaskh-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
/*
IRAN Sans-serif fonts are considered a proprietary software. To gain
information about the laws regarding the use of these fonts, please
visit www.fontiran.com
---------------------------------------------------------------------
This set of fonts are used in this project under the license: (LHHUR)
---------------------------------------------------------------------
*/

/*------------------------------------*
   Common
*------------------------------------*/
* {font-family: PT Sans,verdana,tahoma;}
a:hover {text-decoration:none; color:var(--link-color-hover); -webkit-transition:200ms all ease; -o-transition:200ms all ease; transition:200ms all ease;}

html {max-width:100%; overflow-x:hidden;}

body {color:var(--text-color); background: var(--background-color);  font-size:14px; line-height: 24px;}


h1,h2,h3,h4,h5,h6 {font-weight: bold;}
.h1, h1 {
	font-size: 18px;
}
.h2, h2 {
	font-size: 16px;
}
.h3, h3 {
	font-size: 14px;
}
a {text-decoration:none;color:var(--link-color); -webkit-transition:200ms all ease; -o-transition:200ms all ease; transition:200ms all ease;}

a:focus {text-decoration:none; outline:none;}
a:active {outline: none; text-decoration: none;}


img {max-width:100%;}

/*ul {padding:0px;}*/
li{list-style:none;}

label{margin: 0;}
input[type=checkbox], input[type=radio]{margin:0 2px 0 0 !important; vertical-align: middle; height: 22px; line-height: unset;}
input{border-radius: 3px; border:1px solid #dddddd; padding:0 12px; height: 40px; line-height: 40px;}


/******************main-header*******************************/
.homepage {
	margin-bottom: 0 !important;
}
.main-header {
	background-color:var(--header-color);
}

img {max-width: 100%;}
img:hover  {
  opacity: 0.3;
}
/******************Top-menu*******************************/
.top-nav {
	  background-color:var(--header-top-color);
	  background-image: url(../img/ferdowsi-pattern-light.png);
	  color:var(--header-top-text-color);
	  font-size: 11px;
}
.top-nav a {
	color: var(--header-top-text-hover-color);
}
.nav > li > a:focus, .nav > li > a:hover {
	text-decoration: none;
	/*background-color: #eee;*/
}
#top-menu li:last-child::after {
	content: "";
}

#top-menu li::after {
	content: '/';
	display: inline-block;
}
#top-menu {
	padding: 0;
	margin: 0;
	list-style: none;
}
#top-menu li a {
	display: inline-block;
	padding: 16px 10px;
}


#top-menu li a:hover, .top-menu li a:focus {
	background-color: transparent;color:#fff;
}
/******************Lang*******************************/
.top-nav .btn {
	font-weight: normal;
	float: right;
	margin: 9px 5px;
	color: #fff;
}
.btn-outline {
	border-radius: 50px;
	background: transparent;
}
.btn {
	font-size: 11px;
}
.langs.btn {
	/*border: 1px solid #9dacba;*/
}
.langs {
	padding: 7px 14px 7px 12px;
}

.langs i {
	float: left;
	font-size: 18px;
}
.langs ul {
	margin-left:17px!important;

}
div.mod-languages ul{display: flex;}

.langs a:hover {
	color: #3db5ac;
}
div.mod-languages li{margin-left:0px!important;margin-right:0px!important;}

.langs li::before {
	content: '/';
	display: inline-block;
}
.langs li:first-child::before {
	content: "";
}


/****************/
.date.btn, .sites-list.btn {
	padding: 9px 16px;
	
}
.btn.bg-green {
	background: #0098a5 !important;
	border-color: #0098a5 !important;
	color: #fff;
	cursor:pointer;
}
.sites-list.btn {
	font-size: 11px;
	font-weight: bold;
}

/******************Logo*******************************/
.logo {
	margin: 10px 0;
}
.logo:hover {
	opacity: .8;
}
.slogan {
	margin: 15px 10px;float:right;
}
.slogan img {
	filter: opacity(0.4);
	transition: all 0.5s;
}
.slogan img:hover {
	filter: opacity(1);
}
/******************Slider*******************************/

/* Next & previous buttons */
.djslider-loader img:hover {
	opacity: 1;
	}
.prev, .next {
  cursor: pointer;
  position: absolute;
  width: auto;
  margin-top: 5%;
  padding: 50px 12px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  background-color:rgba(0,0,0,0.3);
}

/* Position the "next button" to the right */
.next {
  left: -8px;
  border-radius: 3px 0 0 3px;
}
.prev {
  right: -8px;
  border-radius: 3px 0 0 3px;
}
/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.9);
}


/******************Slider*******************************/

/***/
.slide-desc-bg{background:none;}
.slide-desc-text{text-align:justify;}
.slide-desc {
	z-index: 2;
	max-width: 450px;
	color: rgb(255, 255, 255);
	background: rgba(185, 163, 152, 0.5) none repeat scroll 0% 0%;
	padding: 10px 20px;
	border-radius: 5px;
	top: 174px;
	min-height: 0px;
	min-width: 0px;
	line-height: 24px;
	border-width: 0px;
	margin: 0px;
	letter-spacing: 0px;
	font-size: 13px;
	left: 916.5px;
	visibility: visible;
	opacity: 1;
	transform: translate3d(0px, 0px, 0px);
}
/***/
.sidebar{margin-bottom:30px;}
#sp-main{margin-top:30px;}
/******************EVO frontpage Sidebar****************************/
.evofp-date-author i{margin-right: 3px;}
#sp-sidebar .evofp-table-row{
	background-color: #f2f4f8;
	display:block!important;
	margin-bottom:10px;
	color: #0b486b;
	font-size: 12px;
	padding: 5px;
}
#sp-sidebar .evofrontpage-default .evofp-date-author{text-align: right;}
#sp-sidebar  .evofrontpage-default .title {font-weight: normal;}
.evofrontpage-default .evofp-table-cell{text-align: left!important;}
/******************EVO frontpage events****************************/

/*#sp-events{margin-top:10px;}*/
.latestnews{
	padding: 0px;
  }
.latestnews li {
	background-color: #f2f4f8;
	font-size: 12px;
	padding: 10px;
	margin-top: 6px;

}

/******************gkTabsWrap*********************/
.gkTabsContainer, .gkTabsContainer[style] {
	overflow: visible !important;
	overflow-x: visible !important;
	overflow-y: visible !important;

}
.gkTabsWrap.vertical ol li.active, .gkTabsWrap.horizontal ol li.active, .gkTabsWrap.vertical ol li:hover, .gkTabsWrap.horizontal ol li:hover{
    border-bottom: 2px solid  var(--main-menu-color) !important;
    border-right: 0px solid #eeeeee !important;
}
.gkTabsWrap.vertical ol li, .gkTabsWrap.horizontal ol li{
    top:3px;font-size:1rem;    border-right: 0px solid #eee !important;
}
.gkTabsWrap.vertical ol li, .gkTabsWrap.horizontal ol li{
       float: left !important;color:var(--template-color)!important;font-weight: bold;
       border-bottom: 2px solid var(--main-menu-color);;margin-right: 20px !important;padding-left: 0px !important; padding-bottomt: 7px !important;
      
   }
   .gkTabsWrap.vertical ol, .gkTabsWrap.horizontal > ol{
       border-bottom: 1px solid #ccc !important;
   }
   .gkTabsWrap.vertical ol li::before, .gkTabsWrap.horizontal ol li::before, .latestnews li::before{
       display: none !important;
     
       
   }
/******************gkTabsWrap*********************/
.main-title {
	border-bottom: 1px solid #ccc;
	position: relative;
	color:var(--template-color);
	margin-bottom: 15px;
}
.main-title h3 {
	margin: 0 0 -1px;
	padding-bottom: 7px;
	border-bottom: 1px solid var(--main-menu-color);
	display: table;
         font-size:1rem;
}
/******************************************/
#sp-events ul li::before,#sp-sidebar ul li::before {
	content: '';
	display: inline-block;
	width: 8px;
	height: 8px;
	background-color: var(--main-menu-color);
	border-radius: 10px;
	border: 2px solid #fff;
	box-shadow: 0 0 0 1px var(--main-menu-color);
	margin-right: 8px;
}

 .widget {
	padding: 20px 20px 10px 20px;
	background-color: #f2f4f8;
	 margin-bottom: 5px;

 }

/*********Pos1-4*************/
.box {
	background-size: cover;
	/*height: 220px;
	margin-bottom: 30px;*/
	position: relative;
}
.box .text-overlay {
	background: var(--template-color);
	color: white;
	position: absolute;
	bottom: 0;
	display: block;
	width: 100%;
	text-align: center;
	font-size: 15px;
	margin: 0;
	font-weight: 500;
	filter: none;
}
.box .text-overlay  {
	padding: 15px;
	transition: padding 0.1s;
}
.box .text-overlay:hover,.box:hover .text-overlay  {
	padding-bottom: 50px;
	color: white;

}
.box .text-overlay:hover {
	opacity: .8;
}
.box img:hover{opacity:1;cursor:pointer;}

/***********Services-section****************/
#services-section {
	background: #f2f4f8;
	padding: 40px 0;
	border-bottom: 2px solid #ddd;
        
}
.services > div {
	border-left: 1px solid #e7e8ea;
}
[class*="-sicon"] {
	background-image: url(../img/sprite.png);
	display: inline-block;
	vertical-align: middle;
}
.list-links {
	text-align: center;
	display: block;
}
.list-links i {
	margin-bottom: 12px;
}
.pooya-sicon {
	background-position: -37px 0;
	width: 22px;
	height: 28px;
	display: block;
	margin: 0 auto;
}
.title-links {
	font-size: 13px;
	color: var(--template-color);
	display: block;
	font-weight: bold;
}
.text-links {
	font-size: 11px;
	color: #999;
	display: block;
}
.list-links:hover {
	opacity: .7;
}
.pooya-sicon {
	background-position: -37px 0;
	width: 22px;
	height: 28px;
	display: block;
	margin: 0 auto;
}
.email-sicon {
	background-position: -82px 0;
	width: 28px;
	height: 21px;
	display: block;
	margin: 0 auto;
}
.sadaf-sicon {
	background-position: -111px 0;
	width: 28px;
	height: 28px;
	display: block;
	margin: 0 auto;
}
.scientific-publications-sicon {
	background-position: -140px 0;
	width: 30px;
	height: 26px;
	display: block;
	margin: 0 auto;
}
.knowledge-sharing-sicon {
	background-position: -170px 0;
	width: 31px;
	height: 27px;
	display: block;
	margin: 0 auto;
}
.correspondence-sicon {
	background-position: -59px 0;
	width: 23px;
	height: 27px;
	display: block;
	margin: 0 auto;
}
/***********Footer****************/
.main-footer {
	background-color:var(--footer-background-color);
	color: #fff;
	/*margin-top: 60px;*/
}
.footer-content {
	padding: 30px 0 50px;
	line-height: 24px;

}
.main-footer h4{font-size: 1rem;}
.main-footer ul li::before {
	content: '';
	display: inline-block;
	width: 8px;
	height: 8px;
	background-color: var(--main-menu-color);
	border-radius: 10px;
	/*border: 2px solid #222c35;*/
    box-shadow: 0 0 0 1px var(--main-menu-color);
	margin-right: 8px;
}
.footer-content a {
	color:var(--footer-text-color);
}
.footer-content a:hover {
	color:var(--footer-text-color-hover);
}
/***********Contact****************/
.contact-info {
	list-style: none;
	font-size: 11px;
	padding: 0 10px !important;
	margin: 10px 0 !important;
}
.contact-info i {
	color:var(--main-menu-color);
	font-size: 15px;
	margin-right: 5px;
	text-align: center;
	min-width: 15px;
   
}
.contact-info li::before,.afix-social-icons li::before {
	display: none !important;
}
.btn.bg-red {
	background: var(--main-menu-color) !important;
	border-color: var(--main-menu-color);
	color: #fff;
}
.btn-118 {
	padding: 0;
	overflow: hidden;
	line-height: 40px;
}
.btn-118 span {
	 background-color: var(--main-menu-color);
	height: 40px;
	width: 50px;
	display: block;
	float: right;
	padding: 10px;
	line-height: 0;
}
.btn i {
	font-size: 17px;
	vertical-align: middle;
}
.phonebook-sicon {
	background-position: -201px 0;
	width: 19px;
	height: 20px;
}
/***********SEARCH****************/
.nav-search:focus {
	width: 100%;
}
.nav-search.search-open {
	width: 250px;
	background-color: #fff;
	color: #333;
}
.nav-search {
	border: 1px solid #fff;
	border-radius: 50px;
	width: 33px;
	height: 33px;
	color: #fff;
	overflow: hidden;
	margin-top: 10px;
	-webkit-transition: 200ms all ease;
	-o-transition: 200ms all ease;
	transition: 200ms all ease;
	position: absolute;
	top: 0;
	right: 3px;
	z-index:10;
}
.parent-search {
	width: 250px;

}
.nav-search input {
	height: 31px;
	padding: 5px 10px 5px 10px;
	line-height: 1.5;
	width: 180px!important;
}
.parent-search  i {
	line-height: 2.3;
	cursor: pointer;
	width: 32px;
	text-align: center;
}
.parent-search  button {
	height: 31px;
	width: 31px;
	padding: 0;
	line-height: 0;
	display: block;

}
.parent-search .submit_icon i{line-height: 0;color:#333; font-size: inherit}
.nav-search input, .nav-search button {
	background: transparent;
	border: 0 none;
}
.nav-search button:hover {
	opacity: .7;
}
.search-open i{order:3}
.search-open button{order:2}
.search-open input{order:1}
.search label{margin-right: 5px;}
.search legend{border-bottom: 1px solid #ccc;padding-bottom: 10px;}
.search fieldset{padding:10px 0px 10px 0px;}
.btn-group.btn{margin-right: 10px;background-color: #f1f1f1;}

/***********Copyrights****************/

.copyrights {
	/*border-top: 1px solid #234;*/
	font-size: 11px;
	color: #a3c0d0;
	padding: 10px 0;
	background-image: url(../img/ferdowsi-pattern-light.png);
}
.subdomain-list {
	background-color: #ddd;
	padding: 10px 0 30px;
	display: none;
}
.close-subdomain:hover {
	color: #EF4423;
}
.close-subdomain {
	height: auto;
	line-height: unset;
	color: #E5654C;
	font-size: 20px;
	position: absolute;
	left:120px;
	top: 10px;
	cursor: pointer;
	z-index: 10;
}
.subdomain-list h3{	font-size: 15px;color:#9dacba;}
.hod {
	float: left;
}
/***********panel1 ,panel2****************/

#panel2{overflow:hidden;}
/*#sp-panel2 img{
border:1px solid;
border-radius: 5px;
}*/
#panel1 li {
	background: var(--header-top-color);
	padding: 8px;
	margin-bottom: 5px;
	border-radius: 5px;
}
#panel1 .nav,.main-footer .nav{flex-direction:column ;}
#panel1 li a, #panel1 li span {
	color: #fff;
	font-weight: 900;
}
#panel1 li a::before {
	content: "\f35d";
	display: inline-block;
	font-family:"Font Awesome 5 Free";
	color: #fff;
	margin-left: 5px;
}
#panel1 li:hover {
	opacity: 0.6;
}


.breadcrumb-wrap{padding-bottom:10px;}
.varight {
	text-align: right !important;
}
.vacenter {
	direction: ltr !important;
}
.vvisit_counter .vrow {
	display:block ;
}
.rl_tabs > ul.nav-tabs > li::before {
	display:none !important;
}
.rl_tabs > ul.nav-tabs > li {
	font-size: 12px;
}
div.intro-container {
	background-image: url("../img/intro-history-bg.png");
	width: 448px;
	height: 318px;
	padding: 15px 25px;
}
.sites-list.btn:hover{opacity: 0.8;}
.sp-accordion.sp-accordion-style1 .toggler, .sp-accordion.sp-accordion-style1 .toggler span, .sp-accordion.sp-accordion-style1 .toggler span span{
	background: #57c8d8 !important;
	color: white;
	cursor: pointer;
	border-bottom: 1px solid #fff;
	border-radius: 3px;
}
.sp-accordion.sp-accordion-style1 .toggler span span::after{
	content: "+";
	font-size: 1.2em;
	float: right;
	position: relative;
	padding-left: 5px;
	transition: .3s all;
	transform: rotate(0deg);
}
.sp-accordion.sp-accordion-style1 {
	border:0px solid #ccc !important;
}
.fsf_mod_faqs_cont::before {
	content: "+";
	font-size: 1.2em;
	float: left;
	position: relative;
	padding-left: 5px;
	transition: .3s all;
	transform: rotate(0deg);
}
.fsf_mod_faqs_cont {
	padding: 10px !important;
	background: #eee;
	margin-bottom: 3px;
}
.staff img {
	border-radius: 50% !important;
	max-width: 100%;
	height: auto;
}
.evofrontpage-default .evofp-table-cell-inner .evofp-img-right{float:left!important;}
.aidanews2_bottomlink:hover {opacity: 0.6;}

.aidanews2_bottomlink {
	/* position:absolute;*/
	background: #013473;
	border-radius: 3px !important;
	float:right;
	padding: 2px 5px 2px !important;
}
.aidanews2_bottomlink a{color:#fff;font:normal 10px "IRANSans" !important}
.pagination{margin-top:10px;}
.pagination .counter{margin-right:10px;}
.pagination li::before{display:none !important;}
.pagination li {
	padding: 0 8px;
	text-decoration: none;
	border: 1px solid #eee;
	color: #5F5F5F;
	background-color: #fff;
	float:right;
}
.fa-user-friends{
	color:var(--main-menu-color) !important;
  }
/***************************/
.main-news .newsflash-image img{
	/*width: 766px;
	height: 260px;*/
}
.text-news{
	padding-right: 10px;
}
.text-news .newsflash-title {
	color:#00579C;
	line-height: 20px;
}
.text-news p {
	font-size: 12px;
	color: #999;
	line-height: 20px;
	margin-bottom: 0;
	text-align: justify;
}
.text-news span {
	font-size: 9px;
	color: #999;
	font-size: 11px;
}
.text-news span i {
	font-size: 12px;
	padding-left: 3px;
}
/**************************************/
.newsflash{padding-bottom: 30px;}
#sp-events .evofp-table-cell{
	display: table-cell;
	width: 100% !important;
}
.evofrontpage-default .evofp-table-cell-inner .evofp-img-right{
	padding: 2px;
	border:1px solid #ccc;
}
.sites-list i{margin-right: 3px;}

.archive {
	right: 0;
	top: 0px;
	position: absolute;
}
.archive a {
	padding: 4px 12px;
	font-size: 10px;
	background:var(--template-color);
	color:#fff;
	border-color: #093d5c;
	border-radius: 3px;
}
/*********************************************************/
/****************************************************************/

@media screen and (max-width:1199px){.menu-bar::after, .menu-bar::before{border-width:0!important;}
}
@media screen and (max-width:991px){.services > div{margin-bottom:20px;}
}
@media screen and (max-width:767px){
	.aidanews2_art{width:100% !important;}
	.gkTabsWrap.vertical ol li, .gkTabsWrap.horizontal ol li{font-size:13px;}
	.main-title h3{font-size:13px;}
	.aidanews2_firstnews .aidanews2_mainC{display:inline-block;padding-right:0px;}
	.lightface{display:none;}/*popup*/
	.fix-header {display: none !important;	}
}
@media screen and (min-width:576px){#sp-pos1{padding-right:0px;}
	#sp-pos4{padding-left:0px;}
}
@media only screen and (max-width:976px){.prev, .next{padding:30px 9px;margin-top:3%;}
}
@media screen and (max-height:450px){.sidenav{padding-top:15px;}
	.sidenav a{font-size:18px;}
}
