@charset "UTF-8";
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
@font-face {
  font-family: 'Noto Naskh Arabic';
  font-style: normal;
  font-weight: 400;
  src: url(/assets/ui/fonts/NotoNaskhArabic-Regular.eot);
  src: url(/assets/ui/fonts/NotoNaskhArabic-Regular.eot?#iefix) format("embedded-opentype"), url(/assets/ui/fonts/NotoNaskhArabic-Regular.woff2) format("woff2"), url(/assets/ui/fonts/NotoNaskhArabic-Regular.woff) format("woff"), url(/assets/ui/fonts/NotoNaskhArabic-Regular.ttf) format("truetype"); }

@font-face {
  font-family: 'Noto Naskh Arabic';
  font-style: normal;
  font-weight: 700;
  src: url(/assets/ui/fonts/NotoNaskhArabic-Bold.eot);
  src: url(/assets/ui/fonts/NotoNaskhArabic-Bold.eot?#iefix) format("embedded-opentype"), url(/assets/ui/fonts/NotoNaskhArabic-Bold.woff2) format("woff2"), url(/assets/ui/fonts/NotoNaskhArabic-Bold.woff) format("woff"), url(/assets/ui/fonts/NotoNaskhArabic-Bold.ttf) format("truetype"); }

@font-face {
  font-family: 'Noto Kufi Arabic';
  font-style: normal;
  font-weight: 400;
  src: url(/assets/ui/fonts/NotoKufiArabic-Regular.eot);
  src: url(/assets/ui/fonts/NotoKufiArabic-Regular.eot?#iefix) format("embedded-opentype"), url(/assets/ui/fonts/NotoKufiArabic-Regular.woff2) format("woff2"), url(/assets/ui/fonts/NotoKufiArabic-Regular.woff) format("woff"), url(/assets/ui/fonts/NotoKufiArabic-Regular.ttf) format("truetype"); }

@font-face {
  font-family: 'Noto Kufi Arabic';
  font-style: normal;
  font-weight: 700;
  src: url(/assets/ui/fonts/NotoKufiArabic-Bold.eot);
  src: url(/assets/ui/fonts/NotoKufiArabic-Bold.eot?#iefix) format("embedded-opentype"), url(/assets/ui/fonts/NotoKufiArabic-Bold.woff2) format("woff2"), url(/assets/ui/fonts/NotoKufiArabic-Bold.woff) format("woff"), url(/assets/ui/fonts/NotoKufiArabic-Bold.ttf) format("truetype"); }

/***********************
 Colors
 ***********************/
/* ==========  Color Palettes  ========== */
/* ==========  Color & Themes  ========== */
/*
 primary - used to represent primary interface elements for a user
 accent - used to represent secondary interface elements for a user
 warn - used to represent interface elements that the user should be careful of

 Use the accent color for your primary action button and components like switches or sliders.
 Only use the accent color for body text to accent a web link.
 Don’t use the accent color for body text color.
 Don’t use the accent color for app bars or larger areas of color. Avoid using the
 same color for the floating action button and the background.
*/
/* ==========  Primary colors  ========== */
.color-primary-200 {
  color: #AFEBF1; }

.color-primary-600 {
  color: #0075bc; }

.color-primary-800 {
  color: #015080; }

.color-primary-200 {
  background-color: #AFEBF1; }

.color-primary-600 {
  background-color: #0075bc; }

.color-primary-800 {
  background-color: #015080; }

/* ==========  Accent colors  ========== */
.color-accent-200 {
  color: #b0bec5; }

.color-accent-400 {
  color: #78909c; }

.color-accent-600 {
  color: #015080; }

.color-accent-800 {
  color: #0075bc; }

.background-color-accent-200 {
  background-color: #b0bec5; }

.background-color-accent-400 {
  background-color: #78909c; }

.background-color-accent-600 {
  background-color: #015080; }

.background-color-accent-800 {
  background-color: #0075bc; }

/* ==========  Warn colors  ========== */
.color-warn-alert {
  color: #f44336; }

.color-warn-success {
  color: #00bb99; }

.color-warn-warning {
  color: #f08a24; }

.color-warn-info {
  color: #a0d3e8; }

.background-color-warn-alert {
  background-color: #f44336; }

.background-color-warn-success {
  background-color: #00bb99; }

.background-color-warn-warning {
  background-color: #f08a24; }

.background-color-warn-info {
  background-color: #a0d3e8; }

/* ==========  others  ========== */
/*
 To convey a hierarchy of information, you can use different shades for text.
 Other elements, such as icons and dividers, also benefit from
 having an alpha value of black instead of a solid color, to make sure
 that they work on backgrounds of any color.
*/
.color-text-primary {
  color: #212121; }

.color-text-primary-inverse {
  color: #dedede; }

.color-text-secondary {
  color: #757575; }

.color-text-secondary-inverse {
  color: #8a8a8a; }

.color-text-thirdly {
  color: #bdbdbd; }

.color-text-thirdly-inverse {
  color: #424242; }

/* ==========  Dividers ========== */
.divider {
  background: rgba(0, 0, 0, 0.12); }

/***********************
 responsive breakpoints
 ***********************/
/***********************
 Direction config
***********************/
/***********************
 Space:
 used for margins and paddings, with Susy's functions (pre(), post(), pull(), squish(), prefix(), suffix(), and pad())
 ***********************/
html, body {
  font-family: "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 400; }

h1, h2, h3, h4, h5, h6, p {
  margin: 0;
  padding: 0; }

/**
 * Class Name Styles
 */
.typography__default-plus-6 {
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 7rem;
  font-weight: 300; }

.typography__default-plus-6--colorContrast {
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 7rem;
  font-weight: 300;
  opacity: 0.54; }

.typography__default-plus-5 {
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 3.5rem;
  font-weight: 400; }

.typography__default-plus-5--colorContrast {
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 3.5rem;
  font-weight: 400;
  opacity: 0.54; }

.typography__default-plus-4 {
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 2.8125rem;
  font-weight: 400; }

.typography__default-plus-4--colorContrast {
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 2.8125rem;
  font-weight: 400;
  opacity: 0.54; }

.typography__default-plus-3 {
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 2.125rem;
  font-weight: 400; }

.typography__default-plus-3--colorContrast {
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 2.125rem;
  font-weight: 400;
  opacity: 0.54; }

.typography__default-plus-2 {
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  -moz-osx-font-smoothing: grayscale; }

.typography__default-plus-2--colorContrast {
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  -moz-osx-font-smoothing: grayscale;
  opacity: 0.87; }

.typography__default-plus-1 {
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 1.3125rem;
  font-weight: 400; }

.typography__default-plus-1--colorContrast {
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 1.3125rem;
  font-weight: 400;
  opacity: 0.87; }

.typography__default {
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 1.125rem;
  font-weight: 500; }

.typography__default--colorContrast {
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
  opacity: 0.87; }

.typography__default-minus-1 {
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 1.0625rem;
  font-weight: 400; }

.typography__default-minus-1--colorContrast {
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 1.0625rem;
  font-weight: 400;
  opacity: 0.87; }

.typography__default-minus-2 {
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 0.9375rem;
  font-weight: 400; }

.typography__default-minus-2--colorContrast {
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 0.9375rem;
  font-weight: 400; }

meta.foundation-version {
  font-family: "/5.5.3/"; }

meta.foundation-mq-small {
  font-family: "/only screen/";
  width: 0; }

meta.foundation-mq-small-only {
  font-family: "/only screen and (max-width: 640px)/";
  width: 0; }

meta.foundation-mq-medium {
  font-family: "/only screen and (min-width:641px)/";
  width: 641px; }

meta.foundation-mq-medium-only {
  font-family: "/only screen and (min-width:641px) and (max-width:1000px)/";
  width: 641px; }

meta.foundation-mq-large {
  font-family: "/only screen and (min-width:1000px)/";
  width: 1000px; }

meta.foundation-mq-large-only {
  font-family: "/only screen and (min-width:1000px) and (max-width:1440px)/";
  width: 1000px; }

meta.foundation-mq-xlarge {
  font-family: "/only screen and (min-width:1441px)/";
  width: 1441px; }

meta.foundation-mq-xlarge-only {
  font-family: "/only screen and (min-width:1441px) and (max-width:1920px)/";
  width: 1441px; }

meta.foundation-mq-xxlarge {
  font-family: "/only screen and (min-width:1921px)/";
  width: 1921px; }

meta.foundation-data-attribute-namespace {
  font-family: false; }

html, body {
  height: 100%; }

*,
*:before,
*:after {
  box-sizing: border-box; }

html, body {
  font-size: 100%; }

body {
  background: #f3f3f3;
  color: #454245;
  cursor: auto;
  font-family: "Noto Kufi Arabic";
  font-style: normal;
  font-weight: normal;
  line-height: 160%;
  margin: 0;
  padding: 0;
  position: relative; }

a:hover {
  cursor: pointer; }

img {
  max-width: 100%;
  height: auto; }

img {
  -ms-interpolation-mode: bicubic; }

#map_canvas img,
#map_canvas embed,
#map_canvas object,
.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
  max-width: none !important; }

.left {
  float: left !important; }

.right {
  float: right !important; }

.clearfix:before, .clearfix:after {
  content: " ";
  display: table; }

.clearfix:after {
  clear: both; }

.hide {
  display: none; }

.invisible {
  visibility: hidden; }

.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

img {
  display: inline-block;
  vertical-align: middle; }

textarea {
  height: auto;
  min-height: 50px; }

select {
  width: 100%; }

.alert-box {
  border-style: solid;
  border-width: 1px;
  display: block;
  font-size: 0.8125rem;
  font-weight: normal;
  margin-bottom: 1.25rem;
  padding: 0.875rem 1.5rem 0.875rem 0.875rem;
  position: relative;
  transition: opacity 300ms ease-out;
  background-color: #0075bc;
  border-color: #0065a2;
  color: #FFFFFF; }
  .alert-box .close {
    left: 0.25rem;
    background: inherit;
    color: #333333;
    font-size: 1.375rem;
    line-height: .9;
    margin-top: -0.6875rem;
    opacity: 0.3;
    padding: 0 6px 4px;
    position: absolute;
    top: 50%; }
    .alert-box .close:hover, .alert-box .close:focus {
      opacity: 0.5; }
  .alert-box.radius {
    border-radius: 3px; }
  .alert-box.round {
    border-radius: 1000px; }
  .alert-box.success {
    background-color: #458D37;
    border-color: #3b792f;
    color: #FFFFFF; }
  .alert-box.alert {
    background-color: #DC0A0A;
    border-color: #bd0909;
    color: #FFFFFF; }
  .alert-box.secondary {
    background-color: #e7e7e7;
    border-color: #c7c7c7;
    color: #4f4f4f; }
  .alert-box.warning {
    background-color: #f08a24;
    border-color: #de770f;
    color: #FFFFFF; }
  .alert-box.info {
    background-color: #a0d3e8;
    border-color: #74bfdd;
    color: #4f4f4f; }
  .alert-box.alert-close {
    opacity: 0; }

button, .button {
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
  border-style: solid;
  border-width: 0;
  cursor: pointer;
  font-family: "Noto Kufi Arabic";
  font-weight: normal;
  line-height: normal;
  margin: 0 0 0;
  position: relative;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  padding: 1rem 2rem 1.0625rem 2rem;
  font-size: 1rem;
  background-color: #0075bc;
  border-color: #005e96;
  color: #FFFFFF;
  transition: background-color 300ms ease-out; }
  button:hover, button:focus, .button:hover, .button:focus {
    background-color: #005e96; }
  button:hover, button:focus, .button:hover, .button:focus {
    color: #FFFFFF; }
  button.secondary, .button.secondary {
    background-color: #e7e7e7;
    border-color: #b9b9b9;
    color: #333333; }
    button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
      background-color: #b9b9b9; }
    button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
      color: #333333; }
  button.success, .button.success {
    background-color: #458D37;
    border-color: #37712c;
    color: #FFFFFF; }
    button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {
      background-color: #37712c; }
    button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {
      color: #FFFFFF; }
  button.alert, .button.alert {
    background-color: #DC0A0A;
    border-color: #b00808;
    color: #FFFFFF; }
    button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {
      background-color: #b00808; }
    button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {
      color: #FFFFFF; }
  button.warning, .button.warning {
    background-color: #f08a24;
    border-color: #cf6e0e;
    color: #FFFFFF; }
    button.warning:hover, button.warning:focus, .button.warning:hover, .button.warning:focus {
      background-color: #cf6e0e; }
    button.warning:hover, button.warning:focus, .button.warning:hover, .button.warning:focus {
      color: #FFFFFF; }
  button.info, .button.info {
    background-color: #a0d3e8;
    border-color: #61b6d9;
    color: #333333; }
    button.info:hover, button.info:focus, .button.info:hover, .button.info:focus {
      background-color: #61b6d9; }
    button.info:hover, button.info:focus, .button.info:hover, .button.info:focus {
      color: #FFFFFF; }
  button.large, .button.large {
    padding: 1.125rem 2.25rem 1.1875rem 2.25rem;
    font-size: 1.25rem; }
  button.small, .button.small {
    padding: 0.875rem 1.75rem 0.9375rem 1.75rem;
    font-size: 0.8125rem; }
  button.tiny, .button.tiny {
    padding: 0.3125rem 0.625rem 0.375rem 0.625rem;
    font-size: 0.6875rem; }
  button.expand, .button.expand {
    padding: 1rem 2rem 1.0625rem 2rem;
    font-size: 1rem;
    padding-bottom: 1.0625rem;
    padding-top: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%; }
  button.left-align, .button.left-align {
    text-align: left;
    text-indent: 0.75rem; }
  button.right-align, .button.right-align {
    text-align: right;
    padding-right: 0.75rem; }
  button.radius, .button.radius {
    border-radius: 3px; }
  button.round, .button.round {
    border-radius: 1000px; }
  button.disabled, button[disabled], .button.disabled, .button[disabled] {
    background-color: #0075bc;
    border-color: #005e96;
    color: #FFFFFF;
    box-shadow: none;
    cursor: default;
    opacity: 0.7; }
    button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
      background-color: #005e96; }
    button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
      color: #FFFFFF; }
    button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
      background-color: #0075bc; }
    button.disabled.secondary, button[disabled].secondary, .button.disabled.secondary, .button[disabled].secondary {
      background-color: #e7e7e7;
      border-color: #b9b9b9;
      color: #333333;
      box-shadow: none;
      cursor: default;
      opacity: 0.7; }
      button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
        background-color: #b9b9b9; }
      button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
        color: #333333; }
      button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
        background-color: #e7e7e7; }
    button.disabled.success, button[disabled].success, .button.disabled.success, .button[disabled].success {
      background-color: #458D37;
      border-color: #37712c;
      color: #FFFFFF;
      box-shadow: none;
      cursor: default;
      opacity: 0.7; }
      button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
        background-color: #37712c; }
      button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
        color: #FFFFFF; }
      button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
        background-color: #458D37; }
    button.disabled.alert, button[disabled].alert, .button.disabled.alert, .button[disabled].alert {
      background-color: #DC0A0A;
      border-color: #b00808;
      color: #FFFFFF;
      box-shadow: none;
      cursor: default;
      opacity: 0.7; }
      button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
        background-color: #b00808; }
      button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
        color: #FFFFFF; }
      button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
        background-color: #DC0A0A; }
    button.disabled.warning, button[disabled].warning, .button.disabled.warning, .button[disabled].warning {
      background-color: #f08a24;
      border-color: #cf6e0e;
      color: #FFFFFF;
      box-shadow: none;
      cursor: default;
      opacity: 0.7; }
      button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus {
        background-color: #cf6e0e; }
      button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus {
        color: #FFFFFF; }
      button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus {
        background-color: #f08a24; }
    button.disabled.info, button[disabled].info, .button.disabled.info, .button[disabled].info {
      background-color: #a0d3e8;
      border-color: #61b6d9;
      color: #333333;
      box-shadow: none;
      cursor: default;
      opacity: 0.7; }
      button.disabled.info:hover, button.disabled.info:focus, button[disabled].info:hover, button[disabled].info:focus, .button.disabled.info:hover, .button.disabled.info:focus, .button[disabled].info:hover, .button[disabled].info:focus {
        background-color: #61b6d9; }
      button.disabled.info:hover, button.disabled.info:focus, button[disabled].info:hover, button[disabled].info:focus, .button.disabled.info:hover, .button.disabled.info:focus, .button[disabled].info:hover, .button[disabled].info:focus {
        color: #FFFFFF; }
      button.disabled.info:hover, button.disabled.info:focus, button[disabled].info:hover, button[disabled].info:focus, .button.disabled.info:hover, .button.disabled.info:focus, .button[disabled].info:hover, .button[disabled].info:focus {
        background-color: #a0d3e8; }

button::-moz-focus-inner {
  border: 0;
  padding: 0; }

@media only screen and (min-width: 641px) {
  button, .button {
    display: inline-block; } }

/* Clearing Styles */
.clearing-thumbs, [data-clearing] {
  list-style: none;
  margin-right: 0;
  margin-bottom: 0; }
  .clearing-thumbs:before, .clearing-thumbs:after, [data-clearing]:before, [data-clearing]:after {
    content: " ";
    display: table; }
  .clearing-thumbs:after, [data-clearing]:after {
    clear: both; }
  .clearing-thumbs li, [data-clearing] li {
    float: right;
    margin-left: 10px; }
  .clearing-thumbs[class*="block-grid-"] li, [data-clearing][class*="block-grid-"] li {
    margin-left: 0; }

.clearing-blackout {
  background: #333333;
  height: 100%;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 998;
  right: 0; }
  .clearing-blackout .clearing-close {
    display: block; }

.clearing-container {
  height: 100%;
  margin: 0;
  overflow: hidden;
  position: relative;
  z-index: 998; }

.clearing-touch-label {
  color: #AAAAAA;
  font-size: .6em;
  left: 50%;
  position: absolute;
  top: 50%; }

.visible-img {
  height: 95%;
  position: relative; }
  .visible-img img {
    position: absolute;
    right: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(50%);
    -ms-transform: translateY(-50%) translateX(50%);
    transform: translateY(-50%) translateX(50%);
    max-height: 100%;
    max-width: 100%; }

.clearing-caption {
  background: #333333;
  bottom: 0;
  color: #CCCCCC;
  font-size: 0.875em;
  line-height: 1.3;
  margin-bottom: 0;
  padding: 10px 30px 20px;
  position: absolute;
  text-align: center;
  width: 100%;
  right: 0; }

.clearing-close {
  color: #CCCCCC;
  display: none;
  font-size: 30px;
  line-height: 1;
  padding-right: 20px;
  padding-top: 10px;
  z-index: 999; }
  .clearing-close:hover, .clearing-close:focus {
    color: #CCCCCC; }

.clearing-assembled .clearing-container {
  height: 100%; }
  .clearing-assembled .clearing-container .carousel > ul {
    display: none; }

.clearing-feature li {
  display: none; }
  .clearing-feature li.clearing-featured-img {
    display: block; }

@media only screen and (min-width: 641px) {
  .clearing-main-prev,
  .clearing-main-next {
    height: 100%;
    position: absolute;
    top: 0;
    width: 40px; }
    .clearing-main-prev > span,
    .clearing-main-next > span {
      border: solid 12px;
      display: block;
      height: 0;
      position: absolute;
      top: 50%;
      width: 0; }
      .clearing-main-prev > span:hover,
      .clearing-main-next > span:hover {
        opacity: .8; }
  .clearing-main-prev {
    right: 0; }
    .clearing-main-prev > span {
      right: 5px;
      border-color: transparent;
      border-left-color: #CCCCCC; }
  .clearing-main-next {
    left: 0; }
    .clearing-main-next > span {
      border-color: transparent;
      border-right-color: #CCCCCC; }
  .clearing-main-prev.disabled,
  .clearing-main-next.disabled {
    opacity: .3; }
  .clearing-assembled .clearing-container .carousel {
    background: rgba(51, 51, 51, 0.8);
    height: 120px;
    margin-top: 10px;
    text-align: center; }
    .clearing-assembled .clearing-container .carousel > ul {
      display: inline-block;
      z-index: 999;
      height: 100%;
      position: relative;
      float: none; }
      .clearing-assembled .clearing-container .carousel > ul li {
        clear: none;
        cursor: pointer;
        display: block;
        float: right;
        margin-left: 0;
        min-height: inherit;
        opacity: .4;
        overflow: hidden;
        padding: 0;
        position: relative;
        width: 120px; }
        .clearing-assembled .clearing-container .carousel > ul li.fix-height img {
          height: 100%;
          max-width: none; }
        .clearing-assembled .clearing-container .carousel > ul li a.th {
          border: none;
          box-shadow: none;
          display: block; }
        .clearing-assembled .clearing-container .carousel > ul li img {
          cursor: pointer !important;
          width: 100% !important; }
        .clearing-assembled .clearing-container .carousel > ul li.visible {
          opacity: 1; }
        .clearing-assembled .clearing-container .carousel > ul li:hover {
          opacity: .8; }
  .clearing-assembled .clearing-container .visible-img {
    background: #333333;
    height: 85%;
    overflow: hidden; }
  .clearing-close {
    padding-right: 0;
    padding-top: 0;
    position: absolute;
    top: 10px;
    left: 20px; } }

/* Standard Forms */
form {
  margin: 0 0 1rem; }

/* Using forms within rows, we need to set some defaults */
form .row .row {
  margin: 0 -0.5rem; }
  form .row .row .column,
  form .row .row .columns {
    padding: 0 0.5rem; }
  form .row .row.collapse {
    margin: 0; }
    form .row .row.collapse .column,
    form .row .row.collapse .columns {
      padding: 0; }
    form .row .row.collapse input {
      -webkit-border-bottom-left-radius: 0;
      -webkit-border-top-left-radius: 0;
      border-bottom-left-radius: 0;
      border-top-left-radius: 0; }

form .row input.column,
form .row input.columns,
form .row textarea.column,
form .row textarea.columns {
  padding-right: 0.5rem; }

/* Label Styles */
label {
  color: #4d4d4d;
  cursor: pointer;
  display: block;
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.5;
  margin-bottom: 0;
  /* Styles for required inputs */ }
  label.right {
    float: none !important;
    text-align: right; }
  label.inline {
    margin: 0 0 1rem 0;
    padding: 0.5625rem 0; }
  label small {
    text-transform: capitalize;
    color: #676767; }

/* Attach elements to the beginning or end of an input */
.prefix,
.postfix {
  border-style: solid;
  border-width: 1px;
  display: block;
  font-size: 0.875rem;
  height: 2.3125rem;
  line-height: 2.3125rem;
  overflow: visible;
  padding-bottom: 0;
  padding-top: 0;
  position: relative;
  text-align: center;
  width: 100%;
  z-index: 2; }

/* Adjust padding, alignment and radius if pre/post element is a button */
.postfix.button {
  border: none;
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 0;
  padding-top: 0;
  text-align: center; }

.prefix.button {
  border: none;
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 0;
  padding-top: 0;
  text-align: center; }

.prefix.button.radius {
  border-radius: 0;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px; }

.postfix.button.radius {
  border-radius: 0;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px; }

.prefix.button.round {
  border-radius: 0;
  -webkit-border-bottom-right-radius: 1000px;
  -webkit-border-top-right-radius: 1000px;
  border-bottom-right-radius: 1000px;
  border-top-right-radius: 1000px; }

.postfix.button.round {
  border-radius: 0;
  -webkit-border-bottom-left-radius: 1000px;
  -webkit-border-top-left-radius: 1000px;
  border-bottom-left-radius: 1000px;
  border-top-left-radius: 1000px; }

/* Separate prefix and postfix styles when on span or label so buttons keep their own */
span.prefix, label.prefix {
  background: #f2f2f2;
  border-left: none;
  color: #333333;
  border-color: #cccccc; }

span.postfix, label.postfix {
  background: #f2f2f2;
  border-right: none;
  color: #333333;
  border-color: #cccccc; }

/* We use this to get basic styling on all basic form elements */
input:not([type]), input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
  background-color: #FFFFFF;
  border-style: solid;
  border-width: 1px;
  border-color: #cccccc;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.75);
  display: block;
  font-family: inherit;
  font-size: 0.875rem;
  height: 2.3125rem;
  margin: 0 0 1rem 0;
  padding: 0.5rem;
  width: 100%;
  box-sizing: border-box;
  transition: border-color 0.15s linear, background 0.15s linear; }
  input:not([type]):focus, input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="color"]:focus, textarea:focus {
    background: #fafafa;
    border-color: #999999;
    outline: none; }
  input:not([type]):disabled, input[type="text"]:disabled, input[type="password"]:disabled, input[type="date"]:disabled, input[type="datetime"]:disabled, input[type="datetime-local"]:disabled, input[type="month"]:disabled, input[type="week"]:disabled, input[type="email"]:disabled, input[type="number"]:disabled, input[type="search"]:disabled, input[type="tel"]:disabled, input[type="time"]:disabled, input[type="url"]:disabled, input[type="color"]:disabled, textarea:disabled {
    background-color: #DDDDDD;
    cursor: default; }
  input:not([type])[disabled], input:not([type])[readonly],
  fieldset[disabled] input:not([type]), input[type="text"][disabled], input[type="text"][readonly],
  fieldset[disabled] input[type="text"], input[type="password"][disabled], input[type="password"][readonly],
  fieldset[disabled] input[type="password"], input[type="date"][disabled], input[type="date"][readonly],
  fieldset[disabled] input[type="date"], input[type="datetime"][disabled], input[type="datetime"][readonly],
  fieldset[disabled] input[type="datetime"], input[type="datetime-local"][disabled], input[type="datetime-local"][readonly],
  fieldset[disabled] input[type="datetime-local"], input[type="month"][disabled], input[type="month"][readonly],
  fieldset[disabled] input[type="month"], input[type="week"][disabled], input[type="week"][readonly],
  fieldset[disabled] input[type="week"], input[type="email"][disabled], input[type="email"][readonly],
  fieldset[disabled] input[type="email"], input[type="number"][disabled], input[type="number"][readonly],
  fieldset[disabled] input[type="number"], input[type="search"][disabled], input[type="search"][readonly],
  fieldset[disabled] input[type="search"], input[type="tel"][disabled], input[type="tel"][readonly],
  fieldset[disabled] input[type="tel"], input[type="time"][disabled], input[type="time"][readonly],
  fieldset[disabled] input[type="time"], input[type="url"][disabled], input[type="url"][readonly],
  fieldset[disabled] input[type="url"], input[type="color"][disabled], input[type="color"][readonly],
  fieldset[disabled] input[type="color"], textarea[disabled], textarea[readonly],
  fieldset[disabled] textarea {
    background-color: #DDDDDD;
    cursor: default; }
  input:not([type]).radius, input[type="text"].radius, input[type="password"].radius, input[type="date"].radius, input[type="datetime"].radius, input[type="datetime-local"].radius, input[type="month"].radius, input[type="week"].radius, input[type="email"].radius, input[type="number"].radius, input[type="search"].radius, input[type="tel"].radius, input[type="time"].radius, input[type="url"].radius, input[type="color"].radius, textarea.radius {
    border-radius: 3px; }

form .row .prefix-radius.row.collapse input,
form .row .prefix-radius.row.collapse textarea,
form .row .prefix-radius.row.collapse select,
form .row .prefix-radius.row.collapse button {
  border-radius: 0;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px; }

form .row .prefix-radius.row.collapse .prefix {
  border-radius: 0;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px; }

form .row .postfix-radius.row.collapse input,
form .row .postfix-radius.row.collapse textarea,
form .row .postfix-radius.row.collapse select,
form .row .postfix-radius.row.collapse button {
  border-radius: 0;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px; }

form .row .postfix-radius.row.collapse .postfix {
  border-radius: 0;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px; }

form .row .prefix-round.row.collapse input,
form .row .prefix-round.row.collapse textarea,
form .row .prefix-round.row.collapse select,
form .row .prefix-round.row.collapse button {
  border-radius: 0;
  -webkit-border-bottom-left-radius: 1000px;
  -webkit-border-top-left-radius: 1000px;
  border-bottom-left-radius: 1000px;
  border-top-left-radius: 1000px; }

form .row .prefix-round.row.collapse .prefix {
  border-radius: 0;
  -webkit-border-bottom-right-radius: 1000px;
  -webkit-border-top-right-radius: 1000px;
  border-bottom-right-radius: 1000px;
  border-top-right-radius: 1000px; }

form .row .postfix-round.row.collapse input,
form .row .postfix-round.row.collapse textarea,
form .row .postfix-round.row.collapse select,
form .row .postfix-round.row.collapse button {
  border-radius: 0;
  -webkit-border-bottom-right-radius: 1000px;
  -webkit-border-top-right-radius: 1000px;
  border-bottom-right-radius: 1000px;
  border-top-right-radius: 1000px; }

form .row .postfix-round.row.collapse .postfix {
  border-radius: 0;
  -webkit-border-bottom-left-radius: 1000px;
  -webkit-border-top-left-radius: 1000px;
  border-bottom-left-radius: 1000px;
  border-top-left-radius: 1000px; }

input[type="submit"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0; }

/* Respect enforced amount of rows for textarea */
textarea[rows] {
  height: auto; }

/* Not allow resize out of parent */
textarea {
  max-width: 100%; }

::-webkit-input-placeholder {
  color: #666666; }

:-moz-placeholder {
  /* Firefox 18- */
  color: #666666; }

::-moz-placeholder {
  /* Firefox 19+ */
  color: #666666; }

:-ms-input-placeholder {
  color: #666666; }

/* Add height value for select elements to match text input height */
select {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background-color: #FAFAFA;
  border-radius: 0;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+");
  background-position: 0% center;
  background-repeat: no-repeat;
  border-style: solid;
  border-width: 1px;
  border-color: #cccccc;
  color: rgba(0, 0, 0, 0.75);
  font-family: inherit;
  font-size: 0.875rem;
  line-height: normal;
  padding: 0.5rem;
  border-radius: 0;
  height: 2.3125rem; }
  select::-ms-expand {
    display: none; }
  select.radius {
    border-radius: 3px; }
  select:focus {
    background-color: #f3f3f3;
    border-color: #999999; }
  select:disabled {
    background-color: #DDDDDD;
    cursor: default; }
  select[multiple] {
    height: auto; }

/* Adjust margin for form elements below */
input[type="file"],
input[type="checkbox"],
input[type="radio"],
select {
  margin: 0 0 1rem 0; }

input[type="checkbox"] + label,
input[type="radio"] + label {
  display: inline-block;
  margin-right: 0.5rem;
  margin-left: 1rem;
  margin-bottom: 0;
  vertical-align: baseline; }

/* Normalize file input width */
input[type="file"] {
  width: 100%; }

/* HTML5 Number spinners settings */
/* We add basic fieldset styling */
fieldset {
  border: 1px solid #DDDDDD;
  margin: 1.125rem 0;
  padding: 1.25rem; }
  fieldset legend {
    font-weight: bold;
    margin: 0;
    margin-right: -0.1875rem;
    padding: 0 0.1875rem; }

/* Error Handling */
[data-abide] .error small.error, [data-abide] .error span.error, [data-abide] span.error, [data-abide] small.error {
  display: block;
  font-size: 0.75rem;
  font-style: italic;
  font-weight: normal;
  margin-bottom: 1rem;
  margin-top: -1px;
  padding: 0.375rem 0.5625rem 0.5625rem;
  background: #DC0A0A;
  color: #FFFFFF; }

[data-abide] span.error, [data-abide] small.error {
  display: none; }

span.error, small.error {
  display: block;
  font-size: 0.75rem;
  font-style: italic;
  font-weight: normal;
  margin-bottom: 1rem;
  margin-top: -1px;
  padding: 0.375rem 0.5625rem 0.5625rem;
  background: #DC0A0A;
  color: #FFFFFF; }

.error input,
.error textarea,
.error select {
  margin-bottom: 0; }

.error input[type="checkbox"],
.error input[type="radio"] {
  margin-bottom: 1rem; }

.error label,
.error label.error {
  color: #DC0A0A; }

.error small.error {
  display: block;
  font-size: 0.75rem;
  font-style: italic;
  font-weight: normal;
  margin-bottom: 1rem;
  margin-top: -1px;
  padding: 0.375rem 0.5625rem 0.5625rem;
  background: #DC0A0A;
  color: #FFFFFF; }

.error > label > small {
  background: transparent;
  color: #676767;
  display: inline;
  font-size: 60%;
  font-style: normal;
  margin: 0;
  padding: 0;
  text-transform: capitalize; }

.error span.error-message {
  display: block; }

input.error,
textarea.error,
select.error {
  margin-bottom: 0; }

label.error {
  color: #DC0A0A; }

.label {
  display: inline-block;
  font-family: "Noto Kufi Arabic";
  font-weight: normal;
  line-height: 1;
  margin-bottom: auto;
  position: relative;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  padding: 0.25rem 0.5rem 0.25rem;
  font-size: 0.6875rem;
  background-color: #0075bc;
  color: #FFFFFF; }
  .label.radius {
    border-radius: 3px; }
  .label.round {
    border-radius: 1000px; }
  .label.alert {
    background-color: #DC0A0A;
    color: #FFFFFF; }
  .label.warning {
    background-color: #f08a24;
    color: #FFFFFF; }
  .label.success {
    background-color: #458D37;
    color: #FFFFFF; }
  .label.secondary {
    background-color: #e7e7e7;
    color: #333333; }
  .label.info {
    background-color: #a0d3e8;
    color: #333333; }

@media (min-width: 1441px) {
  .mi-hide-for-xlarge {
    display: none !important; } }

@media (min-width: 1000px) and (max-width: 1440px) {
  .mi-hide-for-large {
    display: none !important; } }

@media (min-width: 1000px) {
  .mi-hide-for-large-up {
    display: none !important; } }

@media (min-width: 641px) and (max-width: 1000px) {
  .mi-hide-for-medium {
    display: none !important; } }

@media (min-width: 641px) {
  .mi-hide-for-medium-up {
    display: none !important; } }

@media (max-width: 640px) {
  .mi-hide-for-small {
    display: none !important; } }

.mi-show-for-xlarge {
  display: none !important; }
  @media (min-width: 1441px) {
    .mi-show-for-xlarge {
      display: block !important; } }

.mi-show-for-large {
  display: none !important; }
  @media (min-width: 1000px) and (max-width: 1440px) {
    .mi-show-for-large {
      display: block !important; } }

.mi-show-for-large-up {
  display: none !important; }
  @media (min-width: 1000px) {
    .mi-show-for-large-up {
      display: block !important; } }

.mi-show-for-medium {
  display: none !important; }
  @media (min-width: 641px) and (max-width: 1000px) {
    .mi-show-for-medium {
      display: block !important; } }

.mi-show-for-medium-up {
  display: none !important; }
  @media (min-width: 641px) {
    .mi-show-for-medium-up {
      display: block !important; } }

.mi-show-for-small {
  display: none !important; }
  @media (max-width: 640px) {
    .mi-show-for-small {
      display: block !important; } }

@media (max-width: 640px) {
  .mi-hide-for-small {
    display: none !important; } }

.mi-layout-ad-dpf {
  margin-bottom: 1rem; }

html {
  font-size: 16px; }
  @media (max-width: 640px) {
    html {
      font-size: 11px; } }
  @media (min-width: 641px) and (max-width: 1000px) {
    html {
      font-size: 12px; } }
  @media (min-width: 1000px) and (max-width: 1440px) {
    html {
      font-size: 13px; } }

body {
  direction: rtl;
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  background: #f3f3f3;
  position: relative;
  height: auto;
  line-height: 1.6; }
  body:before, body:after {
    content: " ";
    display: table; }
  body:after {
    clear: both; }

.global__clearfix:before, .global__clearfix:after {
  content: " ";
  display: table; }

.global__clearfix:after {
  clear: both; }

.mi-body-overlay {
  background: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 500;
  display: none; }
  @media (min-width: 1000px) {
    .mi-body-overlay {
      display: block; } }

.header:before, .header:after {
  content: " ";
  display: table; }

.header:after {
  clear: both; }

.container {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 0 1rem;
  margin: 0 auto;
  max-width: 640px; }
  .container:before, .container:after {
    content: " ";
    display: table; }
  .container:after {
    clear: both; }
  .container:before, .container:after {
    content: " ";
    display: table; }
  .container:after {
    clear: both; }
  @media (min-width: 641px) {
    .container {
      max-width: 1000px; } }
  @media (min-width: 1000px) {
    .container {
      max-width: 1440px; } }
  @media (min-width: 1441px) {
    .container {
      max-width: 1920px; } }

.mi-content {
  padding-top: 0.5rem;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  clear: both;
  min-height: 1200px; }
  .mi-content:before, .mi-content:after {
    content: " ";
    display: table; }
  .mi-content:after {
    clear: both; }
  @media (min-width: 641px) {
    .mi-content {
      padding-top: 1rem;
      padding-right: 2rem;
      padding-left: 2rem;
      max-width: 1920px;
      margin: 0 auto; } }

.mi-main-content {
  width: 100%;
  float: right;
  margin-right: 0;
  margin-left: 0;
  margin-bottom: 3rem; }
  .mi-main-content:before, .mi-main-content:after {
    content: " ";
    display: table; }
  .mi-main-content:after {
    clear: both; }
  @media (min-width: 641px) and (max-width: 1000px) {
    .mi-main-content {
      width: 100%;
      float: right;
      margin-right: 0;
      margin-left: 0; } }
  @media (min-width: 1000px) and (max-width: 1440px) {
    .mi-main-content {
      width: 70.42254%;
      float: right;
      margin-left: 1.40845%; } }
  @media (min-width: 1441px) {
    .mi-main-content {
      width: 74.64789%;
      float: right;
      margin-left: 1.40845%; } }

.mi-account-content {
  max-width: 640px;
  margin: 1rem auto; }

.mi-full-main-content {
  margin: 1rem auto; }

.mi-account-section {
  border: 1px solid #dfdfdf;
  background: #ffffff;
  padding: 1rem; }
  .mi-account-section form {
    margin: 0; }

.mi-sidebar {
  width: 100%;
  float: right;
  margin-right: 0;
  margin-left: 0;
  padding: 0; }
  .mi-sidebar:before, .mi-sidebar:after {
    content: " ";
    display: table; }
  .mi-sidebar:after {
    clear: both; }
  @media (min-width: 641px) and (max-width: 1000px) {
    .mi-sidebar {
      width: 100%;
      float: right;
      margin-right: 0;
      margin-left: 0; } }
  @media (min-width: 1000px) and (max-width: 1440px) {
    .mi-sidebar {
      width: 28.16901%;
      float: left;
      margin-left: 0; } }
  @media (min-width: 1441px) {
    .mi-sidebar {
      width: 23.94366%;
      float: left;
      margin-left: 0; } }

.global__button__load-more {
  width: 100%;
  margin: 1.5rem 0; }

.global__h1 {
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 2.125rem;
  font-weight: 400;
  color: white;
  background-color: #0075bc;
  padding: 0 1rem;
  margin: 0 0 1rem; }
  .global__h1:before, .global__h1:after {
    content: " ";
    display: table; }
  .global__h1:after {
    clear: both; }
  .global__h1 button {
    float: left;
    padding: 0.75rem; }

.global__h2, .global__h2--collapsed {
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  -moz-osx-font-smoothing: grayscale;
  margin: 1rem 0 0.5rem;
  padding: 0.5rem 1rem;
  border-bottom: 1px solid #CCC;
  background-color: white;
  border-bottom: 2px solid #0075bc; }
  .global__h2 button, .global__h2--collapsed button {
    float: left;
    background: none;
    padding: 0.5rem;
    color: #757575; }
    .global__h2 button:hover, .global__h2--collapsed button:hover, .global__h2 button:active, .global__h2--collapsed button:active {
      color: #0075bc; }

.global__h2--collapsed {
  margin-top: 0; }

.global__h3 {
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 1.3125rem;
  font-weight: 400;
  margin: 1rem 0;
  background-color: white; }

.global__no-results {
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
  text-align: center;
  display: block; }

.global__loading {
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
  text-align: center;
  display: block; }

a {
  text-decoration: none;
  color: #015080; }
  a:hover {
    text-decoration: none;
    color: #0075bc; }

select, input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"] {
  height: 3rem; }

.invisible {
  visibility: hidden; }

.hidden {
  display: none; }

.global__wrap {
  white-space: normal !important; }

.nowrap {
  white-space: nowrap; }

/***********************
 material whiteframe shadows
 ***********************/
.md-whiteframe-z1 {
  border: 1px solid #dfdfdf;
  margin-bottom: 1rem;
  padding: 1rem;
  background-color: white;
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(43, 59, 93, 0.29); }

.md-whiteframe-z1--collapsed {
  border: 1px solid #dfdfdf;
  margin-bottom: 0;
  padding: 1rem;
  background-color: white;
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(43, 59, 93, 0.29); }

.md-whiteframe-z1__nested {
  margin-bottom: 1rem;
  padding: 1rem;
  background-color: white; }

.md-whiteframe-z2 {
  box-shadow: 0px 8px 17px rgba(0, 0, 0, 0.2); }

.md-whiteframe-z3 {
  box-shadow: 0px 17px 50px rgba(0, 0, 0, 0.19); }

.md-whiteframe-z4 {
  box-shadow: 0px 16px 28px 0 rgba(0, 0, 0, 0.22); }

.md-whiteframe-z5 {
  box-shadow: 0px 27px 24px 0 rgba(0, 0, 0, 0.2); }

.up, .up-with-icon {
  color: #458D37; }

.down, .down-with-icon {
  color: #DC0A0A; }

.up-with-icon:before {
  font-family: fontawesome;
  padding-right: 0.25rem;
  content: '\f0d8'; }

.up-icon-only:before {
  color: #458D37;
  font-family: fontawesome;
  padding-right: 0.25rem;
  content: '\f0d8'; }

.down-with-icon:before {
  font-family: fontawesome;
  padding-right: 0.25rem;
  content: '\f0d7'; }

.down-icon-only:before {
  color: #DC0A0A;
  font-family: fontawesome;
  padding-right: 0.5rem;
  content: '\f0d7'; }

.global__center {
  text-align: center; }

::-webkit-scrollbar {
  -webkit-appearance: none; }

::-webkit-scrollbar:vertical {
  width: 12px; }

::-webkit-scrollbar:horizontal {
  height: 12px; }

::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  border: 2px solid #ffffff; }

::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #ffffff; }

.global__reset {
  float: left;
  clear: left;
  margin-top: 0.5rem; }

ul, menu, dir {
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0;
  -webkit-padding-start: 0; }

pre {
  display: inline; }

ul, ol {
  list-style-position: inside; }

button:focus {
  outline: 0; }

.global__section-description {
  color: #757575;
  margin-bottom: 1rem;
  display: block; }

.global__more-link {
  padding-top: 1rem;
  text-align: left;
  margin-top: 1rem; }

/***********************
 Cross-browser normalization for input[type=range] fields
 ***********************/
input[type=range] {
  -webkit-appearance: none;
  margin: 18px 0;
  width: 100%; }

input[type=range]:focus {
  outline: none; }

input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  background: #3071a9;
  border-radius: 1.3px;
  border: 0.2px solid #010101; }

input[type=range]::-webkit-slider-thumb {
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 1px solid #000000;
  height: 36px;
  width: 16px;
  border-radius: 3px;
  background: #ffffff;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -14px; }

input[type=range]:focus::-webkit-slider-runnable-track {
  background: #367ebd; }

input[type=range]::-moz-range-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  background: #3071a9;
  border-radius: 1.3px;
  border: 0.2px solid #010101; }

input[type=range]::-moz-range-thumb {
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 1px solid #000000;
  height: 36px;
  width: 16px;
  border-radius: 3px;
  background: #ffffff;
  cursor: pointer; }

input[type=range]::-ms-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  border-width: 16px 0;
  color: transparent; }

input[type=range]::-ms-fill-lower {
  background: #2a6495;
  border: 0.2px solid #010101;
  border-radius: 2.6px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; }

input[type=range]::-ms-fill-upper {
  background: #3071a9;
  border: 0.2px solid #010101;
  border-radius: 2.6px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; }

input[type=range]::-ms-thumb {
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 1px solid #000000;
  height: 36px;
  width: 16px;
  border-radius: 3px;
  background: #ffffff;
  cursor: pointer; }

input[type=range]:focus::-ms-fill-lower {
  background: #3071a9; }

input[type=range]:focus::-ms-fill-upper {
  background: #367ebd; }

/*rtl:ignore*/
.number, .up, .up-with-icon, .down, .down-with-icon {
  direction: ltr;
  white-space: nowrap; }

.number--aligned {
  text-align: right; }

.number, .up, .up-with-icon, .down, .down-with-icon {
  text-align: right; }

.global__section-label {
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
  border-style: solid;
  border-width: 0;
  cursor: pointer;
  font-family: "Noto Kufi Arabic";
  font-weight: normal;
  line-height: normal;
  margin: 0 0 0;
  position: relative;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  padding: 1rem 2rem 1.0625rem 2rem;
  font-size: 1rem;
  background-color: #efefef;
  border-color: #bfbfbf;
  color: #333333;
  border-radius: 6px;
  transition: background-color 300ms ease-out;
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1;
  display: inline-block;
  vertical-align: middle;
  padding: 7px 10px !important;
  box-sizing: border-box;
  font-weight: bold;
  margin: 0 0 0 0.25rem !important;
  color: #0075bc; }
  .global__section-label:hover, .global__section-label:focus {
    background-color: #24c9dd; }
  .global__section-label:hover, .global__section-label:focus {
    color: #FFFFFF; }
  .global__section-label:hover {
    color: #FFF; }

.global__section-label--fixed-positioned {
  position: absolute;
  bottom: 1rem; }

.global__change-view {
  text-align: left; }
  .global__change-view button {
    padding: 5px 10px;
    margin-bottom: 0.5rem; }

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {
  margin-bottom: 0; }

label {
  margin-top: 1rem; }

.global__submit {
  direction: ltr;
  padding: 0.5rem 0; }

.global__form-note {
  color: #8a8a8a;
  display: block; }

input::-webkit-input-placeholder {
  color: rgba(221, 0, 0, 0.19); }

input:-moz-placeholder {
  /* Firefox 18- */
  color: rgba(221, 0, 0, 0.19); }

input::-moz-placeholder {
  /* Firefox 19+ */
  color: rgba(221, 0, 0, 0.19); }

input:-ms-input-placeholder {
  color: rgba(221, 0, 0, 0.19); }

.global__table-container {
  overflow-x: scroll;
  overflow-y: hidden; }

.global__active-tab > a {
  border-bottom: 3px solid #0075bc; }

.global__active {
  background-color: #015080; }

.global__ltr {
  direction: ltr; }

/*rtl:ignore*/
.global_chart-container {
  direction: ltr; }

.global_wrap_on_small_only {
  white-space: nowrap; }
  @media (max-width: 640px) {
    .global_wrap_on_small_only {
      white-space: normal;
      text-align: center !important; } }

.global__form-hint {
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  color: #757575; }

.global__inline-label {
  display: inline-block;
  margin-left: 1.5rem; }

.global__inline {
  display: inline; }

/*rtl:insert:{value}*/
.ad-iframe {
  border: none; }

.ad-iframe body {
  margin: 0; }

iframe.ad-iframe::-webkit-scrollbar {
  width: 0 !important; }

iframe.ad-iframe {
  overflow: -moz-scrollbars-none; }

iframe.ad-iframe {
  -ms-overflow-style: none; }

.triangle--up {
  width: 0;
  height: 0;
  border-right-style: solid;
  border-right-color: transparent;
  border-right-width: 1em;
  border-left-style: solid;
  border-left-color: transparent;
  border-left-width: 1em;
  border-bottom-color: black;
  border-bottom-style: solid;
  border-bottom-width: 1em; }

.triangle--down {
  width: 0;
  height: 0;
  border-right-style: solid;
  border-right-color: transparent;
  border-right-width: 1em;
  border-left-style: solid;
  border-left-color: transparent;
  border-left-width: 1em;
  border-top-color: black;
  border-top-style: solid;
  border-top-width: 1em; }

.triangle--right {
  width: 0;
  height: 0;
  border-top-style: solid;
  border-top-color: transparent;
  border-top-width: 1em;
  border-bottom-style: solid;
  border-bottom-color: transparent;
  border-bottom-width: 1em;
  border-left-color: black;
  border-left-style: solid;
  border-left-width: 1em; }

.triangle--left {
  width: 0;
  height: 0;
  border-top-style: solid;
  border-top-color: transparent;
  border-top-width: 1em;
  border-bottom-style: solid;
  border-bottom-color: transparent;
  border-bottom-width: 1em;
  border-right-color: black;
  border-right-style: solid;
  border-right-width: 1em; }

.triangle--top-left {
  width: 0;
  height: 0;
  border-right-style: solid;
  border-right-color: transparent;
  border-right-width: 1em;
  border-top-color: black;
  border-top-style: solid;
  border-top-width: 1em; }

.triangle--top-right {
  width: 0;
  height: 0;
  border-left-style: solid;
  border-left-color: transparent;
  border-left-width: 1em;
  border-top-color: black;
  border-top-style: solid;
  border-top-width: 1em; }

.triangle--bottom-left {
  width: 0;
  height: 0;
  border-right-style: solid;
  border-right-color: transparent;
  border-right-width: 1em;
  border-bottom-color: black;
  border-bottom-style: solid;
  border-bottom-width: 1em; }

.triangle--bottom-right {
  width: 0;
  height: 0;
  border-left-style: solid;
  border-left-color: transparent;
  border-left-width: 1em;
  border-bottom-color: black;
  border-bottom-style: solid;
  border-bottom-width: 1em; }

.mi-card__image {
  width: 100%;
  background: #015080;
  z-index: 2; }
  .mi-card__image img {
    width: 100%;
    opacity: .6;
    transition: opacity .5s, -webkit-transform .5s;
    transition: opacity .5s, transform .5s;
    transition: opacity .5s, transform .5s, -webkit-transform .5s; }

.mi-card {
  position: relative;
  padding-top: 62.5%;
  height: 0;
  width: 100%;
  overflow: hidden; }
  .mi-card:hover img {
    opacity: .7;
    -webkit-transform: scale3d(1.05, 1.05, 1);
            transform: scale3d(1.05, 1.05, 1); }

.mi-card__image {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0; }
  .mi-card__image img {
    height: 100%; }

.mi-card__content {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 3;
  padding: 1rem;
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 0.9375rem;
  font-weight: 400; }
  .mi-card__content:before, .mi-card__content:after {
    content: " ";
    display: table; }
  .mi-card__content:after {
    clear: both; }

.mi-card__text {
  width: 100%;
  font-size: 0.8125rem;
  color: #DDDDDD;
  margin: 0.3125rem 0 0; }
  @media (min-width: 1000px) {
    .mi-card__text {
      font-size: 1.05625rem; } }

.mi-card__media-icon {
  display: block;
  text-align: left;
  font-weight: normal;
  color: #ffffff; }

.mi-card--radio {
  position: relative;
  padding-top: 25%;
  height: 0;
  width: 100%;
  overflow: hidden; }
  .mi-card--radio:hover img {
    opacity: .7;
    -webkit-transform: scale3d(1.05, 1.05, 1);
            transform: scale3d(1.05, 1.05, 1); }

.mi-card--radio__title {
  margin: 0.3125rem 0 0;
  display: block;
  width: 100%;
  font-size: 1rem;
  color: #ffffff;
  padding: 1rem; }
  .mi-card--radio__title:hover {
    color: #f2f2f2; }

.mi-indices-summary__panel:before, .mi-indices-summary__panel:after {
  content: " ";
  display: table; }

.mi-indices-summary__panel:after {
  clear: both; }

.mi-home-chart__summary {
  padding: 0.5rem .7rem;
  font-weight: bold;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto; }
  .mi-home-chart__summary:before, .mi-home-chart__summary:after {
    content: " ";
    display: table; }
  .mi-home-chart__summary:after {
    clear: both; }
  .mi-home-chart__summary:before, .mi-home-chart__summary:after {
    content: " ";
    display: table; }
  .mi-home-chart__summary:after {
    clear: both; }

.mi-home-chart__summary-change-container {
  width: 49.29577%;
  float: right;
  margin-left: 1.40845%;
  line-height: 2.3; }

.mi-home-chart__summary-current {
  color: #757575;
  font-weight: bold;
  font-size: 2.0625rem;
  width: 49.29577%;
  float: left;
  margin-left: 0;
  text-align: left; }

.mi-home-chart__summary-change {
  display: table-cell;
  padding-left: 1rem;
  font-size: 1.5rem; }

/*rtl:ignore*/
.mi-home-chart__plot-aria {
  direction: ltr; }

.mi-home-chart__stats {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0.25rem; }
  .mi-home-chart__stats:before, .mi-home-chart__stats:after {
    content: " ";
    display: table; }
  .mi-home-chart__stats:after {
    clear: both; }

.mi-home-chart__stats-item, .mi-home-chart__stats-item--full {
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 1.0625rem;
  font-weight: 400;
  line-height: 1.25rem;
  font-weight: bold;
  background: #eceff1;
  padding: 0.5rem;
  color: #253136;
  text-align: center; }

.mi-home-chart__stats-item {
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 0.9375rem;
  font-weight: 400;
  width: 33.33333%;
  float: right;
  border-left: 1px solid #ffffff; }
  .mi-home-chart__stats-item:last-child {
    border-left: none; }

.mi-home-chart__stats-item--full {
  width: 100%;
  float: right;
  margin-right: 0;
  margin-left: 0; }

.mi-home-chart__stats-item-title {
  display: block;
  margin-bottom: 0.25rem; }

.mi-home-chart__traded-companies {
  margin: 0.5rem 0; }
  .mi-home-chart__traded-companies:before, .mi-home-chart__traded-companies:after {
    content: " ";
    display: table; }
  .mi-home-chart__traded-companies:after {
    clear: both; }

.mi-home-chart__traded-companies-down, .mi-home-chart__traded-companies-flat, .mi-home-chart__traded-companies-up {
  display: block;
  float: left;
  font-size: 0.75rem; }

.mi-home-chart__traded-companies-down {
  color: #DC0A0A;
  text-align: left; }

.mi-home-chart__traded-companies-flat {
  color: #253136;
  position: relative;
  text-align: center; }

.mi-home-chart__traded-companies-up {
  color: #458D37;
  text-align: right; }

.mi-home-chart__traded-companies-down-bar, .mi-home-chart__traded-companies-up-bar, .mi-home-chart__traded-companies-flat-bar {
  margin: 0.3125rem 0;
  height: 0.3125rem;
  display: block;
  width: 100%; }

.mi-home-chart__traded-companies-down-bar {
  background: #DC0A0A; }

.mi-home-chart__traded-companies-up-bar {
  background: #458D37; }

.mi-home-chart__traded-companies-flat-bar {
  background: #ffffff; }

.mi-home-chart__traded-companies-flat-bar--vertical {
  display: block;
  width: 0;
  height: 30%;
  border-right: 1px dashed #0BCCA9;
  position: absolute;
  top: 40%;
  left: 50%; }

.mi-indices-summary__tabs {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  border-bottom: 0.25rem solid #015080; }
  .mi-indices-summary__tabs:before, .mi-indices-summary__tabs:after {
    content: " ";
    display: table; }
  .mi-indices-summary__tabs:after {
    clear: both; }
  .mi-indices-summary__tabs:before, .mi-indices-summary__tabs:after {
    content: " ";
    display: table; }
  .mi-indices-summary__tabs:after {
    clear: both; }

.mi-indices-summary__tab {
  width: 22%;
  float: right;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
  border-style: solid;
  border-width: 0;
  cursor: pointer;
  font-family: "Noto Kufi Arabic";
  font-weight: normal;
  line-height: normal;
  margin: 0 0 0;
  position: relative;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  padding: 0.25rem 0.5rem 0.3125rem 0.5rem;
  background-color: #0075bc;
  border-color: #005e96;
  color: #FFFFFF;
  transition: background-color 300ms ease-out;
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 0.8125rem;
  font-weight: 400;
  color: #ffffff;
  border-right: 1px solid #fff;
  text-align: center; }
  .mi-indices-summary__tab:nth-child(4) {
    width: 34%;
    float: right; }
  .mi-indices-summary__tab:hover, .mi-indices-summary__tab:focus {
    background-color: #005e96; }
  .mi-indices-summary__tab:hover, .mi-indices-summary__tab:focus {
    color: #FFFFFF; }
  .mi-indices-summary__tab.active {
    background-color: #015080; }
  .mi-indices-summary__tab:first-of-type {
    border-right: none; }

.mi-indices-summary__content {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0 0 0.5rem; }
  .mi-indices-summary__content:before, .mi-indices-summary__content:after {
    content: " ";
    display: table; }
  .mi-indices-summary__content:after {
    clear: both; }
  .mi-indices-summary__content:before, .mi-indices-summary__content:after {
    content: " ";
    display: table; }
  .mi-indices-summary__content:after {
    clear: both; }

.vPages--default .mi-home-chart__market-label {
  display: none; }

.mi-home-chart__market-label {
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  color: #015080;
  font-weight: bold;
  text-align: left; }
  .mi-home-chart__market-label:hover {
    color: #0075bc; }

.mi-indices-summary__row {
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 0.9375rem;
  font-weight: 400;
  margin: 0.25rem 0;
  padding: 0.5rem;
  color: #212121;
  display: block;
  border: 1px solid #dfdfdf;
  background: #ffffff; }
  .mi-indices-summary__row:before, .mi-indices-summary__row:after {
    content: " ";
    display: table; }
  .mi-indices-summary__row:after {
    clear: both; }

.mi-indices-summary__index-name {
  width: 41.66667%;
  float: right;
  font-size: 0.875rem;
  text-align: right; }

.mi-indices-summary__value, .mi-indices-summary__change, .mi-indices-summary__change-percentage {
  font-size: 0.875rem;
  direction: ltr;
  text-align: right; }

/*rtl:ignore*/
.mi-indices-summary__value {
  width: 25%;
  float: right; }

/*rtl:ignore*/
.mi-indices-summary__change {
  width: 16.66667%;
  float: right; }

/*rtl:ignore*/
.mi-indices-summary__change-percentage {
  width: 16.66667%;
  float: right; }

.mi-home-chart__date {
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 0.8125rem;
  font-weight: 400;
  color: #757575;
  margin-top: 0.5rem;
  text-align: right; }

.mi-section__title, .mi-section__title--spaced, .mi-section__title--collapsed {
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 2.125rem;
  font-weight: 400;
  color: white;
  background-color: #0075bc;
  padding: 0 1rem; }

.mi-section__title, .mi-section__title--spaced {
  margin: 0 0 0.5rem;
  border-bottom: 2px solid #0075bc; }

.mi-section__title--collapsed {
  margin: 0; }

.mi-section__sub-title {
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
  color: #212121;
  background-color: white;
  padding: 0.5rem 1rem; }

.mi-special-coverage {
  background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.5)), url("images/SpecialReports.jpg");
  background-size: cover; }

.mi-special-coverage__title {
  text-align: center; }

.mi-special-coverage__news-list {
  width: 77.35849%;
  float: left;
  margin-left: 0;
  margin-right: 8.4507%;
  margin-left: 8.4507%;
  list-style: none; }
  .mi-special-coverage__news-list:before, .mi-special-coverage__news-list:after {
    content: " ";
    display: table; }
  .mi-special-coverage__news-list:after {
    clear: both; }

.mi-special-coverage__news-item {
  text-align: right; }
  @media (min-width: 1000px) {
    .mi-special-coverage__news-item {
      width: 48.78049%;
      float: right;
      margin-left: 2.43902%; }
      .mi-special-coverage__news-item:nth-child(odd) {
        clear: both; }
      .mi-special-coverage__news-item:nth-child(even) {
        float: left;
        margin-left: 0; }
        .mi-special-coverage__news-item:nth-child(even):before, .mi-special-coverage__news-item:nth-child(even):after {
          content: " ";
          display: table; }
        .mi-special-coverage__news-item:nth-child(even):after {
          clear: both; } }

.mi-special-coverage__link:hover {
  text-decoration: underline; }

.mi-special-coverage__submit-container {
  clear: both;
  text-align: center; }

.mi-social-statistics {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  color: #f3f3f3; }
  .mi-social-statistics:before, .mi-social-statistics:after {
    content: " ";
    display: table; }
  .mi-social-statistics:after {
    clear: both; }
  .mi-social-statistics:before, .mi-social-statistics:after {
    content: " ";
    display: table; }
  .mi-social-statistics:after {
    clear: both; }

.mi-social-statistics--facebook {
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
  border-style: solid;
  border-width: 0;
  cursor: pointer;
  font-family: "Noto Kufi Arabic";
  font-weight: normal;
  line-height: normal;
  margin: 0 0 0;
  position: relative;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  padding: 1rem 2rem 1.0625rem 2rem;
  font-size: 1rem;
  background-color: #426FCA;
  border-color: #2f57a7;
  color: #FFFFFF;
  transition: background-color 300ms ease-out; }
  .mi-social-statistics--facebook:hover, .mi-social-statistics--facebook:focus {
    background-color: #2f57a7; }
  .mi-social-statistics--facebook:hover, .mi-social-statistics--facebook:focus {
    color: #FFFFFF; }

.mi-social-statistics--twitter {
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
  border-style: solid;
  border-width: 0;
  cursor: pointer;
  font-family: "Noto Kufi Arabic";
  font-weight: normal;
  line-height: normal;
  margin: 0 0 0;
  position: relative;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  padding: 1rem 2rem 1.0625rem 2rem;
  font-size: 1rem;
  background-color: #00C9DA;
  border-color: #00a1ae;
  color: #FFFFFF;
  transition: background-color 300ms ease-out; }
  .mi-social-statistics--twitter:hover, .mi-social-statistics--twitter:focus {
    background-color: #00a1ae; }
  .mi-social-statistics--twitter:hover, .mi-social-statistics--twitter:focus {
    color: #FFFFFF; }

.mi-social-statistics--google-plus {
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
  border-style: solid;
  border-width: 0;
  cursor: pointer;
  font-family: "Noto Kufi Arabic";
  font-weight: normal;
  line-height: normal;
  margin: 0 0 0;
  position: relative;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  padding: 1rem 2rem 1.0625rem 2rem;
  font-size: 1rem;
  background-color: #7b807a;
  border-color: #626662;
  color: #FFFFFF;
  transition: background-color 300ms ease-out; }
  .mi-social-statistics--google-plus:hover, .mi-social-statistics--google-plus:focus {
    background-color: #626662; }
  .mi-social-statistics--google-plus:hover, .mi-social-statistics--google-plus:focus {
    color: #FFFFFF; }

.mi-social-statistics--rss {
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
  border-style: solid;
  border-width: 0;
  cursor: pointer;
  font-family: "Noto Kufi Arabic";
  font-weight: normal;
  line-height: normal;
  margin: 0 0 0;
  position: relative;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  padding: 1rem 2rem 1.0625rem 2rem;
  font-size: 1rem;
  background-color: #DEA300;
  border-color: #b28200;
  color: #FFFFFF;
  transition: background-color 300ms ease-out; }
  .mi-social-statistics--rss:hover, .mi-social-statistics--rss:focus {
    background-color: #b28200; }
  .mi-social-statistics--rss:hover, .mi-social-statistics--rss:focus {
    color: #FFFFFF; }
  .mi-social-statistics--rss i {
    display: block;
    font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
    font-size: 1.3125rem;
    font-weight: 400; }

.mi-social-statistics__item {
  width: 33.33333%;
  float: right;
  padding: 0;
  text-align: center; }
  .mi-social-statistics__item:last-of-type {
    float: left;
    margin-left: 0; }
  .mi-social-statistics__item:hover {
    text-decoration: none; }

.mi-social-statistics__number {
  display: block;
  font-size: 1.5em;
  font-weight: bold;
  color: #f2f2f2;
  padding-top: .3em;
  padding-bottom: .3em; }

.mi-social-statistics__register {
  font-size: .8em;
  border-top: 2px solid #f3f3f3;
  display: block;
  color: #f2f2f2;
  font-size: 1.1em; }
  .mi-social-statistics__register i {
    font-family: 'fontawesome';
    display: inline; }

.mi-inforex {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  background-color: #eeeeee;
  padding-bottom: 0.5rem; }
  .mi-inforex:before, .mi-inforex:after {
    content: " ";
    display: table; }
  .mi-inforex:after {
    clear: both; }
  .mi-inforex:before, .mi-inforex:after {
    content: " ";
    display: table; }
  .mi-inforex:after {
    clear: both; }

.mi-inforex__header {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  padding-top: 0.5rem;
  padding-left: 0.5rem;
  color: #757575;
  margin: 0;
  font-size: 1.6em;
  background-color: #0075bc;
  display: block; }
  .mi-inforex__header:hover {
    text-decoration: underline; }

.mi-inforex__list {
  padding: 0 .8em .8em .8em; }

.mi-inforex__item {
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
  border-style: solid;
  border-width: 0;
  cursor: pointer;
  font-family: "Noto Kufi Arabic";
  font-weight: normal;
  line-height: normal;
  margin: 0 0 0;
  position: relative;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  padding: 1rem 2rem 1.0625rem 2rem;
  font-size: 1rem;
  background-color: #fff;
  border-color: #cccccc;
  color: #333333;
  box-shadow: none;
  cursor: default;
  opacity: 0.7;
  transition: background-color 300ms ease-out;
  background-color: #fff;
  list-style: none;
  text-align: center;
  margin-top: .8em;
  padding: 1em;
  width: 49.0566%;
  float: right;
  margin-left: 1.88679%; }
  .mi-inforex__item:hover, .mi-inforex__item:focus {
    background-color: #cccccc; }
  .mi-inforex__item:hover, .mi-inforex__item:focus {
    color: #333333; }
  .mi-inforex__item:hover, .mi-inforex__item:focus {
    background-color: #fff; }
  .mi-inforex__item:nth-child(even) {
    float: left;
    margin-left: 0; }

.mi-inforex__text1 {
  display: block;
  color: #ebca7b;
  font-size: 1.4em;
  font-weight: bold; }

.mi-inforex__text2 {
  display: block;
  color: #666060;
  font-size: 2.5em;
  font-weight: bold; }

.mi-layout-home__mubasher-tv-item {
  margin-bottom: 1rem;
  width: 100%;
  float: right;
  margin-right: 0;
  margin-left: 0; }
  .mi-layout-home__mubasher-tv-item:before, .mi-layout-home__mubasher-tv-item:after {
    content: " ";
    display: table; }
  .mi-layout-home__mubasher-tv-item:after {
    clear: both; }
  @media (min-width: 641px) and (max-width: 1000px) {
    .mi-layout-home__mubasher-tv-item {
      width: 100%;
      float: right;
      margin-right: 0;
      margin-left: 0; } }
  @media (min-width: 1000px) and (max-width: 1440px) {
    .mi-layout-home__mubasher-tv-item {
      width: 100%;
      float: right;
      margin-right: 0;
      margin-left: 0; } }
  @media (min-width: 1441px) {
    .mi-layout-home__mubasher-tv-item {
      width: 100%;
      float: right;
      margin-right: 0;
      margin-left: 0; } }
  .mi-layout-home__mubasher-tv-item:nth-child(3) {
    width: 49.0566%;
    float: right;
    margin-left: 1.88679%; }
    .mi-layout-home__mubasher-tv-item:nth-child(3):before, .mi-layout-home__mubasher-tv-item:nth-child(3):after {
      content: " ";
      display: table; }
    .mi-layout-home__mubasher-tv-item:nth-child(3):after {
      clear: both; }
    @media (min-width: 641px) and (max-width: 1000px) {
      .mi-layout-home__mubasher-tv-item:nth-child(3) {
        width: 48.27586%;
        float: right;
        margin-left: 3.44828%; } }
    @media (min-width: 1000px) and (max-width: 1440px) {
      .mi-layout-home__mubasher-tv-item:nth-child(3) {
        width: 100%;
        float: right;
        margin-right: 0;
        margin-left: 0; } }
    @media (min-width: 1441px) {
      .mi-layout-home__mubasher-tv-item:nth-child(3) {
        width: 100%;
        float: right;
        margin-right: 0;
        margin-left: 0; } }
  .mi-layout-home__mubasher-tv-item:nth-child(4) {
    width: 49.0566%;
    float: left;
    margin-left: 0; }
    .mi-layout-home__mubasher-tv-item:nth-child(4):before, .mi-layout-home__mubasher-tv-item:nth-child(4):after {
      content: " ";
      display: table; }
    .mi-layout-home__mubasher-tv-item:nth-child(4):after {
      clear: both; }
    @media (min-width: 641px) and (max-width: 1000px) {
      .mi-layout-home__mubasher-tv-item:nth-child(4) {
        width: 48.27586%;
        float: left;
        margin-left: 0; } }
    @media (min-width: 1000px) and (max-width: 1440px) {
      .mi-layout-home__mubasher-tv-item:nth-child(4) {
        width: 100%;
        float: right;
        margin-right: 0;
        margin-left: 0; } }
    @media (min-width: 1441px) {
      .mi-layout-home__mubasher-tv-item:nth-child(4) {
        width: 100%;
        float: right;
        margin-right: 0;
        margin-left: 0; } }

.mi-important-links {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  color: #f3f3f3; }
  .mi-important-links:before, .mi-important-links:after {
    content: " ";
    display: table; }
  .mi-important-links:after {
    clear: both; }
  .mi-important-links:before, .mi-important-links:after {
    content: " ";
    display: table; }
  .mi-important-links:after {
    clear: both; }

.mi-important-links__item {
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
  border-style: solid;
  border-width: 0;
  cursor: pointer;
  font-family: "Noto Kufi Arabic";
  font-weight: normal;
  line-height: normal;
  margin: 0 0 0;
  position: relative;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  padding: 1rem 2rem 1.0625rem 2rem;
  font-size: 1rem;
  background-color: #0075bc;
  border-color: #005e96;
  color: #FFFFFF;
  transition: background-color 300ms ease-out;
  width: 49.0566%;
  float: right;
  margin-left: 1.88679%;
  height: 100px;
  padding: .5em 0;
  color: #f3f3f3; }
  .mi-important-links__item:hover, .mi-important-links__item:focus {
    background-color: #005e96; }
  .mi-important-links__item:hover, .mi-important-links__item:focus {
    color: #FFFFFF; }
  .mi-important-links__item:nth-child(even) {
    float: left;
    margin-left: 0; }
  .mi-important-links__item:first-child, .mi-important-links__item:nth-child(2) {
    margin-bottom: 0.5rem; }

.mi-important-links__text1 {
  font-size: 1.7em;
  font-weight: bold;
  line-height: 1.6; }

.mi-important-links__text2 {
  display: inline-block;
  font-family: "Noto Kufi Arabic";
  font-weight: normal;
  line-height: 1;
  margin-bottom: auto;
  position: relative;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  padding: 0.25rem 0.5rem 0.25rem;
  font-size: 1em;
  background-color: #ebca46;
  color: #FFFFFF;
  color: #333;
  margin-top: 11px; }

.mi-important-links__text3 {
  display: block;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1.4; }

.mi-top-movers__tabs {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  border-bottom: 0.25rem solid #015080; }
  .mi-top-movers__tabs:before, .mi-top-movers__tabs:after {
    content: " ";
    display: table; }
  .mi-top-movers__tabs:after {
    clear: both; }
  .mi-top-movers__tabs:before, .mi-top-movers__tabs:after {
    content: " ";
    display: table; }
  .mi-top-movers__tabs:after {
    clear: both; }

.mi-top-movers__tab {
  width: 25%;
  float: right;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
  border-style: solid;
  border-width: 0;
  cursor: pointer;
  font-family: "Noto Kufi Arabic";
  font-weight: normal;
  line-height: normal;
  margin: 0 0 0;
  position: relative;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  padding: 0.5rem 1rem 0.5625rem 1rem;
  background-color: #0075bc;
  border-color: #005e96;
  color: #FFFFFF;
  transition: background-color 300ms ease-out;
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 0.9375rem;
  font-weight: 400;
  color: #ffffff;
  text-align: center;
  border-right: 1px solid #fff; }
  .mi-top-movers__tab:hover, .mi-top-movers__tab:focus {
    background-color: #005e96; }
  .mi-top-movers__tab:hover, .mi-top-movers__tab:focus {
    color: #FFFFFF; }
  .mi-top-movers__tab.active {
    background-color: #015080; }
  .mi-top-movers__tab:first-of-type {
    border-right: none; }

.mi-top-movers__content {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0.5rem; }
  .mi-top-movers__content:before, .mi-top-movers__content:after {
    content: " ";
    display: table; }
  .mi-top-movers__content:after {
    clear: both; }
  .mi-top-movers__content:before, .mi-top-movers__content:after {
    content: " ";
    display: table; }
  .mi-top-movers__content:after {
    clear: both; }

.mi-top-movers__row {
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 0.9375rem;
  font-weight: 400;
  margin-bottom: 0.5rem;
  padding: 0.5rem;
  color: #212121;
  display: block;
  border: 1px solid #dfdfdf;
  background: #ffffff; }
  .mi-top-movers__row:before, .mi-top-movers__row:after {
    content: " ";
    display: table; }
  .mi-top-movers__row:after {
    clear: both; }

.mi-top-movers__company-name {
  width: 54.71698%;
  float: right;
  margin-left: 1.88679%;
  font-size: 0.75rem;
  text-align: right; }

.mi-top-movers__value1 {
  width: 20.75472%;
  float: right;
  margin-left: 1.88679%;
  font-size: 0.875rem;
  direction: ltr;
  text-align: right; }

.mi-top-movers__value2 {
  width: 20.75472%;
  float: right;
  margin-left: 1.88679%;
  font-size: 0.875rem;
  float: left;
  margin-left: 0;
  direction: ltr;
  text-align: right; }

.mi-layout-home__top-movers {
  clear: both; }

.mi-article-media-block {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin: 0 0 0.5rem;
  clear: both;
  position: relative;
  padding-bottom: 30px; }
  .mi-article-media-block:before, .mi-article-media-block:after {
    content: " ";
    display: table; }
  .mi-article-media-block:after {
    clear: both; }
  .mi-article-media-block:before, .mi-article-media-block:after {
    content: " ";
    display: table; }
  .mi-article-media-block:after {
    clear: both; }

.is-card .mi-article-media-block {
  clear: none;
  margin-bottom: 1rem; }
  @media (min-width: 641px) {
    .is-card .mi-article-media-block {
      width: 49.29577%;
      float: right;
      margin-left: 1.40845%;
      min-height: 467px; } }

@media (min-width: 641px) {
  .is-card:nth-of-type(even) .mi-article-media-block {
    float: left;
    margin-left: 0; } }

.mi-article-media-block.is-card .mi-article-media-block__title {
  min-height: 100px; }

.mi-article-media-block__image {
  overflow-y: hidden;
  position: relative; }
  @media (min-width: 641px) {
    .mi-article-media-block__image {
      width: 32.39437%;
      float: right;
      margin-left: 1.40845%; } }
  .mi-article-media-block__image img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%; }
  .is-card .mi-article-media-block__image {
    width: 100%;
    float: right;
    margin-right: 0;
    margin-left: 0; }
    @media (min-width: 641px) {
      .is-card .mi-article-media-block__image {
        max-height: 262px;
        min-height: 262px; } }
  .mi-article-media-block__image:hover .mi-article__meta-data {
    display: block; }

.mi-article-media-block__image-url {
  display: block;
  position: relative;
  height: 0;
  padding-bottom: 62.5%;
  box-sizing: border-box; }

@media (min-width: 641px) {
  .mi-article-media-block__content {
    width: 66.19718%;
    float: left;
    margin-left: 0; } }

.is-card .mi-article-media-block__content {
  width: 100%;
  float: right;
  margin-right: 0;
  margin-left: 0; }

.mi-article-media-block__lock {
  float: left;
  height: 40px;
  width: 40px;
  background-color: #015080;
  text-align: center;
  padding-top: 6px;
  color: white;
  border-radius: 50%; }

.mi-article-media-block__lock-small {
  padding-top: 2px;
  height: 24px;
  width: 24px;
  margin-left: 0.25rem;
  margin-bottom: 0.25rem; }

.mi-article-media-block__content.compact {
  width: 100%;
  float: right;
  margin-right: 0;
  margin-left: 0; }

.mi-article-media-block__date {
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  color: #0075bc;
  display: inline-block; }

.mi-article-media-block__updated {
  background: #0075bc;
  color: #fff;
  padding: 0 1rem;
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  margin-bottom: 0.5rem;
  margin-left: 0.5rem;
  display: inline-block; }

.mi-article-media-block__text {
  color: #757575;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem; }
  .is-card .mi-article-media-block__text {
    display: none; }

.mi-article-media-block__title {
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  -moz-osx-font-smoothing: grayscale;
  color: #333;
  display: block;
  margin-bottom: 0.25rem; }
  .mi-article-media-block__title:hover {
    color: #898989; }

.mi-article--card__title {
  font-weight: bold; }

.mi-article-card {
  background-color: white; }

.mi-article-card__text {
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 0.9375rem;
  font-weight: 400; }

.mi-article-card__image {
  width: 100%;
  position: relative;
  height: 130px;
  overflow: hidden; }
  .mi-article-card__image img {
    width: 100%; }

.mi-article-card__content {
  padding: 0.5rem; }

.mi-article-card__title {
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 0.9375rem;
  font-weight: 400;
  font-weight: bold; }

.mi-article-card--compact__image, .mi-article-card--international-news__image, .mi-article-card--misc-news__image {
  width: 100%;
  background: #0075bc;
  z-index: 2; }
  .mi-article-card--compact__image img, .mi-article-card--international-news__image img, .mi-article-card--misc-news__image img {
    width: 100%;
    min-height: 100%;
    opacity: .6;
    transition: opacity .5s, -webkit-transform .5s;
    transition: opacity .5s, transform .5s;
    transition: opacity .5s, transform .5s, -webkit-transform .5s; }

.mi-article-card--compact {
  position: relative;
  padding-top: 62.5%;
  height: 0;
  overflow: hidden;
  display: block; }
  .mi-article-card--compact:hover img {
    opacity: .7;
    -webkit-transform: scale3d(1.05, 1.05, 1);
            transform: scale3d(1.05, 1.05, 1); }

.mi-article-card--compact__image {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.mi-article-card--compact__content {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 3;
  background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.6)) repeat scroll 0% 0% transparent;
  padding: 0.5em 1rem 0.5em; }
  .mi-article-card--compact__content:before, .mi-article-card--compact__content:after {
    content: " ";
    display: table; }
  .mi-article-card--compact__content:after {
    clear: both; }

.mi-article-card--compact__text {
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 0.8125rem;
  font-weight: 400;
  color: #ffffff;
  width: 100%;
  margin: 0.5rem 0 0; }
  @media (min-width: 641px) {
    .mi-article-card--compact__text {
      font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
      font-size: 0.9375rem;
      font-weight: 400; } }

.mi-article-card--compact__icon {
  display: block;
  color: #8a8a8a;
  font-size: 0.07031rem; }
  @media (min-width: 1000px) {
    .mi-article-card--compact__icon {
      font-size: 0.09141rem; } }

.mi-article-card--compact__title--large {
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 1.3125rem;
  font-weight: 400;
  color: #ffffff; }
  @media (min-width: 1000px) {
    .mi-article-card--compact__title--large {
      font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
      font-size: 2.125rem;
      font-weight: 400; } }

.mi-article-card--compact__title--medium {
  margin: 0.5rem 0 0;
  display: block;
  width: 100%;
  font-size: 14;
  color: #ffffff; }
  .mi-article-card--compact__title--medium:hover {
    color: #f2f2f2; }
  @media (min-width: 1000px) and (max-width: 1440px) {
    .mi-article-card--compact__title--medium {
      font-size: 1.1375rem; } }
  @media (min-width: 1000px) {
    .mi-article-card--compact__title--medium {
      font-size: 1.3rem; } }

.mi-article-card--compact__title--small {
  margin: 0.5rem 0 0;
  display: block;
  width: 100%;
  font-size: 14;
  color: #ffffff; }
  .mi-article-card--compact__title--small:hover {
    color: #f2f2f2; }
  @media (min-width: 1000px) {
    .mi-article-card--compact__title--small {
      font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
      font-size: 1.0625rem;
      font-weight: 400; } }

.mi-article-card--compact__title--centered {
  margin: 0.5rem 0 0;
  display: block;
  width: 100%;
  font-size: 20;
  color: #ffffff;
  text-align: center;
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 0.9375rem;
  font-weight: 400;
  color: #ffffff; }
  .mi-article-card--compact__title--centered:hover {
    color: #f2f2f2; }

.mi-article-card--landscape {
  position: relative;
  padding-top: 36.6%;
  height: 0;
  overflow: hidden;
  display: block; }
  .mi-article-card--landscape:hover img {
    opacity: .7;
    -webkit-transform: scale3d(1.05, 1.05, 1);
            transform: scale3d(1.05, 1.05, 1); }

.mi-article-card--compact__lock {
  height: 25px;
  width: 25px;
  background-color: #015080;
  text-align: center;
  padding-top: 1px;
  color: white;
  border-radius: 50%;
  float: left; }

.mi-announcement {
  padding: 1rem;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto; }
  .mi-announcement:before, .mi-announcement:after {
    content: " ";
    display: table; }
  .mi-announcement:after {
    clear: both; }
  .mi-announcement:before, .mi-announcement:after {
    content: " ";
    display: table; }
  .mi-announcement:after {
    clear: both; }

.mi-announcement__metadata:before, .mi-announcement__metadata:after {
  content: " ";
  display: table; }

.mi-announcement__metadata:after {
  clear: both; }

.mi-announcement__date {
  color: #AEAEAE;
  display: block; }

.mi-announcement__description {
  margin-top: 0.5rem; }

.mi-calendar {
  position: relative; }
  .mi-calendar:before, .mi-calendar:after {
    content: " ";
    display: table; }
  .mi-calendar:after {
    clear: both; }

.mi-calendar__header {
  width: 100%;
  background: #015080;
  padding: 0.5rem;
  color: white;
  text-align: center;
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 1.3125rem;
  font-weight: 400;
  display: table; }

.mi-calendar__header-nav--right,
.mi-calendar__header-nav--left {
  font-size: 2rem;
  cursor: pointer;
  color: #ffffff;
  display: table-cell; }

.mi-calendar__week:before, .mi-calendar__week:after {
  content: " ";
  display: table; }

.mi-calendar__week:after {
  clear: both; }

.mi-calendar__day, .mi-calendar__previous,
.mi-calendar__next {
  width: 33.33333%;
  float: left;
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 0.9375rem;
  font-weight: 400;
  display: inline-block;
  position: relative;
  text-align: center;
  padding: 1rem 0;
  color: #ffffff;
  background-color: #0075bc;
  vertical-align: middle;
  cursor: pointer;
  height: 9rem;
  margin: 0;
  transition: all 200ms ease-in;
  border: 1px solid #AFEBF1; }
  .mi-calendar__day .mi-calendar_events-count, .mi-calendar__previous .mi-calendar_events-count, .mi-calendar__next .mi-calendar_events-count {
    background-color: #DDF6F9;
    color: #0075bc;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 1.5rem;
    line-height: 1.5rem;
    text-align: center; }
  .mi-calendar__day:hover, .mi-calendar__previous:hover,
  .mi-calendar__next:hover {
    background-color: #DDF6F9;
    color: #0075bc; }
    .mi-calendar__day:hover .mi-calendar_events-count, .mi-calendar__previous:hover .mi-calendar_events-count, .mi-calendar__next:hover .mi-calendar_events-count {
      color: #ffffff;
      background-color: #0075bc; }

.mi-calendar_events-count {
  position: absolute;
  top: 0.25rem;
  right: 1rem; }

.mi-calendar__day-number {
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 2.125rem;
  font-weight: 400;
  display: block;
  font-weight: bold;
  line-height: 2em; }

.mi-calendar__day-name {
  display: block;
  line-height: 2em; }

.mi-calendar__previous,
.mi-calendar__next {
  font-size: 3rem;
  color: #ffffff;
  line-height: 7rem; }

.mi-calendar__day-events {
  display: block;
  background: #015080;
  color: white;
  min-height: 378px; }

.mi-calendar__day-events-header {
  background: #015080;
  text-align: center;
  color: white;
  border-bottom: 1px solid #ffffff;
  padding: 1rem;
  cursor: pointer; }
  .mi-calendar__day-events-header:before, .mi-calendar__day-events-header:after {
    content: " ";
    display: table; }
  .mi-calendar__day-events-header:after {
    clear: both; }

.mi-calendar__day-events-close {
  display: block;
  float: left; }
  .mi-calendar__day-events-close i {
    display: block; }

.mi-calendar__selected-day-header {
  float: right;
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 1.125rem;
  font-weight: 500; }

.mi-calendar__day-events-container {
  padding-bottom: 1rem;
  background: #015080;
  box-sizing: border-box; }

.mi-calendar__day-event {
  padding: 0.5rem;
  border-bottom: 1px dashed #ffffff;
  line-height: 1.6rem;
  font-size: .8rem; }
  .mi-calendar__day-event:before, .mi-calendar__day-event:after {
    content: " ";
    display: table; }
  .mi-calendar__day-event:after {
    clear: both; }
  .mi-calendar__day-event:last-child {
    border-bottom: none; }

.mi-calendar__day-event-title {
  width: 40%;
  float: right;
  font-weight: bold; }

.mi-calendar__day-event-host {
  width: 60%;
  float: right;
  font-weight: bold;
  text-align: left; }

.mi-calendar__day-event-subtitle {
  width: 60%;
  float: right; }

.mi-calendar__day-event-source {
  width: 40%;
  float: right;
  text-align: left; }

.mi-table {
  border-collapse: collapse;
  width: 100%;
  background: #fff; }

.mi-table__hint {
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 0.8125rem;
  font-weight: 400;
  color: #757575; }

.mi-table td,
.mi-table th {
  padding: 0.5rem 0.5rem; }

.mi-table thead tr th:first-child,
.mi-table tbody tr th:first-child {
  white-space: normal; }

.mi-table thead th {
  background-color: #0075bc;
  font-weight: bold;
  color: #fff;
  text-align: right; }
  .mi-table thead th a.has-icon {
    color: #fff;
    margin: 0 0.25rem; }
    .mi-table thead th a.has-icon:hover {
      color: #AFEBF1; }

.mi-table tbody th {
  background: #ffffff;
  text-align: right;
  color: #212121;
  padding-top: 1rem;
  border-bottom: 1px solid #0075bc;
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 1.0625rem;
  font-weight: 400;
  font-weight: bold; }

.mi-table thead tr th:first-child,
.mi-table tbody tr td:first-child {
  text-align: right; }

.mi-table__sticky-column th {
  background-color: #015080; }
  .mi-table__sticky-column th a {
    color: #ffffff; }

.mi-table tbody tr:nth-child(2n-1) {
  background-color: #EBEBEB;
  transition: all .125s ease-in-out; }

.mi-table .sortable {
  cursor: pointer;
  color: white;
  display: table-cell;
  font-family: FontAwesome; }
  .mi-table .sortable:before {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    content: '\f0dc'; }

.mi-table .st-sort-ascent:before {
  content: '\f0de'; }

.mi-table .st-sort-descent:before {
  content: '\f0dd'; }

.mi-table {
  border-collapse: collapse;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch; }

.mi-table th, td {
  text-align: right; }

.mi-table th {
  font-size: 0.8em;
  text-align: left;
  text-transform: uppercase;
  color: #fff;
  background-color: #5BA5D0; }

.mi-table__icon {
  text-align: center; }

/*
.mi-table th:first-child {
  border-top-left-radius: 4px;
}
.mi-table th:last-child {
  border-top-right-radius: 4px;
}
*/
/* --------------------------------

Basic style

-------------------------------- */
nav[role="navigation"] {
  text-align: center;
  display: block; }

.cd-pagination {
  width: 90%;
  max-width: 768px;
  text-align: center; }

.cd-pagination li {
  /* hide numbers on small devices */
  display: none;
  margin: 0 .2em; }
  .cd-pagination li.current {
    display: block; }

.cd-pagination li.cd-pagination__button {
  /* make sure prev next buttons are visible */
  display: inline-block; }

.cd-pagination a, .cd-pagination span {
  display: inline-block;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  /* use padding and font-size to change buttons size */
  padding: 1rem;
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 1.125rem;
  font-weight: 500; }

.cd-pagination a {
  border: 1px solid #e6e6e6;
  border-radius: 0.25em; }

.no-touch .cd-pagination a:hover {
  background-color: #f2f2f2; }

.cd-pagination a:active {
  /* click effect */
  -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
          transform: scale(0.9); }

.cd-pagination a.disabled {
  /* button disabled */
  color: rgba(46, 64, 87, 0.4);
  pointer-events: none; }

.cd-pagination a.disabled::before, .cd-pagination a.disabled::after {
  opacity: .4; }

.cd-pagination .current {
  /* selected number */
  background-color: #0075bc;
  border-color: #015080;
  pointer-events: none; }
  .cd-pagination .current a {
    color: #ffffff; }

@media only screen and (min-width: 768px) {
  .cd-pagination li {
    display: inline-block; } }

@media only screen and (min-width: 1170px) {
  .cd-pagination {
    margin: 1em auto; } }

/* --------------------------------

No space - remove distance between list items

-------------------------------- */
.cd-pagination.no-space {
  width: auto;
  max-width: none;
  display: inline-block;
  border-radius: 0.25em;
  border: 1px solid #e6e6e6; }

.cd-pagination.no-space:after {
  content: "";
  display: table;
  clear: both; }

.cd-pagination.no-space li {
  margin: 0;
  float: right;
  border-left: 1px solid #e6e6e6; }

.cd-pagination.no-space li:last-of-type {
  border-left: none; }

.cd-pagination.no-space a, .cd-pagination.no-space span {
  float: right;
  border-radius: 0;
  padding: .8em 1em;
  border: none; }

.cd-pagination.no-space li:first-of-type a {
  border-radius: 0.25em 0 0 0.25em; }

.cd-pagination.no-space li:last-of-type a {
  border-radius: 0 0.25em 0.25em 0; }

/* --------------------------------

move buttons - move prev and next buttons to the sides

-------------------------------- */
.cd-pagination.move-buttons:after {
  content: "";
  display: table;
  clear: both; }

.cd-pagination.move-buttons .cd-pagination__button:first-of-type {
  float: right; }

.cd-pagination.move-buttons .cd-pagination__button:last-of-type {
  float: left; }

.cd-pagination.no-space.move-buttons {
  width: 90%;
  max-width: 768px;
  display: block;
  overflow: hidden; }

.cd-pagination.no-space.move-buttons li {
  float: none;
  border: none; }

.cd-pagination.no-space.move-buttons a, .cd-pagination.no-space.move-buttons span {
  float: none; }

/* --------------------------------

custom icons - customize the small arrow inside the next and prev buttons

-------------------------------- */
.cd-pagination.custom-icons .cd-pagination__button a {
  position: relative; }

.cd-pagination.custom-icons .cd-pagination__button:first-of-type a {
  padding-left: 2.4em; }

.cd-pagination.custom-icons .cd-pagination__button:last-of-type a {
  padding-right: 2.4em; }

.cd-pagination.custom-icons .cd-pagination__button:first-of-type a::before,
.cd-pagination.custom-icons .cd-pagination__button:last-of-type a::after {
  content: '';
  position: absolute;
  display: inline-block;
  /* set size for custom icons */
  width: 16px;
  height: 16px;
  top: 50%;
  /* set margin-top = icon height/2 */
  margin-top: -8px;
  background: transparent url("../img/cd-icon-arrow-1.svg") no-repeat center center; }

.cd-pagination.custom-icons .cd-pagination__button:first-of-type a::before {
  right: .8em; }

.cd-pagination.custom-icons .cd-pagination__button:last-of-type a::after {
  left: .8em;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg); }

/* --------------------------------

custom buttons - replace prev and next buttons text with a custom icon

-------------------------------- */
.cd-pagination.custom-buttons a, .cd-pagination.custom-buttons span {
  vertical-align: middle; }

.cd-pagination.custom-buttons .cd-pagination__button a {
  /* set custom width */
  width: 40px;
  /* image replacement */
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  color: transparent;
  background-image: url("../img/cd-icon-arrow-2.svg");
  background-repeat: no-repeat;
  background-position: center center; }

.cd-pagination.custom-buttons .cd-pagination__button:last-of-type a {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg); }

.no-touch .cd-pagination.custom-buttons .cd-pagination__button:last-of-type a:active {
  -webkit-transform: scale(0.9) rotate(180deg);
      -ms-transform: scale(0.9) rotate(180deg);
          transform: scale(0.9) rotate(180deg); }

.cd-pagination.no-space.custom-buttons .cd-pagination__button:last-of-type a {
  border-radius: 0.25em 0 0 0.25em; }

/* --------------------------------

animated buttons - animate the text inside prev and next buttons

-------------------------------- */
.cd-pagination.animated-buttons a, .cd-pagination.animated-buttons span {
  padding: 0 1.4em;
  height: 50px;
  line-height: 50px;
  overflow: hidden; }

.cd-pagination.animated-buttons .cd-pagination__button a {
  position: relative;
  padding: 0 2em; }

.cd-pagination.animated-buttons .cd-pagination__button:first-of-type a::before,
.cd-pagination.animated-buttons .cd-pagination__button:last-of-type a::after {
  right: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  left: auto;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s; }

.cd-pagination.animated-buttons .cd-pagination__button:last-of-type a::after {
  -webkit-transform: translateX(-50%) rotate(180deg);
      -ms-transform: translateX(-50%) rotate(180deg);
          transform: translateX(-50%) rotate(180deg); }

.cd-pagination.animated-buttons i {
  display: block;
  height: 100%;
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%);
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s; }

.no-touch .cd-pagination.animated-buttons .cd-pagination__button a:hover i {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0); }

.no-touch .cd-pagination.animated-buttons .cd-pagination__button:first-of-type a:hover::before {
  -webkit-transform: translateX(-50%) translateY(-50px);
      -ms-transform: translateX(-50%) translateY(-50px);
          transform: translateX(-50%) translateY(-50px); }

.no-touch .cd-pagination.animated-buttons .cd-pagination__button:last-of-type a:hover::after {
  -webkit-transform: translateX(-50%) rotate(180deg) translateY(50px);
      -ms-transform: translateX(-50%) rotate(180deg) translateY(50px);
          transform: translateX(-50%) rotate(180deg) translateY(50px); }

.form-control {
  width: 135px !important; }

.mb-datepicker {
  width: 400px;
  position: absolute;
  margin-top: 10px;
  background-color: #f5f5f5;
  z-index: 3000;
  box-shadow: 1px 1px 7px 0px rgba(37, 53, 50, 0.37); }

.mb-datepicker table {
  width: 400px;
  table-layout: fixed; }

.mb-datepicker table thead tr td {
  padding-bottom: 10px; }

.header-item {
  padding-left: 20px;
  padding-right: 20px; }

.header-month {
  text-align: center;
  width: 70%;
  display: inline-block; }

.header-right {
  text-align: right; }

caption {
  padding: 0 !important; }

.header-year-wrapper {
  padding-top: 10px;
  padding-bottom: 10px;
  color: white;
  font-family: \"Open Sans\", sans-serif;
  font-size: 1.2em;
  background-color: #15A5DB; }

.header-nav-wrapper {
  padding-top: 5px;
  padding-bottom: 5px;
  color: #626262;
  font-family: \"Open Sans\", sans-serif;
  font-size: 1.2em;
  background-color: #E8E8E8; }

.header-year {
  padding-top: 1px;
  padding-bottom: 0 !important;
  text-align: center;
  width: 80%;
  display: inline-block; }

.mb-datepicker table tbody tr td {
  text-align: center;
  padding: 10px;
  cursor: pointer;
  color: #626262; }

.mb-datepicker table tbody tr.days .day-item:hover {
  background-color: #15A5DB;
  color: #f5f5f5 !important; }

.mb-datepicker table tbody tr td.day-head {
  background-color: #f5f5f5;
  cursor: default;
  border-bottom: 1px solid #ECECEC;
  font-weight: 600; }

.mb-datepicker table tbody tr td.day-head:hover {
  background-color: #f5f5f5;
  color: #626262; }

.mb-datepicker .today {
  background: #61C7EC !important;
  color: white !important; }

.mb-datepicker .weekend {
  color: #a3a3a3 !important; }

.mb-datepicker .day {
  color: #60C1E6 !important; }

.mb-datepicker .disabled {
  background: #ECECEC !important;
  color: #a3a3a3 !important; }

.mb-datepicker .disabled:hover {
  background: #ECECEC !important; }

.mb-datepicker .noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none; }

.mb-datepicker .mb-input-field {
  border-radius: 0;
  border-bottom: 1px solid red; }

@media (min-width: 0) and (max-width: 1000px) {
  .dl-menuwrapper {
    width: 100%;
    max-width: 300px;
    float: right;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    -webkit-perspective-origin: 50% 200%;
    perspective-origin: 50% 200%;
    z-index: 65453135;
    position: absolute; }
  .dl-menuwrapper button {
    background: white;
    border: none;
    width: 48px;
    height: 45px;
    text-indent: -900em;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    outline: none; }
  .dl-menuwrapper button:hover,
  .dl-menuwrapper button.dl-active,
  .dl-menuwrapper ul {
    background: #757575; }
  .dl-menuwrapper button:after {
    content: '';
    position: absolute;
    width: 68%;
    height: 5px;
    background: #212121;
    top: 10px;
    left: 16%;
    box-shadow: 0 10px 0 #212121, 0 20px 0 #212121; }
  .dl-menuwrapper ul {
    padding: 0;
    list-style: none;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d; }
  .dl-menuwrapper li {
    position: relative; }
  .dl-menuwrapper li a {
    display: block;
    position: relative;
    padding: 15px 20px;
    font-size: 15px;
    line-height: 20px;
    font-weight: 300;
    color: #ffffff;
    outline: none; }
  .no-touch .dl-menuwrapper li a:hover {
    background: rgba(255, 248, 213, 0.1); }
  .dl-menuwrapper li.dl-back > a {
    padding-right: 2rem;
    background: rgba(0, 0, 0, 0.1); }
  .dl-menuwrapper li.dl-back:before,
  .dl-menuwrapper li > a:not(:only-child):before {
    position: absolute;
    line-height: 50px;
    font-family: 'fontawesome';
    speak: none;
    -webkit-font-smoothing: antialiased;
    color: white;
    top: 0; }
  .dl-menuwrapper li.dl-back:before {
    content: "\f0da";
    right: 1rem; }
  .dl-menuwrapper li > a:not(:only-child):before {
    content: "\f0d9";
    left: 1rem; }
  .dl-menuwrapper li.dl-back:after {
    left: 10px;
    color: rgba(212, 204, 198, 0.3);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
        transform: rotate(180deg); }
  .dl-menuwrapper li > a:after {
    right: 10px;
    color: rgba(0, 0, 0, 0.15); }
  .dl-menuwrapper .dl-menu {
    margin: 5px 0 0 0;
    position: absolute;
    width: 100%;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
        transform: translateY(10px);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }
  .dl-menuwrapper .dl-menu.dl-menu-toggle {
    transition: all 0.3s ease; }
  .dl-menuwrapper .dl-menu.dl-menuopen {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
        transform: translateY(0px); }
  /* Hide the inner submenus */
  .dl-menuwrapper li .dl-submenu {
    display: none;
    max-height: 600px;
    overflow-y: auto; }
  /*
  When a submenu is openend, we will hide all li siblings.
  For that we give a class to the parent menu called "dl-subview".
  We also hide the submenu link.
  The opened submenu will get the class "dl-subviewopen".
  All this is done for any sub-level being entered.
  */
  .dl-menu.dl-subview li,
  .dl-menu.dl-subview li.dl-subviewopen > a,
  .dl-menu.dl-subview li.dl-subview > a {
    display: none; }
  .dl-menu.dl-subview li.dl-subview,
  .dl-menu.dl-subview li.dl-subview .dl-submenu,
  .dl-menu.dl-subview li.dl-subviewopen,
  .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
  .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
    display: block; }
  /* Dynamically added submenu outside of the menu context */
  .dl-menuwrapper > .dl-submenu {
    position: absolute;
    width: 100%;
    top: 50px;
    left: 0;
    margin: 0; }
  .dl-submenu {
    padding-left: 140px;
    padding-right: 70px; }
  /* Animation classes for moving out and in */
  .dl-menu.dl-animate-out-1 {
    -webkit-animation: MenuAnimOut1 0.4s;
    animation: MenuAnimOut1 0.4s; }
  .dl-menu.dl-animate-out-2 {
    -webkit-animation: MenuAnimOut2 0.3s ease-in-out;
    animation: MenuAnimOut2 0.3s ease-in-out; }
  .dl-menu.dl-animate-out-3 {
    -webkit-animation: MenuAnimOut3 0.4s ease;
    animation: MenuAnimOut3 0.4s ease; }
  .dl-menu.dl-animate-out-4 {
    -webkit-animation: MenuAnimOut4 0.4s ease;
    animation: MenuAnimOut4 0.4s ease; }
  .dl-menu.dl-animate-out-5 {
    -webkit-animation: MenuAnimOut5 0.4s ease;
    animation: MenuAnimOut5 0.4s ease; }
  @-webkit-keyframes MenuAnimOut1 {
    0% { }
    50% {
      -webkit-transform: translateZ(-250px) rotateY(30deg); }
    75% {
      -webkit-transform: translateZ(-372.5px) rotateY(15deg);
      opacity: .5; }
    100% {
      -webkit-transform: translateZ(-500px) rotateY(0deg);
      opacity: 0; } }
  @-webkit-keyframes MenuAnimOut2 {
    0% { }
    100% {
      -webkit-transform: translateX(-100%);
      opacity: 0; } }
  @-webkit-keyframes MenuAnimOut3 {
    0% { }
    100% {
      -webkit-transform: translateZ(300px);
      opacity: 0; } }
  @-webkit-keyframes MenuAnimOut4 {
    0% { }
    100% {
      -webkit-transform: translateZ(-300px);
      opacity: 0; } }
  @-webkit-keyframes MenuAnimOut5 {
    0% { }
    100% {
      -webkit-transform: translateY(40%);
      opacity: 0; } }
  @keyframes MenuAnimOut1 {
    0% { }
    50% {
      -webkit-transform: translateZ(-250px) rotateY(30deg);
      transform: translateZ(-250px) rotateY(30deg); }
    75% {
      -webkit-transform: translateZ(-372.5px) rotateY(15deg);
      transform: translateZ(-372.5px) rotateY(15deg);
      opacity: .5; }
    100% {
      -webkit-transform: translateZ(-500px) rotateY(0deg);
      transform: translateZ(-500px) rotateY(0deg);
      opacity: 0; } }
  @keyframes MenuAnimOut2 {
    0% { }
    100% {
      -webkit-transform: translateX(-100%);
      transform: translateX(-100%);
      opacity: 0; } }
  @keyframes MenuAnimOut3 {
    0% { }
    100% {
      -webkit-transform: translateZ(300px);
      transform: translateZ(300px);
      opacity: 0; } }
  @keyframes MenuAnimOut4 {
    0% { }
    100% {
      -webkit-transform: translateZ(-300px);
      transform: translateZ(-300px);
      opacity: 0; } }
  @keyframes MenuAnimOut5 {
    0% { }
    100% {
      -webkit-transform: translateY(40%);
      transform: translateY(40%);
      opacity: 0; } }
  .dl-menu.dl-animate-in-1 {
    -webkit-animation: MenuAnimIn1 0.3s;
    animation: MenuAnimIn1 0.3s; }
  .dl-menu.dl-animate-in-2 {
    -webkit-animation: MenuAnimIn2 0.3s ease-in-out;
    animation: MenuAnimIn2 0.3s ease-in-out; }
  .dl-menu.dl-animate-in-3 {
    -webkit-animation: MenuAnimIn3 0.4s ease;
    animation: MenuAnimIn3 0.4s ease; }
  .dl-menu.dl-animate-in-4 {
    -webkit-animation: MenuAnimIn4 0.4s ease;
    animation: MenuAnimIn4 0.4s ease; }
  .dl-menu.dl-animate-in-5 {
    -webkit-animation: MenuAnimIn5 0.4s ease;
    animation: MenuAnimIn5 0.4s ease; }
  @-webkit-keyframes MenuAnimIn1 {
    0% {
      -webkit-transform: translateZ(-500px) rotateY(0deg);
      opacity: 0; }
    20% {
      -webkit-transform: translateZ(-250px) rotateY(30deg);
      opacity: 0.5; }
    100% {
      -webkit-transform: translateZ(0px) rotateY(0deg);
      opacity: 1; } }
  @-webkit-keyframes MenuAnimIn2 {
    0% {
      -webkit-transform: translateX(-100%);
      opacity: 0; }
    100% {
      -webkit-transform: translateX(0px);
      opacity: 1; } }
  @-webkit-keyframes MenuAnimIn3 {
    0% {
      -webkit-transform: translateZ(300px);
      opacity: 0; }
    100% {
      -webkit-transform: translateZ(0px);
      opacity: 1; } }
  @-webkit-keyframes MenuAnimIn4 {
    0% {
      -webkit-transform: translateZ(-300px);
      opacity: 0; }
    100% {
      -webkit-transform: translateZ(0px);
      opacity: 1; } }
  @-webkit-keyframes MenuAnimIn5 {
    0% {
      -webkit-transform: translateY(40%);
      opacity: 0; }
    100% {
      -webkit-transform: translateY(0);
      opacity: 1; } }
  @keyframes MenuAnimIn1 {
    0% {
      -webkit-transform: translateZ(-500px) rotateY(0deg);
      transform: translateZ(-500px) rotateY(0deg);
      opacity: 0; }
    20% {
      -webkit-transform: translateZ(-250px) rotateY(30deg);
      transform: translateZ(-250px) rotateY(30deg);
      opacity: 0.5; }
    100% {
      -webkit-transform: translateZ(0px) rotateY(0deg);
      transform: translateZ(0px) rotateY(0deg);
      opacity: 1; } }
  @keyframes MenuAnimIn2 {
    0% {
      -webkit-transform: translateX(-100%);
      transform: translateX(-100%);
      opacity: 0; }
    100% {
      -webkit-transform: translateX(0px);
      transform: translateX(0px);
      opacity: 1; } }
  @keyframes MenuAnimIn3 {
    0% {
      -webkit-transform: translateZ(300px);
      transform: translateZ(300px);
      opacity: 0; }
    100% {
      -webkit-transform: translateZ(0px);
      transform: translateZ(0px);
      opacity: 1; } }
  @keyframes MenuAnimIn4 {
    0% {
      -webkit-transform: translateZ(-300px);
      transform: translateZ(-300px);
      opacity: 0; }
    100% {
      -webkit-transform: translateZ(0px);
      transform: translateZ(0px);
      opacity: 1; } }
  @keyframes MenuAnimIn5 {
    0% {
      -webkit-transform: translateY(40%);
      transform: translateY(40%);
      opacity: 0; }
    100% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
      opacity: 1; } }
  .dl-menuwrapper > .dl-submenu.dl-animate-in-1 {
    -webkit-animation: SubMenuAnimIn1 0.4s ease;
    animation: SubMenuAnimIn1 0.4s ease; }
  .dl-menuwrapper > .dl-submenu.dl-animate-in-2 {
    -webkit-animation: SubMenuAnimIn2 0.3s ease-in-out;
    animation: SubMenuAnimIn2 0.3s ease-in-out; }
  .dl-menuwrapper > .dl-submenu.dl-animate-in-3 {
    -webkit-animation: SubMenuAnimIn3 0.4s ease;
    animation: SubMenuAnimIn3 0.4s ease; }
  .dl-menuwrapper > .dl-submenu.dl-animate-in-4 {
    -webkit-animation: SubMenuAnimIn4 0.4s ease;
    animation: SubMenuAnimIn4 0.4s ease; }
  .dl-menuwrapper > .dl-submenu.dl-animate-in-5 {
    -webkit-animation: SubMenuAnimIn5 0.4s ease;
    animation: SubMenuAnimIn5 0.4s ease; }
  @-webkit-keyframes SubMenuAnimIn1 {
    0% {
      -webkit-transform: translateX(50%);
      opacity: 0; }
    100% {
      -webkit-transform: translateX(0px);
      opacity: 1; } }
  @-webkit-keyframes SubMenuAnimIn2 {
    0% {
      -webkit-transform: translateX(100%);
      opacity: 0; }
    100% {
      -webkit-transform: translateX(0px);
      opacity: 1; } }
  @-webkit-keyframes SubMenuAnimIn3 {
    0% {
      -webkit-transform: translateZ(-300px);
      opacity: 0; }
    100% {
      -webkit-transform: translateZ(0px);
      opacity: 1; } }
  @-webkit-keyframes SubMenuAnimIn4 {
    0% {
      -webkit-transform: translateZ(300px);
      opacity: 0; }
    100% {
      -webkit-transform: translateZ(0px);
      opacity: 1; } }
  @-webkit-keyframes SubMenuAnimIn5 {
    0% {
      -webkit-transform: translateZ(-200px);
      opacity: 0; }
    100% {
      -webkit-transform: translateZ(0);
      opacity: 1; } }
  @keyframes SubMenuAnimIn1 {
    0% {
      -webkit-transform: translateX(50%);
      transform: translateX(50%);
      opacity: 0; }
    100% {
      -webkit-transform: translateX(0px);
      transform: translateX(0px);
      opacity: 1; } }
  @keyframes SubMenuAnimIn2 {
    0% {
      -webkit-transform: translateX(100%);
      transform: translateX(100%);
      opacity: 0; }
    100% {
      -webkit-transform: translateX(0px);
      transform: translateX(0px);
      opacity: 1; } }
  @keyframes SubMenuAnimIn3 {
    0% {
      -webkit-transform: translateZ(-300px);
      transform: translateZ(-300px);
      opacity: 0; }
    100% {
      -webkit-transform: translateZ(0px);
      transform: translateZ(0px);
      opacity: 1; } }
  @keyframes SubMenuAnimIn4 {
    0% {
      -webkit-transform: translateZ(300px);
      transform: translateZ(300px);
      opacity: 0; }
    100% {
      -webkit-transform: translateZ(0px);
      transform: translateZ(0px);
      opacity: 1; } }
  @keyframes SubMenuAnimIn5 {
    0% {
      -webkit-transform: translateZ(-200px);
      transform: translateZ(-200px);
      opacity: 0; }
    100% {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
      opacity: 1; } }
  .dl-menuwrapper > .dl-submenu.dl-animate-out-1 {
    -webkit-animation: SubMenuAnimOut1 0.4s ease;
    animation: SubMenuAnimOut1 0.4s ease; }
  .dl-menuwrapper > .dl-submenu.dl-animate-out-2 {
    -webkit-animation: SubMenuAnimOut2 0.3s ease-in-out;
    animation: SubMenuAnimOut2 0.3s ease-in-out; }
  .dl-menuwrapper > .dl-submenu.dl-animate-out-3 {
    -webkit-animation: SubMenuAnimOut3 0.4s ease;
    animation: SubMenuAnimOut3 0.4s ease; }
  .dl-menuwrapper > .dl-submenu.dl-animate-out-4 {
    -webkit-animation: SubMenuAnimOut4 0.4s ease;
    animation: SubMenuAnimOut4 0.4s ease; }
  .dl-menuwrapper > .dl-submenu.dl-animate-out-5 {
    -webkit-animation: SubMenuAnimOut5 0.4s ease;
    animation: SubMenuAnimOut5 0.4s ease; }
  @-webkit-keyframes SubMenuAnimOut1 {
    0% {
      -webkit-transform: translateX(0%);
      opacity: 1; }
    100% {
      -webkit-transform: translateX(50%);
      opacity: 0; } }
  @-webkit-keyframes SubMenuAnimOut2 {
    0% {
      -webkit-transform: translateX(0%);
      opacity: 1; }
    100% {
      -webkit-transform: translateX(100%);
      opacity: 0; } }
  @-webkit-keyframes SubMenuAnimOut3 {
    0% {
      -webkit-transform: translateZ(0px);
      opacity: 1; }
    100% {
      -webkit-transform: translateZ(-300px);
      opacity: 0; } }
  @-webkit-keyframes SubMenuAnimOut4 {
    0% {
      -webkit-transform: translateZ(0px);
      opacity: 1; }
    100% {
      -webkit-transform: translateZ(300px);
      opacity: 0; } }
  @-webkit-keyframes SubMenuAnimOut5 {
    0% {
      -webkit-transform: translateZ(0);
      opacity: 1; }
    100% {
      -webkit-transform: translateZ(-200px);
      opacity: 0; } }
  @keyframes SubMenuAnimOut1 {
    0% {
      -webkit-transform: translateX(0%);
      transform: translateX(0%);
      opacity: 1; }
    100% {
      -webkit-transform: translateX(50%);
      transform: translateX(50%);
      opacity: 0; } }
  @keyframes SubMenuAnimOut2 {
    0% {
      -webkit-transform: translateX(0%);
      transform: translateX(0%);
      opacity: 1; }
    100% {
      -webkit-transform: translateX(100%);
      transform: translateX(100%);
      opacity: 0; } }
  @keyframes SubMenuAnimOut3 {
    0% {
      -webkit-transform: translateZ(0px);
      transform: translateZ(0px);
      opacity: 1; }
    100% {
      -webkit-transform: translateZ(-300px);
      transform: translateZ(-300px);
      opacity: 0; } }
  @keyframes SubMenuAnimOut4 {
    0% {
      -webkit-transform: translateZ(0px);
      transform: translateZ(0px);
      opacity: 1; }
    100% {
      -webkit-transform: translateZ(300px);
      transform: translateZ(300px);
      opacity: 0; } }
  @keyframes SubMenuAnimOut5 {
    0% {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
      opacity: 1; }
    100% {
      -webkit-transform: translateZ(-200px);
      transform: translateZ(-200px);
      opacity: 0; } }
  /* No JS Fallback */
  .no-js .dl-menuwrapper .dl-menu {
    position: relative;
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
        transform: none; }
  .no-js .dl-menuwrapper li .dl-submenu {
    display: block; }
  .no-js .dl-menuwrapper li.dl-back {
    display: none; }
  .no-js .dl-menuwrapper li > a:not(:only-child) {
    background: rgba(0, 0, 0, 0.1); }
  .no-js .dl-menuwrapper li > a:not(:only-child):after {
    content: ''; }
  /* Colors for demos */
  /* Demo 1 */
  .demo-1 .dl-menuwrapper button {
    background: #c62860; }
  .demo-1 .dl-menuwrapper button:hover,
  .demo-1 .dl-menuwrapper button.dl-active,
  .demo-1 .dl-menuwrapper ul {
    background: #9e1847; }
  /* Demo 2 */
  .demo-2 .dl-menuwrapper button {
    background: #e86814; }
  .demo-2 .dl-menuwrapper button:hover,
  .demo-2 .dl-menuwrapper button.dl-active,
  .demo-2 .dl-menuwrapper ul {
    background: #D35400; }
  /* Demo 3 */
  .demo-3 .dl-menuwrapper button {
    background: #08cbc4; }
  .demo-3 .dl-menuwrapper button:hover,
  .demo-3 .dl-menuwrapper button.dl-active,
  .demo-3 .dl-menuwrapper ul {
    background: #00b4ae; }
  /* Demo 4 */
  .demo-4 .dl-menuwrapper button {
    background: #90b912; }
  .demo-4 .dl-menuwrapper button:hover,
  .demo-4 .dl-menuwrapper button.dl-active,
  .demo-4 .dl-menuwrapper ul {
    background: #79a002; }
  /* Demo 5 */
  .demo-5 .dl-menuwrapper button {
    background: #744783; }
  .demo-5 .dl-menuwrapper button:hover,
  .demo-5 .dl-menuwrapper button.dl-active,
  .demo-5 .dl-menuwrapper ul {
    background: #643771; } }

@media (min-width: 1000px) {
  .dl-menu > li > a {
    font-size: 11px !important; }
  nav {
    margin-top: 0.5rem;
    position: relative; }
  .dl-menu,
  .dl-menu a,
  .dl-menu ul,
  .dl-menu li,
  .dl-menu div,
  .dl-menu form,
  .dl-menu input {
    margin: 0;
    padding: 0;
    border: none;
    outline: none; }
  .dl-menu a {
    text-decoration: none; }
  .dl-menu li {
    list-style: none; }
  .dl-menu .dl-submenu > li > a {
    display: none; }
  /* Menu Container */
  .dl-menu {
    position: relative;
    cursor: default;
    z-index: 500;
    width: 100%;
    font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
    font-size: 0.9375rem;
    font-weight: 400; }
  /* Menu List */
  .dl-menu > li {
    display: table-cell;
    float: right;
    min-width: 8.3%; } }
  @media (min-width: 1000px) and (min-width: 1050px) {
    .dl-menu > li {
      min-width: 8.7%; } }
  @media (min-width: 1000px) and (min-width: 1200px) {
    .dl-menu > li {
      min-width: 9.8%; } }

@media (min-width: 1000px) {
    .dl-menu > li.dl-menu__menu-item--iconic-item {
      min-width: 5%; }
  .dl-submenu:hover ~ .dl-menu > li > a {
    color: #dedede;
    background: #039be5; }
  /* Menu Links */
  .dl-menu > li > a {
    position: relative;
    display: block;
    z-index: 510;
    height: 54px;
    padding: 0 0.25rem;
    background: #0075bc;
    transition: all .3s ease;
    line-height: 54px;
    text-align: center;
    color: #ffffff; }
    .dl-menu > li > a:hover, .dl-menu > li > a.active {
      background: #0075bc; }
    .dl-menu > li > a:not(:only-child):after {
      font-family: 'fontawesome';
      content: '\f0d7';
      padding-right: 10px; }
    .dl-menu > li > a:not(:only-child):hover:after, .dl-menu > li > a.active:after {
      content: '\f0d8'; }
  .dl-menu > li:first-child > a {
    border-right: none; }
  /* Menu Dropdown */
  .dl-menu > li > div {
    position: absolute;
    display: block;
    width: 100%;
    right: 0;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    background: #0075bc;
    border-radius: 0 0 3px 3px;
    transition: all .3s ease .15s;
    color: #ffffff;
    border-top: 3px solid #015080;
    font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
    font-size: 0.9375rem;
    font-weight: 400;
    padding-right: 140px;
    padding-left: 75px;
    z-index: 1000; }
  .dl-menu > li:hover > div {
    opacity: 1;
    visibility: visible;
    overflow: visible;
    -webkit-user-select: none;
    -webkit-touch-callout: none; }
  .dl-menu-item__hoverd {
    opacity: 1;
    visibility: visible;
    overflow: visible; }
  /* Menu Content Styles */
  .dl-menu .nav-column {
    float: right;
    width: 25%;
    padding: 2%; }
  #news .nav-column {
    width: 16.666666667%; }
  .dl-menu .nav-column h3 {
    margin: 20px 0 10px 0;
    text-transform: uppercase; }
  .dl-menu .nav-column li a {
    font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
    font-size: 0.9375rem;
    font-weight: 400;
    color: #e7e7e7;
    display: block;
    padding: 6px 0; }
    .dl-menu .nav-column li a:hover {
      color: #fff; } }

.header__top-for-desktop, .header__top-for-mobile {
  background: #015080;
  color: #ffffff;
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 0.9375rem;
  font-weight: 400; }
  .header__top-for-desktop a, .header__top-for-mobile a {
    color: #ffffff; }
  .header__top-for-desktop:before, .header__top-for-desktop:after, .header__top-for-mobile:before, .header__top-for-mobile:after {
    content: " ";
    display: table; }
  .header__top-for-desktop:after, .header__top-for-mobile:after {
    clear: both; }

.header__top-for-mobile {
  font-size: 1.125rem;
  vertical-align: middle;
  padding: 1rem; }
  @media (min-width: 1000px) {
    .header__top-for-mobile {
      display: none; } }

.header__left-side {
  float: left; }

.header__top-for-desktop {
  text-align: left;
  padding: 0 2rem;
  display: none; }
  @media (min-width: 1000px) {
    .header__top-for-desktop {
      display: table;
      width: 100%; } }

.header__top-for-desktop-row {
  display: table-row;
  width: 100%; }
  .header__top-for-desktop-row > a, .header__top-for-desktop-row > span {
    height: 100%;
    display: table-cell;
    box-sizing: content-box;
    white-space: nowrap; }
  .header__top-for-desktop-row .header__social-link {
    padding-left: 1rem;
    color: #8a8a8a; }
    .header__top-for-desktop-row .header__social-link:hover {
      color: #ffffff; }

.header__other-site {
  color: white;
  padding-left: 1rem;
  line-height: 2.5rem;
  cursor: pointer; }
  .header__other-site i {
    color: #0075bc;
    vertical-align: middle; }
    .header__other-site i.fa-caret-right {
      -webkit-transform: rotate(-45deg);
          -ms-transform: rotate(-45deg);
              transform: rotate(-45deg);
      margin-left: 0.25rem; }
  .header__other-site:hover i {
    color: #015080; }

.header__spacer {
  width: 70%; }

.header__user-name {
  padding-left: 0.5rem; }
  .header__user-name:hover {
    color: #0075bc; }

.header__login-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
  border-style: solid;
  border-width: 0;
  cursor: pointer;
  font-family: "Noto Kufi Arabic";
  font-weight: normal;
  line-height: normal;
  margin: 0 0 0;
  position: relative;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  padding: 1rem 2rem 1.0625rem 2rem;
  font-size: 1rem;
  background-color: #0075bc;
  border-color: #005e96;
  color: #FFFFFF;
  transition: background-color 300ms ease-out;
  padding: 0.25rem 1rem; }
  .header__login-button:hover, .header__login-button:focus {
    background-color: #005e96; }
  .header__login-button:hover, .header__login-button:focus {
    color: #FFFFFF; }

.header__language {
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
  border-style: solid;
  border-width: 0;
  cursor: pointer;
  font-family: "Noto Kufi Arabic";
  font-weight: normal;
  line-height: normal;
  margin: 0 0 0;
  position: relative;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  padding: 1rem 2rem 1.0625rem 2rem;
  font-size: 1rem;
  background-color: #015080;
  border-color: #014066;
  color: #FFFFFF;
  transition: background-color 300ms ease-out;
  padding: 0.25rem 1rem;
  margin-right: 0; }
  .header__language:hover, .header__language:focus {
    background-color: #014066; }
  .header__language:hover, .header__language:focus {
    color: #FFFFFF; }

.header__columns {
  display: table-row;
  width: 100%;
  overflow: hidden;
  padding: 0; }

.header__column1 {
  padding: 1rem 2rem 1rem 0;
  display: table-cell; }
  .header__column1 .header__logo {
    display: table-cell;
    margin-bottom: 0.5rem;
    width: 162px;
    cursor: pointer;
    height: 60px; }
    .header__column1 .header__logo svg {
      width: 162px;
      height: 60px; }

.header__logo-wrapper {
  display: table-row; }

@media (min-width: 1000px) {
  .countries-menu-trigger {
    display: table-cell;
    white-space: nowrap; } }

.countries-menu-trigger .fa {
  color: #0075bc;
  font-size: 1.5625rem; }

.header__market-status {
  display: none;
  background-color: #f5f5f5; }
  @media (min-width: 1000px) {
    .header__market-status {
      display: table;
      margin-top: 0.5rem;
      clear: right; }
      .header__market-status:before, .header__market-status:after {
        content: " ";
        display: table; }
      .header__market-status:after {
        clear: both; }
      .header__market-status span, .header__market-status a {
        display: table-cell;
        padding: 0 1rem;
        vertical-align: middle;
        white-space: nowrap; } }
  .header__market-status a {
    vertical-align: middle;
    clear: both;
    min-width: 72px; }

.header__market-status-column {
  display: table-cell; }

.header__market-status-row {
  display: table-row; }

.header__market-name {
  background: #0075bc;
  color: #ffffff;
  clear: right; }

.header__market-status--close {
  background: #f48178;
  color: #ffffff; }

.header__market-status--preclose {
  background: #DC0A0A;
  color: #ffffff; }

.header__market-status--open {
  background: #458D37;
  color: #ffffff; }

.header__market-status--preopen {
  background: #458D37;
  color: #ffffff; }

.header__market-time {
  background: #D3D3D3;
  color: #707070; }

.header__column2 {
  text-align: center;
  vertical-align: middle;
  padding: 1rem 2rem;
  display: table-cell;
  height: 100%;
  width: 100%; }

@media (min-width: 1000px) {
  .header__main-menu {
    display: none; } }

.header__countries-menu {
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 1.0625rem;
  font-weight: 400; }

.header__top-for-mobile .header__logo {
  margin-right: 2rem;
  width: 70px;
  float: right;
  margin-left: 1rem;
  height: 27px;
  cursor: pointer; }
  .header__top-for-mobile .header__logo svg {
    width: 70px; }
  .header__top-for-mobile .header__logo .logo-path {
    fill: #fff; }

.main-menu-trigger,
.countries-menu-trigger,
.user-menu-trigger {
  margin-left: 1rem; }

.countries-menu-trigger span {
  vertical-align: middle;
  font-size: 1.5rem; }

@media (min-width: 1000px) {
  .countries-menu-trigger {
    position: relative;
    border-bottom: 1px solid #ddd;
    padding: 0 1rem;
    margin-right: 5px;
    box-shadow: inset 0 0 4px #B7B7B7;
    background-color: #E9E9E9;
    float: right;
    margin-top: 1.5rem;
    line-height: 27px; }
    .countries-menu-trigger:after {
      box-shadow: 9px -3px 1px -2px #999;
      -webkit-transform: skew(5deg) rotate(5deg);
          -ms-transform: skew(5deg) rotate(5deg);
              transform: skew(5deg) rotate(5deg); } }

.header__countries-menu--desktop {
  display: none;
  position: absolute;
  width: 200px;
  background: #ffffff;
  right: 0;
  margin-top: 0;
  z-index: 2000; }
  .header__countries-menu--desktop ul {
    list-style: none;
    margin: 0;
    padding: 0;
    border: 1px solid #dfdfdf; }
    .header__countries-menu--desktop ul li {
      margin: 0;
      border-bottom: 1px solid #dfdfdf; }
      .header__countries-menu--desktop ul li:last-child {
        border-bottom: none; }
      .header__countries-menu--desktop ul li a {
        padding: 1rem 1.5rem;
        display: block;
        background: #f3f3f3; }
        .header__countries-menu--desktop ul li a:hover {
          background: #0075bc;
          color: #ffffff; }

.header__countries-menu {
  opacity: .9; }

#countries-menu {
  max-height: 80%; }
  @media (max-width: 640px) {
    #countries-menu {
      height: 312px; } }
  @media (min-width: 641px) and (max-width: 1000px) {
    #countries-menu {
      height: 336px; } }

.header__top-for-mobile .header__login {
  color: white;
  margin-left: 1rem;
  cursor: pointer; }
  @media (max-width: 640px) {
    .header__top-for-mobile .header__login {
      display: none; } }

@media (min-width: 1000px) {
  .header__top-for-mobile .search__trigger {
    display: none; } }

.header__top-for-mobile .search__icon {
  position: absolute;
  top: 0.75rem;
  left: 1rem;
  z-index: 100; }

.header__top-for-mobile .search {
  top: 0.25rem;
  left: 0;
  height: 4rem; }
  .header__top-for-mobile .search input {
    height: 4rem;
    box-shadow: none;
    background: #015080;
    color: #ffffff; }
  @media (min-width: 1000px) {
    .header__top-for-mobile .search {
      display: none; } }

.top-bar__triggers a {
  text-decoration: none;
  color: #f3f3f3; }
  .top-bar__triggers a:hover {
    color: white; }

.header__top-for-mobile .header__country-selector {
  margin-right: 1rem;
  border: none;
  cursor: pointer;
  float: left;
  line-height: 40px; }
  @media (min-width: 1000px) {
    .header__top-for-mobile .header__country-selector {
      display: none; } }

.header__country-selector__country {
  text-align: center;
  width: 50%;
  float: right; }
  .header__country-selector__country:last-child a {
    box-shadow: none; }

@media (min-width: 1000px) {
  .header__top-for-mobile .header__logo {
    display: none; } }

.header__icon {
  margin-left: 0.5rem; }

.header__navigation {
  width: 100%;
  float: right;
  margin-right: 0;
  margin-left: 0;
  clear: both;
  margin-top: 0; }
  .header__navigation .dl-menu {
    background: #0075bc;
    padding-left: 2rem;
    padding-right: 2rem; }
    .header__navigation .dl-menu:before, .header__navigation .dl-menu:after {
      content: " ";
      display: table; }
    .header__navigation .dl-menu:after {
      clear: both; }

.header-desktop .dl-menu > li {
  outline: none;
  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2);
  color: #f3efe0;
  text-transform: uppercase;
  text-shadow: 0 0 1px rgba(255, 255, 255, 0.1);
  letter-spacing: 1px;
  transition: background 0.3s, box-shadow 0.3s;
  border-right: 2px groove #f3f3f3; }
  .header-desktop .dl-menu > li:nth-child(1) {
    border-right: none; }

.header__user-menu {
  float: left;
  margin: 0;
  padding: 0.5rem 1rem; }

.header__country-selector {
  display: inline-block;
  position: relative;
  border-right: 1px solid #0095ef;
  border-left: 1px solid #0095ef;
  vertical-align: top; }
  @media (min-width: 1000px) {
    .header__country-selector {
      height: auto;
      border: none;
      vertical-align: baseline; } }

.header__country-selector__current {
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 1.0625rem;
  font-weight: 400;
  cursor: pointer;
  padding: 0 1rem;
  color: #0075bc;
  height: 2rem;
  display: inline-block; }
  .header__country-selector__current i {
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg); }
  .header__country-selector__current:hover, .header__country-selector__current.is-active {
    color: #0075bc;
    text-decoration: none;
    background: transparent; }
  .header__country-selector__current i {
    font-size: 15px; }
  @media (min-width: 0) and (max-width: 1000px) {
    .header__country-selector__current {
      color: white; } }

.header__country-selector__countries {
  width: 100%;
  list-style: none;
  padding: 0;
  height: auto;
  max-height: 0;
  overflow: hidden;
  margin: 0;
  transition-property: all;
  transition-duration: .7s; }
  .header__country-selector__countries.is-active {
    max-height: 2000px;
    margin: 0 0 1rem; }
  @media (min-width: 1000px) {
    .header__country-selector__countries {
      width: 12.5rem;
      position: absolute;
      z-index: 1000; }
      .header__country-selector__countries.is-active {
        max-height: 2000px; } }
  .header__country-selector__countries li {
    padding: 0;
    margin: 0;
    border-bottom: 2px solid #0075bc; }
    @media (min-width: 1000px) {
      .header__country-selector__countries li {
        border: 1px solid #dfdfdf;
        background: #ffffff;
        border-bottom: none; }
        .header__country-selector__countries li:last-child {
          border-bottom: 1px solid #dfdfdf; } }
  .header__country-selector__countries a {
    display: block;
    padding: 1rem;
    font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
    font-size: 1.0625rem;
    font-weight: 400; }
    .header__country-selector__countries a:hover {
      background: #0075bc;
      color: #fff;
      text-decoration: none; }

.search-trigger {
  padding-right: 2rem; }

.pulse-logo {
  padding: 0px 5px 4px;
  min-width: 82px;
  min-height: 21px; }

@-webkit-keyframes ngdialog-fadeout {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes ngdialog-fadeout {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@-webkit-keyframes ngdialog-fadein {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes ngdialog-fadein {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.ngdialog {
  box-sizing: border-box; }

.ngdialog *,
.ngdialog *:before,
.ngdialog *:after {
  box-sizing: inherit; }

.ngdialog {
  position: fixed;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 10000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.ngdialog-overlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.4);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-backface-visibility: hidden;
  -webkit-animation: ngdialog-fadein 0.5s;
  animation: ngdialog-fadein 0.5s; }

.ngdialog.ngdialog-closing .ngdialog-overlay {
  -webkit-backface-visibility: hidden;
  -webkit-animation: ngdialog-fadeout 0.5s;
  animation: ngdialog-fadeout 0.5s; }

.ngdialog-content {
  background: white;
  -webkit-backface-visibility: hidden;
  -webkit-animation: ngdialog-fadein 0.5s;
  animation: ngdialog-fadein 0.5s; }

.ngdialog.ngdialog-closing .ngdialog-content {
  -webkit-backface-visibility: hidden;
  -webkit-animation: ngdialog-fadeout 0.5s;
  animation: ngdialog-fadeout 0.5s; }

.ngdialog-close:before {
  font-family: 'Helvetica', Arial, sans-serif;
  content: '\00D7';
  cursor: pointer; }

body.ngdialog-open {
  overflow: hidden; }

@-webkit-keyframes ngdialog-flyin {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes ngdialog-flyin {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    transform: translateY(-40px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

@-webkit-keyframes ngdialog-flyout {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px); } }

@keyframes ngdialog-flyout {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    transform: translateY(-40px); } }

.ngdialog.ngdialog-theme-default {
  padding-bottom: 160px;
  padding-top: 160px; }

.ngdialog.ngdialog-theme-default.ngdialog-closing .ngdialog-content {
  -webkit-animation: ngdialog-flyout .5s;
  animation: ngdialog-flyout .5s; }

.ngdialog.ngdialog-theme-default .ngdialog-content {
  -webkit-animation: ngdialog-flyin .5s;
  animation: ngdialog-flyin .5s;
  background: #f0f0f0;
  border-radius: 5px;
  color: #444;
  font-family: 'Helvetica',sans-serif;
  font-size: 1.1em;
  line-height: 1.5em;
  margin: 0 auto;
  max-width: 100%;
  padding: 1em;
  position: relative;
  width: 450px; }

.ngdialog.ngdialog-theme-default .ngdialog-close {
  border-radius: 5px;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0; }

.ngdialog.ngdialog-theme-default .ngdialog-close:before {
  background: transparent;
  border-radius: 3px;
  color: #bbb;
  content: '\00D7';
  font-size: 26px;
  font-weight: 400;
  height: 30px;
  line-height: 26px;
  position: absolute;
  right: 3px;
  text-align: center;
  top: 3px;
  width: 30px; }

.ngdialog.ngdialog-theme-default .ngdialog-close:hover:before,
.ngdialog.ngdialog-theme-default .ngdialog-close:active:before {
  color: #777; }

.ngdialog.ngdialog-theme-default .ngdialog-message {
  margin-bottom: .5em; }

.ngdialog.ngdialog-theme-default .ngdialog-input {
  margin-bottom: 1em; }

.ngdialog.ngdialog-theme-default .ngdialog-input textarea,
.ngdialog.ngdialog-theme-default .ngdialog-input input[type="text"],
.ngdialog.ngdialog-theme-default .ngdialog-input input[type="password"],
.ngdialog.ngdialog-theme-default .ngdialog-input input[type="email"],
.ngdialog.ngdialog-theme-default .ngdialog-input input[type="url"] {
  background: #fff;
  border: 0;
  border-radius: 3px;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  margin: 0 0 .25em;
  min-height: 2.5em;
  padding: .25em .67em;
  width: 100%; }

.ngdialog.ngdialog-theme-default .ngdialog-input textarea:focus,
.ngdialog.ngdialog-theme-default .ngdialog-input input[type="text"]:focus,
.ngdialog.ngdialog-theme-default .ngdialog-input input[type="password"]:focus,
.ngdialog.ngdialog-theme-default .ngdialog-input input[type="email"]:focus,
.ngdialog.ngdialog-theme-default .ngdialog-input input[type="url"]:focus {
  box-shadow: inset 0 0 0 2px #8dbdf1;
  outline: none; }

.ngdialog.ngdialog-theme-default .ngdialog-buttons {
  *zoom: 1; }

.ngdialog.ngdialog-theme-default .ngdialog-buttons:after {
  content: '';
  display: table;
  clear: both; }

.ngdialog.ngdialog-theme-default .ngdialog-button {
  border: 0;
  border-radius: 3px;
  cursor: pointer;
  float: right;
  font-family: inherit;
  font-size: .8em;
  letter-spacing: .1em;
  line-height: 1em;
  margin: 0 0 0 .5em;
  padding: .75em 2em;
  text-transform: uppercase; }

.ngdialog.ngdialog-theme-default .ngdialog-button:focus {
  -webkit-animation: ngdialog-pulse 1.1s infinite;
  animation: ngdialog-pulse 1.1s infinite;
  outline: none; }

@media (max-width: 568px) {
  .ngdialog.ngdialog-theme-default .ngdialog-button:focus {
    -webkit-animation: none;
    animation: none; } }

.ngdialog.ngdialog-theme-default .ngdialog-button.ngdialog-button-primary {
  background: #3288e6;
  color: #fff; }

.ngdialog.ngdialog-theme-default .ngdialog-button.ngdialog-button-secondary {
  background: #e0e0e0;
  color: #777; }

.dialog {
  padding: 0.5rem; }

.dialog__header {
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.6; }

.dialog__content {
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.6; }

.ngdialog.ngdialog-theme-default .ngdialog-close {
  right: auto;
  left: 40px; }

/***************************************
  vTabs
 ***************************************/
/**
 * Example HTML:
 *
   <v-tabs class="vTabs--default" horizontal active="activeTabIndex">
     <v-tab>[title]</v-tab>
     <v-tab>[title]</v-tab>
     <v-tab>[title]</v-tab>
   </v-tabs>

   <v-pages class="vPages--default" active="activeTabIndex">
     <v-page>
       <h3>[title]</h3>
       <p>[content]</p>
     </v-page>
     <v-page>
       <h3>[title]</h3>
       <p>[content]</p>
     </v-page>
     <v-page>
       <h3>[title]</h3>
       <p>[content]</p>
     </v-page>
   </v-pages>
 */
/***************************************
  Tabs
 ***************************************/
v-tabs {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  min-width: 100%; }

v-tab {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
  cursor: pointer;
  color: inherit; }
  v-tab.is-active {
    color: #2196F3; }
  v-tab[disabled] {
    cursor: not-allowed; }

v-tabs[horizontal] {
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  overflow-x: auto; }
  v-tabs[horizontal] v-tab {
    text-align: center;
    min-width: 100px; }

v-tabs[vertical] {
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }
  v-tabs[vertical] v-tab {
    text-align: left; }

/***************************************
  Pages
 ***************************************/
v-pages {
  display: block;
  position: relative; }

v-page {
  display: none;
  position: relative; }
  v-page.is-active {
    display: block; }

/* Theme: Tabs
 ***************************************/
.vTabs--default {
  padding-bottom: 10px; }
  .vTabs--default v-tab {
    transition: color 0.25s;
    outline: none; }
    .vTabs--default v-tab::after {
      content: '';
      position: absolute;
      display: block;
      left: 0;
      background-color: #D8D8D8;
      transition: background-color 0.5s 0.25s; }
    .vTabs--default v-tab.is-active::after {
      background-color: #2196F3; }
    .vTabs--default v-tab.is-active-remove::after {
      transition: background-color 0.25s; }
    .vTabs--default v-tab:focus {
      outline: none; }
    .vTabs--default v-tab:hover, .vTabs--default v-tab:focus {
      color: #2196F3; }
    .vTabs--default v-tab[disabled] {
      opacity: 0.5; }
      .vTabs--default v-tab[disabled]:hover, .vTabs--default v-tab[disabled]:focus {
        color: inherit; }
  .vTabs--default[horizontal] v-tab {
    padding: 5px; }
    .vTabs--default[horizontal] v-tab::after {
      width: 100%;
      height: 2px;
      bottom: 0; }
  .vTabs--default[vertical] v-tab {
    padding: 5px 20px; }
    .vTabs--default[vertical] v-tab::after {
      width: 2px;
      height: 100%;
      top: 0;
      bottom: auto; }

/* Theme: Pages
 ***************************************/
.vPages--default {
  margin: 10px 0; }
  .vPages--default v-page {
    will-change: transform, opacity;
    opacity: 0;
    -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
            transform: translateY(30px); }
    .vPages--default v-page.is-active {
      opacity: 1;
      -webkit-transform: translateY(0);
          -ms-transform: translateY(0);
              transform: translateY(0); }
    .vPages--default v-page.is-active-add {
      transition: opacity 0.5s 0.25s, -webkit-transform 0.5s 0.25s;
      transition: opacity 0.5s 0.25s, transform 0.5s 0.25s;
      transition: opacity 0.5s 0.25s, transform 0.5s 0.25s, -webkit-transform 0.5s 0.25s; }
    .vPages--default v-page.is-active-remove {
      position: absolute;
      width: 100%;
      top: 0;
      left: 0;
      -webkit-transform: translateY(0);
          -ms-transform: translateY(0);
              transform: translateY(0);
      transition: opacity 0.25s, -webkit-transform 0.25s;
      transition: opacity 0.25s, transform 0.25s;
      transition: opacity 0.25s, transform 0.25s, -webkit-transform 0.25s; }
    .vPages--default v-page.is-active-add, .vPages--default v-page.is-active-remove {
      display: block; }

.df-tab-menu {
  margin: 0 auto;
  padding: 0;
  list-style: none;
  text-align: right;
  background-color: #FFFFFF;
  border-bottom: 1px solid #bdbdbd; }
  .df-tab-menu > li {
    padding: 0;
    position: relative;
    display: inline-block; }
    .df-tab-menu > li a {
      display: inline-block;
      width: auto;
      height: 3rem;
      line-height: 2rem;
      padding: 0.5rem 1rem; }
      .df-tab-menu > li a:hover {
        text-decoration: none;
        border-bottom: 3px solid #0075bc; }
  .df-tab-menu a {
    text-decoration: none; }
    .df-tab-menu a:hover, .df-tab-menu a:focus {
      text-decoration: none; }

.df-tab-menu-more {
  float: left; }

.df-tab-menu-active > a {
  border-bottom: 3px solid #0075bc; }

.df-tab-menu-dropdown {
  background-color: #FFFFFF;
  top: 3rem;
  left: 0;
  right: auto;
  position: absolute;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0;
  margin: 0;
  list-style: none;
  border: 1px solid #bdbdbd; }
  .df-tab-menu-dropdown li {
    text-align: right; }
    .df-tab-menu-dropdown li a {
      display: block;
      padding: 0.5rem 1rem;
      clear: both;
      white-space: nowrap;
      height: auto; }
      .df-tab-menu-dropdown li a:hover {
        border: none;
        text-decoration: none;
        background-color: #0075bc;
        color: #ffffff; }

.df-tab-menu-dropdown-open ~ .df-tab-menu-dropdown {
  display: block; }

v-tabs, .vTabs--default {
  margin-top: 1.5rem;
  padding-bottom: 0; }
  v-tabs .is-active, .vTabs--default .is-active {
    border-left: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3; }

v-tab {
  background-color: #fff; }
  v-tab a {
    display: block; }
  v-tab:hover {
    background-color: #f3f3f3; }

v-tabs[horizontal] v-tab {
  padding: 0.5rem; }

v-tab.is-active {
  border-bottom: 3px solid #0075bc; }

v-tab a {
  min-width: 100px;
  height: 50px; }

.vTabs--secondary {
  margin-top: 0;
  padding-bottom: 0;
  text-align: center; }
  .vTabs--secondary:active *:active, .vTabs--secondary *:focus, .vTabs--secondary:focus {
    box-shadow: none;
    outline: none; }
  .vTabs--secondary .is-active {
    border: none;
    border-bottom: 2px solid #0075bc; }

/*!
 *  Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url("//netdna.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.eot?v=4.3.0");
  src: url("//netdna.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.eot?#iefix&v=4.3.0") format("embedded-opentype"), url("//netdna.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.woff2?v=4.3.0") format("woff2"), url("//netdna.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.woff?v=4.3.0") format("woff"), url("//netdna.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.ttf?v=4.3.0") format("truetype"), url("//netdna.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal; }

.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0); }

/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -15%; }

.fa-2x {
  font-size: 2em; }

.fa-3x {
  font-size: 3em; }

.fa-4x {
  font-size: 4em; }

.fa-5x {
  font-size: 5em; }

.fa-fw {
  width: 1.28571em;
  text-align: center; }

.fa-ul {
  padding-left: 0;
  margin-left: 2.14286em;
  list-style-type: none; }
  .fa-ul > li {
    position: relative; }

.fa-li {
  position: absolute;
  left: -2.14286em;
  width: 2.14286em;
  top: 0.14286em;
  text-align: center; }
  .fa-li.fa-lg {
    left: -1.85714em; }

.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eee;
  border-radius: .1em; }

.pull-right {
  float: right; }

.pull-left {
  float: left; }

.fa.pull-left {
  margin-right: .3em; }

.fa.pull-right {
  margin-left: .3em; }

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear; }

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8); }

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

.fa-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg); }

.fa-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

.fa-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg); }

.fa-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1); }

.fa-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1); }

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  -webkit-filter: none;
          filter: none; }

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle; }

.fa-stack-1x, .fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center; }

.fa-stack-1x {
  line-height: inherit; }

.fa-stack-2x {
  font-size: 2em; }

.fa-inverse {
  color: #fff; }

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: ""; }

.fa-music:before {
  content: ""; }

.fa-search:before {
  content: ""; }

.fa-envelope-o:before {
  content: ""; }

.fa-heart:before {
  content: ""; }

.fa-star:before {
  content: ""; }

.fa-star-o:before {
  content: ""; }

.fa-user:before {
  content: ""; }

.fa-film:before {
  content: ""; }

.fa-th-large:before {
  content: ""; }

.fa-th:before {
  content: ""; }

.fa-th-list:before {
  content: ""; }

.fa-check:before {
  content: ""; }

.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: ""; }

.fa-search-plus:before {
  content: ""; }

.fa-search-minus:before {
  content: ""; }

.fa-power-off:before {
  content: ""; }

.fa-signal:before {
  content: ""; }

.fa-gear:before,
.fa-cog:before {
  content: ""; }

.fa-trash-o:before {
  content: ""; }

.fa-home:before {
  content: ""; }

.fa-file-o:before {
  content: ""; }

.fa-clock-o:before {
  content: ""; }

.fa-road:before {
  content: ""; }

.fa-download:before {
  content: ""; }

.fa-arrow-circle-o-down:before {
  content: ""; }

.fa-arrow-circle-o-up:before {
  content: ""; }

.fa-inbox:before {
  content: ""; }

.fa-play-circle-o:before {
  content: ""; }

.fa-rotate-right:before,
.fa-repeat:before {
  content: ""; }

.fa-refresh:before {
  content: ""; }

.fa-list-alt:before {
  content: ""; }

.fa-lock:before {
  content: ""; }

.fa-flag:before {
  content: ""; }

.fa-headphones:before {
  content: ""; }

.fa-volume-off:before {
  content: ""; }

.fa-volume-down:before {
  content: ""; }

.fa-volume-up:before {
  content: ""; }

.fa-qrcode:before {
  content: ""; }

.fa-barcode:before {
  content: ""; }

.fa-tag:before {
  content: ""; }

.fa-tags:before {
  content: ""; }

.fa-book:before {
  content: ""; }

.fa-bookmark:before {
  content: ""; }

.fa-print:before {
  content: ""; }

.fa-camera:before {
  content: ""; }

.fa-font:before {
  content: ""; }

.fa-bold:before {
  content: ""; }

.fa-italic:before {
  content: ""; }

.fa-text-height:before {
  content: ""; }

.fa-text-width:before {
  content: ""; }

.fa-align-left:before {
  content: ""; }

.fa-align-center:before {
  content: ""; }

.fa-align-right:before {
  content: ""; }

.fa-align-justify:before {
  content: ""; }

.fa-list:before {
  content: ""; }

.fa-dedent:before,
.fa-outdent:before {
  content: ""; }

.fa-indent:before {
  content: ""; }

.fa-video-camera:before {
  content: ""; }

.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: ""; }

.fa-pencil:before {
  content: ""; }

.fa-map-marker:before {
  content: ""; }

.fa-adjust:before {
  content: ""; }

.fa-tint:before {
  content: ""; }

.fa-edit:before,
.fa-pencil-square-o:before {
  content: ""; }

.fa-share-square-o:before {
  content: ""; }

.fa-check-square-o:before {
  content: ""; }

.fa-arrows:before {
  content: ""; }

.fa-step-backward:before {
  content: ""; }

.fa-fast-backward:before {
  content: ""; }

.fa-backward:before {
  content: ""; }

.fa-play:before {
  content: ""; }

.fa-pause:before {
  content: ""; }

.fa-stop:before {
  content: ""; }

.fa-forward:before {
  content: ""; }

.fa-fast-forward:before {
  content: ""; }

.fa-step-forward:before {
  content: ""; }

.fa-eject:before {
  content: ""; }

.fa-chevron-left:before {
  content: ""; }

.fa-chevron-right:before {
  content: ""; }

.fa-plus-circle:before {
  content: ""; }

.fa-minus-circle:before {
  content: ""; }

.fa-times-circle:before {
  content: ""; }

.fa-check-circle:before {
  content: ""; }

.fa-question-circle:before {
  content: ""; }

.fa-info-circle:before {
  content: ""; }

.fa-crosshairs:before {
  content: ""; }

.fa-times-circle-o:before {
  content: ""; }

.fa-check-circle-o:before {
  content: ""; }

.fa-ban:before {
  content: ""; }

.fa-arrow-left:before {
  content: ""; }

.fa-arrow-right:before {
  content: ""; }

.fa-arrow-up:before {
  content: ""; }

.fa-arrow-down:before {
  content: ""; }

.fa-mail-forward:before,
.fa-share:before {
  content: ""; }

.fa-expand:before {
  content: ""; }

.fa-compress:before {
  content: ""; }

.fa-plus:before {
  content: ""; }

.fa-minus:before {
  content: ""; }

.fa-asterisk:before {
  content: ""; }

.fa-exclamation-circle:before {
  content: ""; }

.fa-gift:before {
  content: ""; }

.fa-leaf:before {
  content: ""; }

.fa-fire:before {
  content: ""; }

.fa-eye:before {
  content: ""; }

.fa-eye-slash:before {
  content: ""; }

.fa-warning:before,
.fa-exclamation-triangle:before {
  content: ""; }

.fa-plane:before {
  content: ""; }

.fa-calendar:before {
  content: ""; }

.fa-random:before {
  content: ""; }

.fa-comment:before {
  content: ""; }

.fa-magnet:before {
  content: ""; }

.fa-chevron-up:before {
  content: ""; }

.fa-chevron-down:before {
  content: ""; }

.fa-retweet:before {
  content: ""; }

.fa-shopping-cart:before {
  content: ""; }

.fa-folder:before {
  content: ""; }

.fa-folder-open:before {
  content: ""; }

.fa-arrows-v:before {
  content: ""; }

.fa-arrows-h:before {
  content: ""; }

.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: ""; }

.fa-twitter-square:before {
  content: ""; }

.fa-facebook-square:before {
  content: ""; }

.fa-camera-retro:before {
  content: ""; }

.fa-key:before {
  content: ""; }

.fa-gears:before,
.fa-cogs:before {
  content: ""; }

.fa-comments:before {
  content: ""; }

.fa-thumbs-o-up:before {
  content: ""; }

.fa-thumbs-o-down:before {
  content: ""; }

.fa-star-half:before {
  content: ""; }

.fa-heart-o:before {
  content: ""; }

.fa-sign-out:before {
  content: ""; }

.fa-linkedin-square:before {
  content: ""; }

.fa-thumb-tack:before {
  content: ""; }

.fa-external-link:before {
  content: ""; }

.fa-sign-in:before {
  content: ""; }

.fa-trophy:before {
  content: ""; }

.fa-github-square:before {
  content: ""; }

.fa-upload:before {
  content: ""; }

.fa-lemon-o:before {
  content: ""; }

.fa-phone:before {
  content: ""; }

.fa-square-o:before {
  content: ""; }

.fa-bookmark-o:before {
  content: ""; }

.fa-phone-square:before {
  content: ""; }

.fa-twitter:before {
  content: ""; }

.fa-facebook-f:before,
.fa-facebook:before {
  content: ""; }

.fa-github:before {
  content: ""; }

.fa-unlock:before {
  content: ""; }

.fa-credit-card:before {
  content: ""; }

.fa-rss:before {
  content: ""; }

.fa-hdd-o:before {
  content: ""; }

.fa-bullhorn:before {
  content: ""; }

.fa-bell:before {
  content: ""; }

.fa-certificate:before {
  content: ""; }

.fa-hand-o-right:before {
  content: ""; }

.fa-hand-o-left:before {
  content: ""; }

.fa-hand-o-up:before {
  content: ""; }

.fa-hand-o-down:before {
  content: ""; }

.fa-arrow-circle-left:before {
  content: ""; }

.fa-arrow-circle-right:before {
  content: ""; }

.fa-arrow-circle-up:before {
  content: ""; }

.fa-arrow-circle-down:before {
  content: ""; }

.fa-globe:before {
  content: ""; }

.fa-wrench:before {
  content: ""; }

.fa-tasks:before {
  content: ""; }

.fa-filter:before {
  content: ""; }

.fa-briefcase:before {
  content: ""; }

.fa-arrows-alt:before {
  content: ""; }

.fa-group:before,
.fa-users:before {
  content: ""; }

.fa-chain:before,
.fa-link:before {
  content: ""; }

.fa-cloud:before {
  content: ""; }

.fa-flask:before {
  content: ""; }

.fa-cut:before,
.fa-scissors:before {
  content: ""; }

.fa-copy:before,
.fa-files-o:before {
  content: ""; }

.fa-paperclip:before {
  content: ""; }

.fa-save:before,
.fa-floppy-o:before {
  content: ""; }

.fa-square:before {
  content: ""; }

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: ""; }

.fa-list-ul:before {
  content: ""; }

.fa-list-ol:before {
  content: ""; }

.fa-strikethrough:before {
  content: ""; }

.fa-underline:before {
  content: ""; }

.fa-table:before {
  content: ""; }

.fa-magic:before {
  content: ""; }

.fa-truck:before {
  content: ""; }

.fa-pinterest:before {
  content: ""; }

.fa-pinterest-square:before {
  content: ""; }

.fa-google-plus-square:before {
  content: ""; }

.fa-google-plus:before {
  content: ""; }

.fa-money:before {
  content: ""; }

.fa-caret-down:before {
  content: ""; }

.fa-caret-up:before {
  content: ""; }

.fa-caret-left:before {
  content: ""; }

.fa-caret-right:before {
  content: ""; }

.fa-columns:before {
  content: ""; }

.fa-unsorted:before,
.fa-sort:before {
  content: ""; }

.fa-sort-down:before,
.fa-sort-desc:before {
  content: ""; }

.fa-sort-up:before,
.fa-sort-asc:before {
  content: ""; }

.fa-envelope:before {
  content: ""; }

.fa-linkedin:before {
  content: ""; }

.fa-rotate-left:before,
.fa-undo:before {
  content: ""; }

.fa-legal:before,
.fa-gavel:before {
  content: ""; }

.fa-dashboard:before,
.fa-tachometer:before {
  content: ""; }

.fa-comment-o:before {
  content: ""; }

.fa-comments-o:before {
  content: ""; }

.fa-flash:before,
.fa-bolt:before {
  content: ""; }

.fa-sitemap:before {
  content: ""; }

.fa-umbrella:before {
  content: ""; }

.fa-paste:before,
.fa-clipboard:before {
  content: ""; }

.fa-lightbulb-o:before {
  content: ""; }

.fa-exchange:before {
  content: ""; }

.fa-cloud-download:before {
  content: ""; }

.fa-cloud-upload:before {
  content: ""; }

.fa-user-md:before {
  content: ""; }

.fa-stethoscope:before {
  content: ""; }

.fa-suitcase:before {
  content: ""; }

.fa-bell-o:before {
  content: ""; }

.fa-coffee:before {
  content: ""; }

.fa-cutlery:before {
  content: ""; }

.fa-file-text-o:before {
  content: ""; }

.fa-building-o:before {
  content: ""; }

.fa-hospital-o:before {
  content: ""; }

.fa-ambulance:before {
  content: ""; }

.fa-medkit:before {
  content: ""; }

.fa-fighter-jet:before {
  content: ""; }

.fa-beer:before {
  content: ""; }

.fa-h-square:before {
  content: ""; }

.fa-plus-square:before {
  content: ""; }

.fa-angle-double-left:before {
  content: ""; }

.fa-angle-double-right:before {
  content: ""; }

.fa-angle-double-up:before {
  content: ""; }

.fa-angle-double-down:before {
  content: ""; }

.fa-angle-left:before {
  content: ""; }

.fa-angle-right:before {
  content: ""; }

.fa-angle-up:before {
  content: ""; }

.fa-angle-down:before {
  content: ""; }

.fa-desktop:before {
  content: ""; }

.fa-laptop:before {
  content: ""; }

.fa-tablet:before {
  content: ""; }

.fa-mobile-phone:before,
.fa-mobile:before {
  content: ""; }

.fa-circle-o:before {
  content: ""; }

.fa-quote-left:before {
  content: ""; }

.fa-quote-right:before {
  content: ""; }

.fa-spinner:before {
  content: ""; }

.fa-circle:before {
  content: ""; }

.fa-mail-reply:before,
.fa-reply:before {
  content: ""; }

.fa-github-alt:before {
  content: ""; }

.fa-folder-o:before {
  content: ""; }

.fa-folder-open-o:before {
  content: ""; }

.fa-smile-o:before {
  content: ""; }

.fa-frown-o:before {
  content: ""; }

.fa-meh-o:before {
  content: ""; }

.fa-gamepad:before {
  content: ""; }

.fa-keyboard-o:before {
  content: ""; }

.fa-flag-o:before {
  content: ""; }

.fa-flag-checkered:before {
  content: ""; }

.fa-terminal:before {
  content: ""; }

.fa-code:before {
  content: ""; }

.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: ""; }

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: ""; }

.fa-location-arrow:before {
  content: ""; }

.fa-crop:before {
  content: ""; }

.fa-code-fork:before {
  content: ""; }

.fa-unlink:before,
.fa-chain-broken:before {
  content: ""; }

.fa-question:before {
  content: ""; }

.fa-info:before {
  content: ""; }

.fa-exclamation:before {
  content: ""; }

.fa-superscript:before {
  content: ""; }

.fa-subscript:before {
  content: ""; }

.fa-eraser:before {
  content: ""; }

.fa-puzzle-piece:before {
  content: ""; }

.fa-microphone:before {
  content: ""; }

.fa-microphone-slash:before {
  content: ""; }

.fa-shield:before {
  content: ""; }

.fa-calendar-o:before {
  content: ""; }

.fa-fire-extinguisher:before {
  content: ""; }

.fa-rocket:before {
  content: ""; }

.fa-maxcdn:before {
  content: ""; }

.fa-chevron-circle-left:before {
  content: ""; }

.fa-chevron-circle-right:before {
  content: ""; }

.fa-chevron-circle-up:before {
  content: ""; }

.fa-chevron-circle-down:before {
  content: ""; }

.fa-html5:before {
  content: ""; }

.fa-css3:before {
  content: ""; }

.fa-anchor:before {
  content: ""; }

.fa-unlock-alt:before {
  content: ""; }

.fa-bullseye:before {
  content: ""; }

.fa-ellipsis-h:before {
  content: ""; }

.fa-ellipsis-v:before {
  content: ""; }

.fa-rss-square:before {
  content: ""; }

.fa-play-circle:before {
  content: ""; }

.fa-ticket:before {
  content: ""; }

.fa-minus-square:before {
  content: ""; }

.fa-minus-square-o:before {
  content: ""; }

.fa-level-up:before {
  content: ""; }

.fa-level-down:before {
  content: ""; }

.fa-check-square:before {
  content: ""; }

.fa-pencil-square:before {
  content: ""; }

.fa-external-link-square:before {
  content: ""; }

.fa-share-square:before {
  content: ""; }

.fa-compass:before {
  content: ""; }

.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: ""; }

.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: ""; }

.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: ""; }

.fa-euro:before,
.fa-eur:before {
  content: ""; }

.fa-gbp:before {
  content: ""; }

.fa-dollar:before,
.fa-usd:before {
  content: ""; }

.fa-rupee:before,
.fa-inr:before {
  content: ""; }

.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: ""; }

.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: ""; }

.fa-won:before,
.fa-krw:before {
  content: ""; }

.fa-bitcoin:before,
.fa-btc:before {
  content: ""; }

.fa-file:before {
  content: ""; }

.fa-file-text:before {
  content: ""; }

.fa-sort-alpha-asc:before {
  content: ""; }

.fa-sort-alpha-desc:before {
  content: ""; }

.fa-sort-amount-asc:before {
  content: ""; }

.fa-sort-amount-desc:before {
  content: ""; }

.fa-sort-numeric-asc:before {
  content: ""; }

.fa-sort-numeric-desc:before {
  content: ""; }

.fa-thumbs-up:before {
  content: ""; }

.fa-thumbs-down:before {
  content: ""; }

.fa-youtube-square:before {
  content: ""; }

.fa-youtube:before {
  content: ""; }

.fa-xing:before {
  content: ""; }

.fa-xing-square:before {
  content: ""; }

.fa-youtube-play:before {
  content: ""; }

.fa-dropbox:before {
  content: ""; }

.fa-stack-overflow:before {
  content: ""; }

.fa-instagram:before {
  content: ""; }

.fa-flickr:before {
  content: ""; }

.fa-adn:before {
  content: ""; }

.fa-bitbucket:before {
  content: ""; }

.fa-bitbucket-square:before {
  content: ""; }

.fa-tumblr:before {
  content: ""; }

.fa-tumblr-square:before {
  content: ""; }

.fa-long-arrow-down:before {
  content: ""; }

.fa-long-arrow-up:before {
  content: ""; }

.fa-long-arrow-left:before {
  content: ""; }

.fa-long-arrow-right:before {
  content: ""; }

.fa-apple:before {
  content: ""; }

.fa-windows:before {
  content: ""; }

.fa-android:before {
  content: ""; }

.fa-linux:before {
  content: ""; }

.fa-dribbble:before {
  content: ""; }

.fa-skype:before {
  content: ""; }

.fa-foursquare:before {
  content: ""; }

.fa-trello:before {
  content: ""; }

.fa-female:before {
  content: ""; }

.fa-male:before {
  content: ""; }

.fa-gittip:before,
.fa-gratipay:before {
  content: ""; }

.fa-sun-o:before {
  content: ""; }

.fa-moon-o:before {
  content: ""; }

.fa-archive:before {
  content: ""; }

.fa-bug:before {
  content: ""; }

.fa-vk:before {
  content: ""; }

.fa-weibo:before {
  content: ""; }

.fa-renren:before {
  content: ""; }

.fa-pagelines:before {
  content: ""; }

.fa-stack-exchange:before {
  content: ""; }

.fa-arrow-circle-o-right:before {
  content: ""; }

.fa-arrow-circle-o-left:before {
  content: ""; }

.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: ""; }

.fa-dot-circle-o:before {
  content: ""; }

.fa-wheelchair:before {
  content: ""; }

.fa-vimeo-square:before {
  content: ""; }

.fa-turkish-lira:before,
.fa-try:before {
  content: ""; }

.fa-plus-square-o:before {
  content: ""; }

.fa-space-shuttle:before {
  content: ""; }

.fa-slack:before {
  content: ""; }

.fa-envelope-square:before {
  content: ""; }

.fa-wordpress:before {
  content: ""; }

.fa-openid:before {
  content: ""; }

.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: ""; }

.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: ""; }

.fa-yahoo:before {
  content: ""; }

.fa-google:before {
  content: ""; }

.fa-reddit:before {
  content: ""; }

.fa-reddit-square:before {
  content: ""; }

.fa-stumbleupon-circle:before {
  content: ""; }

.fa-stumbleupon:before {
  content: ""; }

.fa-delicious:before {
  content: ""; }

.fa-digg:before {
  content: ""; }

.fa-pied-piper:before {
  content: ""; }

.fa-pied-piper-alt:before {
  content: ""; }

.fa-drupal:before {
  content: ""; }

.fa-joomla:before {
  content: ""; }

.fa-language:before {
  content: ""; }

.fa-fax:before {
  content: ""; }

.fa-building:before {
  content: ""; }

.fa-child:before {
  content: ""; }

.fa-paw:before {
  content: ""; }

.fa-spoon:before {
  content: ""; }

.fa-cube:before {
  content: ""; }

.fa-cubes:before {
  content: ""; }

.fa-behance:before {
  content: ""; }

.fa-behance-square:before {
  content: ""; }

.fa-steam:before {
  content: ""; }

.fa-steam-square:before {
  content: ""; }

.fa-recycle:before {
  content: ""; }

.fa-automobile:before,
.fa-car:before {
  content: ""; }

.fa-cab:before,
.fa-taxi:before {
  content: ""; }

.fa-tree:before {
  content: ""; }

.fa-spotify:before {
  content: ""; }

.fa-deviantart:before {
  content: ""; }

.fa-soundcloud:before {
  content: ""; }

.fa-database:before {
  content: ""; }

.fa-file-pdf-o:before {
  content: ""; }

.fa-file-word-o:before {
  content: ""; }

.fa-file-excel-o:before {
  content: ""; }

.fa-file-powerpoint-o:before {
  content: ""; }

.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: ""; }

.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: ""; }

.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: ""; }

.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: ""; }

.fa-file-code-o:before {
  content: ""; }

.fa-vine:before {
  content: ""; }

.fa-codepen:before {
  content: ""; }

.fa-jsfiddle:before {
  content: ""; }

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: ""; }

.fa-circle-o-notch:before {
  content: ""; }

.fa-ra:before,
.fa-rebel:before {
  content: ""; }

.fa-ge:before,
.fa-empire:before {
  content: ""; }

.fa-git-square:before {
  content: ""; }

.fa-git:before {
  content: ""; }

.fa-hacker-news:before {
  content: ""; }

.fa-tencent-weibo:before {
  content: ""; }

.fa-qq:before {
  content: ""; }

.fa-wechat:before,
.fa-weixin:before {
  content: ""; }

.fa-send:before,
.fa-paper-plane:before {
  content: ""; }

.fa-send-o:before,
.fa-paper-plane-o:before {
  content: ""; }

.fa-history:before {
  content: ""; }

.fa-genderless:before,
.fa-circle-thin:before {
  content: ""; }

.fa-header:before {
  content: ""; }

.fa-paragraph:before {
  content: ""; }

.fa-sliders:before {
  content: ""; }

.fa-share-alt:before {
  content: ""; }

.fa-share-alt-square:before {
  content: ""; }

.fa-bomb:before {
  content: ""; }

.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: ""; }

.fa-tty:before {
  content: ""; }

.fa-binoculars:before {
  content: ""; }

.fa-plug:before {
  content: ""; }

.fa-slideshare:before {
  content: ""; }

.fa-twitch:before {
  content: ""; }

.fa-yelp:before {
  content: ""; }

.fa-newspaper-o:before {
  content: ""; }

.fa-wifi:before {
  content: ""; }

.fa-calculator:before {
  content: ""; }

.fa-paypal:before {
  content: ""; }

.fa-google-wallet:before {
  content: ""; }

.fa-cc-visa:before {
  content: ""; }

.fa-cc-mastercard:before {
  content: ""; }

.fa-cc-discover:before {
  content: ""; }

.fa-cc-amex:before {
  content: ""; }

.fa-cc-paypal:before {
  content: ""; }

.fa-cc-stripe:before {
  content: ""; }

.fa-bell-slash:before {
  content: ""; }

.fa-bell-slash-o:before {
  content: ""; }

.fa-trash:before {
  content: ""; }

.fa-copyright:before {
  content: ""; }

.fa-at:before {
  content: ""; }

.fa-eyedropper:before {
  content: ""; }

.fa-paint-brush:before {
  content: ""; }

.fa-birthday-cake:before {
  content: ""; }

.fa-area-chart:before {
  content: ""; }

.fa-pie-chart:before {
  content: ""; }

.fa-line-chart:before {
  content: ""; }

.fa-lastfm:before {
  content: ""; }

.fa-lastfm-square:before {
  content: ""; }

.fa-toggle-off:before {
  content: ""; }

.fa-toggle-on:before {
  content: ""; }

.fa-bicycle:before {
  content: ""; }

.fa-bus:before {
  content: ""; }

.fa-ioxhost:before {
  content: ""; }

.fa-angellist:before {
  content: ""; }

.fa-cc:before {
  content: ""; }

.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: ""; }

.fa-meanpath:before {
  content: ""; }

.fa-buysellads:before {
  content: ""; }

.fa-connectdevelop:before {
  content: ""; }

.fa-dashcube:before {
  content: ""; }

.fa-forumbee:before {
  content: ""; }

.fa-leanpub:before {
  content: ""; }

.fa-sellsy:before {
  content: ""; }

.fa-shirtsinbulk:before {
  content: ""; }

.fa-simplybuilt:before {
  content: ""; }

.fa-skyatlas:before {
  content: ""; }

.fa-cart-plus:before {
  content: ""; }

.fa-cart-arrow-down:before {
  content: ""; }

.fa-diamond:before {
  content: ""; }

.fa-ship:before {
  content: ""; }

.fa-user-secret:before {
  content: ""; }

.fa-motorcycle:before {
  content: ""; }

.fa-street-view:before {
  content: ""; }

.fa-heartbeat:before {
  content: ""; }

.fa-venus:before {
  content: ""; }

.fa-mars:before {
  content: ""; }

.fa-mercury:before {
  content: ""; }

.fa-transgender:before {
  content: ""; }

.fa-transgender-alt:before {
  content: ""; }

.fa-venus-double:before {
  content: ""; }

.fa-mars-double:before {
  content: ""; }

.fa-venus-mars:before {
  content: ""; }

.fa-mars-stroke:before {
  content: ""; }

.fa-mars-stroke-v:before {
  content: ""; }

.fa-mars-stroke-h:before {
  content: ""; }

.fa-neuter:before {
  content: ""; }

.fa-facebook-official:before {
  content: ""; }

.fa-pinterest-p:before {
  content: ""; }

.fa-whatsapp:before {
  content: ""; }

.fa-server:before {
  content: ""; }

.fa-user-plus:before {
  content: ""; }

.fa-user-times:before {
  content: ""; }

.fa-hotel:before,
.fa-bed:before {
  content: ""; }

.fa-viacoin:before {
  content: ""; }

.fa-train:before {
  content: ""; }

.fa-subway:before {
  content: ""; }

.fa-medium:before {
  content: ""; }

.mi-footer {
  clear: both;
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 0.8125rem;
  font-weight: 400;
  color: #8a8a8a;
  background: #333;
  padding: 1rem; }
  @media (min-width: 1000px) {
    .mi-footer {
      max-width: 100%;
      margin-left: auto;
      margin-right: auto;
      padding: 3rem 2rem; }
      .mi-footer:before, .mi-footer:after {
        content: " ";
        display: table; }
      .mi-footer:after {
        clear: both; }
      .mi-footer:before, .mi-footer:after {
        content: " ";
        display: table; }
      .mi-footer:after {
        clear: both; } }
  .mi-footer ul {
    padding-left: 0;
    padding-right: 0;
    list-style: none; }
    @media (max-width: 640px) {
      .mi-footer ul {
        max-width: 100%;
        margin-left: auto;
        margin-right: auto; }
        .mi-footer ul:before, .mi-footer ul:after {
          content: " ";
          display: table; }
        .mi-footer ul:after {
          clear: both; }
        .mi-footer ul:before, .mi-footer ul:after {
          content: " ";
          display: table; }
        .mi-footer ul:after {
          clear: both; } }
  .mi-footer li {
    display: inline-block;
    padding: 0.25rem; }

@media (min-width: 1000px) {
  .mi-footer__column1 {
    width: 66.19718%;
    float: right;
    margin-left: 1.40845%; } }

@media (min-width: 1000px) {
  .mi-footer__column2 {
    width: 32.39437%;
    float: left;
    margin-left: 0; } }

.mi-footer__logo {
  width: 110px;
  height: 27px;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer; }
  @media (max-width: 640px) {
    .mi-footer__logo {
      display: block;
      margin-bottom: 1rem; } }
  .mi-footer__logo svg {
    width: 100px; }

.mi-footer__copyright {
  text-align: right;
  vertical-align: bottom;
  margin-bottom: 1rem; }

.mi-footer__links {
  text-align: right;
  margin-bottom: 1rem; }
  @media (max-width: 640px) {
    .mi-footer__links li {
      width: 32.39437%;
      float: right;
      margin-left: 1.40845%;
      text-align: right; }
      .mi-footer__links li:nth-child(3n + 3) {
        float: left;
        margin-left: 0; } }

.mi-footer__links a,
.mi-footer__social-icons a {
  color: #8a8a8a; }
  .mi-footer__links a:hover,
  .mi-footer__social-icons a:hover {
    color: #ffffff; }

.mi-footer__social-icons {
  text-align: center; }
  @media (min-width: 1000px) {
    .mi-footer__social-icons {
      float: left; } }

.mi-footer__main-menu {
  margin-bottom: 1rem;
  clear: both;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto; }
  .mi-footer__main-menu:before, .mi-footer__main-menu:after {
    content: " ";
    display: table; }
  .mi-footer__main-menu:after {
    clear: both; }
  .mi-footer__main-menu:before, .mi-footer__main-menu:after {
    content: " ";
    display: table; }
  .mi-footer__main-menu:after {
    clear: both; }
  .mi-footer__main-menu ul {
    list-style: circle; }
    .mi-footer__main-menu ul li {
      display: block; }

.mi-footer__menu-level1 {
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  -moz-osx-font-smoothing: grayscale;
  color: #0075bc;
  display: block; }

.mi-footer__menu-level2 {
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
  color: #8a8a8a;
  margin-top: 0.5rem; }

.mi-footer__menu-level3 {
  color: #ffffff;
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 0.8125rem;
  font-weight: 400; }
  .mi-footer__menu-level3:hover {
    color: #8a8a8a; }

.mi-footer__menu-item {
  width: 19.71831%;
  float: right;
  margin-left: 1.40845%; }
  .mi-footer__menu-item:last-of-type {
    float: left;
    margin-left: 0; }

.mi-footer__menu__markets {
  width: 19.71831%;
  float: right;
  margin-left: 1.40845%; }

.mi-footer__menu__news {
  width: 45.07042%;
  float: right;
  margin-left: 1.40845%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto; }
  .mi-footer__menu__news:before, .mi-footer__menu__news:after {
    content: " ";
    display: table; }
  .mi-footer__menu__news:after {
    clear: both; }
  .mi-footer__menu__news:before, .mi-footer__menu__news:after {
    content: " ";
    display: table; }
  .mi-footer__menu__news:after {
    clear: both; }

.mi-footer__menu__news__submenu {
  width: 32.39437%;
  float: right;
  margin-left: 1.40845%; }
  .mi-footer__menu__news__submenu:last-of-type {
    float: left;
    margin-left: 0; }

.mi-footer__menu__companies {
  width: 15.49296%;
  float: right;
  margin-left: 1.40845%; }

.mi-footer__menu__analysis-tools {
  width: 15.49296%;
  float: left;
  margin-left: 0; }

@media (min-width: 1000px) {
  .mi-footer__second-fold {
    margin-top: 1rem;
    clear: both; } }

/*
 *  Usage:
 *
 *    <div class="sk-spinner sk-spinner-rotating-plane"></div>
 *
 */
.sk-spinner-rotating-plane.sk-spinner {
  width: 30px;
  height: 30px;
  background-color: #333;
  margin: 0 auto;
  -webkit-animation: sk-rotatePlane 1.2s infinite ease-in-out;
          animation: sk-rotatePlane 1.2s infinite ease-in-out; }

@-webkit-keyframes sk-rotatePlane {
  0% {
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
            transform: perspective(120px) rotateX(0deg) rotateY(0deg); }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
            transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
            transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } }

@keyframes sk-rotatePlane {
  0% {
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
            transform: perspective(120px) rotateX(0deg) rotateY(0deg); }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
            transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
            transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } }

/*
 *  Usage:
 *
 *    <div class="sk-spinner sk-spinner-double-bounce">
 *      <div class="sk-double-bounce1"></div>
 *      <div class="sk-double-bounce2"></div>
 *    </div>
 *
 */
.sk-spinner-double-bounce.sk-spinner {
  width: 40px;
  height: 40px;
  position: relative;
  margin: 0 auto; }

.sk-spinner-double-bounce .sk-double-bounce1, .sk-spinner-double-bounce .sk-double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #333;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: sk-doubleBounce 2.0s infinite ease-in-out;
          animation: sk-doubleBounce 2.0s infinite ease-in-out; }

.sk-spinner-double-bounce .sk-double-bounce2 {
  -webkit-animation-delay: -1.0s;
          animation-delay: -1.0s; }

@-webkit-keyframes sk-doubleBounce {
  0%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes sk-doubleBounce {
  0%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

/*
 *  Usage:
 *
 *    <div class="sk-spinner sk-spinner-wave">
 *      <div class="sk-rect1"></div>
 *      <div class="sk-rect2"></div>
 *      <div class="sk-rect3"></div>
 *      <div class="sk-rect4"></div>
 *      <div class="sk-rect5"></div>
 *    </div>
 *
 */
.sk-spinner-wave.sk-spinner {
  margin: 0 auto;
  width: 50px;
  height: 30px;
  text-align: center;
  font-size: 10px; }

.sk-spinner-wave div {
  background-color: #333;
  height: 100%;
  width: 6px;
  display: inline-block;
  -webkit-animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
          animation: sk-waveStretchDelay 1.2s infinite ease-in-out; }

.sk-spinner-wave .sk-rect2 {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s; }

.sk-spinner-wave .sk-rect3 {
  -webkit-animation-delay: -1.0s;
          animation-delay: -1.0s; }

.sk-spinner-wave .sk-rect4 {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s; }

.sk-spinner-wave .sk-rect5 {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s; }

@-webkit-keyframes sk-waveStretchDelay {
  0%, 40%, 100% {
    -webkit-transform: scaleY(0.4);
            transform: scaleY(0.4); }
  20% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1); } }

@keyframes sk-waveStretchDelay {
  0%, 40%, 100% {
    -webkit-transform: scaleY(0.4);
            transform: scaleY(0.4); }
  20% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1); } }

/*
 *  Usage:
 *
 *    <div class="sk-spinner sk-spinner-wandering-cubes">
 *      <div class="sk-cube1"></div>
 *      <div class="sk-cube2"></div>
 *    </div>
 *
 */
.sk-spinner-wandering-cubes.sk-spinner {
  margin: 0 auto;
  width: 32px;
  height: 32px;
  position: relative; }

.sk-spinner-wandering-cubes .sk-cube1, .sk-spinner-wandering-cubes .sk-cube2 {
  background-color: #333;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: sk-wanderingCubeMove 1.8s infinite ease-in-out;
          animation: sk-wanderingCubeMove 1.8s infinite ease-in-out; }

.sk-spinner-wandering-cubes .sk-cube2 {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s; }

@-webkit-keyframes sk-wanderingCubeMove {
  25% {
    -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
            transform: translateX(42px) rotate(-90deg) scale(0.5); }
  50% {
    /* Hack to make FF rotate in the right direction */
    -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
            transform: translateX(42px) translateY(42px) rotate(-179deg); }
  50.1% {
    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
            transform: translateX(42px) translateY(42px) rotate(-180deg); }
  75% {
    -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
            transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5); }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg); } }

@keyframes sk-wanderingCubeMove {
  25% {
    -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
            transform: translateX(42px) rotate(-90deg) scale(0.5); }
  50% {
    /* Hack to make FF rotate in the right direction */
    -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
            transform: translateX(42px) translateY(42px) rotate(-179deg); }
  50.1% {
    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
            transform: translateX(42px) translateY(42px) rotate(-180deg); }
  75% {
    -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
            transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5); }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg); } }

/*
 *  Usage:
 *
 *    <div class="sk-spinner sk-spinner-pulse"></div>
 *
 */
.sk-spinner-pulse.sk-spinner {
  width: 40px;
  height: 40px;
  margin: 0 auto;
  background-color: #333;
  border-radius: 100%;
  -webkit-animation: sk-pulseScaleOut 1.0s infinite ease-in-out;
          animation: sk-pulseScaleOut 1.0s infinite ease-in-out; }

@-webkit-keyframes sk-pulseScaleOut {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0; } }

@keyframes sk-pulseScaleOut {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0; } }

/*
 *  Usage:
 *
 *    <div class="sk-spinner sk-spinner-chasing-dots">
 *      <div class="sk-dot1"></div>
 *      <div class="sk-dot2"></div>
 *    </div>
 *
 */
.sk-spinner-chasing-dots.sk-spinner {
  margin: 0 auto;
  width: 40px;
  height: 40px;
  position: relative;
  text-align: center;
  -webkit-animation: sk-chasingDotsRotate 2.0s infinite linear;
          animation: sk-chasingDotsRotate 2.0s infinite linear; }

.sk-spinner-chasing-dots .sk-dot1, .sk-spinner-chasing-dots .sk-dot2 {
  width: 60%;
  height: 60%;
  display: inline-block;
  position: absolute;
  top: 0;
  background-color: #333;
  border-radius: 100%;
  -webkit-animation: sk-chasingDotsBounce 2.0s infinite ease-in-out;
          animation: sk-chasingDotsBounce 2.0s infinite ease-in-out; }

.sk-spinner-chasing-dots .sk-dot2 {
  top: auto;
  bottom: 0px;
  -webkit-animation-delay: -1.0s;
          animation-delay: -1.0s; }

@-webkit-keyframes sk-chasingDotsRotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes sk-chasingDotsRotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@-webkit-keyframes sk-chasingDotsBounce {
  0%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes sk-chasingDotsBounce {
  0%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

/*
 *  Usage:
 *
 *    <div class="sk-spinner sk-spinner-three-bounce">
 *      <div class="sk-bounce1"></div>
 *      <div class="sk-bounce2"></div>
 *      <div class="sk-bounce3"></div>
 *    </div>
 *
 */
.sk-spinner-three-bounce.sk-spinner {
  margin: 0 auto;
  width: 70px;
  text-align: center; }

.sk-spinner-three-bounce div {
  width: 18px;
  height: 18px;
  background-color: #333;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-threeBounceDelay 1.4s infinite ease-in-out;
          animation: sk-threeBounceDelay 1.4s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both; }

.sk-spinner-three-bounce .sk-bounce1 {
  -webkit-animation-delay: -0.32s;
          animation-delay: -0.32s; }

.sk-spinner-three-bounce .sk-bounce2 {
  -webkit-animation-delay: -0.16s;
          animation-delay: -0.16s; }

@-webkit-keyframes sk-threeBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  40% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes sk-threeBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  40% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

/*
 *  Usage:
 *
 *    <div class="sk-spinner sk-spinner-circle">
 *      <div class="sk-circle1 sk-circle"></div>
 *      <div class="sk-circle2 sk-circle"></div>
 *      <div class="sk-circle3 sk-circle"></div>
 *      <div class="sk-circle4 sk-circle"></div>
 *      <div class="sk-circle5 sk-circle"></div>
 *      <div class="sk-circle6 sk-circle"></div>
 *      <div class="sk-circle7 sk-circle"></div>
 *      <div class="sk-circle8 sk-circle"></div>
 *      <div class="sk-circle9 sk-circle"></div>
 *      <div class="sk-circle10 sk-circle"></div>
 *      <div class="sk-circle11 sk-circle"></div>
 *      <div class="sk-circle12 sk-circle"></div>
 *    </div>
 *
 */
.sk-spinner-circle.sk-spinner {
  margin: 0 auto;
  width: 22px;
  height: 22px;
  position: relative; }

.sk-spinner-circle .sk-circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0; }

.sk-spinner-circle .sk-circle:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 20%;
  height: 20%;
  background-color: #333;
  border-radius: 100%;
  -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out;
          animation: sk-circleBounceDelay 1.2s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both; }

.sk-spinner-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg); }

.sk-spinner-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
          transform: rotate(60deg); }

.sk-spinner-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg); }

.sk-spinner-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
      -ms-transform: rotate(120deg);
          transform: rotate(120deg); }

.sk-spinner-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
      -ms-transform: rotate(150deg);
          transform: rotate(150deg); }

.sk-spinner-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg); }

.sk-spinner-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
      -ms-transform: rotate(210deg);
          transform: rotate(210deg); }

.sk-spinner-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
      -ms-transform: rotate(240deg);
          transform: rotate(240deg); }

.sk-spinner-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg); }

.sk-spinner-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
      -ms-transform: rotate(300deg);
          transform: rotate(300deg); }

.sk-spinner-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
      -ms-transform: rotate(330deg);
          transform: rotate(330deg); }

.sk-spinner-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s; }

.sk-spinner-circle .sk-circle3:before {
  -webkit-animation-delay: -1.0s;
          animation-delay: -1.0s; }

.sk-spinner-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s; }

.sk-spinner-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s; }

.sk-spinner-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s; }

.sk-spinner-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s; }

.sk-spinner-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s; }

.sk-spinner-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s; }

.sk-spinner-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s; }

.sk-spinner-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s; }

.sk-spinner-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s; }

@-webkit-keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  40% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  40% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

/*
 *  Usage:
 *
 *    <div class="sk-spinner sk-spinner-cube-grid">
 *      <div class="sk-cube"></div>
 *      <div class="sk-cube"></div>
 *      <div class="sk-cube"></div>
 *      <div class="sk-cube"></div>
 *      <div class="sk-cube"></div>
 *      <div class="sk-cube"></div>
 *      <div class="sk-cube"></div>
 *      <div class="sk-cube"></div>
 *      <div class="sk-cube"></div>
 *    </div>
 *
 */
.sk-spinner-cube-grid {
  /*
   * Spinner positions
   * 1 2 3
   * 4 5 6
   * 7 8 9
   */ }
  .sk-spinner-cube-grid.sk-spinner {
    width: 30px;
    height: 30px;
    margin: 0 auto; }
  .sk-spinner-cube-grid .sk-cube {
    width: 33%;
    height: 33%;
    background-color: #333;
    float: left;
    -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
            animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; }
  .sk-spinner-cube-grid .sk-cube:nth-child(1) {
    -webkit-animation-delay: 0.2s;
            animation-delay: 0.2s; }
  .sk-spinner-cube-grid .sk-cube:nth-child(2) {
    -webkit-animation-delay: 0.3s;
            animation-delay: 0.3s; }
  .sk-spinner-cube-grid .sk-cube:nth-child(3) {
    -webkit-animation-delay: 0.4s;
            animation-delay: 0.4s; }
  .sk-spinner-cube-grid .sk-cube:nth-child(4) {
    -webkit-animation-delay: 0.1s;
            animation-delay: 0.1s; }
  .sk-spinner-cube-grid .sk-cube:nth-child(5) {
    -webkit-animation-delay: 0.2s;
            animation-delay: 0.2s; }
  .sk-spinner-cube-grid .sk-cube:nth-child(6) {
    -webkit-animation-delay: 0.3s;
            animation-delay: 0.3s; }
  .sk-spinner-cube-grid .sk-cube:nth-child(7) {
    -webkit-animation-delay: 0.0s;
            animation-delay: 0.0s; }
  .sk-spinner-cube-grid .sk-cube:nth-child(8) {
    -webkit-animation-delay: 0.1s;
            animation-delay: 0.1s; }
  .sk-spinner-cube-grid .sk-cube:nth-child(9) {
    -webkit-animation-delay: 0.2s;
            animation-delay: 0.2s; }

@-webkit-keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
            transform: scale3D(1, 1, 1); }
  35% {
    -webkit-transform: scale3D(0, 0, 1);
            transform: scale3D(0, 0, 1); } }

@keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
            transform: scale3D(1, 1, 1); }
  35% {
    -webkit-transform: scale3D(0, 0, 1);
            transform: scale3D(0, 0, 1); } }

/*
 *  Usage:
 *
 *    <div class="sk-spinner sk-spinner-wordpress">
 *      <span class="sk-inner-circle"></span>
 *    </div>
 *
 */
.sk-spinner-wordpress.sk-spinner {
  background-color: #333;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  position: relative;
  margin: 0 auto;
  -webkit-animation: sk-innerCircle 1s linear infinite;
          animation: sk-innerCircle 1s linear infinite; }

.sk-spinner-wordpress .sk-inner-circle {
  display: block;
  background-color: #fff;
  width: 8px;
  height: 8px;
  position: absolute;
  border-radius: 8px;
  top: 5px;
  left: 5px; }

@-webkit-keyframes sk-innerCircle {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes sk-innerCircle {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

/*
 *  Usage:
 *
 *    <div class="sk-spinner sk-spinner-fading-circle">
 *      <div class="sk-circle1 sk-circle"></div>
 *      <div class="sk-circle2 sk-circle"></div>
 *      <div class="sk-circle3 sk-circle"></div>
 *      <div class="sk-circle4 sk-circle"></div>
 *      <div class="sk-circle5 sk-circle"></div>
 *      <div class="sk-circle6 sk-circle"></div>
 *      <div class="sk-circle7 sk-circle"></div>
 *      <div class="sk-circle8 sk-circle"></div>
 *      <div class="sk-circle9 sk-circle"></div>
 *      <div class="sk-circle10 sk-circle"></div>
 *      <div class="sk-circle11 sk-circle"></div>
 *      <div class="sk-circle12 sk-circle"></div>
 *    </div>
 *
 */
.sk-spinner-fading-circle.sk-spinner {
  margin: 0 auto;
  width: 22px;
  height: 22px;
  position: relative; }

.sk-spinner-fading-circle .sk-circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0; }

.sk-spinner-fading-circle .sk-circle:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 18%;
  height: 18%;
  background-color: #333;
  border-radius: 100%;
  -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out;
          animation: sk-circleFadeDelay 1.2s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both; }

.sk-spinner-fading-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg); }

.sk-spinner-fading-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
          transform: rotate(60deg); }

.sk-spinner-fading-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg); }

.sk-spinner-fading-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
      -ms-transform: rotate(120deg);
          transform: rotate(120deg); }

.sk-spinner-fading-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
      -ms-transform: rotate(150deg);
          transform: rotate(150deg); }

.sk-spinner-fading-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg); }

.sk-spinner-fading-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
      -ms-transform: rotate(210deg);
          transform: rotate(210deg); }

.sk-spinner-fading-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
      -ms-transform: rotate(240deg);
          transform: rotate(240deg); }

.sk-spinner-fading-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg); }

.sk-spinner-fading-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
      -ms-transform: rotate(300deg);
          transform: rotate(300deg); }

.sk-spinner-fading-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
      -ms-transform: rotate(330deg);
          transform: rotate(330deg); }

.sk-spinner-fading-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s; }

.sk-spinner-fading-circle .sk-circle3:before {
  -webkit-animation-delay: -1.0s;
          animation-delay: -1.0s; }

.sk-spinner-fading-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s; }

.sk-spinner-fading-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s; }

.sk-spinner-fading-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s; }

.sk-spinner-fading-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s; }

.sk-spinner-fading-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s; }

.sk-spinner-fading-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s; }

.sk-spinner-fading-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s; }

.sk-spinner-fading-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s; }

.sk-spinner-fading-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s; }

@-webkit-keyframes sk-circleFadeDelay {
  0%, 39%, 100% {
    opacity: 0; }
  40% {
    opacity: 1; } }

@keyframes sk-circleFadeDelay {
  0%, 39%, 100% {
    opacity: 0; }
  40% {
    opacity: 1; } }

.mi-layout-home__container, .mi-special-coverage__content-container {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin: 0 auto 1rem;
  max-width: 1920px; }
  .mi-layout-home__container:before, .mi-special-coverage__content-container:before, .mi-layout-home__container:after, .mi-special-coverage__content-container:after {
    content: " ";
    display: table; }
  .mi-layout-home__container:after, .mi-special-coverage__content-container:after {
    clear: both; }
  .mi-layout-home__container:before, .mi-special-coverage__content-container:before, .mi-layout-home__container:after, .mi-special-coverage__content-container:after {
    content: " ";
    display: table; }
  .mi-layout-home__container:after, .mi-special-coverage__content-container:after {
    clear: both; }

.mi-layout-home__breaking {
  width: 100%;
  float: right;
  margin-right: 0;
  margin-left: 0;
  margin-bottom: 1rem; }
  .mi-layout-home__breaking:before, .mi-layout-home__breaking:after {
    content: " ";
    display: table; }
  .mi-layout-home__breaking:after {
    clear: both; }
  @media (min-width: 641px) and (max-width: 1000px) {
    .mi-layout-home__breaking {
      width: 100%;
      float: right;
      margin-right: 0;
      margin-left: 0; } }
  @media (min-width: 1000px) and (max-width: 1440px) {
    .mi-layout-home__breaking {
      width: 100%;
      float: right;
      margin-right: 0;
      margin-left: 0; } }
  @media (min-width: 1441px) {
    .mi-layout-home__breaking {
      width: 100%;
      float: right;
      margin-right: 0;
      margin-left: 0; } }
  .mi-layout-home__breaking:before, .mi-layout-home__breaking:after {
    content: " ";
    display: table; }
  .mi-layout-home__breaking:after {
    clear: both; }

.mi-layout-home__important-news {
  width: 100%;
  float: right;
  margin-right: 0;
  margin-left: 0; }
  .mi-layout-home__important-news:before, .mi-layout-home__important-news:after {
    content: " ";
    display: table; }
  .mi-layout-home__important-news:after {
    clear: both; }
  @media (min-width: 641px) and (max-width: 1000px) {
    .mi-layout-home__important-news {
      width: 100%;
      float: right;
      margin-right: 0;
      margin-left: 0; } }
  @media (min-width: 1000px) and (max-width: 1440px) {
    .mi-layout-home__important-news {
      width: 66.19718%;
      float: right;
      margin-left: 1.40845%; } }
  @media (min-width: 1441px) {
    .mi-layout-home__important-news {
      width: 66.19718%;
      float: right;
      margin-left: 1.40845%; } }
  .mi-layout-home__important-news:before, .mi-layout-home__important-news:after {
    content: " ";
    display: table; }
  .mi-layout-home__important-news:after {
    clear: both; }

.mi-layout-home__aside-container {
  width: 100%;
  float: right;
  margin-right: 0;
  margin-left: 0; }
  .mi-layout-home__aside-container:before, .mi-layout-home__aside-container:after {
    content: " ";
    display: table; }
  .mi-layout-home__aside-container:after {
    clear: both; }
  @media (min-width: 641px) and (max-width: 1000px) {
    .mi-layout-home__aside-container {
      width: 100%;
      float: right;
      margin-right: 0;
      margin-left: 0; } }
  @media (min-width: 1000px) and (max-width: 1440px) {
    .mi-layout-home__aside-container {
      width: 32.39437%;
      float: left;
      margin-left: 0; } }
  @media (min-width: 1441px) {
    .mi-layout-home__aside-container {
      width: 32.39437%;
      float: left;
      margin-left: 0; } }

.mi-layout-home__content {
  width: 100%;
  float: right;
  margin-right: 0;
  margin-left: 0;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto; }
  .mi-layout-home__content:before, .mi-layout-home__content:after {
    content: " ";
    display: table; }
  .mi-layout-home__content:after {
    clear: both; }
  @media (min-width: 641px) and (max-width: 1000px) {
    .mi-layout-home__content {
      width: 100%;
      float: right;
      margin-right: 0;
      margin-left: 0; } }
  @media (min-width: 1000px) and (max-width: 1440px) {
    .mi-layout-home__content {
      width: 66.19718%;
      float: right;
      margin-left: 1.40845%; } }
  @media (min-width: 1441px) {
    .mi-layout-home__content {
      width: 66.19718%;
      float: right;
      margin-left: 1.40845%; } }
  .mi-layout-home__content:before, .mi-layout-home__content:after {
    content: " ";
    display: table; }
  .mi-layout-home__content:after {
    clear: both; }
  .mi-layout-home__content:before, .mi-layout-home__content:after {
    content: " ";
    display: table; }
  .mi-layout-home__content:after {
    clear: both; }

.mi-layout-home__islamic-news {
  width: 100%;
  float: right;
  margin-right: 0;
  margin-left: 0; }
  .mi-layout-home__islamic-news:before, .mi-layout-home__islamic-news:after {
    content: " ";
    display: table; }
  .mi-layout-home__islamic-news:after {
    clear: both; }
  @media (min-width: 641px) and (max-width: 1000px) {
    .mi-layout-home__islamic-news {
      width: 49.29577%;
      float: right;
      margin-left: 1.40845%; } }
  @media (min-width: 1000px) and (max-width: 1440px) {
    .mi-layout-home__islamic-news {
      width: 48.93617%;
      float: right;
      margin-left: 2.12766%; } }
  @media (min-width: 1441px) {
    .mi-layout-home__islamic-news {
      width: 48.93617%;
      float: right;
      margin-left: 2.12766%; } }

.mi-layout-home__top-news {
  width: 100%;
  float: right;
  margin-right: 0;
  margin-left: 0; }
  .mi-layout-home__top-news:before, .mi-layout-home__top-news:after {
    content: " ";
    display: table; }
  .mi-layout-home__top-news:after {
    clear: both; }
  @media (min-width: 641px) and (max-width: 1000px) {
    .mi-layout-home__top-news {
      width: 49.29577%;
      float: right;
      margin-left: 1.40845%; } }
  @media (min-width: 1000px) and (max-width: 1440px) {
    .mi-layout-home__top-news {
      width: 48.93617%;
      float: right;
      margin-left: 2.12766%; } }
  @media (min-width: 1441px) {
    .mi-layout-home__top-news {
      width: 48.93617%;
      float: right;
      margin-left: 2.12766%; } }

.mi-layout-home__arabic-news {
  width: 100%;
  float: right;
  margin-right: 0;
  margin-left: 0; }
  .mi-layout-home__arabic-news:before, .mi-layout-home__arabic-news:after {
    content: " ";
    display: table; }
  .mi-layout-home__arabic-news:after {
    clear: both; }
  @media (min-width: 641px) and (max-width: 1000px) {
    .mi-layout-home__arabic-news {
      width: 49.29577%;
      float: left;
      margin-left: 0; } }
  @media (min-width: 1000px) and (max-width: 1440px) {
    .mi-layout-home__arabic-news {
      width: 48.93617%;
      float: left;
      margin-left: 0; } }
  @media (min-width: 1441px) {
    .mi-layout-home__arabic-news {
      width: 48.93617%;
      float: left;
      margin-left: 0; } }

.mi-layout-home__exclusive-news {
  width: 100%;
  float: right;
  margin-right: 0;
  margin-left: 0; }
  .mi-layout-home__exclusive-news:before, .mi-layout-home__exclusive-news:after {
    content: " ";
    display: table; }
  .mi-layout-home__exclusive-news:after {
    clear: both; }
  @media (min-width: 641px) and (max-width: 1000px) {
    .mi-layout-home__exclusive-news {
      width: 49.29577%;
      float: left;
      margin-left: 0; } }
  @media (min-width: 1000px) and (max-width: 1440px) {
    .mi-layout-home__exclusive-news {
      width: 48.93617%;
      float: left;
      margin-left: 0; } }
  @media (min-width: 1441px) {
    .mi-layout-home__exclusive-news {
      width: 48.93617%;
      float: left;
      margin-left: 0; } }

.mi-layout-home__international-news {
  display: none;
  width: 100%;
  float: right;
  margin-right: 0;
  margin-left: 0; }
  .mi-layout-home__international-news:before, .mi-layout-home__international-news:after {
    content: " ";
    display: table; }
  .mi-layout-home__international-news:after {
    clear: both; }
  @media (min-width: 1000px) {
    .mi-layout-home__international-news {
      display: block; } }
  @media (min-width: 641px) and (max-width: 1000px) {
    .mi-layout-home__international-news {
      width: 100%;
      float: right;
      margin-right: 0;
      margin-left: 0; } }
  @media (min-width: 1000px) and (max-width: 1440px) {
    .mi-layout-home__international-news {
      width: 100%;
      float: right;
      margin-right: 0;
      margin-left: 0; } }
  @media (min-width: 1441px) {
    .mi-layout-home__international-news {
      width: 100%;
      float: right;
      margin-right: 0;
      margin-left: 0; } }
  .mi-layout-home__international-news .md-whiteframe-z1 {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto; }
    .mi-layout-home__international-news .md-whiteframe-z1:before, .mi-layout-home__international-news .md-whiteframe-z1:after {
      content: " ";
      display: table; }
    .mi-layout-home__international-news .md-whiteframe-z1:after {
      clear: both; }
    .mi-layout-home__international-news .md-whiteframe-z1:before, .mi-layout-home__international-news .md-whiteframe-z1:after {
      content: " ";
      display: table; }
    .mi-layout-home__international-news .md-whiteframe-z1:after {
      clear: both; }

.mi-layout-home__international-news-item {
  display: none;
  margin-top: 1rem; }
  .mi-layout-home__international-news-item:before, .mi-layout-home__international-news-item:after {
    content: " ";
    display: table; }
  .mi-layout-home__international-news-item:after {
    clear: both; }
  @media (min-width: 1000px) {
    .mi-layout-home__international-news-item {
      display: block; } }
  @media (min-width: 1000px) and (max-width: 1440px) {
    .mi-layout-home__international-news-item {
      width: 48.93617%;
      float: right;
      margin-left: 2.12766%; } }
  @media (min-width: 1441px) {
    .mi-layout-home__international-news-item {
      width: 48.93617%;
      float: right;
      margin-left: 2.12766%; } }
  .mi-layout-home__international-news-item:nth-child(odd) {
    float: left;
    margin-left: 0; }

.home__popular-and-tv-container {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto; }
  .home__popular-and-tv-container:before, .home__popular-and-tv-container:after {
    content: " ";
    display: table; }
  .home__popular-and-tv-container:after {
    clear: both; }
  .home__popular-and-tv-container:before, .home__popular-and-tv-container:after {
    content: " ";
    display: table; }
  .home__popular-and-tv-container:after {
    clear: both; }

.mi-layout-home__popular-news-container {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto; }
  .mi-layout-home__popular-news-container:before, .mi-layout-home__popular-news-container:after {
    content: " ";
    display: table; }
  .mi-layout-home__popular-news-container:after {
    clear: both; }
  .mi-layout-home__popular-news-container:before, .mi-layout-home__popular-news-container:after {
    content: " ";
    display: table; }
  .mi-layout-home__popular-news-container:after {
    clear: both; }

@media (min-width: 641px) {
  .mi-layout-home__popular-news {
    clear: both;
    width: 100%;
    float: right;
    margin-right: 0;
    margin-left: 0; } }

@media (min-width: 641px) {
  .mi-layout-home__tv {
    clear: both;
    width: 100%;
    float: right;
    margin-right: 0;
    margin-left: 0; } }

.home__radio-episodes {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto; }
  .home__radio-episodes:before, .home__radio-episodes:after {
    content: " ";
    display: table; }
  .home__radio-episodes:after {
    clear: both; }
  .home__radio-episodes:before, .home__radio-episodes:after {
    content: " ";
    display: table; }
  .home__radio-episodes:after {
    clear: both; }

.home__radio-episodes__item {
  padding-left: 0.25rem; }
  @media (min-width: 641px) {
    .home__radio-episodes__item {
      width: 49.29577%;
      float: right;
      margin-left: 1.40845%; }
      .home__radio-episodes__item:nth-child(even) {
        float: left;
        margin-left: 0; } }

.home__radio-episodes__item-title {
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
  color: #333;
  display: block; }

.home__radio-episodes__item-image {
  overflow-y: hidden;
  width: 32.39437%;
  float: right;
  margin-left: 1.40845%; }
  .home__radio-episodes__item-image .home__radio-episodes__item-image-container {
    display: block;
    position: relative;
    height: 0;
    padding-bottom: 62.5%;
    box-sizing: border-box; }
  .home__radio-episodes__item-image img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%; }

.home__radio-episodes__item-content {
  width: 66.19718%;
  float: left;
  margin-left: 0; }

.home__radio-episodes__item-date {
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  color: #0075bc;
  display: inline-block; }

.mi-layout-home__luxury-news {
  clear: both;
  display: none; }
  .mi-layout-home__luxury-news:before, .mi-layout-home__luxury-news:after {
    content: " ";
    display: table; }
  .mi-layout-home__luxury-news:after {
    clear: both; }
  @media (min-width: 1000px) {
    .mi-layout-home__luxury-news {
      display: block; } }

.mi-layout-home__luxury-news-item {
  margin-bottom: 1rem;
  display: none; }
  .mi-layout-home__luxury-news-item:before, .mi-layout-home__luxury-news-item:after {
    content: " ";
    display: table; }
  .mi-layout-home__luxury-news-item:after {
    clear: both; }
  @media (min-width: 1000px) {
    .mi-layout-home__luxury-news-item {
      display: block; } }
  @media (min-width: 1000px) and (max-width: 1440px) {
    .mi-layout-home__luxury-news-item {
      width: 31.81818%;
      float: right;
      margin-left: 2.27273%; } }
  @media (min-width: 1441px) {
    .mi-layout-home__luxury-news-item {
      width: 31.81818%;
      float: right;
      margin-left: 2.27273%; } }
  .mi-layout-home__luxury-news-item:nth-child(3), .mi-layout-home__luxury-news-item:nth-child(6) {
    float: left;
    margin-left: 0; }

.mi-tv-video {
  width: 100%;
  float: right;
  margin-right: 0;
  margin-left: 0;
  margin-bottom: 1rem;
  text-align: center; }
  .mi-tv-video:before, .mi-tv-video:after {
    content: " ";
    display: table; }
  .mi-tv-video:after {
    clear: both; }
  @media (min-width: 641px) and (max-width: 1000px) {
    .mi-tv-video {
      width: 100%;
      float: right;
      margin-right: 0;
      margin-left: 0; } }
  @media (min-width: 1000px) and (max-width: 1440px) {
    .mi-tv-video {
      width: 48.93617%;
      float: right;
      margin-left: 2.12766%; } }
  @media (min-width: 1441px) {
    .mi-tv-video {
      width: 48.93617%;
      float: right;
      margin-left: 2.12766%; } }
  .mi-tv-video:nth-child(2n+2) {
    float: left;
    margin-left: 0; }
  .mi-tv-video:nth-child(n+3) {
    display: none; }
  .mi-tv-video iframe {
    margin: 0 auto; }
  @media (min-width: 1000px) {
    .mi-tv-video:nth-child(n+3) {
      display: block; } }

.mi-layout-home__tv-item {
  width: 100%;
  float: right;
  margin-right: 0;
  margin-left: 0;
  margin-bottom: 1rem; }
  .mi-layout-home__tv-item:before, .mi-layout-home__tv-item:after {
    content: " ";
    display: table; }
  .mi-layout-home__tv-item:after {
    clear: both; }
  @media (min-width: 641px) and (max-width: 1000px) {
    .mi-layout-home__tv-item {
      width: 100%;
      float: right;
      margin-right: 0;
      margin-left: 0; } }
  @media (min-width: 1000px) and (max-width: 1440px) {
    .mi-layout-home__tv-item {
      width: 31.81818%;
      float: right;
      margin-left: 2.27273%; } }
  @media (min-width: 1441px) {
    .mi-layout-home__tv-item {
      width: 31.81818%;
      float: right;
      margin-left: 2.27273%; } }
  @media (min-width: 1000px) {
    .mi-layout-home__tv-item:last-child {
      float: left;
      margin-left: 0; } }

.mi-layout-home__sidebar {
  width: 100%;
  float: right;
  margin-right: 0;
  margin-left: 0; }
  .mi-layout-home__sidebar:before, .mi-layout-home__sidebar:after {
    content: " ";
    display: table; }
  .mi-layout-home__sidebar:after {
    clear: both; }
  @media (min-width: 641px) and (max-width: 1000px) {
    .mi-layout-home__sidebar {
      width: 100%;
      float: right;
      margin-right: 0;
      margin-left: 0; } }
  @media (min-width: 1000px) and (max-width: 1440px) {
    .mi-layout-home__sidebar {
      width: 32.39437%;
      float: left;
      margin-left: 0; } }
  @media (min-width: 1441px) {
    .mi-layout-home__sidebar {
      width: 32.39437%;
      float: left;
      margin-left: 0; } }

.mi-layout-home__side-ad {
  display: none;
  width: 100%;
  float: right;
  margin-right: 0;
  margin-left: 0;
  margin-bottom: 1rem;
  text-align: center; }
  .mi-layout-home__side-ad:before, .mi-layout-home__side-ad:after {
    content: " ";
    display: table; }
  .mi-layout-home__side-ad:after {
    clear: both; }
  @media (min-width: 1000px) {
    .mi-layout-home__side-ad {
      display: block; } }
  @media (min-width: 641px) and (max-width: 1000px) {
    .mi-layout-home__side-ad {
      width: 100%;
      float: right;
      margin-right: 0;
      margin-left: 0; } }
  @media (min-width: 1000px) and (max-width: 1440px) {
    .mi-layout-home__side-ad {
      width: 100%;
      float: right;
      margin-right: 0;
      margin-left: 0; } }
  @media (min-width: 1441px) {
    .mi-layout-home__side-ad {
      width: 100%;
      float: right;
      margin-right: 0;
      margin-left: 0; } }
  .mi-layout-home__side-ad img {
    width: 100%; }

.mi-layout-home__radio {
  display: none;
  width: 100%;
  float: right;
  margin-right: 0;
  margin-left: 0;
  margin-bottom: 1rem; }
  .mi-layout-home__radio:before, .mi-layout-home__radio:after {
    content: " ";
    display: table; }
  .mi-layout-home__radio:after {
    clear: both; }
  @media (min-width: 1000px) {
    .mi-layout-home__radio {
      display: block; } }
  @media (min-width: 641px) and (max-width: 1000px) {
    .mi-layout-home__radio {
      width: 100%;
      float: right;
      margin-right: 0;
      margin-left: 0; } }
  @media (min-width: 1000px) and (max-width: 1440px) {
    .mi-layout-home__radio {
      width: 100%;
      float: right;
      margin-right: 0;
      margin-left: 0; } }
  @media (min-width: 1441px) {
    .mi-layout-home__radio {
      width: 100%;
      float: right;
      margin-right: 0;
      margin-left: 0; } }

.mi-layout-home__important-links {
  display: none;
  width: 100%;
  float: right;
  margin-right: 0;
  margin-left: 0;
  margin-bottom: 1rem; }
  .mi-layout-home__important-links:before, .mi-layout-home__important-links:after {
    content: " ";
    display: table; }
  .mi-layout-home__important-links:after {
    clear: both; }
  @media (min-width: 1000px) {
    .mi-layout-home__important-links {
      display: block; } }
  @media (min-width: 641px) and (max-width: 1000px) {
    .mi-layout-home__important-links {
      width: 100%;
      float: right;
      margin-right: 0;
      margin-left: 0; } }
  @media (min-width: 1000px) and (max-width: 1440px) {
    .mi-layout-home__important-links {
      width: 100%;
      float: right;
      margin-right: 0;
      margin-left: 0; } }
  @media (min-width: 1441px) {
    .mi-layout-home__important-links {
      width: 100%;
      float: right;
      margin-right: 0;
      margin-left: 0; } }

.mi-layout-home__social-statistics {
  display: none;
  width: 100%;
  float: right;
  margin-right: 0;
  margin-left: 0;
  margin-bottom: 1rem; }
  .mi-layout-home__social-statistics:before, .mi-layout-home__social-statistics:after {
    content: " ";
    display: table; }
  .mi-layout-home__social-statistics:after {
    clear: both; }
  @media (min-width: 1000px) {
    .mi-layout-home__social-statistics {
      display: block; } }
  @media (min-width: 641px) and (max-width: 1000px) {
    .mi-layout-home__social-statistics {
      width: 100%;
      float: right;
      margin-right: 0;
      margin-left: 0; } }
  @media (min-width: 1000px) and (max-width: 1440px) {
    .mi-layout-home__social-statistics {
      width: 100%;
      float: right;
      margin-right: 0;
      margin-left: 0; } }
  @media (min-width: 1441px) {
    .mi-layout-home__social-statistics {
      width: 100%;
      float: right;
      margin-right: 0;
      margin-left: 0; } }

.mi-layout-home__hashtag {
  display: none;
  width: 100%;
  float: right;
  margin-right: 0;
  margin-left: 0; }
  .mi-layout-home__hashtag:before, .mi-layout-home__hashtag:after {
    content: " ";
    display: table; }
  .mi-layout-home__hashtag:after {
    clear: both; }
  @media (min-width: 1000px) {
    .mi-layout-home__hashtag {
      display: block; } }
  @media (min-width: 641px) and (max-width: 1000px) {
    .mi-layout-home__hashtag {
      width: 100%;
      float: right;
      margin-right: 0;
      margin-left: 0; } }
  @media (min-width: 1000px) and (max-width: 1440px) {
    .mi-layout-home__hashtag {
      width: 100%;
      float: right;
      margin-right: 0;
      margin-left: 0; } }
  @media (min-width: 1441px) {
    .mi-layout-home__hashtag {
      width: 100%;
      float: right;
      margin-right: 0;
      margin-left: 0; } }
  .mi-layout-home__hashtag p {
    height: 0;
    padding: 100% 0 0 0;
    position: relative; }
    .mi-layout-home__hashtag p span {
      display: block;
      position: absolute;
      width: 100%;
      height: 2rem;
      line-height: 2rem;
      top: 50%;
      margin-top: -1rem;
      font-size: 1.2rem;
      text-align: center;
      color: #ffffff; }

.mi-layout-home__calendar {
  display: none;
  width: 100%;
  float: right;
  margin-right: 0;
  margin-left: 0;
  margin-bottom: 1rem; }
  .mi-layout-home__calendar:before, .mi-layout-home__calendar:after {
    content: " ";
    display: table; }
  .mi-layout-home__calendar:after {
    clear: both; }
  @media (min-width: 1000px) {
    .mi-layout-home__calendar {
      display: block; } }
  @media (min-width: 641px) and (max-width: 1000px) {
    .mi-layout-home__calendar {
      width: 100%;
      float: right;
      margin-right: 0;
      margin-left: 0; } }
  @media (min-width: 1000px) and (max-width: 1440px) {
    .mi-layout-home__calendar {
      width: 100%;
      float: right;
      margin-right: 0;
      margin-left: 0; } }
  @media (min-width: 1441px) {
    .mi-layout-home__calendar {
      width: 100%;
      float: right;
      margin-right: 0;
      margin-left: 0; } }

.mi-layout-home__facebook {
  display: none;
  width: 100%;
  float: right;
  margin-right: 0;
  margin-left: 0;
  margin-bottom: 1rem;
  text-align: center; }
  .mi-layout-home__facebook:before, .mi-layout-home__facebook:after {
    content: " ";
    display: table; }
  .mi-layout-home__facebook:after {
    clear: both; }
  @media (min-width: 1000px) {
    .mi-layout-home__facebook {
      display: block; } }
  @media (min-width: 641px) and (max-width: 1000px) {
    .mi-layout-home__facebook {
      width: 100%;
      float: right;
      margin-right: 0;
      margin-left: 0; } }
  @media (min-width: 1000px) and (max-width: 1440px) {
    .mi-layout-home__facebook {
      width: 100%;
      float: right;
      margin-right: 0;
      margin-left: 0; } }
  @media (min-width: 1441px) {
    .mi-layout-home__facebook {
      width: 100%;
      float: right;
      margin-right: 0;
      margin-left: 0; } }
  .mi-layout-home__facebook:before, .mi-layout-home__facebook:after {
    content: " ";
    display: table; }
  .mi-layout-home__facebook:after {
    clear: both; }

.mi-facebook {
  margin: 0.5rem auto;
  border: none; }

.mi-layout-home__why-register {
  margin-bottom: 1rem;
  display: none;
  width: 100%;
  float: right;
  margin-right: 0;
  margin-left: 0; }
  .mi-layout-home__why-register:before, .mi-layout-home__why-register:after {
    content: " ";
    display: table; }
  .mi-layout-home__why-register:after {
    clear: both; }
  @media (min-width: 1000px) {
    .mi-layout-home__why-register {
      display: block; } }
  @media (min-width: 641px) and (max-width: 1000px) {
    .mi-layout-home__why-register {
      width: 100%;
      float: right;
      margin-right: 0;
      margin-left: 0; } }
  @media (min-width: 1000px) and (max-width: 1440px) {
    .mi-layout-home__why-register {
      width: 100%;
      float: right;
      margin-right: 0;
      margin-left: 0; } }
  @media (min-width: 1441px) {
    .mi-layout-home__why-register {
      width: 100%;
      float: right;
      margin-right: 0;
      margin-left: 0; } }

.mi-our-apps {
  display: none;
  width: 100%;
  float: right;
  margin-right: 0;
  margin-left: 0; }
  .mi-our-apps:before, .mi-our-apps:after {
    content: " ";
    display: table; }
  .mi-our-apps:after {
    clear: both; }
  @media (min-width: 1000px) {
    .mi-our-apps {
      display: block; } }
  @media (min-width: 641px) and (max-width: 1000px) {
    .mi-our-apps {
      width: 100%;
      float: right;
      margin-right: 0;
      margin-left: 0; } }
  @media (min-width: 1000px) and (max-width: 1440px) {
    .mi-our-apps {
      width: 100%;
      float: right;
      margin-right: 0;
      margin-left: 0; } }
  @media (min-width: 1441px) {
    .mi-our-apps {
      width: 100%;
      float: right;
      margin-right: 0;
      margin-left: 0; } }

.mi-our-apps__button__icon {
  font-size: 3rem;
  float: left; }

.mi-our-apps__button__content {
  padding-left: 4rem; }

.mi-article-widget__more-button {
  display: block;
  clear: both;
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 0.9375rem;
  font-weight: 400;
  text-align: center;
  border: 1px solid #dfdfdf;
  background: #ffffff;
  padding: 0.5rem; }
  .mi-article-widget__more-button:hover {
    color: #333; }

.mi-news-landing__top-news {
  margin-bottom: 1rem; }
  .mi-news-landing__top-news:before, .mi-news-landing__top-news:after {
    content: " ";
    display: table; }
  .mi-news-landing__top-news:after {
    clear: both; }

.mi-important-news__first {
  width: 100%;
  float: right;
  margin-right: 0;
  margin-left: 0;
  padding-bottom: 0.25rem;
  padding-left: 0.125rem;
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 1.125rem;
  font-weight: 500; }
  .mi-important-news__first:before, .mi-important-news__first:after {
    content: " ";
    display: table; }
  .mi-important-news__first:after {
    clear: both; }
  @media (min-width: 641px) and (max-width: 1000px) {
    .mi-important-news__first {
      width: 66.66667%;
      float: right; } }
  @media (min-width: 1000px) and (max-width: 1440px) {
    .mi-important-news__first {
      width: 66.66667%;
      float: right; } }
  @media (min-width: 1441px) {
    .mi-important-news__first {
      width: 66.66667%;
      float: right; } }

.mi-important-news__second {
  width: 100%;
  float: right;
  margin-right: 0;
  margin-left: 0; }
  .mi-important-news__second:before, .mi-important-news__second:after {
    content: " ";
    display: table; }
  .mi-important-news__second:after {
    clear: both; }
  @media (min-width: 641px) and (max-width: 1000px) {
    .mi-important-news__second {
      width: 33.33333%;
      float: right; } }
  @media (min-width: 1000px) and (max-width: 1440px) {
    .mi-important-news__second {
      width: 33.33333%;
      float: right; } }
  @media (min-width: 1441px) {
    .mi-important-news__second {
      width: 33.33333%;
      float: right; } }

.mi-important-news__second-item {
  width: 50%;
  float: right;
  padding-right: 0.125rem;
  padding-bottom: 0.25rem; }
  .mi-important-news__second-item:before, .mi-important-news__second-item:after {
    content: " ";
    display: table; }
  .mi-important-news__second-item:after {
    clear: both; }
  @media (min-width: 641px) and (max-width: 1000px) {
    .mi-important-news__second-item {
      width: 100%;
      float: right;
      margin-right: 0;
      margin-left: 0; } }
  @media (min-width: 1000px) and (max-width: 1440px) {
    .mi-important-news__second-item {
      width: 100%;
      float: right;
      margin-right: 0;
      margin-left: 0; } }
  @media (min-width: 1441px) {
    .mi-important-news__second-item {
      width: 100%;
      float: right;
      margin-right: 0;
      margin-left: 0; } }

.mi-important-news__third {
  display: none;
  width: 100%;
  float: right;
  margin-right: 0;
  margin-left: 0;
  margin-top: -1px; }
  .mi-important-news__third:before, .mi-important-news__third:after {
    content: " ";
    display: table; }
  .mi-important-news__third:after {
    clear: both; }
  @media (min-width: 641px) {
    .mi-important-news__third {
      display: block; } }
  @media (min-width: 641px) and (max-width: 1000px) {
    .mi-important-news__third {
      width: 100%;
      float: right;
      margin-right: 0;
      margin-left: 0; } }
  @media (min-width: 1000px) and (max-width: 1440px) {
    .mi-important-news__third {
      width: 100%;
      float: right;
      margin-right: 0;
      margin-left: 0; } }
  @media (min-width: 1441px) {
    .mi-important-news__third {
      width: 100%;
      float: right;
      margin-right: 0;
      margin-left: 0; } }

.mi-important-news__third-item {
  display: none;
  padding: 0 0.08333rem; }
  .mi-important-news__third-item:before, .mi-important-news__third-item:after {
    content: " ";
    display: table; }
  .mi-important-news__third-item:after {
    clear: both; }
  @media (min-width: 641px) {
    .mi-important-news__third-item {
      display: block; } }
  @media (min-width: 641px) and (max-width: 1000px) {
    .mi-important-news__third-item {
      width: 33.33333%;
      float: right; } }
  @media (min-width: 1000px) and (max-width: 1440px) {
    .mi-important-news__third-item {
      width: 33.33333%;
      float: right; } }
  @media (min-width: 1441px) {
    .mi-important-news__third-item {
      width: 33.33333%;
      float: right; } }
  .mi-important-news__third-item:first-child {
    padding: 0 0 0 0.16667rem; }
  .mi-important-news__third-item:last-child {
    padding: 0 0.16667rem 0 0; }

.mi-misc-news__items {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto; }
  .mi-misc-news__items:before, .mi-misc-news__items:after {
    content: " ";
    display: table; }
  .mi-misc-news__items:after {
    clear: both; }
  .mi-misc-news__items:before, .mi-misc-news__items:after {
    content: " ";
    display: table; }
  .mi-misc-news__items:after {
    clear: both; }

.mi-layout-home__misc-news-item {
  width: 100%;
  float: right;
  margin-right: 0;
  margin-left: 0;
  margin-bottom: 0.5rem; }
  @media (min-width: 641px) {
    .mi-layout-home__misc-news-item {
      width: 49.29577%;
      float: right;
      margin-left: 1.40845%; }
      .mi-layout-home__misc-news-item:nth-child(even) {
        float: left;
        margin-left: 0; } }

.mi-home-media-block {
  border: 1px solid #dfdfdf;
  background: #ffffff;
  transition: all 0.4s ease;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  padding-bottom: 5px;
  padding-top: 5px; }
  .mi-home-media-block:before, .mi-home-media-block:after {
    content: " ";
    display: table; }
  .mi-home-media-block:after {
    clear: both; }
  .mi-home-media-block:before, .mi-home-media-block:after {
    content: " ";
    display: table; }
  .mi-home-media-block:after {
    clear: both; }

.mi-home-media-block__image {
  width: 144px;
  overflow-x: hidden;
  float: right; }
  .mi-home-media-block__image img {
    display: block;
    height: 90px; }

.mi-home-media-block__content {
  margin-right: 150px;
  padding-left: 0.25rem;
  padding-top: 0.5rem;
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 0.9375rem;
  font-weight: 400; }

.mi-home-media-block__date {
  position: absolute;
  left: 0.25rem;
  bottom: 0.25rem;
  color: #fff; }

.mi-home-media-block__title {
  color: #212121;
  display: block; }
  .mi-home-media-block__title:hover {
    color: #757575; }

.mi-home-media-block__section {
  font-weight: bold; }

.mi-home-media-block__lock {
  float: left;
  height: 24px;
  width: 24px;
  margin-left: 0.25rem;
  background-color: #015080;
  text-align: center;
  vertical-align: middle;
  border-radius: 50%;
  color: white;
  padding-top: 2px; }

.mi-article-card--international-news, .mi-article-card--misc-news {
  position: relative;
  padding-top: 36.6%;
  height: 0;
  overflow: hidden;
  display: block;
  height: 150px; }
  .mi-article-card--international-news:hover img, .mi-article-card--misc-news:hover img {
    opacity: .7;
    -webkit-transform: scale3d(1.05, 1.05, 1);
            transform: scale3d(1.05, 1.05, 1); }

.mi-article-card--international-news--higher {
  position: relative;
  padding-top: 56.6% !important;
  height: 0;
  overflow: hidden;
  display: block; }
  .mi-article-card--international-news--higher:hover img {
    opacity: .7;
    -webkit-transform: scale3d(1.05, 1.05, 1);
            transform: scale3d(1.05, 1.05, 1); }

.mi-article-card--international-news__image, .mi-article-card--misc-news__image {
  position: absolute;
  top: 0;
  left: 0; }
  .mi-article-card--international-news__image img, .mi-article-card--misc-news__image img {
    height: 100%; }

.mi-article-card--international-news__content,
.mi-article-card--misc-news__content {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 3;
  background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.6)) repeat scroll 0% 0% transparent;
  padding: 0.5em 1rem 0.5em; }
  .mi-article-card--international-news__content:before, .mi-article-card--international-news__content:after,
  .mi-article-card--misc-news__content:before,
  .mi-article-card--misc-news__content:after {
    content: " ";
    display: table; }
  .mi-article-card--international-news__content:after,
  .mi-article-card--misc-news__content:after {
    clear: both; }

.mi-article-card--international-news__title {
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
  color: white; }

.mi-article-card--misc-news__title {
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 0.9375rem;
  font-weight: 400;
  color: white; }

.mi-popular-news__tabs {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0.5rem;
  border-bottom: 0.25rem solid #015080;
  margin-top: 1rem; }
  .mi-popular-news__tabs:before, .mi-popular-news__tabs:after {
    content: " ";
    display: table; }
  .mi-popular-news__tabs:after {
    clear: both; }

.mi-popular-news__tab {
  width: 50%;
  float: right;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
  border-style: solid;
  border-width: 0;
  cursor: pointer;
  font-family: "Noto Kufi Arabic";
  font-weight: normal;
  line-height: normal;
  margin: 0 0 0;
  position: relative;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  padding: 0.5rem 1rem 0.5625rem 1rem;
  background-color: #0075bc;
  border-color: #005e96;
  color: #FFFFFF;
  transition: background-color 300ms ease-out;
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 0.9375rem;
  font-weight: 400;
  color: #ffffff;
  border-right: 1px solid #fff;
  text-align: center; }
  .mi-popular-news__tab:hover, .mi-popular-news__tab:focus {
    background-color: #005e96; }
  .mi-popular-news__tab:hover, .mi-popular-news__tab:focus {
    color: #FFFFFF; }
  .mi-popular-news__tab.active {
    background-color: #015080; }
  .mi-popular-news__tab:before, .mi-popular-news__tab:after {
    content: " ";
    display: table; }
  .mi-popular-news__tab:after {
    clear: both; }
  .mi-popular-news__tab:first-of-type {
    border-right: none; }

.mi-popular-news__content {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  background-color: #eeeeee; }
  .mi-popular-news__content:before, .mi-popular-news__content:after {
    content: " ";
    display: table; }
  .mi-popular-news__content:after {
    clear: both; }
  .mi-popular-news__content:before, .mi-popular-news__content:after {
    content: " ";
    display: table; }
  .mi-popular-news__content:after {
    clear: both; }

.mi-why-register {
  color: #ffffff;
  background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.6)), url("images/Register.jpg");
  background-size: cover;
  padding: 1.5rem;
  margin-top: 1rem; }

.mi-why-register--user-logged-in {
  padding: 3.5em 3.5rem;
  background-position: 100% 100%; }

.mi-why-register--user-logged-in a {
  color: #f3f3f3; }
  .mi-why-register--user-logged-in a:hover {
    color: #fff; }

.mi-why-register__title1 {
  font-size: 2em;
  line-height: 1.6;
  display: block;
  margin-bottom: 0.5rem; }

.mi-why-register__title2 {
  font-size: 2.5em;
  line-height: 1.6;
  display: block;
  font-weight: bold; }

.mi-why-register__title3 {
  margin-top: .7em;
  line-height: 1.6;
  font-size: 2.5em;
  display: block; }

.mi-why-register__list {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  list-style: none;
  padding: 0; }
  .mi-why-register__list:before, .mi-why-register__list:after {
    content: " ";
    display: table; }
  .mi-why-register__list:after {
    clear: both; }
  .mi-why-register__list:before, .mi-why-register__list:after {
    content: " ";
    display: table; }
  .mi-why-register__list:after {
    clear: both; }

.mi-why-register__item {
  font-size: 1em;
  margin-top: 1em; }
  @media (min-width: 1000px) {
    .mi-why-register__item {
      width: 48.93617%;
      float: right;
      margin-left: 2.12766%; }
      .mi-why-register__item:nth-child(odd) {
        clear: both; }
      .mi-why-register__item:nth-child(even) {
        float: left;
        margin-left: 0; } }

.mi-why-register__item-highlight {
  color: #dbbd07; }

/************************
 Form
*************************/
.mi-why-register__form {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto; }
  .mi-why-register__form:before, .mi-why-register__form:after {
    content: " ";
    display: table; }
  .mi-why-register__form:after {
    clear: both; }
  .mi-why-register__form:before, .mi-why-register__form:after {
    content: " ";
    display: table; }
  .mi-why-register__form:after {
    clear: both; }

@media (min-width: 1000px) {
  .mi-why-register__input-container {
    width: 48.93617%;
    float: right;
    margin-left: 2.12766%; }
    .mi-why-register__input-container:nth-child(odd) {
      clear: both; }
    .mi-why-register__input-container:nth-child(even) {
      float: left;
      margin-left: 0; } }

.mi-why-register__form-label {
  color: #8a8a8a;
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 0.9375rem;
  font-weight: 400;
  margin: 1rem auto; }

.mi-why-register__text-field {
  font-size: 1em;
  text-align: right;
  display: block;
  padding: 1rem;
  border: 1px solid #666;
  opacity: .6;
  width: 100%; }

.mi-why-register__text-field:hover,
.mi-why-register__text-field:focus {
  opacity: .9;
  color: #008CBA;
  border: 1px solid #008CBA;
  box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.25), inset 0px 3px 6px rgba(0, 0, 0, 0.25); }

.mi-why-register__submit-container {
  clear: both;
  text-align: left; }

.mi-why-register__submit-button {
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 1.3125rem;
  font-weight: 400;
  margin: 1rem 0; }

.mi-our-apps__button {
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
  border-style: solid;
  border-width: 0;
  cursor: pointer;
  font-family: "Noto Kufi Arabic";
  font-weight: normal;
  line-height: normal;
  margin: 0 0 0;
  position: relative;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  padding: 1.125rem 2.25rem 1.1875rem 2.25rem;
  font-size: 1.25rem;
  background-color: #0075bc;
  border-color: #005e96;
  color: #FFFFFF;
  transition: background-color 300ms ease-out;
  padding-left: 10%;
  text-align: left;
  width: 49.0566%;
  float: right;
  margin-left: 1.88679%; }
  .mi-our-apps__button:hover, .mi-our-apps__button:focus {
    background-color: #005e96; }
  .mi-our-apps__button:hover, .mi-our-apps__button:focus {
    color: #FFFFFF; }
  .mi-our-apps__button:last-of-type {
    float: left;
    margin-left: 0; }

.mi-our-apps__text1 {
  font-size: 1em;
  display: block; }

.mi-our-apps__text2 {
  font-size: 1.5em;
  display: block;
  font-weight: bold; }

.mi-live-radio {
  display: block;
  text-decoration: none;
  overflow: hidden; }
  .mi-live-radio:hover img {
    -webkit-transform: scale3d(1.05, 1.05, 1);
            transform: scale3d(1.05, 1.05, 1); }
  .mi-live-radio img {
    width: 100%;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s; }

.mi-layout-home__misc-news {
  clear: both; }

@media (min-width: 1000px) {
  .mi-article-card--misc-news {
    padding-top: 0.5rem; } }

@media (min-width: 1000px) {
  .mi-article-card--misc-news__image {
    height: 150px; } }

.home__title {
  margin: 1rem 0 0;
  display: block;
  padding: 0.5rem 1rem;
  border-bottom: 1px solid #CCC;
  background-color: #0075bc;
  color: white;
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  -moz-osx-font-smoothing: grayscale; }
  .home__title.is-link:hover {
    background-color: #005589; }

.mi-radio-teaser {
  background-color: #ffb600;
  color: #242b2e;
  display: block;
  margin-bottom: 1rem;
  font-size: 1.4em;
  margin-top: 1rem;
  padding: 0 1rem; }
  @media (min-width: 1000px) {
    .mi-radio-teaser {
      font-size: 1.3em;
      margin-top: 0; } }
  .mi-radio-teaser:hover {
    color: #424f56; }

.mi-radio-teaser__text {
  vertical-align: middle;
  display: block;
  position: relative;
  height: 110px;
  line-height: 110px;
  font-weight: bold; }

.mi-radio-teaser__image {
  margin: 16px;
  text-align: left;
  position: absolute;
  left: 1rem; }

.mi-article {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1rem;
  max-width: 640px; }
  .mi-article:before, .mi-article:after {
    content: " ";
    display: table; }
  .mi-article:after {
    clear: both; }
  .mi-article:before, .mi-article:after {
    content: " ";
    display: table; }
  .mi-article:after {
    clear: both; }
  @media (min-width: 641px) {
    .mi-article {
      max-width: 1000px; } }
  @media (min-width: 1000px) {
    .mi-article {
      max-width: 1440px; } }

.announcement-mi-article {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1rem;
  max-width: 640px;
  background: #ffffff;
  border: 1px solid #dfdfdf; }
  .announcement-mi-article:before, .announcement-mi-article:after {
    content: " ";
    display: table; }
  .announcement-mi-article:after {
    clear: both; }
  .announcement-mi-article:before, .announcement-mi-article:after {
    content: " ";
    display: table; }
  .announcement-mi-article:after {
    clear: both; }
  @media (min-width: 641px) {
    .announcement-mi-article {
      max-width: 1000px; } }
  @media (min-width: 1000px) {
    .announcement-mi-article {
      max-width: 1440px; } }

.mi-article__main-image {
  overflow-y: hidden;
  width: 100%;
  max-height: 600px;
  position: relative;
  padding-top: 1rem; }
  .mi-article__main-image img {
    width: 100%; }

.announcement-mi-article__main-image {
  overflow-y: hidden;
  width: 100%;
  max-height: 600px;
  position: relative; }
  .announcement-mi-article__main-image img {
    width: 100%; }

.mi-article__headline {
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 2.125rem;
  font-weight: 400;
  background-color: #fff;
  margin-bottom: 1rem;
  padding: 1.5rem 1.5rem 0; }
  .mi-article__headline.mi-article__headline--announcement {
    position: relative; }

.mi-article__headline_infinite-scroll {
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 2.125rem;
  font-weight: 400;
  background-color: #fff;
  margin-bottom: 1rem;
  padding: 1.5rem 0;
  border-bottom: 2px solid #0075bc;
  width: 100%;
  font-weight: bold; }

.mi-article__dates-container {
  color: #757575; }

.mi-article__body,
.mi-article__related,
.mi-article__comments {
  margin: 0.5rem auto;
  clear: both; }

.mi-article__body {
  margin-top: 0; }

.mi-article__updated-at {
  margin-right: 1.5rem; }

.mi-article__source {
  color: #757575;
  float: left; }

.announcement-mi-article__source {
  margin-top: 1rem;
  color: #757575; }

.mi-article__attachments {
  margin-top: 1rem; }

.mi-article__content-container {
  display: -ms-grid;
  display: grid; }

.mi-article__article-needs-subscription {
  background-image: url(/assets/ui/images/news/is-locked.png);
  background-size: cover;
  padding-top: 80px;
  padding-bottom: 100px;
  text-align: center;
  min-height: 300px; }

.en .mi-article__article-needs-subscription {
  background-image: url(/assets/ui/images/news/is-locked-en.png); }

.mi-article__article-needs-subscription-icon {
  background-color: #015080;
  height: 90px;
  width: 90px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 11px;
  border-radius: 50%;
  margin-bottom: 1rem;
  color: #ffffff; }

.mi-article__article-needs-subscription-message {
  color: #757575;
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 1.3125rem;
  font-weight: 400;
  width: 60%;
  font-weight: 700;
  margin-left: auto;
  margin-right: auto; }

.mi-article__article-needs-subscription-link {
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
  border-style: solid;
  border-width: 0;
  cursor: pointer;
  font-family: "Noto Kufi Arabic";
  font-weight: normal;
  line-height: normal;
  margin: 0 0 0;
  position: relative;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  padding: 1rem 2rem 1.0625rem 2rem;
  font-size: 1rem;
  background-color: #24c9dd;
  border-color: #1ca2b2;
  color: #FFFFFF;
  border-radius: 6px;
  transition: background-color 300ms ease-out;
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1;
  display: inline-block;
  vertical-align: middle;
  padding: 7px 20px !important;
  box-sizing: border-box;
  font-weight: bold;
  margin: 0 0 0 0.25rem !important;
  color: #FFF; }
  .mi-article__article-needs-subscription-link:hover, .mi-article__article-needs-subscription-link:focus {
    background-color: #efefef; }
  .mi-article__article-needs-subscription-link:hover, .mi-article__article-needs-subscription-link:focus {
    color: #333333; }
  .mi-article__article-needs-subscription-link:hover {
    color: #0075bc; }

.mi-article__article-needs-subscription-timer {
  border-radius: 50%;
  width: 4em;
  height: 4em;
  background: transparent;
  border: 2px solid #1ca2b2;
  display: inline-block; }

.announcement-mi-article__content {
  margin-top: 1rem;
  margin-bottom: 1rem; }
  .announcement-mi-article__content.has-stocks .announcement-article__content-text {
    display: inline; }
    .announcement-mi-article__content.has-stocks .announcement-article__content-text div {
      display: inline; }
  .announcement-mi-article__content .announcement-article__content-text p {
    margin-bottom: 1rem; }
    .announcement-mi-article__content .announcement-article__content-text p:last-child {
      margin-bottom: 0; }
  .announcement-mi-article__content .announcement-article__content-text * {
    color: #757575 !important;
    font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
    font-size: 1.3125rem;
    font-weight: 400; }
  .announcement-mi-article__content .announcement-article__content-text strong {
    font-weight: bold !important; }
  .announcement-mi-article__content .announcement-article__content-text a, .announcement-mi-article__content .announcement-article__content-text a * {
    text-decoration: none !important;
    color: #015080 !important; }
  .announcement-mi-article__content .announcement-article__content-text a:hover, .announcement-mi-article__content .announcement-article__content-text a:hover * {
    text-decoration: underline !important; }
  .announcement-mi-article__content .announcement-article__content-text ul {
    list-style: none;
    margin: 0;
    padding: 0; }

.mi-article__content {
  margin-top: 1rem;
  margin-bottom: 1rem; }
  .mi-article__content.has-stocks .article__content-text {
    display: inline; }
  .mi-article__content .article__content-text p {
    margin-bottom: 1rem; }
    .mi-article__content .article__content-text p:last-child {
      margin-bottom: 0; }
  .mi-article__content .article__content-text * {
    color: #757575 !important;
    font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
    font-size: 1.3125rem;
    font-weight: 400; }
  .mi-article__content .article__content-text strong {
    font-weight: bold !important; }
  .mi-article__content .article__content-text a, .mi-article__content .article__content-text a * {
    text-decoration: none !important;
    color: #015080 !important; }
  .mi-article__content .article__content-text a:hover, .mi-article__content .article__content-text a:hover * {
    text-decoration: underline !important; }
  .mi-article__content .article__content-text ul {
    list-style: none;
    margin: 0;
    padding: 0; }

.article__content-text-infinite-scroll {
  padding-bottom: 1rem; }

.mi-article__content_border {
  border-bottom: 1px solid #CCC; }

.mi-article__labels_padding {
  padding-top: 1rem;
  clear: both;
  overflow: hidden; }

.pl-share-side {
  padding: 6rem 0 0 0;
  display: block;
  margin-right: -5rem; }

@media (max-width: 640px) {
  .pl-share-side {
    width: 0 !important; }
  .mi-article-padding {
    padding: 0rem 2rem 0 2rem !important; } }

@media (min-width: 640px) {
  .mi-article-padding {
    padding: 0rem 6.5rem 0 5rem; } }

.mi-article__image-caption-container {
  width: 100%;
  text-align: center;
  border-bottom: 1px solid #cacaca;
  line-height: 0.1em;
  margin: 10px 0 20px; }

.mi-article__image-caption {
  background: #fff;
  padding: 0 10px;
  text-align: center;
  color: #757575;
  margin-top: 0.5rem;
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 500; }

.announcement-mi-article__image-caption {
  text-align: center;
  color: #757575;
  display: block;
  margin-top: 0.5rem;
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 500; }

.mi-article__related:before, .mi-article__related:after {
  content: " ";
  display: table; }

.mi-article__related:after {
  clear: both; }

.mi-article__related-title {
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
  margin-top: 1rem;
  margin-bottom: 1rem; }

.mi-article__related-item {
  margin-bottom: 0.5rem; }
  @media (max-width: 640px) {
    .mi-article__related-item {
      width: 49.29577%;
      float: right;
      margin-left: 1.40845%; }
      .mi-article__related-item:nth-of-type(even) {
        float: left;
        margin-left: 0; } }
  @media (min-width: 641px) {
    .mi-article__related-item {
      width: 23.40426%;
      float: right;
      margin-left: 2.12766%; }
      .mi-article__related-item:nth-of-type(4n) {
        float: left;
        margin-left: 0; } }

.addthis_sharing_toolbox--vertical {
  width: 48px;
  float: right; }

#div-share-tablet-desktop .at-share-tbx-element .at-share-btn {
  border-radius: 50% !important; }

#div-share-mobile .at-share-tbx-element .at-share-btn {
  border-radius: 50% !important; }

@media (max-width: 640px) {
  .mi-article__content-container {
    margin-right: 0; }
  .addthis_sharing_toolbox--vertical {
    width: auto;
    float: none;
    text-align: center;
    margin-top: 0.5rem; } }

.addthis_sharing_toolbox--infinite-scroll-mobile--vertical {
  width: auto;
  float: none;
  margin-top: 1rem; }

.mi-article__stocks {
  display: none; }
  @media (min-width: 641px) {
    .mi-article__stocks {
      display: block;
      /* float: left;
     width: rem-calc(220);
     margin-right: $space-16;
     margin-bottom: $space-16;*/ } }

.announcement-mi-article__stocks {
  display: none; }
  @media (min-width: 641px) {
    .announcement-mi-article__stocks {
      display: block;
      float: left;
      width: 13.75rem;
      margin-right: 1rem;
      margin-bottom: 1rem; } }

.article__related-tags {
  font-weight: bold;
  margin-left: 0.5rem; }

.infinite-scroll-related-misc-title {
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  -moz-osx-font-smoothing: grayscale;
  margin: 1rem 0 0.5rem;
  padding: 0.5rem 1rem;
  border-bottom: 1px solid #CCC;
  border-bottom: 2px solid #0075bc;
  font-weight: bold !important; }

.global__section-label-infinte-scroll {
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
  border-style: solid;
  border-width: 0.5px;
  cursor: pointer;
  font-family: "Noto Kufi Arabic";
  font-weight: normal;
  line-height: normal;
  margin: 0 0 0;
  position: relative;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  padding: 1rem 2rem 1.0625rem 2rem;
  font-size: 1rem;
  background-color: white;
  border-color: #bfbfbf;
  color: #333333;
  border-radius: 20px;
  transition: background-color 300ms ease-out;
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1;
  display: inline-block;
  vertical-align: middle;
  padding: 10px 14px !important;
  box-sizing: border-box;
  font-weight: bold;
  margin: 0 0 0 0.25rem !important;
  color: #0075bc; }

@media (min-width: 640px) {
  #div-share-mobile {
    display: none; }
  #div-share-tablet-desktop {
    display: block; }
  #div-misc-news {
    display: block; } }

@media (max-width: 640px) {
  #div-share-mobile {
    display: block; }
  #div-share-tablet-desktop {
    display: none; }
  #div-misc-news {
    display: none; }
  .mi-article__content-container {
    display: block; } }

.stock-price-block {
  width: 100%; }

.stock-detail-block {
  display: block;
  width: 33.3%;
  float: right; }

.vertical_container_image {
  width: 100%; }

#mid-container {
  left: unset !important; }

#myAd iframe {
  width: 100% !important; }

.mi-details-infinte-scroll-media-block {
  border: 1px solid #dfdfdf;
  background: #ffffff;
  transition: all 0.4s ease;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  padding: 1rem 1rem 0.5rem 1rem; }
  .mi-details-infinte-scroll-media-block:before, .mi-details-infinte-scroll-media-block:after {
    content: " ";
    display: table; }
  .mi-details-infinte-scroll-media-block:after {
    clear: both; }
  .mi-details-infinte-scroll-media-block:before, .mi-details-infinte-scroll-media-block:after {
    content: " ";
    display: table; }
  .mi-details-infinte-scroll-media-block:after {
    clear: both; }

.mi-details-body {
  font-family: DroidArabicNaskhRegular; }

.mi-details-infinite-scroll-media-block__image {
  margin-left: 1.5rem !important; }

.center_mobile_ads {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.ads_margin_bottom {
  margin-bottom: 1rem; }

.iterator_container, .initial_container {
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex; }

.mi-layout-news-results__container {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin: 0 auto 2rem;
  max-width: 1920px; }
  .mi-layout-news-results__container:before, .mi-layout-news-results__container:after {
    content: " ";
    display: table; }
  .mi-layout-news-results__container:after {
    clear: both; }
  .mi-layout-news-results__container:before, .mi-layout-news-results__container:after {
    content: " ";
    display: table; }
  .mi-layout-news-results__container:after {
    clear: both; }

.mi-news-results {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto; }
  .mi-news-results:before, .mi-news-results:after {
    content: " ";
    display: table; }
  .mi-news-results:after {
    clear: both; }
  .mi-news-results:before, .mi-news-results:after {
    content: " ";
    display: table; }
  .mi-news-results:after {
    clear: both; }

.mi-news-results--card__item {
  margin-top: 1rem;
  margin-bottom: 1rem; }
  @media (min-width: 641px) and (max-width: 1000px) {
    .mi-news-results--card__item {
      width: 49.29577%;
      float: right;
      margin-left: 1.40845%; }
      .mi-news-results--card__item:nth-child(even) {
        float: left;
        margin-left: 0; } }
  @media (min-width: 1000px) and (max-width: 1440px) {
    .mi-news-results--card__item {
      width: 32.39437%;
      float: right;
      margin-left: 1.40845%; }
      .mi-news-results--card__item:nth-child(3n+3) {
        float: left;
        margin-left: 0; } }

.mi-news-results--media-block__item {
  width: 100%;
  float: right;
  margin-right: 0;
  margin-left: 0; }
  .mi-news-results--media-block__item:before, .mi-news-results--media-block__item:after {
    content: " ";
    display: table; }
  .mi-news-results--media-block__item:after {
    clear: both; }
  @media (min-width: 641px) and (max-width: 1000px) {
    .mi-news-results--media-block__item {
      width: 100%;
      float: right;
      margin-right: 0;
      margin-left: 0; } }
  @media (min-width: 1000px) and (max-width: 1440px) {
    .mi-news-results--media-block__item {
      width: 100%;
      float: right;
      margin-right: 0;
      margin-left: 0; } }
  @media (min-width: 1441px) {
    .mi-news-results--media-block__item {
      width: 100%;
      float: right;
      margin-right: 0;
      margin-left: 0; } }

.mi-layout-news-results__change-grid {
  direction: ltr;
  float: left; }
  .mi-layout-news-results__change-grid button {
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0;
    border-style: solid;
    border-width: 0;
    cursor: pointer;
    font-family: "Noto Kufi Arabic";
    font-weight: normal;
    line-height: normal;
    margin: 0 0 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    padding: 0.5rem 1rem 0.5625rem 1rem;
    background-color: #0075bc;
    border-color: #005e96;
    color: #FFFFFF;
    transition: background-color 300ms ease-out; }
    .mi-layout-news-results__change-grid button:hover, .mi-layout-news-results__change-grid button:focus {
      background-color: #005e96; }
    .mi-layout-news-results__change-grid button:hover, .mi-layout-news-results__change-grid button:focus {
      color: #FFFFFF; }

.mi-news-results-pagination {
  text-align: center;
  clear: both; }
  .mi-news-results-pagination * {
    display: inline-block;
    border: 1px solid #dfdfdf;
    background: #ffffff;
    padding: 0.25rem 0.5rem; }

.mi-article__meta-data {
  position: absolute;
  left: 3px;
  bottom: 0;
  z-index: 2; }
  .mi-article__meta-data .at-share-btn {
    background-color: #333;
    opacity: .8; }
  .mi-article__meta-data .at-share-btn:hover {
    opacity: 1; }
  .mi-article__meta-data .at-svc-facebook:hover {
    background-color: #305891; }
  .mi-article__meta-data .at-svc-twitter:hover {
    background-color: #2ca8d2; }
  .mi-article__meta-data .at-svc-compact:hover {
    background-color: #f8694d; }

.addthis_sharing_toolbox--media-block {
  float: left;
  direction: ltr; }
  .addthis_sharing_toolbox--media-block .at-svc-google_plusone_share, .addthis_sharing_toolbox--media-block .at-svc-email, .addthis_sharing_toolbox--media-block .at-svc-print {
    display: none !important; }

.no-whatsapp .at-svc-whatsapp {
  display: none !important; }

.mi-news-landing__container {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1rem;
  max-width: 640px; }
  .mi-news-landing__container:before, .mi-news-landing__container:after {
    content: " ";
    display: table; }
  .mi-news-landing__container:after {
    clear: both; }
  .mi-news-landing__container:before, .mi-news-landing__container:after {
    content: " ";
    display: table; }
  .mi-news-landing__container:after {
    clear: both; }
  @media (min-width: 641px) {
    .mi-news-landing__container {
      max-width: 1000px; } }
  @media (min-width: 1000px) {
    .mi-news-landing__container {
      max-width: 1440px; } }

.mi-news-landing__container {
  padding: 1rem; }

.mi-news-landing__top-news:before, .mi-news-landing__top-news:after {
  content: " ";
  display: table; }

.mi-news-landing__top-news:after {
  clear: both; }

.mi-calendar-events__circle {
  color: #f3f3f3;
  background: blue;
  border: 5px solid #f3f3f3;
  width: 8em;
  height: 8em;
  border-radius: 50%;
  text-align: center;
  margin-left: auto;
  margin-right: auto; }

.mi-calendar-events__card {
  padding: 1rem;
  margin-bottom: 1rem;
  background-color: white;
  border: 1px solid #f3f3f3; }

.mi-calendar-events__timeline-day {
  font-weight: bold;
  display: block;
  padding: 1rem; }

.mi-calendar-events__date {
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 0.8125rem;
  font-weight: 400;
  color: #757575;
  margin-bottom: 0.5rem; }

.mi-calendar-events__title {
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 0.9375rem;
  font-weight: 400;
  font-weight: bold; }

.mi-calendar-events__host {
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 1.3125rem;
  font-weight: 400;
  color: #015080;
  margin-bottom: 1rem; }
  .mi-calendar-events__host:hover {
    text-decoration: underline; }

.mi-calendar-events__details {
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 0.9375rem;
  font-weight: 400; }

.mi-calendar-events__tools {
  text-align: left; }

.stock-prices__summary {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 1rem;
  background: #fff; }
  .stock-prices__summary:before, .stock-prices__summary:after {
    content: " ";
    display: table; }
  .stock-prices__summary:after {
    clear: both; }
  .stock-prices__summary:before, .stock-prices__summary:after {
    content: " ";
    display: table; }
  .stock-prices__summary:after {
    clear: both; }

.stock-prices__summary__block {
  margin-top: 1rem; }
  @media (min-width: 641px) {
    .stock-prices__summary__block {
      width: 32.39437%;
      float: right;
      margin-left: 1.40845%; }
      .stock-prices__summary__block:last-of-type {
        float: left;
        margin-left: 0; } }

.stock-prices__summary__last-price {
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 2.125rem;
  font-weight: 400;
  text-align: center; }

.stock-prices__summary__note {
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 0.8125rem;
  font-weight: 400;
  color: #757575;
  margin-top: 0.5rem;
  text-align: center; }

.stock-prices__summary__block-row {
  border-bottom: 1px solid #757575;
  clear: both; }
  .stock-prices__summary__block-row:before, .stock-prices__summary__block-row:after {
    content: " ";
    display: table; }
  .stock-prices__summary__block-row:after {
    clear: both; }

.stock-prices__summary__block-text {
  float: right; }

.stock-prices__summary__block-number {
  float: left;
  text-align: left; }

.stock-prices__last-update-note {
  text-align: center; }

.stock-prices__last-update {
  text-align: center;
  color: #757575;
  padding: 0.5rem 0; }
  @media (max-width: 640px) {
    .stock-prices__last-update {
      display: block; } }

@media (max-width: 640px) {
  .stock-prices__note-divider {
    display: none; } }

.global__page-description {
  display: block;
  margin-bottom: 1.5rem;
  color: #757575; }

.newsletter__intro {
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 1.125rem;
  font-weight: 500; }
  .newsletter__intro:before, .newsletter__intro:after {
    content: " ";
    display: table; }
  .newsletter__intro:after {
    clear: both; }

.newsletter__intro-image {
  overflow-y: hidden;
  height: 200px;
  width: 100%;
  margin-bottom: 0.5rem; }
  @media (min-width: 641px) {
    .newsletter__intro-image {
      width: 32.39437%;
      float: right;
      margin-left: 1.40845%;
      height: 100%; } }

@media (min-width: 641px) {
  .newsletter__intro-content {
    width: 66.19718%;
    float: left;
    margin-left: 0; } }

.newsletter__sending-time {
  color: #757575;
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 0.9375rem;
  font-weight: 400;
  display: block;
  padding-right: 18px; }

.newsletter__login-to-subscribe {
  text-align: center;
  margin-top: 1rem;
  clear: both;
  padding-top: 1rem; }
  .newsletter__login-to-subscribe button {
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0;
    border-style: solid;
    border-width: 0;
    cursor: pointer;
    font-family: "Noto Kufi Arabic";
    font-weight: normal;
    line-height: normal;
    margin: 0 0 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    padding: 1rem 2rem 1.0625rem 2rem;
    font-size: 1rem;
    background-color: #0075bc;
    border-color: #005e96;
    color: #FFFFFF;
    transition: background-color 300ms ease-out; }
    .newsletter__login-to-subscribe button:hover, .newsletter__login-to-subscribe button:focus {
      background-color: #005e96; }
    .newsletter__login-to-subscribe button:hover, .newsletter__login-to-subscribe button:focus {
      color: #FFFFFF; }

.newsletter__choose-label {
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 1.125rem;
  font-weight: 500; }

.forgot-password__instructions {
  margin-bottom: 1rem; }

.mi-account-section .global__h2, .mi-account-section .global__h2--collapsed {
  padding: 0.5em 0 !important; }

.data-saved {
  color: green;
  text-align: center !important; }

.user-profile .global__h2, .user-profile .global__h2--collapsed {
  border-bottom: 0 none !important; }

.sample-show-hide {
  transition: all linear 0.5s; }

.sample-show-hide.ng-hide {
  opacity: 0; }

.market-summary {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 1rem;
  background: #fff; }
  .market-summary:before, .market-summary:after {
    content: " ";
    display: table; }
  .market-summary:after {
    clear: both; }
  .market-summary:before, .market-summary:after {
    content: " ";
    display: table; }
  .market-summary:after {
    clear: both; }

.market-summary__block {
  padding: 0.5rem 1rem; }
  @media (min-width: 641px) {
    .market-summary__block {
      width: 33.33333%;
      float: right; }
      .market-summary__block:nth-of-type(2) {
        border-right: 1px solid #ddd;
        border-left: 1px solid #ddd; } }

.market__indices-sectors {
  padding: 0; }
  .market__indices-sectors .mi-section__title {
    padding: 1rem; }

.market-summary__last-price {
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 2.8125rem;
  font-weight: 400;
  text-align: center;
  font-weight: bold; }

.market-summary__date,
.market-summary__note {
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 0.8125rem;
  font-weight: 400;
  color: #757575; }

.market-summary__note {
  text-align: left;
  margin-top: 1rem; }

.market-summary__date {
  text-align: right; }

.market-summary__block-row {
  border-bottom: 1px dashed #ddd;
  clear: both;
  padding: 0.25rem 0; }
  .market-summary__block-row:before, .market-summary__block-row:after {
    content: " ";
    display: table; }
  .market-summary__block-row:after {
    clear: both; }

.market-summary__change-row {
  border-top: 1px dashed #ddd; }

.market-summary__block-text {
  float: right; }

.market-summary__change, .market-summary__change-percentage {
  width: 50%;
  float: right;
  text-align: center; }

.market-summary__block-number {
  float: left;
  text-align: left;
  direction: ltr; }

.market-summary__change, .market-summary__change-percentage {
  font-weight: bold;
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  -moz-osx-font-smoothing: grayscale; }

.market-summary__total-title {
  font-weight: bold; }

.market-summary__media-blocks {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto; }
  .market-summary__media-blocks:before, .market-summary__media-blocks:after {
    content: " ";
    display: table; }
  .market-summary__media-blocks:after {
    clear: both; }
  .market-summary__media-blocks:before, .market-summary__media-blocks:after {
    content: " ";
    display: table; }
  .market-summary__media-blocks:after {
    clear: both; }

.market-summary-media-block {
  border: 1px solid #dfdfdf;
  background: #ffffff;
  transition: all 0.4s ease;
  margin-bottom: 0.5rem;
  position: relative !important;
  height: 90px;
  overflow-y: hidden; }
  @media (min-width: 1000px) {
    .market-summary-media-block {
      width: 49.29577%;
      float: right;
      margin-left: 1.40845%; }
      .market-summary-media-block:nth-child(even) {
        float: left;
        margin-left: 0; } }

/*rtl:ignore*/
.market__chart {
  direction: ltr; }

.market__indices .mi-table tr td {
  font-weight: bold; }

.market__indices .mi-table tr td:first-child {
  font-weight: normal;
  color: #757575; }

.market__indices-table {
  border-bottom: 1px solid #CCC;
  margin-bottom: 1rem; }

.mi-market-chart__controls {
  direction: rtl;
  list-style: none;
  margin: 0;
  background-color: #f3f3f3;
  border-radius: 6px;
  box-shadow: 0 1px 2px rgba(43, 59, 93, 0.29);
  padding: 0.5rem;
  border: 1px solid #ccc;
  text-align: center; }
  .mi-market-chart__controls:before, .mi-market-chart__controls:after {
    content: " ";
    display: table; }
  .mi-market-chart__controls:after {
    clear: both; }
  .mi-market-chart__controls dt {
    display: inline-block; }
    .mi-market-chart__controls dt:last-of-type {
      margin-right: 2rem; }
  .mi-market-chart__controls dd {
    display: inline-block;
    margin: 0 0.25rem;
    padding: 0; }
    .mi-market-chart__controls dd button {
      font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
      font-size: 0.9375rem;
      font-weight: 400;
      color: #757575;
      background: none;
      border: none;
      border-radius: 0.3125rem;
      padding: 0.25rem 0.5rem; }
      .mi-market-chart__controls dd button:hover, .mi-market-chart__controls dd button:active {
        background: #01C2D9;
        color: white; }
      .mi-market-chart__controls dd button.is-active {
        background: #01C2D9;
        font-weight: bold;
        color: white; }

.mi-home-media-block__lock {
  float: left;
  height: 24px;
  width: 24px;
  margin-left: 0.25rem;
  background-color: #015080;
  text-align: center;
  vertical-align: middle;
  border-radius: 50%;
  color: white;
  padding-top: 2px; }

.stock-overview-summary {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 1rem;
  background: #fff; }
  .stock-overview-summary:before, .stock-overview-summary:after {
    content: " ";
    display: table; }
  .stock-overview-summary:after {
    clear: both; }
  .stock-overview-summary:before, .stock-overview-summary:after {
    content: " ";
    display: table; }
  .stock-overview-summary:after {
    clear: both; }

.stock-overview-summary__block {
  margin-top: 1rem; }
  @media (min-width: 641px) {
    .stock-overview-summary__block {
      width: 32.39437%;
      float: right;
      margin-left: 1.40845%; }
      .stock-overview-summary__block:last-of-type {
        float: left;
        margin-left: 0; } }

.stock-overview-summary__last-price {
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 2.8125rem;
  font-weight: 400;
  text-align: center;
  font-weight: bold; }

.stock-overview-summary__note {
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 0.8125rem;
  font-weight: 400;
  color: #757575;
  margin-top: 0.5rem; }

.stock-overview-summary__block-row {
  border-bottom: 1px dotted #5B5B5B;
  clear: both; }
  .stock-overview-summary__block-row:before, .stock-overview-summary__block-row:after {
    content: " ";
    display: table; }
  .stock-overview-summary__block-row:after {
    clear: both; }

.stock-overview-summary__block-text, .stock-overview-summary__change {
  float: right; }

.stock-overview-summary__block-number, .stock-overview-summary__change-percentage {
  float: left;
  text-align: left; }

.stock-overview-summary__change,
.stock-overview-summary__change-percentage {
  font-weight: bold; }

.stock__company-calendar {
  width: 49.29577%;
  float: right;
  margin-left: 1.40845%; }

.stock__company-calendar__item {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 0.5rem 0 0.5rem 0.25rem;
  bprder: 1px solid #dfdfdf; }
  .stock__company-calendar__item:before, .stock__company-calendar__item:after {
    content: " ";
    display: table; }
  .stock__company-calendar__item:after {
    clear: both; }
  .stock__company-calendar__item:before, .stock__company-calendar__item:after {
    content: " ";
    display: table; }
  .stock__company-calendar__item:after {
    clear: both; }

.stock__company-calendar__item-date {
  width: 23.94366%;
  float: right;
  margin-left: 1.40845%;
  background-color: #0075bc;
  color: #ffffff;
  text-align: center;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-weight: bold; }

.stock__company-calendar__item-content {
  width: 74.64789%;
  float: left;
  margin-left: 0; }

.stock-overview__stock-announcements {
  width: 49.29577%;
  float: left;
  margin-left: 0; }

.stock-overview__stock-announcements__item {
  padding: 0.5rem 0 0.5rem 0.25rem;
  bordder: 1px solid #dfdfdf; }

@media (min-width: 1000px) {
  .stock-overview__media-block-items {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto; }
    .stock-overview__media-block-items:before, .stock-overview__media-block-items:after {
      content: " ";
      display: table; }
    .stock-overview__media-block-items:after {
      clear: both; }
    .stock-overview__media-block-items:before, .stock-overview__media-block-items:after {
      content: " ";
      display: table; }
    .stock-overview__media-block-items:after {
      clear: both; } }

.stock-overview__media-block-item {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0.5rem; }
  .stock-overview__media-block-item:before, .stock-overview__media-block-item:after {
    content: " ";
    display: table; }
  .stock-overview__media-block-item:after {
    clear: both; }
  .stock-overview__media-block-item:before, .stock-overview__media-block-item:after {
    content: " ";
    display: table; }
  .stock-overview__media-block-item:after {
    clear: both; }
  @media (min-width: 1000px) {
    .stock-overview__media-block-item {
      width: 49.29577%;
      float: right;
      margin-left: 1.40845%; }
      .stock-overview__media-block-item:nth-child(even) {
        float: left;
        margin-left: 0; } }

.stock-overview__media-block-item__image {
  width: 23.94366%;
  float: right;
  margin-left: 1.40845%; }

.stock-overview__media-block-item__content {
  width: 74.64789%;
  float: left;
  margin-left: 0;
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 0.9375rem;
  font-weight: 400; }

.stock-overview__media-block-item__title {
  color: #212121;
  display: block; }
  .stock-overview__media-block-item__title:hover {
    color: #757575; }

.stock-overview__media-blocks {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto; }
  .stock-overview__media-blocks:before, .stock-overview__media-blocks:after {
    content: " ";
    display: table; }
  .stock-overview__media-blocks:after {
    clear: both; }
  .stock-overview__media-blocks:before, .stock-overview__media-blocks:after {
    content: " ";
    display: table; }
  .stock-overview__media-blocks:after {
    clear: both; }

.stock-overview-media-block {
  border: 1px solid #dfdfdf;
  background: #ffffff;
  transition: all 0.4s ease;
  margin-bottom: 0.5rem;
  position: relative !important;
  height: 90px;
  overflow-y: hidden; }
  @media (min-width: 1000px) {
    .stock-overview-media-block {
      width: 49.29577%;
      float: right;
      margin-left: 1.40845%; }
      .stock-overview-media-block:nth-child(even) {
        float: left;
        margin-left: 0; } }

.stock-overview__calendar__item {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  border-bottom: 1px dashed #dfdfdf;
  margin-bottom: 0.5rem;
  padding: 0.5rem 0; }
  .stock-overview__calendar__item:before, .stock-overview__calendar__item:after {
    content: " ";
    display: table; }
  .stock-overview__calendar__item:after {
    clear: both; }
  .stock-overview__calendar__item:before, .stock-overview__calendar__item:after {
    content: " ";
    display: table; }
  .stock-overview__calendar__item:after {
    clear: both; }

.stock-overview__calendar__item-date {
  width: 23.94366%;
  float: right;
  margin-left: 1.40845%;
  background-color: #0075bc;
  color: #ffffff;
  text-align: center;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-weight: bold; }

.stock-overview__calendar__item-content {
  width: 74.64789%;
  float: left;
  margin-left: 0; }

.stock-overview__announcements__item {
  padding: 1rem 0 0.5rem;
  background: #fff;
  border-bottom: 1px dashed #ddd; }

.stock-overview__announcements__item-date {
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 0.9375rem;
  font-weight: 400;
  color: #757575; }

.stock-overview__text-and-value-items {
  margin-bottom: 1rem; }

.stock-overview__text-and-value-item {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 0.5rem; }
  .stock-overview__text-and-value-item:before, .stock-overview__text-and-value-item:after {
    content: " ";
    display: table; }
  .stock-overview__text-and-value-item:after {
    clear: both; }
  .stock-overview__text-and-value-item:before, .stock-overview__text-and-value-item:after {
    content: " ";
    display: table; }
  .stock-overview__text-and-value-item:after {
    clear: both; }

.stock-overview__text {
  width: 32.39437%;
  float: right;
  margin-left: 1.40845%; }

.stock-overview__value {
  width: 66.19718%;
  float: left;
  margin-left: 0; }

.news-flag-hint {
  direction: rtl;
  text-align: left;
  padding-top: 0.5em; }

.news-flag-hint img {
  width: 1.5em; }

.news-flag-hint .hint-txt {
  font-size: 14px;
  color: #989798; }

/*rtl:ignore*/
.highcharts-markers span {
  left: 0.6em !important;
  top: 0.45em !important; }

.live__player {
  background-image: url("/assets/ui/images/radio/radio-img-bg.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 400px;
  position: relative; }
  @media (min-width: 641px) {
    .live__player {
      max-width: 100%;
      margin-left: auto;
      margin-right: auto; }
      .live__player:before, .live__player:after {
        content: " ";
        display: table; }
      .live__player:after {
        clear: both; }
      .live__player:before, .live__player:after {
        content: " ";
        display: table; }
      .live__player:after {
        clear: both; } }

@media (min-width: 641px) {
  .live__player__text-container {
    width: 66.19718%;
    float: right;
    margin-left: 1.40845%; } }

.live__player__text1 {
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  -moz-osx-font-smoothing: grayscale;
  color: #ffffff; }

.live__player__text2 {
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  -moz-osx-font-smoothing: grayscale;
  color: #EFEFEF; }

.live__player__player {
  padding-top: 1rem;
  text-align: center; }
  @media (min-width: 641px) {
    .live__player__player {
      width: 32.39437%;
      float: left;
      margin-left: 0; } }

.live__player__button {
  font-family: fontawesome;
  width: 12rem;
  height: 12rem;
  border-radius: 50%;
  clear: both; }

.live__player__playing {
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
  border-style: solid;
  border-width: 0;
  cursor: pointer;
  font-family: "Noto Kufi Arabic";
  font-weight: normal;
  line-height: normal;
  margin: 0 0 0;
  position: relative;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  padding: 1rem 2rem 1.0625rem 2rem;
  font-size: 1rem;
  background-color: #458D37;
  border-color: #37712c;
  color: #FFFFFF;
  transition: background-color 300ms ease-out;
  border-radius: 50%;
  width: 12rem;
  height: 12rem; }
  .live__player__playing:hover, .live__player__playing:focus {
    background-color: #37712c; }
  .live__player__playing:hover, .live__player__playing:focus {
    color: #FFFFFF; }

.live__player__paused {
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
  border-style: solid;
  border-width: 0;
  cursor: pointer;
  font-family: "Noto Kufi Arabic";
  font-weight: normal;
  line-height: normal;
  margin: 0 0 0;
  position: relative;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  padding: 1rem 2rem 1.0625rem 2rem;
  font-size: 1rem;
  background-color: #015080;
  border-color: #014066;
  color: #FFFFFF;
  transition: background-color 300ms ease-out;
  border-radius: 50%;
  width: 12rem;
  height: 12rem; }
  .live__player__paused:hover, .live__player__paused:focus {
    background-color: #014066; }
  .live__player__paused:hover, .live__player__paused:focus {
    color: #FFFFFF; }

.live__player__volume-container i {
  vertical-align: middle; }

.live__player__volume {
  direction: ltr;
  max-width: 200px; }

.live__social-links {
  border-top: 1px solid #015080;
  background-color: #333;
  padding: 0.5rem;
  display: block;
  color: #ffffff;
  text-align: center;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 50px; }
  .live__social-links:before, .live__social-links:after {
    content: " ";
    display: table; }
  .live__social-links:after {
    clear: both; }
  .live__social-links a {
    line-height: 50px;
    float: left;
    margin-right: 1rem;
    color: #ffffff; }

.live__schedule__item {
  margin-bottom: 1rem;
  background-color: white; }

.live__schedule__item-time {
  display: block;
  color: #757575;
  float: left;
  font-weight: bold; }

.live__schedule__item-title {
  display: block;
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 1.3125rem;
  font-weight: 400;
  color: #212121; }

.live__schedule__item-image {
  max-height: 144px;
  overflow-y: hidden;
  position: relative; }
  .live__schedule__item-image img {
    width: 100%; }

.live__image-overlay {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: #828282;
  opacity: .1;
  background: linear-gradient(to bottom, rgba(0, 47, 89, 0.6) 0%, rgba(255, 255, 255, 0) 120%); }

@media (min-width: 641px) {
  .live__schedule__item {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto; }
    .live__schedule__item:before, .live__schedule__item:after {
      content: " ";
      display: table; }
    .live__schedule__item:after {
      clear: both; }
    .live__schedule__item:before, .live__schedule__item:after {
      content: " ";
      display: table; }
    .live__schedule__item:after {
      clear: both; }
  .live__schedule__item-image {
    width: 40.84507%;
    float: right;
    margin-left: 1.40845%;
    margin-left: 0.5rem; }
  .live__schedule__item-content {
    width: 57.74648%;
    float: left;
    margin-left: 0;
    padding: 1rem 0 1rem 1rem; } }

.live__social-links__radio-logo {
  float: right; }

.live__slogan {
  float: right;
  margin-right: 16px;
  font-size: 16px;
  line-height: 35px; }

.live__schedule__change-day {
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 1.3125rem;
  font-weight: 400;
  width: 15.49296%;
  float: right;
  margin-left: 1.40845%; }

.live__schedule__select-menu {
  width: 83.09859%;
  float: left;
  margin-left: 0;
  font-weight: bold;
  padding: 5px 10px;
  background-color: #f3f3f3; }

.live__schedule__change-day-container {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1rem; }
  .live__schedule__change-day-container:before, .live__schedule__change-day-container:after {
    content: " ";
    display: table; }
  .live__schedule__change-day-container:after {
    clear: both; }

.presenters {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto; }
  .presenters:before, .presenters:after {
    content: " ";
    display: table; }
  .presenters:after {
    clear: both; }
  .presenters:before, .presenters:after {
    content: " ";
    display: table; }
  .presenters:after {
    clear: both; }

.presenters__item {
  margin-bottom: 2rem; }
  @media (min-width: 1000px) {
    .presenters__item {
      width: 31.42857%;
      float: right;
      margin-left: 2.85714%; }
      .presenters__item:nth-child(3n+3) {
        float: left;
        margin-left: 0; } }

.presenters__item-title {
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 1.3125rem;
  font-weight: 400;
  text-align: center; }

.presenters__item-image img {
  display: block;
  margin: 0 auto;
  border-radius: 50%;
  width: 180px;
  height: 180px; }

.presenters__item-content {
  background: #fff;
  position: relative;
  color: #757575;
  padding: 1rem;
  margin-top: 1rem; }
  @media (min-width: 1000px) {
    .presenters__item-content {
      min-height: 200px;
      max-height: 350px; } }

.presenters__social {
  position: absolute;
  left: 1rem;
  bottom: 1rem;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1rem;
  text-align: center;
  min-width: 96px; }
  .presenters__social:before, .presenters__social:after {
    content: " ";
    display: table; }
  .presenters__social:after {
    clear: both; }
  .presenters__social:before, .presenters__social:after {
    content: " ";
    display: table; }
  .presenters__social:after {
    clear: both; }

.presenters__social-item {
  width: 31.42857%;
  float: right;
  margin-left: 2.85714%;
  height: 30px;
  width: 30px;
  line-height: 30px;
  border-radius: 50%;
  color: #f3f3f3;
  display: block;
  text-align: center;
  background: #78909c;
  transition: .1s all ease-in; }
  .presenters__social-item:last-of-type {
    float: left;
    margin-left: 0; }
  .presenters__social-item:hover {
    background: #b0bec5; }

.program-episode {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin: 0 0 0.5rem;
  clear: both; }
  .program-episode:before, .program-episode:after {
    content: " ";
    display: table; }
  .program-episode:after {
    clear: both; }
  .program-episode:before, .program-episode:after {
    content: " ";
    display: table; }
  .program-episode:after {
    clear: both; }
  .program-episode.is-card {
    clear: none;
    margin-bottom: 1rem; }
    @media (min-width: 641px) {
      .program-episode.is-card {
        width: 49.29577%;
        float: right;
        margin-left: 1.40845%;
        min-height: 467px; }
        .program-episode.is-card:nth-of-type(even) {
          float: left;
          margin-left: 0; } }

.program-episode__expert {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto; }
  .program-episode__expert:before, .program-episode__expert:after {
    content: " ";
    display: table; }
  .program-episode__expert:after {
    clear: both; }
  .program-episode__expert:before, .program-episode__expert:after {
    content: " ";
    display: table; }
  .program-episode__expert:after {
    clear: both; }

.program-episode__expert-title {
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  -moz-osx-font-smoothing: grayscale; }

@media (min-width: 1000px) {
  .program-episode__expert-image {
    width: 23.94366%;
    float: right;
    margin-left: 1.40845%; }
    .program-episode__expert-image img {
      width: 100%; } }

@media (min-width: 1000px) {
  .program-episode__expert-content {
    width: 74.64789%;
    float: left;
    margin-left: 0; } }

.program-episoode__title {
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  -moz-osx-font-smoothing: grayscale;
  color: #333;
  display: block; }

.program-episode__image {
  overflow-y: hidden; }
  @media (min-width: 641px) {
    .program-episode__image {
      width: 32.39437%;
      float: right;
      margin-left: 1.40845%; } }
  .program-episode__image .program-episode__image-container {
    display: block;
    position: relative;
    height: 0;
    padding-bottom: 62.5%;
    box-sizing: border-box; }
  .program-episode__image img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%; }

@media (min-width: 641px) {
  .program-episode__content {
    width: 66.19718%;
    float: left;
    margin-left: 0; } }

.program-episode__content.is-card {
  width: 100%;
  float: right;
  margin-right: 0;
  margin-left: 0; }

.program-episode__text {
  color: #757575;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem; }

.program-episode__date {
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  color: #0075bc;
  display: inline-block; }

.program-episode__meta-data-container {
  margin-top: 0.5rem; }

.program-episode__meta-data-text1 {
  font-weight: bold; }

.program-episode-details__image-container img {
  width: 100%;
  margin-bottom: 1.5rem; }

.program-episode-details__text {
  color: #757575 !important;
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 1.3125rem;
  font-weight: 400; }

.program-episode-details__dates-container {
  color: #757575; }

.program-episode-details__meta-data-container {
  margin-top: 1.5rem;
  color: #757575 !important;
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 1.3125rem;
  font-weight: 400; }

.program-episode-details__meta-data-text1 {
  color: #757575 !important;
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 1.3125rem;
  font-weight: 400;
  font-weight: bold; }

.program-episode-details__player {
  margin-top: 3rem;
  margin-bottom: 3rem; }
  .program-episode-details__player audio {
    margin-right: auto;
    margin-left: auto;
    width: 100%; }

.program-episode-details__download {
  text-align: left;
  display: block;
  color: #757575 !important;
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 1.3125rem;
  font-weight: 400;
  font-weight: bold; }

.program-episode-details__date {
  text-align: left;
  margin-bottom: 1.5rem; }

.video-program-details__description {
  color: #757575;
  margin-top: 1.5rem;
  margin-bottom: 0.5rem; }

.company-profile__summary {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 1rem;
  background: #fff; }
  .company-profile__summary:before, .company-profile__summary:after {
    content: " ";
    display: table; }
  .company-profile__summary:after {
    clear: both; }
  .company-profile__summary:before, .company-profile__summary:after {
    content: " ";
    display: table; }
  .company-profile__summary:after {
    clear: both; }

.company-profile__summary__block {
  margin-top: 1rem; }
  @media (min-width: 641px) {
    .company-profile__summary__block {
      width: 32.39437%;
      float: right;
      margin-left: 1.40845%; }
      .company-profile__summary__block:last-of-type {
        float: left;
        margin-left: 0; } }

.company-profile__summary__last-price {
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 2.8125rem;
  font-weight: 400;
  text-align: center;
  font-weight: bold; }

.company-profile__summary__note {
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 0.8125rem;
  font-weight: 400;
  color: #757575;
  margin-top: 0.5rem; }

.company-profile__summary__block-row {
  border-bottom: 1px dotted #5B5B5B;
  clear: both; }
  .company-profile__summary__block-row:before, .company-profile__summary__block-row:after {
    content: " ";
    display: table; }
  .company-profile__summary__block-row:after {
    clear: both; }

.company-profile__summary__block-text {
  float: right; }

.company-profile__summary__block-number {
  float: left;
  text-align: left; }

.company-profile__company-calendar {
  width: 49.29577%;
  float: right;
  margin-left: 1.40845%; }

.company-profile__company-calendar__item {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 0.5rem 0 0.5rem 0.25rem;
  bprder: 1px solid #dfdfdf; }
  .company-profile__company-calendar__item:before, .company-profile__company-calendar__item:after {
    content: " ";
    display: table; }
  .company-profile__company-calendar__item:after {
    clear: both; }
  .company-profile__company-calendar__item:before, .company-profile__company-calendar__item:after {
    content: " ";
    display: table; }
  .company-profile__company-calendar__item:after {
    clear: both; }

.company-profile__company-calendar__item-date {
  width: 23.94366%;
  float: right;
  margin-left: 1.40845%;
  background-color: #0075bc;
  color: #ffffff;
  text-align: center;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-weight: bold; }

.company-profile__company-calendar__item-content {
  width: 74.64789%;
  float: left;
  margin-left: 0; }

.company-profile__market-announcements {
  width: 49.29577%;
  float: left;
  margin-left: 0; }

.company-profile__market-announcements__item {
  padding: 0.5rem 0 0.5rem 0.25rem;
  bordder: 1px solid #dfdfdf; }

.company-profile__general-information {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto; }
  .company-profile__general-information:before, .company-profile__general-information:after {
    content: " ";
    display: table; }
  .company-profile__general-information:after {
    clear: both; }
  .company-profile__general-information:before, .company-profile__general-information:after {
    content: " ";
    display: table; }
  .company-profile__general-information:after {
    clear: both; }

.company-profile__general-information__logo {
  text-align: center;
  margin-bottom: 1rem; }
  @media (min-width: 641px) {
    .company-profile__general-information__logo {
      width: 19.71831%;
      float: right;
      margin-left: 1.40845%; } }

@media (min-width: 641px) {
  .company-profile__general-information__items {
    width: 78.87324%;
    float: left;
    margin-left: 0; } }

.company-profile__general-information__item,
.company-profile__contact-information__item,
.company-profile__management__item {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0.5rem; }
  .company-profile__general-information__item:before, .company-profile__general-information__item:after,
  .company-profile__contact-information__item:before,
  .company-profile__contact-information__item:after,
  .company-profile__management__item:before,
  .company-profile__management__item:after {
    content: " ";
    display: table; }
  .company-profile__general-information__item:after,
  .company-profile__contact-information__item:after,
  .company-profile__management__item:after {
    clear: both; }
  .company-profile__general-information__item:before, .company-profile__general-information__item:after,
  .company-profile__contact-information__item:before,
  .company-profile__contact-information__item:after,
  .company-profile__management__item:before,
  .company-profile__management__item:after {
    content: " ";
    display: table; }
  .company-profile__general-information__item:after,
  .company-profile__contact-information__item:after,
  .company-profile__management__item:after {
    clear: both; }

.company-profile__general-information__text1,
.company-profile__contact-information__text1 {
  width: 32.39437%;
  float: right;
  margin-left: 1.40845%;
  font-weight: bold; }
  @media (min-width: 1000px) {
    .company-profile__general-information__text1,
    .company-profile__contact-information__text1 {
      width: 23.94366%;
      float: right;
      margin-left: 1.40845%; } }

.company-profile__general-information__text2,
.company-profile__contact-information__text2,
.company-profile__management__text2 {
  width: 66.19718%;
  float: left;
  margin-left: 0; }
  @media (min-width: 1000px) {
    .company-profile__general-information__text2,
    .company-profile__contact-information__text2,
    .company-profile__management__text2 {
      width: 74.64789%;
      float: left;
      margin-left: 0; } }
  .company-profile__general-information__text2:before, .company-profile__general-information__text2:after,
  .company-profile__contact-information__text2:before,
  .company-profile__contact-information__text2:after,
  .company-profile__management__text2:before,
  .company-profile__management__text2:after {
    content: " ";
    display: table; }
  .company-profile__general-information__text2:after,
  .company-profile__contact-information__text2:after,
  .company-profile__management__text2:after {
    clear: both; }

.company-profile__management__text1 {
  font-weight: bold; }

.company-profile__management__text1 {
  width: 49.29577%;
  float: right;
  margin-left: 1.40845%; }

.company-profile__management__text2 {
  width: 49.29577%;
  float: left;
  margin-left: 0; }

.company-profile__management__text3 {
  width: 49.29577%;
  float: left;
  margin-left: 0; }

@media (min-width: 1000px) {
  .company-profile__management__text1,
  .company-profile__management__text2,
  .company-profile__management__text3 {
    width: 32.39437%;
    float: right;
    margin-left: 1.40845%; } }

.company-profile__management__text3 {
  float: left;
  margin-left: 0; }

.company-profile__contact-information__phone-number {
  text-align: right;
  white-space: nowrap; }

/*rtl:ignore*/
.company-profile__contact-information__phone-number {
  direction: ltr; }

.mi-paged-table__filters label, .mi-paged-table__filters--2 label, .mi-paged-table__filters--3 label, .mi-paged-table__filters--4 label {
  margin-top: 0; }

.mi-paged-table__filters--2 label, .mi-paged-table__filters--2 .mi-paged-table__filters-column {
  margin-bottom: 1rem;
  margin-top: 1rem; }
  @media (min-width: 641px) {
    .mi-paged-table__filters--2 label, .mi-paged-table__filters--2 .mi-paged-table__filters-column {
      width: 49.29577%;
      float: right;
      margin-left: 1.40845%; }
      .mi-paged-table__filters--2 label:nth-child(even), .mi-paged-table__filters--2 .mi-paged-table__filters-column:nth-child(even) {
        float: left;
        margin-left: 0;
        clear: left; } }

.mi-paged-table__filters--3 label, .mi-paged-table__filters--3 .mi-paged-table__filters-column {
  margin-bottom: 1rem;
  margin-top: 1rem; }
  @media (min-width: 641px) {
    .mi-paged-table__filters--3 label, .mi-paged-table__filters--3 .mi-paged-table__filters-column {
      width: 32.39437%;
      float: right;
      margin-left: 1.40845%; }
      .mi-paged-table__filters--3 label:last-of-type, .mi-paged-table__filters--3 .mi-paged-table__filters-column:last-of-type {
        float: left;
        margin-left: 0; } }

.mi-paged-table__filters--4 label, .mi-paged-table__filters--4 .mi-paged-table__filters-column {
  margin-bottom: 1rem;
  margin-top: 1rem; }
  @media (min-width: 641px) {
    .mi-paged-table__filters--4 label, .mi-paged-table__filters--4 .mi-paged-table__filters-column {
      width: 32.39437%;
      float: right;
      margin-left: 1.40845%; }
      .mi-paged-table__filters--4 label:nth-child(3n+1), .mi-paged-table__filters--4 .mi-paged-table__filters-column:nth-child(3n+1) {
        float: left;
        margin-left: 0; }
      .mi-paged-table__filters--4 label:last-of-type, .mi-paged-table__filters--4 .mi-paged-table__filters-column:last-of-type {
        margin-top: 1rem;
        clear: both;
        width: 100%;
        float: right;
        margin-right: 0;
        margin-left: 0; } }

.watch-list__create-panel-button {
  text-align: left;
  padding: 1rem; }

.watch-list__entry * {
  transition: all 1s ease; }

.watch-list__entry.highlighted td {
  background: #f08a24;
  color: white; }
  .watch-list__entry.highlighted td a {
    color: white; }

.alerts__create-alert-button {
  text-align: left;
  padding: 1rem 0; }

.mi-alert-message-pagination {
  text-align: center;
  clear: both;
  margin-top: 1rem; }
  .mi-alert-message-pagination * {
    display: inline-block;
    border: 1px solid #dfdfdf;
    background: #ffffff;
    padding: 0.25rem 0.5rem; }

.mi-alert-messages__empty {
  text-align: center;
  padding: 1rem;
  margin-top: 1rem; }

.mi-alerts__table-container, .mi-alert-form__name {
  margin-top: 1rem; }

.mi-alert-message {
  padding: 1rem 0 0.5rem;
  background: #fff;
  border-bottom: 1px dashed #ddd; }

.mi-alert-message__date {
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  color: #757575;
  display: block;
  margin-bottom: 0.25rem; }

.rss__link {
  text-align: center; }
  @media (min-width: 641px) {
    .rss__link {
      width: 49.29577%;
      float: right;
      margin-left: 1.40845%; }
      .rss__link:nth-of-type(even) {
        float: left;
        margin-left: 0; } }

.rss__link-title {
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 1.3125rem;
  font-weight: 400; }

.mi-liquidity__chart {
  min-width: 6.25rem;
  height: 1rem; }

.mi-liquidity__chart-out, .mi-liquidity__chart-in {
  float: right;
  padding: 0;
  margin: 0;
  height: 1rem;
  width: 50%; }

.mi-liquidity__chart-out {
  background: #DC0A0A; }

.mi-liquidity__chart-in {
  background: #458D37; }

/*rtl:ignore*/
.mi-performance-comparison__chart {
  direction: ltr;
  clear: both; }

.mi-performance-comparison__items {
  padding-top: 1rem;
  clear: both; }
  .mi-performance-comparison__items:before, .mi-performance-comparison__items:after {
    content: " ";
    display: table; }
  .mi-performance-comparison__items:after {
    clear: both; }

.mi-performance-comparison__item {
  display: inline-block;
  padding: 0.25rem 0.5rem;
  margin-left: 1rem;
  margin-top: 0.5rem;
  white-space: nowrap;
  border: 1px solid; }
  .mi-performance-comparison__item .fa-close {
    cursor: pointer; }
    .mi-performance-comparison__item .fa-close:hover {
      color: #DC0A0A; }

.mi-performance-comparison__items-clear {
  clear: both; }

.mi-performance-comparison__chart-container {
  position: relative; }

.mi-performance-comparison__hint {
  text-align: center;
  padding: 2rem;
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 1.3125rem;
  font-weight: 400; }

.support-and-resistance {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 1rem;
  background: #fff; }
  .support-and-resistance:before, .support-and-resistance:after {
    content: " ";
    display: table; }
  .support-and-resistance:after {
    clear: both; }
  .support-and-resistance:before, .support-and-resistance:after {
    content: " ";
    display: table; }
  .support-and-resistance:after {
    clear: both; }

.support-and-resistance__block {
  padding: 0.5rem 1rem; }
  @media (min-width: 641px) {
    .support-and-resistance__block {
      width: 50%;
      float: right; }
      .support-and-resistance__block:nth-of-type(2) {
        border-right: 1px solid #ddd; } }

.market__indices-sectors {
  padding: 0; }
  .market__indices-sectors .mi-section__title {
    padding: 1rem; }

.support-and-resistance__last-price {
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 2.8125rem;
  font-weight: 400;
  text-align: center;
  font-weight: bold; }

.support-and-resistance__date,
.support-and-resistance__note {
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 0.8125rem;
  font-weight: 400;
  color: #757575; }

.support-and-resistance__note {
  text-align: left;
  margin-top: 1rem; }

.support-and-resistance__date {
  text-align: right; }

.support-and-resistance__block-row {
  border-bottom: 1px dashed #ddd;
  clear: both;
  padding: 0.25rem 0; }
  .support-and-resistance__block-row:before, .support-and-resistance__block-row:after {
    content: " ";
    display: table; }
  .support-and-resistance__block-row:after {
    clear: both; }

.support-and-resistance__change-row {
  border-top: 1px dashed #ddd;
  padding: 0.5rem; }
  .support-and-resistance__change-row:before, .support-and-resistance__change-row:after {
    content: " ";
    display: table; }
  .support-and-resistance__change-row:after {
    clear: both; }

.support-and-resistance__block-text {
  float: right;
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 0.9375rem;
  font-weight: 400; }

.support-and-resistance__change, .support-and-resistance__change-percentage {
  width: 50%;
  float: right;
  text-align: left; }

.support-and-resistance__block-number {
  float: left;
  text-align: left;
  direction: ltr;
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 0.9375rem;
  font-weight: 400;
  font-weight: bold; }

.support-and-resistance__change-column-1 {
  width: 66.66667%;
  float: right;
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
  clear: right; }

.support-and-resistance__change-column-2 {
  width: 33.33333%;
  float: right;
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
  font-weight: bold; }

.support-and-resistance__change-column-2 {
  text-align: left; }

.support-and-resistance__chart {
  min-width: 5.5rem;
  padding: 0.5rem 0;
  position: relative; }
  .support-and-resistance__chart:before, .support-and-resistance__chart:after {
    content: " ";
    display: table; }
  .support-and-resistance__chart:after {
    clear: both; }

.support-and-resistance__chart-support, .support-and-resistance__chart-resistance, .support-and-resistance__chart-l2-support, .support-and-resistance__chart-l1-support, .support-and-resistance__chart-l2-resistance, .support-and-resistance__chart-l1-resistance {
  float: right;
  height: 1rem;
  width: 50%; }

.support-and-resistance__chart-l2-support {
  background-color: #DC0A0A; }

.support-and-resistance__chart-l1-support {
  background-color: #f75555; }

.support-and-resistance__chart-l2-resistance {
  background-color: #458D37; }

.support-and-resistance__chart-l1-resistance {
  background-color: #76c466; }

.support-and-resistance__chart-last-price {
  position: absolute;
  width: 2px;
  height: 2rem;
  top: 0.25rem;
  background-color: #0075bc; }

/*rtl:ignore*/
.support-and-resistance__chart {
  direction: ltr; }

.mi-layout__center-container {
  text-align: center;
  clear: both; }
  .mi-layout__center-container > div {
    margin-right: auto;
    margin-left: auto; }
  .mi-layout__center-container .mi-layout__ad--super-leaderboard, .mi-layout__center-container .mi-layout__ad--second-fold {
    margin: 1rem auto 0; }
  .mi-layout__center-container .mi-layout__ad {
    margin: 0 auto 1rem; }

.mi-layout__ad__sidebar-ad {
  width: 300px; }

.mi-layout__ad--third-fold {
  margin-top: 1rem; }

.ads__mobile-above-footer,
.ads__mobile-news-details {
  display: block;
  margin-bottom: 0.5rem;
  clear: both; }
  .ads__mobile-above-footer > div,
  .ads__mobile-news-details > div {
    margin-right: auto;
    margin-left: auto; }

.ads__stickyAds {
  display: block;
  position: fixed;
  bottom: 0;
  z-index: 999999;
  left: 0;
  background: #333;
  width: 100%; }

.ads__stickyAds-inner-dev {
  width: 100% !important;
  margin: 5px auto;
  background: #333;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.ads__stickyAds-inner-dev * {
  margin: 0 auto; }

.ads__stickyAds-dev2 {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.ads_overlay {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 999999;
  background-color: rgba(0, 0, 0, 0.5); }

.ads_native {
  width: 100%; }

.first-fold-side-bar-ad {
  margin-bottom: 1rem; }

.ads-mobile-margin {
  margin-bottom: 1rem;
  margin-top: 1rem; }

.stock-price-block {
  padding: 1rem;
  margin-bottom: 1rem;
  border: 0.1rem solid #dfdfdf;
  border-radius: 0.3rem;
  background-color: #fbf9fa; }
  .stock-price-block:before, .stock-price-block:after {
    content: " ";
    display: table; }
  .stock-price-block:after {
    clear: both; }

.stock-price-block__name {
  display: block;
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 500; }

.stock-price-block__symbol {
  width: 100%;
  font-size: 0.8rem !important;
  display: block;
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 1.0625rem;
  font-weight: 400;
  font-weight: bold; }

/*rtl:ignore*/
.stock-price-block__change-percentage {
  margin-left: 1rem;
  width: 50%;
  float: left;
  display: block;
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 2.8125rem;
  font-weight: 400;
  text-align: center;
  direction: ltr;
  margin-bottom: 0.25rem;
  font-weight: bold; }

.stock-price-change-percentage {
  text-align: left !important;
  width: 100% !important;
  font-size: 1.5rem !important; }

.stock-price-block__value {
  width: 50%;
  float: right;
  width: 50%;
  padding: 0 0.25rem;
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 1.3125rem;
  font-weight: 400;
  font-weight: bold; }
  .stock-price-block__value:last-of-type {
    text-align: left; }

.stock-price-value {
  float: left;
  text-align: left; }

.stock-price-change-value {
  float: right; }

/*rtl:ignore*/
.stock-price-block__value {
  direction: ltr; }

.mi-article-chart__plot-aria {
  display: inline-block;
  direction: rtl !important; }

.mi-article__stock:not(:nth-child(3n)):not(:last-child) > div {
  border-left: 1px solid #d6d6d6; }

.stock_prices {
  width: 100%; }

.stock-block {
  margin-right: 1rem; }

.stocks-hr {
  border-top: 1px solid #d6d6d6; }

.stocks-titles {
  float: right; }

.announcement-stock-price-block {
  padding: 1rem;
  margin-bottom: 1rem;
  border: 0.25rem solid #dfdfdf; }
  .announcement-stock-price-block:before, .announcement-stock-price-block:after {
    content: " ";
    display: table; }
  .announcement-stock-price-block:after {
    clear: both; }

.announcement-stock-price-block__name {
  display: block;
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 500; }

.announcement-stock-price-block__symbol {
  display: block;
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 1.0625rem;
  font-weight: 400;
  font-weight: bold; }

/*rtl:ignore*/
.announcement-stock-price-block__change-percentage {
  display: block;
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 2.8125rem;
  font-weight: 400;
  text-align: center;
  direction: ltr;
  border-bottom: 1px dotted #dfdfdf;
  margin-bottom: 0.25rem;
  font-weight: bold; }

.announcement-stock-price-block__value {
  width: 50%;
  float: right;
  width: 50%;
  padding: 0 0.25rem;
  text-align: right;
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 1.3125rem;
  font-weight: 400;
  font-weight: bold; }
  .announcement-stock-price-block__value:last-of-type {
    text-align: left; }

/*rtl:ignore*/
.announcement-stock-price-block__value {
  direction: ltr; }

/*rtl:ignore*/
.mi-financial-statements-chart {
  direction: ltr; }

.funds-details__text-and-value-items {
  margin-bottom: 1rem; }

.funds-details__text-and-value-item {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 0.5rem; }
  .funds-details__text-and-value-item:before, .funds-details__text-and-value-item:after {
    content: " ";
    display: table; }
  .funds-details__text-and-value-item:after {
    clear: both; }
  .funds-details__text-and-value-item:before, .funds-details__text-and-value-item:after {
    content: " ";
    display: table; }
  .funds-details__text-and-value-item:after {
    clear: both; }

.funds-details__text {
  width: 32.39437%;
  float: right;
  margin-left: 1.40845%; }

.funds-details__value {
  width: 66.19718%;
  float: left;
  margin-left: 0; }

.mi-funds-details__chart-controls {
  direction: rtl;
  list-style: none;
  background-color: #f3f3f3;
  border-radius: 6px;
  box-shadow: 0 1px 2px rgba(43, 59, 93, 0.29);
  margin: 0;
  padding: 0.5rem;
  border: 1px solid #ccc;
  text-align: center; }
  .mi-funds-details__chart-controls:before, .mi-funds-details__chart-controls:after {
    content: " ";
    display: table; }
  .mi-funds-details__chart-controls:after {
    clear: both; }
  .mi-funds-details__chart-controls dt {
    display: inline-block; }
    .mi-funds-details__chart-controls dt:last-of-type {
      margin-right: 2rem; }
  .mi-funds-details__chart-controls dd {
    display: inline-block;
    margin: 0 0.25rem;
    padding: 0; }
    .mi-funds-details__chart-controls dd button {
      font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
      font-size: 0.9375rem;
      font-weight: 400;
      color: #757575;
      background: none;
      border: none;
      border-radius: 0.3125rem;
      padding: 0.25rem 0.5rem; }
      .mi-funds-details__chart-controls dd button:hover, .mi-funds-details__chart-controls dd button:active {
        background: #01C2D9;
        color: white; }
      .mi-funds-details__chart-controls dd button.is-active {
        background: #01C2D9;
        font-weight: bold;
        color: white; }

.trading-hours__text-and-value-items {
  margin-bottom: 1rem; }

.trading-hours__text-and-value-item {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 0.5rem; }
  .trading-hours__text-and-value-item:before, .trading-hours__text-and-value-item:after {
    content: " ";
    display: table; }
  .trading-hours__text-and-value-item:after {
    clear: both; }
  .trading-hours__text-and-value-item:before, .trading-hours__text-and-value-item:after {
    content: " ";
    display: table; }
  .trading-hours__text-and-value-item:after {
    clear: both; }

.trading-hours__text {
  width: 32.39437%;
  float: right;
  margin-left: 1.40845%; }

.trading-hours__value {
  width: 66.19718%;
  float: left;
  margin-left: 0; }

.trading-hours-subtitle {
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 1.3125rem;
  font-weight: 400;
  display: block; }

.currencies__note {
  color: #757575;
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: inline-block; }
  .currencies__note:before, .currencies__note:after {
    content: " ";
    display: table; }
  .currencies__note:after {
    clear: both; }
  .currencies__note:before, .currencies__note:after {
    content: " ";
    display: table; }
  .currencies__note:after {
    clear: both; }

.currencies__note-icon {
  float: right;
  width: 25px;
  /*margin-top: 7px;*/
  margin-right: 10px;
  display: inline-block;
  font-size: 1.8em; }

.currencies__table-icon {
  font-size: 1.5em; }

.currencies__results {
  text-align: center; }

.currencies__results-text1 {
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 1.3125rem;
  font-weight: 400;
  color: #757575; }

.currencies__results-text2 {
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 2.125rem;
  font-weight: 400; }

.currency_converter_form input, .currency_converter_form select {
  display: inline-table;
  width: 31%; }

.currency_converter_form i {
  display: inline-table;
  width: 3%;
  text-align: center; }

.center_note {
  display: block;
  text-align: center; }

.currency-historical {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto; }
  .currency-historical:before, .currency-historical:after {
    content: " ";
    display: table; }
  .currency-historical:after {
    clear: both; }
  .currency-historical:before, .currency-historical:after {
    content: " ";
    display: table; }
  .currency-historical:after {
    clear: both; }

.currency-historical__block {
  padding: 0.5rem 1rem; }
  @media (min-width: 641px) {
    .currency-historical__block {
      width: 23.94366%;
      float: right;
      margin-left: 1.40845%; }
      .currency-historical__block:nth-of-type(1), .currency-historical__block:nth-of-type(2), .currency-historical__block:nth-of-type(3) {
        float: right;
        border-right: 1px solid #ddd;
        border-left: 1px solid #ddd; }
      .currency-historical__block:nth-of-type(4) {
        float: left;
        border-right: 1px solid #ddd;
        border-left: 1px solid #ddd;
        margin-left: 0; } }
  .currency-historical__block .currency-historical-label {
    font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
    font-size: 0.9375rem;
    font-weight: 400;
    color: #757575;
    text-align: center;
    padding-bottom: 1rem;
    padding-top: 1rem;
    border-bottom: 1px dashed #ddd; }
  .currency-historical__block .currency-historical-value {
    font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
    font-size: 1.5rem;
    font-weight: 400;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    font-weight: bold;
    padding-bottom: 1rem;
    padding-top: 1rem; }

.currency_converter_form .error {
  width: 31%; }

.regional-map__note {
  color: #757575;
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto; }
  .regional-map__note:before, .regional-map__note:after {
    content: " ";
    display: table; }
  .regional-map__note:after {
    clear: both; }
  .regional-map__note:before, .regional-map__note:after {
    content: " ";
    display: table; }
  .regional-map__note:after {
    clear: both; }

.regional-map__note-icon {
  float: right;
  width: 35px;
  margin-top: 0;
  margin-right: 5px; }

.regional-map__comments {
  margin: 0.5rem auto;
  clear: both; }

/*rtl:ignore*/
._720kb-tooltip {
  right: auto; }

/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
.tooltipster-default {
  border-radius: 5px;
  border: 2px solid #000;
  background: #4c4c4c;
  color: #fff; }

/* Use this next selector to style things like font-size and line-height: */
.tooltipster-default .tooltipster-content {
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
  color: #ffffff;
  padding: 1rem;
  overflow: auto;
  white-space: normal;
  z-index: 10; }

/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
  /* border-color: ... !important; */ }

/* If you're using the icon option, use this next selector to style them */
.tooltipster-icon {
  cursor: help;
  margin-left: 4px; }

/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base {
  padding: 0;
  font-size: 0;
  line-height: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9999999;
  pointer-events: none;
  width: auto;
  overflow: visible; }

.tooltipster-base .tooltipster-content {
  overflow: hidden; }

/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow {
  display: block;
  text-align: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1; }

.tooltipster-arrow span, .tooltipster-arrow-border {
  display: block;
  width: 0;
  height: 0;
  position: absolute; }

.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
  border-left: 8px solid transparent !important;
  border-right: 8px solid transparent !important;
  border-top: 8px solid;
  bottom: -7px; }

.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
  border-left: 9px solid transparent !important;
  border-right: 9px solid transparent !important;
  border-top: 9px solid;
  bottom: -7px; }

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
  border-left: 8px solid transparent !important;
  border-right: 8px solid transparent !important;
  border-bottom: 8px solid;
  top: -7px; }

.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
  border-left: 9px solid transparent !important;
  border-right: 9px solid transparent !important;
  border-bottom: 9px solid;
  top: -7px; }

.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
  left: 0;
  right: 0;
  margin: 0 auto; }

.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
  left: 6px; }

.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
  left: 5px; }

.tooltipster-arrow-top-right span, .tooltipster-arrow-bottom-right span {
  right: 6px; }

.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
  right: 5px; }

.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
  border-top: 8px solid transparent !important;
  border-bottom: 8px solid transparent !important;
  border-left: 8px solid;
  top: 50%;
  margin-top: -7px;
  right: -7px; }

.tooltipster-arrow-left .tooltipster-arrow-border {
  border-top: 9px solid transparent !important;
  border-bottom: 9px solid transparent !important;
  border-left: 9px solid;
  margin-top: -8px; }

.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
  border-top: 8px solid transparent !important;
  border-bottom: 8px solid transparent !important;
  border-right: 8px solid;
  top: 50%;
  margin-top: -7px;
  left: -7px; }

.tooltipster-arrow-right .tooltipster-arrow-border {
  border-top: 9px solid transparent !important;
  border-bottom: 9px solid transparent !important;
  border-right: 9px solid;
  margin-top: -8px; }

/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */
.tooltipster-fade {
  opacity: 0;
  transition-property: opacity; }

.tooltipster-fade-show {
  opacity: 1; }

.tooltipster-grow {
  -webkit-transform: scale(0, 0);
      -ms-transform: scale(0, 0);
          transform: scale(0, 0);
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform; }

.tooltipster-grow-show {
  -webkit-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
          transform: scale(1, 1);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); }

.tooltipster-swing {
  opacity: 0;
  -webkit-transform: rotateZ(4deg);
      -ms-transform: rotate(4deg);
          transform: rotateZ(4deg);
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform; }

.tooltipster-swing-show {
  opacity: 1;
  -webkit-transform: rotateZ(0deg);
      -ms-transform: rotate(0deg);
          transform: rotateZ(0deg);
  transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4); }

.tooltipster-fall {
  top: 0;
  transition-property: top;
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); }

.tooltipster-fall.tooltipster-dying {
  transition-property: all;
  top: 0px !important;
  opacity: 0; }

.tooltipster-slide {
  left: -40px;
  transition-property: left;
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); }

.tooltipster-slide.tooltipster-dying {
  transition-property: all;
  left: 0px !important;
  opacity: 0; }

/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing {
  opacity: 0.5;
  -webkit-transform: scale(1.1, 1.1);
      -ms-transform: scale(1.1, 1.1);
          transform: scale(1.1, 1.1); }

/* 
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut; }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/* 
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out; }

/* 
 *  Core Owl Carousel CSS File
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y; }

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px); }

.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none; }

.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  -webkit-transform-style: preserve-3d; }

.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled {
  display: none; }

.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.owl-carousel.owl-loaded {
  display: block; }

.owl-carousel.owl-loading {
  opacity: 0;
  display: block; }

.owl-carousel.owl-hidden {
  opacity: 0; }

.owl-carousel.owl-refresh .owl-item {
  display: none; }

.owl-carousel.owl-drag .owl-item {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.owl-carousel.owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab; }

.owl-carousel.owl-rtl {
  direction: rtl; }

.owl-carousel.owl-rtl .owl-item {
  float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/* 
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease; }

.owl-carousel .owl-item img {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d; }

/* 
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: scale 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  transition: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }

/* 
 * 	Default theme - Owl Carousel CSS File
 */
.owl-theme .owl-nav {
  text-align: center;
  -webkit-tap-highlight-color: transparent; }

.owl-theme .owl-nav [class*='owl-'] {
  font-size: 2.5rem;
  color: white;
  opacity: .7; }

.owl-theme .owl-nav [class*=owl-]:hover {
  opacity: 1; }

.owl-theme .owl-nav .owl-prev {
  right: 0.5rem; }

.owl-theme .owl-nav .owl-next {
  left: 0.5rem; }

.owl-theme .owl-nav .disabled {
  opacity: 0.5;
  cursor: default; }

.owl-theme .owl-dots {
  text-align: center;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  -webkit-tap-highlight-color: transparent; }

.owl-theme .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
  *display: inline; }

.owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: #D6D6D6;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 200ms ease;
  border-radius: 30px; }

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: #869791; }

.owl-carousel {
  position: relative; }

.owl-prev,
.owl-next {
  position: absolute;
  top: 36%;
  margin-top: -10px; }

.internal-radio-carousel__more-compact {
  padding-top: 50%; }

.home-radio-carousel__container {
  background-color: white;
  margin-bottom: 0.5rem; }

.home-radio-carousel__image {
  width: 105px;
  overflow-x: hidden;
  float: right; }
  .home-radio-carousel__image img {
    display: block;
    height: 65px; }

.home-radio-carousel__content {
  margin-right: 112px;
  padding-left: 0.25rem;
  padding-top: 0.5rem;
  font-family: "Noto Kufi Arabic", "Helvetica Neue LT", "Arial", sans-serif;
  font-size: 0.9375rem;
  font-weight: 400; }

.home-radio-carousel__title {
  color: #212121;
  display: block; }
  .home-radio-carousel__title:hover {
    color: #757575; }

.home-radio-carousel__button {
  text-align: center;
  background: #0075bc;
  padding: 0.5rem;
  font-weight: bold;
  width: 100%;
  color: white;
  margin-bottom: 3px; }

.adv-container {
  display: block;
  width: 100%;
  background-color: #37454e;
  padding: 20px;
  font-family: 'Nunito', sans-serif;
  letter-spacing: 1px; }

.adv-container h1 {
  color: #06b4df;
  font-family: inherit;
  text-align: center;
  margin-bottom: 0px;
  font-size: 2.6em; }

.adv-container h2 {
  color: #ffffff;
  font-family: inherit;
  text-align: center;
  margin-top: 2px;
  font-size: 1.9em; }

.adv-container h1 span {
  font-family: inherit;
  text-align: center; }

.adv-container h1 .slim {
  font-weight: 100; }

.adv-container h1 .bold {
  font-weight: bold; }

.adv-container a:hover {
  color: white; }

.c-logo {
  display: block;
  margin-top: 20px;
  width: auto;
  margin-left: auto;
  margin-right: auto;
  padding: 10px; }

.inner-round {
  display: block;
  height: 240px;
  width: 240px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  background-color: #4b5962;
  border: 30px solid #414f58;
  border-radius: 1000px;
  cursor: pointer; }

.inner-round:hover {
  background-color: #50606a;
  border: 30px solid #46545d; }

.ad-button {
  display: block;
  margin-top: 40px;
  margin-bottom: 30px;
  height: auto;
  width: 220px;
  font-weight: bold;
  font-size: 25px;
  padding: 10px;
  text-align: center;
  cursor: pointer;
  color: white;
  background: #9a4576;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #9a4576 0%, #6b3977 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9a4576', endColorstr='#6b3977',GradientType=0 );
  /* IE6-9 */
  margin-left: auto;
  margin-right: auto;
  border-radius: 30px; }

.ad-button:hover {
  background: #a74782;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #a74782 0%, #6b3977 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9a4576', endColorstr='#6b3977',GradientType=0 );
  /* IE6-9 */
  box-shadow: -1px 2px 15px -5px rgba(0, 0, 0, 0.75); }