/* Copyright (C) WarpTheme, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */
body.rtl .sp-megamenu-parent {
    float: right !important;
}
.about-quick-fact h3{
   font-size: 20px;
  
  color: #093eb6;
  font-weight: bold;
  line-height: 1.5;
  margin: 0 0 20px;
}
/* Add this for the got to top button */
.scrollToTop {
    width: 40px;
    height: 40px;
    position: fixed;
    bottom: 62px;
    right: 100px;
    /*display: none;*/
    z-index: 999 !important;
    border: 1px solid #ddd !important;
    background-color: rgba(255,255,255,0.4) !important;
}
.scrollToTop:hover {
  background-color: #c4c4c4 !important;
}
.scrollToTop:before {
  content: " \f106";
  font-family: "FontAwesome";
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 3px;
  width: 40px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  font-size: 25px;
  font-weight: 700;
  color: #000;
}

/* add for module header in home page*/
.mod-header h3{
      display: inline-block;
    font-size: 16px;
    font-weight: bold;
    color: #093EB6;
    background: #ffda44;
    margin: 0;
    padding: 0 15px;
    line-height: 28px;
}


 .layout-slideshow .sprocket-features-desc
{
  background:none !important;
}
/**CSS For #sp-bootom**/
#sp-bottom{
  padding : 100px 0px 0px !important;
}
/** CSS for Slider **/
.sprocket-features-img-container:after {
    content: ' '!important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    background-color: rgba(0,0,0,0.5) !important;
}
.layout-slideshow .sprocket-features-img-container img{
	height: 443px !important;
}
@media (max-width:991px){
	.layout-slideshow .sprocket-features-img-container img{
			height: 243px !important;
}
}
.layout-slideshow .sprocket-features-title, 
.layout-slideshow .sprocket-features-desc{
  /*background: none !important;*/
  font-size:28px !important;
  font-weight: 600 !important;
  line-height: 1.5;
  /*background-color: rgba(0, 0, 0, 0.5294117647058824) !important;*/
}
/***--CSS for slideShow--****/

