@font-face {
    font-family: 'ZaridSansLight'; /* Custom name for the font */
    src: url('../fonts/29LTZaridSans-Light.otf') format('opentype'); /* Path to the font file */
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'ZaridSansBold'; /* Custom name for the font */
    src: url('../fonts/29LTZaridDisplay-Bold.otf') format('opentype'); /* Path to the font file */
    font-weight: bold;
    font-style: normal;
}


@font-face {
    font-family: 'ZaridSansSimiBold'; /* Custom name for the font */
    src: url('../fonts/29LTZaridDisplay-Medium.otf') format('opentype'); /* Path to the font file */
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'ZaridRegular'; /* Custom name for the font */
    src: url('../fonts/29LTZaridDisplay-Regular.otf') format('opentype'); /* Path to the font file */
    font-weight: bold;
    font-style: normal;
}





/* Color Swicher CSS */

body {
  background-color: #e9ebef;

}

.swichermainbx {
 /* max-width: 1230px;*/
  max-width: 100%;
  margin: 40px auto 0px auto;

}


.swichermainleft {
  width: 50%;
  float: left;
  margin-bottom: 25px;
}

.swichermainright {
  width: 50%;
  float: left;
  margin-bottom: 25px;
}

.swichermainright.swichertxt {
  width: 100%;
  float: none;
  margin-bottom: 25px;
}

.swichertxt02 {
  font-size: 15px;
  margin-bottom: 15px;
  color: #fff;
}

.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;
  cursor: pointer;
}

.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) {
  .swichermainbx {
    width: 95%;
    margin: 10px;
    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;
  }
}


