/*/*
Template Name: Decor
Description: HTML5 / CSS3 Multi Page
Version: 1.0
Author: Cloud Software Solution Ltd.
*/








  /*
   * What follows is the result of much research on cross-browser styling.
   * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
   * Kroc Camen, and the H5BP dev community and team.
   */

  /* ==========================================================================
     Base styles: opinionated defaults
     ========================================================================== */

  /*
   * Remove text-shadow in selection highlight: h5bp.com/i
   * These selection rule sets have to be separate.
   * Customize the background color to match your design.
   */

 

ul {
	margin     : 0; 
	padding    : 0; 
	list-style : none
}

h1, 
h2, 
h3, 
h4, 
h5, 
h6, 
.h1, 
.h2, 
.h3, 
.h4, 
.h5, 
.h6{
	 font-family:'Droid Arabic Kufi' !important;
	color: #212121;
	margin: 0;
}

h1 {
	font-size: 26px;
	line-height: 40px;
	color: #000;
	font-weight: 700;	
}

h2{
	font-size: 18px;
	font-weight: 900;
	text-transform: uppercase;
	margin-bottom: 15px;
}


	
h3 {
	font-size: 16px;
	margin-bottom: 15px;
}
	


img.img-responsive {
  	width: 100%;
  }
  
body {
overflow-y: scroll !important;
font-size:13px !important; font-family:verdana, "Droid Arabic Kufi" !important; 
line-height: 1.846;
	color: #606577;
  	font-weight : 400;
  	background	: #F0F2F3;	
    -webkit-text-size-adjust: 100%;
    	-webkit-font-smoothing: antialiased !important;
	
  }



/* Global Margin for all block
----------------------------------*/

/*--------------------------------
  Page Wrapper
----------------------------------*/
.wrapper {
	overflow:hidden
  
  }
  
.inner-wrapper {
	background: #fff;
	margin: 0px auto;
	padding:0;

} 

.header-wrapper {

	position: relative;
	min-height: 100px;

}




/*-----------------------------------
NAVIGATION  
-------------------------------------*/
.logo{
	max-width: 200px;
	left: 15px;
	z-index: 1;
	margin-top:25px;
}



/*-----------------------------------
NAVIGATION  
-------------------------------------*/




.navbar {
	position: relative;
	min-height: 0px;
	margin-bottom: 20px;
	border: 1px solid transparent;
}


.mainnav {
	border: 0 none;
	border-radius: 0;
	margin-top: 26px;
	margin-bottom: 0px;
	width:100%;
	float:left;
	background-color:#a2b830;
	border-bottom:3px solid #8b9e2a
	
}

.caret {
	margin-right: 4px;
}

.navbar-default {

}






ul.nav.navbar-nav li a{cursor:pointer;
	
	color:#FFF;
	
	font-weight: 400;
	line-height: 14px;
	font-size: 15px;
	padding: 15px 17.2px;
	-webkit-transition: linear .1s;-moz-transition: linear .1s;-ms-transition: linear .1s;-o-transition: linear .1s;transition: linear .1s;
	
}
.navbar-default ul.nav.navbar-nav li a:hover , .navbar-default ul.nav.navbar-nav li a:active { color:#FFF; background-color:#715937 !important}


nav.navbar-collapse.collapse {
    padding-right: 25px;
}

.mainnav ul.nav.navbar-nav li a:hover, 
.mainnav ul.nav.navbar-nav li a:focus  
{
	color: #FFF; 

	
}

/*ul.dropdown-menu:before {
	content: "";
	position: absolute;
	height: 30px;
	top: 0px;
	left: 0;
	width: 100%;
}*/

.dropdown-menu {
	border-top: 3px solid #9aaf2a;
	border-radius: 0px;
	position: relative;
	display: block;
	float: none;
	width:100%;
	margin:0;
	padding:0;
	box-shadow: 0 4px 3px 0 rgba(0,0,0,0.2);

}





.navbar-nav >li {
	float: right;
	border-right:1px solid #E1E1E1
}







.navbar-default .navbar-nav>.active>a:focus 
.navbar-default .navbar-nav>.active>a.open
{
	color: #8b9e2a;
	
}


.navbar-default .navbar-nav>.active>a{background-color: #fff;}





button.navbar-toggle{
	border-radius: 0;
	border: 0;
	padding: 0;
	width: 40px;
	height: 40px;
	line-height: 30px;
	font-size: 21px;
	outline: none;
	background: #8b9e2a;
	float: left;
	color: #fff;
	margin: 0px;
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
}


.navbar-default .navbar-toggle:hover, 
.navbar-default .navbar-toggle:focus {
   background-color: #715937;
}



/*-------------------------- 
DROPDOWN CSS
----------------------------*/

.navbar-nav>li>.dropdown-menu {
  margin-top: 28px;
}  
  
ul.nav.navbar-nav li:hover > ul.dropdown-menu{
	display:block;  
}
  
.dropdown-menu.level2{ position: absolute; right:198px; margin-top:-37px; float:left; z-index:9999999999999}

ul.nav.navbar-nav li ul.level1 li{
	border-top : 1px solid #e1e1e1; 
}
  
ul.nav.navbar-nav li ul.level1 li:first-child{
	border-top : 0px solid #e1e1e1; 
}



  ul.nav.navbar-nav li ul.level1 li a{
  	padding		   : 7px 20px;
    font-size      : 14px;
    color          : #222;
    line-height    : 20px; 
    text-transform : capitalize;
 }

  ul.nav.navbar-nav li ul.level1 li a:hover{
  	background  : #715937  !important; 
  	color:#FFF !important
  }


.dropdown-menu>.active>a, 
.dropdown-menu>.active>a:hover, 
.dropdown-menu>.active>a:focus {
color: #8b9e2a ;


}
  

.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a:focus { background-color:#715937;color:#FFF; cursor:pointer}  




/*---------------------------------	
FEATURED CAROUSEL CONTROL	
-----------------------------------*/

#blog-post-carousel a.left.carousel-control,
#blog-post-carousel a.right.carousel-control {
	background: none;
}

#blog-post-carousel a.left.carousel-control {
	left: 100px;
}

#blog-post-carousel a.right.carousel-control {
	right: 100px;
}

#blog-post-carousel:hover a.left.carousel-control {
	left: 30px;
}

#blog-post-carousel:hover a.right.carousel-control {
	right: 30px;
}

#blog-post-carousel a.carousel-control {
	top: 45%;
	width: 34px;
	height: 34px;
	line-height: 32px;
	text-align: center;
	opacity: 0;
}

#blog-post-carousel:hover a.carousel-control {
	opacity: 1;
}

#blog-post-carousel a.carousel-control i.fa{
	background: rgba(0,0,0,0.5);
	border-radius: 2px;
	transition: all .5s;
}
#blog-post-carousel a.carousel-control i.fa:hover{
	background:#fff;
	border-radius: 2px;
	color: #8b9e2a;
	text-shadow: none;
}

a.carousel-control i {
	margin-top: -10px;
	top: 50%;
	position: absolute;
	background: rgba(0,0,0,0.5);
	display: block;
	z-index: 5;
	padding: 5px;
	width: 30px;
	height: 30px;
}

.carousel-control.left, 
.carousel-control.right {
	background-image: none;
	    height: 30px;
    margin-top: 65px !important;
}

#myCarousel a.left i,
#myCarousel a.right i{
	position: absolute;
	top: 20%;
	color: #fff;
	left: 10px;
	padding: 5px 5px 8px 5px;
	background: #302a24;
}

.btn-mega {
	color: #fff;
	background-color: #8b9e2a;
	border-color: #8b9e2a;
	border-radius: 0px;
}

.btn-mega:hover {
	background-color: #DBDBDB;
	border-color: #DBDBDB;
}

.form-group .form-control {
	border-radius: 0px;
	box-shadow: none;
}




ul.mega-dropdown-menu .form {
	margin-top:10px;
}


.mega-carousel-more {
	margin-top:10px;
}
.mega-carousel-more i{
	margin-left:20px;
}

/*--------------------------- 
	//MEGA DROPDOWN CSS 
-----------------------------*/
  


/*--------------------------- 
SOCIAL ICON STYLE
-----------------------------*/  
  
  .social-icon {

	margin-top: 30px;
	text-align: right;
  }


  .social-icon ul li {
	margin-right: 5px;
	padding: 0;
	display: inline-block;	
	
  }

  .social-icon ul li:last-child {
	margin-right: 0;

  }
  
  
  
  .social-icon ul li a{
    height  : 24px;
    display : block;
  }

/* --------------------
footer social icon 
-----------------------*/

.footer-wrapper .social-icon i.fa {
border-color: #b3b3b3;
color: #b3b3b3;
}




  /*  Animated CSS
  -----------------------*/

/*----------------------------------
SERVICE-WRAPPER 
------------------------------------*/




/* Back to Top */

.backtop {
	color: #000;
	border: 1px solid #000;
	padding: 3px 5px;
	font-size: 24px;
	overflow: hidden;
	cursor: pointer;
	width: 40px;
	height: 40px;
	text-align: center;
	position: absolute;
	bottom: 10px;
	right: 15px;
	-webkit-transition: 500ms;
	-moz-transition: 500ms;
	-o-transition: 500ms;
	-ms-transition: 500ms;
	transition: 500ms;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-transform:translateZ(0);
}


.backtop:hover {
	color: #fff;
	background: #252525;
}

.backtop:after {
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	content: '';
	-webkit-box-sizing: content-box; 
	-moz-box-sizing: content-box; 
	box-sizing: content-box;
	display: none;
}
  
  
.backtop:before {
	font-family: 'FontAwesome';
	speak: none;
	font-size: 20px;
	line-height: 30px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	display: block;
	-webkit-font-smoothing: antialiased;
}  



.backtop:hover::before {
	-webkit-animation: toTopFromBottom 0.3s forwards;
	-moz-animation: toTopFromBottom 0.3s forwards;
	animation: toTopFromBottom 0.3s forwards;
}





/*--------------------
 Accordion 
----------------------*/

.panel {
 box-shadow: none ;
}

.panel-heading {
border-radius: 0px;
}

.panel-heading a,
.panel-heading a:hover,
.panel-heading a:focus {
    text-decoration: none;
    color: #252627;
}

.faq-cat-content .panel-heading:hover {
      background-color:#a2b830 !important 
}



.panel-faq .panel-heading .panel-title span {
    font-size: 13px;
    font-weight: normal;
    float:left !important;
    background-color:#715937 !important }



.panel-group .panel {
   border-radius: 0px;
}



.panel-default>.panel-heading {
	background-color: transparent;
	border: none;
}

/* End Accordion  ---------------*/



/*--------------------
 Tab CSS  
 ---------------------*/
#tabs ul {
	margin-bottom: 15px;
}

#tabs ul li a {
	font-weight: 700;
	color: #252627;
}

#tabs ul li a:hover {
  border: 0;
}
#tabs ul li.active a i.fa {
  color: #8b9e2a;
}
#tabs ul li.active a {
  border-bottom: 1px solid #8b9e2a;
  border-radius: 0;
  color: #444444;
  background: transparent;

}

#tabs ul li a:hover, 
#tabs ul li a:focus,
#tabs ul li a:active {
	background:#f6f6f6;
	border-bottom: 1px solid #8b9e2a;

}

.nav-tabs{
	border-bottom: 1px solid #eeeeed;
}

.nav-tabs>li.active > a, 
.nav-tabs>li.active > a:hover, 
.nav-tabs>li.active > a:focus {
	border: none; 
}

.nav-tabs>li.active  {
	background:#f6f6f6;
} 

.nav-tabs > li >a {
	line-height: 1.428571429;
	border: none; 
	border-radius: 0px; 
	margin: 0;
	background: transparent;
}

.nav-tabs > li  {
}

.nav >li > a{
	padding: 9px 15px;
}

.nav >li > a:hover, 
.nav >li > a:focus {
	text-decoration: none;
	background-color: transparent;
}



/* End tab ---------------*/




/*---------------------------
 progress bar css 
--------------------------*/


/* Animations */

/* Swipe down */
.grid.swipe-down li.animate .curtain {
	-webkit-animation: swipeDown 1.5s cubic-bezier(0.6,0,0.4,1) forwards;
	animation: swipeDown 1.5s cubic-bezier(0.6,0,0.4,1) forwards;
}

@-webkit-keyframes swipeDown {
	0% {} /* fixes Chrome 35.0.1916.114 issue (easing breaks) */
	50%, 60% { -webkit-transform: translate3d(0,0,0); }
	100% { -webkit-transform: translate3d(0,100%,0); }
}

@keyframes swipeDown {
	0% {}
	50%, 60% { -webkit-transform: translate(0); transform: translate(0); }
	100% { transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); }
}



/* Shadow */
.grid li.animate .curtain::after {
	-webkit-animation: fadeOut 1.5s ease forwards;
	animation: fadeOut 1.5s ease forwards;
	-webkit-animation-delay: inherit;
	animation-delay: inherit;
}

@-webkit-keyframes fadeOut {
	0% {} /* fixes Chrome 35.0.1916.114 issue (easing breaks) */
	50%, 60% { opacity: 1; }
	100% { opacity: 0; }
}

@keyframes fadeOut {
	0% {}
	50%, 60% { opacity: 1; }
	100% { opacity: 0; }
}

/* Hide image and title and show at half time */
.js .grid li img,
.js .grid li h3 {
	visibility: hidden;
}

.grid li.animate img,
.grid li.animate h3 {
	-webkit-animation: showMe 1.5s step-end forwards;
	animation: showMe 1.5s step-end forwards;
}

@-webkit-keyframes showMe {
	from { visibility: hidden; }
	60%, 100% { visibility: visible; }
}

@keyframes showMe {
	from { visibility: hidden; }
	60%, 100% { visibility: visible; }
}

.grid li.shown img,
.grid li.shown h3 {
	visibility: visible;
}





/*----------------------------- 
REVOLUTION SLIDER CSS 
------------------------------*/
.tp-caption {

}

.tp-caption video {
 width: 100%; 
 height: 100% 
}

.tp-caption.css_medium_light_white {
	color: #000;
	font-size: 18px;
	line-height: 36px;
	font-weight: 700;
	font-family: 'Lato';
	text-decoration: none;
	padding: 0px 5px 0px 5px;
	background-color: rgb(255, 255, 255);
	background-color: rgba(255, 255, 255, 1);
	border-width: 0px;
	border-color: rgb(0, 0, 0);
	border-style: none;
}	


.tp-caption.css_small_light_white {
	color: #fff;
	font-size: 14px;
	line-height: 24px;
	font-weight: 400;
	font-family: 'Lato';
	text-decoration: none;
	padding: 0px 5px 0px 5px;
	background-color: #000000;
	border-width: 0px;
	border-color: rgb(0, 0, 0);
	border-style: none;
}

.home-text {
	font-size: 36px;
	color: #212223;
	background: #fff;
	padding: 20px;
}

.home-text2 {
	font-size: 26px;
	color: #212223;
	background: #fff;
	padding: 10px 20px;
}



