@font-face {
	font-family: 'BiYekan';
	src: url('fonts/WebYekan.eot');
	/* IE9 Compact Modes */
	src: url('fonts/WebYekan.eot?#iefix') format('embedded-opentype'),
		/* IE6-IE8 */
		url('fonts/WebYekan.woff2') format('woff2'),
		/* Super Modern Browsers */
		url('fonts/WebYekan.woff') format('woff'),
		/* Pretty Modern Browsers */
		url('fonts/WebYekan.ttf') format('truetype'),
		/* Safari, Android, iOS */
		url('fonts/WebYekan.svg#svgFontName') format('svg');
	/* Legacy iOS */
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'IRIN';
	src: url('fonts/fontawesome-webfont.eot');
	/* IE9 Compact Modes */
	src: url('fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
		/* IE6-IE8 */
		url('fonts/fontawesome-webfont.woff') format('woff'),
		/* Pretty Modern Browsers */
		url('fonts/fontawesome-webfont.ttf') format('truetype'),
		/* Safari, Android, iOS */
		url('fonts/fontawesome-webfont.svg#svgFontName') format('svg');
	/* Legacy iOS */
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'IRANSans';
	font-style: normal;
	font-weight: normal;
	src: url('fonts/IRANSansWeb_Bold.eot');
	src: url('fonts/IRANSansWeb_Bold.eot?#iefix') format('embedded-opentype'),
		/* IE6-8 */
		url('fonts/IRANSansWeb_Bold.woff2') format('woff2'),
		/* FF39+,Chrome36+, Opera24+*/
		url('fonts/IRANSansWeb_Bold.woff') format('woff'),
		/* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		url('fonts/IRANSansWeb_Bold.ttf') format('truetype');
}

@font-face {
	font-family: 'IRANSans';
	font-style: normal;
	font-weight: 500;
	src: url('fonts/IRANSansWeb_Medium.eot');
	src: url('fonts/IRANSansWeb_Medium.eot?#iefix') format('embedded-opentype'),
		/*  IE6-8 */
		url('fonts/IRANSansWeb_Medium.woff2') format('woff2'),
		/* FF39+,Chrome36+, Opera24+*/
		url('fonts/IRANSansWeb_Medium.woff') format('woff'),
		/* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		url('fonts/IRANSansWeb_Medium.ttf') format('truetype');
}

@font-face {
	font-family: 'IRANSans';
	font-style: normal;
	font-weight: 200;
	src: url('fonts/IRANSansWeb_UltraLight.eot');
	src: url('fonts/IRANSansWeb_UltraLight.eot?#iefix') format('embedded-opentype'),
		/* IE6-8 */
		url('fonts/IRANSansWeb_UltraLight.woff2') format('woff2'),
		/* FF39+,Chrome36+, Opera24+*/
		url('fonts/IRANSansWeb_UltraLight.woff') format('woff'),
		/* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		url('fonts/IRANSansWeb_UltraLight.ttf') format('truetype');
}


@font-face {
	font-family: 'rezvan';
	src: url('fonts/rezvan.otf');
	/* IE9 Compact Modes */
	src: url('fonts/rezvan.otf?#iefix') format('embedded-opentype'),
		/* IE6-IE8 */
		url('fonts/rezvan.ttf') format('truetype');
	/* Safari, Android, iOS */
	font-weight: normal;
	font-style: normal;
}

/*................. English - font....................*/
@font-face {
	font-family: 'semibold';
	src: url('fonts/titillium-semibold-webfont.eot');
	/* IE9 Compact Modes */
	src: url('fonts/titillium-semibold-webfont.eot?#iefix') format('embedded-opentype'),
		/* IE6-IE8 */
		url('fonts/titillium-semibold-webfont.woff') format('woff'),
		/* Pretty Modern Browsers */
		url('fonts/titillium-semibold-webfont.ttf') format('truetype'),
		/* Safari, Android, iOS */
		url('fonts/titillium-semibold-webfont.svg#svgFontName') format('svg');
	/* Legacy iOS */
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'regular';
	src: url('fonts/titillium-regular-webfont.eot');
	/* IE9 Compact Modes */
	src: url('fonts/titillium-regular-webfont.eot?#iefix') format('embedded-opentype'),
		/* IE6-IE8 */
		url('fonts/titillium-regular-webfont.woff') format('woff'),
		/* Pretty Modern Browsers */
		url('fonts/titillium-regular-webfont.ttf') format('truetype'),
		/* Safari, Android, iOS */
		url('fonts/titillium-regular-webfont.svg#svgFontName') format('svg');
	/* Legacy iOS */
}

@font-face {
	font-family: 'regularitalic';
	src: url('fonts/titillium-regularitalic-webfont.eot');
	/* IE9 Compact Modes */
	src: url('fonts/titillium-regularitalic-webfont.eot?#iefix') format('embedded-opentype'),
		/* IE6-IE8 */
		url('fonts/titillium-regularitalic-webfont.woff') format('woff'),
		/* Pretty Modern Browsers */
		url('fonts/titillium-regularitalic-webfont.ttf') format('truetype'),
		/* Safari, Android, iOS */
		url('fonts/titillium-regularitalic-webfont.svg#svgFontName') format('svg');
	/* Legacy iOS */
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'light';
	src: url('fonts/titillium-light-webfont.eot');
	/* IE9 Compact Modes */
	src: url('fonts/titillium-light-webfont.eot?#iefix') format('embedded-opentype'),
		/* IE6-IE8 */
		url('fonts/titillium-light-webfont.woff') format('woff'),
		/* Pretty Modern Browsers */
		url('fonts/titillium-light-webfont.ttf') format('truetype'),
		/* Safari, Android, iOS */
		url('fonts/titillium-light-webfont.svg#svgFontName') format('svg');
	/* Legacy iOS */
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'lightitalic';
	src: url('fonts/titillium-lightitalic-webfont.eot');
	/* IE9 Compact Modes */
	src: url('fonts/titillium-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
		/* IE6-IE8 */
		url('fonts/titillium-lightitalic-webfont.woff') format('woff'),
		/* Pretty Modern Browsers */
		url('fonts/titillium-lightitalic-webfont.ttf') format('truetype'),
		/* Safari, Android, iOS */
		url('fonts/titillium-lightitalic-webfont.svg#svgFontName') format('svg');
	/* Legacy iOS */
	font-weight: normal;
	font-style: normal;
}

/* ==============================================================a=l=a=v=i========
   portal-css: body
   ========================================================================== */


body {
	direction: rtl;
	font-family: IRANSans;
}

body {
	background: white !important;
}

a:link,
a:visited,
a:active,
a:hover {
	color: #006e74;
	text-decoration: none !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font: normal 15px Tahoma, Verdana, Helvetica, sans-serif;
	color: #000;
}

input,
select,
textarea {
	font: 11px Tahoma, arial;
}

th {
	font: bold 12px Tahoma, Verdana, Helvetica, sans-serif;
	vertical-align: baseline;
	color: #000;
}

tr,
td {
	font: normal 12px IRIN, regular;
}

html, body, header, main, div, li, a, span, label, input, select {
	font-family: 'IRANSans';
	font-weight: 100;
}

/*.bg-background {}*/
/* ==============================================================a=l=a=v=i========
   portal-css: news - style
   ========================================================================== */
a.DPNewsImageLink[id$="_ContentTopImageLink"] {
	display: block;
	width: 100% !important;
	/* height: 200px !important; */
}

.DPNewsImageLink img:hover {
	-ms-filter: "progid:DXImagetransform.Microsoft.alpha(Opacity=80)" !important;
	filter: alpha(opacity=80) !important;
	opacity: 0.8 !important
}

.DPNewsImageLink img {
	width: 100% !important;
	height: 100% !important;
	border: none !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	transition: all 0.3s ease 0s !important;
	-moz-transition: all 0.3s ease 0s !important;
	-o-transition: all 0.3s ease 0s !important;
	-webkit-transition: all 0.3s ease 0s !important;
}

.DPNewsItemTitle span {
	color: #a70000 !important;
	font: 13px IRANSans, regular, sans-serif !important;
	display: inline-block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 15px;
	text-align: center;
}

.DPNewsWrap * {
	color: #888 !important;
	font: 15px/19px IRANSans !important
}

.NewTextStyle {
	font: 11px IRANSans !important
}

[id*="_NewsAbstractArea"],
.PanelTitle {
	white-space: normal !important;
}

table[id$="_NewsContentList"]>tbody>tr>td {
	/* padding: 10px !important; */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

table.NewsItemStyle#NewsContentLayout {
	display: block !important;
	/* height:390px; */
	/* -webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,.6); */
	/* 	-moz-box-shadow: 0 0 8px 0 rgba(0,0,0,.6); */
	/* box-shadow: 0 0 8px 0 rgba(0,0,0,.6); */
	border-spacing: 0 !important;
	/* padding-bottom: 20px !important; */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

table.NewsItemStyle#NewsContentLayout tr,
table.NewsItemStyle#NewsContentLayout td {
	padding: 0 !important;
}

div[id*="_NewsAbstractPanel"] {
	font: 12px/19px IRANSans, regular, sans-serif !important;
	color: #181818 !important;
	background-color: transparent !important;
}

.DPNewsItemTitle {
	white-space: normal !important;
}

.BorderBackgroundPanel {
	white-space: normal !important;
}

.BorderBackgroundPanelWithoutBGColor {
	white-space: normal !important;
}

.PanelTitle {
	white-space: normal;
}

.rtl .news_thumb ul li h4 {
	white-space: normal !important;
}

/* ==============================================================a=l=a=v=i========
   portal-css: pane-responsive
   ========================================================================== */
.table-class {
	display: table;
	width: 100%;
}

.table-row-class {
	display: table-row;
}

.toppane,
.bottompane,
.contentpane {
	display: table-cell;
	padding: 0 7px;
	width: 100%;
	vertical-align: top;
	box-sizing: border-box;
	border-collapse: collapse;
}

.put-newsPane {
	background-color: #f9f6ef;
	border-bottom: solid 1px #f9f6ef;
	position: relative;
	z-index: 300;
}

/*.toppane{
	padding: 10px 7px;
}*/

.leftpane,
.rightpane {
	display: table-cell;
	min-width: 200px;
	padding: 0 7px;
	vertical-align: top;
	box-sizing: border-box;
	border-collapse: collapse;
}

.topleftpane,
.toprightpane {
	display: table-cell;
	width: 50%;
	padding: 0 7px;
	vertical-align: top;
	box-sizing: border-box;
	border-collapse: collapse;
}

.bottomleftpane,
.bottomrightpane {
	display: table-cell;
	width: 50%;
	padding: 0 7px;
	vertical-align: top;
	box-sizing: border-box;
	border-collapse: collapse;
}

@media screen and (max-width: 960px) {
	.table-row-class {
		display: block;
	}

	.toppane,
	.bottompane,
	.contentpane {
		display: table;
		padding: 0;
		width: 100%;
	}

	.leftpane,
	.rightpane {
		display: table;
		padding: 0;
		width: 100%;
	}

	.topleftpane,
	.toprightpane,
	.bottomleftpane,
	.bottomrightpane {
		display: table;
		width: 100%;
		padding: 0;
	}
}

.dp-custom-padding {
	padding: 0 7px;
}

div.table-class div[id$=paneheader] {
	margin-bottom: 5px;
	height: 25px;
	background-color: #efefef;
	text-align: center;
	font: 200 18px rezvan, tahoma;
	border-radius: 3px;
	border: 1px solid #dbd9d9;
}

/* ==============================================================a=l=a=v=i========
   portal-css: header
   ========================================================================== */
.bg-header {
	background: url("image/Website-Pattern-04.jpg") repeat;
}

/*................. background - detail....................*/


/*................. banner ....................*/
/*.Portal-Image {display: none;}*/
/*
.Portal-Image img {overflow: hidden; visibility: visible; margin: 2px 0;  border-radius: 5px; width: 100%;}
*/

/*........................icons........................*/
.dp_header_icon ul {
	content: "";
	display: inline-block;
	float: left;
	padding: 6px 0;
}

.dp_header_icon ul li {
	/*border-left: 1px solid #737373;*/
	display: block;
	float: left;
	margin: 5px 0;
	padding: 0 5px;
}

/*........................company-name........................*/
.company-name a {
	text-decoration: none;
	display: block;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.company-name a p {
	color: #ffffff;
	font: 28px/21px IRANSans, regular, sans-serif;
	margin: 0;
	text-align: center;
}

/*........................date........................*/
.dp-date {
	color: #595757 !important;
	margin-top: 8px;
	text-align: right;
}

.dp-date-pos {
	background-color: #74C2E1;
	border-radius: 5px;
	display: table;
	/* margin: 5px 20px;*/
	height: 26px;
	text-align: center;
	width: 240px;
	font: 14px/24px rezvan;
	-webkit-box-shadow: 0 0 0 2px rgba(51, 102, 153, 1);
	-moz-box-shadow: 0 0 0 2px rgba(51, 102, 153, 1);
	box-shadow: 0 0 0 2px rgba(51, 102, 153, 1);
}

.dp-date span {
	color: #000000 !important;
	display: table-cell;
	font-size: 11px !important;
	vertical-align: middle;
}

.dp-home {
	display: block;
	background: url(home.png) no-repeat;
	color: #fff;
	font: 14px regular;
	height: 22px;
	width: 24px;
	margin-top: -3px;
}

/*........................search........................*/
.put-toggleSearchBtn {
	display: block;
	float: left;
	font: 13px/19px IRANSans, sans-serif;
	color: #fff !important;
	/*	position: relative;
	top:50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);*/
	outline: none;
}

.put-toggleSearchBtn i {
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
}

.put-toggleSearchBtn .uk-icon-close {
	font-size: 22px;
}

/* .dp-search {
	overflow: hidden;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-ms-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
}


.dp-search img#imgLoading {position: absolute;}

.dp-search button.HeaderSearchButton
{background: url(image/search-icons-edit.png) no-repeat; border:0; height: 18px; text-indent: -9999px; width: 24px; vertical-align: top; margin-top: 5px; cursor: pointer;}

.dp-search button.HeaderSearchButton:hover {background: url(image/search-icons-edit2.png) no-repeat;}

.dp-search input.headerSearchTextBox {
	background-color: #fff;  border: 0 none;  color: #333 !important;  height: 24px;  margin:0;  outline: 0 none;  width: 140px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
} */

/* .dp-search input.HeaderSearchButton
{background: #999999 url(image/search-icons.png) no-repeat center; border:0; height: 25px; text-indent: -9999px; width: 30px; vertical-align: top; margin: 0; cursor: pointer;
	float: left;}

.dp-search input.HeaderSearchButton:hover {background: #444 url(image/search-icons.png) no-repeat center;} */

/*........................navigation........................*/
.nav-pos {
	width: 100%;
	background-color: rgba(0, 0, 0, .6);
	height: 28px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	/* position: relative; */
}

/*====== sticky menu ======*/
.put-stickMenu {
	position: relative;
	z-index: 204;
}

.put-stickMenu.uk-active {
	-webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .6);
	-moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .6);
	box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .6);
}

.put-stickMenu.uk-active .nav-pos {
	background-color: #fff;
}

.put-stickMenu.uk-active .dp-navigation-menu>li>a {
	color: #333 !important;
}

.put-stickMenu.uk-active .dp-navigation-menu>li>a:hover,
.put-stickMenu.uk-active .dp-navigation-menu li a.parent-link.active {
	color: #fff !important;
}


/* ==============================================================a=l=a=v=i========
   portal-css: Structure - theme
   ========================================================================== */

.dp_DefaultLayoutdiv,
.dp_defaultLayoutdiv {
	direction: rtl;
	margin: 0 auto
}

.dp_AlternateLayoutDiv,
.dp_alternateLayoutDiv {
	width: 100%;
	margin: 0;
	padding: 0;
	border-collapse: collapse
}

.dp_DefaultLayoutTable,
.dp_defaultLayoutTable {
	background: transparent;
	margin: 0 auto;
	width: 100%
}

.dp_alternateLayoutTable,
.dp_AlternateLayoutTable {
	width: 100%;
	margin: 0 auto;
}

.dp_alternatePortalHeader,
.dp_AlternatePortalHeader {
	width: 1024px;
	margin: 0 auto;
}

.dp_DefaultPortalHeader,
.dp_defaultPortalHeader {
	width: 100%;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	background-color: #fff;
}

.dp_DefaultPortalFooter,
.dp_defaultPortalFooter {
	width: 100%;
	/* background-color: hsl(350, 78%, 30%); */
}

.dp_DefaultPortalFooter {
	padding: 15px 0;
}

