/* CSS Document */
@import url(http://fonts.googleapis.com/earlyaccess/notokufiarabic.css);

@font-face {
  font-family: '29LTBukra-Regular';
  src: url('fonts/29LTBukra-Regular.eot?#iefix') format('embedded-opentype'),  url('fonts/29LTBukra-Regular.woff') format('woff'), url('fonts/29LTBukra-Regular.ttf')  format('truetype'), url('fonts/29LTBukra-Regular.svg#29LTBukra-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}


a {
    text-decoration: none;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	-ms-transition: all ease 0.3s;
	transition: all ease 0.3s;
}
a:hover, a:active, a:focus {
    text-decoration: none;
}
a:active, a:focus {
    outline: 0 none;
}

img {
    border: medium none;
}
* {
    outline: medium none;
}
textarea {
    resize: none;
}
h1{
	direction:rtl;
	text-align:right;
	font-weight:normal;
	font-size:1.5em;
}
h1 , h2 , h3 , h4 , h5{
	padding:0;
	margin:0;
	font-weight:normal;
}
html {
    
}
body {
    float: right;
    height: 100%;
    margin: 0;
    width: 100%;
	background-color:#e7e6e2;
	font-family:'29LTBukra-Regular';
	text-align:right;
	border-bottom:5px solid #fff;
}
ul, li, ol {
    font-size: 11px;
    list-style: none outside none;
}
a {
    cursor: pointer;
    outline: medium none;
    text-decoration: none;
}
.main{
	float:right;
	position:relative;
	width:100%;
	height:100%;
}
header , section , footer {
	display:block;
}
.row{
	width:880px;
	position:relative;
	display:block;
	margin:auto;
}
.row2{
	width:920px;
	position:relative;
	display:block;
	margin:auto;
}
header{
	position:relative;
	background-color:#fff;
	min-height:50px;
	float:right;
	width:100%;
	z-index:99;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	-ms-transition: all ease 0.3s;
	transition: all ease 0.3s;
}
.hey header{
	background-color:#493929;
}
.hey header .menu li a{
	color:#d4c098;
	border-color:#d4c098;
}
.hey header .show2{
	display:none;
}
.hey header .hide{
	display:block;
}
.hide{
	display:none;
}
	
.logo{
	position:relative;
	margin-top:10px;
	float:right;
}
#menu{
	float:left;
	position:relative;
	min-height:50px;
	text-align:center;
}

/* Menu */
.menu {	
	height: 45px;
	width: 100%;
	padding:0;
	margin:0;
	text-align:center;
	direction:rtl;
}

.menu li {
	position: relative;
	list-style: none;
	display:inline-block;
	padding:0;
	margin:0;
	border:none;
}

/* Links */

.menu li a {
	display: block;
	padding: 0 13px;
	margin:13px  0;
	line-height: 24px;
	text-decoration: none;
	font-size: 13px;
	color: #171717;
	-webkit-transition: color .2s ease-in-out;
	-moz-transition: color .2s ease-in-out;
	-o-transition: color .2s ease-in-out;
	-ms-transition: color .2s ease-in-out;
	transition: color .2s ease-in-out;
	border-left:1px solid #bebebe;
	font-weight:600;
}

.menu li:last-child a { border-left: none; }
.menu li:first-child a{ border-right: none; }
.menu li:hover > a {color: #901f0f; }

/* Sub Menu */
.menu ul {
	position: absolute;
	top: 50px;
	right: 0;
	opacity: 0;
	background: #fff;
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
	-webkit-transition: opacity .25s ease .1s;
	-moz-transition: opacity .25s ease .1s;
	-o-transition: opacity .25s ease .1s;
	-ms-transition: opacity .25s ease .1s;
	transition: opacity .25s ease .1s;
	margin:0;
	padding:0;
	min-width:210px;
	z-index:2;
}

.menu li:hover > ul { opacity: 1; }

.menu ul li {
	height: 0;
	overflow: hidden;
	padding: 0;
	margin:0;
	float:right;
	width:100%;
	-webkit-transition: height .25s ease .1s;
	-moz-transition: height .25s ease .1s;
	-o-transition: height .25s ease .1s;
	-ms-transition: height .25s ease .1s;
	transition: height .25s ease .1s;
}
.menu li:hover > ul li {
	height: 36px;
	overflow: visible;
	padding: 0;
}
.menu ul li a {
	width: 100px;
	margin: 0;
	text-align:center;
	border: none;
	border-bottom: 1px solid #F5F5F5;
	padding:0;
	line-height:30px;
	float:right;
	width:100%;
	font-size:12.5px;
}
.menu ul li:last-child a{
	border-bottom:0;
}
.selected{
	background-color:#d90000;
}
.hide_menu{
	width:100%;
	line-height:50px;
	left:0;
	top:0;
	cursor:pointer;
	position:relative;
	z-index:5555;
	display:none;
}

.hide_menu i{
	float:left;
	position:relative;
	margin-left:4%;
	font-size:25px;
	color:#493929;
	line-height:50px;
}

.hide_menu span{
	line-height:50px;
	float:right;
	font-size:14px;
	direction:rtl;
	text-align:right;
	color:#493929 ;
	margin-right:15px;
}
.box-1{
	position:relative;
	width:100%;
	display:block;
	padding:45px 0;
	background-image:url(../images/box1.jpg);
	background-repeat:repeat;
	float:right;}
.title{
	background-image:url(../images/title.png);
	background-repeat:no-repeat;
	background-position:bottom center;
	padding-bottom:15px;
}
.title h1{
	text-align:center;
	display:block;
	font-size:19.78pt;
	position:relative;
}
.text{
	text-align:center;
	line-height:30px;
	padding:15px 100px;
}
.books{
	display:block;
}
.more-read{
	float:left;
	width:316px;
	display:inline-block;
	position:relative;
}
.small-font h1{
	font-size:16px;
}
.more-download{
	float:right;
	width:316px;
}
#books{
	position:relative;
	width:100%;
	padding:0;
	margin:8px 0 0;
}
#books li{
	display:inline-block;
	width:100px;
	height:94px;
	margin-left:8px;
	float:right;
	position:relative;
	overflow:hidden;
}
#books li img{
	width:100%;
	height:100%;
}
#books li:last-child{
	margin-left:0;
}
.month-book{
	float:left;
	width:210px;
	margin-left:19px;
	margin-top:36px;
}
.book-month{
	width:100%;
	text-align:center;
	position:relative;
	
}
.book-month img{
	border:5px solid #fff;
	-webkit-box-shadow: 0px 0px 55px -6px rgba(0,0,0,0.38);
-moz-box-shadow: 0px 0px 55px -6px rgba(0,0,0,0.38);
box-shadow: 0px 0px 55px -6px rgba(0,0,0,0.38);
}
.title-month{
	background-image:url(../images/month_book.png);
	background-position:center;
	width:271px;
	height:54px;
	position:absolute;
	z-index:5;
	bottom:42px;
	left:-30px;
	line-height:70px;
	color:#fff;
}
.box-2{
	float:right;
	position:relative;
	display:block;
	width:100%;
	padding:45px 0px;
	background-color:#fff;
	
}
.boxs{
	float:right;
	position:relative;
	width:100%;
	margin:40px 0;
}
.book-box{
	float:right;
	position:relative;
	width:100%;
	height:252px;
	background-color:#29211a;
	text-align:center;
	overflow:hidden;
}
.book-box:hover img{
	opacity:0.5;
}
.img-book{
	float:right;
	position:relative;
	width:100%;
	height:183px;
}
.img-book img{
	width:100%;
	height:100%;
}
.option{
	width:100%;
	height:69px;
	background-color:#d4c098;
	float:right;
}
.download{
	float:right;
	position:relative;
	width:50%;
	text-align:center;
	height:100%;
	color:#161616;
}
.download i{
	margin-top:13px;
	font-size:30px;
	
}
.download:hover,
.read:hover{
	background-color:#901f0f;
	color:#fff;
}
.download:hover i,
.read:hover i{
	margin-top:8px;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	-ms-transition: all ease 0.3s;
	transition: all ease 0.3s;
}
.download:hover h6,
.read:hover h6{
	font-size:12px;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	-ms-transition: all ease 0.3s;
	transition: all ease 0.3s;
}
.read{
	float:left;
	position:relative;
	width:50%;
	text-align:center;
	height:100%;
	color:#161616;
}
.read i{
	margin-top:13px;
	font-size:30px;
}
.read h6,.download h6{
	font-family: 'Noto Kufi Arabic', sans-serif;
	direction:rtl;
	margin:0;
	font-size:11px;
}
.show{
	position:absolute;
	
	color:#fff;
	font-size:30px;
	right:35%;
	border-bottom:1px solid #fff;
	border-top:1px solid #fff;
	padding:3px 10px;
	top:-70px;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	-ms-transition: all ease 0.3s;
	transition: all ease 0.3s;
}
.book-box:hover .show{
	top:77px;
}
.jcarousel-wrapper {
		float:right;
		position: relative;
		width:100%;
		min-height:85px;
}
.jcarousel-pagination {
    margin: 0;
	height:10px;
	float:none;
	display:inline-block;
}

