/********** BBC **********/
.News_BBC .ttl { border-bottom: 2px solid #bb1919 }
.News_BBC .ttl h1,
.News_BBC .ttl h2,
.News_BBC .ttl h3 { display: none }
.News_BBC .ttl img.bbcHeaderImg { display: inline-block; float: right; width: auto; height: 32px }
.bbcTtl { display: none }
.listing.News_BBC .ttl,
.news.BBC .bbcTtl { border-bottom: none; background: #bb1919; }
.news.BBC .bbcTtl { display: inline-block; float: right; width: 100%; margin-bottom: 30px; text-align: right }
.listing.News_BBC .ttl a,
.news.BBC .bbcTtl a { display: inline-block; float: right; width: 100%; }
.listing.News_BBC .ttl img.bbcHeaderImg,
.news.BBC .bbcTtl img.bbcHeaderImg { height: 36px }
.news.BBC .bbcTtl img.bbcFooterImg { height: 30px }
.news.BBC .breadcrumb { margin-bottom: 30px }
.news.BBC .provider { display: none }
.listingMoreSer{display:inline-block;float:left;color:#E03322}

/********** Listing **********/
.listing { width: calc(100% - 320px); margin-left: 20px; padding: 0; background: none }
/*.listing .ttl h1:after{content:"";width:4px;height:24px;background:#E03322;float:right;margin-left:12px;margin-top:4px}*/
.listing .cd-gallery li { display: inline-block }
.listing .cd-tab-filter-wrapper { display: none }
.innerListingContainer { padding: 0; background: none }
.cd-gallery li.innerListingAds { width: 100% !important; display: inline-block; text-align: center; margin-bottom: 0 !important; padding-bottom: 0; background: none !important; border: none !important; cursor: auto; }
.cd-gallery li.innerListingAds iframe { width: 100% }
.cd-gallery .billboardDiv .adAsync iframe { width: 728px }
.cd-gallery li.innerListingAds section { margin-bottom: 16px }
.cd-gallery li.innerListingAds .showcaseDiv,
.articleDiv .showcaseDiv { margin: 0 calc((100% - 300px) / 2) 16px }

.authorsListing .cd-gallery li .time { display: none }
.authorsListing .cd-gallery li .authorName { display: inline-block;  font-size: 13px; color: #666; height: 28px; overflow: hidden; padding: 0 10px }
.authorsListing .cd-gallery li .authorName:hover { color: #1d1d1d }


/** Search Result Filter **/
.filterMainContent { position: relative; min-height: 28vh; display: inline-block; float: right; width: 100%; margin-top: 0 }
.filterMainContent:after { content: ""; display: table; clear: both; }
.filterMainContent h3 { display: inline-block; float: right; width: 110px; font-family: DroidKufiBold, Arial; font-size: 14px; color: #1d1d1d; line-height: 3.5; direction: rtl }
.cd-tab-filter-wrapper { display: inline-block; width: 100%; float: right; position: relative; overflow: hidden; height: 100%; max-height: 0; box-sizing: border-box; transition: all .2s ease-in-out 0s; -webkit-transition: all .2s ease-in-out 0s; -moz-transition: all .2s ease-in-out 0s; -ms-transition: all .2s ease-in-out 0s; -o-transition: all .2s ease-in-out 0s; }
.cd-tab-filter-wrapper.show { opacity: 1; visibility: visible; margin: 40px 0 24px; }
/*.cd-tab-filter-wrapper:before{content:"";display:inline-block;float:right;width:20px;height:20px;margin-top:8px;margin-left:16px;background:url(../Images/filter.png) no-repeat center center;background-size:100% auto}*/
.cd-tab-filter-wrapper:after { content: ""; display: table; clear: both; }
.cd-tab-filter { display: inline-block; float: right; position: relative; width: 100%; margin: 0 auto; cursor: auto }
.cd-tab-filter::after { content: 'q'; position: absolute; left: 20px; top: 50%; color: #666; bottom: auto; -webkit-transform: rotate(-90deg) translateY(-50%); -moz-transform: rotate(-90deg) translateY(-50%); -ms-transform: rotate(-90deg) translateY(-50%); -o-transform: rotate(-90deg) translateY(-50%); transform: rotate(-90deg) translateY(-50%); display: none; line-height: 0.5; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; pointer-events: none; }
.cd-tab-filter ul { position: static; top: 0; left: 0; display: inline-block; float: right; width: 100%; }
.cd-tab-filter li { display: inline-block; float: right; margin-left: 10px; margin-bottom: 10px }
.cd-tab-filter li:last-of-type { border-left: none; margin-left: 0 }
.cd-tab-filter li.placeholder { display: none !important }
.cd-tab-filter li:first-child { display: block; }
.cd-tab-filter a { display: inline-block; height: 36px; border-radius: 20px; padding: 0 30px; background: #fff; border: 1px solid #e8e8e8; line-height: 36px;  font-size: 13px; color: #1d1d1d; text-align: center }
.cd-tab-filter a:hover, .cd-tab-filter a.selected { background: #1d1d1d; color: #fff; }
.cd-tab-filter li.news a:hover, .cd-tab-filter li.news a.selected { background: #E03322 }
.cd-tab-filter li.arts a:hover, .cd-tab-filter li.arts a.selected { background: #A8006B }
.cd-tab-filter li.howa_w_hya a:hover, .cd-tab-filter li.howa_w_hya a.selected { background: #7b1fa2 }
.cd-tab-filter li.sports a:hover, .cd-tab-filter li.sports a.selected { background: #056818 }
.cd-tab-filter li.autos a:hover, .cd-tab-filter li.autos a.selected { background: #1a237e }
.cd-tab-filter li.islameyat a:hover, .cd-tab-filter li.islameyat a.selected { background: #075C99 }
.cd-tab-filter li.ramadan a:hover, .cd-tab-filter li.ramadan a.selected { background: #330D46 }
.cd-tab-filter.is-open::after { -webkit-transform: translateY(-50%) rotate(-270deg); -moz-transform: translateY(-50%) rotate(-270deg); -ms-transform: translateY(-50%) rotate(-270deg); -o-transform: translateY(-50%) rotate(-270deg); transform: translateY(-50%) rotate(-270deg); }
.cd-tab-filter.is-open ul { box-shadow: inset 0 0 0 #1d1d1d, 0 2px 10px rgba(0, 0, 0, 0.2); max-height: 300px; overflow-y: scroll; z-index: 1; }
.cd-tab-filter.is-open ul li { display: inline-block; }
.cd-tab-filter.is-open .placeholder a { opacity: .4; }
.cd-gallery { padding: 16px 0 0; width: 100%; box-shadow: none; margin-bottom: 0; padding-bottom: 0; background: none }
.cd-gallery ul { text-align: justify; }
.cd-gallery li { background: #fff; border: 1px solid #e8e8e8; margin-bottom: 16px; width: calc((100% - 32px) / 3); height: auto; position: relative; overflow: hidden; display: inline-block; transition: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none }
.cd-gallery li .item .imageCntnr { position: relative; overflow: hidden; padding-bottom: 56.25%; display: inline-block; float: right; width: 100% }
.cd-gallery li .item img { position: absolute; top: 50%; right: auto; bottom: auto; left: 50%; transform: translate(-50%,-50%); margin: 0 auto; width: 100%; height: auto;}
.cd-gallery li .desc { width: 100%; overflow: hidden; cursor: pointer; position: relative; padding: 10px }
.cd-gallery li .desc h2 { color: #1d1d1d; height: 68px; cursor: pointer; overflow: hidden; text-align: right; line-height: 1.6; font-size: 14px;  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; }
.cd-gallery li .item:hover .desc h2 { color: #666 }
.cd-gallery li .desc.authorDesc { display: none }
.cd-gallery li .authorName { display: none }
.cd-gallery li .articleDate { display: none }
.cd-gallery li .secName { display: none; font-family: DroidKufiBold, Arial; font-size: 12px; color: #fff; position: absolute; top: 10px; right: 10px; pointer-events: visible; }
.searchResult .cd-gallery li .secName { display: inline-block; position: relative; top: auto; right: auto; margin-bottom: 10px }
.cd-gallery li .time {  font-size: 12px; color: #666; display: inline-block; float: right; width: 100%; cursor: default; padding: 0 10px 6px }
.cd-gallery li .icon-time:before { content: "e"; font-size: 14px; float: right; margin-left: 5px; line-height: 1.6 }

.cd-gallery ul li.icon-video .imageCntnr span,
.cd-gallery ul li.icon-image .imageCntnr span { position: absolute; width: 32px; height: 32px; left: 4px; top: 4px; z-index: 1; line-height: 32px; text-align: center; background: #E03322; border-radius: 50%; }
.cd-gallery ul li.icon-video .imageCntnr span:before,
.cd-gallery ul li.icon-image .imageCntnr span:before { color: #fff; font-size: 17px; line-height: 32px; opacity: 1; transition: all .2s ease-in-out 0s; -webkit-transition: all .2s ease-in-out 0s; -moz-transition: all .2s ease-in-out 0s; -ms-transition: all .2s ease-in-out 0s; -o-transition: all .2s ease-in-out 0s; }
.cd-gallery ul li.icon-image .imageCntnr span:before { content: "t";  }
.cd-gallery ul li.icon-video .imageCntnr span:before { content: "s"; margin-left: 2px }
.cd-gallery li.gap { opacity: 0; height: 0; display: inline-block; }
.cd-gallery img { display: block; width: 100%; }
.cd-gallery .cd-fail-message { display: none; text-align: center; }
.cd-gallery .leaderboardDiv { margin: 16px auto 40px }
.cd-filter { position: absolute; top: 0; left: 0; width: 280px; height: 100%; background: #ffffff; box-shadow: 4px 4px 20px transparent; z-index: 2; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: -webkit-transform 0.3s, box-shadow 0.3s; -moz-transition: -moz-transform 0.3s, box-shadow 0.3s; transition: transform 0.3s, box-shadow 0.3s; }
.cd-filter::before { content: ''; position: absolute; top: 0; left: 0; height: 50px; width: 100%; background-color: #1d1d1d; z-index: 2; }
.cd-filter form { padding: 70px 20px; }
.cd-filter .cd-close { position: absolute; top: 0; right: 0; height: 50px; line-height: 50px; width: 60px; color: #ffffff; font-size: 1.3rem; text-align: center; background: #37296a; opacity: 0; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; transition: opacity 0.3s; z-index: 3; }
.no-touch .cd-filter .cd-close:hover { background: #32255f; }
.cd-filter.filter-is-visible { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.2); }
.cd-filter.filter-is-visible .cd-close { opacity: 1; }
.no-touch .cd-tab-filter a:hover { color: #1d1d1d; }
.cd-filter-trigger { position: absolute; top: 0; left: 0; height: 50px; line-height: 50px; width: 60px; overflow: hidden; text-indent: 100%; color: transparent; white-space: nowrap; z-index: 3; }
.cd-filter-trigger.filter-is-visible { pointer-events: none; }
.cd-filter-block { margin-bottom: 1.6em; }
.cd-filter-block h4 { position: relative; margin-bottom: .2em; padding: 10px 0 10px 20px; color: #9a9a9a; text-transform: uppercase; font-weight: 700; font-size: 1.3rem; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; }
.no-touch .cd-filter-block h4:hover { color: #1d1d1d; }
.cd-filter-block h4::before { content: ''; position: absolute; left: 0; top: 50%; width: 16px; height: 16px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; }
.cd-filter-block h4.closed::before { -webkit-transform: translateY(-50%) rotate(-90deg); -moz-transform: translateY(-50%) rotate(-90deg); -ms-transform: translateY(-50%) rotate(-90deg); -o-transform: translateY(-50%) rotate(-90deg); transform: translateY(-50%) rotate(-90deg); }
.cd-filter-block input, .cd-filter-block select,
.cd-filter-block .radio-label::before,
.cd-filter-block .checkbox-label::before { font-family: "Open Sans", sans-serif; border-radius: 0; background-color: #ffffff; border: 2px solid #e6e6e6; }
.cd-filter-block input[type='search'],
.cd-filter-block input[type='text'],
.cd-filter-block select { width: 100%; padding: .8em; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; box-shadow: none; }
.cd-filter-block input[type='search']:focus,
.cd-filter-block input[type='text']:focus,
.cd-filter-block select:focus { outline: none; background-color: #ffffff; border-color: #1d1d1d; }
.cd-filter-block input[type='search'] { border-color: transparent; background-color: #e6e6e6; font-size: 1.6rem !important; }
.cd-filter-block input[type='search']::-webkit-search-cancel-button { display: none; }
.cd-filter-block .cd-select { position: relative; }
.cd-filter-block .cd-select::after { content: ''; position: absolute; z-index: 1; right: 14px; top: 50%; display: block; width: 16px; height: 16px; pointer-events: none; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.cd-filter-block select { cursor: pointer; font-size: 1.4rem; }
.cd-filter-block select::-ms-expand { display: none; }
.cd-filter-block .list li { position: relative; margin-bottom: .8em; }
.cd-filter-block .list li:last-of-type { margin-bottom: 0; }
.cd-filter-block input[type=radio],
.cd-filter-block input[type=checkbox] { position: absolute; left: 0; top: 0; margin: 0; padding: 0; opacity: 0; z-index: 2; }
.cd-filter-block .checkbox-label,
.cd-filter-block .radio-label { padding-left: 24px; font-size: 1.4rem; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.cd-filter-block .checkbox-label::before, .cd-filter-block .checkbox-label::after,
.cd-filter-block .radio-label::before,
.cd-filter-block .radio-label::after { content: ''; display: block; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.cd-filter-block .checkbox-label::before,
.cd-filter-block .radio-label::before { width: 16px; height: 16px; left: 0; }
.cd-filter-block .checkbox-label::after,
.cd-filter-block .radio-label::after { display: none; }
.cd-filter-block .checkbox-label::after { width: 16px; height: 16px }
.cd-filter-block .radio-label::before,
.cd-filter-block .radio-label::after { border-radius: 50%; }
.cd-filter-block .radio-label::after { width: 6px; height: 6px; background-color: #ffffff; left: 5px; }
.cd-filter-block input[type=radio]:checked + label::before,
.cd-filter-block input[type=checkbox]:checked + label::before { border-color: #1d1d1d; background-color: #1d1d1d; }
.cd-filter-block input[type=radio]:checked + label::after,
.cd-filter-block input[type=checkbox]:checked + label::after { display: block; }
@-moz-document url-prefix() {
    .cd-filter-block .cd-select::after { display: none; }
}
.innerListing .akhbarThemak.fixed { position: fixed; top: 60px }
.showSponsor .innerListing .akhbarThemak.fixed { top: 120px }
.artclEnd { float: right; width: 100%; display: inline-block }
/********** Archive **********/
.datepicker-form .ui-datepicker-trigger { display: none }
.datepicker-form .icon-date { width: 30px; height: 30px; position: absolute; left: 30px; top: 50%; transform: translateY(-50%); pointer-events: none; z-index: 2 }
.datepicker-form .icon-date:before { content: "c"; color: #666; font-size: 20px; line-height: 1.3; }
.archivePage .searchResult form { margin-top: 20px }
.searchResult .filterDiv { display: inline-block; float: left; width: 70px; }
.searchResult .filterDiv .filterItem { display: inline-block; float: left; width: 32px; height: 32px; margin-right: 6px; background: #E03322; border-radius: 50%; text-align: center; line-height: 32px; position: relative }
.searchResult .filterDiv .filterItem:last-child { margin-right: 0 }
.searchResult .filterDiv .filterBtn img { width: 16px; height: auto;margin-top: 6px; }
.searchResult .filterDiv .icon-date:before { content: "c"; color: #fff; font-size: 14px; line-height: 32px }
.searchResult .filterDiv .showCal .ui-datepicker { position: absolute; z-index: 4; left: 0; max-height: 0; opacity: 0; visibility: hidden; transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; }
.searchResult .filterDiv .showCal.show .ui-datepicker { max-height: 250px; opacity: 1; visibility: visible }
.moreButton{display:inline-block;width:200px;height:44px;line-height:44px;color:#fff;background:#E03322;text-align:center}

/********** Loader **********/
.loader { display: inline-block; width: 60px; margin: 24px calc((100% - 60px) / 2); }
.loader img { border: none; height: auto }
.loader.grey { height: 206px; position: relative }
.loader.grey img { position: absolute; top: 50%; left: 50%; margin: -30px 0 0 -30px }

/** Second SC & Cross Media **/
.dtlsSc { float: left; width: 300px; display: inline-block; position: relative; z-index: 2 }
.dtlsSc .featuredSC { width: 300px; display: inline-block; margin-bottom: 27px; float: left }
.dtlsSc .featuredSC .showcaseDiv { margin: 0 }
.leftDtlsSc { display: inline-block; float: left; width: 100% }


/********** Akhbar Themak **********/
.akhbarthemak { display: inline-block; float: left;width:100%;height:655px; }
.akhbarThemak { float: right; width: 300px; height:625px; box-shadow: none; overflow: hidden; position: relative; border: 1px solid #e8e8e8; background: #fff }
.akhbarThemak .ttl { display: inline-block; float: right; width: 100%; height: 48px; overflow: hidden; padding: 0 12px; background: #E03322; border-bottom: none !important }
.akhbarThemak .ttl .inTtl { float: right; display: inline-block; padding: 0px; font-family: DroidKufiBold, Arial; font-size: 18px; background: none !important; color: #fff; display: block; line-height: 48px; }
.akhbarThemak .ttl .inTtl:after { display: none }
.akhbarThemak .ttl .inTtl a { color: #fff }
.akhbarThemak .ttl .icons { display: inline-block; float: left; }
.akhbarThemak .ttl .icons .cd-popup-setting, .akhbarThemak .ttl .icons .cd-popup-notify { display: inline-block; float: right; }
.akhbarThemak .ttl .icons .cd-popup-notify { margin-right: 10px }
.akhbarThemak .ttl .icons .icon-setting:before { content: "p"; color: #fff; font-size: 20px; line-height: 48px }
.akhbarThemak .ttl .icons .icon-notify:before { content: "i"; color: #fff; font-size: 22px; line-height: 48px }
.akhbarThemak .popupSetting, .akhbarThemak .popupNotify { position: fixed; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.8); opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; }
.akhbarThemak .popupSetting.is-visible, .akhbarThemak .popupNotify.is-visible { opacity: 1; visibility: visible; z-index: 10; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; -moz-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s; }
.akhbarThemak .cd-popup-container { position: absolute; padding: 24px; width: 1000px; height: 500px; left: 50%; top: 50%; transform: translate(-50%,-50%); background: #FFF; text-align: center; box-shadow: 0 0 20px rgba(0, 0, 0, 0.4); -webkit-backface-visibility: hidden; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; }
.akhbarThemak .cd-popup-container h2 { display: inline-block; width: 100%; font-family: DroidKufiBold, Arial; font-size: 22px; color: #1d1d1d; margin-bottom: 0; padding: 0; background: none; }
.akhbarThemak .cd-popup-container h2:after { display: none }
.akhbarThemak .cd-popup-container h4 { display: inline-block; float: right; width: 100%;  font-size: 13px; color: #666; margin-bottom: 12px; padding: 0; text-align: right }
.akhbarThemak .cd-popup-container .sectionContainer { display: inline-block; float: right; width: 100%; position: relative }
.akhbarThemak .cd-popup-container .sec { display: inline-block; width: calc((100% - 160px) / 5); float: right; margin-left: 12px }
.akhbarThemak .cd-popup-container .sec:last-child { margin-left: 0; width: 100px }
.akhbarThemak .cd-popup-container h3 { display: inline-block; width: 100%; font-family: DroidKufiBold, Arial; font-size: 14px; color: #1d1d1d; margin-bottom: 12px; padding-right: 0; background: #eee }
.akhbarThemak .cd-popup-container .cd-buttons { position: absolute; left: 50%; bottom: 20px; width: 410px; height: 50px; transform: translateX(-50%) }
.akhbarThemak .cd-popup-container .cd-buttons a { position: relative; top: 0; left: 0; float: right; background: #ddd; margin-left: 10px; width: 200px; height: 50px;  font-size: 14px; color: #1d1d1d; text-align: center; display: inline-block; line-height: 50px; }
.akhbarThemak .cd-popup-container .cd-buttons a:before, .akhbarThemak .cd-popup-container .cd-buttons a:after { display: none }
.akhbarThemak .cd-popup-container .cd-buttons a:first-child { background: #E03322; color: #fff }
.akhbarThemak .cd-popup-container .cd-buttons a:hover { background: #ccc }
.akhbarThemak .cd-popup-container .cd-buttons a:first-child:hover { background: #E03322 }
.akhbarThemak .cd-popup-container .cd-buttons a:last-child { margin-left: 0 }
/** Notify **/
.akhbarThemak .cd-popup-notify { position: relative }
.akhbarThemak .cd-popup-notify .ntfyNum { position: absolute; top: 8px; right: -10px; width: 17px; height: 17px; background: red; border-radius: 50%; color: #fff; text-align: center; font-family: Arial; font-size: 12px; line-height: 1.5 }
.akhbarThemak .cd-popup-container.notify { width: 700px; height: 150px }
.akhbarThemak .cd-popup-container.notify p { display: inline-block; width: 100%;  font-size: 15px; text-align: center; color: #1d1d1d; margin-bottom: 0; padding: 0; line-height: 102px }
.akhbarThemak .cd-popup-container .cd-popup-close { position: absolute; top: 12px; left: 12px; width: 36px; height: 36px; }
.akhbarThemak .cd-popup-container .cd-popup-close::before, .akhbarThemak .cd-popup-container .cd-popup-close::after { content: ''; position: absolute; top: 0; width: 2px; height: 100%; background-color: #1d1d1d; opacity: 0.2; transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; }
.akhbarThemak .cd-popup-container .cd-popup-close:hover::before, .akhbarThemak .cd-popup-container .cd-popup-close:hover::after { opacity: 1 }
.akhbarThemak .cd-popup-container .cd-popup-close::before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.akhbarThemak .cd-popup-container .cd-popup-close::after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
body.popupOverlay { position: fixed ;top: 0;left: 0;bottom: 0;right: 0;}
.akhbarThemak ul { display: inline-block; float: right; width: 100%; padding: 0 10px; }
.akhbarThemak li { width: 100%; display: inline-block; float: right; padding: 10px 0; position: relative; border-bottom: 1px solid #e8e8e8 }
.akhbarThemak li:last-child { border-bottom: none }
.akhbarThemak ul li .item .imageCntnr { position: relative; overflow: hidden; padding-bottom: calc((100px * 75) / 100); float: right; width: 100px; }
.akhbarThemak li img { position: absolute; top: 0; bottom: 0; left: 50%; transform: translateX(-50%); margin: 0 auto; float: right; width: auto; max-width: unset; height: 100%;object-fit: cover; }
.akhbarThemak li .cnts { display: inline-block; float: right; width: calc(100% - 100px); padding-right: 10px }
.akhbarThemak li h2 { float: right; width: 100%;  color: #000; font-size: 14px; line-height: 1.6; height: 42px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.akhbarThemak li .secName { display: inline-block; float: right; margin-bottom: 6px; font-family: DroidKufiBold, Arial; color: #fff; font-size: 12px; }
/*.akhbarThemak li .secName:before{content:"";float:right;margin-left:5px;width:4px;height:12px;background:#E03322;margin-top:4px}*/
.akhbarThemak li.native{padding: 0;border-bottom: none;}
.akhbarThemak.fixed { position: fixed }
.leftDtlsSc .akhbarThemak { margin-bottom: 30px }

.infoClips { display: inline-block; float: right; width: 100%; }

.infoClips.inner .waya { border: 1px solid #e8e8e8; margin: 0; width: 100%; height: 318px }
.infoClips.inner { margin: 30px 0; width: 100%; }
.infoClips.inner .waya .content ul { height: 245px }
.infoClips.JustCorona { margin: 0 }
.JustCorona .corona { width: 800px; margin: 0 calc((100% - 800px) /2); margin-bottom: 20px }

/******** waya *******/
.waya { display: inline-block; float: right; width: calc(100% - 640px); height: 266px; position: relative; background-color: #fff; overflow: hidden; border: 1px solid #e8e8e8; margin-left: 20px }
.waya .wayaLogo { display: inline-block; float: right; width: 100%; height: auto; position: absolute; bottom: 3px; left: 0; z-index: 2; height: 20px; background-color: rgb(255, 99, 30); overflow: hidden; }
.waya .wayaLogo p { display: inline-block; float: left; color: #fff;  font-size: 9px; line-height: 2.5; margin-right: 5px }
.waya .wayaLogo img { display: inline-block; position: relative; width: 35px; height: auto; border: 0; float: left; margin: 5px; margin-right: 5px; }
.waya .title { display: inline-block; float: right; width: 100%; padding: 12px 10px; background: linear-gradient(to right, #ff5920 , #ff7e27); height: 50px }
.waya .title .rss { display: inline-block; float: right; width: 20px; height: 20px; margin-left: 8px; border: 0 }
.waya .title .rss:before { content: 'A'; color: #fff; font-size: 20px; line-height: 1.4 }
.waya .title .text { display: inline-block; width: auto; float: right; }
.waya .title .text p { display: inline-block; float: right; color: #fff; font-family: DroidKufiBold, Arial; font-size: 15px; cursor: auto }
.waya .title .text p span { font-weight: bold; font-family: Arial; font-size: 16px }
.waya .title .more { display: inline-block; float: left; font-size: 14px;  color: #fff; border-bottom: 1px solid #fff; position: relative; line-height: 1.5 }
.waya .title .more:before { content: ''; width: 100%; height: 1px; background-color: #fff; position: absolute; bottom: -4px; right: 0 }
.waya .content { display: inline-block; width: 100%; float: right; background-color: #fff; padding: 0 }
.waya .content ul { width: 100%; height: 268px; overflow-x: auto; direction: rtl; padding: 10px; }
.waya .content li { display: inline-block; width: 100%; float: right; padding: 10px; border: 1px solid #e8e8e8; margin-bottom: 12px; background-color: #fff; }
.waya .content li a { display: inline-block; width: 100%; height: 100% }
.waya .content li:last-child { margin-bottom: 26px }
.waya .content li .imageCntnr { display: none; width: 80px; float: right; position: relative; padding-bottom: calc((80px * 75)/ 100); margin-left: 15px }
.waya .content li .imageCntnr img { display: inline-block; position: absolute; width: 100%; height: 100%; right: 0; top: 0 }
/*.waya .content li p{display:inline-block;width:calc(100% - 95px);font-size:16px;color:#000;line-height:1.6;padding-left:10px;max-height:48px;overflow:hidden}*/
.waya .content li p { display: inline-block; width: 100%;  font-size: 14px; color: #000; line-height: 1.6; max-height: 48px; overflow: hidden }
.waya .border { display: inline-block; float: right; width: 100%; height: 3px; background: linear-gradient(to right, #ff5920 , #ff7e27); position: absolute; right: 0; bottom: 0 }
.waya .content ul::-webkit-scrollbar { width: 8px; }
.waya .content ul::-webkit-scrollbar-track { box-shadow: inset 0 0 2px grey; }
.waya .content ul::-webkit-scrollbar-thumb { background: #c0c0c0; }
/******** waya *******/
.threeDiv .waya { width: calc((100% - 324px) /2); margin: 0 12px }


@media screen and (min-width:1152px) and (max-width:1279px) {
     .infoClips.inner .waya { width: 100%; margin-right: 0 }
         .cd-gallery li { width: calc((100% - 16px) / 2); }

}

@media screen and (min-width:1024px) and (max-width:1151px) {
        .infoClips.inner .waya { width: 100%; margin-right: 0 }
            .cd-gallery li { width: calc((100% - 16px) / 2); }


}

@media only screen and (max-width: 1023px) {
        .listing { width: 100%; margin-left: 0 }
        .dtlsSc { width: 100%; margin: 0 0 48px }
          .akhbarThemak.fixed { position: relative; }
    .akhbarThemak { width: 100%; top: 0 !important; height: auto !important; }
    .akhbarThemak .cd-popup-container { width: 700px; height: 400px; }
    .akhbarThemak .cd-popup-container .sectionContainer { overflow-y: scroll; overflow-x: hidden; height: 200px }
    .akhbarThemak .cd-popup-container h4 { margin-bottom: 20px }
    .akhbarThemak .cd-popup-container h3 { line-height: 36px }
    .akhbarThemak .cd-popup-container .sec { width: 100%; margin-left: 0; margin-bottom: 24px; float: none; }
    .akhbarThemak .cd-popup-container .sec:nth-child(6n+1) { margin-left: 0 }
    .akhbarThemak input[type="checkbox"] + label { margin: 0 0 10px 20px; width: auto }
    .akhbarThemak .cd-popup-container .sec:last-child { width: 100% }
        .innerListing .akhbarThemak { position: relative; top: 0 !important }


}


@media screen and (min-width:320px) and (max-width:767px) {
    .listingMoreSer{margin-left:8px}

        .listing { padding: 0 10px }
            .dtlsSc { width: 100%; margin: 0px }
 .akhbarThemak .cd-popup-container { width: 300px; height: 400px; padding: 24px 10px }
    .akhbarThemak .cd-popup-container h2 { font-size: 18px }
    .akhbarThemak .cd-popup-container h4 { font-size: 12px }
    .akhbarThemak .cd-popup-container .sec { width: 100%; margin-left: 0; margin-bottom: 24px }
    .akhbarThemak .cd-popup-container .sec:nth-child(6n+1) { margin-left: 0; margin-bottom: 0 }
    .akhbarThemak input[type="checkbox"] + label { margin: 0 0 12px; width: 100% }
    .akhbarThemak .cd-popup-container.notify { width: 300px; height: 150px; }
    .akhbarThemak .cd-popup-container .cd-buttons { width: 280px; height: 40px; }
    .akhbarThemak .cd-popup-container .cd-buttons a { width: 135px; height: 40px; line-height: 40px; font-size: 13px; }
    .akhbarThemak li img { width: 100%; height: auto; top: 50%; left: 50%; right: auto; bottom: auto; transform: translate(-50%, -50%) }
        .akhbarthemak{height:586px}

         .akhbarThemak { width: calc(100% - 20px); top: 0 !important; margin: 0 10px 40px;height:590px }
    .akhbarThemak li .secName { margin-bottom: 2px; font-size: 11px }
    .akhbarThemak ul li .item .imageCntnr { padding-bottom: calc((110px * 56.25) / 100); width: 110px }
    .akhbarThemak li .cnts { width: calc(100% - 110px); }
    .akhbarThemak li h2 { font-size: 12px; height: auto }
        .waya, .infoClips.inner .waya { width: calc(100% - 20px); margin: 0 10px 40px; height: 350px !important; border: 1px solid #e8e8e8 }

        .infoClips.inner .waya .content ul { height: 328px; }

          .cd-gallery li { width: 100% }
    .cd-gallery li .desc { padding: 10px; margin-bottom: 10px; }
    .cd-gallery li .desc h2 { height: auto; font-size: 13px }
    .searchResult .cd-gallery li .secName { margin-bottom: 6px }
    .cd-gallery li .secName { font-size: 11px }
    .searchResult form input { font-size: 13px }

}