@import url(http://fonts.googleapis.com/earlyaccess/droidarabicnaskh.css);

@import url(share.css);

@import url(font/flaticon.css);

@font-face {

    font-family: "Masr-bold";

    font-style: normal;

    font-weight: normal;

    src: url("fonts/masr-bold.eot?#iefix") format("embedded-opentype"), url("fonts/masr-bold.woff") format("woff"), url("fonts/masr-bold.ttf") format("truetype");

}



@font-face {

    font-family: "Masr-light";

    font-style: normal;

    font-weight: normal !important;

    src: url("fonts/masr-light.eot?#iefix") format("embedded-opentype"), url("fonts/masr-light.woff") format("woff"), url("fonts/masr-light.ttf") format("truetype");

}





/* IE Viewport Fix */



@-ms-viewport {

    width: device-width;

}





/* Skel */



html,

body,

div,

span,

applet,

object,

iframe,

h1,

h2,

h3,

h4,

h5,

h6,

p,

blockquote,

pre,

a,

abbr,

acronym,

address,

big,

cite,

code,

del,

dfn,

em,

img,

ins,

kbd,

q,

s,

samp,

small,

strike,

strong,

sub,

sup,

tt,

var,

b,

u,

i,

center,

dl,

dt,

dd,

ol,

ul,

li,

fieldset,

form,

label,

legend,

table,

caption,

tbody,

tfoot,

thead,

tr,

th,

td,

article,

aside,

canvas,

details,

embed,

figure,

figcaption,

footer,

header,

hgroup,

menu,

nav,

output,

ruby,

section,

summary,

time,

mark,

audio,

video {

    margin: 0;

    padding: 0;

    border: 0;

    font-size: 100%;

    font: inherit;

    vertical-align: baseline;

}



article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

menu,

nav,

section {

    display: block;

}



body {

    line-height: 1.6;

}



ol,

ul {

    list-style: none;

}



blockquote,

q {

    quotes: none;

}



blockquote:before,

blockquote:after,

q:before,

q:after {

    content: '';

    content: none;

}



table {

    border-collapse: collapse;

    border-spacing: 0;

}



body {

    -webkit-text-size-adjust: none;

}



*,

*:before,

*:after {

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

}



body {

    margin: 0;

    direction: rtl;

    padding: 0;

    color: #444444;

    background: #f2f2f2;

    font-family: 'Droid Arabic Naskh', serif;

    font-size: 18px;

    padding-top: 60px;

}



iframe {

    width: 100% !important;

}



a,

a:hover,

a:focus {

    text-decoration: none;

    color: #1c3b4f;

    font-weight: normal !important;

}



h1,

h2,

h3,

h4,

h5,

h6 {

    font-weight: 400;

}



.container {

    padding: 0 !important;

}



.site-logo {

    left: 60px !important;

    position: absolute;

    right: 60px;

}



.banner {

    background: #1c3b4f !important;

    text-align: center;

    padding: 25px !important;

}



.logo {

    background: url("../images/logo.png") no-repeat;

    display: inline-block !important;

    width: 100px;

    height: 40px !important;

    margin-top: 10px;

}



.moduletable {

    overflow: hidden;

}



h3.modulehead {

    margin: 10px 0 10px;

    /* border-bottom: 1px solid #c2c2c2; */

    font-size: 1.6rem;

    font-family: 'masr-bold', serif;

    font-weight: bold;

    padding: 5px 0;

}



h3.modulehead a {

    border-bottom: 5px solid #f5b903;

    margin-right: 14px;

    padding: 2px 10px;

}



h3.modulehead .head-tabs {

    color: #fff;

    display: block;

    float: left;

    position: relative;

    top: 20px;

}



.head-tabs .nav-tabs > li {

    color: #fff;

    font-family: droid arabic naskh;

    font-size: 10pt;

    background: none !important;

}



.head-tabs .nav-tabs > li.active {

    background: none;

    border: none;

}



.head-tabs .nav-tabs > li.active > a,

.head-tabs .nav-tabs > li.active > a:focus,

.head-tabs .nav-tabs > li.active > a:hover {

    background: none;

    border: none;

    color: #FFF;

    cursor: default;

}



.head-tabs .nav-tabs {

    border: none;

}



.head-tabs .nav-tabs > li > a {

    border: none !important;

    text-decoration: none !important;

    color: #FFF;

}



.head-tabs .nav-tabs > li > a:hover {

    background: none;

    border: none;

}





/**** Slider ****/



.slideshow .owl-controls {

    display: none;

}



.slideshow .item {

    position: relative;

    min-height: 450px;

}



.slideshow .item .item-title {

    position: absolute;

    bottom: 0;

    background: rgba(5, 20, 30, 0);

    background: -moz-linear-gradient(top, rgba(5, 20, 30, 0) 0%, rgba(5, 20, 30, 1) 100%);

    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(5, 20, 30, 0)), color-stop(100%, rgba(5, 20, 30, 1)));

    background: -webkit-linear-gradient(top, rgba(5, 20, 30, 0) 0%, rgba(5, 20, 30, 1) 100%);

    background: -o-linear-gradient(top, rgba(5, 20, 30, 0) 0%, rgba(5, 20, 30, 1) 100%);

    background: -ms-linear-gradient(top, rgba(5, 20, 30, 0) 0%, rgba(5, 20, 30, 1) 100%);

    background: linear-gradient(to bottom, rgba(5, 20, 30, 0) 0%, rgba(5, 20, 30, 1) 100%);

    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#05141e', endColorstr='#05141e', GradientType=0);

    min-height: 100px;

    padding: 10px 20px 20px;

    position: absolute;

    width: 100%;

}



.slideshow .owl-item img {

    display: block;

    height: 450px;

    width: 100%;

}



h4 {

    color: #f7bb03;

    font-family: 'Droid Arabic Naskh', serif;

    font-size: 1.2rem;

    font-weight: bold;

    /* padding-right: 20px; */

}



.slideshow .item .item-title h2 {

    color: #FFF;

    font-family: 'Masr-light', serif;

    font-size: 1.5rem;

    font-weight: Normal;

    border-right: 5px solid #f7bb03;

    padding-right: 15px;

}



.slideshow .item .item-title .sliderelated {

    margin: 20px 0px 0 10px;

}



.slideshow .item .item-title .sliderelated a {

    color: #efefef;

}



.sliderelated li {

    color: #f1f1f1;

    cursor: pointer;

    line-height: 21px;

    list-style: outside none none;

    padding: 5px 8px;

}



.sliderelated li a {

    color: #f1f1f1;

    font-size: 12px;

    font-weight: bold !important;

}



.sliderelated li.reven {

    background: #9d9681 none repeat scroll 0 0;

}



a.slidehashlink {

    color: #fff;

    font-family: "Masr-bold", serif;

    font-size: 15px;

}



a.slidehashlink:hover {

    color: #f7bb03;

}



