@import url(http://fonts.googleapis.com/earlyaccess/droidarabickufi.css);
*{margin: 0;}
 
 
body{
	direction: rtl;
	font-family: 'Droid Arabic Kufi', sans-serif;
	background: #f2f3f4;
}

.container-body{
  overflow: hidden;
}
 

::-webkit-input-placeholder {
   color: #474547;	 
}

:-moz-placeholder { /* Firefox 18- */
   color:#474547;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #474547;  
}

:-ms-input-placeholder {  
   color: #474547	;  
}
.divider{
	margin-top: 30px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
	border-top: 1px solid rgba(255,255,255,0.3);
}
/*----Header----*/
 
header#header{background: url(../img/header-2.jpg) no-repeat;}
header#header .logo-news {
	
  border-bottom: 5px solid #D5703A;   
}
header#header .logo-news .logo {
	/*background:rgba(234, 233, 233, 0.46); */
}
header#header .logo-news .logo img {
	padding-top: 0px;
}
header#header .logo-news .header-proimg{
	background: url(../img/header-img.png) no-repeat;
	position: absolute;
	width: 220px;
	height: 179px;
	top: 0;
	left: 0;
}
header#header .logo-news  a h5{
	color:#1F1E26;
	font-weight: 600;
	text-decoration: none;
	display: block;
	text-align: center;
	margin: 0;
	letter-spacing: 5px;
	font-size: 20px;
}
section  .last-news{
 background: rgba(242, 243, 244, 0.41);
	border-bottom: 5px solid #d5703a;
}
section  .last-news h5 {
	color: white;
	padding-top: 10px;
	font-weight: 800;
	font-size: 20px;
}
section  .last-news h5 p{
	display: inline-block;
	font-weight: 100;
	font-size: 15px;
}

@media screen and (max-width:460px){
	header#header .logo-news .header-proimg{
	height: 110px;
}
}

/*----End Header----*/

/*----aside----*/
aside.aside {
	 width: 20%;
	padding: 10px 0;	 
}
aside.aside .aside-1{  
}
aside.aside.aside-2{  
}

.navbar-collapse{
	padding-left: 0;
	padding-right: 0;
}
/*serch*/

.search-content {
  width: 100%;
  position: relative
}

.searchTerm {
	width: 100%;
	border-bottom: 1px solid #d5703a;
/*	padding: 15px;*/
	height: 30px;
	outline: none;
	color: #474547;
	border-top: 0 solid transparent;
	border-right: 0 solid transparent;
	border-left: 0 solid transparent;
	background: none;
}

.searchTerm:focus{
  color: rgba(71, 69, 71, 0.65);
}

.searchButton {
  position: absolute;
  width: 40px;
  height: 36px;
  opacity: 0;
  cursor: pointer;
}

.search-content:before {
    position: absolute;
    width: 42px;
    height: 36px;
    color: #474547;
    font-family: 'FontAwesome';
    content: '\f002'
}

/*Resize the wrap to see the search bar change!*/
.wrap{
  width: 100%;
  margin: 10px 0;
}
/*END Search*/
/*Navigation*/
 /*Navigation*/
.navigation{
  margin: 15px 0; 
}
.navigation ul{
	padding: 0;
}
.navigation ul li{
	list-style: none;
	margin-top: 10px;
}
 
.navigation ul li a {
	text-decoration: none;
	font-size: 15px;
	display: block;
	text-align: right;
	padding: 5px 10px;
}

.navigation ul li a:hover {
	background: #474547;
	color: white; 
}

.navigation ul li a.arrow:hover{
	 content: "\f0d9";
	 font-family:FontAwesome;
		color: white; 
}

.navigation ul li a h4{
  color: #474547;
  font-weight: 600;
}

.navigation ul li a h4:hover{
  color: white;
}
 
nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
nav ul li {
  /* Sub Menu */
}

.navigation ul li.sub-menu  ul{
	background: #eee;
}

.navigation ul li.sub-menu  ul li a{
  color: #716f6f;
  font-weight: 100;
}
.navigation ul li a {
   color:#474547;
  font-weight: 600;
  display: block;
  -webkit-transition: 0.2s linear;
  -moz-transition: 0.2s linear;
  -ms-transition: 0.2s linear;
  -o-transition: 0.2s linear;
  transition: 0.2s linear;

}

.navigation ul li a:focus{
	background: #D5703A;
	border-right: 5px solid #fff;
	color: #fff;
}
 
