/* @media (prefers-color-scheme: light) { 
    #main-nav div#menu{
		background: none;
	}
} */
@import "https://fonts.googleapis.com/earlyaccess/droidarabickufi.css";
@import "https://fonts.googleapis.com/earlyaccess/droidarabicnaskh.css";
@font-face {
	font-family: "expoSans";
	src: url(fonts/expo-sans/expo-sans300/ExpoSansStd-Light.otf);
	src: url(fonts/expo-sans/expo-sans300/ExpoSansStd-Light.woff2) format("woff2"),
		url(fonts/expo-sans/expo-sans300/ExpoSansStd-Light.woff) format("woff");
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "expoSans";
	src: url(fonts/expo-sans/expo-sans400/ExpoSansStd-Book.otf);
	src: url(fonts/expo-sans/expo-sans400/ExpoSansStd-Book.woff2) format("woff2"),
		url(fonts/expo-sans/expo-sans400/ExpoSansStd-Book.woff) format("woff");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "expoSans";
	src: url(fonts/expo-sans/expo-sans500/ExpoSansStd-Medium.otf);
	src: url(fonts/expo-sans/expo-sans500/ExpoSansStd-Medium.woff2) format("woff2"),
		url(fonts/expo-sans/expo-sans500/ExpoSansStd-Medium.woff) format("woff");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "expoSans";
	src: url(fonts/expo-sans/expo-sans600/ExpoSansStd-SemiBold.otf);
	src: url(fonts/expo-sans/expo-sans600/ExpoSansStd-SemiBold.woff2) format("woff2"),
		url(fonts/expo-sans/expo-sans600/ExpoSansStd-SemiBold.woff) format("woff");
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "expoSans";
	src: url(fonts/expo-sans/expo-sans700/ExpoSansStd-Bold.otf);
	src: url(fonts/expo-sans/expo-sans700/ExpoSansStd-Bold.woff2) format("woff2"),
		url(fonts/expo-sans/expo-sans700/ExpoSansStd-Bold.woff) format("woff");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}



@font-face {
	font-family: "expoArabic";
	src: url(fonts/expo-arabic/expo-arabic300/expo-arabic-light.eot);
	src: url(fonts/expo-arabic/expo-arabic300/ExpoArabic-Light.otf);
	src: url(fonts/expo-arabic/expo-arabic300/ExpoArabic-Light.woff2) format("woff2"),
		url(fonts/expo-arabic/expo-arabic300/ExpoArabic-Light.woff) format("woff");
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "expoArabic";
	src: url(fonts/expo-arabic/expo-arabic400/expo-sans-book.eot);
	src: url(fonts/expo-arabic/expo-arabic400/ExpoArabic-Book.otf);
	src: url(fonts/expo-arabic/expo-arabic400/ExpoArabic-Book.woff2) format("woff2"),
		url(fonts/expo-arabic/expo-arabic400/ExpoArabic-Book.woff) format("woff");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "expoArabic";
	src: url(fonts/expo-arabic/expo-arabic500/ExpoArabic-Medium.otf);
	src: url(fonts/expo-arabic/expo-arabic500/ExpoArabic-Medium.woff2) format("woff2"),
		url(fonts/expo-arabic/expo-arabic500/ExpoArabic-Medium.woff) format("woff");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "expoArabic";
	src: url(fonts/expo-arabic/expo-arabic600/expo-sans-semi-bold.eot);
	src: url(fonts/expo-arabic/expo-arabic600/ExpoArabic-SemiBold.otf);
	src: url(fonts/expo-arabic/expo-arabic600/ExpoArabic-SemiBold.woff2) format("woff2"),
		url(fonts/expo-arabic/expo-arabic600/ExpoArabic-SemiBold.woff) format("woff");
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "expoArabic";
	src: url(fonts/expo-arabic/expo-arabic700/expo-sans-bold.eot);
	src: url(fonts/expo-arabic/expo-arabic700/ExpoArabic-Bold.otf);
	src: url(fonts/expo-arabic/expo-arabic700/ExpoArabic-Bold.woff2) format("woff2"),
		url(fonts/expo-arabic/expo-arabic700/ExpoArabic-Bold.woff) format("woff");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}


body{
	margin : 0;
	font-family: "expoArabic", "Tahoma";
	font-weight: 300;
	font-size: 13px;
}
a{
	text-decoration : none;
}
.width{
	width : 1600px;
	max-width : 93%;
	margin : 0 auto;
	direction : rtl;
}
#head{
	position: relative;
	background-image : url('img/head-bg.png'), url('img/markaz-najaf-pic.jpg');
	background-size : cover, cover;
	background-position : center, center;
	min-height: 580px;
	height : 100vh;
	text-align: center;
}
body:not(.fixed-head) .first-page-head .width{
	width:auto;
	max-width:none;
}
body.fixed-head .first-page-head{
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	/* background: url("img/inside-bg.png--") repeat-x;
	background-size: 600px; */
	padding:20px 0 20px 0;
	z-index: +900000;
	transition: background 400ms ease-out, padding 400ms ease-out;
}
body.fixed-head .first-page-head.second-color{
	padding:0;
	background: rgba(5, 28, 44, 0.80);
}
#head .social{
	direction : ltr;
	float : left;
	white-space : nowrap;
	margin : 40px 0 0 0;
}
#head .social a{
	font-size : 21px;
	color : #fff;
	margin : 0 9px 0 0;
	transition : color 450ms;
}
#head .social a:hover{
	color : #73aecb;
}
#head #main-nav .social{
	border-top:1px solid rgba(204, 204, 255, 0.15);
	float :none;
	margin : 0 0 5px 0;

	display: none;
}
#head #main-nav .social a{
	display: inline-block;
	font-size : 15px;
	width: 14.28571429%;
	text-align: center;
	margin: 0;
	padding: 10px 0 0 0;
	color:rgba(135, 255, 219, 0.70);
}
#head #main-nav .social a:hover{
	color:rgba(255, 235, 59, 0.80);
}
#head img.head-logo{
	float : right;
	width : 285px;
	margin : 25px 0 25px 0;
}
@media screen and (max-width:555px){
	#head .social{
		display: none;
	}
}




