/* CSS Document */
@charset "UTF-8";

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

    to {
        opacity: 0;
    }
}

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

    to {
        opacity: 0;
    }
}

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

    to {
        opacity: 1;
    }
}

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

    to {
        opacity: 1;
    }
}

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

    to {
        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);
    }

    to {
        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);
    }

    to {
        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);
    }

    to {
        opacity: 0;
        -webkit-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        transform: translateY(-40px);
    }
}

@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");
}

body, html {
    font-size: .875rem;
}

html {
    font-family: "Helvetica Neue LT","Arial",sans-serif;
    font-weight: 400;
    height: 100%;
}

body {
    font-size: 100%;
}

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

.mm-hidden {
    display: none !important;
}

.mm-wrapper {
    overflow-x: hidden;
    position: relative;
}

.mm-menu, .mm-menu > .mm-panel {
    margin: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
}

.mm-menu {
    background: inherit;
    display: block;
    overflow: hidden;
    padding: 0;
}

.mm-panel {
    transition: transform .4s ease;
    transition: transform .4s ease,-webkit-transform .4s ease;
    -webkit-transform: translate3d(100%,0,0);
    -ms-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0);
}

    .mm-panel.mm-opened {
        -webkit-transform: translate3d(0%,0,0);
        -ms-transform: translate3d(0%,0,0);
        transform: translate3d(0%,0,0);
    }

    .mm-panel.mm-subopened {
        -webkit-transform: translate3d(-30%,0,0);
        -ms-transform: translate3d(-30%,0,0);
        transform: translate3d(-30%,0,0);
    }

    .mm-panel.mm-highest {
        z-index: 1;
    }

.mm-menu > .mm-panel {
    background: inherit;
    -webkit-overflow-scrolling: touch;
    overflow: scroll;
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: border-box;
    padding: 0 20px;
}

    .mm-listview > li.mm-spacer, .mm-menu > .mm-panel.mm-hasnavbar {
        padding-top: 50px;
    }

    .mm-menu > .mm-panel:after, .mm-menu > .mm-panel:before {
        content: '';
        display: block;
        height: 20px;
    }

.mm-vertical .mm-panel {
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
}

.mm-listview .mm-vertical .mm-panel, .mm-vertical .mm-listview .mm-panel {
    display: none;
    padding: 10px 0 10px 10px;
}

    .mm-listview .mm-vertical .mm-panel .mm-listview > li:last-child:after, .mm-vertical .mm-listview .mm-panel .mm-listview > li:last-child:after {
        border-color: transparent;
    }

.mm-vertical li.mm-opened > .mm-panel, html.mm-blocking #mm-blocker, html.mm-opened #mm-blocker, li.mm-vertical.mm-opened > .mm-panel {
    display: block;
}

.mm-listview > li.mm-vertical > .mm-next, .mm-vertical .mm-listview > li > .mm-next {
    height: 50px;
    bottom: auto;
}

    .mm-listview > li.mm-vertical > .mm-next:after, .mm-vertical .mm-listview > li > .mm-next:after {
        top: 21px;
        bottom: auto;
    }

.mm-divider.mm-opened a.mm-next:after, .mm-listview > li.mm-vertical.mm-opened > .mm-next:after, .mm-vertical .mm-listview > li.mm-opened > .mm-next:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.mm-navbar {
    border-bottom: 1px solid transparent;
    text-align: center;
    line-height: 25px;
    height: 50px;
    padding: 0 50px;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

    .mm-navbar > a {
        display: block;
    }

        .mm-listview a, .mm-listview a:hover, .mm-navbar > a, .mm-navbar > a:hover {
            text-decoration: none;
        }

    .mm-navbar .mm-title {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .mm-navbar .mm-btn {
        box-sizing: border-box;
        width: 50px;
        position: absolute;
        top: 0;
        z-index: 1;
    }

        .mm-navbar .mm-btn:first-child {
            padding-left: 20px;
            left: 0;
        }

        .mm-navbar .mm-btn:last-child {
            padding-right: 20px;
            right: 0;
        }

.mm-listview, .mm-listview > li {
    list-style: none;
    display: block;
    padding: 0;
    margin: 0;
}

.mm-listview {
    font: inherit;
    font-size: 16px;
}

    .mm-listview > li {
        position: relative;
        padding-left: 2rem;
    }

        .mm-listview > li > a, .mm-listview > li > span {
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            line-height: 30px;
            margin: 0;
        }

            .mm-listview > li > a.mm-arrow, .mm-listview > li > span.mm-arrow {
                padding-right: 60px;
            }

        .mm-listview > li:not(.mm-divider):after {
            content: '';
            border-bottom-width: 1px;
            border-bottom-style: solid;
            display: block;
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            left: 1rem;
        }

    .mm-listview .mm-next {
        background: 0 0;
        width: 60px;
        padding: 0;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 2;
    }

        .mm-listview .mm-next:before {
            content: '';
            border-left-width: 1px;
            border-left-style: solid;
            display: block;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
        }

        .mm-listview .mm-next + a, .mm-listview .mm-next + span {
            margin-right: 60px;
        }

        .mm-listview .mm-next.mm-fullsubopen, select {
            width: 100%;
        }

            .mm-listview .mm-next.mm-fullsubopen:before {
                border-left: none;
            }

            .mm-listview .mm-next.mm-fullsubopen + a, .mm-listview .mm-next.mm-fullsubopen + span {
                padding-right: 60px;
                margin-right: 0;
            }

.mm-menu > .mm-panel > .mm-listview {
    margin-left: -20px;
    margin-right: -20px;
}

    .mm-menu > .mm-panel > .mm-listview.mm-first {
        margin-top: -20px;
    }

    .mm-menu > .mm-panel > .mm-listview.mm-last {
        padding-bottom: 20px;
    }

.mm-arrow:after, .mm-next:after, .mm-prev:before {
    content: '';
    border: 2px solid transparent;
    display: inline-block;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
}

.mm-prev:before {
    border-right: none;
    border-bottom: none;
    left: 1rem;
}

.mm-arrow:after, .mm-next:after {
    border-top: none;
    border-left: none;
    right: 1rem;
}

.mm-divider {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 10px;
    text-transform: uppercase;
    text-indent: 1rem;
    line-height: 30px;
}

.mm-listview > li.mm-spacer > .mm-next {
    top: 50px;
}

.mm-listview > li.mm-spacer.mm-divider {
    padding-top: 30px;
}

.mm-menu {
    background: #546e7a;
}

    .mm-menu, .mm-menu .mm-navbar > a, .mm-menu em.mm-counter {
        color: #fff;
    }

        .mm-menu .mm-listview > li .mm-arrow:after, .mm-menu .mm-listview > li .mm-next:after, .mm-menu .mm-listview > li .mm-prev:before, .mm-menu .mm-navbar .mm-btn:after, .mm-menu .mm-navbar .mm-btn:before {
            border-color: #fff;
        }

        .mm-menu .mm-listview > li .mm-next:before, .mm-menu .mm-listview > li .mm-prev:after, .mm-menu .mm-listview > li:after, .mm-menu .mm-navbar {
            border-color: rgba(0,0,0,.1);
        }

        .mm-menu .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu .mm-listview > li.mm-selected > span {
            background: #37474f;
        }

        .mm-menu .mm-divider, .mm-menu .mm-fixeddivider span, .mm-menu .mm-listview li.mm-opened.mm-vertical > .mm-panel, .mm-menu .mm-listview li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-vertical .mm-listview li.mm-opened > .mm-panel, .mm-menu.mm-vertical .mm-listview li.mm-opened > a.mm-next {
            background: #b0bec5;
        }

.mm-page {
    box-sizing: border-box;
    position: relative;
}

.mm-slideout {
    transition: transform .4s ease;
    transition: transform .4s ease,-webkit-transform .4s ease;
}

html.mm-opened {
    position: relative;
}

    body.ngdialog-open, html.mm-opened, html.mm-opened body {
        overflow: hidden;
    }

        html.mm-opened .mm-page {
            min-height: 100vh;
        }

html.mm-background .mm-page {
    background: inherit;
}

#mm-blocker {
    background: 0 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999999;
}

#mm-blocker, .mm-menu.mm-offcanvas {
    display: none;
    position: fixed;
}

.mm-menu.mm-current {
    display: block;
}

.mm-menu {
    width: 80%;
    min-width: 140px;
    max-width: 440px;
}

html.mm-opening .mm-slideout {
    -webkit-transform: translate(80%,0);
    -ms-transform: translate(80%,0);
    transform: translate(80%,0);
}

@media all and (max-width:175px) {
    html.mm-opening .mm-slideout {
        -webkit-transform: translate(140px,0);
        -ms-transform: translate(140px,0);
        transform: translate(140px,0);
    }
}

@media all and (min-width:550px) {
    html.mm-opening .mm-slideout {
        -webkit-transform: translate(440px,0);
        -ms-transform: translate(440px,0);
        transform: translate(440px,0);
    }
}

#countries-menu, .mm-menu.mm-bottom.mm-autoheight, .mm-menu.mm-top.mm-autoheight {
    max-height: 80%;
}

    .mm-menu.mm-bottom.mm-autoheight.mm-fullscreen, .mm-menu.mm-top.mm-autoheight.mm-fullscreen {
        max-height: 100%;
    }

.mm-menu.mm-measureheight > .mm-panel {
    bottom: auto !important;
    height: auto !important;
}

em.mm-counter {
    font: inherit;
    font-size: 16px;
    font-style: normal;
    text-indent: 0;
    line-height: 25px;
    display: block;
    margin-top: -12.5px;
    position: absolute;
    right: 55px;
    top: 50%;
}

    em.mm-counter + a.mm-next {
        padding-left: 50px;
    }

        em.mm-counter + a.mm-next + a, em.mm-counter + a.mm-next + label.mm-check + a, em.mm-counter + a.mm-next + label.mm-check + span, em.mm-counter + a.mm-next + label.mm-toggle + a, em.mm-counter + a.mm-next + label.mm-toggle + span, em.mm-counter + a.mm-next + span {
            margin-right: 110px;
        }

    em.mm-counter + a.mm-fullsubopen {
        padding-left: 0;
    }

.mm-vertical > .mm-counter {
    top: 14.5px;
    margin-top: 0;
}

.mm-vertical.mm-spacer > .mm-counter {
    margin-top: 50px;
}

.mm-menu li.mm-nosubresults > a.mm-next, .mm-menu.mm-hasnavbar .mm-panel .mm-navbar, .mm-nosubresults > .mm-counter {
    display: none;
}

.mm-divider > span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding: 0;
    line-height: 30px;
}

.mm-collapsed:not(.mm-uncollapsed) {
    display: none;
}

.mm-fixeddivider {
    background: inherit;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

    .mm-fixeddivider:after {
        content: none !important;
        display: none !important;
    }

.mm-hasdividers .mm-fixeddivider {
    display: block;
}

html.mm-opened.mm-dragging #mm-blocker, html.mm-opened.mm-dragging .mm-fixed-bottom, html.mm-opened.mm-dragging .mm-fixed-top, html.mm-opened.mm-dragging .mm-menu, html.mm-opened.mm-dragging .mm-page {
    transition-duration: 0s;
}

.mm-menu > .mm-navbar {
    padding: 0;
}

    .mm-menu > .mm-navbar.mm-hasbtns {
        padding: 0 50px;
    }

.mm-navbar-bottom {
    border-top: 1px solid transparent;
    top: auto;
    border-bottom: none;
    bottom: 0;
}

.mm-navbar-2 > a, .mm-navbar-3 > a, .mm-navbar-4 > a, .mm-navbar-5 > a, .mm-navbar-6 > a {
    display: block;
    float: left;
}

.mm-navbar-2 > a {
    width: 50%;
}

.mm-navbar-3 > a {
    width: 33.33%;
}

.mm-navbar-4 > a {
    width: 25%;
}

.mm-navbar-5 > a {
    width: 20%;
}

.mm-navbar-6 > a {
    width: 16.66%;
}

.mm-close {
    text-align: right;
}

    .mm-close:after {
        content: 'x';
    }

.mm-menu.mm-hassearch > .mm-navbar-top {
    top: 50px;
}

.mm-menu.mm-hasnavbar-top.mm-hassearch .mm-fixeddivider, .mm-menu.mm-hasnavbar-top.mm-hassearch .mm-panel {
    top: 100px;
}

.mm-menu.mm-hasnavbar-bottom .mm-panel {
    bottom: 50px;
}

*, .mm-search, .mm-search input, :after, :before {
    box-sizing: border-box;
}