.dp-top-header {
	/* background-color: hsl(350, 78%, 30%); */
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.dp-top-header>.uk-container {
	/* height: 60px; */
}

.dp-top-header>.uk-container>.uk-grid {
	height: 100%;
}

.dp_alternatePortalFooter,
.dp_AlternatePortalFooter {
	width: 1024px;
	margin: 0 auto;
	background: rgba(51, 102, 153, 1);
	background: -moz-linear-gradient(top, rgba(51, 102, 153, 1) -1%, rgba(66, 116, 166, 1) 0%, rgba(80, 123, 165, 1) 24%, rgba(79, 121, 163, 1) 36%, rgba(68, 113, 158, 1) 48%, rgba(62, 110, 157, 1) 61%, rgba(59, 107, 156, 1) 74%, rgba(56, 105, 155, 1) 100%, rgba(53, 103, 152, 1) 100%);
	background: -webkit-linear-gradient(top, rgba(51, 102, 153, 1) -1%, rgba(66, 116, 166, 1) 0%, rgba(80, 123, 165, 1) 24%, rgba(79, 121, 163, 1) 36%, rgba(68, 113, 158, 1) 48%, rgba(62, 110, 157, 1) 61%, rgba(59, 107, 156, 1) 74%, rgba(56, 105, 155, 1) 100%, rgba(53, 103, 152, 1) 100%);
	background: -o-linear-gradient(top, rgba(51, 102, 153, 1) -1%, rgba(66, 116, 166, 1) 0%, rgba(80, 123, 165, 1) 24%, rgba(79, 121, 163, 1) 36%, rgba(68, 113, 158, 1) 48%, rgba(62, 110, 157, 1) 61%, rgba(59, 107, 156, 1) 74%, rgba(56, 105, 155, 1) 100%, rgba(53, 103, 152, 1) 100%);
	background: -ms-linear-gradient(top, rgba(51, 102, 153, 1) -1%, rgba(66, 116, 166, 1) 0%, rgba(80, 123, 165, 1) 24%, rgba(79, 121, 163, 1) 36%, rgba(68, 113, 158, 1) 48%, rgba(62, 110, 157, 1) 61%, rgba(59, 107, 156, 1) 74%, rgba(56, 105, 155, 1) 100%, rgba(53, 103, 152, 1) 100%);
	background: linear-gradient(to bottom, rgba(51, 102, 153, 1) -1%, rgba(66, 116, 166, 1) 0%, rgba(80, 123, 165, 1) 24%, rgba(79, 121, 163, 1) 36%, rgba(68, 113, 158, 1) 48%, rgba(62, 110, 157, 1) 61%, rgba(59, 107, 156, 1) 74%, rgba(56, 105, 155, 1) 100%, rgba(53, 103, 152, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#336699', endColorstr='#356798', GradientType=0);
}

.dp_DefaultLayoutTableModule,
.dp_defaultLayoutTableModule {
	padding: 15px;
	width: 1024px !important;
	margin: 5px auto 5px auto;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.dp_alternateLayoutTableModule,
.dp_AlternateLayoutTableModule {
	width: 100%;
	padding: 15px;
	border-right: solid 1px #8f9092;
	border-left: solid 1px #8f9092;
	background: #DDD;
}

.margin-top {
	margin: 8px auto;
}

/* ==============================================================a=l=a=v=i========
   portal-css: admin Control Panel
   ========================================================================== */
.ControlPanel {
	border: 1px solid
}

.ControlPanel * {
	font: normal 15px rezvan;
}

.ControlPanel #Table2>tbody>tr>td.SubHead {
	background: url("image/Website-Pattern-04.jpg") repeat;
	padding: 5px;
}

.ControlPanel {
	border: #aDaDaD solid;
	border-width: 0 0 2px
}

.ControlPanel img {
	margin: 10px
}

.ControlPanel td td td td img {
	margin: 0
}

.ControlPanel td td td {
	width: auto
}

.ControlPanel div {
	width: 3px;
	font: normal 11px IRANSans;
}

.ControlPanel td.SubHead {
	background: url("image/Website-Pattern-04.jpg") repeat;
	font: bold 12px tahoma;
	color: #fff;
}

.ControlPanel td.subhead {
	background: url("image/Website-Pattern-04.jpg") repeat;
	font: bold 12px tahoma;
	color: #fff;
}

.ControlPanel td td .SubHead {
	background: transparent;
	border: 0;
	font: normal 11px IRANSans;
	color: #333;
}

/* .ControlPanel td td td input {color: #000;padding-left: 4px;font: normal 11px IRANSans;border-radius: 5px;} */
.ControlPanel td td td select {
	color: #333;
	font: normal 14px rezvan;
	cursor: pointer;
	border-radius: 5px;
}

/* .ControlPanel td td td input[type="submit"]
{background: #F8950F;border: 1px solid #006e74;color: #000;display: inline-block;font: 8pt IRANSans; margin: 3px 5px;padding: 1px 5px;text-align: center;text-decoration: none}
*/
.Head {
	color: #404040;
	font: bold 22px rezvan, Tahoma;
	letter-spacing: 0
}

.SubHead {
	color: #404040;
	font: 800 12px IRANSans, regular
}

.SubSubHead {
	font-weight: bold;
	font: 11px Tahoma;
	color: #000;
}

.TitleHead {
	color: #fff;
	font: 18px IRANSans, regular;
	line-height: 32px;
	padding-right: 8px !important;
	vertical-align: top;
	border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
}

.CommandButton,
a.CommandButton {
	background-color: #74C2E1;
	border: medium none;
	color: #000000;
	display: inline-block;
	font: 8pt IRANSans;
	margin: 3px 5px;
	padding: 1px 5px;
	text-align: center;
	text-decoration: none;
	border-radius: 5px;
	-webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.75);
	box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.75);
}

.CommandButton,
a.CommandButton :hover {
	background-color: #336699;
	color: #ffffff;
	cursor: pointer;
}

/* ==============================================================a=l=a=v=i========
   portal-css: footer
   ========================================================================== */


/*................. background ....................*/
.bg-footer {
	height: 65px;
	background: rgba(51, 102, 153, 1);
	background: -moz-linear-gradient(top, rgba(51, 102, 153, 1) 0%, rgba(66, 116, 166, 1) 12%, rgba(80, 123, 165, 1) 24%, rgba(79, 121, 163, 1) 36%, rgba(68, 113, 158, 1) 48%, rgba(62, 110, 157, 1) 61%, rgba(59, 107, 156, 1) 74%, rgba(56, 105, 155, 1) 87%, rgba(53, 103, 152, 1) 100%);
	background: -webkit-linear-gradient(top, rgba(51, 102, 153, 1) 0%, rgba(66, 116, 166, 1) 12%, rgba(80, 123, 165, 1) 24%, rgba(79, 121, 163, 1) 36%, rgba(68, 113, 158, 1) 48%, rgba(62, 110, 157, 1) 61%, rgba(59, 107, 156, 1) 74%, rgba(56, 105, 155, 1) 87%, rgba(53, 103, 152, 1) 100%);
	background: -o-linear-gradient(top, rgba(51, 102, 153, 1) 0%, rgba(66, 116, 166, 1) 12%, rgba(80, 123, 165, 1) 24%, rgba(79, 121, 163, 1) 36%, rgba(68, 113, 158, 1) 48%, rgba(62, 110, 157, 1) 61%, rgba(59, 107, 156, 1) 74%, rgba(56, 105, 155, 1) 87%, rgba(53, 103, 152, 1) 100%);
	background: -ms-linear-gradient(top, rgba(51, 102, 153, 1) 0%, rgba(66, 116, 166, 1) 12%, rgba(80, 123, 165, 1) 24%, rgba(79, 121, 163, 1) 36%, rgba(68, 113, 158, 1) 48%, rgba(62, 110, 157, 1) 61%, rgba(59, 107, 156, 1) 74%, rgba(56, 105, 155, 1) 87%, rgba(53, 103, 152, 1) 100%);
	background: linear-gradient(to bottom, rgba(51, 102, 153, 1) 0%, rgba(66, 116, 166, 1) 12%, rgba(80, 123, 165, 1) 24%, rgba(79, 121, 163, 1) 36%, rgba(68, 113, 158, 1) 48%, rgba(62, 110, 157, 1) 61%, rgba(59, 107, 156, 1) 74%, rgba(56, 105, 155, 1) 87%, rgba(53, 103, 152, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#336699', endColorstr='#356798', GradientType=0);
}

.border-top-footer {
	height: 10px;
}



/*................. detail ....................*/
.dp-footerlink {
	color: #fff;
	font: 13px IRANSans, regular, sans-serif;
	text-decoration: none;
	text-align: left;
}

.dp-footerlink table {
	float: left;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.dp-footerlink a:visited,
.dp-footerlink a:link,
.dp-footerlink a:active {
	color: #fff;
	text-decoration: none;
	font: normal 13px IRANSans, regular, sans-serif;
	display: block;
	padding: 3px 10px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	height: 28px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 5px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	/*-ms-transition: all .3s;*/
	-o-transition: all .3s;
	transition: all .3s;
}

.dp-footerlink a:hover {
	color: #fff;
	text-decoration: none;
	background-color: #262626;
}

.dp-footertext {
	color: #fff;
}

.dp-footertext p {
	font: normal 21px/21px regular, IRANSans, sans-serif;
}

.dp-footertext span {
	font: 13px IRANSans, regular, sans-serif;
}



/*........................icons........................*/
/*.dp_footer_icon {width: 100%;}*/
.dp_footer_icon ul {
	content: "";
	display: inline-block;
	padding: 0;
	clear: both;
	float: none;
}

.dp_footer_icon ul li {
	display: block;
	float: right;
	margin: 10px 0 6px;
	padding: 0 10px;
}

.dp_footer_icon ul li a {
	display: block;
	font-size: 18px;
	color: #464646 !important;
	padding: 5px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	/*-ms-transition: all .3s;*/
	-o-transition: all .3s;
	transition: all .3s;
}

.dp_footer_icon ul li a em {
	color: #464646 !important;
}

.dp_footer_icon ul li a:hover {
	color: #b2040e !important;
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}

.dp_footer_icon ul li a:hover em {
	color: #b2040e !important;
}

/* ==============================================================a=l=a=v=i========
   portal-css: admin - menu
   ========================================================================== */
.top-admin-menu {
	background: url("image/Website-Pattern-04.jpg") repeat;
}

.SiteLink {
	direction: rtl;
	color: #ffffff;
	display: block;
	padding: 4px;
	position: relative;
	z-index: 10;
}

.SiteLink a {
	color: #ffffff;
	padding: 0 5px;
	border-left: 1px solid #000000;
	font: normal 13px IRANSans;
}

.SiteLink a:hover {
	color: #336699;
}

/*---------- setting buttons styles  --------n.ghelichkhani---------*/
.dp-module-title-btn {
	text-align: center;
	background-color: #f5f5f5;
	border: solid 1px rgba(0, 0, 0, 0.06);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 0 #ffffff;
	-moz-box-shadow: 0 1px 0 #ffffff;
	box-shadow: 0 1px 0 #ffffff;
	color: #666 !important;
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	box-sizing: border-box !important;
	width: 40px;
	height: 30px;
	padding-top: 0;
	margin-right: 4px;
	float: left !important;
}

.dp-module-title-btn.sortable-placeholder {
	cursor: grab;
	padding-top: 5px;
}

.dp-modules-title-st-btn {
	margin-top: -4px !important;
}

.dp-modules-title-st {
	display: inline-block;
}

.dp-modules-title-st-list {
	background-color: #fff;
	font: 13px Tahoma;
	display: none;
	width: 150px;
	text-align: right;
	-webkit-box-shadow: 0 1px 3px 0 #333;
	-moz-box-shadow: 0 1px 3px 0 #333;
	box-shadow: 0 1px 3px 0 #333;
	top: 30px;
	left: 0;
	z-index: 9999;
}

.dp-modules-title-st-list a {
	display: block;
	color: #666;
	padding: 10px 15px !important;
	-webkit-transition: all ease .3s;
	-moz-transition: all ease .3s;
	/*-ms-transition: all ease .3s;*/
	-o-transition: all ease .3s;
	transition: all ease .3s;
	border-right: solid 4px transparent;
}

.dp-modules-title-st-list i {
	font-size: 16px;
	display: inline-block;
	margin-left: 5px;
	vertical-align: middle;
}

.dp-modules-title-st-list a:hover {
	color: #fff;
	background-color: #1C2529;
	border-right-color: #367FA9;
}

/*---------- setting buttons styles  ---------end--------*/

/* ==============================================================a=l=a=v=i========
   portal-css:
   ========================================================================== */
input[type=text].NormalTextBox,
.NormalTextBox input[type=text],
.NormalTextBox {
	min-height: 25px;
	text-align: right;
}

input.NormalTextBox,
.Normal input,
.Normal select,
select.NormalTextBox,
.NormalTextBox input[type="text"] {
	border-radius: 4px;
	color: #555;
	font: normal 14px regular;
	font-weight: 400;
	margin: 2px 0;
	padding: 0 5px;
	border: 1px solid #BFBDBD;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

select.NormalTextBox {
	padding: 3px 5px !important
}

.NormalTextBox {
	color: #000;
	font: normal 12px regular;
}

.NormalTextBox:focus {
	-moz-box-shadow: 0 0 3px #729CE0;
	-webkit-box-shadow: 0 0 3px #729CE0;
	box-shadow: 0 0 3px #729CE0;
}

.NormalRed {
	color: #fc0;
	font: bold 11px regular;
}

.NormalBold {
	font: normal 14px regular;
}

.NormalItalic {
	font: normal 14px regular;
}

.CommandButton:hover,
a.CommandButton:hover {
	background-color: #74C2E1;
	color: #000000;
}

.Calendar {
	text-decoration: none;
	font: bold 10px Tahoma;
}

.SubModule {
	background: #CCC;
	font-weight: bold;
	line-height: 20px;
	padding: 0 5px;
}

.SubSubModule {
	background: #DDD;
	color: #000
}

div.edmenuback {
	background: #ccc;
	border: 1px solid #929292;
	width: 100%
}

td.edmenuStyle {
	width: 75px;
	padding-top: 2px;
	padding-left: 2px;
	text-align: right
}

td.edmenuHTML {
	text-align: right;
	width: 35px
}

.MessageTitle {
	font: normal 11px regular;
	color: darkblue
}

.Messageauthor {
	font: normal 11px regular;
	color: darkgray
}

.MessageBody {
	font: normal 11px regular;
	color: black
}

.SurveyQuestion {
	color: darkred
}

.SurveyPanel {
	color: silver;
	background: silver
}

.SurveyOption {
	color: black
}

.SurveyButton {
	color: darkred;
	font-weight: bold
}

.bc_Row {
	padding-left: 57px;
	border-bottom: solid 2px Black;
	background: #fc0
}

.bc_Text {
	font-size: 10px
}

.bc_Link,
.bc_Link:link,
.bc_Link:visited {
	padding-left: 8px;
	font-size: 10px;
	text-decoration: none;
	color: #fff
}

.bc_Link:hover {
	text-decoration: underline;
	color: #EC872C
}

.FilterButton {
	border: black thin solid;
	padding: 2px 3px;
	font: 11px Tahoma;
	background: #999;
	overflow: visible;
	color: white;
	line-height: 12px;
	text-align: center;
}

a.FilterButton {
	color: white
}

a.FilterButton:hover {
	color: white
}

.alternateRow {
	background: #EEE
}

.Message {
	background: #fc0
}

.ItemDate,
.ItemTitle {
	font: bold 11px Tahoma;
	color: #000;
}

.dp_Gallery_alternative_ItemTitle,
.dp_Gallery_alternative_ItemValue {
	font-weight: bold;
	background-color: #D7E7F2
}

.dp_Gallery_Item_Image {
	border: thin;
}

.dp_Gallery_Item_Title {
	color: black;
	background: #83B7DE;
	text-align: center
}

.dp_Gallery_Item_ItemTitle {
	font-weight: bold;
	background: #cadfee
}

.dp_Gallery_Item_ItemValue {
	background: #CaDFEE
}

.GridItemStyle {
	background: #F0F0F0
}

.GridHeaderStyle {
	font-weight: bold;
	background: url(gridHeader_bg.gif);
	height: 20px;
}

.GridalternatingStyle {
	background: #F4F8FD;
	color: #325190
}

.GridalternatingStyle a {
	color: #325190
}

.GridStyle {
	border: 1px solid #EaE9E1;
	width: 100%
}

.Category_treeView_Class {
	border: darkgray thin solid;
	vertical-align: top
}

.Category_LoadModule_Class {
	border: darkgray thin solid;
	vertical-align: top
}

.eForm_ControlSelector {
	direction: ltr;
	width: 400px
}

.eForm_ControlToolBar {
	width: 100px;
	height: 100%;
	direction: ltr;
	vertical-align: top;
	border-left: #7c7c94 1px solid;
	border-right: #7c7c94 1px solid
}

.eForm_ControlProperties {
	background: #f1f1f1;
	vertical-align: top;
	padding: 0;
	margin: 0;
	height: 0
}

.eForm_FormToolBar {
	vertical-align: top;
	height: 100%;
	width: 15%;
	min-width: 220px;
	border-left: #7c7c94 1px solid;
	border-right: #7c7c94 1px solid;
	white-space: nowrap
}

.eForm_ControlContainer {
	background: #d1d1d1;
	vertical-align: top;
	height: 100%
}

.eForm_Edit {
	width: 100%;
	height: 100%;
	border: solid 0 black
}

.eForm_DesignerContainer {
	width: 100%;
	height: 100%;
	border: solid 0 black;
	vertical-align: top;
	white-space: nowrap
}

.eForm_Edit_Links_Left {
	text-align: left
}

.eForm_Edit_Links_Right {
	text-align: right
}

.eForm_Edit_Links {
	width: 100%;
	background-color: #e8e8e8
}

.eForm_Grid_addButton {
	float: right
}

.ItemDate {
	font-weight: normal
}

.dp_Directorytree {
	font: 11px Tahoma;
}

.MenuCSS-MenuContainer {
	border-style: none;
	height: 24px;
	background: #6B6B6B
}

.MenuCSS-MenuBar {
	border-style: none;
	height: 24px
}

.MenuCSS-MenuItem {
	border-style: none;
	height: 24px;
	color: #FFF
}

.MenuCSS-MenuIcon {
	border-style: none;
	height: 24px;
	background-color: #C0C0C0
}

.MenuCSS-SubMenu {
	border-style: none;
	height: 24px;
	background-color: #6B6B6B
}

.MenuCSS-MenuBreak {
	border-style: none;
	height: 24px;
	background-color: white
}

.MenuCSS-MenuItemSel {
	border-style: none;
	height: 24px;
	color: black;
	background-color: #CCC
}

.MenuCSS-Menuarrow {
	border-style: none;
	height: 24px
}

.MenuCSS-MenuScroll {
	border-style: none;
	height: 24px
}

.MenuCSS-RootMenuarrow {
	border-style: none;
	height: 24px
}

.dp_Message_Error {
	color: Red
}

.dp_Message_Confirm {
	color: Black;
	font-weight: bold
}

.dp_Message_Success {
	color: Green
}

.dp_Message_Normal {
	color: Black
}

.MainMenu_MenuContainer {
	background: transparent
}

.MainMenu_MenuBar {
	cursor: hand;
	height: 16px;
	background: transparent
}

.MainMenu_MenuItem,
.MainMenu_MenuIcon {
	border: 1px solid #cccccc;
	font: bold normal 9pt Tahoma;
	background: transparent;
	cursor: hand;
	color: black;
}

.MainMenu_SubMenu {
	z-index: 1000;
	cursor: hand;
	background-color: #ccc
}

.MainMenu_MenuBreak {
	height: 1px
}

.MainMenu_MenuItemSel {
	font: 9pt Tahoma;
	cursor: hand;
	color: black;
	background: #aaa
}

.MainMenu_Menuarrow {
	border-right: #ccc 1px solid;
	border-top: #ccc 0 solid;
	font: 10pt webdings;
	cursor: hand;
	border-bottom: #ccc 1px solid;
}

.MainMenu_RootMenuarrow {
	font: 10pt webdings;
	cursor: hand;
}

.treeView,
.TreeView {
	direction: rtl !important
}

.TabStripTopGroup {
	z-index: 99;
	position: relative
}

.TabStripDefaultTab {
	color: black;
	font: normal 9px regular;
	cursor: default
}

.TabStripDefaultTabHover {
	color: black;
	font: normal 9px regular;
	cursor: default
}

.TabStripSelectedTab {
	color: black;
	font: normal 9px regular;
	cursor: default
}

.TabStripMultiPage {
	background: White;
	border: 1px solid #919B9C;
	width: 650px;
	height: 250px;
	position: relative;
	top: -3px;
	left: 1px;
	z-index: 98;
	padding: 12px
}

.availableFieldsCssClass {
	background-color: #E0EEFF;
	font: normal 11px regular;
	color: Blue;
	direction: ltr
}

.SelectedFieldsCssClass {
	background-color: #E0EEFF;
	font: normal 11px regular;
	color: #00F;
	direction: ltr
}

.lnkCssClass {
	text-transform: uppercase;
	color: #2F517F
}

.lnkCssClass:active {
	text-transform: uppercase;
	color: #09F
}

.lnkCssClass:visited {
	text-transform: uppercase;
	color: #2F517F
}

.lnkCssClass {
	text-transform: uppercase;
	color: #2F517F
}

.lnkCssClass:hover {
	text-transform: uppercase;
	color: #09F
}

.ComarttrvRelationsCssClass {
	background: #FFF;
	padding: 4px 0 0 1px;
	cursor: default
}

.ComarttrvRelationsHoverNodeCssClass,
.ComarttrvRelationsNodeCssClass,
.comarttrvRelationsSelectedNodeCssClass {
	font: 11px tahoma;
	padding: 2px 3px 1px;
	cursor: hand;
	background: #d7e9ff
}

#ctl01_Banner_ctl00 {
	display: none;
}

/*#NewsContentLayout {  border-bottom: 1px solid #cccccc;  }*/
#NewsContent table tr td {
	padding: 2px;
}

.MarqueeFont14601 {
	font: normal 14px IRANSans;
	display: table-cell;
	padding-right: 40px;
}

#tabel1 {
	margin: 20px auto;
	width: 500px !important;
}

#tabel1~p {
	margin: 0 auto;
	width: 500px !important;
}

#lblDate span {
	color: #083453
}

.Error {
	font: bold 11px Tahoma, Helvetica, sans-serif;
	color: red;
}

.HeadBg {
	background-color: #FFF
}

/* ==============================================================a=l=a=v=i========
   portal-css: custom - css
   ========================================================================== */
#Table2 tr td {
	padding: 5px 0;
}

#Table6 {
	padding: 5px 0;
}

/*................. slider ....................*/
/*
.slider-style {border-radius: 15px; overflow: hidden; border-left: 2px solid #336699; border-right: 2px solid #336699; margin:7px 0; }*/

/* ==============================================================a=l=a=v=i========
   portal-css: slickNav - css
   ========================================================================== */
.slicknav_menu {
	display: none;
}

@media only screen and (max-width: 768px) {

	#navigation-style {
		display: none;
	}

	.slicknav_menu {
		display: block;
	}
}

.slicknav_btn {
	background-color: #b2040e !important;
}

.slicknav_nav {
	background-color: #2a2a2a !important;
	position: absolute !important;
	width: 100% !important;
	top: 100%;
	right: 0;
}

.slicknav_nav a {
	font-family: IRANSans, regular, sans-serif !important;
}

.slicknav_nav .slicknav_row:hover,
.slicknav_nav a:hover {
	background-color: #b2040e !important;
}

.slicknav_menu {
	background-color: transparent !important;
}

/* ==============================================================a=l=a=v=i========
   portal-css: uk-tooltip-custom
   ========================================================================== */
.uk-tooltip {
	display: none;
	position: absolute;
	z-index: 1030;
	box-sizing: border-box;
	max-width: 200px;
	padding: 5px 10px;
	background: #666666;
	font-family: rezvan, arial, sans-serif;
	color: #ffffff;
	font-size: 14px;
	font-weight: normal;
	line-height: 18px;
	border-radius: 3px;
}

.uk-tooltip:after {
	content: "";
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	border: none;
}

.uk-tooltip:before {
	content: "";
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	border: 5px dashed #666666;
}

/* Top*/
.uk-tooltip-top:before,
.uk-tooltip-top-left:before,
.uk-tooltip-top-right:before {
	bottom: -5px;
	border-top-style: solid;
	border-bottom: none;
	border-left-color: transparent;
	border-right-color: transparent;
	border-top-color: #666666;
}

/* Bottom*/
.uk-tooltip-bottom:before,
.uk-tooltip-bottom-left:before,
.uk-tooltip-bottom-right:before {
	top: -5px;
	border-bottom-style: solid;
	border-top: none;
	border-left-color: transparent;
	border-right-color: transparent;
	border-bottom-color: #666666;
}

/*Top/Bottom center*/
.uk-tooltip-top:before,
.uk-tooltip-bottom:before {
	left: 50%;
	margin-left: -5px;
}

/* Top/Bottom left*/
.uk-tooltip-top-left:before,
.uk-tooltip-bottom-left:before {
	left: 10px;
}

/* Top/Bottom right*/
.uk-tooltip-top-right:before,
.uk-tooltip-bottom-right:before {
	right: 10px;
}

/* Left*/
.uk-tooltip-left:before {
	right: -5px;
	top: 50%;
	margin-top: -5px;
	border-left-style: solid;
	border-right: none;
	border-top-color: transparent;
	border-bottom-color: transparent;
	border-left-color: #666666;
}

/*Right*/
.uk-tooltip-right:before {
	left: -5px;
	top: 50%;
	margin-top: -5px;
	border-right-style: solid;
	border-left: none;
	border-top-color: transparent;
	border-bottom-color: transparent;
	border-right-color: #666666;
}

/*.......End...........Component: Tooltip....................*/

/* ==============================================================a=l=a=v=i========
   portal-css: registeration-form-style-custom
   ========================================================================== */

.register-uk-container {
	padding: 0 15px;
}

.register-padding-top {
	padding-top: 15px;
}

.register-style.custom-bg {
	background-color: #ffffff;
}

@font-face {
	font-family: 'rezvan';
	src: url('fonts/rezvan.otf');
	/* IE9 Compact Modes */
	src: url('fonts/rezvan.otf?#iefix') format('embedded-opentype'),
		/* IE6-IE8 */
		url('fonts/rezvan.ttf') format('truetype');
	/* Safari, Android, iOS */
	font-weight: normal;
	font-style: normal;
}

.register-style h3,
.register-style label,
.register-style dt,
.register-style button {
	font-family: rezvan, Helvetica, Arial, sans-serif;
	color: #888888;
}

.register-style label {
	font-family: rezvan, Helvetica, Arial, sans-serif;
	color: #666666;
}

.register-style input,
.register-style textarea,
.register-style select {
	font-family: rezvan, Helvetica, Arial, sans-serif;
	background-color: #f5f5f5 !important;
	border: 1px solid #dddddd !important;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 -1px 4px 0 rgba(238, 238, 238, 1);
	-moz-box-shadow: inset 0 -1px 4px 0 rgba(238, 238, 238, 1);
	box-shadow: inset 0 -1px 4px 0 rgba(238, 238, 238, 1);
}

.register-style textarea {
	color: #AAAAAA;
}

.register-style select {
	color: #444444;
}

.register-style input:focus,
.register-style textarea:focus {
	background-color: #ffffff !important;
	border: 1px solid #AAAAAA !important;
	color: #444444;
	-webkit-box-shadow: inset 0 -1px 4px 0 rgba(204, 204, 204, 1);
	-moz-box-shadow: inset 0 -1px 4px 0 rgba(204, 204, 204, 1);
	box-shadow: inset 0 -1px 4px 0 rgba(204, 204, 204, 1);
}

.register-style .uk-form-row .custom-margin {
	margin: 4px 40px 4px 0;
}

.register-style .register-accordion-title {
	-webkit-transition: background 0.3s ease-in-out;
	-moz-transition: background 0.3s ease-in-out;
	-o-transition: background 0.3s ease-in-out;
	transition: background 0.3s ease-in-out;
}

.register-style .register-accordion-title.uk-active,
.register-style .register-accordion-title:hover {
	border: 1px solid #444444;
	background-color: #444444;
	color: #ffffff;
}

.register-style .uk-alert ul {
	padding-left: 30px;
}

.register-style .uk-alert ul li {
	position: relative;
	margin-top: 5px;
	padding-top: 5px;
}

.register-style span.custom-font-style {
	font-family: rezvan, Helvetica, Arial, sans-serif;
	color: #666666;
	padding: 0 25px;
	margin: 0;
}

.register-style i.alert-icon {
	position: absolute;
	right: 0;
	top: 30%;
}

.register-style .uk-form-row .custom-pos {
	position: relative;
	padding: 4px 35px 4px 0;
}

.register-style .uk-form-row span.userpro-field-icon {
	background-color: #f5f5f5;
	border: 1px solid transparent;
	border-radius: 999px;
	color: #999999;
	cursor: default;
	font-size: 18px;
	height: 32px;
	right: 25px;
	line-height: 32px;
	position: absolute;
	text-align: center;
	top: 0;
	width: 32px;
	-webkit-transition: background 0.3s ease-in-out;
	-moz-transition: background 0.3s ease-in-out;
	-o-transition: background 0.3s ease-in-out;
	transition: background 0.3s ease-in-out;
}

.register-style .uk-form-row span.userpro-field-icon:hover {
	background-color: #444444;
	color: #ffffff;
}

.register-style .uk-form-row span.userpro-field-icon-hover {
	background-color: #444444;
	color: #ffffff;
}

.register-style .uk-form-row span.userpro-field-icon-green {
	background-color: #03A678;
	color: #ffffff;
}

.register-style .uk-button-success {
	background-color: #03A678;
	color: #ffffff;
	margin: 0;
}

.register-style .uk-button-danger {
	color: #ffffff;
}

.register-style .uk-form-horizontal .uk-form-label {
	width: 100%;
	font-weight: normal;
}

.register-style .uk-form-row .register-important {
	border-left: 2px solid #e4354f !important;
}

.register-style .uk-form-row .register-position {
	position: relative;
}

.register-style .uk-form-row span.info {
	display: inline-block;
	height: 15px;
	position: absolute;
	left: 10px;
	top: 8px;
	width: 15px;
}

.register-style .uk-form-row span.info::before {
	background-color: #666666;
	border-radius: 50%;
	color: #ffffff;
	content: attr(data-label);
	cursor: help;
	font-family: rezvan, arial, sans-serif;
	font-size: 12px;
	position: absolute;
	text-align: center;
	height: 15px;
	width: 15px;
}