.jcarousel-pagination a {
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    height: 10px;
    width: 10px;
    line-height: 8px;
    color: #252525;
    margin:0 20px;
	float:right;
	position:relative;
	font-weight:600;

}

.jcarousel-pagination a.active {
    opacity: 1;
}
.jcarousel li{
	width:150px;
	float:right;
	position:relative;
	height:252px;
	margin:0 3px;
}

.jcarousel {
    position: relative;
    overflow: hidden;
    width: 100%;
	float:right;
}
.jcarousel ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}
.control{
	float:right;
	position:relative;
	width:100%;
	margin-top:70px;
	text-align:center;
	direction:rtl;
}
.culture{
	float:right;
	position:relative;
	width:100%;
	padding:30px 0;
	background-color:#493929;
}
.title-white{
	background-image:url(../images/title-white.png);
	background-repeat:no-repeat;
	background-position:bottom center;
	padding-bottom:15px;
	color:#fff;
}
.title-white h1{
	text-align:center;
	display:block;
	font-size:17pt;
}
.title-black{
	background-image:url(../images/title.png);
	background-repeat:no-repeat;
	background-position:bottom center;
	padding-bottom:15px;
	color:#000000;
}
.title-black h1{
	text-align:center;
	display:block;
	font-size:17pt;
}
.title h1 span{
	font-size:13px;
	color:#901f0f;
	position: absolute;
    top: 12px;
    margin-right: 15px;
}
#culture{
	width:100%;
	padding:25px 0 0;
	margin:0;
	text-align:center;
}
#culture li{
	display:block;
	margin-bottom:15px;
}
#culture li a{
	color:#fff;
	font-size:13px;
	direction:rtl;
}
#culture li a:hover{
	color:#d4c098;
}
#culture li a i{
	margin-left:10px;
}
.twitter{
	float:right;
	position:relative;
	width:100%;
	padding:30px 0;
	background-color:#1e1915;
	background-image:url(../images/twitter-bg.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:100% 400px;
	text-align:center;
}
.follow{
	width:102px;
	height:28px;
	background-image:url(../images/follow.png);
	background-position:center;
	background-repeat:no-repeat;
	background-color:#000000;
	position:absolute !important;
	left: 23%;
    top: -14px;
}
/*.follow:hover{
	background-color:#d4c098;
}*/
.twitter-cont{
	width:59%;
	position:relative;
	display:inline-block;
	margin-top:30px;
}
.tweets{
	text-align:center;
	height:32px;
	line-height:32px;
	color:#fff;
	background-color:#5ea9dd;
	font-size:16px;
}
.tweet{
	width:100%;
	min-height:215px;
	float:right;
	position:relative;
	margin:11px 0;
	text-align:center;
}
.tweet img{
	width:100%;
}
.tweet-to{
	text-align:center;
	height:28px;
	line-height:28px;
	color:#8e8c8c;
	background-color:#fffdfd;
	width:60%;
	margin:0 20%;
	float:right;
	position:relative;
	font-size:12px;
	font-family:Tahoma, Geneva, sans-serif;
}
.contact{
	float:right;
	position:relative;
	width:100%;
	padding:30px 0 60px 0;
	background-color:#664933;
	background-image:url(../images/contact.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:100%;
}
.contact-form{
	float:left;
	width:480px;
	margin-top:40px;
}
.row-input{
	float:right;
	position:relative;
	width:100%;
	margin-bottom:12px;
}
.row-input label{
	width:115px;
	text-align:right;
	color:#fff;
	float:right;
	font-size:13px;
	line-height:30px;
	font-family:'Noto Kufi Arabic', sans-serif;
}
.txt-input{
	float:right;
	height:30px;
	background-color:#fff;
	width:190px;
	padding:0 5px;
	direction:rtl;
	text-align:right;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-ms-border-radius:5px;
	border:1px solid #000;
	
}
.area-input{
	float:right;
	height:140px;
	background-color:#fff;
	width:325px;
	padding:10px 5px;
	direction:rtl;
	text-align:right;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-ms-border-radius:5px;
	border:1px solid #000;
}
.area-input:focus,
.txt-input:focus { 
	background-color:#664933;
	color:#fff;
}
.send-submit{
	color:#fff;
	border:none;
	background-color:#221a14;
	padding:0 50px;
	line-height:35px;
	height:35px;
	font-family:'Noto Kufi Arabic', sans-serif;
	cursor:pointer;
	margin-right:30%;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	-ms-transition: all ease 0.3s;
	transition: all ease 0.3s;
}
.send-submit:hover{
	background-color:#d4c098;
	color:#221a14;
}
footer{
	min-height:110px;
	background-color:#221a14;
	float:right;
	position:relative;
	width:100%;
}
.copy-right{
	text-align:center;
	color:#fff;
	margin-top:30px;
	font-size:14px;
}
.nepras{
	text-align:center;
	margin-top:22px;
}
.kateb{
	float:right;
	position:relative;
	width:100%;
	padding:30px 0 50px 0;
	background-color:#d4c098;
	border-top:10px solid #493929;
}
.more-read2{
	float:left;
	width:100%;
	display:inline-block;
	position:relative;
	margin-top:35px;
}
#books2{
	position:relative;
	width:100%;
	padding:0;
	margin:10px 0 0;
	text-align:center;
	direction:rtl;
	float:right;
}
#books2 li{
	display:inline-block;
	width:100px;
	height:94px;
	margin-left:8px;
	overflow:hidden;
	position:relative;
}
.circle{
	width:100%;
	position:relative;
	float:right;
	text-align:center;
	min-height:200px;
	display:block;
	margin-bottom:30px;
	margin-top:37px;
	direction:rtl;
	padding:0;
}
.circle li{
	display:inline-block;
	width:100px;
	height:100px;
	margin:0 9px;
	background-color:#ffffff;
	border-radius:100% 100% 100% 100%;
	-moz-border-radius:100% 100% 100% 100%;
	-webkit-border-radius:100% 100% 100% 100%;
	-ms-border-radius:100% 100% 100% 100%;
	border:12px solid #dfd1b3;
	-webkit-transition: background-color ease 0.3s;
	-moz-transition: background-color ease 0.3s;
	-o-transition: background-color ease 0.3s;
	-ms-transition: background-color ease 0.3s;
	transition: background-color ease 0.3s;
	-webkit-transition: border-color ease 0.8s;
	-moz-transition: border-color ease 0.8s;
	-o-transition: border-color ease 0.8s;
	-ms-transition: border-color ease 0.8s;
	transition: border-color ease 0.8s;
	position:relative;
}
.circle li a{
	position:relative;
	width:100%;
	height:100%;
	float:right;
	text-align:center;
}
.circle li.big{
	width:195px;
	height:195px;
	border:25px solid #dfd1b3;
	margin-bottom:-68px;
}
.circle li a span{
	position:relative;
	float:right;
	width:100%;
	text-align:center;
	margin-top:25px;
	font-size:14px;
	line-height:22px;
	color:#282828;
	font-weight:600;
	z-index:6;
}
.circle li a span.top{
	margin-top:35px;
}
.circle li:hover{
	background-color:#dfd1b3;
	border-color:#ffffff;
	z-index:6;
}
.circle li:hover span{
}
.user{
	width:100%;
	margin-top:20px;
	right:0;
	text-align:center
}
.circle li a h2{
	margin:10px 0;
	color:#901f0f;
	font-weight:600;
}
.circle li a h4{
	color:#282828;
	font-weight:600;
	font-size:13px;
}
hr.style-two {
    border: 0;
	position:absolute;
	top:105px;
	width:100%;
	right:0;
    height: 2px;
	z-index:5;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0));
}
.sort{
	float:right;
	position:relative;
	width:100%;
	text-align:center;
	margin-top:25px;
}
.sort-row{
	float:right;
	position:relative;
	width:100%;
	text-align:center;
	margin-top:10px;
	direction:rtl;
}
.sort-row input[type="text"]{
	width:115px;
	padding:0 5px;
	direction:rtl;
	text-align:right;
	background-color:#f9f9f9;
	border:1px solid #e2e2e2;
	color:#bbbbbb;
	height:25px;
	font-family:'Noto Kufi Arabic', sans-serif;
	font-size:13px;
	margin-right:15px;
	display:inline-block;
	position:relative;
	top:-10px;
}
.select{
	display:inline-block;
	background-color:#f9f9f9;
	border:1px solid #e2e2e2;
	color:#bbbbbb;
	height:25px;
	font-family:'Noto Kufi Arabic', sans-serif;
	width:262px;
	position:relative;
	overflow:hidden;
	background-image:url(../images/select.png);
	background-position:left 12px center;
	background-repeat:no-repeat;
}
.select select{
	width:107%;
	height:25px;
	border:none;
	background-color:transparent;
	font-family:'Noto Kufi Arabic', sans-serif;
	color:#bbbbbb;
	font-size:13px;
	top:-5px;
	position:relative;
	line-height:25px;
	
}
.sort-row input[type="submit"]{
	background-color:#901f0f;
	color:#fff;
	padding:2px 25px;
	border:none;
	font-family:'Noto Kufi Arabic', sans-serif;
	font-size:16px;
	cursor:pointer;
	-webkit-transition: background-color ease 0.3s;
	-moz-transition: background-color ease 0.3s;
	-o-transition: background-color ease 0.3s;
	-ms-transition: background-color ease 0.3s;
	transition: background-color ease 0.3s;
}
.sort-row input[type="submit"]:hover{
	background-color:#161616;
	
}
.main-slider{
	float:right;
	position:relative;
	width:100%;
	height:100vh;
}
.page-slider{
	height:53vh;
}
.showcase
{
	position: relative;
	margin: auto;
	width:100% !important;
	height:100% !important;
}
.showcase-content-container{
	width:100%;
	height:100% !important;
}
.showcase-content
	{
		text-align: center;
		width:100% !important;
		height:100% !important;
	}
	.showcase-content img.big_img{
		width:100%;
		height:100%;
	}