.mm-menu > .mm-navbar, .mm-menu > .mm-search {
    background: inherit;
    z-index: 3;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.mm-search {
    height: 50px;
    width: 100%;
    padding: 10px 10px 0;
    position: absolute;
    top: 0;
    left: 0;
}

    .mm-search input {
        border: 0;
        border-radius: 35px;
        font: inherit;
        font-size: 16px;
        line-height: 35px;
        outline: 0;
        display: block;
        width: 100%;
        height: 35px;
        margin: 0;
        padding: 0 10px;
    }

        .mm-search input::-ms-clear, input[type=search]::-ms-clear {
            display: none;
        }

.mm-panel.mm-hassearch {
    padding-top: 50px;
}

    .mm-panel.mm-hassearch.mm-hasnavbar {
        padding-top: 100px;
    }

        .mm-menu.mm-hassearch .mm-fixeddivider, .mm-menu.mm-hassearch .mm-panel, .mm-panel.mm-hassearch.mm-hasnavbar .mm-search {
            top: 50px;
        }

.mm-noresultsmsg {
    text-align: center;
    font-size: 24px;
    display: none;
    padding: 50px 0;
}

.mm-noresults .mm-noresultsmsg {
    display: block;
}

.mm-noresults .mm-indexer {
    display: none !important;
}

.mm-menu li.mm-nosubresults > a.mm-next + a, .mm-menu li.mm-nosubresults > a.mm-next + span {
    padding-right: 10px;
}

.mm-menu .mm-search input {
    background: rgba(0,0,0,.05);
    color: #fff;
}

.mm-menu .mm-indexer a, .mm-menu .mm-noresultsmsg {
    color: #fff;
}

.mm-indexer {
    background: inherit;
    text-align: center;
    font-size: 12px;
    box-sizing: border-box;
    width: 20px;
    position: absolute;
    top: 10px;
    bottom: 10px;
    right: -100px;
    z-index: 3;
    transition: right .4s ease;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

    .mm-indexer a {
        text-decoration: none;
        display: block;
        height: 3.71%;
    }

    .mm-indexer ~ .mm-panel.mm-hasindexer {
        padding-right: 40px;
    }

.mm-hasindexer .mm-indexer {
    right: 0;
}

.mm-hasindexer .mm-fixeddivider {
    right: 20px;
}

.mm-hasnavbar-top .mm-indexer {
    top: 60px;
}

.mm-hasnavbar-bottom .mm-indexer {
    bottom: 60px;
}

.mm-hassearch .mm-indexer {
    top: 60px;
}

.mm-hassearch.mm-hasnavbar-top .mm-indexer {
    top: 110px;
}

input.mm-check, input.mm-toggle {
    position: absolute;
    left: -10000px;
}

label.mm-check, label.mm-toggle {
    margin: 0;
    position: absolute;
    bottom: 50%;
    z-index: 2;
}

    label.mm-check:before, label.mm-toggle:before {
        content: '';
        display: block;
    }

label.mm-toggle {
    border-radius: 40px;
    width: 70px;
    height: 40px;
    margin-bottom: -20px;
}

    label.mm-toggle:before {
        border-radius: 40px;
        width: 38px;
        height: 38px;
        margin: 1px;
    }

input.mm-toggle:checked ~ label.mm-toggle:before {
    float: right;
}

label.mm-check {
    width: 40px;
    height: 40px;
    margin-bottom: -20px;
}

    label.mm-check:before {
        border-left: 3px solid;
        border-bottom: 3px solid;
        width: 40%;
        height: 20%;
        margin: 25% 0 0 20%;
        opacity: .1;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

input.mm-check:checked ~ label.mm-check:before {
    opacity: 1;
}

label.mm-check, label.mm-toggle {
    right: 20px;
}

    label.mm-toggle + a, label.mm-toggle + span {
        padding-right: 100px;
    }

    label.mm-check + a, label.mm-check + span {
        padding-right: 70px;
    }

a.mm-next + label.mm-check, a.mm-next + label.mm-toggle {
    right: 70px;
}

    a.mm-next + label.mm-check + a, a.mm-next + label.mm-check + span, a.mm-next + label.mm-toggle + a, a.mm-next + label.mm-toggle + span {
        margin-right: 60px;
    }

    a.mm-next + label.mm-toggle + a, a.mm-next + label.mm-toggle + span {
        padding-right: 90px;
    }

    a.mm-next + label.mm-check + a, a.mm-next + label.mm-check + span {
        padding-right: 60px;
    }

em.mm-counter + a.mm-next + label.mm-check, em.mm-counter + a.mm-next + label.mm-toggle {
    right: 120px;
}

.mm-menu label.mm-toggle {
    background: rgba(0,0,0,.1);
}

    .mm-menu label.mm-toggle:before {
        background: #546e7a;
    }

.mm-menu input.mm-toggle:checked ~ label.mm-toggle, .mm-menu.mm-theme-black input.mm-toggle:checked ~ label.mm-toggle, .mm-menu.mm-theme-dark input.mm-toggle:checked ~ label.mm-toggle, .mm-menu.mm-theme-white input.mm-toggle:checked ~ label.mm-toggle {
    background: #4bd963;
}

.mm-menu label.mm-check:before {
    border-color: #fff;
}

.mm-listview.mm-border-none > li:after, .mm-menu.mm-border-none .mm-listview > li:after {
    content: none;
}

.mm-listview.mm-border-full > li:after, .mm-menu.mm-border-full .mm-listview > li:after {
    left: 0 !important;
}

html.mm-effect-slide-menu .mm-menu.mm-offcanvas, html.mm-effect-zoom-menu .mm-menu.mm-offcanvas {
    transition: transform .4s ease;
    transition: transform .4s ease,-webkit-transform .4s ease;
}

.mm-menu.mm-effect-zoom-panels .mm-panel, html.mm-effect-zoom-menu.mm-opened .mm-menu.mm-offcanvas {
    -webkit-transform: scale(.7,.7) translate3d(-30%,0,0);
    -ms-transform: scale(.7,.7) translate3d(-30%,0,0);
    transform: scale(.7,.7) translate3d(-30%,0,0);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
}

html.mm-effect-zoom-menu.mm-right.mm-opened .mm-menu.mm-offcanvas {
    -webkit-transform: scale(.7,.7) translate3d(30%,0,0);
    -ms-transform: scale(.7,.7) translate3d(30%,0,0);
    transform: scale(.7,.7) translate3d(30%,0,0);
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
}

.mm-menu.mm-effect-zoom-panels .mm-panel.mm-opened, html.mm-effect-zoom-menu.mm-opening .mm-menu.mm-offcanvas, html.mm-effect-zoom-menu.mm-right.mm-opening .mm-menu.mm-offcanvas {
    -webkit-transform: scale(1,1) translate3d(0%,0,0);
    -ms-transform: scale(1,1) translate3d(0%,0,0);
    transform: scale(1,1) translate3d(0%,0,0);
}

html.mm-effect-slide-menu.mm-opened .mm-menu.mm-offcanvas {
    -webkit-transform: translate3d(-30%,0,0);
    -ms-transform: translate3d(-30%,0,0);
    transform: translate3d(-30%,0,0);
}

html.mm-effect-slide-menu.mm-right.mm-opened .mm-menu.mm-offcanvas {
    -webkit-transform: translate3d(30%,0,0);
    -ms-transform: translate3d(30%,0,0);
    transform: translate3d(30%,0,0);
}

html.mm-effect-slide-menu.mm-opening .mm-menu.mm-offcanvas, html.mm-effect-slide-menu.mm-right.mm-opening .mm-menu.mm-offcanvas {
    -webkit-transform: translate3d(0%,0,0);
    -ms-transform: translate3d(0%,0,0);
    transform: translate3d(0%,0,0);
}

.mm-menu.mm-effect-zoom-panels .mm-panel {
    -webkit-transform: scale(1.5,1.5) translate3d(100%,0,0);
    -ms-transform: scale(1.5,1.5) translate3d(100%,0,0);
    transform: scale(1.5,1.5) translate3d(100%,0,0);
    transition-property: transform,left;
    transition-property: transform,left,-webkit-transform;
}

    .mm-menu.mm-effect-zoom-panels .mm-panel.mm-opened.mm-subopened {
        -webkit-transform: scale(.7,.7) translate3d(-30%,0,0);
        -ms-transform: scale(.7,.7) translate3d(-30%,0,0);
        transform: scale(.7,.7) translate3d(-30%,0,0);
    }

.mm-menu.mm-effect-slide-panels-0 .mm-panel.mm-subopened {
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.mm-menu.mm-effect-slide-panels-100 .mm-panel.mm-subopened {
    -webkit-transform: translate3d(-100%,0,0);
    -ms-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0);
}

.mm-menu.mm-fullscreen {
    width: 100%;
    min-width: 140px;
    max-width: 10000px;
}

html.mm-opening.mm-fullscreen .mm-slideout {
    -webkit-transform: translate(100%,0);
    -ms-transform: translate(100%,0);
    transform: translate(100%,0);
}

@media all and (max-width:140px) {
    html.mm-opening.mm-fullscreen .mm-slideout {
        -webkit-transform: translate(140px,0);
        -ms-transform: translate(140px,0);
        transform: translate(140px,0);
    }
}

@media all and (min-width:10000px) {
    html.mm-opening.mm-fullscreen .mm-slideout {
        -webkit-transform: translate(10000px,0);
        -ms-transform: translate(10000px,0);
        transform: translate(10000px,0);
    }
}

html.mm-right.mm-opening.mm-fullscreen .mm-slideout {
    -webkit-transform: translate(-100%,0);
    -ms-transform: translate(-100%,0);
    transform: translate(-100%,0);
}

@media all and (max-width:140px) {
    html.mm-right.mm-opening.mm-fullscreen .mm-slideout {
        -webkit-transform: translate(-140px,0);
        -ms-transform: translate(-140px,0);
        transform: translate(-140px,0);
    }
}

@media all and (min-width:10000px) {
    html.mm-right.mm-opening.mm-fullscreen .mm-slideout {
        -webkit-transform: translate(-10000px,0);
        -ms-transform: translate(-10000px,0);
        transform: translate(-10000px,0);
    }
}

.mm-menu.mm-fullscreen.mm-bottom, .mm-menu.mm-fullscreen.mm-top {
    height: 100%;
    min-height: 140px;
    max-height: 10000px;
}

html.mm-opened.mm-fullscreen .mm-page {
    box-shadow: none !important;
}

.mm-listview.mm-multiline > li .mm-listview > li.mm-multiline > a, .mm-listview.mm-multiline > li .mm-listview > li.mm-multiline > span, .mm-menu.mm-multiline .mm-listview > li > a, .mm-menu.mm-multiline .mm-listview > li > span {
    text-overflow: clip;
    white-space: normal;
}

.mm-menu.mm-pageshadow:after {
    content: "";
    display: block;
    width: 20px;
    height: 120%;
    position: absolute;
    left: 100%;
    top: -10%;
    z-index: 99;
    box-shadow: 0 0 10px rgba(0,0,0,.3);
}

.mm-menu.mm-pageshadow.mm-right:after {
    left: auto;
    right: 100%;
}

.mm-menu.mm-pageshadow.mm-front:after, .mm-menu.mm-pageshadow.mm-next:after {
    content: none;
    display: none;
}

.mm-menu.mm-bottom, .mm-menu.mm-top {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
}

.mm-menu.mm-right {
    left: auto;
    right: 0;
}

.mm-menu.mm-bottom {
    top: auto;
    bottom: 0;
}

html.mm-right.mm-opening .mm-slideout {
    -webkit-transform: translate(-80%,0);
    -ms-transform: translate(-80%,0);
    transform: translate(-80%,0);
}

@media all and (max-width:175px) {
    html.mm-right.mm-opening .mm-slideout {
        -webkit-transform: translate(-140px,0);
        -ms-transform: translate(-140px,0);
        transform: translate(-140px,0);
    }
}

@media all and (min-width:550px) {
    html.mm-right.mm-opening .mm-slideout {
        -webkit-transform: translate(-440px,0);
        -ms-transform: translate(-440px,0);
        transform: translate(-440px,0);
    }
}

html.mm-front .mm-slideout {
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
    z-index: 0 !important;
}

.mm-menu.mm-front {
    z-index: 1;
}

.mm-menu.mm-front, .mm-menu.mm-next {
    transition: transform .4s ease;
    transition: transform .4s ease,-webkit-transform .4s ease;
    -webkit-transform: translate3d(-100%,0,0);
    -ms-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0);
}

    .mm-menu.mm-front.mm-right, .mm-menu.mm-next.mm-right {
        -webkit-transform: translate3d(100%,0,0);
        -ms-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
    }

.mm-menu.mm-top {
    -webkit-transform: translate3d(0,-100%,0);
    -ms-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0);
}

.mm-menu.mm-bottom {
    -webkit-transform: translate3d(0,100%,0);
    -ms-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
}

html.mm-opening .mm-menu.mm-front, html.mm-opening .mm-menu.mm-next {
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.mm-menu.mm-bottom, .mm-menu.mm-top {
    height: 80%;
    min-height: 140px;
    max-height: 880px;
}

.mm-menu.mm-theme-dark {
    background: #333;
    color: rgba(255,255,255,.8);
}

    .mm-menu.mm-theme-dark .mm-navbar > a, .mm-menu.mm-theme-dark em.mm-counter {
        color: rgba(255,255,255,.4);
    }

    .mm-menu.mm-theme-dark .mm-listview > li .mm-arrow:after, .mm-menu.mm-theme-dark .mm-listview > li .mm-next:after, .mm-menu.mm-theme-dark .mm-listview > li .mm-prev:before, .mm-menu.mm-theme-dark .mm-navbar .mm-btn:after, .mm-menu.mm-theme-dark .mm-navbar .mm-btn:before {
        border-color: rgba(255,255,255,.4);
    }

    .mm-menu.mm-theme-dark .mm-listview > li .mm-next:before, .mm-menu.mm-theme-dark .mm-listview > li .mm-prev:after, .mm-menu.mm-theme-dark .mm-listview > li:after, .mm-menu.mm-theme-dark .mm-navbar {
        border-color: rgba(0,0,0,.15);
    }

    .mm-menu.mm-theme-dark .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu.mm-theme-dark .mm-listview > li.mm-selected > span {
        background: rgba(0,0,0,.1);
    }

    .mm-menu.mm-theme-dark .mm-divider, .mm-menu.mm-theme-dark .mm-fixeddivider span, .mm-menu.mm-theme-dark .mm-listview li.mm-opened.mm-vertical > .mm-panel, .mm-menu.mm-theme-dark .mm-listview li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-theme-dark.mm-vertical .mm-listview li.mm-opened > .mm-panel, .mm-menu.mm-theme-dark.mm-vertical .mm-listview li.mm-opened > a.mm-next {
        background: rgba(255,255,255,.05);
    }

    .mm-menu.mm-theme-dark label.mm-check:before {
        border-color: rgba(255,255,255,.8);
    }

.mm-menu.mm-pageshadow.mm-theme-dark:after {
    box-shadow: 0 0 20px rgba(0,0,0,.5);
}

.mm-menu.mm-theme-dark .mm-search input {
    background: rgba(255,255,255,.3);
    color: rgba(255,255,255,.8);
}

.mm-menu.mm-theme-dark .mm-indexer a, .mm-menu.mm-theme-dark .mm-noresultsmsg {
    color: rgba(255,255,255,.4);
}

.mm-menu.mm-theme-dark label.mm-toggle {
    background: rgba(0,0,0,.15);
}

    .mm-menu.mm-theme-dark label.mm-toggle:before {
        background: #333;
    }

.mm-menu.mm-theme-white {
    background: #fff;
    color: rgba(0,0,0,.6);
}

    .mm-menu.mm-theme-white .mm-navbar > a, .mm-menu.mm-theme-white em.mm-counter {
        color: rgba(0,0,0,.3);
    }

    .mm-menu.mm-theme-white .mm-listview > li .mm-arrow:after, .mm-menu.mm-theme-white .mm-listview > li .mm-next:after, .mm-menu.mm-theme-white .mm-listview > li .mm-prev:before, .mm-menu.mm-theme-white .mm-navbar .mm-btn:after, .mm-menu.mm-theme-white .mm-navbar .mm-btn:before {
        border-color: rgba(0,0,0,.3);
    }

    .mm-menu.mm-theme-white .mm-listview > li .mm-next:before, .mm-menu.mm-theme-white .mm-listview > li .mm-prev:after, .mm-menu.mm-theme-white .mm-listview > li:after, .mm-menu.mm-theme-white .mm-navbar {
        border-color: rgba(0,0,0,.1);
    }

    .mm-menu.mm-theme-white .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu.mm-theme-white .mm-listview > li.mm-selected > span {
        background: rgba(0,0,0,.05);
    }

    .mm-menu.mm-theme-white .mm-divider, .mm-menu.mm-theme-white .mm-fixeddivider span, .mm-menu.mm-theme-white .mm-listview li.mm-opened.mm-vertical > .mm-panel, .mm-menu.mm-theme-white .mm-listview li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-theme-white.mm-vertical .mm-listview li.mm-opened > .mm-panel, .mm-menu.mm-theme-white.mm-vertical .mm-listview li.mm-opened > a.mm-next {
        background: rgba(0,0,0,.03);
    }

    .mm-menu.mm-theme-white label.mm-check:before {
        border-color: rgba(0,0,0,.6);
    }

.mm-menu.mm-pageshadow.mm-theme-white:after {
    box-shadow: 0 0 10px rgba(0,0,0,.2);
}

.mm-menu.mm-theme-white .mm-search input {
    background: rgba(0,0,0,.05);
    color: rgba(0,0,0,.6);
}

.mm-menu.mm-theme-white .mm-indexer a, .mm-menu.mm-theme-white .mm-noresultsmsg {
    color: rgba(0,0,0,.3);
}

.mm-menu.mm-theme-white label.mm-toggle {
    background: rgba(0,0,0,.1);
}

    .mm-menu.mm-theme-white label.mm-toggle:before {
        background: #fff;
    }

.mm-menu.mm-theme-black {
    background: #000;
    color: rgba(255,255,255,.6);
}

    .mm-menu.mm-theme-black .mm-navbar > a, .mm-menu.mm-theme-black em.mm-counter {
        color: rgba(255,255,255,.4);
    }

    .mm-menu.mm-theme-black .mm-listview > li .mm-arrow:after, .mm-menu.mm-theme-black .mm-listview > li .mm-next:after, .mm-menu.mm-theme-black .mm-listview > li .mm-prev:before, .mm-menu.mm-theme-black .mm-navbar .mm-btn:after, .mm-menu.mm-theme-black .mm-navbar .mm-btn:before {
        border-color: rgba(255,255,255,.4);
    }

    .mm-menu.mm-theme-black .mm-listview > li .mm-next:before, .mm-menu.mm-theme-black .mm-listview > li .mm-prev:after, .mm-menu.mm-theme-black .mm-listview > li:after, .mm-menu.mm-theme-black .mm-navbar {
        border-color: rgba(255,255,255,.2);
    }

    .mm-menu.mm-theme-black .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu.mm-theme-black .mm-listview > li.mm-selected > span {
        background: rgba(255,255,255,.3);
    }

    .mm-menu.mm-theme-black .mm-divider, .mm-menu.mm-theme-black .mm-fixeddivider span, .mm-menu.mm-theme-black .mm-listview li.mm-opened.mm-vertical > .mm-panel, .mm-menu.mm-theme-black .mm-listview li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-theme-black label.mm-toggle, .mm-menu.mm-theme-black.mm-vertical .mm-listview li.mm-opened > .mm-panel, .mm-menu.mm-theme-black.mm-vertical .mm-listview li.mm-opened > a.mm-next {
        background: rgba(255,255,255,.2);
    }

    .mm-menu.mm-theme-black label.mm-check:before {
        border-color: rgba(255,255,255,.6);
    }

.mm-menu.mm-pageshadow.mm-theme-black:after {
    content: none;
    display: none;
}

.mm-menu.mm-theme-black .mm-search input {
    background: rgba(255,255,255,.3);
    color: rgba(255,255,255,.6);
}

.mm-menu.mm-theme-black .mm-indexer a, .mm-menu.mm-theme-black .mm-noresultsmsg {
    color: rgba(255,255,255,.4);
}

.mm-menu.mm-theme-black label.mm-toggle:before {
    background: #000;
}

.mm-arrow:after, .mm-next:after {
    left: 1.5rem;
    right: auto;
}

.mm-arrow:after, .mm-next:after, .mm-prev:before {
    width: 15px;
    height: 15px;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
}

.mm-listview > li > a, .mm-listview > li > span {
    padding: 1rem 1.5rem;
    display: block;
    outline: 0;
    box-shadow: inset 0 -1px rgba(0,0,0,.2);
    color: #f3efe0;
    text-shadow: 0 0 1px rgba(255,255,255,.1);
    letter-spacing: 1px;
    transition: background .3s,box-shadow .3s;
    font-family: "Noto Kufi Arabic","Helvetica Neue LT","Arial",sans-serif;
    font-size: 1.0625rem;
    font-weight: 400;
}

    .mm-listview > li > a:hover, .mm-listview > li > span:hover {
        background: rgba(0,0,0,.2);
        box-shadow: inset 0 -1px transparent;
        color: #fff;
    }

.mm-menu.mm-hasnavbar-top .mm-fixeddivider, .mm-menu.mm-hasnavbar-top .mm-panel {
    top: 70px;
}

.mm-navbar .mm-btn {
    height: 57px;
}

.mm-navbar > a {
    padding: 17px 0;
}

.mm-menu .mm-divider {
    background: #37474f;
    padding: .5rem 0;
    font-size: 16px;
}

.mm-listview .mm-next.mm-fullsubopen + a, .mm-listview .mm-next.mm-fullsubopen + span {
    padding-right: 1.5rem;
}

.nav-column h3 {
    color: #afe1e8;
}

.dl-menu .nav-column li a {
    color: #f4f4f4;
}

    .dl-menu .nav-column li a:hover {
        text-decoration: none;
        color: #fff;
    }

.search__trigger {
    position: relative;
    display: block;
    width: 44px;
    height: 44px;
    overflow: hidden;
    white-space: nowrap;
    color: transparent;
    z-index: 3;
}

    .search__trigger span::after, .search__trigger span::before, .search__trigger::after, .search__trigger::before {
        content: '';
        position: absolute;
        transition: opacity .3s;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    .search__trigger::before {
        top: 11px;
        left: 11px;
        width: 18px;
        height: 18px;
        border-radius: 50%;
        border: 3px solid #fff;
    }

        .search__trigger span::after:hover, .search__trigger span::before:hover, .search__trigger::after:hover, .search__trigger::before:hover {
            background: #f3f3f3;
        }

    .search__trigger::after {
        height: 3px;
        width: 8px;
        background: #fff;
        bottom: 14px;
        right: 11px;
    }

    .search__trigger span {
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
    }

        .search__trigger span::after, .search__trigger span::before {
            display: inline-block;
            height: 3px;
            width: 22px;
            top: 50%;
            margin-top: -2px;
            left: 50%;
            margin-left: -11px;
            background: #fff;
            opacity: 0;
            transition: opacity .3s,transform .3s;
            transition: opacity .3s,transform .3s,-webkit-transform .3s;
        }

        .search__trigger span::before, .search__trigger::after {
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
        }

        .search__trigger span::after {
            -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }

    .search__trigger.search-is-visible::after, .search__trigger.search-is-visible::before {
        opacity: 0;
    }

    .search__trigger.search-is-visible span::after, .search__trigger.search-is-visible span::before {
        opacity: 1;
    }

    .search__trigger.search-is-visible span::before {
        -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        transform: rotate(135deg);
    }

    .search__trigger.search-is-visible span::after {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration {
    display: none;
}

.search {
    z-index: 1500;
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s 0s,visibility 0s .3s;
    height: 120px;
    width: 100%;
    position: absolute;
    top: 54px;
}

@media (min-width:0) and (max-width:1000px) {
    .search {
        top: 60px;
        margin-right: -16px;
    }
}

@media (min-width:1000px) {
    .search {
        top: 0;
        height: 56px;
        padding: .25rem 2rem;
        background: #fff;
    }

        .search i {
            position: absolute;
            top: 1rem;
            left: 3rem;
        }
}

.search input {
    border-radius: 0;
    border: 0;
    background: #546e7a;
    color: #212121;
    height: 80px;
    width: 100%;
    padding: 0 1rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    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) {
    .search input {
        height: 45px;
        background: #fff;
        border-bottom: 1px solid #546e7a;
    }
}

.search input::-webkit-input-placeholder {
    color: #8a8a8a;
}

.search input:-moz-placeholder, .search input::-moz-placeholder {
    color: #8a8a8a;
}

.search input:-ms-input-placeholder {
    color: #8a8a8a;
}

.search input:focus {
    outline: 0;
}

.search.is-visible {
    opacity: 1;
    visibility: visible;
    transition: opacity .3s 0s,visibility 0s 0s;
}

.angucomplete-holder {
    position: relative;
}

.angucomplete-dropdown {
    border-color: #546e7a;
    border-width: 1px;
    border-style: solid;
    width: 100%;
    cursor: pointer;
    z-index: 98784654;
    position: absolute;
    margin-top: -.5rem;
    background-color: #fff;
}

@media (min-width:1000px) {
    .angucomplete-dropdown {
        margin-top: 0;
        border-top: none;
    }
}

.angucomplete-searching {
    padding: 1rem;
    color: #757575;
}

.angucomplete-row {
    padding: 1rem;
    color: #212121;
    font-family: "Noto Kufi Arabic","Helvetica Neue LT","Arial",sans-serif;
    font-size: .9375rem;
    font-weight: 400;
}

.angucomplete-selected-row {
    background-color: #00c2d6;
    color: #fff;
}

@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");
}

.color-primary-200, .mi-table thead th a.has-icon:hover {
    color: #afebf1;
}

.color-primary-600 {
    color: #00c2d6;
}

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

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

.color-primary-600 {
    background-color: #00c2d6;
}

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

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

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

.color-accent-600 {
    color: #546e7a;
}

.color-accent-800, a:hover {
    color: #37474f;
}

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

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

.background-color-accent-600 {
    background-color: #546e7a;
}

.background-color-accent-800 {
    background-color: #37474f;
}

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

.color-warn-success {
    color: #0b9;
}

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

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

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

.background-color-warn-success {
    background-color: #0b9;
}

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

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

.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;
}

.divider {
    background: rgba(0,0,0,.12);
}

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

.typography__default-plus-6--colorContrast {
    opacity: .54;
}

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

.typography__default-plus-5--colorContrast {
    opacity: .54;
}

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

.typography__default-plus-4--colorContrast {
    opacity: .54;
}

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

.typography__default-plus-3--colorContrast {
    opacity: .54;
}

.typography__default-plus-2, .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;
}

.typography__default-plus-2--colorContrast {
    opacity: .87;
}

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

.typography__default-plus-1--colorContrast {
    opacity: .87;
}

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

.typography__default--colorContrast {
    opacity: .87;
}

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

.typography__default-minus-1--colorContrast {
    opacity: .87;
}

.typography__default-minus-2, .typography__default-minus-2--colorContrast {
    font-family: "Noto Kufi Arabic","Helvetica Neue LT","Arial",sans-serif;
    font-size: .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;
}

body, img {
    height: auto;
}

body {
    color: #454245;
    cursor: auto;
    font-style: normal;
    font-weight: 400;
    margin: 0;
    padding: 0;
    direction: rtl;
    font-family: "Noto Kufi Arabic","Helvetica Neue LT","Arial",sans-serif;
    background: #f3f3f3;
    position: relative;
    line-height: 1.6;
}

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

img {
    max-width: 100%;
    -ms-interpolation-mode: bicubic;
    display: inline-block;
    vertical-align: middle;
}

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

.left {
    float: left !important;
}

.right {
    float: right !important;
}

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

.clearfix:after {
    clear: both;
}

.clearing-assembled .clearing-container .carousel > ul, .hide {
    display: none;
}

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

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

.alert-box {
    border-style: solid;
    border-width: 1px;
    display: block;
    font-size: .8125rem;
    font-weight: 400;
    margin-bottom: 1.25rem;
    padding: .875rem 1.5rem .875rem .875rem;
    position: relative;
    transition: opacity 300ms ease-out;
    background-color: #00c2d6;
    border-color: #00a7b8;
    color: #fff;
}

    .alert-box .close {
        left: .25rem;
        background: inherit;
        color: #333;
        font-size: 1.375rem;
        line-height: .9;
        margin-top: -.6875rem;
        opacity: .3;
        padding: 0 6px 4px;
        position: absolute;
        top: 50%;
    }

        .alert-box .close:focus, .alert-box .close:hover {
            opacity: .5;
        }

    .alert-box.radius {
        border-radius: 3px;
    }

    .alert-box.round {
        border-radius: 1000px;
    }

    .alert-box.success {
        background-color: #458d37;
        border-color: #3b792f;
        color: #fff;
    }

    .alert-box.alert {
        background-color: #dc0a0a;
        border-color: #bd0909;
        color: #fff;
    }

    .alert-box.secondary {
        background-color: #e7e7e7;
        border-color: #c7c7c7;
        color: #4f4f4f;
    }

    .alert-box.warning {
        background-color: #f08a24;
        border-color: #de770f;
        color: #fff;
    }

    .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: 400;
    line-height: normal;
    margin: 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    padding: 1rem 2rem 1.0625rem;
    font-size: 1rem;
    background-color: #00c2d6;
    border-color: #009bab;
    color: #fff;
    transition: background-color 300ms ease-out;
}

    .button:focus, .button:hover, button:focus, button:hover {
        background-color: #009bab;
        color: #fff;
    }

    .button.secondary, button.secondary {
        background-color: #e7e7e7;
        border-color: #b9b9b9;
        color: #333;
    }

        .button.secondary:focus, .button.secondary:hover, button.secondary:focus, button.secondary:hover {
            background-color: #b9b9b9;
            color: #333;
        }

    .button.success, button.success {
        background-color: #458d37;
        border-color: #37712c;
        color: #fff;
    }

        .button.success:focus, .button.success:hover, button.success:focus, button.success:hover {
            background-color: #37712c;
            color: #fff;
        }

    .button.alert, button.alert {
        background-color: #dc0a0a;
        border-color: #b00808;
        color: #fff;
    }

        .button.alert:focus, .button.alert:hover, button.alert:focus, button.alert:hover {
            background-color: #b00808;
            color: #fff;
        }

    .button.warning, button.warning {
        background-color: #f08a24;
        border-color: #cf6e0e;
        color: #fff;
    }

        .button.warning:focus, .button.warning:hover, button.warning:focus, button.warning:hover {
            background-color: #cf6e0e;
            color: #fff;
        }

    .button.info, button.info {
        background-color: #a0d3e8;
        border-color: #61b6d9;
        color: #333;
    }

        .button.info:focus, .button.info:hover, button.info:focus, button.info:hover {
            background-color: #61b6d9;
            color: #fff;
        }

    .button.large, button.large {
        padding: 1.125rem 2.25rem 1.1875rem;
        font-size: 1.25rem;
    }

    .button.small, button.small {
        padding: .875rem 1.75rem .9375rem;
        font-size: .8125rem;
    }

    .button.tiny, button.tiny {
        padding: .3125rem .625rem .375rem;
        font-size: .6875rem;
    }

    .button.expand, button.expand {
        font-size: 1rem;
        padding: 1rem 1rem 1.0625rem;
        width: 100%;
    }

    .button.left-align, button.left-align {
        text-align: left;
        text-indent: .75rem;
    }

    .button.right-align, button.right-align {
        text-align: right;
        padding-right: .75rem;
    }

    .button.radius, button.radius, select.radius {
        border-radius: 3px;
    }

    .button.round, button.round {
        border-radius: 1000px;
    }

    .button.disabled, .button[disabled], button.disabled, button[disabled] {
        background-color: #00c2d6;
        border-color: #009bab;
        color: #fff;
        box-shadow: none;
        cursor: default;
        opacity: .7;
    }

        .button.disabled:focus, .button.disabled:hover, .button[disabled]:focus, .button[disabled]:hover, button.disabled:focus, button.disabled:hover, button[disabled]:focus, button[disabled]:hover {
            color: #fff;
            background-color: #00c2d6;
        }

        .button.disabled.secondary, .button[disabled].secondary, button.disabled.secondary, button[disabled].secondary {
            background-color: #e7e7e7;
            border-color: #b9b9b9;
            color: #333;
            box-shadow: none;
            cursor: default;
            opacity: .7;
        }

            .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, button[disabled].secondary:hover {
                color: #333;
                background-color: #e7e7e7;
            }

        .button.disabled.success, .button[disabled].success, button.disabled.success, button[disabled].success {
            background-color: #458d37;
            border-color: #37712c;
            color: #fff;
            box-shadow: none;
            cursor: default;
            opacity: .7;
        }

            .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, button[disabled].success:hover {
                color: #fff;
                background-color: #458d37;
            }

        .button.disabled.alert, .button[disabled].alert, button.disabled.alert, button[disabled].alert {
            background-color: #dc0a0a;
            border-color: #b00808;
            color: #fff;
            box-shadow: none;
            cursor: default;
            opacity: .7;
        }

            .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, button[disabled].alert:hover {
                color: #fff;
                background-color: #dc0a0a;
            }

        .button.disabled.warning, .button[disabled].warning, button.disabled.warning, button[disabled].warning {
            background-color: #f08a24;
            border-color: #cf6e0e;
            color: #fff;
            box-shadow: none;
            cursor: default;
            opacity: .7;
        }

            .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, button[disabled].warning:hover {
                color: #fff;
                background-color: #f08a24;
            }

        .button.disabled.info, .button[disabled].info, button.disabled.info, button[disabled].info {
            background-color: #a0d3e8;
            border-color: #61b6d9;
            color: #333;
            box-shadow: none;
            cursor: default;
            opacity: .7;
        }

            .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, button[disabled].info:hover {
                color: #fff;
                background-color: #a0d3e8;
            }

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

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

