@font-face { font-family: alalwi2; src: url('fonts/alalwi2.otf'); }
@font-face { font-family: alalwi4; src: url('fonts/alalwi4.ttf'); }

* {
  box-sizing: border-box;
}

body{
	padding-top:0!important;
	margin-top:0!important;
    /* background-color: #2c4359; */
    font-size: 18px!important;
    font-family: "alalwi4", alalwi2;
  /*  font-family: 'Audiowide', cursive; */
  top:0!important;
  left:0!important;
  bottom: 0 ;
  font-style: normal!important;
  direction: rtl!important;
}

h2 , h3 , h4 {
  font-family: "alalwi4", alalwi2;
}
.clear{
  clear:both;
}

a {
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    transition: 0.5s all;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    transition: 0.5s all;
}

a:focus,
a:hover {
    text-decoration: none;
}

/*********************************************************************************/
           /* Strart Header */
header {
	margin-top:0!important;
}

.top-header {
		/* background:url(../images/bg3.jpg) no-repeat 0px 0px; */
	/* background:linear-gradient(to bottom, #42a5f5, #86c9ff)!important; */
	 background-color:#35648f;
		padding-top:0.5vw;
		padding-bottom:0.5vw;
    margin-top:0!important;
    flex-direction: row;
}

a.navbar-brand {
font-family: "alalwi4", alalwi2;
  font-size: 0.7em;
	color:#fff;
	font-weight:bold;
	margin-left:25px;
  float:right;          /* edit in arabic style */
  text-align: right;
  letter-spacing: 3px;
}

.top-header h1 {
font-size: 1.8em!important;
}

.navbar-brand span {
    display: block;
    font-size: 0.5em;
    line-height: 1.2;
    color: #f5b120;
    letter-spacing: 2px;
    font-family: "alalwi4", alalwi2;
    line-height: 20px;
}

/*-- social-icons --*/
.social-icons {
float:left;          /* edit in arabic style */
text-align: center;
}

.social-icons ul li {
    display: inline-block;
}

.social-icons ul li a {
    font-size: 12px;
    color: #fff;
    line-height: 2.5;
    text-align: center;
    vertical-align: top;
    overflow: hidden;
    width: 30px;
    height: 30px;
    box-shadow: 1px 1px 1px 1px rgba(255, 255, 255, 0.76);
}

.icon-border {
    position: relative;
}

.icon-border::before,
.icon-border::after {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
}

.icon-border::before {
    z-index: 1;
    -webkit-transition: box-shadow 0.3s;
    -moz-transition: box-shadow 0.3s;
    -o-transition: box-shadow 0.3s;
    -ms-transition: box-shadow 0.3s;
    transition: box-shadow 0.3s;
}


/* facebook */

.icon-border.facebook:hover::before {
    -webkit-box-shadow: inset 0 0 0 48px #3b5998;
    -moz-box-shadow: inset 0 0 0 48px #3b5998;
    -o-box-shadow: inset 0 0 0 48px #3b5998;
    -ms-box-shadow: inset 0 0 0 48px #3b5998;
    box-shadow: inset 0 0 0 48px #3b5998;
}

/* twitter */

.icon-border.twitter:hover::before {
    -webkit-box-shadow: inset 0 0 0 48px #4099ff;
    -moz-box-shadow: inset 0 0 0 48px #4099ff;
    -o-box-shadow: inset 0 0 0 48px #4099ff;
    -ms-box-shadow: inset 0 0 0 48px #4099ff;
    box-shadow: inset 0 0 0 48px #4099ff;
}

/* linkedin  */

.icon-border.linkedin:hover::before {
    -webkit-box-shadow: inset 0 0 0 48px #006097;
    -moz-box-shadow: inset 0 0 0 48px #006097;
    -o-box-shadow: inset 0 0 0 48px #006097;
    -ms-box-shadow: inset 0 0 0 48px #006097;
    box-shadow: inset 0 0 0 48px #006097;
}

/* rss */

.icon-border.rss:hover::before {
    -webkit-box-shadow: inset 0 0 0 48px #ee802f;
    -moz-box-shadow: inset 0 0 0 48px #ee802f;
    -o-box-shadow: inset 0 0 0 48px #ee802f;
    -ms-box-shadow: inset 0 0 0 48px #ee802f;
    box-shadow: inset 0 0 0 48px #ee802f;
}

/*-- //social-icons --*/

