/* ------------------ font face  -------------------*/
@font-face {
   font-family: El Messiri ;
   src: url(ElMessiri-Regular.ttf);
}

*{
	direction: rtl;
	font-family: 'El Messiri', sans-serif;
}

/* --------------- Start Header style -------------------- */


.header .bar-content .left-bar{        /*---------- start left bar -------------*/
	float: right;
}

.header .bar-content .left-bar ul li{
	padding-left: 3px;
}

.header .bar-content .left-bar ul li .fa{
	margin-left:3px;
}
.header .bar-content .right-bar{        /*---------- start right bar -------------*/
	float: left;
}
.header .bar-content .right-bar ul li{
	padding-right: 3px;
}

.header .bar-content .right-bar ul li .fa{
	margin-right:3px;
}

  /*---------- start logo bar -------------*/

.header .logo-bar .img-container{
	float: right;
}
.header .logo-bar .img-container img {
	float: right;
	margin: 10px 0px 5px 10px ;
}
.header .logo-bar .langauge-icons{
	float: right;
}
.header .logo-bar .langauge-icons span{
	float: right;
}
.arbic{
	font-size: 14px !important;
}
.header .logo-bar .search {
   float: left;
}

.header .logo-bar .search input{
	padding: 10px 10px 10px 40px;
}
.header .logo-bar .search .btn-search{
	left: 8px;padding:  5px 9px;
}

@media(max-width:767px) {

	.header .logo-bar .search input{
		padding: 5px 5px 5px 40px;
	}
	.header .logo-bar .search .btn-search{
		left: 5px !important;	
		padding:  2px 6px !important;
	}
}




.date-time .clock{
   width: 90px !important;
}

/* ----------- Start Navigation bar style ------------------ */

.navigation li {
  margin-left: -4px;
}
.navigation a {
  border-right:0;
  border-left: 1px solid #777;
}
.navigation ul ul {
  position: absolute;
  top: 100%;
  right: 0;
  width: 240px;
  border-bottom: 4px solid rgb(240, 125, 2) ;
}
.navigation #home{
  border-right: 1px solid #555;
}
.navigation ul ul  li {
  text-align: right;
}

.navigation .toggleMenu::after {
  left: 20px;
}
.navigation .toggleMenu::before {
  left: 20px;
}

/*------------------------ breaking news bar style --------------------------------**/

.newsTicker .brakingnews-bar ,
.newsTicker .newsTicker-bar{
	float: right;
}

.newsTicker .brakingnews-bar .fa{
	margin-right: 10px;
}

.newsTicker .newsTicker-bar ul li{
	float: right;
}
.newsTicker .newsTicker-bar ul li .fa{
	margin-left: 15px;
}
/* -------------------Start news block style ----------------------- **/

.news-block .left-side{
	float: right;
}
@media(max-width:767px) {
	.news-block .left-side{
		padding-right: 10px  ;
	}
}
.news-block .right-side{
	float: left;
}
.news-block .left-side .last-news{    /* start left side */
	float: right;
		padding: 0px 0px 20px 40px;
}
.news-block .left-side .last-news .news-content{
	float: right;
     margin-left: 0px;
     margin-right: 15px;
}

.news-block .left-side .last-news  .news-content .news-img{
	float: right;
	}
.news-block .left-side .last-news .news-content .news-img img{
	float: right;
}

.news-block  .left-side .last-news .news-content h4{
	float: right;
	width: 99%;
}

.news-block  .left-side .last-news .news-content span{
	float: right;
	margin: 0px 30px 10px 0px;
	width: 50%;
}
.news-block  .left-side .last-news .news-content  h4 .fa{
	float: right;
}

.news-block .left-side   .more-news{
	float: right; 
}
.news-block .left-side   .more-content{
	float: right;
}
.news-block .left-side   .more-content div{
	float: right; 
	margin: 0;
	margin-left: 20px;
}

.news-block .left-side  .more-content div span{
	float: right;
}
.news-block .left-side  .more-content div  button{
	float: left;
}