/*.register-style .password-checker {background-color: #fafafa; border: 1px solid #cccccc; border-radius: 3px; font: 12px rezvan; margin: 6px 0 0; padding: 5px; position: relative; right: 0;width: 96%; z-index: 100;}*/
.register-style .uk-form-file button.register-button-upload {
	color: #8c8c8c;
}

.register-style .uk-form-row .pic-profile {
	border: 1px solid #eee;
	border-radius: 5px;
}


.capture-code-style img {
	width: 180px;
	height: 80px;
	background-color: #cccccc;
	display: block;
	border-radius: 4px;
	border: 1px solid #666666 !important;
	-webkit-box-shadow: 0 -1px 4px 0 rgba(204, 204, 204, 1);
	-moz-box-shadow: 0 -1px 4px 0 rgba(204, 204, 204, 1);
	box-shadow: 0 -1px 4px 0 rgba(204, 204, 204, 1);
}

.capture-code-style .insert-code-style {
	height: 26px;
	margin: 3px 2px 0 0;
	width: 75%;
	border: 1px solid #AAAAAA !important;
}

.captcha-padding-bottom {
	padding-bottom: 35px;
}

.pic-profile {
	width: 64px;
	height: 64px;
}

.captcha-refresh-btn {
	width: 22%;
	border: 1px solid #aaaaaa !important;
	margin: 4px 0 0 0 !important;
}

.register-custom-btn {
	font-family: IRANSans, regular, sans-serif !important;
}

.custom-icon-position {
	font-size: 20px !important;
	left: -30px;
	position: absolute;
	top: 5px;
}

.times-style {
	color: red;
}

.check-style {
	color: green;
}

.loading-style {}

@media screen and (max-width: 480px) {
	.register-style .uk-form-row span.userpro-field-icon {
		margin: -9px 0;
	}
}

/*--------end--------------register-style----------------------------*/

.padding-container {
	padding: 0 20px;
	box-sizing: border-box;
}

/* ******* Start Style Menu ******* */

.site-logo {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    padding: 0;
}

.site-title {
    display: inline-block;
    color: #000;
    font-size: 14px;
    line-height: 20px;
    margin: 0;
    vertical-align: middle;
}

[id$=_PortalTitle] {
    display: block;
    color: #fff;
    font-size: 26px;
    padding: 10px 0 !important;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

.portal-image {
    display: inline-block;
    max-width: 100%;
    vertical-align: middle;
    position: relative;
    padding-left: 20px;
}

.portal-image img {
    display: inline-block;
    padding: 0;
    width: 277px;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

#menu {
    position: fixed;
    top: -100%;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0 20px 70px 60px;
    display: flex;
    flex-direction: column;
    background: #000 url('/Design/Themes/put-university/Default/RTL/image/bg-fixnav.jpg') no-repeat center;
    background-size: cover;
    z-index: 1;
    opacity: 0;
    overflow: hidden;
    visibility: hidden;
    pointer-events: none;
    transition: .2s linear;
    box-sizing: border-box;
    z-index: 9999;
}

#menu.active {
    top: 0;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transition: .4s linear;
}

#menu > ul {
    flex: 1;
    box-sizing: border-box;
    width: calc(100% / 3 - 50px);
    border-left: 1px solid #eee;
    margin: 0;
}

.nav-root {
    position: relative;
    margin: 40px 0 0;
    padding: 0;
}

.nav-root ul {
    position: absolute;
    top: 0;
    right: 100%;
    width: 0;
    height: 100%;
    border-left: 1px solid #eee;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transition: .2s linear;
    padding: 0 50px 0 0;
    box-sizing: border-box;
}

@media screen and (min-width: 1024px) {
	.nav-root .nav-parent:hover > ul {
    width: 100%;
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
    overflow: visible;
    transition: .3s linear;
	}
}

.nav-root ul li a {
    display: block;
    font-size: 22px;
    padding: 10px 0;
    transition: .3s ease;
}

.nav-root ul > li > a {
    position: relative;
    line-height: 1;
}

.nav-root ul > li > a::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    right: -34px;
    width: 20px;
    height: 4px;
    border-radius: 4px;
    background-color: #ccc;
}

.nav-root ul > li.nav-parent > a:before {
    display: none;
}

.nav-root ul > li.nav-parent > a:after {
    content: '\f104';
    position: absolute;
    top: 15px;
    left: calc(5% - 20px);
    font: 100 30px/22px 'Font Awesome 5 Pro';
}

.nav-root li {
    list-style: none;
    margin: 0 0 10px;
    line-height: 4;
}

.nav-root > li:first-child {
	margin-bottom:50px;
}

.nav-root li a {
    color: #fff;
    margin: 0;
    display: inline-block;
    padding-bottom: 6px;
}

.nav-root > li > a {
    line-height: 1.6;
    font-size: 30px;
    /*border-bottom: 2px solid #fff;*/
    transition: .2s ease-in-out;
}

.nav-root li  a:hover {
    color: #8996a0;
    border-color: #8996a0;
}

.nav-root ul .nav-parent:hover > a {
    color: #fff;
    background-color: #000;
}

.head-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.head-nav img {
    max-height: 100px
}

.head-nav button {
    font-size: 44px;
    padding: 6px 34px;
    border: 0;
    cursor: pointer;
    background-color: transparent;
	color: #fff
}

.quik-link {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 15px 30px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background-color: #000;
}

.quik-link span {
    color: #8996a0;
    font-size: 22px;
    margin-right: 20px
}

.quik-link i {
    color: #8996a0;
    margin-right: 20px;
    font: 200 36px 'Font Awesome 5 Pro';
}

.quik-link ul {
    margin: 0;
    padding: 0;
    flex: 1;
    display: flex;
    align-items: center;
}

.quik-link li {
    list-style: none;
}

.quik-link a {
    display: block;
    margin-right: 20px;
    font-size: 16px;
    color: #ffffff !important;
    padding: 0 0 4px;
    font-weight: bold;
}


.main-header {
    position: relative;
    display: flex;
    align-items: center;
}

.toggle-language {
    position: relative;
    cursor: pointer;
    margin-right: 20px;
    padding: 10px 0;
}

.toggle-language span {
    color: #000;
}

.toggle-language ul {
    margin: 0;
    position: absolute;
    top: calc(100% - 10px);
    left: 0;
    opacity: 0;
    pointer-events: none;
    min-width: 100px;
    padding: 4px 0;
    border-radius: 10px;
    border: 1px solid #fff;
    background-color: #000;
    box-sizing: border-box;
    z-index: -1;
    transition: .3s linear;
}

.toggle-language:hover ul {
    pointer-events: auto;
    opacity: 1;
    z-index: 1;
}

.toggle-language ul li {
    list-style: none;
}

.toggle-language ul li a {
    color: #fff;
    display: block;
    margin: 4px 0 0;
    padding: 0 10px;
    position: relative;
    z-index: 1;
    transition: .2s linear;
}

.toggle-language ul li a:hover {
    color: #000;
}

.toggle-language ul li a:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: #fff;
    z-index: -1;
    transition: .3s linear;
}

.toggle-language ul li a:hover:before {
    width: 100%;
}

.navigation-bar {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.toggle-search {
    width: 40px;
    padding: 10px 0;
    margin-right: 20px;
    text-align: center;
    cursor: pointer;
}

.toggle-search i {
    color: #000;
    font: 400 22px 'Font Awesome 5 Pro';
}

.btns {
    display: flex;
    align-items: stretch;
}

.btns div {
    width: 120px;
    height: 80px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #000;
    transition: .2s linear;
}

.btns div:hover {
    background-color: #2D3032;
}

.btns div a,
.btns div i {
    color: #fff !important;
    font-size: 22px;
}

.btn-menu i {
    margin-left: 10px;
}

.dp-search {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    box-sizing: border-box;
    transition: .5s;
    border-radius: 0;
    width: 100%;
    height: 0;
    background: #3b3b3b;
    overflow: hidden;
    border: 0;
}

.dp-search.active {
    height: 100px;
}

.dp-search #imgLoading {
    color: #fff;
    font-size: 36px;
    border-radius: 10px;
    position: absolute;
    visibility: hidden;
    top: 30px;
    right: 20%;
}

.dp-search #SearchLoading {
    position: absolute !important;
}

.dp-search .headerSearchTextBox {
    height: 100%;
    min-height: 0 !important;
    color: #fff !important;
    font-size: 22px !important;
    margin: 0;
    border-radius: 0;
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0 none;
    background: none;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    text-align: left;
    padding: 0 5px;
    border: 0;
    width: 100%;
    background: transparent;
    flex: 1;
}

.dp-search .headerSearchTextBox::placeholder {
    color: #fff;
    text-align: left;
}

.headerSearchTextBox::-webkit-input-placeholder {
    color: #fff;
    text-align: left;
    -webkit-transition: .5s;
    transition: .5s;
}

.headerSearchTextBox::-moz-placeholder {
    color: #fff;
    text-align: left;
    -moz-transition: .5s;
    transition: .5s;
}

.headerSearchTextBox:-ms-input-placeholder {
    color: #fff;
    text-align: left;
    -ms-transition: .5s;
    transition: .5s;
}

.headerSearchTextBox::-ms-input-placeholder {
    color: #fff;
    text-align: left;
    -ms-transition: .5s;
    transition: .5s;
}

.headerSearchTextBox::placeholder {
    color: #fff;
    text-align: left;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

.headerSearchTextBox:focus::-webkit-input-placeholder {
    color: #fff;
}

.headerSearchTextBox:focus::-moz-placeholder {
    color: #fff;
}

.headerSearchTextBox:focus:-ms-input-placeholder {
    color: #fff;
}

.headerSearchTextBox:focus::-ms-input-placeholder {
    color: #fff;
}

.headerSearchTextBox:focus::placeholder {
    color: #fff;
}

.dp-search [id$=_HeaderSearch_SearchButton] {
    position: absolute;
    top: 0;
    right: 0;
    color: #ccc;
    font-size: 0 !important;
    border: 0;
    background: transparent;
    opacity: 1;
    -o-transition: .5s;
    transition: .5s;
    -webkit-transition: .5s;
    cursor: pointer;
    outline: 0;
    width: 100px;
    height: 100%;
    text-align: center;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

[id$=_SearchEditButton] {
    height: 20px;
    color: #fff;
    font-size: 9px;
    border: 0;
    background: #707070;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    cursor: pointer;
    position: absolute;
    top: 5px;
    left: 35px;
    z-index: 1;
}

[id$=_SearchEditButton]:hover {
    color: #fff;
    background: #005eaa;
}

.dp-search .search-ico {
    display: flex !important;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    position: absolute;
    top: 0;
    right: 0;
    box-sizing: border-box;
    pointer-events: none;
    height: 100%;
    width: 150px;
    padding: 0 !important;
    background-color: #871326;
    margin: 0;
}

.dp-search .search-ico i {
    color: #fff !important;
    font-weight: 400;
    font-size: 19px;
}

.search-box .search-ico {
    pointer-events: none;
}

.dp-search .search-ico:hover {
    color: #faa61a;
}

@media screen and (max-width: 1023px) {
    #menu {
        padding: 20px;
        background: #000;
    }

    .head-nav {
        max-width: 100%;
        box-sizing: border-box;
    }
    
    .head-nav img {
        width: 250px;
    }

    .head-nav button {
        color: #fff;
        font-size: 35px;
        padding: 4px 10px;
        border-radius: 50%;
        border: 1px solid #fff;
    }

    #menu > ul {
        border-right: 0;
        width: 100%;
        margin: 20px 0 0;
    }

    .nav-root li {
        line-height: 3;
    }

    .nav-root > li > a {
        font-size: 30px
    }

    .nav-root ul {
        position: relative;
        left: 0;
		max-height: 0;
		right: 20px;
        padding: 0 0 0 30px;
        border-right: 0;

    }

	.nav-root .nav-parent.active > ul {
		max-height: 1000px;
		width: 100%;
		visibility: visible;
		opacity: 1;
		pointer-events: auto;
		overflow: visible;
		transition: .3s linear;
	}

	.nav-root .nav-parent.active > a,
	.nav-root .nav-parent:hover > a {
		color: #fff;
	}

    .nav-root ul li a {
        font-size: 18px;
    }

    .nav-root ul > li > a::before {
        width: 14px;
        height: 2px;
        left: -18px;
        background-color: #fff;
    }

    .quik-link {
        /*display: none;*/
		overflow-x: scroll;
		white-space: nowrap;
    }
}