#head .head-con{
	position: absolute;
	left: 0;
	right: 0;
	top: 180px;
	bottom: 0;
	white-space: nowrap;
}
#head .head-con .vertical-align-holder{
	display: inline-block;
	width: 0;
	height: 100%;
	vertical-align: middle;
}
#head .head-con .head-slogan{
	display: inline-block;
	max-width: 470px;
	margin: 0 auto;
	vertical-align: middle;
}
#head .head-con .head-slogan img.logo{
	width:100%;
	padding: 0 15px;
    box-sizing: border-box;
}
#head .head-con .head-slogan div.links{
	margin:25px 0 20% 0;
}
#head .head-con .head-slogan div.links a{
	background: rgba(255, 255, 255, 0.20);
	border-radius: 50px;
	color:#fff;
	font-size:14px;
	padding:9px 15px;
	margin:0 5px;
}
#head .head-con .head-slogan div.links a span{
	vertical-align: bottom;
	transition: color 450ms;
}
#head .head-con .head-slogan div.links a span:first-child{
	font-size:larger;
	padding:0 0 0 10px;
}
#head .head-con .head-slogan div.links a:hover span:first-child{
	color: #70d5af;
}
#head .head-con .head-slogan div.links a:hover span:nth-child(2){
	color: #b1e0da;
}
@media screen and (max-width:470px){
	
}

#head .head-con a.slide-down-icon{
	position:absolute;
	left: 0;
	right: 0;
	bottom: 7%;
	margin:0 auto;
	max-width: 35px;
	display:block;
	color:#fff;
	font-size:35px;
	padding:10px 8px 0 8px;
	transition:color 450ms;
}
#head .head-con a:hover.slide-down-icon{
	color:#91e0d9;
}





#main-nav {
	position: relative;
	white-space: nowrap;
	margin: 0;
	padding: 8px 8px;
	clear: both;
	background: rgba(255, 255, 255, 0.20);
	border-radius: 10px;
	text-align: right;
	z-index: 999999999;
	transition: background 2000ms ease-out;
}
body.fixed-head .first-page-head.second-color #main-nav{
	background: none;
}
#main-nav.search-mode{
	background: rgba(255, 255, 255, 0);
}
#main-nav .menu-icon{
	display: none;
	padding: 11px 9px 11px 7px;
    color: #fff;
    position: absolute;
    right: 8px;
    top: 6px;
    font-size: 21px;
    cursor: pointer;
	transition: opacity 1200ms ease-in-out, color 450ms;
}
#main-nav.search-mode .menu-icon{
	opacity: 0.08;
}
#main-nav .menu-icon:hover{
	color: #62b5dd;
}



body #main-nav img.fixed-head-logo{
	display: none;
	width : 230px;
	margin: 2px 5px 0 0;
}
body.fixed-head #main-nav img.fixed-head-logo{
	display: inline-block;
	transition: opacity 1200ms ease-in-out;
}
body.fixed-head #main-nav.search-mode img.fixed-head-logo{
	opacity: 0.08;
}



#main-nav div#menu {
	display: inline-block;
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 0;
	vertical-align: top;
	white-space: nowrap;
	opacity: 0.99;
	transition: opacity 1200ms ease-in-out;
}
#main-nav.search-mode div#menu{
	opacity: 0.08;
}
#main-nav #menu .markaz-logo{
	display: none;
	width: 90%;
	margin: 13px auto;
}
#main-nav div#menu ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
#main-nav div#menu li {
	display: inline-block;
}

#main-nav div#menu li a {
	display: block;
	height: 41px;
	padding: 0 8px;
	color: #b7bbca;
	font-size: 21px
}

#main-nav div#menu li a span.text {
	line-height: 41px;
	font-weight: 300;
	font-size: 13.5px;
	display: inline-block;
	color: #fff;
	vertical-align: middle;
	transition: color 450ms;
}

#main-nav div#menu li:hover a span.text {
	color: #c1cfa0;
}

#main-nav div#menu li a span.have_drop {
	display: inline-block;
	font-size: 11px;
	color: #b7b7b7;
	text-indent: 4px;
	font-weight:bold;
	vertical-align:middle;
	transition: color 450ms;
}
#main-nav div#menu li:hover a span.have_drop {
	color: #c1cfa0;
}

#main-nav div#menu li a span.have_drop_left {
	display: inline-block;
	display: none;
	font-size: 11px;
	color: #b7b7b7;
	text-indent: 4px;
	font-weight: bold;
	vertical-align: middle;
	float: left;
	margin:16px 0 0 0;
	transition: color 450ms;
}
#main-nav div#menu li:hover a span.have_drop_left {
	color: #c1cfa0;
}

