@import url(http://fonts.googleapis.com/earlyaccess/droidarabickufi.css);
body {
  width: 100%;
  height: 100%	;
  background: #dedede;
  font-family: 'Droid Arabic Kufi', serif;
  color: #64686d;
}
h5{
	font-size: 16px;
	font-weight: bold;
}
hr{
	border: 2px solid #f0ad4e;
	}
#wrap{
	background: #fff;
	box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.70), -0.20em 0 0.2em rgba(0, 0, 0, 0.70);;
}

#lofslidecontent45{
	width: 97%;
}
p{
font-size: 13px;
}
#header{
	background: #000;
	padding-top: 15px;
}
#search{
	margin-top: 5px;
	margin-bottom: 8px;
	width: 100%;
}
#search .fa{
	color:#fff;
}
#contact{
	margin-top: 5px;
	margin-bottom: 8px;
}
#bs-example-navbar-collapse-1 ul li a{
	font-size: 12px;
	font-weight: bold;
	padding-left: 3px;
	color: #f0ad4e;
}
#bs-example-navbar-collapse-1 ul li a:hover{
	color: #fff;
}
#bs-example-navbar-collapse-1 ul li ul li a{
	font-size: 12px;
	font-weight: bold;
	padding-left: 3px;
	color: #f0ad4e;
}
#bs-example-navbar-collapse-1 ul li ul li a:hover{
	color: #fff;
}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
   color: #fff;
    text-decoration: none;
    background-color: #64686d;
}
#contact .fa {
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  color:#fff;
  font-size: .1em; 
}
#paper{
	box-shadow:3px 3px 2px #5c5a5a, -0.20em 0 0.2em #5c5a5a;
	border: 2px solid #eee;
}
#paper ul li{
	list-style-type: none;
}
#artFam, #arabNews, #worldNews, #sporTec, #eventMix, #artIslam, #video, #special{
	box-shadow: 3px 3px 2px #5c5a5a, -0.20em 0 0.2em #5c5a5a;
}
#art, #sport, #event, #articles{
	border-left: 1px solid #eee;
	width: 49%;
	
	
	
}
 #family, #technology, #economy, #islamic{
	border-right: 1px solid #eee;
	width: 49%;
	
	
 }
 
.bgfb{
	
	padding: 0px 5px 0px 5px;
	background: #3c5a99;
	height: 10px;
	color: #fff;
	margin-right: 4px;
	
}
.bgt{
	
	padding: 2px 8px 2px 8px;
	width: 20px;
	background: #55acee;
	color: #fff;
	margin-right: -4px;
}
.bgyt{
	
	padding: 2px 8px 2px 8px;
	width: 20px;
	background: #e62b22;
	color: #fff;
	margin-right: -4px;
}
.bgg{
	
	padding:2px 8px 2px 8px;
	width: 20px;
	background: #e62b22;
	color: #fff;
	margin-right: -4px;
}
.bgr{
	
	padding:2px 8px 2px 8px;
	width: 20px;
	background: #ff9032;
	color: #fff;
}

.btn-default{
	background: #f0ad4e;
}
#advHead{
	border: 2px solid #eee;
	height: 100px;
	background: #eee;
}
#advHead img{
	height: 96px;
	width: 100%;
}
#adv1 img{
	height: 142px;
	width: 100%;
}#adv2 img{
	height: 188px;
	width: 100%;
}
#adv55 img {
    height: 270px;
    width: 100%;
}
.carousel-caption{
	background: rgba(0, 0, 0, 0.60);
	line-height: 2;
	padding-top: 10px;
	
}
.item a{
	color: #fff;
}
.headLine{
	background: #000;
	color: #fff;
	padding: 2px;
	margin-top: -20px;
}
.head{
	border-bottom: 2px solid #ddd;
}

#worldNews{
	border: 2px solid #ddd;
	
}
#questoneer{
	padding: 0px 10px 10px 15px;
	
}
#qest{
	padding: 0px;
	margin: 0px;
	box-shadow: 3px 3px 2px #5c5a5a, -0.20em 0 0.2em #5c5a5a;
	width: 97%;
}
#photo{
	background: #000;
	width: 97%;
}