/* ******* End Style Menu ******* */
/*=======GO TOP BUTTON====move top and bottom effect====*/
.go-top-btn {
	font-size: 22px;
	color: #fff;
	text-align: center;
	display: block;
	width: 40px;
	height: 40px;
	position: fixed;
	bottom: 30px;
	right: -60px;
	border: solid 2px #fff;
	background-color: hsl(350, 78%, 30%);
	-webkit-transition: all ease .5s;
	-moz-transition: all ease .5s;
	/*-ms-transition: all ease .3s;*/
	-o-transition: all ease .5s;
	transition: all ease .5s;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	z-index: 999;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 1px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.go-top-btn i {
	display: block;
	margin-top: 4px;
	margin-right: 3px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.go-top-btn:hover {
	color: #fff;
	-webkit-animation-name: go-top;
	-moz-animation-name: go-top;
	-o-animation-name: go-top;
	animation-name: go-top;
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-o-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

.show-go-top-btn {
	right: 30px;
}

@-webkit-keyframes go-top {
	0% {
		bottom: 30px;
		background-color: hsl(350, 78%, 30%);
	}

	50% {
		bottom: 40px;
		background-color: #464646;
	}

	100% {
		bottom: 30px;
		background-color: hsl(350, 78%, 30%);
	}
}

@keyframes go-top {
	0% {
		bottom: 30px;
		background-color: hsl(350, 78%, 30%);
	}

	50% {
		bottom: 40px;
		background-color: #464646;
	}

	100% {
		bottom: 30px;
		background-color: hsl(350, 78%, 30%);
	}
}

/*===== header =====*/
.put-toggleSearch>span {
	display: inline-block;
	float: left;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.put-enBtn {
	display: inline-block;
	font: bold 15px regular, sans-serif;
	color: #fff !important;
	margin-right: 10px;
	border-right: solid 1px #fff;
	padding: 0 12px 0 0;
}

.sliderpack div[id$="mainPanel"] {
	/* margin-top: -28px; */
}

.sliderpack .dp-module-title {
	position: relative;
	z-index: 204;
}

/*===== menu =====*/
.put-menuBtn {
	display: inline-block;
	font: 13px/19px IRANSans, sans-serif;
	color: #fff !important;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	outline: none !important;
}

.put-menuBtn i {
	display: inline-block;
	vertical-align: middle;
	margin-left: 5px;
}

/*==== mega menu ====*/
.put-megaMenuBox {
	display: none;
	background-color: #EFEBDC;
	padding-top: 15px;
	padding-bottom: 15px;
}

.put-megaMenuBox ul {
	list-style-type: none;
}

.put-megaMenu {
	padding-right: 0;
}

.put-subMenu {
	padding-right: 10px;
	margin-bottom: 10px;
}

.put-megaMenu>li {
	display: block;
	margin-bottom: 5px;
}

.put-megaMenu a {
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	/*-ms-transition: all .3s;*/
	-o-transition: all .3s;
	transition: all .3s;
}

.put-megaMenu>li>a {
	font: 17px IRANSans, regular, sans-serif;
	color: #b2040e;
}

.put-megaMenu ul a {
	font: 13px IRANSans, regular, sans-serif;
	color: #464646 !important;
}

.put-megaMenu ul a:hover,
.put-megaMenu>li>a:hover {
	padding-right: 10px;
	color: #b2040e !important;
}

.put-hasSub:hover {
	padding-right: 0 !important;
}

.put-hasSub i {
	text-align: center;
	display: none;
	color: #fff !important;
	vertical-align: middle;
	margin: 0 5px;
	width: 20px;
	height: 19px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: rgba(178, 4, 14, 0.28);
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	/*-ms-transition: all .3s;*/
	-o-transition: all .3s;
	transition: all .3s;
}

.put-hasSub.put-active i {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

.put-menuLogo img {
	display: block;
	max-height: 100px;
	max-width: 100%;
}

.put-menuLink a {
	font: 13px IRANSans, regular, sans-serif;
	color: #fff !important;
	display: inline-block;
	/* height: 38px; */
	text-align: center;
	background-color: #1a709e;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 8px 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	/*-ms-transition: all .3s;*/
	-o-transition: all .3s;
	transition: all .3s;
}

.put-menuLink a:hover {
	background-color: #b2040e;
	color: #fff !important;
}

/*====== top links ======*/
.put-wrap {
	position: relative;
	z-index: 90;
	margin-top: -82px;
}

.put-wrap * {
	position: relative;
	z-index: 50;
}

.put-background {
	overflow: visible;
	height: 100%;
}

.put-topLinkBox {
	height: 500px;
	box-sizing: border-box;
	padding: 3em 1.5em 0;
	-ms-transition: 1.2s transform ease-out;
	-o-transition: 1.2s transform ease-out;
	-webkit-transition: 1.2s transform ease-out;
	-moz-transition: 1.2s transform ease-out;
	transition: 1.2s transform ease-out;
}

.put-background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.put-topLinkBox:after {
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	display: block;
	height: 100%;
	width: 100%;
	opacity: 1;
	transition: 1.5s opacity;
	z-index: 0;
}

.put-linkbox4::before,
.put-linkbox3::before,
.put-linkbox2::before,
.put-linkbox1::before {
	content: '';
	display: block;
	width: calc(100% + 100px);
	height: calc(100% + 100px);
	position: absolute;
	bottom: 0;
	right: 0;
	background-size: cover !important;
	opacity: .1;
	z-index: 1;
}

.put-linkbox1::before {
	background: url("image/img4.jpg") no-repeat center;
	-webkit-transform: skewY(-4deg);
	-moz-transform: skewY(-4deg);
	-ms-transform: skewY(-4deg);
	-o-transform: skewY(-4deg);
	transform: skewY(-4deg);
}

.put-linkbox2::before {
	background: url("image/img3.jpg") no-repeat center;
	-webkit-transform: skewY(-4deg);
	-moz-transform: skewY(-4deg);
	-ms-transform: skewY(-4deg);
	-o-transform: skewY(-4deg);
	transform: skewY(-4deg);
}

.put-linkbox3::before {
	background: url("image/img2.jpg") no-repeat center;
	-webkit-transform: skewY(4deg);
	-moz-transform: skewY(4deg);
	-ms-transform: skewY(4deg);
	-o-transform: skewY(4deg);
	transform: skewY(4deg);
}

.put-linkbox4::before {
	background: url("image/img1.jpg") no-repeat center;
	-webkit-transform: skewY(12deg);
	-moz-transform: skewY(12deg);
	-ms-transform: skewY(12deg);
	-o-transform: skewY(12deg);
	transform: skewY(12deg);
}

.put-linkbox1:after {
	background-color: #01b9a3;
}

.put-linkbox2:after {
	background-color: #016daf;
}

.put-linkbox3:after {
	background-color: #d45900;
}

.put-linkbox4:after {
	background-color: #5b0543;
}

.put-topLinkBox {
	text-align: center;
	color: #fff;
	overflow: hidden;
	/*float: right !important;*/
}

.put-topLinkBox>div {
	height: 100%;
	position: absolute;
	top: 0;
	/*background-color: red;*/
	width: 100%;
	right: 0;
}

.put-topLink-icon {
	height: 70px;
	/*border-top: solid 1px #fff;*/
}

.put-topLink-icon img {
	display: inline-block;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.put-linkbox4 .put-topLink-icon {
	margin-top: 45px;
}

.put-linkbox3 .put-topLink-icon {
	margin-top: 21px;
}

.put-linkbox2 .put-topLink-icon {
	margin-top: 44px;
}

.put-linkbox1 .put-topLink-icon {
	margin-top: 68px;
}

.put-topLinkBox h3 {
	font: 20px IRANSans, regular, sans-serif !important;
	color: #fff !important;
}

.put-topLinkBox ul {
	text-align: right;
	display: block;
	list-style-type: none;
	width: 70%;
	margin: 0 auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px;
	border-top: solid 1px #fff;
}

.put-topLinkBox li a {
	font: 13px IRANSans, regular, sans-serif;
	color: #fff !important;
}

.put-topLinkBox li::before {
	direction: rtl;
	content: '»';
	display: inline-block;
	vertical-align: sub;
	margin-left: 5px;
}

.put-boxLinkMore {
	font: 13px IRANSans, regular, sans-serif;
	color: #373737 !important;
	text-align: center;
	display: inline-block;
	background-color: #fff;
	padding: 3px 15px 3px 15px;
	height: 28px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	margin: 10px 0 0;
}

.put-boxLinkMore .uk-icon-angle-double-right {
	display: none;
	/*-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;*/
}

.put-boxLinkMore:hover {
	color: #b2040e !important;
	text-decoration: none;
	/*padding: 3px 15px 3px 10px;*/
	margin-top: 15px;
}

/*.put-boxLinkMore:hover .uk-icon-angle-double-right{*/
/*display: inline-block;*/
/*}*/

/*====== amuzesh ======*/
.put-amuzeshDesc {
	font: normal 19px IRANSans, regular, sans-serif;
	color: #464646;
	text-align: center;
}

.put-amuzeshDoc .uk-overlay {
	width: 100% !important;
}

.put-amuzeshDoc div img {
	display: block;
	width: 100%;
}

.put-amuzeshDoc h2 {
	font: normal 21px IRANSans, sans-serif !important;
	color: #464646;
	margin: 10px 0 5px !important;
}

.put-amuzeshDoc p {
	font: 13px IRANSans, regular, sans-serif;
	color: #464646;
	margin: 5px 0;
}

.put-amuzeshDoc a {
	font: 13px IRANSans, sans-serif;
	color: #096ca9 !important;
}

/*======= gp amuzeshi =======*/
.put-gpAmuzeshi {
	text-align: center;
}

.put-gpAmuzeshi ul {
	display: inline-block;
	list-style-type: none;
	margin: 0 auto;
	float: none;
	clear: both;
	padding: 0 !important;
}

.put-gpAmuzeshi li {
	display: inline-block;
	float: right;
	padding: 0 10px;
	position: relative;
}

.put-gpAmuzeshi li::after {
	content: '|';
	color: #464646;
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
}

.put-gpAmuzeshi li:last-child::after {
	content: '';
}

.put-gpAmuzeshi li a {
	display: inline-block;
	font: 13px IRANSans, sans-serif;
	color: #096ca9;
}

.put-gpAmuzeshi li a:hover {
	color: #b2040e !important;
}

.put-moreLink {
	display: inline-block;
	background-color: #b2040e;
	font: 19px/20px IRANSans, sans-serif;
	color: #fff !important;
	padding: 10px 32px 15px 15px;
	margin-top: 20px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	/*-ms-transition: all .3s;*/
	-o-transition: all .3s;
	transition: all .3s;
}

.put-moreLink:hover {
	background-color: hsl(350, 78%, 30%);
	color: #fff !important;
	/*margin-right: 10px;*/
}

.put-moreLink i {
	display: inline-block;
	vertical-align: sub;
	margin-right: 5px;
	opacity: 0;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	/*-ms-transition: all .3s;*/
	-o-transition: all .3s;
	transition: all .3s;
}

.put-moreLink:hover i {
	opacity: 1;
}

/*====== asatid section ======*/
.put-asatid {
	text-align: center;
	/* height:520px; */
	background: url("image/bookshelf.jpg") no-repeat center;
	background-size: cover;
	position: relative;
	overflow: hidden;
}

.put-blurBg {
	width: calc(100% + 40px);
	height: calc(100% + 40px);
	position: absolute;
	right: -20px;
	top: -20px;
	left: -20px;
	bottom: -20px;
	background: url("image/bookshelf.jpg") no-repeat center;
	background-size: cover;
	-ms-filter: blur(8px);
	filter: blur(8px);
}

.put-asatid .uk-container {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.put-ostadImg img {
	display: inline-block;
}

.put-asatid p {
	width: 80%;
	font: 18px IRANSans, sans-serif;
	color: #fff;
	margin: 0 auto;
}

.put-asatid h2 {
	font-family: IRANSans, sans-serif !important;
	color: #fff;
	margin: 5px 0 !important;
}

.put-asatid span {
	font: 16px IRANSans, sans-serif;
	color: #fff;
	display: block;
}

.put-asatid a {
	display: inline-block;
	font: 16px IRANSans, sans-serif;
	color: #fff !important;
	margin-top: 15px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	/*-ms-transition: all .3s;*/
	-o-transition: all .3s;
	transition: all .3s;
	padding: 5px 15px;
}

.put-asatid a i {
	display: inline-block;
	vertical-align: sub;
	margin-right: 5px;
}

.put-asatid a:hover {
	background-color: #b2040e;
	color: #fff !important;
	margin-right: 10px;
}

/*====== pazhuhes ======*/
.put-pazuhesh p {
	font: 18px IRANSans, sans-serif;
	color: #464646;
	text-align: center;
}

.put-pazuhesh div {
	border-top: solid 1px #464646;
	border-bottom: solid 1px #464646;
}

.put-pazuhesh span {
	display: block;
	height: 100px;
	float: right;
	width: 33.333%;
	text-align: center;
	padding: 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.put-pazuhesh span a {
	display: inline-block;
	font: 21px IRANSans, sans-serif;
	color: #464646;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	/*-ms-transition: all .3s;*/
	-o-transition: all .3s;
	transition: all .3s;
}

.put-pazuhesh span a:hover {
	color: #b2040e !important;
}

/*======= successful pazhuhes =======*/
.put-seccessBox {
	display: block;
	-webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .6);
	-moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .6);
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .6);
}

.put-seccessBox .uk-overlay {
	width: 100% !important;
}

.put-seccessBox img {
	/* display: block; */
	/* width:100%; */
}

.put-seccessBox h3 {
	text-align: center;
	font: 22px/19px IRANSans, regular, sans-serif !important;
	color: #464646;
	margin: 0;
	padding: 15px 0 20px;
}

/*====== bottom full pane ======*/
.put-bottomFullPane {
	background-color: #f9f6ef;
}

/*====== zendegi daneshjuee ======*/
.put-daneshjuee>p {
	font: 19px IRANSans, regular, sans-serif;
	color: #464646;
	text-align: center;
	margin-bottom: 20px;
}

.put-daneshjuee .uk-overlay {
	width: 100% !important;
}

.put-daneshjuee h2 {
	font: 22px/19px IRANSans, regular, sans-serif !important;
	color: #464646;
	margin: 10px 0;
}

.put-daneshjuee div p {
	font: 13px IRANSans, regular, sans-serif;
	color: #464646;
	margin: 5px 0;
}

.put-daneshjuee .uk-grid a {
	display: block;
	font: 13px IRANSans, regular, sans-serif;
	color: #096ca9 !important;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	/*-ms-transition: all .3s;*/
	-o-transition: all .3s;
	transition: all .3s;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.put-daneshjuee .uk-grid a:hover {
	color: #b2040e !important;
	padding-right: 15px;
}

/*======= about us =======*/
.put-aboutUs>p {
	font: 19px IRANSans, regular, sans-serif;
	color: #464646;
	text-align: center;
}

.put-aboutUs .uk-grid div {
	text-align: center;
	margin-bottom: 15px;
}

.put-aboutUs .uk-grid a {
	display: inline-block;
	font: 21px IRANSans, regular, sans-serif;
	color: #464646 !important;
	border-bottom: solid 1px #b2040e;
	padding: 5px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	/*-ms-transition: all .3s;*/
	-o-transition: all .3s;
	transition: all .3s;
}

.put-aboutUs .uk-grid a:hover {
	background-color: #b2040e;
	color: #fff !important;
}

/*======= top footer icons and copyRight =======*/
.put-topFooterIcons {
	background-color: #e2e1df;
}

.put-copyRight {
	font: 13px regular, IRANSans, sans-serif;
	color: #262626;
	text-align: left;
}

.put-copyRight p {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

/*====== top footer links ======*/
.put-topFooterLinks,
.put-footerBoxLinks {
	padding-top: 15px;
	padding-bottom: 15px;
}

.put-topFooterLinks h3 {
	font: 19px IRANSans, regular, sans-serif !important;
	color: #b2040e;
	margin-bottom: 5px !important;
}

.put-topFooterLinks ul {
	list-style-type: none;
	padding-right: 0;
	margin-top: 5px;
}

.put-topFooterLinks li a {
	display: block;
	font: 13px IRANSans, regular, sans-serif;
	color: #262626 !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	/*-ms-transition: all .3s;*/
	-o-transition: all .3s;
	transition: all .3s;
	margin-bottom: 8px;
}

.put-topFooterLinks li a:hover {
	color: #b2040e !important;
	padding-right: 10px;
}

.put-footerBoxLinks a {
	display: block;
	font: 13px/30px IRANSans, regular, sans-serif;
	text-align: center;
	color: #262626 !important;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 1);
	-moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 1);
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 1);
	margin-bottom: 8px;
	height: 40px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 4px 0;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	/*-ms-transition: all .3s;*/
	-o-transition: all .3s;
	transition: all .3s;
}

.put-footerBoxLinks a:hover {
	/*color: #b2040e !important;*/
	background-color: #b2040e;
	color: #fff !important;
}

/*======== MEDIAS  ========*/
@media only screen and (max-width: 1200px) {
	.put-topLinkBox ul {
		width: 80%;
	}
}

@media (max-width: 768px) {
	.put-background {
		margin: 80px 0 -20%;
	}

	.put-linkbox4 {
		-ms-transform-origin: 100% 0;
		-o-transform-origin: 100% 0;
		-webkit-transform-origin: 100% 0;
		-moz-transform-origin: 100% 0;
		transform-origin: 100% 0;
	}

	.put-linkbox3 {
		-ms-transform-origin: -100% 0;
		-o-transform-origin: -100% 0;
		-webkit-transform-origin: -100% 0;
		-moz-transform-origin: -100% 0;
		transform-origin: -100% 0;
	}

	.put-linkbox2 {
		-ms-transform-origin: 300% 0;
		-o-transform-origin: 300% 0;
		-webkit-transform-origin: 300% 0;
		-moz-transform-origin: 300% 0;
		transform-origin: 300% 0;
	}

	.put-linkbox1 {
		-ms-transform-origin: -300% 0;
		-o-transform-origin: -300% 0;
		-webkit-transform-origin: -300% 0;
		-moz-transform-origin: -300% 0;
		transform-origin: -300% 0;
	}

	/*.put-topLinkBox{
		-webkit-transform-origin:0 0;
		-moz-transform-origin:0 0;
		-ms-transform-origin:0 0;
		-o-transform-origin:0 0;
		transform-origin:0 0;
		-ms-transform: skewY(-5deg);
		-o-transform: skewY(-5deg);
		-webkit-transform: skewY(-5deg);
		-moz-transform: skewY(-5deg);
		transform: skewY(-5deg);
	}
	.put-topLinkBox > div{
		-ms-transform: skewY(5deg);
		-o-transform: skewY(5deg);
		-webkit-transform: skewY(5deg);
		-moz-transform: skewY(5deg);
		transform: skewY(5deg);
	}*/
	.put-linkbox1,
	.put-linkbox3 {
		-ms-transform: skewY(-5deg);
		-o-transform: skewY(-5deg);
		-webkit-transform: skewY(-5deg);
		-moz-transform: skewY(-5deg);
		transform: skewY(-5deg);
	}

	.put-linkbox1>div,
	.put-linkbox3>div {
		-ms-transform: skewY(5deg);
		-o-transform: skewY(5deg);
		-webkit-transform: skewY(5deg);
		-moz-transform: skewY(5deg);
		transform: skewY(5deg);
	}

	.put-linkbox2,
	.put-linkbox4 {
		-ms-transform: skewY(5deg);
		-o-transform: skewY(5deg);
		-webkit-transform: skewY(5deg);
		-moz-transform: skewY(5deg);
		transform: skewY(5deg);
	}

	.put-linkbox2>div,
	.put-linkbox4>div {
		-ms-transform: skewY(-5deg);
		-o-transform: skewY(-5deg);
		-webkit-transform: skewY(-5deg);
		-moz-transform: skewY(-5deg);
		transform: skewY(-5deg);
	}
}

@media (min-width: 768px) {
	.put-wrap {
		height: 430px;
		padding-bottom: 3em;
	}

	.put-background {
		height: 100%;
		background: #595959;
	}

	.put-background:after {
		display: block;
		content: '';
		background: #fff;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 5vw;
		z-index: 95;
	}

	.put-background {
		display: flex;
		flex-wrap: nowrap;
		height: 100%;
	}

	.put-topLinkBox {
		width: 25%;
		padding: 1em 2em;
		box-sizing: border-box;
		height: auto;
	}

	.put-linkbox1 {
		-ms-transform-origin: 300% 0;
		-o-transform-origin: 300% 0;
		-webkit-transform-origin: 300% 0;
		-moz-transform-origin: 300% 0;
		transform-origin: 300% 0;
	}

	.put-linkbox2 {
		-ms-transform-origin: 200% 0;
		-o-transform-origin: 200% 0;
		-webkit-transform-origin: 200% 0;
		-moz-transform-origin: 200% 0;
		transform-origin: 200% 0;
	}

	.put-linkbox3 {
		-ms-transform-origin: 100% 0;
		-o-transform-origin: 100% 0;
		-webkit-transform-origin: 100% 0;
		-moz-transform-origin: 100% 0;
		transform-origin: 100% 0;
	}

	.put-linkbox4 {
		-ms-transform-origin: 0 0;
		-o-transform-origin: 0 0;
		-webkit-transform-origin: 0 0;
		-moz-transform-origin: 0 0;
		transform-origin: 0 0;
	}

	.put-linkbox1.put-skewed,
	.put-linkbox2.put-skewed,
	.put-linkbox3.put-skewed {
		-ms-transform: skewY(4deg);
		-o-transform: skewY(4deg);
		-webkit-transform: skewY(4deg);
		-moz-transform: skewY(4deg);
		transform: skewY(4deg);
	}

	.put-linkbox1.put-skewed>div,
	.put-linkbox2.put-skewed>div,
	.put-linkbox3.put-skewed>div {
		-ms-transform: skewY(-4deg);
		-o-transform: skewY(-4deg);
		-webkit-transform: skewY(-4deg);
		-moz-transform: skewY(-4deg);
		transform: skewY(-4deg);
	}

	.put-linkbox4.put-skewed {
		-ms-transform: skewY(-12deg);
		-o-transform: skewY(-12deg);
		-webkit-transform: skewY(-12deg);
		-moz-transform: skewY(-12deg);
		transform: skewY(-12deg);
	}

	.put-linkbox4.put-skewed>div {
		-ms-transform: skewY(12deg);
		-o-transform: skewY(12deg);
		-webkit-transform: skewY(12deg);
		-moz-transform: skewY(12deg);
		transform: skewY(12deg);
	}

}

@media only screen and (max-width: 768px) {
	.dp-top-header>.uk-container {
		/* height:95px !important; */
	}

	.put-megaMenuBox {
		/*height:calc(100% - 105px) !important;*/
		height: 200px;
		overflow-y: scroll !important;
	}

	.put-menuLogo img {
		margin: 0 auto;
	}

	.put-menuLink {
		text-align: center;
		padding-bottom: 15px;
	}

	.put-menuBtn {
		font-size: 16px;
		margin: 0 0 15px !important;
	}

	.put-toggleSearchBtn {
		font-size: 16px;
		margin: 0 0 15px !important;
	}

	.put-subMenu {
		display: none;
	}

	.put-hasSub i {
		display: inline-block;
	}

	.put-megaMenu>li {
		border-bottom: solid 1px rgba(178, 4, 14, 0.28);
	}

	.nav-pos {
		height: 38px;
	}

	.put-toggleSearch {
		height: 37px;
	}

	table[id$="_NewsContentList"]>tbody>tr>td {
		display: block !important;
		width: 50% !important;
		float: right !important;
	}

	.put-amuzeshDoc div,
	.put-daneshjuee .uk-grid>div {
		margin-bottom: 20px !important;
	}

	.put-amuzeshDoc div:last-child,
	.put-daneshjuee .uk-grid>div:last-child {
		float: none;
		/* margin: 20px auto !important; */
	}

	.put-seccessBox {
		margin-top: 10px !important;
		margin-bottom: 10px !important;
	}

	.put-footerBoxLinks {
		float: none !important;
		margin: 0 auto !important;
	}

	.dp-footertext {
		text-align: center;
		margin-bottom: 15px !important;
	}

	.dp-footerlink table {
		float: none;
		margin: 0 auto;
	}

	.dp_footer_icon,
	.put-copyRight {
		text-align: center;
	}

	.put-copyRight {
		padding-top: 10px;
		padding-bottom: 15px;
	}

	.put-pazuhesh span {
		padding: 5px;
	}

	.put-pazuhesh span a {
		font-size: 19px;
	}

	.put-background {
		position: static !important;
	}
}

@media only screen and (max-width: 480px) {
	.put-stickMenu.uk-active .dp-top-header {
		display: none;
	}

	.dp-search.put-active {
		width: 210px;
	}

	table[id$="_NewsContentList"]>tbody>tr>td {
		float: none !important;
		width: 100% !important;
	}

	table.NewsItemStyle#NewsContentLayout {
		height: auto;
	}

	.put-asatid {
		height: auto;
		padding-top: 20px !important;
		padding-bottom: 20px !important;
	}

	.put-asatid .uk-container,
	.put-pazuhesh span a {
		position: static;
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
	}

	.put-pazuhesh span {
		width: 100%;
		height: auto;
	}

	a.DPNewsImageLink[id$="_ContentTopImageLink"] {
		height: auto !important;
	}
}

/* @import "reset.css"; */
/* ==============================================================a=l=a=v=i========
   portal-css: fonts
   ========================================================================== */

/*................. persian - font ....................*/


@font-face {
	font-family: 'BZar';
	src: url('fonts/BZar_bold.eot');
	/* IE9 Compact Modes */
	src: url('fonts/BZar_bold.eot?#iefix') format('embedded-opentype'),
		/* IE6-IE8 */
		url('fonts/BZar_bold.woff') format('woff'),
		/* Pretty Modern Browsers */
		url('fonts/BZar_bold.ttf') format('truetype'),
		/* Safari, Android, iOS */
		url('fonts/BZar_bold.svg#svgFontName') format('svg');
	/* Legacy iOS */
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'IRIN';
	src: url('fonts/fontawesome-webfont.eot');
	/* IE9 Compact Modes */
	src: url('fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
		/* IE6-IE8 */
		url('fonts/fontawesome-webfont.woff') format('woff'),
		/* Pretty Modern Browsers */
		url('fonts/fontawesome-webfont.ttf') format('truetype'),
		/* Safari, Android, iOS */
		url('fonts/fontawesome-webfont.svg#svgFontName') format('svg');
	/* Legacy iOS */
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'rezvan';
	src: url('fonts/rezvan.otf');
	/* IE9 Compact Modes */
	src: url('fonts/rezvan.otf?#iefix') format('embedded-opentype'),
		/* IE6-IE8 */
		url('fonts/rezvan.ttf') format('truetype');
	/* Safari, Android, iOS */
	font-weight: normal;
	font-style: normal;
}

/*................. English - font....................*/
@font-face {
	font-family: 'semibold';
	src: url('fonts/titillium-semibold-webfont.eot');
	/* IE9 Compact Modes */
	src: url('fonts/titillium-semibold-webfont.eot?#iefix') format('embedded-opentype'),
		/* IE6-IE8 */
		url('fonts/titillium-semibold-webfont.woff') format('woff'),
		/* Pretty Modern Browsers */
		url('fonts/titillium-semibold-webfont.ttf') format('truetype'),
		/* Safari, Android, iOS */
		url('fonts/titillium-semibold-webfont.svg#svgFontName') format('svg');
	/* Legacy iOS */
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'regular';
	src: url('fonts/titillium-regular-webfont.eot');
	/* IE9 Compact Modes */
	src: url('fonts/titillium-regular-webfont.eot?#iefix') format('embedded-opentype'),
		/* IE6-IE8 */
		url('fonts/titillium-regular-webfont.woff') format('woff'),
		/* Pretty Modern Browsers */
		url('fonts/titillium-regular-webfont.ttf') format('truetype'),
		/* Safari, Android, iOS */
		url('fonts/titillium-regular-webfont.svg#svgFontName') format('svg');
	/* Legacy iOS */
}

@font-face {
	font-family: 'regularitalic';
	src: url('fonts/titillium-regularitalic-webfont.eot');
	/* IE9 Compact Modes */
	src: url('fonts/titillium-regularitalic-webfont.eot?#iefix') format('embedded-opentype'),
		/* IE6-IE8 */
		url('fonts/titillium-regularitalic-webfont.woff') format('woff'),
		/* Pretty Modern Browsers */
		url('fonts/titillium-regularitalic-webfont.ttf') format('truetype'),
		/* Safari, Android, iOS */
		url('fonts/titillium-regularitalic-webfont.svg#svgFontName') format('svg');
	/* Legacy iOS */
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'light';
	src: url('fonts/titillium-light-webfont.eot');
	/* IE9 Compact Modes */
	src: url('fonts/titillium-light-webfont.eot?#iefix') format('embedded-opentype'),
		/* IE6-IE8 */
		url('fonts/titillium-light-webfont.woff') format('woff'),
		/* Pretty Modern Browsers */
		url('fonts/titillium-light-webfont.ttf') format('truetype'),
		/* Safari, Android, iOS */
		url('fonts/titillium-light-webfont.svg#svgFontName') format('svg');
	/* Legacy iOS */
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'lightitalic';
	src: url('fonts/titillium-lightitalic-webfont.eot');
	/* IE9 Compact Modes */
	src: url('fonts/titillium-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
		/* IE6-IE8 */
		url('fonts/titillium-lightitalic-webfont.woff') format('woff'),
		/* Pretty Modern Browsers */
		url('fonts/titillium-lightitalic-webfont.ttf') format('truetype'),
		/* Safari, Android, iOS */
		url('fonts/titillium-lightitalic-webfont.svg#svgFontName') format('svg');
	/* Legacy iOS */
	font-weight: normal;
	font-style: normal;
}

/* ==============================================================a=l=a=v=i========
   portal-css: body
   ========================================================================== */

body {
	direction: rtl;
}

a:link,
a:visited,
a:active,
a:hover {
	color: #2397f0;
	text-decoration: none !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font: normal 15px Tahoma, Verdana, Helvetica, sans-serif;
	color: #000;
}

input,
select,
textarea {
	font: 11px Tahoma, arial;
}

th {
	font: bold 12px Tahoma, Verdana, Helvetica, sans-serif;
	vertical-align: baseline;
	color: #000;
}

tr,
td {
	font: normal 12px IRANSans, regular;
}

/*.bg-background {}*/
/* ==============================================================a=l=a=v=i========
   portal-css: news - style
   ========================================================================== */
a.DPNewsImageLink[id$="_ContentTopImageLink"] {
	display: block;
	width: 100% !important;
	/* height: 200px !important; */
}

.DPNewsImageLink img:hover {
	-ms-filter: "progid:DXImagetransform.Microsoft.alpha(Opacity=80)" !important;
	filter: alpha(opacity=80) !important;
	opacity: 0.8 !important
}

.DPNewsImageLink img {
	float: none;
	width: 100% !important;
	height: auto !important;
	border: none !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	transition: all 0.3s ease 0s !important;
	-moz-transition: all 0.3s ease 0s !important;
	-o-transition: all 0.3s ease 0s !important;
	-webkit-transition: all 0.3s ease 0s !important;
}

.DPNewsItemTitle span {
	color: #a70000 !important;
	font: 13px IRANSans, regular, sans-serif !important;
	display: inline-block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 15px;
	text-align: center;
}

.DPNewsWrap * {
	color: #888 !important;
	font: 15px/19px IRANSans !important
}

.NewTextStyle {
	font: 11px IRANSans !important
}

[id*="_NewsAbstractArea"],
.PanelTitle {
	white-space: normal !important;
}

table[id$="_NewsContentList"] {
	border-collapse: separate !important;
	border-spacing: 2vw !important;
}

table[id$="_NewsContentList"]>tbody>tr>td {
	/* padding: 20px !important; */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	box-shadow: 0 0 8px 0 rgba(0, 0, 0, .6);
}

table.NewsItemStyle#NewsContentLayout {
	display: block !important;
	/* height: 27vw; */
	/* -webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,.6); */
	/* 	-moz-box-shadow: 0 0 8px 0 rgba(0,0,0,.6); */
	/* box-shadow: 0 0 8px 0 rgba(0,0,0,.6); */
	border-spacing: 0 !important;
	/* padding-bottom: 20px !important; */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

table.NewsItemStyle#NewsContentLayout tr,
table.NewsItemStyle#NewsContentLayout td {
	padding: 0 !important;
}

#ContentBox {
	padding: 10px;
}

div[id$="_NewsAbstractPanel"] {
	font: 12px/19px IRANSans, regular, sans-serif !important;
	color: #181818 !important;
	background-color: transparent !important;
}

.DPNewsItemTitle {
	white-space: normal !important;
}

.BorderBackgroundPanel {
	white-space: normal !important;
}

.BorderBackgroundPanelWithoutBGColor {
	white-space: normal !important;
}

.PanelTitle {
	white-space: normal;
}

.rtl .news_thumb ul li h4 {
	white-space: normal !important;
}

/* ==============================================================a=l=a=v=i========
   portal-css: pane-responsive
   ========================================================================== */
.table-class {
	display: table;
	width: 100%;
}

.table-row-class {
	display: table-row;
}

.toppane,
.bottompane,
.contentpane {
	display: table-cell;
	padding: 0 7px;
	width: 100%;
	vertical-align: top;
	box-sizing: border-box;
	border-collapse: collapse;
}

.put-newsPane {
	background-color: #f9f6ef;
	border-bottom: solid 1px #f9f6ef;
}

/*.toppane{
	padding: 10px 7px;
}*/

.leftpane,
.rightpane {
	display: table-cell;
	min-width: 200px;
	padding: 0 7px;
	vertical-align: top;
	box-sizing: border-box;
	border-collapse: collapse;
}

.topleftpane,
.toprightpane {
	display: table-cell;
	width: 50%;
	padding: 0 7px;
	vertical-align: top;
	box-sizing: border-box;
	border-collapse: collapse;
}

.bottomleftpane,
.bottomrightpane {
	display: table-cell;
	width: 50%;
	padding: 0 7px;
	vertical-align: top;
	box-sizing: border-box;
	border-collapse: collapse;
}

@media screen and (max-width: 960px) {
	.table-row-class {
		display: block;
	}

	.toppane,
	.bottompane,
	.contentpane {
		display: table;
		padding: 0;
		width: 100%;
	}

	.leftpane,
	.rightpane {
		display: table;
		padding: 0;
		width: 100%;
	}

	.topleftpane,
	.toprightpane,
	.bottomleftpane,
	.bottomrightpane {
		display: table;
		width: 100%;
		padding: 0;
	}
}

.dp-custom-padding {
	padding: 0 7px;
}

div.table-class div[id$=paneheader] {
	margin-bottom: 5px;
	height: 25px;
	background-color: #efefef;
	text-align: center;
	font: 200 18px rezvan, tahoma;
	border-radius: 3px;
	border: 1px solid #dbd9d9;
}

/* ==============================================================a=l=a=v=i========
   portal-css: header
   ========================================================================== */
.bg-header {
	background: url("image/Website-Pattern-04.jpg") repeat;
}

/*................. background - detail....................*/


/*................. banner ....................*/
/*.Portal-Image {display: none;}*/
/*
.Portal-Image img {overflow: hidden; visibility: visible; margin: 2px 0;  border-radius: 5px; width: 100%;}
*/

/*........................icons........................*/
.dp_header_icon ul {
	content: "";
	display: inline-block;
	float: left;
	padding: 6px 0;
}

.dp_header_icon ul li {
	/*border-left: 1px solid #737373;*/
	display: block;
	float: left;
	margin: 5px 0;
	padding: 0 5px;
}

/*........................company-name........................*/
.company-name a {
	text-decoration: none;
	display: block;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.company-name a p {
	color: #ffffff;
	font: 28px/21px IRANSans, regular, sans-serif;
	margin: 0;
	text-align: center;
}

/*........................date........................*/
.dp-date {
	color: #595757 !important;
	margin-top: 8px;
	text-align: right;
}

.dp-date-pos {
	background-color: #74C2E1;
	border-radius: 5px;
	display: table;
	/* margin: 5px 20px;*/
	height: 26px;
	text-align: center;
	width: 240px;
	font: 14px/24px rezvan;
	-webkit-box-shadow: 0 0 0 2px rgba(51, 102, 153, 1);
	-moz-box-shadow: 0 0 0 2px rgba(51, 102, 153, 1);
	box-shadow: 0 0 0 2px rgba(51, 102, 153, 1);
}

.dp-date span {
	color: #000000 !important;
	display: table-cell;
	font-size: 11px !important;
	vertical-align: middle;
}

.dp-home {
	display: block;
	background: url(home.png) no-repeat;
	color: #fff;
	font: 14px regular;
	height: 22px;
	width: 24px;
	margin-top: -3px;
}

/*........................search........................*/
.put-toggleSearchBtn {
	display: block;
	float: left;
	font: 17px/19px IRANSans, sans-serif;
	color: #fff !important;
	/*	position: relative;
	top:50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);*/
	outline: none;
}

.put-toggleSearchBtn i {
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
	font-size: 20px;
}

.put-toggleSearchBtn.active span {
	display: none;
}

.put-toggleSearchBtn .uk-icon-close {
	font-size: 22px;
}

/*........................navigation........................*/
.nav-pos {
	width: 100%;
	background-color: rgba(0, 0, 0, .6);
	height: 28px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	/* position: absolute; */
}

/*====== sticky menu ======*/
.put-stickMenu {
	position: relative;
	z-index: 500;
}

.put-stickMenu.uk-active {
	-webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .6);
	-moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .6);
	box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .6);
}

.put-stickMenu.uk-active .nav-pos {
	background-color: #fff;
}

.put-stickMenu.uk-active .dp-navigation-menu>li>a {
	color: #333 !important;
}

.put-stickMenu.uk-active .dp-navigation-menu>li>a:hover,
.put-stickMenu.uk-active .dp-navigation-menu li a.parent-link.active {
	color: #fff !important;
}


/* ==============================================================a=l=a=v=i========
   portal-css: Structure - theme
   ========================================================================== */

.dp_DefaultLayoutdiv,
.dp_defaultLayoutdiv {
	direction: rtl;
	margin: 0 auto
}

.dp_AlternateLayoutDiv,
.dp_alternateLayoutDiv {
	width: 100%;
	margin: 0;
	padding: 0;
	border-collapse: collapse
}

.dp_DefaultLayoutTable,
.dp_defaultLayoutTable {
	background: transparent;
	margin: 0 auto;
	width: 100%
}

.dp_alternateLayoutTable,
.dp_AlternateLayoutTable {
	width: 100%;
	margin: 0 auto;
}

.dp_alternatePortalHeader,
.dp_AlternatePortalHeader {
	width: 1024px;
	margin: 0 auto;
}

.dp_DefaultPortalHeader,
.dp_defaultPortalHeader {
	width: 100%;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	background-color: #fff;
}

.dp_DefaultPortalFooter,
.dp_defaultPortalFooter {
	width: 100%;
	/* background-color: hsl(350, 78%, 30%); */
}

.dp_DefaultPortalFooter {
	padding: 15px 0;
}

.dp-top-header {
	/* background-color: hsl(350, 78%, 30%); */
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.dp-top-header>.uk-container {
	/* height: 60px; */
}

.dp-top-header>.uk-container>.uk-grid {
	height: 100%;
}

.dp_alternatePortalFooter,
.dp_AlternatePortalFooter {
	width: 1024px;
	margin: 0 auto;
	background: rgba(51, 102, 153, 1);
	background: -moz-linear-gradient(top, rgba(51, 102, 153, 1) -1%, rgba(66, 116, 166, 1) 0%, rgba(80, 123, 165, 1) 24%, rgba(79, 121, 163, 1) 36%, rgba(68, 113, 158, 1) 48%, rgba(62, 110, 157, 1) 61%, rgba(59, 107, 156, 1) 74%, rgba(56, 105, 155, 1) 100%, rgba(53, 103, 152, 1) 100%);
	background: -webkit-linear-gradient(top, rgba(51, 102, 153, 1) -1%, rgba(66, 116, 166, 1) 0%, rgba(80, 123, 165, 1) 24%, rgba(79, 121, 163, 1) 36%, rgba(68, 113, 158, 1) 48%, rgba(62, 110, 157, 1) 61%, rgba(59, 107, 156, 1) 74%, rgba(56, 105, 155, 1) 100%, rgba(53, 103, 152, 1) 100%);
	background: -o-linear-gradient(top, rgba(51, 102, 153, 1) -1%, rgba(66, 116, 166, 1) 0%, rgba(80, 123, 165, 1) 24%, rgba(79, 121, 163, 1) 36%, rgba(68, 113, 158, 1) 48%, rgba(62, 110, 157, 1) 61%, rgba(59, 107, 156, 1) 74%, rgba(56, 105, 155, 1) 100%, rgba(53, 103, 152, 1) 100%);
	background: -ms-linear-gradient(top, rgba(51, 102, 153, 1) -1%, rgba(66, 116, 166, 1) 0%, rgba(80, 123, 165, 1) 24%, rgba(79, 121, 163, 1) 36%, rgba(68, 113, 158, 1) 48%, rgba(62, 110, 157, 1) 61%, rgba(59, 107, 156, 1) 74%, rgba(56, 105, 155, 1) 100%, rgba(53, 103, 152, 1) 100%);
	background: linear-gradient(to bottom, rgba(51, 102, 153, 1) -1%, rgba(66, 116, 166, 1) 0%, rgba(80, 123, 165, 1) 24%, rgba(79, 121, 163, 1) 36%, rgba(68, 113, 158, 1) 48%, rgba(62, 110, 157, 1) 61%, rgba(59, 107, 156, 1) 74%, rgba(56, 105, 155, 1) 100%, rgba(53, 103, 152, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#336699', endColorstr='#356798', GradientType=0);
}

.dp_DefaultLayoutTableModule,
.dp_defaultLayoutTableModule {
	padding: 15px;
	width: 1024px !important;
	margin: 5px auto 5px auto;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.dp_alternateLayoutTableModule,
.dp_AlternateLayoutTableModule {
	width: 100%;
	padding: 15px;
	border-right: solid 1px #8f9092;
	border-left: solid 1px #8f9092;
	background: #DDD;
}

.margin-top {
	margin: 8px auto;
}

/* ==============================================================a=l=a=v=i========
   portal-css: admin Control Panel
   ========================================================================== */
.ControlPanel {
	border: 1px solid
}

.ControlPanel * {
	font: normal 15px rezvan;
}

.ControlPanel #Table2>tbody>tr>td.SubHead {
	background: url("image/Website-Pattern-04.jpg") repeat;
	padding: 5px;
}

.ControlPanel {
	border: #aDaDaD solid;
	border-width: 0 0 2px
}

.ControlPanel img {
	margin: 10px
}

.ControlPanel td td td td img {
	margin: 0
}

.ControlPanel td td td {
	width: auto
}

.ControlPanel div {
	width: 3px;
	font: normal 11px IRANSans;
}

.ControlPanel td.SubHead {
	background: url("image/Website-Pattern-04.jpg") repeat;
	font: bold 12px tahoma;
	color: #fff;
}

.ControlPanel td.subhead {
	background: url("image/Website-Pattern-04.jpg") repeat;
	font: bold 12px tahoma;
	color: #fff;
}

.ControlPanel td td .SubHead {
	background: transparent;
	border: 0;
	font: normal 11px IRANSans;
	color: #333;
}

/* .ControlPanel td td td input {color: #000;padding-left: 4px;font: normal 11px IRANSans;border-radius: 5px;} */
.ControlPanel td td td select {
	color: #333;
	font: normal 14px rezvan;
	cursor: pointer;
	border-radius: 5px;
}

/* .ControlPanel td td td input[type="submit"]
{background: #F8950F;border: 1px solid #006e74;color: #000;display: inline-block;font: 8pt IRANSans; margin: 3px 5px;padding: 1px 5px;text-align: center;text-decoration: none}
*/
.Head {
	color: #404040;
	font: bold 22px rezvan, Tahoma;
	letter-spacing: 0
}

.SubHead {
	color: #404040;
	font: 800 12px IRANSans, regular
}

.SubSubHead {
	font-weight: bold;
	font: 11px Tahoma;
	color: #000;
}

.TitleHead {
	color: #fff;
	font: 18px IRANSans, regular;
	line-height: 32px;
	padding-right: 8px !important;
	vertical-align: top;
	border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
}

.CommandButton,
a.CommandButton {
	background-color: #74C2E1;
	border: medium none;
	color: #000000;
	display: inline-block;
	font: 8pt IRANSans;
	margin: 3px 5px;
	padding: 1px 5px;
	text-align: center;
	text-decoration: none;
	border-radius: 5px;
	-webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.75);
	box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.75);
}

.CommandButton,
a.CommandButton :hover {
	background-color: #336699;
	color: #ffffff;
	cursor: pointer;
}

/* ==============================================================a=l=a=v=i========
   portal-css: footer
   ========================================================================== */


/*................. background ....................*/
.bg-footer {
	height: 65px;
	background: rgba(51, 102, 153, 1);
	background: -moz-linear-gradient(top, rgba(51, 102, 153, 1) 0%, rgba(66, 116, 166, 1) 12%, rgba(80, 123, 165, 1) 24%, rgba(79, 121, 163, 1) 36%, rgba(68, 113, 158, 1) 48%, rgba(62, 110, 157, 1) 61%, rgba(59, 107, 156, 1) 74%, rgba(56, 105, 155, 1) 87%, rgba(53, 103, 152, 1) 100%);
	background: -webkit-linear-gradient(top, rgba(51, 102, 153, 1) 0%, rgba(66, 116, 166, 1) 12%, rgba(80, 123, 165, 1) 24%, rgba(79, 121, 163, 1) 36%, rgba(68, 113, 158, 1) 48%, rgba(62, 110, 157, 1) 61%, rgba(59, 107, 156, 1) 74%, rgba(56, 105, 155, 1) 87%, rgba(53, 103, 152, 1) 100%);
	background: -o-linear-gradient(top, rgba(51, 102, 153, 1) 0%, rgba(66, 116, 166, 1) 12%, rgba(80, 123, 165, 1) 24%, rgba(79, 121, 163, 1) 36%, rgba(68, 113, 158, 1) 48%, rgba(62, 110, 157, 1) 61%, rgba(59, 107, 156, 1) 74%, rgba(56, 105, 155, 1) 87%, rgba(53, 103, 152, 1) 100%);
	background: -ms-linear-gradient(top, rgba(51, 102, 153, 1) 0%, rgba(66, 116, 166, 1) 12%, rgba(80, 123, 165, 1) 24%, rgba(79, 121, 163, 1) 36%, rgba(68, 113, 158, 1) 48%, rgba(62, 110, 157, 1) 61%, rgba(59, 107, 156, 1) 74%, rgba(56, 105, 155, 1) 87%, rgba(53, 103, 152, 1) 100%);
	background: linear-gradient(to bottom, rgba(51, 102, 153, 1) 0%, rgba(66, 116, 166, 1) 12%, rgba(80, 123, 165, 1) 24%, rgba(79, 121, 163, 1) 36%, rgba(68, 113, 158, 1) 48%, rgba(62, 110, 157, 1) 61%, rgba(59, 107, 156, 1) 74%, rgba(56, 105, 155, 1) 87%, rgba(53, 103, 152, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#336699', endColorstr='#356798', GradientType=0);
}

.border-top-footer {
	height: 10px;
}



/*................. detail ....................*/
.dp-footerlink {
	color: #fff;
	font: 13px IRANSans, regular, sans-serif;
	text-decoration: none;
	text-align: left;
}

.dp-footerlink table {
	float: left;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.dp-footerlink td {
	display: inline-block;
}

.dp-footerlink a:visited,
.dp-footerlink a:link,
.dp-footerlink a:active {
	color: #fff;
	text-decoration: none;
	font: normal 13px IRANSans, regular, sans-serif;
	display: block;
	padding: 3px 10px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	height: 28px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 5px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	/*-ms-transition: all .3s;*/
	-o-transition: all .3s;
	transition: all .3s;
}

.dp-footerlink a:hover {
	color: #fff;
	text-decoration: none;
	background-color: #262626;
}

.dp-footertext {
	color: #fff;
}

.dp-footertext p {
	font: normal 21px/21px regular, IRANSans, sans-serif;
}

.dp-footertext span {
	font: 13px IRANSans, regular, sans-serif;
}



/*........................icons........................*/
/*.dp_footer_icon {width: 100%;}*/
.dp_footer_icon ul {
	content: "";
	display: inline-block;
	padding: 0;
	clear: both;
	float: none;
}

.dp_footer_icon ul li {
	display: block;
	float: right;
	margin: 10px 0 6px;
	padding: 0 10px;
}

.dp_footer_icon ul li a {
	display: block;
	font-size: 18px;
	color: #464646 !important;
	padding: 5px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	/*-ms-transition: all .3s;*/
	-o-transition: all .3s;
	transition: all .3s;
}

.dp_footer_icon ul li a em {
	color: #464646 !important;
}

.dp_footer_icon ul li a:hover {
	color: #b2040e !important;
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}

.dp_footer_icon ul li a:hover em {
	color: #b2040e !important;
}

/* ==============================================================a=l=a=v=i========
   portal-css: admin - menu
   ========================================================================== */
.top-admin-menu {
	background: url("image/Website-Pattern-04.jpg") repeat;
}

.SiteLink {
	direction: rtl;
	color: #ffffff;
	display: block;
	padding: 4px;
	position: relative;
	z-index: 10;
}

.SiteLink a {
	color: #ffffff;
	padding: 0 5px;
	border-left: 1px solid #000000;
	font: normal 13px IRANSans;
}

.SiteLink a:hover {
	color: #336699;
}

/*---------- setting buttons styles  --------n.ghelichkhani---------*/
.dp-module-title-btn {
	text-align: center;
	background-color: #f5f5f5;
	border: solid 1px rgba(0, 0, 0, 0.06);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 0 #ffffff;
	-moz-box-shadow: 0 1px 0 #ffffff;
	box-shadow: 0 1px 0 #ffffff;
	color: #666 !important;
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	box-sizing: border-box !important;
	width: 40px;
	height: 30px;
	padding-top: 0;
	margin-right: 4px;
	float: left !important;
}

.dp-module-title-btn.sortable-placeholder {
	cursor: grab;
	padding-top: 5px;
}

.dp-modules-title-st-btn {
	margin-top: -4px !important;
}

.dp-modules-title-st {
	display: inline-block;
}

.dp-modules-title-st-list {
	background-color: #fff;
	font: 13px Tahoma;
	display: none;
	width: 150px;
	text-align: right;
	-webkit-box-shadow: 0 1px 3px 0 #333;
	-moz-box-shadow: 0 1px 3px 0 #333;
	box-shadow: 0 1px 3px 0 #333;
	top: 30px;
	left: 0;
	z-index: 9999;
}

.dp-modules-title-st-list a {
	display: block;
	color: #666;
	padding: 10px 15px !important;
	-webkit-transition: all ease .3s;
	-moz-transition: all ease .3s;
	/*-ms-transition: all ease .3s;*/
	-o-transition: all ease .3s;
	transition: all ease .3s;
	border-right: solid 4px transparent;
}

.dp-modules-title-st-list i {
	font-size: 16px;
	display: inline-block;
	margin-left: 5px;
	vertical-align: middle;
}

.dp-modules-title-st-list a:hover {
	color: #fff;
	background-color: #1C2529;
	border-right-color: #367FA9;
}

/*---------- setting buttons styles  ---------end--------*/

/* ==============================================================a=l=a=v=i========
   portal-css:
   ========================================================================== */
input[type=text].NormalTextBox,
.NormalTextBox input[type=text],
.NormalTextBox {
	min-height: 25px;
	text-align: right;
}

input.NormalTextBox,
.Normal input,
.Normal select,
select.NormalTextBox,
.NormalTextBox input[type="text"] {
	border-radius: 4px;
	color: #555;
	font: normal 14px regular;
	font-weight: 400;
	margin: 2px 0;
	padding: 0 5px;
	border: 1px solid #BFBDBD;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

select.NormalTextBox {
	padding: 3px 5px !important
}

.NormalTextBox {
	color: #000;
	font: normal 12px regular;
}

.NormalTextBox:focus {
	-moz-box-shadow: 0 0 3px #729CE0;
	-webkit-box-shadow: 0 0 3px #729CE0;
	box-shadow: 0 0 3px #729CE0;
}

.NormalRed {
	color: #fc0;
	font: bold 11px regular;
}

.NormalBold {
	font: normal 14px regular;
}

.NormalItalic {
	font: normal 14px regular;
}

.CommandButton:hover,
a.CommandButton:hover {
	background-color: #74C2E1;
	color: #000000;
}

.Calendar {
	text-decoration: none;
	font: bold 10px Tahoma;
}

.SubModule {
	background: #CCC;
	font-weight: bold;
	line-height: 20px;
	padding: 0 5px;
}

.SubSubModule {
	background: #DDD;
	color: #000
}

div.edmenuback {
	background: #ccc;
	border: 1px solid #929292;
	width: 100%
}

td.edmenuStyle {
	width: 75px;
	padding-top: 2px;
	padding-left: 2px;
	text-align: right
}

td.edmenuHTML {
	text-align: right;
	width: 35px
}

.MessageTitle {
	font: normal 11px regular;
	color: darkblue
}

.Messageauthor {
	font: normal 11px regular;
	color: darkgray
}

.MessageBody {
	font: normal 11px regular;
	color: black
}

.SurveyQuestion {
	color: darkred
}

.SurveyPanel {
	color: silver;
	background: silver
}

.SurveyOption {
	color: black
}

.SurveyButton {
	color: darkred;
	font-weight: bold
}

.bc_Row {
	padding-left: 57px;
	border-bottom: solid 2px Black;
	background: #fc0
}

.bc_Text {
	font-size: 10px
}

.bc_Link,
.bc_Link:link,
.bc_Link:visited {
	padding-left: 8px;
	font-size: 10px;
	text-decoration: none;
	color: #fff
}

.bc_Link:hover {
	text-decoration: underline;
	color: #EC872C
}

.FilterButton {
	border: black thin solid;
	padding: 2px 3px;
	font: 11px Tahoma;
	background: #999;
	overflow: visible;
	color: white;
	line-height: 12px;
	text-align: center;
}

a.FilterButton {
	color: white
}

a.FilterButton:hover {
	color: white
}

.alternateRow {
	background: #EEE
}

.Message {
	background: #fc0
}

.ItemDate,
.ItemTitle {
	font: bold 11px Tahoma;
	color: #000;
}

.dp_Gallery_alternative_ItemTitle,
.dp_Gallery_alternative_ItemValue {
	font-weight: bold;
	background-color: #D7E7F2
}

.dp_Gallery_Item_Image {
	border: thin;
}

.dp_Gallery_Item_Title {
	color: black;
	background: #83B7DE;
	text-align: center
}

.dp_Gallery_Item_ItemTitle {
	font-weight: bold;
	background: #cadfee
}

.dp_Gallery_Item_ItemValue {
	background: #CaDFEE
}

.GridItemStyle {
	background: #F0F0F0
}

.GridHeaderStyle {
	font-weight: bold;
	background: url(gridHeader_bg.gif);
	height: 20px;
}

.GridalternatingStyle {
	background: #F4F8FD;
	color: #325190
}

.GridalternatingStyle a {
	color: #325190
}

.GridStyle {
	border: 1px solid #EaE9E1;
	width: 100%
}

.Category_treeView_Class {
	border: darkgray thin solid;
	vertical-align: top
}

.Category_LoadModule_Class {
	border: darkgray thin solid;
	vertical-align: top
}

.eForm_ControlSelector {
	direction: ltr;
	width: 400px
}

.eForm_ControlToolBar {
	width: 100px;
	height: 100%;
	direction: ltr;
	vertical-align: top;
	border-left: #7c7c94 1px solid;
	border-right: #7c7c94 1px solid
}

.eForm_ControlProperties {
	background: #f1f1f1;
	vertical-align: top;
	padding: 0;
	margin: 0;
	height: 0
}

.eForm_FormToolBar {
	vertical-align: top;
	height: 100%;
	width: 15%;
	min-width: 220px;
	border-left: #7c7c94 1px solid;
	border-right: #7c7c94 1px solid;
	white-space: nowrap
}

.eForm_ControlContainer {
	background: #d1d1d1;
	vertical-align: top;
	height: 100%
}

.eForm_Edit {
	width: 100%;
	height: 100%;
	border: solid 0 black
}

.eForm_DesignerContainer {
	width: 100%;
	height: 100%;
	border: solid 0 black;
	vertical-align: top;
	white-space: nowrap
}

.eForm_Edit_Links_Left {
	text-align: left
}

.eForm_Edit_Links_Right {
	text-align: right
}

.eForm_Edit_Links {
	width: 100%;
	background-color: #e8e8e8
}

.eForm_Grid_addButton {
	float: right
}

.ItemDate {
	font-weight: normal
}

.dp_Directorytree {
	font: 11px Tahoma;
}

.MenuCSS-MenuContainer {
	border-style: none;
	height: 24px;
	background: #6B6B6B
}

.MenuCSS-MenuBar {
	border-style: none;
	height: 24px
}

.MenuCSS-MenuItem {
	border-style: none;
	height: 24px;
	color: #FFF
}

.MenuCSS-MenuIcon {
	border-style: none;
	height: 24px;
	background-color: #C0C0C0
}

.MenuCSS-SubMenu {
	border-style: none;
	height: 24px;
	background-color: #6B6B6B
}

.MenuCSS-MenuBreak {
	border-style: none;
	height: 24px;
	background-color: white
}

.MenuCSS-MenuItemSel {
	border-style: none;
	height: 24px;
	color: black;
	background-color: #CCC
}

.MenuCSS-Menuarrow {
	border-style: none;
	height: 24px
}

.MenuCSS-MenuScroll {
	border-style: none;
	height: 24px
}

.MenuCSS-RootMenuarrow {
	border-style: none;
	height: 24px
}

.dp_Message_Error {
	color: Red
}

.dp_Message_Confirm {
	color: Black;
	font-weight: bold
}

.dp_Message_Success {
	color: Green
}

.dp_Message_Normal {
	color: Black
}

.MainMenu_MenuContainer {
	background: transparent
}

.MainMenu_MenuBar {
	cursor: hand;
	height: 16px;
	background: transparent
}

.MainMenu_MenuItem,
.MainMenu_MenuIcon {
	border: 1px solid #cccccc;
	font: bold normal 9pt Tahoma;
	background: transparent;
	cursor: hand;
	color: black;
}

.MainMenu_SubMenu {
	z-index: 1000;
	cursor: hand;
	background-color: #ccc
}

.MainMenu_MenuBreak {
	height: 1px
}

.MainMenu_MenuItemSel {
	font: 9pt Tahoma;
	cursor: hand;
	color: black;
	background: #aaa
}

.MainMenu_Menuarrow {
	border-right: #ccc 1px solid;
	border-top: #ccc 0 solid;
	font: 10pt webdings;
	cursor: hand;
	border-bottom: #ccc 1px solid;
}

.MainMenu_RootMenuarrow {
	font: 10pt webdings;
	cursor: hand;
}

.treeView,
.TreeView {
	direction: rtl !important
}

.TabStripTopGroup {
	z-index: 99;
	position: relative
}

.TabStripDefaultTab {
	color: black;
	font: normal 9px regular;
	cursor: default
}

.TabStripDefaultTabHover {
	color: black;
	font: normal 9px regular;
	cursor: default
}

.TabStripSelectedTab {
	color: black;
	font: normal 9px regular;
	cursor: default
}

.TabStripMultiPage {
	background: White;
	border: 1px solid #919B9C;
	width: 650px;
	height: 250px;
	position: relative;
	top: -3px;
	left: 1px;
	z-index: 98;
	padding: 12px
}

.availableFieldsCssClass {
	background-color: #E0EEFF;
	font: normal 11px regular;
	color: Blue;
	direction: ltr
}

.SelectedFieldsCssClass {
	background-color: #E0EEFF;
	font: normal 11px regular;
	color: #00F;
	direction: ltr
}

.lnkCssClass {
	text-transform: uppercase;
	color: #2F517F
}

.lnkCssClass:active {
	text-transform: uppercase;
	color: #09F
}

.lnkCssClass:visited {
	text-transform: uppercase;
	color: #2F517F
}

.lnkCssClass {
	text-transform: uppercase;
	color: #2F517F
}

.lnkCssClass:hover {
	text-transform: uppercase;
	color: #09F
}

.ComarttrvRelationsCssClass {
	background: #FFF;
	padding: 4px 0 0 1px;
	cursor: default
}

.ComarttrvRelationsHoverNodeCssClass,
.ComarttrvRelationsNodeCssClass,
.comarttrvRelationsSelectedNodeCssClass {
	font: 11px tahoma;
	padding: 2px 3px 1px;
	cursor: hand;
	background: #d7e9ff
}

#ctl01_Banner_ctl00 {
	display: none;
}

/*#NewsContentLayout {  border-bottom: 1px solid #cccccc;  }*/
#NewsContent table tr td {
	padding: 0px;
	background-color: #fff;
}

.MarqueeFont14601 {
	font: normal 14px IRANSans;
	display: table-cell;
	padding-right: 40px;
}

#tabel1 {
	margin: 20px auto;
	width: 500px !important;
}

#tabel1~p {
	margin: 0 auto;
	width: 500px !important;
}

#lblDate span {
	color: #083453
}

.Error {
	font: bold 11px Tahoma, Helvetica, sans-serif;
	color: red;
}

.HeadBg {
	background-color: #FFF
}

/* ==============================================================a=l=a=v=i========
   portal-css: custom - css
   ========================================================================== */
#Table2 tr td {
	padding: 5px 0;
}

#Table6 {
	padding: 5px 0;
}

