/* Import fonts */
@import url('https://fonts.googleapis.com/css2?family=Noto+Kufi+Arabic:wght@600&display=swap');
/*@import url(http://fonts.googleapis.com/css?family=Droid Arabic Kufi:300,400,700,900);*/

body {
    font-family: 'Droid Arabic Kufi', arial, sans-serif !important;
}

@import url("prettyPhoto.css") screen;
@import url("hoverex-all.css") screen;

.image-wrap {
    height: 230px;
    overflow: hidden;
    width: 100%;
    -webkit-transition: max-width .5s ease-out;  /* Saf3.2+, Chrome */
    -moz-transition: max-width .5s ease-out;  /* FF4+ */
    -ms-transition: max-width .5s ease-out;  /* IE10? */
    -o-transition: max-width .5s ease-out;  /* Opera 10.5+ */
    transition: max-width .5s ease-out;
}
.image-wrap img {
    width: 100%;
    min-height: 230px;
    -webkit-transition: margin-top .5s ease-out;  /* Saf3.2+, Chrome */
    -moz-transition: margin-top .5s ease-out;  /* FF4+ */
    -ms-transition: margin-top .5s ease-out;  /* IE10? */
    -o-transition: margin-top .5s ease-out;  /* Opera 10.5+ */
    transition: margin-top .5s ease-out;
}

@media only screen and (min-width: 1160px) {
    .image-wrap { max-width: 1000px; }
}

.image-wrap2 {
    height: 270px;
    overflow: hidden;
    width: 100%;
    -webkit-transition: max-width .5s ease-out;
    -moz-transition: max-width .5s ease-out;
    -ms-transition: max-width .5s ease-out;
    -o-transition: max-width .5s ease-out;
    transition: max-width .5s ease-out;
}
.image-wrap2 img {
    width: 100%;
    min-height: 270px;
    -webkit-transition: margin-top .5s ease-out;
    -moz-transition: margin-top .5s ease-out;
    -ms-transition: margin-top .5s ease-out;
    -o-transition: margin-top .5s ease-out;
    transition: margin-top .5s ease-out;
}

@media only screen and (min-width: 1160px) {
    .image-wrap2 { max-width: 1000px; }
}

/* Light */
@font-face {
    font-family: "JF Flat Light";
    src: url('../fonts/JF-Flat-light.eot');
    src: url('../fonts/JF-Flat-light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/JF-Flat-light.svg#JF Flat Light') format('svg'),
    url('../fonts/JF-Flat-light.woff') format('woff'),
    url('../fonts/JF-Flat-light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

/* Regular */
@font-face {
    font-family: "JF Flat Regular";
    src: url('../fonts/JF-Flat-regular.eot');
    src: url('../fonts/JF-Flat-regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/JF-Flat-regular.svg#JF Flat Regular') format('svg'),
    url('../fonts/JF-Flat-regular.woff') format('woff'),
    url('../fonts/JF-Flat-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* Medium */
@font-face {
    font-family: "JF Flat Medium";
    src: url('../fonts/JF-Flat-medium.eot');
    src: url('../fonts/JF-Flat-medium.eot?#iefix') format('embedded-opentype'),
    url('../fonts/JF-Flat-medium.svg#JF Flat Medium') format('svg'),
    url('../fonts/JF-Flat-medium.woff') format('woff'),
    url('../fonts/JF-Flat-medium.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

* { 
    margin: 0;
    padding: 0px;
    font-family: 'JF Flat Medium', sans-serif;
}

@media (min-width: @screen-md-min) {
    .row-rtl {
        .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
            float: right;
        }
    }
}
.xm-container {
    width: 100%;
    font:normal 16px JF Flat Medium;
    float: right;
    display: inline-block;
    overflow: hidden;
    height: 45px;
    position: relative;
}

.marquee, *[class^="marquee"] {
    display: inline-block;
    white-space: nowrap;
    position:absolute;
}

.marquee-content-items {
    display: inline-block;
    padding: 5px;
    margin: 0;
    height: 45px;
    position: relative;
}

.marquee-content-items li {
    display: inline-block;
    line-height: 35px;
    color: #585453;
}
.marquee-content-items li a {
    color: #585453;
}
.marquee-content-items li a:hover {
    color: #cf2337;
}

.marquee-content-items li:after {
    content: "|";
    margin: 0 1em;
}
#Intro {
    top: 0;
    margin:0 0 20px 0;
    z-index:9999999;
    background-color:#dbdbdb;
    height: 50px;
    width: 100%;
}
#Intro2 {
    top:0;
    margin:0;
    position:fixed;
    z-index:9999999;
    background-color:#005270;
    height: 40px;
    width: 100%;
}
hr {
    border-color: #EEE -moz-use-text-color #FFF;
    border-style: solid none;
    border-width: 1px 0;
    margin: 18px 0;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Droid Arabic Kufi', sans-serif;
    font-weight: 300;
}
div.pagination { font:normal 14px Droid Arabic Kufi; padding:0; margin:30px 0 30px 0; border:0; }
div.pagination a { margin:0 -5px 0 0; padding:0 8px 0 8px; text-decoration:none; color:#858585; background:#FFF; }
div.pagination a:hover, div.pagination a:active { color:#858585; text-decoration:none; background:#FFF; }
div.pagination span.current { margin:0 -5px 0 0; padding:0 8px 0 8px; font-weight:bold; color:#FFF; background:#4c4c4c; }
div.pagination span.disabled { padding:0 8px 0 8px; color:#858585; background:#FFF; }

html,
body {
    margin:0;
    padding:0;
    direction:rtl;
    background:#FFF;
    color: #5a5a5a;
    height: 100%;
}

.alignleft { float: left; }
.alignright { float: right; }
.aligncenter {
    margin-left: auto;
    margin-right: auto;
    display: block;
    clear: both;
}
.centered { text-align: center }
.mt { margin-top: 50px; }
.mb { margin-bottom: 50px; }
.mtb { margin-top: 50px; margin-bottom: 50px; }
.mtb2 { margin-top: 100px; margin-bottom: 100px; }
.ptb { padding-top: 80px; padding-bottom: 80px; }

.clear {
    clear: both;
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    width:100%;
}
::-moz-selection  {
    color: #fff;
    text-shadow:none;
    background:#2B2E31;
}
::selection {
    color: #fff;
    text-shadow:none;
    background:#2B2E31;
}
*,
*:after,
*:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

.footermenu ul {
    font:normal 16px JF Flat Medium;
    text-align:right;
    margin:10px 0;
    direction:rtl;
}
.footermenu { margin-bottom:10px; }
.footermenu ul li {
    display:block;
    margin-right:5px;
}
.footermenu ul li a {
    color:#FFF;
    display:block;
}
.footermenu ul li a:hover {
    color:#a3a3a3;
}

.footer-wrap { width:100%; }
.footer-wrap .container { padding-top:10px; padding-bottom:10px; }

/* Add custom Noto Kufi Arabic font style */
.noto-kufi-arabic-<uniquifier> {
    font-family: "Noto Kufi Arabic", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
}