.clearing-thumbs, [data-clearing] {
    list-style: none;
    margin-right: 0;
    margin-bottom: 0;
}

    .clearing-thumbs:after, .clearing-thumbs:before, [data-clearing]:after, [data-clearing]:before, body:after, body:before {
        content: " ";
        display: table;
    }

    .clearing-thumbs:after, [data-clearing]:after, body: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: #333;
    height: 100%;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 998;
    right: 0;
}

    .clearing-blackout .clearing-close, .clearing-feature li.clearing-featured-img {
        display: block;
    }

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

.clearing-touch-label {
    color: #aaa;
    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: #333;
    bottom: 0;
    color: #ccc;
    font-size: .875em;
    line-height: 1.3;
    margin-bottom: 0;
    padding: 10px 30px 20px;
    position: absolute;
    text-align: center;
    width: 100%;
    right: 0;
}

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

    .clearing-close:focus, .clearing-close:hover {
        color: #ccc;
    }

.clearing-assembled .clearing-container {
    height: 100%;
}

.clearing-feature li {
    display: none;
}

@media only screen and (min-width:641px) {
    .clearing-main-next, .clearing-main-prev {
        height: 100%;
        position: absolute;
        top: 0;
        width: 40px;
    }

        .clearing-main-next > span, .clearing-main-prev > span {
            border: solid 12px;
            display: block;
            height: 0;
            position: absolute;
            top: 50%;
            width: 0;
        }

            .clearing-main-next > span:hover, .clearing-main-prev > span:hover {
                opacity: .8;
            }

    .clearing-main-prev {
        right: 0;
    }

        .clearing-main-prev > span {
            right: 5px;
            border-color: transparent transparent transparent #ccc;
        }

    .clearing-main-next {
        left: 0;
    }

        .clearing-main-next > span {
            border-color: transparent #ccc transparent transparent;
        }

        .clearing-main-next.disabled, .clearing-main-prev.disabled {
            opacity: .3;
        }

    .clearing-assembled .clearing-container .carousel {
        background: rgba(51,51,51,.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: 0;
                    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: #333;
        height: 85%;
        overflow: hidden;
    }

    .clearing-close {
        padding-right: 0;
        padding-top: 0;
        position: absolute;
        top: 10px;
        left: 20px;
    }
}

form {
    margin: 0 0 1rem;
}

    form .row .row {
        margin: 0 -.5rem;
    }

        form .row .row .column, form .row .row .columns {
            padding: 0 .5rem;
        }

        .mi-account-section form, 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: .5rem;
    }

.postfix, .prefix, label {
    display: block;
    font-size: .875rem;
}

label {
    color: #4d4d4d;
    cursor: pointer;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 0;
    margin-top: 1rem;
}

    label.right {
        float: none !important;
        text-align: right;
    }

    label.inline {
        margin: 0 0 1rem;
        padding: .5625rem 0;
    }

    label small {
        text-transform: capitalize;
        color: #676767;
    }

.postfix, .prefix {
    border-style: solid;
    border-width: 1px;
    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;
}

    .postfix.button, .prefix.button {
        border: 0;
        padding: 0;
        text-align: center;
    }

        .prefix.button.radius, 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;
        }

        .postfix.button.radius, form .row .postfix-radius.row.collapse .postfix, form .row .prefix-radius.row.collapse button, form .row .prefix-radius.row.collapse input, form .row .prefix-radius.row.collapse select, form .row .prefix-radius.row.collapse textarea {
            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, 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;
        }

        .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;
        }

label.prefix, span.prefix {
    background: #f2f2f2;
    border-left: none;
    color: #333;
    border-color: #ccc;
}

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

input:not([type]), input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0;
    background-color: #fff;
    border-style: solid;
    border-width: 1px;
    border-color: #ccc;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    color: rgba(0,0,0,.75);
    display: block;
    font-family: inherit;
    font-size: .875rem;
    height: 2.3125rem;
    margin: 0 0 1rem;
    padding: .5rem;
    width: 100%;
    box-sizing: border-box;
    transition: border-color .15s linear,background .15s linear;
}

    input:not([type]):focus, input[type=color]:focus, input[type=date]:focus, input[type=datetime-local]:focus, input[type=datetime]:focus, input[type=email]:focus, input[type=month]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=time]:focus, input[type=url]:focus, input[type=week]:focus, textarea:focus {
        background: #fafafa;
        border-color: #999;
        outline: 0;
    }

    input:not([type]):disabled, input[type=color]:disabled, input[type=date]:disabled, input[type=datetime-local]:disabled, input[type=datetime]:disabled, input[type=email]:disabled, input[type=month]:disabled, input[type=number]:disabled, input[type=password]:disabled, input[type=search]:disabled, input[type=tel]:disabled, input[type=text]:disabled, input[type=time]:disabled, input[type=url]:disabled, input[type=week]:disabled, textarea:disabled {
        background-color: #ddd;
        cursor: default;
    }

    fieldset[disabled] input:not([type]), fieldset[disabled] input[type=color], fieldset[disabled] input[type=date], fieldset[disabled] input[type=datetime-local], fieldset[disabled] input[type=datetime], fieldset[disabled] input[type=email], fieldset[disabled] input[type=month], fieldset[disabled] input[type=number], fieldset[disabled] input[type=password], fieldset[disabled] input[type=search], fieldset[disabled] input[type=tel], fieldset[disabled] input[type=text], fieldset[disabled] input[type=time], fieldset[disabled] input[type=url], fieldset[disabled] input[type=week], fieldset[disabled] textarea, input:not([type])[disabled], input:not([type])[readonly], input[type=color][disabled], input[type=color][readonly], input[type=date][disabled], input[type=date][readonly], input[type=datetime-local][disabled], input[type=datetime-local][readonly], input[type=datetime][disabled], input[type=datetime][readonly], input[type=email][disabled], input[type=email][readonly], input[type=month][disabled], input[type=month][readonly], input[type=number][disabled], input[type=number][readonly], input[type=password][disabled], input[type=password][readonly], input[type=search][disabled], input[type=search][readonly], input[type=tel][disabled], input[type=tel][readonly], input[type=text][disabled], input[type=text][readonly], input[type=time][disabled], input[type=time][readonly], input[type=url][disabled], input[type=url][readonly], input[type=week][disabled], input[type=week][readonly], textarea[disabled], textarea[readonly] {
        background-color: #ddd;
        cursor: default;
    }

    input:not([type]).radius, input[type=color].radius, input[type=date].radius, input[type=datetime-local].radius, input[type=datetime].radius, input[type=email].radius, input[type=month].radius, input[type=number].radius, input[type=password].radius, input[type=search].radius, input[type=tel].radius, input[type=text].radius, input[type=time].radius, input[type=url].radius, input[type=week].radius, textarea.radius {
        border-radius: 3px;
    }

form .row .postfix-radius.row.collapse button, form .row .postfix-radius.row.collapse input, form .row .postfix-radius.row.collapse select, form .row .postfix-radius.row.collapse textarea {
    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-round.row.collapse .postfix, form .row .prefix-round.row.collapse button, form .row .prefix-round.row.collapse input, form .row .prefix-round.row.collapse select, form .row .prefix-round.row.collapse textarea {
    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 .postfix-round.row.collapse button, form .row .postfix-round.row.collapse input, form .row .postfix-round.row.collapse select, form .row .postfix-round.row.collapse textarea {
    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;
}

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

textarea[rows] {
    height: auto;
}

textarea {
    max-width: 100%;
}

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

:-moz-placeholder, ::-moz-placeholder {
    color: #666;
}

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

select {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background-color: #fafafa;
    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: #ccc;
    color: rgba(0,0,0,.75);
    font-family: inherit;
    font-size: .875rem;
    line-height: normal;
    padding: .5rem;
    border-radius: 0;
}

    select::-ms-expand {
        display: none;
    }

    select:focus {
        background-color: #f3f3f3;
        border-color: #999;
    }

    select:disabled {
        background-color: #ddd;
        cursor: default;
    }

    select[multiple] {
        height: auto;
    }

input[type=checkbox], input[type=file], input[type=radio], select {
    margin: 0 0 1rem;
}

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

input[type=file] {
    width: 100%;
}

fieldset {
    border: 1px solid #ddd;
    margin: 1.125rem 0;
    padding: 1.25rem;
}

    fieldset legend {
        font-weight: 700;
        margin: 0;
        margin-right: -.1875rem;
        padding: 0 .1875rem;
    }

[data-abide] .error small.error, [data-abide] .error span.error, [data-abide] small.error, [data-abide] span.error, small.error, span.error {
    display: block;
    font-size: .75rem;
    font-style: italic;
    font-weight: 400;
    margin-bottom: 1rem;
    margin-top: -1px;
    padding: .375rem .5625rem .5625rem;
    background: #dc0a0a;
    color: #fff;
}

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

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

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

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

.error small.error {
    display: block;
    font-size: .75rem;
    font-style: italic;
    font-weight: 400;
    margin-bottom: 1rem;
    margin-top: -1px;
    padding: .375rem .5625rem .5625rem;
    background: #dc0a0a;
    color: #fff;
}

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

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

.label {
    display: inline-block;
    font-family: "Noto Kufi Arabic";
    font-weight: 400;
    line-height: 1;
    margin-bottom: auto;
    position: relative;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    padding: .25rem .5rem;
    font-size: .6875rem;
    background-color: #00c2d6;
    color: #fff;
}

    .label.radius {
        border-radius: 3px;
    }

    .label.round {
        border-radius: 1000px;
    }

    .label.alert {
        background-color: #dc0a0a;
        color: #fff;
    }

    .label.warning {
        background-color: #f08a24;
        color: #fff;
    }

    .label.success {
        background-color: #458d37;
        color: #fff;
    }

    .label.secondary {
        background-color: #e7e7e7;
        color: #333;
    }

    .label.info {
        background-color: #a0d3e8;
        color: #333;
    }

@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;
    }

    .mi-hide-for-small {
        display: none !important;
    }
}

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;
    }
}

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

.global__clearfix:after {
    clear: both;
}

.mi-body-overlay {
    background: 0 0;
    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:after, .header:before {
    content: " ";
    display: table;
}

.header:after {
    clear: both;
}

.container {
    padding: 0 1rem;
    margin: 0 auto;
    max-width: 640px;
}

    .container:after, .container:before {
        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: .5rem;
    padding-right: .5rem;
    padding-left: .5rem;
    clear: both;
    min-height: 1200px;
}

    .mi-content:after, .mi-content:before {
        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:after, .mi-main-content:before {
        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-account-section {
    border: 1px solid #dfdfdf;
    background: #fff;
    padding: 1rem;
}

.mi-sidebar {
    width: 100%;
    float: right;
    margin-right: 0;
    margin-left: 0;
    padding: 0;
}

    .mi-sidebar:after, .mi-sidebar:before {
        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, .global__h2, .global__h2--collapsed {
    font-family: "Noto Kufi Arabic","Helvetica Neue LT","Arial",sans-serif;
    font-weight: 400;
}

.global__h1 {
    color: #fff;
    font-size: 2.125rem;
    background-color: #00c2d6;
    padding: 0 1rem;
    margin: 0 0 1rem;
}

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

    .global__h1:after {
        clear: both;
    }

    .global__h1 button {
        float: left;
        padding: .75rem;
    }

.global__h2, .global__h2--collapsed {
    font-size: 1.5rem;
    -moz-osx-font-smoothing: grayscale;
    margin: 1rem 0 .5rem;
    padding: .5rem 1rem;
    background-color: #fff;
    border-bottom: 2px solid #00c2d6;
}

    .global__h2 button, .global__h2--collapsed button {
        float: left;
        background: 0 0;
        padding: .5rem;
        color: #757575;
    }

        .global__h2 button:active, .global__h2 button:hover, .global__h2--collapsed button:active, .global__h2--collapsed button:hover {
            color: #00c2d6;
        }

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

.global__h3, .global__loading, .global__no-results {
    font-family: "Noto Kufi Arabic","Helvetica Neue LT","Arial",sans-serif;
}

.global__h3 {
    margin: 1rem 0;
    background-color: #fff;
    font-size: 1.3125rem;
    font-weight: 400;
}

.global__loading, .global__no-results {
    font-size: 1.125rem;
    font-weight: 500;
    text-align: center;
    display: block;
}

a {
    text-decoration: none;
    color: #546e7a;
}

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

.invisible {
    visibility: hidden;
}

.hidden {
    display: none;
}

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

.nowrap {
    white-space: nowrap;
}

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

.md-whiteframe-z1 {
    margin-bottom: 1rem;
}

.md-whiteframe-z1--collapsed {
    margin-bottom: 0;
}

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

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

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

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

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

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

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

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

.up-icon-only:before {
    color: #458d37;
}

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

.down-icon-only:before {
    color: #dc0a0a;
    padding-right: .5rem;
}

.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,.5);
    border-radius: 10px;
    border: 2px solid #fff;
}

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

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

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

pre {
    display: inline;
}

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

.vTabs--default v-tab:focus, button:focus, input[type=range]: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;
}

input[type=range] {
    -webkit-appearance: none;
    margin: 18px 0;
    width: 100%;
}

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

    input[type=range]::-webkit-slider-thumb {
        box-shadow: 1px 1px 1px #000,0 0 1px #0d0d0d;
        border: 1px solid #000;
        height: 36px;
        width: 16px;
        border-radius: 3px;
        background: #fff;
        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: .2s;
        box-shadow: 1px 1px 1px #000,0 0 1px #0d0d0d;
        background: #3071a9;
        border-radius: 1.3px;
        border: .2px solid #010101;
    }

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

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

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

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

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

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

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

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

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

.global__section-label {
    -webkit-appearance: none;
    -moz-appearance: none;
    border-style: solid;
    border-width: 0;
    cursor: pointer;
    margin: 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    padding: 1rem 2rem 1.0625rem;
    background-color: #efefef;
    border-color: #bfbfbf;
    border-radius: 6px;
    transition: background-color 300ms ease-out;
    font-family: "Noto Kufi Arabic","Helvetica Neue LT","Arial",sans-serif;
    font-size: .8125rem;
    line-height: 1;
    display: inline-block;
    vertical-align: middle;
    padding: 7px 10px !important;
    box-sizing: border-box;
    font-weight: 700;
    margin: 0 0 0 .25rem !important;
    color: #33ccdf;
}

    .global__section-label:focus, .global__section-label:hover {
        background-color: #24c9dd;
        color: #fff;
    }

    .global__section-label:hover, .mi-table__sticky-column th a {
        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: .5rem;
    }

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

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

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

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

input:-moz-placeholder, input::-moz-placeholder {
    color: rgba(221,0,0,.19);
}

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

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

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

.global__active {
    background-color: #008998;
}

.global__ltr, .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: .875rem;
    font-weight: 500;
    color: #757575;
}

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

.global__inline {
    display: inline;
}

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

.triangle--down, .triangle--right, .triangle--up {
    border-left-style: solid;
    border-left-width: 1em;
}

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

.triangle--right {
    border-top-color: transparent;
    border-bottom-style: solid;
    border-bottom-color: transparent;
    border-bottom-width: 1em;
    border-left-color: #000;
}

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

.triangle--left {
    border-bottom-style: solid;
    border-bottom-color: transparent;
    border-bottom-width: 1em;
    border-right-color: #000;
    border-right-style: solid;
    border-right-width: 1em;
    border-top-color: transparent;
}

.triangle--top-left, .triangle--top-right {
    border-top-color: #000;
}

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

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

