﻿
@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;
}
body {
    font-family: Adobe Arabic !important;
    font-size: 1.4rem !important
}
table {
    direction: rtl;
}
table th{
   text-align:center !important;
}
table td{
   text-align:right !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
}
h1 {
    font-size: 58px !important;
}
h2, h3, h4, h5, h6 {
    font: bold 28px/30px Adobe Arabic !important;
    letter-spacing: 2px;
}
h2.size2{
    font-size:56px !important;
    line-height: 48px !important;
}
h6.col2{
    /* font-size:18px !important;
     font-weight:bold !important;*/
}
h2.size1 {
    font-size: 60px !important;
    line-height: 69px !important;
}
.tabs-container {
    direction: rtl;
}
.tabs a {
    direction: ltr;
}
.tabs {
    float: right !important;
    margin-left: 10px;
    margin-right: auto !important;
}
.panel-title a {
    font-family: Adobe Arabic !important;
    font-size: 24px !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;
}
#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_12.jpg) no-repeat !important;
}
/*html, body {
    background: url(../images/_bg_12.jpg) no-repeat !important;
    background-size:100% !important;
}*/
.grid_12 {
    font-size: 24px;
}
a.link3 {
    font-size: 43px;
}
.grid-8.agendapanells {
    font-size: 1.1em;
}
footer#footer {
    font-size: 1.3em;
}
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 li ul li a {
    font: normal 24px/34px Arial;
    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;
}
    /*==================================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: 29px;
        }

        .displayrespons {
            position: absolute;
        }

        p#trunc {
            font-size: 21px;
        }

        .calendar .calendar-header .months-container p {
            font-size: 23px !important;
        }

        .calendar .calendar-body .days-header p {
            font-size: 22px !important;
        }

        .calendar .calendar-body .days-body .day p {
            font-size: 24px !important;
        }

        .displayrespons {
            font-size: 23px;
        }

        .calendar .calendar-footer .btn {
            font-size: 23px !important;
        }

        .calendar .calendar-header .title h2 {
            padding-right: 45px !important;
        }

        .lang {
            font-size: 1.0em !important;
        }
    }

    @media only screen and (max-width: 769px) {
        .sf-menu > li > a {
            font: 700 21px / 40px Adobe Arabic !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: 26px;
        }

        .agendaresponsive {
            margin: 0 1px 0 11px !important;
        }

        .calendar .calendar-header .months-container p {
            font-size: 18px !important;
        }

        .calendar .calendar-body .days-header p {
            font-size: 22px !important;
        }

        .calendar .calendar-body .days-body .day p {
            font-size: 24px !important;
        }

        footer#footer {
            font-size: 24px;
        }

        a.link3 {
            font-size: 38px;
        }

        .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;
        }
    }

    @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;
        }
    }

    @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: 21px;
        }

        .tabs {
            padding: 0px 119px 0px 0px;
        }

        a.tab {
            padding-left: 49px;
            padding-right: 84px;
        }

        .grid-8.agendapanells {
            font-size: 2.5em;
            padding-right: 26px;
            padding-left: 2px;
        }

        .agendaresponsive {
            padding-right: 8px;
            padding-left: 21px;
        }

        .grid_6.newsresponsive {
            width: 413px !important;
        }

        .grid_7 {
            width: 396px;
        }

        .displayrespons {
            position: inherit;
        }

        a.tab.active {
            font-size: 18px;
        }
        button.sub-button {
            height: 45px;
            width: 43px;
        }
    }

    @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: 356px;
    }

    .tabs {
        padding: 0px 68px 0px 0px;
    }

    a.tab {
        font-size: 21px;
        padding-right: 84px;
    }

    .table-responsive {
        padding: 0px;
    }

    .calendar {
        font-size: 15px;
    }

    .grid-8.agendapanells {
        font-size: 28px;
    }

    footer#footer {
        font-size: 17px;
    }

    .grid_4.agendaresponsive {
        padding-left: 24px;
    }

    a.link3 {
        font-size: 30px;
    }

    .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: 27px !important;*/
    }
    .submenuRespo {
        margin: 7px -2px -22px -8px;
    }
}

    @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;
        }

        a.tab {
            padding-right: 83px;
        }

        .calendar {
            font-size: 23px;
        }

        .grid-8.agendapanells {
            font-size: 20px;
        }

        h2, h3, h4, h5, h6 {
            font: bold 20px/30px Adobe Arabic !important;
        }

        .tabs {
            padding: 0px 53px 0px 0px;
        }

        footer#footer {
            font-size: 17px;
        }

        .grid_9.menureponsive {
            width: 270px !important;
        }

        .mrgn {
            margin: 16px;
        }

        button.sub-button {
            margin-left: 31px !important;
            right: 35px !important;
            top: -16px !important;
            height: 45px !important;

        }

        .submenu-button {
            width: 40px !important;
        }
    }
    @media only screen and (max-width: 550px) {

		.grid_1.langresponsive {
		    margin: -25px 25px 0 0 !important;
            float: right;
            width: 50px;
		}
		.grid_9.menureponsive {
			width: 200px !important;
            margin: 0px 5px 0px 5px;
            float: right;
            padding:0px;
		}
		.grid_2.logoresponsive{
		    width: 130px !important;
            float: right;
		}
    }