@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)
---------------------------------------------------------------------
*/
@font-face {
	font-family: 'iransansfanum';
	src: url('../fonts/IRANSansWeb/woff/IRANSansWeb(FaNum)_Light.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: 900;
	src: url('../fonts/IRANSansWeb/eot/IRANSansWeb_Black.eot');
	src: url('../fonts/IRANSansWeb/eot/IRANSansWeb_Black.eot?#iefix') format('embedded-opentype'),
	url('../fonts/IRANSansWeb/woff2/IRANSansWeb_Black.woff2') format('woff2'),
	url('../fonts/IRANSansWeb/woff/IRANSansWeb_Black.woff') format('woff'),
	url('../fonts/IRANSansWeb/ttf/IRANSansWeb_Black.ttf') format('truetype');
}
@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: bold;
	src: url('../fonts/IRANSansWeb/eot/IRANSansWeb_Bold.eot');
	src: url('../fonts/IRANSansWeb/eot/IRANSansWeb_Bold.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
	url('../fonts/IRANSansWeb/woff2/IRANSansWeb_Bold.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
	url('../fonts/IRANSansWeb/woff/IRANSansWeb_Bold.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
	url('../fonts/IRANSansWeb/ttf/IRANSansWeb_Bold.ttf') format('truetype');
}
@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: 500;
	src: url('../fonts/IRANSansWeb/eot/IRANSansWeb_Medium.eot');
	src: url("../fonts/IRANSansWeb/eot/IRANSansWeb_Medium.eot?#iefix") format('embedded-opentype'),  /* IE6-8 */
	url('../fonts/IRANSansWeb/woff2/IRANSansWeb_Medium.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
	url('../fonts/IRANSansWeb/woff/IRANSansWeb_Medium.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
	url('../fonts/IRANSansWeb/ttf/IRANSansWeb_Medium.ttf') format('truetype');
}
@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: 300;
	src: url('../fonts/IRANSansWeb/eot/IRANSansWeb_Light.eot');
	src: url('../fonts/IRANSansWeb/eot/IRANSansWeb_Light.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
	url('../fonts/IRANSansWeb/woff2/IRANSansWeb_Light.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
	url('../fonts/IRANSansWeb/woff/IRANSansWeb_Light.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
	url('../fonts/IRANSansWeb/ttf/IRANSansWeb_Light.ttf') format('truetype');
}
@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: 200;
	src: url('../fonts/IRANSansWeb/eot/IRANSansWeb_UltraLight.eot');
	src: url('../fonts/IRANSansWeb/eot/IRANSansWeb_UltraLight.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
	url('../fonts/IRANSansWeb/woff2/IRANSansWeb_UltraLight.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
	url('../fonts/IRANSansWeb/woff/IRANSansWeb_UltraLight.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
	url('../fonts/IRANSansWeb/ttf/IRANSansWeb_UltraLight.ttf') format('truetype');
}
@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: normal;
	src: url('../fonts/IRANSansWeb/eot/IRANSansWeb.eot');
	src: url('../fonts/IRANSansWeb/eot/IRANSansWeb.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
	url('../fonts/IRANSansWeb/woff2/IRANSansWeb.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
	url('../fonts/IRANSansWeb/woff/IRANSansWeb.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
	url('../fonts/IRANSansWeb/ttf/IRANSansWeb.ttf') format('truetype');
}

:root {
	--main-color:#A6428A;
	--main-color-light1:#E0B6D459;
	--main-color-light2:#E0B6D459;
	--main-color-light3:#dcb9d9;
	--main-color-light4:#9D307FCF;
	--main-color-rgba-07: rgba(166, 66, 138, 0.7);

	--second-color:#f77f00;

	--top-menu-a-color: #fff;
	--top-menu-underline-color: var(--main-color);

	--body-bg-color: #F7F8FB;
	--header-text-color: #fff;

	--main-menu-header-rgba-color: rgba(28,49,68, 0.3);
	--main-menu-header-rgba-color2: rgba(19,45,89, 0.8);	
	--main-menu-color:var(--main-color);

	--box-up-shadow-color:  rgba(108,172,207,0.4);
	--footer-color: var(--main-color);



	--footer-border-color: #A6428A;
	--footer-border-color2: #3b89b4;
	--footer-border-color-light: rgba(108,172,207,0.1);

    --color-pin: #eee;/*var(--color-menu); */
    --color-pin-active: #eee; /*#feda6a;*/
		--color-pin-background: var(--main-color);/*var(--color-menu); */


/*
	--btn-info-color: #17a2b8;
	--btn-info-border-color: #17a2b8;	
	--btn-info-hover-color: #138496;
	--btn-info-hover-border-color: #117a8b;
*/

	--btn-info-color: var(--footer-border-color);
	--btn-info-border-color: var(--footer-border-color);	
	--btn-info-hover-color: var(--footer-border-color2);
	--btn-info-hover-border-color: var(--footer-border-color2);

	
	

	
	--divider-border-width: 4px;
	--divider-border-style: solid;
	--divider-color: var(--footer-border-color);
	
    --link-color-hover: var(--second-color);
    --link-color: var(--bu-color);

    --font-color: #999;
    --title-font-color: var(--bu-color);/*#777;*/
    --w-color: white;
    --text-color : var(--font-color);
    --bu-color: #006495;/*rgb(41, 76, 130);*/
    --background-color : var(--bu-color);
    --dark-background-color : #0c4c6b; /*mix(var(--bu-color), black, 25%);*/
    --light-background-color : #5aa5ca;
    --background-color-button01 : rgb(230,230,230);
    --bu-color-hover: #005b87;/*#0071a9;*/
    --sub-color: #006495;
    --sub-item-color-hover: #026e96;
    --sub-color-hover:#0071a9;
    --g-color: rgb(192, 194, 196);
    --b-color: black;
    --second-color : #f14106;


    /*--bu-color-hover:rgb(192, 194, 196);*/
}

/*------------------------------------*
   Common
*------------------------------------*/
* {font-family: IRANSans,verdana,tahoma;}
a:hover {text-decoration:none; color:var(--footer-border-color); -webkit-transition:200ms all ease; -o-transition:200ms all ease; transition:200ms all ease;}

html {max-width:100%; overflow-x:hidden;}

body {color:#555; background:var(--body-bg-color); font-size:13px; 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:#383838; -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-top: 0px; margin-left: 2px; 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(--main-menu-header-rgba-color);/* var(--main-menu-color); /*rgba(250,116,79,0.7);//#F79071;*/
	background-image: linear-gradient(to bottom, var(--main-menu-color), rgba(255,0,0,0));
	/*background-color: linear-gradient(var(--main-menu-color)0%,var(--main-menu-color)100%);*/
}

img {max-width: 100%;}
img:hover  {
  /*opacity: 0.3;*/
}
/******************Top-menu*******************************/
.top-nav {
	background-color: #383E56;
	background-image: url(../img/ferdowsi-pattern-light.png);
	color: #9dacba;
	font-size: 11px;
}
.top-nav a {
	color: #CCD7E0;
}
.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: left;
	margin: 9px 5px;
	color: #9dacba;
}
.btn-outline {
	border-radius: 50px;
	background: transparent;
}
.btn {
	font-size: 11px;
}
.langs.btn {
	/* border: 1px solid #9dacba; */
}
.langs {
	padding: 7px 14px 7px 12px;
	height: fit-content;
	color:#fff;
	font-size: 0.9rem;;
}

.langs i {
	float: left;
	font-size: 18px;
}
.langs ul {
	margin-left:25px!important;
}

.langs ul li a{
	font-size: 0.8rem;
	color:#fff;
	padding-left: 2px;
}


div.mod-languages ul{display: flex;}

.langs:hover {
	color: #fff !important;
}

.langs a:hover {
	color: #fff;
	font-weight: bold;
}
div.mod-languages li{margin-left:0px!important;margin-right:0px!important;}

.langs li::after {
	content: '/';
	display: inline-block;
}
.langs li:last-child::after {
	content: "";
}


/****************/
.date.btn, .sites-list.btn {
	padding: 9px 16px;
	border: 1px solid #9dacba;
}
.btn.bg-green {
	background: #0098a5 !important;
	border-color: #0098a5 !important;
	color: #fff;
	cursor:pointer;
}
.sites-list.btn {
	font-size: 11px;
	font-weight: normal;
}

/******************Logo*******************************/
.logo {
	margin: 10px 0;
}
.logo:hover {
	opacity: .8;
}
.slogan {
	margin: 15px 10px;float:left;
}
.slogan img {
	filter: opacity(0.4);
	transition: all 0.5s;
}
.slogan img:hover {
	filter: opacity(1);
}
/******************Slider*******************************/

/*#sp-slider {
	margin-bottom: 10px;
}*/
.djslider-loader img:hover {
	opacity: 1;
	}
.prev, .next {
  
  width: auto;
  margin-top: 5%;
  padding: 50px 12px;
  color: white !important;
  transition: 0.6s ease;
  /*border-radius: 0 3px 3px 0;*/
  user-select: none;
  background-color:rgba(0,0,0,0.3);
}

.next {

  border-radius: 3px 0 0 3px;
  margin-right:-5px;
}
.prev {

  border-radius: 0 3px 3px 0;
  margin-left:-5px;
}

.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.9);
}


/***/
.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:0px;}
/*****************aidanews2**********************/
.aidanews2_line{
    border-bottom: 0px solid #cccccc !important;
}
.aidanews2 img{border:solid 0px #ccc;}
.aidanews2_table .aidanews2_tabrow .aidanews2_art{
 border-bottom:0px solid #cccccc !important;
 border-right:0px solid #cccccc !important;
 border-top:0px solid #cccccc !important;
 border-left:0px solid #cccccc !important;
 float:right !important;
}

.aidanews2 .even{background-color: white !important;}

 .aidanews2_text {
     display: block;
     font-size: 12px;
     margin-top: 5px;
    line-height:20px;
    color:#999;
    text-align:justify;
}
.aidanews2_date i {
	font-size: 12px;
	padding-left: 5px;
}
#sp-sidebar .aidanews2_date i {
	font-size: 10px;
	padding-left: 5px;
}
.aidanews2_date{color:#999;}
.aidanews2_art{margin-top:5px;}
.aidanews2_mainC{overflow:hidden!important;padding-right:10px;}
.aidanews2_title{
   display:flex!important;
   font-size:12px!important;
   line-height:1.5!important;
}
.aidanews2_bottomlink:hover {opacity: 0.6;}

.aidanews2_bottomlink {
      /* position:absolute;*/
	background: #013473;
	border-radius: 3px !important;
        float:left;
        padding: 2px 5px 2px !important;
}
.aidanews2_bottomlink a{color:#fff;font:normal 10px "IRANSans" !important}
#sp-sidebar .aidanews2_bottomlink {position:absolute;top:0px;left:0px;}
#sp-events .aidanews2_bottomlink {position:absolute;top:10px;left:0;}
#sp-near-events .aidanews2_bottomlink {position:absolute;top:-4px;left:15px;}
#sp-events .aidanews2_art{margin-top:20px;}
/**/
.aidanews2_mystyle .aidanews2_title a:link {
	font-weight: normal;
}
.aidanews2_mystyle .aidanews2_art {
    background-color: #f2f4f8;
    color: #0b486b;
    font-size: 12px;
    padding:5px;

}
.aidanews2_mystyle .aidanews2_art  {
  opacity: 1;
  transition: 0.3s;
}

.aidanews2_mystyle .aidanews2_art:hover,.latestnews li:hover {opacity: 0.7}
.aidanews2_mystyle .aidanews2_date  {
	color: #fff;
	font-size: 10px;
	bottom: -3px;
	left: 10px;
	border-radius: 3px;
	padding: 0 5px;
        background:#999;
}

/**/
.aidanews2_firstnews .aidanews2_title{margin:5px 0 10px;}
.aidanews2_firstnews .aidanews2_mainC{padding-right:30px;}
.aidanews2_firstnews .aidanews2_text{margin-top:20px;}
/**/
.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: 1px 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: right !important;color:#013473 !important;font-weight: bold;
       border-bottom: 0px solid #45ada8 !important;margin-left: 20px !important;padding-right: 0px !important; padding-bottomt: 7px !important;
      
   }
   .gkTabsWrap.vertical ol, .gkTabsWrap.horizontal > ol{
       border-bottom: 0px solid #eeeeee !important;
   }
   .gkTabsWrap.vertical ol li::before, .gkTabsWrap.horizontal ol li::before, .latestnews li::before{
       display: none !important;
     
       
   }
.gkTabsWrap.vertical ol li{
	border-bottom: 0px solid #eee !important;
}   
/******************gkTabsWrap*********************/
.main-title {
	border-bottom: 1px solid #eee;
	/*position: relative;*/
	color: #383E56;;
	margin-bottom: 15px;
}
.main-title h3 {
	margin: 0 0 -1px;
	padding-bottom: 7px;
	border-bottom: 1px solid #FA744F;
	display: table;
         font-size:1rem;
}
/******************************************/
#sp-sidebar ul li::before {
	content: '';
	display: inline-block;
	width: 8px;
	height: 8px;
	background-color: #0097a4;
	border-radius: 10px;
	border: 2px solid #fff;
	box-shadow: 0 0 0 1px #0097a4;
	margin-left: 8px;
}

 .widget {
	padding: 20px 20px 10px 20px;
	background-color: #f2f4f8;
	 margin-bottom: 5px;

 }
/*********Events*************/
.aidanews2_date_roydad {
	font-size: 20px !important;
}
.aidanews2_date_roydad span {
	display: block;
	font-size: 11px;
}
.bg-orange{background-color:red;}
.bg-green{background-color:#0098a6 !important;}
.bg-gray{background-color:gray;}
span.aidanotifier_new, span.aidanotifier_feat, span.aidanotifier_upd, span.aidanotifier_reg{background:#ff7f00 !important;}

.aidanews2_roydad .aidanews2_title a{
       font-size: 13px;
       color: #0b486b;
        font-weight: 500;
}
.aidanews2_roydad .aidanews2_title a:hover{color:#3db5ac;}
/*********Pos1-4*************/
.box {
	background-size: cover;
	/*height: 220px;
	margin-bottom: 30px;*/
	position: relative;
}
.box .text-overlay {
	background: var(--main-menu-header-rgba-color2);/*#696969;*/
	color: white;
	position: absolute;
	bottom: 0;
	display: block;
	width: 100%;
	text-align: center;
	font-size: 15px;
	margin: 0;
	font-weight: 500;
	filter: none;
	opacity: 0.7;
}
.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(--footer-border-color2);/*#FA744F;*/
	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 {

	color: #fff;
	/*margin-top: 60px;*/
	z-index: 1;
  position: relative;
}
.footer-content::before{
		position: fixed;
		background-image: url("../img/gear-pattern.png");
		--background-overlay: '';
		background-color: red;
		background-repeat: repeat;
		background-size: 5% auto;
		z-index: 2;
}

.footer-content{
	background-color: var(--color-pin-background); 
	/* background-image: radial-gradient(at center center, var(--main-color-light3) 0%, var(--color-pin-background) 20%); */
}

.main-footer::before{
	background-image: url(../img/footer_texture.png);
    --background-overlay: '';
    background-repeat: repeat;
    background-size: 5% auto;
  }

.footer-content {
	padding: 30px 0 50px;
	line-height: 24px;
}

.footer-content > span{
	color: #fff;
}

.main-footer h4{font-size: 1rem;}

.main-footer ul li::before {
	content: '';
	display: inline-block;
	width: 8px;
	height: 8px;
	background-color: var(--footer-border-color);/*#0097a4;*/
	border-radius: 10px;
	/* border: 2px solid var(--main-menu-color); */
	box-shadow: 0 0 0 1px var(--footer-border-color)/*#0097a4*/;
	margin-left: 8px;
}
.footer-content a {
	color: #fff;
}
.footer-content a:hover {
	color: #fff;
}
/************************* uni tamadon **********************************/

.footer-header{
	display: none;
	margin-top : 50px;
}

@media screen and (min-width:767px){
	.uni_tamadon{
		width: 30%;
	}	
	.footer-header{
		border-bottom: 4px solid var(--footer-border-color);
	}
	
}

@media screen and (max-width:768px){
	.uni_tamadon{
		width: 200px;
	}	
	.footer-header{
		border-bottom: 3px solid var(--footer-border-color);
	}
	
}

.uni_tamadon{
	display: block;
    margin: auto;
}


/********************* Divider ************************/
.fancy-divider{
		--b: 4px;   /* control the border thickness */
		--w: 80px;  /* control the width of the line*/
		--g: 15px;  /* control the gap */
		--c: var(--footer-border-color);/*#0B486B;*/
	 
		width: fit-content;
		padding: 0 1em;
		line-height: 1.6em;
		border: 1px solid;
		color: #fff;
		background: 
			conic-gradient(from   45deg at left ,var(--c) 25%,#0000 0) 0,
			conic-gradient(from -135deg at right,var(--c) 25%,#0000 0) 100%;
		background-size: 51% 100%;
		background-origin: border-box;
		background-repeat: no-repeat;
		border-image: 
			 linear-gradient(
				 #0000      calc(50% - var(--b)/2),
				 var(--c) 0 calc(50% + var(--b)/2),
				 #0000    0) 
			1/0 var(--w)/calc(var(--w) + var(--g));
		margin-inline: auto;

}


.title-divider{
	display: flex;
	text-align: center;
  padding-block-start: 15px;
  padding-block-end: 15px;
}

.title-divider-seperator{
	display: flex;
  margin: 0;
  direction: ltr;

	width: 100%;
  margin: 0 auto;
	align-items: center;
}

.title-divider-seperator::before, .title-divider-seperator::after{
	display: block;
  content: "";
  border-block-end: 0;
  flex-grow: 1;
  border-block-start: var(--divider-border-width) var(--divider-border-style) var(--divider-color);	
}

.title-divider-text{
	color: var(--main-menu-color);  
  font-size: 1.3rem;
  font-weight: 500;
  text-transform: none;
  line-height: 1.5em;
}

.title-divider-text i{
	font-size: 1rem;
	color: var(--footer-border-color);
}
/***********Copyrights****************/

.copyrights {
	/*border-top: 1px solid #234;*/
	font-size: 11px;
	color: #a3c0d0;
	padding: 10px 0;
	/*background-image: url(../img/footer-pattern.png);*/

}

/***********Contact****************/
.contact-info {
	list-style: none;
	font-size: 11px;
	padding: 0 10px !important;
	margin: 10px 0 !important;
}
.contact-info i {

	font-size: 15px;
	margin-left: 5px;
	text-align: center;
	min-width: 15px;
    color:var(--footer-border-color);/*#FA744F;*/
}
.contact-info li::before,.afix-social-icons li::before {
	display: none !important;
}
.btn.bg-red {
	background: var(--footer-border-color);/*#e5654c !important;*/
	border-color: var(--footer-border-color2);/*#ce5b44;*/
	color: #fff;
}
.btn-118 {
	padding: 0;
	overflow: hidden;
	line-height: 40px;
}
.btn-118 span {
	background-color: var(--footer-border-color2);/*#ce5b44;*/
	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 {
	float: left;
	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;
	left: 3px;
	z-index:10;
}
.parent-search {
	width: 250px;
	float: left;
}

.nav-search input {
	height: 31px;
	padding: 5px 10px 5px 0;
	line-height: 1.5;
	width: 180px !important;
}
.parent-search > i {
	float: left;
	line-height: 2.3;
	cursor: pointer;
	width: 32px;
	text-align: center;
}

.nav-search button {
	height: 31px;
	width: 31px;
	padding: 0;
	line-height: 0;
	display: block;
}
.nav-search input, .nav-search button {
	background: transparent;
	border: 0 none;
}
.nav-search button:hover {
	opacity: .7;
}

.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: #0b486b;
	padding: 15px;
	margin-bottom: 5px;
	border-radius: 5px;
}
#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;
}

table.mvc_peopleTable  i.fa-user-friends{
	color: var(--footer-border-color) !important;
}

.vvisit_counter .vrow {
	display:block ;
}
.pagination{margin-top:10px;}
.pagination .counter{margin-left: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;
}
/****************************************/
#myInput {
	background-image: url('/css/searchicon.png'); /* Add a search icon to input */
	background-position: 10px 12px; /* Position the search icon */
	background-repeat: no-repeat; /* Do not repeat the icon image */
	width: 100%; /* Full-width */
	font-size: 16px; /* Increase font-size */
	padding: 12px 20px 12px 40px; /* Add some padding */
	border: 1px solid #ddd; /* Add a grey border */
	margin-bottom: 12px; /* Add some space below the input */
}

#myTable {
	border-collapse: collapse; /* Collapse borders */
	width: 100%; /* Full-width */
	border: 1px solid #ddd; /* Add a grey border */
	font-size: 18px; /* Increase font-size */
}

#myTable th, #myTable td {
	text-align: left; /* Left-align text */
	padding: 12px; /* Add padding */
}

#myTable tr {
	/* Add a bottom border to all table rows */
	border-bottom: 1px solid #ddd;
}

#myTable tr.header, #myTable tr:hover {
	/* Add a grey background color to the table header and on hover */
	background-color: #f1f1f1;
}

.parent-search i {
	line-height: 2.3;
	cursor: pointer;
	width: 32px;
	text-align: center;
}
.archive{
	
	/*background: #013473;
	border-radius: 3px !important;
	float: left;
	padding: 2px 5px 2px !important;*/
	text-align: left;
}
.archive a {
	padding: 4px 12px;
	font-size: 10px;
	background: #FA744F;
	color: #fff;
	border-color: #FA744F;
	border-radius: 3px;
}
#sp-sidebar .evofp-date-author {
	color: #fff;
	font-size: 10px;
	bottom: -3px;
	float: left;
	left: 10px;
	border-radius: 3px;
	padding: 0 5px;
	background: #999;
}
.evofrontpage-tabbed-no-effect .head{
	border-top:0px !important;
}
.evofrontpage-tabbed-no-effect .evofp-table-cell-body{
	border-bottom:0px !important;
}
.evofrontpage-tabbed-no-effect .evofp-table-cell{
	text-align: right !important;
}
.evofrontpage-tabbed-no-effect .title{
	font-size:100% !important;
}
/*****************************************/
@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;}
}


/******************* Video **********************/


@media screen and (min-width:576px)
{
	#fullScreenDiv{
		height: 100vh;
	}	
}

@media screen and (max-width:577px)
{
	#fullScreenDiv{
		height: 50vh;
	}		

	#video{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
	}
}
/*
#videowrapper::before{
	position: fixed;
	background-image: url("../img/gear-pattern.png");
  --background-overlay: '';
  background-color: red;
  background-repeat: repeat;
  background-size: 5% auto;
  z-index: 2;
}
*/
#videowrapper{  
	position: relative;
	overflow: hidden;
} 

