/* ==========================================================================
   Author's custom styles
   ========================================================================== */

@import url(//fonts.googleapis.com/earlyaccess/notokufiarabic.css);
@import url(//fonts.googleapis.com/earlyaccess/notonaskharabic.css);

body {
    overflow-x: hidden
}

a {
    cursor: pointer;
    outline: none;
    text-decoration: none
}

a:focus {
    text-decoration: none;
    outline: none;
}

body,
html {
    height: 100%;
    background-color: #ebebeb
}

.top_naver {
    height: 56px;
    background-color: #1e75ba;
    border-bottom: 2px solid #ffc10e;
    font-family: 'Noto Kufi Arabic', sans-serif;
}

.external-full-calendar {
    font-family: 'Noto Kufi Arabic', sans-serif;
}

.hedaer_nav {
    text-align: right;
}

header {
    position: relative;
    z-index: 10000
}

.hedaer_nav ul {
    margin: 0px;
    padding: 0px
}

.social_search_nav {
    text-align: left;
    font-size: 0px
}

.hedaer_nav ul li,
.social_search_nav ul li {
    display: inline-block;
    list-style: none;
    margin-left: 20px
}

.hedaer_nav ul li a,
.social_search_nav ul li a {
    line-height: 56px;
    color: #fff;
    font-size: 17px;
    text-decoration: none;
    transition: color 0.5s;
}

.hedaer_nav ul li a:hover,
.social_search_nav ul li a:hover {
    color: #ffc10e
}

.social_search_nav ul li {
    display: inline-block;
    list-style: none;
    margin-left: 0px;
    margin-right: 20px
}

.round_circle:after {
    border-radius: 100%;
    width: 40px;
    height: 40px;
    border: 4px rgba(255, 193, 14, 0.5) solid;
    display: block;
    text-align: center;
    position: absolute;
    content: " ";
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin: auto;
    transition-duration: 0.5s
}

.round_circle.search_on {
    color: #ffc10e
}

.round_circle.search_on:after {
    border: 4px rgba(255, 193, 14, 0.5) solid;
}

.round_circle {
    position: relative;
    width: 40px;
    height: 56px;
    display: inline-block;
    text-align: center
}

.search_anim form {
    margin: 0px;
    padding: 0px;
    display: inline-block;
    line-height: 56px;
}

.search_anim form input {
    border: none;
    background-color: rgba(255, 255, 255, 0.5);
    display: inline-block;
    border-radius: 40px;
    padding-left: 20px;
    padding-right: 20px;
    width: 180px;
}

.navigator_wrapper {
    position: relative;
}

.navigator_floater {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    transition: background-color 0.5s;
    background-color: rgba(255, 255, 255, 1);
    overflow: hidden
}

.navigator_floater.floating {
    position: fixed;
    top: -58px;
    height: 120px;
    background-color: rgba(255, 255, 255, 0.8) !important;
    overflow: hidden
}

.logo_holder {
    display: inline-block;
    width: 120px;
    padding-right: 0px;
    height: 100%;
    transition: all;
    transition-duration: 0.2s;
    float: right
}

.logo_holder a img {
    width: 100%
}

.lower_navigator {
    text-align: right;
}

.navigator_floater.floating .logo_holder {
    width: 50px
}

.lower_navigator nav {
    display: inline-block;
}

.main_menu {
    position: relative;
    height: 70px;
    overflow: hidden;
    display: inline-block;
    margin: 0px;
    line-height: 70px;
    width: 100%;
    font-size: 0xp;
    font-family: 'Noto Kufi Arabic', sans-serif;
    padding: 0px;
    margin-top: 41px
}

.navigator_floater.floating .main_menu {
    margin-top: 0px
}

.main_menu_nav {
    display: inline-block;
    float: right
}

.main_menu li {
    list-style: none;
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 15px;
    margin-right: 15px;
    height: 70px
}

.main_menu li.back {
    border-bottom: 4px solid #ffc10e;
    width: 9px;
    height: 46px;
    z-index: 8;
    position: absolute;
    top: 24px
}

.main_menu li a {
    font-size: 16px;
    text-decoration: none;
    color: #58595b;
    outline: none;
    text-align: center;
    letter-spacing: 0;
    z-index: 10;
    height: 100px;
    position: relative;
    overflow: hidden;
    transition-duration: 1s;
    font-family: 'Noto Kufi Arabic', sans-serif;
    display: inline-block;
    line-height: 55px;
    font-weight: bold
}

.main_menu li a:active,
.main_menu li a:visited {
    border: none;
    color: #58595b
}

.main_menu li a:hover,
.main_menu li.current a {
    color: #1e75ba !important
}

i.live_annour {
    background-image: url(../images/icon_live.png);
    width: 45px;
    height: 35px;
    display: block;
    float: right;
    background-size: cover;
    margin-top: 7px;
    margin-left: 5px;
}

a.live_alnour {
    float: left;
    display: block;
    border-bottom: 3px solid #ffc10e;
    font-family: 'Noto Kufi Arabic', sans-serif;
    font-size: 16px;
    line-height: 49px;
    position: relative;
    padding-left: 3px;
    padding-right: 3px;
    color: #fff
}

a.live_alnour span {
    float: left;
    display: block;
    padding-left: 10px;
    padding-right: 3px;
}

a.live_alnour:after {
    position: absolute;
    content: " ";
    left: 0px;
    bottom: 0px;
    height: 4px;
    width: 100%;
    background-color: #1e75ba
}

.navigator_floater.floating a.live_alnour {
    margin-top: -15px;
}

.banner-container {
    width: 100%;
    height: 100%;
}

.banner-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.banner_main {
    height: 480px;
    background: #eee;
    position: relative;
    overflow: hidden
}

.banner-slide figure {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.banner-slide figure img {
    width: 100%
}

.black_over {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0);
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 10
}

.banner_contain {
    height: 0;
    position: absolute;
    z-index: 100;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: auto
}

.banner-pagination {
    position: absolute;
    bottom: 20px;
    right: 0px;
    left: 0px;
    margin: auto;
    text-align: left;
    width: 100%
}

.banner_contain span.swiper-pagination-bullet {
    height: 10px;
    width: 10px;
    background-color: #1e75ba;
    opacity: 1;
    transition: all;
    transition-duration: 0.4s;
    margin-left: 8px
}

.banner_contain span.swiper-pagination-bullet-active {
    height: 13px;
    width: 13px;
    background-color: #ffc10e;
    opacity: 1
}

.programs_widget {
    position: absolute;
    width: 270px;
    height: 470px;
    right: 0px;
    top: 0px;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 100
}

.widget_contain {
    height: 0px;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    margin: auto
}

.programs_widget_inner {
    font-family: 'Noto Kufi Arabic', sans-serif;
    padding: 15px
}

.programs_widget h1 {
    color: #fff;
    font-size: 16px;
    margin: 5px;
    display: block;
    margin-bottom: 30px;
    margin-top: 15px
}

.programs-container {
    width: 100%;
    height: 400px;
    margin: 20px auto;
}

.programs-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    height: 100%;
    align-items: center;
    display: flex;
    flex-direction: column;
}

.datalist {
    display: flex;
    flex-wrap: wrap;
}

.programs-slide h1 {
    height: 100%;
    line-height: 20px;
    padding: 10px;
    font-size: 14px;
    text-align: right;
    background-color: #1e75ba;
    margin: 0px;
    width: 100%;
    font-family: 'Noto Kufi Arabic', sans-serif;
}

.programs-slide h1 a {
    color: #fff;
    text-decoration: none;
    transition-duration: 0.5s
}

.programs-slide h1 a:hover {
    color: #ffc10e;
    text-decoration: none
}

.programs-slide article {
    height: 200px;
    position: relative;
    width: 100%;
}

.programs-slide article figure {
    position: relative;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    margin: auto;
    width: 100%;
    height: 100%
}

.programs-slide article figure img {
    width: 100%;
    height: 100%
}

.programs-slide article p {
    margin: auto;
    width: 100%;
    height: calc(100% - 30px);
    z-index: 9;
    font-family: 'Noto Naskh Arabic', serif;
    color: #fff;
    position: absolute;
    left: 0pc;
    top: 0px;
    text-align: right;
    padding: 10px;
    font-size: 16px
}

.inner_shadow {
    height: 100%;
    width: 100%;
    position: absolute;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0);
    z-index: 5
}

.shadow_bottom {
    height: 120px;
    width: 100%;
    z-index: 100;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0);
    position: absolute;
    left: 0px;
    bottom: -10px;
}

.share_icons {
    height: 30px;
    bottom: 0px;
    position: absolute;
    left: 0px;
    z-index: 10;
    color: #fff;
    direction: ltr;
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
    width: 100%
}

.share_icons a {
    display: inline-block;
    color: #fff;
    font-size: 12px;
    margin-right: 5px;
}

.share_icons a i {
    margin-left: 3px
}

.banner-slide article {
    position: absolute;
    left: 0px;
    top: 40px;
    width: 300px;
}

.banner-slide article h1 {
    font-family: 'Noto Kufi Arabic', sans-serif;
    font-size: 26px;
    color: white;
    text-align: right;
    margin-bottom: 40px
}

.banner-slide article p {
    font-family: 'Noto Kufi Arabic', sans-serif;
    font-size: 16px;
    color: #fff;
    text-align: right;
    margin-top: 20px
}

.banner_inner {
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 110;
    right: 0px;
    margin: auto;
    text-align: right
}

.banner-slide time {
    background: #fff;
    padding: 2px;
    padding-left: 4px;
    padding-right: 4px;
    font-family: 'Noto Kufi Arabic', sans-serif;
    color: #999999;
    font-size: 11px;
    margin-bottom: 10px;
    display: inline-block
}


/*/////////////////////////////////////////*/

a.btn {
    border-color: #fff;
}

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 2px solid #fff;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    transition: border 0.5s ease, color 1s ease;
    cursor: pointer;
    border-radius: 20px;
    font-family: 'Noto Kufi Arabic', sans-serif;
    color: #fff;
}

.btn i {
    float: left;
    margin-top: 2px;
    margin-right: 4px
}

.btn span {
    float: right
}

a.btn:hover {
    border: 2px solid #1e75ba;
    background-color: #1e75ba;
    color: #ffc10e
}

.widget_naver {
    position: absolute;
    bottom: 10px;
    width: 100%;
    padding: 20px;
    font-size: 18px;
    height: 20px;
    z-index: 1000;
    text-align: left
}

.widget_naver a {
    color: #fff;
    transition-duration: 0.2s
}

.widget_naver a:hover {
    color: #1e75ba
}

.widget_naver a.swiper-button-disabled {
    color: #1b1c1c;
    cursor: default
}

.date_weather {
    height: 70px;
    background-color: #1e75ba
}