/*-- social-icons in footer --*/
.social-icons-footer {
text-align: center;
}

.social-icons-footer ul li {
    display: inline-block;
}

.social-icons-footer ul li a {
    font-size: 12px;
    color: #fff;
    line-height: 2.5;
    text-align: center;
    vertical-align: top;
    overflow: hidden;
    width: 30px;
    height: 30px;
    box-shadow: 1px 1px 1px 1px rgba(255, 255, 255, 0.76);
}

/*-- //social-icons  in footer--*/


.search-and-phone {
	padding-left:25px;
  float:left!important;          /* edit in arabic style */
  text-align: left!important;
    direction: rtl;
}

.search-and-phone ul {
list-style:none;
color:#fff;
margin-right:1px!important;
}

.search-and-phone ul li {
display: inline-block;
color:#fff;
font-size:1em;
}

.search-and-phone ul li i {
	color:#f5b120;
}

.search-and-phone span {
	color:#f5b120;
    font-size:1em;
}

.search-and-phone li a {
font-size: 0.8em!important;
display: inline;
color:#35648f;
text-decoration: none;
}
.search-and-phone li a:hover {
text-decoration: none;
}

.search-and-phone li {
background-color: rgb(255, 255, 255);
padding:4px 8px;
border-radius: 2px;
}
.search-and-phone li:hover {
border-radius: 50%;
cursor: pointer;
}

      /* search in navbar */

.search-and-phone-in-nav {
      	padding-right:8px;
        float:left!important;          /* edit in arabic style */
        text-align: left!important;
          direction: rtl;
          z-index: 100;
          position: absolute;
          top:60px;
          left:0px;
  }

      .search-and-phone-in-nav ul {
      list-style:none;
      color:#fff;
      }

      .search-and-phone-in-nav ul li {
      display: inline-block;
      color:#fff;
      font-size:1em;
      }

      .search-and-phone-in-nav ul li i {
      	color:#f5b120;
      }

      .search-and-phone-in-nav span {
      	color:#f5b120;
        font-size:1em;
      }

      .search-and-phone-in-nav li a {
      font-size: 0.8em!important;
      display: inline;
      color:#35648f;
      text-decoration: none;
      }

      .search-and-phone-in-nav li a:hover {
      text-decoration: none;
      }

      .search-and-phone-in-nav li {
      background-color: rgb(255, 255, 255);
      padding:4px 8px;
      border-radius: 2px;
      }
      .search-and-phone-in-nav li:hover {
      border-radius: 50%;
      cursor: pointer;
      }

    /* search box */

    #search-con {
    background-color: rgb(255, 255, 255);
    padding:4px 8px;
    border-radius: 2px;
    }

    #search-con:hover {
    cursor: pointer;
    background-color: rgb(255, 255, 255);
    color:#fff!important;
    }

    .search-container {
    display: none;
    position: absolute;
    z-index: 10;
    background-color: rgba(227, 238, 238,0.9);
    text-align: center;
    padding-top: 1vh;
    padding-bottom: 1vh;
    color:#fff;
          }

    .search-container form {
    z-index: 12;
          }

.search-container button {
background-color: #2c4359;
color:#fff!important;
          }

.search-container button:hover {
background-color: #2c43f6;
color:#fff!important;
      }

    .opensearch {
    display:block;
          }

      /* end Search Box */

      /* end search in navbar */


/*********************************************************************************/
/* navbar */