#fullScreenDiv{
	min-height: 100%; 
	/*height: 100vh;*/
	width: 100vw;
	/*
	object-fit: cover;
	padding:0;
	margin: 0;
	background-color: gray;
	position: relative;
	z-index: -1;
*/


}

#video::before{
	position: fixed;
	background-image: url("../img/gear-pattern.png");
  --background-overlay: '';
  background-color: red;
  background-repeat: repeat;
  background-size: 5% auto;
  z-index: 2;
}

#video{    
	width: 100vw; 
	height: auto;
	margin: auto;
	display: block;

	

}

@media (min-aspect-ratio: 16/9) {
#video{
	width: 100vw; 
	height:auto;
}
}

@media (max-aspect-ratio: 16/9) {
#video {
	height: 100vh; 
	width:auto;
	/* margin-left: 50vw; */
/*	transform: translate(-50%);*/
}
}


#videoMessage{
	width: 100%; 
	height: 100%;
	position: absolute; 
	top: 0; 
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.styling *{ margin:0.2em; text-align:center;color:#ffffff;}
.styling h1{font-size: 3em; text-shadow: 2px 2px 2px #000000;}
.styling h2{font-size: 1.5em;}
.styling h3{font-size: 1.2em;}
.videoClick a{padding:0.2em 0.5em;
    border-radius:0.5em;
    color:white;background-color:rgba(250,116,79, 0.8);
    font-size: 1.7em;
    cursor:pointer;cursor:hand;
}



/******************************** khajenejad *******************************/
.toggle-menu{
	display:block;
	float: right;
	width:25px;
	height: 25px;	
	background-size: 25px 25px;
	/*-webkit-mask-image: url('../icons/icons8_menu.svg');*/
	background-image: url( '../icons/icons8_menu.svg' );
}


.toggle-menu:hover{
	cursor:pointer;	
}


.toggled-right-panel{
	display: flex;
	flex-direction: column;
	align-content: flex-start;
	width: 0px;
	height:100vh;
	background-color: #fff;/*rgba(250,116,79,0.9);*/
	position: fixed;
	z-index:9999999;
	overflow: hidden;
	transition: 0.5s cubic-bezier(0, 1, 0.5, 1);	
	color:#777 !important;
	top:0px;
	overflow: scroll;
}

.toggled-right-panel a{
	color:#fff !important;
}

.toggled-right-panel a::after{
	color:#fff !important;
}

.right-panel-top{
	height:160px;
}


.right-panel-middle-b{
	/*padding: 20px 10px;*/
	flex-grow:1;
}

/*
.right-panel-middle-b li{
	font-size:1rem;
	line-height: 2rem;	
}
*/
.right-panel-middle-b li span::after { 
	border-color: transparent #fff transparent transparent !important;
	color: #fff !important;
}


.right-panel-bottom{
	padding : 20px;
}

#right-panel-bottom i:hover{
	color:#ccc !important;	
	font-weight: bold !important;
}

.toggled-right-panel-show{
	width: 300px;
	transition: 0.5s ease-in;
}


#overlay{
	background-color: rgba(0, 0, 0, 0.63);
    position: fixed;
    top: 0px;
    left: 0px;
    height: 100vh;
    width: 100vw;
    z-index: 99999;
    display: none;
}