.triangle--bottom-left, .triangle--bottom-right {
    width: 0;
    height: 0;
    border-bottom-color: #000;
    border-bottom-style: solid;
    border-bottom-width: 1em;
}

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

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

.mi-card__image {
    width: 100%;
    background: #546e7a;
    z-index: 2;
}

    .mi-card__image img {
        width: 100%;
        opacity: .6;
        transition: opacity .5s,transform .5s;
        transition: opacity .5s,transform .5s,-webkit-transform .5s;
        height: 100%;
    }

.mi-card {
    position: relative;
    padding-top: 62.5%;
    height: 0;
    width: 100%;
    overflow: hidden;
}

    .mi-article-card--compact:hover img, .mi-article-card--landscape:hover img, .mi-card--radio:hover img, .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__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: .9375rem;
    font-weight: 400;
}

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

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

.mi-card__text {
    width: 100%;
    font-size: .8125rem;
    color: #ddd;
    margin: .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: 400;
    color: #fff;
}

.mi-card--radio {
    position: relative;
    padding-top: 25%;
    height: 0;
    width: 100%;
    overflow: hidden;
}

.mi-card--radio__title {
    margin: .3125rem 0 0;
    display: block;
    width: 100%;
    font-size: 1rem;
    color: #fff;
    padding: 1rem;
}

    .mi-card--radio__title:hover {
        color: #f2f2f2;
    }

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

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

.mi-home-chart__summary {
    padding: .5rem .7rem;
    font-weight: 700;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

    .mi-home-chart__summary:after, .mi-home-chart__summary:before {
        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: 700;
    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;
}

.mi-home-chart__plot-aria {
    direction: ltr;
}

.mi-home-chart__stats {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: .25rem;
}

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

    .mi-home-chart__stats:after {
        clear: both;
    }

.mi-home-chart__stats-item {
    line-height: 1.25rem;
    background: #eceff1;
    padding: .5rem;
    color: #253136;
    text-align: center;
}

.mi-home-chart__stats-item, .mi-home-chart__stats-item--full {
    font-family: "Noto Kufi Arabic","Helvetica Neue LT","Arial",sans-serif;
}

.mi-home-chart__stats-item--full {
    line-height: 1.25rem;
    background: #eceff1;
    padding: .5rem;
    color: #253136;
    text-align: center;
    font-size: 1.0625rem;
    font-weight: 700;
}

.mi-home-chart__stats-item {
    font-size: .9375rem;
    font-weight: 400;
    width: 33.33333%;
    float: right;
    border-left: 1px solid #fff;
}

    .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: .25rem;
}

.mi-home-chart__traded-companies {
    margin: .5rem 0;
}

    .mi-home-chart__traded-companies:after, .mi-home-chart__traded-companies:before {
        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: .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-flat-bar, .mi-home-chart__traded-companies-up-bar {
    margin: .3125rem 0;
    height: .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: #fff;
}

.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: .25rem solid #008998;
}

    .mi-indices-summary__tabs:after, .mi-indices-summary__tabs:before {
        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;
    line-height: normal;
    margin: 0;
    position: relative;
    text-decoration: none;
    display: inline-block;
    padding: .25rem .5rem .3125rem;
    background-color: #00c2d6;
    border-color: #009bab;
    transition: background-color 300ms ease-out;
    font-family: "Noto Kufi Arabic","Helvetica Neue LT","Arial",sans-serif;
    font-size: .8125rem;
    font-weight: 400;
    color: #fff;
    border-right: 1px solid #fff;
    text-align: center;
}

    .mi-indices-summary__tab:nth-child(4) {
        width: 34%;
        float: right;
    }

    .mi-indices-summary__tab:focus, .mi-indices-summary__tab:hover {
        background-color: #009bab;
        color: #fff;
    }

    .mi-indices-summary__tab.active {
        background-color: #008998;
    }

    .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 .5rem;
}

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

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

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

.mi-home-chart__market-label, .mi-indices-summary__row {
    font-family: "Noto Kufi Arabic","Helvetica Neue LT","Arial",sans-serif;
    display: block;
}

.mi-home-chart__market-label {
    -moz-osx-font-smoothing: grayscale;
    text-align: left;
    font-size: 1.5rem;
    color: #008998;
    font-weight: 700;
}

    .mi-home-chart__market-label:hover {
        color: #00c2d6;
    }

.mi-indices-summary__row {
    font-size: .9375rem;
    font-weight: 400;
    margin: .25rem 0;
    padding: .5rem;
    color: #212121;
    border: 1px solid #dfdfdf;
    background: #fff;
}

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

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

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

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

.mi-indices-summary__value {
    width: 25%;
    float: right;
}

.mi-indices-summary__change, .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: .8125rem;
    font-weight: 400;
    color: #757575;
    margin-top: .5rem;
    text-align: right;
}

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

.mi-section__title, .mi-section__title--spaced {
    margin: 0 0 .5rem;
    border-bottom: 2px solid #00c2d6;
}

.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: #fff;
    padding: .5rem 1rem;
}

.mi-special-coverage {
    background-image: linear-gradient(rgba(0,0,0,.3),rgba(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-right: 8.4507%;
    margin-left: 8.4507%;
    list-style: none;
}

    .mi-special-coverage__news-list:after, .mi-special-coverage__news-list:before {
        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):after, .mi-special-coverage__news-item:nth-child(even):before {
                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:after, .mi-social-statistics:before {
        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: 400;
    line-height: normal;
    margin: 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    padding: 1rem 2rem 1.0625rem;
    font-size: 1rem;
    background-color: #426fca;
    border-color: #2f57a7;
    color: #fff;
    transition: background-color 300ms ease-out;
}

    .mi-social-statistics--facebook:focus, .mi-social-statistics--facebook:hover {
        background-color: #2f57a7;
        color: #fff;
    }

.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: 400;
    line-height: normal;
    margin: 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    padding: 1rem 2rem 1.0625rem;
    font-size: 1rem;
    background-color: #00c9da;
    border-color: #00a1ae;
    color: #fff;
    transition: background-color 300ms ease-out;
}

    .mi-social-statistics--twitter:focus, .mi-social-statistics--twitter:hover {
        background-color: #00a1ae;
        color: #fff;
    }

.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: 400;
    line-height: normal;
    margin: 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    padding: 1rem 2rem 1.0625rem;
    font-size: 1rem;
    background-color: #7b807a;
    border-color: #626662;
    color: #fff;
    transition: background-color 300ms ease-out;
}

    .mi-social-statistics--google-plus:focus, .mi-social-statistics--google-plus:hover {
        background-color: #626662;
        color: #fff;
    }

.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: 400;
    line-height: normal;
    margin: 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    padding: 1rem 2rem 1.0625rem;
    font-size: 1rem;
    background-color: #dea300;
    border-color: #b28200;
    color: #fff;
    transition: background-color 300ms ease-out;
}

    .mi-social-statistics--rss:focus, .mi-social-statistics--rss:hover {
        background-color: #b28200;
        color: #fff;
    }

    .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: 700;
    color: #f2f2f2;
    padding-top: .3em;
    padding-bottom: .3em;
}

.mi-social-statistics__register {
    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: #eee;
    padding-bottom: .5rem;
}

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

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

.mi-inforex__header {
    padding-right: .5rem;
    padding-top: .5rem;
    padding-left: .5rem;
    color: #757575;
    margin: 0;
    font-size: 1.6em;
    background-color: #00c2d6;
    display: block;
}

    .mi-inforex__header:hover {
        text-decoration: underline;
    }

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

.mi-inforex__item {
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0;
    border-style: solid;
    border-width: 0;
    font-family: "Noto Kufi Arabic";
    font-weight: 400;
    line-height: normal;
    position: relative;
    text-decoration: none;
    display: inline-block;
    padding: 1rem 2rem 1.0625rem;
    font-size: 1rem;
    border-color: #ccc;
    color: #333;
    box-shadow: none;
    cursor: default;
    opacity: .7;
    transition: background-color 300ms ease-out;
    background-color: #fff;
    list-style: none;
    text-align: center;
    padding: 1em;
    width: 49.0566%;
    float: right;
    margin: .8em 0 0 1.88679%;
}

    .mi-inforex__item:focus, .mi-inforex__item:hover {
        color: #333;
        background-color: #fff;
    }

    .mi-inforex__item:nth-child(even) {
        float: left;
        margin-left: 0;
    }

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

.mi-inforex__text2 {
    color: #666060;
    font-size: 2.5em;
}

.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:after, .mi-layout-home__mubasher-tv-item:before {
        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):after, .mi-layout-home__mubasher-tv-item:nth-child(3):before {
        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):after, .mi-layout-home__mubasher-tv-item:nth-child(4):before {
        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:after, .mi-important-links:before {
        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: 400;
    line-height: normal;
    position: relative;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    padding: 1rem 2rem 1.0625rem;
    font-size: 1rem;
    background-color: #00c2d6;
    border-color: #009bab;
    transition: background-color 300ms ease-out;
    width: 49.0566%;
    float: right;
    margin: 0 0 0 1.88679%;
    height: 100px;
    padding: .5em 0;
    color: #f3f3f3;
}

    .mi-important-links__item:focus, .mi-important-links__item:hover {
        background-color: #009bab;
        color: #fff;
    }

    .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: .5rem;
    }

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

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

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

.mi-top-movers__tabs {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    border-bottom: .25rem solid #008998;
}

    .mi-top-movers__tabs:after, .mi-top-movers__tabs:before {
        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;
    line-height: normal;
    margin: 0;
    position: relative;
    text-decoration: none;
    display: inline-block;
    padding: .5rem 1rem .5625rem;
    background-color: #00c2d6;
    border-color: #009bab;
    transition: background-color 300ms ease-out;
    font-family: "Noto Kufi Arabic","Helvetica Neue LT","Arial",sans-serif;
    font-size: .9375rem;
    font-weight: 400;
    color: #fff;
    text-align: center;
    border-right: 1px solid #fff;
}

    .mi-top-movers__tab:focus, .mi-top-movers__tab:hover {
        background-color: #009bab;
        color: #fff;
    }

    .mi-top-movers__tab.active {
        background-color: #008998;
    }

    .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: .5rem;
}

    .mi-top-movers__content:after, .mi-top-movers__content:before {
        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: .9375rem;
    font-weight: 400;
    margin-bottom: .5rem;
    padding: .5rem;
    color: #212121;
    display: block;
    border: 1px solid #dfdfdf;
    background: #fff;
}

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

    .mi-top-movers__row:after {
        clear: both;
    }

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

.mi-top-movers__value1, .mi-top-movers__value2 {
    width: 20.75472%;
    font-size: .875rem;
    direction: ltr;
}

.mi-top-movers__value2 {
    float: left;
    margin-left: 0;
}

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

.mi-article-media-block {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin: 0 0 .5rem;
    clear: both;
    position: relative;
    padding-bottom: 30px;
}

    .mi-article-media-block:after, .mi-article-media-block:before {
        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;
    }

    .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;
    }
}

.cd-pagination li.current, .mi-article-media-block__image:hover .mi-article__meta-data, .mi-calendar__day-events-close i, v-page.is-active {
    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, .mi-article-media-block__content.compact {
    width: 100%;
    float: right;
    margin-right: 0;
    margin-left: 0;
}

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

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

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

.mi-article-media-block__updated {
    background: #00c2d6;
    color: #fff;
    padding: 0 1rem;
    margin-bottom: .5rem;
    margin-left: .5rem;
}

.mi-article-media-block__text {
    color: #757575;
    margin-top: .5rem;
    margin-bottom: .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: .25rem;
}

    .mi-article-media-block__title:hover {
        color: #898989;
    }

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

.mi-article-card {
    background-color: #fff;
}

.mi-article-card__text {
    font-family: "Noto Kufi Arabic","Helvetica Neue LT","Arial",sans-serif;
    font-size: .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: .5rem;
}

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

.mi-article-card--compact__image, .mi-article-card--international-news__image, .mi-article-card--misc-news__image {
    width: 100%;
    background: #37474f;
    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,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__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,.1),rgba(0,0,0,.6)) 0% 0%;
    padding: .5em 1rem;
}

    .mi-article-card--compact__content:after, .mi-article-card--compact__content:before {
        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: .8125rem;
    font-weight: 400;
    color: #fff;
    width: 100%;
    margin: .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: .9375rem;
        font-weight: 400;
    }
}

.mi-article-card--compact__icon {
    display: block;
    color: #8a8a8a;
    font-size: .07031rem;
}

@media (min-width:1000px) {
    .mi-article-card--compact__icon {
        font-size: .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: #fff;
}

@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: .5rem 0 0;
    display: block;
    width: 100%;
    font-size: 14;
    color: #fff;
}

    .mi-article-card--compact__title--centered:hover, .mi-article-card--compact__title--medium:hover, .mi-article-card--compact__title--small: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: .5rem 0 0;
    display: block;
    width: 100%;
    font-size: 14;
    color: #fff;
}

@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: .5rem 0 0;
    display: block;
    width: 100%;
    font-size: 20;
    text-align: center;
    font-family: "Noto Kufi Arabic","Helvetica Neue LT","Arial",sans-serif;
    font-size: .9375rem;
    font-weight: 400;
    color: #fff;
}

.mi-article-card--landscape {
    position: relative;
    padding-top: 36.6%;
    height: 0;
    overflow: hidden;
    display: block;
}

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

.mi-announcement {
    padding: 1rem;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

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

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

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

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

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

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

.mi-calendar {
    position: relative;
}

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

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

.mi-calendar__header {
    width: 100%;
    background: #008998;
    padding: .5rem;
    color: #fff;
    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--left, .mi-calendar__header-nav--right {
    font-size: 2rem;
    cursor: pointer;
    color: #fff;
    display: table-cell;
}

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

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

.mi-calendar__day {
    font-size: .9375rem;
    color: #fff;
}

.mi-calendar__day, .mi-calendar__next, .mi-calendar__previous {
    width: 33.33333%;
    float: left;
    font-family: "Noto Kufi Arabic","Helvetica Neue LT","Arial",sans-serif;
    font-weight: 400;
    display: inline-block;
    position: relative;
    text-align: center;
    padding: 1rem 0;
    background-color: #00c2d6;
    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__next .mi-calendar_events-count, .mi-calendar__previous .mi-calendar_events-count {
        background-color: #ddf6f9;
        color: #00c2d6;
        width: 1.5rem;
        height: 1.5rem;
        border-radius: 1.5rem;
        line-height: 1.5rem;
        text-align: center;
    }

    .mi-calendar__day:hover, .mi-calendar__next:hover, .mi-calendar__previous:hover {
        background-color: #ddf6f9;
        color: #00c2d6;
    }

        .mi-calendar__day:hover .mi-calendar_events-count, .mi-calendar__next:hover .mi-calendar_events-count, .mi-calendar__previous:hover .mi-calendar_events-count {
            color: #fff;
            background-color: #00c2d6;
        }

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

.mi-calendar__day-number {
    font-family: "Noto Kufi Arabic","Helvetica Neue LT","Arial",sans-serif;
    font-size: 2.125rem;
    font-weight: 700;
}

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

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

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

.mi-calendar__day-events-header {
    background: #008998;
    text-align: center;
    color: #fff;
    border-bottom: 1px solid #fff;
    padding: 1rem;
    cursor: pointer;
}

    .mi-calendar__day-events-header:after, .mi-calendar__day-events-header:before {
        content: " ";
        display: table;
    }

    .mi-calendar__day-events-header:after {
        clear: both;
    }

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

.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: #008998;
    box-sizing: border-box;
}

.mi-calendar__day-event {
    padding: .5rem;
    border-bottom: 1px dashed #fff;
    line-height: 1.6rem;
    font-size: .8rem;
}

    .mi-calendar__day-event:after, .mi-calendar__day-event:before {
        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: 700;
}

.mi-calendar__day-event-host {
    width: 60%;
    float: right;
    font-weight: 700;
    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 {
    width: 100%;
    background: #fff;
}

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

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

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

.mi-table thead th {
    background-color: #00c2d6;
    font-weight: 700;
    color: #fff;
    text-align: right;
}

    .mi-table thead th a.has-icon {
        color: #fff;
        margin: 0 .25rem;
    }

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

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

.mi-table__sticky-column th {
    background-color: #008998;
}

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

.mi-table .sortable {
    cursor: pointer;
    color: #fff;
    display: table-cell;
    font-family: FontAwesome;
}

    .mi-table .sortable:before {
        padding-left: .5rem;
        padding-right: .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;
}

td {
    text-align: right;
}

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

.cd-pagination, .mi-table__icon {
    text-align: center;
}

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

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

    .cd-pagination li {
        display: none;
        margin: 0 .2em;
    }

        .cd-pagination li.cd-pagination__button {
            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;
        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: .25em;
    }

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

.cd-pagination a:active {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
}

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

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

.cd-pagination .current {
    background-color: #00c2d6;
    border-color: #008998;
    pointer-events: none;
}

    .cd-pagination .current a {
        color: #fff;
    }

@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;
    }
}

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

    .cd-pagination.move-buttons:after, .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: 0;
    }

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

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

.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: 0;
    }

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

.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;
        width: 16px;
        height: 16px;
        top: 50%;
        margin-top: -8px;
        background: 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);
}

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

.cd-pagination.custom-buttons .cd-pagination__button a {
    width: 40px;
    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(.9) rotate(180deg);
    -ms-transform: scale(.9) rotate(180deg);
    transform: scale(.9) rotate(180deg);
}

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