.navigation ul li a .fa {
padding-left: 10px;
}
.navigation ul li a .badge {
  display: inline-block;
  background: #fff;
  /* IE Fallback */
  background: rgba(255, 255, 255, 0.2);
  padding: 3px 7px;
  color: #fff;
  font-size: 12px;
  font-weight: 800;
}
.navigation ul li ul li a {
  color: #716f6f;
  font-weight: 100;
  border-left: 4px solid transparent;
}
.navigation ul li ul li a:hover {
  background: #E3E3E3; 
}
/*End Navigation*/

/*Advertising*/

aside.aside .advertising{
	margin-top: 30px;
}

aside.aside .advertising ul{
	padding: 0;
}
aside.aside .advertising ul li{
	list-style: none;
	margin-bottom: 10px;
}
 
/*End Advertising*/

/*Number-visitor*/

aside.aside .number-visitor {
	margin-top: 30px;
  margin-bottom: 20px;
}

aside.aside .number-visitor h4 {
	color: #474547;
	font-weight: 600;
	font-size:20px;
}

aside.aside .number-visitor h4 .fa .fa-users{padding-left: 10px;}
 
aside.aside .number-visitor button.btn-primary{
	background: #d5703a;
	border: 1px solid #d5703a;
	padding: 10px 20px;
	margin-right: 37px;
}
 
aside.aside .number-visitor button.btn-primary:hover{
	background: #B75D2D;
}
/*Number-visitor */
/*------Aside-2------*/
/*Ticker-News*/
aside.aside-2 .ticker-news{
	background: #fff;
	border-bottom: 1px solid rgba(0,0,0,0.2);
}

aside.aside-2 .ticker-news h3 {
	background: #d5703a;
	color: white;
	padding: 10px ;	 
}
aside.aside-2 .ticker-news ul#ticker_02.ticker-news-content{
	  height: 250px;
    overflow: hidden;
     padding: 0 10px;
    margin: 0;
    list-style: none;
    margin-bottom: 30px;
}
aside.aside-2 .ticker-news ul#ticker_02.ticker-news-content li{
	margin-bottom: 20px;
	list-style: none;
	border-bottom: 1px dotted #DDD;
	padding: 15px 0 15px;
	margin: 0px 5px; 
}

aside.aside-2 .ticker-news ul#ticker_02{
	height: 120px;
}

aside.aside-2 .ticker-news ul#ticker_02.ticker-news-content li a{
	color: #404c6d;
  text-align: center;
}

aside.aside-2 .ticker-news ul#ticker_02.ticker-news-content li a i.fa{
  padding-left: 10px;
  font-size: 10px;
}
/*End Ticker-News*/

/*Subscribe*/
aside.aside .subscribe .subscribe-form {
  width: 100%;
  height: 200px;
 /* position: absolute;*/
  top: 50%;
  left: 50%;
  margin-top: 30px;
  margin-right:0px;
  background: url(../img/bor-top_zps92b00326.png) top center no-repeat,
		url(../img/bor-bot_zpsc0b729ec.png) bottom center no-repeat, 
		url(../img/form-bg_zpsac871f59.png);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  text-align: center;
  overflow: hidden;
}
aside.aside .subscribe .subscribe-form form {
  width: 100%;
  height: 180px;
  margin-top: 10px;
  border-top: 1px solid #faf8f4;
  border-bottom: 1px solid #faf8f4;
  -webkit-box-shadow: inset 0 0 0 1px #e7e0cf;
  -moz-box-shadow: inset 0 0 0 1px #e7e0cf;
  -ms-box-shadow: inset 0 0 0 1px #e7e0cf;
  box-shadow: inset 0 0 0 1px #e7e0cf;
  margin-left: -1px;
}
aside.aside .subscribe .subscribe-form form .heading {
  line-height: 20px;
  margin-top: 25px;
  background: url(../img/dashes_zps2c74672d.png) left center no-repeat, url(../img/dashes_zps2c74672d.png) right center no-repeat;
  font-size: 14px;
  color: #474547;
  letter-spacing: 1px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  padding-left: 7px;
	font-weight: 800;
}
aside.aside .subscribe .subscribe-form form input[type="text"] {
  width: 80%;
  height: 34px;
  background: #f2f3f4;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #efefef;
  -webkit-box-shadow: inset 0 0 0 1px #efefef;
  -moz-box-shadow: inset 0 0 0 1px #efefef;
  -ms-box-shadow: inset 0 0 0 1px #efefef;
  box-shadow: inset 0 0 0 1px #efefef;
  padding: 0 18px 0 18px;
  font-size: 12px;
  font-style: italic;
  color: #474547;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
  margin: 20px 0 18px 0;
}
aside.aside .subscribe .subscribe-form form input[type="submit"] {
    width: 135px;
    height: 33px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    background: #d36f39;
    color: #fff;
    font-size: 15px;
    letter-spacing: 1px;
    font-weight: 800;
    text-shadow: 0 -1px 0 #bc3507;
    padding-left: 13px;
    border: none;
}
aside.aside .subscribe .subscribe-form form input[type="submit"]:active {
  -webkit-box-shadow: inset 0 1px 0 1px rgba(255, 255, 255, 0.42);
  -moz-box-shadow: inset 0 1px 0 1px rgba(255, 255, 255, 0.42);
  -ms-box-shadow: inset 0 1px 0 1px rgba(255, 255, 255, 0.42);
  box-shadow: inset 0 1px 0 1px rgba(255, 255, 255, 0.42);
  position: relative;
  top: 1px;
}