.tp-caption.caption-one {
	background-color: #ccc;
	color: #fff;
	text-decoration: none;
	font-size: 20px;
	padding: 10px 20px;
}

.tp-caption.caption-two {
	background-color: #fff;
	color: #000;
	text-decoration: none;
	font-size: 24px;
	padding: 7px 20px;
	font-weight: 400;
}

.tparrows.preview1:after {
	font-size: 20px;
	width: 60px;
	height: 60px;
	line-height: 60px;
}

.tparrows.preview1 {
	width: 60px;
	height: 60px;
}



.video-caption-one {
	font-size: 30px;
	line-height: 40px;
	font-weight: 600;
	color: #ffffff;
	text-decoration: none;
	text-shadow: none;
	text-transform: uppercase;
	text-align: center;
}

.video-caption-two {
	font-size: 18px;
	line-height: 24px;
	color: #ffffff;
	text-decoration: none;
	text-shadow: none;
	text-transform: uppercase;
	text-align: center;
}





/* Menu hover */
megamenu-wrapper{
	width:50%;
}

li.dropdown {
    position : relative;
}

/* 2nd label menu */

li.dropdown > .submenu-wrapper {
	
    position       : absolute;
    display        : block;
    z-index        : 999;
    pointer-events : none;
    margin:0;
	padding:0;

   
	
 /* Will change on theme specific */
}

/** IE pointer events */

li.dropdown > .submenu-wrapper.no-pointer-events{
	display        : none;
}

li.dropdown > .submenu-wrapper > .submenu-inner {
	top:0px;
    display:none;
    opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
	filter: alpha(opacity=0);
    min-width          : 200px;
	margin:0;
	padding:0;


}

