/* Arabic Style */
body {
    font-family: "JF Flat Regular","Cairo" !important;
}

@font-face {
    font-family: "JFJoozor";
    font-weight: normal;
    font-style: normal;
    src: url('../fonts/jozoor/JF-Flat-regular.eot');
    src: url('../fonts/jozoor/JF-Flat-regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/jozoor/JF-Flat-regular.svg#JF Flat Regular') format('svg'),
         url('../fonts/jozoor/JF-Flat-regular.woff') format('woff'),
         url('../fonts/jozoor/JF-Flat-regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Cairo';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/cairo/Cairo-Regular.ttf'); /* IE9 Compat Modes */
    src: local('Cairo'), local('Cairo-Regular'),
         url('../fonts/cairo/Cairo-Regular.ttf') format('truetype'); /* Safari, Android, iOS */
}

h1, h2, h3, h4, h5, h6, p, li, a, ul, div, section, strong, button {
    font-family: "cairo", "JFJoozor" !important;
}

.main-header .header-top .top-left {
    float: right !important;
}
.main-header .header-top .top-right {
    float: left !important;
}


.main-header .header-top .top-right {
    text-align: left;
    padding: 8px 15px;
}
.header-top .social-icon {
    margin-right: 45px;
    margin-left: auto;
}

.header-top .social-icon, .header-top .top-right ul {
    float: left;
}

.main-header .main-box .logo-box {
    float: right;
}
.main-header .nav-outer {
    float: left;
    direction: rtl;
    text-align: right
}
.main-menu .navigation > li > ul {
    left: auto;
    right: 0
}

.main-slider h2 {
    direction: rtl
}
.main-slider .text {
    direction: rtl
}
.main-slider .btn-style-one {
    direction: rtl
}

.about-us-section {
    direction: rtl
}
.about-us-section .column {
    float: right;
}

.sec-title-four h2 {
    direction: rtl
}

.services-section {
    direction: rtl
}

.gallery-section .filters {
    direction: rtl
}

.sidebar-page-container {
    direction: rtl
}
.large-image-view .news-style-one {
    float: right;
}

.call-to-action h2 {
    direction: rtl
}

.main-footer .footer-column {
    direction: rtl;
    text-align: right
}
.main-footer .footer-column h2:before {
    right: 0;
    left: auto;
}
.main-footer .footer-column h2:after {
    right: 0;
    left: auto;
}
.main-footer .footer-column ul {
    padding-right: 25px;
}
.main-footer .tags-widget .tags-list li a {
    text-align: right
}

.main-footer .contact-info li .icon {
    left: auto;
    right: 0
}
.main-footer .contact-info li {
    padding: 10px 30px 10px 30px;
}
.main-footer .footer-bottom {
    direction: rtl;
}

.number_ltr {
    direction: ltr
}


.sortable-masonry .masonry-item {
    
}

.project-details .row > div {
    float: right;
    text-align: right;
}


.contact-section .column {
    float: right;
    direction: rtl;
    text-align: right;
}
.contact-section .sec-title h2:before, .contact-section .sec-title h2:after {
    right: 0;
    left: auto;
    font-family: "cairo";
}
.contact-section .info-style-one li .icon-box {
    left: auto;
    right: 0
}
.contact-section .info-style-one li {
    position: relative;
    padding-right: 70px;
    padding-left: 0 !important;
    margin-bottom: 40px;
}
.default-form input, .default-form textarea {
    font-family: "cairo";
}

.newsletter-style-one ::-webkit-input-placeholder { 
    color:#a04c18 !important;
     text-transform:capitalize;
     font-family: "cairo";
}
.newsletter-style-one ::-moz-placeholder { 
    color:#a04c18 !important;
     text-transform:capitalize;
     font-family: "cairo";
    }
.newsletter-style-one :-ms-input-placeholder {
     color:#a04c18 !important;
      text-transform:capitalize;
      font-family: "cairo";
    } 
.newsletter-style-one input:-moz-placeholder { 
    color:#a04c18 !important;
     text-transform:capitalize;
     font-family: "cairo";
    }




.scroll-to-top {
    left: 15px;
    right: auto;
}






.main-header .nav-toggler {
    position: absolute;
    left: 5px !important;
    right: auto !important;
    top: 50%;
    margin-top: -18px;
    display: none;
    z-index: 9999;
}


@media only screen and (max-width: 1023px) {
.main-header .main-box .logo-box {
    position: relative;
    left: auto !important;
    top: 0px;
    right: 0 !important;
    bottom: 0px;
    width: 200px;
    margin: 0px;
        text-align: right !important;
    z-index: 1 !important;
}
}

@media only screen and (max-width: 1140px){
.main-header .main-box .outer-container {
    padding-right: 10px !important;
    
}
}

.side-menu > ul {
	direction: rtl !important;

}

.hidden-bar .side-menu ul li a .btn.expander {
    background: none;
    color: #ffffff;
    border: 1px solid rgba(255,255,255,0.80);
    padding: 5px 10px;
    font-size: 14px;
    border-radius: 0px;
    position: absolute;
    top: 6px;
    left: 20px !important;
    right: auto !important;
    outline: none;
}