#main-nav div#menu li:hover{

}

#main-nav div#menu li .drop{
	position: absolute;
	margin: 0px 0 0 0;
	background: rgba(180, 189, 149, 0.90);
	border: 1px solid #c1cfa0;
	border-radius:10px;
	display: none;
}

#main-nav div#menu li .drop .top-cursor{
	font-size: 16px;
	position: absolute;
	top: -13px;
	right: 15px;
	color: #c1cfa0;
}

#main-nav div#menu li .drop .right-cursor{
	font-size: 16px;
	position: absolute;
	top: -13px;
	right: 15px;
	color: #c1cfa0;
	display: none
}

#main-nav div#menu li:hover .drop{
	display: block
}

#main-nav div#menu li .drop ul{
	margin: 0;
	padding: 0
}

#main-nav div#menu li .drop ul li {
	display: block;
	border-bottom: 1px solid #97a582;
	transition: background 450ms;
}

#main-nav div#menu li .drop ul li:last-child {
	border-bottom: none;
}

#main-nav div#menu li .drop ul li:hover {
	background: rgba(120, 131, 95, 0.23)
}

#main-nav div#menu li .drop ul li a {
	height: auto;
	padding: 0 10px 0 10px
}

#main-nav div#menu li .drop ul li a span {
	color: #fff7dd;
	font-size: 14.5px
}

#main-nav div#menu li .drop ul li a span.text {
	color: #fff7dd;
	line-height: 38px;
	display: inline-block;
	text-indent: 0;
	min-width: 120px;
	font-size: 13.5px;
	font-weight: 300;
	padding: 0
}

#main-nav .search-icon{
	padding:11px 9px 11px 7px;
	color: #fff;
	position: absolute;
	left:8px;
	top:8px;
	font-size: 21px;
	cursor: pointer;
	transition: color 450ms;
}
#main-nav.search-mode .search-icon{
	display: none;
}
#main-nav .search-icon:hover{
	color: #62b5dd;
}
#main-nav .search-button{
	display: none;
	padding:11px 9px 11px 7px;
	color: #fff;
	position: absolute;
	left:8px;
	top:8px;
	font-size: 21px;
	cursor: pointer;
	transition: color 450ms;
}
#main-nav.search-mode .search-button{
	display:inline-block;
}
#main-nav .search-button:hover{
	color: #62b5dd;
}

#main-nav .search-text-box{
	background: rgba(255, 255, 255, 1);
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:100%;
	width:100%;
    height:100%;
	opacity:0;
	border-radius: 10px;
	outline:none;
	border:none;
	font-family: "expoArabic", "Tahoma";
	font-weight: 400;
	color:#fff;
	padding: 0;
	max-width:0px;
	text-indent: 16px;
	transition:
		background 1200ms ease-in-out,
		max-width 1600ms ease-in-out,
		right 1600ms ease-in-out,
		opacity 1400ms;
}
body.fixed-head .first-page-head.second-color #main-nav .search-text-box{
	border-radius: 0;
}
#main-nav.search-mode .search-text-box{
	max-width:100%;
	background: rgba(255, 255, 255, 0.20);
	right:0;
	opacity:1;
}
#main-nav .search-text-box::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	font-family: "expoArabic", "Tahoma";
	font-weight: 400;
	color:#fff;
}
#main-nav .search-text-box::-moz-placeholder { /* Firefox 19+ */
	font-family: "expoArabic", "Tahoma";
	font-weight: 400;
	color:#fff;
}
#main-nav .search-text-box:-ms-input-placeholder { /* IE 10+ */
	font-family: "expoArabic", "Tahoma";
	font-weight: 400;
	color:#fff;
}
#main-nav .search-text-box:-moz-placeholder { /* Firefox 18- */
	font-family: "expoArabic", "Tahoma";
	font-weight: 400;
	color:#fff;
}
@media screen and (max-width:1250px){
	body.fixed-head #main-nav{
		height:41px;
	}
	body.fixed-head #main-nav .menu-icon{
		display: inline-block;
	}
	body.fixed-head #main-nav img.fixed-head-logo{
		margin: 2px 45px 0 0;
	}
	body.fixed-head #main-nav div#menu{
		position:fixed;
		top: 0;
		bottom: 0;
		right: -250px;
		z-index:+1000000;
		background: rgba(18, 16, 29, 0.88);
		width: 250px;
		box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 30%);
		transition:right 750ms, box-shadow 1000ms;
		backdrop-filter: blur(5px);
	}
	body.fixed-head #main-nav.search-mode img.fixed-head-logo{
		opacity: 0.08;
	}
	body.fixed-head #main-nav.search-mode div#menu{
		opacity: 1;
	}
	body.fixed-head #main-nav div#menu.opened{
		box-shadow: -13px 0px 34px 1px rgba(0, 0, 0, 0.30);
		right: 0;
	}
	body.fixed-head #main-nav div#menu .markaz-logo{
		display: block;
	}
	body.fixed-head #head #main-nav .social{
		display:block;
	}
	body.fixed-head #main-nav div#menu ul{
		border-top: 1px solid rgba(204, 204, 255, 0.15);
	}
	body.fixed-head #main-nav div#menu li{
		position: relative;
		display: block;
		border-bottom:1px solid rgba(255, 255, 255, 0.05);
	}
	body.fixed-head #main-nav div#menu li a span.have_drop{
		display: none;
	}
	body.fixed-head #main-nav div#menu li a span.have_drop_left{
		display: inline-block;
	}
	body.fixed-head #main-nav div#menu li a span.text{
		color: rgba(255, 255, 255, 0.90);
	}
	body.fixed-head #main-nav div#menu li .drop{
		top:0;
		right: 250px;
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
	}
	body.fixed-head #main-nav div#menu li .drop .top-cursor {
		display: none;
	}
	body.fixed-head #main-nav div#menu li .drop .right-cursor {
		display: inline-block;

		font-size: 16px;
		position: absolute;
		top: 12px;
		right: -13px;
		color: #c1cfa0;
	}
}
@media screen and (max-width:1005px){
	#main-nav{
		height:41px;
	}
	#main-nav .menu-icon{
		display: inline-block;
	}
	#main-nav div#menu{
		position:fixed;
		top: 0;
		bottom: 0;
		right: -250px;
		z-index:+1000000;
		background: rgba(18, 16, 29, 0.88);
		width: 250px;
		box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 30%);
		transition:right 750ms, box-shadow 1000ms;
		backdrop-filter: blur(5px);
	}
	#main-nav.search-mode div#menu{
		opacity: 1;
	}
	#main-nav div#menu.opened{
		box-shadow: -13px 0px 34px 1px rgba(0, 0, 0, 0.30);
		right: 0;
	}
	#main-nav div#menu .markaz-logo{
		display: block;
	}
	#head #main-nav .social{
		display:block;
	}
	#main-nav div#menu ul{
		border-top: 1px solid rgba(204, 204, 255, 0.15);
	}
	#main-nav div#menu li{
		position: relative;
		display: block;
		border-bottom:1px solid rgba(255, 255, 255, 0.05);
	}
	#main-nav div#menu li a span.have_drop{
		display: none;
	}
	#main-nav div#menu li a span.have_drop_left{
		display: inline-block;
	}
	#main-nav div#menu li a span.text{
		color: rgba(255, 255, 255, 0.90);
	}
	#main-nav div#menu li .drop{
		top:0;
		right: 250px;
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
	}
	#main-nav div#menu li .drop .top-cursor {
		display: none;
	}
	#main-nav div#menu li .drop .right-cursor {
		display: inline-block;

		font-size: 16px;
		position: absolute;
		top: 12px;
		right: -13px;
		color: #c1cfa0;
	}
}