.hashtags {

    background: #2d2d2d;

    overflow: hidden;

}





/* .hashtag {    height: 103px;    margin: 15px auto;    overflow: hidden;} */



.hashcircle {

    background: #494949 none repeat scroll 0 0;

    border: 1px solid #494949;

    border-radius: 50%;

    color: #fff;

    float: right;

    font-size: 22px;

    font-weight: bold;

    height: 35px;

    line-height: 1.7;

    overflow: hidden;

    position: relative;

    text-align: center;

    top: 55px;

    width: 35px;

}



.hashtag-page .hashcircle {

    top: 0;

    line-height: 1.4;

}



.hashcircle::after {

    content: "#";

}



.hashline {

    height: 100px;

    position: relative;

    right: 40px;

    top: -27px;

    width: 2px;

}



.hashline::before,

.hashline::after {

    background: rgba(0, 0, 0, 0) linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(247, 187, 3, 1) 40%, rgba(0, 0, 0, 0) 67%) repeat scroll 0 0;

    content: "";

    display: block;

    height: 150px;

    width: 1px;

}



.hashhead {

    float: right;

}



.hashcontent {

    padding: 20px 15px;

    max-height: 232px;

    float: right;

    position: relative;

}



.hashcontenttext {

    background: transparent none repeat scroll 0 0;

    border-radius: 0;

    color: #fff;

    font-family: masr-light;

    font-size: 8pt;

    font-weight: normal !important;

    padding: 2px 3px;

}



.hashcontenttext:hover {

    color: #444;

    padding: 2px 3px;

}



.hashcontent a {

    /* background: #7d7d7d none repeat scroll 0 0; */

    float: right;

    height: 26px;

    margin-bottom: 10px;

    margin-left: 4px;

    padding: 0;

    overflow: hidden;

}



.hashcontent a:hover {

    font-weight: bold;

}



.hashsymb {

    background: #454545;

    color: #fff;

    font-size: 16px;

    line-height: 1.7;

    padding: 0 7px;

}



a.hashitemsort:hover .hashsymb {

    background: #f7bb03;

}



a.hashitemsort {

    background: #212121 none repeat scroll 0 0;

    color: #f7bb03;

    height: 26px;

    overflow: hidden;

}



a.hashitemsort:hover .hashno {

    color: #fff;

}



.hashfoltext {

    color: #fff;

    font-size: 10px;

    padding-right: 6px;

}



.hashno {

    color: #f7bb03;

    float: right;

    font-size: 26px;

    line-height: 1.5;

    padding: 0 4px 0 0;

}



.hashheader {

    border-bottom: 2px solid #ccc;

    font-family: Masr-light;

    font-size: 13pt;

    margin-bottom: 20px;

    overflow: hidden;

    padding: 20px;

}



.hashheader > a {

    -moz-border-bottom-colors: none;

    -moz-border-left-colors: none;

    -moz-border-right-colors: none;

    -moz-border-top-colors: none;

    border-color: #ccc #ccc -moz-use-text-color;

    border-image: none;

    border-style: solid solid none;

    border-width: 1px 1px medium;

    color: green;

    float: left;

    position: relative;

}





/**** Most active ****/



.item-link {

    position: relative;

    overflow: hidden;

}



.item-no {

    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;

    border-radius: 10px;

    color: #fff;

    font-size: 4rem;

    height: 90px;

    position: absolute;

    right: 40%;

    text-align: center;

    top: 30%;

    width: 90px;

}



h3.navbar {

    background: #e7b314;

    text-align: center;

    font-family: 'Masr-light', serif;

    color: #FFF;

    font-size: 1.8rem;

    line-height: 2.5;

    margin: 0;

}



.more_news {

    background: #f0f0f0;

}



.more_news .wide-item {

    padding: 0 !important;

}



.more_news .wide-item img {

    width: 100%;

}



.more_news .wide-item .titles {

    /*padding: 30px 50px 20px;*/

    padding: 0 20px 5px;

}



.more_news .wide-item .titles h4 {

    font-family: 'Droid Arabic Naskh', serif;

    font-size: 1.2rem;

    padding: 0 !important;

}



.more_news .wide-item .titles h3 {

    font-family: 'Masr-Bold', serif;

    font-size: 1.4rem;

}



.more_news .small-item {

    padding: 30px 10px;

    border-top: 1px solid #c2c2c2;

}



.more_news .small-item img {

    width: 155px;

    height: 120px;

}



.more_news .small-item .titles {

    /* padding: 0; */

}



.more_news .small-item .titles h4 {

    font-family: 'Droid Arabic Naskh', serif;

    font-size: 1.4rem;

    padding: 0 !important;

}



.more_news .small-item .titles h3 {

    font-family: 'Droid Arabic Naskh', serif;

    font-size: 1rem;

}



.more_news .small-item .item-no {

    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;

    border-radius: 10px;

    color: #fff;

    font-size: 2.7rem;

    height: 60px;

    position: absolute;

    right: 30%;

    text-align: center;

    top: 30%;

    width: 60px;

}



.small-item .social-sharing.is-mobile a {

    border-radius: 50%;

    height: 34px;

    line-height: 24px;

    width: 35px;

    background: #c2c2c2;

}



.small-item .social-sharing.is-mobile a span {

    line-height: 35px;

}



.small-item [class^="flaticon-"]::before,

.small-item [class*=" flaticon-"]::before,

.small-item [class^="flaticon-"]::after,

.small-item [class*=" flaticon-"]::after {

    font-family: Flaticon;

    font-size: 18px !important;

    font-style: normal;

    margin-left: 8px;

}



.item-category.btn {

    background: #c2c2c2;

    color: #FFF;

    margin: 0px 20px;

    border-radius: 0;

    height: 30px;

}



.item-category.btn a {

    color: #FFF;

}



.more_news .large-item {

    position: relative;

    overflow: hidden;

}



.more_news .large-item .titles {

    position: absolute;

    bottom: 10px;

}



.more_news.articles {

    overflow: hidden;

    /* padding: 30px; */

}



.articles .large-item img {

    width: 100%;

}



.articles .small-item img {

    float: right;

    height: 90px;

    margin-left: 10px;

    width: 100px;

}



.articles .large-item .titles {

    position: absolute;

    bottom: 0;

    background: rgba(5, 20, 30, 0);

    background: -moz-linear-gradient(top, rgba(5, 20, 30, 0) 0%, rgba(5, 20, 30, 1) 100%);

    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(5, 20, 30, 0)), color-stop(100%, rgba(5, 20, 30, 1)));

    background: -webkit-linear-gradient(top, rgba(5, 20, 30, 0) 0%, rgba(5, 20, 30, 1) 100%);

    background: -o-linear-gradient(top, rgba(5, 20, 30, 0) 0%, rgba(5, 20, 30, 1) 100%);

    background: -ms-linear-gradient(top, rgba(5, 20, 30, 0) 0%, rgba(5, 20, 30, 1) 100%);

    background: linear-gradient(to bottom, rgba(5, 20, 30, 0) 0%, rgba(5, 20, 30, 1) 100%);

    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#05141e', endColorstr='#05141e', GradientType=0);

    min-height: 100px;

    padding: 10px 20px 20px;

    position: absolute;

}