.showcase-button-wrapper
	{
		clear: both;
		text-align: center;
		position:absolute;
		top:10px;
		width:100%;
		text-align:center;
		background-image:url(../images/round.png);
		background-position:center;
		background-repeat:no-repeat;
		direction:rtl;
		z-index:10;
	}
	
		.showcase-button-wrapper span
		{
			margin-right: 5px;
			height:7px;
			width:7px;
			cursor: pointer;
			font-size: 12px;
			color:transparent;
			border-radius:50%;
			background-color:#ffffff;
			display:inline-block;
			position:relative;
			top:3px;
		}
	
		.showcase-button-wrapper span.active
{
	background-color:#d4c098;
}

.down{
	position:absolute;
	width:100%;
	bottom:20px;
	right:0;
	text-align:center;
	z-index:5;
}
.see{
	position:absolute;
	top:-50px;
	left:0;
	width:100%;
	height:47px;
	line-height:47px;
	text-align:center;
	z-index:5;
	background-color:rgba(73,57,41,0.74);
	color:#fff;
	font-size:23px;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	-ms-transition: all ease 0.3s;
	transition: all ease 0.3s;
}
.download2{
	position:absolute;
	bottom:-50px;
	left:0;
	width:100%;
	height:47px;
	line-height:47px;
	text-align:center;
	z-index:5;
	background-color:rgba(212,192,152,0.74);
	color:#fff;
	font-size:23px;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	-ms-transition: all ease 0.3s;
	transition: all ease 0.3s;
}
#books li:hover .see,
#books2 li:hover .see{
	top:0;
}
.see:hover{
	color:#d4c098;
}
#books li:hover .download2,
#books2 li:hover .download2{
	bottom:0;
}
.download2:hover{
	color:#493929;
}
.inner-page{
	float:right;
	position:relative;
	width:100%;
	background-image:url(../images/box2.jpg);
	background-repeat:repeat;
}
.sunpage{
	width:100%;
	position:relative;
	padding-top:60px;
	padding-bottom:35px;
	float:right;
}
.short{
	float:right;
	position:relative;
	width:96%;
	padding:2%;
	background-color:#fff;
	color:#252525;
	font-family:13px;
	margin-top:32px;
	direction:rtl;
	text-align:right;
}
.short p{
	color:#252525;
	font-family:13px;
	font-family: 'Noto Kufi Arabic', sans-serif;
}
.image{
	display:block;
	text-align:center;
	float:right;
	position:relative;
	width:100%;
}
.top-space{
	margin-bottom:43px;
}
#list-books li{
	width:176px;
	float:right;
	position:relative;
	height:252px;
	margin:11px 4px;
}
.box{
	float:right;
	position:relative;
	width:100%;
}
.paging{
	float:right;
	position:relative;
	width:100%;
	text-align:center;
	direction:rtl;
	margin:0;
	padding:40px 0;
	background-color:#fff;
}
.paging li{
	display:inline-block;
}
.paging a{
	text-decoration: none;
    display: inline-block;
    font-size: 15px;
    height: 10px;
    width: 10px;
    line-height: 8px;
    color: #252525;
    margin: 0 5px;
    position: relative;
    font-weight: 600;
}
.paging span{
	text-decoration: none;
    display: inline-block;
    font-size: 15px;
    height: 10px;
    width: 10px;
    line-height: 8px;
    color: #252525;
    margin: 0 5px;
    font-weight: 600;
}
#list-books{
	margin:30px 0 0;
	padding:0;
	float:right;
	position:relative;
	width:100%;
}
.search .sort-row input[type="text"]{
	width:262px;
	padding:0 10px;
	height:30px;
}
.title h1 span.substitle{
	font-size:19.78pt;
	top:0;
	color:#171717;
}
.view-book{
	float:right;
	position:relative;
	width:100%;
	margin:40px 0;
}
.right-side{
	float:right;
	position:relative;
	width:64%;
	padding:3%;
	background-image:url(../images/pattern.jpg);
	background-repeat:repeat;
	color:#fff;
	font-family:'Noto Kufi Arabic', sans-serif;
}
.right-side h2{
	font-size:17px;
	padding-right:6%;
	margin:5px 0;
	direction:rtl;
}
.right-side h2 span{
	color:#ebdcc1;
	padding-right:10px;
}
.left-side{
	width:25%;
	min-height:365px;
	position:relative;
}
.width2{
	width:44%;
	float:right;
}
.book-img{
	position:relative;
	display:block;
	text-align:center;
	width:96%;
	padding:3% 2% 2%;
	background-image:url(../images/pattern.jpg);
	background-repeat:repeat;
	height:284px;
	
}
.book-img img{
	width:100%;
	height:100%;
}
.book-img:hover img{
	opacity:0.8;
}
.book-title{
	position:relative;
	height:63px;
	width:100%;
	margin-top:10px;
	float:right;
	text-align:center;
}
.book-title h1{
	text-align:center;
	line-height:30px;
	color:#493929;
	font-size:14px;
}
.section{
	float:right;
	position:relative;
	width:96%;
	padding:2%;
	background-color:#fff;
	margin-top:30px;
}
#section{
	padding:0;
	margin:0;
	width:100%;
}
#section li{
	width:46%;
	float:right;
	position:relative;
	padding:5px 2% 5px 0;
	background-color:#493929;
	margin-bottom:13px;
	min-height:73px;
}
#section li:hover{
	background-color:#901f0f;
}
#section li:nth-child(odd){
	margin-left:4%;
}
.img{
	float:right;
	position:relative;
	width:80px;
	height:73px;
	margin-left:15px;
}
.img img{
	width:100%;
	height:100%;
	position:relative;
	float:right;
}
#section li h3{
	color:#fff;
	font-size:15px;
	font-family:'Noto Kufi Arabic', sans-serif;
}
#section li h4{
	font-family:'Noto Kufi Arabic', sans-serif;
	color:#fff;
	padding:0 10px;
	line-height:19px;
	color:#3a2b1f;
	font-size:13px;
	
}
.desc{
	background-color:#e9dec9;
	float:left;
	width:74%;
	padding:5px 0;
	position:absolute;
	bottom:0;
	left:0;
	direction:rtl;
}
.desc  a{
	color:#901f0f;
}
.desc  a:hover{
	color:#493929;
}
.showcase-caption
		{
			color: #000;
			text-align:center;
			position: absolute;
			bottom: 175px; right: 0;
			display: none;
			width:100%;
			z-index:10;
		}
		
		.showcase-caption a
		{
			position:relative;
			color:#071d34;
			line-height:30px;
			direction:rtl;
			text-align:center;
			font-size:14px;
			-webkit-transition: all .15s;
		   -moz-transition: all .15s;
			 -o-transition: all .15s;
				transition: all .15s;
			
		}
	.tit3{

	float:right;
	position:relative;
	line-height:30px;
	direction:rtl;
	text-align:right;
	font-size:16px;
	width:98%;
	font-weight:normal;
	color:#333;
	padding-right:2%;
	border-bottom:1px solid #F0F0F0;
	padding-bottom:5px;
	margin-top:10px;
	background-image:url(images/logo2.png);
	background-position:right 15px top 8px;
	background-repeat:no-repeat;
	margin-bottom:0 !important;
	font-family:'Noto Kufi Arabic', sans-serif;

}
.tit3 i{

	float:right;

	position:relative;

	line-height:20px !important;

	font-size:18px;

	width:20px;

	margin-top:8px;

	margin-right:10px;

}
.news_iamge{
	float:right;
	position:relative;
	width:100%;
	height:auto;
	text-align:center;
	margin-top:10px;
}
.news_iamge img{
	max-width:100%;
	position:relative;
}
.conts2 p ,.conts2 {
	font-size:14px;
	line-height:30px;
}
.conts2 p img , .conts2 span img{
	margin:auto;
	text-align:center;
	position:relative;
	max-width:100%;
}