.dark{
    background : #000 !important;
    opacity    : 0.9;
    filter     : alpha(opacity=60);	
}

/**************************Card News*************************************/
.card.news{
	margin: 5px 1px;
	height:100%;
}
.card.news img{
	object-fit: cover;
	height:40%;
}

.card.news p {
	text-align: justify;
}

/******************************Dean Box**********************************************/

.dean-box{
	width: 100vw;
    box-sizing: border-box;
    margin: 1px auto 0;
    right: 50%;
    margin-right: -50vw;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    /* background-image: url(../img/eng_building.webp); */
	background: linear-gradient(to right, #2193b0, #6dd5ed); 
    background-attachment: fixed;
    z-index: 10;
    display: flex;
    position: relative;
    height: auto;/*400px;*/
    padding: 30px;
}

.dean-box::before {
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(28,49,68, 0.7); /*var(--main-menu-header-rgba-color);/*#0e324dc2;*/
    position: absolute;
    z-index: 0;
}

.dean-box .wrapper {
    display: inline-flex!important;
    justify-content: center;
    align-items: center;
		width: 100%;
}
/*
.wrapper {
    display: flow-root;
    max-width: 1280px;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0 20px;
}
*/

.deanbox-right ,  .deanbox-left{
	color: #fff;
	font-size: 1.1rem;
	line-height: 2rem;
	text-align: justify;
}

.deanbox-left {
	color: #fff;

}

.dean-box .wrapper .dean-box-content{
	display: flex;
/*	flex-direction: row;*/
}

.dean-box .wrapper .deanbox-right span{
	position: relative;
}
.deanbox-right span.head{
	display: block;
	font-size: 3rem;
	font-weight: bolder;
	text-align: center;
	margin-bottom: 30px;;
}

.dean-box .wrapper .deanbox-left img{
	position: relative;
}

.deanbox-left img{
	border-radius: 15%;
	
}

.dean-box .wrapper .deanbox-right{
}

.dean-box .wrapper .deanbox-left{
}

@media (max-width:767px){
	.dean-box .wrapper .dean-box-content{
		flex-direction: column-reverse;
		gap: 35px;
	}

	.dean-box{
		/* height: 600px; */
	}

	.deanbox-right ,  .deanbox-left{
		font-size: 1rem;
		line-height: 1.5rem;
	}

}

@media (min-width:767px){
	.dean-box .wrapper .dean-box-content{
		flex-direction: row;
	}

	.dean-box .wrapper .deanbox-left{
		display: flex;
  	flex-direction: column;
  	align-content: flex-end;
	}

	.dean-box .wrapper .deanbox-right{
		width: 55vw;
	}
	
	.dean-box .wrapper .deanbox-left{
		/* width: 35vw; */
	}	
	.deanbox-right ,  .deanbox-left{
		font-size: 1rem;
		line-height: 1.8rem;
	}

	.deanbox-right{
		padding: 10px 50px 10px 10px;
	}	

}

/******************************Boom Box**********************************************/
.boom-box{
	width: 100vw;
    box-sizing: border-box;
    margin: 40px auto 0;
    right: 50%;
    margin-right: -50vw;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../img/faf_building.jpg);
    background-attachment: fixed;
    z-index: 10;
    display: flex;
    position: relative;
    height: 600px;
    /* padding: 30px; */
}

.boom-box::before {
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    /* background-color: rgba(28,49,68, 0.7);  */
    position: absolute;
    z-index: 0;
}

.boom-box .wrapper {
    display: inline-flex!important;
    justify-content: center;
    align-items: center;
		width: 100%;
}