.articles .large-item .titles h3 {

    font-family: 'Masr-Bold', serif;

    font-size: 1.5rem;

    line-height: 1.2;

    color: #FFF;

    /* padding: 0 20px; */

}



.articles .large-item .titles h4 {

    font-family: 'Droid Arabic Naskh', serif;

    font-size: 1rem;

    color: #f5b903;

    /* padding: 0 20px; */

}



.articles .small-item {

    border-top: 0px;

    padding: 10px;

    overflow: hidden;

}



.articles .small-item .titles h3 {

    font-family: 'Masr-Bold', serif;

    font-size: 1rem;

}



.articles .small-item .titles h4 {

    font-family: 'Droid Arabic Naskh', serif;

    font-size: 1rem;

    color: #f5b903;

}



.owl-controls {

    display: none;

}



.nav-tabs .owl-item li {

    padding: 10px 0;

	text-align: center !important;

}



.tab-button {

    font-family: masr-bold;

    font-size: 12pt;

}



.owl-item li.active a {

    border-bottom: 5px solid #f5b903;

    padding: 10px 0px;

}



.videos .owl-item li a {

    border-bottom: none !important;

    padding: 10px 5px;

    font-size: 10px;

    font-weight: normal !important;

}



.sports-tab .modulebody,

.category-tabs .modulebody {

    /*margin: 0 20px;*/

    overflow: hidden;

}



#categorytabs .news-item {

    overflow: hidden;

    position: relative;

    margin-bottom: 5px;

    float: right;

    height: 170px;

}



#categorytabs .news-item .titles h6 {

    display: none;

}



#categorytabs .news-item:first-child {

    width: 100% !important;

    height: auto !important;

    padding: 0;

}



#categorytabs .news-item:first-child .titles {

    position: absolute;

    bottom: 0;

    background: rgba(5, 20, 30, 0);

    background: -moz-linear-gradient(top, rgba(5, 20, 30, 0) 0%, rgba(5, 20, 30, 1) 100%);

    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(5, 20, 30, 0)), color-stop(100%, rgba(5, 20, 30, 1)));

    background: -webkit-linear-gradient(top, rgba(5, 20, 30, 0) 0%, rgba(5, 20, 30, 1) 100%);

    background: -o-linear-gradient(top, rgba(5, 20, 30, 0) 0%, rgba(5, 20, 30, 1) 100%);

    background: -ms-linear-gradient(top, rgba(5, 20, 30, 0) 0%, rgba(5, 20, 30, 1) 100%);

    background: linear-gradient(to bottom, rgba(5, 20, 30, 0) 0%, rgba(5, 20, 30, 1) 100%);

    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#05141e', endColorstr='#05141e', GradientType=0);

    min-height: 100px;

    padding: 10px 20px 20px;

    position: absolute;

    width: 100%;

}



#categorytabs .news-item:first-child .titles h6 {

    display: block;

    font-family: 'Droid Arabic Naskh', serif;

    color: #f5b903;

    font-size: 1.1rem;

}



#categorytabs .news-item .titles h3 {

    font-family: 'Masr-Bold';

    color: #1a3b4e;

    text-align: center;

    font-size: 0.9rem;

}



#categorytabs .news-item:first-child .titles h3 {

    font-family: 'Masr-Bold';

    color: #FFF;

    font-size: 1.3rem;

}



#categorytabs .news-item:first-child img {

    width: 100%;

    height: 240px;

}



#categorytabs .news-item img {

    width: 175px;

    height: 115px;

}



.category-tabs .news-item {

    width: 100%;

    overflow: hidden;

    margin-bottom: 15px;

}



.category-tabs .news-item:first-child .titles {

    position: absolute;

    bottom: 0;

    background: rgba(5, 20, 30, 0);

    background: -moz-linear-gradient(top, rgba(5, 20, 30, 0) 0%, rgba(5, 20, 30, 1) 100%);

    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(5, 20, 30, 0)), color-stop(100%, rgba(5, 20, 30, 1)));

    background: -webkit-linear-gradient(top, rgba(5, 20, 30, 0) 0%, rgba(5, 20, 30, 1) 100%);

    background: -o-linear-gradient(top, rgba(5, 20, 30, 0) 0%, rgba(5, 20, 30, 1) 100%);

    background: -ms-linear-gradient(top, rgba(5, 20, 30, 0) 0%, rgba(5, 20, 30, 1) 100%);

    background: linear-gradient(to bottom, rgba(5, 20, 30, 0) 0%, rgba(5, 20, 30, 1) 100%);

    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#05141e', endColorstr='#05141e', GradientType=0);

    min-height: 100px;

    padding: 10px 20px 20px;

    position: absolute;

    width: 100%;

}



.category-tab-items .news-img:first-child {

    margin-left: 0px !important;

}



.category-tab-items .news-img,

.category-tabs .news-img {

    /* float: right;		margin-left:10px; */

}



.category-tabs .news-img img {

    width: 100%;

}



.category-tabs .news-item:first-child .news-img {

    width: 100% !important;

    height: 210px;

}



.category-tab-items .news-item {

    overflow: hidden;

    margin-top: 21px;

}



.category-tab-items .news-item:first-child .news-img img,

.category-tabs .news-item:first-child .news-img img {

    width: 100% !important;

    margin-left: 0px !important;

}



.category-tabs .news-item:first-child .titles h6 {

    display: block;

    font-family: 'Droid Arabic Naskh', serif;

    color: #f5b903;

    font-size: 1.1rem;

}



.category-tabs .news-item:first-child .titles h3 {

    display: block;

    font-family: 'Masr-Bold', serif;

    color: #FFF;

    font-size: 1.5rem;

}



.category-tabs .news-item .titles h6 {

    display: block;

    font-family: 'Droid Arabic Naskh', serif;

    color: #f5b903;

    font-size: 12pt;

}



.category-tabs .news-item .titles h3 {

    font-family: 'Masr-Bold';

    color: #1a3b4e;

    font-size: 14pt;

}



.category-tabs .head-tabs .nav-tabs.news-item .titles h3 {

    font-family: 'Masr-Bold';

    color: #1a3b4e;

    font-size: 14pt;

}



.category-tabs .head-tabs .nav-tabs.news-item:first-child .titles h3 {

    font-family: 'Masr-Bold';

    color: #FFF;

    font-size: 1.3rem;

}



.category-tabs .head-tabs .nav-tabs.news-item:first-child img {

    width: 100%;

}



.category-tabs .head-tabs .nav-tabs.news-item img {

    width: 100%;

}





/****** Matches ******/



.teamlogo > img {

    width: 40px !important;

}