@media only screen and (max-width:1024px){
	.layout-slideshow .sprocket-features-desc{
		 font-size:16px !important ;
	}
}
/***--CSS for slideShow--****/
element {
    opacity: 0;
    position: absolute;
    z-index: 1;
}
#sp-page-builder * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.layout-slideshow .sprocket-features-content {
    right: 40px !important;
}
.layout-slideshow .sprocket-features-content{
  width: 80% !important;
  text-align: center !important;
}
/*********************************************/
/**Custom Articles CSS **/
/**Minister Article**/
.ul_style {
	/*counter-reset:li;  Initiate a counter */
	margin-left:0; /* Remove the default left margin */
	padding-left:0; /* Remove the default left padding */
}
.ul_style > li {
	position:relative; /* Create a positioning context */
	margin:0 0 6px 2em; /* Give each list item a left margin to make room for the numbers */
	padding:14px 3.5em; /* Add some spacing around the content */
	list-style:none; /* Disable the normal item numbering */
}
.ul_style > li:before {
	 content: '\f053';
    font-family: 'FontAwesome';
	/*counter-increment:li;  Increment the counter by 1 */
	/* Position and style the number */
	position:absolute;
	top:15px;
	right:0.2em;
	width:2em;
	margin-right:8px;
	padding:4px;
	color:#677078;
	font-weight:bold;
	text-align:center;
}
.ul_style li ul {margin-top:6px;}
html[dir="ltr"] .ul_style > li::before {
 content: '\f054';
 left :0.2em ;   
}
/**********************************************************/
/**Related Bodies Article **/
table.relatedsites { 
  width: 100%; 
  border-collapse: collapse; 
}
.relatedsites td:nth-child(2){
 display: table-cell !important;
}
/* Zebra striping */
.relatedsites tr:nth-of-type(odd) { 
  background: #eee; 
}
.relatedsites th { 
  background: #333; 
  color: white; 
  font-weight: bold; 
}
.relatedsites td,.relatedsites th { 
  padding: 6px; 
  border: 1px solid #ccc; 
  text-align: center; 
  font-size: 14px !important;
}
@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

	/* Force table to not be like tables anymore */
	table.relatedsites, .relatedsites thead, .relatedsites tbody,.relatedsites th,.relatedsites td,.relatedsites tr,
        .relatedsites td:nth-child(2){ 
		display: block !important;
	}
	/* Hide table headers (but not display: none;, for accessibility) */
	.relatedsites thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	.relatedsites tr { border: 1px solid #ccc; }
        .relatedsites td:nth-child(2){
            padding-right: 50% !important;
         }
	
	.relatedsites td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-right: 50%; 
                font-size: 11px !important;
	}
	
	.relatedsites td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		right: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	
	/*
	Label the data
	*/
	.relatedsites td:nth-of-type(1):before { content: "اسم الجهة"; }
	.relatedsites td:nth-of-type(2):before { content: "العنوان"; }
	.relatedsites td:nth-of-type(3):before { content: "رقم الهاتف"; }
	.relatedsites td:nth-of-type(4):before { content: "رقم الفاكس"; }
	.relatedsites td:nth-of-type(5):before { content: "الموقع الالكتروني"; }
	.relatedsites td:nth-of-type(6):before { content: "البريد الالكتروني"; }
}
/************************************************************/
/**Employees Services Article CSS**/
.rounded-list {
	counter-reset:li; /* Initiate a counter */
	margin-left:0; /* Remove the default left margin */
	padding-left:0; /* Remove the default left padding */
}
.rounded-list > li {
	position:relative; /* Create a positioning context */
	margin:0 0 6px 2em; /* Give each list item a left margin to make room for the numbers */
	padding:6px 3.5em 16px; /* Add some spacing around the content */
	list-style:none; /* Disable the normal item numbering */
	border-bottom:0.2px solid #666;
	/*background:#f6f6f6;*/
}
.rounded-list > li:before {
	content:counter(li); /* Use the counter as content */
	counter-increment:li; /* Increment the counter by 1 */
	/* Position and style the number */
	position:absolute;
	top:9px;
	right:0.2em;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	width:2em;
	/* Some space between the number and the content in browsers that support
	   generated content but not positioning it (Camino 2 is one example) */
	margin-right:8px;
	padding:4px;
	border-top:2px solid #666;
	color:#fff;
	background:#666;
	font-weight:bold;
	font-family:"Helvetica Neue", Arial, sans-serif;
	text-align:center;
}
.rounded-list li ol,
.rounded-list li ul {margin-top:6px;}
.rounded-list ol li:last-child {margin-bottom:0;}

@media only screen and (max-width: 768px){
.rounded-list > li{
margin: 0;
padding:0;
}
.rounded-list > li::before{
right: -2.5em;
padding:0 0 0 5px;
       margin-right: 0;
      top: 1px;
}
}
/******************************************************************/
/** Previous Ministers **/
ol.rectangle-list {
    counter-reset: li; /* Initiate a counter */
    list-style: none; /* Remove default numbering */
    *list-style: decimal; /* Keep using default numbering for IE6/7 */
    font: 15px 'trebuchet MS', 'lucida sans';
    padding: 0;
    margin-bottom: 4em;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
}

ol.rectangle-list ol {
    margin: 0 0 0 2em; /* Add some left margin for inner lists */
}
.rectangle-list a{
    position: relative;
    display: block;
    padding: .4em 2.5em .4em .8em;
    margin: .5em 2.1em .5em 2.5em;
    background: #ddd;
    color: #444;
    text-decoration: none;
    transition: all .3s ease-out;   
	width:60%;
}

.rectangle-list a:hover,html[dir="ltr"] .rectangle-list a:hover{
    background: #eee;
}   

.rectangle-list a:before{
    content: counter(li);
    counter-increment: li;
    position: absolute; 
    right: 0;
    top: 50%;
    margin-top: -1em;
    background: #555454;
    height: 2em;
    width: 2em;
    line-height: 2em;
    text-align: center;
    font-weight: bold;
}

.rectangle-list a:after{
    position: absolute; 
    content: '';
    border: .5em solid transparent;
    right: -1em;
    top: 50%;
    margin-top: -.5em;
    transition: all .3s ease-out;               
}

