@font-face {
    font-family: "Tajawal";
    src: url("../fonts/Tajawal-Bold.ttf");
}

body {
    font-family: Tajawal;
}
.head-bg
{
    background-image:url('/files/img/head-bg.jpg');
    min-height:246px;

}


.space-t-5
{
    margin-top:5px;
  
}

.color-page {
    background-color: #f7e5d4;
}


.search {
    background-image: url('/files/img/Search.png');
    width:296px;
    height:39px;
}

.search {
}

.search .search-text {
    background-color:white;
    width:240px;
    opacity:100%;
    padding: 1px 2px;
    height:30px;
    margin-top:5px;
    margin-right:15px;
    border:0px;
}


    .search .search-button {
        background-color: transparent;
        width: 35px;
        height: 30px;
        opacity: 100%;
        padding: 1px 2px;
        height: 30px;
        margin-top: 5px;
        margin-right: 5px;
        border: 0px;
    }

    .nav-item a {
    vertical-align: bottom;
    font-family: Tajawal;
    color: #e07e2f;
    font-size: 16px;
    line-height: 50px;
    margin-right: 10px !important;
    margin-left: 10px !important;
}
    .nav-item  img {
        width:20px;
    }
.nav-item .nav-title {  
   
}
.nav-item a:active, .navbar-nav active {
    color: #68002b;
}
    .nav-item a:active {
        text-decoration: none;
    }
.element-center {
            margin: 0;
            position: absolute;
            top: 50%;
            left: 50%;
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }

.nav-item {
   
    display: contents;
    float: right;
   
}
.no-h-margin {
    margin-left: 0px;
    margin-right: 0px;
}

.no-h-padding{
    padding-right: 0px;
    padding-left: 0px;
}
.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: 0px !important;
    margin-right: 0px !important;
}

#carousel-main_slide img
{
    max-height:500px;
}
.carousel-control-next-icon, .carousel-control-prev-icon {
    display: inline-block;
    width: 55px;
    height: 88px;
    background: transparent no-repeat center center;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}
.carousel-control-next-icon {
    background-image: url('/files/img/arrowleft.png') !important;
}
.carousel-control-prev-icon {
    background-image: url('/files/img/arrowright.png') !important;
}

.carousel-caption {
    position: absolute;
    right: 15%;
    top: 30px;
    left: 50%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #000000;
    text-align: right;
    font-size: large;
    text-shadow: 1px 1px 0 #ffffff, 1px -1px 0 #ffffff, -1px 1px 0 #ffffff, -1px -1px 0 #ffffff, 1px 0px 0 #ffffff, 0px 1px 0 #ffffff, -1px 0px 0 #ffffff, 0px -1px 0 #ffffff;
}
    .carousel-caption h2 {
        color: #ffffff;
        text-shadow: #474747 2px 2px 2px;
    }



.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 50px;
    z-index: 15;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 0%;
    margin-left: 0%;
    list-style: none;
    
    opacity: 0.8;
    margin-bottom: 0rem;
}

.main-carousel .carousel-indicators 
{
    background-color: #68002b;
}


.carousel-indicators .active {
    background-color: #fff;
}

    .carousel-indicators li {
        position: relative;
        top:40%;
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        width: 10px !important;
        max-width:15px;
        height: 15px !important;
        border-radius: 70px;
        margin-right: 3px;
        margin-left: 3px;
        text-indent: -999px;
        cursor: pointer;
        background-color: rgba(255,255,255,.5);
    }

.news-bar-title {
    /*height: 80px;*/
    line-height: 80px;
    background-color: #68002b;
    width:100%;
    color: #e07e2f;
    font-size:x-large;
    text-align:center;
    vertical-align:central;
    /*overflow: hidden;*/


}

.news-bar-main-title {
    display:block
}



.news-bar-items {
    color: #68002b;
    height: 80px;
    line-height: 80px;
    padding-right: 5px;
    padding-left: 0px;
    
}
.news-bar-arrow {
    position: absolute;
    left: 0;
    
    top: 0px;
    z-index: 20000;
    margin-left:-30px;
    
}