#head .pic-title{
	position: absolute;
	right: 15px;
	bottom: 15px;
	display: inline-block;
	color: #fff;
	direction: rtl;
	font-size: 10px;
	opacity: 0.70;
}
#head .pic-title span{
	font-size: 15px;
	position: relative;
	top: 2px;
	padding: 0 0 0 4px;
}


section.row{
	padding: 50px 0;
}
section.row.dark{
	background:url("img/row-bg.gif");
	background-position: right top;
	background-size: 600px;
}
section.row.dark-b{
	background:url("img/row-bg-b.gif");
	background-position: right top;
	background-size: 600px;
}
section.row .row-title{
	position: relative;
	text-align: center;
	font-size: 30px;
	font-weight: 500;
	color: #f2f2f2;
}
section.row .row-title h2{
	margin:0;
	padding: 8px 0 0 0;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	font-weight: 400;
	font-size: 19.5px;
	color: #484848;
}
section.row .row-title h2 a{
	color: #6c6a74;
	transition: color 650ms;
}
section.row .row-title h2 a::before{
	content: "{ ";
	color: #c0597c;
	opacity: 0;
	transition: opacity 650ms;
}
section.row .row-title h2 a::after{
	content: " }";
	color: #c0597c;
	opacity: 0;
	transition: opacity 650ms;
}
section.row .row-title h2 a:hover{
	color: #484848;
}
section.row .row-title h2 a:hover::before{
	opacity: 1;
}
section.row .row-title h2 a:hover::after{
	opacity: 1;
}
section.row .row-title span{
	display:block;
	font-size:14px;
	font-weight: 300;
	line-height: 23px;
	color: #8d8d8d;
}
section.row.dark .row-title{
	color: #e4e4e4;
}
section.row.dark .row-title h2{
	color: #515151;
}
section.row.dark .row-title h2 a{
	color: #6c6a74;
	transition: color 650ms;
}
section.row.dark .row-title h2 a::before{
	content: "{ ";
	color: #c0597c;
	opacity: 0;
	transition: opacity 650ms;
}
section.row.dark .row-title h2 a::after{
	content: " }";
	color: #c0597c;
	opacity: 0;
	transition: opacity 650ms;
}
section.row.dark .row-title h2 a:hover{
	color: #484848;
}
section.row.dark  .row-title h2 a:hover::before{
	opacity: 1;
}
section.row.dark .row-title h2 a:hover::after{
	opacity: 1;
}
section.row.dark .row-title span{
	color: #606060;
}

section.row .row-title-b{
	text-align: center;
}
section.row .row-title-b h2{
	margin:0;
	padding: 0;
	font-weight: 400;
	font-size: 17px;
	color: #263f66;
}
section.row .row-title-b h2 a{
	color: #263f66;
	transition: color 650ms;
}
section.row .row-title-b h2 a::before{
	content: "{ ";
	color: #f3ab3c;
}
section.row .row-title-b h2 a::after{
	content: " }";
	color: #f3ab3c;
}
section.row .row-title-b h2 a:hover{
	color: #3f5ba5;
}