.boom-box-content{
	display: flex;
	flex-direction: column !important;
	justify-content: space-between !important;
	width: 100% ;	
}

.boombox-bottom ,  .boombox-top{
	color: #fff;
	font-size: 1.1rem;
	line-height: 2rem;
	text-align: justify;
	background-color: var(--main-color-rgba-07);/*rgba(28,49,68, 0.7); /*var(--main-menu-header-rgba-color);/*#0e324dc2;*/
	width: 100% ;	
}

.boombox-top{
	display: flex;
	flex-direction: row !important;
	align-content: flex-start;
	color: #fff;	
	position: absolute;
	top: 0px; 	
}

.boombox-bottom{
	align-content: flex-end;
	position: absolute;
	bottom: 0px; 
}

.boombox-top div{
	margin: 50px auto;
}

.boom-box .wrapper{
	display: flex;
/*	flex-direction: row;*/
}

.boom-box .wrapper .boombox-bottom span{
	position: relative;
}

.boom-box .wrapper .boombox-top img{
	position: relative;
}


/* @media (max-width:767px){

	.boombox-bottom ,  .boombox-top{
		font-size: 1rem;
		line-height: 1.5rem;
	}

} */


@media (min-width:992px){
	#about-us-faf-logo{
		width: 200px !important;
	}

	.boom-box{
		height: 500px;
	}

	.boombox-bottom{
		padding: 50px 50px;
	}

	.boombox-top div {
		margin: 40px auto;
	  }

	.boombox-bottom ,  .boombox-top{
		font-size: 1rem;
		line-height: 1.8rem;
	}

}

@media (min-width:768px) and (max-width:991px){
	#about-us-faf-logo{
		width: 150px !important;
	}

	.boom-box{
		height: 500px;
	}

	.boombox-bottom{
		padding: 30px;
	}

	.boombox-top div {
		margin: 20px auto;
	  }

	.boombox-bottom ,  .boombox-top{
		font-size: 0.9rem;
		line-height: 1.8rem;
	}

}

@media (min-width:576px) and (max-width:767px){
	#about-us-faf-logo{
		width: 100px !important;
	}

	.boom-box{
		height: 500px;
	}

	.boombox-bottom{
		padding: 20px;
	}

	.boombox-top div{
		margin: 20px auto;
	}
	
	.boombox-bottom ,  .boombox-top{
		font-size: 0.9rem;
		line-height: 1.8rem;
	}

}

@media (max-width:575px){
	#about-us-faf-logo{
		width: 100px !important;
	}

	.boom-box{
		height: 400px;
	}

	.boombox-top div {
		margin: 10px auto;
	  }	

	.boombox-bottom{		
		padding: 10px;
	}

	.boombox-bottom ,  .boombox-top{
		font-size: 0.8rem;
		line-height: 1.5rem;
	}

}

/***************************************************************/
.header-container{
/*	opacity: 0.5;*/
}
.header{
	display:flex; 
	flex-direction:row; 
	align-items: center; 
	justify-content: space-between;	
}
.header-text{
	color: var(--header-text-color);
	font-size: 1rem;	
	float: right;	
	padding: 0px 5px;	
}

.hamburger-pos{
	margin-left: 30px !important;
}

.logo-pos{
	margin: 0px 30px 0px 5px;

	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;	
}


	/*******************************************************************/
	.arm {
		/* position: absolute; */
		/* top: 13%; */
		/* right:0% */
		/* margin: auto; */

		 position: relative; 
         margin-top: 20px; 
	     align-items: center;
	
	}
	
	@media (max-width: 600px) {
		#fum-logo, #fum-logo2{
			width:250px;
		}
		#boombox-fum-logo{
			width:250px;
		}
		.arm {
			top: 30%;
			/* margin: auto; */
		}
	}
	
	@media (min-width: 600px) {
		#fum-logo, #fum-logo2{
			width:550px;
		}
		#boombox-fum-logo{
			width:300px;
		}
		.arm {
			top: 13%;
			/* margin: auto; */
			width: 100%;
		}
	

	}
	
	#fum-logo, #fum-logo2{
		display: block;
		margin:auto;	
	}

	#boombox-fum-logo{
		display: block;
		margin:auto;	
		opacity: 0.7;
	}
	
	#eng-logo{
		display: block;
		width:300px;
	}

	.eng-logo{
		opacity: 0;
  transform: translateY(50px);
  transition: all 0.8s ease-out;
	}
	.show {
  opacity: 1;
  transform: translateY(0);
}
	
	@media (max-width:599px) {
		#fum-logo2{
			width: 80px;
  		position: absolute;
  		top: -10%;
	  	right: 2%;
		}
	}

	@media (min-width:600px) and (max-width:767px){
		#fum-logo2{
			width: 110px;
  		position: absolute;
  		top: 5%;
	  	right: 6%;
		}
	}
	
	@media (min-width:768px) and (max-width:991px){
		#fum-logo2{
			width: 140px;
  		position: absolute;
  		top: 5%;
	  	right: 6%;
		}
	}
	@media (min-width:992px) and (max-width:1399px){
		#fum-logo2{
			width: 150px;
  		position: absolute;
  		top: 5%;
	  	right: 15%;
		}
	}

	@media (min-width:1400px){
		#fum-logo2{
			width: 150px;
  		position: absolute;
  		top: 5%;
	  	right: 20%;
		}
	}

#fum-logo{
	display: block;
	margin:auto;	
}

#eng-logo{
	display: block;
	width:490px;
	/* width:100%; */
}


/*******************************************************************/
/****************  fade-in-up  ***********************/
.fade-in-up {
    animation: fadeInUp 2s;
    -webkit-animation: fadeInUp 2s;
    -moz-animation: fadeInUp 2s;
    -o-animation: fadeInUp 2s;
    -ms-animation: fadeInUp 2s;
    animation-fill-mode: both;
}

@keyframes fadeInUp {
    0% { opacity: 0;
        transform: translateY(40px);}
    100% { opacity: 1;
        transform: translateY(0);}
}

@-moz-keyframes fadeInUp {
    0% { opacity: 0;
        transform: translateY(40px);}
    100% { opacity: 1;
        transform: translateY(0);}
}

@-webkit-keyframes fadeInUp {
    0% { opacity: 0;
        transform: translateY(40px);}
    100% { opacity: 1;
        transform: translateY(0);}
}

@-o-keyframes fadeInUp {
    0% { opacity: 0;
        transform: translateY(40px);}
    100% { opacity: 1;
        transform: translateY(0);}
}

@-ms-keyframes fadeInUp {
    0% { opacity: 0;
        transform: translateY(40px);}
    100% { opacity: 1;
        transform: translateY(0);}
}

/****************  fade-in-down  ***********************/
.fade-in-down {
    animation: fadeInDown 2s;
    -webkit-animation: fadeInDown 2s;
    -moz-animation: fadeInDown 2s;
    -o-animation: fadeInDown 2s;
    -ms-animation: fadeInDown 2s;
    animation-fill-mode: both;
}

@keyframes fadeInDown {
    0% { opacity: 0;
        transform: translateY(-20px);}
    100% { opacity: 1;
        transform: translateY(0);}
}

@-moz-keyframes fadeInDown {
    0% { opacity: 0;
        transform: translateY(-20px);}
    100% { opacity: 1;
        transform: translateY(0);}
}

@-webkit-keyframes fadeInDown {
    0% { opacity: 0;
        transform: translateY(-20px);}
    100% { opacity: 1;
        transform: translateY(0);}
}

@-o-keyframes fadeInDown {
    0% { opacity: 0;
        transform: translateY(-20px);}
    100% { opacity: 1;
        transform: translateY(0);}
}

@-ms-keyframes fadeInDown {
    0% { opacity: 0;
        transform: translateY(-20px);}
    100% { opacity: 1;
        transform: translateY(0);}
}
/******************************** Counter Section *******************************/


.counter-dashed-line{
	position: absolute;
	width: 100%;
	top:43%;
	border-top: 1px dashed var(--footer-border-color);
	/* z-index:1; */
}


#counter{
	padding:10px 10px 10px 10px;
	background-color: #eee;/*#f7f8fb;*/
}
@media (max-width:768px){
	.counter-dashed-line{
		display: none;
	}

	#co-counter .counter {
	width:70px !important;
	height:70px !important;
	font-size:1.1rem;  
	}

	.counter-title{
		padding-bottom: 15px;
	}
}

@media (min-width:768px){
	#co-counter .counter {
	font-size:1.7rem;  
	}

	.counter-title{
		padding-bottom: 15px;
	}
}


#co-counter{
	width : 100%;
	position: relative;
	/* z-index: 1; */
}

/*
#co-counter > div:nth-child(2), #co-counter > div:nth-child(6){
	position: relative;
	top: -70px;
}

#co-counter > div:nth-child(3), #co-counter > div:nth-child(5){
	position: relative;
	top: -25px;
}
*/
.counter-container{
	width: 100%;
	border: 1px solid gray;
	position: absolute;
}

.counter-dashed-line{
	position: absolute;
  width: 100%;
  top: 10vh;
  border-top: 2px dashed var(--footer-border-color);
  /* z-index: -1; */
}

#co-counter .counter:hover{	
	box-shadow: var(--footer-border-color) 0px 5px 15px; /*--box-up-shadow-color*/
	/* background-color: #fff; */
	/*background: radial-gradient(at center center, #fff 5%, var(--main-menu-color) 100%);*/

	/*animation: setShadow 1s;*/
}
/*
@keyframes setShadow {
	0% { 
			
		}		
	100% {
		box-shadow: var(--box-up-shadow-color) 0px 5px 15px;
		}			
}
*/