marquee {
    background-color: #e07e2f;
}

marquee a, marquee img {
    margin: 5px;
    margin-top: 10px;
    color: #68002b;
    z-index: 10000;
  
}

.adver img {
    border: 3px solid #f7e5d4;
}

.adver-mobile {
    display: none;
}



.adver .img-border-burpl {
    border: 3px solid #68002b;
}

.adver-img-border-burpl img {
    border: 3px solid #68002b;
}
.bg-burple {
    background-color: #68002b;
}
.bg-orange {
    background-color: rgb(224, 126, 47);
}

.email-box
{
    
}
    .email-box h4 {
        color: #e07e2f;
        width:100%;
        text-align:center;
        

    }
    .email-box h5 {
        width: 100%;
        text-align: center;
        color: #ffffff
    }

/*.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-lg, .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, .col-md, .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, .col-sm, .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, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9 {
    padding-right: 0px;
    padding-left: 0px;
}*/

.media-carousel
{
    background-color: rgb(224, 126, 47);
    
}

.main-title-color{
    background-color: #68002b;
    
    color: #e07e2f;
}


.main-title-color-no-bg {
    color: #e07e2f;
    text-align: justify; /* يوزّع النص على عرض السطر */
    text-justify: inter-word; /* يوزع المسافات بين الكلمات */
}
.main-title-color2-no-bg {
    color: #68002b;
    text-align: justify; /* يوزّع النص على عرض السطر */
    text-justify: inter-word; /* يوزع المسافات بين الكلمات */
}

.footer, .footer a{
    color: white;
}

.main-title-position {
    width: 200px;
    margin: 10px auto;
    padding: 10px;
}



    
    .media-carousel .carousel-inner img {
    width: 100%
}

.media-carousel .carousel-item img {
    width: 100%;
}

.media-carousel  .carousel-indicators {
}

.media-carousel .carousel-indicators > li {
    width: 80px
}

.media-carousel .carousel-indicators li img {
    display: block;
    opacity: 0.5
}

.media-carousel .carousel-indicators li.active img {
    opacity: 1
}

.media-carousel #myCarousel .carousel-indicators li:hover img {
    opacity: 0.75
}

.media-carousel .carousel-indicators img {
    height: 80px !important;
    background-color: red;
}

.media-carousel .media-content {
    width:100%;
    height:398px;
    background-color:black;

}


.media-carousel .carousel-indicators {
    position: relative;
    right: 0;
    bottom: 0;
    left: 0;
    height: 80px;
    z-index: 15;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 0%;
    margin-left: 0%;
    list-style: none;
    opacity: 0.8;
    margin-bottom: 0rem;
}
ol.carousel-indicators.list-inline.space-t-10{
    margin-top: 10px;
}
    .media-carousel .carousel-indicators li {
       
        position: relative;
        top: 0px;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 19% !important;
        max-width: 19%;
        height: 80px !important;
        border-radius: 0px;
        margin-right: 0;
        margin-left: 0;
        text-indent: -999px;
        cursor: pointer;
        background-color: rgba(255,255,255,.5);
      

        
    }

        .media-carousel .carousel-indicators li img {
            border: 2px solid white;
            
        }

.media-carousel .list-inline-item:not(:last-child) {
    margin-left: 1%;
}


.media-carousel  .carousel-item {
    background-color: black;
    border: 2px solid #68002b;
    height: 400px !important;
    /*display:block;*/
    width:100%;
    
}

    .media-carousel .carousel-item img, media-carousel .carousel-item video {
        height: 398px;
    }
.footer-logo img{
   width:150px;
}

#vote
{

}
    #vote .title {
        font-size: 1.5rem;
        text-align:center;
        color:white;
        padding:5px 0;
    }

.footer ul {
    list-style-type: none;
}

.footer ul li{
    margin-top:10px;
    margin-bottom:10px;
}
    .social img {
    width: 46px;
}