section.row .row-bottom-link{
	margin: 30px 0 0 0;
	text-align: center;
}
section.row .row-bottom-link a{
	display: inline-block;
	background: #ffffff;
	border: 2px solid #ccaef9;
	color: #9878d1;
	padding: 10px 15px;
	margin: 0 2px;
	border-radius: 50px;
	font-weight: 400;
	font-size: 14px;
	transition: color 600ms, border 600ms;
}
section.row .row-bottom-link a span{
	display: inline-block;
	margin:0 0 0 3px;
	vertical-align: middle;
	font-weight: bold;
}
section.row .row-bottom-link a:hover{
	border: 2px solid #e7aaf9;
	color: #c584d7;
}




.book-view{
	margin:40px 0 0 0;
	font-size: 0;
}
.book-view .item{
	display: inline-block;
	font-size: 14px;
	width:20%;
	padding:0.40%;
	box-sizing:border-box;
	vertical-align: top;
	text-align: center;
}
.book-view .owl-carousel-book-view .item{
	width:100%;
	padding:2%;
}
.book-view .item img.pic{
	display: inline-block;
	box-sizing: border-box;
	width: 100%;
	padding:4px;
	border: 1px solid #ebebeb;
	background: #fff;
}
.book-view .item p.cat{
	margin:7px 0 6px 0;
	color:#888888;
	font-size:11.5px;
	line-height: 22px;
}
.book-view .item p.cat a{
	color:#888888;
	transition: color 600ms;
}
.book-view .item p.cat a:hover{
	color: #de4076;
}
.book-view .item h3.title{
	margin:0;
	color: #4f4f4f;
	font-weight: 500;
	font-size: 14px;
	line-height: 25px;
}
.book-view .item h3.title a{
	color: #4f4f4f;
	transition: color 600ms;
}
.book-view .item h3.title a:hover{
	color: #009688;
}



.book-view2{
	padding:40px 0 10px 0;
	font-size: 0;
}
.book-view2 .item{
	display: inline-block;
	font-size: 14px;
	width:20%;
	padding:0.40%;
	box-sizing:border-box;
	vertical-align: top;
	text-align: center;
}
.book-view2 .owl-carousel-book-view2 .item{
	width:100%;
	padding:2%;
}
.book-view2 .item .in{
	border: 1px solid #ebebeb;
	background: #fff;
}
.book-view2 .item .in img.pic{
	display: inline-block;
	box-sizing: border-box;
	width: 100%;
	padding:10px;
	border-bottom: 6px solid #e8c065;
}
.book-view2 .item .in h3.title{
	margin:0;
	padding:8px 13px 12px 13px;
	color: #4f4f4f;
	font-weight: 500;
	font-size: 14px;
	line-height: 25px;
}
.book-view2 .item .in h3.title a{
	color: #4f4f4f;
	transition: color 600ms;
}
.book-view2 .item .in h3.title a:hover{
	color: #009688;
}



.taqarir{
	margin:27px 0 0 0;
	font-size: 0;
}
.taqarir .item{
	display: inline-block;
	width:25%;
	padding:23px 0.80%;
	padding:23px 10px;
	box-sizing:border-box;
	vertical-align: top;
}
.taqarir .owl-carousel-taqarir .item{
	width:100%;
	padding:23px 3.20%;
	padding:23px 10px;
}
.taqarir .item .in{
	background: #fff;
	box-shadow: 0px 10px 11px 0px rgb(0 0 0 / 5%);
}
.taqarir .owl-carousel-taqarir .item .in{
	box-shadow: 0px 10px 11px 0px rgb(0 0 0 / 5%);
}
.taqarir .item .in img.pic{
	width: 100%;
}
.taqarir .item .in .con{
	margin: 15px 20px 17px 20px;
	text-align: justify;
}
.taqarir .item .con h3.title{
	margin:0;
	color: #4f4f4f;
	font-weight: 500;
	font-size: 14px;
	line-height: 25px;
}
.taqarir .item .in .con h3.title a{
	color: #4f4f4f;
	transition: color 600ms;
}
.taqarir .item .in .con h3.title a:hover{
	color: #009688;
}
.taqarir .item .in .con .person{
	font-weight: 500;
	font-size: 12px;
	color: #797979;
	margin: 15px 0;
}
.taqarir .item .in .con .person span{
	display: inline-block;
	margin:0 0 0 4px;
	color: #d75656;
	font-size: 16px;
	vertical-align: text-bottom;
	font-weight: bold;
}
.taqarir .item .in .con .text{
	line-height: 26px;
	font-size: 13px;
	color: #707070;
}
.taqarir .item .in .con .text a{
	display: inline-block;
	color: #009688;
	font-size: smaller;
	transition: color 600ms;
}
.taqarir .item .in .con .text a:hover{
	color: #e91e63;
}
.taqarir .item .in .footer{
	border-top: 1px solid #f3f3f3;
	padding: 15px 20px 15px 20px;
	font-size: 12px;
	color: #707070;
}
.taqarir .item .in .footer .date{
	
}
.taqarir .item .in .footer .views{
	float: left;
}
.taqarir .item .in .footer span > span{
	font-size: 15px;
	vertical-align: middle;
	color: #959494;
}