.date_weather_inner {
    font-family: 'Noto Kufi Arabic', sans-serif;
    color: #fff;
    font-size: 28px;
    line-height: 70px
}

.date_weather_inner {
    background-image: url(../images/art_icn.png);
    background-repeat: no-repeat;
    background-position: left
}

.date_weather_inner time {
    display: inline-block;
    margin-left: 20px
}

.spacer_theme {
    height: 30px
}

.live_news_left {
    background-color: #1e75ba;
    height: 420px;
    padding: 10px;
    padding-bottom: 0px
}

.live_icon {
    height: 30px;
    width: 30px;
    background-image: url(../images/icons/live_news.png);
    background-size: contain;
    display: inline-block
}

.live_news_swiper {
    margin-top: 25px
}

.live_news_title {
    padding-top: 5px;
    font-family: 'Noto Kufi Arabic', sans-serif;
    font-size: 22px;
    color: #fff;
    padding-bottom: 10px
}

.live_news_swiper {
    height: 310px
}

.live_news_spacer {
    height: 18px;
    background-repeat: no-repeat;
    background-image: url(../images/icons/bg_border.png);
    background-position: center center;
}

.live_news_widget_holder {
    margin-top: 10px
}

.live_news_item {
    border-right: 4px solid #ebebeb;
    padding-right: 5px
}

.live_news_item {
    font-family: 'Noto Kufi Arabic', serif;
    color: #fff;
    font-size: 14px;
    text-align: right;
}

.live_news_item article {
    margin-bottom: 10px
}

.live_date_time {
    font-family: 'Noto Kufi Arabic', serif;
    color: #fff;
    font-size: 14px;
}

.live_date_time i {
    margin-left: 5px
}

.live_date_time span {
    display: inline-block;
    margin-left: 5px
}