.other_post{
	float:right;
	position:relative;
	width:96%;
	margin-right:2%;
}
.other_post h1{
	float:right;
	position:relative;
	width:100%;
}
.attch2, .attch3 {

	color:#333;

	margin-top:10px;

	float:right;

}

.attch2 i, .attch3 i {
	color:#D70000;
}
.attch3 {
	margin-right:20px;
}
.box6{
	float:right;
	position:relative;
	width:100%;
	padding-bottom:30px;
	background-color:#fff;
}
.otherimage{

	float:right;

	position:relative;

	width:100%;

	min-height:20px;

	margin-top:20px;



}

.otherimage h1 i{



	float:right;

	position:relative;

	width:20px;

	line-height:30px !important;

	font-size:20px;

	text-align:center;

	margin-left:10px;

	color:#333;

}

.otherimage ul{

	float:right;

	position:relative;

	width:100%;

	margin-top:20px;

}



.otherimage ul li{

	float:right;

	position:relative;

	width:159px;

	height:100px;

	margin-left:4px;

	margin-right:4px;

	margin-bottom:8px;

	overflow:hidden;

	background-color:#000;

	border:1px solid #E2E2E2;



	



}



.otherimage ul li a{

	float:right;

	position:relativee;

	width:100%;

	height:100%;

	background-color:#000;



}



