.navbar-right {
float: right;
}
.add-image-left
{
	position: absolute;
	left: -130px;
	
}
.add-image-right
{
	position: absolute;
	right: -130px;
	
}
body{color:#858585; direction:rtl;}
/*a, a:hover, a:active{color: #000;}*/
img{max-width:100%}
.cntr{text-align:center;}
.ourServices {padding:40px 0}
.ourServices img{max-width:140px}
.title{ border-bottom:1px solid #eee; padding-bottom:4px; margin-bottom:20px;}
/*.topHeaderSection{background:#14445b; padding:0}*/
#crt
{
	margin-right: 30px;
}
.icon-edit1
{
	
	background-color: #fff;
}
.icon-edit
{
	background: url(../img/check.png) no-repeat transparent 0;
	background-color: #fff;
}
  .header {
	z-index: 1000;
	padding: 0;
	position:relative;
	display:block;
	background:#405e94;
}
.is-sticky {
	width: 100%;
	background-color:#162c54;
	position:fixed;
	top:0;
	}
.logo
{
	width: 195px;
	height: 40px;
	display: block;
	float: right;
	margin-left:7px;
	top:-45px;
	position:relative;
	/*background:url(../img/logo.png) no-repeat; margin-top:-40px; height: 73px;*/
	-webkit-transition-property: width;
	-moz-transition-property: width;
	-o-transition-property: width;
	transition-property: width;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.logo1 {
			width: 100px;
			height: 40px;
			display: block;
			float: right;
			margin-left: 0px;
			position:relative;
			-webkit-transition-property: width;
			-moz-transition-property: width;
			-o-transition-property: width;
			transition-property: width;
			-webkit-transition-duration: 0.3s;
			-moz-transition-duration: 0.3s;
			-o-transition-duration: 0.3s;
			transition-duration: 0.3s;
			}


.rss{padding:10px;}
.fb{padding:10px;}
.tw{padding:10px;}
.pluse{padding:10px;}
.rss :hover{background:orange;padding:10px;}
.fb:hover{background:rgba(0, 0, 255, 0);padding:10px;}
.tw:hover{background:light-blue;padding:10px;}
.pluse:hover{background:red;padding:10px;}
/* --------------------------- */
/* --------------------------- */
/*Top Bar (login, search etc.)
------------------------------------*/
.top {
    background-color: #162c54;
	z-index:9999;
}

.social-icons li a{width:42px;display:block;float:left;height:45px;background:url(../img/icons.png) no-repeat;}
.social-icons li a.ico-linkedin{background-position:-44px top;}
.social-icons li a.ico-twitter{background-position:-88px top;}
.social-icons li a.ico-facebook{background-position:-131px top;width:42px;}
.social-icons li a.ico-google{background-position:-173px top;width:45px;}
.social-icons li a.ico-rss{background-position:-218px top;width:45px;}
.social-icons li a.ico-linkedin:hover{background-position:-44px bottom;}
.social-icons li a.ico-twitter:hover{background-position:-88px bottom;}
.social-icons li a.ico-facebook:hover{background-position:-131px bottom;}
.social-icons li a.ico-google:hover{background-position:-173px bottom;}
.social-icons li a.ico-rss:hover{background-position:-218px bottom;}
.social-icons li:hover{background-color:#162c54; height:45px;}
.social-icons li:first-child a{height: 40px;}
.social-icons .search-form{background:#162c54;position:absolute;left:0;top:45px;height:47px;padding:3px 8px;font-size:0.8em;line-height:0;margin:0;width:auto;}
.social-icons .search-form input{border:0;height:30px;padding:10px 10px 10px 30px;
font: 1.9em DroidArabicKufi;
width:250px;}
.search{position:absolute;left:-41px;}
.search1{
		background: #162c54;
		position:fixed;
		height: 47px;
		padding: 0px;
		font-size: 0.8em;
		line-height: 0;
		margin: 0px;
		width:auto;
		}
.search1 ul li > .search-form{background:#162c54;position: initial;bottom:-32px;height:44px;padding:4px;font-size:0.8em;line-height:0;margin-top:-5px;width:272px; position:absolute;}
.ir.search-form{display:none;}
.ir.search-form:hover{display:block;}

.top_header1
{
	position:fixed;height:50px;	
}

.phone-mail {
    margin:0 6px 0 0;
    padding:0;
    z-index:9999;
    list-style:none;
    position:relative;
    float: left;
    left:39px;
}
.phone-mail li ul {
display:none; 
}

.phone-mail li:focus ul,
.phone-mail li:hover ul { 
	display:block; 
}
.phone-mail li {
    display:inline;
    list-style:none;
  /*  padding-bottom:15px;*/
    margin-right: 5px;
}

.phone-mail i {
    font-size:11px;
    margin-top:3px;
    margin-right: 3px;
    color:#fff;
}
.phone-mail li span {
    color:#7c8082;
    font-size:11px;
    font-family: 'Roboto', sans-serif;
}

#caret-style
{
	margin-right:5px;
}

.loginbar {
	margin:0px;
	z-index:9999;
	list-style:none;
	position:relative;
    float: right;
    left:0;
    right:220px;
    height:45px;
    width:130px;
}
 .news1
 {
	margin:0px;
	z-index:9999;
	list-style:none;
	position:relative;
    float:left;
    left:10px;
    height:45px;
    color:#fff;
 }

.whather {
	margin:0;
	padding-top:11px;
	z-index:9999;
	list-style:none;
	position:relative;
    float:left;
    left:12px;
    height:45px;
	width:490px;
	/*width:355px;
	left:109px;*/
  
}

.panel-body ul li 
{
	border-top:1px solid #fff;
	padding:6px 0 3px 0 ;
}
.media-body
	{
		color:#000;
	}
.media-body1
	{
		color:#fff;
	}
.media-body-col8{
	color:#000;
	min-height:225px;
}
.panel-heading h4
{
	padding-right:10px;
}
.panel-top
{
	border-top:4px solid #14445b;
}

@media (max-width: 480px) {
    .loginbar {
        float: left;
    }
}


.loginbar li {
	display:block;
	list-style:none;
	height:43px;
	
	}
.loginbar li:hover {
	display:block;
	list-style:none;
	background:orange;
	}
.loginbar li a
{
	color:#fff;
	font-size:16px;
	padding:7px;
	width:130px;
	display:block;
	text-decoration:none;
}
.loginbar li a:hover {
	color:#fff;
	font-size:16px;
	padding:7px;
	text-decoration:none;
   }

/*Lenguages*/
.loginbar li ul { 
	display:none;
	position:absolute; 
	right: -12px;
	list-style:none;
	top:31px;
	padding:12px;
	width:116px;
	
}

.loginbar li:hover ul { 
	display:block; 
}
.loginbar li ul form input[type="text"] { 
height:30px
}
.loginbar li ul form
{
	margin-top:-20px;
}
.loginbar li ul li a
{
	color:#000 !important;
}
.loginbar li ul li{ 
	
	display:block;
	font-size:16px;
	background:#e6e6e6;
	text-decoration:none;
	width:130px;
	
}

.loginbar li ul li a:hover{ 
	color:#fff !important;
	display:block;
	font-size:16px;
	background:red;
		height:42px;
}


.loginbar li ul li.active i {
	top:2px;
	right:-5px;
	font-size:14px;
	cursor:default;
	position:absolute;
	text-shadow:0 1px 0 #e9e9e9;
}

.loginbar i.icon-globe {
	color:#bbb;
	font-size:13px;
	margin:3px 3px 0 0;
}

.loginbar li i.icon-sort-up {
	top:21px; 
	left:-1px;
	color:#eee;
	display:none;
	font-size:14px;
	cursor:default;
	position:absolute;
}

.loginbar li:hover i.icon-sort-up {
	display:block;
}

.loginbar li:hover i.icon-ok {
	top:-2px;
	color:#aaa;
}

.whather li {
	display:block;
	list-style:none;
	}
.span1
{
	float:left;
	padding: 14px 25px;
	position: absolute;
	left: 15px;
	top: 0;
}
.span2
{
	float:right;
	width:516px;
}
.whather li:hover {
	display:block;
	list-style:none;
	}
.whather li a
{
	color:#fff;
	font-size:16px;
	width:150px;
	
}

.whather li a:hover {
	color:#fff;
	font-size:16px;
	width:150px;
	text-decoration:none;
   }

/*Lenguages*/
.whather li ul { 
	display:none;
	position:absolute; 
	left:15px;
	list-style:none;
	top:46px;
	width:100%;
}
.whather li ul form input[type="text"] { 
height:29px;
border:none;
padding:8px 10px 5px 30px;
font: 0.9em DroidArabicKufi;
width:250px;
margin-top: 0px;
}
.whather li ul form
{
	margin-top:00px;
	padding:0px;
}
.whather li:hover ul { 
	display:block; 
}

.whather li ul li { 
	padding:0;
	display:list-item;
	position: absolute;
	left:0;
	}

.whather li ul li{ 
	color:#555;
	display:block;
	font-size:16px;
	padding:8px;
	background:#162c54;
	text-decoration:none;
	margin:0;
}
.hstyle
{
	font: bold 1em DroidArabicKufi;
	padding: 0px 23px;
	color:#000;
	font-size:18px;
}
.vid
{
	font: bold 1em DroidArabicKufi;
	color: white;
	padding: 0px 10px 10px opx;
	font-size:18px;
	position:relative;
	z-index:999;
}

.olstyle
{
	padding-right:40px;
	margin-bottom:0;
        background-color: #fff;
		font: bold 1.1em DroidArabicKufi !important;
}
/* --------------------------- */
/* --------------------------- */
.bannerSection{background:#e5e5e5; padding:0}
.highlightSection{color:#333; background:#fafafa; padding:18px 0 0px;}
.highlightSection h2{padding-top:0; margin-top:0; font-size:21px}
.highlightSection h4{padding:7px; margin-top:0;margin-bottom:0; line-height:1.6em; font-size:18px}
.bodySection{background:#fff; padding:18px 0}
.align-right{text-align:right}

.testimonails{background:#2c3033;; padding:14px; margin:18px 0 18px }
.projectList{color:#000;}
.projectList img{padding:4px; border:1px solid #eee; background:#f5f5f5;}
.projectList ul a {color:#0c8cb1;}
.projectList ul a :hover{color:orange;}
.hover-effect-link{color:#fff;}
.hover-effect-link :hover{color:orange;}

.projectImg{max-width:140px}
.clientSection{background:#fafafa; padding:18px 0;}
.footerTopSection{background:#4d5154; padding:18px 0; border-bottom: 1px solid #f8f8f8;}
.footerBottomSection{background:#4d5154; padding:18px 0; color:#fff;}

#topcontrol:hover {color: #a2c753;}
#topcontrol, #topcontrol:hover {
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.blockquote {border-left: 5px solid #FF792D;}
/* Toggle menu */
.navbar-collapse {z-index: 9999;margin-top:47px;}
.navbar-toggle {border-radius: 0;outline:0;}
.navbar-toggle span {border-color: #fffff;background: #ffffff;}
.nav>li>a:hover, .nav>li>a:focus {text-decoration: none;}
.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {background-color: #162c54; border-color: #428bca;}
.navbar-nav>li>a 
{
    padding-top:14px;padding-bottom:12px;color: #fff; font:bold 1em DroidArabicKufi;


}
.navbar-nav>li.active>a, .navbar-nav>li>a:hover {color: #fff;}

.navbar-nav>li>a:hover{
    background-color:#162c54;
}

.btn-brand{background-color: #ff4800; border-color: #ff4800;color:#fff}
.btn-brand:hover, .btn-brand:focus, .btn-brand:active, .btn-brand.active, .open .dropdown-toggle.btn-brand {color: #fff; background-color: #F07341; border-color: #F07341;}

.serviceBlock{ padding:38px 0; margin:18px 0}

.services {padding:38px 0; margin:18px 0}
.serviceBlock i {
float: left;
padding: 14px;
color: #00B8FF;
font-size: 6em;
text-align: center;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
blockquote {
border-left: 5px solid #ff4800;
}



/* Media Query */

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

.redsearch1{
display:block !important;
padding:0px !important;
}
.redsearch{
display:none !important;
/*display:block !important;*/
background-color:#FF0000;
width:100%;
height:51px;
padding:10px;
}
.mobsol
{
display:block !important;
}
.phone-mail {
	display:none;
    float: left;
    left: 10px !important;
    list-style: none outside none;
   margin:0px;
    padding: 0;
    position: relative;
	width:200px;
    }
	.nav > li {
    border-bottom: 1px solid;
    display: block;
    position: relative;
}


.da-slide .da-img{display:none}
.da-slide h2 {top: 18px;}
.da-slide p {top: 255px;}

.navbar-toggle {margin-top: 0px;
}


 }

#datewise_issue{
    
    font: normal 13px droid_arabic_kufiregular,sans-serif;
    padding-top: 5px;
}

#fig_container{
    padding-top:20px;
    /*padding-top:0px;*/
}

.olstyle li
{
    
padding-top: 10px;
font:bold 0.8em DroidArabicKufi;
/*font-size: 14px;*/
color: #0C8CB1;
font-weight: bold;
}

@media(max-width:320px) and (min-width:240px)
{
.navbar-right {
float: none;
}
.dropdown-menu {
    position: relative;
    top: 100%;
    right: 0;
    z-index: 1000;
    display: none;
    min-width: 120px;
    margin: 2px 0 0;
    font-size: 14px;
    list-style: none;
    background-clip: padding-box;
    color:#fff;
}
.top
	{
		display:none;
	}
#m
{
	display:none;
}
.logo 
	{
		width: 95px ;
		height:40px;
		display: block;
		float: left;
		top:0;
	    position:relative;
		-webkit-transition-property: width;
		-moz-transition-property: width;
		-o-transition-property: width;
		transition-property: width;
		-webkit-transition-duration: 0.3s;
		-moz-transition-duration: 0.3s;
		-o-transition-duration: 0.3s;
		transition-duration: 0.3s;
	}
.logo1
	{
		width: 95px;
		display: block;
		float: right;
		margin-left: 0px;
		position:relative;
		-webkit-transition-property: width;
		-moz-transition-property: width;
		-o-transition-property: width;
		transition-property: width;
		-webkit-transition-duration: 0.3s;
		-moz-transition-duration: 0.3s;
		-o-transition-duration: 0.3s;
		transition-duration: 0.3s;
	}
.add-image-left
{
	display:none;
}
.add-image-right
{
	display:none;
}
}

@media(max-width:480px) and (min-width:320px)
{
.navbar-right {
float: none;
}
.dropdown-menu {
    position: relative;
    top: 100%;
    right: 0;
    z-index: 1000;
    display: none;
    min-width: 120px;
    margin: 2px 0 0;
    font-size: 14px;
    list-style: none;
    background-clip: padding-box;
    color:#fff;
}
.add-image-left
{
	display:none;
}
.add-image-right
{
	display:none;
}
.top
	{
		display:none;
	}
#m
{
	display:none;
}
.logo 
	{
		width: 95px ;
		height:40px;
		display: block;
		float: left;
		top:0;
	    position:relative;
		-webkit-transition-property: width;
		-moz-transition-property: width;
		-o-transition-property: width;
		transition-property: width;
		-webkit-transition-duration: 0.3s;
		-moz-transition-duration: 0.3s;
		-o-transition-duration: 0.3s;
		transition-duration: 0.3s;
	}
.logo1
	{
		width: 95px;
		display: block;
		float: right;
		margin-left: 0px;
		position:relative;
		-webkit-transition-property: width;
		-moz-transition-property: width;
		-o-transition-property: width;
		transition-property: width;
		-webkit-transition-duration: 0.3s;
		-moz-transition-duration: 0.3s;
		-o-transition-duration: 0.3s;
		transition-duration: 0.3s;
	}
}

@media(max-width:570px) and (min-width:480px)
{
.navbar-right {
float: none;
}
.dropdown-menu {
    position: relative;
    top: 100%;
    right: 0;
    z-index: 1000;
    display: none;
    min-width: 120px;
    margin: 2px 0 0;
    font-size: 14px;
    list-style: none;
    background-clip: padding-box;
    color:#fff;
}
.add-image-left
{
	display:none;
}
.add-image-right
{
	display:none;
}
.top
	{
		display:none;
	}

#m
{
	display:none;
}
.logo 
	{
		width: 112px ;
		height:40px;
		display: block;
		top:0;
		float: left;
	    position:relative;
		-webkit-transition-property: width;
		-moz-transition-property: width;
		-o-transition-property: width;
		transition-property: width;
		-webkit-transition-duration: 0.3s;
		-moz-transition-duration: 0.3s;
		-o-transition-duration: 0.3s;
		transition-duration: 0.3s;
	}
.logo1
	{
		width: 112px;
		display: block;
		float: right;
		margin-left: 0px;
		position:relative;
		-webkit-transition-property: width;
		-moz-transition-property: width;
		-o-transition-property: width;
		transition-property: width;
		-webkit-transition-duration: 0.3s;
		-moz-transition-duration: 0.3s;
		-o-transition-duration: 0.3s;
		transition-duration: 0.3s;
	}
}

@media(max-width:768px) and (min-width:570px)
{
.add-image-left
{
	display:none;
}
.add-image-right
{
	display:none;
}
#m
{
	background:#162c54;
	width:750px;
}
.logo 
	{
		width: 195px ;
		height:40px;
		display: block;
		float: left;
	    position:relative;
		-webkit-transition-property: width;
		-moz-transition-property: width;
		-o-transition-property: width;
		transition-property: width;
		-webkit-transition-duration: 0.3s;
		-moz-transition-duration: 0.3s;
		-o-transition-duration: 0.3s;
		transition-duration: 0.3s;
	}
.logo1
	{
		width: 100px;
		display: block;
		float: right;
		margin-left: 0px;
		position:relative;
		-webkit-transition-property: width;
		-moz-transition-property: width;
		-o-transition-property: width;
		transition-property: width;
		-webkit-transition-duration: 0.3s;
		-moz-transition-duration: 0.3s;
		-o-transition-duration: 0.3s;
		transition-duration: 0.3s;
	}
	.navbar-collapse.in
	{
		display:none;
	}
	.navbar-toggle
	{
		display:none;
	}
}

@media(max-width:980px) and (min-width:768px)
{
.add-image-left
{
	display:none;
}
.add-image-right
{
	display:none;
}
.logo 
	{
		width: 195px ;
		height:40px;
		display: block;
		float: left;
	    position:relative;
		-webkit-transition-property: width;
		-moz-transition-property: width;
		-o-transition-property: width;
		transition-property: width;
		-webkit-transition-duration: 0.3s;
		-moz-transition-duration: 0.3s;
		-o-transition-duration: 0.3s;
		transition-duration: 0.3s;
	}
.logo1
	{
		width: 100px;
		display: block;
		float: right;
		margin-left: 0px;
		position:relative;
		-webkit-transition-property: width;
		-moz-transition-property: width;
		-o-transition-property: width;
		transition-property: width;
		-webkit-transition-duration: 0.3s;
		-moz-transition-duration: 0.3s;
		-o-transition-duration: 0.3s;
		transition-duration: 0.3s;
	}
	.navbar-collapse.in
	{
		display:none;
	}
	.navbar-toggle
	{
		display:none;
	}
}

@media(max-width:1024px) and (min-width:980px)
{
.add-image-left
{
	display:none;
}
.add-image-right
{
	display:none;
}
.logo 
	{
		width: 195px ;
		height:40px;
		display: block;
		float: left;
	    position:relative;
		-webkit-transition-property: width;
		-moz-transition-property: width;
		-o-transition-property: width;
		transition-property: width;
		-webkit-transition-duration: 0.3s;
		-moz-transition-duration: 0.3s;
		-o-transition-duration: 0.3s;
		transition-duration: 0.3s;
	}
.logo1
	{
		width: 100px;
		display: block;
		float: right;
		margin-left: 0px;
		position:relative;
		-webkit-transition-property: width;
		-moz-transition-property: width;
		-o-transition-property: width;
		transition-property: width;
		-webkit-transition-duration: 0.3s;
		-moz-transition-duration: 0.3s;
		-o-transition-duration: 0.3s;
		transition-duration: 0.3s;
	}
	.navbar-collapse.in
	{
		display:none;
	}
	.navbar-toggle
	{
		display:none;
	}
}

@media(min-width:1024px)

{
	.navbar-collapse.in
	{
		display:none;
	}
	.navbar-toggle
	{
		display:none;
	}
}
@media(min-width:1300px){


.container {
    /*padding-right: 15px;
    padding-left: 15px;*/
    margin-right: auto;
    margin-left: auto;
	position: relative !important;
	}
	.add-image-left
	{
	display:visible;
	}

	.add-image-right
	{
	display:visible;
	}

}


.navbar-collapse .in
	{
		display:none;
	}