.teamtitle {

    font-size: 0.8rem;

    padding-top: 9px;

}



.match {

    position: relative;

}



.sportsscore {

    background: #192331 none repeat scroll 0 0;

    border: 1px solid #192331;

    border-radius: 5px;

    color: #f7bb03;

    height: 32px;

    opacity: 0.76;

    overflow: hidden;

    padding-top: 4px;

    position: absolute !important;

    right: 40% !important;

    text-align: center;

    top: 40px;

    width: 90px !important;

}



.sportsboxs {

    height: 450px;

}





/****** Writers ******/



.writers {

    overflow: hidden;

}



.owriter {

    border-bottom: 1px solid #ccc;

    padding-bottom: 20px;

    text-align: center;

}



.owriter .writerimg img {

    border-radius: 50%;

    width: 190px;

}



.owriter h4 {

    color: #1c3b4f;

    font-family: "Masr-Bold";

    font-size: 1.3rem;

    padding: 15px 15px 3px;

}



.owriter .wrt h5 {

    color: #f5b903;

    font-size: 1rem;

    font-weight: bold;

}



.intro p {

    color: #acacac;

    font-weight: bold;

    font-size: 12pt;

    line-height: 1;

    quotes: "“" "”" "‘" "’";

}



.intro p::before {

    content: " ” ";

    font-size: 35pt;

}



.intro p::after {

    content: " “ ";

    font-size: 35pt;

}



.owriter .btn {

    background: #1c3b4f;

    padding: 10px 15px;

    text-shadow: none;

    color: #FFF;

    margin: 10px 0;

}





/**** Videos ****/



.videos {

    background: #1c3b4f;

    padding: 5px 0 20px;

    margin: 15px 0 0;

}



.videos .video-items {

    overflow: hidden;

}



.videos .video-items .owl-item {

    overflow: hidden;

    position: relative;

}



.videos .video-items .owl-item .item-title {

    position: absolute;

    bottom: 0;

    background: rgba(5, 20, 30, 0);

    background: -moz-linear-gradient(top, rgba(5, 20, 30, 0) 0%, rgba(5, 20, 30, 1) 100%);

    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(5, 20, 30, 0)), color-stop(100%, rgba(5, 20, 30, 1)));

    background: -webkit-linear-gradient(top, rgba(5, 20, 30, 0) 0%, rgba(5, 20, 30, 1) 100%);

    background: -o-linear-gradient(top, rgba(5, 20, 30, 0) 0%, rgba(5, 20, 30, 1) 100%);

    background: -ms-linear-gradient(top, rgba(5, 20, 30, 0) 0%, rgba(5, 20, 30, 1) 100%);

    background: linear-gradient(to bottom, rgba(5, 20, 30, 0) 0%, rgba(5, 20, 30, 1) 100%);

    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#05141e', endColorstr='#05141e', GradientType=0);

    min-height: 100px;

    padding: 10px 20px 20px;

    position: absolute;

    width: 100%;

    color: #FFF;

}



.videos .video-items .owl-item {

    height: 280px;

}



.videos .video-items .owl-item .item-title h2 {

    color: #fff;

    font-family: masr-bold;

    font-size: 1.3rem;

}



.videos h3.modulehead {

    margin: 0 20px 20px;

}



.videos h3.modulehead a {

    border-bottom: 5px solid #f5b903;

    padding-bottom: 3px;

    color: #FFF;

}



.videos .category-filter {

    position: absolute;

    top: 13px;

    left: 13px;

}



.videos .category-filter li {

    color: #fff;

    direction: rtl;

    float: right;

    font-size: 9pt;

    line-height: 0;

    list-style: outside none none;

    margin: 5px 7px;

}



.videos .category-filter i {

    float: right;

    color: #f5b903;

}





/****** Photos ******/



.album-items {

    margin: 20px 0;

}



.album-items .owl-item .item-title {

    position: absolute;

    bottom: 0;

    background: rgba(5, 20, 30, 0);

    background: -moz-linear-gradient(top, rgba(5, 20, 30, 0) 0%, rgba(5, 20, 30, 1) 100%);

    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(5, 20, 30, 0)), color-stop(100%, rgba(5, 20, 30, 1)));

    background: -webkit-linear-gradient(top, rgba(5, 20, 30, 0) 0%, rgba(5, 20, 30, 1) 100%);

    background: -o-linear-gradient(top, rgba(5, 20, 30, 0) 0%, rgba(5, 20, 30, 1) 100%);

    background: -ms-linear-gradient(top, rgba(5, 20, 30, 0) 0%, rgba(5, 20, 30, 1) 100%);

    background: linear-gradient(to bottom, rgba(5, 20, 30, 0) 0%, rgba(5, 20, 30, 1) 100%);

    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#05141e', endColorstr='#05141e', GradientType=0);

    min-height: 100px;

    padding: 10px 20px 20px;

    position: absolute;

    width: 100%;

    color: #FFF;

}



.album-items .owl-item .glyph-icon {

    position: absolute;

    top: 10px;

    right: 40px;

    color: #f5b903;

}



.album-items .owl-item .item-title h2 {

    color: #fff;

    font-family: masr-bold;

    font-size: 1.3rem;

}



.album-items {

    height: 270px;

}



.album-items .category-filter {

    right: 13px;

    position: absolute;

    top: 5px;

}



.album-items .category-filter li {

    color: #FFF;

    direction: rtl;

    float: right;

    font-size: 11pt;

    list-style: outside none none;

    margin: 5px 7px;

}



.album-items .category-filter i {

    float: right;

    color: #f5b903;

}



.album-items .owl-item {

    height: 270px;

    overflow: hidden;

}



.album-items .owl-item img {

    height: 270px;

    width: 100%;

}



.album-items .owl-item .item-title h2 {

    color: #fff;

    font-family: masr-bold;

    font-size: 1rem;

}



.photogallery li.item {

    list-style: none;

    /* width: 380px; */

    height: 220px;

    margin-bottom: 15px;

    overflow: hidden;

}



.photogallery li.item img {

    width: 455px;

}



.photogallery .item .item-title {

    position: absolute;

    bottom: 0;

    background: rgba(5, 20, 30, 0);

    background: -moz-linear-gradient(top, rgba(5, 20, 30, 0) 0%, rgba(5, 20, 30, 1) 100%);

    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(5, 20, 30, 0)), color-stop(100%, rgba(5, 20, 30, 1)));

    background: -webkit-linear-gradient(top, rgba(5, 20, 30, 0) 0%, rgba(5, 20, 30, 1) 100%);

    background: -o-linear-gradient(top, rgba(5, 20, 30, 0) 0%, rgba(5, 20, 30, 1) 100%);

    background: -ms-linear-gradient(top, rgba(5, 20, 30, 0) 0%, rgba(5, 20, 30, 1) 100%);

    background: linear-gradient(to bottom, rgba(5, 20, 30, 0) 0%, rgba(5, 20, 30, 1) 100%);

    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#05141e', endColorstr='#05141e', GradientType=0);

    min-height: 60px;

    padding: 10px 20px 20px;

    position: absolute;

    width: 100%;

    text-align: center;

    color: #FFF;

}