.otherimage ul li img{

	float:right;

	position:relativee;

	width:100%;

	height:100%;

	opacity:0.7;

	-webkit-transition: all 0.8s ease;

 	 -moz-transition: all 0.8s ease;

  	-o-transition: all 0.8s ease;

	  transition: all 0.8s ease;



}
.otherimage h1{



	float:right;

	position:relative;

	width:100%;

	line-height:30px;

	direction:rtl;

	text-align:right;

	font-weight:normal;

	font-size:20px;

	color:#333;

	border-bottom:1px solid #DEDEDE;

	padding-bottom:10px;



}



.otherimage ul li:hover img{

	opacity:1;

	transform: scale(1.8);

	-ms-transform: scale(1.8);

	-webkit-transform: scale(1.8) ;

	-o-transform: scale(1.8) ;

	-moz-transform: scale(1.8) ;



}



.otherimage ul li i{

	position:absolute;

	width:100%;

	line-height:100px;

	text-align:center;

	z-index:5;

	bottom:-100px;

	right:0;

	color:#fff;

	font-size:25px;

	-webkit-transition: all 0.5s ease-out;

  		-moz-transition: all 0.5s ease-out;

 		 -o-transition: all 0.5s ease-out;

  		transition: all 0.5s ease-out;



}



.otherimage ul li:hover i{

	bottom:0;

}
.post-meta{

	float:right;

	position:relative;

	width:100%;

	margin-top:5px;

}
.msg2{
	float:right;
	position:relative;
	width:70%;
	height:25px;
	margin-top:20px;
}
 .flash{
	float:left;
	position:relative;
	height:31px;
	width:31px;
	margin-top:5px;
	margin-left:10px;
}
.erorr_alert{
	float:right;
	position:relative;
	direction:ltr;
	text-align:right;
	font-size:0.725em;
	color:#fcd025;
	background-image:url(../images/empty2.png);
	background-position:right center;
	background-repeat:no-repeat;
	width:100%;
	color:#F00;
}
.erorr_alert span{
	float:right;
	position:relative;
	margin-right:25px;
	height:25px;
	line-height:25px;
	font-size:13px;
	color:#F00;
}
.success_alert{
	float:right;
	position:relative;
	direction:rtl;
	text-align:left;
	font-size:0.725em;
	color:#86c440;
	background-image:url(../images/full.png);
	background-position:right center;
	background-repeat:no-repeat;
	width:100%;
}
.success_alert span{
	float:right;
	position:relative;
	margin-right:25px;
	height:25px;
	line-height:25px;
	font-size:13px;
}
.publish{
	float:right; 
	line-height:25px; 
	font-size:11px;
	margin-right:15px; 
	color:#333;
	width:100%;
}
#photos_gallry{ 
	float:right;
	position:relative;
	width:96%;
	background-color:#FFF;
	padding:0;
	padding:50px 2%;
}

