@font-face{font-family:webfont-new;
	src:url("font/nfont.eot");
	src:url("font/nfont.eot?#iefix") format("embedded-opentype");
	src:url("font/nfont.woff") format("woff"),url("../fonts/nfont.ttf") format("truetype");
	font-weight:400;font-style:normal}

/*@font-face{font-family:webfont-new;src:url(/fonts/webfont-new_Liner_XL.ttf) format("truetype");font-style:normal;font-display:swap}*/


	.facebook-box,
	.instagram-box,
	.twitter-box,
	.youtube-box,
	.nabd-box,
	.teleglam-box,
	.linkedin-box,
	.whatsapp-box {
		border-radius: 4px;
		height: 50px;
		margin-left: 4px;
		margin-right: 2px;
		margin-bottom: 5px;
		color: #fff;
	}
	
	.social-media-box {
		display: block;
	}
	
	.social-media-box a {
		color: #fff;
		display: block;
	}
	
	.facebook-box {
		background-color: #3b5998;
		margin-top: 2px;
	}
	
	.instagram-box {
		background-color: #d62976;
		margin-top: 2px;
	}
	
	.twitter-box {
		background-color: #00acee;
		margin-top: 2px;
	}
	
	.youtube-box {
		background-color: #FF0000;
		margin-top: 2px;
	}
	
	.nabd-box {
		background-color: #247abc;
		margin-top: 2px;
	}
	
	.teleglam-box {
		background-color: #2ba2dc;
		margin-top: 2px;
	}
	
	.linkedin-box {
		background-color: #0072b1;
		margin-top: 2px;
	}
	
	.whatsapp-box {
		background-color: #2cb742;
		margin-top: 2px;
	}
	
	.social-media-box .fab {
		float: right;
		margin-right: 15px;
		margin-top: 15px;
		font-size: 18px;
	}
	
	.s-counter {
		float: right;
		margin-right: 10px;
		padding-top: 15px;
	}
	
	.nabd-icon {
		width: 35px;
		float: right;
		margin-left: 5px;
		margin-top: 17px;
		margin-right: 10px;
	}