.footer span img{
    margin-left:10px;
    width:40px;
}

.vertical-splitor {
    border-left: 5px solid #f7e5d4 !important;
}

.logo
{
   float:left;
}

.logo-title {
    width:100%;
}

.categories .page-body {
    color: white;
    text-align: justify; /* يوزّع النص على عرض السطر */
    text-justify: inter-word; /* يوزع المسافات بين الكلمات */
}

@media (max-width: 1000px) {
    .adver {
        display: none !important;
    }
    .adver-mobile {
        display: block !important;

            
    }
    .adver-mobile img{
        float: left !important;
    }

    .logo {
        float: none !important;
        height: 200px !important;
        margin-right: 30px;
    }

    .logo-title {
        width: 80% !important;
        margin-top: 20px;
        margin-right: 50px;
    }



}

@media (max-width: 1200px) {

    .media-carousel .media-content {
        width: 100%;
        height: 198px;
        background-color: black;
    }

    .media-carousel .carousel-item {
        background-color: black;
        border: 2px solid #68002b;
        height: 200px !important;
        /*display:block;*/
        width: 100%;
    }

        .media-carousel .carousel-item img, media-carousel .carousel-item video {
            height: 198px;
        }
}

    @media (max-width: 768px) {
        .news-bar-main-title {
            display: none;
        }

        .news-bar-arrow {
            display: none;
        }

        .vertical-splitor {
            border-left: 0px solid #f7e5d4 !important;
        }

        .adver {
            display: none;
        }


        #carousel-main_slide {
            display: none;
        }

        .logo-title {
            width: 70%;
        }


    }

    @media (max-width: 500px) {


        .adver {
            display: none;
        }

        .news-bar-arrow {
            /*display: none;*/
        }

        .vertical-splitor {
            border-left: 0px solid #f7e5d4 !important;
        }

        .news-bar-items {
            /* padding-right:0px !important;*/
        }

        #carousel-main_slide {
            display: none;
            height: 150px !important;
        }

        .logo-title {
            width: 50% !important;
        }

        .m-5 {
            margin-left: 0rem !important;
            margin-right: 0rem !important;
        }

        .p-5 {
            padding-left: 0rem !important;
            padding-right: 0rem !important;
        }
    }





    /*.arabic-text {
    direction: rtl;*/ /* لأن النص عربي */
    /*text-align: justify;*/ /* يوزّع النص على عرض السطر */
    /*text-justify: inter-word !important;*/ /* يوزع المسافات بين الكلمات */
    /*line-height: 1.8;*/ /* لتحسين مظهر السطور */
    /*font-size: 18px;*/
    /*}*/

    .arabic-text {
        direction: rtl;
        list-style: none;
        padding: 0;
        margin: 0;
        width:270px;
    }

        .arabic-text li {
            display: flex;
            align-items: center;
            justify-content: flex-start; /* أو space-between لو تحب توزيع */
            margin-bottom: 8px;
            line-height:40px;
        }

            .arabic-text li img {
                margin-left: 10px; /* مسافة بين الصورة والنص */
            }
  .arabic-text .list-item {
        display: flex;
        align-items: flex-start !important;
    }

        .arabic-text .list-item span {
            flex: 0 0 auto;
        }

        .arabic-text .list-item p {
            flex: 1;
            margin: 0;
            text-align: justify;
            text-align-last: justify;
            text-justify: inter-character;
        }

.force-distribute-5 {
    display: inline-block;
    width: 100%; /* make it expand across li */
    text-align: justify; /* distribute text */
    text-align-last: justify; /* last line also */
    letter-spacing: 3px; /* add spacing between characters */
    direction: ltr; /* for numbers/emails, left-to-right */
}

.force-distribute-10 {
    display: inline-block;
    width: 100%; /* make it expand across li */
    text-align: justify; /* distribute text */
    text-align-last: justify; /* last line also */
    letter-spacing: 8px; /* add spacing between characters */
    direction: ltr; /* for numbers/emails, left-to-right */
}