#photos_gallry .imgthumb{ 
	width:24%; 
	height:150px; 
	float:right;
  	 margin:1em 0.5% 0;
   background:#901F0F; 
  	-webkit-border-radius: 5px;
  	-moz-border-radius: 5px;
  	border-radius: 5px; 
	-webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
		  overflow:hidden;
		  position:relative;
	}

#photos_gallry .imgthumb img{ 
	width:100%; height:100%; -webkit-transition: all 1s ease;

     -moz-transition: all 1s ease;

       -o-transition: all 1s ease;

      -ms-transition: all 1s ease;

          transition: all 1s ease;}

#photos_gallry .imgthumb:hover img{	transform: scale(1.1);

	-ms-transform: scale(1.4);

	-webkit-transform: scale(1.4);

	-o-transform: scale(1.4);

	-moz-transform: scale(1.4);

	opacity:0.2;

filter:alpha(opacity=80);}

#photos_b .viewcont {

	 text-align:right; 

	 float:right; 

	 color:#FFF; 

	 font-size:15px; 

	 line-height:26px; 

	 width:120px;

	 font-weight:bold;

	}

#photos_gallry .imgthumb .more5{

	color: #FFFFFF;

    font-size: 30px;

    left: 90px;

    position: absolute;

    top: 200px;

    z-index: 2;

	 -webkit-transition: all  0.3s;

    -moz-transition: all 0.3s;

    -o-transition: all  0.3s;

    transition: all  0.3s;

}

#photos_gallry .imgthumb .various{

	float:right;

	position:relative;

	width:100%;

	height:100%;

}

#photos_gallry .imgthumb:hover .more5{

	 top: 60px;
	 cursor:pointer;

}

#photos_b .viewcont img{ width:24px; height:20px; margin-right:5px; margin-top:-2px; }
#photos_b{ 

	width:196px; 
	height:140px; 
	background:#adadad; 
	float:right;
	margin-right:10px;
 	padding:3px; 	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; margin-top:15px; -webkit-box-shadow: 0 8px 6px -6px #666;
	   -moz-box-shadow: 0 8px 6px -6px #666;
	        box-shadow: 0 8px 6px -6px #666;
			 transition: background 0.5s;

			-moz-transition: background 0.5s; 

			-webkit-transition: background 0.5s; 

			-o-transition: background 0.5s;

			cursor:pointer;

			position:relative;

			overflow:hidden;

			}

#photos_b:hover{ 

  background: #444;

 

 }

			

#photos_b h2{

	display:block;
	padding-bottom:5%;
	padding-top:5%;

	line-height:22px;
	color:#FFF; 
	width:90%;
	height:15%;
	padding-left:5%;
	padding-right:5%;
	font-size:12px;
	text-align:center;
	position:absolute;
	bottom:0;
	margin:0;
	right:0;
	font-weight:normal;
background-color:rgba(0,0,0,0.5);
	

	  }

#photos_b:hover h2{
	bottom:0;
}
#photos_b h2 a{ color:#FFF;}
#photos_b .thumb{ width:100%; height:140px; background:#eee; position:relative}
#photos_b .thumb img{ width:100%; height:100%;}
#photos_b .photocount { float:right; direction:rtl; margin-left:5px; color:#FFF;font-family:Arial, Helvetica, sans-serif; font-size:15px; text-align:right; font-weight:bold; width:120px; line-height:35px; height:35px; margin-bottom:8px; border-bottom:#b0d9fe dashed 1px;margin-right:5px; }
#photos_b .photocount  img{ width:24px; height:20px; }
#photos_b .date { float:right; color:#FFF; font-size:15px; line-height:26px; font-weight:bold; text-align:right; width:120px; height:35px; margin-bottom:5px;border-bottom:#b0d9fe dashed 1px;  margin-right:5px;}
#photos_b .date img{ width:24px; height:25px; margin-top:-2px;  }
.no-bg{
	background:none !important;
}
.result{
	float:right;
	position:relative;
	width:100%;
	height:30px;
	line-height:30px;
	margin-top:10px;
	direction:rtl;
	text-align:center;
	
}
.result input{
	float:right;
	position:relative;
	margin-top:10px;
}
.result span{
	position:relative;
	font-size:13px;
	width:50px;
	direction:rtl;
	color:#111111;
}
.result div{
	float:right;
	position:relative;
	width:60%;
	height:100%;
}
.page_not_found{
	float:right;
	position:relative;
	width:100%;
	min-height:30px;
	line-height:30px;
	margin-top:20px;
	direction:rtl;
	text-align:center;
	color:#333;
}
.home2{
	float:right;
	position:relative;
	width:100%;
	line-height:30px;
	direction:rtl;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	color:#B7010A;
	background:none !important;
}
 .home2:hover{
	color:#000;
}
.contact2{
	float:left;
	position:relative;
	width:38%;
	margin-right:1%;
	background-color:#FAFAFA;
	padding:30px 2% 20px;
	border-bottom:1px solid #E9E9E9;
	margin-top:15px;
	min-height:330px;
}

