/******************************* Sarmady LIB V 0.1
*******************************/
/*
* ----------------------------------------------------------------------------------------
* Basic.
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* Utilitise classes.
* ----------------------------------------------------------------------------------------
*/
.cntr { text-align: center; }

.to_left { text-align: left; }

.in_pdg_4 { padding: 1.250em; }

.in_pdg_h_2 { padding: 0  1.250em; }

.in_pdg_v_2 { padding: 0.525em 0; }

.p-l { padding-left: 5px !important; }

.p-r { padding-right: 5px !important; }

.clear { overflow: hidden; }
.speakol-comparison iframe {
width:600px;
}


/* Reset.css */
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
/** 1. Set default font family to sans-serif. 2. Prevent iOS text size adjust after orientation change, without disabling user zoom. */
/* HTML5 display definitions ========================================================================== */
/** Correct `block` display not defined for any HTML5 element in IE 8/9. Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. Correct `block` display not defined for `main` in IE 11. */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

/** 1. Correct `inline-block` display not defined in IE 8/9. 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */
audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ }

/** Prevent modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */
audio:not([controls]) { display: none; height: 0; }

/** Address `[hidden]` styling not present in IE 8/9/10. Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */
[hidden], template { display: none; }

/* Links ========================================================================== */
/** Remove the gray background color from active links in IE 10. */
a { background: transparent; }

/** Improve readability when focused and also mouse hovered in all browsers. */
a:active, a:hover { outline: 0; }

/* Text-level semantics ========================================================================== */
/** Address styling not present in IE 8/9/10/11, Safari, and Chrome. */
abbr[title] { border-bottom: 1px dotted; }

/** Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */
b, strong { font-weight: bold; }

/** Address styling not present in Safari and Chrome. */
dfn { font-style: italic; }

/** Address variable `h1` font-size and margin within `section` and `article` contexts in Firefox 4+, Safari, and Chrome. */
h1 { font-size: 2em; margin: 0.67em 0; }

/** Address styling not present in IE 8/9. */
mark { background: #ff0; color: #000; }

/** Address inconsistent and variable font size in all browsers. */
small { font-size: 80%; }

/** Prevent `sub` and `sup` affecting `line-height` in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/* Embedded content ========================================================================== */
/** Remove border when inside `a` element in IE 8/9/10. */
img { border: 0; }

/** Correct overflow not hidden in IE 9/10/11. */
svg:not(:root) { overflow: hidden; }

/* Grouping content ========================================================================== */
/** Address margin not present in IE 8/9 and Safari. */
/** Address differences between Firefox and other browsers. */
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }

/** Contain overflow in all browsers. */
pre { overflow: auto; }

/** Address odd `em`-unit font size rendering in all browsers. */
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

i, cite, em, var, address, dfn { font-style: normal; }

/* Forms ========================================================================== */
/** Known limitation: by default, Chrome and Safari on OS X allow very limited styling of `select`, unless a `border` property is set. */
/** 1. Correct color not being inherited. Known issue: affects color of disabled elements. 2. Correct font properties not being inherited. 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */
button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ }

/** Address `overflow` set to `hidden` in IE 8/9/10/11. */
button { overflow: visible; }

/** Address inconsistent `text-transform` inheritance for `button` and `select`. All other form control elements do not inherit `text-transform` values. Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. Correct `select` style inheritance in Firefox. */
button, select { text-transform: none; }

/** 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Correct inability to style clickable `input` types in iOS. 3. Improve usability and consistency of cursor style between image-type `input` and others. */
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ }

/** Re-set default cursor for disabled elements. */
button[disabled], html input[disabled] { cursor: default; }

/** Remove inner padding and border in Firefox 4+. */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/** Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. */
input { line-height: normal; }

input:-webkit-autofill { background-color: none; }

/** It's recommended that you don't attempt to style these elements. Firefox's implementation doesn't respect box-sizing, padding, or width.  1. Address box sizing set to `content-box` in IE 8/9/10. 2. Remove excess padding in IE 8/9/10. */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** Fix the cursor style for Chrome's increment/decrement buttons. For certain `font-size` values of the `input`, it causes the cursor style of the decrement button to change from `default` to `text`. */
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

/** 1. Address `appearance` set to `searchfield` in Safari and Chrome. 2. Address `box-sizing` set to `border-box` in Safari and Chrome (include `-moz` to future-proof). */
input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; }

/** Remove inner padding and search cancel button in Safari and Chrome on OS X. Safari (but not Chrome) clips the cancel button when the search input has padding (and `textfield` appearance). */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** Define consistent border, margin, and padding. */
fieldset { border: none; margin: 0; padding: 0; }

/** 1. Correct `color` not being inherited in IE 8/9/10/11. 2. Remove padding so people aren't caught out if they zero out fieldsets. */
legend { border: 0; /* 1 */ padding: 0; /* 2 */ }

/** Remove default vertical scrollbar in IE 8/9/10/11. */
textarea { overflow: auto; }

/** Don't inherit the `font-weight` (applied by a rule above). NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */
optgroup { font-weight: bold; }

/* Tables ========================================================================== */
/** Remove most spacing between table cells. */
table { border-collapse: collapse; border-spacing: 0; }

td, th { padding: 0; }

