input,
textarea,
select,
body {
  font-family: "Droid Arabic Kufi", arial, sans-serif; }

* {
  direction: rtl; }

body {
  color: #000; }

a:focus,
a:visited {
  color: inherit; }

header {
  border-bottom: 1px solid #DDDDDD;
  box-shadow: 0 2px 4px 0 rgba(8, 8, 8, 0.15); }
  header .container-fluid {
    padding-left: 40px;
    padding-right: 40px; }
  header .header__top .headerTopFirst {
    margin-bottom: 22px;
    height: 40px;
    background-color: #F6F6F6;
    padding: 8px 0; }
    header .header__top .headerTopFirst .header__top-date {
      font-size: 12px;
      font-weight: bold;
      letter-spacing: 0;
      line-height: 22px;
      text-align: right;
      float: right; }
    header .header__top .headerTopFirst .header__top-account {
      float: left; }
  header .header__top .headerTopBottom {
    margin-bottom: 25px; }
    header .header__top .headerTopBottom .container-fluid {
      display: flex;
      align-items: center;
      justify-content: space-between;
      height: 65px; }
      header .header__top .headerTopBottom .container-fluid .actionsShareMain {
        display: flex;
        align-items: center; }
        header .header__top .headerTopBottom .container-fluid .actionsShareMain .header__top-action {
          display: flex;
          align-items: center; }
          header .header__top .headerTopBottom .container-fluid .actionsShareMain .header__top-action .header__top-action-radio {
            margin-left: 40px;
            display: inline-block; }
          header .header__top .headerTopBottom .container-fluid .actionsShareMain .header__top-action .header__top-action-tv {
            margin-left: 70px;
            display: inline-block; }
        header .header__top .headerTopBottom .container-fluid .actionsShareMain .newsPaperLogo img {
          display: block;
          width: 55px; }
        header .header__top .headerTopBottom .container-fluid .actionsShareMain .header_top-language {
          font-size: 15px;
          font-weight: bold;
          letter-spacing: 0;
          line-height: 18px;
          margin-left: 23px;
          color: #000000; }
          header .header__top .headerTopBottom .container-fluid .actionsShareMain .header_top-language a {
            color: #000000; }
      header .header__top .headerTopBottom .container-fluid .header__main-subscribe {
        display: flex;
        flex-direction: row-reverse; }
        header .header__top .headerTopBottom .container-fluid .header__main-subscribe .btn-subscribe {
          margin-left: 10px; }
  header .header__top .header__main-logo {
    position: absolute;
    right: 50%;
    transform: translateX(50%); }
    header .header__top .header__main-logo a {
      display: block; }
      header .header__top .header__main-logo a .arabicLogo {
        width: 236px; }
  header .btn-subscribe {
    color: #fff;
    background-color: #CBAC59;
    padding: 0 55px;
    font-size: 14px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    text-transform: uppercase;
    line-height: 27px;
    display: inline-block;
    min-width: 173px;
    text-align: center;
    font-weight: bold;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    border: none;
    height: 45px;
    padding-top: 9px;
    position: relative;
    padding-right: 66px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    padding-left: 35px; }
    header .btn-subscribe:hover {
      background-color: #00C0F3;
      border-color: #00C0F3; }
    header .btn-subscribe:before {
      content: "";
      position: absolute;
      background: url("../images/annahar_emblem.svg") no-repeat;
      background-size: contain;
      width: 24px;
      height: 23px;
      right: 32px;
      top: 11px; }
  header .header__top-account-link {
    float: right;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 22px;
    text-align: right;
    position: relative;
    margin-right: 20px;
    color: #000000; }
    header .header__top-account-link:before {
      content: "";
      position: absolute;
      background: url("../images/login-icon.svg") no-repeat;
      background-size: contain;
      width: 14px;
      height: 18px;
      right: -24px;
      top: 1px; }
  header .header__main {
    position: relative; }
    header .header__main .header__main-inner {
      display: flex;
      align-items: center;
      justify-content: flex-start; }
      header .header__main .header__main-inner .header__main-menu {
        display: flex;
        width: auto;
        max-width: calc(100% - 90px); }
        header .header__main .header__main-inner .header__main-menu > li {
          padding: 0 16px; }
          header .header__main .header__main-inner .header__main-menu > li:first-child {
            padding-right: 0; }
          header .header__main .header__main-inner .header__main-menu > li > a {
            padding-top: 14px;
            padding-bottom: 17px; }
        header .header__main .header__main-inner .header__main-menu li {
          padding-top: 14px;
          padding-bottom: 17px; }
          header .header__main .header__main-inner .header__main-menu li a {
            color: #000000;
            font-size: 16px;
            font-weight: bold;
            letter-spacing: 0;
            line-height: 31px;
            text-align: right;
            position: relative;
            -webkit-transition: 0.2s;
            -moz-transition: 0.2s;
            -ms-transition: 0.2s;
            -o-transition: 0.2s;
            transition: 0.2s; }
            header .header__main .header__main-inner .header__main-menu li a:hover {
              color: #00C0F3; }
          header .header__main .header__main-inner .header__main-menu li.header__main-menu-link:hover > a:after, header .header__main .header__main-inner .header__main-menu li.active > a:after {
            content: "";
            position: absolute;
            bottom: -1px;
            width: calc(100% + 24px);
            right: -12px;
            border-bottom: 4px solid #00C0F3; }
          header .header__main .header__main-inner .header__main-menu li .ddSecondLevel {
            position: absolute;
            top: 62px;
            padding-top: 50px;
            padding-bottom: 40px;
            width: 100%;
            right: 0;
            background-color: #F6F6F6;
            box-shadow: 2px 0px 5px 0px rgba(0, 0, 0, 0.19);
            z-index: 99;
            display: none; }
            header .header__main .header__main-inner .header__main-menu li .ddSecondLevel .articleThumb {
              margin-bottom: 22px; }
            header .header__main .header__main-inner .header__main-menu li .ddSecondLevel ul li {
              padding-bottom: 25px;
              border-bottom: 1px solid #D6D6D6; }
              header .header__main .header__main-inner .header__main-menu li .ddSecondLevel ul li:not(:first-child) {
                padding-top: 25px; }
              header .header__main .header__main-inner .header__main-menu li .ddSecondLevel ul li a {
                font-size: 15px;
                font-weight: bold;
                letter-spacing: 0;
                line-height: 20px;
                text-align: right; }
          header .header__main .header__main-inner .header__main-menu li.hasSubmenu:hover > a {
            color: #00C0F3; }
      header .header__main .header__main-inner .header_main-more {
        padding-right: 16px; }
        header .header__main .header__main-inner .header_main-more a {
          display: flex; }
        header .header__main .header__main-inner .header_main-more span {
          font-size: 15px;
          font-weight: bold;
          letter-spacing: 0;
          line-height: 28px;
          margin-left: 10px;
          color: #000000; }
        header .header__main .header__main-inner .header_main-more .plusSign {
          color: #00C0F3;
          font-size: 35px;
          font-weight: normal;
          line-height: 31px; }
    header .header__main:before {
      content: "";
      width: calc(100% - 80px);
      position: absolute;
      left: 40px;
      height: 1px;
      border-top: 1px solid #DDDDDD;
      top: 0; }
  header .leftNavigation {
    position: fixed;
    top: 0;
    width: 300px;
    left: -300px;
    height: 100vh;
    z-index: 999;
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    background: #fff;
    padding-right: 30px;
    padding-left: 30px;
    padding-top: 30px; }
    header .leftNavigation li {
      border-top: 1 px solid #DDDDDD;
      border-bottom: 1px solid #DDDDDD;
      padding-top: 12px;
      padding-bottom: 12px;
      position: relative; }
      header .leftNavigation li a {
        color: #000000;
        font-size: 18px;
        font-weight: bold;
        letter-spacing: 0;
        line-height: 34px;
        position: relative;
        z-index: 1; }
        header .leftNavigation li a.leftMenuToggle {
          position: relative;
          display: block; }
          header .leftNavigation li a.leftMenuToggle + span {
            display: block; }
      header .leftNavigation li > span {
        display: none;
        content: "";
        position: absolute;
        background: url("../images/expand-arrow.svg") no-repeat;
        background-size: 12px;
        width: 30px;
        height: 30px;
        background-position: left center;
        left: 0;
        top: 15px;
        z-index: 2;
        cursor: pointer; }
      header .leftNavigation li.activeToggle span {
        background-position: right center;
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        top: 12px; }
    header .leftNavigation .toggleContent {
      display: none; }
      header .leftNavigation .toggleContent li {
        border: none;
        padding: 0; }
      header .leftNavigation .toggleContent a {
        font-size: 15px;
        font-weight: normal; }
  header .header_top-weather {
    float: right;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 22px;
    position: relative;
    text-align: right;
    padding-left: 20px;
    margin-left: 20px; }
    header .header_top-weather img {
      content: "";
      position: absolute;
      width: 25px;
      height: 20px;
      right: -35px; }
    header .header_top-weather:after {
      content: "";
      position: absolute;
      box-sizing: border-box;
      height: 21px;
      width: 2px;
      border-left: 1px solid #979797;
      left: 0; }

.body-wrap {
  position: relative;
  left: 0;
  -webkit-transition: left 0.5s ease;
  -moz-transition: left 0.5s ease;
  -ms-transition: left 0.5s ease;
  -o-transition: left 0.5s ease;
  transition: left 0.5s ease; }

body.leftNavOpen .leftNavigation {
  left: 0;
  -webkit-box-shadow: 2px 0px 5px 0px rgba(0, 0, 0, 0.19);
  -moz-box-shadow: 2px 0px 5px 0px rgba(0, 0, 0, 0.19);
  box-shadow: 2px 0px 5px 0px rgba(0, 0, 0, 0.19); }

footer .socialIconsMain {
  padding-top: 5px; }
footer .footer {
  padding-top: 55px; }
footer .simpleListTitle {
  font-size: 16px;
  font-weight: bold;
  line-height: 32px; }
footer .simpleList {
  margin-bottom: 40px; }
  footer .simpleList li a {
    font-size: 12px; }
footer .footerMiddle {
  border-top: 1px solid #DCDCDC;
  border-bottom: 1px solid #DCDCDC;
  background: #F2F2F2;
  padding: 25px 30px 20px; }
  footer .footerMiddle .newsletterSubscribe {
    display: flex;
    align-items: center; }
    footer .footerMiddle .newsletterSubscribe .newsletterContainer {
      width: calc(100% - 310px);
      position: relative;
      margin-right: 10px; }
      footer .footerMiddle .newsletterSubscribe .newsletterContainer input[type="text"] {
        height: auto;
        width: 100%;
        border-radius: 3px;
        background-color: #fff;
        padding-left: 20px;
        padding-right: 20px;
        padding: 8px 20px; }
      footer .footerMiddle .newsletterSubscribe .newsletterContainer ::-webkit-input-placeholder {
        font-size: 14px;
        letter-spacing: 0;
        line-height: 27px;
        text-align: right; }
      footer .footerMiddle .newsletterSubscribe .newsletterContainer :-moz-placeholder {
        font-size: 14px;
        letter-spacing: 0;
        line-height: 27px;
        text-align: right; }
      footer .footerMiddle .newsletterSubscribe .newsletterContainer ::-moz-placeholder {
        font-size: 14px;
        letter-spacing: 0;
        line-height: 27px;
        text-align: right; }
      footer .footerMiddle .newsletterSubscribe .newsletterContainer :-ms-input-placeholder {
        font-size: 14px;
        letter-spacing: 0;
        line-height: 27px;
        text-align: right; }
      footer .footerMiddle .newsletterSubscribe .newsletterContainer a {
        position: absolute;
        display: block;
        width: 10px;
        height: 16px;
        left: 10px;
        top: 13px; }
        footer .footerMiddle .newsletterSubscribe .newsletterContainer a:before {
          content: "";
          position: absolute;
          background: url("../images/arrow-left.svg") no-repeat;
          background-size: contain;
          width: 10px;
          height: 16px; }
  footer .footerMiddle .socialIconsMain {
    display: flex;
    justify-content: flex-end; }
    footer .footerMiddle .socialIconsMain h5 {
      margin-left: 30px; }
    footer .footerMiddle .socialIconsMain li {
      display: inline-block; }
      footer .footerMiddle .socialIconsMain li:last-child a {
        margin-left: 0; }
    footer .footerMiddle .socialIconsMain a {
      display: inline-block;
      width: 36px;
      height: 36px;
      background-color: #00C0F3;
      margin-left: 12px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      border-radius: 50%;
      position: relative; }
      footer .footerMiddle .socialIconsMain a:before {
        content: "";
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        top: 50%;
        left: 50%;
        -moz-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
      footer .footerMiddle .socialIconsMain a.instagram:before {
        background-image: url("../images/instagram.svg");
        width: 20px;
        height: 22px; }
      footer .footerMiddle .socialIconsMain a.facebook:before {
        background-image: url("../images/facebook.svg");
        width: 12px;
        height: 24px; }
      footer .footerMiddle .socialIconsMain a.twitter:before {
        background-image: url("../images/twitter.svg");
        width: 20px;
        height: 17px; }
      footer .footerMiddle .socialIconsMain a.youtube:before {
        background-image: url("../images/youtube.svg");
        width: 22px;
        height: 14px; }
footer .footerBottom {
  padding-top: 25px;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 15px;
  margin-bottom: 30px; }

.errorMessage,
.successMessage {
  display: none; }

.categoriesSubMenu {
  height: 65px;
  background-color: #333333; }
  .categoriesSubMenu .simpleList {
    padding-top: 20px; }
    .categoriesSubMenu .simpleList li {
      display: inline-block;
      padding-left: 20px;
      position: relative; }
      .categoriesSubMenu .simpleList li:not(:first-child) {
        padding-right: 20px; }
      .categoriesSubMenu .simpleList li:not(:last-child):after {
        content: "";
        position: absolute;
        top: 7px;
        box-sizing: border-box;
        height: 16px;
        width: 1px;
        border-left: 1px solid #818181;
        left: 0; }
      .categoriesSubMenu .simpleList li:not(:last-child).active a {
        color: #00C0F3; }
      .categoriesSubMenu .simpleList li a {
        font-size: 17px;
        letter-spacing: 0;
        line-height: 32px;
        color: #fff; }

.categoriesThirdMenu .simpleList {
  padding-top: 10px; }
.categoriesThirdMenu li {
  padding-left: 20px;
  display: inline-block; }
  .categoriesThirdMenu li a {
    font-size: 14px;
    letter-spacing: 0;
    line-height: 27px;
    color: #000000; }

.article__img-container > a {
  display: block; }

img {
  max-width: 100%;
  display: block; }

.article__tag,
.article__tag a {
  font-size: 14px;
  line-height: 19px;
  display: block; }

.col-md-4 .article__img-container {
  min-height: 200px; }
  .col-md-4 .article__img-container > a {
    min-height: 200px; }

.col-md-3 .article__img-container {
  min-height: 145px; }

.secondLevelMenu {
  background-color: #949494;
  padding: 20px 0; }
  .secondLevelMenu.blackBg {
    background-color: #14191F; }
  .secondLevelMenu .header__submenu-cont {
    display: flex;
    align-items: center; }
    .secondLevelMenu .header__submenu-cont .header__submenu-item.active a {
      color: #fff;
      font-weight: 700;
      opacity: 1 !important; }
      .secondLevelMenu .header__submenu-cont .header__submenu-item.active a:before {
        content: '';
        height: 1px;
        width: calc(100% - 60px);
        right: 30px;
        background-color: #fff;
        position: absolute;
        top: calc(100% + 5px); }
    .secondLevelMenu .header__submenu-cont a {
      color: #fff;
      font-size: 17px;
      padding: 0 30px;
      position: relative;
      display: inline-block;
      line-height: 22px;
      -webkit-transition: 0.3s;
      -moz-transition: 0.3s;
      -ms-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s; }
      .secondLevelMenu .header__submenu-cont a:hover {
        opacity: 0.8; }
      .secondLevelMenu .header__submenu-cont a:after {
        content: '';
        height: 16px;
        width: 1px;
        background-color: #818181;
        position: absolute;
        top: 4px;
        left: 0; }
    .secondLevelMenu .header__submenu-cont li:first-child a {
      padding-right: 0; }
      .secondLevelMenu .header__submenu-cont li:first-child a:before {
        right: 0 !important;
        width: calc(100% - 30px) !important; }
    .secondLevelMenu .header__submenu-cont li:last-child a:after {
      opacity: 0; }

.containerGrid {
  background-color: #F2F2F2;
  padding: 50px 0; }
  .containerGrid img {
    max-width: 100%; }
  .containerGrid .col-md-8 .article__img-container {
    min-height: 445px;
    position: relative; }
    .containerGrid .col-md-8 .article__img-container > a {
      min-height: 425px; }
  .containerGrid .article__img-container > a {
    position: relative; }
    .containerGrid .article__img-container > a:after {
      content: '';
      height: 100%;
      width: 100%;
      background: linear-gradient(180deg, rgba(72, 72, 72, 0) 0%, rgba(32, 32, 32, 0.25) 50%, rgba(18, 18, 18, 0.5) 100%);
      position: absolute;
      top: 0;
      right: 0;
      z-index: 1; }
  .containerGrid .article__img-container > a {
    display: block; }
  .containerGrid .article__text-container {
    position: absolute;
    z-index: 1; }
  .containerGrid .col-md-8 .article__text-container {
    bottom: 40px; }
  .containerGrid .col-md-8 .article__title,
  .containerGrid .col-md-8 .article__title a {
    color: #fff;
    font-size: 28px;
    font-weight: bold;
    line-height: 40px; }
    .containerGrid .col-md-8 .article__title a,
    .containerGrid .col-md-8 .article__title a a {
      -webkit-transition: 0.3s;
      -moz-transition: 0.3s;
      -ms-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s;
      color: #fff; }
      .containerGrid .col-md-8 .article__title a:hover,
      .containerGrid .col-md-8 .article__title a a:hover {
        color: #00C0F3; }
  .containerGrid .col-md-8 .article__tag,
  .containerGrid .col-md-8 .article__meta {
    display: none; }
  .containerGrid .col-md-8 .article__text-container {
    padding: 0 30px; }
  .containerGrid .col-md-4 .article__text-container {
    bottom: 10px; }
  .containerGrid .col-md-4 .article__text-container {
    padding: 0 20px;
    padding-left: 30px; }
  .containerGrid .col-md-4 .article__title {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    line-height: 28px; }
    .containerGrid .col-md-4 .article__title a {
      -webkit-transition: 0.3s;
      -moz-transition: 0.3s;
      -ms-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s;
      color: #fff; }
      .containerGrid .col-md-4 .article__title a:hover {
        color: #00C0F3; }
  .containerGrid .col-md-4 .article {
    margin-bottom: 25px; }
  .containerGrid .article__tag {
    color: #fff;
    font-size: 14px;
    line-height: 27px; }
    .containerGrid .article__tag a {
      -webkit-transition: 0.3s;
      -moz-transition: 0.3s;
      -ms-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s;
      color: #fff; }
      .containerGrid .article__tag a:hover {
        color: #00C0F3; }
  .containerGrid a,
  .containerGrid .article__time-stamp {
    color: #fff; }
  .containerGrid .article__time-stamp:before {
    background-image: url(/images/clock-icon-white.svg);
    width: 14px;
    background-size: 100%;
    height: 14px; }
  .containerGrid .btn-container {
    padding-bottom: 0 !important; }

.section {
  padding-top: 50px; }
  .section .section__title {
    color: #000000;
    font-size: 36px;
    font-weight: bold;
    line-height: 42px;
    padding-bottom: 25px;
    position: relative;
    display: inline-block;
    margin-bottom: 40px; }
    .section .section__title:after {
      content: '';
      height: 4px;
      width: 100%;
      background-color: #00C0F3;
      position: absolute;
      bottom: 0;
      right: 0; }
    .section .section__title.withIcon {
      display: inline-flex;
      align-items: center;
      font-size: 30px; }
      .section .section__title.withIcon img {
        max-width: 40px;
        min-width: 30px;
        margin-left: 12px; }
  .section .section__title a {
    color: #000000; }
  .section .article__title,
  .section .article__title a {
    color: #000000;
    font-size: 18px;
    line-height: 24px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    display: block; }
    .section .article__title:hover,
    .section .article__title a:hover {
      color: #00C0F3; }
  .section .article__meta {
    margin-bottom: 5px;
    padding: 0;
    padding-top: 15px;
    color: #000000; }
    .section .article__meta:first-child {
      padding-top: 15px; }
  .section .article {
    margin-bottom: 40px; }
  .section .article.col-md-4:nth-of-type(3n+1) {
    clear: both; }
  .section .btn-container {
    text-align: center;
    padding-bottom: 50px; }
    .section .btn-container .btn {
      color: #fff;
      background-color: #CBAC59;
      padding: 0 55px;
      font-size: 14px;
      -webkit-transition: 0.3s;
      -moz-transition: 0.3s;
      -ms-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s;
      text-transform: uppercase;
      line-height: 27px;
      display: inline-block;
      min-width: 173px;
      text-align: center;
      font-weight: bold;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      border-radius: 3px;
      border: none;
      height: 45px;
      padding-top: 9px;
      color: #fff;
      background-color: #00C0F3;
      padding: 9px;
      border: 1px solid #00C0F3; }
      .section .btn-container .btn:hover {
        background-color: #fff;
        color: #00C0F3; }

.article__meta,
.article__meta span {
  font-size: 12px;
  line-height: 15px;
  display: block; }

.article__meta {
  padding: 5px 0; }

.article__tag,
.article__tag a {
  font-size: 14px;
  line-height: 19px;
  display: block;
  color: #00C0F3; }

.article__tag a {
  display: inline-block; }
  .article__tag a:hover {
    color: #000000; }

.article__tag {
  padding: 15px 0 7px; }

.thirdlevelmenu {
  padding: 5px 0;
  box-shadow: 0 2px 4px 0 rgba(8, 8, 8, 0.15);
  padding-top: 15px; }
  .thirdlevelmenu a {
    color: #7A7A7A;
    font-size: 13px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    padding: 5px 15px;
    background-color: #F2F2F2;
    border-radius: 19.5px;
    margin-bottom: 10px;
    display: block; }
    .thirdlevelmenu a:hover {
      color: #00C0F3; }
  .thirdlevelmenu .header__submenu-cont {
    display: flex;
    align-items: center;
    flex-wrap: wrap; }
  .thirdlevelmenu li {
    margin-left: 10px; }
    .thirdlevelmenu li:last-child {
      margin-left: 40px; }
    .thirdlevelmenu li.active a {
      color: #00C0F3;
      font-weight: 700; }

.containerHalfBaner {
  padding-top: 50px; }
  .containerHalfBaner .article--highlighted {
    margin-bottom: 40px; }
    .containerHalfBaner .article--highlighted .article__title,
    .containerHalfBaner .article--highlighted .article__title a {
      color: #000000;
      font-size: 30px;
      font-weight: normal;
      line-height: 46px; }
    .containerHalfBaner .article--highlighted .article__img-container {
      display: flex;
      align-items: flex-start;
      margin: 0 -15px; }
      .containerHalfBaner .article--highlighted .article__img-container > a {
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
        padding: 0 15px; }
        .containerHalfBaner .article--highlighted .article__img-container > a img {
          transform: none !important; }
      .containerHalfBaner .article--highlighted .article__img-container img {
        min-height: 445px; }
    .containerHalfBaner .article--highlighted .article__text-container {
      flex: 0 0 33.333333%;
      max-width: 33.333333%;
      padding: 0 15px; }
  .containerHalfBaner .article__title {
    margin-bottom: 8px; }
  .containerHalfBaner .article__excerpt {
    color: #000000;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 34px; }
  .containerHalfBaner .article__title,
  .containerHalfBaner .article__title a {
    color: #000000;
    font-weight: normal;
    font-size: 18px;
    line-height: 28px; }
  .containerHalfBaner .article__title a {
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }
    .containerHalfBaner .article__title a:hover {
      color: #00C0F3; }

.containerFullBaner .row {
  margin: 0; }
.containerFullBaner .col-md-12 {
  padding: 0; }
.containerFullBaner .bottomArticles {
  max-width: 1180px;
  margin-right: auto;
  margin-left: auto; }
  .containerFullBaner .bottomArticles .row {
    margin: 0 -15px; }
.containerFullBaner .article--highlighted {
  margin-bottom: 50px; }
  .containerFullBaner .article--highlighted .article__img-container > a {
    border: none;
    display: block; }
  .containerFullBaner .article--highlighted .article__text-container {
    position: absolute;
    z-index: 2;
    bottom: 0;
    width: 1140px;
    padding: 0 35px 0 150px;
    right: 50%;
    bottom: 35px;
    -moz-transform: translate(50%, 0);
    -webkit-transform: translate(50%, 0);
    -o-transform: translate(50%, 0);
    -ms-transform: translate(50%, 0);
    transform: translate(50%, 0); }
    .containerFullBaner .article--highlighted .article__text-container * {
      color: #fff; }
    .containerFullBaner .article--highlighted .article__text-container .article__time-stamp:before {
      background-image: url(/images/clock-icon-white.svg); }
  .containerFullBaner .article--highlighted .article__tag a:hover {
    color: #00C0F3; }
  .containerFullBaner .article--highlighted .article__title {
    font-size: 36px;
    font-weight: bold;
    line-height: 50px;
    margin-bottom: 15px;
    display: flex;
    align-items: center; }
    .containerFullBaner .article--highlighted .article__title a {
      color: #fff;
      -webkit-transition: 0.3s;
      -moz-transition: 0.3s;
      -ms-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s; }
      .containerFullBaner .article--highlighted .article__title a:hover {
        color: #00C0F3; }
  .containerFullBaner .article--highlighted .article__excerpt {
    font-size: 20px;
    letter-spacing: 0;
    line-height: 38px; }
.containerFullBaner img {
  width: 100%; }
.containerFullBaner .article__title {
  color: #000000;
  font-size: 18px;
  font-weight: bold;
  line-height: 28px;
  padding-top: 7px; }
  .containerFullBaner .article__title a {
    color: #000000;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }
    .containerFullBaner .article__title a:hover {
      color: #00C0F3; }
.containerFullBaner .article__title {
  opacity: 0; }
.containerFullBaner.loaded .article__title {
  opacity: 1; }
.containerFullBaner.loaded .col-md-12 .article__img-container {
  position: relative; }
  .containerFullBaner.loaded .col-md-12 .article__img-container:after {
    content: '';
    height: 32%;
    width: 100%;
    bottom: 0;
    top: auto;
    left: 0;
    position: absolute;
    z-index: 1;
    background: linear-gradient(180deg, rgba(72, 72, 72, 0) 0%, rgba(32, 32, 32, 0.55) 41.24%, #000000 100%); }

.containerFullBaner .bottomArticles .article__img-container:after {
  display: none !important; }

.liveTag {
  border-radius: 3px;
  background-color: #DA2525;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  line-height: 22px;
  display: inline-block;
  min-width: 67px;
  padding: 1px 0 3px;
  padding-right: 18px;
  position: relative; }
  .liveTag:before {
    content: '';
    height: 8px;
    width: 8px;
    background-color: #FFFFFF;
    position: absolute;
    top: 8px;
    right: 6px;
    border-radius: 50%; }

.newsDetailsMain .article-main__title {
  font-size: 36px;
  font-weight: bold;
  margin-bottom: 15px;
  line-height: 50px; }
.newsDetailsMain .date {
  color: #6C6C6C;
  font-size: 13px;
  line-height: 16px;
  text-align: right;
  margin-left: 20px; }
.newsDetailsMain .source {
  color: #000000;
  font-size: 13px;
  line-height: 25px; }
.newsDetailsMain .article-main__interact {
  margin-bottom: 10px; }
.newsDetailsMain .imageMainParent:before {
  content: '';
  height: 50%;
  width: 100%;
  position: absolute;
  bottom: 0;
  right: 0;
  background: linear-gradient(180deg, rgba(72, 72, 72, 0) 0%, rgba(32, 32, 32, 0.25) 50%, rgba(18, 18, 18, 0.5) 100%); }
.newsDetailsMain .article-main__img-holder {
  position: relative; }
  .newsDetailsMain .article-main__img-holder .article-main__img-desc {
    position: absolute;
    z-index: 1;
    bottom: 20px;
    color: #fff;
    right: 20px; }
.newsDetailsMain .aVideoPlay {
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1; }
.newsDetailsMain .articleMainText {
  font-size: 15px;
  line-height: 1.7;
  margin-bottom: 40px; }
  .newsDetailsMain .articleMainText * {
    font-family: 'Droid Arabic Kufi', arial, sans-serif !important;
    font-size: inherit !important; }
.newsDetailsMain .textResizer {
  padding: 15px 0 10px;
  display: flex;
  align-items: center; }
  .newsDetailsMain .textResizer a {
    color: #000000;
    font-size: 15px;
    font-weight: 700;
    margin-left: 10px; }
.newsDetailsMain .title-bookmark-Premium {
  display: flex;
  align-items: flex-start; }
.newsDetailsMain .owl-prev {
  right: 20px;
  left: auto; }
.newsDetailsMain .owl-next {
  left: 20px;
  right: auto; }
.newsDetailsMain .imageMainParent > a {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%; }

.bookmarkIcon,
.premiumIcon {
  display: block;
  width: 32px;
  min-width: 32px;
  padding-top: 0px;
  margin-right: 15px; }

.article-main__author {
  display: flex;
  align-items: center;
  margin-bottom: 15px; }
  .article-main__author .article-main__author-name,
  .article-main__author .article-main__author-name a {
    color: #00C0F3;
    font-size: 16px;
    font-weight: bold;
    line-height: 31px; }
  .article-main__author .article-main__author-img {
    margin-left: 10px; }
    .article-main__author .article-main__author-img img {
      border-radius: 50%;
      width: 50px;
      height: 50px !important; }

.article-main__share {
  margin-bottom: 15px; }
  .article-main__share span {
    color: #000000;
    font-size: 16px;
    font-weight: bold;
    line-height: 31px; }
  .article-main__share ul {
    display: flex;
    align-items: center; }
    .article-main__share ul li {
      margin-left: 10px; }
  .article-main__share a {
    display: block;
    font-size: 0;
    height: 35px;
    width: 35px;
    background-color: #F2F2F2;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }
    .article-main__share a:hover {
      background-color: #d6cccc; }
    .article-main__share a.article-main__share-link--facebook {
      background-image: url(/images/facebook-colored.svg); }
    .article-main__share a.article-main__share-link--twitter {
      background-image: url(/images/twitter-colored.svg?1=1); }
    .article-main__share a.article-main__share-link--whatsapp {
      background-image: url(/images/whatsapp-colored.svg); }
    .article-main__share a.article-main__share-link--telegram {
      background-image: url(/images/telegram-colored.svg);
      background-size: 18px; }
    .article-main__share a.article-main__share-link--messenger {
      background-image: url(/images/messenger-colored.svg);
      background-size: 18px; }
    .article-main__share a.article-main__share-link--linkedIn {
      background-image: url(/images/linkedIn-colored.svg); }

.article-main__tags {
  padding: 20px;
  background-color: #F2F2F2;
  margin-bottom: 60px;
  margin-top: 40px; }
  .article-main__tags span {
    display: block;
    font-size: 20px;
    font-weight: bold;
    line-height: 38px;
    margin-bottom: 10px; }
  .article-main__tags .tagsListing a {
    font-size: 15px;
    margin-left: 6px;
    color: #000000;
    display: inline-block;
    padding: 5px 25px;
    min-width: 82px;
    border-radius: 19.5px;
    background-color: #fff;
    margin-bottom: 10px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }
    .article-main__tags .tagsListing a:hover {
      background-color: #000000;
      color: #fff; }

.premiumRegister {
  padding: 30px;
  text-align: center;
  background-color: #000000;
  color: #fff;
  position: relative;
  overflow: hidden;
  margin-bottom: 50px; }
  .premiumRegister:before {
    content: '';
    height: 463px;
    width: 482px;
    display: block;
    background-image: url(/images/premiumbg.svg);
    opacity: 0.8;
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat; }
  .premiumRegister .premiumLogo {
    margin: 0 auto;
    text-align: center;
    margin-bottom: 10px; }
    .premiumRegister .premiumLogo img {
      margin: 0 auto; }
  .premiumRegister .blockTitle {
    font-size: 18px;
    font-weight: bold;
    line-height: 30px;
    margin-bottom: 16px; }
  .premiumRegister .fees {
    font-size: 25px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 22px;
    margin-bottom: 20px; }
    .premiumRegister .fees span {
      font-size: 36px; }
  .premiumRegister .blockDesc {
    font-size: 13px;
    line-height: 26px;
    margin-bottom: 10px; }
  .premiumRegister .primaryBtn {
    color: #fff;
    background-color: #CBAC59;
    padding: 0 55px;
    font-size: 14px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    text-transform: uppercase;
    line-height: 27px;
    display: inline-block;
    min-width: 173px;
    text-align: center;
    font-weight: bold;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    border: none;
    height: 45px;
    padding-top: 9px;
    width: 300px;
    max-width: 100%;
    margin-bottom: 15px; }
    .premiumRegister .primaryBtn:hover {
      color: #CBAC59;
      background-color: #fff; }
  .premiumRegister .loginSection {
    font-size: 12px;
    color: #fff; }
    .premiumRegister .loginSection a {
      color: #fff;
      text-decoration: underline; }
      .premiumRegister .loginSection a:hover {
        text-decoration: none; }
  .premiumRegister .blockContent {
    position: relative;
    z-index: 1; }

.inlinedPremiumRegister {
  margin: 30px auto; }
  .inlinedPremiumRegister .blockDesc,
  .inlinedPremiumRegister .loginSection {
    display: none; }
  .inlinedPremiumRegister .blockContent {
    display: flex;
    align-items: center;
    text-align: right; }
  .inlinedPremiumRegister .premiumLogo {
    margin: 0;
    margin-left: 30px; }
  .inlinedPremiumRegister .blockTitle {
    font-size: 28px;
    line-height: 22px; }
  .inlinedPremiumRegister .fees,
  .inlinedPremiumRegister .fees span {
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
    margin-bottom: 0; }
  .inlinedPremiumRegister .primaryBtn {
    width: 180px;
    margin-right: auto;
    margin-left: 100px;
    padding: 0;
    margin-bottom: 0;
    padding-top: 9px; }
  .inlinedPremiumRegister .premiumLogo img {
    width: 150px; }
  .inlinedPremiumRegister .premiumRegister {
    margin-bottom: 0; }
    .inlinedPremiumRegister .premiumRegister:before {
      height: 96px;
      width: 102px;
      background-size: contain;
      top: auto;
      left: 0;
      bottom: 0; }

.containerGrid.premium {
  background-color: #000000; }
  .containerGrid.premium h1 {
    color: #fff;
    font-size: 36px;
    font-weight: bold;
    position: relative;
    display: inline-block;
    margin-bottom: 40px;
    padding-bottom: 10px;
    padding-right: 60px; }
    .containerGrid.premium h1:before {
      content: '';
      background-image: url(/images/premiumicon.svg);
      background-size: cover;
      background-position: center;
      width: 42px;
      height: 39px;
      position: absolute;
      right: 0;
      top: 14px; }
    .containerGrid.premium h1:after {
      content: '';
      height: 4px;
      width: 100%;
      background-color: #CBAC59;
      position: absolute;
      bottom: 0;
      right: 0; }
  .containerGrid.premium .col-md-4 .article__title a {
    font-size: 18px; }
  .containerGrid.premium .article__title a {
    font-size: 28px; }
  .containerGrid.premium .article__title a {
    line-height: inherit; }

.footerTop h5,
.footerTop h5 a {
  font-size: 14px;
  color: #000000;
  line-height: 14px;
  margin-bottom: 11px; }
.footerTop a {
  font-size: 14px;
  color: #000000;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s; }
  .footerTop a:hover {
    color: #00C0F3; }
.footerTop li {
  margin-bottom: 5px; }

.newsletterSubscribe {
  position: relative; }
  .newsletterSubscribe .errorMessage {
    position: absolute;
    bottom: -21px;
    right: 18px;
    color: red;
    font-size: 12px;
    font-weight: 700; }
  .newsletterSubscribe .successMessage {
    padding-right: 18px;
    color: #00C0F3; }

.article-main__sidebar .article__aside-title {
  font-size: 24px;
  line-height: 29px; }
.article-main__sidebar .article__aside-article {
  display: flex;
  margin-bottom: 20px;
  align-items: flex-start; }
.article-main__sidebar .img-container {
  width: 170px;
  min-width: 170px;
  margin-left: 10px; }
  .article-main__sidebar .img-container > a img {
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s; }
  .article-main__sidebar .img-container:hover img {
    opacity: 0.9; }
.article-main__sidebar h4 a {
  font-size: 14px;
  line-height: 19px;
  color: #000000;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s; }
  .article-main__sidebar h4 a:hover {
    color: #00C0F3; }

.newsDetailsMain .article-main__sidebar h4 a {
  font-size: 14px !important;
  line-height: 19px !important; }

.innerSearch {
  position: fixed;
  background-color: white;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  opacity: 0;
  visibility: hidden; }
  .innerSearch.active {
    opacity: 1;
    visibility: visible; }
  .innerSearch .searchMainContainer {
    max-width: 1140px;
    width: 1140px;
    margin: 0 auto;
    padding-top: 200px;
    position: relative; }
  .innerSearch .floatRight {
    float: none;
    width: 100%; }
    .innerSearch .floatRight input {
      width: 100%;
      background-color: Transparent;
      border-bottom: 2px solid #000000;
      color: #000000;
      font-size: 25px;
      padding-bottom: 10px;
      font-family: 'Droid Arabic Kufi', arial, sans-serif; }
      .innerSearch .floatRight input::-webkit-input-placeholder {
        color: #000000;
        font-family: 'Droid Arabic Kufi', arial, sans-serif; }
      .innerSearch .floatRight input::-moz-placeholder {
        color: #000000;
        font-family: 'Droid Arabic Kufi', arial, sans-serif; }
      .innerSearch .floatRight input:-ms-input-placeholder {
        color: #000000;
        font-family: 'Droid Arabic Kufi', arial, sans-serif; }
      .innerSearch .floatRight input:-moz-placeholder {
        color: #000000;
        font-family: 'Droid Arabic Kufi', arial, sans-serif; }
  .innerSearch .ui-autocomplete {
    position: absolute;
    display: block;
    top: 100%;
    width: 100%;
    border-radius: 0;
    background-color: transparent;
    border: none;
    color: #fff;
    font-family: 'Droid Arabic Kufi', arial, sans-serif; }
    .innerSearch .ui-autocomplete a {
      font-size: 20px;
      color: #000000; }
  .innerSearch .headerSearch {
    margin-left: 0px;
    margin-right: 0;
    position: relative; }
  .innerSearch .floatRight > a {
    display: none; }
  .innerSearch .errorRecord {
    color: red;
    display: block;
    font-size: 16px;
    font-weight: bold; }
  .innerSearch li {
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }
  .innerSearch .ui-search-hover {
    background-color: #00C0F3; }
  .innerSearch .closeSearch {
    position: absolute;
    top: 30px;
    right: 0; }
    .innerSearch .closeSearch img {
      width: 27px; }

.premiumLayer {
  position: relative; }
  .premiumLayer:after {
    content: '';
    height: 100%;
    width: 100%;
    bottom: 0;
    right: 0;
    position: absolute;
    background-image: -webkit-linear-gradient(bottom, white, rgba(255, 255, 255, 0));
    background-image: -moz-linear-gradient(bottom, white, rgba(255, 255, 255, 0));
    background-image: -ms-linear-gradient(bottom, white, rgba(255, 255, 255, 0));
    background-image: -o-linear-gradient(bottom, white, rgba(255, 255, 255, 0));
    background-image: linear-gradient(bottom, white, rgba(255, 255, 255, 0)); }

.blogSummaryMain {
  background-color: #F2F2F2;
  padding: 20px 30px;
  border-top: 4px solid #00C0F3; }
  .blogSummaryMain h3 {
    font-size: 24px;
    font-weight: bold;
    line-height: 24px;
    margin-bottom: 13px; }
  .blogSummaryMain .blog-summary {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
    position: relative;
    padding: 13px;
    padding-left: 0;
    border-bottom: 1px solid #D0D0D0; }
    .blogSummaryMain .blog-summary:last-of-type {
      border: none; }
    .blogSummaryMain .blog-summary:before {
      height: 6px;
      width: 6px;
      border-radius: 50%;
      background-color: #00C0F3;
      content: '';
      position: absolute;
      top: 22px;
      right: 0; }
    .blogSummaryMain .blog-summary a {
      color: #000000;
      -webkit-transition: 0.3s;
      -moz-transition: 0.3s;
      -ms-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s; }
      .blogSummaryMain .blog-summary a:hover {
        color: #00C0F3; }

.mainNewsItem .page__title {
  font-size: 36px;
  font-weight: bold;
  line-height: 50px;
  padding-top: 20px;
  margin-bottom: 20px; }
.mainNewsItem .date {
  color: #6C6C6C;
  font-size: 13px;
  line-height: 16px;
  margin-bottom: 20px; }

.liveBlog .blog-summary .summary,
.liveBlog .blog-summary .blog-text {
  font-size: 15px;
  letter-spacing: 0;
  line-height: 28px; }
.liveBlog .blog-summary .bigImage,
.liveBlog .blog-summary .imageParent {
  margin-bottom: 15px; }
.liveBlog .blog-summary .imageParent a {
  display: block; }

.subBlogItem {
  padding-top: 25px; }
  .subBlogItem .time {
    color: #00C0F3;
    font-size: 16px;
    line-height: 18px;
    font-weight: normal;
    padding-right: 30px;
    position: relative; }
    .subBlogItem .time:before {
      content: '';
      background-image: url(/images/clock-icon.svg);
      height: 16px;
      width: 16px;
      position: absolute;
      right: 0;
      top: 1px; }
  .subBlogItem h3 {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 12px; }
  .subBlogItem .imageParent {
    position: relative; }
    .subBlogItem .imageParent:before {
      content: '';
      height: 50%;
      width: 100%;
      position: absolute;
      bottom: 0;
      right: 0;
      background: linear-gradient(180deg, rgba(72, 72, 72, 0) 0%, rgba(32, 32, 32, 0.25) 50%, rgba(18, 18, 18, 0.5) 100%); }
    .subBlogItem .imageParent .article-main__img-desc {
      position: absolute;
      z-index: 1;
      bottom: 20px;
      color: #fff;
      right: 20px; }
  .subBlogItem .blog-text {
    margin-bottom: 20px; }
  .subBlogItem .paddingBlock {
    padding-right: 21px;
    margin-right: 6px;
    border-right: 1px solid #C7C7C7;
    margin-bottom: 40px; }

.owl-thumbs {
  margin-top: 20px; }

.owl-prev,
.owl-next {
  height: 45px;
  width: 45px;
  transform: scaleX(-1);
  background-color: rgba(0, 0, 0, 0.6);
  font-size: 0;
  font-size: 0 !important;
  border-radius: 50%;
  position: relative;
  opacity: 1 !important; }
  .owl-prev:before,
  .owl-next:before {
    content: '';
    border-color: #fff;
    border-style: solid;
    border-width: 3px 3px 0 0;
    content: '';
    display: inline-block;
    height: 10px;
    transform: rotate(-45deg);
    vertical-align: top;
    width: 10px;
    position: absolute;
    top: 16px;
    right: 20px; }

.owl-prev:before {
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.owl-next:before {
  -moz-transform: rotate(225deg);
  -webkit-transform: rotate(225deg);
  -o-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  transform: rotate(225deg);
  right: 16px; }

.owl-thumbs .owl-item {
  cursor: pointer;
  opacity: 1; }
.owl-thumbs .current {
  opacity: 0.4; }

.section {
  position: relative; }

.ajaxLoader {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  min-height: 45px;
  background: none; }
  .ajaxLoader:before {
    position: absolute;
    top: auto;
    right: calc(50% - 33px);
    color: #00C0F3;
    font-size: 70px;
    bottom: 100px; }

.AuthorMain .listingItemLI {
  text-align: center;
  margin-bottom: 80px; }
.AuthorMain .AuthorImage {
  margin-bottom: 10px; }
  .AuthorMain .AuthorImage img {
    height: 190px;
    width: 190px;
    border-radius: 50%;
    border: 2px solid #00C0F3;
    margin: 0 auto; }
.AuthorMain .AuthorName {
  margin-bottom: 10px; }
  .AuthorMain .AuthorName a {
    color: #00C0F3;
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 42px;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s; }
    .AuthorMain .AuthorName a:hover {
      color: #000000; }
.AuthorMain .latestArticles span {
  color: #000000;
  font-family: "Droid Arabic Kufi";
  font-size: 16px;
  font-weight: bold;
  line-height: 31px;
  margin-bottom: 10px;
  display: block; }
.AuthorMain .latestArticles ul li {
  text-align: right;
  margin-bottom: 20px;
  padding-right: 20px;
  position: relative; }
  .AuthorMain .latestArticles ul li:before {
    content: '';
    display: block;
    height: 10px;
    width: 11px;
    background-image: url(/images/right-blue-arrow.svg);
    background-size: 11px;
    position: absolute;
    top: 6px;
    right: 0; }
.AuthorMain .latestArticles ul a {
  color: #000000;
  font-family: "Droid Arabic Kufi";
  font-size: 14px;
  line-height: 22px;
  text-align: right;
  display: block;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s; }
  .AuthorMain .latestArticles ul a:hover {
    color: #00C0F3; }
.AuthorMain .itemHolder {
  border-bottom: 1px solid #CACACA; }

.authorMainInfos {
  padding: 45px 0; }
  .authorMainInfos .blockHolder {
    display: flex;
    align-items: flex-start; }
  .authorMainInfos .Author-main__name {
    color: #000000;
    font-size: 30px;
    font-weight: bold;
    line-height: 45px;
    padding-bottom: 20px;
    margin-bottom: 25px;
    position: relative;
    display: inline-block; }
    .authorMainInfos .Author-main__name:after {
      content: '';
      height: 4px;
      width: 100%;
      background-color: #00C0F3;
      position: absolute;
      bottom: 0;
      right: 0; }
  .authorMainInfos .author-image {
    margin-left: 30px;
    width: 150px;
    min-width: 150px; }
    .authorMainInfos .author-image img {
      width: 150px;
      border-radius: 50%;
      border: 2px solid #00C0F3; }
  .authorMainInfos .Author-main__text-holder-Mobile {
    padding-top: 15px; }
  .authorMainInfos .Author-main__desc {
    color: #000000;
    font-size: 15px;
    line-height: 28px; }

.searchResultsMain .page__title {
  color: #000000;
  font-size: 36px;
  line-height: 43px;
  font-weight: 300;
  margin-bottom: 15px; }
.searchResultsMain .section__subtitle {
  font-size: 24px;
  line-height: 29px;
  font-weight: 300; }
.searchResultsMain .section .article__title,
.searchResultsMain .section .article__title a {
  font-size: 16px;
  line-height: 24px; }

.section--archive {
  padding: 30px 0;
  background-color: #f9f9f9;
  color: #fff;
  margin-bottom: 50px; }
  .section--archive img {
    width: 35px;
    margin: 0 auto;
    margin-bottom: 10px; }
  .section--archive .section__subtitle {
    margin-bottom: 10px;
    font-weight: 600;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }
  .section--archive a {
    display: block;
    color: #000000; }
    .section--archive a:hover .section__subtitle {
      color: #000000; }

.advancedSearchSection .page__title {
  color: #000000;
  font-size: 30px;
  font-weight: bold;
  line-height: 45px;
  padding-bottom: 20px;
  margin-bottom: 35px;
  position: relative;
  display: inline-block; }
  .advancedSearchSection .page__title:after {
    content: '';
    height: 4px;
    width: 100%;
    background-color: #00C0F3;
    position: absolute;
    bottom: 0;
    right: 0; }

.advancedSearchResult .section__title {
  font-size: 36px;
  font-weight: 500;
  line-height: 43px; }

.datepicker-panel > ul > li[data-view="years current"],
.datepicker-panel > ul > li[data-view="year current"],
.datepicker-panel > ul > li[data-view="month current"],
.datepicker-panel > ul > li[data-view="years prev"],
.datepicker-panel > ul > li[data-view="year prev"],
.datepicker-panel > ul > li[data-view="month prev"],
.datepicker-panel > ul > li[data-view="years next"],
.datepicker-panel > ul > li[data-view="year next"],
.datepicker-panel > ul > li[data-view="month next"],
.datepicker-panel > ul > li[data-view="next"] {
  float: right; }

.advancedFilters label {
  display: none; }
.advancedFilters input,
.advancedFilters .dk-selected {
  background-color: #F4F4F4;
  max-width: 100%;
  padding: 9px 15px;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 27px;
  color: #000000;
  border-radius: 0; }
.advancedFilters input {
  color: #000000;
  font-size: 14px;
  font-weight: bold; }
  .advancedFilters input::-webkit-input-placeholder {
    color: #000000; }
  .advancedFilters input::-moz-placeholder {
    color: #000000; }
  .advancedFilters input:-ms-input-placeholder {
    color: #000000; }
  .advancedFilters input:-moz-placeholder {
    color: #000000; }
.advancedFilters .dk-select,
.advancedFilters .dk-select-multi {
  width: 100%; }
.advancedFilters .dk-select-open-up .dk-select-options,
.advancedFilters .dk-select-open-down .dk-select-options,
.advancedFilters .dk-select-multi:focus .dk-select-options {
  border-color: #d2d2d2;
  border-radius: 0; }
.advancedFilters .dk-select-options .dk-option-highlight,
.advancedFilters .dk-option-selected {
  background-color: #F4F4F4;
  color: #000000; }
.advancedFilters .dk-option {
  padding: 5px 15px;
  font-size: 12px; }
.advancedFilters .col {
  width: 20%;
  max-width: 20%;
  padding: 0 8px; }
.advancedFilters .row-eq-height {
  margin: 0 -8px; }
.advancedFilters .dk-selected {
  border: none; }
  .advancedFilters .dk-selected:before, .advancedFilters .dk-selected:after {
    border: none; }
  .advancedFilters .dk-selected:after {
    content: '';
    height: 16px;
    width: 10px;
    background-image: url(/images/arrow-left.svg);
    background-size: 10px;
    margin: 0;
    position: absolute;
    left: 15px;
    top: 14px;
    right: auto;
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg); }
.advancedFilters .form-submit {
  margin-top: 25px;
  margin-bottom: 15px; }
.advancedFilters #SearchBtn {
  width: calc(20% - 16px); }

.section--sign-in {
  padding-top: 0; }

.sign-in-register {
  padding: 50px 0 30px;
  background-color: #F2F2F2;
  text-align: center;
  position: relative; }
  .sign-in-register .page__title {
    font-size: 30px;
    line-height: 35px;
    margin-bottom: 20px; }
  .sign-in-register .or {
    font-size: 16px;
    display: block;
    font-weight: bold;
    margin-bottom: 20px; }
  .sign-in-register label {
    font-size: 16px;
    display: block;
    margin-bottom: 10px; }
  .sign-in-register > .container {
    width: 375px;
    max-width: 100%; }
  .sign-in-register .btn-container {
    margin-bottom: 20px; }
  .sign-in-register .btn-container .btn.btn--facebook {
    border-radius: 3px;
    font-size: 16px;
    background-color: #3C62A5;
    padding-top: 11px;
    border-color: #3C62A5; }
    .sign-in-register .btn-container .btn.btn--facebook:hover {
      background-color: #00C0F3;
      color: #fff;
      border-color: #00C0F3; }
    .sign-in-register .btn-container .btn.btn--facebook:before {
      content: '';
      background-image: url(../images/facebook.svg);
      width: 9px;
      height: 18px;
      background-size: 9px;
      background-repeat: no-repeat;
      display: inline-block;
      vertical-align: middle;
      margin-left: 5px; }
  .sign-in-register .btn-container .btn {
    font-size: 18px;
    height: 50px;
    background-color: #CBAC59;
    border-color: #CBAC59;
    cursor: pointer; }
    .sign-in-register .btn-container .btn:hover {
      background-color: #00C0F3;
      color: #fff;
      border-color: #00C0F3; }
  .sign-in-register .btn,
  .sign-in-register input {
    width: 100%; }
  .sign-in-register input {
    border-radius: 3px;
    padding: 9px 15px;
    text-align: center;
    direction: ltr; }
  .sign-in-register .form-group {
    margin-bottom: 20px; }
  .sign-in-register .forgetPasswordLink {
    color: #252525;
    font-size: 14px; }
  .sign-in-register .forgetPasswordParent {
    text-align: left;
    margin-bottom: 30px; }
  .sign-in-register #loginErrorMessage {
    color: red;
    font-weight: bold; }

.no-account-register {
  text-align: center;
  padding: 45px 0; }
  .no-account-register .desc {
    display: block;
    margin-bottom: 15px;
    font-size: 18px; }
  .no-account-register .page__title {
    font-size: 30px;
    line-height: 35px;
    margin-bottom: 10px; }
  .no-account-register .container {
    width: 375px;
    max-width: 100%; }
  .no-account-register .btn-container {
    margin-bottom: 10px; }
    .no-account-register .btn-container .btn {
      font-size: 18px;
      height: 50px;
      background-color: #CBAC59;
      border-color: #CBAC59;
      width: 100%; }
      .no-account-register .btn-container .btn:hover {
        background-color: #00C0F3;
        color: #fff;
        border-color: #00C0F3; }

.typeOfPayment {
  padding-top: 30px; }
  .typeOfPayment li {
    position: relative; }
  .typeOfPayment label {
    display: block;
    width: 100%;
    border: 1px solid #CBCBCB;
    border-radius: 3px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 20px;
    cursor: pointer; }
    .typeOfPayment label:before {
      content: '';
      height: 19px;
      width: 19px;
      border: 1px solid #979797;
      position: absolute;
      border-radius: 50%;
      right: 20px;
      top: 17px; }
  .typeOfPayment input:checked + label {
    border: 2px solid #CBAC59; }
    .typeOfPayment input:checked + label:before {
      background-color: #CBAC59;
      border-color: #CBAC59;
      top: 16px; }
  .typeOfPayment input {
    position: absolute;
    right: 0;
    top: 0;
    visibility: hidden; }
  .typeOfPayment h3 {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 15px; }

.radioButtons.currency ul {
  display: flex;
  align-items: center;
  justify-content: center; }
.radioButtons.currency li {
  margin-left: 53px;
  position: relative; }
  .radioButtons.currency li:last-child {
    margin-left: 0; }
.radioButtons.currency input {
  position: absolute;
  max-width: 100%; }
  .radioButtons.currency input:checked + label:before {
    background-color: #CBAC59;
    border-color: #CBAC59; }
.radioButtons.currency label {
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  position: relative;
  padding-right: 30px; }
  .radioButtons.currency label:before {
    content: '';
    height: 19px;
    width: 19px;
    border: 1px solid #979797;
    position: absolute;
    border-radius: 50%;
    right: 0;
    top: 3px; }

.article__title.breaking,
.article__title.breaking a {
  color: red !important; }

.latestNewsBg {
  padding: 50px 0 0; }
  .latestNewsBg .whiteBg {
    padding: 30px;
    background-color: #fff;
    position: relative; }
  .latestNewsBg .ps__rail-x {
    display: none !important; }

.opinionPageMain {
  padding-top: 0; }
  .opinionPageMain .article {
    flex: 0 0 100%;
    max-width: 100%; }
  .opinionPageMain .section__title {
    font-size: 28px;
    margin-bottom: 0;
    padding-bottom: 15px; }
    .opinionPageMain .section__title:after {
      display: none; }
  .opinionPageMain .article__title a,
  .opinionPageMain .article__title {
    line-height: 20px;
    font-size: 14px; }
  .opinionPageMain .imageTextHolder {
    display: flex;
    align-items: flex-start; }
  .opinionPageMain img,
  .opinionPageMain .article__img-container {
    min-width: 205px;
    width: 205px;
    max-height: 120px; }
  .opinionPageMain .article__meta {
    margin-bottom: 0;
    padding-top: 0;
    margin-bottom: 7px; }
  .opinionPageMain .article__img-container {
    margin-left: 20px; }
  .opinionPageMain .itemHolder {
    padding-bottom: 25px;
    border-bottom: 1px solid #D0D0D0;
    margin-bottom: 20px; }
  .opinionPageMain .noBorder .itemHolder {
    border: none;
    padding-bottom: 0; }
  .opinionPageMain .article__tag {
    padding-top: 0; }
  .opinionPageMain .article {
    margin-bottom: 0px; }
  .opinionPageMain .loadMoreBtn {
    background-color: #00C0F3;
    font-size: 18px;
    border: 2px solid #00C0F3;
    font-weight: bold;
    color: #fff;
    display: block;
    width: 100%;
    text-align: center;
    padding: 6px;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    position: relative;
    z-index: 1; }
    .opinionPageMain .loadMoreBtn:hover {
      background-color: #fff;
      color: #00C0F3; }

.article__time-stamp {
  color: #757576;
  font-size: 16px;
  line-height: 18px;
  font-weight: normal;
  padding-right: 22px;
  position: relative; }
  .article__time-stamp:before {
    content: '';
    background-image: url(/images/clock-icon-grey.svg);
    height: 16px;
    width: 16px;
    position: absolute;
    right: 0;
    top: 1px; }

.lazyimg {
  filter: blur(10px);
  /*!important;*/
  transform: scale(1.1);
  opacity: 1 !important; }
  .lazyimg:hover {
    opacity: 0.9 !important; }

.article__img-container {
  overflow: hidden; }
  .article__img-container img {
    opacity: 1;
    position: relative;
    z-index: 1; }
  .article__img-container img.initImage {
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%; }
  .article__img-container > a {
    border: 1px solid #ececec; }
  .article__img-container a {
    display: block;
    overflow: hidden;
    position: relative; }
    .article__img-container a img {
      /*-webkit-filter: brightness(100%) contrast(100%);
filter: brightness(100%) contrast(100%);*/
      -webkit-transition: all 0.5s;
      -moz-transition: all 0.5s;
      -ms-transition: all 0.5s;
      -o-transition: all 0.5s;
      transition: all 0.5s;
      width: 100%; }
    .article__img-container a:hover img {
        /*-webkit-filter: brightness(110%) contrast(110%);
filter: brightness(110%) contrast(110%);*/
      opacity: 0.9 !important; }

.latestNewsBg .article-main__sidebar .article__aside.article__aside--missed .img-container {
  width: 100%; }
.latestNewsBg .article-main__sidebar .article__aside.article__aside--missed .section__title a {
  color: #000000; }
.latestNewsBg .article-main__sidebar .article__aside.article__aside--missed .section__title {
  color: #000000;
  font-size: 36px;
  font-weight: bold;
  line-height: 42px;
  padding-bottom: 25px;
  position: relative;
  display: inline-block;
  margin-bottom: 40px; }
  .latestNewsBg .article-main__sidebar .article__aside.article__aside--missed .section__title:after {
    content: '';
    height: 4px;
    width: 100%;
    background-color: #00C0F3;
    position: absolute;
    bottom: 0;
    right: 0; }
.latestNewsBg .article-main__sidebar .article__aside.article__aside--missed .text-container {
  position: absolute;
  z-index: 1;
  bottom: 20px;
  padding: 0 20px; }
.latestNewsBg .article-main__sidebar .article__aside.article__aside--missed .img-container {
  position: relative; }
  .latestNewsBg .article-main__sidebar .article__aside.article__aside--missed .img-container a:after {
    content: '';
    height: 100%;
    width: 100%;
    background: linear-gradient(180deg, rgba(72, 72, 72, 0) 0%, rgba(32, 32, 32, 0.25) 50%, rgba(18, 18, 18, 0.5) 100%);
    position: absolute;
    top: 0;
    right: 0; }
.latestNewsBg .article-main__sidebar .article__aside.article__aside--missed .article__aside-article-title a {
  color: #fff;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  line-height: 28px; }
  .latestNewsBg .article-main__sidebar .article__aside.article__aside--missed .article__aside-article-title a:hover {
    color: #00C0F3; }
.latestNewsBg .article-main__sidebar .article__aside.article__aside--missed .article__aside-article-categpy {
  font-weight: normal; }
  .latestNewsBg .article-main__sidebar .article__aside.article__aside--missed .article__aside-article-categpy a {
    color: #00C0F3; }
    .latestNewsBg .article-main__sidebar .article__aside.article__aside--missed .article__aside-article-categpy a:hover {
      color: #fff; }

.premium .article__img-container > a {
  border: none; }
.premium .article__title {
  display: flex;
  align-items: flex-start; }
  .premium .article__title:before {
    content: '';
    height: 27px;
    min-width: 28px;
    background-image: url(/images/premiumicon.svg);
    background-size: cover;
    margin-left: 10px; }
.premium .col-md-8 .article__title:after {
  margin-top: 5px; }

.forgotPasswordPopup {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #F2F2F2;
  top: 0;
  right: 0; }
  .forgotPasswordPopup label {
    font-size: 14px; }
  .forgotPasswordPopup .firstStep {
    padding-top: 150px; }
  .forgotPasswordPopup .secondStep {
    padding-top: 100px;
    display: none; }
  .forgotPasswordPopup .backToFirst {
    display: flex;
    font-size: 14px;
    justify-content: center;
    align-items: center;
    color: #000000;
    margin-bottom: 35px; }
    .forgotPasswordPopup .backToFirst label {
      cursor: pointer; }
    .forgotPasswordPopup .backToFirst label {
      margin-left: 10px;
      margin-bottom: 0; }
    .forgotPasswordPopup .backToFirst:after {
      content: '';
      display: block;
      height: 10px;
      width: 11px;
      background-image: url(/images/right-orange-arrow.svg);
      background-size: 11px; }

.ddSecondLevel .articleThumb a {
  display: block;
  margin-bottom: 10px; }

.containerFullBaner .bottomArticles {
  margin-bottom: 40px; }

.writersHomepage {
  background-color: #F2F2F2;
  padding: 50px 0;
  padding-bottom: 20px; }
  .writersHomepage .article__img-container {
    position: relative; }
    .writersHomepage .article__img-container:after {
      content: '';
      height: 100%;
      width: 100%;
      background: linear-gradient(180deg, rgba(72, 72, 72, 0) 0%, rgba(32, 32, 32, 0.25) 50%, rgba(18, 18, 18, 0.5) 100%);
      position: absolute;
      top: 0;
      right: 0;
      z-index: 1; }
    .writersHomepage .article__img-container .imageLink {
      position: absolute;
      height: 100%;
      width: 100%;
      display: block;
      top: 0;
      right: 0;
      z-index: 2; }

.authorBlockHolder {
  display: flex;
  align-items: center;
  position: absolute;
  bottom: 15px;
  right: 15px;
  z-index: 5; }
  .authorBlockHolder .author-image {
    min-width: 45px;
    margin-left: 5px; }
  .authorBlockHolder img {
    width: 45px;
    border-radius: 50%;
    height: 45px; }
  .authorBlockHolder .author-image {
    width: 45px; }
  .authorBlockHolder .Author-main__name,
  .authorBlockHolder .Author-main__name a {
    font-size: 14px;
    color: #fff; }
    .authorBlockHolder .Author-main__name:hover,
    .authorBlockHolder .Author-main__name a:hover {
      color: #00C0F3; }

.withBgImage {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; }

.section.darkBg {
  padding-bottom: 20px; }
  .section.darkBg:before {
    content: '';
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.7);
    position: absolute; }
  .section.darkBg .article__tag,
  .section.darkBg .article__tag a,
  .section.darkBg .section__title a,
  .section.darkBg .article__title a {
    color: #fff; }
    .section.darkBg .article__tag:hover,
    .section.darkBg .article__tag a:hover,
    .section.darkBg .section__title a:hover,
    .section.darkBg .article__title a:hover {
      color: #00C0F3; }
  .section.darkBg .section__title:after {
    background-color: #fff; }
  .section.darkBg .article__img-container > a {
    border: none; }
  .section.darkBg .btn-container {
    position: relative; }

.annaharTv {
  padding-top: 50px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  padding-bottom: 50px; }
  .annaharTv .topSection {
    text-align: center; }
  .annaharTv .annaharTvLogo {
    margin: 0 auto 30px; }
  .annaharTv .article__time-stamp {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    line-height: 21px;
    margin-bottom: 10px;
    padding-right: 0; }
    .annaharTv .article__time-stamp:before {
      display: none; }
  .annaharTv:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 20%, rgba(0, 0, 0, 0.3) 100%); }
  .annaharTv .article__title,
  .annaharTv .article__title a {
    color: #fff;
    font-size: 32px;
    font-weight: bold;
    line-height: 55px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }
    .annaharTv .article__title:hover,
    .annaharTv .article__title a:hover {
      color: #00C0F3; }
  .annaharTv .article__title {
    margin-bottom: 15px; }
  .annaharTv .container {
    position: relative;
    z-index: 1;
    width: 910px;
    max-width: 100%; }
  .annaharTv .article__img-container > a {
    border: none; }
  .annaharTv .blockHead {
    margin-bottom: 20px;
    display: flex;
    align-items: center; }
    .annaharTv .blockHead h4 {
      color: #fff;
      font-size: 24px;
      font-weight: bold;
      line-height: 46px; }
      .annaharTv .blockHead h4 a {
        color: #fff; }
    .annaharTv .blockHead .viewAll {
      margin-right: auto;
      font-size: 16px;
      font-weight: bold;
      line-height: 31px;
      position: relative;
      color: #fff; }
      .annaharTv .blockHead .viewAll:after {
        content: '';
        display: inline-block;
        height: 13px;
        width: 8px;
        background-size: 8px;
        background-image: url(/images/white-arrow.svg);
        margin-right: 10px;
        position: relative;
        top: 3px;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        -ms-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
        right: 0px; }
      .annaharTv .blockHead .viewAll:hover:after {
        right: 5px; }
  .annaharTv .videosListing {
    padding-top: 35px; }
    .annaharTv .videosListing .article__time-stamp {
      font-size: 14px;
      font-weight: normal; }
    .annaharTv .videosListing .article__title,
    .annaharTv .videosListing .article__title a {
      font-size: 18px;
      line-height: 25px; }
  .annaharTv .article__img-container > a {
    position: relative; }
    .annaharTv .article__img-container > a:hover:before {
      opacity: 0.7; }
    .annaharTv .article__img-container > a:after {
      content: '';
      height: 100%;
      width: 100%;
      position: absolute;
      top: 0;
      right: 0;
      z-index: 1; }
    .annaharTv .article__img-container > a:before {
      content: '';
      background-image: url(/images/play-icon.svg);
      height: 48px;
      width: 48px;
      top: calc(50% - 24px);
      right: calc(50% - 24px);
      position: absolute;
      z-index: 2; }
  .annaharTv .owl-prev:before,
  .annaharTv .owl-next:before {
    height: 21px;
    width: 21px;
    border-width: 2px 2px 0 0; }
  .annaharTv .owl-nav {
    position: absolute;
    top: 110px;
    width: 100%; }
  .annaharTv .owl-prev,
  .annaharTv .owl-next {
    background: none; }
  .annaharTv .owl-prev {
    right: -70px;
    left: auto; }
  .annaharTv .owl-next {
    left: -60px;
    right: auto; }
  .annaharTv .videoLength {
    position: absolute;
    right: 10px;
    bottom: 10px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    line-height: 21px;
    z-index: 2; }
  .annaharTv .article__img-container {
    margin-bottom: 8px;
    max-height: 160px; }

.mobileHeader {
  display: none; }

.secondLevelToggle {
  display: none; }

@media all and (min-width: 993px) {
  .header__submenu {
    display: block !important; } }
@media all and (min-width: 768px) {
  .containerFullBaner .article--highlighted .article__img-container {
    background: none !important; } }
.containerGrid.premium .article__img-container:after {
  display: none; }
.containerGrid.premium .article__img-container > a {
  position: relative; }
  .containerGrid.premium .article__img-container > a:after {
    content: '';
    height: 100%;
    width: 100%;
    background: linear-gradient(180deg, rgba(72, 72, 72, 0) 0%, rgba(32, 32, 32, 0.25) 50%, rgba(18, 18, 18, 0.5) 100%);
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1; }

.greyBg {
  background: #F2F2F2; }

.latestNewsBg .whiteBg {
  height: 825px; }

.opinionPageMain {
  overflow: hidden; }

.article-main__sidebar .article__aside.article__aside--missed .article__aside-article:last-of-type {
  margin-bottom: 0; }

.article__title,
.article__aside-article-title,
.article-main__sidebar .article__aside.article__aside--missed .article__aside-article-title a,
.annaharTv .videosListing .article__title,
.annaharTv .videosListing .article__title a,
.annaharTv .watchVideo,
.annaharTv .blockHead .viewAll,
.containerGrid .col-md-8 .article__title,
.containerGrid .col-md-8 .article__title a {
  font-weight: normal !important; }

.episode-details__title {
  font-size: 36px;
  font-weight: bold;
  margin-bottom: 15px;
  line-height: 50px; }

.section--episode-details .main__atf-text--top {
  color: #000000;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 1.4;
  text-align: right;
  margin-bottom: 30px; }
.section--episode-details .img-container.video-container {
  margin-bottom: 25px; }
.section--episode-details .article__time-stamp {
  color: #6C6C6C;
  margin-bottom: 25px;
  display: block; }
.section--episode-details .img-container.video-container {
  padding-bottom: 56%;
  position: relative; }
  .section--episode-details .img-container.video-container a {
    overflow: hidden;
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    max-width: 100%; }
    .section--episode-details .img-container.video-container a:before {
      content: '';
      background-image: url(/images/play-icon.svg);
      height: 80px;
      width: 80px;
      top: calc(50% - 40px);
      right: calc(50% - 40px);
      position: absolute;
      z-index: 2;
      background-size: 80px; }
    .section--episode-details .img-container.video-container a .videoLength {
      position: absolute;
      right: 10px;
      bottom: 10px;
      color: #fff;
      font-size: 18px;
      font-weight: bold;
      line-height: 21px;
      z-index: 2; }
.section--episode-details .content-media--video,
.section--episode-details .content-media--video iframe {
  position: absolute;
  min-height: 100%;
  min-width: 100%;
  top: 0;
  right: 0; }

.section--latest-episodes {
  padding-top: 20px; }
  .section--latest-episodes.greyBg {
    padding-top: 50px; }
  .section--latest-episodes .owl-item .article {
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0; }
  .section--latest-episodes .row.owl-carousel {
    margin: 0; }
  .section--latest-episodes .video-container,
  .section--latest-episodes .img-container.video-container {
    margin-bottom: 15px; }
    .section--latest-episodes .video-container a,
    .section--latest-episodes .img-container.video-container a {
      position: relative; }
      .section--latest-episodes .video-container a:after,
      .section--latest-episodes .img-container.video-container a:after {
        content: '';
        height: 100%;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.6);
        position: absolute;
        top: 0;
        right: 0;
        z-index: 1; }
      .section--latest-episodes .video-container a:before,
      .section--latest-episodes .img-container.video-container a:before {
        content: '';
        background-image: url(/images/play-icon.svg);
        height: 48px;
        width: 48px;
        top: calc(50% - 24px);
        right: calc(50% - 24px);
        position: absolute;
        z-index: 2; }
      .section--latest-episodes .video-container a .videoLength,
      .section--latest-episodes .img-container.video-container a .videoLength {
        position: absolute;
        right: 10px;
        bottom: 10px;
        color: #fff;
        font-size: 18px;
        font-weight: bold;
        line-height: 21px;
        z-index: 2; }
  .section--latest-episodes .section__title {
    font-size: 30px;
    line-height: 38px; }
  .section--latest-episodes .article__title,
  .section--latest-episodes .article__title a {
    font-size: 18px;
    font-weight: bold; }
  .section--latest-episodes .owl-next,
  .section--latest-episodes .owl-prev {
    background-color: transparent;
    top: 25%; }
  .section--latest-episodes .owl-prev:before,
  .section--latest-episodes .owl-next:before {
    height: 21px;
    width: 21px;
    border-width: 2px 2px 0 0;
    border-color: #B7B7B7; }
  .section--latest-episodes .owl-next {
    left: -53px;
    right: auto; }
  .section--latest-episodes .owl-prev {
    right: -53px;
    left: auto; }

.section--episode-live .img-container {
  position: relative; }
  .section--episode-live .img-container:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(180deg, rgba(72, 72, 72, 0) 0%, rgba(66, 66, 66, 0.09) 19.69%, #000000 100%); }
  .section--episode-live .img-container img {
    width: 100%; }
  .section--episode-live .img-container .text-container {
    width: 830px;
    position: absolute;
    top: 50%;
    right: 50%;
    -moz-transform: translate(50%, -50%);
    -webkit-transform: translate(50%, -50%);
    -o-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    text-align: center;
    z-index: 1;
    max-width: calc(100% - 40px); }
    .section--episode-live .img-container .text-container * {
      color: #fff; }
  .section--episode-live .img-container h2 {
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 10px; }
.section--episode-live .article__time-stamp {
  display: inline-block;
  margin-bottom: 25px; }
  .section--episode-live .article__time-stamp:before {
    background-image: url(/images/clock-icon-white.svg); }
.section--episode-live .episode-live__excerpt {
  font-size: 18px; }
.section--episode-live .episode-live__excerpt {
  margin-bottom: 20px; }
.section--episode-live .article-main__share {
  margin-top: -40px; }
  .section--episode-live .article-main__share ul li:last-child {
    margin-left: 0; }
.section--episode-live .main__atf-text--top {
  display: flex;
  align-items: center;
  justify-content: space-between; }

.watchVideo {
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  line-height: 34px;
  position: relative; }
  .watchVideo:visited {
    color: #fff; }
  .watchVideo:after {
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    content: '';
    display: inline-block;
    height: 13px;
    width: 8px;
    background-size: 8px;
    background-image: url(/images/white-arrow.svg);
    margin-right: 10px;
    position: relative;
    top: 3px;
    right: 0px; }
  .watchVideo:hover:after {
    right: 5px; }

.updatedLatestEpisodes {
  padding-top: 50px; }

.newestEpisodes .section__title {
  display: none; }

@media all and (min-width: 768px) {
  .backgroundMobileOnly {
    background: none !important; } }
.programsLanding .section__title {
  font-size: 30px; }
.programsLanding .article__title,
.programsLanding .article__title a {
  font-size: 18px;
  font-weight: bold;
  line-height: 28px;
  color: #000000; }
.programsLanding .article__img-container {
  margin-bottom: 15px; }
.programsLanding .ajaxLoader {
  background: none; }
  .programsLanding .ajaxLoader :before {
    top: auto;
    bottom: 50px; }

.programsListingMain .btn-container {
  padding-bottom: 80px; }
.programsListingMain .ajaxLoader {
  background: none; }
  .programsListingMain .ajaxLoader:before {
    bottom: 17px;
    top: auto;
    font-size: 50px;
    right: calc(50% - 26px); }

.newestEpisodes .ajaxLoader {
  background: none; }
  .newestEpisodes .ajaxLoader:before {
    bottom: -25px;
    top: auto; }

.programsLandingMain .section--latest-episodes {
  padding-top: 50px; }

/************dark programs styles*************/
.programsLanding {
  background-color: #1f1f1f; }
  .programsLanding .section__title,
  .programsLanding .article__title,
  .programsLanding .article__title a,
  .programsLanding .section__title a {
    color: #fff; }
  .programsLanding .article__img-container > a {
    border: none; }

.programsLandingMain .programsLanding,
.updatedProgDetails .programsLanding {
  background-color: #1f1f1f;
  padding-top: 20px; }
  .programsLandingMain .programsLanding.greyBg,
  .updatedProgDetails .programsLanding.greyBg {
    padding-bottom: 0;
    padding-top: 20px;
    background-color: #1f1f1f; }
.programsLandingMain .section--latest-episodes,
.updatedProgDetails .section--latest-episodes {
  background-color: #1f1f1f; }
.programsLandingMain .section__title,
.programsLandingMain .article__title,
.programsLandingMain .article__title a,
.programsLandingMain .section__title a,
.updatedProgDetails .section__title,
.updatedProgDetails .article__title,
.updatedProgDetails .article__title a,
.updatedProgDetails .section__title a {
  color: #fff; }
.programsLandingMain .article__img-container > a,
.updatedProgDetails .article__img-container > a {
  border: none; }
.programsLandingMain .section--episode-live,
.updatedProgDetails .section--episode-live {
  background-color: #1f1f1f; }
.programsLandingMain .article-main__share span,
.updatedProgDetails .article-main__share span {
  color: #fff; }

.section--episode-details {
  padding-bottom: 50px;
  background-color: #1f1f1f; }
  .section--episode-details .episode-details__title,
  .section--episode-details .main__atf-text--top,
  .section--episode-details .article-main__share span {
    color: #fff; }
  .section--episode-details .article__time-stamp {
    color: #fff; }
  .section--episode-details .article__time-stamp:before {
    background-image: url(/images/clock-icon-white.svg); }
  .section--episode-details + .section--latest-episodes {
    background-color: #1f1f1f;
    padding-top: 0; }
    .section--episode-details + .section--latest-episodes .section__title a,
    .section--episode-details + .section--latest-episodes .article__title,
    .section--episode-details + .section--latest-episodes .article__title a {
      color: #fff; }
    .section--episode-details + .section--latest-episodes .article__title:hover,
    .section--episode-details + .section--latest-episodes .article__title a:hover {
      color: #00C0F3; }
    .section--episode-details + .section--latest-episodes .article__img-container > a {
      border: none; }

.updatedProgDetails .section--latest-episodes.greyBg {
  padding-top: 20px; }

.updatedProgDetails .updatedLatestEpisodes {
  background-color: #1f1f1f; }
.updatedProgDetails .programDetailsUpdated {
  display: none; }

.programsLandingMain .annaharTv .article__img-container > a:after,
.section--latest-episodes .video-container a:after,
.section--latest-episodes .img-container.video-container a:after {
  opacity: 0; }

.faqMain .section__title {
  font-size: 30px;
  line-height: 38px;
  margin-bottom: 30px; }
.faqMain .intro {
  font-size: 20px;
  line-height: 30px; }
.faqMain .listingHolder {
  padding: 40px 0 70px; }

.toggleTitle {
  font-size: 18px;
  font-weight: bold;
  line-height: 26px;
  cursor: pointer;
  padding: 20px 0;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  position: relative;
  max-width: calc(100% - 16px); }
  .toggleTitle:hover {
    color: #00C0F3; }
  .toggleTitle:after {
    content: "";
    position: absolute;
    background: url(../images/arrow-left.svg) no-repeat;
    background-size: contain;
    width: 10px;
    height: 16px;
    transform: rotate(-90deg);
    position: absolute;
    left: -16px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    top: 25px; }
  .toggleTitle.active:after {
    transform: rotate(90deg); }

.toggleContent {
  font-size: 14px;
  line-height: 23px;
  padding-bottom: 20px;
  display: none; }
  .toggleContent a {
    color: #00C0F3;
    text-decoration: underline; }
    .toggleContent a:hover {
      text-decoration: none; }

.toggleItem {
  border-top: 1px solid #DDDDDD; }
  .toggleItem:last-of-type {
    border-bottom: 1px solid #DDDDDD; }

.horoscopeMainPage .introText {
  color: #000000;
  font-size: 15px;
  line-height: 26px; }
  .horoscopeMainPage .introText ul {
    padding-top: 10px; }
  .horoscopeMainPage .introText li {
    margin-bottom: 10px;
    position: relative;
    padding-right: 10px; }
    .horoscopeMainPage .introText li:before {
      content: '';
      height: 5px;
      width: 5px;
      background-color: #000;
      position: absolute;
      right: 0;
      top: 11px;
      border-radius: 50%; }

.horoscopeListing h2 {
  font-size: 30px;
  font-weight: bold;
  line-height: 30px;
  padding-bottom: 27px;
  margin-bottom: 37px;
  position: relative;
  display: inline-block; }
  .horoscopeListing h2:after {
    content: '';
    height: 4px;
    width: 100%;
    background-color: #00C0F3;
    position: absolute;
    bottom: 0;
    right: 0; }
.horoscopeListing h3 {
  font-size: 24px;
  font-weight: bold; }
.horoscopeListing .listingHolder {
  margin: 0 -15px;
  margin-bottom: 45px; }
  .horoscopeListing .listingHolder:after {
    display: block;
    content: '';
    clear: both; }
.horoscopeListing .itemHolder {
  text-align: center;
  background-color: #F2F2F2;
  padding: 30px 20px;
  height: 430px; }
.horoscopeListing .imageHolder img {
  margin: 0 auto; }
.horoscopeListing .date {
  color: #00C0F3;
  font-size: 14px;
  font-weight: bold;
  line-height: 27px;
  text-align: center;
  margin-bottom: 6px; }
.horoscopeListing .description {
  font-size: 14px;
  line-height: 26px; }
.horoscopeListing .outerPadding {
  padding: 0 15px;
  float: right;
  margin-bottom: 30px;
  width: 50%; }
.horoscopeListing .highlighted {
  width: 100%; }
  .horoscopeListing .highlighted .date {
    text-align: right; }
  .horoscopeListing .highlighted .itemHolder {
    background: #000000;
    text-align: right;
    padding: 30px;
    height: auto; }
    .horoscopeListing .highlighted .itemHolder:after {
      display: block;
      content: '';
      clear: both; }
  .horoscopeListing .highlighted h2,
  .horoscopeListing .highlighted h3,
  .horoscopeListing .highlighted .description {
    color: #fff; }
  .horoscopeListing .highlighted .description {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 27px; }
  .horoscopeListing .highlighted h2 {
    float: right; }
  .horoscopeListing .highlighted .date {
    margin-bottom: 12px; }
  .horoscopeListing .highlighted h3 {
    font-size: 26px;
    padding-top: 15px; }
  .horoscopeListing .highlighted .imageHolder,
  .horoscopeListing .highlighted .textHolder {
    float: right; }
  .horoscopeListing .highlighted .imageHolder {
    margin-left: 20px;
    clear: both; }
  .horoscopeListing .highlighted .textHolder {
    max-width: calc(100% - 170px); }

.dk-selected {
  background-color: #F4F4F4;
  max-width: 100%;
  padding: 9px 15px;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 27px;
  color: #000000;
  border-radius: 0; }

.dk-select,
.dk-select-multi {
  width: 100%; }

.dk-select-open-up .dk-select-options,
.dk-select-open-down .dk-select-options,
.dk-select-multi:focus .dk-select-options {
  border-color: #d2d2d2;
  border-radius: 0; }

.dk-select-options .dk-option-highlight,
.dk-option-selected {
  background-color: #F4F4F4;
  color: #000000; }

.dk-option {
  padding: 5px 15px;
  font-size: 12px; }

.dk-selected {
  border: none; }
  .dk-selected:before, .dk-selected:after {
    border: none; }
  .dk-selected:after {
    content: '';
    height: 16px;
    width: 10px;
    background-image: url(/images/arrow-left.svg);
    background-size: 10px;
    margin: 0;
    position: absolute;
    left: 15px;
    top: 14px;
    right: auto;
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg); }

.section--weather {
  padding-bottom: 50px; }
  .section--weather .section__subtitle {
    font-size: 22px;
    font-weight: normal; }
  .section--weather .section__title {
    margin-bottom: 20px;
    margin-left: 20px; }
  .section--weather .country-list label {
    margin-bottom: 10px;
    display: block; }
  .section--weather img {
    margin: 0 auto; }
  .section--weather .weather__icon-holder img {
    width: 200px;
    margin-right: 0; }
  .section--weather .weather__day {
    width: 100%;
    padding: 0 15px;
    float: right;
    margin-bottom: 7px; }
    .section--weather .weather__day .weather__day-inner {
      background-color: #fff;
      padding: 5px;
      text-align: center;
      display: flex;
      align-items: center; }
    .section--weather .weather__day img {
      width: 50px; }
    .section--weather .weather__day .img-container {
      width: 50px;
      margin-left: 15px; }
  .section--weather .weather__day-name {
    margin-left: 15px;
    font-weight: normal;
    width: 65px; }
  .section--weather .weatherDays {
    padding: 10px 15px; }
  .section--weather h5 {
    font-size: 18px; }
  .section--weather .dk-select,
  .section--weather .dk-select-multi {
    width: 300px;
    max-width: 100%; }
  .section--weather .dk-selected {
    background-color: #fff; }
  .section--weather .topSection {
    display: flex;
    align-items: flex-start; }

.section-prayer-time {
  padding-bottom: 50px; }
  .section-prayer-time h2.section__title {
    margin-bottom: 30px; }
  .section-prayer-time h3 {
    font-size: 22px;
    font-weight: normal;
    margin-bottom: 20px; }
  .section-prayer-time .prayerTable {
    display: flex;
    align-items: center; }
  .section-prayer-time .tableCol div {
    padding: 10px;
    border: 2px solid #ececec;
    text-align: center;
    border-left: none;
    font-size: 16px; }
    .section-prayer-time .tableCol div:first-child {
      border-bottom: none; }
  .section-prayer-time .tableCol:first-of-type div {
    font-weight: 600; }
  .section-prayer-time .tableCol:last-of-type div {
    border-left: 2px solid #ececec; }

.body-wrap {
  position: relative; }

.headerHeight {
  position: absolute; }
  .headerHeight.static {
    position: static; }

header.fixed {
  background-color: #fff;
  z-index: 2000000;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  top: -300px;
  position: fixed;
  width: 100%; }
  header.fixed .headerTopFirst {
    display: none; }
  header.fixed .header__top .headerTopFirst {
    margin-bottom: 10px; }
  header.fixed .actionsShareMain img {
    max-height: 45px;
    width: auto; }
  header.fixed .header__top .headerTopBottom {
    margin-bottom: 10px;
    padding-top: 10px; }
    header.fixed .header__top .headerTopBottom .container-fluid {
      height: auto; }
  header.fixed .header__main .header__main-inner .header__main-menu > li > a {
    padding: 5px;
    padding-bottom: 7px; }
    header.fixed .header__main .header__main-inner .header__main-menu > li > a:after {
      bottom: -11px; }
  header.fixed .header__top .header__main-logo a .arabicLogo {
    width: 151px; }
header.visible {
  top: 0; }

.ui-view-all-results a {
  font-weight: 700; }

.article-main__sidebar .article__aside.article__aside--missed {
  margin-bottom: 60px; }

.latestNewsBg .article-main__sidebar .article__aside.article__aside--missed {
  margin-bottom: 0px; }

.newsDetailsMain .article-main__sidebar {
  padding-top: 25px; }

.articleFullWidth .imageMainParent img {
  width: 100%; }

.newsDetailsMain .img-container.video-container {
  padding-bottom: 56%;
  position: relative; }
  .newsDetailsMain .img-container.video-container img {
    width: 100%; }
  .newsDetailsMain .img-container.video-container a {
    overflow: hidden;
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    max-width: 100%; }
    .newsDetailsMain .img-container.video-container a:after {
      content: '';
      height: 100%;
      width: 100%;
      background-color: rgba(0, 0, 0, 0.3);
      position: absolute;
      top: 0;
      right: 0;
      z-index: 1; }
    .newsDetailsMain .img-container.video-container a:before {
      content: '';
      background-image: url(/images/play-icon.svg);
      height: 80px;
      width: 80px;
      top: calc(50% - 40px);
      right: calc(50% - 40px);
      position: absolute;
      z-index: 2;
      background-size: 80px; }
    .newsDetailsMain .img-container.video-container a .videoLength {
      position: absolute;
      right: 10px;
      bottom: 10px;
      color: #fff;
      font-size: 18px;
      font-weight: bold;
      line-height: 21px;
      z-index: 2; }
.newsDetailsMain .content-media--video,
.newsDetailsMain .content-media--video iframe {
  position: absolute;
  min-height: 100%;
  min-width: 100%;
  top: 0;
  right: 0; }

.errorPage {
  padding: 150px 0;
  text-align: center; }
  .errorPage .errorIcon {
    width: 70px;
    display: block;
    margin: 0 auto;
    margin-bottom: 10px; }
  .errorPage span {
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 30px;
    text-align: center;
    display: block; }
  .errorPage h2 {
    font-size: 40px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 46px;
    text-align: center;
    margin-bottom: 28px; }
  .errorPage .btn {
    width: 335px;
    max-width: 100%; }

.flexShareParent,
.article-save-bookmark {
  display: flex;
  justify-content: space-between; }

.packagesListing {
  padding-bottom: 50px; }
  .packagesListing .blockHead {
    text-align: center;
    margin-bottom: 40px; }
    .packagesListing .blockHead span {
      font-size: 16px;
      line-height: 25px;
      color: #000000; }
      .packagesListing .blockHead span a {
        font-weight: bold;
        color: #000000;
        border-bottom: 1px solid #000;
        line-height: 21px;
        display: inline-block; }
        .packagesListing .blockHead span a:hover {
          border: none; }
  .packagesListing h2 {
    font-size: 30px;
    font-weight: bold;
    line-height: 56px;
    margin-bottom: 5px; }
  .packagesListing .pacakage1 .listingTitle {
    background-color: #000000; }
  .packagesListing .pacakage2 .listingTitle {
    background-color: #2C2C2C; }
  .packagesListing .pacakage3 .listingTitle {
    background-color: #717171; }
  .packagesListing .listingTitle {
    color: #fff;
    font-size: 26px;
    font-weight: bold;
    line-height: 49px;
    text-align: center;
    padding: 10px 0; }
  .packagesListing .packagesInfos {
    text-align: center;
    border: 1px solid #E2E2E2; }
  .packagesListing .numberHolder {
    color: #000000;
    font-size: 48px;
    font-weight: bold;
    line-height: 40px;
    display: flex;
    justify-content: center;
    direction: ltr;
    padding-top: 40px;
    margin-bottom: 7px; }
  .packagesListing .packageTime {
    color: #555555;
    line-height: 40px;
    font-size: 18px;
    font-weight: 700;
    font-weight: bold;
    margin-bottom: 10px; }
  .packagesListing .netCommerceLogo {
    margin-bottom: 35px; }
    .packagesListing .netCommerceLogo img {
      margin: 0 auto; }
  .packagesListing .normalBtn {
    width: calc(100% - 80px);
    display: block;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 34px;
    border-radius: 22.5px;
    margin: 0 auto;
    background-color: #CBAC59;
    padding: 5px;
    margin-bottom: -20px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }
    .packagesListing .normalBtn:hover {
      background-color: #00C0F3; }

.sign-in-register .btn-container.clearParent {
  padding-bottom: 0; }
  .sign-in-register .btn-container.clearParent .btn {
    background: none;
    color: #CBAC59; }
    .sign-in-register .btn-container.clearParent .btn:hover {
      border-color: #CBAC59; }

.activateMain {
  text-align: center;
  margin-top: -100px;
  margin-bottom: 50px; }
  .activateMain .itemHolder {
    border: 1px solid #CBCBCB;
    border-radius: 3px;
    padding: 30px;
    background-color: #fff; }
  .activateMain img {
    margin: 0 auto;
    height: 35px; }
  .activateMain h2 {
    color: #CBAC59;
    font-size: 26px;
    font-weight: bold;
    line-height: 36px;
    padding-top: 15px;
    margin-bottom: 15px; }
  .activateMain span {
    color: #000000;
    font-size: 15px;
    line-height: 31px;
    text-align: center;
    margin-bottom: 20px;
    display: block; }
    .activateMain span b {
      display: block;
      font-size: 16px; }
  .activateMain input {
    width: 295px;
    border: 1px solid #CBCBCB;
    border-radius: 3px;
    margin-bottom: 20px;
    font-size: 14px;
    color: #000000;
    padding: 14px;
    text-align: center; }
  .activateMain .btn {
    display: block;
    width: 151px;
    border-radius: 22.5px;
    background-color: #CBAC59;
    text-align: center;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    line-height: 27px;
    padding: 9px;
    margin: 0 auto;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }
    .activateMain .btn:hover {
      background-color: #00C0F3; }

#regsiter {
  padding-bottom: 110px; }

.whyPremium {
  padding: 60px 0 50px;
  background-color: #F2F2F2;
  text-align: center; }
  .whyPremium h2 {
    color: #000000;
    font-size: 30px;
    font-weight: bold;
    line-height: 36px;
    margin-bottom: 30px; }
  .whyPremium .imageHolder {
    height: 108px;
    width: 108px;
    border-radius: 50%;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    margin-bottom: 10px; }
    .whyPremium .imageHolder img {
      max-height: 65px;
      max-width: 65px;
      margin: 0 auto; }
  .whyPremium .description {
    font-size: 18px;
    letter-spacing: 0;
    line-height: 28px; }

span.field-validation-error {
  color: red; }

.updateProfileMain,
.accountSubMenu,
.changePasswordMain,
.favoritesParent {
  width: 1180px;
  float: right; }

.accountSubMenu .container {
  width: 100%;
  padding: 0; }
.accountSubMenu li {
  line-height: 20px;
  display: block;
  padding: 25px 0;
  padding-right: 40px;
  border-bottom: 1px solid #dddddd; }
  .accountSubMenu li a {
    font-size: 16px;
    color: #000000;
    line-height: 20px;
    display: inline-block; }
  .accountSubMenu li.active {
    position: relative;
    background-color: #F2F2F2;
    border-bottom: 1px solid #F2F2F2; }
    .accountSubMenu li.active:after {
      content: '';
      width: 0;
      height: 0;
      border-top: 10px solid transparent;
      border-bottom: 10px solid transparent;
      border-right: 10px solid #F2F2F2;
      display: block;
      position: absolute;
      left: -11px;
      top: calc(50% - 10px); }
    .accountSubMenu li.active:before {
      content: '';
      height: 100%;
      width: 1px;
      background-color: #F2F2F2;
      position: absolute;
      left: -1px;
      top: 0; }
    .accountSubMenu li.active a {
      font-weight: bold; }

.updateProfileMain,
.changePasswordMain,
.favoritesParent {
  border-right: 1px solid #dddddd;
  padding: 35px;
  min-height: 360px;
  padding-left: 0; }
  .updateProfileMain .sign-in,
  .changePasswordMain .sign-in,
  .favoritesParent .sign-in {
    padding: 20px;
    border: 1px solid #dddddd;
    margin-bottom: 40px; }
  .updateProfileMain .page__title,
  .changePasswordMain .page__title,
  .favoritesParent .page__title {
    font-size: 22px;
    font-weight: bold;
    line-height: 42px;
    margin-bottom: 20px; }
  .updateProfileMain .container,
  .changePasswordMain .container,
  .favoritesParent .container {
    width: 100%;
    padding: 0; }
  .updateProfileMain label,
  .changePasswordMain label,
  .favoritesParent label {
    opacity: 0.9;
    font-size: 16px;
    font-weight: bold;
    line-height: 31px;
    display: inline-block;
    width: 330px; }
  .updateProfileMain input,
  .changePasswordMain input,
  .favoritesParent input {
    opacity: 0.9;
    color: #343434;
    font-size: 16px;
    line-height: 31px;
    text-align: right;
    direction: ltr; }
  .updateProfileMain .form-group,
  .changePasswordMain .form-group,
  .favoritesParent .form-group {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #DDDDDD; }
  .updateProfileMain .btn-container,
  .changePasswordMain .btn-container,
  .favoritesParent .btn-container {
    padding-bottom: 10px;
    text-align: right;
    padding-top: 15px; }
    .updateProfileMain .btn-container .btn,
    .changePasswordMain .btn-container .btn,
    .favoritesParent .btn-container .btn {
      font-size: 18px;
      background-color: #CBAC59;
      border-color: #CBAC59; }
      .updateProfileMain .btn-container .btn:hover,
      .changePasswordMain .btn-container .btn:hover,
      .favoritesParent .btn-container .btn:hover {
        background-color: #00C0F3;
        border-color: #00C0F3;
        color: #fff; }

.account-page.payment {
  padding: 40px 0;
  font-size: 16px; }
  .account-page.payment .btn {
    color: #fff;
    background-color: #CBAC59;
    padding: 0 55px;
    font-size: 14px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    text-transform: uppercase;
    line-height: 27px;
    display: inline-block;
    min-width: 173px;
    text-align: center;
    font-weight: bold;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    border: none;
    height: 45px;
    padding-top: 9px; }
    .account-page.payment .btn:hover {
      background-color: #00C0F3;
      border-color: #00C0F3; }
  .account-page.payment h2 {
    color: #000000;
    font-size: 30px;
    font-weight: bold;
    line-height: 36px;
    margin-bottom: 30px; }

.accountSubMenu {
  min-width: 240px; }

.submenuToggleParent {
  display: none !important; }

.arabicLogo {
  display: block; }

.englishLogo {
  display: none; }

.header__top-account-link.loggedIn.welocme {
  margin-left: 20px; }

.header__top-account-link.loggedIn.logoutAnchor:before {
  display: none; }

.noRightMenu {
  width: 100% !important; }
  .noRightMenu .container {
    padding-right: 15px;
    padding-left: 15px; }

.favoritesParent .section {
  padding-top: 0; }

.errorMainText {
  color: red;
  font-weight: 700; }

.messageMainText {
  color: #00C0F3;
  font-weight: 700; }

.ErrorMessage .btn.btn--orange,
.SuccessMessage .btn.btn--orange {
  color: #fff;
  background-color: #CBAC59;
  padding: 0 55px;
  font-size: 14px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  text-transform: uppercase;
  line-height: 27px;
  display: inline-block;
  min-width: 173px;
  text-align: center;
  font-weight: bold;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  border: none;
  height: 45px;
  padding-top: 9px; }
  .ErrorMessage .btn.btn--orange:hover,
  .SuccessMessage .btn.btn--orange:hover {
    background-color: #00C0F3;
    border-color: #00C0F3;
    color: #fff; }

.noFavorites {
  display: block;
  font-weight: 700; }
  .noFavorites a {
    color: #fff;
    background-color: #CBAC59;
    padding: 0 55px;
    font-size: 14px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    text-transform: uppercase;
    line-height: 27px;
    display: inline-block;
    min-width: 173px;
    text-align: center;
    font-weight: bold;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    border: none;
    height: 45px;
    padding-top: 9px;
    margin-top: 15px; }
    .noFavorites a:hover {
      background-color: #00C0F3;
      border-color: #00C0F3;
      color: #fff; }

.packagesListing .normalBtn.active {
  position: relative;
  font-size: 0; }
  .packagesListing .normalBtn.active:before {
    content: '';
    width: 30px;
    height: 40px;
    background-image: url(/images/checkicon.png);
    background-position: center;
    background-size: 30px;
    background-repeat: no-repeat;
    position: absolute;
    right: calc(50% - 15px);
    top: 0; }

#regsiter .btn-container {
  padding-bottom: 0; }
  #regsiter .btn-container:last-of-type {
    padding-bottom: 50px; }

.homepage .containerGrid {
  background-color: transparent; }
.homepage .latestNewsBg,
.homepage .writersHomepage {
  padding: 50px 0; }

.article-main__sidebar .img-container > a img {
  border: 1px solid #ececec; }

.currentSubscription .price {
  font-size: 48px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 40px;
  display: inline-block;
  margin-left: 15px; }
.currentSubscription .duration {
  color: #CBAC59;
  font-size: 20px;
  font-weight: bold;
  line-height: 26px;
  text-align: right;
  display: inline-block; }
.currentSubscription .expiryDate span {
  color: #343434;
  font-size: 16px;
  line-height: 18px; }
.currentSubscription .expiryDate .bold {
  font-size: 16px;
  font-weight: bold;
  line-height: 31px;
  color: #000000;
  display: inline-block;
  margin-left: 20px; }
.currentSubscription .btn {
  width: 300px; }

.footerBISignature {
  text-align: left; }
  .footerBISignature a {
    color: #000000; }

.promoCodeParent {
  margin-bottom: 30px; }
  .promoCodeParent .inputHolder {
    position: relative; }
  .promoCodeParent .btn {
    font-size: 0;
    padding: 0;
    height: 30px;
    width: 30px;
    position: absolute;
    left: 12px;
    top: 9px;
    background: transparent;
    background-image: url(/images/arrow-left-orange.svg);
    background-size: 13px;
    background-repeat: no-repeat;
    background-position: center; }
  .promoCodeParent .btn-container {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important; }
  .promoCodeParent .textInput {
    margin-left: 10px;
    height: 50px;
    padding: 11px 15px; }

/*********HEADER UPDATES NOT TO ADD ON ANNAHAR AL ARABI ***********/
header .header_top-weather:after {
  display: none; }

header .header_top-weather {
  padding-right: 35px; }

header .header_top-weather img {
  right: 0; }

header .header__top .headerTopFirst .header__top-date {
  padding-left: 20px;
  margin-left: 20px;
  position: relative; }
  header .header__top .headerTopFirst .header__top-date:after {
    content: "";
    position: absolute;
    box-sizing: border-box;
    height: 21px;
    width: 2px;
    border-left: 1px solid #979797;
    left: 0; }

header .header__top .headerTopBottom .container-fluid .actionsShareMain .header_top-language {
  margin-left: 0; }

header .header__top .headerTopBottom .container-fluid .actionsShareMain .header__top-action .header__top-action-tv {
  margin-left: 40px; }

.header_top-language a {
  color: #000000; }

.header__top-search-cta {
  margin-right: auto; }

.contentPageMain {
  padding-top: 35px;
  font-size: 16px;
  line-height: 45px;
  padding-bottom: 50px; }
  .contentPageMain .contentHolder,
  .contentPageMain .blockHolder {
    width: 70%; }
  .contentPageMain .text {
    padding: 10px 0 70px 0; }
  .contentPageMain a {
    color: #00C0F3; }
  .contentPageMain ul:not(.social_share) li {
    margin: 0 0 20px 0; }
    .contentPageMain ul:not(.social_share) li:before {
      content: '';
      height: 8px;
      width: 8px;
      border-radius: 50%;
      display: inline-block;
      margin-left: 17px;
      background-color: #000000; }
  .contentPageMain ul.social_share {
    margin-right: 20px;
    display: inline-block; }
    .contentPageMain ul.social_share li {
      display: inline-block;
      margin-left: 15px;
      font-size: 16px; }
      .contentPageMain ul.social_share li a {
        display: block;
        width: 40px;
        height: 40px;
        text-align: center;
        color: #FFFFFF;
        border-radius: 50%;
        line-height: 40px; }
        .contentPageMain ul.social_share li a.facebook_icon {
          background-color: #365993;
          position: relative; }
        .contentPageMain ul.social_share li a.twitter_icon {
          background-color: #7EC4DE; }
        .contentPageMain ul.social_share li a.youtube_icon {
          background-color: #c4302b; }
  .contentPageMain .section-title {
    padding-top: 20px;
    padding: 10px;
    padding-right: 0; }

.privacyPolicyLinks {
  margin-bottom: 20px; }
  .privacyPolicyLinks li {
    padding: 0 !important;
    margin-left: 15px; }
    .privacyPolicyLinks li a {
      font-weight: normal; }

.article__text-container .article__meta + .article__title {
  padding-top: 0; }

.article__text-container > .article__title {
  padding-top: 7px; }

.sayhatHeader:before {
  width: calc((100% - 1180px)/2); }

@media all and (min-width: 1500px) {
  .container {
    width: 1430px;
    max-width: 1430px; }

  .containerFullBaner .bottomArticles {
    max-width: 1400px; }

  .updateProfileMain,
  .accountSubMenu,
  .changePasswordMain,
  .favoritesParent {
    width: 1400px; }

  .article-main__sidebar .img-container > a img {
    width: 100%; }

  .latestNewsBg .whiteBg {
    height: 955px; }

  .article-main__sidebar .img-container {
    width: 45%;
    min-width: 45%; }

  .sayhatHeader:before {
    width: calc((100% - 1400px)/2); } }
.sayhatHeight {
  height: 80px;
  position: relative; }

.sayhatHeader {
  background-color: #E94E40;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  z-index: 2;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s; }
  .sayhatHeader:before {
    content: '';
    height: 100%;
    background-color: #DB473A;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0; }
  .sayhatHeader .container {
    display: flex;
    align-items: center; }
  .sayhatHeader .sayhatLogo {
    display: block;
    padding: 12px 0;
    padding-left: 40px;
    background-color: #DB473A; }
    .sayhatHeader .sayhatLogo img {
      display: block;
      width: 140px; }
  .sayhatHeader .anchorsHolder {
    display: flex;
    align-items: center; }
    .sayhatHeader .anchorsHolder a {
      width: 110px;
      border-left: 1px solid #DB473A;
      height: 79px;
      display: flex;
      align-items: center; }
      .sayhatHeader .anchorsHolder a img {
        margin: 0 auto;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        -ms-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s; }
      .sayhatHeader .anchorsHolder a:hover img {
        opacity: 0.7; }
  .sayhatHeader .socialShare {
    display: flex;
    align-items: center;
    margin-right: auto; }
    .sayhatHeader .socialShare a {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 35px;
      width: 35px;
      background-color: #fff;
      border-radius: 50%;
      margin-left: 10px;
      -webkit-transition: 0.3s;
      -moz-transition: 0.3s;
      -ms-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s; }
      .sayhatHeader .socialShare a:hover {
        opacity: 0.7; }
      .sayhatHeader .socialShare a:last-of-type {
        margin-left: 0px; }
  .sayhatHeader.fixed {
    position: fixed;
    top: 0; }
    .sayhatHeader.fixed.visibleHeader {
      top: 125px; }

.sayhatBlock {
  overflow: hidden;
  padding-bottom: 30px; }
  .sayhatBlock .containerGrid {
    background-color: transparent;
    padding-top: 0; }
  .sayhatBlock .container .container {
    padding: 0;
    max-width: 100%; }
  .sayhatBlock .blocksWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px; }
  .sayhatBlock .containerGrid {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
    padding: 0 15px; }
    .sayhatBlock .containerGrid .col-md-8 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%; }
    .sayhatBlock .containerGrid .col-md-4 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%; }
      .sayhatBlock .containerGrid .col-md-4 .article__text-container {
        position: static;
        color: #DB473A;
        padding-left: 0;
        padding-right: 0; }
      .sayhatBlock .containerGrid .col-md-4 .article__title,
      .sayhatBlock .containerGrid .col-md-4 .article__title a {
        color: #DB473A; }
        .sayhatBlock .containerGrid .col-md-4 .article__title:hover,
        .sayhatBlock .containerGrid .col-md-4 .article__title a:hover {
          color: #00C0F3; }
  .sayhatBlock .article {
    margin-bottom: 30px; }
  .sayhatBlock .article__aside-article-title {
    padding-top: 10px; }
  .sayhatBlock .article-main__sidebar .article__aside-title {
    color: #E67520; }
    .sayhatBlock .article-main__sidebar .article__aside-title:after {
      background-color: #E67520; }
  .sayhatBlock .section__title {
    color: #DB473A; }
    .sayhatBlock .section__title:after {
      background-color: #DB473A; }
    .sayhatBlock .section__title.withIcon {
      font-size: 36px; }
  .sayhatBlock .section__title.withIcon a {
    display: inline-flex;
    align-items: center;
    color: #DB473A; }
  .sayhatBlock .btn-container .btn {
    background-color: #DA3D30;
    border-color: #E94E40; }
    .sayhatBlock .btn-container .btn:hover {
      color: #E94E40; }

.sayhatVideos {
  background-color: #DA3D30; }
  .sayhatVideos .btn-container .btn {
    background-color: #E94E40;
    border-color: #E94E40; }
    .sayhatVideos .btn-container .btn:hover {
      color: #E94E40; }
  .sayhatVideos .section__title.withIcon a {
    display: inline-flex;
    align-items: center;
    color: #fff; }
  .sayhatVideos .container {
    width: 1430px;
    max-width: 100%; }
  .sayhatVideos .videosListing {
    padding-top: 0; }
  .sayhatVideos .article {
    margin-bottom: 0;
    width: 370px; }
  .sayhatVideos .article__title {
    margin-bottom: 0; }
  .sayhatVideos .section__title {
    color: #fff; }
    .sayhatVideos .section__title:after {
      background-color: #fff; }
  .sayhatVideos .owl-nav {
    position: absolute;
    top: -86px;
    width: 100%;
    left: 12%; }
  .sayhatVideos .owl-prev {
    right: auto;
    left: 26px;
    z-index: 1; }
  .sayhatVideos .owl-next {
    left: 0;
    right: auto; }
  .sayhatVideos .section__title.withIcon img {
    max-width: 20px;
    min-width: 20px; }
  .sayhatVideos .article__img-container {
    max-height: 210px;
    overflow: hidden; }

.dietPlan {
  padding-bottom: 50px; }
  .dietPlan .text-form-block .listingImage {
    margin-bottom: 10px; }
  .dietPlan .text-form-block .sectionIntro {
    font-size: 20px;
    font-weight: bold;
    line-height: 35px;
    margin-bottom: 15px; }
  .dietPlan .text-form-block .blockDescription {
    font-size: 15px;
    line-height: 26px; }

.bmiForm {
  background-color: #F2F2F2;
  padding: 20px 30px 30px; }
  .bmiForm input[type="text"] {
    display: block;
    max-width: 100%;
    padding: 9px 15px;
    line-height: 27px;
    color: #000000;
    font-size: 14px;
    width: 100%; }
  .bmiForm .inputHolder {
    margin-bottom: 18px; }
  .bmiForm span,
  .bmiForm label.radioLabel {
    font-size: 14px;
    line-height: 27px; }
  .bmiForm label:not(.radioLabel) {
    font-size: 14px;
    font-weight: bold;
    line-height: 27px;
    margin-bottom: 10px;
    display: inline-block; }
  .bmiForm .radioButtons {
    margin-bottom: 30px; }
    .bmiForm .radioButtons > label {
      display: block; }
    .bmiForm .radioButtons input {
      display: inline-block;
      height: 21px;
      width: 21px;
      border: 1px solid #CBCBCB;
      border-radius: 50%;
      margin-left: 10px;
      cursor: pointer; }
      .bmiForm .radioButtons input:checked {
        background: #00C0F3;
        border-color: #00C0F3; }
  .bmiForm .radioButtonItem {
    display: inline-flex;
    align-items: center;
    margin-left: 40px; }
    .bmiForm .radioButtonItem:last-of-type {
      margin-left: 0px; }
  .bmiForm .radioLabel {
    margin-top: 4px;
    cursor: pointer; }
  .bmiForm .btn-container {
    padding-bottom: 0; }
    .bmiForm .btn-container .btn {
      width: 100%;
      font-size: 18px; }

.bmiResult {
  background-color: #F2F2F2;
  text-align: center;
  padding: 30px; }
  .bmiResult .blockContainer {
    margin: 0 auto;
    width: 660px;
    max-width: 100%; }
  .bmiResult .downloadBtn:hover:before {
    background-image: url(/images/download-icon-.png); }
  .bmiResult .downloadBtn:before {
    content: '';
    background-image: url(/images/download-icon.png);
    width: 13px;
    height: 15px;
    background-size: 13px;
    background-position: center;
    display: inline-block;
    top: 15px;
    margin-left: 10px; }
  .bmiResult .numberBlock {
    height: 180px;
    width: 180px;
    background-color: #FFFFFF;
    display: block;
    border-radius: 50%;
    padding-top: 40px;
    position: relative;
    margin: 0 auto;
    margin-bottom: 22px; }
    .bmiResult .numberBlock .title {
      font-size: 14px;
      font-weight: bold;
      line-height: 21px;
      text-align: center;
      display: block; }
    .bmiResult .numberBlock .numberHolder {
      color: #00C0F3;
      font-size: 55px;
      font-weight: bold;
      line-height: 67px;
      text-align: center;
      font-family: 'Open Sans', sans-serif;
      font-weight: bold; }
  .bmiResult h3 {
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: bold; }
  .bmiResult .weightResult {
    display: block;
    color: #3FA92D;
    font-size: 14px;
    width: 150px;
    padding: 4px;
    border-radius: 17.5px;
    position: absolute;
    bottom: 0;
    right: calc(50% - 75px); }
  .bmiResult .range {
    display: block;
    height: 12px;
    width: 400px;
    border-radius: 3px;
    margin: 0 auto;
    background: linear-gradient(90deg, #EE1C25 0%, #EE1C25 9.58%, #FEB913 13.25%, #78A50E 35.86%, #78A50E 65.26%, #FEB913 69.09%, #FEB913 84.02%, #EE1C25 88.2%, #EE1C25 100%);
    margin-bottom: 40px;
    direction: ltr;
    position: relative;
    max-width: 100%; }
  .bmiResult .rangeNubmer {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 18px;
    position: absolute;
    bottom: -30px; }
    .bmiResult .rangeNubmer:before {
      content: '';
      height: 9px;
      width: 2px;
      left: calc(50% - 1px);
      background-color: #9C9C9C;
      position: absolute;
      top: -12px; }
    .bmiResult .rangeNubmer:nth-of-type(1) {
      left: 11%; }
    .bmiResult .rangeNubmer:nth-of-type(2) {
      left: 65%; }
    .bmiResult .rangeNubmer:nth-of-type(3) {
      left: 81%; }
  .bmiResult .blueTick {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 12px solid #00C0F3;
    position: absolute;
    top: -13px; }
  .bmiResult .description {
    margin-bottom: 20px; }
  .bmiResult .btn-container {
    padding-bottom: 10px; }
    .bmiResult .btn-container a {
      width: 335px;
      font-size: 18px !important; }
      .bmiResult .btn-container a.recalculate {
        background-color: transparent;
        color: #00C0F3;
        border: 2px solid #00C0F3; }

.classfields {
  background-color: #F2F2F2;
  padding-bottom: 50px; }
  .classfields h2 {
    margin-bottom: 5px; }
  .classfields .listingHolder > ul {
    margin-bottom: 25px; }
    .classfields .listingHolder > ul > li {
      padding: 10px;
      background-color: #fff;
      box-shadow: 2px 2px 6px 0 rgba(128, 128, 128, 0.1);
      margin-bottom: 20px; }
  .classfields .advancedSearchSection {
    margin-bottom: 40px;
    padding-top: 0; }
  .classfields .advancedFilters input,
  .classfields .advancedFilters .dk-selected {
    background-color: #fff; }
  .classfields .article-main__share-cont {
    margin-top: 15px; }
  .classfields .article-main__share {
    margin-bottom: 5px; }

.wafiyat .listingItemLI {
  display: flex;
  padding-bottom: 40px;
  margin-bottom: 40px;
  border-bottom: 2px solid #DCDCDC; }
.wafiyat .listingImage {
  min-width: 160px;
  width: 160px;
  margin-left: 20px; }
.wafiyat h3 {
  font-size: 24px;
  line-height: 24px;
  margin-bottom: 20px; }

.autosuggestLoader {
  position: absolute;
  top: 100px;
  left: 0;
  height: 100%;
  min-height: 45px;
  background: none;
  width: 100%;
  display: none; }
  .autosuggestLoader:before {
    content: "\f1ce";
    font-size: 30px;
    font-family: FontAwesome;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
    display: inline-block;
    position: absolute;
    top: 0;
    right: calc(50% - 33px);
    color: #00C0F3;
    font-size: 70px; }

.episodeDetailsParent .article-main__img-holder img {
  width: 100%; }

.sayhatHeader .hidden-menu {
  position: absolute;
  background-color: #fff;
  display: none;
  width: 580px;
  left: -243px;
  top: calc(100% + 1px);
  padding: 30px 5px 20px;
  box-shadow: 0 2px 4px 0 rgba(8, 8, 8, 0.25); }
  .sayhatHeader .hidden-menu:before {
    width: 0;
    height: 0;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    content: '';
    border-bottom: 16px solid #fff;
    position: absolute;
    top: -16px;
    left: calc(50% - 8px); }
  .sayhatHeader .hidden-menu ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .sayhatHeader .hidden-menu li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    margin-bottom: 10px;
    text-align: center; }
  .sayhatHeader .hidden-menu a {
    width: auto;
    height: auto;
    color: #000000;
    font-size: 14px;
    font-weight: bold;
    border: none;
    justify-content: center;
    display: inline-block;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }
    .sayhatHeader .hidden-menu a:hover {
      color: #00C0F3; }
.sayhatHeader .anchorsHolder {
  position: relative; }

.datepicker-panel > ul {
  width: 100%; }

.sayhatLogo img {
  width: 140px; }

.filterBtn .btn-container {
  padding-bottom: 0; }
.filterBtn a {
  width: 100%; }

.classfields .noResults {
  font-size: 18px;
  color: red;
  margin-bottom: 20px; }

.errorPage.section .btn-container .btn {
  width: 500px;
  max-width: 100%; }

.adsBlock,
.adsBlock2 {
  text-align: center;
  margin: 20px 0; }
  .adsBlock .borderedBlock,
  .adsBlock2 .borderedBlock {
    display: inline-block;
    padding: 20px;
    border: 1px solid #ececec; }
  .adsBlock h3,
  .adsBlock2 h3 {
    font-size: 1.5em;
    display: block;
    margin-bottom: 20px;
    font-size: 13px;
    color: #999;
    font-weight: normal; }

.newsDetailsMain p {
  margin-bottom: 15px; }

.secondLevelMenu .owl-prev,
.secondLevelMenu .owl-next {
  background: transparent; }
.secondLevelMenu .owl-next {
  left: -50px;
  right: auto; }
.secondLevelMenu .owl-prev {
  right: -50px;
  left: auto; }

.topStoriesTitle {
  color: #000000;
  font-size: 26px;
  font-weight: bold;
  line-height: 35px;
  padding-bottom: 25px;
  position: relative;
  display: inline-block;
  margin-bottom: 30px; }
  .topStoriesTitle:after {
    content: '';
    height: 4px;
    width: 100%;
    background-color: #00C0F3;
    position: absolute;
    bottom: 0;
    right: 0; }

.mobile-date-soure {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15px; }
  .mobile-date-soure .textResizer {
    padding: 0; }
  .mobile-date-soure .article-main__interact,
  .mobile-date-soure .article-save-bookmark {
    margin-bottom: 0; }
  .mobile-date-soure .bookmarkIcon,
  .mobile-date-soure .premiumIcon {
    margin-right: 10px; }
  .mobile-date-soure .date {
    margin-left: 10px; }

.article__tag {
  float: right; }
  .article__tag + .article__meta {
    float: left; }

.article__time-stamp {
  padding-top: 3px; }

.article__title {
  clear: both; }

.premiumTitle:after {
  content: '\00a0';
  margin-left: 2px;
  letter-spacing: 20px;
  background-image: url(/images/premiumicon.svg);
  background-size: 24px;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 3px; }

.premiumTitle a,
.premiumTitle a {
  display: inline !important; }

.contentPageMain {
  padding-top: 30px; }

.mobileAppFooter {
  background-image: url(/images/mobile-app-bg.png?v=1);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding-top: 22px;
  padding-bottom: 30px;
  margin-top: 150px; }
  .mobileAppFooter .container {
    position: relative; }
  .mobileAppFooter h2 {
    color: #fff;
    font-size: 36px;
    font-weight: bold;
    line-height: 50px;
    text-align: right; }
  .mobileAppFooter span {
    color: #fff;
    font-size: 15px;
    display: block;
    margin-bottom: 30px;
    line-height: 28px; }
  .mobileAppFooter .linksHolder {
    display: flex;
    align-items: center; }
    .mobileAppFooter .linksHolder a {
      margin-left: 20px; }
    .mobileAppFooter .linksHolder img {
      max-width: 100%; }
  .mobileAppFooter .imageSection {
    position: absolute;
    bottom: -30px;
    right: 50%; }

.containerFullBaner .owl-item .col-md-4 {
  width: 100% !important;
  flex: 0 0 100% !important;
  max-width: 100% !important; }
.containerFullBaner .owl-carousel .article__img-container > a {
  border: none;
  min-height: 0; }
.containerFullBaner .owl-carousel .col-md-4 .article__img-container {
  min-height: 0; }
.containerFullBaner .owl-prev {
  border: solid #000;
  border-width: 0 1px 1px 0;
  display: block;
  padding: 3px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  background: none;
  border-radius: 0;
  height: 18px;
  width: 18px;
  right: -30px;
  left: auto;
  top: 80px; }
  .containerFullBaner .owl-prev:before {
    display: none; }
.containerFullBaner .owl-next {
  border: solid #000;
  border-width: 0 1px 1px 0;
  display: block;
  padding: 3px;
  background: none;
  border-radius: 0;
  height: 18px;
  width: 18px;
  top: 80px;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  left: -30px;
  right: auto; }
  .containerFullBaner .owl-next:before {
    display: none; }

.threeColsItems .section .section__title,
.threeColsItems .article-main__sidebar .article__aside.article__aside--missed .section__title {
  font-size: 31px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 37px;
  margin-bottom: 30px;
  padding-bottom: 25px; }
  .threeColsItems .section .section__title:after,
  .threeColsItems .article-main__sidebar .article__aside.article__aside--missed .section__title:after {
    display: block;
    content: '';
    height: 4px;
    width: 100%;
    background-color: #00C0F3;
    position: absolute;
    bottom: 0;
    right: 0; }
.threeColsItems .section {
  padding-top: 0; }
.threeColsItems .whiteBg {
  background-color: #F8F8F8;
  padding: 20px;
  height: auto; }
.threeColsItems .opinionPageMain .article__title a,
.threeColsItems .opinionPageMain .article__title {
  padding-top: 0;
  line-height: 20px;
  font-size: 15px;
  margin-bottom: 15px; }
.threeColsItems .opinionPageMain .article__meta {
  margin-bottom: 0; }
.threeColsItems .opinionPageMain .itemHolder {
  margin-bottom: 25px; }
.threeColsItems .opinionPageMain .loadMoreBtn {
  background: none;
  padding: 0;
  border: none;
  color: #00C0F3;
  font-size: 15px;
  line-height: 15px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: absolute;
  left: 20px;
  bottom: 20px; }
.threeColsItems .opinionPageMain .plusSign {
  font-size: 23px;
  margin-right: 9px; }
.threeColsItems .opinionPageMain .article__meta,
.threeColsItems .opinionPageMain .article__meta span {
  font-size: 14px;
  color: #00C0F3; }
.threeColsItems .opinionPageMain .article__time-stamp {
  padding-right: 30px; }
.threeColsItems .opinionPageMain .article__time-stamp:before {
  background-image: url(/images/clock-icon.svg);
  height: 20px;
  width: 20px;
  background-size: cover;
  background-repeat: no-repeat; }
.threeColsItems .article-main__sidebar .article__aside.article__aside--missed .text-container {
  position: static;
  padding: 0; }
.threeColsItems .article-main__sidebar .article__aside.article__aside--missed .article__aside-article-title a {
  color: #000000; }
.threeColsItems .article-main__sidebar .article__aside-article-categpy {
  display: none; }
.threeColsItems .article-main__sidebar .article__aside.article__aside--missed .img-container {
  min-width: 40%;
  width: 40%; }
.threeColsItems .article-main__sidebar .article__aside.article__aside--missed .article__aside-article-title a {
  font-size: 15px; }
.threeColsItems .article-main__sidebar .article__aside-article:first-of-type {
  display: block;
  position: relative;
  margin-bottom: 30px; }
  .threeColsItems .article-main__sidebar .article__aside-article:first-of-type .article__aside-article-title a {
    font-size: 18px; }
  .threeColsItems .article-main__sidebar .article__aside-article:first-of-type .img-container {
    min-width: 40%;
    width: 100%;
    margin-bottom: 10px; }
.threeColsItems .authorsBlock .blockHolder {
  padding-bottom: 20px;
  margin-bottom: 20px;
  display: flex;
  align-items: flex-start;
  border-bottom: 1px solid #E5E5E5; }
  .threeColsItems .authorsBlock .blockHolder img {
    width: 60px;
    height: 60px;
    min-width: 60px;
    border-radius: 50%;
    border: 2px solid #00C0F3; }
.threeColsItems .authorsBlock .author-image {
  margin-left: 20px; }
.threeColsItems .authorsBlock .Author-main__name,
.threeColsItems .authorsBlock .Author-main__name a {
  margin-bottom: 9px;
  color: #00C0F3;
  font-weight: normal;
  font-size: 14px;
  line-height: 17px; }
.threeColsItems .Author-main__desc,
.threeColsItems .Author-main__desc a {
  color: #000000;
  font-size: 15px;
  font-weight: bold;
  line-height: 22px; }

.mostReadHp .article__aside-article {
  display: flex;
  align-items: flex-start;
  position: relative;
  padding-right: 35px;
  margin-bottom: 27px; }
  .mostReadHp .article__aside-article.firstArticle {
    display: block; }
    .mostReadHp .article__aside-article.firstArticle .img-container {
      margin-bottom: 10px;
      width: 100%; }
      .mostReadHp .article__aside-article.firstArticle .img-container img {
        width: 100%; }
    .mostReadHp .article__aside-article.firstArticle .article__aside-article-title,
    .mostReadHp .article__aside-article.firstArticle .article__aside-article-title a {
      font-size: 18px; }
    .mostReadHp .article__aside-article.firstArticle .number {
      top: 40%; }
.mostReadHp .number {
  font-size: 24px;
  font-weight: 700;
  color: #00C0F3;
  align-self: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  padding-right: 13px; }
  .mostReadHp .number:before {
    content: '';
    background-color: #E5E5E5;
    height: 40px;
    width: 1px;
    right: 0;
    top: -2px;
    position: absolute; }
.mostReadHp .article__aside-article-categpy {
  display: none; }
.mostReadHp .article__aside-article-title,
.mostReadHp .article__aside-article-title a {
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 22px;
  color: #000000;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s; }
  .mostReadHp .article__aside-article-title:hover,
  .mostReadHp .article__aside-article-title a:hover {
    color: #00C0F3; }
.mostReadHp .img-container {
  width: 44%;
  min-width: 44%;
  margin-left: 10px; }

.homepage .latestNewsBg.threeColsItems {
  padding-bottom: 20px; }

.leftNavigation .logosHolder {
  margin-top: 20px;
  display: flex;
  align-items: center; }
.leftNavigation .sayhatLogo,
.leftNavigation .header__top-action-tv,
.leftNavigation .newsPaperLogo {
  display: flex;
  width: 50%;
  align-items: center;
  justify-content: center;
  height: 60px;
  width: 147px;
  border: 1px solid rgba(151, 151, 151, 0.27);
  border-radius: 3px;
  margin-left: 20px;
  color: #000000; }
  .leftNavigation .sayhatLogo img,
  .leftNavigation .header__top-action-tv img,
  .leftNavigation .newsPaperLogo img {
    max-width: 80%; }
.leftNavigation .header__top-action-tv {
  margin-left: 0; }

header .header__top .headerTopBottom .container-fluid .actionsShareMain .header__top-action .header__top-action-radio.newsPaperLogo {
  margin-left: 0;
  padding-top: 0px;
  text-align: center;
  position: relative;
  display: flex;
  align-items: center;
  font-size: 13px;
  font-weight: bold;
  color: #000000; }
  header .header__top .headerTopBottom .container-fluid .actionsShareMain .header__top-action .header__top-action-radio.newsPaperLogo img {
    border: 1px solid #D5D5D5;
    width: 100px;
    text-align: center;
    margin-right: 15px; }

.logosHolder .newsPaperLogo {
  display: none; }

header.fixed .header__top .headerTopBottom .container-fluid .actionsShareMain .header__top-action .header__top-action-radio.newsPaperLogo img {
  width: auto; }

iframe {
  max-width: 100%; }

.blog-text-container {
  overflow: hidden; }

.liveArticle .liveNewsText {
  display: block; }

.liveNewsText {
  color: red;
  border: 2px solid red;
  position: absolute;
  bottom: 15px;
  right: 15px;
  padding: 3px 10px 1px;
  z-index: 2;
  font-size: 15px;
  display: none;
  line-height: 15px;
  font-weight: 900; }

.landing-listing {
  padding-top: 50px;
  padding-bottom: 30px; }
  .landing-listing .titleHolder {
    width: 500px;
    max-width: 100%;
    position: absolute;
    right: 40px;
    bottom: 40px;
    z-index: 1;
    color: #fff; }
    .landing-listing .titleHolder .article__title,
    .landing-listing .titleHolder .article__title a {
      color: #fff;
      font-size: 50px;
      line-height: 70px;
      -webkit-transition: 0.3s;
      -moz-transition: 0.3s;
      -ms-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s; }
      .landing-listing .titleHolder .article__title:hover,
      .landing-listing .titleHolder .article__title a:hover {
        color: #00C0F3; }
  .landing-listing .listingImage {
    position: relative; }
    .landing-listing .listingImage img {
      border: 1px solid #ececec; }
  .landing-listing .itemHolder {
    margin-bottom: 70px; }

.specialEditionPage .containerFullBaner .article--highlighted .article__title {
  font-size: 50px;
  line-height: 70px; }
.specialEditionPage .containerFullBaner .article--highlighted .article__text-container {
  padding: 0;
  width: 1180px; }

.specialEditionPage .authorsBlock .section__title {
  font-size: 25px;
  padding-bottom: 15px; }
.specialEditionPage .authorsBlock .blockHolder {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
  padding: 0 15px;
  border: none;
  margin-bottom: 35px; }

.detailsPage .containerFullBaner .article--highlighted {
  margin-bottom: 0; }
.detailsPage .threeColsItems {
  padding-top: 30px; }
.detailsPage .section__title {
  font-size: 25px;
  padding-bottom: 15px; }

.download-section {
  padding-top: 20px;
  margin-bottom: 10px; }
  .download-section .blockHolder {
    padding: 35px 20px;
    background-color: #F5F5F5;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative; }
  .download-section h3 {
    font-size: 25px;
    line-height: 29px;
    position: relative;
    z-index: 1; }
  .download-section .btn-container {
    padding-bottom: 0;
    position: relative;
    z-index: 1; }
  .download-section .btn {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    font-size: 18px;
    padding: 13px; }
    .download-section .btn img {
      width: 22px; }
    .download-section .btn .hovericon {
      display: none; }
    .download-section .btn:hover .hovericon {
      display: block; }
    .download-section .btn:hover .normalicon {
      display: none; }
  .download-section img.pdf-icon {
    position: absolute;
    top: 0;
    left: 105px;
    z-index: 0;
    height: 100%; }

@media all and (min-width: 1500px) {
  .specialEditionPage .containerFullBaner .article--highlighted .article__text-container {
    width: 1400px;
    padding: 0;
    max-width: 100%; } }
.expiredAccount {
  background-color: #ecb0b0;
  position: relative;
  padding: 11px 0; }
  .expiredAccount .centeredBlock {
    display: flex;
    align-items: center;
    justify-content: center; }
    .expiredAccount .centeredBlock img,
    .expiredAccount .centeredBlock span {
      margin-left: 10px; }
  .expiredAccount .closeIcon {
    position: absolute;
    top: calc(50% - 6.5px);
    left: 40px; }
  .expiredAccount span {
    font-size: 14px;
    font-weight: 600;
    color: #D33D3E; }
  .expiredAccount .renew {
    background-color: #D33D3E;
    font-size: 11px;
    color: #fff;
    text-align: center;
    padding: 4px 20px 6px;
    display: block;
    border-radius: 3px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    text-transform: uppercase;
    font-weight: 600; }
    .expiredAccount .renew:hover {
      color: #D33D3E;
      background: #fff; }

.sticky-live-stream {
  position: fixed;
  right: 0;
  bottom: -1px;
  z-index: 10;
  max-width: 100%; }
  .sticky-live-stream .close-video {
    width: 35px;
    border: 1px solid #dddddd;
    display: block;
    padding: 10px;
    background: #fff; }

.EnglishArticle .newsDetailsMain .title-bookmark-Premium {
  align-items: flex-end;
  direction: ltr;
  font-family: 'Open Sans', sans-serif;
  text-align: left; }
.EnglishArticle .articleContent {
  direction: ltr;
  font-family: 'Open Sans', sans-serif;
  text-align: left; }
  .EnglishArticle .articleContent .articleMainText * {
    direction: ltr !important; }

.site-popup {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  z-index: 10000000; }
  .site-popup .imageHolder img {
    margin: 0 auto;
    height: 100vh; }
  .site-popup .imageHolder .mobile {
    display: none; }
  .site-popup .text-holder {
    text-align: center; }
  .site-popup h2 {
    color: #fff;
    margin-bottom: 20px; }
  .site-popup .btn {
    color: #fff;
    background-color: #CBAC59;
    padding: 0 55px;
    font-size: 14px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    text-transform: uppercase;
    line-height: 27px;
    display: inline-block;
    min-width: 173px;
    text-align: center;
    font-weight: bold;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    border: none;
    height: 45px;
    padding-top: 9px;
    color: #fff;
    background-color: #00C0F3; }
    .site-popup .btn:hover {
      background-color: #fff;
      color: #00C0F3; }
  .site-popup.second-popup {
    background-color: rgba(0, 0, 0, 0.7); }
    .site-popup.second-popup .imageHolder {
      position: relative;
      /*
                  img {
      
                      height: 85vh
                  }*/ }

.second-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000001; }
  .second-popup .imageHolder {
    position: relative; }
    .second-popup .imageHolder img {
      height: auto; }
  .second-popup .block-holder {
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center; }
  .second-popup .close-icon {
    position: absolute;
    top: -40px;
    right: -40px;
    height: 40px;
    width: 40px;
    background: url(../images/close-icon.svg) no-repeat center;
    background-size: 20px; }
  .second-popup .close-button {
    position: absolute;
    height: 60px;
    width: 436px;
    bottom: 0;
    left: 50%;
    transform: translatex(-50%);
    max-width: 100%; }

@media all and (max-width: 1400px) {
  .site-popup.second-popup .imageHolder img {
    height: auto;
    max-width: calc(100% - 40px);
    max-height: 100vh; }

  .second-popup .close-icon {
    right: -12px; } }
@media all and (max-width: 767px) {
  .site-popup .imageHolder .desktop {
    display: none; }
  .site-popup .imageHolder .mobile {
    display: block; } }
.overflowHidden {
  overflow: hidden; }

.noPopus .site-popup {
  display: none !important; }

.join-mailer {
  display: flex;
  align-items: center;
  color: #00C0F3;
  border: 1px solid #00C0F3;
  padding: 8px 20px;
  font-weight: bold;
  background: transparent;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s; }
  .join-mailer:hover {
    background: #f6f6f6; }
  .join-mailer img {
    margin-left: 10px; }

.subscribe-block {
  padding: 120px 0 150px;
  position: relative; }
  .subscribe-block h2 {
    font-size: 32px;
    line-height: 52px;
    margin-bottom: 20px; }
  .subscribe-block .description {
    font-size: 18px;
    line-height: 34px;
    display: block;
    margin-bottom: 30px; }
  .subscribe-block label {
    display: block;
    color: #868686;
    font-size: 14px;
    line-height: 27px;
    margin-bottom: 10px; }
  .subscribe-block input,
  .subscribe-block .dk-selected {
    width: 100%;
    background: transparent;
    border: 1px solid #E4E4E4;
    border-radius: 3px; }
  .subscribe-block .subscribe-image {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 50%; }
  .subscribe-block .input-holder {
    margin-bottom: 20px; }
  .subscribe-block .btn {
    color: #fff;
    background-color: #CBAC59;
    padding: 0 55px;
    font-size: 14px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    text-transform: uppercase;
    line-height: 27px;
    display: inline-block;
    min-width: 173px;
    text-align: center;
    font-weight: bold;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    border: none;
    height: 45px;
    padding-top: 9px;
    color: #fff;
    background-color: #00C0F3;
    padding: 9px;
    border: 1px solid #00C0F3; }
    .subscribe-block .btn:hover {
      background-color: #fff;
      color: #00C0F3; }
  .subscribe-block .btn-container {
    text-align: left;
    margin-top: 40px; }

@font-face {
  font-family: 'Droid Arabic Kufi';
  src: url("fonts/DroidArabicKufi.eot");
  src: url("fonts/DroidArabicKufi.eot?#iefix") format("embedded-opentype"), url("fonts/DroidArabicKufi.woff2") format("woff2"), url("fonts/DroidArabicKufi.woff") format("woff"), url("fonts/DroidArabicKufi.ttf") format("truetype"), url("fonts/DroidArabicKufi.svg#DroidArabicKufi") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Droid Arabic Kufi';
  src: url("fonts/DroidArabicKufi-Bold.eot");
  src: url("fonts/DroidArabicKufi-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/DroidArabicKufi-Bold.woff2") format("woff2"), url("fonts/DroidArabicKufi-Bold.woff") format("woff"), url("fonts/DroidArabicKufi-Bold.ttf") format("truetype"), url("fonts/DroidArabicKufi-Bold.svg#DroidArabicKufi-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap; }
body {
  font-family: 'Droid Arabic Kufi', arial, sans-serif; }

::-webkit-input-placeholder {
  font-family: 'Droid Arabic Kufi'; }

:-moz-placeholder {
  font-family: 'Droid Arabic Kufi'; }

::-moz-placeholder {
  font-family: 'Droid Arabic Kufi'; }

:-ms-input-placeholder {
  font-family: 'Droid Arabic Kufi'; }

.say7atLogo {
  display: none; }

header.fixed .header__main .header__main-inner .header__main-menu li {
  padding: 0 4px;
  padding-top: 14px;
  padding-bottom: 17px; }

/*# sourceMappingURL=annahar-ar.css.map */