.live_type {
    display: inline-block;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#58c2ef+0,318dcc+100 */
    background: rgb(88, 194, 239);
    /* Old browsers */
    background: -moz-linear-gradient(left, rgba(88, 194, 239, 1) 0%, rgba(49, 141, 204, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(88, 194, 239, 1) 0%, rgba(49, 141, 204, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(88, 194, 239, 1) 0%, rgba(49, 141, 204, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#58c2ef', endColorstr='#318dcc', GradientType=1);
    /* IE6-9 */
    font-family: 'Noto Kufi Arabic', sans-serif;
    font-size: 12px;
    padding: 2px;
    padding-right: 10px;
    padding-left: 20px
}

.live_news_item {
    height: auto
}

.swiper-container-vertical > .swiperlive-scrollbar {
    left: 0px;
    right: auto;
    width: 7px;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 0px
}

.swiperlive-scrollbar .swiper-scrollbar-drag {
    background-color: #ffc10e;
    border-radius: 0px;
    cursor: pointer
}

.blue_shadow {
    height: 50px;
    width: 100%;
    position: absolute;
    left: 0px;
    bottom: 0px;
    background: -moz-linear-gradient(top, rgba(30, 117, 186, 0) 0%, rgba(30, 117, 186, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(30, 117, 186, 0) 0%, rgba(30, 117, 186, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(30, 117, 186, 0) 0%, rgba(30, 117, 186, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#001e75ba', endColorstr='#1e75ba', GradientType=0);
    /* IE6-9 */;
    z-index: 10
}

.news_img_slider {
    background-color: #666
}

.news_img_live-pagination {
    display: flex;
    flex-direction: row;
}

.news_img_live-pagination span {
    flex-grow: 1;
    border: none;
    border-radius: 0px;
    height: 8px;
    margin: 0px !important;
    background-color: transparent;
    opacity: 1;
    position: relative;
    padding-left: 2px;
    padding-right: 2px
}

.news_img_live-pagination span:first-child {
    padding-right: 0px
}

.news_img_live-pagination span:last-child {
    padding-left: 0px
}

.news_img_live-pagination span:after {
    content: " ";
    background-color: #1e75ba;
    width: 100%;
    height: 100%;
    display: block
}

.news_img_live-pagination span.swiper-pagination-bullet-active {
    background-color: transparent;
}

.news_img_live-pagination span.swiper-pagination-bullet-active:after {
    background-color: #ffc10e;
}

.news_img_slider-slide article {
    width: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    position: absolute;
    left: 0px;
    bottom: 0px;
    color: #ebebeb;
    padding: 15px;
    font-family: 'Noto Kufi Arabic', sans-serif;
    font-size: 16px
}

.news_img_slider-slide article > div {
    line-height: 25px
}

.comment_share_cnt {
    margin-top: 10px;
    display: block;
    padding-bottom: 10px
}

.news_img_live-pagination {
    position: absolute;
    height: 8px;
    bottom: 0px !important;
    left: 0px;
    z-index: 10;
}

.share_icons_bottom {
    color: #fff;
    direction: ltr
}

.share_icons_bottom a {
    display: inline-block;
    color: #fff;
    font-size: 12px;
    margin-right: 5px;
}

.share_icons_bottom a i {
    margin-left: 3px
}

.widget_box {
    background-color: #fff
}

.widget_box_color {
    background-color: #ba1e1e;
}

.widget_shadow {
    -webkit-box-shadow: 0px 0px 28px -19px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0px 0px 28px -19px rgba(0, 0, 0, 0.6);
    box-shadow: 0px 0px 28px -19px rgba(0, 0, 0, 0.6);
}

.widget_padding {
    padding: 10px
}

.widget_box {
    font-family: 'Noto Kufi Arabic', serif;
}

.blog_item video,
.blog_item img,
.blog_item audio,
.blog_item iframe {
    width: 100%;
    height: auto;
    position: relative
}

.blog_item img {
    z-index: 1
}

.blog_item audio {
    z-index: 2
}

.blog_item article bdo.bread_crumbs_article {
    font-size: 12px;
    display: block;
    margin-top: 5px;
    margin-bottom: 5px
}

.blog_item article bdo.bread_crumbs_article a {
    transition: color 1s ease;
}

.blog_item article bdo.bread_crumbs_article a:first-child {
    color: #999
}

.blog_item article bdo.bread_crumbs_article a:hover {
    color: #211d70;
}

.blog_item article bdo.bread_crumbs_article a:last-child {
    font-weight: bold
}

.blog_item article h1 {
    font-size: 18px;
    text-overflow: ellipsis;
    color: #000;
    max-width: 100%;
    display: block;
    overflow: hidden;
    line-height: 40px;
    margin: 0px;
    margin-top: 5px;
    margin-bottom: 5px
}

.blog_item article p {
    max-height: 140px;
    overflow: hidden;
    font-size: 13px;
    color: #888888;
    line-height: 24px
}

.blog_item .read_more {
    border: 2px solid #999;
    color: #888888;
    text-align: right;
    font-size: 12px;
    padding-left: 20px;
    padding-right: 20px
}

.blog_item .read_more:hover {
    border: 2px solid #fab127;
    color: #fab127
}

.comment_like_status {
    padding-top: 10px;
    padding-bottom: 0px;
    margin-top: 5px;
    border-top: 1px solid #eeeeee;
    margin-top: 10px;
}

.readmore_sec {
    /*-webkit-box-shadow: -1px -22px 13px 0px rgba(255, 255, 255, 1);
    -moz-box-shadow: -1px -22px 13px 0px rgba(255, 255, 255, 1);
    box-shadow: -1px -22px 13px 0px rgba(255, 255, 255, 1);*/
    padding-top: 0px;
    padding-bottom: 0px;
    z-index: 100px;
    position: relative
}

.comment_like_status time {
    text-align: right;
    font-size: 10px;
    color: #bbbbbb;
    float: right
}

.comment_like_status .comment_sec {
}

.fav_btn {
    position: relative;
    font-size: 14px;
    height: 15px;
    width: 26px;
    text-align: center;
    display: inline-block;
    float: left
}

.fav_btn .fa-heart,
.fav_btn .fa-heart-o {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    opacity: 0;
    color: #888;
    transition-duration: 0.5s;
    z-index: 4
}

.fav_btn .fa-heart-o {
    z-index: 3;
    opacity: 1
}

.fav_btn.selected .fa-heart {
    opacity: 1;
    color: #211d70;
}

.comment_like_section {
    float: left
}

.comment_like_section bdo {
    display: inline-block;
    text-align: right;
    direction: ltr;
}

.comment_like_section bdo span {
    font-family: 'Noto Kufi Arabic', serif;
    font-size: 12px;
    color: #888;
    position: relative;
    top: -4px
}

.comment_btn,
.views_btn {
    color: #888;
    transition: color 0.5s ease;
    position: relative;
    top: -3px;
    font-size: 12px
}

.views_btn,
.views_btn_bdo {
    cursor: default !important
}

.comment_btn i,
.views_btn i {
    font-size: 14px
}

.comment_btn:hover {
    color: #211d70;
}

.comment_btn_bdo,
.views_btn_bdo {
    margin-left: 3px
}

.blog_item {
    padding-bottom: 30px
}

.blog_item .widget_box_color article p,
.blog_item .widget_box_color article time {
    color: #fff
}

.blog_item .widget_box_color .readmore_sec {
    -webkit-box-shadow: -1px -22px 13px 0px rgba(30, 117, 186, 1);
    -moz-box-shadow: -1px -22px 13px 0px rgba(30, 117, 186, 1);
    box-shadow: -1px -22px 13px 0px rgba(30, 117, 186, 1);
}

.blog_item .widget_box_color article bdo.bread_crumbs_article a:first-child:after {
    color: white !important
}

.blog_item .widget_box_color a:hover {
    color: #888 !important
}

.blog_item .widget_box_color a {
    color: #fff !important
}

.blog_item .widget_box_color a i,
.blog_item .widget_box_color span {
    color: #fff !important
}

.blog_item .widget_box_color a.btn {
    border-color: #fff
}

.article_pager {
    font-family: 'Noto Kufi Arabic', serif;
    margin-bottom: 10px;
    margin-top: 10px
}

.prev_pager {
    text-align: right
}

.next_pager {
    text-align: left
}

.pager_numbers {
    text-align: center;
    direction: ltr
}

.pager_numbers a {
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
    transition: color 0.5s ease;
    color: #999
}

.article_pager a {
    transition: color 0.5s ease;
}

.article_pager a:hover,
.article_pager a.selected {
    color: #1e75ba;
}

.weather {
    color: #1e75ba;
    margin-bottom: 30px;
    font-family: 'Noto Kufi Arabic', serif;
    text-align: center
}

.weather-header {
    background-color: #fff;
    border-bottom: 1px solid #144e7f;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 20px;
    padding-top: 20px;
}

.weather-header .sprite {
    float: left;
}

.weather-title {
    font-size: 34pt;
    margin-top: 20px;
    padding: 6px;
    text-align: center;
    font-family: arial;
}

.align-center {
    text-align: center
}

.weather-sub-title {
    background-color: #fff;
    font-size: 14pt;
    padding: 5px;
    text-align: center;
    font-family: arial;
}

.weather-icon {
    margin-left: 15px;
    margin-top: 30px;
}

.weather-search {
    background-color: #fff;
    margin-left: 0;
    margin-right: 0;
    padding: 6px 10px 11px;
}

.weather-search-input {
    background-color: #fff;
    border: 0 none;
    float: right;
    height: 17px;
    line-height: 17px;
    padding: 0;
    width: 75px;
}

.weather-search-icon {
    background-color: #fff;
    float: right;
    height: 17px;
    padding-top: 5px;
    width: 12px;
}

.weather-search-icon div {
    margin: auto;
}

.weather-details {
    background-color: #fff;
    border-top: 1px solid #144e7f;
    font-size: 7pt;
    margin-left: 0;
    margin-right: 0;
}

.weather-details .icon {
    padding: 5px 10px !important;
}

.weather-details-item {
    border-left: 1px solid #144e7f;
    margin: auto;
    padding-right: 5px;
    padding-top: 15px;
}

.weather-details-item:last-child {
    border-left: 0 none;
}

.weather-details sup {
    font-size: 11px;
}

.sprite {
    background-image: url("../images/spritesheet.png");
    background-repeat: no-repeat;
    display: inline-block;
}

.sprite-Arsel-khbarak {
    background-position: -4px -5px;
    height: 20px;
    width: 20px;
}

.sprite-Jadwal-arrow-left {
    background-position: -35px -5px;
    height: 14px;
    width: 8px;
}

.sprite-Jadwal-arrow-right {
    background-position: -53px -5px;
    height: 14px;
    width: 8px;
}

.sprite-Sejel-lsharaf {
    background-position: -71px -5px;
    height: 24px;
    width: 24px;
}

.sprite-adress-white {
    background-position: -104px -5px;
    height: 17px;
    width: 17px;
}

.sprite-adress-yellow {
    background-position: -132px -5px;
    height: 17px;
    width: 17px;
}

.sprite-archive-arrow {
    background-position: -159px -5px;
    height: 16px;
    width: 19px;
}

.sprite-arrow-down {
    background-position: -188px -5px;
    height: 18px;
    width: 20px;
}

.sprite-arrow-up {
    background-position: -218px -5px;
    height: 18px;
    width: 20px;
}

.sprite-awward {
    background-position: -248px -5px;
    height: 40px;
    width: 26px;
}

.sprite-bayanat {
    background-position: -283px -5px;
    height: 20px;
    width: 20px;
}

.sprite-blue-arrow {
    background-position: -314px -5px;
    height: 9px;
    width: 6px;
}

.sprite-blue-arrow-big {
    background-position: -314px -24px;
    height: 13px;
    width: 9px;
}

.sprite-blue-arrrow {
    background-position: -5px -47px;
    height: 9px;
    width: 6px;
}

.sprite-blue-link {
    background-position: -21px -35px;
    height: 15px;
    width: 18px;
}

.sprite-cloud-large {
    background-position: -105px -35px;
    height: 37px;
    width: 57px;
}

.sprite-cloud-large {
    background-position: -172px -47px;
    height: 37px;
    width: 57px;
}

.sprite-cloud-small {
    background-position: -49px -47px;
    height: 10px;
    width: 14px;
}

.sprite-cloud-with-sun-large {
    background-position: -239px -55px;
    height: 48px;
    width: 64px;
}

.sprite-cloud-with-sun-small {
    background-position: -3px -114px;
    height: 14px;
    width: 20px;
}

.sprite-comments {
    background-position: -32px -113px;
    height: 25px;
    width: 25px;
}

.sprite-comments-link {
    background-position: -73px -47px;
    height: 9px;
    width: 6px;
}

.sprite-events-icon {
    background-position: -66px -114px;
    height: 25px;
    width: 25px;
}

.sprite-facebook-colored {
    background-position: -102px -113px;
    height: 20px;
    width: 21px;
}

.sprite-facebook-gey {
    background-position: -133px -113px;
    height: 20px;
    width: 21px;
}

.sprite-facebook-share {
    background-position: -89px -47px;
    height: 12px;
    width: 6px;
}

.sprite-facebook-share-colored {
    background-position: -313px -47px;
    height: 12px;
    width: 6px;
}

.sprite-few-rain-large {
    background-position: -164px -113px;
    height: 56px;
    width: 64px;
}

.sprite-few-rain-small {
    background-position: -238px -113px;
    height: 16px;
    width: 17px;
}

.sprite-google-plus-share {
    background-position: -5px -69px;
    height: 12px;
    width: 12px;
}

.sprite-google-plus-share-colored {
    background-position: -27px -69px;
    height: 12px;
    width: 12px;
}

.sprite-google_colored {
    background-position: -265px -113px;
    height: 20px;
    width: 21px;
}

.sprite-google_grey {
    background-position: -296px -113px;
    height: 20px;
    width: 21px;
}

.sprite-grey-arrow {
    background-position: -5px -143px;
    height: 15px;
    width: 17px;
}

.sprite-grey-arrow-left {
    background-position: -102px -143px;
    height: 41px;
    width: 34px;
}

.sprite-grey-arrow-right {
    background-position: -238px -143px;
    height: 41px;
    width: 34px;
}

.sprite-left-arrow {
    background-position: -49px -69px;
    height: 18px;
    width: 9px;
}

.sprite-live-streaming {
    background-position: -281px -143px;
    height: 20px;
    width: 20px;
}

.sprite-logo {
    background-position: -2px -140px;
    height: 77px;
    width: 79px;
}

.sprite-mail-white {
    background-position: -67px -69px;
    height: 16px;
    width: 16px;
}

.sprite-mail-yellow {
    background-position: -313px -69px;
    height: 16px;
    width: 16px;
}

.sprite-malafat {
    background-position: -282px -173px;
    height: 23px;
    width: 23px;
}

.sprite-malafat-arrow {
    background-position: -312px -143px;
    height: 13px;
    width: 9px;
}

.sprite-minimize {
    background-position: -312px -163px;
    height: 19px;
    width: 18px;
}

.sprite-monasabat {
    background-position: -87px -206px;
    height: 20px;
    width: 20px;
}

.sprite-mute {
    background-position: -146px -189px;
    height: 9px;
    width: 12px;
}

.sprite-news {
    background-position: -167px -206px;
    height: 20px;
    width: 20px;
}

.sprite-pause {
    background-position: -198px -206px;
    height: 46px;
    width: 47px;
}

.sprite-phone {
    background-position: -254px -206px;
    height: 20px;
    width: 20px;
}

.sprite-phone-white {
    background-position: -116px -206px;
    height: 17px;
    width: 17px;
}

.sprite-phone-yellow {
    background-position: -285px -206px;
    height: 17px;
    width: 17px;
}

.sprite-play {
    background-position: -87px -236px;
    height: 46px;
    width: 47px;
}

.sprite-replies {
    background-position: -121px -83px;
    height: 12px;
    width: 13px;
}

.sprite-report-grey {
    background-position: -339px -83px;
    height: 48px;
    width: 48px;
}

.sprite-report-white {
    background-position: -339px -141px;
    height: 48px;
    width: 48px;
}

.sprite-right-arrow {
    background-position: -144px -83px;
    height: 18px;
    width: 9px;
}

.sprite-salat {
    background-position: -339px -199px;
    height: 80px;
    width: 33px;
}

.sprite-search {
    background-position: -381px -199px;
    height: 7px;
    width: 7px;
}

.sprite-search-blue {
    background-position: -144px -216px;
    height: 7px;
    width: 7px;
}

.sprite-search-white {
    background-position: -312px -216px;
    height: 7px;
    width: 7px;
}

.sprite-search-yellow {
    background-position: -381px -216px;
    height: 12px;
    width: 13px;
}

.sprite-sejel-arrow {
    background-position: -144px -238px;
    height: 14px;
    width: 10px;
}

.sprite-gray-share {
    background-position: -162px -238px;
    height: 20px;
    width: 30px;
}

.sprite-share {
    background-position: -382px -238px;
    height: 17px;
    width: 17px;
}

.sprite-sjele-check {
    background-position: -5px -265px;
    height: 13px;
    width: 16px;
}

.sprite-taradodat {
    background-position: -144px -290px;
    height: 20px;
    width: 20px;
}

.sprite-tweets {
    background-position: -322px -289px;
    height: 20px;
    width: 25px;
}

.sprite-tweets-arrow {
    background-position: -397px -83px;
    height: 9px;
    width: 6px;
}

.sprite-twitter-colored {
    background-position: -357px -290px;
    height: 20px;
    width: 21px;
}

.sprite-twitter-grey {
    background-position: -72px -320px;
    height: 20px;
    width: 21px;
}

.sprite-twitter-share {
    background-position: -55px -265px;
    height: 11px;
    width: 14px;
}

.sprite-twitter-share-colored {
    background-position: -388px -290px;
    height: 11px;
    width: 14px;
}

.sprite-volume-0 {
    background-position: -397px -102px;
    height: 9px;
    width: 5px;
}

.sprite-volume-1 {
    background-position: -144px -265px;
    height: 9px;
    width: 8px;
}

.sprite-volume-2 {
    background-position: -103px -311px;
    height: 9px;
    width: 9px;
}

.sprite-volume-3 {
    background-position: -122px -311px;
    height: 9px;
    width: 11px;
}

.sprite-white-arrow {
    background-position: -250px -311px;
    height: 14px;
    width: 9px;
}

.sprite-yellow-arrow {
    background-position: -397px -140px;
    height: 9px;
    width: 6px;
}

.sprite-yellow-arrow-down {
    background-position: -143px -320px;
    height: 16px;
    width: 19px;
}

.sprite-yellow-arrow-up {
    background-position: -301px -320px;
    height: 20px;
    width: 22px;
}

.sprite-yellow-link {
    background-position: -333px -320px;
    height: 15px;
    width: 18px;
}

.sprite-big-white-share {
    background-position: -384px -327px;
    height: 20px;
    width: 30px;
}

.sprite-marker {
    background-position: -357px -317px;
    height: 22px;
    width: 18px;
}

.sprite-chanceflurries {
    background-position: -402px -3px;
    height: 52px;
    width: 55px;
}

.sprite-chanceflurries-small {
    background-position: -457px -20px;
    height: 17px;
    width: 20px;
}

.sprite-chancerain {
    background-position: -402px -57px;
    height: 52px;
    width: 55px;
}

.sprite-chancerain-small {
    background-position: -457px -70px;
    height: 17px;
    width: 20px;
}

.sprite-chancesleet {
    background-position: -402px -115px;
    height: 52px;
    width: 55px;
}

.sprite-chancesleet-small {
    background-position: -457px -130px;
    height: 17px;
    width: 20px;
}

.sprite-chancesnow {
    background-position: -402px -170px;
    height: 52px;
    width: 55px;
}

.sprite-chancesnow-small {
    background-position: -457px -186px;
    height: 17px;
    width: 20px;
}

.sprite-chancetstorms {
    background-position: -402px -226px;
    height: 52px;
    width: 55px;
}

.sprite-chancetstorms-small {
    background-position: -457px -242px;
    height: 17px;
    width: 20px;
}

.sprite-clear {
    background-position: -402px -283px;
    height: 52px;
    width: 55px;
}

.sprite-clear-small {
    background-position: -457px -299px;
    height: 17px;
    width: 20px;
}

.sprite-cloudy {
    background-position: -476px 0;
    height: 52px;
    width: 55px;
}

.sprite-cloudy-small {
    background-position: -528px -20px;
    height: 17px;
    width: 20px;
}

.sprite-flurries {
    background-position: -476px -56px;
    height: 52px;
    width: 55px;
}

.sprite-flurries-small {
    background-position: -528px -75px;
    height: 17px;
    width: 20px;
}

.sprite-fog {
    background-position: -476px -122px;
    height: 52px;
    width: 55px;
}

.sprite-fog-small {
    background-position: -528px -137px;
    height: 17px;
    width: 20px;
}

.sprite-hazy {
    background-position: -476px -121px;
    height: 52px;
    width: 55px;
}

.sprite-hazy-small {
    background-position: -528px -138px;
    height: 17px;
    width: 20px;
}

.sprite-mostlycloudy {
    background-position: -476px -177px;
    height: 52px;
    width: 55px;
}

.sprite-mostlycloudy-small {
    background-position: -528px -194px;
    height: 17px;
    width: 20px;
}

.sprite-mostlysunny {
    background-position: -476px -230px;
    height: 52px;
    width: 55px;
}

.sprite-mostlysunny-small {
    background-position: -528px -248px;
    height: 17px;
    width: 20px;
}

.sprite-partlycloudy {
    background-position: -476px -294px;
    height: 52px;
    width: 55px;
}

.sprite-partlycloudy-small {
    background-position: -528px -316px;
    height: 17px;
    width: 20px;
}

.sprite-partlysunny {
    background-position: -549px -57px;
    height: 52px;
    width: 55px;
}

.sprite-partlysunny-small {
    background-position: -603px -79px;
    height: 17px;
    width: 20px;
}

.sprite-rain {
    background-position: -549px -111px;
    height: 52px;
    width: 55px;
}

.sprite-rain-small {
    background-position: -603px -132px;
    height: 17px;
    width: 20px;
}

.sprite-sleet {
    background-position: -549px -169px;
    height: 52px;
    width: 55px;
}

.sprite-sleet-small {
    background-position: -603px -186px;
    height: 17px;
    width: 20px;
}

.sprite-snow {
    background-position: -549px -226px;
    height: 52px;
    width: 55px;
}

.sprite-snow-small {
    background-position: -603px -245px;
    height: 17px;
    width: 20px;
}

.sprite-sunny {
    background-position: -549px -287px;
    height: 52px;
    width: 55px;
}

.sprite-sunny-small {
    background-position: -603px -305px;
    height: 17px;
    width: 20px;
}

.sprite-tstorms {
    background-position: -620px -4px;
    height: 52px;
    width: 50px;
}

.sprite-tstorms-small {
    background-position: -669px -20px;
    height: 17px;
}

.margin-bottom-10 {
    margin-bottom: 10px;
    font-family: arial
}

.ads_banner {
}

.ads_banner img {
    width: 100%
}

.footer_nav {
    padding-top: 40px;
    padding-bottom: 40px;
    border-top: 2px solid #e1e1e1;
    border-bottom: 2px solid #e1e1e1;
    background-color: #efefef
}

.footer_nav_uls ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
    font-family: 'Noto Kufi Arabic', serif;
}

.footer_nav_uls ul li {
    margin-bottom: 15px
}

.footer_nav_uls ul li a {
    color: #9e9fa2
}

.footer_nav h1 {
    font-family: 'Noto Kufi Arabic', serif;
    color: #57585b;
    padding: 0px;
    margin-bottom: 20px;
    font-size: 20px
}

.footer_blue {
    background-color: #1e75ba;
    padding: 30px;
    text-align: center;
    color: #fff
}

.footer_blue_logo {
    display: block;
    width: 100%;
    height: 100%;
    margin-bottom: 10px;
    text-align: center
}

.footer_blue_logo figure,
.footer_blue_logo img {
    width: 110px;
    height: 110px;
    display: inline-block
}

.footer_shares {
    margin-top: 10px;
    margin-bottom: 10px;
}

.footer_shares a {
    display: inline-block;
    color: #fff;
    margin-left: 10px;
    margin-right: 10px;
    transition-duration: 0.2s
}

.footer_shares a:hover {
    color: #ffc10d
}

@media (max-width: 800px) {
    .live_news_left {
        margin-bottom: 25px
    }

    .mob_navigator_wrapper_fixer {
        height: 45px;
    }
}

@media (max-width: 767px) {
    .live_news_left {
        margin-bottom: 25px
    }
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) {
    .banner-slide article {
        position: absolute;
        left: 0px;
        top: 0px !important;
        width: 300px;
    }

    .banner-slide article h1 {
        font-family: 'Noto Kufi Arabic', sans-serif;
        font-size: 26px;
        color: white;
        text-align: right;
        margin-bottom: 20px !important
    }

    .banner_main {
        height: calc(100% - 187px);
    }
}

@media only screen and (min-device-width: 1025px) and (max-device-width: 1360px) {
    .banner_main {
        height: calc(100% - 250px);
    }
}

.mob_navigator_wrapper {
    height: 45px;
    width: 100%;
    background-color: rgba(30, 117, 186, 0.9);
    position: fixed;
    top: 0px;
    left: 0px
}

.breadcrumb_sec {
    background-color: #949494
}

.breadcrumb_sec .breadcrumb {
    padding: 0px;
    background-color: transparent;
    margin: 0px;
    padding-right: 20px;
    line-height: 50px;
    font-family: 'Noto Kufi Arabic', serif;
}

.breadcrumb_sec .breadcrumb li a {
    color: #fff;
    transition-duration: 0.2s
}

.breadcrumb_sec .breadcrumb li a:hover {
    text-decoration: none;
    color: #ffc10e
}

.breadcrumb_sec .breadcrumb li.active,
.breadcrumb_sec .breadcrumb li.active a {
    color: #ffc10e
}

.section_title {
    font-family: 'Noto Kufi Arabic', serif;
    color: #58595b;
    font-size: 24px;
    line-height: 50px
}

.section_social a {
    display: inline-block;
    margin-right: 10px;
    font-size: 20px
}

.section_social .fa-facebook {
    color: #3b5998
}

.section_social .fa-twitter {
    color: #00aced
}

.section_social .fa-google-plus {
    color: #d34836
}

.displayInline {
    display: inline-block
}

.share_icons {
    line-height: 40px;
    height: auto
}

.share_icons a {
    transition-duration: 0.5s
}

.share_icons a:hover {
    color: #ffc10e;
    text-decoration: none
}

.share_icons .calemain_shares {
    float: right;
    font-size: 24px
}

.program_lister {
    margin-bottom: 20px
}

@media (min-width: 480px) {
    .pull-right-md {
        float: right;
    }

    .pull-left-md {
        float: left;
    }

    .margin-md-left-20 {
        margin-left: 20px
    }

    .margin-md-right-20 {
        margin-right: 20px
    }

    .margin-md-top-20 {
        margin-top: 20px
    }

    .margin-md-bottom-20 {
        margin-bottom: 20px
    }
}

.news_time_source {
    background-color: #1e75ba;
    line-height: 35px;
    font-family: 'Noto Kufi Arabic', serif;
    font-size: 12px;
    color: #fff;
    padding: 0px 10px
}

.news_time_source span {
    display: inline-block;
    margin-left: 10px
}

.news_time_source span:last-child {
    margin-left: 0px
}

.section_detailstitle header {
    background-color: #e3e3e3;
    padding: 20px;
    font-size: 1.3em;
    font-family: 'Noto Kufi Arabic', serif;
    text-align: right;
    color: #58595b;
    font-weight: bold;
}

.news_socials {
    line-height: 35px;
    font-size: 0px
}

.news_socials > span {
    display: inline-block;
    padding: 0px 10px;
    background-color: #1e75ba;
    color: #fff;
    font-size: 16px
}

.news_socials > a {
    color: #fff;
    background-color: #ffc10e;
    display: inline-block;
    padding: 0px 10px;
    font-size: 16px;
    transition-duration: 0.2s
}

.news_socials > a:first-child {
    padding-left: 0px
}

.news_socials > a:last-child {
    padding-right: 0px
}

.news_socials > a:hover {
    color: #1e75ba;
}

.newsmain_image_carousel {
    position: relative;
    margin-bottom: 20px
}

.main_caption {
    background-color: rgba(0, 0, 0, 0.7);
    position: absolute;
    left: 0px;
    width: 100%;
    height: auto;
    bottom: 0px;
    color: #fff;
    font-family: 'Noto Kufi Arabic', serif;
    padding: 20px;
    z-index: 1
}

.contentnewsdetails {
    font-family: 'Noto Kufi Arabic', serif;
    font-size: 16px;
    color: #676767;
    line-height: 26px
}


/*///////////////////////////////////////////////////////////////////////*/

.btn-outline-default {
    background-color: transparent;
    border-color: #dfe5e5;
    color: #dfe5e5;
}

.btn-outline-default.active,
.btn-outline-default:focus,
.btn-outline-default:hover {
    background-color: #dfe5e5;
    border-color: #dfe5e5;
    color: #646464;
}

.btn-outline-default.active,
.btn-outline-default:active,
.open > .btn-outline-default.dropdown-toggle {
    background-color: #dfe5e5;
    border-color: #dfe5e5;
    color: #646464;
}

.btn-outline-default.active.active,
.btn-outline-default.active:focus,
.btn-outline-default.active:hover,
.btn-outline-default.active:active,
.btn-outline-default:active:focus,
.btn-outline-default:active:hover,
.open > .btn-outline-default.dropdown-toggle.active,
.open > .btn-outline-default.dropdown-toggle:focus,
.open > .btn-outline-default.dropdown-toggle:hover {
    background-color: #b5c3c3;
    border-color: #b5c3c3;
    color: #646464;
}

.btn-outline-default.disabled.active,
.btn-outline-default.disabled:focus,
.btn-outline-default.disabled:hover,
.btn-outline-default.active[disabled],
.btn-outline-default[disabled]:focus,
.btn-outline-default[disabled]:hover,
fieldset[disabled] .btn-outline-default.active,
fieldset[disabled] .btn-outline-default:focus,
fieldset[disabled] .btn-outline-default:hover {
    background-color: transparent;
    border-color: #dfe5e5;
    color: #dfe5e5;
}

.btn-outline-default .badge {
    background-color: #dfe5e5;
    border-color: transparent;
    color: #646464;
}

.btn-outline-default.active,
.btn-outline-default:focus,
.btn-outline-default:hover {
    color: #646464;
}

#external-events .fc-button,
.agenda-full-calendar .fc-button,
.basic-full-calendar .fc-button,
.bg-color-full-calendar .fc-button,
.btn-outline-primary,
.event-color-full-calendar .fc-button,
.external-full-calendar .fc-button,
.format-full-calendar .fc-button,
.language-full-calendar .fc-button,
.rtl-full-calendar .fc-button {
    background-color: transparent;
    border-color: #0092eb;
    color: #0092eb;
}

#external-events .active.fc-button,
#external-events .fc-button:focus,
#external-events .fc-button:hover,
.agenda-full-calendar .active.fc-button,
.agenda-full-calendar .fc-button:focus,
.agenda-full-calendar .fc-button:hover,
.basic-full-calendar .active.fc-button,
.basic-full-calendar .fc-button:focus,
.basic-full-calendar .fc-button:hover,
.bg-color-full-calendar .active.fc-button,
.bg-color-full-calendar .fc-button:focus,
.bg-color-full-calendar .fc-button:hover,
.btn-outline-primary.active,
.btn-outline-primary:focus,
.btn-outline-primary:hover,
.event-color-full-calendar .active.fc-button,
.event-color-full-calendar .fc-button:focus,
.event-color-full-calendar .fc-button:hover,
.external-full-calendar .active.fc-button,
.external-full-calendar .fc-button:focus,
.external-full-calendar .fc-button:hover,
.format-full-calendar .active.fc-button,
.format-full-calendar .fc-button:focus,
.format-full-calendar .fc-button:hover,
.language-full-calendar .active.fc-button,
.language-full-calendar .fc-button:focus,
.language-full-calendar .fc-button:hover,
.rtl-full-calendar .active.fc-button,
.rtl-full-calendar .fc-button:focus,
.rtl-full-calendar .fc-button:hover {
    background-color: #0092eb;
    border-color: #0092eb;
    color: #fff;
}

#external-events .active.fc-button,
#external-events .fc-button:active,
#external-events .open > .dropdown-toggle.fc-button,
.agenda-full-calendar .active.fc-button,
.agenda-full-calendar .fc-button:active,
.agenda-full-calendar .open > .dropdown-toggle.fc-button,
.basic-full-calendar .active.fc-button,
.basic-full-calendar .fc-button:active,
.basic-full-calendar .open > .dropdown-toggle.fc-button,
.bg-color-full-calendar .active.fc-button,
.bg-color-full-calendar .fc-button:active,
.bg-color-full-calendar .open > .dropdown-toggle.fc-button,
.btn-outline-primary.active,
.btn-outline-primary:active,
.event-color-full-calendar .active.fc-button,
.event-color-full-calendar .fc-button:active,
.event-color-full-calendar .open > .dropdown-toggle.fc-button,
.external-full-calendar .active.fc-button,
.external-full-calendar .fc-button:active,
.external-full-calendar .open > .dropdown-toggle.fc-button,
.format-full-calendar .active.fc-button,
.format-full-calendar .fc-button:active,
.format-full-calendar .open > .dropdown-toggle.fc-button,
.language-full-calendar .active.fc-button,
.language-full-calendar .fc-button:active,
.language-full-calendar .open > .dropdown-toggle.fc-button,
.open > .btn-outline-primary.dropdown-toggle,
.rtl-full-calendar .active.fc-button,
.rtl-full-calendar .fc-button:active,
.rtl-full-calendar .open > .dropdown-toggle.fc-button {
    background-color: #0092eb;
    border-color: #0092eb;
    color: #fff;
}

#external-events .active.active.fc-button,
#external-events .active.fc-button:focus,
#external-events .active.fc-button:hover,
#external-events .fc-button.active:active,
#external-events .fc-button:active:focus,
#external-events .fc-button:active:hover,
#external-events .open > .dropdown-toggle.active.fc-button,
#external-events .open > .dropdown-toggle.fc-button:focus,
#external-events .open > .dropdown-toggle.fc-button:hover,
.agenda-full-calendar .active.active.fc-button,
.agenda-full-calendar .active.fc-button:focus,
.agenda-full-calendar .active.fc-button:hover,
.agenda-full-calendar .fc-button.active:active,
.agenda-full-calendar .fc-button:active:focus,
.agenda-full-calendar .fc-button:active:hover,
.agenda-full-calendar .open > .dropdown-toggle.active.fc-button,
.agenda-full-calendar .open > .dropdown-toggle.fc-button:focus,
.agenda-full-calendar .open > .dropdown-toggle.fc-button:hover,
.basic-full-calendar .active.active.fc-button,
.basic-full-calendar .active.fc-button:focus,
.basic-full-calendar .active.fc-button:hover,
.basic-full-calendar .fc-button.active:active,
.basic-full-calendar .fc-button:active:focus,
.basic-full-calendar .fc-button:active:hover,
.basic-full-calendar .open > .dropdown-toggle.active.fc-button,
.basic-full-calendar .open > .dropdown-toggle.fc-button:focus,
.basic-full-calendar .open > .dropdown-toggle.fc-button:hover,
.bg-color-full-calendar .active.active.fc-button,
.bg-color-full-calendar .active.fc-button:focus,
.bg-color-full-calendar .active.fc-button:hover,
.bg-color-full-calendar .fc-button.active:active,
.bg-color-full-calendar .fc-button:active:focus,
.bg-color-full-calendar .fc-button:active:hover,
.bg-color-full-calendar .open > .dropdown-toggle.active.fc-button,
.bg-color-full-calendar .open > .dropdown-toggle.fc-button:focus,
.bg-color-full-calendar .open > .dropdown-toggle.fc-button:hover,
.btn-outline-primary.active.active,
.btn-outline-primary.active:focus,
.btn-outline-primary.active:hover,
.btn-outline-primary.active:active,
.btn-outline-primary:active:focus,
.btn-outline-primary:active:hover,
.event-color-full-calendar .active.active.fc-button,
.event-color-full-calendar .active.fc-button:focus,
.event-color-full-calendar .active.fc-button:hover,
.event-color-full-calendar .fc-button.active:active,
.event-color-full-calendar .fc-button:active:focus,
.event-color-full-calendar .fc-button:active:hover,
.event-color-full-calendar .open > .dropdown-toggle.active.fc-button,
.event-color-full-calendar .open > .dropdown-toggle.fc-button:focus,
.event-color-full-calendar .open > .dropdown-toggle.fc-button:hover,
.external-full-calendar .active.active.fc-button,
.external-full-calendar .active.fc-button:focus,
.external-full-calendar .active.fc-button:hover,
.external-full-calendar .fc-button.active:active,
.external-full-calendar .fc-button:active:focus,
.external-full-calendar .fc-button:active:hover,
.external-full-calendar .open > .dropdown-toggle.active.fc-button,
.external-full-calendar .open > .dropdown-toggle.fc-button:focus,
.external-full-calendar .open > .dropdown-toggle.fc-button:hover,
.format-full-calendar .active.active.fc-button,
.format-full-calendar .active.fc-button:focus,
.format-full-calendar .active.fc-button:hover,
.format-full-calendar .fc-button.active:active,
.format-full-calendar .fc-button:active:focus,
.format-full-calendar .fc-button:active:hover,
.format-full-calendar .open > .dropdown-toggle.active.fc-button,
.format-full-calendar .open > .dropdown-toggle.fc-button:focus,
.format-full-calendar .open > .dropdown-toggle.fc-button:hover,
.language-full-calendar .active.active.fc-button,
.language-full-calendar .active.fc-button:focus,
.language-full-calendar .active.fc-button:hover,
.language-full-calendar .fc-button.active:active,
.language-full-calendar .fc-button:active:focus,
.language-full-calendar .fc-button:active:hover,
.language-full-calendar .open > .dropdown-toggle.active.fc-button,
.language-full-calendar .open > .dropdown-toggle.fc-button:focus,
.language-full-calendar .open > .dropdown-toggle.fc-button:hover,
.open > .btn-outline-primary.dropdown-toggle.active,
.open > .btn-outline-primary.dropdown-toggle:focus,
.open > .btn-outline-primary.dropdown-toggle:hover,
.rtl-full-calendar .active.active.fc-button,
.rtl-full-calendar .active.fc-button:focus,
.rtl-full-calendar .active.fc-button:hover,
.rtl-full-calendar .fc-button.active:active,
.rtl-full-calendar .fc-button:active:focus,
.rtl-full-calendar .fc-button:active:hover,
.rtl-full-calendar .open > .dropdown-toggle.active.fc-button,
.rtl-full-calendar .open > .dropdown-toggle.fc-button:focus,
.rtl-full-calendar .open > .dropdown-toggle.fc-button:hover {
    background-color: #00629f;
    border-color: #00629f;
    color: #fff;
}

#external-events .disabled.active.fc-button,
#external-events .disabled.fc-button:focus,
#external-events .disabled.fc-button:hover,
#external-events .active.fc-button[disabled],
#external-events .fc-button[disabled]:focus,
#external-events .fc-button[disabled]:hover,
#external-events fieldset[disabled] .active.fc-button,
#external-events fieldset[disabled] .fc-button:focus,
#external-events fieldset[disabled] .fc-button:hover,
.agenda-full-calendar .disabled.active.fc-button,
.agenda-full-calendar .disabled.fc-button:focus,
.agenda-full-calendar .disabled.fc-button:hover,
.agenda-full-calendar .active.fc-button[disabled],
.agenda-full-calendar .fc-button[disabled]:focus,
.agenda-full-calendar .fc-button[disabled]:hover,
.agenda-full-calendar fieldset[disabled] .active.fc-button,
.agenda-full-calendar fieldset[disabled] .fc-button:focus,
.agenda-full-calendar fieldset[disabled] .fc-button:hover,
.basic-full-calendar .disabled.active.fc-button,
.basic-full-calendar .disabled.fc-button:focus,
.basic-full-calendar .disabled.fc-button:hover,
.basic-full-calendar .active.fc-button[disabled],
.basic-full-calendar .fc-button[disabled]:focus,
.basic-full-calendar .fc-button[disabled]:hover,
.basic-full-calendar fieldset[disabled] .active.fc-button,
.basic-full-calendar fieldset[disabled] .fc-button:focus,
.basic-full-calendar fieldset[disabled] .fc-button:hover,
.bg-color-full-calendar .disabled.active.fc-button,
.bg-color-full-calendar .disabled.fc-button:focus,
.bg-color-full-calendar .disabled.fc-button:hover,
.bg-color-full-calendar .active.fc-button[disabled],
.bg-color-full-calendar .fc-button[disabled]:focus,
.bg-color-full-calendar .fc-button[disabled]:hover,
.bg-color-full-calendar fieldset[disabled] .active.fc-button,
.bg-color-full-calendar fieldset[disabled] .fc-button:focus,
.bg-color-full-calendar fieldset[disabled] .fc-button:hover,
.btn-outline-primary.disabled.active,
.btn-outline-primary.disabled:focus,
.btn-outline-primary.disabled:hover,
.btn-outline-primary.active[disabled],
.btn-outline-primary[disabled]:focus,
.btn-outline-primary[disabled]:hover,
.event-color-full-calendar .disabled.active.fc-button,
.event-color-full-calendar .disabled.fc-button:focus,
.event-color-full-calendar .disabled.fc-button:hover,
.event-color-full-calendar .active.fc-button[disabled],
.event-color-full-calendar .fc-button[disabled]:focus,
.event-color-full-calendar .fc-button[disabled]:hover,
.event-color-full-calendar fieldset[disabled] .active.fc-button,
.event-color-full-calendar fieldset[disabled] .fc-button:focus,
.event-color-full-calendar fieldset[disabled] .fc-button:hover,
.external-full-calendar .disabled.active.fc-button,
.external-full-calendar .disabled.fc-button:focus,
.external-full-calendar .disabled.fc-button:hover,
.external-full-calendar .active.fc-button[disabled],
.external-full-calendar .fc-button[disabled]:focus,
.external-full-calendar .fc-button[disabled]:hover,
.external-full-calendar fieldset[disabled] .active.fc-button,
.external-full-calendar fieldset[disabled] .fc-button:focus,
.external-full-calendar fieldset[disabled] .fc-button:hover,
.format-full-calendar .disabled.active.fc-button,
.format-full-calendar .disabled.fc-button:focus,
.format-full-calendar .disabled.fc-button:hover,
.format-full-calendar .active.fc-button[disabled],
.format-full-calendar .fc-button[disabled]:focus,
.format-full-calendar .fc-button[disabled]:hover,
.format-full-calendar fieldset[disabled] .active.fc-button,
.format-full-calendar fieldset[disabled] .fc-button:focus,
.format-full-calendar fieldset[disabled] .fc-button:hover,
.language-full-calendar .disabled.active.fc-button,
.language-full-calendar .disabled.fc-button:focus,
.language-full-calendar .disabled.fc-button:hover,
.language-full-calendar .active.fc-button[disabled],
.language-full-calendar .fc-button[disabled]:focus,
.language-full-calendar .fc-button[disabled]:hover,
.language-full-calendar fieldset[disabled] .active.fc-button,
.language-full-calendar fieldset[disabled] .fc-button:focus,
.language-full-calendar fieldset[disabled] .fc-button:hover,
.rtl-full-calendar .disabled.active.fc-button,
.rtl-full-calendar .disabled.fc-button:focus,
.rtl-full-calendar .disabled.fc-button:hover,
.rtl-full-calendar .active.fc-button[disabled],
.rtl-full-calendar .fc-button[disabled]:focus,
.rtl-full-calendar .fc-button[disabled]:hover,
.rtl-full-calendar fieldset[disabled] .active.fc-button,
.rtl-full-calendar fieldset[disabled] .fc-button:focus,
.rtl-full-calendar fieldset[disabled] .fc-button:hover,
fieldset[disabled] #external-events .active.fc-button,
fieldset[disabled] #external-events .fc-button:focus,
fieldset[disabled] #external-events .fc-button:hover,
fieldset[disabled] .agenda-full-calendar .active.fc-button,
fieldset[disabled] .agenda-full-calendar .fc-button:focus,
fieldset[disabled] .agenda-full-calendar .fc-button:hover,
fieldset[disabled] .basic-full-calendar .active.fc-button,
fieldset[disabled] .basic-full-calendar .fc-button:focus,
fieldset[disabled] .basic-full-calendar .fc-button:hover,
fieldset[disabled] .bg-color-full-calendar .active.fc-button,
fieldset[disabled] .bg-color-full-calendar .fc-button:focus,
fieldset[disabled] .bg-color-full-calendar .fc-button:hover,
fieldset[disabled] .btn-outline-primary.active,
fieldset[disabled] .btn-outline-primary:focus,
fieldset[disabled] .btn-outline-primary:hover,
fieldset[disabled] .event-color-full-calendar .active.fc-button,
fieldset[disabled] .event-color-full-calendar .fc-button:focus,
fieldset[disabled] .event-color-full-calendar .fc-button:hover,
fieldset[disabled] .external-full-calendar .active.fc-button,
fieldset[disabled] .external-full-calendar .fc-button:focus,
fieldset[disabled] .external-full-calendar .fc-button:hover,
fieldset[disabled] .format-full-calendar .active.fc-button,
fieldset[disabled] .format-full-calendar .fc-button:focus,
fieldset[disabled] .format-full-calendar .fc-button:hover,
fieldset[disabled] .language-full-calendar .active.fc-button,
fieldset[disabled] .language-full-calendar .fc-button:focus,
fieldset[disabled] .language-full-calendar .fc-button:hover,
fieldset[disabled] .rtl-full-calendar .active.fc-button,
fieldset[disabled] .rtl-full-calendar .fc-button:focus,
fieldset[disabled] .rtl-full-calendar .fc-button:hover {
    background-color: transparent;
    border-color: #0092eb;
    color: #0092eb;
}

#external-events .fc-button .badge,
.agenda-full-calendar .fc-button .badge,
.basic-full-calendar .fc-button .badge,
.bg-color-full-calendar .fc-button .badge,
.btn-outline-primary .badge,
.event-color-full-calendar .fc-button .badge,
.external-full-calendar .fc-button .badge,
.format-full-calendar .fc-button .badge,
.language-full-calendar .fc-button .badge,
.rtl-full-calendar .fc-button .badge {
    background-color: #0092eb;
    border-color: transparent;
    color: #fff;
}

#external-events .fc-event,
#external-events .fc-event-dot,
.agenda-full-calendar .fc-event,
.agenda-full-calendar .fc-event-dot,
.basic-full-calendar .fc-event,
.basic-full-calendar .fc-event-dot,
.bg-color-full-calendar .fc-event,
.bg-color-full-calendar .fc-event-dot,
.event-color-full-calendar .fc-event,
.event-color-full-calendar .fc-event-dot,
.external-full-calendar .fc-event,
.external-full-calendar .fc-event-dot,
.format-full-calendar .fc-event,
.format-full-calendar .fc-event-dot,
.language-full-calendar .fc-event,
.language-full-calendar .fc-event-dot,
.rtl-full-calendar .fc-event,
.rtl-full-calendar .fc-event-dot {
    background-color: #0092eb;
    border-color: #0092eb;
    border-radius: 0;
    padding: 6px 10px;
}

#external-events .fc td,
.agenda-full-calendar .fc td,
.basic-full-calendar .fc td,
.bg-color-full-calendar .fc td,
.event-color-full-calendar .fc td,
.external-full-calendar .fc td,
.format-full-calendar .fc td,
.language-full-calendar .fc td,
.rtl-full-calendar .fc td {
    padding: 10px;
}

#external-events .fc-button,
.agenda-full-calendar .fc-button,
.basic-full-calendar .fc-button,
.bg-color-full-calendar .fc-button,
.event-color-full-calendar .fc-button,
.external-full-calendar .fc-button,
.format-full-calendar .fc-button,
.language-full-calendar .fc-button,
.rtl-full-calendar .fc-button {
    background-image: none;
}

#external-events .fc-button .fc-state-active,
.agenda-full-calendar .fc-button .fc-state-active,
.basic-full-calendar .fc-button .fc-state-active,
.bg-color-full-calendar .fc-button .fc-state-active,
.event-color-full-calendar .fc-button .fc-state-active,
.external-full-calendar .fc-button .fc-state-active,
.format-full-calendar .fc-button .fc-state-active,
.language-full-calendar .fc-button .fc-state-active,
.rtl-full-calendar .fc-button .fc-state-active {
    background-color: #0092eb;
}

#external-events .fc-widget-header th,
.agenda-full-calendar .fc-widget-header th,
.basic-full-calendar .fc-widget-header th,
.bg-color-full-calendar .fc-widget-header th,
.event-color-full-calendar .fc-widget-header th,
.external-full-calendar .fc-widget-header th,
.format-full-calendar .fc-widget-header th,
.language-full-calendar .fc-widget-header th,
.rtl-full-calendar .fc-widget-header th {
    padding: 15px 5px;
}

#external-events .fc-day,
.agenda-full-calendar .fc-day,
.basic-full-calendar .fc-day,
.bg-color-full-calendar .fc-day,
.event-color-full-calendar .fc-day,
.external-full-calendar .fc-day,
.format-full-calendar .fc-day,
.language-full-calendar .fc-day,
.rtl-full-calendar .fc-day {
    padding: 5px;
}

.fc td.fc-day.fc-today {
    background: #f1f1f1 none repeat scroll 0 0;
}

.fc-event {
    background: #00c854 none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    padding: 2px 4px;
}

.fc td,
.fc th {
    text-align: center;
}

.fc .fc-day,
.fc .fc-event-container {
    padding: 10px 5px;
    text-align: center;
}

.fc .fc-day-top {
    padding: 15px 5px 5px;
}

.fc .fc-day-top a {
    display: inline-block;
}

.fc-view-container {
    background: #fff
}


/*/////////////////////////////////////////////////////////////////////////////////////////////*/

.mm-listview,
.mm-title {
    font-family: 'Noto Kufi Arabic', serif;
}

.mm-divider.button {
    padding: 20px 20px 40px;
    text-indent: 0;
}

nav.main:not(.mm-menu) {
    display: none;
}

.header {
    text-align: center
}

.header.mm-slideout {
    left: 0;
    position: fixed;
    top: 0;
}

.header a.burger_btn {
    background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC") no-repeat scroll center center;
    display: block;
    height: 40px;
    right: 10px;
    position: absolute;
    top: 0;
    width: 40px;
}

.header.mm-fixed + .content {
    background-position: 25px 55px;
}

html.mm-opened.mm-effect-zoom-menu body {
    background: #f3f3f3 none repeat scroll 0 0;
}

html.mm-opened.mm-effect-zoom-menu.mm-theme-dark body {
    background: #333 none repeat scroll 0 0;
}

html.mm-opened.mm-effect-zoom-menu.mm-theme-black body {
    background: #000 none repeat scroll 0 0;
}

html.mm-opened.mm-effect-zoom-menu.mm-theme-white body {
    background: #fff none repeat scroll 0 0;
}

html.mm-opened.mm-effect-zoom-menu .mm-page {
    background-color: #fff;
}

.mm-menu:not(.mm-offcanvas) {
    z-index: 10;
}

.mm-menu:not(.mm-offcanvas) + #page {
    display: none;
}

.mm-menu li .fa {
    font-size: 16px;
    margin: 0 20px 0 5px;
    text-align: center;
    width: 12px;
}

.mm-tileview li[class*="mm-tile"] .fa {
    line-height: 0;
    margin: 0;
}

.mm-tileview li[class*="mm-tile"] .fa + span {
    display: none;
}

.mm-menu .buttonbar-item::after {
    content: none;
    display: none;
}

.main_logo_mob img {
    height: 45px
}

.logo img {
    width: 120px;
    padding-bottom: 10px;
}

/*//////////////////////////////////////////////////////////////////////////////////////*/

.megaMenu ul.menu-search-bar-desktop > li > a > i.fa,
.megaMenu ul.menu-search-bar-mobile > li > a > i.fa {
    background: #242424;
}

.megaMenu .drop-down li:hover > a,
.megaMenu .drop-down li:hover > a .description,
.megaMenu ul.menu-mobile-trigger:hover i.fa,
.megaMenu ul.menu-links > li:hover > a {
    color: #FFF;
}

.mega-menu-sticky-move .main_visualizer_holder {
    display: none !important
}

.megaMenu .drop-down-medium .list-items a:hover,
.megaMenu .drop-down-large .list-items a:hover,
.megaMenu .drop-down-medium .list-items ol li:hover:after,
.megaMenu .drop-down-large .list-items ol li:hover:after,
.megaMenu .drop-down-medium .nav-tabs.vertical li.active a,
.megaMenu .drop-down-medium .nav-tabs.vertical li:hover a,
.megaMenu .drop-down-medium .nav-tabs.vertical li:active a,
.megaMenu .drop-down-medium .nav-tabs.vertical li:focus a,
.megaMenu .drop-down-large .nav-tabs.vertical li.active a,
.megaMenu .drop-down-large .nav-tabs.vertical li:hover a,
.megaMenu .drop-down-large .nav-tabs.vertical li:active a,
.megaMenu .drop-down-large .nav-tabs.vertical li:focus a {
    color: #ffc10e;
}

.megaMenu .drop-down-medium,
.megaMenu .drop-down-large,
.megaMenu .drop-down-medium.nav-tabs,
.megaMenu .drop-down-large.nav-tabs {
    /* drop down with medium size */
    background: #f9f9f9;
    border: none;
    border-top: 2px solid #ffc10e;
    box-shadow: 0 3px 4px 1px rgba(0, 0, 0, 0.2);
}

.megaMenu .drop-down-medium .tab-content.vertical,
.megaMenu .drop-down-large.nav-tabs .tab-content.vertical,
.megaMenu .drop-down-medium .nav-tabs.vertical a::after,
.megaMenu .drop-down-large .nav-tabs.vertical a::after {
    background-color: #FFF;
    border-color: #ccc;
}

.megaMenu .drop-down-medium .nav-tabs.vertical li::after,
.megaMenu .drop-down-medium .nav-tabs.vertical li::before,
.megaMenu .drop-down-large .nav-tabs.vertical li::after,
.megaMenu .drop-down-large .nav-tabs.vertical li::before {
    background: #ccc;
}

.megaMenu ul.menu-links > li > a {
    font-size: 14px;
}

#menu-1 .menu-links li a.home-icon {
    background-color: #242424;
    padding: 15px;
}

#menu-1 .menu-links li a.home-icon i {
    color: #FFF;
    font-size: 20px;
}

.megaMenu .drop-down {
    background-color: #FFF;
    box-shadow: 0 3px 4px 1px rgba(0, 0, 0, 0.2);
    border-top: 2px solid #ffc10e;
}

#menu-1.megaMenu ul.menu-links > li {
    border-left: none;
}

#menu-1.megaMenu ul.menu-links > li:first-child {
    border-left: none;
}

.megaMenu ul.menu-links > li:first-child {
    border-right: none;
}

.megaMenu ul.menu-links > li:last-child {
    border-right: none;
}

.megaMenu ul.menu-links > li:last-child a {
    border: none;
}

#menu-1.megaMenu .drop-down li > a:after {
    background-color: #ffc10e;
}

.megaMenu .drop-down li {
    border-color: #F2F2F2;
}

.megaMenu .sticky-container {
    background-color: #1e75ba;
    box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.2));
}