.headLine1{
	background: #000;
	color: #fff;
	padding: 2px;
	margin-top: 0px;
}
.separaTop{
	margin-top: 20px;
}
.separaDown{
	margin-bottom: 20px;
}

.small{
	height: 100px;
}
.suit{
	width: 98%;
	margin: 3px;
}
.suitA{
	width: 49.1%;
	margin: 3px;
}
.suitS{
	width: 32%;
	margin: 3px;
}
.suitS a img{
	height: 70%;
	margin-right: -15px;

}


.thumbnail  a img{
	padding: 7px 0x;
}
#video{
	width: 97%;
}
#video .thumbnail  a img{
	padding: 7px 0px;
	height: 70%;
}
.thumbnail  p{
	font-size: 110%;
	text-align: justify;
}
.large{
	height: 350px;
}
.med{
	height: 300px;
}

.thumbnail{
	position: relative;
	border: 1px solid #eee;
	
	
}
.thumbnail:hover{
	background: rgba(224, 224, 224, 0.60);
	border: 1px solid rgba(0, 0, 0, 0.60);;
	
	
}
.time{
	font-size: 10px;
	color: #f0ad4e;
}

.orange{
	color: #f0ad4e;
}

.more{
	position: absolute;
	bottom: 10px;
	left: 10px;
}
.place{
	margin-top: 50px;
}

.contain{
	position: relative;
	
}
.inSide{
	position: absolute;
	top: 90px;
	left: 120px;

}
.newest{
    max-height: 400px;
    overflow-y:scroll; 
}
.newest1{
    max-height: 345px;
    overflow-y:scroll; 
}

#footer ul li{
	list-style-type: none;
}
#footer{
	background: #232323;
	color: #fff;
	border-top: 5px solid #f0ad4e;
	text-align: right;
}
#footer .fa{
	color: #fff;
}
#footer h4{
	color: #fff;
	font-weight: bold;
}
#footer a{
	color: #fff;
	line-height: 2;
}
footer{
	background: #000;
	color: #fff;
	height: 60px;
	
	
}
#social{
	padding-top:20px;
}
#copyRight{
	padding-top:20px;
}

.bgfb1{
	
	padding: 1px 3px 1px 3px;
	background: #3c5a99;
	color: #fff;
}
.bgt1{
	
	padding: 2px 4px 2px 4px;
	width: 20px;
	background: #55acee;
	color: #fff;
}
.bgyt1{
	
	padding: 2px 6px 2px 6px;
	width: 20px;
	background: #e62b22;
	color: #fff;
}
.bgg1{
	
	padding: 2px 6px 2px 6px;
	width: 20px;
	background: #e62b22;
	color: #fff;
}
.tapeHead{
	color: #fff;
	margin-bottom: -15px ;
	
}
#tape1{
	background: #f0ad4e;
	margin-bottom: 5px;
	border-radius: 5px;
	padding-top: 10px;
	padding-left: -5px;
	width: 97%;
	
}
#tape1 p a{
	padding-left: 20px;
}
#tapeImportant{
	background: #d8232a;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 10px;
	padding-left: -5px;
	border-radius: 5px;
	width: 97%;
}
marquee{
	background: #f0ad4e;
	margin-top: -10px;
	border-radius: 5px;
	padding-top: 10px;
}
marquee a{
	color: #fff;
	font-weight: bold;
	
	
}
#sidebar, #sidebar1{
	background: #fff;
	color: #f0ad4e;
	width: 95%;
	box-shadow: 5px 5px 3px #eee, -0.35em 0 0.4em #eee;
	
}

#sidebar header p, #sidebar1 header p{
	padding-top: 8px;
}