.bg-light {
/* background:linear-gradient(to top, #f54a3e, #e1eefb) !important; */
 /*background: linear-gradient(to top, #0d9f9a, #e1eefb) !important;*/
 background-image: linear-gradient(to top, #4facfe 40%, #00f2fe 100%);
}

.navbar {
/*	padding: 0!important;  */
margin-bottom: 1px!important;
}

.navbar-toggler {
z-index:4;
}

.navbar-light .navbar-nav .nav-link {
color:#000 !important;
margin-left:0!important;
text-align:center;
border-radius:none;
font-style:normal!important;
}

.navbar-light .navbar-nav .nav-link::after {
	content:" ";
}

/* unvisited link */
.navbar-light .navbar-nav .nav-link:link{
  border:0!important;
}

/* visited link */
.navbar-light .navbar-nav .nav-link:visited {
  border:0!important;
  background-color:#2c4359!important;

}

/* mouse over link */
.navbar-light .navbar-nav .nav-link:hover{
	/* color:#624963 !important; */
	background-color:#2c4359!important;
    color:#fff!important;
    border:0!important;
}

/* selected link */
.navbar-light .navbar-nav .nav-link:active {
border:0!important;
background-color:#2c4359!important;

}


              /* start sub menue drop down */

              /* هذا السطر عشان يظهر ملئ الشاشة والا مايظهر ابدا ملئ الشاشة */

.has-sub-men {
   position:static;
}

.no-has-sub-men {
}

.dropdown-menu {
   padding-top:3vw !important;
   padding-bottom:3vw !important;
   padding-right:20px!important; /*  may be will delet it   */
   padding-left:20px!important;
    color:#fff;
  background-image: linear-gradient(to top, #fc00ff 0%, #00dbde 90%);
   border-radius:0;
   width:100%;
   position: absolute;
   text-align: right;
   z-index: 800;
}


.dropdown-menu h5 {
font-size: 1em;
color:#fff;
background-color: #1e4264;
padding:10px;
}

.drop-down-p1 {
  font-size: 1em;
  text-align: justify;
  padding:10px 10px 10px 10px;
}

.dropdown-menu ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    color:#fff;
}

.dropdown-menu ul li a  {
    padding: 5px 15px;
    font-weight: 300;
    display: block;
    color:#fff;
    font-size: 1em;
}

.dropdown-menu ul li a::before  {
content:"";
color:#000;
font-size: 1em;
margin-right: 6px!important;
}

.dropdown-menu ul li a:hover  {
    text-decoration: none;
    color: #000;
}

.dropdown-menu h4 {
font-size: 1em;
color:#fff;
background-color: #1e4264;
padding:4px 10px 10px 10px!important;  /* for arabic RTL direction   */
font-style: normal!important;
line-height: normal!important;  /* for arabic RTL direction   */
margin: 0!important;  /* for arabic RTL direction   */

}

.dropdown-menu  .col-12 .img-fluid {
width: 100%!important;
padding:1px;
}

.dropdown-menu .img-fluid:hover {
cursor: pointer;
}

.drop-down-p2 {
  font-size: 0.8em;
  text-align: justify;
  padding:8px 8px 8px 8px;
}

.drop-img {
  height: 40px!important;
}

.respon-button {
  color:#000!important;
  margin-top: 0 !important;
}

/* start level 2 sub menue */

.accordion {
width: 100%;
margin: 3px!important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

@media (min-width: 992px) {
.dropdown .col-lg-4 {
  -ms-flex: 0 0 32.333333%!important;
  flex: 0 0 32.333333%!important;
  max-width: 32.333333%!important;
}
}

.accordion .link {
  cursor: pointer;
  display: block;
  padding: 5px 5px 10px 20px!important;
  color: #fff;
  position: relative;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  font-size: 0.8em;
  background-color: #1e4264;
  width:100%!important;

    }

    .accordion .link i {
      color: #fff;
    }

.accordion li:last-child .link {
  border-bottom: 0;
}

.accordion li i {
  position: absolute;
  top: 16px;
  right: 12px;  /* may be will edit it   */
  font-size: 0.9em;
  color: #595959;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.accordion li i.fa-chevron-down {
  left: 12px;
  right: auto;
  font-size: 1em;
}

.accordion li.open .link {
  color: #e8ca07;
 }

.accordion li.open i {
  color: #e8ca07;
}

.accordion li.open i.fa-chevron-down {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.submenu {
  display: none;
  /*  background: #b63b4d; */
  background: #343349;
  font-size: 0.9em;
}

.submenu li {
   border-bottom: 1px solid #4b4a5e;
  }

  .submenu li:hover {
    background: #415d67;
  }

.submenu a {
  display: block;
  text-decoration: none;
  color: #d9d9d9;
  padding: 12px;
  padding-left: 42px;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.submenu a:hover {
/* background-color: #1e4264; */
color:#fff!important;
}

        /* end level 2 sub menue */

                /* end sub menue drop down */


				/* End Navbar Style */


				/* end header */
/*********************************************************************************/


/*********************************************************************************/
			/* Start Slideshow  in index page */

.maincarousel .carousel-caption h3,
		.maincarousel	.carousel .icon-container,
		.maincarousel	.carousel-caption button {
			background-color: #862b09;
      font-family:'alalwi4';
			}

		.maincarousel	.carousel-caption h3 {
				padding: 0.5em;
				font-size:1.2em!important;
        text-align: right;  /* for arabic RTL direction   */
			}

		.maincarousel	.carousel .icon-container {
				display: inline-block;
				line-height: 8px;
				padding-bottom: 1px;
				padding-top: 5px;
				text-align: center;
				border-radius: 0;
				width:100px;
				height:30px;
			}

	.maincarousel .carousel-caption .icon-container span {
	font-size:0.6em!important;
}

.maincarousel .carousel-caption {
    color: #fff;
    text-align: right; /* for arabic RTL direction   */
	background-color: #063359; 
    opacity: 0.9;
	 bottom: 0 !important;
	padding-top:0 !important;
	padding-right:5px !important;
	padding-left:5px !important;
}

.maincarousel .carousel-indicators li {
width:12px;
height:12px;
border-radius:20%;
background-color: #730404;
border: 3px solid #fff;
}

.maincarousel .carousel-caption button {
				border-color: #00bfff;
				margin-top:2px;
				font-size:0.8em!important;
				padding:2px 3px!important;
     opacity: 0.9;
	}

	.maincarousel  .sr-only {
		  color: #0f0e0e!important;
	}
.maincarousel .carousel-control-prev-icon , .carousel-control-next-icon {
	color:#000!important;
}

.maincarousel .carousel-control-prev,
.maincarousel .carousel-control-next {
  color: #0f0e0e!important;
  text-align: center;
  transition: opacity 1s ease;
}

.maincarousel .ccp {
/* background-color: #5bd082; */
background-color: rgba(0, 0, 0, 0.1);
}
.maincarousel .carousel-control-prev:hover, .carousel-control-prev:focus,
.maincarousel .carousel-control-next:hover,
.maincarousel .carousel-control-next:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
}

    /* START custom animation transition */

.maincarousel .carousel-inner .carousel-item {
  -webkit-transition: 3s;
    }

  .maincarousel .carousel-inner .carousel-item img {
      -webkit-transition: 2s;
      transition: 2s;
      animation-delay: 1s;
        }

    /* END  custom animation transition */


			/* Animation delays */
			.maincarousel .carousel-caption h3:first-child {
				animation-delay: 1s;
			}
			.maincarousel .carousel-caption h3:nth-child(2) {
				animation-delay: 2s;
			}
			.maincarousel .carousel-caption button {
				animation-delay: 3s;
			}

         /* End SlideShow in index page */
/*********************************************************************************/


/*********************************************************************************/
/* START  our company in home page  */


#about {
  background: url("about-bg.jpg") center top no-repeat fixed;
  background-size: cover;
  padding: 40px 0 60px 0;  /* for arabic RTL direction   */
  position: relative;
}

#about::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.92);
  z-index: 9;
}

#about .container {
  position: relative;
  z-index: 10;
}