.megaMenu.mega-menu-sticky-move .sticky-container {
    animation-name: sticky_expand;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
}


/*MENU CONTAINER SIZE*/

.menu-container-section {
    padding: 0;
    box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.1);
}

#menu-2.megaMenu {
    padding: 15px 0;
}

#menu-2.megaMenu ul.menu-links > li > a {
    height: 2.75em;
}

#menu-2.megaMenu ul.menu-logo > li > a img {
    max-height: 2em;
    margin: 0;
}

#menu-2.megaMenu ul.menu-logo > li > a {
    height: auto;
    padding: 0;
}

#menu-2.megaMenu ul.menu-logo li:hover a::after {
    opacity: 0;
}

#menu-3.megaMenu ul.menu-logo > li > a img {
    max-height: 2em;
    margin: 0;
}

#menu-3.megaMenu ul.menu-logo li:hover a::after {
    opacity: 0;
}


/*MENU DARK*/

.menu-dark {
    background-color: #242424;
}

.menu-dark #menu-2.megaMenu {
    background-color: #242424;
    padding: 0;
    min-height: 3em;
}

.menu-dark #menu-2.megaMenu ul.menu-links > li > a {
    color: #FFF;
    height: 3em;
}

.menu-dark .megaMenu .sticky-container {
    background-color: #242424;
}