aside.aside .heading i.fa-envelope{
	padding-right: 7px;
}

/*End Subscribe*/

/*Social-media*/
aside.aside.aside-2 .social-media{margin-top: 30px;}
aside.aside.aside-2 .social-media ul{
  padding: 0;
}
aside.aside.aside-2 .social-media ul li{
	list-style: none;
	padding-right: 37px;
}
aside.aside.aside-2 .social-media ul li:first-child{
	padding-right: 0px;
}
aside.aside.aside-2 .social-media ul li a{
	width: 55px;
	height: 45px;
	display: block;
	text-align: center;
	color: white;
	padding: 7px 0;
}
aside.aside.aside-2 .social-media ul li a.facebook{
	background: #23599b;
}
aside.aside.aside-2 .social-media ul li a.facebook:hover{background: #15457f}
aside.aside.aside-2 .social-media ul li a.youtube{
	background: #cc181e;
}
aside.aside.aside-2 .social-media ul li a.youtube:hover{background: #b30e14}
aside.aside.aside-2 .social-media ul li a.twitter{
	background:#659fcb ;
}

aside.aside.aside-2 .social-media ul li a.twitter:hover{background: #508ab6}
/*End Social-media*/
/*------End Aside-2------*/
.navbar-toggle{
	background: rgb(213, 112, 58);
	margin-right: 10px;
}

.navbar-toggle .icon-bar{
	background: #fff;
}

@media (max-width:768px){
	aside.aside {
		width: 100%;
	}
}
/*----End Aside----*/

/*----Main----*/
main#main {
	 width: 60%;
	padding: 0px 10px;
	background: #fff;
	padding-bottom: 500em;
  margin-bottom: -500em;
  
 
	
}
main#main h3 {
	font-size: 20px;
	color: #404c6d;
}


/*Navigation*/
main#main .navigation {
	background: #f2f3f4;
}
main#main .navigation ul li {/*padding-right: 10px;*/}
main#main .navigation ul li:first-child{padding-right: 0;}
main#main .navigation ul li a{
	color: #404c6d;
	padding: 0 20px 10px;
	font-family: 'Droid Arabic Kufi', sans-serif;
	
}
main#main .navigation ul li a:first-child{
	padding: 0 5px 10px
}
main#main .navigation ul li a:hover {
	background: none;
	color: #404c6d;
	text-decoration: underline;
}
/*End Navigation*/

/*Slider*/
section.slider{margin-top: 30px;}
.carousel{
  border: 3px solid #d6d7d8;
}

.carousel-inner>.item>a>img, .carousel-inner>.item>img{
  
	float: left;
}

section.slider .item h1{
	text-align: center;
	font-family: 'Droid Arabic Kufi', sans-serif;
	color: #404c6d;
}
section.slider .carousel-inner .item h2{
	text-align: center;
	font-family: 'Droid Arabic Kufi', sans-serif;
	color: #d5703a;
	margin-bottom: 50px;
}

section.slider .carousel-inner .item p{
	color:#404c6d;
	font-weight: 800;
	font-size: 20px;
	text-align: center;
}

.carousel-control.left{
  
  background-image: none;
}

.carousel-control.right{
  
  background-image: none;
}

.glyphicon-chevron-left:before{
  color: #404c6d;
}

.glyphicon-chevron-right:before{
  color: #404c6d;
}
/*End Slider*/

/*Info*/
section.info{
	margin-top: 30px;
}
section.info h4{
	color: #404c6d;
	font-weight: bold;
	font-size: 25px;
}

section.info ul{
	margin: 25px 0;
	background: #f2f3f4;
	padding: 10px 10px;
	min-height: 245px;
	border-radius: 5px;
}

section.info ul li{
margin-bottom: 10px;
	list-style: none;
  background: rgba(255, 255, 255, 0.27);
  padding: 10px;
 
}