.infograph-items .owl-item.active .item-title {

    position: absolute;

    bottom: 0;

    background: #f5b903 !important;

    min-height: 70px;

    padding: 10px 20px 10px;

    position: absolute;

    width: 100%;

    color: #FFF;

}



.infograph-items .owl-item .item-title {

    position: absolute;

    bottom: 0;

    background: #fadc81 !important;

    min-height: 70px;

    padding: 10px 20px 10px;

    position: absolute;

    width: 100%;

    color: #FFF;

}



.infograph-items {

    height: 270px;

}



.infograph-items .category-filter {

    right: 13px;

    position: absolute;

    top: 5px;

}



.infograph-items .category-filter li {

    color: #FFF;

    direction: rtl;

    float: right;

    font-size: 11pt;

    list-style: outside none none;

    margin: 5px 7px;

}



.infograph-items .category-filter i {

    float: right;

    color: #f5b903;

}



.infograph-items .owl-item {

    height: 270px;

    overflow: hidden;

}



.infograph-items .owl-item img {

    height: 270px;

    width: 100%;

}



.infograph-items .owl-item .item-title h2 {

    color: #fff;

    font-family: masr-bold;

    font-size: 1rem;

}





/****** Poll ******/



.votes .modulebody {

    margin: 20px;

}



.vote .votetitle {

    background: #f7bb03 none repeat scroll 0 0;

    border-right: 5px solid #1c3b4f;

    color: #fff;

    font-size: 12pt;

    line-height: 23px;

    margin-bottom: 20px;

    min-height: 70px;

    padding: 13px;

}



.vote .votetitle h4 {

    color: #fff;

    font-family: masr-bold;

    font-size: 1.5rem;

}



.ansimage {

    float: left;

    margin-right: 20px;

}



.progress {

    overflow: hidden;

    height: 20px;

    margin-bottom: 20px;

    background-color: #f5f5f5;

    border-radius: 0px;

    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);

    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);

}



.progress-bar {

    float: left;

    width: 0%;

    height: 100%;

    font-size: 12px;

    line-height: 20px;

    color: #ffffff;

    text-align: center;

    background-color: #337ab7;

    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);

    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);

    -webkit-transition: width 0.6s ease;

    -o-transition: width 0.6s ease;

    transition: width 0.6s ease;

}



.layer1 {

    overflow: hidden;

}





/****** latest news ******/



.latest-news .modulebody {

    margin: 20px;

}



.latest-news .latest-item {

    overflow: hidden;

    margin-bottom: 15px;

}



.latest-news .latest-item .news-img {

    width: 150px;

    height: 130px;

    float: right;

    overflow: hidden;

    margin-left: 20px;

}



.latest-news .latest-item .news-img img {

    width: 100%;

}



.latest-news .latest-item h2 {

    font-family: Masr-Bold;

    font-size: 12pt;

    color: #1a3b4e;

}



.latest-news .latest-item h4 {

    font-family: 'Droid Arabic Naskh', serif;

    color: #f5b903;

    font-size: 12pt;

}



.latest-news .btn {

    background: #1c3b4f none repeat scroll 0 0;

    color: #fff;

    margin: 10px 0;

    padding: 10px 15px;

    text-shadow: none;

}





/*** Article Page ***/



.article-page {

    margin-bottom: 20px;

}



.blog.article {

    background: #f0f0f0;

}



.article-image img {

    width: 100%;

}



.article-title {

    text-align: center;

}



.article .banner {

    background: #FFF !important;

}



.article .details {

    font-family: droid arabic naskh;

    font-size: 1rem;

    padding: 0 26px;

    text-align: justify;
	color: #333;

}
.article .content h2 {
    color: #000 !important;
    font-size: 1.4rem;
    font-family: masr-bold;
}
.article .content h3 {
    color: #000 !important;
    font-size: 1.1rem;
    font-family: masr-bold;
}

.article .tagopen {
    color: #f54203;
}


.article-title h2 {

    font-family: 'Droid Arabic Naskh', serif;

    color: #f5b903;

    font-size: 20pt;

    text-align: center;

}



.article-title h1 {

    color: #1a3b4e;

    font-family: "Masr-Bold", serif;

    font-size: 22pt;

    margin: 0;

    text-align: center;

}



.more-info {

    overflow: hidden;

    margin: 20px;

    font-family: 'Masr-Bold';

}



.editor-info {

    float: right;

}



.editor-info img {

    float: right;

    border-radius: 50%;

}



.editor-info .by-alias {

    padding: 20px;

    float: right;

}



.editor-info .by-alias .category-title h3 a {

    color: #f5b903;

}



.created {

    padding: 10px 0;

}



.editor-img {

    float: right;

}



.content p img {

    width: 100% !important;
	max-height: 350px !important;

}



.article .album-items {

    background: #FFF;

    padding: 20px 0;

}



.content .sharing {

    position: fixed;

    text-align: center;

    top: 80%;

    left: 10%;

    color: #FFF;

    z-index: 999999999;

}



.content .sharing i {

    background: #f54203;

    border-radius: 50%;

    height: 70px;

    line-height: 70px;

    text-align: center;

    width: 70px;

    color: #FFF;

    float: left;

}



.content .sharing i::before {

    font-family: Flaticon;

    font-size: 33px;

    font-weight: bold;

    margin-left: 10px;

    padding: 20px;

}



.sharing .social-sharing {

    float: left;

    margin-left: 20px;

    display: block;

    transform-origin: 50% 0%;

    -webkit-transform: scale(0) translateY(-150px);

    -moz-transform: scale(0) translateY(-150px);

    -o-transform: scale(0) translateY(-150px);

    transform: scale(0) translateY(-150px);

    -webkit-transition: .5s;

    -moz-transition: .5s;

    -o-transition: .5s;

    transition: .5s;

    opacity: 0;

}



.sharing .social-sharing.opened {

    opacity: 1;

    -webkit-transform: scale(1) translateY(5px);

    -moz-transform: scale(1) translateY(5px);

    -o-transform: scale(1) translateY(5px);

    transform: scale(1) translateY(5px);

    -webkit-transition: .5s;

    -moz-transition: .5s;

    -o-transition: .5s;

    transition: .5s;

}



.sharing .social-sharing li {

    float: left;

}



.details blockquote {

    font-size: 1.7rem;

    font-weight: bold;

    margin: 10px;

    padding: 20px;

    text-align: center;

}



blockquote {

    color: #f7bb03;

    margin: 1.5em 10px;

    padding: 0.5em 10px;

    quotes: "\201C""\201D""\2018""\2019";

}