.submenu-inner a{color:#000 !important}
.submenu-inner a:hover{ color:#FFF}
li.dropdown:hover > .submenu-wrapper {
    pointer-events : auto;
}


li.dropdown:hover > .submenu-wrapper.no-pointer-events{

	display        : block;
	
}

li.dropdown:hover > .submenu-wrapper > .submenu-inner {
    opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
	filter: alpha(opacity=100);
	display:block;
	top:0px;
  

}

li.dropdown.menu-animating > .submenu-wrapper {
    overflow : hidden;
}

/* 3rd label menu */

li.dropdown > .submenu-sub-wrapper {
    position       : absolute;
    left           :-196px;
    top            : 0;
    display        : block;
    z-index        : 1000;
    width          : 100%;
    pointer-events : none;
}

li.dropdown > .submenu-sub-wrapper > .submenu-sub-inner {

    opacity            : 0;


}

li.dropdown:hover > .submenu-sub-wrapper {
    pointer-events : auto;
}

li.dropdown:hover > .submenu-sub-wrapper > .submenu-sub-inner {
    opacity           : 1;

}

li.dropdown.menu-animating > .submenu-sub-wrapper {
    overflow : hidden;
}

label.error {
background: rgb(250, 221, 221);
color: #F00;
padding: 3px 10px;
margin-top: 5px;
}






/*---------------------------------
KEY FRAME 
-----------------------------------*/


/* To Right From Left key frame*/

  @-webkit-keyframes toRightFromLeft {
    49% {
      -webkit-transform: translate(100%);
    }
    50% {
      opacity: 0;
      -webkit-transform: translate(-100%);
    }
    51% {
      opacity: 1;
    }
  }
  @-moz-keyframes toRightFromLeft {
    49% {
      -moz-transform: translate(100%);
    }
    50% {
      opacity: 0;
      -moz-transform: translate(-100%);
    }
    51% {
      opacity: 1;
    }
  }
  @keyframes toRightFromLeft {
    49% {
      transform: translate(100%);
    }
    50% {
      opacity: 0;
      transform: translate(-100%);
    }
    51% {
      opacity: 1;
    }
  }

 

 
 /* To Left From Right key frame*/ 
  
  @-webkit-keyframes toLeftFromRight {
    49% {
      -webkit-transform: translate(100%);
    }
    50% {
      opacity: 0;
      -webkit-transform: translate(-100%);
    }
    51% {
      opacity: 1;
    }
  }
  @-moz-keyframes toLeftFromRight {
    49% {
      -moz-transform: translate(100%);
    }
    50% {
      opacity: 0;
      -moz-transform: translate(-100%);
    }
    51% {
      opacity: 1;
    }
  }
  @keyframes toLeftFromRight {
    49% {
      transform: translate(100%);
    }
    50% {
      opacity: 0;
      transform: translate(-100%);
    }
    51% {
      opacity: 1;
    }
  }
  




/* To Top From Bottom key frame*/

@-webkit-keyframes toTopFromBottom {
	49% {
		-webkit-transform: translateY(-100%);
	}
	50% {
		opacity: 0;
		-webkit-transform: translateY(100%);
	}
	51% {
		opacity: 1;
	}
}
@-moz-keyframes toTopFromBottom {
	49% {
		-moz-transform: translateY(-100%);
	}
	50% {
		opacity: 0;
		-moz-transform: translateY(100%);
	}
	51% {
		opacity: 1;
	}
}
@keyframes toTopFromBottom {
	49% {
		transform: translateY(-100%);
	}
	50% {
		opacity: 0;
		transform: translateY(100%);
	}
	51% {
		opacity: 1;
	}
}



a.button_slider {
	float: left;
	padding: 13px 30px;
	margin: 0px 0px 0px 0px;
	font-weight: normal;
	font-size: 14px;
	text-transform: uppercase;
	color: #fff;
	background-color: #9ca21a;
}
a.button_slider:hover {
	background-color: #fff;
	color: #302d38;
}

a.button_slider_02 {
	float: left;
	padding: 13px 30px;
	margin: 0px 0px 0px 0px;
	font-weight: normal;
	font-size: 14px;
	text-transform: uppercase;
	color: #fff;
	background-color: #9fe182;
}
a.button_slider_02:hover {
	background-color: #fff;
	color: #302d38;
}


.slider_sec_box{
	position: absolute;
	width: 280px;
	height: 65px;
	padding: 25px 0px 0px 0px;
	background-color: #181818;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	font-size: 13px;
	color: #fff;
}
.slider_sec_box:hover{
	background-color: #be8255;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	cursor: pointer;
}
.slider_sec_box b{
	font-size: 18px;
	color: #fff;
	font-weight: normal;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}
.slider_sec_box i{
	float: left;
	width: 80px;
	height: 65px;
	vertical-align: middle;
	line-height: 40px;
	text-align: center;
}



/* top search */ 



/* TOP PANEL LEFT CONTENTS */
.info_above_menu .telephone, .info_above_menu .email, .info_above_menu .address, .info_above_menu .textfield{line-height: 16px;font-size: 11px !important;color: #ccc;display: initial;margin-right: 10px;font-weight: 500 !important;display: initial !important;}
.info_above_menu a{color: #ccc;font-size: 12px !important;}

/* HEADER */
.header-shadow{display: none !important;}
#header_bg{position: absolute;top: 0;left: 0;width: 100%;}
#header{position: relative;width: 1024px;left: -10px;margin: 0 auto;z-index: 1;min-height: auto;height: auto;-webkit-transition: linear .3s;-moz-transition: linear .3s;-ms-transition: linear .3s;-o-transition: linear .3s;transition: linear .3s;}
header .logo_and_menu{position: relative;float: left;width: 100%;padding-left: 20px;min-height: 93px;-webkit-transition: linear .3s;-moz-transition: linear .3s;-ms-transition: linear .3s;-o-transition: linear .3s;transition: linear .3s;}
.header_container{width: 100%;background: #0C6;/* border-bottom: 1px solid #ededed; */ border-bottom:3px solid #e0e0e0;}


.style-top-bar i{padding-right: 0;}
.style-top-bar .info_above_menu i {margin: 0 2px !important;vertical-align: middle;font-size: 12px !important;}
.style-top-bar .container{height: 40px;min-height:40px;}
.style-top-bar.info_above_menu {font-family: Helvetica Neue, Arial, sans-serif;color: #999;font-weight: normal !important;}
.style-top-bar .info_above_menu a{font-size: 16px;color: #FFF ;font-weight: normal !important;}
.style-top-bar .info_above_menu a:hover{color:#FFF}
.style-top-bar .info_above_menu span{ font-family: calibri; padding-left:5px; font-size:13px;}


.style-top-bar .info_above_menu .telephone, .style-top-bar .info_above_menu .email, .style-top-bar .info_above_menu .address, .style-top-bar .info_above_menu .textfield {line-height: 16px;font-size: 12px !important;color: #8B8B8B !important;display: initial;margin-right: 10px;font-weight: 500 !important;top: -2px;}
.style-top-bar .socialdiv ul li {position: relative;float: left;width: 40px;height: 43px;margin: 0;list-style: none;opacity: 1;}
.style-top-bar .socialdiv ul li a{border: none;padding: 0 2px;}
.style-top-bar .socialdiv ul li a:hover{border: none;opacity: 1 !important;}
.style-top-bar .info_above_menu #s_top{background: url('../images/search-dark.png') no-repeat 15px center; 
color:#FFF !important;border-left: 1px solid #857053;border-right: 1px solid #857053;
}
.style-top-bar .info_above_menu #s_top:focus{background: url('../images/search-dark.png') no-repeat 96% 96%; 
color:#FFF !important;
}
.style-top-bar .info_above_menu #s_top, .style-top-bar .info_above_menu #s_top:focus{padding: 0px 22px;top: 0; color:#FFF !important ; color:#FFF !important; height : 43px !important; text-align:left}
.fullwidth_container_menu{top: 1px !important;position: relative;}
.info_above_menu.style4 #s_top{background: url(../img/search-dark.png) no-repeat right center;}
.info_above_menu.style4 #s_top:focus{background: url(../img/search.png) no-repeat 97%;}
.style-top-bar .sf-menu a.sf-with-ul{padding-right: 0;}
#menulava_top{position: relative;float: right;}
.style-top-bar #lang_sel {float: right;z-index: 999999;position: relative;top: 2px;height: 40px;border-left: 1px solid #f2f2f2;border-right: 1px solid #f2f2f2;padding: 0 3px 0 10px;}
.toppanel_content .content .column:last-child{margin-right: 0;}
.fullwidth_container.style-top-bar{background: #715937;width:100%;height: 44px;}


/* CASE HEADER 1 */
/* 
#slider_container, .flexslider_container{padding-top: 115px;} 
.fullwidth-container{margin-top: 115px;}
*/

/* CASE HEADER 2 / 3 */
#slider_container, .flexslider_container{padding-top: 135px;}
.fullwidth-container{margin-top: 155px;}

/* CASE HEADER 4 */
/* 
#slider_container, .flexslider_container{padding-top: 210px;} 
.fullwidth-container{margin-top: 210px;}
*/

/* SOCIAL SECTIONS */

.socialdiv{position: relative;display: inline-block;text-align: center; height:43px ; border-left:1px solid #857053 ; float:right}
.socialdiv ul li{position: relative;float: left;width: 40px;height: 43px;list-style: none;}
#big_footer .socialdiv ul li a{border: 1px solid #252529;}
.socialdiv ul li a{width: 40px;height: 43px;border: 1px solid #ededed;position: relative;float: left;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}



/* TOP PANEL & FOOTER ADJUSTS */
#toppanel .socialdiv ul li a, #footer_content .socialdiv ul li a{border: none !important;position: relative;}
#toppanel .socialdiv{top: 2px;right: -1px;border-right: 1px solid rgb(41, 41, 41);padding-right: 6px;display: inline-block;height: auto;margin: 0;padding: 0;}
#toppanel .socialdiv ul li{margin-bottom: 0;margin-right: 0;}
#big_footer #twitter_update_list li a:hover, #toppanel #twitter_update_list li a:hover{text-decoration: underline;}

/* SOCIAL ICONS */
.socialdiv .facebook{ background: url('../images/sprite.png') no-repeat -379px -255px;
}
.socialdiv .twitter{ background: url('../images/sprite.png') no-repeat -378px -311px;
}
.socialdiv .forrst{ background: url('../images/sprite.png') no-repeat -708px -256px;
}
.socialdiv .flickr{background: url('../images/sprite.png') no-repeat -454px -256px;
}
.socialdiv .linkedin{background: url('../images/sprite.png') no-repeat -621px -255px;
}
.socialdiv .skype{ background: url('../images/sprite.png') no-repeat -149px -311px;
}
.socialdiv .google{ background: url('sprite.png') no-repeat 1px -312px;
}
.socialdiv .vimeo{ background: url('sprite.png') no-repeat -455px -311px;
}
.socialdiv .picasa{ background: url('sprite.png') no-repeat -954px -312px;
}
.socialdiv .deviantart{ background: url('sprite.png') no-repeat -225px -255px;
}
.socialdiv .behance{ background: url('sprite.png') no-repeat -1px -256px;
} 
.socialdiv .youtube{ background: url('sprite.png') no-repeat -621px -312px;
}
.socialdiv .rss{ background: url('sprite.png') no-repeat -710px -312px;
}
.socialdiv .pinterest{ background: url('sprite.png') no-repeat -867px -311px;
}
.socialdiv .stumble{ background: url('sprite.png') no-repeat -226px -311px;
}
.socialdiv .delicious{ background: url('sprite.png') no-repeat -147px -255px;
}
.socialdiv .digg{ background: url('sprite.png') no-repeat -70px -312px;
}
.socialdiv .instagram{ background: url('sprite.png') no-repeat -954px -256px;
} 
.socialdiv .myspace{ background: url('sprite.png') no-repeat -867px -256px;
}
.socialdiv .blogger{ background: url('sprite.png') no-repeat -74px -255px;
}
.socialdiv .wordpress{ background: url('sprite.png') no-repeat -533px -311px;
}
.socialdiv .grooveshark{ background: url('sprite.png') no-repeat -533px -256px;
}
.socialdiv .reddit{ background: url('sprite.png') no-repeat -788px -311px;
}
.socialdiv .soundcloud{ background: url('sprite.png') no-repeat -533px -255px;
}
.socialdiv .dribbble{ background: url('sprite.png') no-repeat -306px -255px;
}
.socialdiv .tumblr{ background: url('sprite.png') no-repeat -306px -312px;
}


/* SOCIAL ICONS: HOVER */
.socialdiv .facebook:hover{ background: #a2b830 url('../images/sprite.png') no-repeat -413px -255px; 
border: 1px solid #3b5998;
}
.socialdiv .twitter:hover{ background: #a2b830 url('../images/sprite.png') no-repeat -412px -311px; 
border: 1px solid #35c9f9;
}
.socialdiv .forrst:hover{ background: #62956a url('sprite.png') no-repeat -742px -256px; 
border: 1px solid #62956a;
}
.socialdiv .flickr:hover{ background: #ff0084 url('sprite.png') no-repeat -487px -256px; 
border: 1px solid #ff0084;
}
.socialdiv .linkedin:hover{background: #a2b830 url('../images/sprite.png') no-repeat -655px -255px;
border: 1px solid #005886;
}
.socialdiv .skype:hover{ background: #50bee3 url('sprite.png') no-repeat -183px -311px; 
border: 1px solid #50bee3;
}
.socialdiv .google:hover{ background: #d24a30 url('sprite.png') no-repeat -32px -312px; 
border: 1px solid #d24a30;
}
.socialdiv .vimeo:hover{ background: #509a99 url('sprite.png') no-repeat -489px -311px; 
border: 1px solid #509a99;
}
.socialdiv .picasa:hover{ background: #9864ae url('sprite.png') no-repeat -988px -312px; 
border: 1px solid #9864ae;
}
.socialdiv .deviantart:hover{ background: #a8b30e url('sprite.png') no-repeat -259px -255px; 
border: 1px solid #a8b30e;
}
.socialdiv .behance:hover{ background: #212121 url('sprite.png') no-repeat -35px -256px; 
border: 1px solid #212121;
} 
.socialdiv .youtube:hover{ background: #cb322c url('sprite.png') no-repeat -655px -312px; 
border: 1px solid #cb322c;
}
.socialdiv .rss:hover{ background: #f7771e url('sprite.png') no-repeat -744px -312px; 
border: 1px solid #f7771e;
}
.socialdiv .pinterest:hover{ background: #cb2027 url('sprite.png') no-repeat -901px -311px; 
border: 1px solid #cb2027;
}
.socialdiv .stumble:hover{ background: #32a358 url('sprite.png') no-repeat -259px -311px; 
border: 1px solid #32a358;
}
.socialdiv .delicious:hover{ background: #3274d1 url('sprite.png') no-repeat -181px -255px; 
border: 1px solid #3274d1;
}
.socialdiv .digg:hover{ background: #000 url('sprite.png') no-repeat -104px -312px; 
border: 1px solid #000;
}
.socialdiv .instagram:hover{ background: #517fa4 url('sprite.png') no-repeat -987px -256px; 
border: 1px solid #517fa4;
} 
.socialdiv .myspace:hover{ background: #000 url('sprite.png') no-repeat -901px -256px; 
border: 1px solid #000;
}
.socialdiv .blogger:hover{ background: #fc9644 url('sprite.png') no-repeat -108px -255px; 
border: 1px solid #fc9644;
}
.socialdiv .wordpress:hover{ background: #278ab7 url('sprite.png') no-repeat -566px -311px; 
border: 1px solid #278ab7;
}
.socialdiv .grooveshark:hover{ background: #f77f00 url('sprite.png') no-repeat -567px -256px; 
border: 1px solid #f77f00;
}
.socialdiv .reddit:hover{ background: rgb(170, 199, 228) url('sprite.png') no-repeat -822px -311px; 
border: 1px solid rgb(170, 199, 228);
}
.socialdiv .soundcloud:hover{ background: #F76700 url('sprite.png') no-repeat -566px -255px; 
border: 1px solid #F76700;
}
.socialdiv .dribbble:hover{ background: #df3e7b url('sprite.png') no-repeat -340px -255px; 
border: 1px solid #df3e7b;
}
.socialdiv .tumblr:hover{ background:#445567 url('sprite.png') no-repeat -340px -312px; 
border: 1px solid #445567; }

.style-top-bar .socialdiv ul li .login{ padding:10px; border-left:1px solid #FFF; float:left  }
.style-top-bar .socialdiv ul li .login:hover{ padding:10px; border-left:1px solid #FFF  }
.style-top-bar .socialdiv ul .login-li{ width: auto;}
/* RECENT POSTS */




/* TOOLTIP */

/* NEWSLETTER */


/* SEARCH BAR */
.hsearchtitle{display: none !important;}
.h-title-search{margin-bottom: 5px;font-size: 22px;margin-left: 0;}
.h-title-search a{font-size: 22px !important;}
.search.entry_excerpt{margin: 0.1em 0;}
.search.readmore{float:left;margin: 0.1em 0;line-height:30px;border: 1px solid #ddd;padding: 0 15px;}
.search-div{position:relative;display:inline-block;width:100%;margin-bottom:5px;}
.search.post-separator{position: relative; top: 0px; float: left; width: 100% !important; height: 1px; border-bottom: 1px dotted #EDEDED; margin-left: 0px; padding: 5px; margin-bottom:40px;margin-top:-10px;}
.sright{float: right;}
/*  Searchform */
.info_above_menu #searchform_top{position:relative;text-align:right;z-index: 1;cursor: pointer;float: right;top: 0;width: 60px;}
.info_above_menu #searchform_top div{margin: 0;}
.info_above_menu #s_top {-moz-transition-duration: 400ms;-moz-transition-property: all, background;-moz-transition-timing-function: ease;-webkit-transition-duration: 400ms;-webkit-transition-property: all, background;-webkit-transition-timing-function: ease;-o-transition-duration: 400ms;-o-transition-property: all, background;-o-transition-timing-function: ease;-ms-transition-duration: 400ms;-ms-transition-property: all, background;-ms-transition-timing-function: ease;transition-duration: 400ms;transition-property: all, background;transition-timing-function: ease;background: url(../img/search.png) no-repeat right center;float: right;font-size: 14px;padding: 12px 0 11px 20px;width: 0px;border: none;cursor: pointer;position: relative;color: #fff;}
.info_above_menu #s_top:focus {width: 460px; color:#FFF !important; position: relative;padding: 10px 0 13px 12px;border: none !important;background: rgb(10, 168, 165) url(../img/search.png) no-repeat 445px center;color: #fff;margin-right: 0;}
.info_above_menu #searchsubmit {display: none;}
.info_above_menu .only-search #searchform_top{z-index: 1;}
.info_above_menu .only-search #s_top {background-color: #eee;border-color: #ddd;color: #888;}
.info_above_menu .only-search #s_top:focus {background-color: #ddd;}
#header #searchsubmit{display: none;}

/* ZAP GLOBAL COLORS CSS */

 a.next:hover, #back-to-top a:hover, .info_above_menu #s_top:focus{
	background-color: #a2b830 !important;  color:#FFF !important; width:280px;
}			
 
 .login-register{ margin:0; padding:0}
 
.login-register li{ float:left; height:43px;  border-right:1px solid #857053; }


	 .login-register li a{ background-color:#a2b830; text-align:center; font-family:Calibri; float:left; padding-top:7px; width:80px !important; font-size:16px !important; height:43px !important;}

.login-register li a:hover{ color:#FFF; background-color:#8c785d}

.login-register ul{ margin:10px !important; }

/* Extra small devices (phones, less than 768px) */
@media (max-width : 766px) {


	 /* PAGE INNER WHITE BACKGROUND WRAPPER */
	.inner-wrapper {
		width: 100%;
		margin: 0;
	}



	/* SERVICE ICON */
	.services-box span.icon{
		margin-bottom: 20px;
	}


	/* GLOBAl SIDE MARGIN */
	.sm-margin {
		margin-top:30px;
	}


	/* TESTIMONIAL */
	.client-testimonial-caruosel {
		margin-top:30px;
	}

	/* GLOBAL MARGIN BOTTOM */
	.mb-30 {
		margin-bottom:30px;
	}

	/* FOOTER WRAPPER */

	.footer-wrapper .social-icon {
		text-align: center;
		margin-bottom: 20px;
	}

	/* BACK TO TOP */
	.backtop {
		display:none;
	}


	/* NAVIGATION */
	.nav > li > a {
		padding: 10px 2px;
	}

	/* ERROR PAGE */
	.page-notfound strong {
		font-size: 90px;
		line-height: 90px;
	}

		/*HOME RECENT PROJECT*/
	.portfolio-content .grid-block figure{
		width: 100% ;
		margin-right: 0;
	}	

	/*PROJECT*/
	.css-project-box .img-box {
		float: none !important;
		display: block;
		margin: 0 0 20px;
	}

	.css-project-box .img-box img {
		max-width: 100%;
	}
	
	.css-project-box .img-box a::before {
		left: 48%;
		top: 48%;	
	}	

} 


/* Landscape Mobile */
@media only screen and (min-width: 480px) and (max-width: 767px) {	

	/* GLOBAl SIDE MARGIN */
	.sm-margin {
		margin-top:30px;
	}

	/* CLIENT TESTIMONIAL */

	.client-testimonial-caruosel {
		margin-top:30px;
	}

	/* GLOBAl BOTTOM MARGIN */
	.mb-30 {
		margin-bottom:30px;
	}


	/* FOOTER SOCIAL ICON */
	.footer-wrapper .social-icon {
		text-align: center;
		margin-bottom: 20px;
	}
	
	
	/*PROJECT*/
	.css-project-box .img-box {
		float: none !important;
		display: block;
		margin: 0 0 20px;}
		
		.news div { margin-bottom:50px; background-image:none}
		.news .col-lg-4{ margin-bottom:50px; background-image:none}
	}

	.css-project-box .img-box img {
		max-width: 100%;
	}
	
	.css-project-box .img-box a::before {
		left: 48%;
		top: 48%;	
	}
	
	.header_container{ z-index:-1}	




/* Small devices (tablets, 768px and up) */
@media (min-width : 768px) and (max-width : 991px) {
	


	/* NAVBAR HIDE */
	.navbar-collapse.collapse{
		display:none !important;
	}

	/* PAGE INNER WHITE BACKGROUND WRAPPER */
	.inner-wrapper {
		width: 100%;
		margin: 0;
	}



	/* SOCIAL ICON */
	.social-icon {
		margin-top: 0px;
	}

	.client-testimonial-caruosel {
		margin-top:30px;
	}

	.mb-30 {
		margin-bottom:30px;
	}

	/* GLOBAl SIDE MARGIN */

	.sm-margin {
		margin-top:30px;
	}

	/* FOOTER TOP */

	.footer-wrapper .social-icon {
		text-align: center;
		margin-bottom: 20px;
		margin-top: 0px;
	}

	/* BACK TO TOP */

	.backtop {
		bottom:0px;
		display:block;
	}

	.call-to-action-box .floatleft,
	.call-to-action-box .floatright  {
		width: 50%;
	}


	/* PROGRESS CHART */

	.our_progress {
		width: 138px;
		margin-left: 0px;
	}

	#donutchart1, 
	#donutchart2, 
	#donutchart3, 
	#donutchart4, 
	#donutchart5 {
		margin-left: 5px;
	}

	/* PORTFOLIO GRID */
	.grid li {
		width: 360px;
	}


	/*HOME RECENT PROJECT*/
	.portfolio-content .grid-block figure{
		width: 47.6% ;
	}	

	.portfolio-content .grid-block figure:nth-child(2n+2){
		margin-right: 0;
	}


	/*PROJECT*/
	.css-project-box .img-box {
		float: none !important;
		display: block;
		margin: 0 0 20px;
	}

	.css-project-box .img-box img {
		max-width: 100%;
	}

	.css-project-box .img-box a::before {
		left: 44%;
		top: 44%;	
	}
	
	.news-in{ margin-bottom:10px;}	

}

/* Medium devices (desktops, 992px and up) */
@media (min-width : 992px) and (max-width : 1199px) {
	  

	 /* PAGE INNER WHITE BACKGROUND WRAPPER */
	.inner-wrapper {
		width: 98%;
	}

	/* SERVICE BOX */
	.services-box span.icon{
		margin-bottom: 20px;
	}

	/* PROGRESS CHART */
	.our-progress {
	width: 172px;
	}

	#donutchart1, 
	#donutchart2,
	#donutchart3, 
	#donutchart4, 
	#donutchart5 {
		margin-left: 15px;
	}

	/* PORTFOLIO GRID WIDTH */

	.grid li {
		width: 230px;
	}

	/* TOP RIGHT FEATURE BOX */
	#showcase-content1 {
	margin-bottom: 10px;
	}
	
	.feature {
	height: 155px;
	}	
	
	.feature-green {
	padding: 22px 17px;
	}
	
	.feature-blue {
	padding: 37px;
	}

	.feature-blue .b-light-text {
	font-size: 26px;
	}
	.feature-blue .s-light-text {
	font-size: 14px;
	font-weight: 300;
	}
	.feature-blue .m-bold-text {
	font-size: 24px;
	}	
	
	/* TAB */
	.nav>li>a {
	padding: 10px 5px;
	}
	
	/* MEGAMENU CAROUSEL */
	#myCarousel a.right i {
	top: 23%;
	left: -4px;
	}	
	
	#myCarousel a.left i{
	top: 24%;
	left: 3px;
	}	


	/*HOME RECENT PROJECT*/
	.portfolio-content .grid-block figure{
		width: 30.9% ;
	}	

	.portfolio-content .grid-block figure:nth-child(3n+3){
		margin-right: 0;
	}		
	

}


/* Large devices (large desktops, 1200px and up) */
@media (min-width : 1200px) and (max-width: 1280px) {

	 /* PAGE INNER WHITE BACKGROUND WRAPPER */
	 .inner-wrapper {
		width: 99%;
	}

}

@media (min-width : 1200px){

.tender-pad p {
	height:135px !important;
}



	.portfolio-content .grid-block figure:nth-child(4n+4){
	margin-right: 0;
	}
}

.date{ background-color:#a2b830; line-height:1; border-radius:5px; color:#FFF; padding:10px 0px 0px 0px; text-align:center; font-size:30px; }

.news-in  .date { float:right} 
.news-in img {
	height:130px;
}
.news .news-in { float:right}

.date span{ background-color:#715937; margin-top:10px; padding-top:7px; padding-bottom:7px; font-weight:bold; text-transform:uppercase; float:left; text-align:center; color:#FFF; width:100%; font-size:13px}

.news{ padding-top:50px; padding-bottom:70px; }
.news h2 , .event h2 , .awareness h2 , .second-content h2{ font-size:14px; height:20px; overflow:hidden; margin-top:10px; font-weight:normal;  line-height:1.3; margin-bottom:5px; text-align:right; text-transform: capitalize ; direction:rtl; }
.news .news-in{background-image:url('../images/news-bg.jpg'); 
background-repeat:no-repeat; background-position: 105px 0px;
}
.news h1{ font-size:36px;text-align:center; font-weight:normal; padding-bottom:40px; color:#333; text-transform: uppercase}
.news .pic-txt{text-align:justify; direction:rtl; line-height:1.3; direction:rtl}
.news a{ background-color:#a2b830; transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s; padding:0px 0px 0px 10px; color:#FFF; float:right; margin-top:20px;
	float:left}
.news a i{float:right; transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s; background-color:#715937; padding:6px 10px 7px;}
.news a span{ padding:5px 10px 5px 5px; float:right}

.news a:hover{ background-color:#715937}
.news a:hover i{ background-color:#a2b830;}


.news .head-txt p{text-align:justify; line-height:1.3; height:70px; overflow:hidden}



.second-content{background-color:#FFF; height:570px;  padding-top:50px; padding-bottom:50px; text-align:justify }

.event h1 , .awareness h1 , .second-content h1{ font-size:24px; text-transform:uppercase; direction:rtl; text-align:right ; font-weight:normal; padding-top:10px; padding-bottom:30px; color:#333; }

.event a , .awareness a{color:#899d22; float:left; margin-top:15px;}
.event a:hover, .awareness a:hover{color:#715937}
.event p{ text-align:justify; line-height:1; margin:0 }
.event-in { margin-bottom:20px; float:left; width:100%}

.awareness h3{color:#666; margin-bottom:10px; margin-top:10px; direction:rtl ; text-align:right}
.awareness h3 i{ padding-left:5px; color:#899d22}

.event h2{ margin-top:0 !important}
.event i , .awareness i , .data i{ padding-left:3px;}
.data h1{ padding-left:15px;}
.data  a{color:#899d22;font-size:12px; margin-top:15px;}
.data  a:hover{color:#715937}
.download{ float:left;}
.more{ float:left}

.data .event-in { margin-bottom:20px;}
.data  h2{ margin-top:0}

 p{ margin:0}
 
 .awareness h2 { margin-top:20px !important}
 
 
 
 


.lead-title h1{ float:left; padding-top:50px; width:100% ; font-size:36px;   font-weight:normal; padding-top:10px; padding-bottom:45px; color:#333; text-align:center; color:#FFF; text-transform:uppercase}


.last-content{ background-image:url('../images/footer-bg.jpg'); 
background-repeat:repeat; width:100%; float:left; padding-top:40px; padding-bottom:40px;
}

.form h1 , .related-link h1{ float:left; width:100% ; font-size:20px;  font-weight:normal; padding-bottom:25px; color:#333;  color:#FFF; direction:rtl; }

.form input{ color:#FFF; width:100%; direction:rtl; margin-left:5px; margin-right:5px; padding:3px 10px ; border-radius:5px; background-color:#373027 ; border:none ;}

.form ul{ margin:0; padding:0 ; float:right; width:100%; direction:rtl; text-align:right}

.form  textarea{width:100% ; height:60px; color:#FFF; margin-left:5px; margin-right:5px; padding:3px 10px ; border-radius:5px; background-color:#373027 ; border:none ;}


.form input{ float:right}
 
.form a{ background-color:#a2b830; color:#FFF;  padding:3px 15px; border-radius:5px; float:left; margin-left:5px;}
.form a:hover{background-color:#8e6f43; }
.form a:visited , .form a:focus{
	color:#FFF !important 
}
.related-link a{color:#a2b830}
.related-link ul{ float:right}
.related-link a:hover{ color:#FFF}
.related-link a i{color:#FFF ; padding-left:7px;}
.related-link a:hover i{color:#a2b830}
.related-link ul{ margin:0; padding:0 ; padding-left:5px;}
.vote{ color:#FFF}

.vote h2{ font-weight:normal; direction:rtl; text-align:right;  color:#FFF; text-transform:capitalize; float:left; width:100%}

.footer{ background-color:#18130f; border-top:2px solid #8b9e2a; padding:15px 0 15px; float:left; width:100%}
.footer .Copy{ color:#a2b830; text-align:left ; float:right ; direction:rtl}
.footer .Powred{color:#a2b830; text-align:left ; float:left}

.lang a{ float:right; margin-left:10px; margin-top:60px}
.logo-1{ margin-top:24px; float:right}

@media (max-width:480px) { .news .news-in{background-image:none}}


@media (max-width:1200px) {

.tender-pad p {
	 height: 135px;
}




  ul.nav.navbar-nav li a{ padding:15px 5px}
}
.login ul{ padding:0 ; margin-left: 0; list-style-type:none; float:left; }
.login li{ float:right; margin-left:5px; margin-bottom:5px;}
.login i{ background-color:#889c23; width:29px;  padding:9px; color:#FFF; margin:0 ; float:right; height:31px;}

.login input{ margin:0; padding:3px 10px; float:right; border:1px solid #d2d2d2; width:160px !important;  height:31px;}

.login a{ padding:4px 15px; height:31px; background-color:#715937 ; color:#FFF; float:right; -webkit-transition: linear .3s;-moz-transition: linear .3s;-ms-transition: linear .3s;-o-transition: linear .3s;transition: linear .3s }
.login a:hover{ background-color:#a2b830;  text-decoration:none; 	color:#FFF !important;}
.login a:visited{
	color:#FFF !important; text-decoration:none
}


.login a:focus{
	color:#FFF !important; text-decoration:none
}


.clients p{ 
    float: left;
    color: #FFF;
    text-align: center;
    font-size: 13px;
  
    width: 100%;
    
    direction:rtl;}

.footer-menu a{color:#a2b830}
.footer-menu a:hover{ color:#FFF }
.footer-menu span{ color:#a2b830; padding-left:2px; padding-right:2px}




/* Extra small devices (phones, less than 768px) */
@media (max-width : 766px) {


	 /* PAGE INNER WHITE BACKGROUND WRAPPER */
	.inner-wrapper {
		width: 100%;
		margin: 0;
	}



	/* SERVICE ICON */
	.services-box span.icon{
		margin-bottom: 20px;
	}


	/* GLOBAl SIDE MARGIN */
	.sm-margin {
		margin-top:30px;
	}


	/* TESTIMONIAL */
	.client-testimonial-caruosel {
		margin-top:30px;
	}

	/* GLOBAL MARGIN BOTTOM */
	.mb-30 {
		margin-bottom:30px;
	}

	/* FOOTER WRAPPER */

	.footer-wrapper .social-icon {
		text-align: center;
		margin-bottom: 20px;
	}

	/* BACK TO TOP */
	.backtop {
		display:none;
	}


	/* NAVIGATION */
	.nav > li > a {
		padding: 10px 2px;
	}

	/* ERROR PAGE */
	.page-notfound strong {
		font-size: 90px;
		line-height: 90px;
	}

		/*HOME RECENT PROJECT*/
	.portfolio-content .grid-block figure{
		width: 100% ;
		margin-right: 0;
	}	

	/*PROJECT*/
	.css-project-box .img-box {
		float: none !important;
		display: block;
		margin: 0 0 20px;
	}

	.css-project-box .img-box img {
		max-width: 100%;
	}
	
	.css-project-box .img-box a::before {
		left: 48%;
		top: 48%;	
	}	

} 


/* Landscape Mobile */
@media only screen and (min-width: 480px) and (max-width: 767px) {	

	/* GLOBAl SIDE MARGIN */
	.sm-margin {
		margin-top:30px;
	}

	/* CLIENT TESTIMONIAL */

	.client-testimonial-caruosel {
		margin-top:30px;
	}

	/* GLOBAl BOTTOM MARGIN */
	.mb-30 {
		margin-bottom:30px;
	}


	/* FOOTER SOCIAL ICON */
	.footer-wrapper .social-icon {
		text-align: center;
		margin-bottom: 20px;
	}
	
	
	/*PROJECT*/
	.css-project-box .img-box {
		float: none !important;
		display: block;
		margin: 0 0 20px;
	}

	.css-project-box .img-box img {
		max-width: 100%;
	}
	
	.css-project-box .img-box a::before {
		left: 48%;
		top: 48%;	
	}	

}


/* Small devices (tablets, 768px and up) */
@media (min-width : 768px) and (max-width : 991px) {


	/* NAVBAR HIDE */
	.navbar-collapse.collapse{
		display:none !important;
	}

	/* PAGE INNER WHITE BACKGROUND WRAPPER */
	.inner-wrapper {
		width: 100%;
		margin: 0;
	}



	/* SOCIAL ICON */
	.social-icon {
		margin-top: 0px;
	}

	.client-testimonial-caruosel {
		margin-top:30px;
	}

	.mb-30 {
		margin-bottom:30px;
	}

	/* GLOBAl SIDE MARGIN */

	.sm-margin {
		margin-top:30px;
	}

	/* FOOTER TOP */

	.footer-wrapper .social-icon {
		text-align: center;
		margin-bottom: 20px;
		margin-top: 0px;
	}

	/* BACK TO TOP */

	.backtop {
		bottom:0px;
		display:block;
	}

	.call-to-action-box .floatleft,
	.call-to-action-box .floatright  {
		width: 50%;
	}


	/* PROGRESS CHART */

	.our_progress {
		width: 138px;
		margin-left: 0px;
	}

	#donutchart1, 
	#donutchart2, 
	#donutchart3, 
	#donutchart4, 
	#donutchart5 {
		margin-left: 5px;
	}

	/* PORTFOLIO GRID */
	.grid li {
		width: 360px;
	}


	/*HOME RECENT PROJECT*/
	.portfolio-content .grid-block figure{
		width: 47.6% ;
	}	

	.portfolio-content .grid-block figure:nth-child(2n+2){
		margin-right: 0;
	}


	/*PROJECT*/
	.css-project-box .img-box {
		float: none !important;
		display: block;
		margin: 0 0 20px;
	}

	.css-project-box .img-box img {
		max-width: 100%;
	}

	.css-project-box .img-box a::before {
		left: 44%;
		top: 44%;	
	}	

}

/* Medium devices (desktops, 992px and up) */
@media (min-width : 992px) and (max-width : 1199px) {
	  

	 /* PAGE INNER WHITE BACKGROUND WRAPPER */
	.inner-wrapper {
		width: 98%;
	}

	/* SERVICE BOX */
	.services-box span.icon{
		margin-bottom: 20px;
	}

	/* PROGRESS CHART */
	.our-progress {
	width: 172px;
	}

	#donutchart1, 
	#donutchart2,
	#donutchart3, 
	#donutchart4, 
	#donutchart5 {
		margin-left: 15px;
	}

	/* PORTFOLIO GRID WIDTH */

	.grid li {
		width: 230px;
	}

	/* TOP RIGHT FEATURE BOX */
	#showcase-content1 {
	margin-bottom: 10px;
	}
	
	.feature {
	height: 155px;
	}	
	
	.feature-green {
	padding: 22px 17px;
	}
	
	.feature-blue {
	padding: 37px;
	}

	.feature-blue .b-light-text {
	font-size: 26px;
	}
	.feature-blue .s-light-text {
	font-size: 14px;
	font-weight: 300;
	}
	.feature-blue .m-bold-text {
	font-size: 24px;
	}	
	
	/* TAB */
	.nav>li>a {
	padding: 10px 5px;
	}
	
	/* MEGAMENU CAROUSEL */
	#myCarousel a.right i {
	top: 23%;
	left: -4px;
	}	
	
	#myCarousel a.left i{
	top: 24%;
	left: 3px;
	}	


	/*HOME RECENT PROJECT*/
	.portfolio-content .grid-block figure{
		width: 30.9% ;
	}	

	.portfolio-content .grid-block figure:nth-child(3n+3){
		margin-right: 0;
	}		
	

}


/* Large devices (large desktops, 1200px and up) */
@media (min-width : 1200px) and (max-width: 1280px) {

	 /* PAGE INNER WHITE BACKGROUND WRAPPER */
	 .inner-wrapper {
		width: 99%;
	}

}

@media (min-width : 1200px){
	.portfolio-content .grid-block figure:nth-child(4n+4){
	margin-right: 0;
	}
}


.img-inner{ border-bottom:3px solid #d2d2d2}

.inner h1{ width:100%; float:left; border-bottom:1px dotted #CCC ; font-size:18px; margin-top:25px; margin-bottom:30px; }
.inner span{ border-bottom:1px solid #666 ; padding-bottom:10px; float:right ; direction:rtl; margin-bottom:-1px }


.inner{float:left; width:100% ; min-height:350px; background-color:#FFF;  padding-bottom:60px;}

/*news*/

.news-in-1  a{ float:right ; direction:ltr }

.news-in-1 { width:100%; float:left; margin-top:25px; text-align:justify}

.news-in-1 h2{ margin-top:5px; margin-bottom:5px; width:100%; float:left}
.news-in-1 h2 a{ float:left; color:#715937}
.news-in-1 h2 a:hover {color:#a2b830}
.news-in-1 span{ border-bottom:none}
.news-in-1 a i{ float:right; margin-top:4px; margin-left:6px; color:#715937}

.news-in-1 a{ color:#a2b830}
.news-in-1 a:hover{color:#715937}
.news-in-1 a:hover i{color:#a2b830}

.nav-detail li{ float:right; padding-right:10px; color:#604826}
.nav-detail{ padding-top:15px; padding-bottom:15px; float:right}
.nav-detail li a{ color:#8b9e2a}

.nav-detail li a:hover{ color:#604826}

.light-brown{ background-color:#ece9e5; border-bottom:1px dotted #c2b5a4}

.nav-detail  .fa-angle-right { padding-top:5px;}


.form , .related-link  , .vote{ float:right}

.news-all{ text-align:justify;padding-bottom:25px; float:left}

.header-wrapper .login  { float:left; } 

.item a{ margin-top:20px}

.logo-1 img{ float:right} 

.event , .awareness , .data{ float:right}


.date , .pic-txt   {float:right ;  } 

.event-in .pic-txt { direction:rtl }

.awareness p{ text-align:right; direction:rtl; text-align:justify}

.event-in div{ float:right}

.related-link li { text-align:right; direction:rtl; }



.form input{ margin-bottom:10px;}

.vote input{ margin-bottom:0px;}

.footer-menu{ float:right}

.vote li{ margin-bottom:15px;}

.form .send-but { margin-top:40px;}





.light-brown{ background-color:#ece9e5; border-bottom:1px dotted #c2b5a4}

.nav-detail  .fa-angle-right { padding-top:5px;}

.news-all , .inner-contain{ text-align:justify; padding-bottom:25px; float:left; width:100%; }





.accordion h2{
  margin-bottom: 25px;
}

.panel-default{
  border-color: transparent;
}

.panel-default>.panel-heading,
.panel{
  background-color: #f2f2f2; 
  border:0 none;
  box-shadow:none;
}

.panel-default>.panel-heading+.panel-collapse .panel-body{
  background: #fff;
  color: #858586;
  float:left;
  padding: 25px 20px 25px;
  border:1px solid #ddd;
  width:100%;
  float:right;


}


.panel-group .panel+.panel{
  margin-top: 5px;
  border-top: 1px solid #d9d9d9;
  margin-bottom:5px;
}

.panel-group .panel{
  border-radius: 0;
}

.panel-heading{
  border-radius: 0;
}

.panel-title>a{
  color: #4e4e4e;
}

.accordion-inner img{
  border-radius: 4px;
}

.accordion-inner h4{
  margin-top: 0;
}

.panel-heading.active{
  background: #715937;
}

.panel-heading.active .panel-title>a{
  color:#fff;
}

a.accordion-toggle  i{
  width: 45px;
  line-height: 44px;
  font-size: 20px;
  margin-top: -10px;
  text-align: center;
  margin-right: -15px;
  background: #c9c9c9;
}

.panel-heading.active a.accordion-toggle i{
  background: #a2b830;
  color: #fff;
}

.panel-heading.active a.accordion-toggle.collapsed i{
  background: #a2b830;
  color: #fff;
}



h1{
  font-size: 36px;

}

h2{
  font-size: 22px;
}

h3{
  font-size: 13px;
  color: #787878;
  font-weight: 400;
  line-height: 24px;
}

h4{
  font-size: 16px;
}

a {
  color: #8b9e2a;
  -webkit-transition: color 300ms, background-color 300ms;
  -moz-transition: color 300ms, background-color 300ms;
  -o-transition:  color 300ms, background-color 300ms;
  transition:  color 300ms, background-color 300ms;
}

a:hover, a:focus {
  color: #715937;
}


.panel-heading.active a.accordion-toggle i { background-image: url(../images/accordion-arrow.png) ; height:44px; background-position: bottom; background-repeat:no-repeat }

a.accordion-toggle i{background-image: url(../images/accordion-arrow.png) ; height:44px; background-position: top; background-repeat:no-repeat }


.contact-form { margin:0; padding:0; margin-right:0 !important}

.contact-form  li{ width:100%; float:left ; margin-bottom:10px;}
.contact-form  li input{width:53%; margin-left:1%; float:right; border:1px solid #d2d2d2; border-radius:5px; background-color:#ece9e5; padding:5px; }
.contact-form  li textarea{width:45% !important; float:right;  margin-left:20px; border:1px solid #d2d2d2; border-radius:5px; background-color:#ece9e5; }

.contact-form .send{
float:right;
background-color: #a2b830;
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    padding: 0px 10px 0px 0px;
    color: #FFF;
    float: right;
    margin-top: 20px; text-decoration:none; padding:0 }
	
	.contact-form .send:hover{ background-color: #715937;}
	
.contact-form .send i	{    float: right;
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    background-color: #715937;
    padding: 6px 10px 7px;
	background-color: #715937;
	color:#FFF !important; 
}
	
	.contact-form .send:hover i{background-color: #a2b830;}
	
	.contact-form .send span{ padding:0px 15px; border:none; float:right}
	
	.contact-detail {
	float:right
}
	
		.contact-detail li{ float:right; width:100%; margin-top:5px;}
		
	.inner	.contact-detail {margin-bottom:20px; float:left }
	
	.contact-detail i{ width:34px; float:right; font-size:20px; margin-top:5px; color:#a2b830}
	.contact-detail em{ float:right; font-style:normal}
	
	.contact-detail .fa-mail-forward { font-size:16px;}
	.contact-detail-form h2{ font-size:22px; margin-top:15px; float:right ; direction:rtl; text-align:right}
	
	.contact-detail-form {
	float:right !important
}
.google-maps {
        position: relative;
        padding-bottom: 75%;
         height: 0;
        overflow: hidden;
		margin-top:30px;
    }
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }


.contact-detail .fa-fax { font-size:10px;}

.contact-form.register li input{ margin-left:20px; width:45%; float:right !important ; height:35px !important;}
.contact-form.register table input { width:100% !important}
.contact-form.register div { padding-left:20px; float:right !important}

.register select{ background-color: #ece9e5; width:45%;   color:#666666;  margin-left:20px; height:35px;  border: 1px solid #d2d2d2; padding:5px; border-radius:5px; float:right !important }



.register  input::-webkit-input-placeholder  , .register  textarea::-webkit-input-placeholder{ /* Safari, Chrome and Opera */
  color:#666666;
}

.register  input:-moz-placeholder , .register  textarea:-moz-placeholder { /* Firefox 18- */
  color:#666666;
}

.register  input::-moz-placeholder , .register  textarea::-moz-placeholder { /* Firefox 19+ */
color:#666666;
}

.register  input:-ms-input-placeholder , .register  textarea:-ms-input-placeholder  { /* IE 10+ */
color:#666666;
}

.register  input::-ms-input-placeholder  , .register  textarea::-ms-input-placeholder  { /* Edge */
color:#666666;
}

.register  input:placeholder-shown , .register  textarea:placeholder-shown { /* Standard one last! */
color:#666666;
}



.register h4{ margin-top:10px; }

.register  input { width:auto;  float:left; color:#666666; }

.contact-form.register li.radio-but input{ width:20px;  float:left; margin-right:0px }

.radio-but span{ float:left; margin-right:25px; color:#212121 }

.inner h2{ margin-top:5px;}

.marg-bot{ margin-bottom:50px;}




.Lists{ text-align:left}
.Lists a{ color:#715937}
.Lists a:hover{ color:#a2b830}
.Lists a i{ color:#a2b830}



.Lists p{ text-align:justify}

.align-txt {text-align:center}

.inner h2 em {
    border-bottom: 1px solid #a2b830;
    padding-bottom: 10px;
	font-style:normal;
 margin-bottom: -1px;
}


.h2-title{ width:100%; margin-bottom:40px; float:left; text-align:center; padding-bottom:13px; border-bottom:1px dotted #CCC ; color:#a2b830}

.marg-bot .p-center{ text-align:center; font-size:18px; margin-bottom:30px;}

.announcement{ margin-bottom:20px; float:right}

.table-document { text-align:right; direction:rtl}

.table-document.table-striped>tbody>tr:nth-child(odd)>td , .table-document.table-striped>tbody>tr:nth-child(odd)>th

{ background-color:#f3eee8 !important;}


.table-hover>tbody>tr:hover>td , .table-hover>tbody>tr:hover>th{background-color:#f3eee8 !important} 




.inner-contain .table-bordered {
    border: 1px solid #d3cbc1;
}


.inner-contain .table-bordered>thead>tr>th,.inner-contain .table-bordered>tbody>tr>th,.inner-contain .table-bordered>tfoot>tr>th,.inner-contain .table-bordered>thead>tr>td,.inner-contain .table-bordered>tbody>tr>td,.inner-contain .table-bordered>tfoot>tr>td{
    border: 1px solid #d3cbc1;
}

.books i{ color:#8b9e2a}

.book-list i {
    width: 130px;
    font-style: normal;
    float: left;
}

.table-document th{ color:#715937}

.table-document .fa{ color:#8b9e2a; font-size:14px; float:right; padding-left:5px;}

.table-document a{ text-decoration:underline}
.table-document a:hover{ text-decoration:none}


.books {
    background-color: #ece9e5;
    float: left;
    padding: 25px 10px;
    border: 1px solid #CCC;
}

.books a{ text-decoration:underline}
.books a:hover{ text-decoration:none}

.Partners p{text-align:center ; color:#6d6461}
.Partners h4{ margin-bottom:5px; margin-top:5px; float:left; width:100%; color:#6d6461}
.Partners span{ text-transform:uppercase; font-size:24px}
.partners-sec{ margin-top:-20px;}



.nav-tabs li a i {
	margin-right: 5px;
	vertical-align: middle;
	font-size: 18px;
	color: #ccc;
}
.nav-tabs li a i:active {
	color: #9ED154;
} 


.post-content iframe {
	width: 100%; 
	height: 300px;
}

.post-thumbnail {
	margin-bottom:20px;
}

.timeline .post-thumbnail ,
.project-item .post-thumbnail {
	margin-bottom:0px;
	-webkit-transform: translateZ( 0 );
}
.post-thumbnail img{
	width:100%; 
}

.post-thumbnail:hover img{
	-webkit-transition: 700ms;
	-moz-transition: 700ms;
	-o-transition: 700ms;
	-ms-transition: 700ms;
	transition: 700ms;
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-o-transform: scale(1.5);
	-ms-transform: scale(1.5);
	transform: scale(1.5);
}

.element{
	display: inline-block;
	overflow: hidden;
	position: relative!important;
	width: 100%;
	border-radius:5px;
}

.element-overly {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	bottom: -300px;
	text-indent: -9999em;
	-webkit-transition: 500ms;
	-moz-transition: 500ms;
	-o-transition: 500ms;
	-ms-transition: 500ms;
	transition: 500ms;
	z-index: 10;
	opacity: 0;
	background-color: rgba(158, 209, 84, 1);
	border-radius:5px;
}

.element a{
	z-index: 30;
}

.element .element-link,
.element .element-lightbox {
	width: 35px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	background-position: 50%;
	display: inline-block;
	position: absolute;
	top: 50%;
	margin-top: -20px;
	font-size: 16px;
	border: 2px solid #fff;
	box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	-o-transition: 300ms;
	-ms-transition: 300ms;
	transition: 300ms;

}

.element .element-lightbox{
	left: 50%;
	margin-left: -150px;
}


.element .element-link{
	right: 50%;
	margin-right: -150px;
}

.team-member .element .element-link{
	right: 42%;
	margin-right: -150px;
}

.element:hover .element-overly{
	bottom: 0;
	opacity: 0.9;
}

.element a:hover {
	text-decoration:none;
	background:#fff;
	color: #9ED154 !important;
}


.element:hover .element-lightbox{
	margin-left: 5px;
	opacity: 1;
	color: #fff;
}


.element:hover .element-link{
	margin-right: 5px;
	opacity: 1;
	color: #fff;
}



  #filter {
    display     : block;
    list-style  : none outside none;
    margin		: 0px 0px 30px;
    overflow    : hidden;
    padding     : 0;
    width       : 100%;
	padding		: 0 15px;
  }

  #filter li {
	float        : left;
	margin       : 0;
	padding      : 0;
	border       : 0;
	background   : none;
  }

  #filter li a {
	border-radius : 1px;
	cursor        : pointer;
	display       : block;
	margin        : 0 3px 0 0;
	padding: 5px 10px;
  }


  #filter li a.active {
	background-color: #7CC219;
	border-bottom: 2px solid #7CC219;
  }

  /* project single content */


.project-item {
	min-height: 400px;
}
.project-details {
margin-bottom: 30px;
}
  .project-details h2{
  	margin-top     : 20px;
  	margin-bottom  : 10px;
  }

  .project-details h2 a{
  	font-size   : 16px;
  	color       : #222;
  }
  
  .project-details p{
  	margin   : 10px 0;
  	display  : block;
  }

  .project-details .readmore a{
    display         : inline-block;
    font-size       : 12px;
    font-weight     : 400;
    margin-top      : 0px;
    padding-top     : 5px;
    text-transform  : uppercase;
    display         : inline-block;
    margin-bottom   : 20px;
  }
  
  .folder div{ padding:1px; }
  
  .element img{ border:1px solid #d2d2d2; }


.element .element-link.gallery-link  { right:43%}

figcaption.gallery-icons{ background-color:#f2f4f5; padding:7px; border:1px solid #CCC }

.portfolio-item-like i{ color:#6d6461;  font-style:normal; padding-left:5px; font-size:11px; letter-spacing:0}

.gallery-icons .fa{ color:#a2b830; margin-left: 10px}


figcaption {
width:100%;
float:right;
    background-color: #f2f4f5;
    padding:4px 20px;
    border: 1px solid #CCC;}
	
	
	.element .element-lightbox.expand{left:41%}
	
	
	.training { margin-top:0; padding-top:20px; padding-bottom:20px; margin-left:-15px; padding-bottom:10px;  float:left; width:100%; margin-bottom:25px; background-color:#f7f7f6; border:1px solid #d2d2d2; width:99% ; padding-left:1%   }
.training  li{  float:left ; margin-bottom:10px;}
.training  li input{float:left; width:75%; border:1px solid #d2d2d2; border-radius:5px; background-color:#ece9e5; padding:5px; }

.training  li label{ float:left; width:25%}
.training li textarea{ float:left; border:1px solid #d2d2d2; border-radius:5px; background-color:#ece9e5; }
.training select {
    background-color: #ece9e5;
    border: 1px solid #d2d2d2;
    padding: 8px;
    border-radius: 5px;
	width:100%
}



.training .send{background-color: #a2b830;
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    padding: 0px 10px 0px 0px;
    color: #FFF;
    float: right;
    margin-top: 5px; text-decoration:none; padding:0; margin-left:15px;
	float:left }
	
	.training .send:hover{ background-color: #715937;}
	
.training .send i	{    float: left;
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    background-color: #715937;
    padding: 6px 10px 7px;
	background-color: #715937;
	}
	
	.training .send:hover i{background-color: #a2b830;}
	
	.training .send span{ padding:0px 15px; border:none}
	
	.training-result { width:100%; float:left}
	
	.training li label { padding-top:5px;}
	
	
	
	
	.training-result h3 a{ color:#a2b830 ; text-decoration:underline; font-size:20px; text-transform: capitalize}
	
		.training-result h3 a:hover{ text-decoration:none ; color:#715937}
.training-result span{ width:70px; float:left; color:#a2b830 }

.training-result ul{ margin-top:0; padding-top:0; padding-bottom:20px;  padding-bottom:10px; border-bottom:1px dashed #d2d2d2; float:left; width:100%; margin-bottom:25px; }


  .contact-head { text-align:center; padding-bottom:25px;}
  .inner .contact-head{ border-bottom:none}

  .contact-detail li i{ color:#a2b830; font-size:18px; padding-right:10px;}
  
    .contact-detail .fa-envelope , .contact-detail .fa-fax{ font-size:15px;  }
	
	.contact-detail h2 , .contact-head{ text-align:left; padding-top:35px;}
	
	.contact-ul input{ width:100%; margin-bottom:25px;   border-radius:5px; border:1px solid #CCC; padding:5px 15px;}
	.contact-ul textarea{width:90%; margin-bottom:25px; border-radius:5px; border:1px solid #CCC; padding:15px;  }
	.contact-ul button{ background-color:#a2b830; color:#FFF}
	.contact-ul button:hover{ background-color:#715937; color:#FFF}
	
	.announcement h4{ width:100%; text-align:left; float:left; text-transform: none}
	
		.announcement h4 span{ float:left} 
		
		.fa-check-square.annoncement-adress { font-size:18px;}
		
		.contain-all { width:100%; float:left ; text-align:justify; padding-top:25px; padding-bottom:25px;}

.announcement h2{ color:#a2b830; white-space:nowrap ;  float:right; height:20px; direction:rtl; width:100%; overflow:hidden; font-size:14px; text-align:right}

.annoncement-adress{ color:#a2b830 ; font-size:24px; padding-top:7px;}

.announcement a {
    color: #8b9e2a;
    float: right;
    margin-top: 5px;
    font-weight: bold;
	direction:rtl;
	text-decoration:none;
}

.announcement a i{ float:right; width:20px; padding-right:3px; padding-top:5px; color: #8b9e2a;}

.announcement .annoncement-adress {width:24px;}
.announcement a:hover{color:#715937}

.announcement span{ border-bottom:none ; font-size:12px;}

.announcement h3{ margin-bottom:0; font-size:14px; text-align:right; }
.announcement p { text-align:justify; direction:rtl; margin-top:15px;
	
}


.tender-img img { width:100%;  height:150px; margin-bottom:25px; }

.announcement .fa-calendar{ font-size:15px !important}
.tender-pad{ float:right; padding:0px 5px; width:100%}
.tender-pad p{ height:105px; padding-top:10px;}
.form a:hover{ color:#FFF; text-decoration:none}


.data-state { width:100%; float:right !important; }
.data-state h3 a{ color:#715937;  float:right; direction:rtl; font-size:17px;  margin-bottom:5px;}
.data-state h3 a:hover{ color:#a2b830}

.data-state h3{ margin-top:15px}

.data-state-part { width:100%; float:left}

.data-state-part h2{ color:#715937; font-size:18px; margin-top:30px; text-decoration:underline;}
.data-state-part h2 i{ color:#a2b830; font-size:22px; margin-top:-2px; margin-left:10px; float:right}

.data-state-part a{ float:right}
.data-in .data-state{ padding-left:0px;}

.error-message{ width:88%; float:right; padding-right:101px; color:#F00; margin-top:20px; padding-right:-5px; margin-bottom:10px;}
.error-message span{ float:right; margin-top:2px; font-size:12px; }

.login .error-message i{ background-color: transparent !important; color:#F00; font-size:13px; padding:5px; float:right }

.Partners .cal{ font-size:14px}

.dropdown .fa-angle-left{ float:left}

.team-member-wrapper , .table-document { float:right !important ; margin-top:25px;}

.clients img , .Partners img{ width:150px; height:140px; margin-bottom:10px;}

.data img{ width:100%; height:85px;}

.awareness img{ height: 160px !important; width:100%} 

.news-in img{ width:100%; height:126px}

.inner-txt{ margin-top:30px;}

.inner-txt span{ float:left; width:100%; color:#8b9e2a;  font-size:13px;
font-family:'Droid Arabic Kufi' !important;}
.inner-txt h3{ font-weight:bold ; float:right; width:100% }

.inner-txt p{ margin:0; text-align:justify}

.tender-adress { font-size:16px; color: #a2b830; padding-top:4px; width:24px; float:right }


.register.contact-form li  #_chkServiceType input{
	 background-color: transparent; border:none; float:left ; width:auto;
}

.register.contact-form  .style-none input { background-color: transparent; border:none; float:left ; width:auto;

	
}

.event-in p{
	 line-height:1.8
}


.login-register #profile-menu{ width:150px; float:left; padding:0px ; margin-top:10px !important; margin-right:-15px !important;
	 
}


#profile-menu li{ 
width:183px; float:left
	
}

#profile-menu li a  , #profile-menu li a:focus , #profile-menu li a:visited{ font-family:"Droid Arabic Kufi" !important; font-size:12px !important;
	 background-color:#f2f2f2; text-align:right; padding-right:10px; border:1px solid #d2d2d2; color:#333 ; width:150px !important; float:left; padding:0 !importamt; margin: !important
}

#profile-menu li a:hover{ color:#FFF !important ; background-color:#715937}


.ms-webpart-zone .ms-webpartzone-cell {
 margin:0 !important;
}

#searchform_top input{
	 color:#FFF !important;
}


.pager {
	 margin-left:auto ; margin-right:auto;
}



.pager-top { width:100%; float:left
	
}



.faq-cat-content{ width:100%}
.faq-cat-content .panel-heading {
	 padding:0px; color:#FFF ; float:left; background-color:#a2b830;font-size:16px; float:left; width:100% 
}

.panel-title em{padding: 0px 15px; line-height:33px; font-style:normal; float:right !important ; 
 color:#FFF;  font-family: calibri; font-size:15px; width:80%;     font-family: 'Droid Arabic Kufi' !important; }
.contact-head { text-align:center; padding-bottom:25px;}

.panel-faq .panel-heading{ background-color:#a2b830;  }
.fqa-bg { background-color:#715937 !important; padding:10px 17px; width:40px}
.fqa-bg i{ color:#FFF}







.register span{ color:red ; float:right !important;
	
}

.send span{
	color:#FFF
}

.link-data a{
	 float:right; padding-right:30px;
}

.link-data a:visited , .data-state-part a:visited{
	color:#8b9e2a
}

.news a:visited i , .news a:visited span , .news a:hover i , .news a:hover span { color:#FFF
	
}

.inner a:visited{ 	color:#8b9e2a

	
}

#s4-bodyContainer {
	padding-bottom:0px !important;
}

.head-txt p{
	float:left; direction:rtl; text-align:justify; overflow:hidden ; width:100%; line-height:1.8
}






.event-date input{border:1px solid #d2d2d2; margin:0; width:40%; border-top-left-radius: 5px; border-bottom-left-radius: 5px; padding-left:15px; }
.event-date a{background-color:#715937 ; padding:6px 15px; color:#FFF; border-top-right-radius: 5px; border-bottom-right-radius: 5px; }

.event-date a:hover{background-color:#a2b830; text-decoration:none }

.event-date {margin-top:25px; margin-bottom:10px; }

.training input{width:100%}



.send-in{ background-color:#a2b830; transition: all .5s;
float:right;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s; padding:0px 10px 0px 0px; color:#FFF; 
	border-radius:5px; margin-bottom:20px; }
.send-in i{float:left; transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s; background-color:#715937; padding:6px 10px 7px;
	 border-top-left-radius: 5px;
	 border-bottom-left-radius: 5px; }
.send-in span{ padding:0px 0px 0px 10px; float:left}

.send-in:visited i , .send-in:visited span{color:#FFF} 

.send-in a{text-decoration:none}

.send-in:hover{ background-color:#715937;  color:#FFF; }
.send-in:hover i{ background-color:#a2b830;}

.login a:visited{color:#FFF}

.send-in span{ width:auto; border-bottom:none}

.training-result .send-in { float:right}


.pager span {color:#8b9e2a ; float:right ; border-bottom:none !important; font-weight:bold; font-size:14px; padding:2px;
}

.pager a:hover {
	text-decoration: underline
}

.pager a  {color:#715937;  font-size:14px;	padding:2px; float:right
}





.training { margin-top:0; padding-top:20px; padding-bottom:20px;  padding-bottom:10px;  float:left; width:100%; margin-bottom:25px; background-color:#f7f7f6; border:1px solid #d2d2d2; width:100% ; padding-left:1% ; padding-right:1%   }
.training  li{  float:left ; margin-bottom:10px;}
.training  li input{float:left; width:100%; border:1px solid #d2d2d2; border-radius:5px; background-color:#ece9e5; padding:5px; }

.training  li label{ float:left; width:25%}
.training li textarea{ float:left; border:1px solid #d2d2d2; border-radius:5px; background-color:#ece9e5; }
.training select {
    background-color: #ece9e5;
    border: 1px solid #d2d2d2;
    padding: 8px;
    border-radius: 5px;
	width:100%
}



.training .send{background-color: #a2b830;
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    padding: 0px 10px 0px 0px;
    color: #FFF;
    float: right;
    margin-top: 5px; text-decoration:none; padding:0; margin-left:15px; border-radius:5px;
}
	
	.training .send:hover{ background-color: #715937;}
	
.training .send i	{    float: left;
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    background-color: #715937;
    padding: 6px 10px 7px;
	background-color: #715937;
	    border-top-left-radius: 5px;
		    border-bottom-left-radius: 5px;
	}
	
	.training .send:hover i{background-color: #a2b830;}
	
	.training .send span{ padding:0px 15px; border:none}
	
	.training-result { width:100%; float:left}
	
	.training li label { padding-top:5px;}
	
	
	
	
	.training-result h3 a{ text-decoration:underline; font-size:20px; text-transform: capitalize ; color:#715937}
	
		.training-result h3 a:hover{ text-decoration:none ;  color:#a2b830 ;}
.training-result span { width:70px; float:left; color:#a2b830 ;  font-weight:bold  }

.training-result ul ,  .career-result ul { margin-top:0; direction:rtl; float:right; padding-top:0; padding-bottom:20px;  padding-bottom:10px; border-bottom:1px dashed #d2d2d2; float:left; width:100%; margin-bottom:25px; }

  .career-result ul{border-bottom:none !important ; float:right}

 .career-result li , .training-result li{ width:100%; float:right; margin-bottom:10px;}
 
  .career-result em{ width:135px; font-style:normal; float:right; color:#a2b830 ; font-weight:bold ;  font-size:11px !important;}
  
     .career-result .email span{ font-size:11px !important; float:none !important; width:auto !important}
  
   .email i:before{ padding-left:5px;}
	
	   .career-result em.email i{padding-left:5px;}
	   
	      .career-result strong{ font-style:normal ; font-weight:100; float:right; text-align:right ; width:80%}
	   
	   
	   .career-result img{
	margin-bottom:25px; height:120px;
}

.inner-txt .event-a a{ color:#787878; font-weight:normal !important; font-style:normal !important ; text-decoration:underline; 
	
}

.inner-txt .event-a a:hover{
	color:#8b9e2a
}


.inner-text .date-news {
	color:#8b9e2a; font-weight:bold; font-size:16px;
}

.social-media-news {
	 width:100% ; float:left; margin-top:20px;
}

.stButton .st-twitter-counter, .stButton .st-facebook-counter , .stButton .st-yahoo-counter, .stButton .st-linkedin-counter{
	height:60px !important;
}

.stButton_gradient.stHBubble {
	 height:23px;
}


.file-upload div{
	width:95%; float:right; text-align:right ; padding-right:5px;
}


.file-upload span{
	 font-size:14px !important
}



.file-upload{
	margin-top:25px; width:100%; float: right
}

.file-upload div a{
	color:#8b9e2a; float:right
}

.file-upload i{
	 float:right; padding-right:10px; color:#8b9e2a; padding-top:5px;
}

.data-state a{
	color:#8b9e2a; 
}


.data-state a:hover{
	 text-decoration:underline
}


.canvasjs-chart-container , .canvasjs-chart-container canvas{
	float:right ; text-align:right; direction:rtl;
}

.canvasjs-chart-container {
	margin-right:-20px;
}


.team-float {
	float:right !important
}

.team-member h3{
 direction:rtl; text-align:right; width:100%; float:right
}

.team-member {
	float:right
}

.team-member h3 span , .team-member h3 small{
	float:right
}

.team-member h3 span{
	border-bottom:none !important; 
	
}

.team-member h3 small {
	padding-top:7px; padding-left:10px; font-size:12px;
}

.pic-txt h2 {
	float:right; direction:rtl ;width:100%; font-size:16px; margin-bottom:10px; 
}

.pic-txt h2 a{
	float:right
}

.inner-text span , .inner-txt span{
	border-bottom:none
}

.inner-text , .inner-txt , .inner-pic {
	float:right
}


.data-state span{
	border-bottom:none
}

.data-state a i{
	float:right; padding-left:5px; padding-top:5px;
}


.client-logo {
	direction:ltr !important;
}

.client-logo span {
	border-bottom:none !important
}


.form.vote input[type="submit"] { background-color:#a2b830; width:auto; color:#FFF ;font-family: 'Droid Arabic Kufi' !important; font-size:13px; width:auto !important
	
}

.form.vote input[type="submit"]:hover{ background-color:#8e6f43 ; 
	
}


.form.vote h3{
text-align:right; direction:rtl;
color:#FFF !important
}


.form.vote input[type="radio"]{
	 background-color: transparent !important
}

.form.vote label{ font-weight:normal !important ; margin-top:0px;
	
}

.form li{
	float:right; width:100%
}

.pic-txt a i{
	margin-left:5px;
} 

.owl-carousel h2{
	text-align:right; direction:rtl; overflow:hidden; white-space:nowrap; font-size:18px;
}

.data:first-child{
	display:none
}


.data h1:first-of-type {
	display:none; height:0
}


.owl-carousel span {
	white-space:nowrap; overflow:hidden; direction:rtl ; text-align:right; width:100%; height:40px; font-size:16px;
}

.inner-text p , .inner-txt p { font-family:'Droid Arabic Kufi' !important ; font-size:13px !important; font-weight:normal !important
	
	
}


.team-member img{
	height:180px;
}


input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
	background-color: transparent !important;
}


.table-document th{
	text-align:right
}


.stButton .stButton_gradient{
	height:22px !important;
}

.inner-contain .table-responsive{
	float:right; width:100%
}



.navbar-nav:last-child{border-left:1px solid #E1E1E1}






.ms-WPBorder{border:none !important; }


.contact-form.register li input[type='submit'] , .contact-form.register li a{ width:auto !important;     font-family: 'Droid Arabic Kufi' !important; line-height:normal; border-radius:5px; border:none; background-color:#a2b830; color:#FFF !important; margin-right:0 !important; font-size:13px; }

.contact-form.register li input[type='submit']:hover , .contact-form.register a:hover{ background-color:#715937}

.contact-form.register li input[type='submit'] { padding:3px 15px; height:auto !important}
.ms-WPBorder{border:none !important; }


.contact-form.register li input[type='radio'] ,  .contact-form.register li input[type='checkbox'] {
	width:13px !important; margin-right:0px !important; float:right !important  ; height:13px !important; margin-left:5px !important; background-color:transparent !important; border:none;
}

.contact-form.register li table input {width:100% !important}

.contact-form.register li label{ float:right; padding-left:10px ; direction:rtl; text-align:right; }

.contact-form.register  a{ color:#8b9e2a ; margin-bottom:20px;
	
}

.contact-form.register a:hover { color:#715937; 
	
}


/*.gm-style-iw div{ width:80%; float:left; margin-top:10px;}*/

.gm-style-iw b{ width:95px; float:right; color:#8b9e2a}

.green-message{ color:#8b9e2a}


.login-register li #profile-link , .login-register li #profile-link li{ border-right:none; }

#profile-link{padding-bottom:30px;}

.login-register li #ulMenu { padding:10px 15px; height:43px;}
.login-register li #ulMenu:hover{ background-color:#a2b830}


.login-register li #ulMenu li { height:auto !important}


.offcanvas-container {width:100%}



.inner-text , .inner-text p{ text-align:justify; font-family:Calibri !important}

.social-media-news span{ width:auto}

.label-inner em{ font-style:normal; color:#a2b830; float:right; width:115px; padding-top:2px; font-size:13px;}

.label-inner-1 em { font-style:normal; color:#a2b830; float:right; width:100px;  padding-top:2px;}

.label-inner-1 p{ margin-top:15px;}

.label-inner-1 li , .label-inner li { width:100%; float:right}

.label-inner-1 li , .label-inner li { width:100%; float:right ; margin-bottom:10px;}

.label-inner-1 strong , .label-inner strong {float:right; font-weight:normal ; padding-top:2px;  text-align:right ; width:80%}

.label-inner-1 strong span, .label-inner strong span{ padding-top:4px;}

 .table-document span{ border-bottom:none}

.tender-img a{ width:100%; float:left}

.social-media-news span { float:right !important}
.forget-pass a{ background-color:transparent; color:#8b9e2a !important; text-decoration: underline; margin-right:-15px; margin-top:5px;  }
.forget-pass a:hover{ color:#715937 !important ;  background-color:transparent;}

#ulForm{ margin-right:15%}


.search-box-in { width:100%; float:left ;  }

.search-box-in li{ display:inline ; float:right; width:100%}
.search-box-in input , .search-box-in select { margin-left:0px; width:180px;  height:35px; border:1px solid #d2d2d2 }

.search-box-in input[type="submit"]{ background-color:#a2b830; width:auto !important; color:#FFF; font-size:14px; padding:3px 10px; border:none; margin-right:0}
.search-box-in input[type="submit"]:hover { background-color:#715937}

.team-float {margin-bottom:35px; }

.team-float p{ height:120px; overflow:hidden; float:right;}

.project .col-md-12 { padding-left:0 !important; padding-right:0 !important;}

.contact-form span{ border-bottom:none !important}

.ms-rtestate-field p, p.ms-rteElement-P { margin:0 !important}

.ms-rteTable-default { margin-top:25px;}

.ms-rtestate-field span{ border-bottom:none}
.item.fix {float:right !important}

.img-height-g img{ height:70px !important;}

.element img{ height:145px;}

/*whoweare*/


	   .who-we-are{ text-align:justify}
	   
	    .who-we-are h3{ color:#a2b830;}
	   
	   .first-about img {margin-bottom:15px;}
	   
	   .first-about strong , .second-about strong , .third-about strong , .fourth-about strong{ margin-bottom:10px; color:#715937; float:left ; width:100%}
	   
	    .third-about li{width:100%; margin-bottom:5px; text-align:left ; }
		
		
		 
		 .third-about li span{ color:#a2b830; padding-right:5px; font-weight:bold}
		 
		 .who-we-are a{background-color: #a2b830;
    
    padding: 0px 0px 0px 10px;
    color: #FFF;
    float: left;
    margin-top: 20px; color:#FFF !important;
	float:right}
	
	 .who-we-are a:hover{    background-color: #715937;  }
	
	    .who-we-are a i {float: right;

    background-color: #715937;
    padding: 6px 10px 7px;
    height: 27px;
	color:#FFF !important }
	
	 .who-we-are a:hover i{ background-color: #a2b830;}
	
	
	.who-we-are a span {
    padding: 0px 10px 0px 0px !important;
    float: right; color:#FFF !important 
}

.who-we-are .who-text{ height:165px; text-align:justify}

.first-about , .second-about , .third-about , .fourth-about { float:right !important ; direction:rtl;}

#UpScopeLinkTop span{ background-color:#ece9e5; padding:3px 15px; border-radius:5px;}

#UpScopeLinkTop{color:#715937}



/*search*/

#UpScopeLinkTop span.ms-core-menu-button , #UpScopeLinkBottom span.ms-core-menu-button{ background-color:#f4f0ea; color:#715937; padding:3px 15px;  border:1px solid #d9d6d1; margin-left:10px;}

.ms-srch-item:hover{ background-color:#f5f2ed !important}

#SortbySel , #LangSel{ background-color:#f4f0ea;  padding:5px 15px;  border:1px solid #d9d6d1; }

.ms-srch-item-link { color:#8b9e2a}
.ms-srch-item-link:hover{ color:#715937}

.ms-srch-item-path { color:#6d6461} 

#ResultCount { text-align:right}

#UpScopeLinkTop , #UpScopeLinkBottom{color:#715937; font-weight:bold ; margin-right:0 !important}

#ResultFooter li, #ResultFooter { float:right !important; }

#ResultFooter  #Advanced a , #ResultFooter  #Advanced a:visited{ color:#FFF !important; float:right; margin-top:20px; }

/*searchend*/

/*.table-responsive { padding-left:15px; padding-right:15px; }*/

.file-upload  br{ display:none;}

.news-all .container{ padding-left:0 !important; padding-right:0 !important;}


.contact-form.register div{ padding-right:0;}


.pp_close , a.pp_previous , div.light_square .pp_expand  , .pp_close:hover , a.pp_play , div.light_square .pp_arrow_previous ,  div.light_square .pp_arrow_next
,div.light_square .pp_nav .pp_pause{ color:transparent;}


.pp_nav p { margin: -3px 10px !important; }


div.light_square .pp_nav .pp_play , div.light_square .pp_nav .pp_pause { display:none}

/*mob-menu*/




.accordion-btn-wrap { background-color:transparent !important; color:#FFF ; font-size:16px; width:100%}

.accordion-btn i{ float:left; padding-left:10px; padding-top:15px;}

.main-item-color , .has-subnav a{ margin-right:0 !important} 

.accordion-btn-wrap { left:0 !important; right:auto !important}

.ms-rtestate-write { padding:10px; border:1px solid #CCC}

.form.vote input[type='radio'] { width:auto !important; height:auto !important; float:right}


#s4-workspace { display:block !important ; overflow:inherit; }


/*login*/

 .user-list input[type='checkbox'] { border:none; width:auto !important; width:24px; height:16px; margin-top:9px;}
 
 .reg-class  label{ float:right; margin-top:7px; font-size:11px; color:#715937 ; margin-right:10px;}
 
  .reg-class a{ background-color:transparent !important; color:#8b9e2a ; float:left}
  
   .reg-class a:hover {color:#5b371f !important}
   
   .reg-class a:focus{ color:#715937}
   
    .user-list { margin-right:103px;}
    
    .login a { margin-left:5px;}
     .login input , .login i{ float:right !important}
   
   .contact-form.register li a span{ width:auto !important}

   .contact-form.register li a span{ width:auto !important}
   
   .contact-form.register li span{ line-height:25px;}
   
   
  .ms-dtinput a{ background-color:transparent !important ; }




.news-images { margin-top:25px;  width:100%; padding-top:15px; padding-bottom:15px; float:left;}
.news-images .col-sm-4{ float:right; padding-right:0 !important ; margin-bottom:20px;} 	 
.topic-name{  margin-bottom:10px; color:#a2b830; width:100%; float:left ;  margin-top:15px;}
.topic-name h3{ color:#a2b830 ; font-size:15px;}
	
.project-item { min-height:230px !important; }

.adminLink a{ padding:3px 15px;}

.error-message  span:nth-child(3) { margin-right:111px;}


.style-top-bar .info_above_menu #s_top, .style-top-bar .info_above_menu #s_top:focus , .style-top-bar .info_above_menu #s_top:hover{ color:#FFF !important} 


.reg-class a:hover , .reg-class a:focus , .reg-class a:visited { color:#623c27 !important}


.style-top-bar .info_above_menu #s_top::-webkit-input-placeholder  , #searchform_top input::-webkit-input-placeholder{

}

.style-top-bar .info_above_menu #s_top:-moz-placeholder ,  #searchform_top input:-moz-placeholder  { /* Firefox 18- */

}

.style-top-bar .info_above_menu #s_top::-moz-placeholder ,  #searchform_top input::-moz-placeholder {  /* Firefox 19+ */

}

.style-top-bar .info_above_menu #s_top:-ms-input-placeholder ,  #searchform_top input:-ms-input-placeholder {  
 
}


.banner-more , .banner-more:visited { background-color:#a2b830 ;  padding:5px 17px; font-size:12px; border-radius:5px; color:#FFF ; text-shadow:none !important;  }

.banner-more:hover , .banner-more:visited { background-color:#603e25; color:#FFF !important ; text-decoration:none}


.news-all span{ border-bottom:none}

.file-download{ width:100%; float:left; margin-top:25px;}

.news-all p span , .news-all p strong{ color:#606577!important }


.pols-lines li { padding-bottom:5px;}

.pols-lines h3 a{ color:#715937; font-size:15px; font-weight:bold; text-decoration:underline}

.pols-lines h3 a:hover{ color:#a2b830; text-decoration:none}

.news-images img{ height:150px; float:left}

.pols-lines i {color:#a2b830; padding-left:5px; float:right ; padding-top:5px;}
.pols-lines span{ width:95px; float:right; font-weight:bold ; color:#a2b830;}
.pols-lines strong{ font-weight:normal}

.label-inner i{ color:#a2b830; float:right; padding-top:5px; padding-left:5px; font-size:16px;}
.label-inner  a{color:#715937; text-decoration:underline}

.label-inner  a:hover{ color:#a2b830 ; text-decoration: none}


.partner-more {
	margin-top:20px; float:right;
}
.partner-name { font-size:16px; direction:rtl; margin-bottom:20px; float:right;  color:#715937 ; padding-right:15px; font-weight:bold; }

.partner-more input { background-color:#a2b830 ; color:#FFF; border:none; border-radius:5px; padding:3px 15px; font-family:'Droid Arabic Kufi' !important; margin-right:0}
.partner-more input:hover{ background-color:#715937;}

.votes-list  span:first-of-type{ width:100px; color:#a2b830; font-weight:bold; float:right ;}

.votes-title span{ color:#715937 !important; font-weight:bold;}
.votes-title { float:right; width:100%; margin-bottom:20px;}



.polls-chart img{  margin-top: -20px;
    margin-right: -25px;}
    
.polls-details { margin-top:55px;}

.polls-chart , .polls-details {float:right !important}

.polls-details li { width:100%; float:right}
.article .related-links { border:none !important}

.nav-detail .fa{ padding-top:5px;}

.news-images .item:first-of-type { padding-right:0px;}



.map-checkbox { width:100%; float:right;}
.map-checkbox li{ width:100%; padding-left:25px; float:right; padding-top:13px ; padding-bottom:8px; border-top:1px solid #FFF; border-bottom:1px solid #CCC;  background-color:#f9f9f9}

.map-checkbox li:hover{ background-color:#f2f2f2}

.typ1 , .typ2 , .typ3 , .typ4 , .typ5 , .typ6 { padding-left:5px; padding-right:5px; font-size:22px !important; float:right} 

.typ1 { color:#00b5a6}
.typ2 { color:#ebb600}
.typ3 { color:#d10f00}
.typ4 {color:#8d8d8d}
.typ5 { color:#ff6c00}
.typ6 { color:#92ac00}

.type7  {color:#0075c0 ; font-size:19px; padding-left:5px; padding-right:5px;}
.type8 { color:#00c17f ; font-size:20px; padding-left:5px; padding-right:5px;}
.type9 { color:#c1b600 ; font-size:17px; padding-left:5px; padding-right:5px;}


.map-checkbox input[type="checkbox"] { padding-right:5px; float:right; margin-top:8px;}
.map-checkbox label{ margin-top:3px; float:right; margin-left:7px;}

.map-checkbox li:last-child { border-bottom:none !important}


.contact-detail-form  .error-message  { display:none}

p.Paragraph , span.NormalTextRun{  font-family:Calibri !important ;}

p.Paragraph { width:100%; text-align:justify}

span.NormalTextRun {width:100% }

.map-checkbox table{ width:100%; float:right}
.map-checkbox table tr{  width:100%; float:right; border-top:1px solid #FFF; border-bottom:1px solid #CCC;  background-color:#f9f9f9}
.map-checkbox table tr td{ padding:7px 20px;}
.map-checkbox table tr:hover{ background-color:#f2f2f2}
.map-form input[type="submit"] { float:right;     font-family: 'Droid Arabic Kufi' !important; font-size:13px; margin:10px 20px; background-color:#a2b830; border-radius:5px; padding:3px 15px; border:none; color:#FFF}
.map-form input[type="submit"]:hover{ background-color:#715937}
.search-box-in select{ padding-right:10px; width:100%}

.map-form {background-color:#f2f2f2; border:1px solid #ccc; padding:0px; float:right }
.search-map { width:100%; float:left; padding:15px; border-bottom:1px solid #CCC}
.map-checkbox  span{ float:left;}

.table-responsive .search-box-in li { width:auto !important}

.label-inner-1 .event-a { width: 70%  !important}

.link-icon { width:100% ; float:right}
.link-icon li{ width:100%; float:right; background-image:url('../images/logo-icon.jpg'); 
background-position:right; background-repeat:no-repeat; padding-right:24px; margin-right:20px;
}

.link-icon li a{ width:100%; text-align:right; font-size:15px; color:#8b9e2a; text-decoration:underline;}

.link-icon li a:hover{ color:#715937}

.name-error { width:200px; float:right; font-style:normal; ; padding-right:3px;}

.reg-message { color:#8b9e2a}


.video-style { width: 100%;  float: left;  margin-bottom: 15px; border: 1px solid #CCC; border-radius: 5px;background: transparent url('video-image.jpg') 50% 50% / cover no-repeat ; height:250px; }

.video-item {width: 100%; float: left ;}

.video-name {width: 100%; float: left ;}

.navigation { width:100%; float:left ; margin-bottom:30px; padding-right:15px;}

.project-item .title{ color:#8b9e2a}


.dataPager a{color:#8b9e2a}

.dataPager span{ float:none !important}

.inner-text span , .news-all span{background-color: transparent !important;}

.tp-banner-container { display:none}

.panel-collapse {float:right ; width:100%}

.ms-menu-althov.ms-welcome-root{ display:none}



.btn-export input{
	 background-color:transparent; float:right; font-size:13px; border:none; color:#8b9e2a; text-decoration:underline;  padding-left:10px !important; padding-right:0px !important

}

.btn-export span input{
	min-width:35px !important;}


.btn-export i{
	    color: #93b747;
	    padding-top:12px;
	    
	    font-size:16px;

    float: right;
    margin-left: 7px;}

.btn-export input:hover{ color:#715937; text-decoration:none;
	
}



.btn-export input:hover , .btn-export input:focus{ background-color:transparent; border:none;

	
}

.btn-export{
	margin-bottom:25px; width:100%; float:left ; margin-top:20px;
}

.reports table{ float:right; width:45%}

.btn-export span{ border-bottom:none !important}


.news-all .data-state h3 , .news-all .data-state p{ width:100%; float:left}

.news-all .data-state h3 { font-weight:bold}

.ms-webpart-zone , .ms-webpart-cell-vertical , .ms-webpart-chrome-vertical { display:block !important}

.news-all ul{ margin-right:15px;}

.news-all .container{ padding-left:0 ; padding-right:0; width:100%}

.contact-detail-form { padding-right:0 !important}

.news-all .link-icon { margin-right:0 !important}


.search-map ul{ margin-right:0 !important}

h2 { background-color: transparent !important}

.table-document th:nth-of-type(2){ width:37%}
.inner-txt ul{ margin-right:0 !important} 

.up-content { width:100% ; float:right; margin-bottom:25px; text-align:justify}

.contact-form.register .partener-input input , .contact-form.register .partener-input textarea , .contact-form.register .partener-input select{ width:63% !important}

.partener-input select { height:35px !important;}


.success-stories ul li a{  color:#a2b830}

.success-stories ul li a:hover{  color:#715937}

.success-stories ul li a{  color:#a2b830; font-size:14px;}


.success-stories i{ color:#715937; float:right; padding-left:10px; font-size:20px;}

.inner-text h2{ color:#a2b830  !important}

.contact-form.register em{ width:110px; float:right ; font-weight:bold ; color:#a2b830 ; font-style:normal; text-align:right}

.pager-line span{ border-bottom:none !important}

#loginUpdateProgress { padding-right:350px; float:right; width:100%}

figcaption a{ white-space:nowrap; width:100% ; float:right; overflow:hidden; margin-top:0!important; padding-top:0 !important ; padding-bottom:0 !important ; text-align:right; }


.partner-name .fa{ float:right; padding-left:10px; font-size:20px; }

.stories-img .col-md-3 { padding-right:0 !important}

.file-upload a{ float:right ; padding-left:10px;}

.file-upload  { padding-bottom:25px;}


#AdvancedLink{
float:left;
	 color:#FFF !important; width:auto;    padding: 8px 15px 9px; float:left;
    background-color: #a2b830;
    border: 1px solid #d2d2d2;
    
}



div#Refinement {
	 padding-left:15px
}

.ms-ref-refiner #Value {
	     padding: 4px 20px 0 0 !important; 
    width: auto !important;
    float: left !important;
}

.ms-ref-refiner #Value a , .ms-ref-name{
	 color:#8b9e2a   !important ; text-decoration:underline;
}

.ms-ref-refiner #Value a:hover{
	 color:#5f3b23 !important
}









/* search */

#UpScopeLinkTop span.ms-core-menu-button , #UpScopeLinkBottom span.ms-core-menu-button{ background-color:#f2f2f2; color:#522e16; padding:3px 15px;  border:1px solid #d9d6d1; margin-right:10px;}

.ms-srch-item:hover{ background-color:#f1f1f1 !important ;}

#SortbySel , #LangSel{ background-color:#f2f2f2;  padding:5px 15px;  border:1px solid #d9d6d1; }

.ms-srch-item-link { color:#a2b830}
.ms-srch-item-link:hover , .ms-srch-item-link:visited { color:#522e16}

.ms-srch-item-path { color:#6d6461} 

#ResultCount { text-align:right}

#UpScopeLinkTop , #UpScopeLinkBottom{color:#522e16; font-weight:bold ; margin-right:0 !important}

#ResultFooter li, #ResultFooter { float:right !important; }


#ResultFooter  #Advanced a , #ResultFooter  #Advanced a:visited{ color:#FFF !important; }


.ms-srch-sbLarge{
	 border:1px solid #d2d2d2 !important
}


.ms-srch-item-title {
	float:right;
}

.ms-srch-ellipsis {
	margin-top:0 !important; 
}

.ms-srch-item-icon {
	 padding-right:10px !important;
	 margin-top:5px !important; 
}

.ms-srch-pagingPrev , .ms-srch-pagingPrev:hover , .ms-promlink-button-enabled:hover .ms-srch-pagingPrev {
	
	position: absolute;
    left: -52px;
    top: -79px;
	
}

.ms-srch-result {
	 float:right
}

.ms-srch-resultscount{ float:right; width:100%}

.ms-srch-result #ResultFooter li{
	 float:right; width:100%
}


.ms-srch-resultFooter, .ms-srch-resultFooter a {
	 text-align:right!important; float:right
}

.ms-srch-result #ResultFooter li{
	 padding:0 0 !important;
}


.ms-srch-result #Paging li{
	 float:right;
}

.ms-srch-result #Paging , #ResultCount  {
	 width:100% ; float:right
}

.ms-srch-result #Paging{
	 margin:0 10px 30px !important
}

#SelfLink_1 {
	 color:#a2b830 !important;
	 
		 
	 
}

.ms-promlink-button {
	 margin-right:5px; 
	 width: 18px;
    height: 18px;
    margin-top:2px;
}


.ms-srch-item-summary {
	 text-align:justify ; padding-left:50px ; padding-bottom:15px; float:right
}

.ms-srch-item-body {
	 padding:15px;
}


.ms-srch-resultFooter {
	 padding-right:20px;
}


.ms-srch-pagingNext {
	
 position: absolute;
    left: -110px;
    top: -4px;}


.ms-promlink-button-enabled:hover .ms-srch-pagingNext {
    left: -80px;
    top: -78px; } 
    
    
    .ms-srch-sbLarge-link {
    margin-left: 500px;
  }
    
        .ms-srch-sbLarge-link a:hover{ background-color:#522e16
	
}
    

  .ms-srch-sbLarge-link a , #AdvancedLink{
	 color:#FFF !important; width:auto;    padding: 8px 15px 9px; float:right;
    background-color: #a2b830;
    border: 1px solid #d2d2d2;
    
}

 .ms-srch-sbLarge-link a:hover{
	 text-decoration:none;
}

#UpScopeLinkTop {
	 margin-top:20px;
}


.ms-srch-result-groups {
	 margin-bottom:25px !important;
}


/*search*/





.srch-advancedtable { width:100%;}

h3.ms-advsearch-header { float:right; padding-right:20px; color:#a2b830; margin-bottom:25px; }

.ms-advsrchText-v1 { width:170px;}

.ms-advsrchText-v1 label { float:right ; padding-right:20px; font-size:12px;}

.ms-advsrchText-v2  input{ height:35px ; border:1px solid #CCC ; border-radius:5px; padding:5px 15px }

.ms-advsrchbutton input[type="submit"] { float:right; font-family:'Droid Arabic Kufi' !important; margin-right:0 !important; margin-top:20px; height:30px; background-color:#a2b830; border:none; border-radius:5px; float:right ; color:#FFF}
.ms-advsrchbutton input[type="submit"]:hover{ background-color:#5f3b25}

.ms-advsrchtips span{ padding-right:20px; margin-bottom:25px; float:right}

.ms-alignCenter { text-align:right !important}

.ms-srch-item-preview , .ms-srch-item-previewContainer {float:right !important}



.icon1{ background-image:url('../images/1.jpg') ; background-repeat:no-repeat ; padding-right:20px; background-position:right}

.icon2{ background-image:url('../images/2.jpg') ; background-repeat:no-repeat ; padding-right:20px; background-position:right}

.icon3{ background-image:url('../images/3.jpg') ; background-repeat:no-repeat ; padding-right:20px;  background-position:right}

.icon4{ background-image:url('../images/4.jpg') ; background-repeat:no-repeat ; padding-right:20px; background-position:right}

.contact-form.register table{ width:50%}


.news-all ul { margin-right:15px;}

.career-result img{ width:250px;}

.inner-contain .search-box-in { margin-bottom:20px;}

.table-document input[type="submit"] { background-color:#a2b830 !important ;  border-radius:5px; color:#FFF !important; border:none; width:auto}

.table-document input[type="submit"]:hover{ background-color: #715937 !important}

.img-inner  { display:none}


#grid iframe { width:100%}

#grid .fa { padding-top:10px; padding-right:10px;}

#grid  video { width:100%}


#s4-workspace {
    width: 100% !important;
}


#stcpDiv { left:0 !important}

.related-link a:visited , .related-link a:focus { color:#a2b830 !important}

.games { width:100%; height:641px}

.table-document span{ padding-bottom:0 !important}

.partner-submit { width:100% ; float:right ; margin-top:10px;}

.partner-submit input[type='submit'] { float:right}

.report-list , .report-list h3 , .report-list span { width:100%; float:right}

 .report-list h3  { font-size:24px; background-image:url('../images/logo-icon.jpg') ; 
background-repeat:no-repeat; padding-right:27px;
  background-position:right bottom; 
}

 .report-list , .success-stories {    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: 1px dotted #ccc;
    float: right;
    width: 98.5%;}

  
   .report-list h3 a{ color:#715937; text-decoration:underline}
   .report-list { color:#8b9e2a !important ; font-weight:bold}



.success-stories a{ color:#a2b830 ; font-weight:bold ; font-size:16px; font-weight:bold; text-decoration:underline}
.success-stories a:hover{ color:#715937;}

.success-stories .col-sm-3 ,  .success-stories .col-sm-9 {
	 float:right !important
}


.tp-simpleresponsive >ul >li{ cursor: pointer !important
}

.report-list h3 a{ font-size: 15px;
    font-weight: bold;
	
}

.sub-sub-menu a {
    background-color: #332818;
}

/*sharepointadmin*/

.ms-formfieldvaluecontainer {
	 float:right !important; height:auto  !important;
}


div.ms-formfieldlabelcontainer span.ms-formfieldlabel {
	 border:none !important; height:auto !important;
}


.ms-SPButton.ms-WPAddButton {
	 height:70px !important;
}

#s4-workspace {
	 height:100% !important;
}

.ms-webpart-zone .ms-webpartzone-cell {
	 height:auto !important;
}



/*sharepointadmin end*/

.votes-list.polls-details  {
	  margin-right:0 !important;
}



.table-document th:nth-of-type(2)  { width:20%
	 
}


.date-color {
	 color: #8b9e2a; font-weight:bold;
}



.pols-lines h3{
	 width:100% ; float:right; margin-top:25px; margin-bottom:25px; text-align:right; 
}


.pageStatusBar {
	 display:none;
}



.mapInfoWindow img {
    float: right;
    width: 150px;
    height: 150px;
    margin-left: 15px;
}

.mapInfoWindow div
{              float: left;


    width: 96%;
    font-family: verdana, "Droid Arabic Kufi" !important;
}

.job-filter span{
	 width:70% !important; color:#333; font-weight:normal; font-size:13px;
}


.invest-line {
	 width:100%; float:right; margin-top:25px; color:#8b9e2a ; 
}


.ms-comm-postMainContainer {
	 width:100%; float:right;
}


.ms-comm-postReplyButtonContainer , .ms-comm-postReplyContainer , .ms-comm-postReplyContainer span {
	 width:100%; float:right
}


.partner-more  input[type=submit][disabled]
{
	    background-color: #d2d2d2 !important;
    background-color: #d2d2d2 !important;
    color: #f9f9f9 !important;
}

.fa-mobile-phone:before, .fa-mobile:before { font-size:26px !important; margin-top:-5px; float:right;
	
}


.pic-marg { margin-top:30px; float:right
	
}


.post-thumbnail .folder img { width:50% !important ; padding-left:0 !important ; padding-right:0 !important;
	
}


/*responsive*/

@media (max-width:767px) { .form.vote

{ width:100%; float:right; margin-top:20px;}

 }



@media (max-width:768px) {

.tender-pad p {
	 height:105px !important;
}

.report-list h3 {
	 background-position:right top !important
}



.nav-detail li {
font-size:12px;
	
}

.event-in .pic-txt {
	 padding-left:0 !important
}


.event, .awareness, .data {
	 float:none !important; 
}


.news-in img{
	 height:150px !important;
}

.games {
    width: 100%;
    height: 406px !important;
}


#grid iframe { width:100%}



.panel-title em {font-size:11px;}


.map-form { margin-bottom:20px;}

.banner-more { font-size:10px !important ; padding:5px  !important ;}



.ms-webpart-chrome-vertical , .ms-webpart-cell-vertical , .ms-webpart-zone , .ms-table, .tableCol-75 , .tableCol-50{
	display:block !important;
}


.footer .Powred {
	float:right !important
}

}


@media (max-width:1200px) { 



.tender-pad p {
    height: 135px !important;
}

.login ul{ margin-right:132px !important}

.error-message  { margin-right:137px !important}



.news .news-in {background-position: 45px 20px; }

.date span {
	font-size:10px; padding-top:10px; padding-bottom:10px;
}

.pic-txt h2{ width:100%; white-space:nowrap; overflow:hidden ; height:20px; font-size:13px;
	
}

.date {
	font-size:26px;
}

	
}

@media (max-width:991px) 

{
.login ul , .error-message { margin-right:0 !important}

.second-content { height:auto}

}



@media (max-width:990px) 

{


.tender-pad p{
	 height:175px !important;
}


.games {
    
    height: 406px !important;
}



.banner-more { font-size:11px ; padding:5px 14px;}

.news .news-in {  background-image:url('../images/news-bg-990.jpg');    
background-position: 100px 50px; }	

.head-txt p {
	height:120px; overflow:hidden
}

.date {
	font-size:20px;
}

.date span {
	font-size:9px; padding-top:10px; padding-bottom:10px;
}




}




@media (max-width:767px) 

{
	.news .news-in {  background-image:url('news-bg-768.jpg');    
background-position: 80px 60px; }	
	
	
	.head-txt p {
	height:60px; overflow:hidden
}


.date span {
	font-size:14px; padding-top:10px; padding-bottom:10px;
}


	
}



@media (max-width:736px) 

{
	.news .news-in {  background-image:url('../images/news-bg-6-768.jpg');    
background-position: 100px 62px; }	
	
	
	.head-txt p {
	height:60px; overflow:hidden
}


.date span {
	font-size:14px; padding-top:10px; padding-bottom:10px;
}


	
}



@media (max-width:700px) { 	.news .news-in {  background-image:url('../images/news-bg-700.jpg');    
background-position: 90px 62px; }	

	
}



@media (max-width:670px) { 	.news .news-in {  background-image:url('../images/news-bg-700.jpg');    
background-position: 70px 62px; }	

	
}



@media (max-width:630px) { 	.news .news-in {  background-image:url('../images/news-bg-630.jpg');    
background-position: 90px 62px; }	

	
}


@media (max-width:590px) { 	.news .news-in {  background-image:url('../images/news-bg-630.jpg');    
background-position:60px 62px; }	

	
}


@media (max-width:560px) { 	.news .news-in {  background-image:url('../images/news-bg-630.jpg');    
background-position:30px 62px; }

.head-txt p{ height:50px;}	

	
}


@media (max-width:520px) { 	.news .news-in {  background-image:url('news-bg-630.jpg');    
background-position:-10px 62px; }	

	
}



@media (max-width:480px) {

.contact-form.register li label {
	 width:90%
}


.table-responsive { overflow:scroll !important
	
}


.tp-leftarrow , .tp-rightarrow{ display:none;
	
}


.header-wrapper .login {
	 float:none !important;
}




.contact-form.register table {
	 width:100%; 
}


.contact-form.register em {
	 margin-bottom:10px !important;
}


.success-stories a { margin-top:25px !important;
	 
}

.announcement a {
	margin-top:30px !important;
}


.games {
    width: 100%;
    height: 236px !important;
}

#grid iframe { width:100%}


.contact-form li textarea { width:100% !important}

.ms-srch-sbLarge>input { width:250px;}


.ms-srch-item-summary , .ms-srch-item-path { padding-left:230px !important; }

.inner-text, .inner-txt, .inner-pic { float:none !important}

.data { float:none !important}

.contact-form.register li input ,  .contact-form.register li select  { width:100% !important; }

.search-box-in input, .search-box-in select{ width:120px;}
.banner-more { font-size:8px !important ; padding:2px !important; }

.news .news-in { background-image:none; margin-bottom:30px; }

.date span {
	font-size:10px; padding-top:10px; padding-bottom:10px;
}
	

	
}


@media (max-width:332px) { .offcanvas-container {width:100%; float:right} }	

	



@media (max-width:300px){

.form, .related-link, .vote { float:none

	
}


	
}


/** 26-11-2015 **/
.ms-core-suiteLinkList{
	display:none;
}





@media (max-width:517px){

.info_above_menu .col-lg-6  , .login-register{
	width:100%;
}



.login-register li:nth-child(2) {
	 float:right
}



.socialdiv {
	 float:left !important
}



.info_above_menu .col-lg-6  ,  .info_above_menu .col-sm-6 {
	 padding-left:0; padding-right:0;
}

.fullwidth_container.style-top-bar
{ height: 88px !important;}


.socialdiv {
	 float:left; margin-right:53px;
}

.info_above_menu .col-lg-6  { border-bottom: 1px solid #857053 ; float:right;

	
}

.info_above_menu .col-sm-6 {float:right}


 a.next:hover, #back-to-top a:hover, .info_above_menu #s_top:focus {
	 width:234px;
}



	
}



a[id*="_hoverFollow"], a[id*="_hoverSend"] { display: none !important; }


.invest
{
	float:none !important;
}
/*ar*/


.library-box span {
	 color:#a2b830 ; margin-left:35%; margin-top:15%; font-size:80px; margin-bottom:15%
}


.library-box { width:100%; float:left; border:1px solid #f2f2f2
}


.library-box {
	 height:160px;
}


.library-box .file-size {
	 font-size:70px;
}