﻿@font-face {
  font-family: 'Droid Arabic Kufi';
  font-style: normal;
  font-weight: 400;
  src: url(fonts/DroidKufi-Regular.eot);
  src: url(fonts/DroidKufi-Regular-1.eot) format('embedded-opentype'),
       url(fonts/DroidKufi-Regular.woff2) format('x-woff2'),
       url(fonts/DroidKufi-Regular.woff) format('woff'),
       url(fonts/DroidKufi-Regular.ttf) format('truetype');
}

@font-face {
  font-family: 'Droid Arabic Kufi';
  font-style: normal;
  font-weight: 700;
  src: url(fonts/DroidKufi-Bold.eot);
  src: url(fonts/DroidKufi-Bold-1.eot) format('embedded-opentype'),
       url(fonts/DroidKufi-Bold.woff2) format('x-woff2'),
       url(fonts/DroidKufi-Bold.woff) format('woff'),
       url(fonts/DroidKufi-Bold.ttf) format('truetype');
}
.banner_title{
  font-family: 'Droid Arabic Kufi';
line-height: 50px;
padding-right: 10px;
margin-top: 296px;
background:rgba(0,0,0,0.2);
margin-right: 48px;
padding:5px 10px;
position:relative;
float:right;
font-size:30px;
display: -webkit-inline-box;

text-align:right;
color: #fff;}
.jqueryslidemenu{
	font-family:'Droid Arabic Kufi', 'arial', sans-serif;
height: auto;
position:relative;
z-index:999999;
float:right;
}
input,select{
	font-family:'Droid Arabic Kufi', 'arial', sans-serif;
}

.jqueryslidemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
text-transform:capitalize;
}
.jqueryslidemenu select{
display:none;
}

/*Top level list items*/
.jqueryslidemenu ul li{
position: relative;
display: inline;
float: right;
text-transform:uppercase;
}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
display: block;
font-size: 12px;
padding: 16px 12px 13px 16px;
color: #aaa;
text-decoration: none;
}.jqueryslidemenu ul li a:hover{ background-color:#0a7b3e;
color:#ffffff;

}
.jqueryslidemenu ul li a i{
padding-right:8px;
font-size:12px;
}


.jqueryslidemenu ul li.main-links:first-child a{
border-left:none;
}
.jqueryslidemenu  ul li.main-links:last-child a{
}
.jqueryslidemenu  ul li.main-links:last-child{
}
* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}



.jqueryslidemenu ul li a:hover{
	
}
	
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
position: absolute;
right: 0;
display: block;
visibility: hidden;
padding-top:0px;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
display: list-item;
float: none;
}
.jqueryslidemenu ul li ul li:hover{
	color:orange !important;
}
/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
	font-family:'Droid Arabic Kufi', 'arial', sans-serif;font-size:12px;
width: 220px; /*width of sub menus*/
padding:10px 10px 10px 20px;
margin: 0;
background:#0a7b3e;
border-bottom:1px solid #18894c;
border-top:1px solid #0a7b3e;
z-index:1000;
text-align:right;
border-radius:0px;
color:#fff;
-webkit-transition-property:color; 
-webkit-transition-duration: 1s; 
-webkit-transition-timing-function: linear;
}

.jqueryslidemenu ul li ul li a:hover{ /*sub menus hover style*/
color:#fff !important;
background:#191715 ;}
.jqueryslidemenu ul li ul li a:hover .jqueryslidemenu ul li a{
background:#191715;
}
.jqueryslidemenu a.active{
}
/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top:20px;
right:5px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}
.downarrowclass{
padding-right:10px;
}
.heading{font-size:23px;
color:#999999;
font-family:'Droid Arabic Kufi', 'arial', sans-serif;
}
.welcome{font-size:21px;
color:#000000;
font-family:'Droid Arabic Kufi', 'arial', sans-serif;
}
.blackhead{ font-size:16px;
color:#000000;
font-family:'Droid Arabic Kufi', 'arial', sans-serif;
text-decoration:none;
text-transform:uppercase;
}
.whitehead{ font-size:16px;
color:#FFF;
font-family:'Droid Arabic Kufi', 'arial', sans-serif;
text-decoration:none;
text-transform:uppercase;
}
.arial12{
color:#000;
font-size:12px;
font-family:'Droid Arabic Kufi', 'arial', sans-serif;text-decoration:none;}
.warial12{
color:#FFF;
font-size:12px;
font-family:'Droid Arabic Kufi', 'arial', sans-serif;text-decoration:none;}
.hover{font-size:12px;
color:#ffffff;
font-family:'Droid Arabic Kufi', 'arial', sans-serif;text-decoration:bold;
background-color:e31a2b;
}
.welcome3{font-size:21px;
color:#ffffff;
font-family:'Droid Arabic Kufi', 'arial', sans-serif;
}
.green{ font-size:12px;
color:#5E9A41;
font-family:'Droid Arabic Kufi', 'arial', sans-serif;text-decoration:none;
}
.white{ font-size:12px;
color:#fff;
font-family:'Droid Arabic Kufi', 'arial', sans-serif;text-decoration:none;
}
.tp-leftarrow.large					{	z-index:100;cursor:pointer; position:relative;	background:#d2d2d2 url(images/prev.png) no-Repeat center 8px;	width:38px;	height:35px;  margin-left:20px; margin-top:-20px; 
					-webkit-transition: background 0.2s ease-out;
			-moz-transition: background 0.2s ease-out;
									-o-transition: background 0.2s ease-out;
			-ms-transition: background 0.2s ease-out;
									transition: background 0.2s ease-out;
									}										
.tp-rightarrow.large				{	z-index:100;cursor:pointer; position:relative;	background:#d2d2d2 url(images/next.png) no-Repeat center 8px;	width:38px;	height:35px;  margin-left:-60px; margin-top:-20px; 
									-webkit-transition: background 0.2s ease-out;
									-moz-transition: background 0.2s ease-out;
									-o-transition: background 0.2s ease-out;
									-ms-transition: background 0.2s ease-out;
									transition: background 0.2s ease-out;
									}										
.tp-leftarrow:hover,
.tp-rightarrow:hover {	background-position:center -20px; background-color: #5E9A41; }
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
  font-family:'Droid Arabic Kufi', 'arial', sans-serif;}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #428bca;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #2a6496;
  background-color: #eee;
  border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #428bca;
  border-color: #428bca;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #999;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.pager {
  padding-left: 0;
  margin: 20px 0;
  text-align: center;
  list-style: none;
}
.pager li {
  display: inline;
}
.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 15px;
}
.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #eee;
}
.pager .next > a,
.pager .next > span {
  float: right;
}
.pager .previous > a,
.pager .previous > span {
  float: left;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #999;
  cursor: not-allowed;
  background-color: #fff;
}
.category{
padding: 0px 20px;
background: #0a7b3e;
border-radius: 5px;
color: #FFF;
/* line-height: 44px; */
text-decoration: none;
display: block;
margin-right: 25px;
/* line-height: 50px; */
float: left;
margin-bottom: 10px;}
.category:hover{
background:#44694a;}