﻿
@font-face {
    font-family: Adobe Arabic;
    src: url("../fonts/AdobeArabic-Regular.eot"); /* IE9 Compat Modes */
    src: url("../fonts/AdobeArabic-Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/AdobeArabic-Regular.otf") format("opentype"), /* Open Type Font */
    url("../fonts/AdobeArabic-Regular.svg") format("svg"), /* Legacy iOS */
    url("../fonts/AdobeArabic-Regular.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../fonts/AdobeArabic-Regular.woff") format("woff"), /* Modern Browsers */
    url("../fonts/AdobeArabic-Regular.woff2") format("woff2"); /* Modern Browsers */
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: Segoe UI;
    src: url("../fonts/Segoe UI.eot"); /* IE9 Compat Modes */
    src: url("../fonts/Segoe UI.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/Segoe UI.otf") format("opentype"), /* Open Type Font */
    url("../fonts/Segoe UI.svg") format("svg"), /* Legacy iOS */
    url("../fonts/Segoe UI.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../fonts/Segoe UI.woff") format("woff"), /* Modern Browsers */
    url("../fonts/Segoe UI.woff2") format("woff2"); /* Modern Browsers */
    font-weight: normal;
    font-style: normal;
}
body {
    font-family: Calibre, San Francisco, SF Pro Text, -apple-system, system-ui, BlinkMacSystemFont, Roboto, Helvetica Neue, Segoe UI, Arial, sans-serif !important;
    font-size: 1.2em !important
}
table {
    direction: rtl;
}
table th{
   text-align:center !important;
}
table td{
   text-align:center !important;
}
h6.col2 {
    color: #293f4c;
    text-align: right;
}
p#trunc {
    text-align: right;
}
a.link2 {
    float: right;
    direction: rtl;
}
p {
    text-align: right;
    /*font-size:20px ;*/
}
#header h1{
    float:right;
}
[class*="grid_"] {
    float: right !important;
}
.sf-menu > li {
    float: right !important;
    margin-right:0px !important;
}
    .sf-menu > li > a {
        /* font:  700 24px/40px Adobe Arabic !important*/
        font: 17px/40px Calibre, San Francisco, SF Pro Text, -apple-system, system-ui, BlinkMacSystemFont, Roboto, Helvetica Neue, Segoe UI, Arial, sans-serif;
        font-weight: bold;
    }
h1 {
    font-size: 58px !important;
}
h2, h3, h4, h5, h6 {
    font: bold 17px/30px Calibre, San Francisco, SF Pro Text, -apple-system, system-ui, BlinkMacSystemFont, Roboto, Helvetica Neue, Segoe UI, Arial, sans-serif !important;
    letter-spacing: 2px;
}
h2.size2{
    font-size:2.5em !important;
    line-height: 48px !important;
}
h6.col2{
    /* font-size:18px !important;
     font-weight:bold !important;*/
}
h2.size1 {
    font-size: 1.6em !important;
    line-height: 69px !important;
}
.tabs-container {
    direction: rtl;
}
.tabs a {
    direction: ltr;
    font-size: 1rem;
}
.tabs {
    float: right !important;
    margin-left: 10px;
    margin-right: auto !important;
}
.panel-title a {
    font-family: Calibre, San Francisco, SF Pro Text, -apple-system, system-ui, BlinkMacSystemFont, Roboto, Helvetica Neue, Segoe UI, Arial, sans-serif !important;
    font-size: 20px !important;
}
h4.panel-title {
    direction: rtl;
}
.panel-title .panel-icon {
    margin-left: 15px;
    margin-right: 0 !important;
}
address > div, ul.socials li {
    float: right !important;
    direction:rtl;
}
.title4, .copy {
    text-align: right;
}
#subscribe-form input, #subscribe-form a {
    float: right !important;
    position: absolute;
}
#subscribe-form label.invalid .error {
    text-align: right;
}
#subscribe-form img {
    left:auto !important;
    right:0;
}

.calendar .calendar-header .year-spinner {
bottom:25px !important;
}
.calendar .calendar-header .months-container{
    direction:rtl !important;
}
.calendar .calendar-body .days-header {
    direction: rtl !important;
}
.calendar .calendar-body .days-body {
    direction: rtl !important;
}
    .calendar .calendar-body .days-body .day p {
        text-align: center !important;
    }
    .marketNewsTitle {
        font-size: 21px !important;
    }