/*................. slider ....................*/
/*
.slider-style {border-radius: 15px; overflow: hidden; border-left: 2px solid #336699; border-right: 2px solid #336699; margin:7px 0; }*/

/* ==============================================================a=l=a=v=i========
   portal-css: slickNav - css
   ========================================================================== */
.slicknav_menu {
	display: none;
}

@media only screen and (max-width: 768px) {

	#navigation-style {
		display: none;
	}

	.slicknav_menu {
		display: block;
	}
}

.slicknav_btn {
	background-color: #b2040e !important;
}

.slicknav_nav {
	background-color: #2a2a2a !important;
	position: absolute !important;
	width: 100% !important;
	top: 100%;
	right: 0;
}

.slicknav_nav a {
	font-family: IRANSans, regular, sans-serif !important;
}

.slicknav_nav .slicknav_row:hover,
.slicknav_nav a:hover {
	background-color: #b2040e !important;
}

.slicknav_menu {
	background-color: transparent !important;
}

/* ==============================================================a=l=a=v=i========
   portal-css: uk-tooltip-custom
   ========================================================================== */
.uk-tooltip {
	display: none;
	position: absolute;
	z-index: 1030;
	box-sizing: border-box;
	max-width: 200px;
	padding: 5px 10px;
	background: #666666;
	font-family: rezvan, arial, sans-serif;
	color: #ffffff;
	font-size: 14px;
	font-weight: normal;
	line-height: 18px;
	border-radius: 3px;
}