#co-counter .counter {
	width:120px ;
	height:120px ;
	/* font-family: 'iransansfanum' !important; */

  display: flex;
  justify-content: center;
  align-items: center;
	text-align: center;
	margin: auto;
	font-weight: bold;
	padding: 5px;
	background-color: var(--footer-border-color-light);
  border: 5px solid var(--footer-border-color);
	color: var(--main-color) !important;
	
	border-radius: 50%;

	vertical-align: middle;
	position: relative;
}

#co-counter .counter-title
{
	display: block;
	text-align: center;
	color: var(--main-color);
	font-weight: bold;
  	font-size: 1rem;
  	margin-top: 0.5rem;
}
/***********************************/
.block{
	display: block;
}

.title01{
	color: var(--main-color);
	font-size: 2rem;
	font-weight: bold;
	line-height: 2.5rem;;
}

.title06{
	color: #777;
	font-size: 1rem;
	font-weight: normal;
}

.title{
	display: inline-block;
    max-width: 100%;
    white-space:normal;
    overflow-wrap: break-word;
}


/******************************* activities Section **********************************/


#activities{
	padding:30px 10px 10px 10px;
	background-color: #f7f8fb;
	position: relative;
}

.activities{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
}

.activity-center{
	/* width: 25%; */
	margin-bottom: 30px;
	border-radius: 10px;
	margin:20px 20px 20px 20px;	
}


.activity{
	/* width: 25%; */
	/* margin-bottom: 30px; */
	border-radius: 10px;
	/* margin:20px 20px 20px 20px; */
	background: var(--main-color-light3);
}

.activity span{
	font-weight: bold;
	color: var(--main-menu-color);
	display: block;  
  	text-align: center;
}

.activity .img{
	background-color: var(--main-menu-color);	
	/*
	height: 200px;
	width:200px;
	*/
	margin:auto;
}

.activity-center.allofus > .img{
	background: url(../img/activities/allofus.png) no-repeat center;
	background-size: contain;
	width: 100%;
	height: 100%;
}

.activity.khab > .img{
	background: url(../img/activities/khab.png) no-repeat center;
     background-size: cover;
	 /*
		-webkit-mask: url(../img/activities/machanical_eng.svg) no-repeat center;
		mask: url(../img/activities/machanical_eng.svg) no-repeat center;
		mask-size: cover; */
}

.activity.vam > .img{
	background: url(../img/activities/vam.png) no-repeat center;
    background-size: cover;
	/*
	-webkit-mask: url(../img/activities/machanical_eng.svg) no-repeat center;
	mask: url(../img/activities/machanical_eng.svg) no-repeat center;
	mask-size: cover; */
}

.activity.charge > .img{
	background: url(../img/activities/charge.png) no-repeat center;
    background-size: cover;
	/*
	-webkit-mask: url(../img/activities/machanical_eng.svg) no-repeat center;
	mask: url(../img/activities/machanical_eng.svg) no-repeat center;
	mask-size: cover; */
}

.activity.alumni > .img{
	background: url(../img/activities/alumni.png) no-repeat center;
    background-size: cover;	
	/*
	-webkit-mask: url(../img/activities/machanical_eng.svg) no-repeat center;
	mask: url(../img/activities/machanical_eng.svg) no-repeat center;
	mask-size: cover; */
}

.activity.prof > .img{
	background: url(../img/activities/prof.png) no-repeat center;
    background-size: cover;
	/*
	-webkit-mask: url(../img/activities/machanical_eng.svg) no-repeat center;
	mask: url(../img/activities/machanical_eng.svg) no-repeat center;
	mask-size: cover; */
}

.activity.scholarship > .img{
	background: url(../img/activities/scholarship.png) no-repeat center;
    background-size: cover;
	/*
	-webkit-mask: url(../img/activities/machanical_eng.svg) no-repeat center;
	mask: url(../img/activities/machanical_eng.svg) no-repeat center;
	mask-size: cover; */
}

.activity.research_plan > .img{
	background: url(../img/activities/research_plan.png) no-repeat center;
    background-size: cover;
	/*
	-webkit-mask: url(../img/activities/machanical_eng.svg) no-repeat center;
	mask: url(../img/activities/machanical_eng.svg) no-repeat center;
	mask-size: cover; */
}

.activity.market > .img{
	background: url(../img/activities/market.png) no-repeat center;
    background-size: cover;
	/*
	-webkit-mask: url(../img/activities/machanical_eng.svg) no-repeat center;
	mask: url(../img/activities/machanical_eng.svg) no-repeat center;
	mask-size: cover; */
}

.activity.peace > .img{
	background: url(../img/activities/peace.png) no-repeat center;
    background-size: cover;
/* 		
	-webkit-mask: url(../img/activities/machanical_eng.svg) no-repeat center;
	mask: url(../img/activities/machanical_eng.svg) no-repeat center;
	mask-size: cover; */
}

.activity.innov > .img{
	background: url(../img/activities/innov.png) no-repeat center;
    background-size: cover;	
	/*
	-webkit-mask: url(../img/activities/machanical_eng.svg) no-repeat center;
	mask: url(../img/activities/machanical_eng.svg) no-repeat center;
	mask-size: cover; */
}

.activity.rewards > .img{
	background: url(../img/activities/rewards.png) no-repeat center;
    background-size: cover;
	/*
	-webkit-mask: url(../img/activities/machanical_eng.svg) no-repeat center;
	mask: url(../img/activities/machanical_eng.svg) no-repeat center;
	mask-size: cover; */
}


.activity.khab:hover, .activity.vam:hover, .activity.charge:hover, .activity.alumni:hover, .activity.prof:hover, .activity.scholarship:hover, .activity.research_plan:hover, .activity.market:hover, .activity.peace:hover, .activity.innov:hover, .activity.rewards:hover{
	cursor: pointer;	
}

.rotateImg {
	transition: transform 5s ease;
}

.rotateImg:hover {
	transform: rotate(-360deg);
}


.flower{
	z-index: 1;
  position: absolute;
}

@media (min-width:1200px){
	#activities-in-lg, #activities-in-s{
		display: none;
	}

	.flower{
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
	  
	  	width: 470px;
	  	height: 470px;
  	}  

  .activity{
		width: 200px;
  		height: 200px;
  	}

  .activity{
		padding: 20px 20px 20px 20px;
	}
	.activity .img{
		height: 120px;
		width: 140px;
	}	

	.activity-center{
		width: 25%;		
	}
	.activity-center .img{
		height: 160px;
		width: 160px;
	}	

	.activity span{
		font-size: 1rem;
	}	

}

@media (min-width:992px) and (max-width:1199px){
	#activities-in-lg, #activities-in-s{
		display: none;
	}

	.flower{
		left: 45%;
		top: 49%;
		transform: translate(-50%, -50%);
	  
		width: 400px;
		height: 400px;
	}  

	.activity{
		width: 180px;
		height: 180px;
	  }
	
	  .activity{
		padding: 10px;
		/* width: 25%;					 */
	}
	.activity .img{
		height: 120px;
		width: 140px;
	}	

	.activity-center{
		/* padding: 20px 20px 20px 20px; */
	}
	.activity-center .img{
		height: 160px;
		width: 160px;
	}	

	.activity span{
		font-size: 0.9rem;
	}	
}

@media (min-width:768px) and (max-width:991px){
	#activities-in-s{
		display: none;
	}

	.flower{
		display: none;
	}  

	.activity{
		padding: 20px 20px 20px 20px;
		width: 150px;
    	margin: 10px;
	}

	.activity .img{
		height: 120px;
		width: 140px;
	}	

	.activity-center{
		/* padding: 20px 20px 20px 20px; */
		width: 50%;		
	
	}

	.activity-center .img{
		height: 160px;
		width: 160px;
	}	

	.activity span{
		font-size: 0.8rem;
	}	
	#activities-in_lg{
		margin: 10px auto;
	}


	.activity-center.allofus > .img{
		background: url(../img/activities/allofus.png) no-repeat center;
		background-size: contain;
		width: 100%;
		height: 100%;
	}
	
	.activity-center.allofus{
		/* width: 100%;
		height:200px; */
	}
	#activity-group{
		display: flex;
		flex-direction: row;		
		justify-content: space-between;
		width: 100%;

	}
}

@media (min-width:576px) and (max-width:767px){
	#activities-in-lg{
		display: none;
	}

	#activities-in-s{
		background-color: #f6ecf5;
		border-radius: 30px;
	}

	.activity{
		padding: 10px;
		margin: 2px;
		width: 33%;
	}
	.activity .img{
		height: 110px;
		width: 115px;
	}	

	.activity-center{
		padding: 10px;
		height: 200px;
		width: 200px;		
	}
	.activity-center .img{
		height: 110px;
		width: 110px;
	}	

	.activity span{
		font-size: 0.9rem;
	}	

	.flower{
		display: none;
	}
	.activity-center.allofus > .img{
		background: url(../img/activities/allofus.png) no-repeat center;
		background-size: contain;
		width: 100%;
		height: 100%;
	}
	
	#activity-group{
		display: flex;
		flex-direction: row;		
		justify-content: space-between;
		width: 100%;

	}

}

@media (max-width:575px){
	#activities-in-lg{
		display: none;
	}

	#activities-in-s{
		background-color: #f6ecf5;
		border-radius: 30px;
	}

	.activity{
		padding: 10px;
		margin: 2px;
		width: 33%;
	}
	.activity .img{
		height: 70px;
		width: 80px;
	}	

	.activity-center{
		padding: 10px;
		height: 200px;
		width: 200px;		
	}
	.activity-center .img{
		height: 110px;
		width: 110px;
	}	

	.activity span{
		font-size: 0.7rem;
	}	

	.flower{
		display: none;
	}
	.activity-center.allofus > .img{
		background: url(../img/activities/allofus.png) no-repeat center;
		background-size: contain;
		width: 100%;
		height: 100%;
	}
	
	#activity-group{
		display: flex;
		flex-direction: row;		
		justify-content: space-between;
		width: 100%;

	}

	.activity-center {		
		margin: 2px !important;
	  }	

}