.readmarketNewsBtn {
    font-size:18px !important;
    max-height:35px !important;
}
.marketNewsdateSection{
    margin-left:1%;
    margin-right:0 !important;
}
.date {
    margin-left: 0px !important;
    margin-right: 1px;
}
.month {
    margin-left: 0px !important;
    margin-right: 2px;
}
.time {
    text-align:center;
}
.address span {
    direction: rtl !important;
    float: right !important;
}
dl dd {
    text-align: left !important;
}
dl {
    float: right !important;
}
#form label 
{
    text-align:right !important;
}
.success_wrapper.empty-message {
    display: contents !important;
}
.success_wrapper.error-message {
    display: contents !important;
}
#form .error-message, #form .empty-message {
    display: contents !important;
}
span._placeholder {
    direction: rtl;
}
.address p {
    direction:rtl;
}
.marketNewstitleWithDate {
    direction: rtl !important;
}
.fa.locationbranch {
    float: right;
    cursor:pointer;
}
.fa.locationbranch:hover 
{
    color: #cc9c45;
}
a#openPopup {
    direction:rtl;
    float:right;
}
#div_dateValue{
    direction:rtl;
}
.table-responsive {
    direction: rtl;
}
.menureponsive{
    direction:rtl;
}
.panel-group{
    direction:rtl;
}
.row.respons {
    direction: rtl !important;
}
.bg_3 {
    background: url(../images/_bg_12E.jpg) no-repeat !important;
}
/*html, body {
    background: url(../images/_bg_12E.jpg) no-repeat !important;
    background-size: 100% !important;
}*/
.grid_12 {
    font-size: 16px;
}
a.link3 {
    font-size: 26px;
}
.grid-8.agendapanells {
    font-size: 1rem;
}
footer#footer {
    font-size: 0.95em;
}
div#detailsDiv {
    direction: ltr;
}
a.tab {
    letter-spacing: 2px;
}
.calendar .calendar-footer .btn {
    font-size: 23px !important;
}
.submenu {
    margin: 23px 0px 0px -84px !important;
    padding: 20px 9px 6px 86px !important;
}
/*.submenuli a {
    color: #cc9c45 !important;
    font: normal 18px / 34px Arial;
}*/
.sf-menu li ul li a:hover {
    color: #cc9c45 !important;
}
.submenuli a:hover {
    color: #cc9c45 !important;
}
.sf-menu ul {
    font: 700 16px/40px Calibre, San Francisco, SF Pro Text, -apple-system, system-ui, BlinkMacSystemFont, Roboto, Helvetica Neue, Segoe UI, Arial, sans-serif !important
}
.sf-menu li ul li a {
    font: normal 16px/34px Calibre, San Francisco, SF Pro Text, -apple-system, system-ui, BlinkMacSystemFont, Roboto, Helvetica Neue, Segoe UI, Arial, sans-serif;
    margin: 4px 1px 8px 2px;
    float: right;
}
.sf-menu li ul li {
    white-space: nowrap !important;
    margin: 1px 1px 8px 1px;
    padding: 0px 11px 0px 6px;
}
button.sub-button {
    float: left !important;
    border-right: 1px solid #dcb032 !important;
    border-left: 0px !important;
}
/************* Ticker **************/
.ulTicker li {
    margin-left: 10px;
}

    .ulTicker li span {
        margin-left: 5px;
        font-size: 0.55em;
    }

span.compName {
    font-family: Calibre, San Francisco, SF Pro Text, -apple-system, system-ui, BlinkMacSystemFont, Roboto, Helvetica Neue, Segoe UI, Arial, sans-serif;
}
.marqueeBoxH {
    direction: rtl !important;
}
    /**************** EGX *******************/