section.info ul li a{
	color: #404c6d;
}
/*End Info*/

/*Video*/
section.video{margin-top: 30px;}
section.video h4{ 
	font-size: 25px;
	font-weight: bold;
	color: #404c6d;	
}

section.video iframe{
	width: 100%;
	min-height: 400px;
}
/*End Video*/

/*Tabs*/
section.tabs{
	margin-top: 30px;
	margin-bottom: 0px;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{
	    color: #474547;
    cursor: default;
	border: none;
    background-color: #f2f3f4;
    border-bottom-color: transparent;
    border-top: 5px solid #D36F39;
}

.nav-tabs>li>a{
	border-radius:0;
	border: none;
	color: #474547;
}

.tab-content>.tab-pane{
	background: #f2f3f4;
	padding: 30px 0;
}

div.tab-content ul.info-tabs {
	padding: 0;
	margin: 0;
}

div.tab-content ul.info-tabs li {
	margin-bottom: 10px;
	list-style: none;
	background: rgba(255, 255, 255, 0.27);
}

div.tab-content ul.info-tabs li:last-child{
	margin-bottom: 0;
}

div.tab-content ul.info-tabs li a{
	color: #474547;
	display: block;
	text-decoration: none;
	padding: 10px 17px;
}

 

div.tab-content ul.info-tabs li a:hover , div.tab-content ul.info-tabs li a.active{
	text-decoration: underline;
}

.nav>li>a:focus, .nav>li>a:hover{
	background: none;
	border: none;
	color: #868386;
}
/*End Tabs*/

/*-----Start-Fatwa-page------*/
main#main section.form{
	margin-top: 30px;
}
main#main section.form p{
	color: #404c6d;
}
 
main#main section.form  form { max-width:420px; margin:35px auto; }

main#main section.form .feedback-input {
  color: #404c6d;
  font-weight:500;
  font-size: 12px;
  border-radius: 5px;
  /*line-height: 22px;*/
  background-color: transparent;
  border:2px solid #d5703a;
  transition: all 0.3s;
  padding:10px;
  margin-bottom: 10px;
  width:100%;
  box-sizing: border-box;
  outline:0;
}

main#main section.form .feedback-input:focus { border:2px solid #d5703a; }

main#main section.form textarea {
  height: 150px;
  line-height: 150%;
  resize:vertical;
}

main#main section.form [type="submit"] {
  /*width: 100%;*/
  background:#d5703a;
  border-radius:5px;
  border:0;
  cursor:pointer;
  color:white;
  /*font-size:14px;*/
  padding-top:10px;
  padding-bottom:10px;
  transition: all 0.3s;
  margin-top:-4px;
  font-weight:700;
}
main#main section.form [type="submit"]:hover { background:#d5703a; }
/*table*/
main#main.fatwa .table .table-bordered{
  border: 1px solid #D5703A;
}

main#main.fatwa .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
  text-align: center;
  border: 1px solid rgba(213, 112, 58, 0.47);
}
main#main.fekhyat table.table thead{
  background: #D5703A;
  color: white;
}
main#main.fatwa table.table tbody tr th{color:#404c6d }
main#main.fatwa table.table tbody tr td{color: #404c6d;font-weight: 800}
main#main.fatwa table.table tbody tr td a {
  color: #404c6d;
  font-weight: 200;
}


 
/*End Table*/
/*Start toolbar*/
 
/*End toolbar*/
/*-----End-Fatwa-page------*/

/*-------------start page-fekhyat------------*/
main#main.fekhyat .tab-content>.tab-pane{
  padding: 10px 0px;
  background: #fff;
}

main#main.fekhyat .table .table-bordered{
  border: 1px solid #D5703A;
}

main#main.fekhyat .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
  text-align: center;
  border: 1px solid rgba(213, 112, 58, 0.47);
}
main#main.fekhyat table.table thead{
  background: #D5703A;
  color: white;
}
main#main.fekhyat table.table tbody tr th{color:#404c6d }
main#main.fekhyat table.table tbody tr td{color: #404c6d;font-weight: 800}
main#main.fekhyat table.table tbody tr td a {
  color: #404c6d;
  font-weight: 200;
}

 
/*------End page-fekhyat---------*/

/*------start page-motfrqat-------*/
main#main.motfrqat .tab-content>.tab-pane{
  padding: 10px 0px;
  background: #fff;
}

main#main.motfrqat .table .table-bordered{
  border: 1px solid #D5703A;
}