#detail p{
	line-height: 2;
	text-align: justify;
}
.headPart{
	border-bottom: 3px solid #f0ad4e;
}
a{
	color: #000;
}
a:hover{
	color: #f0ad4e;
}
.ahu{
	color:#64686d;
}
.ahu:hover{
	color: #f0ad4e;
	text-decoration:none;
}
#shrekhref{
	color:#64686d;
	font-size:16px;
	font-weight:bold;
}
#shrekhref:hover{
	color: white;
	text-decoration:none;
}
#shrekhref:focus{
	
	text-decoration:none;
}
.pagination > li > a,
.pagination > li > span {
  color: #f0ad4e;
  background-color: #fff;
  border: 1px solid #ddd;
  }
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #f0ad4e;
  background-color: #eee;
  }
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  color: #fff;
  cursor: default;
  background-color: #f0ad4e;
  border-color: #f0ad4e;
  }
  /*tape fash*/
  @-webkit-keyframes blink {
    0% {
        opacity:1;
    }
    20% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}
@-moz-keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}
.objblink {
-webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    
    -webkit-animation-direction: normal;
    -webkit-animation-duration: 20s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: blink;
    -webkit-animation-timing-function: ease-in-out;
    
-moz-animation-direction: normal;
    -moz-animation-duration: 20s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-name: blink;
    -moz-animation-timing-function: ease-in-out;    
	}