/****************  box-in-up and box-in-down   ***********************/
.activity:not(:hover) {
	animation: boxInDown 1s;
	-webkit-animation: boxInDown 1s;
	-moz-animation: boxInDown 1s;
	-o-animation: boxInDown 1s;
	-ms-animation: boxInDown 1s;
	animation-fill-mode: both;
}

@keyframes boxInDown {
	0% { opacity: 1;
			transform: translateY(-20px);
			box-shadow: var(--box-up-shadow-color) 0px 5px 15px;
			background: var(--main-color-light1);
		}		
	100% { opacity: 1;
			transform: translateY(0px);
			background: var(--main-color-light3);
		}			
}

@-moz-keyframes boxInDown {
	0% { opacity: 1;
		transform: translateY(-20px);
		box-shadow: var(--box-up-shadow-color) 0px 5px 15px;
		background: var(--main-color-light1);
	}		
100% { opacity: 1;
		transform: translateY(0px);
		background: var(--main-color-light3);
	}			
}

@-webkit-keyframes boxInDown {
	0% { opacity: 1;
		transform: translateY(-20px);
		box-shadow: var(--box-up-shadow-color) 0px 5px 15px;
		background: var(--main-color-light1);
	}		
100% { opacity: 1;
		transform: translateY(0px);
		background: var(--main-color-light3);
	}			
}

@-o-keyframes boxInDown {
	0% { opacity: 1;
		transform: translateY(-20px);
		box-shadow: var(--box-up-shadow-color) 0px 5px 15px;
		background: var(--main-color-light1);
	}		
100% { opacity: 1;
		transform: translateY(0px);
		background: var(--main-color-light3);
	}			
}

@-ms-keyframes boxInDown {
	0% { opacity: 1;
		transform: translateY(-20px);
		box-shadow: var(--box-up-shadow-color) 0px 5px 15px;
		background: var(--main-color-light1);		
	}		
100% { opacity: 1;
		transform: translateY(0px);
		background: var(--main-color-light3);
	}			
}

/****************  box-in-up  ***********************/
.activity:hover {
	animation: boxInUp 1s;
	-webkit-animation: boxInUp 1s;
	-moz-animation: boxInUp 1s;
	-o-animation: boxInUp 1s;
	-ms-animation: boxInUp 1s;
	animation-fill-mode: both;
}

@keyframes boxInUp {
	0% { opacity: 1;
			transform: translateY(0px);			
		}
	100% { opacity: 1;
			transform: translateY(-20px);
			box-shadow: var(--box-up-shadow-color) 0px 5px 15px;
			background: var(--main-color-light1);
			
			/* background-color: #fff;			 */
		}
}
@-moz-keyframes boxInUp {
	0% { opacity: 1;
		transform: translateY(0px);
	}
100% { opacity: 1;
		transform: translateY(-20px);
		box-shadow: var(--box-up-shadow-color) 0px 5px 15px;
		background: var(--main-color-light1);
	}
}

@-webkit-keyframes boxInUp {
	0% { opacity: 1;
		transform: translateY(0px);
	}
100% { opacity: 1;
		transform: translateY(-20px);
		box-shadow: var(--box-up-shadow-color) 0px 5px 15px;
		background: var(--main-color-light1);
	}
}

@-o-keyframes boxInUp {
	0% { opacity: 1;
		transform: translateY(0px);
	}
100% { opacity: 1;
		transform: translateY(-20px);
		box-shadow: var(--box-up-shadow-color) 0px 5px 15px;
		background: var(--main-color-light1);
	}
}

@-ms-keyframes boxInUp {
	0% { opacity: 1;
		transform: translateY(0px);
	}
100% { opacity: 1;
		transform: translateY(-20px);
		box-shadow: var(--box-up-shadow-color) 0px 5px 15px;
		background: var(--main-color-light1);
	}
}

/****************  Wheels ****************************/
/*@media (min-width:600px) and (max-width:992px) {
	.wheel{	
	}
}
*/
.wheel{
	/*
	background-color: var(--footer-border-color);	
	-webkit-mask: url(../img/wheel.png) round center;
	mask: url(../img/wheel.png) round center;
	*/
	background-image: url(../img/wheel.png);
	background-image: url(../img/wheel.png);
  	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	
  	position: absolute;
    height: 80%;/*500px;*/
	width: 80%; /*500px;*/

}


#wheel1{	
	top: 20px;
  left: -35%;
}

#wheel2{
	bottom: -40%;
  right: -35%;	
}


/********************************Carousel******************************/

@media (max-width: 600px) {
	.carousel-inner .carousel-item > div {
			display: none;
	}
	.carousel-inner .carousel-item > div:first-child {
			display: block;
	}
}

.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
	display: flex;
}


@media (min-width:600px) and (max-width:992px) {
	
	.carousel-inner .carousel-item-right.active,
	.carousel-inner .carousel-item-next {
		transform: translateX(50%);
	}
	
	.carousel-inner .carousel-item-left.active, 
	.carousel-inner .carousel-item-prev {
		transform: translateX(-50%);
	}
}

@media (min-width:992px){
	
	/* .carousel-inner .carousel-item > div {
		padding: 1px 5px !important;
	} */

	.carousel-inner .carousel-item-right.active,
	.carousel-inner .carousel-item-next {
		transform: translateX(33.333%);
	}
	
	.carousel-inner .carousel-item-left.active, 
	.carousel-inner .carousel-item-prev {
		transform: translateX(-33.333%);
	}
}

.carousel-inner .carousel-item-right,
.carousel-inner .carousel-item-left{ 
transform: translateX(0);
}


/********************** image-box01 ****************************/
.image-box01{
	position:relative;
	margin: 5px 2px;	
	/* aspect-ratio: 4/2; */
}

.image-box01 img{
	border:1px solid #ccc;	
	border-radius: 10px;
	width : 100%;
	object-fit: cover;	
	box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
}

.image-box01 .image-title {
	position: absolute;
	bottom: 0px;
	background-image: linear-gradient(to top, var(--main-menu-color), rgba(255,0,0,0));
	width: 100%;
	height: 25%;
	border-radius: 10px;
	text-align: center;
}

.image-box01 .image-title > span{
	/* bottom: 10px; */
  position: absolute;
  color: #fff;
  /* font-weight: bold; */
	top: 70%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
}


@media (min-width:992px){
	.image-box01.large img{
		height: 34vh;	
	}
	.image-box01.small img{
		height: 22vh;	
	}		

	.image-box01.large .image-title > span{
		font-size: 0.9rem;
	}
	
	.image-box01.small .image-title > span{
		font-size: 0.7rem;
	}		
}

@media (min-width:768px) and (max-width:991px){
	.image-box01.large img{
		height: 34vh;	
	}
	.image-box01.small img{
		height: 22vh;	
	}		
	.image-box01.large .image-title > span{
		font-size: 0.9rem;
	}
	
	.image-box01.small .image-title > span{
		font-size: 0.7rem;
	}	
}

@media (min-width:576px) and (max-width:767px){
	.image-box01.large img{
		height: 34vh;	
	}
	.image-box01.small img{
		aspect-ratio: 16/9;
		/* height: 22vh;	 */
	}		
	div:has(.image-box01.small){
		padding-left: 1px;		
		padding-right: 1px;
	}
	.no-padding{
		padding-right: 30px !important;
		padding-left: 30px !important;

		/* height: 22vh;	 */
	}		
	.image-box01.large .image-title > span{
		font-size: 0.9rem;
	}
	
	.image-box01.small .image-title > span{
		font-size: 0.7rem;
	}
	
}

@media (max-width:576px){
	.image-box01 img{
		aspect-ratio: 16/9;
		/* height: 34vh;	 */
	}	
	.image-box01.large .image-title > span{
		font-size: 0.9rem;
	}
	
	.image-box01.small .image-title > span{
		font-size: 0.9rem;
	}
	
}

/********************* PhocaGallery ***********************/
.pg-cv-name {
  text-align: center !important;
}



/********************** news-box01 ****************************/
.news-box01{
	position:relative;
	margin: 5px 12px;	
	border:1px solid #ccc;	
	border-radius: 10px;
	box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;	
	padding: 5px;
	overflow: auto;
	/* aspect-ratio: 4/2; */
}

.news-box01.large{
	display: flex;
	flex-direction: column;	
	/* height: 68vh;	 */
}


.news-box01.small .news-photo {
	float: right;
	width:40%;
	height: 100%;
}
.news-box01.small .news-photo img{
	display: block;
  height: 100%;
}

.news-box01.small .news-body {
	float: left;
	width:60%;
}


.news-box01 .news-photo img{
	border:1px solid #ccc;	
	border-radius: 10px;
	width : 100%;
	object-fit: cover;	

	
}

.news-box01.large .news-photo img{
	height: 30vh;	
}

.news-box01.large .news-title{
	padding: 10px;
}

.news-box01.small .news-body{
	padding: 5px 10px;	
}

.news-box01.small .news-body{
	display: flex;
	flex-direction: column;	
	height: 100%;
}


.news-box01.small .news-body .news-title{
	text-align: right;

}


.news-box01 .news-title span{
	font-weight: bold;
}

.news-box01.large .news-content{
	display: flex;
	flex-grow: 1;
	padding: 10px 20px;
}

.news-box01.small .news-body .news-content{
	display: flex;
	flex-grow: 1;
	padding: 5px 0px;;
}

.news-box01 .news-content span{
	text-align: justify;
}
.news-box01.large .news-footer{
	padding-bottom: 10px;
}
.news-box01.small .news-footer{
	padding-bottom: 5px;
}

.news-box01 .news-footer .date.right{
	float: right;	
}

.news-box01 .news-footer .more.left{
	float: left;	
}


.news-box01.large .news-footer .date.right{
	padding-right: 20px;
}

.news-box01.large .news-footer .more.left{
	padding-left: 20px;;
}

.news-box01.large .news-footer .date.right{
	padding-right: 10px;
}

.news-box01.large .news-footer .more.left{
	padding-left: 10px;
}