.uk-tooltip:after {
	content: "";
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	border: none;
}

.uk-tooltip:before {
	content: "";
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	border: 5px dashed #666666;
}

/* Top*/
.uk-tooltip-top:before,
.uk-tooltip-top-left:before,
.uk-tooltip-top-right:before {
	bottom: -5px;
	border-top-style: solid;
	border-bottom: none;
	border-left-color: transparent;
	border-right-color: transparent;
	border-top-color: #666666;
}

/* Bottom*/
.uk-tooltip-bottom:before,
.uk-tooltip-bottom-left:before,
.uk-tooltip-bottom-right:before {
	top: -5px;
	border-bottom-style: solid;
	border-top: none;
	border-left-color: transparent;
	border-right-color: transparent;
	border-bottom-color: #666666;
}

/*Top/Bottom center*/
.uk-tooltip-top:before,
.uk-tooltip-bottom:before {
	left: 50%;
	margin-left: -5px;
}

/* Top/Bottom left*/
.uk-tooltip-top-left:before,
.uk-tooltip-bottom-left:before {
	left: 10px;
}

/* Top/Bottom right*/
.uk-tooltip-top-right:before,
.uk-tooltip-bottom-right:before {
	right: 10px;
}

/* Left*/
.uk-tooltip-left:before {
	right: -5px;
	top: 50%;
	margin-top: -5px;
	border-left-style: solid;
	border-right: none;
	border-top-color: transparent;
	border-bottom-color: transparent;
	border-left-color: #666666;
}

/*Right*/
.uk-tooltip-right:before {
	left: -5px;
	top: 50%;
	margin-top: -5px;
	border-right-style: solid;
	border-left: none;
	border-top-color: transparent;
	border-bottom-color: transparent;
	border-right-color: #666666;
}

/*.......End...........Component: Tooltip....................*/

#footer-box {
    position: relative;
    padding: 50px 0 70px;
    background-color: #000;
}

#footer-box a[id*=_HyperLink] {
	color: #fff;
	font-size: 14px;
}

#footer-box a[id$=_editLink] img {
	display: none;
}


/* ==============================================================a=l=a=v=i========
   portal-css: registeration-form-style-custom
   ========================================================================== */

.register-uk-container {
	padding: 0 15px;
}

.register-padding-top {
	padding-top: 15px;
}

.register-style.custom-bg {
	background-color: #ffffff;
}

@font-face {
	font-family: 'rezvan';
	src: url('fonts/rezvan.otf');
	/* IE9 Compact Modes */
	src: url('fonts/rezvan.otf?#iefix') format('embedded-opentype'),
		/* IE6-IE8 */
		url('fonts/rezvan.ttf') format('truetype');
	/* Safari, Android, iOS */
	font-weight: normal;
	font-style: normal;
}

.register-style h3,
.register-style label,
.register-style dt,
.register-style button {
	font-family: rezvan, Helvetica, Arial, sans-serif;
	color: #888888;
}

.register-style label {
	font-family: rezvan, Helvetica, Arial, sans-serif;
	color: #666666;
}

.register-style input,
.register-style textarea,
.register-style select {
	font-family: rezvan, Helvetica, Arial, sans-serif;
	background-color: #f5f5f5 !important;
	border: 1px solid #dddddd !important;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 -1px 4px 0 rgba(238, 238, 238, 1);
	-moz-box-shadow: inset 0 -1px 4px 0 rgba(238, 238, 238, 1);
	box-shadow: inset 0 -1px 4px 0 rgba(238, 238, 238, 1);
}

.register-style textarea {
	color: #AAAAAA;
}

.register-style select {
	color: #444444;
}

.register-style input:focus,
.register-style textarea:focus {
	background-color: #ffffff !important;
	border: 1px solid #AAAAAA !important;
	color: #444444;
	-webkit-box-shadow: inset 0 -1px 4px 0 rgba(204, 204, 204, 1);
	-moz-box-shadow: inset 0 -1px 4px 0 rgba(204, 204, 204, 1);
	box-shadow: inset 0 -1px 4px 0 rgba(204, 204, 204, 1);
}

.register-style .uk-form-row .custom-margin {
	margin: 4px 40px 4px 0;
}

.register-style .register-accordion-title {
	-webkit-transition: background 0.3s ease-in-out;
	-moz-transition: background 0.3s ease-in-out;
	-o-transition: background 0.3s ease-in-out;
	transition: background 0.3s ease-in-out;
}

.register-style .register-accordion-title.uk-active,
.register-style .register-accordion-title:hover {
	border: 1px solid #444444;
	background-color: #444444;
	color: #ffffff;
}

.register-style .uk-alert ul {
	padding-left: 30px;
}

.register-style .uk-alert ul li {
	position: relative;
	margin-top: 5px;
	padding-top: 5px;
}

.register-style span.custom-font-style {
	font-family: rezvan, Helvetica, Arial, sans-serif;
	color: #666666;
	padding: 0 25px;
	margin: 0;
}

.register-style i.alert-icon {
	position: absolute;
	right: 0;
	top: 30%;
}

.register-style .uk-form-row .custom-pos {
	position: relative;
	padding: 4px 35px 4px 0;
}

.register-style .uk-form-row span.userpro-field-icon {
	background-color: #f5f5f5;
	border: 1px solid transparent;
	border-radius: 999px;
	color: #999999;
	cursor: default;
	font-size: 18px;
	height: 32px;
	right: 25px;
	line-height: 32px;
	position: absolute;
	text-align: center;
	top: 0;
	width: 32px;
	-webkit-transition: background 0.3s ease-in-out;
	-moz-transition: background 0.3s ease-in-out;
	-o-transition: background 0.3s ease-in-out;
	transition: background 0.3s ease-in-out;
}

.register-style .uk-form-row span.userpro-field-icon:hover {
	background-color: #444444;
	color: #ffffff;
}

.register-style .uk-form-row span.userpro-field-icon-hover {
	background-color: #444444;
	color: #ffffff;
}

.register-style .uk-form-row span.userpro-field-icon-green {
	background-color: #03A678;
	color: #ffffff;
}

.register-style .uk-button-success {
	background-color: #03A678;
	color: #ffffff;
	margin: 0;
}

.register-style .uk-button-danger {
	color: #ffffff;
}

.register-style .uk-form-horizontal .uk-form-label {
	width: 100%;
	font-weight: normal;
}

.register-style .uk-form-row .register-important {
	border-left: 2px solid #e4354f !important;
}

.register-style .uk-form-row .register-position {
	position: relative;
}

.register-style .uk-form-row span.info {
	display: inline-block;
	height: 15px;
	position: absolute;
	left: 10px;
	top: 8px;
	width: 15px;
}

.register-style .uk-form-row span.info::before {
	background-color: #666666;
	border-radius: 50%;
	color: #ffffff;
	content: attr(data-label);
	cursor: help;
	font-family: rezvan, arial, sans-serif;
	font-size: 12px;
	position: absolute;
	text-align: center;
	height: 15px;
	width: 15px;
}

/*.register-style .password-checker {background-color: #fafafa; border: 1px solid #cccccc; border-radius: 3px; font: 12px rezvan; margin: 6px 0 0; padding: 5px; position: relative; right: 0;width: 96%; z-index: 100;}*/
.register-style .uk-form-file button.register-button-upload {
	color: #8c8c8c;
}

.register-style .uk-form-row .pic-profile {
	border: 1px solid #eee;
	border-radius: 5px;
}


.capture-code-style img {
	width: 180px;
	height: 80px;
	background-color: #cccccc;
	display: block;
	border-radius: 4px;
	border: 1px solid #666666 !important;
	-webkit-box-shadow: 0 -1px 4px 0 rgba(204, 204, 204, 1);
	-moz-box-shadow: 0 -1px 4px 0 rgba(204, 204, 204, 1);
	box-shadow: 0 -1px 4px 0 rgba(204, 204, 204, 1);
}

.capture-code-style .insert-code-style {
	height: 26px;
	margin: 3px 2px 0 0;
	width: 75%;
	border: 1px solid #AAAAAA !important;
}

.captcha-padding-bottom {
	padding-bottom: 35px;
}

.pic-profile {
	width: 64px;
	height: 64px;
}

.captcha-refresh-btn {
	width: 22%;
	border: 1px solid #aaaaaa !important;
	margin: 4px 0 0 0 !important;
}

.register-custom-btn {
	font-family: IRANSans, regular, sans-serif !important;
}

.custom-icon-position {
	font-size: 20px !important;
	left: -30px;
	position: absolute;
	top: 5px;
}

.times-style {
	color: red;
}

.check-style {
	color: green;
}

.loading-style {}

@media screen and (max-width: 480px) {
	.register-style .uk-form-row span.userpro-field-icon {
		margin: -9px 0;
	}
}

/*--------end--------------register-style----------------------------*/

img {
	max-width: 100%;
}

/********** VERTICAL MENU ON PANE **********/
.menupane [id^=simple_menu_] {
	display: block !important;
	width: 100% !important;
	height: auto !important;
	border: 0 !important;
	background: #fff !important;
	z-index: 400;
}

.menupane [id^=simple_menu_] li {
	display: inline-block !important;
	float: none !important;
	height: auto !important;
	background: none !important;
	position: initial !important;
}

.menupane [id^=simple_menu_] li a {
	display: block !important;
	color: #333 !important;
	border: 0 !important;
	font-family: IRANSans, Yekan, BYekan, BiYekan !important;
	font-size: 12px !important;
	font-weight: normal !important;
	line-height: 2em !important;
	padding: 5px 15px !important;
	background: none !important;
	position: relative !important;
}

.menupane [id^=simple_menu_] li a:hover {
	color: #333 !important;
	background: #bfc0c2 !important;
}

.menupane [id^=simple_menu_] li a.arrow:after {
	content: "";
	border: 4px solid transparent;
	border-top-color: #333;
	position: absolute;
	top: 15px;
	left: 3px;
}

.menupane [id^=simple_menu_] ul,
.menupane [id^=simple_menu_] ul ul {
	display: none !important;
	width: 100% !important;
	text-align: right !important;
	padding: 0 !important;
	margin: 0 !important;
	box-sizing: border-box !important;
	border: 1px solid #ccc !important;
	background: #bcbdbf !important;
	position: absolute !important;
	top: 100% !important;
	right: 0 !important;
}

.menupane [id^=simple_menu_] li:hover>ul {
	display: block !important;
}

.menupane [id^=simple_menu_]>ul li {
	position: relative !important;
	z-index: 1 !important;
}

.menupane [id^=simple_menu_] ul li:not(:last-child) a:before {
	content: "";
	width: 1px;
	height: 50%;
	margin: 8px 0;
	border-left: 1px solid #666 !important;
	position: absolute;
	top: 0;
	left: -1px;
	z-index: 10 !important;
}

/********** MENU end **********/

.res-grid>* {
	padding-right: 2vw !important;
}