.contact_tit{
	float:right;
	position:relative;
	width:100%;
	line-height:30px;
	text-align:right;
	color:#7F7C76;
	font-size:20px;
	font-weight:normal;
	margin-bottom:10px
}

.contact_tit i{

	float:right;
	position:relative;
	line-height:30px !important;
	width:20px;
	text-align:center;
	margin-left:10px;
	font-size:18px;

}
.address2{

	float:right;
	position:relative;
	width:98%;
	margin-right:1%;
	line-height:22px;
	direction:rtl;
	text-align:right;
	font-size:16px;
	color:#676562;
	margin-top:30px;

}
.address2 span ,.phone span{
	position:relative;
	font-size:12px;
	margin-left:5px;
	float:right;
	color:#8E8E8E;
}

.address2 i{
	float:right;
	position:relative;
	width:20px;
	line-height:22px !important;
	margin-left:5px;
	text-align:center;
	font-size:22px;

}

.phone{
	float:right;
	position:relative;
	width:97%;
	margin-right:1%;
	line-height:22px;
	direction:ltr;
	text-align:right;
	font-size:16px;
	color:#676562;
	margin-top:11px;

}
.phone p{
	padding:0;
	margin:0;
	direction:ltr;
	text-align:left;
	float:right;
}
.phone a{
	font-family:Tahoma, Geneva, sans-serif;
	color:#676562;
	font-size:15px;

	
}

.phone i{

	float:right;
	position:relative;
	width:20px;
	line-height:22px !important;
	margin-left:5px;
	text-align:center;
	font-size:15px;

}
.contact_form{
	float:right;
	position:relative;
	width:55%;
	margin-right:2%;
	margin-top:20px;
}

.txt2{

	float:right;
	position:relative;
	width:90%;
	height:35px;
	direction:rtl;
	text-align:right;
	padding:0 10px;
	margin-top:10px;
	background-color:#fff;
	color:#333;
	border:#CFCFCF solid 1px;
	font-size:12px;
	font-family:'29LTBukra-Regular';

}
.tits2{
	float:right;
	position:relative;
	width:100%;
	direction:rtl;
	text-align:right;
	font-weight:normal;
	font-size:18px;
}
.tits2 h2{
	font-weight:normal;
	font-size:18px;
	color:#0D6D8E;
}
.area{

	float:right;
	position:relative;
	width:90%;
	height:100px;
	direction:rtl;
	text-align:right;
	padding:10px 10px;
	margin-top:10px;
	background-color:#fff;
	color:#333;
	font-size:13px;
	font-family:'29LTBukra-Regular';
	border:#CFCFCF solid 1px;

}

.send{

	float:left;
	position:relative;
	width:80px;
	height:30px;
	background-color:#8D0B0C;
	color:#fff;
	text-align:center;
	font-size:15px;
	margin-left:45px;
	margin-top:20px;
	cursor:pointer;
	font-family:'29LTBukra-Regular';
	border:none;

}

.send:hover{

	background-color:#1899b9;

}
.layer{
	position:absolute;
	z-index:5;
	top:0;
	text-align:center;
	width:100%;
}
.search_icon{
	float:left;
	position:relative;
	width:30px;
	height:50px;
	background-color:#d4c098;
	line-height:50px !important;
	text-align:center;
	color:#fff;
	font-size:25px;
	background-image:url(../images/search2.png);
	background-position:center;
	background-repeat:no-repeat;

}
.search_icon:hover{
	background-color:#901f0f;
		-webkit-transition: background-color 0.8s ease-out;
  -moz-transition: background-color 0.8s ease-out;
  -o-transition: background-color 0.8s ease-out;
  transition: background-color 0.8s ease-out;
}

.search_bx{
	float:left;
	position:absolute;
	width:185px;
	height:30px;
	margin-top:50px;
	z-index:2;
	display:none;
	left:0;
}
.btn2{
	float:left;
	position:relative;
	height:30px;
	width:30px;
	border:none;
	background-color:#0E1E28 ;
	color:transparent;
	background-image:url(../images/search.png);
	background-position:center;
	background-repeat:no-repeat;
	cursor:pointer;
	-webkit-transition: background .15s;
   -moz-transition: background .15s;
     -o-transition: background .15s;
        transition: background .15s;
}
.btn2:hover{
	background-color:#eb4d66;
}
.txt22{
	float:right;
	position:relative;
	width:135px;
	padding:0 10px;
	background-color:#fff;
	border:none;
	height:30px;
	direction:rtl;
	text-align:right;
	font-family:'29LTBukra-Regular';
	font-size:12px;
	color:#333333;
}
#search2{
	float:left;
}

.jobs{
	float:right;
	position:relative;
	width:94%;
	padding:5% 3%;
	background-color:#fff;
}
.input{
	float:right;
	position:relative;
	width:49%;
	margin-right:2%;
	min-height:35px;
	margin-bottom:20px;
}
.jobs .input:nth-child(2n){
	float:right;
	margin-right:0;
}
.input label{
	float:right;
	position:relative;
	line-height:35px;
	width:30%;
	text-align:right;
	direction:rtl;
	font-size:13px;
	color:#444444;
	font-family:'Noto Kufi Arabic', sans-serif;
}
.input input[type="text"], .input input[type="email"], .input input[type="password"]{
	float:right;
	position:relative;
	width:61%;
	background-color:#fff;
	border:1px solid #eee;
	height:33px;
	direction:rtl;
	text-align:right;
	padding:0 2%;
	font-family:'Noto Kufi Arabic', sans-serif;
	font-size:12px;
	color:#999;
}