.modulecontent_events  .gkTabsItem {
	background-color: var(--body-bg-color) !important;
	padding: 10px 12px;
  }

.btn-info{
	background-color: var(--btn-info-color);
	border-color: var(--btn-info-border-color);
}

.btn-info:hover{
	background-color: var(--btn-info-hover-color);
	border-color: var(--btn-info-hover-border-color);
}


.news-archive{
	float: left;
	margin: 0px 10px;
}

.news-archive > a {
	display: block;
	width: 200px;

	font-size: 1rem;
	font-weight: bold;   
	margin-top: 10px;

    background-color:  var(--w-color);
    color: var(--footer-border-color) !important;
    border: 2px var(--footer-border-color) solid;    
    border-radius: 10px;

    text-align: center;
    padding: 5px;
    
    
    
}

.news-archive > a:hover {
    background-color: var(--footer-border-color);
    color: var(--w-color) !important;
    border: 2px var(--footer-border-color) solid;    
}



@media (min-width:768px){
	.news-box01.large{
	 height: 68vh;
	}
	.news-box01.small{
		height: 22vh;	
	}
	
	
}

@media (max-width:767px){
	.news-box01.large{
		/* height: 68vh; */
	 }
 
}




/************* news-package ***************************/
#tab, #tab-2, #tab-3, #tab-4 , #gallery{
	overflow-x: hidden;
}

#news-package ul{
	display: flex;
	flex-direction: row;
	justify-content: center;
}

#news-package ul{
	/* margin-bottom: 5px; */
	border-bottom: 0px;
}

#news-package ul li{
	padding: 0px 5px;
}


#news-package ul li:hover, li.active{
	/* border-bottom: 2px solid var(--main-color) !important; */
	background-color: transparent;
}

#news-package ul li:hover a , 
#news-package ul li.active a{
	border-bottom: 2px solid #3071a9 !important; /*var(--main-color) */
	background-color: var(--body-bg-color);/* transparent;*/
}

#news-package ul li a:hover, a:active{
	background-color: var(--body-bg-color);/* transparent;*/
	
}

#news-package ul li.active > a:focus{
	box-shadow: 0 0px 0px rgba(255, 255, 255, 0.5);
	-webkit-box-shadow: 0 0px 0px rgba(255, 255, 255, 0.5);
	-moz-box-shadow: 0 0px 0px rgba(255, 255, 255, 0.5);
	
}


#news-package ul li a{
	margin: 0px 0.5rem;
	padding: .5rem 1rem;
	border: 0px !important;
}

#news-package ul li span{
	font-size: 1rem;
}

#news-package .tab-content{
	border: 0px solid #fff;
}

/***********************photo-news-archive*************************/

.photos-archive{
	float: left;
	margin: 0px 10px;
}

.photos-archive > a {
	display: block;
	width: 200px;

	font-size: 1rem;
	font-weight: bold;   
	margin-top: 10px;

    background-color:  var(--w-color);
    color: var(--footer-border-color) !important;
    border: 2px var(--footer-border-color) solid;    
    border-radius: 10px;

    text-align: center;
    padding: 5px;
    
    
    
}

.photos-archive > a:hover {
    background-color: var(--footer-border-color);
    color: var(--w-color) !important;
    border: 2px var(--footer-border-color) solid;    
}


/********************** video-news-box ****************************/
.video-news-box{
	position:relative;
	margin: 5px 2px;	
	border:1px solid #ccc;	
	border-radius: 10px;
	box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;	
	padding: 5px;
	overflow: auto;
	/* aspect-ratio: 4/2; */
}

.video-news-box video{
	border-radius: 10px;
}

.video-news-box.large{
	display: flex;
	flex-direction: column;	
	/* height: 68vh;	 */
}

.video-news-box.small{
	height: 100%;
	overflow: hidden;
	
}


.video-news-box.small .video-news-photo {
	float: right;
	width:40%;
	/* height: 100%; */
	position: relative;
}

.video-news-box.small .video-news-photo .play{
	position: absolute;
	top: 30%;
	z-index: 3;
	width: 100%;
	height: 100%;
	text-align: center;
}

.video-news-box.small .video-news-photo .play i{ 
	font-size: 16px;
  	color: #ddd;
  	border: 2px solid ddd;
  	border-radius: 15px;
  	padding: 7px;
	background-color: rgba(0,0,0, 0.5);
}

.video-news-box.small .video-news-photo i:hover{
	cursor: pointer;
}
.video-news-box.small .video-news-photo img{
	display: block;
  height: 80px;
}


.video-news-box.small .video-news-body {
	float: left;
	width:60%;
}


.video-news-box .video-news-photo img{
	border:1px solid #ccc;	
	border-radius: 10px;
	width : 100%;
	object-fit: cover;	

	
}

.video-news-box.large .video-news-photo img{
	height: 30vh;	
}

