:root {
    --color-5:#cf041c;
}
  
* { font-family: 'Cairo', sans-serif; font-weight:300; line-height:150%; box-sizing: border-box; }
body { direction:rtl; text-align:right; padding:0; margin:0; background-color: #f9f9f9; }

a:link, a:visited,a:active { color:#222 }
a:hover {color: #999;}

a { text-decoration: none }
img { display:block; max-width:100%; }
ol,ul,li,p,h2,img,input,div,h1,h2,h3,h4,h5,h6,button,table,td,content,footer,textarea,input,audio,select,nav,text,b { font-size:12pt; outline-width:0; padding:0px; margin:0px;  font-weight:400;  }
li { list-style-type:none; } 
p,div { font-size:10pt;  }

.mainWidth { width:960px; display:table; margin:auto; }

html.black { overflow:hidden }
.blackscreen { position:fixed; display:flex; justify-content: center; align-items: center; top:0; right:0; width:100%; height:100%; background-color:rgba(0,0,0,0.8); z-index:5; }
.blackBox { background-color: #fff;  border-radius:10px; box-shadow:0 0 10px rgba(0,0,0,0.5) }

header .he1 { padding:15px 0; background-color:#242e3d;  }
header .he1 .mainWidth { display:flex; justify-content: space-between; align-items: center; }
header .he1 .mainWidth nav a { display:inline-table; color:#727c8b; font-size:9pt; padding-right:10px;  }
header .he1 .mainWidth nav a i { float:right; font-size:14pt; margin-left:3px; }
header .he1 img { height:70px; }

header .he2 { background-color:#344156; }
header .he2 nav { flex:1; }
header .he2 nav.mainMenu { flex:1.5; }
header .he2 nav.mainMenu a.linkM, header .he2 nav.mainMenu li.mainSub { display:inline-table; padding:10px 15px; border-left:1px solid #42526b; font-weight:600; color:#fff; }
header .he2 nav.mainMenu a.checked { background:#dc364a }
header .he2 nav.mainMenu a.left.checked { background:#b82d3f }
header .he2 nav.mainMenu a.left { float:left; padding:3px 10px; border-right:1px solid #42526b }
header .he2 nav.mainMenu a.left i { font-size:24pt; }

header .he2 nav.mainMenu li.mainSub { cursor:pointer; position:relative }
header .he2 nav.mainMenu li.mainSub:hover { background:#b82d3f }
header .he2 nav.mainMenu li.mainSub:hover nav { display:block; }
header .he2 nav.mainMenu li.mainSub nav { display:none; position:absolute; top:42px; right:0; background:#b82d3f; z-index:1; width:200px; }
header .he2 nav.mainMenu li.mainSub nav a { display:block; padding:10px; color:#fff; font-size:10pt; font-weight: bold; border-bottom:1px solid #c74c5d; }

form.searchHead { display:none; background-color:#b82d3f; width:100%; padding:20px;   }
form.searchHead input { border-radius:0 20px 20px 0; }
form.searchHead input, form.searchHead select { float:right; padding:10px; font-size:12pt; border:0; width:650px; background-color: transparent;  }
form.searchHead select { width:auto; padding:6px 15px; border-right:1px solid #ddd; }
form.searchHead button { float:right; border:0; display:inline-table; background-color: transparent;padding:7px 12px; margin:0; margin-right:20px; border-right:1px solid #ddd; }
form.searchHead button i { font-size:20pt; color:#555; }


header .he2 nav.call { text-align: left; padding-top:5px; }
header .he2 nav.call a { color:#808a9a; font-size:10pt; margin-top:10px; padding-right:10px; }

h3.title { background-color:transparent !important; border-bottom:2px solid #c42526; display:table; width:100%; color:#111; font-size:16pt; font-weight:700; padding:10px 5px; }
h3.title i { float:right; margin-left:5px; margin-top:5px; color:#c42526; transform: rotate(90deg); }

h3.title.r1 { border-color:#0471e8; }
h3.title.r1 i { color:#0471e8; }

h3.title.r2 { border-color:#48a436; }
h3.title.r2 i { color:#48a436; }

h3.title.r3 { border-color:#f6a94c; }
h3.title.r3 i { color:#f6a94c; }

h3.title.r4 { border-color:#0471e8; }
h3.title.r4 i { color:#0471e8; }


.catName { background-color:#cf041c; color:#fff !important; padding:0 5px; font-size:9pt; } 

.mainEffectBox { display:flex; justify-content:space-evenly; margin-top:15px; gap:10px; }
.mainEffectBox .mainEffect {  position: relative; }
.mainEffectBox .mainEffect.s1 { flex:1.4; display:block; }
.mainEffectBox .mainEffect.s1 i.play { position: absolute; right:0; left:0; top:0; bottom:0; color:#fff; margin:auto; display:table; font-size:50pt; opacity:0.6; transform: translateY(-20px); }
.mainEffectBox .mainEffect.s1 div { width:100%; padding:10px 6px; position:absolute; bottom:0; background:rgba(0,0,0,0.6); background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%);  }
.mainEffectBox .mainEffect.s1 img { width:100%; height:100%; object-fit: cover; }
.mainEffectBox .mainEffect.s1 h1 { font-weight:600; color:#fff; margin-top:5px; font-size:14pt }
.mainEffectBox .mainEffect.s1 nav { }
.mainEffectBox .mainEffect.s1 nav text { color:#eee; font-size:9pt; }

i.reel { position: absolute;  left:0; top:0; padding:4px; color:#fff; font-size:14pt; background-color:#dc364a;}

.mainEffectBox .mainEffect.s2 { flex:1; display:flex; flex-direction: column; justify-content: space-evenly; gap:10px; }
.mainEffectBox .mainEffect.s2 div { position: relative; }
.mainEffectBox .mainEffect.s2 div i.play { opacity:0.6; position: absolute; right:0; left:0; top:0; bottom:0; color:#fff; margin:auto; display:table; font-size:35pt; transform: translateY(-10px); }
.mainEffectBox .mainEffect.s2 div img { object-fit: cover;  width:100%; height:100%; }
.mainEffectBox .mainEffect.s2 span { padding:10px 5px; display:block; position:absolute; bottom:0; width:100%; background:rgba(0,0,0,0.6); background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%); }
.mainEffectBox .mainEffect.s2 span a { color:#fff; }
.mainEffectBox .mainEffect.s2 span a h2 { font-size:11pt; font-weight: 600; margin-top:5px; }

.newMedia { margin-top:20px; }
.newMedia .newBox { display:flex; justify-content: space-evenly; gap:5px; margin-top:5px; }
.newMedia .newBox div { position:relative }
.newMedia .newBox div span { display:block;  width:100%; padding:10px 6px; position:absolute; bottom:0; background:rgba(0,0,0,0.7); background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%); }
.newMedia .newBox div img { aspect-ratio:1.4; width:100%; object-fit: cover; }
.newMedia .newBox div h4 { color:#fff; font-size:11pt; font-weight:700; margin-top:5px; }
.newMedia .newBox div i.play { opacity:0.8; position: absolute; right:0; left:0; top:0; bottom:0; color:#fff; margin:auto; display:table; display: none; font-size:35pt; transform: translateY(-10px); } 

.programs { margin-top:10px; margin-top:5px; overflow:hidden; white-space:nowrap; padding:25px 0; margin-top:10px; }
.programs a { display:inline-block; width:13.1%; margin-left:10px; text-align: center; }
.programs a img { width:100%; aspect-ratio: 1; border-radius: 50%; }
.programs h2 { font-size:10pt; font-weight:700; margin-top:5px; color:#555 }

.news { display:flex; justify-content: space-evenly; margin-top:20px; gap:10px; }
.news .right { flex:1.3; }
.news .left { flex:0.7;  }

.tria { border:1px solid #ddd; }
.tria .cube { display: flex; justify-content: space-evenly; gap:10px; }
.tria .cube div,.tria .cube a.big { flex:1;  padding:5px; display:block; }
.tria .cube a.big { flex:0.8; }

.tria .cube a.big img { width:100%; aspect-ratio:1.3; object-fit: cover; }
.tria .cube a.big h2 { font-weight: 700; margin-bottom:5px; margin-top:5px;}
.tria .cube a.big p { color:#444 }

.tria .cube a.small { display:table; width:100%; padding:7px 0; border-top:1px solid #ddd; }
.tria .cube a.small:nth-child(1) { border:0; }
.tria .cube a.small img { float:right; width:90px; aspect-ratio: 1.2; object-fit: cover; margin-left:10px; }
.tria .cube a.small h2 { font-size:11pt; font-weight:700; margin-bottom:5px; }
.tria .cube a.small span { color:#999; font-size:10pt; }

.chat { flex:1; border:1px solid #ddd; }
.chat div { box-shadow:0 0 10px rgba(0,0,0,0.2); margin:10px; margin-right:20px; margin-top:20px; border-radius:10px; }
.chat div p { color:#999; margin-top:5px; display: table; }
.chat div span { display:table; margin-right:-15px; transform: translateY(-10px); }
.chat div span img { margin-left:2px; width:40px; aspect-ratio: 1; border-radius: 50%; float:right; border:2px solid #fff }
.chat div span text { display:table; margin-top:15px;  font-weight: bold; color:#d32d2f }

.chat div a { display:table; padding:5px; padding-bottom:10px; position:relative }
.chat div a .videoExists  { position:absolute; color:#fff; right:22px; top:22px; }
.chat div a img { float:right; width:60px; margin-left:10px; border-radius: 5px; }
.chat div a h2 { display: table; font-size:11pt; color:#555 }
.chat div a h2 text { display:block; margin-top:5px; color:#999; font-size:9pt; }

.theme2 { display:flex; justify-content: space-evenly; gap:20px; margin-top:20px; }
.theme2 .right, .theme2 .left { flex:1; border:1px solid #ddd; }
.theme2 .box { margin-top:5px; display:flex; justify-content:space-evenly; flex-wrap:wrap; padding:2px; }
.theme2 .box a { display:block; flex-basis: 48%; position:relative; margin-bottom:5px; }
.theme2 .box a img { width:100%; aspect-ratio:1.3; object-fit: cover;  }
.theme2 .box a h2 { background:rgba(0,0,0,0.7); background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 90%); position:absolute; bottom:0; color:#fff; padding:5px; font-size:11pt; font-weight:700; }
.theme2 .box a h2 span { display:block; font-size:9pt; padding-top:3px; color:#ddd }

.newsRegular { border:1px solid #ddd; }
.newsRegular a { padding:10px 5px; display:table; width:100%; border-top: 1px solid #ddd; }
.newsRegular a img { float:right; width:100px; aspect-ratio: 1.4; margin-left:8px; }
.newsRegular a h2 { font-weight:700; margin-bottom:2px }
.newsRegular a span { color:#999; font-size: 9pt; }

footer { background-color:#242e3d; }
footer .mainWidth { padding:20px 0; display:flex; justify-content: space-evenly; flex-wrap:wrap; }
footer .mainWidth .fot { flex-basis:25%; }
footer .mainWidth .fot h2 { color:#999; font-weight:700; font-size:11pt; margin-bottom:15px; }
footer .mainWidth .fot nav {  }
footer .mainWidth .fot nav a { display:table; color:#eee; font-size:10pt; padding:2px 5px; }
footer .mainWidth .fot nav a i { font-size:12pt; margin-top:2px; float:right; }
footer .mainWidth .fot.call img { margin:auto; margin-bottom:10px; width:80px;  }
footer .mainWidth .fot.call span { display:table; padding:3px 0; padding-right:70px; }
footer .mainWidth .fot.call span i { float:right; margin-left:5px; color:#999; font-size:16pt; }
footer .mainWidth .fot.call span b { display: table; color:#999; font-size:10pt; }

.tria3 { padding:5px; display: flex; justify-content:space-evenly; flex-wrap:wrap; gap:10px; padding-bottom: 10px; }
.tria3 a { display:inline-table; background:#fff; flex:1;}
.tria3 a h2 { margin-bottom:5px; margin-top:5px; font-size:11pt; font-weight: bold; }
.tria3 a p { color:#444 }
.tria3 a img { aspect-ratio: 1.4; width:100%;  object-fit: cover; }
.tria3 a text { color:#999; padding-right:10px; font-size:9pt; }

.tria3 a:nth-child(1) { display:table; width:100%; background:#000; flex-basis:100%;  }
.tria3 a:nth-child(1) img { float:left; width:65%; height:250px; margin-right:5px; }
.tria3 a:nth-child(1) h2 { margin-top:0; color:#fff; padding:10px; font-size:15pt; }
.tria3 a:nth-child(1) p { color:#ccc; padding:0 10px;  }

.pathName { padding:10px 0; border-bottom:3px solid #cf041c; margin-top:20px; margin-bottom:20px; display:flex; justify-content: space-between; align-items: flex-end;  }
.pathName h1 { font-size:24pt; font-weight: bold; color:#cf041c }

.opts a { background-color: #444; display:inline-table; padding:5px 10px; color:#fff; margin:0 2px; font-size:12pt; font-weight: bold;}
.opts a.checked { background-color: #dc364a;}

.programsList { display:flex; flex-wrap:wrap; justify-content: space-evenly; flex-wrap:wrap; gap:5px;  }
.programsList a { display:table; flex-basis:24.3%; background:#000; position:relative }
.programsList a img { width:100%; aspect-ratio:0.8; object-fit: cover; }
.programsList a h2 { padding:10px; color:#fff; font-weight: 300; }

.programsVideos2 { display:flex; flex-wrap:wrap; justify-content: space-evenly; flex-wrap:wrap; gap:5px;  }
.programsVideos2 a { display:table; width: calc(100% / 5 - (10px * 4 / 5)); background:#000; position:relative }
.programsVideos2 a img { width:100%; aspect-ratio:0.8; object-fit: cover; }
.programsVideos2 a h2 { padding:10px; color:#fff; font-weight: 300; }
.programsVideos2 a p { display:none; }

.programsVideos { display:flex;  }
.programsVideos .moreVidsBox { display:flex; flex-wrap:wrap; justify-content: space-evenly; }
.programsVideos .moreVidsBox a { width: calc(100% / 5 - (10px * 4 / 5));  margin-top:15px; position:relative }
.programsVideos .moreVidsBox a img { width:100%; aspect-ratio: 1; object-fit: cover; }
.programsVideos .catRight { flex:1; margin-left:10px; border-left:1px solid #ddd; }
.programsVideos .catRight a { display:table; width:100%; border-bottom:1px solid #ddd; padding:10px 0; padding-left:10px; }
.programsVideos .catRight a img { width:150px; height:110px;  float:right; object-fit: cover; margin-left:10px; }
.programsVideos .catRight a h2 { font-size:12pt; font-weight: bold; margin-bottom: 5px; }
.programsVideos .catRight a text { font-size:11pt; color:#555 }
.programsVideos .catRight a p { padding:0 10px; color:#cf041c; margin-top:5px; }


.programsVideos .catLeft { flex:0.5; }

.page { margin-top:30px; }
.page a { display:inline-table;  text-align: center; padding:5px; background:#ddd; margin:3px; width:36px; }
.page a.checked { background-color: #cf041c; color:#fff; }

.player { display:table; width:100%; }
.player video { width:100%; aspect-ratio: 16/9; background-color: #000; }
.player iframe { width:100%; height:460px;  }
.player h1 { font-size: 16pt; font-weight: bold; margin-top:10px; }
.player p { margin-top:10px; color:#555; font-size:11pt; }
.player .info { display:table; width:100%; border-radius: 10px; padding:10px; background-color:#eee; margin-top:10px; }
.player .info a { display:inline-table; margin-left:15px; }
.player .info a i { float:right; font-size:14pt; margin-left:3px; }

.blackBox.reel { width:370px; height:650px; background-color: #000; overflow:hidden; position:relative; }
.blackBox.reel .reelBox { width:370px; height:650px;  }
.reel video { width:100%; height:100%; background-color: #000; object-fit: cover; }

.rightReel { position:fixed; right:30px; top:50%; padding:5px; }
.rightReel.left  { right:auto; left:30px; }
.rightReel i { font-size:30pt; color:#fff; }

.article { display:table; width:100%; display:flex;  }
.article .fullArticle { flex:1; border-left:1px solid #ddd; padding-left:10px; }
.article .leftArts { flex:0.5; padding:0 10px 0 0; }
.article h1 { font-size: 22pt; font-weight: bold; margin-top:10px; }
.article p { margin-top:10px; color:#555; font-size:11pt; }
.article .info { display:table; width:100%; border-radius: 10px; padding:10px; background-color:#eee; margin-top:10px; }
.article .info a { display:inline-table; margin-left:15px; }
.article .info a i { float:right; font-size:14pt; margin-left:3px; }

.shortArt { font-size:13pt; color:#555; font-weight: bold; margin-top:20px; line-height:180%; }
.mainImg { margin-top:15px; width:100%; }
.fullArt, .fullArt * { font-size:12pt !important; color:#000 !important; font-weight:400 !important; line-height:180%; }

.fullArt #videoPlayer { margin-top:10px; aspect-ratio: 16 / 10 !important; }

.fullArt strong { font-weight:700 !important;  }
.fullArt div { margin-top:12px; }
.fullArt img { display:table; margin-top:10px; width:100%;  }

.fullArt br { margin-top:12px; display:block; content: "A" }
.videoBox .imgTitle { transform:translateY(-10px); }

.imgTitle { font-size:9pt !important; display:block; padding:5px; color:#555 !important; background-color: #f1f1f1; font-weight: 400 !important; }

.adsBox { margin-top:10px; position:relative; padding:10px; background-color:#eee;}
.adsBox .link { display:table; width:100%; height:100%; position:absolute; top:0; right:0; z-index:1; }
.adsBox * { max-width:100%; }
.adsBox video,.adsBox iframe { display:table; margin:auto; }
.leftFloatAds { display:none; position:fixed; margin-top:10px;  left:10px; width:160px; padding:5px; background-color: #eee; min-height:160px;}

.userAdded { display:table; text-align: center; padding:5px; padding-left:10px;  border-radius: 5px; background-color: #f1f1f1; margin-bottom:10px; }
.userAdded img { width:50px; border-radius:10px; float:right; margin-left:5px; }
.userAdded text { font-size:11pt; }

@media only screen and (min-width: 1310px) {
    .leftFloatAds { display:block; }
}

.youtube { display:none; }

.shareIco { display:table; margin:auto; margin-top:15px;  }
.shareIco a { margin:0 3px; }
.shareIco a i { background-color: #fff; font-size:15pt; color:#111; padding:5px; border-radius: 50%; }

.shareMenu { float:left; margin-left:20px; margin-top:5px; }

.relatedArticlesA { position:relative; width: calc(100% / 5 - (10px * 4 / 5)); }
.relatedArticlesA i {
    position: absolute;
    top: 75px;
    margin: auto;
    right: 0;
    left: 0;
    z-index: 1;
    width: 50px;
    height: 50px;
    color:#fff;
    font-size:30pt;

}