/*========= PUT style - n.ghelichkhani =========*/
/*=======GO TOP BUTTON====move top and bottom effect====*/
.go-top-btn {
	font-size: 22px;
	color: #fff;
	text-align: center;
	display: block;
	width: 40px;
	height: 40px;
	position: fixed;
	bottom: 30px;
	right: -60px;
	border: solid 2px #fff;
	background-color: hsl(350, 78%, 30%);
	-webkit-transition: all ease .5s;
	-moz-transition: all ease .5s;
	/*-ms-transition: all ease .3s;*/
	-o-transition: all ease .5s;
	transition: all ease .5s;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	z-index: 999;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 1px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.go-top-btn i {
	display: block;
	margin-top: 4px;
	margin-right: 3px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.go-top-btn:hover {
	color: #fff;
	-webkit-animation-name: go-top;
	-moz-animation-name: go-top;
	-o-animation-name: go-top;
	animation-name: go-top;
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-o-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

.show-go-top-btn {
	right: 30px;
}

@-webkit-keyframes go-top {
	0% {
		bottom: 30px;
		background-color: hsl(350, 78%, 30%);
	}

	50% {
		bottom: 40px;
		background-color: #464646;
	}

	100% {
		bottom: 30px;
		background-color: hsl(350, 78%, 30%);
	}
}

@keyframes go-top {
	0% {
		bottom: 30px;
		background-color: hsl(350, 78%, 30%);
	}

	50% {
		bottom: 40px;
		background-color: #464646;
	}

	100% {
		bottom: 30px;
		background-color: hsl(350, 78%, 30%);
	}
}

/*===== header =====*/
.put-toggleSearch>div {
	display: inline-block;
	float: left;
	position: relative;
	margin-top: 22px;
}

.put-enBtn {
	display: inline-block;
	font: bold 15px regular, sans-serif;
	color: #fff !important;
	margin-right: 10px;
	border-right: solid 1px #fff;
	padding: 0 12px 0 0;
}

.sliderpack div[id$="mainPanel"] {
	/* margin-top: -28px; */
}

#sliderpack {
	background: #f9f6ef;
}

.sliderpack .dp-module-title {
	position: relative;
	z-index: 204;
}

/*===== menu =====*/
.put-menuBtn {
	display: inline-block;
	font: 17px/19px IRANSans, sans-serif;
	color: #fff !important;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	outline: none !important;
}

.put-menuBtn i {
	display: inline-block;
	vertical-align: middle;
	margin-left: 5px;
	font-size: 20px;
}

/*==== mega menu ====*/
.put-megaMenuBox {
	display: none;
	background-color: #EFEBDC;
	padding-top: 15px;
	padding-bottom: 15px;
	z-index: 200;
	position: relative;
}

.uk-active .put-megaMenuBox {}

.put-megaMenuBox ul {
	list-style-type: none;
}

.put-megaMenu {
	padding-right: 0;
}

.put-subMenu {
	padding-right: 10px;
	margin-bottom: 10px;
}

.put-megaMenu>li {
	display: block;
	margin-bottom: 5px;
}

.put-megaMenu a {
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	/*-ms-transition: all .3s;*/
	-o-transition: all .3s;
	transition: all .3s;
}

.put-megaMenu>li>a {
	font: 17px IRANSans, regular, sans-serif;
	color: #b2040e;
}

.put-megaMenu ul a {
	font: 15px IRANSans, regular, sans-serif;
	color: #464646 !important;
}

.put-megaMenu ul a:hover,
.put-megaMenu>li>a:hover {
	padding-right: 10px;
	color: #b2040e !important;
}

.put-hasSub:hover {
	padding-right: 0 !important;
}

.put-hasSub i {
	text-align: center;
	display: none;
	color: #fff !important;
	vertical-align: middle;
	margin: 0 5px;
	width: 20px;
	height: 19px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: rgba(178, 4, 14, 0.28);
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	/*-ms-transition: all .3s;*/
	-o-transition: all .3s;
	transition: all .3s;
}

.put-hasSub.put-active i {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

.put-menuLogo img {
	display: block;
	max-height: 100px;
	max-width: 100%;
}

.put-menuLink a {
	font: 13px IRANSans, regular, sans-serif;
	color: #fff !important;
	display: inline-block;
	/* height: 38px; */
	background-color: #1a709e;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 8px 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	/*-ms-transition: all .3s;*/
	-o-transition: all .3s;
	transition: all .3s;
}

.put-menuLink a:hover {
	background-color: #b2040e;
	color: #fff !important;
}

/*====== top links ======*/
.put-wrap {
	position: relative;
	z-index: 90;
	margin-top: -82px;
}

.put-wrap * {
	position: relative;
	z-index: 50;
}

.put-background {
	overflow: visible;
	height: 100%;
}

.put-topLinkBox {
	height: 500px;
	box-sizing: border-box;
	padding: 3em 1.5em 0;
	-ms-transition: 1.2s transform ease-out;
	-o-transition: 1.2s transform ease-out;
	-webkit-transition: 1.2s transform ease-out;
	-moz-transition: 1.2s transform ease-out;
	transition: 1.2s transform ease-out;
}

.put-background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.put-topLinkBox:after {
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	display: block;
	height: 100%;
	width: 100%;
	opacity: 1;
	transition: 1.5s opacity;
	z-index: 0;
}

.put-linkbox4::before,
.put-linkbox3::before,
.put-linkbox2::before,
.put-linkbox1::before {
	content: '';
	display: block;
	width: calc(100% + 100px);
	height: calc(100% + 100px);
	position: absolute;
	bottom: 0;
	right: 0;
	background-size: cover !important;
	opacity: .1;
	z-index: 1;
}

.put-linkbox1::before {
	background: url("image/img4.jpg") no-repeat center;
	-webkit-transform: skewY(-4deg);
	-moz-transform: skewY(-4deg);
	-ms-transform: skewY(-4deg);
	-o-transform: skewY(-4deg);
	transform: skewY(-4deg);
}

.put-linkbox2::before {
	background: url("image/img3.jpg") no-repeat center;
	-webkit-transform: skewY(-4deg);
	-moz-transform: skewY(-4deg);
	-ms-transform: skewY(-4deg);
	-o-transform: skewY(-4deg);
	transform: skewY(-4deg);
}

.put-linkbox3::before {
	background: url("image/img2.jpg") no-repeat center;
	-webkit-transform: skewY(4deg);
	-moz-transform: skewY(4deg);
	-ms-transform: skewY(4deg);
	-o-transform: skewY(4deg);
	transform: skewY(4deg);
}

.put-linkbox4::before {
	background: url("image/img1.jpg") no-repeat center;
	-webkit-transform: skewY(12deg);
	-moz-transform: skewY(12deg);
	-ms-transform: skewY(12deg);
	-o-transform: skewY(12deg);
	transform: skewY(12deg);
}

.put-linkbox1:after {
	background-color: #01b9a3;
}

.put-linkbox2:after {
	background-color: #016daf;
}

.put-linkbox3:after {
	background-color: #d45900;
}

.put-linkbox4:after {
	background-color: #5b0543;
}

.put-topLinkBox {
	text-align: center;
	color: #fff;
	overflow: hidden;
	/*float: right !important;*/
}

.put-topLinkBox>div {
	height: 100%;
	position: absolute;
	top: 0;
	/*background-color: red;*/
	width: 100%;
	right: 0;
}

.put-topLink-icon {
	height: 70px;
	/*border-top: solid 1px #fff;*/
}

.put-topLink-icon img {
	display: inline-block;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.put-linkbox4 .put-topLink-icon {
	margin-top: 45px;
}

.put-linkbox3 .put-topLink-icon {
	margin-top: 21px;
}

.put-linkbox2 .put-topLink-icon {
	margin-top: 44px;
}

.put-linkbox1 .put-topLink-icon {
	margin-top: 68px;
}

.put-topLinkBox h3 {
	font: 20px IRANSans, regular, sans-serif !important;
	color: #fff !important;
}

.put-topLinkBox ul {
	text-align: right;
	display: block;
	list-style-type: none;
	width: 70%;
	margin: 0 auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px;
	border-top: solid 1px #fff;
}

.put-topLinkBox li a {
	font: 13px IRANSans, regular, sans-serif;
	color: #fff !important;
}

.put-topLinkBox li::before {
	direction: rtl;
	content: '»';
	display: inline-block;
	vertical-align: sub;
	margin-left: 5px;
}

.put-boxLinkMore {
	font: 13px IRANSans, regular, sans-serif;
	color: #373737 !important;
	text-align: center;
	display: inline-block;
	background-color: #fff;
	padding: 3px 15px 3px 15px;
	height: 28px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	margin: 10px 0 0;
}

.put-boxLinkMore .uk-icon-angle-double-right {
	display: none;
	/*-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;*/
}

.put-boxLinkMore:hover {
	color: #b2040e !important;
	text-decoration: none;
	/*padding: 3px 15px 3px 10px;*/
	margin-top: 15px;
}

/*.put-boxLinkMore:hover .uk-icon-angle-double-right{*/
/*display: inline-block;*/
/*}*/

/*====== amuzesh ======*/
.put-amuzeshDesc {
	font: normal 19px IRANSans, regular, sans-serif;
	color: #464646;
	text-align: center;
}

.put-amuzeshDoc .uk-overlay {
	width: 100% !important;
}

.put-amuzeshDoc div img {
	display: block;
	width: 100% !important;
	height: 12vw !important;
	margin: auto;
}

.put-amuzeshDoc h2 {
	font: normal 21px IRANSans, sans-serif !important;
	color: #464646;
	margin: 10px 0 5px !important;
}

.put-amuzeshDoc p {
	font: 13px IRANSans, regular, sans-serif;
	color: #464646;
	margin: 5px 0;
}

.put-amuzeshDoc a {
	font: 13px IRANSans, sans-serif;
	color: #096ca9 !important;
}

/*======= gp amuzeshi =======*/
.put-gpAmuzeshi {
	text-align: center;
}

.put-gpAmuzeshi ul {
	display: inline-block;
	list-style-type: none;
	margin: 0 auto;
	float: none;
	clear: both;
	padding: 0 !important;
}

.put-gpAmuzeshi li {
	display: inline-block;
	float: right;
	padding: 0 10px;
	position: relative;
}

.put-gpAmuzeshi li::after {
	content: '|';
	color: #464646;
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
}

.put-gpAmuzeshi li:last-child::after {
	content: '';
}

.put-gpAmuzeshi li a {
	display: inline-block;
	font: 13px IRANSans, sans-serif;
	color: #096ca9;
}

.put-gpAmuzeshi li a:hover {
	color: #b2040e !important;
}

.put-moreLink {
	margin-bottom: 25px;
	display: inline-block;
	background-color: #b2040e;
	font: 19px/20px IRANSans, sans-serif;
	color: #fff !important;
	padding: 10px 32px 15px 15px;
	margin-top: 20px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	/*-ms-transition: all .3s;*/
	-o-transition: all .3s;
	transition: all .3s;
}

.put-moreLink:hover {
	background-color: hsl(350, 78%, 30%);
	color: #fff !important;
	/*margin-right: 10px;*/
}

.put-moreLink i {
	display: inline-block;
	vertical-align: sub;
	margin-right: 5px;
	opacity: 0;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	/*-ms-transition: all .3s;*/
	-o-transition: all .3s;
	transition: all .3s;
}

.put-moreLink:hover i {
	opacity: 1;
}

/*====== asatid section ======*/
.put-asatid {
	text-align: center;
	/* height:520px; */
	background: url("image/bookshelf.jpg") no-repeat center;
	background-size: cover;
	position: relative;
	overflow: hidden;
}

.put-blurBg {
	width: calc(100% + 40px);
	height: calc(100% + 40px);
	position: absolute;
	right: -20px;
	top: -20px;
	left: -20px;
	bottom: -20px;
	background: url("image/bookshelf.jpg") no-repeat center;
	background-size: cover;
	-ms-filter: blur(8px);
	filter: blur(8px);
}

.put-asatid .uk-container {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.put-ostadImg img {
	display: inline-block;
}

.put-asatid p {
	width: 80%;
	font: 18px IRANSans, sans-serif;
	color: #fff;
	margin: 0 auto;
}

.put-asatid h2 {
	font-family: IRANSans, sans-serif !important;
	color: #fff;
	margin: 5px 0 !important;
}

.put-asatid span {
	font: 16px IRANSans, sans-serif;
	color: #fff;
	display: block;
}

.put-asatid a {
	display: inline-block;
	font: 16px IRANSans, sans-serif;
	color: #fff !important;
	margin-top: 15px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	/*-ms-transition: all .3s;*/
	-o-transition: all .3s;
	transition: all .3s;
	padding: 5px 15px;
}

.put-asatid a i {
	display: inline-block;
	vertical-align: sub;
	margin-right: 5px;
}

.put-asatid a:hover {
	background-color: #b2040e;
	color: #fff !important;
	margin-right: 10px;
}

/*====== pazhuhes ======*/
.put-pazuhesh p {
	font: 18px IRANSans, sans-serif;
	color: #464646;
	text-align: center;
}

.put-pazuhesh div {
	border-top: solid 1px #464646;
	border-bottom: solid 1px #464646;
}

.put-pazuhesh span {
	display: block;
	height: 100px;
	float: right;
	width: 33.333%;
	text-align: center;
	padding: 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.put-pazuhesh span a {
	display: inline-block;
	font: 21px IRANSans, sans-serif;
	color: #464646;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	/*-ms-transition: all .3s;*/
	-o-transition: all .3s;
	transition: all .3s;
}

.put-pazuhesh span a:hover {
	color: #b2040e !important;
}

/*======= successful pazhuhes =======*/
.put-seccessBox {
	display: block;
	height: 100%;
	-webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .6);
	-moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .6);
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .6);
}

.put-seccessBox .uk-overlay {
	width: 100% !important;
}

.put-seccessBox img {
	display: block;
	width: 100% !important;
	height: 12vw !important;
	margin: auto;
}

.put-seccessBox h3 {
	text-align: center;
	font: 22px/19px IRANSans, regular, sans-serif !important;
	color: #464646;
	margin: 0;
	padding: 15px 0 20px;
}

/*====== bottom full pane ======*/
.put-bottomFullPane {
	background-color: #f9f6ef;
}

/*====== zendegi daneshjuee ======*/
.put-daneshjuee img {
	display: block;
	width: 100% !important;
	height: 12vw !important;
	margin: auto;
}

.put-daneshjuee>p {
	font: 19px IRANSans, regular, sans-serif;
	color: #464646;
	text-align: center;
	margin-bottom: 20px;
}

.put-daneshjuee .uk-overlay {
	width: 100% !important;
}

.put-daneshjuee h2 {
	font: 22px/19px IRANSans, regular, sans-serif !important;
	color: #464646;
	margin: 10px 0;
}

.put-daneshjuee div p {
	font: 13px IRANSans, regular, sans-serif;
	color: #464646;
	margin: 5px 0;
}

.put-daneshjuee .uk-grid a {
	display: block;
	font: 13px IRANSans, regular, sans-serif;
	color: #096ca9 !important;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	/*-ms-transition: all .3s;*/
	-o-transition: all .3s;
	transition: all .3s;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.put-daneshjuee .uk-grid a:hover {
	color: #b2040e !important;
	padding-right: 15px;
}

/*======= about us =======*/
.put-aboutUs>p {
	font: 19px IRANSans, regular, sans-serif;
	color: #464646;
	text-align: center;
}

.put-aboutUs .uk-grid div {
	text-align: center;
	margin-bottom: 15px;
}

.put-aboutUs .uk-grid a {
	display: inline-block;
	font: 21px IRANSans, regular, sans-serif;
	color: #464646 !important;
	border-bottom: solid 1px #b2040e;
	padding: 5px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	/*-ms-transition: all .3s;*/
	-o-transition: all .3s;
	transition: all .3s;
}

.put-aboutUs .uk-grid a:hover {
	background-color: #b2040e;
	color: #fff !important;
}

/*======= top footer icons and copyRight =======*/
.put-topFooterIcons {
	background-color: #e2e1df;
}

.put-copyRight {
	font: 13px regular, IRANSans, sans-serif;
	color: #262626;
	text-align: left;
}

.put-copyRight p {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

/*====== top footer links ======*/
.put-topFooterLinks,
.put-footerBoxLinks {
	padding-top: 15px;
	padding-bottom: 15px;
}

.put-topFooterLinks h3 {
	font: 19px IRANSans, regular, sans-serif !important;
	color: #b2040e;
	margin-bottom: 5px !important;
}

.put-topFooterLinks ul {
	list-style-type: none;
	padding-right: 0;
	margin-top: 5px;
}

.put-topFooterLinks li a {
	display: block;
	font: 13px IRANSans, regular, sans-serif;
	color: #262626 !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	/*-ms-transition: all .3s;*/
	-o-transition: all .3s;
	transition: all .3s;
	margin-bottom: 8px;
}

.put-topFooterLinks li a:hover {
	color: #b2040e !important;
	padding-right: 10px;
}

.put-footerBoxLinks a {
	display: block;
	font: 13px/30px IRANSans, regular, sans-serif;
	text-align: center;
	color: #262626 !important;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 1);
	-moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 1);
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 1);
	margin-bottom: 8px;
	height: 40px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 4px 0;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	/*-ms-transition: all .3s;*/
	-o-transition: all .3s;
	transition: all .3s;
}

.put-footerBoxLinks a:hover {
	/*color: #b2040e !important;*/
	background-color: #b2040e;
	color: #fff !important;
}

/*======== MEDIAS  ========*/
@media only screen and (max-width: 1200px) {
	.put-topLinkBox ul {
		width: 80%;
	}
}

@media (max-width: 768px) {
	.put-background {
		margin: 80px 0 -20%;
	}

	.put-linkbox4 {
		-ms-transform-origin: 100% 0;
		-o-transform-origin: 100% 0;
		-webkit-transform-origin: 100% 0;
		-moz-transform-origin: 100% 0;
		transform-origin: 100% 0;
	}

	.put-linkbox3 {
		-ms-transform-origin: -100% 0;
		-o-transform-origin: -100% 0;
		-webkit-transform-origin: -100% 0;
		-moz-transform-origin: -100% 0;
		transform-origin: -100% 0;
	}

	.put-linkbox2 {
		-ms-transform-origin: 300% 0;
		-o-transform-origin: 300% 0;
		-webkit-transform-origin: 300% 0;
		-moz-transform-origin: 300% 0;
		transform-origin: 300% 0;
	}

	.put-linkbox1 {
		-ms-transform-origin: -300% 0;
		-o-transform-origin: -300% 0;
		-webkit-transform-origin: -300% 0;
		-moz-transform-origin: -300% 0;
		transform-origin: -300% 0;
	}

	/*.put-topLinkBox{
		-webkit-transform-origin:0 0;
		-moz-transform-origin:0 0;
		-ms-transform-origin:0 0;
		-o-transform-origin:0 0;
		transform-origin:0 0;
		-ms-transform: skewY(-5deg);
		-o-transform: skewY(-5deg);
		-webkit-transform: skewY(-5deg);
		-moz-transform: skewY(-5deg);
		transform: skewY(-5deg);
	}
	.put-topLinkBox > div{
		-ms-transform: skewY(5deg);
		-o-transform: skewY(5deg);
		-webkit-transform: skewY(5deg);
		-moz-transform: skewY(5deg);
		transform: skewY(5deg);
	}*/
	.put-linkbox1,
	.put-linkbox3 {
		-ms-transform: skewY(-5deg);
		-o-transform: skewY(-5deg);
		-webkit-transform: skewY(-5deg);
		-moz-transform: skewY(-5deg);
		transform: skewY(-5deg);
	}

	.put-linkbox1>div,
	.put-linkbox3>div {
		-ms-transform: skewY(5deg);
		-o-transform: skewY(5deg);
		-webkit-transform: skewY(5deg);
		-moz-transform: skewY(5deg);
		transform: skewY(5deg);
	}

	.put-linkbox2,
	.put-linkbox4 {
		-ms-transform: skewY(5deg);
		-o-transform: skewY(5deg);
		-webkit-transform: skewY(5deg);
		-moz-transform: skewY(5deg);
		transform: skewY(5deg);
	}

	.put-linkbox2>div,
	.put-linkbox4>div {
		-ms-transform: skewY(-5deg);
		-o-transform: skewY(-5deg);
		-webkit-transform: skewY(-5deg);
		-moz-transform: skewY(-5deg);
		transform: skewY(-5deg);
	}
}

@media (min-width: 768px) {
	.put-wrap {
		height: 430px;
		padding-bottom: 3em;
	}

	.put-background {
		height: 100%;
		background: #595959;
	}

	.put-background:after {
		display: block;
		content: '';
		background: #fff;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 5vw;
		z-index: 95;
	}

	.put-background {
		display: flex;
		flex-wrap: nowrap;
		height: 100%;
	}

	.put-topLinkBox {
		width: 25%;
		padding: 1em 2em;
		box-sizing: border-box;
		height: auto;
	}

	.put-linkbox1 {
		-ms-transform-origin: 300% 0;
		-o-transform-origin: 300% 0;
		-webkit-transform-origin: 300% 0;
		-moz-transform-origin: 300% 0;
		transform-origin: 300% 0;
	}

	.put-linkbox2 {
		-ms-transform-origin: 200% 0;
		-o-transform-origin: 200% 0;
		-webkit-transform-origin: 200% 0;
		-moz-transform-origin: 200% 0;
		transform-origin: 200% 0;
	}

	.put-linkbox3 {
		-ms-transform-origin: 100% 0;
		-o-transform-origin: 100% 0;
		-webkit-transform-origin: 100% 0;
		-moz-transform-origin: 100% 0;
		transform-origin: 100% 0;
	}

	.put-linkbox4 {
		-ms-transform-origin: 0 0;
		-o-transform-origin: 0 0;
		-webkit-transform-origin: 0 0;
		-moz-transform-origin: 0 0;
		transform-origin: 0 0;
	}

	.put-linkbox1.put-skewed,
	.put-linkbox2.put-skewed,
	.put-linkbox3.put-skewed {
		-ms-transform: skewY(4deg);
		-o-transform: skewY(4deg);
		-webkit-transform: skewY(4deg);
		-moz-transform: skewY(4deg);
		transform: skewY(4deg);
	}

	.put-linkbox1.put-skewed>div,
	.put-linkbox2.put-skewed>div,
	.put-linkbox3.put-skewed>div {
		-ms-transform: skewY(-4deg);
		-o-transform: skewY(-4deg);
		-webkit-transform: skewY(-4deg);
		-moz-transform: skewY(-4deg);
		transform: skewY(-4deg);
	}

	.put-linkbox4.put-skewed {
		-ms-transform: skewY(-12deg);
		-o-transform: skewY(-12deg);
		-webkit-transform: skewY(-12deg);
		-moz-transform: skewY(-12deg);
		transform: skewY(-12deg);
	}

	.put-linkbox4.put-skewed>div {
		-ms-transform: skewY(12deg);
		-o-transform: skewY(12deg);
		-webkit-transform: skewY(12deg);
		-moz-transform: skewY(12deg);
		transform: skewY(12deg);
	}

}

@media only screen and (max-width: 768px) {
	.dp-top-header>.uk-container {
		/* height:95px !important; */
	}

	.put-megaMenuBox {
		/*height:calc(100% - 105px) !important;*/
		height: 200px;
		overflow-y: scroll !important;
	}

	.put-menuLogo img {
		margin: 0 auto;
	}

	.put-menuLink {
		text-align: center;
		padding-bottom: 15px;
	}

	.put-menuBtn {
		font-size: 16px;
		margin: 0 0 15px !important;
	}

	.put-toggleSearchBtn {
		font-size: 16px;
		margin: 0 0 15px !important;
	}

	.put-subMenu {
		display: none;
	}

	.put-hasSub i {
		display: inline-block;
	}

	.put-megaMenu>li {
		border-bottom: solid 1px rgba(178, 4, 14, 0.28);
	}

	.nav-pos {
		height: 38px;
	}

	.put-toggleSearch {
		height: 37px;
	}

	table[id$="_NewsContentList"]>tbody>tr>td {
		display: block !important;
		width: calc(50% - 20px) !important;
		float: right !important;
		margin: 10px;
		box-sizing: content-box !important;
	}

	table[id$="_NewsContentList"]>tbody>tr>td:nth-child(odd) {
		clear: right;
	}

	table[id$="_NewsContentList"]>tbody>tr>td:nth-child(even) {
		clear: left;
	}

	.put-amuzeshDoc div,
	.put-daneshjuee .uk-grid>div {
		margin-bottom: 20px !important;
	}

	.put-amuzeshDoc div:last-child,
	.put-daneshjuee .uk-grid>div:last-child {
		float: none;
		/* margin: 20px auto !important; */
	}

	.put-seccessBox {
		margin-top: 10px !important;
		margin-bottom: 10px !important;
	}

	.put-footerBoxLinks {
		float: none !important;
		margin: 0 auto !important;
	}

	.dp-footertext {
		text-align: center;
		margin-bottom: 15px !important;
	}

	.dp-footerlink table {
		float: none;
		margin: 0 auto;
	}

	.dp_footer_icon,
	.put-copyRight {
		text-align: center;
	}

	.put-copyRight {
		padding-top: 10px;
		padding-bottom: 15px;
	}

	.put-pazuhesh span {
		/* padding: 5px; */
	}

	.put-pazuhesh span a {
		font-size: 19px;
	}

	.put-background {
		position: static !important;
	}
}

@media only screen and (max-width: 480px) {
	.put-stickMenu.uk-active .dp-top-header {
		display: none;
	}

	.dp-search.put-active {
		width: 210px;
	}

	table[id$="_NewsContentList"]>tbody>tr>td {
		float: none !important;
		width: 100% !important;
	}

	table.NewsItemStyle#NewsContentLayout {
		height: auto;
	}

	.put-asatid {
		height: auto;
		padding-top: 20px !important;
		padding-bottom: 20px !important;
	}

	.put-asatid .uk-container,
	.put-pazuhesh span a {
		position: static;
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
	}

	.put-pazuhesh span {
		width: 100%;
		height: auto;
	}

	a.DPNewsImageLink[id$="_ContentTopImageLink"] {
		height: auto !important;
	}
}

@media only screen and (min-width:800px) {
	.sliderpack div[id$="mainPanel"] {
		min-height: 100vh !important;
	}
}

/********** NEWS ICONS *********/
[id*=DetailsNewsCodeImage],
[id*=DetailsSubmitDateImage],
[id*=DetailsVisitImage],
[id*=DetailsCommentCountImage],
[id*=DetailsNewsSourceImage],
[id*=DetailsCreatedByImage] {
	display: none;
}

[id*=ContentDetailsPanel] {
	display: block;
	text-align: right;
}

[id*=DetailsNewsCodePanel],
[id*=DetailsSubmitDateCaption],
[id*=DetailsSubmitTime],
[id*=DetailsVisitPanel],
[id*=DetailsCommentCountPanel],
[id*=DetailsNewsSourcePanel],
[id*=DetailsCreatedByPanel] {
	position: relative;
	display: inline-block;
	text-align: right;
	margin-right: 20px;
	right: 0;
	position: relative;
}

[id*=DetailsNewsCodePanel]:before,
[id*=DetailsSubmitDateCaption]:before,
[id*=DetailsSubmitTime]:before,
[id*=DetailsVisitPanel]:before,
[id*=DetailsCommentCountPanel]:before,
[id*=DetailsNewsSourcePanel]:before,
[id*=DetailsCreatedByPanel]:before {
	width: 16px;
	height: 16px;
	text-align: center;
	position: absolute;
	right: -20px;
	color: #666;
	padding: 2px 0;
	font: 14px FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

[id*=DetailsNewsCodePanel]:before {
	content: "\f1ea";
}

/* icon News Code */
[id*=DetailsSubmitDateCaption]:before {
	content: "\f073";
}

/* icon News Date */
[id*=DetailsSubmitTime]:before {
	content: "\f017";
}

/* icon News Time */
[id*=DetailsVisitPanel]:before {
	content: "\f06e";
}

/* icon News Views */
[id*=DetailsCommentCountPanel]:before {
	content: "\f086";
}

/* icon News Comment */
[id*=DetailsNewsSourcePanel]:before {
	content: "\f09e";
}

/* icon News Source */
[id*=DetailsCreatedByPanel]:before {
	content: "\f007";
}

/* icon News User */

/********** NEWS PAGINATION **********/
.pgCurrentPage,
.pgNumbersCurrent,
[id*=NewsPagingNumbers],
a [id*=NewsPagingNumbers] span {
	font-family: IranSans, Tahoma;
}

[id$=NewsPagingNumbers] {
	float: right;
	margin-bottom: -33px;
	margin-right: 25px;
}

.pgFont {
	font-size: 10px;
	color: #909090;
}

.pgFont a:link,
.pgFont a:visited,
.pgFont a:active {
	font-size: 10px;
	color: #909090;
}

.pgFont a:hover {
	font-size: 10px;
	color: #707070;
}

a[id*="NewsPagingNumbers_goToBtn"] {
	color: #666 !important;
}

input[id*="NewsPagingNumbers_goToBtn"]:hover {
	color: #009dd8 !important;
}

input[id*="NewsPagingNumbers_goToTxt"] {
	margin-right: 5px;
	vertical-align: sub;
	border: solid 1px #ccc;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	min-height: 26px !important;
	height: 26px;
	width: 30px !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.pgNext,
.pgPrevious,
.pgNumbers,
.pgNumbersCurrent {
	display: inline-block;
	text-align: center;
	border: 1px solid;
	min-width: 26px;
	height: 26px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 0;
	line-height: 22px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin: 0 3px !important;
	float: right;
	-webkit-transition: all ease .3s;
	-moz-transition: all ease .3s;
	-ms-transition: all ease .3s;
	-o-transition: all ease .3s;
	transition: all ease .3s;
}

.pgNext,
.pgPrevious,
.pgNumbers {
	color: #666 !important;
	background: #f7f7f7;
	/* For browsers that do not support gradients */
	background: -webkit-linear-gradient(#fff, #eee);
	/* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#fff, #eee);
	/* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#fff, #eee);
	/* For Firefox 3.6 to 15 */
	background: linear-gradient(#fff, #eee);
	/* Standard syntax */
	border-color: rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
}

.pgNumbersCurrent {
	color: #fff !important;
	background: #881125 !important;
	border-color: rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.4);
}

.pgNext:hover,
.pgPrevious:hover,
.pgNumbers:hover {
	background-color: #fff !important;
	border-color: #ccc;
}

.pgCurrentPage {
	color: #505050;
}

/********** NEWS ARCHIVE **********/
[id*=NewsFooterArchiveLink] {
	float: left !important;
	margin: 0 20px 20px 0 !important;
	position: relative;
}

[id*=ArchiveLinkCaption] {
	display: inline-block;
	vertical-align: top;
	padding: 4px 0;
	color: #424242;
	font-family: IranSans;
	font-size: 14px;
	padding-left: 50px;
}

[id*=NewsActiveImage] {
	position: absolute;
	top: 0;
	right: -17px;
	z-index: 9;
}



[id*=NewsFooterArchiveLink]:before {
	content: "\f1ea";
	font: 20px FontAwesome;
	position: absolute;
	top: 5px;
	right: 8px;
	pointer-events: none;
	color: #881125;
}

[id*=NewsFooterArchiveLink]:after {
	content: "";
	display: table;
	clear: both;
}

[id*=ArchiveLinkImage] {
	width: 0 !important;
	padding-right: 32px;
}

/********** SERVICES **********/
.gi-services {
	display: block;
	text-align: center;
	/* padding: 10px 0; */
}

.gi-services .gi-service-item {
	display: inline-block;
	text-align: center;
	color: #074a9b;
	width: 145px;
	height: 145px;
	vertical-align: top;
	margin: 0 5px;
	position: relative;
}

.gi-services .gi-service-item:after {
	content: "";
	display: block;
	width: 0%;
	height: 0%;
	position: absolute;
	top: 50%;
	right: 50%;
	background: #0ea79c;
	z-index: 0;
	border-radius: 100px;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	-webkit-transform: translate(50%, -50%);
	transform: translate(50%, -50%)
}

.gi-services .gi-service-item:hover:after {
	width: 100%;
	height: 100%;
	opacity: 1;
	border-radius: 0;
}

.gi-services .gi-service-item:hover .gi-service-ico {
	-webkit-transform: rotate(180deg) scale(-1.1);
	transform: rotate(180deg) scale(-1.1);
	background-position-y: 73px;
	filter: drop-shadow(1px -1px 1px #053a59)
}

.gi-services .gi-service-ico {
	display: block;
	width: 69px;
	height: 73px;
	margin: 10px auto 0;
	background: url(image/velayat-uni-sprite.png);
	position: relative;
	z-index: 1;
}

.gi-services .ico-electronic .gi-service-ico {
	background-position-x: 69px;
}

.gi-services .ico-it-req .gi-service-ico {
	background-position-x: 138px;
}

.gi-services .ico-hrm .gi-service-ico {
	background-position-x: 207px;
}

.gi-services .ico-training .gi-service-ico {
	background-position-x: 276px;
}

.gi-services .ico-research .gi-service-ico {
	background-position-x: 345px;
}

.gi-services .ico-partic .gi-service-ico {
	background-position-x: 414px;
}

.gi-services .ico-congrat .gi-service-ico {
	background-position-x: 0px;
}

.gi-services .gi-service-title {
	display: table-cell;
	width: 100vw;
	height: 53px;
	font-size: 14px;
	line-height: 18px;
	color: #053a59;
	padding: 5px;
	margin: 0;
	vertical-align: middle;
	position: relative;
	z-index: 1;
}

.gi-service-item:hover .gi-service-title {
	color: #fff;
}

/********** MEDIA QUERY **********/
@media (max-width: 768px) {
	[id$=NewsPagingNumbers] {
		margin-bottom: 0;
	}

	[id*=NewsFooterArchiveLink] {
		float: left !important;
		margin: 10px 0 !important;
	}

	table[id$="_NewsContentList"] {
		border-collapse: collapse !important;
		border-spacing: 0px !important;
	}
}

@media (max-width: 767px) {

	.put-seccessBox img,
	.put-daneshjuee img,
	.put-amuzeshDoc div img {
		height: auto !important;
		height: 220px !important;
	}
}

.put-pazhuheshSuccsess>div {
	margin-bottom: 15px;
}

.tp-bgimg.defaultimg {
	background-position: top !important;
}


.sliderpane [id^=divMinMax_],
.innersliderpane [id^=divMinMax_] {
	margin-top: -28px !important;

}

/********** DOURAN COPYRIGHT **********/
.dp-poweredby {
	direction: ltr;
	display: block;
	text-align: center;
	background: #000;
	/* box-shadow: inset 0 4px 10px #222; */
}

.dp-poweredby #poweredbylink,
.dp-poweredby .version {
	display: inline-block;
	color: #fff;
	font-size: 0;
	vertical-align: middle;
	-webkit-transition: .5s;
	transition: .5s;
}

.dp-poweredby #poweredbylink {
	height: 50px;
	width: 100px;
	position: relative;
}

.dp-poweredby #poweredbylink:before {
	content: '';
	display: block;
	width: 32px;
	height: 32px;
	border-radius: 5px;
	background: #fc0;
	position: absolute;
	top: 10px;
	left: 50%;
	-webkit-transform: translateX(-50%) rotate(45deg);
	transform: translateX(-50%) rotate(45deg);
	-webkit-transition: .5s;
	transition: .5s;
	z-index: 1;
}

#poweredbylink:hover:before {
	-webkit-transform: translateX(-40px) rotate(-315deg);
	transform: translateX(-40px) rotate(-315deg);
}

#poweredbylogo {
	width: 20px;
	height: 20px;
	padding-right: 20px;
	background: url(image/logo-dourtal.png);
	position: relative;
	top: 14px;
	left: -1px;
	-webkit-transition: .5s;
	transition: .5s;
	z-index: 2;
}

#poweredbylink:hover #poweredbylogo {
	-webkit-transform: translateX(-25px);
	transform: translateX(-25px);
}

.dp-poweredby .version {
	width: 0;
	position: relative;
	top: 3px;
	right: 45px;
	pointer-events: none;
}

#poweredbylink:hover+.version {
	font-size: 14px;
}