.video-news-box.large .video-news-title{
	padding: 10px;

	position: absolute;
	top: 30px;
	width: 80%;
	align-content: center;
	opacity: 0.4;
	top: 20%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.video-news-box.small .video-news-body{
	padding: 5px 10px;	
}

.video-news-box.small .video-news-body{
	display: flex;
	flex-direction: column;	
	height: 100%;
}


.video-news-box.small .video-news-body .video-news-title{
	text-align: right;

}


.video-news-box .video-news-title span{
	font-weight: bold;
	display: block;
	text-align: justify;	
}

.video-news-box.large .video-news-content{
	display: flex;
	flex-grow: 1;
	padding: 10px 20px;
}

.video-news-box.small .video-news-body .video-news-content{
	display: flex;
	flex-grow: 1;
	padding: 5px 0px;;
}

.video-news-box .video-news-content span{
	text-align: justify;
}
.video-news-box.large .video-news-footer{
	padding-bottom: 10px;
}
.video-news-box.small .video-news-footer{
	padding-bottom: 5px;
	position: absolute;
    bottom: 1px;
}

.video-news-box .video-news-footer .date.right{
	float: right;	
}

.video-news-box .video-news-footer .more.left{
	float: left;	
}


.video-news-box.large .video-news-footer .date.right{
	padding-right: 20px;
}

.video-news-box.large .video-news-footer .more.left{
	padding-left: 20px;;
}

.video-news-box.large .video-news-footer .date.right{
	padding-right: 10px;
}

.video-news-box.large .video-news-footer .more.left{
	padding-left: 10px;
}

@media (min-width:768px){
	.video-news-box.large{
	 /* height: 68vh; */
	}
	.video-news-box.small{
		/* height: 22vh;	 */

	}
	div:has(.video-news-box.small){
		height: 23% !important; margin-bottom:5px;
	}		
	
}

@media (max-width:767px){
	.video-news-box.large{
		/* height: 68vh; */
	 }

	 div:has(.video-news-box.small){
		height: 100%; margin-bottom:5px;
	}
	
 
}

/********************************************************/
/*                        Pin Icons                     */
/********************************************************/
/*
.icons {
    position: fixed;
    top: 30%;
    left: 0;
    font-size: 2rem;
    z-index: 200;
    margin: 1rem auto 1rem 0;
    text-align: center;
}

.icons a {
    color: white;
    display: block;

}

.icons img {
    vertical-align: middle;
}

.icons span{
    font-size: 0.9rem;;
}

.page-list li{
    list-style: disc !important;
    color: var(--color-pin);
    background-color: #eee;
}

.page-list li.active{
    color: var(--color-pin-active);
    text-shadow: rgba(200, 200, 200, 0.44) 0px 0px 8px;
}

.pin{
	position:relative;
	width: 150px;
	height: 40px;
	left: -100px;
	border:1px solid #ccc;
	border-left: 0px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	margin: 2px 0px 5px 0px; 
	background-color: rgba(240,240,240,0.1);
	
	display: flex;
	color: var(--color-pin);
	transition: left 1s;
}

.pin.active img{
	color: var(--color-pin-active);
	fill: var(--color-pin-active);
}


.pin.over img{
	color: var(--color-pin-active);
	fill: var(--color-pin-active);	
}

.pin.over span{
	color: var(--color-pin-active);
}


.pin img{
	width: 50px;
	font-size: 1.5rem;
	padding:5px;
	border-left:1px solid #ccc;
}

.pin span{
	padding-right: 5px;
	align-content: center;
}

.pin-icon{
	mask: url(../img/groups/computer_eng.svg) no-repeat center;
    mask-size: auto;
  	mask-size: cover;
	background-image: url(../img/groups/computer_eng.svg) no-repeat center;
}
*/

/********************************************************/
/*                        Pin Icons                     */
/********************************************************/

.icons {
    position: fixed;
    top: 30%;
    left: 0;
    font-size: 2rem;
    z-index: 200;
    margin: 1rem auto 1rem 0;
    text-align: center;
}

.icons a {
    color: white;
    display: block;

}

.icons img {
    vertical-align: middle;
}

.icons span{
    font-size: 0.9rem;;
}

.page-list li{
    list-style: disc !important;
    color: var(--color-pin);/*#A3CFE5;*/
    background-color: var(--color-pin-background);
}

.page-list li.active{
    color: var(--color-pin-active);/*var(--second-color);*/
    text-shadow: rgba(200, 200, 200, 0.44) 0px 0px 8px;
}

.pin{
	position:relative;
	width: 150px;
	height: 40px;
	left: -100px;
	border:1px solid #ccc;
	border-left: 0px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	margin: 2px 0px 5px 0px; 
	background-color: rgba(240,240,240,0.1);
	/*padding:5px;*/
	display: flex;
	color: var(--color-pin);/* #A3CFE5;*/
	transition: left 1s;
}

.pin.active img{
	color: var(--color-pin-active);/*var(--second-color);*/
	fill: var(--color-pin-active);
}


.pin.over img{
	color: var(--color-pin-active);/*var(--second-color);*/
	fill: var(--color-pin-active);	
}

.pin.over span{
	color: var(--color-pin-active);/*var(--second-color);*/
}


.pin img{
	width: 50px;
	font-size: 1.5rem;
	padding:5px;
	border-left:1px solid #ccc;
}

.pin span{
	padding-right: 5px;
	align-content: center;
}

.pin-icon{
	mask: url(../img/activities/computer_eng.svg) no-repeat center;
    mask-size: auto;
  	mask-size: cover;
	background-image: url(../img/activities/computer_eng.svg) no-repeat center;
}

@media (max-width:575px){
	.icons{
		display: none;
	}
}

/********************************************
*
* 				Supports Part
*
**********************************************/
.supports{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
}

.support{
	border: 3px solid var(--divider-color);
	border-radius: 50%;
	margin:20px 20px 20px 20px;
	background: var(--main-color-light3);
}
.support:hover{
	box-shadow: var(--footer-border-color) 0px 5px 15px;
}

.support span{
	font-weight: bold;
	color: var(--main-menu-color);
	display: block;  
  	text-align: center;
}

.support .img{
supportund-color: var(--main-menu-color);	
	
	height: 200px;
	width:200px;
	background-color: var(--main-menu-color);
	margin:auto;
}

.support.cash-support:hover, .support.non-cache-support:hover, .support.gift-card:hover, .support.projects:hover{
	cursor: pointer;	
}

.support.cash-support > .img{
	background: url(../img/activities/machanical_eng.svg) no-repeat center;
    background-size: cover;
/* 
		-webkit-mask: url(../img/activities/machanical_eng.svg) no-repeat center;
		mask: url(../img/activities/machanical_eng.svg) no-repeat center;
		mask-size: cover; */
}

.support.non-cache-support > .img{
	background: url(../img/activities/machanical_eng.svg) no-repeat center;
    background-size: cover;
/* 
	-webkit-mask: url(../img/activities/machanical_eng.svg) no-repeat center;
	mask: url(../img/activities/machanical_eng.svg) no-repeat center;
	mask-size: cover; */
}

.support.gift-card > .img{
	background: url(../img/activities/machanical_eng.svg) no-repeat center;
    background-size: cover;
/* 
	-webkit-mask: url(../img/activities/machanical_eng.svg) no-repeat center;
	mask: url(../img/activities/machanical_eng.svg) no-repeat center;
	mask-size: cover; */
}

.support.projects > .img{
	background: url(../img/activities/machanical_eng.svg) no-repeat center;
    background-size: cover;
/* 
	-webkit-mask: url(../img/activities/machanical_eng.svg) no-repeat center;
	mask: url(../img/activities/machanical_eng.svg) no-repeat center;
	mask-size: cover; */
}

@media (min-width:1200px){
	.support{
		width: 150px;
  	height: 150px;
	}

	.support .img{
		width: 100px;
  	height: 100px;
	}
}

@media (min-width:992px) and (max-width:1199px){
	.support{
		width: 150px;
  	height: 150px;
	}

	.support .img{
		width: 100px;
  	height: 100px;
	}
}


@media (min-width:768px) and (max-width:991px){
	.support{
		width: 120px;
  	height: 120px;
	}

	.support .img{
		width: 70px;
  	height: 70px;
	}
}


@media (min-width:576px) and (max-width:767px){
	.support{
		width: 100px;
  	height: 100px;
	}

	.support .img{
		width: 50px;
  	height: 50px;
	}

}


@media (max-width:575px){
	.support{
		width: 120px;
  	height: 120px;
	}

	.support .img{
		width: 70px;
  	height: 70px;
	}

}


/************** display images *****************/
div.img-container{
	padding: 2px; 
	border: 1px solid #ccc; 
	border-radius: 30px;
}

div.img-container > img {
	border-radius: 30px; 
	width: 100%;
}



@media (min-width:578px){
	.text-img-container{
		padding: 40px 10px; 
		border-radius: 10px;
	}		
}

@media (max-width:577px){
	.text-img-container{
		padding: 15px 5px; 
		border-radius: 10px;
	}

	.text-img-container span{ 
		font-size: 0.8rem !important;
	}

}

div.text-img-container > img {
	border-radius: 10px; 
}

@media (max-width:575px){
	div.text-img-container > span {
		font-size: 0.8rem;
	}
}

/************** display images 2*****************/
div.img-container2{
	margin: 10px 20px;
	border: 3px solid var(--main-color);
	border-radius: 13px;
	aspect-ratio: 3 / 2 !important;
}

div.img-container2 > img {
	border-radius: 10px; 
	width: 100%;
	aspect-ratio: 3 / 2 !important;
}

div.img-container2 + div>span{
	display: block;
	text-align: center;
	margin: 10px auto;
	font-size: 1rem;
}


@media (min-width:578px){
	.text-img-container2{
		padding: 40px 10px; 
		border-radius: 10px;
	}		
}

@media (max-width:577px){
	.text-img-container2{
		padding: 15px 5px; 
		border-radius: 10px;
	}

	.text-img-container2 span{ 
		font-size: 0.8rem !important;
	}

}

div.text-img-container2 > img {
	border-radius: 10px; 
}

@media (max-width:575px){
	div.text-img-container2 > span {
		font-size: 0.8rem;
	}
}

/****************Personal images ********************/
.persons{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
}

.person{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin: 20px;
}

.person-photo{
	border: 3px solid var(--main-menu-color);
	border-radius: 50%;
}

.person-photo:hover{
	box-shadow: var(--footer-border-color) 0px 5px 15px;	
}

.person-photo img {
	display: block;
	width: 100%;
	height:100%;
	object-fit: contain;
	border-radius: 50%;
}

.person-title{
	display: block;
  margin: 5px auto;
	font-weight: bold;
}

.person-title span{
	display: block;
	text-align: center;
}

.person-title span.post{
	color: #aaa;
}

@media (min-width:578px){
	.person-photo{
		width: 200px;
		height: 200px;
		margin-bottom: 10px;
	}
	
	.person-title{
		font-size: 1rem;
	}
	
}

@media (max-width:577px){
	.person-photo{
		width: 120px;
		height: 120px;
		margin-bottom: 10px;
	}

	.person-title{
		font-size: 0.8rem;
	}	
}

/****************************** Mags **************************************/
.mags{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
  justify-content: center;
}

.mag{
	width : 200px;
	margin : 20px;
}
/****************************** flip Box Down Up  **************************************/
.flipbox-down-up{
	position: relative;
	width: 100%;	
	height: 240px;
	margin : 10px -4px;
	border-radius: 10px;
}


.flipbox-down-up .back {
	/* background-color: var(--main-color); */
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 10px;
	border: 2px solid var(--main-color);;
}

.flipbox-down-up .front {
	background-color: var(--main-color);
	width: 100%;
	height: 60px;
	top:180px;
	opacity: 0.7;
	position: absolute;
	z-index: inherit;
	border-radius: 10px;
	transition: height 2s, top 2s, opacity 2s;			
}

.flipbox-down-up .front:hover{
		background-color: var(--main-color);
		width: 100%;
		height: 100%;
		top:0px;
		opacity: 1;
		position: absolute;
		z-index: inherit;
		}
	
		
.flipbox-down-up .front span{
	color:#ffffff;
	display: block;
	padding: 2px 10px;
	text-align: center;	
  }

.flipbox-down-up .front span.head{
	text-align: center;
	padding-top: 10px;
	
	
  font-size: 0.8rem !important;
  font-weight: bold;
  border-bottom: 2px #fff solid;
  }

.flipbox-down-up .front span.head p{
	margin-top: 0;
  margin-bottom: 0;
}

.flipbox-down-up .front span:not(.head) p{
	margin-top: 20px;  
}


.flipbox-down-up .front span.bold{
		font-weight: bold;
	}

.flipbox-down-up .front a{
		color: #fff;
	}

.flipbox-down-up .front a:hover{
		font-weight: bold;		
	}

.flipbox-down-up img{	
	border-radius: 10px;	
	width: 100%;
  height: 100%;
	object-fit: cover;
}

/****************************** Broushor **************************************/
.broushors{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
  /* justify-content: center; */
}

.broushor{
	width : 200px;
	margin : 20px;
	height: 240px;
	border-radius: 10px;
	border: 3px solid var(--main-color);
}

.broushor img{	
	border-radius: 10px;	
	width: 100%;
  height: 100%;
	object-fit: cover;
	border-radius: 10px;
}

/*********************** Dormitory *****************/
button.dormitory{
	display: block;
  margin: 10px 5px;
  /* width: 40%; */
}

@media (max-width:577px){
	button.dormitory{
		width: 90%;
	}	
}

@media (min-width:576px) and (max-width:767px){
	button.dormitory{
		width: 90%;
	}
}

@media (min-width:768px) and (max-width:991px){
	button.dormitory{
		width: 70%;
	}
}

@media (min-width:992px) and (max-width:1199px){
	button.dormitory{
		width: 50%;
	}
}

@media (min-width:1200px){
	button.dormitory{
		width: 40%;
	}
}

div.dormitory{
	background-color: var(--main-color-light1);
	margin: 10px 5px;
	padding: 30px;
}

.block01{
	display:flex;  
	flex-direction: row;  
	flex-wrap: wrap;
	justify-content: center;
}
.block01 div{
	margin:10px;
	background-color: var(--main-color-light1);
	border: 2px solid var(--main-color);
	border-radius: 10px;
	padding: 5px;
}

.block01 > div:first-child(){
	border: 2px solid var(--main-color);
}


/***************    contact-in-article   ********************/
.contact-in-article span{
	background-color: white;
	color: #555;
}

.contact-in-article span{
	color: #555 !important;
	font-size: 1rem;
	line-height: 2rem;
}


.contact-in-article > .social-icon-instagram{
	font-size: 2.5rem;
}

.contact-in-article > .social-icon-instagram:hover{
	color: var(--main-color-light3);
}


.poem img {
	display: block;
  margin: 2px auto;
  max-width: 600px;
  min-width: 300px;	
	width: 100%;
}