.news-block .right-side .puplar-news{    
	float: right;
	width: 100%;
	box-sizing: border-box;
	padding: 0px 0px 20px 40px;
}


@media(min-width:768px) and (max-width:991px){
		.news-block .right-side .puplar-news ul{
			padding-left: 5px;
		}
}
@media(max-width:767px) {
	.news-block .right-side .puplar-news{    
		padding: 0px 10px 20px 50px;
	}
}


.news-block .right-side .puplar-news ul li a img{
	float: right;
	margin-left: 3px;
}
.news-block  .right-side .login-block{
	float: right;
}
.news-block  .right-side .login-block form{
	float: right;
}

.news-block  .right-side .login-block form input[type="text"],
.news-block  .right-side .login-block form input[type="password"]{
	float: right;
}


.news-block  .right-side .login-block form input[type="checkbox"]{
	float: right;
}

.news-block  .right-side .login-block form button{
	float: right;

}

.news-block  .right-side  .join-us{
	float: right;
}


.news-block  .right-side  .join-us input{
	float: right;
}

.news-block  .right-side  .join-us button{
	float: right;
}

/* -------------------Start Section style ----------------------- */

/* -------------------Start footer style ----------------------- */
footer{
	float: right;
}

footer .container div{
	float: right;
}
@media(min-width:768px) and (max-width:991px){

	footer .container div{
		float: right;
	}
}

footer .container div ul{
	text-align:right;
}
/********** start  gallery style *******************/
.gallery div{
	float: right;
}
@media(max-width:767px) {
	.gallery div{
		float: right;
		width: 300px;
	}	
}
/********** artical *******************/
.left-side{
	width: 70%;
	float: right;
}
.left-side .artical{
	float: right;
}
 
.left-side .artical .page-controls{
	float: right;
}
.left-side .artical .page-controls .le ,
.left-side .artical .page-controls .ri{
	float: right;
}

.left-side .artical .page-controls .ri{
	text-align: left;
}

/*-------------------------------archive submit button ---------------------------------*/

#archiveLinks{
	padding: 15px 0;
	margin: 0 0 20px 0 ;
}

#archiveLinks i {
	margin: 0 5px;
	color:  rgb(240, 125, 2)  ;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}
#archiveLinks a{
	text-decoration: none;
	color:  black;
	margin-top: 15px;
	text-transform: capitalize;
}
#archiveLinks a:hover{
	color:  rgb(240, 125, 2)  ;
}
#archiveLinks p{
	padding: 0;
	margin: 0;
	font-size: 12px; 
	color: #555;
	margin-left: 20px;
	margin-bottom: 15px;
}

.archiv-div{
float: right;
}

/* ---------------- show more button --------------------- */

.show-more-link{
	text-decoration: none;
	color: black;
	float: left;
}




/* ------------- view details a anchor tag  ---------------*/

.view-details{
	float: left;
	width: 100%;
	text-align: left;
	padding: 0 20px 10px 20px ;
	text-decoration: none;
	color: rgb(240, 125, 2);
	font-size: 16px;
}
.view-details:hover{
	color: blue;
}


.customBtn{
	float: right;

}


.page_num_bar{

	float: right;
}

.phone{
	direction: rtl; 

}

/*
.social-media{
	position: absolute;
	top: 0;
    left: 0 !important;
}
*/

.social-media{       
	margin: 10px;	
	position: absolute;
	top: 5px;
	right: none;
	left: 0;
	direction: ltr;
}

.social-media ul li{
	padding-right: 3px;
	padding-left: 0;
}

.news-block .left-side .Contact-us p,
.news-block .left-side .about-us p ,
.news-block .left-side .archive p 
{
	padding-left: 5px;
	font-size: 14px;
	color: #555;
	margin: 0;
    text-align: right !important;
	direction: rtl;
}

.news-block .left-side .Contact-us p span{
	text-align: right !important;
	direction: rtl;
}

.news-block .left-side .Contact-us p{
	padding-right : 20px;
}
.news-block .left-side .Contact-us h5{
	color: #555;
	padding-right : 10px;
}


.adv{
    float: left;

}