.rectangle-list a:hover:after{
    right: 2em;
    border-right-color: #555454;             
} 
html[dir="ltr"] .rectangle-list a::before{
    left: 0;
}
html[dir="ltr"] .rectangle-list a:after{
    position: absolute; 
    content: '';
    border: .5em solid transparent;
    left: 3em;
    top: 50%;
    margin-top: -.5em;
    transition: all .3s ease-out;    
}
html[dir="ltr"] .rectangle-list a{
   position: relative;
    display: block;
    padding: .4em 2.5em .4em 2.5em;
    *padding: .4em;
    margin: .5em 2.5em .5em 2.5em;
    background: #ddd;
    color: #444;
    text-decoration: none;
    transition: all .3s ease-out;
}
html[dir="ltr"] .rectangle-list a:hover:after{
   left: 1.5em;            
}
/**************************************************************/
/** Style Fabrik **/
.fabrikFilterContainer .span6{
    float: right !important;
}
.fabrikDataContainer .fabrik___heading,.fabrikDataContainer  th{
    background-color: #EEE !important;
}
.fabrikDataContainer table  td:nth-child(2){
    padding: 8px !important;
    line-height: 1.42857143 !important;
    vertical-align: top !important;
    border-top: 1px solid #ddd !important;
    display: table-cell !important;
    font-size:16px !important;
}
.fabrikNav .list-footer li{
    display: inline !important;
}
.fabrikNav .list-footer li a{
    margin-right: 7px !important;
    margin-left: 7px !important;
}
.fabrikNav .list-footer span.add-on{
    height: 100%;
    margin-bottom: 0;
    border: none;
}
.fabrikNav .list-footer{
    text-align: center;
}
.filtertable.table.table-striped td, .filtertable.table.table-striped .fabrik___heading{
    background-color: #fff !important;
     border-top: none !important; 
     border-bottom: none !important; 
     padding-top: 5px !important;
     vertical-align: middle !important;
}
.fabrikNav .list-footer .inputbox.input-mini{
    padding: 0 !important;
}
.fabrikNav .pagination li{
    float: right !important;
    direction: rtl !important; 
    text-align: right !important;
}
.fabrikDataContainer ul.fabrikRepeatData{
    margin-right: 0 !important;
    padding-right: 0 !important;
}
/********************************************************************/
/** Style Blog In English Section **/
html[dir="ltr"] .entry-header h2{
    line-height: 1 !important;
    margin: 0 0 12px;
}
html[dir="ltr"] .entry-header h2 a{
      font-size:16px;  
}
 html[dir="rtl"] .entry-header h2 {
      line-height: 1.5 !important;
    margin: 3px 0 12px;
 }

/*************************this for bottom module flashnews***/
.flashnews-font
{
  font-size:14px !important;
}
.flashnews-font a
{
  color:#fff !important;
}
.flashnews-font> a
{
  float:left;
}
/*************************this for make the language and social Icon small in mobile with screen size 320px***/
@media only screen and (max-width:320px){
	.sp-module-content .mod-languages ul.lang-inline li a{
		width:20px !important;
		height:20px !important;
	}
	.social ul.social-icons li a{
		width:20px !important;
		height:20px !important;
		
	}
}

/*************************this for make the language and social Icon small in mobile with screen size 320px***/

/*******----make icon sprite image for speed load page -----******/
.icon1-service{
	width:78px;
	height:78px;
	background:url(../images/icon-sprite.png) 0px 0px ;
}
.icon2-service{
	width:78px;
	height:78px;
	background:url(../images/icon-sprite.png) 0 -78px ;
}
.icon8-service{
	width:78px;
	height:78px;
	background:url(../images/icon-sprite.png) 0 -312px ;
}
.icon11-service{
	width:78px;
	height:78px;
	background:url(../images/icon-sprite.png) 0 -234px ;
}
.icon12-service{
	width:78px;
	height:78px;
	background:url(../images/icon-sprite.png) 0 -156px ;
}
/*******----make icon sprite image for speed load page -----******/