.hiwarat{
	margin:27px 0 0 0;
	font-size: 0;
}
.hiwarat .item{
	display: inline-block;
	width:25%;
	padding:23px 0.80% 12px 0.80%;
	padding:23px 13px 12px 13px;
	box-sizing:border-box;
	vertical-align: top;
}
.hiwarat .owl-carousel-hiwarat .item{
	width:100%;
	padding:23px 3.20% 12px 3.20%;
	padding:23px 13px 12px 13px;

}
.hiwarat .item img.pic{
	width: 100%;
}
.hiwarat .item .con{
	margin: 0;
	text-align: justify;
}
.hiwarat .item .con .person{
	font-weight: 500;
	font-size: 12px;
	color: #797979;
	margin: 17px 0 15px 0;
}
.hiwarat .item .con .person span{
	display: inline-block;
	margin:0 0 0 4px;
	color: #d75656;
	font-size: 17px;
	vertical-align: text-bottom;
	font-weight: bold;
}
.hiwarat .item .con h3.title{
	margin: 0 0 10px 0;
	color: #4f4f4f;
	font-weight: 500;
	font-size: 14px;
	line-height: 25px;
}
.hiwarat .item .con h3.title a{
	color: #3b3b3b;
	transition: color 600ms;
}
.hiwarat .item .con h3.title a:hover{
	color: #009688;
}
.hiwarat .item .con .text{
	line-height: 26px;
	font-size: 13px;
	color: #666464;
}
.hiwarat .item .con .text a{
	display: inline-block;
	color: #009688;
	font-size: smaller;
	transition: color 600ms;
}
.hiwarat .item .con .text a:hover{
	color: #e91e63;
}
.hiwarat .item .footer{
	border-top: 1px solid #dcdcdc;
	margin:10px 0 0 0;
	padding: 13px 0 0 0;
	font-size: 12px;
	color: #666464;
}
.hiwarat .item .footer .date{
	
}
.hiwarat .item .footer .views{
	float: left;
}
.hiwarat .item .footer span > span{
	font-size: 15px;
	vertical-align: middle;
	color: #959494;
}


.cv{
	padding:25px 0 0 0;
	font-size: 0;
}
.cv .item{
	display: inline-block;
	width:25%;
	padding:23px 0.80% 12px 0.80%;
	padding:23px 13px 12px 13px;
	box-sizing:border-box;
	vertical-align: top;
	text-align: center;
}
.cv .owl-carousel-cv .item{
	width:100%;
	padding:23px 3.20% 12px 3.20%;
	padding:23px 13px 12px 13px;

}
.cv .item img.pic{
	width: 80%;
	margin:0 auto;
	border-radius: 50px;
}
.cv .item .con{
	margin: 0;
}
.cv .item .con h3.title{
	margin: 20px 0 12px 0;
	color: #4f4f4f;
	font-weight: 500;
	font-size: 14px;
	line-height: 25px;
}
.cv .item .con h3.title a{
	color: #3b3b3b;
	transition: color 600ms;
}
.cv .item .con h3.title a:hover{
	color: #009688;
}
.cv .item .con .text{
	line-height: 26px;
	font-size: 13px;
	color: #666464;
}
.cv .item .con .text a{
	display: inline-block;
	color: #009688;
	font-size: smaller;
	transition: color 600ms;
}
.cv .item .con .text a:hover{
	color: #e91e63;
}

.marakz{
	padding:25px 0 0 0;
	font-size: 0;
}
.marakz .item{
	display: inline-block;
	width:25%;
	padding:23px 10px 12px 10px;
	box-sizing:border-box;
	vertical-align: top;
}
.marakz .owl-carousel-marakz .item{
	width:100%;
	padding:23px 10px 12px 10px;

}
.marakz .item .in{
	background:#fcfcfc;
	padding:11px;
	border-radius:6px;
}
.marakz .item img.pic{
	margin:0 auto;
	border: 1px solid #eeeeee;
	box-sizing: border-box;
}
.marakz .item .con{
	margin: 0;
}
.marakz .item .con h3.title{
	margin: 17px 0 10px 0;
	color: #525050;
	font-weight: 500;
	font-size: 14px;
	line-height: 25px;
}
.marakz .item .con h3.title a{
	color: #3b3b3b;
	transition: color 600ms;
}
.marakz .item .con h3.title a:hover{
	color: #009688;
}
.marakz .item .con .text{
	line-height: 26px;
	font-size: 13px;
	color: #666464;
}
.marakz .item .con .text a{
	display: inline-block;
	color: #009688;
	font-size: smaller;
	transition: color 600ms;
}
.marakz .item .con .text a:hover{
	color: #e91e63;
}


.mag-view{
	margin: 43px 0 0 0;
	text-align: center;
}
.mag-view > a .title{
	height:41px;
}
.mag-view .mag{
	display: flex;
	padding: 30px 0 20px 0;
}
.mag-view .mag > div{
	
}
.mag-view .mag > div.cover{
	order:1;
	flex-shrink: 0;
	flex-basis: 340px;
	background: #ffffff;
	box-shadow: 0px 10px 11px 0px rgb(0 0 0 / 5%);
	border:1px solid #f4f4f4;
	font-size: 0;
}
.mag-view .mag > div.cover img{
	border:1px solid #f4f4f4;
	border-bottom:none;
	width: calc(100% - 22px);
	padding:0;
	margin:10px 10px 0 10px;
}
.mag-view .mag > div.cover h3{
	margin:0;
	padding:12px 0 10px 0;
	border-top:1px solid #f4f4f4;
	font-weight: 500;
	font-size: 14px;
	color: #c58b17;
}
.mag-view .mag > div.cover h3 a{
	color: #c58b17;
	transition: color 600ms;
}
.mag-view .mag > div.cover h3 a:hover{
	color: #f44336;
}