#about .about-col {
  background: #fff;
  border-radius: 0 0 4px 4px;
  box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.08);
  margin-bottom: 20px;
  padding-bottom: 20px;
}

#about .about-col .img {
  position: relative;
  margin-bottom: 20px;
}

#about .about-col .icon {
  width: 64px;
  height: 64px;
  padding-top: 8px;
  position: absolute;
  background-color: #8f3916;
  border-radius: 50%;
  text-align: center;
  border: 4px solid #fff;
  right: calc( 50% - 32px); /* for arabic RTL direction   */
  bottom: -20px;
  transition: 0.3s;
}

#about .about-col i {
  font-size: 2em;
  line-height: 1;
  color: #fff;
  transition: 0.3s;
}

#about .about-col:hover .icon {
  background-color: #fff;
}

#about .about-col:hover i {
  color:#8f3916!important;
}

#about .about-col h2 {
  color: #000;
  text-align: center;
  font-weight: 700;
  font-size: 20px;
  padding: 0;
  margin: 12px 0 40px 0;  /* for arabic RTL direction   */
  padding-top:20px;
}

#about .about-col h2 a {
  color: #000;
  font-size: 1em!important;
  font-weight: 400;
}

#about .about-col h2 a:hover {
  color: #8f3916;
}

#about .about-col p {
  font-size: 0.9em;
  line-height: 24px;
  color: #333;
  margin-bottom: 0;
  padding: 0 20px 0 20px;
  text-align: right!important;    /* for arabic RTL direction   */
}

#about .aboutusparagraph a button {
  font-size: 1em!important;
  color: #fff;