.select_style{
	float:right;
	position:relative;
	width:70.5%;
	background-color:#fff;
	border:1px solid #eee;
	height:33px;
	direction:rtl;
	text-align:right;
	padding:0 2%;
	font-family:'Noto Kufi Arabic', sans-serif;
	font-size:12px;
	color:#999;
}
.input input[type="date"]{
	float:right;
	position:relative;
	width:66%;
	background-color:#fff;
	border:1px solid #eee;
	height:33px;
	direction:rtl;
	text-align:right;
	padding:0 2%;
	font-family:'Noto Kufi Arabic', sans-serif;
	font-size:12px;
	color:#999;
}
.input textarea{
	float:right;
	position:relative;
	width:66%;
	background-color:#fff;
	border:1px solid #eee;
	min-height:100px;
	resize:none;
	direction:rtl;
	text-align:right;
	padding:2%;
	font-family:'Noto Kufi Arabic', sans-serif;
	font-size:12px;
	color:#999;
}
.input input[type="number"]{
	float:right;
	position:relative;
	width:20%;
	background-color:#fff;
	border:1px solid #eee;
	height:33px;
	direction:rtl;
	text-align:right;
	padding:0 2%;
}

.message{
	float:right;
	position:relative;
	width:100%;
	margin-top:-10px;

}
.warning{
	float:right;
	position:relative;
	width:97%;
	padding-right:3%;
	line-height:30px;
	direction:rtl;
	text-align:right;
	margin-bottom:15px;
	background-color:#fcf8e3;
	color:#8a6d3b;
	border:1px solid #faebcc;
}
.success{
	float:right;
	position:relative;
	width:97%;
	padding-right:3%;
	line-height:30px;
	direction:rtl;
	text-align:right;
	margin-bottom:15px;
	background-color:#dff0d8;
	color:#3c763d;
	border:1px solid #d6e9c6;
}
.error{
	float:right;
	position:relative;
	width:97%;
	padding-right:3%;
	line-height:30px;
	direction:rtl;
	text-align:right;
	margin-bottom:15px;
	background-color:#f2dede;
	color:#a94442;
	border:1px solid #ebccd1;
}
.options{
	float:right;
	position:relative;
	width:100%;
	margin-top:10px;
	
}
.save{
	float:left;
	position:relative;
	height:40px;
	width:96px;
	color:#fff;
	background-color:#199eb1;
	font-family:'Noto Kufi Arabic', sans-serif;
	background-image:url(../images/save.png);
	background-position:right 13px center;
	background-repeat:no-repeat;
	cursor:pointer;
	border:none;
	font-size:15px;

}
.save:hover{
	background-color:#3C763D;
}
.concel:hover{
	background-color:#FCF8E3;
}
.concel{
	float:left;
	position:relative;
	height:40px;
	width:110px;
	color:#ff8a00;
	background-color:#ffba00;
	font-family:'Noto Kufi Arabic', sans-serif;
	background-image:url(../images/concel.png);
	background-position:right 10px center;
	background-repeat:no-repeat;
	cursor:pointer;
	margin-left:15px;
}
.select2{
	display:inline-block;
	background-color:#f9f9f9;
	border:1px solid #e2e2e2;
	color:#bbbbbb;
	height:25px;
	font-family:'Noto Kufi Arabic', sans-serif;
	width:262px;
	position:relative;
	overflow:hidden;
	background-image:url(../images/select.png);
	background-position:left 12px center;
	background-repeat:no-repeat;
	float:right;
}
.select2 select{
	width:107%;
	height:25px;
	border:none;
	background-color:transparent;
	font-family:'Noto Kufi Arabic', sans-serif;
	color:#0000;
	font-size:13px;
	top:0;
	position:relative;
	line-height:25px;
	direction:rtl;
	text-align:right;
	float:right;
	
}
.downloadBook{
	position:absolute;
	z-index:10;
	top:240px;
	right:5px;
	background-color:#493929;
	padding:7px 10px;
	color:#d4c098;
}
.downloadBook:hover{
	color:#493929;
	background-color:#d4c098;
}
.bookShort{
	padding:3%;
	display:block;
	background-color:#fff;
	margin-top:40px;
	font-family:'Noto Kufi Arabic', sans-serif;
	font-size:16px;
	float:right;
	width:94%;}

.share-icons{
	float:right;
	width:95%;
	text-align:left;
	padding:0 0 0 3%;
	line-height:32px;
}
.share-icons a{
	float:left;
	margin-right:5px;
	border-radius:100% 100% 100% 100%;
	-moz-border-radius:100% 100% 100% 100%;
	-webkit-border-radius:100% 100% 100% 100%;
	
}
.share-icons a img{
	border-radius:100% 100% 100% 100%;
	-moz-border-radius:100% 100% 100% 100%;
	-webkit-border-radius:100% 100% 100% 100%;
}
.share-icons span{
	margin:0 20px;
	font-size:16px;
	line-height:32px;
	float:left;
	direction:rtl;
}
.bookShort .share-icons{
	width:100%;
}
.social_icons{
	display:block;
	text-align:center;
	list-style:none;
	direction:rtl;
}
.social_icons li{
	display:inline-block;
	width:32px;
	height:32px;
	
	margin:10px 10px 0;
	
	line-height:32px;
	color:#493929;
	margin-bottom:0;
}
.social_icons li a{
	line-height:32px;
	color:#493929;
	font-size:20px;
	width:100%;
	height:100%;
	text-align:center;
	background-color:#D4C098;
	border-radius:100% 100% 100% 100%;
	-moz-border-radius:100% 100% 100% 100%;
	-webkit-border-radius:100% 100% 100% 100%;
}
.social_icons li a:hover{
	background-color:#901F0F;
	color:#fff;
}