.gray-back { background-color:#e4e4e4;}
.light-gray-back { background-color:#efefef}
.white-back { /*background-color:#FFF;*/}

a:hover { text-decoration:none !important}
.home-logo {
    width: 60%;
    float: right;
    margin-top: 20px;
	margin-bottom: 20px;
}
.mini-menu.mini-menu-dark {

}
.top-menu {
    list-style: none;
    margin-top: 10px;
}
.top-menu li {
    font-family: webfont-new;
    font-size: 14px;
    float: right;
    padding-left: 15px;
}
.top-menu li a {
    color: #fff;
}
.social-icons {
    list-style: none;
    padding-top: 8px;
}
.social-icons li {
    font-size: 18px;
    padding-right: 15px;
    float: left;/*background-color: #05668d; overflow: hidden*/
}
.social-icons li a {
    color: #efefef;
}
.top-story-main {
    position: relative; 
	margin-left: 0px;
	height: 400px;
}
.top-story-main img {
    width: 100%;
    height:403px ;
/*	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;*/
}



.top-story {
    position: relative; 
}
.top-story img {
    width: 100%;
    height:403px ;

}
	
.top-home:nth-child(1)  .top-story-2,.top-home:nth-child(3)  .top-story-2 {
    margin-bottom: 15px;
    position: relative; margin-left: 8px;
}
	
	
.top-home:nth-child(2) .top-story-2,.top-home:nth-child(4)  .top-story-2{
    margin-bottom: 15px;
    position: relative; margin-right: 8px;
}


.top-story-main .shadw-box {
    position: relative;
    bottom: 110px;
    background: rgb(0, 0, 0); /* Fallback for older browsers without RGBA-support */
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    font-family: webfont-new;
    font-size: 30px;
	font-weight: bold;
    padding: 10px;
    text-align: right;
    direction: rtl;
	padding-bottom: 15px;
	height: 110px;


}
	

.top-story .shadw-box {
    position: relative;
    bottom: 0;
    background: rgb(0, 0, 0); /* Fallback for older browsers without RGBA-support */
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    font-family: webfont-new;
    font-size: 20px;
    padding: 10px;
    text-align: right;
    direction: rtl;
	z-index: 3;

}
.top-story .shadw-box h2 { margin: 0px; font-family: webfont-new; font-size: 17px; font-weight: bold; color:#fff; line-height: 24px;}


.top-story .shadw-box h2{
	color:#fff;
}
	
.top-story-2 {
    margin-bottom: 15px;
    position: relative;
}
	
.top-story-2 img {
    width: 100%;
    
    height: 180px !important;
}	
.top-story-2 .shadw-box {
    position: absolute;
    bottom: 0;
    background-image: linear-gradient(0deg, black, rgba(0,0,0,0.7), rgba(0,0,0,0));
    width: 100%;
    font-family: webfont-new;
    font-size: 18px;
    padding: 5px;
    text-align: right;
    direction: rtl;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.shadw-box a {
    color: #FFF;

}
.top-story .cat-title , .top-story-2 .cat-title {
    
    background-color: #105691;
    color: #FFF;
    text-align: center;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
    position: absolute;
    right: 10px;
    margin-right: 5px;
    margin-top: 5px;
    font-family: webfont-new;
    font-size: 14px;
}
.top-news {
    margin-bottom: 10px;
	margin-top: 10px;
    overflow: hidden;
	height: 85px;
}
.top-news img {
    width: 110px !important;
    height: 75px !important;
    
    float: right;
    margin-left: 10px;
	border-radius: 4px;
}
.top-news .title {
    text-align: right;
    direction: rtl;
	font-family: webfont-new; font-weight: normal;
}
.top-news .title a {
    color: #000;
    font-size: 14px;
    font-family: webfont-new;
    font-weight: bold;
}

.slide-news { text-align: center;}
.slide-news .title a {
    color: #000;
    font-size: 14px;
    font-family: webfont-new;
    font-weight: bold;
}
.slide-news img {
    width: 150px !important;
    height: 150px !important;
	border-radius: 10px;
}

.slide-news .title { height: 45px; margin-top: 10px;}
	
.top-story-3 {
    margin-bottom: 0px;
/*    position: relative;*/
	margin-top: 10px;
	height: 295px;
}
	
.top-story-3 img {
    width: 100%;
    
    height: 205px;
}	
.top-story-3 .shadw-box {
/*    position: absolute;
    bottom: 0;
    background-image: linear-gradient(0deg, black, rgba(0,0,0,0.7), rgba(0,0,0,0));*/
    width: 100%;
    font-family: webfont-new;
    font-size: 18px;
    padding: 5px;
    text-align: right;
    direction: rtl;
    border-bottom-right-radius: 5px;
}
	
.wide-news-3 {
    margin-bottom: 15px;
/*    position: relative;*/
	margin: 4px;
	height: 280px;
}
	
.wide-news-3 img {
    width: 100%;
    
    height: 175px;
}	
.wide-news-3 .shadw-box {
/*    position: absolute;
    bottom: 0;
    background-image: linear-gradient(0deg, black, rgba(0,0,0,0.7), rgba(0,0,0,0));*/
    width: 100%;
    font-family: webfont-new;
    font-size: 18px;
    padding: 5px;
    text-align: right;
    direction: rtl;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
	margin-top: 10px;
}	
	.wide-news-3 .shadw-box a { color:#000;}
	
	.top-story-3 .shadw-box a { color:#000;}
	.inner-home:nth-child(1)  .top-story-3 { margin-left:8px;}
	.inner-home:nth-child(2)  .top-story-3 { margin-right:8px;}

   .top-story-3 .cat-title {
    
    background-color: #be2f21;
    color: #FFF;
    text-align: center;
    padding: 5px;
    margin-top: 5px;
    font-family: webfont-new;
    font-size: 14px;
}	


.under-news-white {
	margin-bottom: 15px; 
	overflow: hidden;
	
	
}
.under-news-white img { width:100%;  margin-bottom: 15px; border-radius: 4px; border:none !important}

.under-news-white .title { text-align: right; direction: rtl;    font-family: webfont-new;
    font-size: 22px;}

.under-news-white .title a { color: #FFF;}




.news-white {
    margin-bottom: 20px;
	margin-top: 0px;
    overflow: hidden;
/*	height: 220px;*/
}
.news-white img {
    width: 100%;
    height: 160px;


}
.news-white .title {
    text-align: right;
    direction: rtl;
}
.news-white .title a {
    color: #FFF;
    font-size: 16px;
    font-family: webfont-new;
    font-weight: normal
}

/*-------------------------------------------*/



.nabd-news {
    margin-bottom: 20px;
	margin-top: 0px;
    overflow: hidden;
	height: 220px;
}
.nabd-news img {
    width: 100%;
    height: 170px;
	border-radius: 4px;
	margin-bottom: 5px;


}
.nabd-news .title {
    text-align: right;
    direction: rtl;
}
.nabd-news .title a {
    color: #000;
    font-size: 14px;
    font-family: webfont-new;
    font-weight: bold;
}
/*--------------------------------------------*/



.under-news {
    margin-bottom: 20px;
	margin-top: 0px;
    overflow: hidden;
/*	height: 220px;*/
}
.under-news img {
    width: 100%;
    height: 160px;


}
.under-news .title {
    text-align: right;
    direction: rtl;
}
.under-news .title a {
    color: #000;
    font-size: 14px;
    font-family: webfont-new;
    font-weight: bold;
}

/*-------------------------------------------------*/




.section-news {
    margin-bottom: 10px;
	margin-top: 0px;
    overflow: hidden;

}
.section-news img {
    width: 100%;
    height: 180px;
	margin-bottom: 10px;


}
.section-news .title {
    text-align: right;
    direction: rtl;
}
.section-news .title a {
    color: #000;
    font-size: 14px;
    font-family: webfont-new;
    font-weight: bold;
}




.under-news-main {
    margin-bottom: 20px;
	margin-top: 0px;
    overflow: hidden;
	height: 250px;
}
.under-news-main img {
    width: 100%;
    height: 190px;
	border-radius: 10px;
    
	margin-bottom: 10px;

}
.under-news-main .title {
    text-align: right;
    direction: rtl;
}
.under-news-main .title a {
    color: #000;
    font-size: 14px;
    font-family: webfont-new; font-weight: normall;
}


.home-section {position: relative;  padding: 10px; text-align: center;  margin-bottom: 10px; font-family: webfont-new; float: right; font-weight: 700; font-size: 20px; padding-right: 10px;  width:100%; text-align: right; border-bottom: 1px solid #ccc;}
	.home-section a { color:#105691; }

   .home-section:after {     
	content: "";
    background: #105691;
    width: 80px;
    height: 2px;
    position: absolute;
    bottom: -2px;
    right: 0;}


	.home-section-red {position: relative;  padding: 10px; text-align: center;  margin-bottom: 10px; font-family: webfont-new; float: right; font-weight: 700; font-size: 20px; padding-right: 10px;  width:100%; text-align: right; border-bottom: 1px solid #ccc;}
	.home-section-red a { color:#000; }

   .home-section-red:after {     
	content: "";

    width: 80px;
    height: 2px;
    position: absolute;
    bottom: -2px;
    right: 0;}
	
	.bar-4 {float: right; width:8px; height: 30px; overflow: hidden; margin-right: 4px;}
	.bar-3 {float: right; width:5px; height: 30px; overflow: hidden; margin-right: 4px;}
	.bar-2 {float: right; width:3px; height: 30px; overflow: hidden; margin-right: 4px;}
	.bar-1 {float: right; width:1px; height: 30px; overflow: hidden; margin-right: 4px;}
	
	.blue-bg { background-color: #585857;}
	.purbelle-bg {background-color: #dfd4f1;}
	
	.thumb-writers{ list-style:none; padding: 0px; margin: 0px; margin-top: 0px;}
	.thumb-writers li { height: 83px;  margin-bottom: 5px;}

    .thumb-writers li img {
    width: 75px;
    height: 75px !important;
    float: right;
    margin-left: 10px;
    border-radius: 4px;
    border-radius: 50%;
	border:2px solid #105691;
}
	.thumb-writers li .title {font-family: webfont-new; font-size: 14px; direction: rtl; text-align: right}
	.thumb-writers li .title  a{ color:#333; font-weight: bold}
	.thumb-writers li:last-child { margin-bottom: 0px !important; height: 70px !important;}

	 .writer-name { text-align: right;font-family: webfont-new; font-size: 13px; color: #105691; font-weight: bold }


	.thumb-right{ list-style:none; padding: 0px; margin: 0px;overflow: auto;  margin-top: 0px;}
	.thumb-right li { height: 100px; overflow: hidden; margin-bottom: 5px;}
	.thumb-right li img { width: 125px; height: 90px !important;  float: right; margin-left: 10px; border-radius: 4px;}
	.thumb-right li .title {font-family: webfont-new; font-size: 14px; direction: rtl; text-align: right}
	.thumb-right li .title  a{ color:#000; font-weight: normal}
	.thumb-right li:last-child { margin-bottom: 0px !important; height: 92px !important;}


	.thumb-right-death{ list-style:none; padding: 0px; margin: 0px;overflow: auto;  margin-top: 0px;}
	.thumb-right-death li { height: 72px; overflow: hidden; margin-bottom: 5px;}
	.thumb-right-death li img { width: 90px; height: 65px !important;  float: right; margin-left: 10px; border-radius: 4px;}
	.thumb-right-death li .title {font-family: webfont-new; font-size: 14px; direction: rtl; text-align: right}
	.thumb-right-death li .title  a{ color:#FFF; font-weight: normal}
	.thumb-right-death li:last-child { margin-bottom: 0px !important; height: 92px !important;}


	.thumb-right-2{ list-style:none; padding: 0px; margin: 0px;overflow: auto;  margin-top: 0px;}
	.thumb-right-2 li { height: 80px; overflow: hidden; margin-bottom: 5px;}
	.thumb-right-2 li img { width: 90px; height: 65px !important;  float: right; margin-left: 10px; border-radius: 4px;}
	.thumb-right-2 li .title {font-family: webfont-new; font-size: 14px; direction: rtl; text-align: right}
	.thumb-right-2 li .title  a{ color:#000; font-weight: bold}
	.thumb-right-2 li:last-child { margin-bottom: 0px !important; height: 92px !important;}


    .small-right{ list-style:none; padding: 0px; margin: 0px;overflow: auto;  margin-top: 0px;}
	.small-right li { height: 80px; overflow: hidden; margin-bottom: 5px;}
	.small-right li img { width: 90px; height: 65px !important;  float: right; margin-left: 10px; border-radius: 4px;}
	.small-right li .title {font-family: webfont-new; font-size: 14px; direction: rtl; text-align: right}
	.small-right li .title  a{ color:#000; font-weight: normal}
	.small-right li:last-child { margin-bottom: 0px !important; height: 92px !important;}


    .right-small{ list-style:none; padding: 0px; margin: 0px;overflow: auto;  margin-top: 0px;}
	.right-small li { height: 80px; overflow: hidden; margin-bottom: 5px;}
	.right-small li img { width: 110px; height: 75px !important;  float: right; margin-left: 10px; border-radius: 4px;}
	.right-small li .title {font-family: webfont-new; font-size: 14px; direction: rtl; text-align: right}
	.right-small li .title  a{ color:#000; font-weight: bold}
	.right-small li:last-child { margin-bottom: 0px !important; height: 85px !important;}



	.right-news { margin-bottom: 15px; overflow: hidden; height: 95px;}
	.right-news img { width: 105px; height: 80px !important;  float: right; margin-left: 10px; border-radius: 4px;}
	.right-news .title {font-family: webfont-new; font-size: 13px; direction: rtl; text-align: right; color:#000; font-weight: normal}
	.right-news .title a{ color:#000; font-weight: bold}


	.right-news-white { margin-bottom: 15px; overflow: hidden;}
	.right-news-white img { width: 125px; height: 90px !important;  float: right; margin-left: 10px; border-radius: 4px; border:none !important}
	.right-news-white .title {font-family: webfont-new; font-size: 14px; direction: rtl; text-align: right; color:#000; font-weight: normall; height: 70px; overflow: hidden;}
	.right-news-white .title a{ color:#FFF; font-weight: bold}

	.border-box {
		overflow: hidden; margin-left: 15px;
/*-webkit-box-shadow: 0px 0px 5px 0px rgba(51,51,51,0.35);
-moz-box-shadow: 0px 0px 5px 0px rgba(51,51,51,0.35);
box-shadow: 0px 0px 5px 0px rgba(51,51,51,0.35);*/
		
	border:1px solid #ccc;  background-color: #fff;
	
	}

.box-white {
	
	background-color: #FFF;   padding:10px; margin-bottom: 15px;margin-top: 10px;
}
.box-gray {
	
	background-color: #EFEFEF;   padding:10px; margin-bottom: 15px; margin-top: 10px; overflow: hidden;
}

/* owl nav */
	
	.fa-2x { font-size:25px;}
.owl-prev span, .owl-next span {
	color: #FFF;
}

.owl-prev span:hover, 
.owl-next span:hover {
	color: #8199A3;
}

.owl-prev, .owl-next {
	position: absolute;
	top: 0;
	height: 100%;
}

.owl-prev {
	left: -25px;
	top:-8px;
}

.owl-next {
	right: -25px;
	top:-8px;
}

/* removing blue outline from buttons */
button:focus, button:active {
   outline: none;
}

.box-post { border:1px solid #ccc; padding-right: 15px; padding-left: 15px; padding-bottom: 15px; margin-bottom: 15px;}
.post-content { text-align:justify; direction: rtl; font-family: webfont-new; font-size: 14px; font-weight: normall; }
.post-content h1 { text-align: right !important ; font-size:25px; font-weight: normall; margin-bottom: 15px; font-family: webfont-new; }
.post-content .post-image { text-align: center; margin-bottom: 15px; }
.post-content .post-image img { width:90%; height: auto; border-radius: 4px;}
.post-content .source {color: #585857}

.post-meta { overflow: hidden; padding-bottom: 10px; }
.post-meta ul { margin:0px; padding: 0px;}
.post-meta ul li a {color:#999;}
.post-meta ul li .fas { margin-left: 5px;}
.post-meta ul li {font-size: 13px; color:#999; font-weight: normall;
                  display: inline-block;
                    margin-right: 10px;
                    float:right;
                    direction:rtl;
     
                }
 .post-meta ul li:last-child { }


.big-right { padding-right: 0px;}
.big-right li { direction:rtl; text-align:right; padding:5px; overflow:hidden; margin-bottom:10px;margin:5px; border-bottom:1px solid #ccc; padding-bottom: 10px}
.big-right li .content { height:57px}
.big-right li img { float:right; width:200px; height:117px;  margin-left:10px; border:1px solid #ccc; border-radius: 4px}
.big-right li a {font-family:'webfont-new'; font-size:18px; color:#333; font-weight:bold;}
.big-right.side li { float:right; direction:rtl; text-align:right; padding:5px; width:50%}


.fa-clock:before { margin-left: 5px;}
.paddrow { padding: 15px; }
/*------------------------------*/

	#sub-main .top-story {
		width: 50%;
		float: right;

		height: 200px ;
		padding-right: 2px;
		padding-left: 1px;
		margin-bottom: 2px;
		position: relative;
	}
	
	#sub-main .top-story img {
		height: 200px
	}
	
	.gap {
		padding: 0px;
		padding-top: 0px
	}
	
	#sub-main .top-story .shadw-box {
		width: 100%;
		position: relative;
		top: -90px !important;
		height: 90px;
		 vertical-align: bottom;
	}
	
	.top-story .shadw-box {
		font-size: 25px;
	}
	
	#sub-main .top-story .shadw-box {
		font-size: 20px;
		font-weight: bold;
	}
	
	.top-container {
		padding-left: 15px;
		padding-right: 10px;
	}
	
	.top-container .under-news {
		margin-bottom: 0px;
		/*		border-bottom: 1px solid #ccc;*/
		margin-bottom: 10px
	}
	
	.red-border {
		border: 5px solid #105691;
		height: 300px;
		border-radius: 4px;
	}
	
	.non-box img {
		height: 220px !important;
	}
	
	#sub-main .top-story:nth-child(1) .gap {
		padding-right: 2px;height: 200px;
	}
	
	
	#sub-main .top-story:nth-child(2) .gap {
		padding-right: 0px;height: 200px;
	}
	
	#sub-main .top-story:nth-child(3) .gap {
		padding-right: 2px;
		padding-top: 1px;height: 200px;
	}
	
	#sub-main .top-story:nth-child(4) .gap {
		padding-right: 0px;
		padding-top: 1px;
		height: 233px;
	}
	
	#sub-main .top-story:nth-child(2) img {
		/*		border-top-left-radius: 10px;*/
	}
	
	#sub-main .top-story:nth-child(4) img {
		/*		border-bottom-left-radius: 10px;*/
	}
	
	#sub-main .top-story:nth-child(4) .shadw-box {
		/*		border-bottom-left-radius: 10px;*/
	}
	
	.box-gray-dark {
		background-color: #000;
		border-radius: 10px;
		padding-top: 10px
	}
	
	.death-box {
		padding-right: 15px;
	}
	
	.site-date {
		font-family: webfont-new;
		font-size: 14px;
		font-weight: normal;
		color: #fff;
	}
	/*----------------------------------*/
	
	#black-color .right-news-white a {
		color: #000;
	}
	
	#black-color .right-news-white img {
		width: 90px !important;
		height: 65px !important;
	}
	
	.red-rippon {
		background-color: #105691;
		position: relative;
		width: 50px;
		height: 70px;
		right: 20px;
		z-index: 9;
		float: right;
		bottom: 0px;
		text-align: center;
		color: #fff;
		font-family: webfont-new;
		font-size: 14px;
	}
	/*----------------------------------*/
	
	.top-container-zero {
		padding-left: 0px;
		padding-right: 0px;
	}
	
	.my-border {
		border: 1px solid #ccc;
		overflow: hidden;
		padding: 5px;
		margin: 5px;
/*		border-top:2px solid #105691;*/
	}
	/*----------------------------------*/
	
	.border-news {
		padding: 5px;
		padding-bottom: 10px;
	}
	
	.border-news img {
		width: 100%;
		height: 125px;
		border:1px solid #ccc;

	}
	
	.border-news .title {
		background-color: #fff;
		border: 1px solid #ccc;
		padding: 10px;
		text-align: right;
		direction: rtl;
		height: 110px;

	}
	
	.border-news .title a {
		color: #000;
		font-size: 13px;
		font-family: webfont-new;
		font-weight: bold;
	}
	
	.social-intl {
		overflow: hidden;
		margin-top: 5px;
		margin-bottom: 10px;
		text-align: left;
	}
	
	.social-intl i {
		padding-left: 10px;
	}
	
	.social-intl i.fa-facebook-f {
		color: #3b5998
	}
	
	.social-intl i.fa-twitter {
		color: #55acee !important
	}
	
	.social-intl i.fa-whatsapp {
		color: #4dc247
	}
	
	.border-news .title .social-intl a {
		font-size: 14px;
	}
	
	.title-link {
		display: block;
		height: 45px;
	}
	/*----------------------------------*/
	
	.under-news-sport {}
	
	.under-news-sport img {
		width: 100%;
		height: 375px !important;
		border-radius: 4px;
		border: none !important;
		margin-bottom: 10px;
	}
	
	.under-news-sport .title {
		height: 50px;
		font-family: webfont-new;
		font-size: 18px;
		direction: rtl;
		text-align: right;
	}
	
	.under-news-sport .title a {
		color: #fff;
		font-weight: bold;
	}
	
	.white-box {
		padding: 5px;
	}
	
	.white-news img {
		width: 100%;
		height: 150px !important;
		border-radius: 4px;
		border: none !important;
		margin-bottom: 10px;
	}
	
	.white-news .title {
		height: 50px;
		font-family: webfont-new;
		font-size: 16px;
		direction: rtl;
		text-align: right;
	}
	
	.white-news .title a {
		color: #fff;
		font-weight: bold;
	}
	/*----------------------------------*/
	
	.writers-box {
		margin-right: 10px;
	}
	
	.red-title a {
		color: #fff;
		font-weight: bold;
	}
	
	.box-red {
		background-color: #105691;
		overflow: hidden;
		min-height: 200px;
		border-radius: 10px;
	}
	
	.top-container img {
		border: 1px solid #ccc;
		height: 235px ;
		margin-bottom: 5px;
		border-radius: 4px;
	}
	
	.blue-box {
		background-color: #105691;
		border-radius: 10px;
		width: 100%;
		margin-left: 10px;
		margin-right: 10px;
		height: 170px;
		position: relative;
	}
	
	.blue-title {
		font-family: webfont-new;
		text-align: right;
		font-size: 17px;
		padding-right: 20px;
		padding-top: 10px;
	}
	
	.blue-title a {
		color: #fff;
		font-weight: normal;
	}
	
	.overlay-box {
		position: relative;
		left: -20px;
		bottom: -10px;
	}
	
	.margin-box {
		padding: 20px;
		padding-left: 20px;
		height: 300px;
		overflow: hidden;
	}
	
	.blue-box .under-news img {
		height: 150px;
	}
	
	.small-right {
		margin-right: 10px;
	}
	/*----------------------------------*/
	
	.wide-news-small {
		margin-bottom: 15px;
		margin: 0px;
	}
	
	.wide-news-small img {
		width: 100%;
		height: 80px;
		border-radius: 4px;
	}
	
	.wide-news-small .shadw-box {
		width: 100%;
		font-family: webfont-new;
		font-size: 18px;
		padding: 5px;
		text-align: right;
		direction: rtl;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
		margin-top: 3px;
		line-height: 16px;
	}
	
	.wide-news-small a {
		color: #000;
		font-size: 14px;
		font-weight: bold;
	}
	
	.video-bg {
		background-color: #FFF;
		overflow: hidden;
		border-radius: 10px;
		margin-bottom: 15px;
		border: 1px solid #ccc;
	}
	
	
	
	.video-small{ list-style:none; padding: 0px; margin: 10px;overflow: auto;}
	.video-small li { height: 86px; overflow: hidden; margin-bottom: 5px;}
	.video-small li img { width: 95px; height: 70px !important;  float: right; margin-left: 10px; border-radius: 4px;}
	.video-small li .title {font-family: webfont-new; font-size: 14px; direction: rtl; text-align: right; font-weight: bold}
	.video-small li .title  a{ color:#000; font-weight: bold}
	.video-small li:last-child { margin-bottom: 0px !important; height: 85px !important;}
	
	
	.video-box {
		padding-top: 10px;
		padding-right: 5px;
		padding-left: 5px;
	}
	
	.video-box .video-news img {
		border: 0px !important;
		height: 378px;
		width: 100%
	}
	
	.video-box .video-news .title {
		text-align: right;
		direction: rtl;
		padding: 10px
	}
	
	.video-box .video-news .title a {
		color: #000;
		font-size: 20px;
		font-family: webfont-new;
		font-weight: normal
	}
	
	.video-container {
		position: relative;
		padding-bottom: 56.25%;
		padding-top: 30px;
		height: 0;
		overflow: hidden;
	}
	
	.video-container iframe,
	.video-container object,
	.video-container embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	
	.video-box {
		display: none
	}
	
	.video-news .social-intl i { color:#FFF !important}
	.video-news .social-intl i.fa-facebook-f:hover {color:#3b5998 !important}
	.video-news .social-intl i.fa-twitter:hover {color:#55acee !important}
	.video-news .social-intl i.fa-whatsapp:hover {color:#4dc247 !important}
	
	/*----------------------------------*/
	
	#palestine .right-news-white .title {
		height: 90px;
	}
	
	#palestine .right-news-white .title a {
		color: #000;
	}
	
	#palestine .right-news-white img {
		width: 95px;
		height: 65px !important;
	}
	/*----------------------------------*/
	
	.banner-box {
		background-color: #ccc;
		height: 181px;
	}
	/*----------------------------------*/
	
	.facebook-box,
	.instagram-box,
	.twitter-box,
	.youtube-box,
	.nabd-box,
	.teleglam-box,
	.linkedin-box,
	.whatsapp-box {
		border-radius: 4px;
		height: 50px;
		margin-left: 4px;
		margin-right: 2px;
		margin-bottom: 5px;
		color: #fff;
	}
	
	.social-media-box {
		display: block;
	}
	
	.social-media-box a {
		color: #fff;
		display: block;
	}
	
	.facebook-box {
		background-color: #3b5998;
		margin-top: 2px;
	}
	
	.instagram-box {
		background-color: #d62976;
		margin-top: 2px;
	}
	
	.twitter-box {
		background-color: #00acee;
		margin-top: 2px;
	}
	
	.youtube-box {
		background-color: #FF0000;
		margin-top: 2px;
	}
	
	.nabd-box {
		background-color: #247abc;
		margin-top: 2px;
	}
	
	.teleglam-box {
		background-color: #2ba2dc;
		margin-top: 2px;
	}
	
	.linkedin-box {
		background-color: #0072b1;
		margin-top: 2px;
	}
	
	.whatsapp-box {
		background-color: #2cb742;
		margin-top: 2px;
	}
	
	.social-media-box .fab {
		float: right;
		margin-right: 15px;
		margin-top: 15px;
		font-size: 18px;
	}
	
	.s-counter {
		float: right;
		margin-right: 10px;
		padding-top: 15px;
	}
	
	.nabd-icon {
		width: 35px;
		float: right;
		margin-left: 5px;
		margin-top: 17px;
		margin-right: 10px;
	}
	
	/*------------------------------------*/
	
	/*. main-nabd { padding: 10px; padding-top: 0px;}
	.main-nabd .overlay-box { margin: 0px; padding: 0px; left:0px; bottom:0px; }
	.main-nabd .nabd-news img { width:100%; height: 404px;}
	.main-nabd .nabd-news .title {}
	.main-nabd .nabd-news .title a { color: #fff;}
	
	
	.main-nabd .shadw-box {	
    position: absolute;
    bottom: 0;
    background-image: linear-gradient(0deg, black, rgba(0,0,0,0.7), rgba(0,0,0,0));
    width: 100%;
    font-family: webfont-new;
    font-size: 20px;
    padding: 10px;
    text-align: right;
    direction: rtl;

}*/  
	
	
	
    
	.section-box { padding:10px;  height: 265px; overflow: hidden;}
/*	.section-news  img { width:100%; height: 180px;}
	.section-news .title {}
	.section-news .title a { color: #fff;}*/
	
	
	.section-news .shadw-box {	
    position: relative;
    bottom: 0;
    background-image: linear-gradient(0deg, black, rgba(0,0,0,0.7), rgba(0,0,0,0));
    width: 100%;
    font-family: webfont-new;
    font-size: 20px;
    padding: 10px;
    text-align: right;
    direction: rtl;
	bottom: 100px;
	height: 100px;

}	
	
	.section-box-main {}	
	.section-box-main .sport-news-main { height: 303px;}
	.sport-news-main  img { width:100%; height: 180px;}
	.sport-news-main .title {}
	.sport-news-main .title a { color: #fff;}
	
	.section-box-main .shadw-box {	
    position: relative;
    bottom: 0;
    background-image: linear-gradient(0deg, black, rgba(0,0,0,0.7), rgba(0,0,0,0));
    width: 100%;
    font-family: webfont-new;
    font-size: 20px;
    padding: 10px;
    text-align: right;
    direction: rtl;
	bottom: 100px;
	height: 100px;

}		

	
	.section-box-sport {}	
	.section-box-sport .sport-news-main {}
	.section-box-sport .sport-news img { width:100%; height: 180px !important;}
	.section-box-sport .sport-news .title {}
	.section-box-sport .title a { color: #fff;}
	
	.section-box-sport .sport-news .shadw-box {	
    position: relative;
    bottom: 0;
    background-image: linear-gradient(0deg, black, rgba(0,0,0,0.7), rgba(0,0,0,0));
    width: 100%;
    font-family: webfont-new;
    font-size: 20px;
    padding: 10px;
    text-align: right;
    direction: rtl;
	bottom: 100px;
	height: 100px;

}		
	
	
	
	
	
	
	
	.squar-news { margin-bottom: 10px; height: 164px;} 
	.squar-news img {width:100%; height: 110px; margin-bottom: 5px;}
	.squar-news .title {  font-family: webfont-new;font-size: 14px; direction: rtl; font-weight: bold}
	.squar-news .title a { color:#000;}
	
	.box-container { margin: 0px;}
	
	.sport-news { height: 190px;}
	#sport1 { margin-left: 5px;}
	#sport2{ margin-left: 5px; margin-right: 5px;}
	#sport3 { margin-right: 5px;}
	
	.news-brief { text-align: right; direction: rtl; font-family: webfont-new; font-size: 14px; margin-top: 10px;}
	
	
	.top-story-main .cat-title {background-color: #105691;
    color: #FFF;
    text-align: center;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
    position: absolute;
    right: 10px;
    margin-right: 5px;
    margin-top: 5px;
    font-family: webfont-new;
    font-size: 14px;}
	
	.white-title a {color:#fff}
	

	
	.video-pad { padding-left: 15px; padding-right: 15px;}
	
	.post-content {
		padding: 15px;
		padding-top: 0px;
	}
	
	.post-content h1 {
		font-weight: bold;
		font-family: webfont-new;
		color: #000;
		font-size: 24px;
		margin-top: 0px;
		line-height: 34px;
		text-align: center !important; direction: rtl;
	}
	
	.news-content {
		font-family: webfont-new;
		font-size: 16px;
		font-weight: bold;
	}
	
	.source {
		font-family: webfont-new;
		font-size: 16px;
		font-weight: bold;
		color: #105691 !important;display: block; float: right;
	}
	
	
	.my-border {
/*		border: 1px solid #ccc;*/
		overflow: hidden;
		padding: 5px;
		margin: 5px;
		/*		border-top:2px solid #105691;*/
	}
	

	.social-inline { text-align: left;}

.col-xs-3-5 { width:25%; padding-right: 6px; padding-left: 6px; float: right;}
.col-xs-5-2 { width:20%; padding-right: 6px; padding-left: 6px; float: right;}
.desktop-only { display: block;}


@media screen and (min-width: 992px) {
  .nav > li:nth-child(n+13) {
    display: none;
  }
}

@media (max-width:767px) {	
	
	
  .nav > li {
    display: block; /* or whatever your default is */
  }	
	
	.desktop-only { display: none;}
	.col-xs-3-5 { width:50%;padding-right: 6px; padding-left: 6px; height: 195px;} 
	.col-xs-5-2 { width:100%; padding-right: 6px; padding-left: 6px; float: right;}
	.wide-news-small img { height: 115px;}
	.border-news .title { border:none; height: 80px !important; padding-top: 0px;}
	.social-intl { margin-top: 15px;}
	.border-news img {width:95px; height: 65px; float: right; margin-left: 10px;; border-radius: 4px;}
	.wide-news-small a,.border-news .title a { font-size: 14px;}
	.border-news .title { height: 125px;}
	.border-news .social-intl { margin-top: 15px !important;}
	.col-xs-3-5 a { font-size: 14px;}
	.solid-menus .navbar-default.navbar-dark { background-color:#585857}
	.mobile-logo { height: 40px;  margin-top: 15px; float: right; margin-right: 40px}
	.navbar-brand { padding: 3px 0px;}
	.top-story{ margin-left: 0px;}
	.top-story img { height:220px !important}
	#sub-main .top-story img, #sub-main .top-story { height: 155px !important;}
	#sub-main .top-story .shadw-box { font-size: 16px !important}
    .top-story-2 img { height:auto}
	.top-story-2 { margin-left: 0px !important;} 
	.col-lg-12 { padding-top: 5px ; padding-bottom: 5px;}
	.container-fluid { padding: 0px;}
	.first-block { margin-top: 0px;border-top: 1px solid#ccc;}
	
	.sport-zone img, .art-zone img { border-radius: 4px; height: 220px !important;}
	.top-story-main img { height: 245px;}
	.top-story-main .shadw-box  { font-size: 18px}
	#sub-main .top-story { height: 155px;}
	#sub-main .top-story { padding-right: 0px !important;}
	.col-sm-6 { margin-bottom: 5px;}
	#sub-main .top-story:nth-child(1) .gap,#sub-main .top-story:nth-child(3) .gap {padding-right: 0px;}
	.square-zone { margin-top: 0px;}
	#stickySocial { display: none;}
	.nabd-news img { height: 200px}
	.nabd-news { height: 260px}
	.nabd-news .title a { font-size: 18px;}
	.right-news { height: 75px; margin-bottom: 0px;}
	.right-news img { height: 70px !important;}
	.under-news .title a { font-size: 18px}
	.section-news .title a { font-size: 18px; line-height: 24px;}
	.right-news-white { margin-bottom: 0px;}
	.death-box { padding-right: 0px;}
	.box-gray-dark {}
	.paddrow { padding: 5px;}
	.post-content { padding: 5px;}
	.post-content .post-image img { width:100%}
	.nav > li { text-align: right; background-color: #105691; width:50%; float: right;}
	
	.nav > li:first-child {
  width: 100% !important; text-align: center
}
	
	.inner-block  {margin-top: 45px;}
	.big-right li img { width:100%; height: 190px; margin-bottom: 10px;}
	.top-story-main { height: 245px;}
	.top-story .shadw-box h2 { font-size: 16px; line-height: 24px;}
	.top-story-main .shadw-box { height: 75px; bottom: 75px;}
	
	#sub-main .top-story .shadw-box {
		width: 100%;
		position: relative;
		top: -75px !important;
		height: 75px;
		 vertical-align: bottom;
	}	
	
}

.side-shadow {box-shadow: 0 1px 7px rgb(171 171 171 / 50%); background-color:#fff;  border:1px solid #ccc;}