blockquote::before {

    color: #c3c3c3;

    content: "”";

    font-size: 4em;

    line-height: 0.1em;

    margin-right: 0.25em;

    vertical-align: -0.4em;

}



blockquote::after {

    color: #c3c3c3;

    content: "‘‘";

    font-size: 4em;

    line-height: 0.1em;

    margin-right: 0.25em;

    vertical-align: -0.4em;

}



blockquote p {

    display: inline;

}

.details.tags {

    background: #fff none repeat scroll 0 0;

    display: block;

    margin: 10px;

    overflow: hidden;

    padding: 15px;

}



.hashtag {

    float: right;

    color: #f7bb03;

    font-family: 'Masr-Bold';

    font-size: 15pt;

}



.tags-items li {

    color: #f7bb03;

    float: right;

    font-family: "Masr-light";

    font-size: 15pt;

    font-weight: normal !important;

    list-style: outside none none;

    margin: 0 10px;

}



.tags h3 a {

    color: #f7bb03;

    font-family: 'Masr-Light';

    font-size: 13pt;

    font-weight: normal;

}


.related-head.covertitle {
    border-bottom: 3px solid orange;
    color: #1c3b4f;
    font-family: masr-bold;
    font-size: 13pt;
    padding: 5px 10px;
    text-align: right;
}


.related-items h3.related-head {

    color: #1c3b4f;

    font-family: masr-bold;

    font-size: 18pt;

    padding-bottom: 10px;

}



.related-item {

    overflow: hidden;

    border-top: 1px solid #c2c2c2;

    padding: 15px 0;

}

.related-item:last-child {

    border-bottom: 1px solid #c2c2c2;

}

.related-item .news-img img {

    width: 100%;

}

.related-item .titles h5 {
    font-family: masr-bold;
    font-size: 11pt;
    text-align: right;
}

.article section .moduletable {

    margin: 0 15px;

}

.related a {

    color: #444 !important;

    font-family: masr-bold;

    font-size: 14pt;

}


.related span {

    color: #444 !important;

}



.related span::before {

    content: "-";

    padding-left: 20px;

}



.next-article .loading-next {

    bottom: 0;

    position: relative;

    text-align: center;

    width: 100%;

}



.comments > li {

    background: #3c5a98 none repeat scroll 0 0;

    border-radius: 10px 10px 0 0;

    color: #ffc001 !important;

    float: right;

    height: 44px;

    line-height: 2.6;

    list-style: outside none none;

    margin: 0;

    padding-right: 20px;

    text-align: center;

    width: 60%;

}



.comments iframe {

    border-top: 3px solid #3c5a98;

}





/****** Category ******/



#infinite {

    position: relative;

}



.category .featured {

    overflow: hidden;

}



.cat-item {

    position: relative;

    overflow: hidden;

    margin-bottom: 15px;

}



.cat-item img {

    width: 100%;

}

.cat-item .item-image {

    overflow: hidden;

    position: relative;

}

.cat-item .titles {

    position: absolute;

    bottom: 0;

    background: rgba(5, 20, 30, 0);

    background: -moz-linear-gradient(top, rgba(5, 20, 30, 0) 0%, rgba(5, 20, 30, 1) 100%);

    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(5, 20, 30, 0)), color-stop(100%, rgba(5, 20, 30, 1)));

    background: -webkit-linear-gradient(top, rgba(5, 20, 30, 0) 0%, rgba(5, 20, 30, 1) 100%);

    background: -o-linear-gradient(top, rgba(5, 20, 30, 0) 0%, rgba(5, 20, 30, 1) 100%);

    background: -ms-linear-gradient(top, rgba(5, 20, 30, 0) 0%, rgba(5, 20, 30, 1) 100%);

    background: linear-gradient(to bottom, rgba(5, 20, 30, 0) 0%, rgba(5, 20, 30, 1) 100%);

    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#05141e', endColorstr='#05141e', GradientType=0);

    padding: 10px 10px 5px;

    position: absolute;

    width: 100%;

}



.cat-item .titles h4 {

    font-family: 'Droid Arabic Naskh', serif;

    color: #f5b903;

    font-size: 13pt;

    text-align: center;

}



.cat-item .titles h3 {

    color: #FFF;

    float: right;

    font-family: "Masr-light";

    font-size: 15pt;

    font-weight: normal !important;

    list-style: outside none none;

    margin: 0 10px;

    text-align: center;

}

.hnotif.news-items li{
	list-style: none;
	
}
.hnotif.news-items .item h3
{
	font-size: 9pt !important;
}
.hnotif.news-items .item img{
	width: 100px;
}
.news-items .item {

    overflow: hidden;

    margin-bottom: 10px;

}



.news-items .item img {

    float: right;

    margin-left: 10px;

    width: 130px;

}



.news-items .item h5 {

    font-family: 'Droid Arabic Naskh', serif;

    color: #f5b903;

    font-size: 11pt;

    text-align: right;

}



.news-items .item h3 {

    color: #444;

    font-family: "Masr-light";

    font-size: 12pt;

    font-weight: normal !important;

    text-align: right;

}



.loader-image-wrapper {

    bottom: -50px;

    position: absolute;

    text-align: center;

    width: 100%;

}



.sub-category {

    margin: 5px 20px;

}



.sub-category h3.modulehead {

    margin: 10px 0;

}



.promo-section .btn {

    background: #f7bb03 !important;

    color: #fff;

    padding: 10px;

    text-shadow: none;

}

.promo-section .btn [class^="flaticon-"]::before, .promo-section .btn [class*=" flaticon-"]::before, .promo-section .btn [class^="flaticon-"]::after, .promo-section .btn [class*=" flaticon-"]::after

{

	font-size: 8pt !important;

}



/****** writers ******/



.writers .tile-boost .item-image {

    /* height: 300px; */

    overflow: hidden;

    width: 100%;

    position: relative;

    margin-bottom: 5px;

}



.writers .tile-boost .item-image img {

    width: 100%;

}



.writers .tile-boost .writer-image {

    position: absolute;

    top: 10px;

    right: 30px;

}



.writers .writer-image img {

    border-radius: 50%;

}



.writers .tile-boost .article-titles {

    position: absolute;

    bottom: 0;

    background: rgba(5, 20, 30, 0);

    background: -moz-linear-gradient(top, rgba(5, 20, 30, 0) 0%, rgba(5, 20, 30, 1) 100%);

    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(5, 20, 30, 0)), color-stop(100%, rgba(5, 20, 30, 1)));

    background: -webkit-linear-gradient(top, rgba(5, 20, 30, 0) 0%, rgba(5, 20, 30, 1) 100%);

    background: -o-linear-gradient(top, rgba(5, 20, 30, 0) 0%, rgba(5, 20, 30, 1) 100%);

    background: -ms-linear-gradient(top, rgba(5, 20, 30, 0) 0%, rgba(5, 20, 30, 1) 100%);

    background: linear-gradient(to bottom, rgba(5, 20, 30, 0) 0%, rgba(5, 20, 30, 1) 100%);

    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#05141e', endColorstr='#05141e', GradientType=0);

    padding: 10px 10px 5px;

    position: absolute;

    width: 100%;

}