background-color: #a66f20;
  padding: 0 4px;
}

/*********************************************************************************/
/* start our company  page */

.aboutcontainer {
  margin-top: 3vh;
  margin-bottom: 3vh;

}

.careersbackgrounds {
  width: 100%!important;
  height: 100%!important;
  margin: 0;
  padding: 0;
background-image: url(banner5.jpg);
background-position:center top, right top, center bottom;
background-repeat:no-repeat, repeat-x, repeat-y;
}

.aboutcontainer .structure {
  padding-top: 20px!important;
}

.aboutcontainer .board {
  padding-top: 20px!important;
}


.aboutcontainer h3 {
font-size: 1.1em;
color:#fff;
padding:10px;
background-color:#3c6993;
font-weight: 600;
padding-right:20px;  /* for arabic RTL direction   */
text-align: right;   /* for arabic RTL direction   */
}

.aboutcontainer h5 {
font-size: 0.8em;
color:#fff;
padding:10px 10px;
background-color:#127f94;
font-weight: 800;
text-align: center;
margin: 8px 16px;
}

.aboutcontainer h5:before {
content:"";
}

.aboutcontainer h3 p {
font-size: 0.8em;
color:#fff;
display: inline;
}

.aboutcontainer {
  text-align: center!important;
}

*********************************************************************************/
/* End our company  page */

*********************************************************************************/
/* START item page */
.itemcontdiv {
  padding:12px!important;
  margin-bottom: -20px!important;
}

.itemcontdiv h3 {
padding:10px;
margin-bottom: 10px!important;
}

.itemcontdiv .media-wrap {
  text-align: center;
  padding-top: 20px;
}

.itemcontdiv  {
}

*********************************************************************************/
/* END item page */


--------------------------------------------------------------*/
/* Sections Header
--------------------------------*/
.section-header h3 {
  text-align: center;
}

.section-header h3 {
  font-size: 32px;
  color: #111;
  text-transform: uppercase;
  text-align: center;
  font-weight: 700!important;
  position: relative;
  padding-bottom: 15px;
    font-style:normal!important;

}

.section-header h3::before {
  content: '';
  position: absolute;
  display: block;
  width: 120px;
  height: 1px;
  background: #ddd;
  bottom: 1px;
  right: calc(50% - 60px);  /* for arabic RTL direction   */
}

.section-header h3::after {
  content: '';
  position: absolute;
  display: block;
  width: 40px;
  height: 3px;
  background: #862b09;
  bottom: 0;
  right: calc(50% - 20px);  /* for arabic RTL direction   */
}

.section-header h3.section-title {
  font-weight: 800!important;
}


.section-header p {
  text-align: center;
  padding-bottom: 30px;
  color: #333;
  font-size: 1.2em!important;
  line-height: 1em;
  font-style:normal!important;
}

#aboutppp {
text-align: center!important;
  color: #333;
  font-size: 0.8em!important;
  font-style:italic!important;
}

.aboutalworafipp {
	text-align: justify;  /* for arabic RTL direction   */
	direction: rtl!important;	 /* for arabic RTL direction   */
}
.card .card-header {
		direction: rtl!important; /* for arabic RTL direction   */
		text-align:right!important; /* for arabic RTL direction   */
}

.card .card-body {
		direction: ltr!important; /* for arabic RTL direction   */
		text-align:left!important;  /* for arabic RTL direction   */
}

.card .card-body  .worafiname {
	margin-top: 6px!important;
	direction: rtl!important;   /* for arabic RTL direction   */
   text-align:center!important;  /* for arabic RTL direction   */
   font-size:0.8em!important;    /* for arabic RTL direction   */
   float:right!important;     /* for arabic RTL direction   */
} 


/* Section with background
--------------------------------*/
.section-bg {
  background: #f7f7f7;
}

/* START  latest media */
/*********************************************************************************/

/* media Section
--------------------------------*/
#media {
padding: 60px 0;
}

.meddd {
padding: 60px 0;
background: url("media-bg.jpg") center right no-repeat fixed;
background-size: cover;
padding: 40px 0 60px 0;  /* for arabic RTL direction   */
position: relative;
background-blend-mode: lighten;
}

.meddd::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.8);
}


#media #media-flters {
  padding: 0;
  margin: 5px 0 35px 0;
  list-style: none;
  text-align: center;
}

