@font-face {
  font-family: helveticaneuereg;
  font-display: swap;
  src: url(../fonts/HelveticaNeueW23forSKY-Reg_T02.eot), url(../fonts/HelveticaNeueW23forSKY-Reg_T02.eot?#iefix) format("embedded-opentype"), url(../fonts/HelveticaNeueMEforSKYW21-Rg_web.woff2) format("woff2"), url(../fonts/HelveticaNeueMEforSKYW21-Rg_web.woff) format("woff"), url(../fonts/HelveticaNeueMEforSKYW21-Rg_web.ttf) format("truetype"), url(../fonts/HelveticaNeueW23forSKY-Reg_T02.svg#HelveticaNeueW23forSKY-Reg_T02) format("svg");
  font-weight: 400;
  font-style: normal
}
@font-face {
  font-family: helveticaneuebold;
  font-display: swap;
  src: url(../fonts/HelveticaNeueW23forSKY-Bd_T02.eot), url(../fonts/HelveticaNeueW23forSKY-Bd_T02.eot?#iefix) format("embedded-opentype"), url(../fonts/HelveticaNeueMEforSKYW21-Bd_web.woff2) format("woff2"), url(../fonts/HelveticaNeueMEforSKYW21-Bd_web.woff) format("woff"), url(../fonts/HelveticaNeueMEforSKYW21-Bd_web.ttf) format("truetype"), url(../fonts/HelveticaNeueW23forSKY-Bd_T02.svg#HelveticaNeueW23forSKY-Bd_T02) format("svg");
  font-weight: 800;
  font-style: normal
}

body {
  background-color: #f5f5f5;
}

.headerwp {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0px;
  min-width: 320px;
}

.topbarbg {
  width: 100%;
  display: block;
  min-height: 194px;
  padding-top: 0px;
  background-image:url(../images/bg.jpg);
  background-size:contain;	

  box-shadow: 0 0 20px rgba(0, 0, 0, .3);
/*background: rgb(255,255,255);*/

}

.desktoplogo {
  padding: 0px;
	padding-top: 0px; padding-bottom: 10px;
  margin: 0 auto;
  text-align: center;
}

/*Swicher CSS*/

.swichermainbx {
  max-width: 1140px;
  margin: 155px 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 i {
  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) {
  .desktoplogo {
    display: none;
  }

  .topbarbg {
    background: none;
    box-shadow: none;
  }

  .swichermainbx {
    width: 96%;
    margin: 0% 2%;
    display: block;
    background-color: rgba(255, 255, 255, 0.3);
    padding: 15px 25px;
    border-radius: 14px;
  }

  .swichermainleft {
    width: 98%;
    margin: 1% 1%;
  }

  .swichermainright {
    width: 98%;
    margin: 1% 1%;
  }

  .wscolorcode {
    width: 12.5%;
  }

  .swichertxt {
    display: none;
  }

  .swichertxt02 span {
    display: none;
  }
}
/*================================================================*/
	
	a:hover { text-decoration: none !important;}
	
	.desktoplogo img {  width:240px; float: right; margin-top: 20px;}	
	.main-menu { width:12.5%}
	
	.bg-blue { background-color: #53bfe2 !important}
	.bg-yellow { background-color: #f8c54c !important}
	.bg-green { background-color: #2dbc89 !important}
	.bg-purble { background-color: #de6dc2 !important}
	.bg-pink { background-color: #e95080 !important}
	.bg-orange {  background-color: #ebebeb   }
	.bg-blue2 { background-color: #4a7498 !important}
	
	.radius-box { border-radius: 10px;  }
	
	
	.top-menu-box {    border-bottom: 2px solid #e7d13e;
    background-color: #2e2e2e;}
	.top-menu { max-width: 1200px;
		/* background-color: #ea7d32;*/ 
		height: 40px; width:100%; 
		
	margin-left: auto; margin-right: auto;}
	.date { font-family: helveticaneuebold; font-size: 14px;  color:#333; padding-top: 8px; text-align: center;}
	
	
	.main-box { margin-top: 25px;}
	.main-story { }
	.main-story img { width:100%; height: 400px !important;}
	.main-story-2 img { width:100%; height: 200px !important;}
	
	.sub-story {  margin-bottom: 20px}
	.sub-story img { width:100%; border-radius: 10px; border:1px solid #ccc; height: 260px;}

	
	.home-section { font-family: helveticaneuebold; text-align: right;  font-size: 20px; font-weight: bold; margin-bottom: 15px; background-color: #efefef; border-right: 10px solid #2e2e2e; padding: 8px; }
	.home-section img { float: right; vertical-align: middle; height: 40px; margin-left: 10px; margin-right: 10px;}
	.home-section a { margin-top: 7px; color:#000; font-weight: bold;  padding-right: 10px;} 	
	
	.color-blue a { color:#53bfe2}
	
	
	.home-section-white { font-family: helveticaneuebold; text-align: right; padding: 10px; font-size: 25px;; font-weight: bold;}
	.home-section-white img { float: right; vertical-align: middle; height: 40px; margin-left: 10px; margin-right: 10px;}
	.home-section-white a {color:#fff; display: block; margin-top: 3px;} 
	
	
	.big-image { padding: 10px; margin: 5px;
	padding-top: 0px; margin-top: 0px; margin-bottom: 15px;
	}
	.big-image img { width:100%; border-radius: 10px; height: 150px; margin-bottom: 10px; border:1px solid #ccc;}
	.big-image .title { text-align: right; direction: rtl; font-family: helveticaneuebold; font-size: 16px; font-weight: bold;}
	.big-image .title a { color:#000;}
	
	
	.big-news { padding: 0px; margin: 5px;
	padding-top: 0px; margin-top: 0px; margin-bottom: 15px;
	}
	.big-news img { width:100%; border-radius: 10px; height: 125px; margin-bottom: 10px; border:1px solid #ccc;}
	.big-news .title { text-align: right; direction: rtl; font-family: helveticaneuebold; font-size: 16px; font-weight: bold;}
	.big-news .title a { color:#000;}	
	
	
	
	
	.big-image-2 { padding: 0px; margin: 0px;
	padding-top: 0px; margin-top: 0px; margin-bottom: 15px;
	}
	.big-image-2 img { width:100%; border-radius: 10px; height: 200px; margin-bottom: 10px; border:1px solid #ccc;}
	.big-image-2 .title { text-align: right; direction: rtl; font-family: helveticaneuebold; font-size: 16px; font-weight: bold;}
	.big-image-2 .title a { color:#000;}
		
	
	
	.big-image-white { padding: 0px; margin: 5px; 
	padding-top: 0px; margin-top: 10px; margin-bottom: 15px;
	}
	.big-image-white img { width:100%; border-radius: 10px; height: 150px; margin-bottom: 10px; border:1px solid #ccc;}
	.big-image-white .title { text-align: right; direction: rtl; font-family: helveticaneuebold; font-size: 16px; font-weight: bold;}
	.big-image-white .title a { color:#FFF;}	
	
	
	.right-image { overflow: hidden; padding: 15px; margin-right: 10px;}
	.right-image img {float:right; width:120px; border-radius: 10px; height: 90px; margin-left: 10px; }
	.right-image .title { text-align: right; direction: rtl; font-family: helveticaneuebold; font-size: 16px; font-weight: bold;}
	.right-image .title a { color:#FFF;}	
	
	
	.right-image-black { overflow: hidden; padding: 15px; margin-right: 10px;}
	.right-image-black img {float:right; width:120px; border-radius: 10px; height: 90px; margin-left: 10px; }
	.right-image-black .title { text-align: right; direction: rtl; font-family: helveticaneuebold; font-size: 16px; font-weight: bold;}
	.right-image-black .title a { color:#000;}		
	
	
	
	.social { overflow: hidden; margin-top: 0px; text-align: center; float: left; margin-right: 25px;}
	.social a { font-size: 26px; color:#FFF; float: left; margin-left: 5px; margin-right: 5px;}
	
	

	
	.weather-icon { width:68px; float: left; margin-top: 2px; height: 35px; overflow: hidden;}
	#ww_37c63377d260f .ww-box[max-width~="768px"] .ww_col1 { padding: 0px !important;}
	#ww_37c63377d260f .current-conditions svg { height: 35px !important; width: 35px!important;}
	
	.info-links { font-family: helveticaneuebold; font-size: 13px;  display: block; float: right; color:#FFF; border-left: 1px solid #ccc; padding-left: 7px; padding-right: 7px; margin-top: 8px}
	
	/*----------------------------------------------------*/
	.top-new-box { background-color: #fff; border: 1px solid #ccc; padding: 10px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;    
    background-color: #fafafa;
    margin-bottom: 15px;
    box-shadow: 0 13px 24px 0 rgba(153,157,160,.32);}
	
	.bottom-new-box { background-color: #fff; border: 1px solid #ccc; padding: 10px; border-radius: 4px; margin-bottom: 15px;    border-radius: 0px;
    background-color: #fafafa;
    margin-bottom: 15px;
    box-shadow: 0 13px 24px 0 rgba(153,157,160,.32);}
	
	

	
	.top-news { margin-bottom: 10px; margin-top: 10px; overflow: hidden;}
	.top-news img {
    width: 100px !important;
    height: 70px !important;
    border-radius: 4px;
    float: right;
    margin-left: 10px;
	
	}
	
	.top-news .title {font-family: helveticaneuebold; font-size: 14px; font-weight: bold;  text-align: right; direction: rtl;}
	.top-news .title a { color:#000;}
	
	.owl-next span, .owl-prev span {
  color: #00193d;
  position: absolute
}
	
	
	.owl-next, .owl-prev {
  position: absolute;
  top: 0;
  height: 100%
}
.owl-prev {
  left: -45px;
  top: -10px
}
.owl-next {
  right: -45px;
  top: -10px
}
	
	/*---------------------------------*/
	.header-banner img { margin-top: 10px;width:100%; height: 90px; border-radius: 4px;}
	
	.main-story { position: relative;}
	
	.main-story .cat-title {	
    border-radius: 4px;
    background-color: #be2f21;
    color: #fff;
    text-align: center;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
    position: absolute;
    right: 10px;
    margin-right: 5px;
    margin-top: 15px;
    font-family: helveticaneuebold;
    font-size: 12px;	
	}
	
	.main-story .shadow-box {
    position: absolute;
    bottom: 0;
    background-image: linear-gradient(0deg, #000, rgba(0, 0, 0, .7), rgba(0, 0, 0, 0));
    width: 100%;
    font-family: helveticaneuebold;
	font-weight: bold;
    font-size: 30px;
    padding: 10px;
    text-align: right;
    direction: rtl;

	padding: 10px;
	}	
	
	.main-story .shadow-box a { color:#fff;}



	.main-story-2 .shadow-box {
    position: absolute;
    bottom: 0;
    background-image: linear-gradient(0deg, #000, rgba(0, 0, 0, .7), rgba(0, 0, 0, 0));
    width: 100%;
    font-family: helveticaneuebold;
	font-weight: bold;
    font-size: 20px;
    padding: 10px;
    text-align: right;
    direction: rtl;
	padding: 10px;
	}	
	
	.main-story-2 .shadow-box a { color:#fff;}
	
	/*----------------------------------------------*/
	
	 
	
	
	.sub-story { position: relative;}
	
	.sub-story .cat-title {	
    border-radius: 4px;
    background-color: #be2f21;
    color: #fff;
    text-align: center;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
    position: absolute;
    right: 10px;
    margin-right: 5px;
    margin-top: 15px;
    font-family: helveticaneuebold;
    font-size: 12px;	
	}
	
	.sub-story .shadw-box {
    position: absolute;
    bottom: 0;
    background-image: linear-gradient(0deg, #000, rgba(0, 0, 0, .7), rgba(0, 0, 0, 0));
    width: 100%;
    font-family: helveticaneuebold;
	font-weight: bold;
    font-size: 18px;
    padding: 10px;
    text-align: right;
    direction: rtl;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
	padding: 10px;
}		
	
	.sub-story .shadw-box a { color:#fff;}


.big-right {
			list-style: none;
			padding: 0px;
			margin: 0px;
			overflow: auto;
			margin-top: 0px;
			margin-right: 10px;
		}
		
		.big-right li {
			height: 80px;
			overflow: hidden;
			margin-bottom: 5px;
		}
		
		.big-right li img {
			width: 115px;
			height: 75px !important;
			float: right;
			margin-left: 10px;
			border-radius: 4px;
		}
		
		.big-right li .title {
			font-family: tajawal;
			font-size: 14px;
			direction: rtl;
			text-align: right
		}
		
		.big-right li .title a {
			color: #000;
			font-weight: bold
		}
		
		.big-right li:last-child {
			margin-bottom: 0px !important;
			height: 92px !important;
		}
	
	
	@media (max-width:767px) {	
		
		.hidden-xs { display: none;}
		.topbarbg { min-height: 55px !important;}
		.main-story img { height: 300px !important ; }
		.main-story .shadw-box { font-size: 22px;}
		.big-image img, .big-image-white img { height: 225px;}
		.footer-logo { text-align: center;}
		.social-footer { margin-right: 0px;}
		.col-md-2 { width:33.333%; float: right; padding: 0px;}
		.copy{ margin-top: 25px;}
	}
	
	
	.main-sub { padding: 10px; background-color: #efefef; text-align: right; direction: rtl; height: 80px; border-bottom: 1px solid #Ccc;}
	.main-sub a { font-family: helveticaneuebold; font-size: 15px; font-weight: bold; color:#000;}

	.main-sub-active { padding: 10px; background-color: #781010; text-align: right; direction: rtl; height: 80px; border-bottom: 1px solid #Ccc;}
	.main-sub-active a { font-family: helveticaneuebold; font-size: 15px; font-weight: bold; color:#fff;}

.title-main {
	text-align: right; direction: rtl; font-size: 28px; font-weight: bold; line-height: 32px;
	
}

.overlay {
	height: 120px;
	width: 100%;
	padding: 10px;
	box-shadow: 0 -190px 120px -50px rgba(3, 3, 3, 0.7) inset;
	z-index: 100;
	/* background-color: #3089b4; */
	position: absolute;
	margin-top: -120px;
	
}
.overlay a {
	color: #fff !important;
	font-family:helveticaneuebold !important;
}	
	
	.main-article img { width:100%; height: 480px;}
	
	
	.side-banner-box { padding-top: 9px; padding-bottom: 9px;}
	.side-banner { padding: 3px;}
	.side-banner img { width:100%; border-radius: 4px; height: 60px; border:1px solid #ccc;}
	
	.pl10 { padding-left: 10px; }
	.pr10 { padding-right: 10px;}
	
	
	.thumb-right-small { list-style: none; margin: 0px; padding: 0px;}
	.thumb-right-small li { padding: 5px; margin-bottom: 5px; overflow: hidden;}
	.thumb-right-small li img{ width:60px; height: 55px; border-radius: 4px; float: right; margin-left: 10px;}
	.thumb-right-small li .title { text-align: right; direction: rtl; font-family: helveticaneuebold; font-size: 14px; font-weight: bold}
	.thumb-right-small li .title a { color:#000;}	

.mobile-only { display: none;}
	
@media (max-width:768px) {	
	
	.mobile-only { display: block;}
	.big-news img { height: auto}
	.pad-mobile { padding-left: 10px; padding-right: 10px; overflow: hidden;}
	
	.pl10 { padding-left: 0px; }
	.pr10 { padding-right: 0px;}	
	.col-md-6, .col-md-4 { padding: 0px;}
	}