*, *:after, *:before { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/* Lists ========================================================================== */
ul { list-style: none; }

/* The Grid System */
/******************************* Standard
*******************************/
/******************************* Grid variables
*******************************/
 /******************************* Typography variables
*******************************/
  /******************************* Forms variables
*******************************/
/* Buttons */
/* Form inputs */
  /******************************* Header variables
*******************************/
/******************************* Menu variables
*******************************/
/******************************* 	Social colors  variables
*******************************/
/******************************* responsive
*******************************/
body { direction: rtl; background: #f5f5f5; }

/* Main Container. */

.u { width: 1000px; margin: 0 auto; position:relative }
/*Sky Ads*/
.ads-sky { width:1360px; height:600px; position:absolute;  margin-left:-680px;left:50%;} 
.ads-sky .left, .ads-sky .right { width:160px; height:600px; float:left;} 
  .ads-sky .right {float:right;}
/*------------------- Columns
--------------------*/
[class^="c-"] { float: right; padding: 0 0.625em; }

/* The Row. */
.row { margin-left: -0.625em; margin-right: -0.625em; }

.row:after { content: ""; display: table; clear: both; }

/* Column Widths. */
.c-1 { width: 8.33333%; }

.c-2 { width: 16.66667%; }

.c-3 { width: 25%; }

.c-4 { width: 33.33333%; }

.c-5 { width: 41.66667%; }

.c-6 { width: 50%; }

.c-7 { width: 58.33333%; }

.c-8 { width: 66.66667%; }

.c-9 { width: 75%; }

.c-10 { width: 83.33333%; }

.c-11 { width: 91.66667%; }

.c-12 { width: 100%; }

/* Remove gutter II */
.m- [class^="c-"] { padding: 0; }

.m-v [class^="c-"] { padding: 0 0 0 0.625em; }

/* Fit images */
img { max-width: 100%; height: auto; }

/* Responsive it */
/* Fonts */
/* Filfan 2015 */
@font-face { font-family: "JF Flat Regular";  src: url("/Content/fonts/JF/NotoKufiArabic-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; }
/*@font-face { font-family: "JF Flat Regular"; src: url("../fonts/JF/JF-Flat-regular.eot"); src: url("../fonts/JF/JF-Flat-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/JF/JF-Flat-regular.svg#JF Flat Regular") format("svg"), url("../fonts/JF/JF-Flat-regular.woff") format("woff"), url("../fonts/JF/JF-Flat-regular.ttf") format("truetype"); font-weight: normal; font-style: normal; }*/
/* Typography */
/******************************* Grid variables
*******************************/
 /******************************* Typography variables
*******************************/
  /******************************* Forms variables
*******************************/
/* Buttons */
/* Form inputs */
  /******************************* Header variables
*******************************/
/******************************* Menu variables
*******************************/
/******************************* 	Social colors  variables
*******************************/
/******************************* responsive
*******************************/
html { font-size: 1em; }

html, input, button, textarea { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }

body { color: #212121; font-family: "JF Flat Regular", Sans-Serif; line-height: 0.9em; }

p { margin-bottom: 0.9em; }

a, a:visited { color: #f3843f; text-decoration: none; }

a:hover { color: #212121; }

hr { border: 0; background-color: #e4e4e4; height: 1px; margin: 0.9em 0; }

h1, h2, h3, h4, h5, h6 { margin: 0.9em 0 0.5em; line-height: 1.5; color: #d32f2f; }
h5, h6 { line-height: 1.5em; }
h1 { font-size: 3.998em; }
h2 { font-size: 2.827em; }
h3 { font-size: 1.313em; }
h4 { font-size: 1.414em; }
h5 { font-size: 1em; }
h6 { font-size: 0.707em; }
ul, ol { margin: 0 0.9em 0.9em 0; }

/* Forms */
/* Icons */
/* Feedback */
/*
* ----------------------------------------------------------------------------------------
* Modules.
* ----------------------------------------------------------------------------------------
*/
/* Overlay */
#search-overlay, #social-overlay { position: fixed; overflow: hidden; top: 0; right: 0; bottom: 0; left: 0; background: rgba(36, 40, 66, 0.9); pointer-events: none; opacity: 0; width: 100%; height: 100%; z-index: 999; transition: .3s; }

#social-overlay { text-align: center; padding: 150px 0 0 0; margin: 0; }

#social-overlay .u { position: relative; }

#social-overlay .close { position: absolute; top: -30px; left: 0;  padding: 10px; border-radius: 40px; -moz-border-radius: 40px; -webkit-border-radius: 40px; }

#social-overlay .close .close_icn { width: 20px; height: 20px; }

#social-overlay ul { display: inline-block; margin:0 }

#social-overlay ul > li { display: block; float: right; margin: 20px 0 20px 20px; }

#social-overlay svg { width: 80px; height: 80px; -webkit-transition: -webkit-transform 0.20s; transition: transform 0.20s; -webkit-transform: scale(1); transform: scale(1); }

#social-overlay svg:hover { -webkit-transform: scale(1.15); transform: scale(1.15); }

#social-overlay .fb_icn { fill: #3b5998; }

 .fb_icn:hover { fill: #4c70ba; }

#social-overlay .tw_icn { fill: #55acee; }

 .tw_icn:hover { fill: #83c3f3; }

#social-overlay .gp_icn { fill: #dd4b39; }

 .gp_icn:hover { fill: #e47365; }

#social-overlay .yt_icn { fill: #cd201f; }

.yt_icn:hover { fill: #e23e3d; }

#social-overlay .rss_icn { fill: #f26522; }

 .rss_icn:hover { fill: #f58752; }

#social-overlay .droid_icn { fill: #a4c639; }

 .droid_icn:hover { fill: #b6d161; }

 #social-overlay .apple_icn { fill: #fff; }

 .apple_icn:hover { fill: #ccc; }

#search-overlay.open, #social-overlay.open { opacity: 1; pointer-events: auto; }

/* header */
.header { background-color: #b71c1c; color: #ffffff; position: fixed; top: 0; left: 0; width: 100%; height: 60px; z-index: 30; -webkit-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; -webkit-transition: background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.15s linear; transition: background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.15s linear; }
.header:after, .header:before { content: ""; display: table; line-height: 0; }
.header:after { clear: both; }
.header.fixed, .menu-open .header { background-color: #c62828; -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5); box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5); }
.page-red .header { background-color: #b71c1c; }
.page-red .header.fixed { background-color: #c62828; }
.menu-open.page-red .header { background-color: #c62828; }
.header a { color: #ffffff; }
.header .nav { margin: 0; }
.header .nav > li > a .avatar, .header .nav > li > a .icon { -webkit-font-smoothing: subpixel-antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
.header .nav > li > a .header-close { position: absolute; top: 0.4em; left: 0; text-align: center; width: 100%; opacity: 0; filter: alpha(opacity=0); -webkit-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); }
.header .nav > li.active > a .avatar, .header .nav > li.active > a .icon { opacity: 0; filter: alpha(opacity=0); -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); }
.header .nav > li.active > a .header-close { opacity: 1; filter: alpha(opacity=100); -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); }

/*.header-btn {
	display: block;
	float: left;
	height: ($base-line * 2);
	padding: (($base-line * 2 - $base-line) / 2) $grid-gutter;
	text-align: center;
	&:focus,
	&:hover {
		text-decoration: none;
	}
}

.header-logo,
.header-text {
	display: block;
	float: left;
	font-weight: 300;
	height: ($base-line * 2);
	line-height: $base-line;
	margin: 0;
	padding: (($base-line * 2 - $base-line) / 2) 0;
	&:focus,
	&:hover {
		text-decoration: none;
	}
}

.header-logo {
	font-size: $font-size-h4;
}
*/
/* Menu */
.menu { position: fixed; top: 2.6em; bottom: 0; left: 0; width: 100%; z-index: 29; -webkit-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; -webkit-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); -webkit-transition: -webkit-box-shadow 0s linear 0.3s, -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0s; transition: box-shadow 0s linear 0.3s, transform 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0s; }
.menu.menu-right { right: 0; left: auto; -webkit-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
.menu.open { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-box-shadow 0s linear 0s, -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0s; transition: box-shadow 0s linear 0s, transform 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0s; }
@media only screen and (min-width: 992px) { .menu { width: 350px; } }
.no-boxshadow .menu { border-right: 1px solid #9e9e9e; }
.no-boxshadow .menu.menu-right { border-right: 0; border-left: 1px solid #9e9e9e; }
.no-csstransforms .menu { display: none; }
.no-csstransforms .menu.open { display: block; }

.menu-content { padding-top: 1.3em; padding-bottom: 1.3em; }
.menu-content hr { border-top-color: #e0e0e0; }
.menu-content .nav { margin: 0; padding: 0.625em; }
.menu-content .nav a { color: #ffffff; font-weight: 700; overflow: hidden; background: rgba(28, 31, 51, 0.3); white-space: nowrap; display: block; padding: 1.0em; margin-bottom: 1px; }
.menu-content .nav a:focus, .menu-content .nav a:hover { background-color: #b71c1c; }
.menu-content .nav a .icon { margin-right: 0.625em; }
.menu-content .nav li.active > a { background-color: #f5f5f5; color: #b71c1c; }
.page-red .menu-content .nav li.active > a { color: #b71c1c; }
.menu-content .nav > li.active > a { background-color: #eeeeee; }
.menu-content .nav ul a { font-weight: 400; padding-left: 1.875em; }

.menu-scroll { background-color: rgba(36, 40, 66, 0.9); height: 100%; overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; z-index: 1; color: #ffffff; }

.menu-top { background-color: #212121; color: #f5f5f5; position: relative; }
.menu-top a { color: #f5f5f5; text-decoration: none; }
.menu-top a:focus, .menu-top a:hover { color: #ffffff; }

.menu-top-form { margin-top: 0.325em; margin-bottom: 0.325em; }

.menu-top-img { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; height: 100%; justify-content: center; overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; -webkit-align-items: center; align-items: center; }
.menu-top-img img { min-height: 100%; width: 100%; opacity: 0.5; filter: alpha(opacity=50); }

.menu-top-info { padding: 1.95em 0.625em; position: relative; }

.menu-top-user { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; }
.menu-top-user:after, .menu-top-user:before { content: ""; display: table; line-height: 0; }
.menu-top-user:after { clear: both; }

.menu-wrap { overflow-x: hidden; overflow-y: auto; position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }

/*tabber-nav */
.tabber-nav {margin:20px 0 20px 0;}
.tabber-nav ul  { padding:0px; margin:0; }
.tabber-nav ul > li { display:block; float:right;} 
.tabber-nav ul > li > a {display:block;border:2px solid #d32f2f; padding:10px 15px; font-size:0.9em; color:#d32f2f; margin:0 0 10px 10px}
.tabber-nav ul > li > a.selected, .tabber-nav ul > li > a:hover { background:#d32f2f; color:#fff; position: relative }
.tabber-nav ul > li > a.selected:after { /*content: ""; display: block; position: absolute; top: 46px; right:40%; width: 0; height: 0; border: 8px solid; border-color:#d32f2f transparent transparent ;*/  }
.tabber-nav ul > li:last-child > a {border:2px solid #d32f2f;}
/* footer */
footer { width: 100%; background: #1c1f33; color: #ffffff; position: relative; }

footer .logo { fill: #fff; width: 60px; height: 60px; background: #1c1f33; position: absolute; left: 49%; padding: 5px; top: -20px; border-radius: 40px; -moz-border-radius: 40px; -webkit-border-radius: 40px; }
footer .footer-logo { display:block; fill:#fff; width:145px; margin:30px 0; }
footer .footer-logo .f-logo {width:46px; display:inline-block}
footer .footer-logo .logo-text { width:85px;display:inline-block}
Footer ul {overflow:hidden; margin:40px  0}
Footer ul > li { float:left; display:block; margin:0 10px 0 0}
Footer ul > li > a > svg,Footer ul > li > a > .fb_icn, Footer ul > li > a > .tw_icn { width:35px; height:35px; fill:#fff;}
.copy-rightts {width: 100%;background: #36394D; color: #ffffff; position: relative; padding:20px; } 
.copy-rightts p { font-size:0.8em; margin:0; text-align:left ;position:relative}
.copy-rightts .sarmady-link { display:inline-block;}
.copy-rightts .txt { display:inline-block;}
.copy-rightts .sarmady { fill:#fff; width:90px}

/*
* ----------------------------------------------------------------------------------------
* Filfan theme
* ----------------------------------------------------------------------------------------
*/
.header-logo { font-size: 0; position:relative }
.header-logo .logo, .header-logo .logo-text, .title-icn { display: inline-block; fill: #fff; width: 46px; }
.header-logo .logo-text { width: 85px; margin-right: 5px; }
.header-logo span {  position: absolute;  font-size: 13px;top: -44px;left: -23px;}

.menu_icn, .search_icn, .social_icn, .user_icn, .fb_icn, .tw_icn, .time_icn, .close_icn { width: 20px; height: 20px; display: inline-block; fill: #fff; vertical-align:middle }
.menu_icn { width: 19px; }

.title-icn { fill: #d32f2f; width: 20px; height: 20px; }
.title:hover .title-icn { fill: #ef5350; }

.header_icn { border-radius: 40px; -moz-border-radius: 40px; -webkit-border-radius: 40px; background: #851414; width: 45px; height: 45px; display: inline-block; padding: 13px; }
.header_icn:hover svg { fill: #b71c1c;} 
.header_icn:hover { background:#fff; -webkit-transition: all 0.35s ease;-moz-transition: all 0.35s ease;-o-transition: all 0.35s ease;-ms-transition: all 0.35s ease;transition: all 0.35s ease}

.left_header_btns { text-align: left; }
.left_header_btns .header_icn { margin: 0 0 0 5px; }

figure img, figure img { -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: scale(1); transform: scale(1); }
figure:hover img, figure:hover img { -webkit-transform: scale(1.15); transform: scale(1.15); }

.title { overflow: hidden; display: block; margin: 20px 0 0 0; }
.title .title-icn { float: left; }
.title h4 { float: right; padding: 0; margin: 0; font-size: 1.0em; padding: 0 0 0.625em 0; }
.title hr { clear: both; }
.title:hover h4 { color: #ef5350; }

.uti { position: absolute; top: 0; left: 0; width: 100%; padding: 1.111em 1.111em 0 1.111em; z-index: 2; color: #ffffff; font-size: 0.7em; }
.uti a { display: inline-block; }
.uti .social_icn, .uti .time_icn, .uti .views_icn { width: 16px; vertical-align:middle; margin:0 5px 0 0 }
.uti .views_icn { fill: #fff;width: 20px; margin: 0 5px 5px 5px}
.uti a .twitter { margin: 0 0.556em 0 0; }
.uti .social-count-field {font-size:1.4em; font-weight:bold}

.trend { height: 112px; overflow: hidden; position: relative; border-bottom: 1px solid #212121; display: block; }
.trend figure:before, .movie figure:before, .most-read figure:before { content: ""; display: block; position: absolute; top: 0; left: 0; height: 235px; width: 100%; background: rgba(0, 0, 0, 0.4); z-index: 1; }
.trend span, .trendy figure span  { display: block; position: absolute; top: 0; right: 0; z-index: 2; color: #ffffff; padding: 0.556em; font-size: 1.2em; }
.trend span:after, .trendy figure span:after  { content: ""; display: block; position: absolute; top: 0; right: 0; width: 0; height: 0; border-top: 50px solid rgba(183, 28, 28, 0.6); border-left: 50px solid transparent; z-index: -1; }
.trend figcaption, .movie figcaption, .most-read figcaption, .gallery a figcaption { color: #ffffff; padding: 1.111em; display: block; position: absolute; bottom: 0; z-index: 1; font-size: 0.8em; line-height: 1.3em; opacity: 0; filter: alpha(opacity=0); transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; }

.homeGallery .gallery a figcaption {
    color: #ffffff;
    padding: 1.111em;
    display: block;
    position: absolute;
    top: 140px !important;
    z-index: 1;
    font-size: 0.8em;
    line-height: 1.6em;
    opacity: 1;
     transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}
.trend:hover figcaption, .movie:hover figcaption { opacity: 1; filter: alpha(opacity=100); }

.movie figure { height: 154px; display: block; overflow: hidden; position: relative; margin: 0 0 10px 0; }
.movie figure:before { height: 154px; background: rgba(116, 145, 114, 0.4); }
.movie figure:hover::before { background: rgba(0, 0, 0, 0.6); }

.tv-u {margin:0 0 1.111em 0}
.tv { border-bottom: solid #bdbdbd 1px; display: block; overflow: hidden; clear: both; }
.tv .channel { display: flex; justify-content: center; align-items: center; background: #ffffff; height: 98px; }
.tv .time { background: #e0e0e0; color: #7f7f7f; font-size: 0.7em; height: 98px; font-weight: bold; text-align: center; padding: 12px; }
.tv .time span { display: block; padding: 5px 0; color: #424242; }
.tv .c-5  img { width:100%; height:97px;}

.most-read-u {margin:0 0 1.111em 0}
.most-read {
    display: block;
    overflow: hidden;
    height: 156px;
    position: relative;
    border-bottom: 1px solid #f5f5f5;
}
.most-read figure:before { background: rgba(89, 0, 0, 0.6); }
    .most-read figcaption {
        opacity: 1;
        filter: alpha(opacity=100);
        bottom: 0px;
        background: rgba(183, 28, 28, 0.5);
        text-align: right;
        width: 100%;
    }

.vedioMostRead a.most-read:before {
    content: '';
    background: url(/content/gfx/play-button4.svg) 7px -118px no-repeat;
    width: 32px;
    height: 32px;
    top: 50px;
    right: 98px;
    z-index: 4;
    display: block;
    opacity: 0.8;
    position: absolute;
    background-position: 0 0;
    background-size: 100% 100%;
}
.most-read span { position: absolute; left: 0; bottom: 0; font-size: 1.2em; display: block; z-index: 1; padding: 0.556em; color: #ffffff; }

.card, .half_card_l, .half_card_r, .list_item  { background: #fff; -webkit-box-shadow: 0px 0px 5px 2px rgba(189, 189, 189, 0.4); box-shadow: 0px 0px 5px 2px rgba(189, 189, 189, 0.4); position: relative; margin: 0 0 1.111em 0; }
.card figure, .half_card_l figure, .half_card_l figure, .half_card_r figure, .list_item figure { height: 200px; overflow: hidden; position: relative; }
.card figure:before, .l_card figure:before, .half_card_l figure:before, .half_card_r figure:before, .list_item figure:before { z-index: 1; content: ""; display: block; position: absolute; top: 0; left: 0; height: 200px; width: 100%; background: rgba(0, 0, 0, 0.4); }
.card figure:hover::before, .l_card figure:hover::before, .half_card_l figure:hover::before, .half_card_r figure:hover::before, .list_item figure:hover::before { background-color: rgba(0, 0, 0, 0.2); }
.card .label, .l_card .label, .half_card_l .label, .half_card_r .label, .list_item .label  { z-index: 2; color: #ffffff; background-color: #b71c1c; display: block; position: absolute; left: 20px; bottom: 20px; padding: 0.278em 0.833em; font-size: 0.7em; }
.card a h3, .l_card a h3, .half_card_l a h3, .half_card_r a h3, .list_item a h3 { margin: 0; padding: 1.250em; color: #212121; font-size: 0.9em; }
.card a:hover h3, .half_card_l a:hover h3, .half_card_r a:hover h3, .list_item a:hover h3  { color: #c62828; }

.l_card { -webkit-box-shadow: 0px 0px 5px 2px rgba(189, 189, 189, 0.4); box-shadow: 0px 0px 5px 2px rgba(189, 189, 189, 0.4); position: relative; margin: 0 0 1.111em 0; }
.l_card figure { height: 265px; overflow: hidden; position: relative; }
.l_card figure:before { height: 265px; }
.l_card a h3 { color: #ffffff; font-size: 1.2em; position: absolute; bottom: 0; right: 0; z-index: 1; }
.l_card .label { bottom: 100px; }

.half_card_l, .half_card_r { margin-bottom: 20px; }
.half_card_l a h3, .half_card_r a h3 { height: 150px; position: relative; overflow:hidden }
.half_card_l figure:after, .half_card_r figure:after { content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 0; height: 0; z-index: 2; }
.half_card_l figure:after { border-bottom: 40px solid white; border-left: 200px solid transparent; }
.half_card_l .label { bottom: 40px; }
.half_card_r figure:after { border-bottom: 40px solid white; border-right: 200px solid transparent; }
.half_card_r .label { right: 20px; left: auto; bottom: 40px; }

.gallery { margin-bottom: 40px; }
.gallery a { display: inline-block; overflow: hidden; width: 200px; height: 300px; position: relative; float: right; border-left: 1px solid #f5f5f5; }
.homeGallery .gallery a {
height:250px !important;
}
.gallery a figure:before {
    z-index: 1;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 300px;
    width: 100%;
    background: rgba(21, 101, 192, 0.3);
}
.gallery a .num { position: absolute; padding: 1.111em; top: 0; left: 0; color: #ffffff; z-index: 2; }
.gallery a .num svg {fill:#fff; vertical-align:middle}
    .gallery a figcaption {
        opacity: 1;
        filter: alpha(opacity=100);
        font-size: 0.7em;
        
    }
.homeGallery .gallery a figcaption {
 
    font-size: 0.8em !important;
    font-weight: bold;
    text-shadow: 1px 1px rgba(0,0,0,0.8);
}
.gallery a:hover figcaption, .gallery a:hover .num, .gallery a:hover figure:before { opacity: 0; filter: alpha(opacity=0); }
    .gallery .social-bar {
        display: block;
        padding: 0.556em 0.556em 0 0.556em;
        font-size: 1em;
        position: absolute;
        top: 76px;
    }
.gallery .social-bar .view svg {fill:#fff; vertical-align:middle}

.list_item { overflow: hidden; }
 .list_item figure { width:255px; height:160px; float:right}
  .list_item .uti { width:255px; right:0; }
  .list_item h3 { float:right; width:61%}

.paging { margin:20px 0;  text-align:center;  }
    .paging span,.paging a  {padding:15px 85px; display:inline-block; font-weight:bold; font-size:1.5em; color:#d32f2f; border:2px solid #d32f2f;  }
    .paging span,.paging a:hover {background:#d32f2f; color:#fff;}
    .paging span,.paging a:last-child{border-right:none}
    .paging .not_active { border:2px solid #acacac; background:none; color:#acacac}

     
.sec-title {margin:80px 0 20px 0; font-size:2.0EM}

.sec_14 figure:before { background: -moz-linear-gradient(top, rgba(74, 20, 140, 0.4) 0%, rgba(74, 20, 140, 0.4) 70%, rgba(198, 40, 40, 0.4) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(74, 20, 140, 0.4)), color-stop(70%, rgba(74, 20, 140, 0.4)), color-stop(100%, rgba(198, 40, 40, 0.4))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(74, 20, 140, 0.4) 0%, rgba(74, 20, 140, 0.4) 70%, rgba(198, 40, 40, 0.4) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(74, 20, 140, 0.4) 0%, rgba(74, 20, 140, 0.4) 70%, rgba(198, 40, 40, 0.4) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(74, 20, 140, 0.4) 0%, rgba(74, 20, 140, 0.4) 70%, rgba(198, 40, 40, 0.4) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(74, 20, 140, 0.4) 0%, rgba(74, 20, 140, 0.4) 70%, rgba(198, 40, 40, 0.4) 100%); /* W3C */ }
.sec_14 .label { background: -moz-linear-gradient(left, #c62828 0%, #4a148c 30%, #4a148c 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%, #c62828), color-stop(30%, #4a148c), color-stop(100%, #4a148c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #c62828 0%, #4a148c 30%, #4a148c 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #c62828 0%, #4a148c 30%, #4a148c 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #c62828 0%, #4a148c 30%, #4a148c 100%); /* IE10+ */ background: linear-gradient(to right, #c62828 0%, #4a148c 30%, #4a148c 100%); /* W3C */ }

.sec_9 figure:before { background: -moz-linear-gradient(top, rgba(51, 105, 30, 0.4) 0%, rgba(51, 105, 30, 0.4) 80%, rgba(198, 40, 40, 0.4) 97%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(51, 105, 30, 0.4)), color-stop(80%, rgba(51, 105, 30, 0.4)), color-stop(97%, rgba(198, 40, 40, 0.4))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(51, 105, 30, 0.4) 0%, rgba(51, 105, 30, 0.4) 80%, rgba(198, 40, 40, 0.4) 97%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(51, 105, 30, 0.4) 0%, rgba(51, 105, 30, 0.4) 80%, rgba(198, 40, 40, 0.4) 97%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(51, 105, 30, 0.4) 0%, rgba(51, 105, 30, 0.4) 80%, rgba(198, 40, 40, 0.4) 97%); /* IE10+ */ background: linear-gradient(to bottom, rgba(51, 105, 30, 0.4) 0%, rgba(51, 105, 30, 0.4) 80%, rgba(198, 40, 40, 0.4) 97%); /* W3C */ }
.sec_9 .label { background: -moz-linear-gradient(left, #c62828 1%, #33691e 40%, #33691e 99%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(1%, #c62828), color-stop(40%, #33691e), color-stop(99%, #33691e)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #c62828 1%, #33691e 40%, #33691e 99%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #c62828 1%, #33691e 40%, #33691e 99%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #c62828 1%, #33691e 40%, #33691e 99%); /* IE10+ */ background: linear-gradient(to right, #c62828 1%, #33691e 40%, #33691e 99%); /* W3C */ }

.sec_3 figure:before { background: -moz-linear-gradient(top, rgba(255, 111, 0, 0.4) 0%, #ff6f00 80%, rgba(198, 40, 40, 0.4) 97%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 111, 0, 0.4)), color-stop(80%, rgba(255, 111, 0, 0.4)), color-stop(97%, rgba(198, 40, 40, 0.4))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255, 111, 0, 0.4) 0%, rgba(255, 111, 0, 0.4) 80%, rgba(198, 40, 40, 0.4) 97%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255, 111, 0, 0.4) 0%, rgba(255, 111, 0, 0.4) 80%, rgba(198, 40, 40, 0.4) 97%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255, 111, 0, 0.4) 0%, rgba(255, 111, 0, 0.4) 80%, rgba(198, 40, 40, 0.4) 97%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255, 111, 0, 0.4) 0%, rgba(255, 111, 0, 0.4) 80%, rgba(198, 40, 40, 0.4) 97%); /* W3C */ }
.sec_3 .label { background: -moz-linear-gradient(left, #c62828 1%, #ff9800 40%, #ff9800 99%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(1%, #c62828), color-stop(40%, #ff9800), color-stop(99%, #ff9800)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #c62828 1%, #ff9800 40%, #ff9800 99%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #c62828 1%, #ff9800 40%, #ff9800 99%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #c62828 1%, #ff9800 40%, #ff9800 99%); /* IE10+ */ background: linear-gradient(to right, #c62828 1%, #ff9800 40%, #ff9800 99%); /* W3C */ }

.sec_0 figure:before { background:rgba(198, 40, 40, 0.4) }
.sec_0 figure:after {z-index: 1; content: ""; display: block; position: absolute;top: 38%;left: 40%;height: 70px; width: 70px;background:url(../gfx/play-button4.svg) 0 0 no-repeat; background-size:70px; height:70px; opacity:0.7 } 
.sec_0 figure:hover::after {opacity:1}
.sec_0 .label {display:none }

.sec_1 figure:before { background: rgba(21, 101, 192, 0.4); }
.sec_1 figure:after {z-index: 1; content: ""; display: block; position: absolute;top: 38%;left: 40%;height: 70px; width: 70px;background:url(../gfx/gallery-button4.svg) 0 0 no-repeat; background-size:70px; height:70px; opacity:0.7 } 
.sec_1 figure:hover::after {opacity:1}
.sec_1 .label {display:none }

.sec_14 figure:hover::before, .sec_9 figure:hover::before, .sec_3 figure:hover::before, .sec_0 figure:hover::before, .sec_1 figure:hover::before { opacity: 0.4; filter: alpha(opacity=40); }

.feautred { margin: 80px 0 0 0; overflow: hidden; background: #bdbdbd; }
.feautred-item { overflow: hidden; height: 300px;position: relative; }
.feautred-item h3 { background: rgba(183, 28, 28, 0.65); color: #ffffff; font-size: 1.2em; position: absolute; bottom: 0; right: 0; z-index: 1; margin: 0; padding: 0.5em 8px 1.250em 50px; width: 100%; }
.feautred-item h3:before { content: ""; display: block; position: absolute; right: 0; top: -20px; width: 0; height: 0; z-index: 1; border-bottom: 20px solid rgba(183, 28, 28, 0.65); border-left: 667px solid transparent; }
.feautred-item .f-social, .feautred-item .views{ position: absolute; top: 20px; right: 20px; color: #ffffff; }
.feautred-item .views .views_icn{width: 20px;height: 20px; display: inline-block; fill: #fff;  vertical-align: middle;margin: 0 0 5px 0;}
  
 
.mr { height: 300px; background: #242842; display: flex; justify-content: center; align-items: center; }
.mr a { display: block; margin-bottom: 20px; }
.mr span { display: block; bottom: 0; width: 100%; }
.mr .medium_rec { margin:0;}

.gads_MR {position:relative;}
.medium_rec, .akhbarak { margin: 0 auto;text-align: center;}
 .divAds{ margin-bottom: 20px;}

.menu-content .nav a { position: relative; transition: background .25s ease-in-out; -moz-transition: background .25s ease-in-out; -webkit-transition: background .25s ease-in-out; }
.nav .home:after, .nav .fam:after, .nav .tv-movies:after, .nav .music:after, .nav .gal:after { content: ""; display: block; position: absolute; top: 0; right: 0; width: 0; height: 0; border-top: 15px solid #b71c1c; border-left: 15px solid transparent; z-index: 1; }
.menu-content .nav .fam:hover { background-color: #ff9800; }
.nav .fam:after { border-top-color: #ff9800; }
.menu-content .nav .tv-movies:hover { background-color: #33691e; }
.nav .tv-movies:after { border-top-color: #33691e; }
.menu-content .nav .music:hover { background-color: #4a148c; }
.nav .music:after { border-top-color: #4a148c; }
.menu-content .nav .gal:hover { background-color: #1565c0; }
.nav .gal:after { border-top-color: #1565c0; }

.search-u { position: relative; }
.search-u .search-btn, .search-u .close { position: absolute; top: 16px; left: 70px; border-radius: 40px; -moz-border-radius: 40px; -webkit-border-radius: 40px; background: #851414; width: 50px; height: 50px; padding: 13px; }
.search-u .search-btn:hover , .search-u .close:hover {background:#fff;  -webkit-transition: all 0.35s ease;-moz-transition: all 0.35s ease;-o-transition: all 0.35s ease;-ms-transition: all 0.35s ease;transition: all 0.35s ease} 
.search-u .search-btn:hover svg, .search-u .close:hover svg { fill:#b71c1c}
.search-u .search-btn .search_icn { width: 25px; height: 25px; }
.search-u .close { left: 10px; padding: 16px; }
.search-u .close .close_icn { width: 20px; height: 20px; }
.search-box { font-size: 1.2em; background: #d13636; color: #ffffff; padding: 1.111em; width: 100%; border: 3px solid white; border-radius: 40px; -moz-border-radius: 40px; -webkit-border-radius: 40px; display: block; margin: 150px 0 0 0; ransition: box-shadow .25s ease-in-out; -moz-transition: box-shadow .25s ease-in-out; -webkit-transition: box-shadow .25s ease-in-out; }
.search-box:focus { outline: none; -webkit-box-shadow: 0px 0px 40px 0px rgba(189, 193, 219, 0.51); -moz-box-shadow: 0px 0px 40px 0px rgba(189, 193, 219, 0.51); box-shadow: 0px 0px 40px 0px rgba(189, 193, 219, 0.51); }

.more, .more:visited { color:#616161; text-align:center; padding:10px; background:#e0e0e0; display:block; clear:both; height:40px; }
.more .more-icn {width:20px; height:20px; fill:#616161; vertical-align:middle}
.more:hover {background:#c62828;color:#fff;-webkit-box-shadow: 0px 0px 5px 2px rgba(189, 189, 189, 0.8); box-shadow: 0px 0px 5px 2px rgba(189, 189, 189, 0.8);-webkit-transition: all 0.35s ease;-moz-transition: all 0.35s ease;-o-transition: all 0.35s ease;-ms-transition: all 0.35s ease;transition: all 0.35s ease}
.more:hover .more-icn { fill:#fff;}
.more:hover span {color:#fff; display:inline-block;-webkit-transition: all 0.35s ease;-moz-transition: all 0.35s ease;-o-transition: all 0.35s ease;-ms-transition: all 0.35s ease;transition: all 0.35s ease}
.more span {display:none; font-size:12px; }
/*# sourceMappingURL=assembled.css.map */

/*Footer*/

/*Section customization*/
.Sec14 .feautred,.Sec9 .feautred, .Sec3 .feautred , .Sec17 .feautred , .Sec24 .feautred  {margin:0;}
.Sec17 .sec-title ,.Sec24 .sec-title{margin:20px 0px;}

/* Music*/
.Sec14 .sec-title { color:#4a148c;}
.Sec14 .feautred-item h3 { background-color:rgba(74, 20, 140, 0.65)}
.Sec14 .feautred-item h3:before {border-bottom: 20px solid rgba(74, 20, 140, 0.65);}
.Sec14 .title h4 {color:#4a148c;}
.Sec14 .title-icn {fill:#4a148c;}
.Sec14 .card .label, .Sec14 .l_card .label,.Sec14 .half_card_l .label,.Sec14 .half_card_r .label {background-color:#4a148c;}
.Sec14 .trend span:after {border-top: 50px solid rgba(74, 20, 140, 0.65);}
.Sec14 .card a:hover h3, .Sec14 .half_card_l a:hover h3, .Sec14 .half_card_r a:hover h3 { color:#4a148c; }
/*Tv*/
.Sec9 .sec-title { color:rgba(51, 105, 30, 1);}
.Sec9 .feautred-item h3 { background-color:rgba(51, 105, 30, 0.65)}
.Sec9 .feautred-item h3:before {border-bottom: 20px solid rgba(51, 105, 30, 0.65);}
.Sec9 .title h4 {color:rgba(51, 105, 30, 1);}
.Sec9 .title-icn {fill:rgba(51, 105, 30, 1);}
.Sec9 .card .label, .Sec9 .l_card .label,.Sec9 .half_card_l .label,.Sec9 .half_card_r .label {background-color:rgba(51, 105, 30, 1);}
.Sec9 .trend span:after {border-top: 50px solid rgba(51, 105, 30, 0.65);}
.Sec9 .card a:hover h3, .Sec9 .half_card_l a:hover h3, .Sec9 .half_card_r a:hover h3 { color:rgba(51, 105, 30, 1); }
/*Cel*/
.Sec3 .sec-title { color:rgba(243, 132, 63, 1);}
.Sec3 .feautred-item h3 { background-color:rgba(243, 132, 63, 0.65)}
.Sec3 .feautred-item h3:before {border-bottom: 20px solid rgba(243, 132, 63, 0.65);}
.Sec3 .title h4 {color:rgba(243, 132, 63, 1);}
.Sec3 .title-icn {fill:rgba(243, 132, 63, 1);}
.Sec3 .card .label, .Sec3 .l_card .label,.Sec3 .half_card_l .label,.Sec3 .half_card_r .label {background-color:rgba(243, 132, 63, 1);}
.Sec3 .trend span:after {border-top: 50px solid rgba(243, 132, 63, 0.65);}
.Sec3 .card a:hover h3, .Sec3 .half_card_l a:hover h3, .Sec3 .half_card_r a:hover h3 { color:rgba(243, 132, 63, 1); }


/*Ramadan*/
.Sec11 .feautred {margin:0} 
/*//////////////////////////////// QNB ////////////////////////////*/
.qnb-sec-u {margin-top:80px;}
.row.qnb-sec-u + input + input + .sec-title {
    display: none;
}
.qnb-nav {  position: relative;width: 1020px; height: 114px; background: #562350 url(../images/RamadanBanner.jpg) 0 0 no-repeat;  margin: 0 -10px 20px 0; background-position: right;background-size: cover;top:0px;}
.qnb-nav ul { overflow:hidden; position:absolute; left:0; bottom:-14px;}
.qnb-nav ul> li {float:right;}
.qnb-nav ul> li > a { display:block; padding:10px 20px; color:#fff; font-size:14px; background:rgb(198, 40, 40); margin:0 0 0 1px; /*border-top:5px solid rgba(255, 255, 255, 0.1);*/}
.qnb-nav ul> li > .active ,.qnb-nav ul> li > .active:hover{background:rgba(255,255,255,0.8); color:#c62828; border-top-color:#c62828} 

 .qnb-nav ul> li > a:hover {background:rgba(198, 40, 40,0.8); color:#fff; border-top-color:#c62828} 
 
.qnb-nav ul> li:last-child a { margin:0;}
 .Sec27 .sec-title {margin: 0px 0 20px 0;}
 .Sec27 .feautred {margin: 0px 0 0 0;}

/*//////////////////////////////// Adds ////////////////////////////*/
.LB_bottom { width:729px; margin: 0 auto 40px auto}
.leader_board .container { overflow:hidden; margin:80px 0 0 0;  }
.leader_board .container .holder { float:right }
.leader_board .container .sticker { float:right; margin:0 30px 0 0}
.leader_board_ramadan{position: relative;top: 130px;} 
.left{ position:absolute ; left:0px; }
.right{ position:absolute ; right:0px;}

div#divSkyScraper {position: fixed;width: 1340px;  right: 50%;margin-right: -670px;}   
div#divSkyScraper .left{position:absolute;left:0;}
div#divSkyScraper .right{position:absolute;right:0;}
/*Ramadan2017*/
.NextSessonsContainer{      background-color: #242424;
    padding: 13px 17px 18px 1px;
    max-height: 219px;
    overflow: hidden;
    margin: 13px 0;
    color: #fff;}
.NextSessonsContainer h1 {
    color: #fff;
    font-size: 1.03em;
    font-weight: 100;
    margin: 0 0 14px;
    padding: 0;
}
.NextSessonsContainer ul{
    padding: 0;
    margin: 0;
    overflow: hidden;
     height: 148px !important;
}
.NextSessonsContainer li {
    width: 235px;
    float: right;
    background-color: #303032;
    margin: 0 0 0 9px;
     border-left: 1px solid #b11d1d;
    position: relative;
    transition:0.2s ease-in-out;
    cursor:pointer;
}
.NextSessonsContainer a {
    width: 100%;
    height: 100%;
    display: block;
}
.NextSessonsContainer figure {
    width: 53%;
    max-width: 111px;
    display: inline-block;
    float: right;
    overflow: hidden;
}
.NextSessonsDes {
    float: right;
    display: inline-block;
    width: 45%;
    margin-right: 13px;
    overflow: hidden;
}
.det h2 {
    font-size:0.85em;
    color: #fff;
}
.det h2, .det h6 {
    display: inline-block;
     line-height: normal;
    float: right;
    width:100%;
 }
.det h6 {
    font-size: 0.707em;
    color: #b6b6b6;
    margin-top: -0.5em !important;
}
.NextSessonsDes .channel {
    position: absolute;
    top: 95px;
}
.NextSessonsContainer li:hover{
        background-color: #b71c1c;
 
    border-left: 1px solid #ffffff;
}
.NextSessonsContainer li:hover .det h6{
    color:#fff;
}

 .NextSessonsDes .channel img {
       width: 50px !important;
    height: 40px !important;
}
 
/* display none until init */
.owl-carousel{
 	position: relative;
	overflow: hidden;
	width: 100%;
}

.feautred  .owl-dots {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
 }
.feautred .owl-dot {
    text-align: center;
    display: inline-block;
}

.feautred .owl-dot span {
     background: none repeat scroll 0 0 #ffffff;
    border-radius: 20px;
     height: 5px;
    margin: 5px 3px;
    opacity: 0.5;
    width: 5px;
}
.feautred .owl-dot.active span {
    background: none repeat scroll 0 0 #ffffff;
    opacity: 1;
}

.owl-nav.disabled ,.owl-prev ,.feautred .owl-dot span  ,.feautred  .owl-dots ,.owl-next {
        display: block !important;

}
.owl-prev, .owl-next {
    position: absolute;
    color: #fff;
    top: 42%;
    width: 40px;
    height: 40px;
    font-size: 0;
    background-image: url(../gfx/next.svg) !important;
    background-size: cover;
    opacity:0.7;
    transition:all 0.2s ease-in-out;
}
.owl-prev:hover, .owl-next:hover {
    opacity:1;

}
.owl-prev {
   right: 0px;
}
.owl-next{
    
    left: 0px;
    transform: rotate(180deg);
 
}
#AlnaherAdContainer {
    background-image: url('../images/OppoBg.png');
} 
 
.owl-carousel .owl-item img {
     width: 710px !important;
}
.Adcontainer{
    text-align:center;
    margin:10px auto;
}

/* Ads */
.topLeaderboardHome .leader_board .container div.sticker {
    float: left;
    margin:0;
}

/*leader_board */
.topLeaderboardHome .leader_board .holder {
    float: right;
}
.topLeaderboardHome .leader_board  .container {
    margin: 20px 0 0 0;
}
.Home_leaderBorderFooterContainer {
    width: 100%;
    display: inline-block;
    margin: 20px 0;
    text-align: center;
}
    .Home_leaderBorderFooterContainer .LB_bottom {
         margin: 0 auto ;
    }