#media #media-flters li {
  cursor: pointer;
  display: inline-block;
  line-height: 20px;
  color: #666666;
  border-radius: 0;
  background: #fff;
  transition: all 0.3s ease-in-out;
  text-transform: capitalize;
}

#media #media-flters li:hover, #media #media-flters li.filter-active {
  background: #35648f;
  color: #fff;
}

#media #media-flters li:last-child {
  margin-right: 0;
}

#media .media-wrap {
  box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.08);
  transition: 0.3s;
}

#media .media-wrap:hover {
  box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.16);
}

#media .media-item {
  position: relative;
  height: 360px;
  overflow: hidden;
}

#media .media-item figure {
  background: #fff;
  overflow: hidden;
  height: 240px;
  position: relative;
  border-radius: 4px 4px 0 0;
  margin: 0;
  text-align:center;
}

#media .media-item figure img {
  height: 100%!important;
  width: 100%!important;
}

#media .media-item iframe {
margin: 0!important;
}


#media .media-item figure:hover img {
  opacity: 0.4;
  transition: 0.3s;
}

#media .media-item figure .link-preview, #media .media-item figure .link-details {
  position: absolute;
  display: inline-block;
  visibility: hidden;
  line-height: 1;
  text-align: center;
  width: 36px;
  height: 36px;
  background: #fff;
  border-radius: 50%;
  transition: 0.2s;
}

#media .media-item figure .link-preview i, #media .media-item figure .link-details i {
  padding-top: 6px;
  font-size: 22px;
  color: #333;
}

#media .media-item figure .link-preview:hover, #media .media-item figure .link-details:hover {
  background: #862b09;
}

#media .media-item figure .link-preview:hover i, #media .media-item figure .link-details:hover i {
  color: #fff;
}

#media .media-item figure .link-preview {
  right: calc(50% - 38px);  /* for arabic RTL direction   */
  top: calc(50% - 18px);
}

#media .media-item figure .link-details {
  left : calc(50% - 38px);  /* for arabic RTL direction   */
  top: calc(50% - 18px);
}

#media .media-item figure:hover .link-preview {
  visibility: visible;
  right: calc(50% - 44px);  /* for arabic RTL direction   */
}

#media .media-item figure:hover .link-details {
  visibility: visible;
  left: calc(50% - 44px); /* for arabic RTL direction   */
}

#media .media-item .media-info {
  background: #fff;
  text-align: center;
  padding: 30px;
  height: 90px;
  border-radius: 0 0 3px 3px;
  direction: rtl!important;   /* for arabic RTL direction   */
}

#media .media-item .media-info h4 {
  font-size: 18px;
  line-height: 1px;
  font-weight: 700;
  margin-bottom: 18px;
  padding-bottom: 0;
  direction: rtl!important;   /* for arabic RTL direction   */

}

#media .media-item .media-info h4 a {
  color: #333;
  direction: rtl!important;   /* for arabic RTL direction   */
  
}

#media .media-item .media-info h4 a:hover {
  color: #862b09;
}

#media .media-item .media-info p {
  padding: 0;
  margin: 0;
  color: #b8b8b8;
  text-transform: capitalize;
}

.media-button {
  color:#000!important;
  margin-top: 0 !important;
}

/* END  latest media */
/*********************************************************************************/


/* START  latest news */
/*********************************************************************************/

#news {
  background: #fff;
  background-size: cover;
  padding: 60px 0 40px 0;
  text-align: right!important;  /* for arabic RTL direction   */
}

#news .box {
  margin-bottom: 30px;
}

#news img {
width:50px;
height: 50px;
position: absolute;
padding:1px;
border-radius: 50%;
margin-left: -30px;
}

#news .title {
  margin-right: 60px;   /* for arabic RTL direction   */
  font-weight: 700;
  margin-bottom: 15px;
  font-size: 18px;
}

#news .title a {
  color: #111;
}

#news .box:hover .title a {
  color: #862b09;
}

#news .description {
  font-size: 14px;
  margin-right: 60px;   /* for arabic RTL direction   */
  line-height: 24px;
  margin-bottom: 0;
}