.mag-view .mag > div.inves{
	position: relative;
	order:2;
	/* flex-shrink: 1; */
	flex-basis: 100%;
}
.mag-view .mag > div.inves .scroll-line{
	position: absolute;
	top:0;
	bottom: 0;
	right:22px;
	width:5px;
	border-radius: 10px;
	background: #f0f0f0;
}
.mag-view .mag > div.inves .in{
	position: absolute;
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: right;
	padding: 0 30px 0 0;
	margin: 0 11px 0 0;
}
.nicescroll-rails{
	border-radius: 30px;
}
.mag-view .mag > div.inves .in ul{
	list-style: none;
	margin:0;
	padding:0;
}
.mag-view .mag > div.inves .in ul li{
	position: relative;
	padding: 8px 5px 8px 5px;
	margin: 0 10px 0 10px;
	margin: 0 10px 20px 10px;
	box-shadow: 0px 4px 11px 0px rgb(0 0 0 / 6%);
	border:1px solid #f1f1f1;
}
.mag-view .mag > div.inves .in ul li:first-child{
	margin: 5px 10px 0 10px;
	margin: 5px 10px 20px 10px;
}
.mag-view .mag > div.inves .in ul li:last-child{
	margin: 0 10px 15px 10px;
}
.mag-view .mag > div.inves .in ul li .item-box-tale{
	position: absolute;
	top: 41px;
	right: -14px;
	width: 13px;
	height: 13px;
	box-sizing: border-box;
	background: #fff;
	border: 1px solid #ececec;
	border-top: none;
	border-right: none;
	transform-origin: 0 0;
	transform: rotate(-135deg);
	box-shadow: -5px 4px 6px 0 rgb(0 0 0 / 5%);
}
.mag-view .mag > div.inves .in ul li .item-box-circle{
	background: #f3ab3c;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 21px;
	right: -37px;
	border: 3.7px solid #fff;
	border-radius: 100%;
	box-sizing: border-box;
	z-index: 10;
	box-shadow: 0px 2px 3px 1px rgb(0 0 0 / 18%);
	transition: background 600ms;
}
.mag-view .mag > div.inves .in ul li:hover .item-box-circle{
	background: #10b6a6;
}
.mag-view .mag > div.inves .in ul li .con{
	padding: 5px 14px 5px 14px;
}
.mag-view .mag > div.inves .in ul li .con h3.title{
	margin: 0 0 2px 0;
	color: #4f4f4f;
	font-weight: 500;
	font-size: 14px;
	line-height: 25px;
}
.mag-view .mag > div.inves .in ul li .con h3.title a{
	display: inline-block;
	color: #3b3b3b;
	transition: color 600ms;
}
.mag-view .mag > div.inves .in ul li .con h3.title a:hover{
	color: #009688;
}
.mag-view .mag > div.inves .in ul li .con h3.title a span{
	display: inline-block;
	font-size: 16px;
	vertical-align:middle;
	font-weight: bold;
	color:#e91e63;
	margin:0 0 0 5px;
	transition: color 600ms;
}
.mag-view .mag > div.inves .in ul li .con h3.title a:hover span{
	color:#e1a53f;
}
.mag-view .mag > div.inves .in ul li .con h3.title .investigator{
	font-size:12px;
	font-weight:300;
	display:inline-block;
	text-indent:3px;
	color:#26a69a;
}
.mag-view .mag > div.inves .in ul li .con .text{
	display: inline-block;
	text-align: justify;
	line-height: 26px;
	font-size: 13px;
	color: #707070;
}
.mag-view .mag > div.inves .in ul li .con .text a{
	display: inline-block;
	color: #009688;
	font-size: smaller;
	transition: color 600ms;
}
.mag-view .mag > div.inves .in ul li .con .text a:hover{
	color: #e91e63;
}
@media screen and (max-width: 800px){
	.mag-view .mag{
		flex-wrap: wrap;
		justify-content: center;
	}
	.mag-view .mag > div.cover{
		flex-basis: 89%;
		max-width: 320px;
	}
	.mag-view .mag > div.inves{
		margin: 35px 0 0 0;
		height: 565px;
	}
	.mag-view .mag > div.inves .in{
		margin: 0 11px 0 11px;
	}
}