.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: transform .3s;
    transition: transform .3s,-webkit-transform .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: transform .3s;
    transition: transform .3s,-webkit-transform .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 0 rgba(37,53,50,.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-nav-wrapper, .header-year-wrapper {
    padding-top: 10px;
    padding-bottom: 10px;
    color: #fff;
    font-family: "Open Sans", sans-serif;
    font-size: 1.2em;
    background-color: #15a5db;
}

.header-nav-wrapper {
    padding-top: 5px;
    padding-bottom: 5px;
    color: #626262;
    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: #fff !important;
}

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

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

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

    .mb-datepicker .disabled, .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: #fff;
            border: 0;
            width: 48px;
            height: 45px;
            text-indent: -900em;
            overflow: hidden;
            position: relative;
            cursor: pointer;
            outline: 0;
        }

            .dl-menuwrapper button.dl-active, .dl-menuwrapper button:hover, .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: #fff;
                outline: 0;
            }

    .no-touch .dl-menuwrapper li a:hover {
        background: rgba(255,248,213,.1);
    }

    .dl-menuwrapper li.dl-back > a {
        padding-right: 2rem;
        background: rgba(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: #fff;
        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,.3);
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .dl-menuwrapper li > a:after {
        right: 10px;
        color: rgba(0,0,0,.15);
    }

    .dl-menuwrapper .dl-menu {
        margin: 5px 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 .3s ease;
        }

        .dl-menuwrapper .dl-menu.dl-menuopen {
            opacity: 1;
            pointer-events: auto;
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0);
        }

    .dl-menuwrapper li .dl-submenu {
        display: none;
        max-height: 600px;
        overflow-y: auto;
    }

    .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, .no-js .dl-menuwrapper li .dl-submenu {
        display: block;
    }

    .dl-menuwrapper > .dl-submenu {
        position: absolute;
        width: 100%;
        top: 50px;
        left: 0;
        margin: 0;
    }

    .dl-submenu {
        padding-left: 140px;
        padding-right: 70px;
    }

    .dl-menu.dl-animate-out-1 {
        -webkit-animation: MenuAnimOut1 .4s;
        animation: MenuAnimOut1 .4s;
    }

    .dl-menu.dl-animate-out-2 {
        -webkit-animation: MenuAnimOut2 .3s ease-in-out;
        animation: MenuAnimOut2 .3s ease-in-out;
    }

    .dl-menu.dl-animate-out-3 {
        -webkit-animation: MenuAnimOut3 .4s ease;
        animation: MenuAnimOut3 .4s ease;
    }

    .dl-menu.dl-animate-out-4 {
        -webkit-animation: MenuAnimOut4 .4s ease;
        animation: MenuAnimOut4 .4s ease;
    }

    .dl-menu.dl-animate-out-5 {
        -webkit-animation: MenuAnimOut5 .4s ease;
        animation: MenuAnimOut5 .4s ease;
    }

    @-webkit-keyframes MenuAnimOut1 {
        50% {
            -webkit-transform: translateZ(-250px) rotateY(30deg);
        }

        75% {
            -webkit-transform: translateZ(-372.5px) rotateY(15deg);
            opacity: .5;
        }

        to {
            -webkit-transform: translateZ(-500px) rotateY(0deg);
            opacity: 0;
        }
    }

    @-webkit-keyframes MenuAnimOut2 {
        to {
            -webkit-transform: translateX(-100%);
            opacity: 0;
        }
    }

    @-webkit-keyframes MenuAnimOut3 {
        to {
            -webkit-transform: translateZ(300px);
            opacity: 0;
        }
    }

    @-webkit-keyframes MenuAnimOut4 {
        to {
            -webkit-transform: translateZ(-300px);
            opacity: 0;
        }
    }

    @-webkit-keyframes MenuAnimOut5 {
        to {
            -webkit-transform: translateY(40%);
            opacity: 0;
        }
    }

    @keyframes MenuAnimOut1 {
        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;
        }

        to {
            -webkit-transform: translateZ(-500px) rotateY(0deg);
            transform: translateZ(-500px) rotateY(0deg);
            opacity: 0;
        }
    }

    @keyframes MenuAnimOut2 {
        to {
            -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
            opacity: 0;
        }
    }

    @keyframes MenuAnimOut3 {
        to {
            -webkit-transform: translateZ(300px);
            transform: translateZ(300px);
            opacity: 0;
        }
    }

    @keyframes MenuAnimOut4 {
        to {
            -webkit-transform: translateZ(-300px);
            transform: translateZ(-300px);
            opacity: 0;
        }
    }

    @keyframes MenuAnimOut5 {
        to {
            -webkit-transform: translateY(40%);
            transform: translateY(40%);
            opacity: 0;
        }
    }

    .dl-menu.dl-animate-in-1 {
        -webkit-animation: MenuAnimIn1 .3s;
        animation: MenuAnimIn1 .3s;
    }

    .dl-menu.dl-animate-in-2 {
        -webkit-animation: MenuAnimIn2 .3s ease-in-out;
        animation: MenuAnimIn2 .3s ease-in-out;
    }

    .dl-menu.dl-animate-in-3 {
        -webkit-animation: MenuAnimIn3 .4s ease;
        animation: MenuAnimIn3 .4s ease;
    }

    .dl-menu.dl-animate-in-4 {
        -webkit-animation: MenuAnimIn4 .4s ease;
        animation: MenuAnimIn4 .4s ease;
    }

    .dl-menu.dl-animate-in-5 {
        -webkit-animation: MenuAnimIn5 .4s ease;
        animation: MenuAnimIn5 .4s ease;
    }

    @-webkit-keyframes MenuAnimIn1 {
        0% {
            -webkit-transform: translateZ(-500px) rotateY(0deg);
            opacity: 0;
        }

        20% {
            -webkit-transform: translateZ(-250px) rotateY(30deg);
            opacity: .5;
        }

        to {
            -webkit-transform: translateZ(0) rotateY(0deg);
            opacity: 1;
        }
    }

    @-webkit-keyframes MenuAnimIn2 {
        0% {
            -webkit-transform: translateX(-100%);
            opacity: 0;
        }

        to {
            -webkit-transform: translateX(0);
            opacity: 1;
        }
    }

    @-webkit-keyframes MenuAnimIn3 {
        0% {
            -webkit-transform: translateZ(300px);
            opacity: 0;
        }

        to {
            -webkit-transform: translateZ(0);
            opacity: 1;
        }
    }

    @-webkit-keyframes MenuAnimIn4 {
        0% {
            -webkit-transform: translateZ(-300px);
            opacity: 0;
        }

        to {
            -webkit-transform: translateZ(0);
            opacity: 1;
        }
    }

    @-webkit-keyframes MenuAnimIn5 {
        0% {
            -webkit-transform: translateY(40%);
            opacity: 0;
        }

        to {
            -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: .5;
        }

        to {
            -webkit-transform: translateZ(0) rotateY(0deg);
            transform: translateZ(0) rotateY(0deg);
            opacity: 1;
        }
    }

    @keyframes MenuAnimIn2 {
        0% {
            -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
            opacity: 0;
        }

        to {
            -webkit-transform: translateX(0);
            transform: translateX(0);
            opacity: 1;
        }
    }

    @keyframes MenuAnimIn3 {
        0% {
            -webkit-transform: translateZ(300px);
            transform: translateZ(300px);
            opacity: 0;
        }

        to {
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
            opacity: 1;
        }
    }

    @keyframes MenuAnimIn4 {
        0% {
            -webkit-transform: translateZ(-300px);
            transform: translateZ(-300px);
            opacity: 0;
        }

        to {
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
            opacity: 1;
        }
    }

    @keyframes MenuAnimIn5 {
        0% {
            -webkit-transform: translateY(40%);
            transform: translateY(40%);
            opacity: 0;
        }

        to {
            -webkit-transform: translateY(0);
            transform: translateY(0);
            opacity: 1;
        }
    }

    .dl-menuwrapper > .dl-submenu.dl-animate-in-1 {
        -webkit-animation: SubMenuAnimIn1 .4s ease;
        animation: SubMenuAnimIn1 .4s ease;
    }

    .dl-menuwrapper > .dl-submenu.dl-animate-in-2 {
        -webkit-animation: SubMenuAnimIn2 .3s ease-in-out;
        animation: SubMenuAnimIn2 .3s ease-in-out;
    }

    .dl-menuwrapper > .dl-submenu.dl-animate-in-3 {
        -webkit-animation: SubMenuAnimIn3 .4s ease;
        animation: SubMenuAnimIn3 .4s ease;
    }

    .dl-menuwrapper > .dl-submenu.dl-animate-in-4 {
        -webkit-animation: SubMenuAnimIn4 .4s ease;
        animation: SubMenuAnimIn4 .4s ease;
    }

    .dl-menuwrapper > .dl-submenu.dl-animate-in-5 {
        -webkit-animation: SubMenuAnimIn5 .4s ease;
        animation: SubMenuAnimIn5 .4s ease;
    }

    @-webkit-keyframes SubMenuAnimIn1 {
        0% {
            -webkit-transform: translateX(50%);
            opacity: 0;
        }

        to {
            -webkit-transform: translateX(0);
            opacity: 1;
        }
    }

    @-webkit-keyframes SubMenuAnimIn2 {
        0% {
            -webkit-transform: translateX(100%);
            opacity: 0;
        }

        to {
            -webkit-transform: translateX(0);
            opacity: 1;
        }
    }

    @-webkit-keyframes SubMenuAnimIn3 {
        0% {
            -webkit-transform: translateZ(-300px);
            opacity: 0;
        }

        to {
            -webkit-transform: translateZ(0);
            opacity: 1;
        }
    }

    @-webkit-keyframes SubMenuAnimIn4 {
        0% {
            -webkit-transform: translateZ(300px);
            opacity: 0;
        }

        to {
            -webkit-transform: translateZ(0);
            opacity: 1;
        }
    }

    @-webkit-keyframes SubMenuAnimIn5 {
        0% {
            -webkit-transform: translateZ(-200px);
            opacity: 0;
        }

        to {
            -webkit-transform: translateZ(0);
            opacity: 1;
        }
    }

    @keyframes SubMenuAnimIn1 {
        0% {
            -webkit-transform: translateX(50%);
            transform: translateX(50%);
            opacity: 0;
        }

        to {
            -webkit-transform: translateX(0);
            transform: translateX(0);
            opacity: 1;
        }
    }

    @keyframes SubMenuAnimIn2 {
        0% {
            -webkit-transform: translateX(100%);
            transform: translateX(100%);
            opacity: 0;
        }

        to {
            -webkit-transform: translateX(0);
            transform: translateX(0);
            opacity: 1;
        }
    }

    @keyframes SubMenuAnimIn3 {
        0% {
            -webkit-transform: translateZ(-300px);
            transform: translateZ(-300px);
            opacity: 0;
        }

        to {
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
            opacity: 1;
        }
    }

    @keyframes SubMenuAnimIn4 {
        0% {
            -webkit-transform: translateZ(300px);
            transform: translateZ(300px);
            opacity: 0;
        }

        to {
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
            opacity: 1;
        }
    }

    @keyframes SubMenuAnimIn5 {
        0% {
            -webkit-transform: translateZ(-200px);
            transform: translateZ(-200px);
            opacity: 0;
        }

        to {
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
            opacity: 1;
        }
    }

    .dl-menuwrapper > .dl-submenu.dl-animate-out-1 {
        -webkit-animation: SubMenuAnimOut1 .4s ease;
        animation: SubMenuAnimOut1 .4s ease;
    }

    .dl-menuwrapper > .dl-submenu.dl-animate-out-2 {
        -webkit-animation: SubMenuAnimOut2 .3s ease-in-out;
        animation: SubMenuAnimOut2 .3s ease-in-out;
    }

    .dl-menuwrapper > .dl-submenu.dl-animate-out-3 {
        -webkit-animation: SubMenuAnimOut3 .4s ease;
        animation: SubMenuAnimOut3 .4s ease;
    }

    .dl-menuwrapper > .dl-submenu.dl-animate-out-4 {
        -webkit-animation: SubMenuAnimOut4 .4s ease;
        animation: SubMenuAnimOut4 .4s ease;
    }

    .dl-menuwrapper > .dl-submenu.dl-animate-out-5 {
        -webkit-animation: SubMenuAnimOut5 .4s ease;
        animation: SubMenuAnimOut5 .4s ease;
    }

    @-webkit-keyframes SubMenuAnimOut1 {
        0% {
            -webkit-transform: translateX(0%);
            opacity: 1;
        }

        to {
            -webkit-transform: translateX(50%);
            opacity: 0;
        }
    }

    @-webkit-keyframes SubMenuAnimOut2 {
        0% {
            -webkit-transform: translateX(0%);
            opacity: 1;
        }

        to {
            -webkit-transform: translateX(100%);
            opacity: 0;
        }
    }

    @-webkit-keyframes SubMenuAnimOut3 {
        0% {
            -webkit-transform: translateZ(0);
            opacity: 1;
        }

        to {
            -webkit-transform: translateZ(-300px);
            opacity: 0;
        }
    }

    @-webkit-keyframes SubMenuAnimOut4 {
        0% {
            -webkit-transform: translateZ(0);
            opacity: 1;
        }

        to {
            -webkit-transform: translateZ(300px);
            opacity: 0;
        }
    }

    @-webkit-keyframes SubMenuAnimOut5 {
        0% {
            -webkit-transform: translateZ(0);
            opacity: 1;
        }

        to {
            -webkit-transform: translateZ(-200px);
            opacity: 0;
        }
    }

    @keyframes SubMenuAnimOut1 {
        0% {
            -webkit-transform: translateX(0%);
            transform: translateX(0%);
            opacity: 1;
        }

        to {
            -webkit-transform: translateX(50%);
            transform: translateX(50%);
            opacity: 0;
        }
    }

    @keyframes SubMenuAnimOut2 {
        0% {
            -webkit-transform: translateX(0%);
            transform: translateX(0%);
            opacity: 1;
        }

        to {
            -webkit-transform: translateX(100%);
            transform: translateX(100%);
            opacity: 0;
        }
    }

    @keyframes SubMenuAnimOut3 {
        0% {
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
            opacity: 1;
        }

        to {
            -webkit-transform: translateZ(-300px);
            transform: translateZ(-300px);
            opacity: 0;
        }
    }

    @keyframes SubMenuAnimOut4 {
        0% {
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
            opacity: 1;
        }

        to {
            -webkit-transform: translateZ(300px);
            transform: translateZ(300px);
            opacity: 0;
        }
    }

    @keyframes SubMenuAnimOut5 {
        0% {
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
            opacity: 1;
        }

        to {
            -webkit-transform: translateZ(-200px);
            transform: translateZ(-200px);
            opacity: 0;
        }
    }

    .no-js .dl-menuwrapper .dl-menu {
        position: relative;
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }

    .dl-menu.dl-subview li, .dl-menu.dl-subview li.dl-subview > a, .dl-menu.dl-subview li.dl-subviewopen > a, .no-js .dl-menuwrapper li.dl-back {
        display: none;
    }

    .no-js .dl-menuwrapper li > a:not(:only-child) {
        background: rgba(0,0,0,.1);
    }

        .no-js .dl-menuwrapper li > a:not(:only-child):after {
            content: '';
        }

    .demo-1 .dl-menuwrapper button {
        background: #c62860;
    }

        .demo-1 .dl-menuwrapper button.dl-active, .demo-1 .dl-menuwrapper button:hover, .demo-1 .dl-menuwrapper ul {
            background: #9e1847;
        }

    .demo-2 .dl-menuwrapper button {
        background: #e86814;
    }

        .demo-2 .dl-menuwrapper button.dl-active, .demo-2 .dl-menuwrapper button:hover, .demo-2 .dl-menuwrapper ul {
            background: #d35400;
        }

    .demo-3 .dl-menuwrapper button {
        background: #08cbc4;
    }

        .demo-3 .dl-menuwrapper button.dl-active, .demo-3 .dl-menuwrapper button:hover, .demo-3 .dl-menuwrapper ul {
            background: #00b4ae;
        }

    .demo-4 .dl-menuwrapper button {
        background: #90b912;
    }

        .demo-4 .dl-menuwrapper button.dl-active, .demo-4 .dl-menuwrapper button:hover, .demo-4 .dl-menuwrapper ul {
            background: #79a002;
        }

    .demo-5 .dl-menuwrapper button {
        background: #744783;
    }

        .demo-5 .dl-menuwrapper button.dl-active, .demo-5 .dl-menuwrapper button:hover, .demo-5 .dl-menuwrapper ul {
            background: #643771;
        }
}

@media (min-width:1000px) {
    .dl-menu > li > a {
        font-size: 11px !important;
    }

    .dl-menu, nav {
        position: relative;
    }

    nav {
        margin-top: .5rem;
    }

    .dl-menu, .dl-menu a, .dl-menu div, .dl-menu form, .dl-menu input, .dl-menu li, .dl-menu ul {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
    }

        .dl-menu a {
            text-decoration: none;
        }

        .dl-menu li {
            list-style: none;
        }

        .dl-menu .dl-submenu > li > a {
            display: none;
        }

    .dl-menu {
        cursor: default;
        z-index: 500;
        width: 100%;
        font-family: "Noto Kufi Arabic","Helvetica Neue LT","Arial",sans-serif;
        font-size: .9375rem;
        font-weight: 400;
    }

        .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;
    }

    .dl-menu > li > a {
        position: relative;
        display: block;
        z-index: 510;
        height: 54px;
        padding: 0 .25rem;
        background: #37474f;
        transition: all .3s ease;
        line-height: 54px;
        text-align: center;
        color: #fff;
    }

        .dl-menu > li > a.active, .dl-menu > li > a:hover {
            background: #00c2d6;
        }

        .dl-menu > li > a:not(:only-child):after {
            font-family: 'fontawesome';
            content: '\f0d7';
            padding-right: 10px;
        }

        .dl-menu > li > a.active:after, .dl-menu > li > a:not(:only-child):hover:after {
            content: '\f0d8';
        }

    .dl-menu > li:first-child > a {
        border-right: none;
    }

    .dl-menu .nav-column li a, .dl-menu > li > div {
        font-family: "Noto Kufi Arabic","Helvetica Neue LT","Arial",sans-serif;
        font-size: .9375rem;
        font-weight: 400;
        display: block;
    }

    .dl-menu > li > div {
        position: absolute;
        width: 100%;
        right: 0;
        opacity: 0;
        visibility: hidden;
        overflow: hidden;
        background: #37474f;
        border-radius: 0 0 3px 3px;
        transition: all .3s ease .15s;
        border-top: 3px solid #00c2d6;
        padding-right: 140px;
        padding-left: 75px;
        z-index: 1000;
        color: #fff;
    }

    .dl-menu > li:hover > div {
        -webkit-user-select: none;
        -webkit-touch-callout: none;
    }

    .dl-menu-item__hoverd, .dl-menu > li:hover > div {
        opacity: 1;
        visibility: visible;
        overflow: visible;
    }

    .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;
        text-transform: uppercase;
    }

    .dl-menu .nav-column li a {
        color: #e7e7e7;
        padding: 6px 0;
    }

        .dl-menu .nav-column li a:hover {
            color: #fff;
        }
}

.header__top-for-desktop, .header__top-for-mobile {
    background: #324651;
    color: #fff;
    font-family: "Noto Kufi Arabic","Helvetica Neue LT","Arial",sans-serif;
    font-size: .9375rem;
    font-weight: 400;
}

.header__top-for-mobile {
    font-size: 1.125rem;
    vertical-align: middle;
    padding: 1rem;
}

    .header__top-for-desktop a, .header__top-for-desktop-row .header__social-link:hover, .header__top-for-mobile a, .top-bar__triggers a:hover {
        color: #fff;
    }

    .header__navigation .dl-menu:after, .header__navigation .dl-menu:before, .header__top-for-desktop:after, .header__top-for-desktop:before, .header__top-for-mobile:after, .header__top-for-mobile:before {
        content: " ";
        display: table;
    }

    .header__navigation .dl-menu:after, .header__top-for-desktop:after, .header__top-for-mobile:after {
        clear: both;
    }

@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__other-site {
    color: #fff;
    padding-left: 1rem;
    line-height: 2.5rem;
    cursor: pointer;
}

    .header__other-site i {
        color: #00c2d6;
        vertical-align: middle;
    }

        .header__other-site i.fa-caret-right {
            -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
            margin-left: .25rem;
        }

    .header__other-site:hover i {
        color: #008998;
    }

.header__spacer {
    width: 70%;
}

.header__user-name {
    padding-left: .5rem;
}

    .header__user-name:hover {
        color: #00c2d6;
    }

.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: 400;
    line-height: normal;
    margin: 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 1rem;
    background-color: #00c2d6;
    border-color: #009bab;
    color: #fff;
    transition: background-color 300ms ease-out;
    padding: .25rem 1rem;
}

    .header__login-button:focus, .header__login-button:hover {
        background-color: #009bab;
        color: #fff;
    }

.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: 400;
    line-height: normal;
    position: relative;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 1rem;
    background-color: #008998;
    border-color: #006e7a;
    color: #fff;
    transition: background-color 300ms ease-out;
    padding: .25rem 1rem;
    margin: 0;
}

    .header__language:focus, .header__language:hover {
        background-color: #006e7a;
        color: #fff;
    }

.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: .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: #00c2d6;
    font-size: 1.5625rem;
}

.header__market-status {
    display: none;
    background-color: #f5f5f5;
}

@media (min-width:1000px) {
    .header__market-status {
        display: table;
        margin-top: .5rem;
        clear: right;
    }

        .header__market-status:after, .header__market-status:before {
            content: " ";
            display: table;
        }

        .header__market-status:after {
            clear: both;
        }

        .header__market-status a, .header__market-status span {
            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: #00c2d6;
    color: #fff;
    clear: right;
}

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

.header__market-status--preclose {
    background: #dc0a0a;
    color: #fff;
}

.header__market-status--open, .header__market-status--preopen {
    background: #458d37;
    color: #fff;
}

.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;
    }

.countries-menu-trigger, .main-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: #fff;
    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: #00c2d6;
                    color: #fff;
                }

.header__countries-menu {
    opacity: .9;
}

@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: #fff;
    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: .75rem;
    left: 1rem;
    z-index: 100;
}

.header__top-for-mobile .search {
    top: .25rem;
    left: 0;
    height: 4rem;
}

    .header__top-for-mobile .search input {
        height: 4rem;
        box-shadow: none;
        background: #324651;
        color: #fff;
    }

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

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

.header__top-for-mobile .header__country-selector {
    margin-right: 1rem;
    border: 0;
    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: .5rem;
}

.header__navigation {
    width: 100%;
    float: right;
    margin-right: 0;
    margin-left: 0;
    clear: both;
    margin-top: 0;
}

    .header__navigation .dl-menu {
        background: #37474f;
        padding-left: 2rem;
        padding-right: 2rem;
    }

.header-desktop .dl-menu > li {
    outline: 0;
    box-shadow: inset 0 -1px rgba(0,0,0,.2);
    color: #f3efe0;
    text-transform: uppercase;
    text-shadow: 0 0 1px rgba(255,255,255,.1);
    letter-spacing: 1px;
    transition: background .3s,box-shadow .3s;
    border-right: 2px groove #546e7a;
}

    .header-desktop .dl-menu > li:nth-child(1) {
        border-right: none;
    }

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

.header__country-selector {
    display: inline-block;
    position: relative;
    border-right: 1px solid #4c626d;
    border-left: 1px solid #4c626d;
    vertical-align: top;
}

@media (min-width:1000px) {
    .header__country-selector {
        height: auto;
        border: 0;
        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: #37474f;
    height: 2rem;
    display: inline-block;
}

    .header__country-selector__current i {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        font-size: 15px;
    }

    .header__country-selector__current.is-active, .header__country-selector__current:hover {
        color: #00c2d6;
        text-decoration: none;
        background: 0 0;
    }

@media (min-width:0) and (max-width:1000px) {
    .header__country-selector__current {
        color: #fff;
    }
}

.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 #00c2d6;
}