/* END  latest news */
/*********************************************************************************/




 /*********************************************************************************/
 /* START  partners slideshow in index page */

 #partners-slides {
   padding: 60px 0;
   text-align: center;
   /* background-color: #35648f; */
  /* background-image: linear-gradient(to bottom, #4facfe 20%, #00f2fe 100%); */
 }

  #partners-slides::before {
  background-image: linear-gradient(to bottom, #4facfe 20%, #00f2fe 100%);
  /*  background-image:url(banner4.jpg); */
    background-size: cover;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -2;
    opacity: 0.8;
  }
  
  .partnerscontainer {
    direction:ltr!important;  /* for arabic RTL direction   */
  }

 #partners-slides img {
   width: 150px;
   height: 150px;
   opacity: 1;
   transition: 0.4s;
   padding: 2px;
   border-radius: 50%;
 }

 #partners-slides img:hover {
   opacity: 0.8;
 }

 #partners-slides .owl-nav, #clients .owl-dots {
   margin-top: 5px;
   text-align: center;
 }

 #partners-slides .owl-dot {
   display: inline-block;
   margin: 0 5px;
   width: 12px;
   height: 12px;
   border-radius: 50%;
   background-color: #ddd;
 }

 #partners-slides .owl-dot.active {
   background-color: #18d26e;
 }


 /* END  partners slideshow  in index page */
/*********************************************************************************/


/*********************************************************************************/
/* START products table */

table.dataTable thead .sorting:after,
table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc_disabled:after,
table.dataTable thead .sorting_desc_disabled:before {
bottom: .5em;
}

.table {
  color:#063768!important;
}

#dtBasicExample {
width:100%!important;
}

#dtBasicExample th  {

}


/*********************************************************************************/
/* END Products Table */


/*********************************************************************************/
/* start board directors */

#team {
  background: #fff;
  padding: 60px 0;
  text-align: center;
}

#team .member {
  text-align: center;
  margin-bottom: 20px;
  background: #000;
  position: relative;
}

#team .member .member-info {
  visibility: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  transition: 0.2s;
}

#team .member .member-info-content {
  margin-top: -50px;
  transition: margin 0.2s;
}

#team .member:hover .member-info {
  background: rgba(0, 0, 0, 0.7);
  visibility: visible;
  transition: 0.4s;
}

#team .member:hover .member-info-content {
  margin-top: 0;
  transition: margin 0.4s;
}

#team .member h4 {
  font-weight: 700;
  margin-bottom: 2px;
  font-size: 18px;
  color: #fff;
}

#team .member span {
  font-style: normal!important;
  display: block;
  font-size: 13px;
  color: #fff;
}

#team .member .social {
  margin-top: 15px;
}

#team .member .social a {
  transition: none;
  color: #fff;
}

#team .member .social a:hover {
  color: #18d26e;
}

#team .member .social i {
  font-size: 18px;
  margin: 0 2px;
}

/*********************************************************************************/
/* close board directors */


/*********************************************************************************/
/* start one item page */


.breadcrumb .item-title {
font-size: 1em!important;
font-weight: 500;
}
.breadcrumb .item-title::before {

}
.breadcrumb-item + .breadcrumb-item::before {
  color: #d5260b;
}

.outlinkdiv {
  text-align: center;
  margin-bottom: 10px;
}

.outlinkdiv a {
	font-size: 0.8em;
color:#fff;
background-color: #8f1206;
padding: 5px;
}

.outlinkdiv a:after {
	content:">>";
}

.outlinkdiv:hover a {
 color:#fff;
 background-color: #8f1206;
padding: 8px;
}


/*********************************************************************************/
/* close one item page */


/* Contact Section
--------------------------------*/
#contact {
  padding: 60px 0;
}

#contact .contact-info {
  margin-bottom: 20px;
  text-align: center;
}

#contact .contact-info i {
  font-size: 48px;
  display: inline-block;
  margin-bottom: 10px;
  color: #4facfe;
}

#contact .contact-info address, #contact .contact-info p {
  margin-bottom: 0;
  color: #000;
}

#contact .contact-info h3 {
  font-size: 18px;
  margin-bottom: 15px;
  font-weight: bold;
  color: #999;
}

#contact .contact-info a {
  color: #000;
}

#contact .contact-info a:hover {
  color: #18d26e;
}

#contact .contact-address, #contact .contact-phone, #contact .contact-email {
  margin-bottom: 20px;
}

@media (min-width: 768px) {
  #contact .contact-address, #contact .contact-phone, #contact .contact-email {
    padding: 20px 0;
  }
}

@media (min-width: 768px) {
  #contact .contact-phone {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
  }
}