.sppb-addon-accordion .sppb-toggle-direction{
	display:none;
}

 @font-face {
  font-family: 'Droid Arabic Kufi';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/Droid/DroidKufi-Regular.eot);
  src: url(../fonts/Droid/DroidKufi-Regular.eot?#iefix) format('embedded-opentype'),
       url(../fonts/Droid/DroidKufi-Regular.woff2) format('woff2'),
       url(../fonts/Droid/DroidKufi-Regular.woff) format('woff'),
       url(../fonts/Droid/DroidKufi-Regular.ttf) format('truetype');
}
  @font-face {
  font-family: 'Droid Arabic Kufi';
  font-style: normal;
  font-weight: 200;
  src: url(../fonts/Droid/DroidKufi-Bold.eot);
  src: url(../fonts/Droid/DroidKufi-Bold.eot?#iefix) format('embedded-opentype'),
       url(../fonts/Droid/DroidKufi-Bold.woff2) format('woff2'),
       url(../fonts/Droid/DroidKufi-Bold.woff) format('woff'),
       url(../fonts/Droid/DroidKufi-Bold.ttf) format('truetype');
}
/*********************************25/8/2019***********************************************/
/**** add custom colors to links ****/
h3,h4.subtitle{
/*color: rgba(208, 44, 58, 0.9686274509803922) !important;	*/
	color : rgba(154, 29, 39, 0.9686274509803922) !important;
}
a{
	/*color: rgba(208, 44, 58, 0.9686274509803922) !important;*/
	color : rgba(154, 29, 39, 0.9686274509803922) !important;
}
/*** Toggle menu color **/
#offcanvas-toggler >i {
   /*color: rgba(208, 44, 58, 0.9686274509803922) !important;*/
	color: #fff !important;
}
.sp-megamenu-parent >li >a{
color: #fff !important;	
}
/**** Main Menu Background **/ 
#sp-main-menu {
	background-color : rgba(19, 18, 18, 0.7215686274509804) !important;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active>a{
	color: #fff !important;
}
/** Dropdown Menu ***/
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner{
	background-color : rgba(19, 18, 18, 0.7215686274509804) !important;
}
/****** Primary Button ***/
.btn-primary, .sppb-btn-primary{
    background-color : rgba(96, 93, 94, 0.23921568627450981) !important;	
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item >a.sp-group-title {
	color: white !important;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item >a:not(.sp-group-title):hover,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item >a{
	color: white !important;
}
/***** Slider read more button **/
.sprocket-features-desc .readon{
	/*background : rgba(251, 251, 250, 0.9607843137254902) !important;*/
}
.sprocket-features-content  {
    top: 40% !important;
}
/***** Style buttons in index page ****/
h2.color-title,.sppb-title-heading{
	background-color : rgba(35, 31, 32, 0.7215686274509804) !important;
}
.sppb-title-heading a{
	color: #fff !important;
}
/**** Services border at index page ***/
.services-other .img-box{
	 border: 2px solid rgba(35, 31, 32, 0.7215686274509804) !important;
}
/**** small footer ***/
#sp-footer{
	background: #272425 !important;
	/*color : rgba(208, 44, 58, 0.9686274509803922) !important;*/
	color : #242425 !important;
}
/*** Large footer ****/
#sp-bottom {
    background: #323233 !important;
}
/***** Pre-footer sections Style ***/
.pre-footer>div:nth-child(3n) .contact-box {
    background: #39393a !important;
}
.pre-footer>div:nth-child(2n) .contact-box {
    background: #5e5e61 !important;
}
.pre-footer>div:nth-child(1n) .contact-box {
    background: #808082 !important;
}
/******  Services Section  ****/
.plubication-downloads h2{
	/*background: #605d5e !important;*/
	background-color : rgba(19, 18, 18, 0.7215686274509804) !important;
}
.sppb-panel-title{
	color : rgba(208, 44, 58, 0.9686274509803922) !important;
}
/***** footer links*****/
h4.pre-footer-title{
	color: white !important;
}
.contact-details p,
.contact-details span bdi,
.contact-details p a{
	color: white !important;
}
.sp-module ul >li >a {
    color: #fff !important;
}
#sp-footer1 span bdi{
    color: #a03e44 !important;	
}
/**** top links style ****/
.top-info a bdi{
	color: #76797f !important;
}
.social ul.social-icons li a{
	background : #787878 !important;
	color  : #fff  !important;
}
/****  Offcanvas Menu  *****/
.offcanvas-menu {
    /*background-color: #605d5e  !important;*/
	background-color : rgba(19, 18, 18, 0.7215686274509804) !important;
}
/****** Body Color ****/
body{
	color : #000000 !important;	
}
/***** *****/
.company-image .img-left img,
.company-image .img-right img{
	opacity : 0.8 !important;
}

/*******************  Blog Styles  *************************/
#sp-right .sp-module-title{
	order-left: 6px solid #b92828 !important;
}
.entry-header h2 {
	color: #b92828 !important;
}