.section-title {
    float: right !important;
    font-size: 1.1em !important;
}
.EGX_Horizontal {
    float: right !important;
    direction: rtl !important;
}
.EGX-area .project-item-tab-EGX {
    padding: 2px 0px !important;
}
.project-item-tab-EGX {
    float: right;
    margin-left: 10px;
}
.project-item {
    float: right;
}
.grid {
    float: right !important;
    direction: rtl !important;
}
div#Price_Marquee{
    font-size:larger;
}
.row.grid {
    direction: rtl !important;
}
h5.EgxFont {
    font: bold 20px / 30px Calibre, San Francisco, SF Pro Text, -apple-system, system-ui, BlinkMacSystemFont, Roboto, Helvetica Neue, Segoe UI, Arial, sans-serif !important;
}
th.test {
    text-align: right !important;
}
th.mrktsumryth{
    text-align:right !important;
}
/********** investors ****************/
.dir {
    direction: rtl !important;
}
.grid_4.omega {
    width: 99%
}
/*==================================RESPONSIVE LAYOUTS===============================================*/
@media only screen and (max-width: 1199px) {
    .grid_1.langresponsive {
            margin: -26px 0px;
        }

        .grid_9.menureponsive {
            padding: 0px 6px 0px 0px;
            width: 692px !important;
        }

        address b {
            font-size: 23px;
        }

        /*.displayrespons {
            position: absolute;
        }*/

        p#trunc {
            font-size: 21px;
        }

        .calendar .calendar-header .months-container p {
            font-size: 11px !important;
        }

        .calendar .calendar-body .days-header p {
            font-size: 12px !important;
        }

        .calendar .calendar-body .days-body .day p {
            font-size: 17px !important;
        }
        .calendar .calendar-header .year-spinner .years-container .current-year{
            font-size: 20px !important;
        }
        .displayrespons {
            font-size: 23px;
        }

        .calendar .calendar-footer .btn {
            font-size: 20px !important;
        }

        .calendar .calendar-header .title h2 {
            padding-right: 45px !important;
        }

        .lang {
            font-size: 1.0em !important;
        }
        th.mrktsumryth{
            font-size: 0.9em
        }
        ul.socials li{
            margin: 1px 16px 0px 0px;
        }
        .grid_4 
        {
            width: 202px;
        }
        .displayrespons{
            width:346px;
            font-size:15px;
            padding-right: 50px;
        }
        .grid_3 .omega{
            width: 202px;
        }
        .phoneBag {
            word-wrap: normal;
            max-width: 100%;
        }
        .adresValue{
            word-wrap: normal;
            max-width: 60%;
        }
        .grid_4.omega{
            width:99%
        }
        
    }

    @media only screen and (max-width: 769px) {
        .sf-menu > li > a {
            font: 700 14px / 40px Calibre, San Francisco, SF Pro Text, -apple-system, system-ui, BlinkMacSystemFont, Roboto, Helvetica Neue, Segoe UI, Arial, sans-serif !important;
        }

        .grid_9.menureponsive {
            margin: -6px -24px 0px 31px;
            padding: 0px 30px 0px 0px;
            width: 516px !important;
        }

        .table-responsive {
            padding: 0px;
        }

        .grid-8.agendapanells {
            font-size: 18px !important;
        }

        .agendaresponsive {
            margin: 0 1px 0 11px !important;
        }

        .calendar .calendar-header .months-container p {
            font-size: 12px !important;
        }

        .calendar .calendar-body .days-header p {
            font-size: 14px !important;
        }

        .calendar .calendar-body .days-body .day p {
            font-size: 18px !important;
        }

        footer#footer {
            font-size: 24px;
        }

        a.link3 {
            font-size: 28px;
        }

        .project-area top-padding {
            margin-left: 18px;
        }

        .table-responsive {
            padding: 6px;
        }

        address b {
            font-size: 29px;
        }

        .lang {
            font-size: 0.9em;
        }

        p#trunc {
            font-size: 20px !important;
        }
        ul.socials li {
            margin: 1px 10px 0px 0px;
        }
        .displayrespons {
            width: 91%;
            padding-right: 0px;
        }
    }

    @media only screen and (max-width: 767px) {
        .grid_9.menureponsive {
            width: 533px !important;
        }

        .grid_1.langresponsive {
            margin: -36px 0px !important;
        }

        .lang {
            font-size: 1.1em;
        }
        .EGX_row {
            margin-right: 10px;
            margin-left: 0px;
        }
    }

    @media only screen and (max-width: 480px) {
        .navbar-toggle {
            margin: -3px 248px 0px 0px;
        }

        ul#navbarMob {
            padding: 7px 200px 0px 0px;
            margin: 1px 5px 0px -277px;
        }

        .grid_1.langresponsive {
            margin: -36px 16px !important;
        }

        .container {
            font-size: 0.7em !important;
        }

        .grid_12 {
            font-size: 17px;
            width: 387px
        }

        .tabs {
            padding: 0px 119px 0px 0px;
        }

        a.tab {
            padding-left: 49px;
            padding-right: 42px;
        }
        .tabs a {
            font-size:0.8em
        }
        .grid-8.agendapanells {
            font-size: 2.5em;
            padding-right: 26px;
            padding-left: 41px;
        }

        .agendaresponsive {
            padding-right: 8px;
            padding-left: 21px;
        }

        .grid_6.newsresponsive {
            width: 380px !important;
        }
        a.link3 {
            font-size: 25px;
            padding-left: 28px;
        }

        .grid_7 {
            width: 396px;
        }

        .displayrespons {
            position: inherit;
        }

        a.tab.active {
            font-size: 0.8em;
        }

        button.sub-button {
            height: 37px;
            width: 43px;
        }
        h5 {
            font:bold 11px/30px Calibre, San Francisco, SF Pro Text, -apple-system, system-ui, BlinkMacSystemFont, Roboto, Helvetica Neue, Segoe UI, Arial, sans-serif !important
        }
        canvas#egxChartD{
            width: 330px;   
        }
        canvas#Buy_Sell_barChart {
            width: 95% !important;
        }
        .calendar .calendar-header .year-spinner{
            bottom:4px !important;
        }
        .calendar .calendar-header .months-container p {
            font-size: 10px !important;
        }
        .calendar .calendar-body .days-header p {
            font-size: 15px !important;
        }
        .calendar .calendar-body .days-body .day p {
            font-size: 15px !important;
        }
        .calendar .calendar-footer .btn {
            font-size: 19px !important;
        }
        .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
            font-size: 16px;
        }
        .panel-title a {
            font-size: 17px !important;
        }
        address > div, ul.socials li {
            font-size: 17px;
        }
        .adresValue {
            font-size: 14px;
        }
        .grid_3 .omega {
            font-size: 12px;
        }
        .title4 {
            font: normal 25px / 30px Arial;
        }
        .grid_4 .addres{
            width:100%
        }
    }

    @media only screen and (max-width: 376px) {
        .navbar-toggle {
            margin: -5px 206px 0px 0px;
        }

        ul#navbarMob {
            margin: 29px -37px 0px 0px;
        }

        .grid_1.langresponsive {
            margin: 1px 7px !important;
        }

        .lang {
            font-size: 1.2em;
        }

        .grid_12 {
            font-size: 20px;
            width: 350px;
        }

        .tabs {
            padding: 0px 68px 0px 0px;
        }

        a.tab {
            font-size: 0.75em;
            padding-right: 84px;
        }

        .table-responsive {
            padding: 0px;
        }

        .calendar {
            font-size: 15px;
        }

        .grid-8.agendapanells {
            font-size: 28px;
            padding-left: 17px !important;
        }

        footer#footer {
            font-size: 17px;
        }

        .grid_4.agendaresponsive {
            padding-left: 24px;
        }

        a.link3 {
            font-size: 1.3em;
        }

        .grid_6.newsresponsive {
            width: 370px !important;
        }

        .displayrespons {
            position: inherit;
        }

        .grid_7 {
            width: 304px;
        }

        footer.row {
            padding-right: 3px;
        }

        .submenu-button {
            width: 43px !important;
            top: -2px !important;
        }

        button.sub-button {
            margin-left: -2px !important;
        }

        .submenuRespo {
            margin: 7px -2px -22px -8px;
        }
        .visible-xs{
                    width: 86%;
        }
        .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
            float: right;
            width: 96%
        }
        a.tab.active {
            font-size: 0.7em;
        }
        span.yellow_color.update_color {
            font-size: 0.75em;
        }
        .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter {
            font-size: 0.75em;
        }
        table.dataTable, table.dataTable th, table.dataTable td {
            font-size: 0.75em;
        }
        h2.size2 {
            font-size: 1.2em !important;
        }
        h2, h3, h4, h5, h6 {
            font:bold 12px/30px Calibre, San Francisco, SF Pro Text, -apple-system, system-ui, BlinkMacSystemFont, Roboto, Helvetica Neue, Segoe UI, Arial, sans-serif !important
        }
        p {
            font-size: 0.9em !important;
        }
        a.link2 {
            font-size: 0.9em;
        }
        .calendar .calendar-body .days-header p {
            font-size: 13px !important;
        }
        .calendar .calendar-body .days-body .day p {
            font-size: 15px !important;
        }
        .calendar .calendar-footer .btn {
            font-size: 0.9em !important;
        }

    }

    @media only screen and (max-width: 325px) {
        .navbar-toggle {
            display: flex;
            margin: -5px 223px 0px 0px;
        }

        ul#navbarMob {
            padding: 7px 200px 0px 0px;
        }

        .lang {
            font-size: 1.2em;
        }

        .grid_12 {
            font-size: 22px !important;
            width: 213px;
        }

        a.tab {
            padding-right: 83px;
            font-size:0.6em;
        }

        .calendar {
            font-size: 23px;
        }

        .grid-8.agendapanells {
            font-size: 20px;
        }

        h2, h3, h4, h5, h6 {
            font: bold 20px/30px Calibre, San Francisco, SF Pro Text, -apple-system, system-ui, BlinkMacSystemFont, Roboto, Helvetica Neue, Segoe UI, Arial, sans-serif !important;
        }

        .tabs {
            padding: 0px 10px 0px 0px;
        }

        footer#footer {
            font-size: 17px;
        }

        .grid_9.menureponsive {
            width: 270px !important;
        }
        a.tab.active {
            font-size: 0.6em;
        }

        .mrgn {
            margin: 16px;
        }

        button.sub-button {
            margin-left: 31px !important;
            right: 35px !important;
            top: -16px !important;
            height: 38px !important;
        }

        .submenu-button {
            width: 40px !important;
        }
        tab.active h5 {
            font-size: 0.9em !important;
        }
        .EGX-area .project-item-tab h5 {
            font-size: 0.9em !important;
            direction:ltr;
        }
        .tab-content {
            padding: 0px;
        }
        canvas#Buy_Sell_barChart {
            min-width: 262px;
        }
        .grid_12 {
            width: 272px;
        }
        .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate {
            font-size: 0.6em;
        }
        .grid_6.newsresponsive {
            width: 298px !important;
        }
        .calendar {
            margin:0 -48px 0 0px !important
        }
        .calendar .calendar-header .title{
            width: 81%;
        }
        .calendar .calendar-header .year-spinner {
            bottom: 30px !important;
        }
        .calendar .calendar-header .year-spinner .years-container{
            width: 100%;
        }
        .calendar .calendar-header .months-container p {
            font-size: 8px !important;

        }    
        .calendar .calendar-body .days-header p {
            font-size: 11px !important;

        }
        .calendar .calendar-body .days-body .day p {
            font-size: 13px !important;
        }
        .calendar .calendar-footer{
            font-size: 16px;
        }
        .grid-8.agendapanells {
            font-size: 16px !important;
        }
        .panel-group {
            margin: 0px -43px 0px 0px !important;
        }
        .panel-title a {
            font-size: 13px !important;
        }
        .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
            font-size: 12px;
        }
        .banner {
            height: 136px;
            padding-top: 0px;
        }
        .grid_7 {
            width: 100%;
        }
        h2, h3, h4, h5, h6 {
            font: bold 11px / 30px Calibre, San Francisco, SF Pro Text, -apple-system, system-ui, BlinkMacSystemFont, Roboto, Helvetica Neue, Segoe UI, Arial, sans-serif !important;
        }
        #subscribe-form a {
            font-size: 17px;
            width: 18%;
        }
        .title4 {
            font: normal 23px / 30px Arial;
        }
        .grid_4 {
            font-size: 12px;
        }
        .displayrespons {
            font-size: 12px;
        }
        dl {
            width: 384px;
        }
        .grid_4.agendaresponsive {
            margin: 0px 50px 0px 0px !important;
        }
        .row.mb-20 {
            margin: 0px 54px 0px 0px;
        }
        span.yellow_color.update_color {
            margin: 0px 54px 0px 0px;
        }
        address > div, ul.socials li {
            font-size: 13px;
        }
    }