@media (min-width:1000px) {
    .header__country-selector__countries li {
        border: 1px solid #dfdfdf;
        background: #fff;
        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: #00c2d6;
        color: #fff;
        text-decoration: none;
    }

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

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

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

.ngdialog, .ngdialog-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.ngdialog {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 10000;
}

.ngdialog-overlay {
    background: rgba(0,0,0,.4);
    -webkit-backface-visibility: hidden;
    -webkit-animation: ngdialog-fadein .5s;
    animation: ngdialog-fadein .5s;
}

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

.ngdialog-content {
    background: #fff;
    -webkit-animation: ngdialog-fadein .5s;
    animation: ngdialog-fadein .5s;
}

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

.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;
        top: 0;
    }

        .ngdialog.ngdialog-theme-default .ngdialog-close:before {
            background: 0 0;
            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:active:before, .ngdialog.ngdialog-theme-default .ngdialog-close:hover: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 input[type=email], .ngdialog.ngdialog-theme-default .ngdialog-input input[type=password], .ngdialog.ngdialog-theme-default .ngdialog-input input[type=text], .ngdialog.ngdialog-theme-default .ngdialog-input input[type=url], .ngdialog.ngdialog-theme-default .ngdialog-input textarea {
            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 input[type=email]:focus, .ngdialog.ngdialog-theme-default .ngdialog-input input[type=password]:focus, .ngdialog.ngdialog-theme-default .ngdialog-input input[type=text]:focus, .ngdialog.ngdialog-theme-default .ngdialog-input input[type=url]:focus, .ngdialog.ngdialog-theme-default .ngdialog-input textarea:focus {
                box-shadow: inset 0 0 0 2px #8dbdf1;
                outline: 0;
            }

    .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: 0;
        }

@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: .5rem;
}

.dialog__content, .dialog__header {
    font-family: "Noto Kufi Arabic","Helvetica Neue LT","Arial",sans-serif;
    line-height: 1.6;
}

.dialog__header {
    -moz-osx-font-smoothing: grayscale;
    font-size: 1.5rem;
    font-weight: 400;
}

.dialog__content {
    font-size: 1.125rem;
    font-weight: 500;
}

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

v-tab, v-tabs {
    position: relative;
}

v-tabs {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-width: 100%;
}

v-tab {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    cursor: pointer;
    color: inherit;
    background-color: #fff;
}

    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;
    }

v-page, v-pages {
    display: block;
    position: relative;
}

v-page {
    display: none;
}

.vTabs--default v-tab {
    transition: color .25s;
    outline: 0;
}

    .vTabs--default v-tab::after {
        content: '';
        position: absolute;
        display: block;
        left: 0;
        background-color: #d8d8d8;
        transition: background-color .5s .25s;
    }

    .vTabs--default v-tab.is-active::after {
        background-color: #2196f3;
    }

    .vTabs--default v-tab.is-active-remove::after {
        transition: background-color .25s;
    }

    .vTabs--default v-tab:focus, .vTabs--default v-tab:hover {
        color: #2196f3;
    }

    .vTabs--default v-tab[disabled] {
        opacity: .5;
    }

        .vTabs--default v-tab[disabled]:focus, .vTabs--default v-tab[disabled]:hover {
            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;
    }

.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 .5s .25s,transform .5s .25s;
            transition: opacity .5s .25s,transform .5s .25s,-webkit-transform .5s .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 .25s,transform .25s;
            transition: opacity .25s,transform .25s,-webkit-transform .25s;
        }

        .df-tab-menu-dropdown-open ~ .df-tab-menu-dropdown, .vPages--default v-page.is-active-add, .vPages--default v-page.is-active-remove, v-tab a {
            display: block;
        }

.df-tab-menu {
    margin: 0 auto;
    padding: 0;
    list-style: none;
    text-align: right;
    background-color: #fff;
    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: .5rem 1rem;
        }

            .df-tab-menu > li a:hover {
                text-decoration: none;
                border-bottom: 3px solid #00c2d6;
            }

    .df-tab-menu a {
        text-decoration: none;
    }

        .df-tab-menu a:focus, .df-tab-menu a:hover {
            text-decoration: none;
        }

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

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

.df-tab-menu-dropdown {
    background-color: #fff;
    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: .5rem 1rem;
            clear: both;
            white-space: nowrap;
            height: auto;
        }

            .df-tab-menu-dropdown li a:hover {
                border: 0;
                text-decoration: none;
                background-color: #00c2d6;
                color: #fff;
            }

.vTabs--default, v-tabs {
    margin-top: 1.5rem;
    padding-bottom: 0;
}

    .vTabs--default .is-active, v-tabs .is-active {
        border-left: 1px solid #d3d3d3;
        border-right: 1px solid #d3d3d3;
    }

v-tab:hover {
    background-color: #f3f3f3;
}

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

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

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

.vTabs--secondary {
    margin-top: 0;
    padding-bottom: 0;
    text-align: center;
}

    .vTabs--secondary :focus, .vTabs--secondary:active :active, .vTabs--secondary:focus {
        box-shadow: none;
        outline: 0;
    }

    .vTabs--secondary .is-active {
        border: 0;
        border-bottom: 2px solid #00c2d6;
    }