.row-top-links{
	border-bottom:1px solid #e6e6e6;
	padding:27px 0 27px 0;
	font-size: 0;
}
.row-top-links .item{
	display: inline-block;
	width:33.3333%;
	padding:23px 0.80%;
	padding:23px 12px; 
	box-sizing:border-box;
	vertical-align: top;
	font-size: 14px;
}
.row-top-links .owl-carousel-row-top-links .item{
	width:100%;
	padding:23px 3.20%;
	padding:23px 12px;
	display: flex;
	/* align-items: center; */
}
.row-top-links .owl-carousel-row-top-links .item > div:first-child{
	/* background: blue; */
	flex-shrink: 0;
	height: 37px;
	font-size: 260%;
	color: #f6a935;
	padding: 0 0 0 10px;
}
.row-top-links .owl-carousel-row-top-links .item > div:last-child{
	/* background: green; */
	line-height: 25px;
	color: #757575;
	font-size: 13px;
	text-align: justify;
}
.row-top-links .owl-carousel-row-top-links .item > div:last-child h3{
	margin: 0;
	font-weight: 500;
	font-size: 14px;
	color:#4f4f4f;
}
.row-top-links .owl-carousel-row-top-links .item > div:last-child h3 a{
	color:#4f4f4f;
	transition: color 700ms;
}
.row-top-links .owl-carousel-row-top-links .item > div:last-child h3 a:hover{
	color:#3b4891;
}



.branches{
	display: flex;
	flex-direction: row;/* column */
	justify-content:space-between;

	margin: 45px 0 0 0;
}
.branches .item{
	flex-basis: 100%;
}
.branches .item.tab{
	order: 3;
	/* flex-grow: 2; */
	flex-basis: 37%;

	/* background:red; */
}
.branches .item.tab .tab-buttons{
	display: flex;
	justify-content: space-evenly;
}
.branches .item.tab .tab-buttons button{
	background:#fefdfd;
	border:1px solid #c9c7c7;
	border-radius:100px;
	font-family: "expoArabic", "Tahoma";
	font-weight: 300;
	padding:12px;
	color:#757575;
	cursor:pointer;
	transition:background 650ms, border 650ms, color 650ms;
}
.branches .item.tab .tab-buttons button.active{
	background:#e1f8fa;
	border:1px solid #6fc4d1;
	color: #518e91;
}
.branches .item.tab .tab-buttons button:not(.active):hover{
	background: #f7f7f7;
	border: 1px solid #cccbcb;
	color: #707070;
}
.branches .item.tab .tab-con{
	min-height: 250px;
	padding:0 5px 0 0;
}
.branches .item.tab .tab-con ul{
	list-style: none;
	padding:0;
	margin:0;
}
.branches .item.tab .tab-con ul li{
	position: relative;
	padding:0 35px 0 0;
	margin:40px 0 0 0;
	font-size: 14px;
}
.branches .item.tab .tab-con ul li h4{
	padding:0;
	margin:0 0 3px 0;
	color:#3e3e3e;
	font-weight: 400;
	font-size: 15px;
}
.branches .item.tab .tab-con ul li address{
	color:#777777;
	font-style:normal;
	line-height: 25px;
}
.branches .item.tab .tab-con ul li address a[href]{
	color:#0c8c9d;
	font-size: 15px;
	transition: color 400ms;
}
.branches .item.tab .tab-con ul li address a[href]:hover{
	color: #f57c00;
}
.branches .item.tab .tab-con ul li  span.icon{
	position: absolute;
	top: 0;
	right: 0;
	font-size: 25px;
	color:#8d8d8d;
}
.branches .item.tab .tab-con ul li:first-child span.icon{
	color:#f36448;
}




.branches .item.map{
	order: 2;
	/* flex-grow: 2.2; */
	flex-basis: 37%;

	position: relative;
	border-radius: 20px;
	overflow:hidden;
	border:2px solid #fff;
	box-sizing: border-box;
}
.branches .item.pic{
	background-image: url("img/branche-pic-najaf.jpg");
	background-size: cover;
	background-position: center center;
	order: 1;
	/* flex-grow: 1.2; */
	flex-basis: 24%;
	border-radius: 20px;
}
.branches .item.pic img{
	display:none;
}

@media screen and (max-width: 1030px){
	.branches{
		flex-wrap: wrap;
	}
	.branches .item.tab{
		order: 1;
		flex-basis: 60%;
		padding: 0 0 0 10px;
		box-sizing: border-box;
	}
	.branches .item.map{
		order: 3;
		flex-basis: 100%;
		height: 300px;
		margin: 30px 0 0 0;
	}
	.branches .item.pic{
		order: 2;
		flex-basis: 40%;
	}
}
@media screen and (max-width: 670px){
	.branches .item.tab{
		flex-basis: 100%;
		padding:0;
		
	}
	.branches .item.tab .tab-con{
		min-height:auto;
	}
	.branches .item.map{
		order: 2;
	}
	.branches .item.pic{
		order: 3;
		flex-basis: 100%;
		height: 300px;
		margin: 30px 0 0 0;
	}
}



footer#footer{

}
footer#footer .footer{
	background: #333f48;	
	color: #ffffff;
	font-size: 13px;
	text-align: right;
	height: 60px;
	line-height: 60px;
	direction: rtl;
	overflow: hidden;
}
footer#footer .footer.white{
    background: #ffffff;
	color: #24272c;
}

footer#footer a.app-link{
	display: inline-block;
	float: left;
	margin: 11px 0 0 9px;
}

footer#footer div.text{
	direction: rtl;
	display: inline-block
}
footer#footer div.text span{
	vertical-align: middle;
}
footer#footer div.text span:first-child{
	font-size: 33px;
	font-weight: 500;
	position: relative;
	top:6.5px;
}

@media screen and (max-width: 700px){
	footer#footer .footer{
		text-align:center;
		height: auto;
		line-height: 20px;
		padding: 12px 0
	}

	footer#footer a.app-link{
		float: none
	}

	footer#footer div.text{
		display: block;
		margin: 5px 0 2px
	}
}