/*===== itemView mode panes =====*/
.dp-itemViewMode {
	padding: 0 25px !important;
}

.dp-itemViewMode .leftpane,
.dp-itemViewMode .rightpane {
	min-width: 300px;
}

.dp-itemViewMode .leftpane:empty,
.dp-itemViewMode .rightpane:empty {
	min-width: 0;
	padding: 0;
}

@media only screen and (max-width : 768px) {
	.dp-itemViewMode div[type='pane'] {
		display: block !important;
	}
}

@media only screen and (max-width : 480px) {

	.dp-itemViewMode .leftpane,
	.dp-itemViewMode .rightpane {
		min-width: 100% !important;
	}
}

/*====== responsive modules layout ======*/
.dp_res_DesktopLayout {
	width: 100% !important;
	max-width: 100% !important;
	padding: 15px;
	margin: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.dp_tableCls,
.dp-tableCls {
	text-align: right;
	display: table;
	/*background: pink;*/
}

.dp_tableRowCls,
.dp-tableRowCls {
	text-align: right;
	display: table-row;
	/*background-color:aquamarine;*/
}

.dp_tableCellCls,
.dp-tableCellCls {
	display: table-cell;
	width: auto;
	vertical-align: top;
}

.dp_tableCls,
.dp_tableRowCls,
.dp-tableCls,
.dp-tableRowCls {
	width: 100%;
}

.dp_tableCls,
.dp_tableRowCls,
.dp_tableCellCls,
.dp-tableCls,
.dp-tableRowCls,
.dp-tableCellCls {
	max-width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/*.dp_tableCellCls > div{
    width:100px;
}*/
.dp-dInlineBlock {
	display: inline-block;
}

.dp-m-0 {
	margin: 0;
}

.dp-p-0 {
	padding: 0;
}

/*.dp-clearfix{
    float:none !important;
    clear:both !important;
}*/
.dp-clearfix::before,
.dp-clearfix::after {
	content: '';
	display: block;
	width: 100%;
	float: none;
	clear: both;
}




span.bc_Link {
	color: #af142e;

}

span.bc_Text {

	font-family: b yekan;
	color: red;
}

td.breadcrumbs * {
	font-size: 12px;
	font-family: b yekan;
}


/*Article Module CSS*/



.dp-listArtcDtl.box *:not(.uk-icon-caret-right):not(.uk-icon-pencil):not(.uk-icon-square) {
	font-family: IRANsans !important;
}


.ArtTitle {
	color: red !important;
}


article#Table1 *:not(.uk-icon-print):not(.uk-icon-arrow-right):not(.uk-icon-user):not(.uk-icon-plus):not(.uk-icon-minus):not(.uk-icon-file) {
	font-family: IRANsans !important;
}


div#NewsViewContainer *:not(.uk-icon-print):not(.uk-icon-arrow-right):not(.uk-icon-user):not(.uk-icon-plus):not(.uk-icon-minus):not(.uk-icon-file):not(.uk-icon-link) {
	font-family: IRANsans !important;
}


div[id*='TitleArea'] .smallerDPNewsItemTitleNewFont {

	font-size: 18px;
}



div#divMinMax_21822~a.CommandButton {
	padding: 10px 20px;
	float: left;
	margin-left: 20rem;
}

/********** TABS PLUS **********/
[id$=_MultiContentViewerContainer]>p.test:empty {
	display: none;
}

[id$=_MultiContentViewerContainer] table[id$=_grvTab] {
	width: 100% !important;
	background: #fff;
}

.tabstrip[class*=RadTabStrip_Default]>.tabs {
	padding: 0;
	background: none;
	margin: 0 -2px 5px;
	position: relative;
	z-index: 1;
}

.tabstrip[class*=RadTabStrip_Default]>.tabs>.tab {
	float: none;
	display: inline-block !important;
	margin: 0;
}

.tabstrip[class*=RadTabStrip_Default]>.tabs>.tab>a {
	float: none;
	text-align: center;
	min-width: 80px !important;
	color: #002d65 !important;
	font-family: inherit;
	font-size: 13px;
	line-height: 2em;
	margin: 0 2px;
	background: #ebebeb linear-gradient(#002d65, #002d65);
	background-size: 100% 0;
	background-repeat: no-repeat;
	background-position: bottom;
	padding: 5px 15px !important;
	-webkit-transition: .5s;
	transition: .5s;
}

.tabstrip[class*=RadTabStrip_Default]>.tabs>.tab.defaultTab>a {
	color: #fff !important;
	background-size: 100% 100%;
}

.tabstrip[class*=RadTabStrip_Default] .panel-container {
	padding: 0;
	margin: 0;
	border: 0;
	background: no-repeat;
	box-sizing: border-box;
	overflow: hidden;
}

@media (max-width: 768px) {
	.tabstrip[class*=RadTabStrip_Default]>.tabs>.tab {
		display: block !important;
	}
}

/****************************************************/
[class*=iv-table-wrap] {
	max-width: 100%;
	overflow: auto;
	box-shadow: 0 0px 40px 0px rgba(0, 0, 0, 0.15);
}

[class*=iv-table-wrap]>table {
	width: 100%;
	max-width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	border: 0;
	background: #fff;
}

[class*=iv-table-wrap]>table> :first-child> :first-child>* {
	color: #fff;
	text-align: start;
	font-size: 14px;
	padding: 20px;
	border: 0;
	background: #223369;
}

[class*=iv-table-wrap]>table> :first-child> :first-child> :first-child {
	border-radius: 0 10px 0 0;
}

[class*=iv-table-wrap]>table> :first-child> :first-child> :last-child {
	border-radius: 10px 0 0 0;
}

[class*=iv-table-wrap]>table tbody tr:nth-child(odd) {
	background: #f8f6ff;
}

[class*=iv-table-wrap]>table tbody tr td {
	padding: 15px;
	border: 0;
}

.NVContentDescription p {
	font-size: 14px !important
}

td[nowrap="NOWRAP"] {
	white-space: nowrap !important;
	padding: 12px;
}

.slideshow-steel .owl-carousel .owl-stage {
	display: flex;
}

.slideshow-steel .owl-carousel .owl-stage .item {
	position: relative;
	display: block;
	margin: 0;
	height: 100%;
	cursor: pointer;
}

.slideshow-steel .owl-carousel .owl-stage .owl-item .item img {
	height: 100%;
	width: 100%;
}

.slideshow-steel .owl-item div.owl-image-title {
	position: absolute;
	right: 0;
	left: 0;
	bottom: 10px;
	width: 95%;
	margin: 0 auto;
	color: #fff !important;
	font-size: 20px !important;
	padding: 15px 0 !important;
	border-radius: 0 !important;
	background-color: #000000c2 !important;
}

.slideshow-steel .owl-item:hover div.owl-image-title {
	animation: none !important;
	background-color: #000000e5 !important;
	box-shadow: inset 0 0 0 32px #00306f;
}

.uk-clearfix.dp-article.row {
	display: grid;
}

img[onclick^="eDetailAddRow"] {
	min-width: 80px;
	cursor: pointer;
}

img[onclick^="eDetailDeleteRow"] {
	min-width: 80px;
	cursor: pointer;
}

[id$=_dp_Advanced_Menu],
.dp-Advanced-Menu {
	min-height: auto !important;
}

.Loading {
	position: fixed;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #fff;
	z-index: 9999;
}

.Loading img {
	width: 200px;
	height: 200px;
	object-fit: fill;
	-webkit-animation-name: flash;
	animation-name: flash;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	animation-iteration-count: infinite;
}

@-webkit-keyframes flash {

	0%,
	50%,
	100% {
		opacity: 1;
	}

	25%,
	75% {
		opacity: 0;
	}
}

@keyframes flash {

	0%,
	50%,
	100% {
		opacity: 1;
	}

	25%,
	75% {
		opacity: 0;
	}
}

@media (max-width: 768px) {
	#NVContent:not(.NVContentImageContainer) img {
		height: auto !important;
	}
}

/* ****** Start Style Footer Details ****** */
.footer-main {
    display: none;
}

.footer-logo {
    text-align: center;
    margin-top: 40px;
}

.footer-logo img {
    width: 200px;
    height: 150px;
}

.footer-details {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 30px;
}

.social-links {
    position: relative;
}

.social-links ul {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
}

.social-links li {
    margin-left: 15px;
    list-style: none;
}

.social-links li a {
    display: block;
    color: #8996a0;
    font-size: 18px;
    /*border-bottom: 2px solid #8996a0;*/
    transition: .3s ease;
}

.social-links li a:hover {
    color: #fff;
    border-color: #fff;
}
.social-links li a img {
    width:50px
    
}

@media screen and (max-width: 600px) {
    .footer-details {
        flex-direction: column;
    }
    .social-links {
        margin-top: 20px;
    }
}

/* ****** End Style Footer Details ****** */
input[type=text], select, textarea {
    min-height: 26px !important;
    font-size: 12px;
    line-height: 2em;
    padding: 5px;
    border: 1px solid #cacaca;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.uk-icon-arrows,.uk-icon-cog{
	font-size:14px;
}

/******* Start NEW STYLE PUT *******/

.put-video {
    position: relative;
}

main#wrap\: .put-video {
    margin-top: -80px;
}

.put-video video {
    width: 100%;
}

.put-video video::-webkit-media-controls,
.university-video video::-webkit-media-controls {
    display: none;
}

.title-video {
    position: absolute;
    top: 40%;
    right: 0;
    left: 0;
    width: 50%;
    margin: 0 auto;
    transform: translateY(-40%);
    color: #000;
    font-size: 21px;
    font-weight: bold;
    font-family: IBM Plex Sans Arabic, sans-serif;
    line-height: 1.4;
    text-align: justify;
    text-align-last: center;
}

.event-news {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 100px;
}

.card-view {
    position: relative;
    padding: 0 10px;
    margin: 50px 0;
}

.card-box {
    height: 100%;
}

.card-link {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.card-link img {
    max-width: 100%;
    height: 100%;
    transition: .4s;
}

.card-link:hover img {
    transform: scale(1.2);
}

.card-title {
    position: absolute;
    right: 0;
    width: 100%;
    padding: 0 10px;
    bottom: 30%;
    box-sizing: border-box;
}

.card-title .title {
    position: relative;
    color: #fff;
    font-size: 21px;
    font-weight: bold;
    padding: 0 0 5px
}

.card-title .title::before {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    width: 0;
    height: 4px;
    background-color: #fff;
    transition: .5s;
}

.card-link:hover .card-title .title::before {
    width: 150px;
}

.card-title .brief {
    max-height: 0;
    display: block;
    color: #fff;
    font-size: 16px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    margin-top: 14px;
    transition: .5s;
}

.card-link:hover .card-title .brief {
    max-height: 200px;
    opacity: 1;
    visibility: visible;
    pointer-events: none;
}

.card-more {
    position: absolute;
    bottom: 7%;
    right: 0;
    left: 0;
    width: calc(100% - 20px);
    margin: 0 auto;
    padding: 20px 10px;
    z-index: 1;
    border-radius: 10px;
    background-color: rgba(0, 0, 0, 0.8);
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.card-more .icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    color: #fff;
    font-size: 30px;
    font-weight: 100;
    border: 1px solid #fff;
    border-radius: 50px;
    background-color: #000;
    transition: .5s;
}

.card-link:hover .card-more .icon {
    color: #000;
    border-color: #000;
    background-color: #fff;
}

.card-more .more-text {
    color: #fff;
}

.abut-university {
    position: relative;
    margin: 90px 0 0;
}


.university-video {
    position: relative;
}

.abut-university {
    display: flex;
    align-items: center;
    justify-content: center;
}

.abut-university p {
    margin: 0;
    font-size: 20px;
    line-height: 1.4;
    font-weight: bold;
    text-align: justify;
}

main#wrap\: .link1pane,
main#wrap\: .link2pane,
main#wrap\: .link3pane {
    height: 100%;
    /* margin-top: 150px !important; */
}

.put-links {
    position: relative;
    /* margin-top: 150px; */
    height: 100%;
    display: flex !important;
    flex-direction: column;
}

main#wrap\: .put-links {
    padding: 100px 0;
}

main#wrap\: .put-links::before {
    content: '';
    position: absolute;
    top: 0;
    right: 50%;
    width: 100vw;
    height: 100%;
    background-color: #e8e2e3;
    transform: translateX(50%);
    z-index: -1;
    pointer-events: none;
}

.put-links .dp-module-content {
    flex: 1;
}

.put-links [id^=divMinMax_] {
    margin: 0;
    height: 100%;
}

.put-links [data-moduleitem],
.put-links [id$=_myDataList],
.put-links [id$=_myDataList] > tbody {
    height: 100%;
}

.put-links [id$=_myDataList] > tbody {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start
}

main#wrap\: .link2pane .put-links [id$=_myDataList] > tbody,
main#wrap\: .link3pane .put-links [id$=_myDataList] > tbody {
    /* padding-top: 100px */
    margin-top: 73px;
}

.put-links a[id$=_HyperLink1] {
    color: #000;
    font-size: 18px;
    border-bottom: 2px solid #000
}

main#wrap\: .study-section {
    margin: 100px 0 0;
}

.studing {
    position: relative;
}

.studing img {
    max-width: 100%;
    height: 100%;
}

.studing .apply {
    position: absolute;
    bottom: 20%;
    left: 50px;
    width: 100%;
}

.studing .apply a {
    display: flex;
    align-items: center;
    width: 50%;
    padding: 20px 30px;
    border: 1px solid #e8e2e3;
    border-radius: 50px;
    box-sizing: border-box;
    transition: .4s;
}

.studing .apply .icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border: 1px solid #e8e2e3;
    border-radius: 50%;
    font-size: 40px;
    font-weight: 100;
    color: #fff;
    background-color: #000;
    transition: .5s;
    margin-right: 20px;
}
.studing .apply a:hover {
    background-color: #e8e2e3;
}

.studing .apply a span:last-child {
    color: #e8e2e3;
    font-size: 30px;
    text-transform: capitalize;
    transition: .4s;
}

.studing .apply a:hover span:last-child {
    color: #000;
}

.collector-news [id$=_NewsListAdvanced] {
    padding: 0;
}

.collector-news .owl-stage-outer {
    padding-right: 0 !important;
    width: 100%;
    max-width: 100%;
}

.collector-news .owl-stage {
    display: flex;
}

.collector-news .advancedlistmode.fullWidth .NewsItemStyle {
    height: 100%;
}

.collector-news .advancedlistmode.fullWidth .newitem .newitembox {
    box-shadow: none;
    padding: 0;
    display: flex;
    flex-direction: column;
}

.collector-news .imgbox {
    height: auto;
    flex: 1;
    background: transparent;
}

.collector-news .imgbox ~ div {
    flex: 1;
}

.collector-news .newsCollectorImages {
    margin: 0;
    padding: 0;
    border: 0;
    display: block !important;
    background: none;
    height: 276px !important;
}

.collector-news .dp-normNewsClt.top-img .newsCollectorImages img {
    height: 100%;
    top: 0;
    transform: translateY(0);
}

.collector-news .advancedlistmode.fullWidth .NewsItemStyle .newitembox div .dp-normNewsClt.content {
    padding: 0;
    height: 100%;
    display:  block;
}

.collector-news [id$=_tblContent],
.collector-news [id$=_tblContent] > div {
    height: 100%;
}

.collector-news [id$=_tblContent] > div h2 {
    margin: 0;
    height: 100%;
}

.collector-news [id$=_tblContent] > div h2 a {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
}

.collector-news [id$=_tblContent] > div h2 a span {
    text-align: justify;
    text-align-last: left;
    line-height: 1.4;
    color: #000;
    margin-top: 10px;
    
}

.collector-news [id$=_tblContent] > div h2 i,
.collector-news .bottombox {
    display: none;
}

.collector-news .owl-controls {
    padding-right: 0;
    width: 100%;
    margin-top: 20px;
}

.collector-news .owl-prev,
.collector-news .owl-next {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border: 1px solid #000;
    border-radius: 50%;
    margin-left: 20px;
    transition: .4s;
}

.collector-news .owl-prev:hover,
.collector-news .owl-next:hover {
    border-color: #fff;
    background-color: #000;
}

.collector-news .owl-prev i,
.collector-news .owl-next i {
    color: #000;
    font-size: 40px;
    font-weight: 100;
    transition: .4s;
}

.collector-news .owl-prev:hover i,
.collector-news .owl-next:hover i {
    color: #fff;
}

.collector-news [id$=_lnkNCListItemContentEdit] img {
    width: auto !important;
}

main#wrap\: .Thumbnail-News {
    margin: 150px 0;
}

.apply-now span {
    color: #000000;
    line-height: 1.5;
}

.apply-now a {
    text-transform: uppercase;
    border-bottom: 2px solid;
}

.thumbnail-apply {
    position: relative;
    height: 100%;
}

.thumbnail-apply ul {
    padding: 0;
    margin: 0;
    height: 100%;
}

.thumbnail-apply ul li {
    list-style: none;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    height: calc(100% / 4 - 15px);
    margin-bottom: 15px;
    padding: 0 0 20px;
}

.thumbnail-apply ul li:not(:last-child) {
    border-bottom: 1px solid #c8c8c9;
}

.thumbnail-apply ul li img {
    width: 30%;
}

.thumbnail-apply ul li span {
    width: 70%;
    color: #000;
    padding-right: 10px;
    text-align: left;
    box-sizing: border-box;
}

/******* End NEW STYLE PUT *******/

/********* Start Custom Style *********/
#footer-box .dp-module-default .dp-module-title > span{
	text-align:center !important;	
}
.footerLinkAlign {
	text-align: center !important;
}

/********* Start Custom Style *********/

main#wrap\: .dp-module-Inner .dp-module-title:not(span) {
	font-size: 0 !important;
}

/********* Start Custom Style Page Loading *********/


.Loading {
	position: fixed;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #fff;
	z-index: 9999;
}

.Loading img {
	width: 200px;
	height: 200px;
	object-fit: fill;
	-webkit-animation-name: flash;
	animation-name: flash;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	animation-iteration-count: infinite;
}

@-webkit-keyframes flash {

	0%,
	50%,
	100% {
		opacity: 1;
	}

	25%,
	75% {
		opacity: 0;
	}
}

@keyframes flash {

	0%,
	50%,
	100% {
		opacity: 1;
	}

	25%,
	75% {
		opacity: 0;
	}
}



/********* End Custom Style Page Loading *********/