.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    float: right;
}

@media (min-width:768px) {
    .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
        float: right;
    }
}

@media (min-width:992px) {
    .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
        float: right;
    }
}

@media (min-width:1200px) {
    .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 {
        float: right;
    }
}

@media (max-width: 480px) {
    .project-item-tab, a.project-item-tab {
        margin-left: 0 !important;
    }

    .horizontal .project-item-tab:not(:last-of-type), .Market-area .my-skills .project-item-tab:not(:last-of-type), .Sectors_Activity .project-item-tab:not(:last-of-type) {
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
    }

    .horizontal .project-item-tab:not(:first-of-type), .Market-area .my-skills .project-item-tab:not(:first-of-type), .Sectors_Activity .project-item-tab:not(:first-of-type) {
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
    }
}

@media (max-width:498px) {
    .EGX-area .project-item-tab {
        padding: 7px 13px !important;
    }
}

@media (max-width:430px) {
    .EGX-area .project-item-tab {
        padding: 7px 9px !important;
    }
}

@media (max-width:478px) {
    .EGX-area .EGX_Horizontal .project-item-tab {
        padding: 7px 10px !important;
    }
}

@media (max-width:448px) {
    .EGX-area .EGX_Horizontal .project-item-tab {
        padding: 7px 8px !important;
    }
}

@media (max-width:428px) {
    .EGX-area .EGX_Horizontal .project-item-tab {
        padding: 7px !important;
    }
}
@media only screen and (max-width: 767px) {
    header nav {
        font: 12px/15px Calibre, San Francisco, SF Pro Text, -apple-system, system-ui, BlinkMacSystemFont, Roboto, Helvetica Neue, Segoe UI, Arial, sans-serif;
    }
}