main#main.motfrqat .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
  text-align: center;
  border: 1px solid rgba(213, 112, 58, 0.47);
}
main#main.motfrqat table.table thead{
  background: #D5703A;
  color: white;
}
main#main.motfrqat table.table tbody tr th{color:#404c6d }
main#main.motfrqat table.table tbody tr td{color: #404c6d;font-weight: 800}
main#main.motfrqat table.table tbody tr td a {
  color: #404c6d;
  font-weight: 200;
}

 
/*-------------End page-motfrqat--------*/

/*------------------Start authors-page------------------*/
section.authors{margin-top: 30px;}
section.authors ul li{
  list-style: none;
  margin-bottom: 20px;
}

section.authors ul li a{
  display: block;
  text-align: center;
}
section.authors ul li a p{
  color: #404C6D;
  padding: 10px 0;
  min-height: 60px;
}

 
 
/*------------------End authors-page-------------------*/

/*Start Websites-page*/
section.websites ul{
	background: #f2f3f4;
	padding: 10px 10px;
}
section.websites ul li {
    margin-bottom: 10px;
    list-style: none;
    background: rgba(255, 255, 255, 0.27);
    padding: 10px;
}

section.websites ul li a {
color: #404C6D;
}

/*End Websites-page*/

/*Start contact-us pages*/
section.form form fieldset{
  background: none repeat scroll 0 0 #F1F1F1;
  border: 1px solid #CCCCCC;
  border-radius: 5px 5px 5px 5px;
  box-shadow: 0 1px 0 #FFFFFF;
  padding: 15px;
}
section.form form fieldset legend  {
  color: #999999;
  font-size: 18px;
  padding: 0 15px;
  width: auto;
  border-bottom: none;
}
/*End contact-us pages*/

/*Start inside-page pages*/
 section.inside-page{
  border: 1px solid rgba(213, 112, 58, 0.47);
}
section.inside-page  h2{
  text-align: center;
  color: #D5703A;
}

section.inside-page  ul.fatwa{
  margin-top: 30px;
}

section.inside-page  ul.fatwa li{
  padding: 0;
}

section.inside-page  a{
  display: block;
  text-align: center;
  padding: 20px 0;
}

section.inside-page  img{padding: 20px 0;}
section.inside-page  ul {margin-top: 10px;}

section.inside-page  ul li {
  list-style: none;
  text-align: right;  
  color: #404c6d;
 padding: 20px 0 10px;

  
}

section.inside-page a i{
  font-size: 30px;
}

section.books button.btn-primary:hover{
  background: #B75D2D;
}
/*End inside-page pages*/
 

 

@media screen and (max-width:768px){
	main#main{width: 100%;background:#fff}
}
/*----End Main----*/

/*----Footer----*/
footer#footer{
	width: 100%;
	background: #f2f3f4;
  margin-top: 30px;
}

footer#footer .navigation{
  margin: 10px 0 0;
}

footer#footer .navigation ul li a{
  color: #404c6d;
  font-size: 14px;
  font-weight: 100;
  padding: 0 10px;
}

footer#footer .navigation ul li a:hover{
  background: none;
  text-decoration: underline;
}

footer#footer .copyright{margin-top: 15px;}

footer#footer .copyright p {
	 color: #404c6d;
}

 #scrollUp {
    background-image: url("../img/top.png");
    bottom: 20px;
    right: 20px;
    width: 38px;    /* Width of image */
    height: 38px;   /* Height of image */
}
/*----Footer----*/
main#main  .pagination{
  width: 100%;
  padding-right: 21em;
  margin: 0 0 ;
}

 
.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){
  color: #404C6D;
  border: 1px solid rgba(213, 112, 58, 0.5);
  background: white;
}

.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){
  color: #404C6D;
  border: 1px solid rgba(213, 112, 58, 0.5);
  background: white;
}

.btn-group>.btn:last-child:not(:first-child), .btn-group>.dropdown-toggle:not(:first-child){
  color: #404C6D;
  border: 1px solid rgba(213, 112, 58, 0.5);
  background: white;
}

main#main  .pagination input.btn:focus, main#main  .pagination input.btn:hover, main#main .pagination input.btn:focus, main#main  .pagination input.btn:hover, main#main .pagination input.btn.active{
     color: white;
    background-color: #D5703A;
    border: 1px solid rgba(213, 112, 58, 0.5);
}

/*-----Search------*/
#main .search{margin-top: 20px;}
#main .info-search{margin-top: 60px;}
/*#main .info-search h3 a{color: #404c6d;font-weight: 700;}*/
#main section.info-search .result{padding-bottom: 20px;border-bottom: 1px solid rgba(221,221,221,0.30)}
#main section.info-search .result:last-child{border-bottom:none}

/*-----End Search------*/