#contact .form #sendmessage {
  color: #18d26e;
  border: 1px solid #18d26e;
  display: none;
  text-align: center;
  padding: 15px;
  font-weight: 600;
  margin-bottom: 15px;
}

#contact .form #errormessage {
  color: red;
  display: none;
  border: 1px solid red;
  text-align: center;
  padding: 15px;
  font-weight: 600;
  margin-bottom: 15px;
}

#contact .form #sendmessage.show, #contact .form #errormessage.show, #contact .form .show {
  display: block;
}

#contact .form .validation {
  color: red;
  display: none;
  margin: 0 0 20px;
  font-weight: 400;
  font-size: 13px;
}

#contact .form input, #contact .form textarea {
  padding: 10px 14px;
  border-radius: 0;
  box-shadow: none;
  font-size: 15px;
}

#contact .form button[type="submit"] {
  background: #2667a1;
  border: 0;
  padding: 10px 30px;
  color: #fff;
  transition: 0.4s;
  cursor: pointer;
}

#contact .form button[type="submit"]:hover {
  background: #032849;
}



/*************************************************/
/* another items */

.alworafispan {
  font-weight: bold;
  color: #a30505;
}

.carimg img {
padding-bottom: 10px;
}

.carimg img {
  width:100%;
  height: auto;
}

.carimg22 {
  text-align: center;
}

.carimg22 img {
  text-align: center;
  width:100%;
  height: auto;
}


/*********************************************************************************/
/* START FOOTER */

footer {
text-align: right!important;   /* for arabic RTL direction   */
font-size: 1em;
padding: 25px 10px 10px 15px !important;
background-image: linear-gradient(to right top, #051937, #003758, #005774, #00798b, #209b9b);
color:#fff;
border-radius: 0!important;
direction: rtl!important;  /* for arabic RTL direction   */
}

footer h3 {
  font-size: 1em!important;
  color: #e1f2f8;
}

footer .footerhr {
border: 2px solid #c5d60a ;
font-size: 2em!important;
font-weight: 400;
width:50px;
  color: #c5d60a !important;
  text-align: right!important;  /* for arabic RTL direction   */
  display: block;
   float: right;  /* for arabic RTL direction   */
   margin: 1px!important;
}

footer h3:hover {
  color: #e6c01d;
}

footer ul {
list-style: none;
margin: 0!important;
padding: 6px!important;
font-size: 1em!important;
}

footer ul li {
font-size: 0.9em!important;
display: block;
}

footer ul li i {
font-size: 1em!important;
margin-right: 0!important;  /* for arabic RTL direction   */
color:#D9DE06!important;
}
footer  ul li a {
font-size: 1em;
color: #fff!important;
display: inline;
}
footer  ul li a:hover {
  background: none;
  color:#c5d60a!important;
	transition:.5s all;
	-webkit-transition:.5s all;
	-moz-transition:.5s all;
	-o-transition:.5s all;
	-ms-transition:.5s all;
}

footer .links ul li {
    margin-bottom: 2px;
}

footer .links ul  li a {
    font-size: 1em;
    padding: 4px 8px 4px 8px;
    margin-bottom: 0.2em;
    color: #000!important;
    background: #dce6e2;
    text-align: right;   /* for arabic RTL direction   */
    width: 100%!important;
    display: block;
    direction: rtl!important;  /* for arabic RTL direction   */
}
footer .links ul li a:hover {
  background: none;
	color:#fff!important;
	transition:.5s all;
	-webkit-transition:.5s all;
	-moz-transition:.5s all;
	-o-transition:.5s all;
	-ms-transition:.5s all;
}

footer .links ul  li a i {
    margin-left: 0.5em;  /* for arabic RTL direction   */
    width: 9px;
    height: 11px;
}
footer ul.links-ul-in-footer li a i {
    background: url(icons/arrow1.png)no-repeat 0px 0px;
    display: inline-block;
}

/* END FOOTER */
/*********************************************************************************/

/* START copy right */

.footer-copyright {
  background-color: #1f2020;
  color: #5db70c;
  text-align: center!important;
  position: static;
  font-size: 0.8em!important;
  margin-bottom: 0!important;
  color:#fff;
}

.footer-copyright a {
font-size: 0.8em!important;
}

.footer-copyright p {
  font-size: 0.8em!important;
}

.footer-copyright a.omaralalwi {
  color: #05afc8;
}

.footer-copyright a.omaralalwi:hover {
  color: #93ac08;
}

/* END copyright */