body {
	background-color: #f5f5f5;
	background-image: url(../images/background.png);
	background-position: top;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
.headerwp {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0px;
	min-width: 320px;
	background-color: #f5f5f5
}
.topbarbg {
	width: 100%;
	display: block;
	padding-top: 0px;
	box-shadow: 0 0 20px rgba(0, 0, 0, .3);
}
.desktoplogo {
	padding: 0px 0px;
	margin: 0 auto;
	text-align: right;
}
/*Swicher CSS*/

.swichermainbx {
	max-width: 1200px;
	margin: 0px auto 0px auto;
}
.swichermainleft {
	width: 50%;
	float: left;
	margin-bottom: 25px;
}
.swichermainright {
	width: 50%;
	float: left;
	margin-bottom: 25px;
}
.swichertxt {
	width: 100%;
}
.swichertxt02 {
	font-size: 15px;
	margin-bottom: 15px;
}
.wscolorcode:hover {
	color: #fff;
	text-decoration: none;
}
.wscolorcode {
	width: 12.5%;
	margin: 0px;
	color: #fff;
	float: left;
	padding: 4px 12px 4px 12px;
	margin: 0px;
	height: 30px;
	line-height: 22px;
	background-color: #333;
	font-size: 13px;
	text-transform: uppercase;
	text-align: center;
	border-bottom: solid 2px #fff;
}
.wscolorcode.cblack {
	width: 16.66%;
}
.wscolorcode.active {
	border-bottom: solid 2px #333;
	opacity: 1;
}
.wscolorcode.cblack.active {
	border-bottom: solid 2px #da4b38;
	opacity: 1;
}
.wscolorcode .fa {
	font-size: 15px;
	color: #fff;
}
.wscolorcode.cblue {
	background-color: #1991eb;
}
.wscolorcode.corange {
	background-color: #fb872b;
}
.wscolorcode.cred {
	background-color: #d7412e;
}
.wscolorcode.cpink {
	background-color: #eb65a0;
}
.wscolorcode.cgreen {
	background-color: #80c133;
}
.wscolorcode.cpurple {
	background-color: #967ADC;
}
.wscolorcode.cgry {
	background-color: #ccc;
}
.wscolorcode.cyellow {
	background-color: #ffd452;
}
.wscolorcode.grd-green {
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#49c4a4), to(#97b832));
	background: -webkit-linear-gradient(left, #49c4a4, #97b832);
	background: -moz-linear-gradient(left, #49c4a4, #97b832);
	background: -o-linear-gradient(left, #49c4a4, #97b832);
	background: -ms-linear-gradient(left, #49c4a4, #97b832);
	background: linear-gradient(left, #49c4a4, #97b832);
	background-color: #49c4a4;
}
.wscolorcode.grd-blue {
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#31c8b1), to(#4ec7ff));
	background: -webkit-linear-gradient(left, #31c8b1, #4ec7ff);
	background: -moz-linear-gradient(left, #31c8b1, #4ec7ff);
	background: -o-linear-gradient(left, #31c8b1, #4ec7ff);
	background: -ms-linear-gradient(left, #31c8b1, #4ec7ff);
	background: linear-gradient(left, #31c8b1, #4ec7ff);
	background-color: #4ec7ff;
}
.wscolorcode.grd-red {
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d90647), to(#eb402c));
	background: -webkit-linear-gradient(left, #d90647, #eb402c);
	background: -moz-linear-gradient(left, #d90647, #eb402c);
	background: -o-linear-gradient(left, #d90647, #eb402c);
	background: -ms-linear-gradient(left, #d90647, #eb402c);
	background: linear-gradient(left, #d90647, #eb402c);
	background-color: #d90647;
}
.wscolorcode.grd-light-green {
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#29bb92), to(#69cbb0));
	background: -webkit-linear-gradient(left, #29bb92, #69cbb0);
	background: -moz-linear-gradient(left, #29bb92, #69cbb0);
	background: -o-linear-gradient(left, #29bb92, #69cbb0);
	background: -ms-linear-gradient(left, #29bb92, #69cbb0);
	background: linear-gradient(left, #29bb92, #69cbb0);
	background-color: #29bb92;
}
.wscolorcode.grd-pink {
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#c659a7), to(#fd67a0));
	background: -webkit-linear-gradient(left, #c659a7, #fd67a0);
	background: -moz-linear-gradient(left, #c659a7, #fd67a0);
	background: -o-linear-gradient(left, #c659a7, #fd67a0);
	background: -ms-linear-gradient(left, #c659a7, #fd67a0);
	background: linear-gradient(left, #c659a7, #fd67a0);
	background-color: #cc48d4;
}
.wscolorcode.grd-orange {
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff5183), to(#ff754b));
	background: -webkit-linear-gradient(left, #ff5183, #ff754b);
	background: -moz-linear-gradient(left, #ff5183, #ff754b);
	background: -o-linear-gradient(left, #ff5183, #ff754b);
	background: -ms-linear-gradient(left, #ff5183, #ff754b);
	background: linear-gradient(left, #ff5183, #ff754b);
	background-color: #ff5183;
}
.wscolorcode.grd-black {
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#383d41), to(#5d6069));
	background: -webkit-linear-gradient(left, #383d41, #5d6069);
	background: -moz-linear-gradient(left, #383d41, #5d6069);
	background: -o-linear-gradient(left, #383d41, #5d6069);
	background: -ms-linear-gradient(left, #383d41, #5d6069);
	background: linear-gradient(left, #383d41, #5d6069);
	background-color: #5d6069;
}
.wscolorcode.grd-gry {
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cccccc), to(#e4e4e4));
	background: -webkit-linear-gradient(left, #cccccc, #e4e4e4);
	background: -moz-linear-gradient(left, #cccccc, #e4e4e4);
	background: -o-linear-gradient(left, #cccccc, #e4e4e4);
	background: -ms-linear-gradient(left, #cccccc, #e4e4e4);
	background: linear-gradient(left, #cccccc, #e4e4e4);
	background-color: #cccccc;
}

@media only screen and (min-width: 230px) and (max-width:991px) {
.container {
	padding: 0px !important
}
.desktoplogo {
	display: none;
}
.topbarbg {
	background: none;
	box-shadow: none;
}
.swichermainbx {
	width: 100%;
	display: block;
}
.swichermainleft {
	width: 98%;
	margin: 1% 1%;
}
.swichermainright {
	width: 98%;
	margin: 1% 1%;
}
.wscolorcode {
	width: 12.5%;
}
.swichertxt {
	display: none;
}
.swichertxt02 span {
	display: none;
}
}
/*========================================================================*/

.social-icons {
}
.social-icons li {
	float: left;
	padding: 0px;
	font-size: 34px;
	margin-top: 10px;
}
.social-icons li .social-icons li .social-icons li .social-icons a {
	color: #FFF
}
.ticker-lable {

	padding-top: 0px;
	padding-bottom: 0px;
	border-bottom-right-radius: 0px;
	height: 40px;
}
.ticker-lable a {
	display: block;
	color: #FFF;
	padding-top: 10px;
}
.ticker-content {
	background-color: #333;
	border-bottom-left-radius: 0px;
	height: 40px;
}


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

	.ul-container .title { padding:10px;}
	.ul-container .title a { font-family:tajawal; color: #000}
	.wbg-brd { padding:10px; background-color: #fff; border:1px solid #ccc;}

.sub-story { padding-left: 0px}
	.sub-story img{ width:100%; height: 300px}
	.sub-story .title { text-align:center; direction: rtl; background-color: #fff; border:1px solid #ccc; padding: 10px; margin-top: -5px; height: 65px;  padding-right: 15px; }
	.sub-story .title a { color:#000; font-size: 18px; font-family: tajawal; font-weight: bold;}
	
		.sub-list { margin-right: 10px;}
		
		.sub-list li {
			text-align: right;
			direction: rtl;
			font-family: tajawal;
			overflow: hidden;
			margin-bottom: 15px;
		}
		
		.sub-list li img {
			width: 120px;
			height: 85px;
			float: right;
			margin-left: 10px;
		}
		
	     .sub-list li .title a { color:#000;}

	.writers-list {
	margin: 0px ;
    list-style: none;
    background-color: #fff;
    margin-top: 0px !important;
    padding: 10px ;
    border: 1px solid #ccc;
    overflow: hidden;
	padding-bottom: 0px;


	}
	
	
		.writers-list li {
			text-align: right;
			direction: rtl;
			font-family: tajawal;
			overflow: hidden;
			margin-bottom: 15px;
		}
		
		.writers-list li img {
			width: 85px;
			height: 60px;
			float: right;
			margin-left: 10px;
		}
		
	     .writers-list li .title a { color:#000;}	


		.block-title {
		
		}
		
		.block-title::before {

		}
		
		.block-title::after {

		}
		
		.block-title a {
			display: block;
			text-align: right;
			font-family: 'Cairo';
			font-weight: 700;
			font-size: 24px;
			margin-right: 0px;
			color: #333;
			padding: 10px;
	        border-right: 7px solid #19509b; padding-left: 10px;
			margin-bottom: 10px; border-bottom: 1px solid #ccc; background-color: #fff
		}
.pad { padding-left:10px; padding-right: 10px; overflow: hidden;}
		
	/*---------------------------------*/	
		
		.orange-title {
			position: relative;
			padding-right: 55px;
			margin: 15px 0;
			margin-right: 6px;
			font-size: 25px;
		}
		
		.orange-title::before {
			content: "";
			width: 22px;
			padding: 5px;
			height: 38px;
			background: url(../images/icon.png) #ddd no-repeat;
			background-position-x: 0%;
			background-position-y: 0%;
			background-size: auto;
			display: block;
			position: absolute;
			right: 0px;
			bottom: 0;
			z-index: 10;
			background-position: center;
			background-size: 33px;
			top: -10px;
			border: 1px solid #ccc;
		}
		
		.orange-title::after {
			right: 32px;
			top: -10px;
			content: '';
			position: absolute;
			width: 0;
			height: 0;
			border-top: 11px solid transparent;
			border-right: 15px solid #21669e;
			clear: both;
		}
		
		.orange-title a {
			display: block;
			text-align: right;
			font-family: 'tajawal';
			font-size: 14px;
			margin-right: 0px;
			color: #fff;
			background-color: #ef8014;
			padding: 10px;
			margin-right: -23px;
		}
	/*---------------------------------*/	
		
		.light-blue-title {
			position: relative;
			padding-right: 55px;
			margin: 15px 0;
			margin-right: 6px;
			font-size: 25px;
		}
		
		.light-blue-title::before {
			content: "";
			width: 22px;
			padding: 5px;
			height: 38px;
			background: url(../images/icon.png) #ddd no-repeat;
			background-position-x: 0%;
			background-position-y: 0%;
			background-size: auto;
			display: block;
			position: absolute;
			right: 0px;
			bottom: 0;
			z-index: 10;
			background-position: center;
			background-size: 33px;
			top: -10px;
			border: 1px solid #ccc;
		}
		
		.light-blue-title::after {
			right: 32px;
			top: -10px;
			content: '';
			position: absolute;
			width: 0;
			height: 0;
			border-top: 11px solid transparent;
			border-right: 15px solid #21669e;
			clear: both;
		}
		
		.light-blue-title a {
			display: block;
			text-align: right;
			font-family: 'tajawal';
			font-size: 14px;
			margin-right: 0px;
			color: #fff;
			background-color: #199ade;
			padding: 10px;
			margin-right: -23px;
		}		
		
.black-title {
			position: relative;
			padding-right: 55px;
			margin: 15px 0;
			margin-right: 6px;
			font-size: 25px;
		}
		
		.black-title::before {
			content: "";
			width: 22px;
			padding: 5px;
			height: 38px;
			background: url(../images/icon.png) #ddd no-repeat;
			background-position-x: 0%;
			background-position-y: 0%;
			background-size: auto;
			display: block;
			position: absolute;
			right: 0px;
			bottom: 0;
			z-index: 10;
			background-position: center;
			background-size: 33px;
			top: -10px;
			border: 1px solid #ccc;
		}
		
		.black-title::after {
			right: 32px;
			top: -10px;
			content: '';
			position: absolute;
			width: 0;
			height: 0;
			border-top: 11px solid transparent;
			border-right: 15px solid #21669e;
			clear: both;
		}
		

		.black-title a {
			display: block;
			text-align: right;
			font-family: 'tajawal';
			font-size: 14px;
			margin-right: 0px;
			color: #fff;
			background-color: #000;
			padding: 10px;
			margin-right: -23px;
		}		
		
		
		.video-list {}
		
		.video-list li {
			text-align: right;
			direction: rtl;
			font-family: tajawal;
			overflow: hidden;
			margin-bottom: 6px;
		}
		
		.video-list li img {
			width: 90px;
			height: 67px;
			float: right;
			margin-left: 10px;
		}
		
		.recent-news {
			height: 278px;
			overflow-y: scroll;
			border: 1px solid #ccc;
			padding: 5px;
			background-color: #EFEFEF
		}
		
		.recent-news ul li {
			margin-bottom: 10px;
			padding: 5px;
			text-align: right; direction: rtl;
		}
		
		.recent-news ul li:nth-child(odd) {
			background-color: #ddd
		}
		
		.recent-news ul li:nth-child(even) {}
		
		.recent-news ul li a {
			font-family: tajawal;
			font-size: 12px;
			color: #000
		}
		
		.recent-news ul li span {
			display: block !important;
			color: #0F42A3;
			overflow: hidden;
			direction: ltr;
		}
		
		.mainstory {
			padding: 10px;
		}


    .mix-list { padding: 5px; background-color: #fff; border:1px solid #ccc; margin-left: 0px; margin-right: 0px;}
	.mix-list li { text-align: center; padding: 5px; overflow: hidden;}
	.mix-list li img { width:85px; height: 70px; float: right; margin-left: 10px;}
	.mix-list li .title { text-align: right; direction: rtl;}
	.mix-list li .title a { color:#000; font-family:tajawal; font-size: 14px;}
	.mix-list li:first-child { list-style:none !important; height: 220px;}
.mix-list li:first-child img { width:100%; height: 140px; margin-bottom: 15px}
	.mix-list li:first-child .title { marging-top:10px; margin-bottom: 10px;} 
	.mix-list li:first-child .title a { font-size: 16px; font-weight: bold;}
	
	.mix-list li:nth-child(even){ background-color: #ddd; padding-top: 5px; padding-bottom: 5px;}
	


	.mix2-list-top { padding: 0px;   margin-left: 0px; margin-right: 0px;}
	.mix2-list-top li {width:50%; float: right; text-align: center; padding: 10px;  padding: 0px !important;marging-top:10px; margin-bottom: 10px; font-size: 16px; font-weight: bold;}
	.mix2-list-top li img { width:100%; height: 155px;}
	.mix2-list-top li .title { text-align: right; direction: rtl; height: 50px;} 
	.mix2-list-top li .title a { color:#000; font-family:tajawal;}

	.mix2-list-top li:first-child .mix-box{ margin-left: 10px; }
	.mix2-list-top li:last-child  .mix-box{ margin-right: 10px;}


	.mix2-list { padding: 0px;   margin-left: 0px; margin-right: 0px;}
	.mix2-list li {width:50%; float: right; text-align: center;padding-top: 5px; padding-bottom: 5px; }
	.mix2-list li img { width:95%;}
	.mix2-list li .title { text-align: right; direction: rtl;}
	.mix2-list li .title a { color:#000; font-family:tajawal;}
	.mix2-list li a {display: block; height:58px;}
	.mix2-list li:nth-child(odd) .title { margin-left: 10px; }
    .mix2-list li:nth-child(even) .title { margin-right: 10px; }
	

    .mix2-list li:nth-child(1) a,.mix2-list li:nth-child(2) a,.mix2-list li:nth-child(5) a,.mix2-list li:nth-child(6) a{ background-color: #ddd; display:block; margin-left: 0px; padding: 5px;}

	.mix3-list { padding: 5px;   margin-left: 5px; margin-right: 5px;}
	.mix3-list li {width:50%; float: right; text-align: center;padding-top: 5px; padding-bottom: 5px; }
	.mix3-list li img { width:95%;}
	.mix3-list li .title { text-align: right; direction: rtl;}
	.mix3-list li .title a { color:#000; font-family:tajawal;}
	.mix3-list li a {display: block; height:58px;}
		

.jobs { }
.jobs li { width:33.3333%; float:right; margin-bottom: 15px;}
	
		.jobs li {
			text-align: right;
			direction: rtl;
			font-family: tajawal;
			overflow: hidden;
			margin-bottom: 15px;
		}
		
		.jobs li img {
			width: 90px;
			height: 67px;
			float: right;
			margin-left: 10px;
		}
		
	     .jobs li .title a { color:#000;}	
	

        .shadow-thumb {
			margin: 0px !important;
			list-style: none;
			background-color: #fff;
			margin-top: 0px !important;
			padding: 0px !important;
			overflow: hidden;
		}
		
		.shadow-thumb li {
			width: 33%;
			text-align: right;
			direction: rtl;
			float: right;
			border: 1px solid #fff;
		}
		
		.shadow-thumb li img {
			width: 100%;
			height: 185px;
		}
		
		.shadow-thumb li .title {
			padding: 10px;
			height: 58px;
			position: relative;
			margin-top: -78px;
			z-index: 50
		}
		
		.shadow-thumb li .title a {
			color: #FFF;
			font-family: tajawal;
		}
		
		.shadow-thumb li::after {
			display: block;
			position: relative;
			background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.65) 67%, rgba(0, 0, 0, 0.76) 100%);
			background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.65) 67%, rgba(0, 0, 0, 0.76) 100%);
			background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.65) 67%, rgba(0, 0, 0, 0.76) 100%);
			margin-top: -152px;
			height: 150px;
			width: 100%;
			content: '';
			z-index: 10;
		}
		
		.shadow-thumb li:hover::after {
			display: block;
			position: relative;
			background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.4) 80%, rgba(0, 0, 0, 0.65) 67%, rgba(0, 0, 0, 0.76) 100%);
			background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.4) 80%, rgba(0, 0, 0, 0.65) 67%, rgba(0, 0, 0, 0.76) 100%);
			background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.4) 80%, rgba(0, 0, 0, 0.65) 67%, rgba(0, 0, 0, 0.76) 100%);
			margin-top: -152px;
			height: 150px;
			width: 100%;
			content: '';
			z-index: 10;
		}
		
		.big-thumb {
			margin: 0px !important;
			list-style: none;
			background-color: #fff;
			margin-top: 0px !important;
			padding: 0px !important;
			border: 1px solid #ccc;
			overflow: hidden;
		}
		
		.big-thumb li {
			width: 25%;
			text-align: center;
			padding-top: 15px;
		}
		
		.big-thumb li .ul-container {
			padding-left: 3px;
			padding-right: 3px;
		}
		
		.big-thumb li img {
			width: 90%;
			height: 150px;
		}
		
		.big-thumb li .title {
			padding: 10px;
			height: 75px;
			text-align: right;
			direction: rtl;
		}
		
		.big-thumb li .title a {
			color: #000;
			font-family: tajawal
		}
		
		.big-thumb li:nth-child(even) {
			float: right;
		}
		
		.big-thumb li:nth-child(odd) {
			float: left;
		}

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

		.image-title-under {
			margin: 0px !important;
			
			list-style: none;
			background-color: #fff;
			margin-top: 0px !important;
			padding: 10px !important;
			padding-top: 15px !important;
			overflow: hidden;
			border:1px solid #ccc;
			

		}
		
		.image-title-under li {
			width: 33%;
			text-align: right;
			direction: rtl;
			float: right;
			border: 1px solid #fff;
		}

		.image-title-under li:nth-child(3),.image-title-under li:nth-child(6) { }
		
		.image-title-under li img {
			width: 95% !important;
			margin-left: auto; margin-right: auto;
			height: 160px !important;
		}
		
		.image-title-under li .title {
			padding: 10px;
			height: 58px;
			margin-top: 0px;
			z-index: 50
		}
		
		.image-title-under li .title a {
			color: #333;
			font-family: tajawal;
			font-weight: bold;
		}


.quatro-news { text-align: center; margin-top: 10px; margin-bottom: 10px; background-color: #fafafa; ; margin: 7px;  }
.quatro-news img { width:100%; margin-left: auto; margin-right: auto; height: 145px;}
.quatro-news .box-pad { padding:5px}
.quatro-news .title { margin-top: -5px; border:1px solid #ccc; direction: rtl; text-align: right; margin-left: auto; margin-right: auto;  padding: 10px; height: 75px;}
.quatro-news .title a { color:#000;  font-family: tajawal }


.company-news { text-align: center; margin-top: 10px; margin-bottom: 10px; background-color: #fafafa; ; margin: 7px;  }
.company-news img { width:100%; margin-left: auto; margin-right: auto; height: 115px !important;}
.company-news .box-pad { padding:5px}
.company-news .title { margin-top: 0px; border:1px solid #ccc; direction: rtl; text-align: right; margin-left: auto; margin-right: auto;  padding: 10px; height: 105px; overflow: hidden;}
.company-news .title a { color:#000;  font-family: tajawal; font-weight: bold }


.social-news { text-align: center ; margin-top: 10px; margin-bottom: 10px; background-color: #fafafa; ; margin: 7px;  }
.social-news img { width:100%; margin-left: auto; margin-right: auto; height: 160px !important;}
.social-news .box-pad { padding:5px}
.social-news .title { margin-top: 0px; border:1px solid #ccc; direction: rtl; text-align: center; margin-left: auto; margin-right: auto;  padding: 10px; height: 50px; overflow: hidden;}
.social-news .title a { color:#000;  font-family: tajawal; font-weight: bold }


.main-mobile-news { text-align: center ; margin-top: 10px; margin-bottom: 10px; background-color: #fafafa; ; margin: 15px; margin-top: 50px;  }
.main-mobile-news img { width:100%; margin-left: auto; margin-right: auto; height: 200px !important;}
.main-mobile-news .box-pad { padding:5px}
.main-mobile-news .title { margin-top: 0px; border:1px solid #ccc; direction: rtl; text-align: center; margin-left: auto; margin-right: auto;  padding: 10px; height: 50px; overflow: hidden;}
.main-mobile-news .title a { color:#000;  font-family: tajawal; font-weight: bold }

    .hot-news {}
	.hot-news li { width:50%;  margin-bottom: 10px; text-align: right; overflow: hidden; direction: rtl; float: right; padding-bottom: 8px; height: 85px;}
	.hot-news li img{ width:120px; height: 85px; float: right; margin-left: 10px; margin-right: 10px;}
	
	.hot-news li .content { padding: 0px; direction: rtl; padding-top: 0px;}
	
	.hot-news li a {
		font-family: tajawal;
		font-size: 15px;
		color:#000;
		font-weight: bold;}	
.background-thumb { width:100% !important; height: 291px;  background-size: cover; }
	
	.background-thumb .title-main { 
		
height: 90px;padding: 80px 0px 0px 0px; position: absolute; bottom: 0; width:100%; 
background: -moz-linear-gradient(top,transparent 0%,rgba(0,0,0,0.4) 50%,rgba(0,0,0,0.65) 67%,rgba(0,0,0,0.76) 100%);
background: -webkit-linear-gradient(top,transparent 0%,rgba(0,0,0,0.4) 50%,rgba(0,0,0,0.65) 67%,rgba(0,0,0,0.76) 100%);
background: linear-gradient(to bottom,transparent 0%,rgba(0,0,0,0.4) 50%,rgba(0,0,0,0.65) 67%, rgba(0,0,0,0.76) 100%);
	
	text-align: right; direction: rtl;
	}
	
	.background-thumb .title-main a { color: #FFF; font-family: arial; font-size: 25px ; font-weight: bold; display: block; margin: 10px;}




	.background-thumb-small { width:100% !important; height: 200px;  background-size: cover; position: relative; }
	.background-thumb-small .title-main { height: 60px;padding: 80px 20px 65px 20px; position: absolute; bottom: 0; width:100%; 
background: -moz-linear-gradient(top,transparent 0%,rgba(0,0,0,0.4) 50%,rgba(0,0,0,0.65) 67%,rgba(0,0,0,0.76) 100%);
background: -webkit-linear-gradient(top,transparent 0%,rgba(0,0,0,0.4) 50%,rgba(0,0,0,0.65) 67%,rgba(0,0,0,0.76) 100%);
background: linear-gradient(to bottom,transparent 0%,rgba(0,0,0,0.4) 50%,rgba(0,0,0,0.65) 67%, rgba(0,0,0,0.76) 100%);
	
	text-align: right; direction: rtl;
	}
	
	.background-thumb-small .title-main a { color: #FFF; font-family: arial; font-size: 20px ; font-weight: bold; display: block; margin: 10px; line-height: 22px;}



.home-logo {
    width: 45%;
    float: right;
    margin-bottom: 10px;
    margin-top: 10px;
}
.mini-menu.mini-menu-dark {
    /*background-image: url(img/map-1.png) !important;*/
    background-position: center !important;
    background-repeat: no-repeat !important;
}
.top-menu {
    list-style: none;
/*    margin-top: 10px;*/
}
.top-menu li {
    font-family: tajawal;
    font-size: 14px;

    padding-left: 15px;
}

.social-icons {
    list-style: none;
    padding-top: 8px;
}

.top-story {
    position: relative;
    margin-left: 15px;
}
.top-story img {
    width: 100%;
    border-radius: 0px;
    height: 335px !important;
}
.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 .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: tajawal;
    font-size: 20px;
    padding: 0px;
    text-align: right;
    direction: rtl;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.top-story-2 {
    margin-bottom: 15px;
    position: relative;
}
.top-story-2 img {
    width: 100%;
    border-radius: 0px;
    height: 160px !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: tajawal;
    font-size: 18px;
    padding: 0px;
    text-align: right;
    direction: rtl;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.shadw-box a {
    color: #FFF;
    font-weight: bold;
    display: block;
    padding: 7px;
}
.top-story .cat-title, .top-story-2 .cat-title {
    border-radius: 4px;
    background-color: #be2f21;
    color: #FFF;
    text-align: center;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
    position: absolute;
    right: 0;
    margin-right: 5px;
    margin-top: 5px;
    font-family: tajawal;
    font-size: 12px;
}
.top-news {
    margin-bottom: 20px;
    margin-top: 20px;
    overflow: hidden;
}
.top-news img {
    width: 110px;
    height: 75px;
    border-radius: 4px;
    float: right;
    margin-left: 10px;
}
.top-news .title {
    text-align: right;
    direction: rtl;
}
.top-news .title a {
    color: #000;
    font-size: 14px;
    font-family: tajawal;
    font-weight: bold
}
.top-story-3 {
    margin-bottom: 15px;/*    position: relative;*/
}
.top-story-3 img {
    width: 100%;
    border-radius: 5px;
    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: tajawal;
    font-size: 18px;
    padding: 5px;
    text-align: right;
    direction: rtl;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.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 {
    border-radius: 4px;
    background-color: #be2f21;
    color: #FFF;
    text-align: center;
    padding: 5px;
    margin-top: 5px;
    font-family: tajawal;
    font-size: 12px;
}
.under-news {
    margin-bottom: 20px;
    margin-top: 20px;
    overflow: hidden;
}
.under-news img {
    width: 100%;
    height: 100px;
    border-radius: 4px;
    margin-bottom: 10px;
}
.under-news .title {
    text-align: right;
    direction: rtl;
}
.under-news .title a {
    color: #000;
    font-size: 14px;
    font-family: tajawal;
    font-weight: bold
}
.home-section {
    border-radius: 4px;
    padding: 5px;
    text-align: center;
    width: 120px;
    margin-bottom: 10px;
    font-family: tajawal;
    float: right;
    font-weight: bold
}
.home-section a {
    color: #fff;
}
.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: #005594;
}
.purbelle-bg {
    background-color: #dfd4f1;
}
.thumb-right {
    list-style: none;
    padding: 0px;
    margin: 0px;
    overflow: auto
}
.thumb-right li {
    margin-bottom: 6px;
    overflow: hidden;
    padding-top: 0px;
}
.thumb-right li img {
    width: 27%;
    height: 70px;
    float: right;
    margin-left: 10px;
}
.thumb-right li .title {
    font-family: tajawal;
    font-size: 17px;
    direction: rtl;
    text-align: right
}
.thumb-right li .title a {
    color: #000
}
.border-box {
    -webkit-box-shadow: 0px 0px 5px 2px rgba(51,51,51,0.35);
    -moz-box-shadow: 0px 0px 5px 2px rgba(51,51,51,0.35);
    box-shadow: 0px 0px 5px 2px rgba(51,51,51,0.35);
}

.mobile-only { display:none}
/*------------------------------*/
@media (max-width:767px) {
	
.desktop-only { display:none}	
.mobile-only { display:block}	
	
		.image-title-under li {
			width: 100%;
			text-align: right;
			direction: rtl;
			float: none;
			border: 1px solid #fff;
			margin-bottom: 15px;
		}	

	.mix2-list-top li { width:100%;}
	.mix2-list li { width:100%}
	
	.mix2-list li:nth-child(odd) .title { margin-left: 0px;}
	.mix2-list li:nth-child(even) .title { margin-right:0px}
	
.solid-menus .navbar-default.navbar-dark {
    background-color: #005594
}
.mobile-logo {
    height: 35px;
    margin-left: auto;
    margin-right: auto;
}
.navbar-brand {
    padding: 3px 0px;
}
.top-story {
    margin-left: 0px;
}
.top-story img {
    height: auto
}
.top-story-2 img {
    height: auto
}
.top-story-2 {
    margin-left: 0px !important;
}
.col-lg-12 {
    padding-top: 5px;
    padding-bottom: 5px;
}
}
		
		
		@media (max-width:767px) {
			.shadow-thumb li {
			width: 100%;
			text-align: right;
			direction: rtl;
			float: none;
			border: 1px solid #fff;
				margin-bottom: 10px;
		}	
			
			
		.big-thumb li {
			width: 100%;
			text-align: center;
			padding-top: 15px;
			margin-bottom: 10px;
		}	
			
	    .hot-news li { width:100% !important;  margin-bottom: 10px; text-align: right; overflow: hidden; direction: rtl; float: none; padding-bottom: 8px;}	
			
			
		.jobs li { width:100% !important; float:none; margin-bottom: 15px;}	
			
			
		}