/*MENU CSS FOR BLOCKS AND LISTING*/

.megaMenu .category-image a img {
    border: none;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease- 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.megaMenu .category-image:hover img {
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease- 0s;
    -o-transition: all 0.6s ease 0s;
    transition: all 0.6s ease 0s;
}

.megaMenu .catname .btn,
.post-tools .btn {
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    padding: 5px 10px;
    text-transform: capitalize;
    line-height: 1em;
    border: none;
    background-image: -moz-linear-gradient(center bottom, rgba(0, 0, 0, 0.17) 0%, rgba(255, 255, 255, 0.17) 100%);
}

.megaMenu .grid-1 {
    margin-bottom: 0;
    border: none;
}

.megaMenu .grid-1 .detail {
    background-color: #f9f9f9;
    padding: 15px;
}

.megaMenu .caption h5 {
    font-size: 18px;
    color: #444;
}

.megaMenu .caption h5 a:hover {
    color: #ffc10e;
}

.megaMenu .hover-show-div .post-type {
    padding: 10px 12px;
}

.megaMenu .small-grid .col-md-6:last-child .small-post {
    margin-bottom: 0;
    border: none;
}


/*MENU CATEGORY COLOR CODE*/

.megaMenu .category-image .btn:hover {
    color: #FFF;
}

.megaMenu .category-image .btn-purple {
    background-color: #9c27b0;
    color: #FFF;
}

.megaMenu .category-image .btn-orange {
    background-color: #ff5722;
    color: #FFF;
}

.megaMenu .category-image .btn-yellow {
    background-color: #e28712;
    color: #FFF;
}

.megaMenu .category-image .btn-gray {
    background-color: #607d8b;
    color: #FFF;
}

.megaMenu .category-image .btn-green {
    background-color: #2ecc71;
    color: #FFF;
}

.megaMenu .category-image .btn-pink {
    background-color: #e91e63;
    color: #FFF;
}

.megaMenu .category-image .btn-red {
    background-color: #f44336;
    color: #FFF;
}

.megaMenu .category-image .btn-blue {
    background-color: #00aeef;
    color: #FFF;
}

.megaMenu .category-image .btn-black {
    background-color: #242424;
    color: #FFF;
}

.megaMenu .category-image .btn-maroon {
    background-color: #7b2143;
    color: #FFF;
}

.megaMenu .category-image .btn-lightblue {
    background-color: #8e93c4;
    color: #FFF;
}

.megaMenu .category-image .btn-dark-red {
    background-color: #d11141;
    color: #FFF;
}

/*///////////////////////////////////////////////////////*/

.megaMenu ul.menu-logo {
    float: right;
}

.megaMenu ul.menu-links > li {
    float: right;
}

.grid-1 .catname {
    right: 20px;
    left: auto;
}

.main-content .hover-show-div {
    left: 20px;
    right: auto;
}

.show-more-btn a i {
    margin-right: 0;
    margin-left: 5px;
}

.featured-news-slider .post-content .post-tools li,
.megaMenu ul.menu-links {
    float: right;
}

.megaMenu ul.menu-search-bar-desktop,
.megaMenu ul.menu-search-bar-mobile,
.cat-holder .count {
    float: left;
}

.menu_background {
    background-color: #1e75ba
}


/*///////////////////////////////////////////////////////////*/

.main_visualizer {
    position: relative
}

.marquee {
    line-height: 30px;
    background-color: #ffc10e;
    color: white;
    white-space: nowrap;
    overflow: hidden;
    box-sizing: border-box;
    width: 100%;
    position: absolute;
    top: -40px;
    direction: ltr
}

.visualizer_img {
    width: 100%;
    position: absolute;
    top: -80px;
    left: 0px
}

.marquee p {
    display: inline-block;
    padding-left: 100%;
    animation: marquee 15s linear infinite;
}

@keyframes marquee {
    0% {
        transform: translate(0, 0);
    }

    100% {
        transform: translate(-100%, 0);
    }
}

.main_visualizer_holder {
    float: left;
    padding: 0px;
    margin: 0px
}

/*////////////////////////////////////////////////////////////*/

.Notukufi {
    font-family: 'Noto Kufi Arabic', sans-serif;
}

.webgray {
    color: #676767
}

.fontsize_16 {
    font-size: 16px
}

.contact_table_1 {
    color: #ffc10e;
    padding-left: 20px;
    padding-bottom: 10px
}

.contact_table_2,
.contact_table_2 a {
    color: #1e75ba
}

/*////////////////////////////////////////////////////////*/

.contact_form_right {
    margin-bottom: 20px
}

.contact_form_right input {
    background-color: #e2e2e2;
    height: 50px;
    border: 0px;
    padding: 5px 20px;
    color: #676767;
    font-family: 'Noto Kufi Arabic', sans-serif;
    width: 100%
}

.contact_form_left {
    text-align: left
}

.contact_form_left textarea {
    background-color: #e2e2e2;
    height: 190px;
    border: 0px;
    padding: 5px 20px;
    color: #676767;
    font-family: 'Noto Kufi Arabic', sans-serif;
    width: 100%
}

.button_site {
    background-color: #1e75ba;
    border-right: 3px solid #ffc10e;
    padding: 10px 40px;
    font-size: 16px;
    border-radius: 10px
}

.contact_form_left button {
    margin-top: 20px
}


/*//////////////////////////////Additional Widgets//////////////////////////////////////////////*/

.annour_options .nav-tabs {
    font-family: 'Noto Kufi Arabic', sans-serif;
}


.annour_options .tab-pane {
    background-color: #fff;
    padding: 10px;
    font-family: 'Noto Kufi Arabic', sans-serif;
}

.list_style_web {
    list-style: none;
    padding: 0px
}

.list_style_web li {
    padding-right: 10px;
    margin-bottom: 20px;
    border-right: 2px solid #ffc10e;
}

.list_style_web li:last-child {
    margin-bottom: 0px
}

.list_style_web li a {
    color: rgb(51, 51, 51)
}

/*///////////////////////////////////////////////////////////////////////////////////*/

.tags_holder a {
    background-color: #1e75ba;
    margin-bottom: 10px
}

.tags_holder {
    background-color: #fff;
    font-family: 'Noto Kufi Arabic', sans-serif;
    padding: 10px;
}

.tags_holder h3 {
    color: #555;
    font-size: 18px;
    margin: 0px;
    margin-bottom: 10px
}

.popular_articles {
    font-family: "Droid Arabic Kufi", "Lato", serif !important;
}

.popular_articles_item figure.col-xs-12 {
    margin-bottom: 10px
}

.popular_articles_item h3 {
    margin: 0px;
    margin-bottom: 6px;
    font-size: 16px
}

.popular_articles_item h3 a {
    color: #000;
    transition: color 0.5s ease;
}

.popular_articles_item h3 a:hover {
    color: #211d70
}

.popular_articles_item p,
.popular_articles_item time {
    color: #888888;
    font-size: 14px;
    margin-bottom: 6px
}

.popular_articles_item time {
    font-size: 12px;
}

.popular_articles_item figure img {
    width: 100%;
    border: 0px solid #999;
}

.popular_articles_item {
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid #eeeeee
}

.small_articles .col-xs-8,
.small_articles .col-xs-4 {
    padding-right: 5px;
    padding-left: 5px
}

.small_articles row {
    margin-left: -5px;
    margin-right: -5px;
}

.menu_widget_title h1 {
    font-size: 20px;
    text-align: right;
    color: #000;
    margin-top: 10px;
    margin-bottom: 25px;
}

/*////////////////////////////////////////Additional Widgets///////////////////////////////////////*/

.pos_rel {
    position: relative
}

div.mosque_time {
    position: absolute;
    right: 15px;
    bottom: 3px;
    vertical-align: bottom;
    margin: 0px;
    padding: 0px;
    text-align: right
}


.aligned-row > div:first-child {
    height: 80px
}

.mosque_maintitle {
    font-size: 24px;
    color: #1e75ba
}

div.mosque_time ul {
    margin: 0px;
    list-style: none;
    padding: 0px;
    font-size: 11px
}

div.mosque_time ul li {
    display: inline
}

div.mosque_time ul li:nth-child(2) {
    display: none
}

.mosque_times ul {
    list-style: none;
    margin: 0px;
    padding: 0px
}

.mosque_times ul li {
    color: #929396;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 7px
}

.mosque_times ul li span {
    color: #1e75ba
}

.mosque_top {
    margin-bottom: 15px
}


/*//////////////////////////////////////////////////////////////////////////////*/

@media screen and (max-width: 479px) {
    .nav-tabs-responsive > li {
        display: none;
        width: 20%;
    }

    .nav-tabs-responsive > li > a {
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
        width: 100%;
        width: 100%;
        text-align: center;
        vertical-align: top;
    }

    .nav-tabs-responsive > li.active {
        width: 54%;
    }

    .nav-tabs-responsive > li.active:first-child {
        margin-left: 23%;
    }

    .nav-tabs-responsive > li.active,
    .nav-tabs-responsive > li.prev,
    .nav-tabs-responsive > li.next {
        display: block;
    }

    .nav-tabs-responsive > li.prev,
    .nav-tabs-responsive > li.next {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }

    .nav-tabs-responsive > li.next > a,
    .nav-tabs-responsive > li.prev > a {
        -webkit-transition: none;
        transition: none;
    }

    .nav-tabs-responsive > li.next > a .text,
    .nav-tabs-responsive > li.prev > a .text {
        display: none;
    }

    .nav-tabs-responsive > li.next > a:after,
    .nav-tabs-responsive > li.next > a:after,
    .nav-tabs-responsive > li.prev > a:after,
    .nav-tabs-responsive > li.prev > a:after {
        position: relative;
        top: 1px;
        display: inline-block;
        font-family: 'Glyphicons Halflings';
        font-style: normal;
        font-weight: 400;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .nav-tabs-responsive > li.prev > a:after {
        content: "\e080";
    }

    .nav-tabs-responsive > li.next > a:after {
        content: "\e079";
    }

    .nav-tabs-responsive > li.dropdown > a > .caret {
        display: none;
    }

    .nav-tabs-responsive > li.dropdown > a:after {
        content: "\e114";
    }

    .nav-tabs-responsive > li.dropdown.active > a:after {
        display: none;
    }

    .nav-tabs-responsive > li.dropdown.active > a > .caret {
        display: inline-block;
    }

    .nav-tabs-responsive > li.dropdown .dropdown-menu.pull-xs-left {
        left: 0;
        right: auto;
    }

    .nav-tabs-responsive > li.dropdown .dropdown-menu.pull-xs-center {
        right: auto;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .nav-tabs-responsive > li.dropdown .dropdown-menu.pull-xs-right {
        left: auto;
        right: 0;
    }
}

/**
 * Demo Styles
 */

.wrapper {
    padding: 15px 0;
}

.main_programstab .nav-tabs {
    margin-bottom: 15px;
}

@media (max-width: 479px) {
    #narrow-browser-alert {
        display: none;
    }

    li.next ~ li.next {
        display: none
    }
}

@media (max-width: 320px) {
    #narrow-browser-alert {
        display: none;
    }

    li.next ~ li.next {
        display: none
    }
}

.main_programstab {
    margin-bottom: 50px
}

.main_programstab li {
    font-family: 'Noto Kufi Arabic', serif;
    color: #1e75ba;
    font-size: 14px;
    box-shadow: none !important;
    font-weight: bold
}

.main_programstab li.active a {
    background-color: #fdda2d !important;
    border: none;
    border-radius: 10px;
    color: #fff !important;
    font-family: 'Noto Kufi Arabic', serif;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    box-shadow: none !important;
    border: 0px !important;
    margin-right: 0px;
}

.main_programstab li:hover a {
    background-color: #fdda2d !important;
    border: none;
    border-radius: 10px;
    color: #fff !important;
    font-family: 'Noto Kufi Arabic', serif;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    box-shadow: none !important;
    border: 0px !important;
    margin-right: 0px;
}

.main_programstab .nav-tabs {
    border-bottom: 4px solid #fdda2d;
}

.main_programstab .nav-tabs > li {
    margin-bottom: -2px;
    box-shadow: none !important
}

/*.main_programstab .nav > li > a {
    padding: 10px 30px
}*/

.program_item {
    border-right: 4px solid #1e75ba;
    padding-right: 10px;
    font-family: 'Noto Kufi Arabic', serif;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 20px
}

.program_item_name {
    color: #1e75ba
}

.program_item_status.newep {
    color: #00aa1c
}

.program_item_status.oldep {
    color: #ff0101
}

.program_time {
    font-family: 'Noto Kufi Arabic', serif;
    font-size: 16px;
    color: #1e75ba;
    text-align: left;
    font-weight: bold
}

.program_clock {
    color: #333;
    font-family: arial;
}


/* Small Devices, Tablets */

@media only screen and (max-width: 800px) {
    .program_time {
        font-family: 'Noto Kufi Arabic', serif;
        font-size: 16px;
        color: #1e75ba;
        text-align: right;
        font-weight: bold
    }

    .program_item .col-md-6 {
        margin-bottom: 15px
    }
}

/* Extra Small Devices, Phones */

@media only screen and (max-width: 480px) {
    .program_time {
        font-family: 'Noto Kufi Arabic', serif;
        font-size: 16px;
        color: #1e75ba;
        text-align: right;
        font-weight: bold
    }

    .program_item .col-md-6 {
        margin-bottom: 15px
    }
}

/* Custom, iPhone Retina */

@media only screen and (max-width: 320px) {
    .program_time {
        font-family: 'Noto Kufi Arabic', serif;
        font-size: 16px;
        color: #1e75ba;
        text-align: right;
        font-weight: bold
    }

    .program_item .col-md-6 {
        margin-bottom: 15px
    }
}

.megaMenu ul.menu-logo {
    display: none
}

.megaMenu.mega-menu-sticky-move .menu-logo {
    display: inline-block
}

.megaMenu.mega-menu-sticky-move .menu-logo img {
    height: 50px
}

.livemobile_btn {
    position: absolute;
    left: 3px;
    top: 3px;
}

.livemobile_btn i.live_annour {
    width: 31px;
    height: 24px;
}


#menu {
    display: none
}

#menu.mm-opened {
    display: block
}

.error_404 {
    font-size: 250px;
    line-height: 250px;
    font-weight: 700;
    margin-bottom: 12px;
    direction: ltr;
    text-align: center;
    color: #1e75ba
}

.error_404 span {
    color: #ffc10e
}

.error_404msg {
    font-size: 25px;
    text-align: center;
    font-family: 'Noto Kufi Arabic', serif;
}

/* Extra Small Devices, Phones */
@media only screen and (max-width: 480px) {
    .error_404 {
        font-size: 120px;
    }
}

/* Custom, iPhone Retina */
@media only screen and (max-width: 320px) {
    .error_404 {
        font-size: 120px;
    }
}

img.optimal {
    height: auto;
}

.widget_box .mediaframe img {
    height: auto;
    width: 100% !important;
}

.hedaer_nav ul li span, .social_search_nav ul li span {
    line-height: 56px;
    color: #fff;
    font-size: 17px;
    text-decoration: none;
    transition: color 0.5s;
}

.search_anim button {
    background-color: transparent;
    border-color: transparent;
}