/*!
 *  Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

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

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@-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);
    }

    to {
        -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);
    }

    to {
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    }
}

@-webkit-keyframes sk-doubleBounce {
    0%,to {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes sk-doubleBounce {
    0%,to {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes sk-waveStretchDelay {
    0%,40%,to {
        -webkit-transform: scaleY(.4);
        transform: scaleY(.4);
    }

    20% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
}

@keyframes sk-waveStretchDelay {
    0%,40%,to {
        -webkit-transform: scaleY(.4);
        transform: scaleY(.4);
    }

    20% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
}

@-webkit-keyframes sk-wanderingCubeMove {
    25% {
        -webkit-transform: translateX(42px) rotate(-90deg) scale(.5);
        transform: translateX(42px) rotate(-90deg) scale(.5);
    }

    50% {
        -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(0) translateY(42px) rotate(-270deg) scale(.5);
        transform: translateX(0) translateY(42px) rotate(-270deg) scale(.5);
    }

    to {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}

@keyframes sk-wanderingCubeMove {
    25% {
        -webkit-transform: translateX(42px) rotate(-90deg) scale(.5);
        transform: translateX(42px) rotate(-90deg) scale(.5);
    }

    50% {
        -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(0) translateY(42px) rotate(-270deg) scale(.5);
        transform: translateX(0) translateY(42px) rotate(-270deg) scale(.5);
    }

    to {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}

@-webkit-keyframes sk-pulseScaleOut {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }
}

@keyframes sk-pulseScaleOut {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }
}

@-webkit-keyframes sk-chasingDotsRotate {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes sk-chasingDotsRotate {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes sk-chasingDotsBounce {
    0%,to {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes sk-chasingDotsBounce {
    0%,to {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes sk-threeBounceDelay {
    0%,80%,to {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes sk-threeBounceDelay {
    0%,80%,to {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes sk-circleBounceDelay {
    0%,80%,to {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes sk-circleBounceDelay {
    0%,80%,to {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes sk-cubeGridScaleDelay {
    0%,70%,to {
        -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%,to {
        -webkit-transform: scale3D(1,1,1);
        transform: scale3D(1,1,1);
    }

    35% {
        -webkit-transform: scale3D(0,0,1);
        transform: scale3D(0,0,1);
    }
}

@-webkit-keyframes sk-innerCircle {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes sk-innerCircle {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes sk-circleFadeDelay {
    0%,39%,to {
        opacity: 0;
    }

    40% {
        opacity: 1;
    }
}

@keyframes sk-circleFadeDelay {
    0%,39%,to {
        opacity: 0;
    }

    40% {
        opacity: 1;
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@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: 400;
    font-style: normal;
}

.fa {
    display: inline-block;
    font: 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);
}

.fa-lg {
    font-size: 1.33333em;
    line-height: .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: .14286em;
    text-align: center;
}

    .fa-li.fa-lg {
        left: -1.85714em;
    }

.fa-border {
    padding: .2em .25em .15em;
    border: solid .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);
}

.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-flip-horizontal, :root .fa-flip-vertical, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-rotate-90 {
    -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, .mi-footer__links a:hover, .mi-footer__social-icons a:hover, .mi-why-register--user-logged-in a:hover, .watch-list__entry.highlighted td a {
    color: #fff;
}

.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-close:before, .fa-remove: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-cog:before, .fa-gear: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-repeat:before, .fa-rotate-right: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-image:before, .fa-photo: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-exclamation-triangle:before, .fa-warning: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-cogs:before, .fa-gears: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-floppy-o:before, .fa-save:before {
    content: "";
}

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

.fa-bars:before, .fa-navicon:before, .fa-reorder: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-sort:before, .fa-unsorted:before {
    content: "";
}

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

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

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

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

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

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

.fa-dashboard:before, .fa-tachometer:before {
    content: "";
}

.fa-comment-o:before {
    content: "";
}

.fa-comments-o:before {
    content: "";
}

.fa-bolt:before, .fa-flash:before {
    content: "";
}

.fa-sitemap:before {
    content: "";
}

.fa-umbrella:before {
    content: "";
}

.fa-clipboard:before, .fa-paste: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-chain-broken:before, .fa-unlink: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-caret-square-o-down:before, .fa-toggle-down:before {
    content: "";
}

.fa-caret-square-o-up:before, .fa-toggle-up:before {
    content: "";
}

.fa-caret-square-o-right:before, .fa-toggle-right:before {
    content: "";
}

.fa-eur:before, .fa-euro:before {
    content: "";
}

.fa-gbp:before {
    content: "";
}

.fa-dollar:before, .fa-usd:before {
    content: "";
}

.fa-inr:before, .fa-rupee:before {
    content: "";
}

.fa-cny:before, .fa-jpy:before, .fa-rmb:before, .fa-yen:before {
    content: "";
}

.fa-rouble:before, .fa-rub:before, .fa-ruble:before {
    content: "";
}

.fa-krw:before, .fa-won: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-caret-square-o-left:before, .fa-toggle-left:before {
    content: "";
}

.fa-dot-circle-o:before {
    content: "";
}

.fa-wheelchair:before {
    content: "";
}

.fa-vimeo-square:before {
    content: "";
}

.fa-try:before, .fa-turkish-lira: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-bank:before, .fa-institution:before, .fa-university:before {
    content: "";
}

.fa-graduation-cap:before, .fa-mortar-board: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-image-o:before, .fa-file-photo-o:before, .fa-file-picture-o:before {
    content: "";
}

.fa-file-archive-o:before, .fa-file-zip-o:before {
    content: "";
}

.fa-file-audio-o:before, .fa-file-sound-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-ring:before, .fa-life-saver:before, .fa-support:before {
    content: "";
}

.fa-circle-o-notch:before {
    content: "";
}

.fa-ra:before, .fa-rebel:before {
    content: "";
}

.fa-empire:before, .fa-ge: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-paper-plane:before, .fa-send:before {
    content: "";
}

.fa-paper-plane-o:before, .fa-send-o:before {
    content: "";
}

.fa-history:before {
    content: "";
}

.fa-circle-thin:before, .fa-genderless: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-futbol-o:before, .fa-soccer-ball-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-ils:before, .fa-shekel:before, .fa-sheqel: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-bed:before, .fa-hotel: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: .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:after, .mi-footer:before {
            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:after, .mi-footer ul:before {
            content: " ";
            display: table;
        }

        .mi-footer ul:after {
            clear: both;
        }
}

.mi-footer li {
    display: inline-block;
    padding: .25rem;
}

@media (min-width:1000px) {
    .mi-footer__column1 {
        width: 66.19718%;
        float: right;
        margin-left: 1.40845%;
    }

    .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 {
    vertical-align: bottom;
}

.mi-footer__copyright, .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__menu-level3:hover, .mi-footer__social-icons a {
    color: #8a8a8a;
}

.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:after, .mi-footer__main-menu:before {
        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-size: 1.5rem;
    font-weight: 400;
    -moz-osx-font-smoothing: grayscale;
    color: #00c2d6;
    display: block;
}

.mi-footer__menu-level1, .mi-footer__menu-level2, .mi-footer__menu-level3 {
    font-family: "Noto Kufi Arabic","Helvetica Neue LT","Arial",sans-serif;
}

.mi-footer__menu-level2 {
    margin-top: .5rem;
    font-size: 1.125rem;
    font-weight: 500;
    color: #8a8a8a;
}

.mi-footer__menu-level3 {
    color: #fff;
    font-size: .8125rem;
    font-weight: 400;
}

.mi-footer__menu-item, .mi-footer__menu__markets {
    width: 19.71831%;
    float: right;
    margin-left: 1.40845%;
}

    .mi-footer__menu-item:last-of-type, .mi-footer__menu__news__submenu:last-of-type {
        float: left;
        margin-left: 0;
    }

.mi-footer__menu__news {
    width: 45.07042%;
    float: right;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

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

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

.mi-footer__menu__companies, .mi-footer__menu__news__submenu {
    width: 32.39437%;
    float: right;
    margin-left: 1.40845%;
}

.mi-footer__menu__companies {
    width: 15.49296%;
}

.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;
    }
}

.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;
}

.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: .6;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: sk-doubleBounce 2s infinite ease-in-out;
    animation: sk-doubleBounce 2s infinite ease-in-out;
}

.sk-spinner-double-bounce .sk-double-bounce2 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
}

.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: -1s;
    animation-delay: -1s;
}

.sk-spinner-wave .sk-rect4 {
    -webkit-animation-delay: -.9s;
    animation-delay: -.9s;
}

.sk-spinner-wave .sk-rect5 {
    -webkit-animation-delay: -.8s;
    animation-delay: -.8s;
}

.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: -.9s;
    animation-delay: -.9s;
}

.sk-spinner-pulse.sk-spinner {
    width: 40px;
    height: 40px;
    margin: 0 auto;
    background-color: #333;
    border-radius: 100%;
    -webkit-animation: sk-pulseScaleOut 1s infinite ease-in-out;
    animation: sk-pulseScaleOut 1s infinite ease-in-out;
}

.sk-spinner-chasing-dots.sk-spinner {
    margin: 0 auto;
    width: 40px;
    height: 40px;
    position: relative;
    text-align: center;
    -webkit-animation: sk-chasingDotsRotate 2s infinite linear;
    animation: sk-chasingDotsRotate 2s 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 2s infinite ease-in-out;
    animation: sk-chasingDotsBounce 2s infinite ease-in-out;
}

.sk-spinner-chasing-dots .sk-dot2 {
    top: auto;
    bottom: 0;
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
}

.sk-spinner-three-bounce.sk-spinner {
    margin: 0 auto;
    width: 70px;
    text-align: center;
}

.sk-spinner-circle .sk-circle:before, .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;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.sk-spinner-three-bounce .sk-bounce1 {
    -webkit-animation-delay: -.32s;
    animation-delay: -.32s;
}

.sk-spinner-three-bounce .sk-bounce2 {
    -webkit-animation-delay: -.16s;
    animation-delay: -.16s;
}

.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%;
        -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out;
        animation: sk-circleBounceDelay 1.2s infinite ease-in-out;
    }

.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: -1s;
    animation-delay: -1s;
}

.sk-spinner-circle .sk-circle4:before {
    -webkit-animation-delay: -.9s;
    animation-delay: -.9s;
}

.sk-spinner-circle .sk-circle5:before {
    -webkit-animation-delay: -.8s;
    animation-delay: -.8s;
}

.sk-spinner-circle .sk-circle6:before {
    -webkit-animation-delay: -.7s;
    animation-delay: -.7s;
}

.sk-spinner-circle .sk-circle7:before {
    -webkit-animation-delay: -.6s;
    animation-delay: -.6s;
}

.sk-spinner-circle .sk-circle8:before {
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s;
}

.sk-spinner-circle .sk-circle9:before {
    -webkit-animation-delay: -.4s;
    animation-delay: -.4s;
}

.sk-spinner-circle .sk-circle10:before {
    -webkit-animation-delay: -.3s;
    animation-delay: -.3s;
}

.sk-spinner-circle .sk-circle11:before {
    -webkit-animation-delay: -.2s;
    animation-delay: -.2s;
}

.sk-spinner-circle .sk-circle12:before {
    -webkit-animation-delay: -.1s;
    animation-delay: -.1s;
}

.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: .2s;
        animation-delay: .2s;
    }

    .sk-spinner-cube-grid .sk-cube:nth-child(2) {
        -webkit-animation-delay: .3s;
        animation-delay: .3s;
    }

    .sk-spinner-cube-grid .sk-cube:nth-child(3) {
        -webkit-animation-delay: .4s;
        animation-delay: .4s;
    }

    .sk-spinner-cube-grid .sk-cube:nth-child(4) {
        -webkit-animation-delay: .1s;
        animation-delay: .1s;
    }

    .sk-spinner-cube-grid .sk-cube:nth-child(5) {
        -webkit-animation-delay: .2s;
        animation-delay: .2s;
    }

    .sk-spinner-cube-grid .sk-cube:nth-child(6) {
        -webkit-animation-delay: .3s;
        animation-delay: .3s;
    }

    .sk-spinner-cube-grid .sk-cube:nth-child(7) {
        -webkit-animation-delay: 0s;
        animation-delay: 0s;
    }

    .sk-spinner-cube-grid .sk-cube:nth-child(8) {
        -webkit-animation-delay: .1s;
        animation-delay: .1s;
    }

    .sk-spinner-cube-grid .sk-cube:nth-child(9) {
        -webkit-animation-delay: .2s;
        animation-delay: .2s;
    }

.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;
}

.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;
        -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: -1s;
    animation-delay: -1s;
}

.sk-spinner-fading-circle .sk-circle4:before {
    -webkit-animation-delay: -.9s;
    animation-delay: -.9s;
}

.sk-spinner-fading-circle .sk-circle5:before {
    -webkit-animation-delay: -.8s;
    animation-delay: -.8s;
}

.sk-spinner-fading-circle .sk-circle6:before {
    -webkit-animation-delay: -.7s;
    animation-delay: -.7s;
}

.sk-spinner-fading-circle .sk-circle7:before {
    -webkit-animation-delay: -.6s;
    animation-delay: -.6s;
}

.sk-spinner-fading-circle .sk-circle8:before {
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s;
}

.sk-spinner-fading-circle .sk-circle9:before {
    -webkit-animation-delay: -.4s;
    animation-delay: -.4s;
}

.sk-spinner-fading-circle .sk-circle10:before {
    -webkit-animation-delay: -.3s;
    animation-delay: -.3s;
}

.sk-spinner-fading-circle .sk-circle11:before {
    -webkit-animation-delay: -.2s;
    animation-delay: -.2s;
}

.sk-spinner-fading-circle .sk-circle12:before {
    -webkit-animation-delay: -.1s;
    animation-delay: -.1s;
}

.mi-layout-home__container, .mi-special-coverage__content-container {
    margin-left: auto;
    margin-right: auto;
    margin: 0 auto 1rem;
    max-width: 1920px;
}

    .mi-layout-home__container:after, .mi-layout-home__container:before, .mi-special-coverage__content-container:after, .mi-special-coverage__content-container:before {
        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;
}

@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:after, .mi-layout-home__breaking:before {
    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;
}

@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:after, .mi-layout-home__important-news:before {
    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:after, .mi-layout-home__aside-container:before {
        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;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

@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:after, .mi-layout-home__content:before {
    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:after, .mi-layout-home__islamic-news:before {
        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:after, .mi-layout-home__top-news:before {
        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:after, .mi-layout-home__arabic-news:before {
        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:after, .mi-layout-home__exclusive-news:before {
        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:after, .mi-layout-home__international-news:before {
        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:after, .mi-layout-home__international-news .md-whiteframe-z1:before, .mi-layout-home__international-news-item:after, .mi-layout-home__international-news-item:before {
        content: " ";
        display: table;
    }

    .mi-layout-home__international-news .md-whiteframe-z1:after, .mi-layout-home__international-news-item:after {
        clear: both;
    }

.mi-layout-home__international-news-item {
    display: none;
    margin-top: 1rem;
}

@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, .mi-layout-home__popular-news-container {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

    .home__popular-and-tv-container:after, .home__popular-and-tv-container:before {
        content: " ";
        display: table;
    }

    .home__popular-and-tv-container:after {
        clear: both;
    }

    .mi-layout-home__popular-news-container:after, .mi-layout-home__popular-news-container:before {
        content: " ";
        display: table;
    }

    .mi-layout-home__popular-news-container:after {
        clear: both;
    }

@media (min-width:641px) {
    .mi-layout-home__popular-news, .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:after, .home__radio-episodes:before {
        content: " ";
        display: table;
    }

    .home__radio-episodes:after {
        clear: both;
    }

.home__radio-episodes__item {
    padding-left: .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: .875rem;
    font-weight: 500;
    color: #00c2d6;
    display: inline-block;
}

.mi-layout-home__luxury-news {
    clear: both;
    display: none;
}

    .mi-layout-home__luxury-news:after, .mi-layout-home__luxury-news:before {
        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:after, .mi-layout-home__luxury-news-item:before {
        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), .mi-tv-video:nth-child(2n+2) {
    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:after, .mi-tv-video:before {
        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(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:after, .mi-layout-home__tv-item:before {
        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:after, .mi-layout-home__sidebar:before {
        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:after, .mi-layout-home__side-ad:before {
        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:after, .mi-layout-home__radio:before {
        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:after, .mi-layout-home__important-links:before {
        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:after, .mi-layout-home__social-statistics:before {
        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:after, .mi-layout-home__hashtag:before {
        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;
    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: #fff;
    }

.mi-layout-home__calendar {
    display: none;
    width: 100%;
    float: right;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 1rem;
}

    .mi-layout-home__calendar:after, .mi-layout-home__calendar:before {
        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;
}

@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:after, .mi-layout-home__facebook:before {
    content: " ";
    display: table;
}

.mi-layout-home__facebook:after {
    clear: both;
}

.mi-facebook {
    margin: .5rem auto;
    border: 0;
}

.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:after, .mi-layout-home__why-register:before {
        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:after, .mi-our-apps:before {
        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: .9375rem;
    font-weight: 400;
    text-align: center;
    border: 1px solid #dfdfdf;
    background: #fff;
    padding: .5rem;
}

    .mi-article-widget__more-button:hover {
        color: #333;
    }

.mi-article__content .article__content-text p, .mi-news-landing__top-news {
    margin-bottom: 1rem;
}

.mi-important-news__first {
    width: 100%;
    float: right;
    margin-right: 0;
    margin-left: 0;
    padding-bottom: .25rem;
    padding-left: .125rem;
    font-family: "Noto Kufi Arabic","Helvetica Neue LT","Arial",sans-serif;
    font-size: 1.125rem;
    font-weight: 500;
}

    .mi-important-news__first:after, .mi-important-news__first:before {
        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:after, .mi-important-news__second:before {
        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: .125rem;
    padding-bottom: .25rem;
}

    .mi-important-news__second-item:after, .mi-important-news__second-item:before {
        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:after, .mi-important-news__third:before {
        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 .08333rem;
}

    .mi-important-news__third-item:after, .mi-important-news__third-item:before {
        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 .16667rem;
}

.mi-important-news__third-item:last-child {
    padding: 0 .16667rem 0 0;
}

.mi-misc-news__items {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

    .mi-misc-news__items:after, .mi-misc-news__items:before {
        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: .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: #fff;
    transition: all .4s ease;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    padding-bottom: 5px;
    padding-top: 5px;
}

    .mi-home-media-block:after, .mi-home-media-block:before {
        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: .25rem;
    padding-top: .5rem;
    font-family: "Noto Kufi Arabic","Helvetica Neue LT","Arial",sans-serif;
    font-size: .9375rem;
    font-weight: 400;
}

.mi-home-media-block__date {
    position: absolute;
    left: .25rem;
    bottom: .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: 700;
}

.mi-article-card--international-news, .mi-article-card--international-news--higher, .mi-article-card--misc-news {
    position: relative;
    padding-top: 36.6%;
    overflow: hidden;
    display: block;
    height: 150px;
}

    .mi-article-card--international-news--higher:hover img, .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 {
    padding-top: 56.6% !important;
    height: 0;
}

.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,.1),rgba(0,0,0,.6)) 0% 0%;
    padding: .5em 1rem;
}

    .mi-article-card--international-news__content:after, .mi-article-card--international-news__content:before, .mi-article-card--misc-news__content:after, .mi-article-card--misc-news__content:before {
        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, .mi-article-card--misc-news__title {
    font-family: "Noto Kufi Arabic","Helvetica Neue LT","Arial",sans-serif;
    font-size: 1.125rem;
    font-weight: 500;
    color: #fff;
}

.mi-article-card--misc-news__title {
    font-size: .9375rem;
    font-weight: 400;
}

.mi-popular-news__tabs {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: .5rem;
    border-bottom: .25rem solid #008998;
    margin-top: 1rem;
}

    .mi-popular-news__tabs:after, .mi-popular-news__tabs:before {
        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;
    line-height: normal;
    margin: 0;
    position: relative;
    text-decoration: none;
    display: inline-block;
    padding: .5rem 1rem .5625rem;
    background-color: #00c2d6;
    border-color: #009bab;
    transition: background-color 300ms ease-out;
    font-family: "Noto Kufi Arabic","Helvetica Neue LT","Arial",sans-serif;
    font-size: .9375rem;
    font-weight: 400;
    color: #fff;
    border-right: 1px solid #fff;
    text-align: center;
}

    .mi-popular-news__tab:focus, .mi-popular-news__tab:hover {
        background-color: #009bab;
        color: #fff;
    }

    .mi-popular-news__tab.active {
        background-color: #008998;
    }

    .mi-popular-news__tab:after, .mi-popular-news__tab:before {
        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: #eee;
}

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

    .mi-popular-news__content:after {
        clear: both;
    }

.mi-why-register {
    color: #fff;
    background-image: linear-gradient(rgba(0,0,0,.3),rgba(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__title1 {
    font-size: 2em;
    line-height: 1.6;
    display: block;
    margin-bottom: .5rem;
}

.mi-why-register__title2 {
    font-size: 2.5em;
    line-height: 1.6;
    display: block;
    font-weight: 700;
}

.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:after, .mi-why-register__list:before {
        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;
}

.mi-why-register__form {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

    .mi-why-register__form:after, .mi-why-register__form:before {
        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: .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:focus, .mi-why-register__text-field:hover {
        opacity: .9;
        color: #008cba;
        border: 1px solid #008cba;
        box-shadow: 0 1px 0 rgba(255,255,255,.25),inset 0 3px 6px rgba(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: 400;
    line-height: normal;
    position: relative;
    text-decoration: none;
    display: inline-block;
    padding: 1.125rem 2.25rem 1.1875rem;
    font-size: 1.25rem;
    background-color: #00c2d6;
    border-color: #009bab;
    color: #fff;
    transition: background-color 300ms ease-out;
    padding-left: 10%;
    text-align: left;
    width: 49.0566%;
    float: right;
    margin: 0 0 0 1.88679%;
}

    .mi-our-apps__button:focus, .mi-our-apps__button:hover {
        background-color: #009bab;
        color: #fff;
    }

    .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: 700;
}

.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: 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: .5rem;
    }

    .mi-article-card--misc-news__image {
        height: 150px;
    }
}

.home__title {
    margin: 1rem 0 0;
    display: block;
    padding: .5rem 1rem;
    border-bottom: 1px solid #ccc;
    background-color: #00c2d6;
    color: #fff;
    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: #0094a3;
    }

.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: 700;
}

.mi-radio-teaser__image {
    margin: 16px;
    text-align: left;
    position: absolute;
    left: 1rem;
}

.mi-article {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1rem;
    max-width: 640px;
    background: #fff;
    border: 1px solid #dfdfdf;
}

    .mi-article:after, .mi-article:before {
        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;
    }
}

.mi-article__main-image {
    overflow-y: hidden;
    width: 100%;
    max-height: 600px;
    position: relative;
}

    .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__dates-container {
    color: #757575;
}

.mi-article__body, .mi-article__comments, .mi-article__related {
    margin: .5rem auto;
    clear: both;
}

.mi-article__body, .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-article__updated-at {
    margin-right: 1.5rem;
}

.mi-article__source {
    margin-top: 1rem;
    color: #757575;
}

.mi-article__attachments {
    margin-top: 1rem;
}

.mi-article__content-container {
    margin-right: 48px;
}

.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: #008998;
    height: 90px;
    width: 90px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 11px;
    border-radius: 50%;
    margin-bottom: 1rem;
    color: #fff;
}

.mi-article__article-needs-subscription-message {
    color: #757575;
    font-family: "Noto Kufi Arabic","Helvetica Neue LT","Arial",sans-serif;
    font-size: 1.3125rem;
    width: 60%;
    font-weight: 700;
    margin-left: auto;
    margin-right: auto;
}

.mi-article__article-needs-subscription-link {
    -webkit-appearance: none;
    -moz-appearance: none;
    border-style: solid;
    border-width: 0;
    cursor: pointer;
    margin: 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    padding: 1rem 2rem 1.0625rem;
    background-color: #24c9dd;
    border-color: #1ca2b2;
    border-radius: 6px;
    transition: background-color 300ms ease-out;
    font-family: "Noto Kufi Arabic","Helvetica Neue LT","Arial",sans-serif;
    font-size: .8125rem;
    line-height: 1;
    display: inline-block;
    vertical-align: middle;
    padding: 7px 20px !important;
    box-sizing: border-box;
    font-weight: 700;
    margin: 0 0 0 .25rem !important;
    color: #fff;
}

    .mi-article__article-needs-subscription-link:focus, .mi-article__article-needs-subscription-link:hover {
        background-color: #efefef;
        color: #333;
    }

    .mi-article__article-needs-subscription-link:hover {
        color: #33ccdf;
    }

.mi-article__article-needs-subscription-timer {
    border-radius: 50%;
    width: 4em;
    height: 4em;
    background: 0 0;
    border: 2px solid #1ca2b2;
    display: inline-block;
}

.mi-article__content {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

    .mi-article__content.has-stocks .article__content-text, .mi-article__content.has-stocks .article__content-text div {
        display: inline;
    }

    .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: 700 !important;
    }

    .mi-article__content .article__content-text a, .mi-article__content .article__content-text a * {
        text-decoration: none !important;
        color: #008998 !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;
    }

.mi-article__image-caption, .mi-article__related-title {
    font-family: "Noto Kufi Arabic","Helvetica Neue LT","Arial",sans-serif;
    font-weight: 500;
}

.mi-article__image-caption {
    text-align: center;
    color: #757575;
    display: block;
    margin-top: .5rem;
    font-size: .875rem;
}

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

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

.mi-article__related-title {
    font-size: 1.125rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.mi-article__related-item {
    margin-bottom: .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;
}

@media (max-width:640px) {
    .mi-article__content-container {
        margin-right: 0;
    }

    .addthis_sharing_toolbox--vertical {
        width: auto;
        float: none;
        text-align: center;
        margin-top: .5rem;
    }
}

.mi-article__stocks {
    display: none;
}

@media (min-width:641px) {
    .mi-article__stocks {
        display: block;
        float: left;
        width: 13.75rem;
        margin-right: 1rem;
        margin-bottom: 1rem;
    }
}

.article__related-tags {
    font-weight: 700;
    margin-left: .5rem;
}

.mi-layout-news-results__container {
    margin-left: auto;
    margin-right: auto;
    margin: 0 auto 2rem;
    max-width: 1920px;
}

    .mi-layout-news-results__container:after, .mi-layout-news-results__container:before {
        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:after, .mi-news-results:before {
        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:after, .mi-news-results--media-block__item:before {
        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: 400;
        line-height: normal;
        margin: 0;
        position: relative;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        padding: .5rem 1rem .5625rem;
        background-color: #00c2d6;
        border-color: #009bab;
        color: #fff;
        transition: background-color 300ms ease-out;
    }

        .mi-layout-news-results__change-grid button:focus, .mi-layout-news-results__change-grid button:hover {
            background-color: #009bab;
            color: #fff;
        }

.mi-news-results-pagination {
    text-align: center;
    clear: both;
}

    .mi-news-results-pagination * {
        display: inline-block;
        border: 1px solid #dfdfdf;
        background: #fff;
        padding: .25rem .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-email, .addthis_sharing_toolbox--media-block .at-svc-google_plusone_share, .addthis_sharing_toolbox--media-block .at-svc-print, .no-whatsapp .at-svc-whatsapp {
        display: none !important;
    }

.mi-news-landing__container {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1rem;
    max-width: 640px;
}

    .mi-news-landing__container:after, .mi-news-landing__container:before {
        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:after, .mi-news-landing__top-news:before {
    content: " ";
    display: table;
}

.mi-news-landing__top-news:after {
    clear: both;
}

.mi-calendar-events__circle {
    color: #f3f3f3;
    background: #00f;
    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: #fff;
    border: 1px solid #f3f3f3;
}

.mi-calendar-events__timeline-day {
    font-weight: 700;
    display: block;
    padding: 1rem;
}

.mi-calendar-events__date, .mi-calendar-events__title {
    font-family: "Noto Kufi Arabic","Helvetica Neue LT","Arial",sans-serif;
}

.mi-calendar-events__date {
    color: #757575;
    margin-bottom: .5rem;
    font-size: .8125rem;
    font-weight: 400;
}

.mi-calendar-events__title {
    font-size: .9375rem;
    font-weight: 700;
}

.mi-calendar-events__details, .mi-calendar-events__host {
    font-family: "Noto Kufi Arabic","Helvetica Neue LT","Arial",sans-serif;
    font-weight: 400;
}

.mi-calendar-events__host {
    color: #546e7a;
    margin-bottom: 1rem;
    font-size: 1.3125rem;
}

    .mi-calendar-events__host:hover {
        text-decoration: underline;
    }

.mi-calendar-events__details {
    font-size: .9375rem;
}

.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:after, .stock-prices__summary:before {
        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, .stock-prices__summary__note {
    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-size: .8125rem;
    color: #757575;
    margin-top: .5rem;
}

.stock-prices__summary__block-row {
    border-bottom: 1px solid #757575;
    clear: both;
}

    .stock-prices__summary__block-row:after, .stock-prices__summary__block-row:before {
        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: .5rem 0;
}

@media (max-width:640px) {
    .stock-prices__last-update {
        display: block;
    }

    .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:after, .newsletter__intro:before {
        content: " ";
        display: table;
    }

    .newsletter__intro:after {
        clear: both;
    }

.newsletter__intro-image {
    overflow-y: hidden;
    height: 200px;
    width: 100%;
    margin-bottom: .5rem;
}

@media (min-width:641px) {
    .newsletter__intro-image {
        width: 32.39437%;
        float: right;
        margin-left: 1.40845%;
        height: 100%;
    }

    .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: .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: 400;
        line-height: normal;
        margin: 0;
        position: relative;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        padding: 1rem 2rem 1.0625rem;
        font-size: 1rem;
        background-color: #00c2d6;
        border-color: #009bab;
        color: #fff;
        transition: background-color 300ms ease-out;
    }

        .newsletter__login-to-subscribe button:focus, .newsletter__login-to-subscribe button:hover {
            background-color: #009bab;
            color: #fff;
        }

.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: .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 .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:after, .market-summary:before {
        content: " ";
        display: table;
    }

    .market-summary:after {
        clear: both;
    }

.market-summary__block {
    padding: .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-summary__last-price {
    font-family: "Noto Kufi Arabic","Helvetica Neue LT","Arial",sans-serif;
    font-size: 2.8125rem;
    text-align: center;
    font-weight: 700;
}

.market-summary__date, .market-summary__note {
    font-family: "Noto Kufi Arabic","Helvetica Neue LT","Arial",sans-serif;
    font-size: .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: .25rem 0;
}

    .market-summary__block-row:after, .market-summary__block-row:before {
        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-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, .market__indices .mi-table tr td {
    font-weight: 700;
}

.market-summary__media-blocks {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

    .market-summary__media-blocks:after, .market-summary__media-blocks:before {
        content: " ";
        display: table;
    }

    .market-summary__media-blocks:after {
        clear: both;
    }

.market-summary-media-block {
    border: 1px solid #dfdfdf;
    background: #fff;
    transition: all .4s ease;
    margin-bottom: .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;
        }
}

.market__chart {
    direction: ltr;
}

.market__indices .mi-table tr td:first-child {
    font-weight: 400;
    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,.29);
    padding: .5rem;
    border: 1px solid #ccc;
    text-align: center;
}

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

    .mi-market-chart__controls:after {
        clear: both;
    }

    .mi-funds-details__chart-controls dt, .mi-market-chart__controls dt {
        display: inline-block;
    }

        .mi-funds-details__chart-controls dt:last-of-type, .mi-market-chart__controls dt:last-of-type {
            margin-right: 2rem;
        }

    .mi-funds-details__chart-controls dd, .mi-market-chart__controls dd {
        display: inline-block;
        margin: 0 .25rem;
        padding: 0;
    }

        .mi-funds-details__chart-controls dd button, .mi-market-chart__controls dd button {
            font-family: "Noto Kufi Arabic","Helvetica Neue LT","Arial",sans-serif;
            font-size: .9375rem;
            font-weight: 400;
            color: #757575;
            background: 0 0;
            border: 0;
            border-radius: .3125rem;
            padding: .25rem .5rem;
        }

            .mi-market-chart__controls dd button:active, .mi-market-chart__controls dd button:hover {
                background: #01c2d9;
                color: #fff;
            }

            .mi-market-chart__controls dd button.is-active {
                background: #01c2d9;
                font-weight: 700;
                color: #fff;
            }

.mi-home-media-block__lock {
    float: left;
    height: 24px;
    width: 24px;
    margin-left: .25rem;
    background-color: #008998;
    text-align: center;
    vertical-align: middle;
    border-radius: 50%;
    color: #fff;
    padding-top: 2px;
}

.stock-overview-summary {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 1rem;
    background: #fff;
}

    .stock-overview-summary:after, .stock-overview-summary:before {
        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, .stock-overview-summary__note {
    font-family: "Noto Kufi Arabic","Helvetica Neue LT","Arial",sans-serif;
}

.stock-overview-summary__last-price {
    text-align: center;
    font-size: 2.8125rem;
    font-weight: 700;
}

.stock-overview-summary__note {
    font-size: .8125rem;
    font-weight: 400;
    color: #757575;
    margin-top: .5rem;
}

.stock-overview-summary__block-row {
    border-bottom: 1px dotted #5b5b5b;
    clear: both;
}

    .stock-overview-summary__block-row:after, .stock-overview-summary__block-row:before {
        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: 700;
}

.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: .5rem 0 .5rem .25rem;
    bprder: 1px solid #dfdfdf;
}

    .stock__company-calendar__item:after, .stock__company-calendar__item:before {
        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: #00c2d6;
    color: #fff;
    text-align: center;
    padding-top: .5rem;
    padding-bottom: .5rem;
    font-weight: 700;
}

.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: .5rem 0 .5rem .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:after, .stock-overview__media-block-items:before {
            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: .5rem;
}

    .stock-overview__media-block-item:after, .stock-overview__media-block-item:before {
        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: .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:after, .stock-overview__media-blocks:before {
        content: " ";
        display: table;
    }

    .stock-overview__media-blocks:after {
        clear: both;
    }

.stock-overview-media-block {
    border: 1px solid #dfdfdf;
    background: #fff;
    transition: all .4s ease;
    margin-bottom: .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: .5rem;
    padding: .5rem 0;
}

    .stock-overview__calendar__item:after, .stock-overview__calendar__item:before {
        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: #00c2d6;
    color: #fff;
    text-align: center;
    padding-top: .5rem;
    padding-bottom: .5rem;
    font-weight: 700;
}

.stock-overview__calendar__item-content {
    width: 74.64789%;
    float: left;
    margin-left: 0;
}

.stock-overview__announcements__item {
    padding: 1rem 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: .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: .5rem;
}

    .stock-overview__text-and-value-item:after, .stock-overview__text-and-value-item:before {
        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: .5em;
}

    .news-flag-hint img {
        width: 1.5em;
    }

    .news-flag-hint .hint-txt {
        font-size: 14px;
        color: #989798;
    }

.highcharts-markers span {
    left: .6em !important;
    top: .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:after, .live__player:before {
            content: " ";
            display: table;
        }

        .live__player:after {
            clear: both;
        }

    .live__player__text-container {
        width: 66.19718%;
        float: right;
        margin-left: 1.40845%;
    }
}

.live__player__text1, .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: #fff;
}

.live__player__text2 {
    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-style: solid;
    border-width: 0;
    cursor: pointer;
    font-family: "Noto Kufi Arabic";
    font-weight: 400;
    line-height: normal;
    margin: 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    padding: 1rem 2rem 1.0625rem;
    font-size: 1rem;
    background-color: #458d37;
    border-color: #37712c;
    color: #fff;
    transition: background-color 300ms ease-out;
    border-radius: 50%;
    width: 12rem;
    height: 12rem;
}

    .live__player__playing:focus, .live__player__playing:hover {
        background-color: #37712c;
        color: #fff;
    }

.live__player__paused {
    -webkit-appearance: none;
    -moz-appearance: none;
    border-style: solid;
    border-width: 0;
    cursor: pointer;
    font-family: "Noto Kufi Arabic";
    font-weight: 400;
    line-height: normal;
    margin: 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    padding: 1rem 2rem 1.0625rem;
    font-size: 1rem;
    background-color: #546e7a;
    border-color: #435862;
    color: #fff;
    transition: background-color 300ms ease-out;
    border-radius: 50%;
    width: 12rem;
    height: 12rem;
}

    .live__player__paused:focus, .live__player__paused:hover {
        background-color: #435862;
        color: #fff;
    }

.live__player__volume-container i {
    vertical-align: middle;
}

.live__player__volume {
    direction: ltr;
    max-width: 200px;
}

.live__social-links {
    border-top: 1px solid #546e7a;
    background-color: #333;
    padding: .5rem;
    display: block;
    color: #fff;
    text-align: center;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 50px;
}

    .live__social-links:after, .live__social-links:before {
        content: " ";
        display: table;
    }

    .live__social-links:after {
        clear: both;
    }

    .live__social-links a {
        line-height: 50px;
        float: left;
        margin-right: 1rem;
        color: #fff;
    }

.live__schedule__item {
    margin-bottom: 1rem;
    background-color: #fff;
}

.live__schedule__item-time {
    display: block;
    color: #757575;
    float: left;
    font-weight: 700;
}

.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,.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:after, .live__schedule__item:before {
            content: " ";
            display: table;
        }

        .live__schedule__item:after {
            clear: both;
        }

    .live__schedule__item-image {
        width: 40.84507%;
        float: right;
        margin-left: 1.40845%;
        margin-left: .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: 700;
    padding: 5px 10px;
    background-color: #f3f3f3;
}

.live__schedule__change-day-container {
    margin-top: 1rem;
}

    .live__schedule__change-day-container:after, .live__schedule__change-day-container:before {
        content: " ";
        display: table;
    }

    .live__schedule__change-day-container:after {
        clear: both;
    }

.live__schedule__change-day-container, .presenters {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

    .presenters:after, .presenters:before {
        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:after, .presenters__social:before {
        content: " ";
        display: table;
    }

    .presenters__social:after {
        clear: both;
    }

.presenters__social-item {
    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 {
    margin: 0 0 .5rem;
    clear: both;
}

    .program-episode:after, .program-episode:before {
        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, .program-episode__expert {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

    .program-episode__expert:after, .program-episode__expert:before {
        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%;
        }

    .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: .5rem;
    margin-bottom: .5rem;
}

.program-episode__date {
    font-family: "Noto Kufi Arabic","Helvetica Neue LT","Arial",sans-serif;
    font-size: .875rem;
    font-weight: 500;
    color: #00c2d6;
    display: inline-block;
}

.program-episode__meta-data-container {
    margin-top: .5rem;
}

.program-episode__meta-data-text1 {
    font-weight: 700;
}

.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, .program-episode-details__meta-data-text1 {
    color: #757575 !important;
    font-family: "Noto Kufi Arabic","Helvetica Neue LT","Arial",sans-serif;
    font-size: 1.3125rem;
}

.program-episode-details__meta-data-container {
    margin-top: 1.5rem;
    font-weight: 400;
}

.program-episode-details__meta-data-text1 {
    font-weight: 700;
}

.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: 700;
}

.program-episode-details__date {
    text-align: left;
    margin-bottom: 1.5rem;
}

.video-program-details__description {
    color: #757575;
    margin-top: 1.5rem;
    margin-bottom: .5rem;
}

.company-profile__summary {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 1rem;
    background: #fff;
}

    .company-profile__summary:after, .company-profile__summary:before {
        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;
    text-align: center;
    font-weight: 700;
}

.company-profile__summary__note {
    font-family: "Noto Kufi Arabic","Helvetica Neue LT","Arial",sans-serif;
    font-size: .8125rem;
    font-weight: 400;
    color: #757575;
    margin-top: .5rem;
}

.company-profile__summary__block-row {
    border-bottom: 1px dotted #5b5b5b;
    clear: both;
}

    .company-profile__summary__block-row:after, .company-profile__summary__block-row:before {
        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: .5rem 0 .5rem .25rem;
    bprder: 1px solid #dfdfdf;
}

    .company-profile__company-calendar__item:after, .company-profile__company-calendar__item:before {
        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: #00c2d6;
    color: #fff;
    text-align: center;
    padding-top: .5rem;
    padding-bottom: .5rem;
    font-weight: 700;
}

.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: .5rem 0 .5rem .25rem;
    bordder: 1px solid #dfdfdf;
}

.company-profile__general-information {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

    .company-profile__general-information:after, .company-profile__general-information:before {
        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%;
    }

    .company-profile__general-information__items {
        width: 78.87324%;
        float: left;
        margin-left: 0;
    }
}

.company-profile__contact-information__item, .company-profile__general-information__item, .company-profile__management__item {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: .5rem;
}

    .company-profile__contact-information__item:after, .company-profile__contact-information__item:before, .company-profile__general-information__item:after, .company-profile__general-information__item:before, .company-profile__management__item:after, .company-profile__management__item:before {
        content: " ";
        display: table;
    }

    .company-profile__contact-information__item:after, .company-profile__general-information__item:after, .company-profile__management__item:after {
        clear: both;
    }

.company-profile__contact-information__text1, .company-profile__general-information__text1 {
    width: 32.39437%;
    float: right;
    margin-left: 1.40845%;
    font-weight: 700;
}

@media (min-width:1000px) {
    .company-profile__contact-information__text1, .company-profile__general-information__text1 {
        width: 23.94366%;
        float: right;
        margin-left: 1.40845%;
    }
}

.company-profile__contact-information__text2, .company-profile__general-information__text2 {
    width: 66.19718%;
    float: left;
    margin-left: 0;
}

@media (min-width:1000px) {
    .company-profile__contact-information__text2, .company-profile__general-information__text2, .company-profile__management__text2 {
        width: 74.64789%;
        float: left;
        margin-left: 0;
    }
}

.company-profile__contact-information__text2:after, .company-profile__contact-information__text2:before, .company-profile__general-information__text2:after, .company-profile__general-information__text2:before, .company-profile__management__text2:after, .company-profile__management__text2:before {
    content: " ";
    display: table;
}

.company-profile__contact-information__text2:after, .company-profile__general-information__text2:after, .company-profile__management__text2:after {
    clear: both;
}

.company-profile__management__text1 {
    font-weight: 700;
    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%;
}

@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;
    direction: ltr;
}

.mi-paged-table__filters--2 .mi-paged-table__filters-column, .mi-paged-table__filters--2 label {
    margin-bottom: 1rem;
    margin-top: 1rem;
}

@media (min-width:641px) {
    .mi-paged-table__filters--2 .mi-paged-table__filters-column, .mi-paged-table__filters--2 label {
        width: 49.29577%;
        float: right;
        margin-left: 1.40845%;
    }

        .mi-paged-table__filters--2 .mi-paged-table__filters-column:nth-child(even), .mi-paged-table__filters--2 label:nth-child(even) {
            float: left;
            margin-left: 0;
            clear: left;
        }
}

.mi-paged-table__filters--3 .mi-paged-table__filters-column, .mi-paged-table__filters--3 label {
    margin-bottom: 1rem;
    margin-top: 1rem;
}

@media (min-width:641px) {
    .mi-paged-table__filters--3 .mi-paged-table__filters-column, .mi-paged-table__filters--3 label {
        width: 32.39437%;
        float: right;
        margin-left: 1.40845%;
    }

        .mi-paged-table__filters--3 .mi-paged-table__filters-column:last-of-type, .mi-paged-table__filters--3 label:last-of-type {
            float: left;
            margin-left: 0;
        }
}

.mi-paged-table__filters--4 .mi-paged-table__filters-column, .mi-paged-table__filters--4 label {
    margin-bottom: 1rem;
    margin-top: 1rem;
}

@media (min-width:641px) {
    .mi-paged-table__filters--4 .mi-paged-table__filters-column, .mi-paged-table__filters--4 label {
        width: 32.39437%;
        float: right;
        margin-left: 1.40845%;
    }

        .mi-paged-table__filters--4 .mi-paged-table__filters-column:nth-child(3n+1), .mi-paged-table__filters--4 label:nth-child(3n+1) {
            float: left;
            margin-left: 0;
        }

        .mi-paged-table__filters--4 .mi-paged-table__filters-column:last-of-type, .mi-paged-table__filters--4 label: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: #fff;
}

.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: #fff;
        padding: .25rem .5rem;
    }

.mi-alert-messages__empty {
    text-align: center;
    padding: 1rem;
    margin-top: 1rem;
}

.mi-alert-form__name, .mi-alerts__table-container {
    margin-top: 1rem;
}

.mi-alert-message {
    padding: 1rem 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: .875rem;
    font-weight: 500;
    color: #757575;
    display: block;
    margin-bottom: .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-in, .mi-liquidity__chart-out {
    float: right;
    padding: 0;
    margin: 0;
    height: 1rem;
    width: 50%;
}

.mi-liquidity__chart-out {
    background: #dc0a0a;
}

.mi-liquidity__chart-in {
    background: #458d37;
}

.mi-performance-comparison__chart {
    direction: ltr;
    clear: both;
}

.mi-performance-comparison__items {
    padding-top: 1rem;
    clear: both;
}

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

.mi-performance-comparison__item {
    display: inline-block;
    padding: .25rem .5rem;
    margin-left: 1rem;
    margin-top: .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, .mi-performance-comparison__items:after {
    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:after, .support-and-resistance:before {
        content: " ";
        display: table;
    }

    .support-and-resistance:after {
        clear: both;
    }

.support-and-resistance__block {
    padding: .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;
    text-align: center;
    font-weight: 700;
}

.support-and-resistance__date, .support-and-resistance__note {
    font-family: "Noto Kufi Arabic","Helvetica Neue LT","Arial",sans-serif;
    font-size: .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: .25rem 0;
}

    .support-and-resistance__block-row:after, .support-and-resistance__block-row:before {
        content: " ";
        display: table;
    }

    .support-and-resistance__block-row:after {
        clear: both;
    }

.support-and-resistance__change-row {
    border-top: 1px dashed #ddd;
    padding: .5rem;
}

    .support-and-resistance__change-row:after, .support-and-resistance__change-row:before {
        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: .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: .9375rem;
    font-weight: 700;
}

.support-and-resistance__change-column-1, .support-and-resistance__change-column-2 {
    float: right;
    font-family: "Noto Kufi Arabic","Helvetica Neue LT","Arial",sans-serif;
    font-size: 1.125rem;
}

.support-and-resistance__change-column-1 {
    clear: right;
    width: 66.66667%;
    font-weight: 500;
}

.support-and-resistance__change-column-2 {
    width: 33.33333%;
    font-weight: 700;
    text-align: left;
}

.support-and-resistance__chart {
    min-width: 5.5rem;
    padding: .5rem 0;
    position: relative;
}

    .support-and-resistance__chart:after, .support-and-resistance__chart:before {
        content: " ";
        display: table;
    }

    .support-and-resistance__chart:after {
        clear: both;
    }

.support-and-resistance__chart-l1-resistance, .support-and-resistance__chart-l1-support, .support-and-resistance__chart-l2-resistance, .support-and-resistance__chart-l2-support, .support-and-resistance__chart-resistance, .support-and-resistance__chart-support {
    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: .25rem;
    background-color: #37474f;
}

.support-and-resistance__chart {
    direction: ltr;
}

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

    .ads__mobile-above-footer > div, .ads__mobile-news-details > div, .mi-layout__center-container > div {
        margin-right: auto;
        margin-left: auto;
    }

    .mi-layout__center-container .mi-layout__ad--second-fold, .mi-layout__center-container .mi-layout__ad--super-leaderboard {
        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: .5rem;
    clear: both;
}

.stock-price-block {
    padding: 1rem;
    margin-bottom: 1rem;
    border: .25rem solid #dfdfdf;
}

    .stock-price-block:after, .stock-price-block:before {
        content: " ";
        display: table;
    }

    .stock-price-block:after {
        clear: both;
    }

.stock-price-block__name, .stock-price-block__symbol {
    display: block;
    font-family: "Noto Kufi Arabic","Helvetica Neue LT","Arial",sans-serif;
    font-size: .875rem;
    font-weight: 500;
}

.stock-price-block__symbol {
    font-size: 1.0625rem;
    font-weight: 700;
}

.stock-price-block__change-percentage, .stock-price-block__value {
    font-family: "Noto Kufi Arabic","Helvetica Neue LT","Arial",sans-serif;
    font-weight: 700;
    direction: ltr;
}

.stock-price-block__change-percentage {
    display: block;
    border-bottom: 1px dotted #dfdfdf;
    margin-bottom: .25rem;
    font-size: 2.8125rem;
    text-align: center;
}

.stock-price-block__value {
    float: right;
    width: 50%;
    padding: 0 .25rem;
    text-align: right;
    font-size: 1.3125rem;
}

    .stock-price-block__value:last-of-type {
        text-align: left;
    }

.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: .5rem;
}

    .funds-details__text-and-value-item:after, .funds-details__text-and-value-item:before {
        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,.29);
    margin: 0;
    padding: .5rem;
    border: 1px solid #ccc;
    text-align: center;
}

    .mi-funds-details__chart-controls:after, .mi-funds-details__chart-controls:before {
        content: " ";
        display: table;
    }

    .mi-funds-details__chart-controls:after {
        clear: both;
    }

    .mi-funds-details__chart-controls dd button:active, .mi-funds-details__chart-controls dd button:hover {
        background: #01c2d9;
        color: #fff;
    }

    .mi-funds-details__chart-controls dd button.is-active {
        background: #01c2d9;
        font-weight: 700;
        color: #fff;
    }

.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: .5rem;
}

    .trading-hours__text-and-value-item:after, .trading-hours__text-and-value-item:before {
        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;
}

.currencies__note, .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-size: .875rem;
    font-weight: 500;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
}

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

    .currencies__note:after {
        clear: both;
    }

.currencies__note-icon {
    float: right;
    width: 25px;
    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, .currencies__results-text2 {
    font-family: "Noto Kufi Arabic","Helvetica Neue LT","Arial",sans-serif;
    font-weight: 400;
}

.currencies__results-text1 {
    color: #757575;
    font-size: 1.3125rem;
}

.currencies__results-text2 {
    font-size: 2.125rem;
}

.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:after, .currency-historical:before {
        content: " ";
        display: table;
    }

    .currency-historical:after {
        clear: both;
    }

.currency-historical__block {
    padding: .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), .currency-historical__block:nth-of-type(4) {
            float: right;
            border-right: 1px solid #ddd;
            border-left: 1px solid #ddd;
        }

        .currency-historical__block:nth-of-type(4) {
            float: left;
            margin-left: 0;
        }
}

.currency-historical__block .currency-historical-label, .currency-historical__block .currency-historical-value {
    font-family: "Noto Kufi Arabic","Helvetica Neue LT","Arial",sans-serif;
    text-align: center;
    padding-bottom: 1rem;
    padding-top: 1rem;
}

.currency-historical__block .currency-historical-label {
    color: #757575;
    border-bottom: 1px dashed #ddd;
    font-size: .9375rem;
    font-weight: 400;
}

.currency-historical__block .currency-historical-value {
    font-size: 1.5rem;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 700;
}

.currency_converter_form .error {
    width: 31%;
}

.regional-map__note {
    color: #757575;
    font-family: "Noto Kufi Arabic","Helvetica Neue LT","Arial",sans-serif;
    font-size: .875rem;
    font-weight: 500;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

    .regional-map__note:after, .regional-map__note:before {
        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: .5rem auto;
    clear: both;
}

._720kb-tooltip {
    right: auto;
}

.tooltipster-default {
    border-radius: 5px;
    border: 2px solid #000;
    background: #4c4c4c;
    color: #fff;
}

    .tooltipster-default .tooltipster-content {
        font-family: "Noto Kufi Arabic","Helvetica Neue LT","Arial",sans-serif;
        font-size: 1.125rem;
        font-weight: 500;
        color: #fff;
        padding: 1rem;
        overflow: auto;
        white-space: normal;
        z-index: 10;
    }

.tooltipster-icon {
    cursor: help;
    margin-left: 4px;
}

.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;
    }

.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-left span, .tooltipster-arrow-top-right 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-left .tooltipster-arrow-border, .tooltipster-arrow-top-right .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-left span, .tooltipster-arrow-bottom-right 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-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
    border-left: 9px solid transparent !important;
    border-right: 9px solid transparent !important;
    border-bottom: 9px solid;
    top: -7px;
}

.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top span {
    left: 0;
    right: 0;
    margin: 0 auto;
}

.tooltipster-arrow-bottom-left span, .tooltipster-arrow-top-left span {
    left: 6px;
}

.tooltipster-arrow-bottom-left .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
    left: 5px;
}

.tooltipster-arrow-bottom-right span, .tooltipster-arrow-top-right span {
    right: 6px;
}

.tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border {
    right: 5px;
}

.tooltipster-arrow-left span, .tooltipster-arrow-right span {
    border-top: 8px solid transparent !important;
    border-bottom: 8px solid transparent !important;
    top: 50%;
    margin-top: -7px;
}

.tooltipster-arrow-left span {
    border-left: 8px solid;
    right: -7px;
}

.tooltipster-arrow-left .tooltipster-arrow-border, .tooltipster-arrow-right .tooltipster-arrow-border {
    top: 50%;
    border-top: 9px solid transparent !important;
    border-bottom: 9px solid transparent !important;
    margin-top: -8px;
}

.tooltipster-arrow-left .tooltipster-arrow-border {
    right: -7px;
    border-left: 9px solid;
}

.tooltipster-arrow-right span {
    border-right: 8px solid;
    left: -7px;
}

.tooltipster-arrow-right .tooltipster-arrow-border {
    left: -7px;
    border-right: 9px solid;
}

.tooltipster-fade {
    opacity: 0;
    transition-property: opacity;
}

.owl-theme .owl-nav [class*=owl-]:hover, .tooltipster-fade-show {
    opacity: 1;
}

.tooltipster-grow {
    -webkit-transform: scale(0,0);
    -ms-transform: scale(0,0);
    transform: scale(0,0);
    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(.175,.885,.32,1.15);
}

.tooltipster-swing {
    opacity: 0;
    -webkit-transform: rotateZ(4deg);
    -ms-transform: rotate(4deg);
    transform: rotateZ(4deg);
    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(.23,.635,.495,2.4);
}

.tooltipster-fall, .tooltipster-slide {
    transition-timing-function: cubic-bezier(.175,.885,.32,1.15);
}

.tooltipster-fall {
    top: 0;
    transition-property: top;
}

    .tooltipster-fall.tooltipster-dying {
        transition-property: all;
        top: 0 !important;
        opacity: 0;
    }

.tooltipster-slide {
    left: -40px;
    transition-property: left;
}

    .tooltipster-slide.tooltipster-dying {
        transition-property: all;
        left: 0 !important;
        opacity: 0;
    }

.tooltipster-content-changing {
    opacity: .5;
    -webkit-transform: scale(1.1,1.1);
    -ms-transform: scale(1.1,1.1);
    transform: scale(1.1,1.1);
}

.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;
}

.owl-height {
    transition: height 500ms ease-in-out;
}

.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    z-index: 1;
    position: relative;
}

    .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;
        -webkit-transform: translate3d(0,0,0);
    }

    .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;
            transform-style: preserve-3d;
        }

    .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
        display: none;
    }

    .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
        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 .owl-carousel {
    display: block;
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease;
}

.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-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
    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%;
}

.owl-theme .owl-dots, .owl-theme .owl-nav {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

    .owl-theme .owl-nav [class*=owl-] {
        font-size: 2.5rem;
        color: #fff;
        opacity: .7;
    }

    .owl-theme .owl-nav .owl-prev {
        right: .5rem;
    }

    .owl-theme .owl-nav .owl-next {
        left: .5rem;
    }

    .owl-theme .owl-nav .disabled {
        opacity: .5;
        cursor: default;
    }

.owl-theme .owl-dots {
    margin-top: .5rem;
    margin-bottom: .5rem;
}

    .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-next, .owl-prev {
    position: absolute;
    top: 36%;
    margin-top: -10px;
}

.internal-radio-carousel__more-compact {
    padding-top: 50%;
}

.home-radio-carousel__container {
    background-color: #fff;
    margin-bottom: .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: .25rem;
    padding-top: .5rem;
    font-family: "Noto Kufi Arabic","Helvetica Neue LT","Arial",sans-serif;
    font-size: .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: #00c2d6;
    padding: .5rem;
    font-weight: 700;
    width: 100%;
    color: #fff;
    margin-bottom: 3px;
}