#social{
	padding-top:20px;
}
#socialMedia li{
	list-style-type: none;
	margin: 10px 0px;
	
}	
#socialMedia {
	position: fixed;
	margin-left: -106px;
	
}
@media (max-width: 900px) {
  #socialMedia {
    display: none !important;
    }

}
@media (max-width: 1050px) {
  #socialMedia {
	position: fixed;
	left:10px;
	top: 50%;
	
}

}
	
	/*slider css*/
	
			#scrollContent{
	height:186px;
	overflow:auto;
	position:relative;
}
.carousel
{
	padding:0px;

}
#slider{
	width: 99%;
}
.carousel-caption 
{
  background:rgba(0,0,0,0.6)!important;
  bottom:0px;
  text-align:right;
  padding:10px;
  right: 0px;
}
div.carousel-inner div.item img
{
`padding:0px;
  background:#ff0;
}

.list-group-item
{

  height:67px;
  vertical-align:middle;
  font-size:10px;
  cursor:pointer;
  background: rgba(222,222,222,1)!important;
  border: 1px solid rgba(0,0,0,0.25);
  width: 100%;
  margin: 0px;
  padding: 0px;

}
.list-group .list-group-item :hover{
	 background: #f0ad4e;
	color: #fff;
	width: 100%;
	height: 100%;
	
}

.news
{

  float:right;
  height:100%;
  left: 0px;
  position:absolute;
  z-index:20;
  margin-right:15px;
  padding:0px;
  -webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
border:0px;
}
div.news-container
{
padding:0px;
}

@media (max-width:560px) {
	#slider{
		display: none;
}
	.suitA{
	width: 98%;
	margin: 3px;
}
}
/*الشريط الاخبارب*/

.css-typing
{
    width: 30em;
    white-space:nowrap;
    overflow:hidden;
    -webkit-animation: type 5s steps(50, end);
    animation: type 5s steps(50, end);
}

@keyframes type{
    from { width: 0; }
}

@-webkit-keyframes type{
    from { width: 0; }
}
@-moz-keyframes type{
    from { width: 0; }
}


hidden { 
  display: none;
}

*:focus {
    outline: 0;
}

.type-input {
  font-family: font-family: 'Droid Arabic Kufi', serif;
  position:relative;
  z-index: 9999; 
  border: none; 
  background: transparent;

  color: #fff; 
	font-weight: normal;
  width: 100%;
  margin-left: -2px;
} 

.rw-wrapper{
	margin: 10px auto 0 auto;
	padding: 3px;
}

.rw-sentence{
	margin: 0;
}

.rw-sentence span{
	color: #444;
	font-weight: normal;
}

.rw-words{ 
	display: inline;
  font-family: 'Droid Arabic Kufi', serif;
}

.type{
	position: absolute;
	opacity: 0;
	overflow: hidden;
	-webkit-animation: words 24s steps(50) infinite 0s;
	-moz-animation: words 24s steps(50) infinite 0s;
	width: 30em;
    white-space:nowrap;
   
    
}
.type:nth-child(2) { 
  -webkit-animation-delay: 4s; 
  -moz-animation-delay: 4s; 
  animation-delay: 4s; 
}
.type:nth-child(3) { 
  -webkit-animation-delay: 8s;
  animation-delay: 8s; 
}
.type:nth-child(4) { 
  -webkit-animation-delay: 12s;
  -moz-animation-delay: 12s;
	animation-delay: 12s; 
}
.type:nth-child(5) { 
  -webkit-animation-delay: 16s; 
  -moz-animation-delay: 16s; 
	animation-delay: 16s; 
}
.type:nth-child(6) { 
  -webkit-animation-delay: 20s;
	animation-delay: 20s; 
}

@-webkit-keyframes words {
  0% { opacity: 0; width: 0; }
  2% { opacity: 1;}
  14% { opacity: 1; width: 80ch;}
  15% { opacity: 0; }
}
@-moz-keyframes words {
  0% { opacity: 0; width: 0; }
  2% { opacity: 1;}
  14% { opacity: 1; width: 80ch;}
  15% { opacity: 0; }
}

/*span > span {
	animation: cursor 0.8s infinite;
}*/

@keyframes cursor {
	0% {
		opacity: 0;
	}
	20% { 
		opacity: 0;
	}
	30% {
		opacity: 1;
	}
	90% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
/*query media for all site*/

@media (max-width:990px) {
	#wrap{
		margin: 10px;
		padding: 10px;
		width: 95%;
	}
	#paper1{
		display: block;
		margin-top: 30px;
		width: 100%;
}
	#sidebar, #sidebar1, #qest{
		display: block;
		margin-top: 30px;
		width: 100%;
	}
	#tweet{
		margin-top: 30px;
		}
	}

@media (max-width:770px) {
	 .small a img{
		height: 100%;
	}  
	.rw-sentence span{
	font-size: 10px;;
}
	.rw-words{ 
  font-size: 10px;
}
	#facebook{
		margin-top: 20px;
		margin-bottom: 20px;
	}
	footer{
		height: 100px;
		text-align: center;
	}
}
@media (max-width:750px){
	.list-group-item p{
		font-size: 12px;
	}
	.thumbnail  p{
	font-size: 100%;
	text-align: justify;
}
} 
@media (max-width:700px){
	#art, #sport, #event, #articles{
	width: 98%;	
}
 #family, #technology, #economy, #islamic{
	width: 98%;
 }
 .suitS{
	width: 98%;
}
 .suitS a img{
	height: 80%;
}
} 
@media (max-width:570px) {
	.thumbnail p{
		font-size: 90%;
	}
	.inSide{
	left: 80px;
}
}
@media (max-width:445px) {
	#tweet{
		display:none;
	}
}
@media (max-width:400px) {
	.thumbnail p{
		font-size: 75%;
	}
	.inSide{
	left: 40px;
}
}

/*Content Hover Gallary*/

#gallaryThumbnail .thumbnail .caption {
    position:absolute;
    top:0;
    right:0;
    background:rgba(00, 00, 00, 0.15);
    width:100%;
    height:100%;
    padding:20% 2% 2% 2%;
    display: none;
    text-align:center;
    color:#fff !important;
    z-index:2;
}
#gallaryThumbnail .thumbnail .caption a{
	color:#fff !important;
	font-size:19px;
	font-weight:bold;
}
.list-group-itemhh
{position:relative; width:100%; text-align:right; display:block;padding:10px 15px;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd}
.list-group-itemhh:first-child{border-top-left-radius:4px;border-top-right-radius:4px;
                               -webkit-border-top-right-radius:4px;-webkit-border-top-left-radius:4px}
 .list-group-itemhh:last-childhh{margin-bottom:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px;-webkit-border-bottom-right-radius:4px;-webkit-border-bottom-left-radius:4px}