p.intro {

    font-size: 12px;

    height: 37px;

}



#sportscontent {

    height: auto !important

}



.writers-page .item .article-titles {

    position: absolute;

    bottom: 10px;

    background: rgba(5, 20, 30, 0);

    background: -moz-linear-gradient(top, rgba(5, 20, 30, 0) 0%, rgba(5, 20, 30, 1) 100%);

    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(5, 20, 30, 0)), color-stop(100%, rgba(5, 20, 30, 1)));

    background: -webkit-linear-gradient(top, rgba(5, 20, 30, 0) 0%, rgba(5, 20, 30, 1) 100%);

    background: -o-linear-gradient(top, rgba(5, 20, 30, 0) 0%, rgba(5, 20, 30, 1) 100%);

    background: -ms-linear-gradient(top, rgba(5, 20, 30, 0) 0%, rgba(5, 20, 30, 1) 100%);

    background: linear-gradient(to bottom, rgba(5, 20, 30, 0) 0%, rgba(5, 20, 30, 1) 100%);

    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#05141e', endColorstr='#05141e', GradientType=0);

    min-height: 80px;

    padding: 10px 15px 15px 0;

    position: absolute;

    width: 100%;

}



.writers-page .owl-item img {

    display: block;

    height: 450px;

    width: 100%;

}



.writers-page .item .article-titles h5 {

    color: #f7bb03;

    font-family: 'Droid Arabic Naskh', serif;

    font-size: 1.1rem;

    font-weight: bold;

    padding-right: 20px;

}



.writers-page .item .article-titles h3 {

    color: #FFF;

    font-family: 'Masr-light', serif;

    font-size: 1.3rem;

    font-weight: Normal;

    border-right: 5px solid #f7bb03;

    padding-right: 15px;

}



.order-by {

    margin: 15px 0;

    overflow: hidden;

}



.order-by .well {

    margin: 0 15px;

    overflow: hidden;

    padding: 10px 0;

}



.alph-list > li {

    background: #ccc none repeat scroll 0 0;

    float: right;

    margin: 2px;

    padding: 3px 10px;

}

.writer-info .box-body {

    background: #cecece none repeat scroll 0 0;

    text-align: center;

}

.writer-info .box-body h2{

	background: #1c3b4f none repeat scroll 0 0;

	color: #FFF;

	padding: 5px 0;

}

.writer-info .writer_desc {

    font-size: 12pt;

    padding: 10px;

    text-align: justify;

}





/****** Important ******/



.moduletable.important {

    background: #1c3b4f;

    padding: 5px 0 20px;

    margin: 0 !important;

}



.important .video-items {

    overflow: hidden;

}



.important .video-items .owl-item {

    overflow: hidden;

    position: relative;

}



.important .video-items .owl-item .item-title {

    position: absolute;

    bottom: 0;

    background: rgba(5, 20, 30, 0);

    background: -moz-linear-gradient(top, rgba(5, 20, 30, 0) 0%, rgba(5, 20, 30, 1) 100%);

    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(5, 20, 30, 0)), color-stop(100%, rgba(5, 20, 30, 1)));

    background: -webkit-linear-gradient(top, rgba(5, 20, 30, 0) 0%, rgba(5, 20, 30, 1) 100%);

    background: -o-linear-gradient(top, rgba(5, 20, 30, 0) 0%, rgba(5, 20, 30, 1) 100%);

    background: -ms-linear-gradient(top, rgba(5, 20, 30, 0) 0%, rgba(5, 20, 30, 1) 100%);

    background: linear-gradient(to bottom, rgba(5, 20, 30, 0) 0%, rgba(5, 20, 30, 1) 100%);

    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#05141e', endColorstr='#05141e', GradientType=0);

    min-height: 100px;

    padding: 10px 20px 20px;

    position: absolute;

    width: 100%;

    color: #FFF;

}



.important .video-items .owl-item {

    height: 280px;

}



.important .video-items .owl-item .item-title h2 {

    color: #fff;

    font-family: masr-bold;

    font-size: 1.3rem;

}



.important h3.modulehead {

    margin: 0 20px 20px;

}



.important h3.modulehead a {

    border-bottom: 5px solid #f5b903;

    padding-bottom: 3px;

    color: #FFF;

}



.important .category-filter {

    position: absolute;

    top: 13px;

    left: 13px;

}



.important .category-filter li {

    color: #fff;

    direction: rtl;

    float: right;

    font-size: 9pt;

    line-height: 0;

    list-style: outside none none;

    margin: 5px 7px;

}



.important .category-filter i {

    float: right;

    color: #f5b903;

}





/***** Essay *****/



.essay-page .editor-info img {

    border-radius: 50%;

    float: right;

    height: 110px;

    width: 110px;

}





/*** Video page ***/



.video .category-filter {

    height: 50px;

    line-height: 40px;

    overflow: hidden;

    text-align: center;

}



.video .category-filter li {

    color: #1c3b4f;

    direction: rtl;

    float: right;

    font-size: 11pt;

    list-style: outside none none;

    margin: 5px 7px;

}



.video .category-filter i {

    float: right;

    color: #f5b903;

}



.infograph-latest .item {

    background: #fff none repeat scroll 0 0;

    list-style: outside none none;

    margin-bottom: 15px;

    padding: 10px;

    text-align: center;

}



.infograph-latest .item img {

    width: 100%

}



.infograph-latest .item .info-title {

    font-family: masr-bold;

    font-size: 1.2rem;

}



.featured-videos .category-filter {

    right: 13px;

    position: absolute;

    top: 5px;

}



.featured-videos .category-filter li {

    color: #FFF;

    direction: rtl;

    float: right;

    font-size: 11pt;

    list-style: outside none none;

    margin: 5px 7px;

}



.featured-videos .category-filter i {

    float: right;

    color: #f5b903;

}



.featured-videos .video-items .owl-item .item-title {

    position: absolute;

    bottom: 0;

    background: rgba(5, 20, 30, 0);

    background: -moz-linear-gradient(top, rgba(5, 20, 30, 0) 0%, rgba(5, 20, 30, 1) 100%);

    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(5, 20, 30, 0)), color-stop(100%, rgba(5, 20, 30, 1)));

    background: -webkit-linear-gradient(top, rgba(5, 20, 30, 0) 0%, rgba(5, 20, 30, 1) 100%);

    background: -o-linear-gradient(top, rgba(5, 20, 30, 0) 0%, rgba(5, 20, 30, 1) 100%);

    background: -ms-linear-gradient(top, rgba(5, 20, 30, 0) 0%, rgba(5, 20, 30, 1) 100%);

    background: linear-gradient(to bottom, rgba(5, 20, 30, 0) 0%, rgba(5, 20, 30, 1) 100%);

    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#05141e', endColorstr='#05141e', GradientType=0);

    min-height: 100px;

    padding: 10px 20px 20px;

    position: absolute;

    width: 100%;

    color: #FFF;

}