/* End COlor Swicher CSS */

	.mainstory { position: relative; /*border:1px solid #333;*/ }
	.mainstory img { width:100%;  height: 450px !important; }
	.mainstory .shadow {
	position: absolute;
    bottom: 0;
    background-image: linear-gradient(0deg, #000, rgba(0, 0, 0, .8), rgba(0, 0, 0, 0));
    width: 100%;
    font-family: ZaridSansBold;
    font-size: 24px;
    padding: 20px;
    text-align: right;
    direction: rtl;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;}
	
	.mainstory .title { font-size: 30px; }
	.mainstory .title a { color:#fff;}
	
	.sub-main { overflow: hidden; padding-bottom: 10px;  border-bottom: 1px solid #ccc; padding-top: 10px; height: 90px;}
	.sub-main img { width:90px; height: 70px; float: right; margin-left: 15px; }
	.sub-main .sub-order { float: right; width:80px; text-align: center; font-size: 40px; color: #acacac}
	.sub-main .sub-title { text-align: right; font-family: ZaridSansSimiBold; font-size: 19px; overflow: hidden}
	.sub-main .sub-title a { color:#000; display: block;}

	.sub-main .brief { font-size: 13px;text-align: right; font-family: ZaridSansSimiBold; color:#333;font-weight: normal; direction: rtl;}


	.mt35 { margin-top: 20px;}
	.dark-bg { background-color: #172b4d; padding-top: 15px;}
	.top-news { padding: 10px;}
	.top-news img { }
	.top-news .title { font-family:ZaridSansSimiBold; font-size: 20px; padding: 5px; text-align: right; direction: rtl;  }
	.top-news .title a { color:#fff}


	.big-image-recent { background-color: #fff; height: 300px; margin-bottom: 20px; overflow: hidden; }
	.big-image-recent img { width:100%; height: 180px; transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1); }
	.big-image-recent img:hover {transform: scale(1.1);}

	.big-image-recent .title { font-family:ZaridSansSimiBold; font-size: 20px;  text-align: right; direction: rtl;  line-height: 24px; height: 61px; padding-left: 10px; padding-right: 10px; padding-top: 10px; overflow: hidden}
	.big-image-recent .title a { color: #000;}



	.big-image { background-color: #fff; height: 300px; margin-bottom: 20px; overflow: hidden; }
	.big-image img { width:100%; height: 180px; transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1); }
	.big-image img:hover {transform: scale(1.1);}

	.big-image .title { font-family:ZaridSansSimiBold; font-size: 20px;  text-align: right; direction: rtl;  line-height: 24px; height: 85px; padding-left: 10px; padding-right: 10px; padding-top: 10px; overflow: hidden}
	.big-image .title a { color: #000;}



	.big-image-more { background-color: #fff; height: 330px; margin-bottom: 20px; overflow: hidden; }
	.big-image-more img { width:100%; height: 180px; transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1); }
	.big-image-more img:hover {transform: scale(1.1);}

	.big-image-more .title { font-family:ZaridSansSimiBold; font-size: 20px;  text-align: right; direction: rtl; padding: 10px; line-height: 24px; height: 80px;}
	.big-image-more .title a { color: #000;}


	.big-image-more .title-cat {  color:#f02e9e; padding: 5px; border-radius:4px; float: right; font-weight: bold ; font-size: 13px;}

	.big-image-more .ov { overflow: hidden;}

	
		
	.home-section  { font-family:ZaridSansBold; font-size: 30px;  text-align: center; padding: 10px;  padding-right: 24px;}
	.home-section a { color:#162c4c;} 
	.home-section .dots { float: right; margin-top: 10px; margin-right: 15px; margin-left: 10px;}
	.home-section .s-dot { width:15px; height: 15px; background-color: #333; margin-left: 5px; float: right;}
	
	.home-section img,.home-section-white img { width:30px; margin-right: 10px;}
	
	
	.home-section-white  { font-family:ZaridSansBold; font-size: 35px;  text-align: right; padding: 10px; padding-right: 24px; }
	.home-section-white a { color:#fff;} 
	.home-section-white .dots { float: right; margin-top: 10px; margin-right: 15px; margin-left: 10px;}
	.home-section-white .s-dot { width:15px; height: 15px; background-color: #d91313; margin-left: 5px; float: right;}	

	.footer { background-color: #172b4d;}	 


		.fontsize {text-align: center; width:40px; height: 100px; background-color: #efefef; border-radius: 4px; position: fixed; top:40%; right: 30px;}
		.pmore, .pless { font-size: 25px; display: block; width:40px; height: 40px; cursor: pointer;}


	.section-title-inner { font-family: ZaridSansBold; font-size: 20px; font-weight: bold;  padding-bottom: 5px; border-bottom: 1px solid #ccc; width:100%; text-align: right;}
	.section-title-inner a { color:#000}


	.section-title-cat { font-family: ZaridSansBold; font-size: 20px; font-weight: bold;  padding-bottom: 10px;  width:100%; text-align: right; padding-right: 25px;}
	.section-title-cat a { color:#000}


		
		.page-content { padding: 10px;}
		.page-content h1 { padding-top: 10px; font-family:ZaridSansSimiBold; font-size: 35px; text-align: center; direction: rtl; margin-bottom: 0px; padding-bottom: 10px; }
		.page-content .description { font-family:ZaridRegular; font-size: 24px; text-align:justify; direction: rtl; margin-bottom: 10px ; padding: 23px; }
		.post-image { text-align: center;}
		.post-image img { width:95%;  margin-bottom: 20px;}
		.page-content .featured {}
		.page-content {}

		.fa-angle-left { font-size: 12px; margin-left: 10px; margin-right: 10px;}
		.social-post { margin-bottom: 15px; overflow: hidden; }



	.big-image-inside { padding: 0px;overflow: hidden; margin-bottom: 10px;  }
	.big-image-inside img {  width:100px;  height: 80px; float: right;   margin-left: 10px; border:1px solid #ccc;}
	.big-image-inside .title { text-align: right; direction: rtl; font-family: ZaridSansSimiBold; font-size: 17px; }
	.big-image-inside.big-image-inside .title a { color:#000; }
	.big-image-inside .home-date { text-align: right;}

.white-box-right { padding: 15px; margin-right: 25px; width:75%; margin-left: auto; margin-right: auto;}
.white-box-left { background-color: #fff;  padding: 15px; }

.post-meta {
  overflow: hidden;
  padding-bottom: 10px;
	text-align: center;
}
.post-meta ul {
  margin: 0;
  padding: 0
}
.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: 700;
  overflow: hidden;
 
  direction: rtl
}	


.video-container {
  position: relative;
  padding-bottom: 56.25%;
  margin-top: 20px;
  margin-bottom: 20px;
  height: 0;
  overflow: hidden
}
.video-container embed, .video-container iframe, .video-container object {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

	.more-news { display: block; float: left; width: auto; font-size: 25px; color:#f02e9e !important; }

	.post-date { text-align: right; padding: 5px; font-size: 13px; }
	
	.header-date { float: left; width:150px; color:#fff; font-family:ZaridSansBold; font-size: 17px; font-weight: bold; margin-top: 45px; margin-right: 10px; }


	.top-news { position: relative;}
	.play-icon { text-align: center; width:40px; height: 40px; border-radius: 50%; background-color: #000; position: absolute; left: 25px; bottom: 95px;}
	.play-icon img { width:25px !important; height: 25px !important;    margin-top: 7px;
    margin-right: 5px;}


		
		.w-box { background-color: #fff; padding: 10px; margin-bottom: 25px;}
		.mix-image { overflow: hidden; margin-bottom: 10px;}
		.mix-image img { width:90px; height: 80px; float: right; margin-left: 10px; }
		.mix-image .title {font-family: ZaridSansSimiBold; font-size: 18px; text-align: right; direction: rtl}
		.mix-image .title a { color:#000 }
		
		.mix-image:nth-child(1) img {width:100% ;  margin-bottom: 10px; height: 220px; float: none;}
		.mix-image:nth-child(1) .title { font-size: 22px; height: 70px;}
		.mix-image:nth-child(1) .post-date { margin-bottom: 15px;}
		
		.mix-image-writer { overflow: hidden; margin-bottom: 10px;}
		.mix-image-writer img { width:90px; height: 90px; float: right; margin-left: 10px; }
		.mix-image-writer .title {font-family: ZaridSansSimiBold; font-size: 18px; text-align: right; direction: rtl}
		.mix-image-writer .title a { color:#000 }		
		
		.mix-image-writer .writer { text-align: right;color:#f02e9e;font-family: ZaridSansSimiBold;}


	.load-more {cursor: pointer;  padding: 10px; width:auto; background-color: #f02e9e; color:#Fff; text-align: center;font-family: ZaridSansSimiBold; font-size: 18px; border-radius: 6px; margin-left: auto; margin-right:auto; margin-bottom: 10px; padding-left: 20px; padding-right: 20px; margin-right: 25px;}	
	
	.title-cat { text-align: right;}


        .apple {
            width: 100%;
            max-width: 100%;
            height: 175px;
            border: none;
        }
		
.description img {
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 15px;
}		
		.writer-image { width:200px; float: right; margin-left: 15px; margin-bottom: 15px; margin-top: 30px;}
		.writer-image img { width:100%; border-radius: 10px;}
		.writer-name { text-align: center;}


.pagination {
clear: both;
font-family: arial; 
overflow: hidden;
padding-right: 10px;
width: 100%;
margin-bottom: 10px;
padding-top: 15px
}

.pagination ul {
list-style: none outside none;
margin: 0
}

.pagination ul li {
	float: right
}

.currenttext, .pagination a:hover {
	background: none repeat scroll 0 0 #f02e9e;
	font-family: arial;
	font-size: 12px;
	font-weight: 700;
	color: #FFF;
	display: inline-block;
	float: right;
	line-height: 1.2em;
	margin: 0 5px 0 0;
	padding-top: 9px;
	padding-bottom: 9px;
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: none
}

.pagination a {
	font-family: arial;
	font-size: 12px;
	font-weight: 700;
	
	color: #000;
	display: inline-block;
	float: right;
	width:35px;
	line-height: 1.2em;
	margin: 0 5px 0 0;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: none;
	transition: all .25s linear 0s;
	background-color:#fff;
	text-align: center;
	border-radius: 4px;
}

.pagination a:hover {
	background: none repeat scroll 0 0 #f02e9e;
	color: #FFF;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 10px;
	padding-right: 10px
}
.pagination a.pagearrow {
	border: 1px solid #D81D28;
	color: #64A7FE;
	display: inline-block;
	float: right;
	line-height: 1.2em;
	margin: 0 5px 0 0;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: none;
	transition: all .25s linear 0s
}

.pagination a.pagearrow:hover {
	background: none repeat scroll 0 0 #64A7FE;
	color: #FFF;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 6px;
	padding-right: 6px
}

.pagination a.active { background-color: #0B2F67; color:#fff;}	


	.hideondark, .showondark { width: 60px;}
		.dark-light {    
		width: 130px;
    float: left;
    margin-top: 42px;}


	.wsmenu>.wsmenu-list>li>a:hover {
		
		background-color: #f02e9e; border-radius: 0px;
	}

section.ticker-news-break {
  padding: 0px 0;
  background: #e50000;
  width:100%;
  position: fixed;bottom: 0;
	z-index: 9999999;
}
.ticker-news-box-break {
  overflow: hidden !important; 
}
	
	.trendscontent {
    float: right;
    width: calc(100% - 100px);
    margin-top: 10px;
		
	}
	
	
	.ticker-news { width:100%; background-color: #0d5cd9; z-index: 99; overflow: hidden; height: 50px;}
	.ticker-news a { color:#fff; font-family: ZaridSansBold ; font-size: 18px;}
	.breaking-news { display: block; float: right; width:140px;font-family: ZaridSansBold ; background-color: #000; color:#fff; padding: 10px; text-align: center; padding-top: 18px; padding-bottom: 18px;}
	.trendscontent { float: right; width: calc(100% - 140px); margin-top: 12px;}
	.trendscontent img { width:25px; margin-left: 10px; margin-right: 10px; height: 25px;}


	.showondark, .hideondark { cursor: pointer;}
	.showondark { display: none;}

	body.dark .showondark { display: block;}
	body.dark .hideondark { display: none;}	


.dark-light-mobile { display: none !important}

@media (max-width:767px) {
	
	.wsmenu>.wsmenu-list>li>ul.sub-menu>li { padding-right: 15px;}
	.wsmenu>.wsmenu-list>li>ul.sub-menu>li>a { font-size: 18px;}
	
	.load-more { margin-right: 0px;}
	
	.sub-main .sub-order, .sub-main .brief { display: none;}
	
	.dark-light-mobile { display: block !important;}
	
		.dark-light-title { width:100%; color:#fff; padding-bottom: 10px; text-align: center; font-family: ZaridSansBold !important;  border:none; padding: 10px; background-color: #162c4c; padding: 15px;}
			
	
		.dark-mobile, .light-mobile {cursor: pointer; display: block; width:50%; float: right; padding: 10px; }

		.dark-mobile { background-color: #efefef; color:#000; border:1px solid #333}
		.light-mobile { background-color: #000; color:#fff;border:1px solid #000}	
	
	.wssearchform input { height: 40px; width:100%; float: right; margin-top: -6px;}
	.wssearchform form:before { display: none;}
	
	
	.dark-light {
    width: 130px;
    margin-top: -52px;
    position: absolute;
    z-index: 999999;
    left: 65px;
}
	
	
	.wssearch {
  background-color: transparent;

  padding: 30px 25px 28px 25px;
  cursor: pointer;
		position: absolute;
		right: 0px;
		z-index: 9999999;
		top:0px;
}
	
	.big-image { height: auto; padding-bottom: 15px;}
	
	.page-content .description { padding: 10px;}
	
	.white-box-right { width:100%; padding: 0px;}
	
	.mt75 { margin-top: 75px}
	
	.wsmenu>.wsmenu-list { margin-top: 0px;}
	
	.main-articles { margin-top: 90px}
	
	.hide-mobile { display: none}
	
	.wsmenucontainer { margin-top: 75px;}
	.row { margin: 0px;}	
	.container { padding: 0px;}
	
	
	.mainstory img { height: 310px !important;}
	
	.big-image img { height: auto;}
}