.featured-videos .video-items .owl-item {

    height: 270px;

    overflow: hidden;

}



.featured-videos .video-items .owl-item img {

    height: 270px;

}



.featured-videos .video-items .owl-item .item-title h2 {

    color: #fff;

    font-family: masr-bold;

    font-size: 1.3rem;

}



.infograph-latest .play {

    left: 45%;

    position: absolute;

    top: 30%;

}



.infograph-latest .play:before {

    font-size: 28pt;

    color: #f5b903;

    background: #1c3b4f;

    border-radius: 50%;

}





/*** Banners Module ***/



.banners {

    margin: 30px 0;

}



.banners .owl-controls {

    display: block;

}



.banners .owl-item img {

    transform-style: preserve-3d;

    width: 100%;

}



.banners .banner-item {

    overflow: hidden;

    position: relative;

}



.banners .banner-title {

    bottom: 10px;

    line-height: 1.6;

    position: absolute;

    text-align: center;

    width: 100%;

}



.banners .banner-title h3,

.banners .banner-title h5 {

    color: #f7bb03;

    font-family: "Droid Arabic Naskh", serif;

    font-size: 12pt;

}



.banners .banner-title h5 {

    color: #fff;

}



.banner-image {

    position: relative;

}



.image-mask {

    background: rgba(0, 0, 0, 0) url("../../images/mask.png") no-repeat scroll 0 0;

    bottom: 0;

    height: 83px;

    position: absolute;

    width: 100%;

}



.banners .owl-nav [class^="flaticon-"]::before,

.banners .owl-nav [class*=" flaticon-"]::before,

.banners .owl-nav [class^="flaticon-"]::after,

.banners .owl-nav [class*=" flaticon-"]::after {

    font-size: 23pt !important;

    color: #f7bb03;

}



.flaticon-arrows-2::before {

    content: "";

}



.flaticon-arrows-3::before {

    content: "";

}



.banners .owl-nav .owl-prev {

    color: #fff;

    left: 10px;

    position: absolute;

    top: 60px;

}



.banners .owl-nav .owl-next {

    color: #fff;

    position: absolute;

    right: 10px;

    top: 60px;

}



.footer {

    background: #1c3b4f none repeat scroll 0 0;

    overflow: hidden;

}



.footer .footermenu .navbar-nav li {

    background: #27506a;

    float: right;

    height: 41px;

    margin: 3px 5px;

    overflow: hidden;

    text-align: center;

    width: 47%;

}



.footer .footermenu .navbar-nav li:hover,

.footer .footermenu .navbar-nav li:focus {

    background: #f7bb03;

}



.footer .footermenu .navbar-nav li a {

    color: #fff;

    font-family: masr-bold;

    font-size: 1rem;

}



.footer .footermenu .navbar-nav li:hover a {

    color: #FFF !important;

    background: transparent !important;

}



.footer .social-sharing {

    border-top: 1px solid rgba(0, 0, 0, 0.1);

    border-bottom: 1px solid rgba(255, 255, 255, 0.1);

    border-top: 1px solid rgba(255, 255, 255, 0.1);

    overflow: hidden;

    padding: 10px 15px;

}



.footerlinks .navbar-nav > li {

    float: right;

    overflow: hidden;

    height: 30px;

}



.footerlinks .navbar-nav > li > a {

    color: #FFF;

    font-size: 9pt;

}



.footer .rights {

    color: #fff;

    font-size: 12pt;

    padding: 10px 0 20px;

    text-align: center;

    border-bottom: 1px solid rgba(0, 0, 0, 0.1);

    border-top: 1px solid rgba(255, 255, 255, 0.1);

    overflow: hidden;

    padding: 10px 15px;

}



.form-wrapper-2 input {

    background: #eee none repeat scroll 0 0;

    border: 0 none;

    border-radius: 3px;

    color: #444;

    float: right !important;

    font-size: 10pt;

    padding: 8px;

    text-align: right;

    width: 217px !important;

    direction: rtl;

}



.form-wrapper-2 button {

    background: #f7bb03 none repeat scroll 0 0;

    border: 0 none;

    border-radius: 3px;

    color: #fff;

    cursor: pointer;

    float: left;

    font: bold 15px/39px "Raleway", sans-serif;

    height: 28px !important;

    line-height: 28px !important;

    left: 16px;

    margin: 2px;

    overflow: visible;

    padding: 0;

    position: absolute;

    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);

    text-transform: uppercase;

    width: 40px;

}



.follow-list .result {

    background: #fff none repeat scroll 0 0;

    position: fixed;

    z-index: 99999999;

}



.dhficoncount {

    background: red;

    color: #FFF;

    border-radius: 100px;

    display: block;

    font-size: 14px;

    height: 21px;

    left: 28px;

    min-width: 21px;

    padding: 2px 4px;

    position: absolute;

    text-align: center;

    top: 10px;

    z-index: 1111;

}



#hiconclick .flaticon-music:before {

    color: #fff;

    display: block;

    font-size: 20pt;

    font-weight: bold;

    margin-left: 10px;

    margin-top: 17px;

}



.article .hnotifheader {

    background: #1c3b4f none repeat scroll 0 0;

    color: #fff;

    margin: 0 0 10px;

    padding: 5px 10px;

    font-size: 11pt;

}



.article .hnotifheader a {

    color: #f5b903;

}



.article a.hashfolcnt {

    background: #1c3b4f none repeat scroll 0 0;

    color: #f7bb03;

    height: 35px;

    margin-left: 10px;

    border-radius: 5px;

}



.article a.hashfolcnt:hover {

    background: #f7bb03;

}





.article .hashcontenttext {

    background: #eaeaea none repeat scroll 0 0;

    border-radius: 6px 0 0 6px;

    color: #284558;

    font-size: 12pt;

    padding: 2px 5px;

}



.article .hashcontenttext:hover {

    font-weight: bold;

    padding: 2px 5px;

}



.article .hashcontent a {

    background: #7d7d7d none repeat scroll 0 0;

    border-radius: 5px;

    float: right;

    height: 35px;

    margin-bottom: 15px;

    margin-left: 25px;

    padding: 0 2px;

}



.article .hashcontent a:hover {

    background: #f7bb03 none repeat scroll 0 0;

    font-weight: bold;

}



.article .article .hashsymb {

    background: #1c3b4f none repeat scroll 0 0;

    color: #fff;

    font-size: 20px;

    line-height: 1.7;

    padding: 0 4px;

}



.article a.hashfolcnt {

    background: #1c3b4f none repeat scroll 0 0;

    color: #f7bb03;

    height: 35px;

}



.article a.hashfolcnt:hover .hashno {

    color: #fff;

}

.form-wrapper-2 button{
	left: 26px !important;
}