body{
	overflow:hidden;
	margin:0px auto;
	padding:0px;
	transition:all 0.5s;
	border-top:15px solid #023878;
}

@font-face {
	font-family: 'AdobeArabic';
	src: url('../../Assets/Fonts/AArabic.eof?#') format('eot'),
		url('../../Assets/Fonts/AArabic.ttf') format('truetype'),
		url('../../Assets/Fonts/AArabic.woff') format('woff');
}

@font-face {
	font-family: 'BTitrBold';
	src: url('../../Assets/Fonts/BTitrBold.eof?#') format('eot'),
		url('../../Assets/Fonts/BTitrBold.ttf') format('truetype'),
		url('../../Assets/Fonts/BTitrBold.woff') format('woff');
}

*{
	font-family:AdobeArabic, 'Ado1beArabic', Arial;
}

a{
	text-decoration:none;
	font-style:normal;
	color:inherit;
}

.clear{
	clear:both;
	width:0px !important;
	height:0px !important;
	margin:0px !important;
	padding:0px !important;
}

/*** Loading style ***/
#loading{
	position:fixed;
	width:100%;
	height:100%;
	background-color:#ffffff;
	z-index:10;
	color:#000;
	text-align:center;
	font-size:22px;
	font-style:italic;
    animation:test 2s infinite;
    -webkit-animation:test 2s infinite;
    -moz-animation:test 2s infinite;
    -o-animation:test 2s infinite;    
}

@keyframes test{
    0% {color:#fff;}
    50% {color:#000;}
    100% {color:#fff;}    
}

#loading #center{
	position:absolute;
	width:100%;
	height:100px;
	top:50%;
	margin-top:-150px;
}
/******* Ended *******/
#colorL{
	content:"";
	position:absolute;
	height:130px;
	width:50%;
	background-color:#044da3;
	z-index:-1;
	right:0;
}

#innerHeader{
	width:1000px;
	background-color:#25a4d1;
	margin:0px auto;
	height:130px;
	direction:rtl;
}

#innerHeader #logo2{
	margin:10px 10px -10px 0px;
}

#innerHeader #Details{
	text-transform:uppercase;
	margin-right:21px;
	font-size:22px;
	line-height:35px;
	color:#ffffff;
}

#upperTools{
	float:left;
	margin-top:10px;
}

#upperTools #lang{
	float:left;
	margin-right:20px;
}

#upperTools #lang a{
	font-family:Arial, sans-serif;
	padding:3px 5px;
	margin-left:3px;
	border:1px solid #023878;
	color:#023878;
	border-radius:3px;
	transition:all .5s;
}

#upperTools #lang a:hover{
	color:#fff;
	border-color:transparent;
}

#upperTools img{
	margin-right:10px;
	cursor:pointer;
}

#upperTools #search{
	text-align:right;
	float:right;
	height:inherit;
}

#upperTools #search input[type=text]{
	display:none;
	padding:2px;
	border:1px solid #023878;
	background-color:transparent;
	border-radius:2px;
	color:#fff;
	
}

#colorR{
	content:"";
	position:absolute;
	float:left;
	height:130px;
	width:100%;
	background-color:#25a4d1;
	z-index:-2;

}
/******  Nav Started  ******/
#nav{
	direction:rtl;
	list-style-type:none;
	margin:7px 0px 0px 0px;
	padding:0px;
	float:left;
}

#nav li{
	font-size:16px;
	direction:rtl;
	float:right;
	padding:0px 10px;
	transition:all 0.3s;
}

#nav li:hover{
	color:#043778;
	border-bottom:4px solid #feb914;
}

@media only screen and (min-width: 1000px){
	#nav li:hover ul{
		visibility:visible;
		opacity:1;
		margin-top:4px;
	}
}


#nav li ul{
	padding:0px;
	margin-top:-4px;
	list-style-type:none;
	position:absolute;
	width:150px;
	z-index:5;
	opacity:0;
	visibility:hidden;
	transition:all 0.5s;
}

#searchField{ display:none; }

#searchField input[type=text]{
	padding:2px;
	border:1px solid #023878;
	background-color:transparent;
	border-radius:2px;
	color:#fff;
	width:150px;
}

#nav li ul li{
	opacity:0.85;
	width:100%;
	padding:10px 20px;
	background-color:#79a3ad;
}

#nav li #up, #nav li:hover #down{
	display:none;
}

#nav li:hover #up{
	display:inline-block;
}
#nav li ul li:last-child{
	border-top:1px dotted #000;
}

#nav li ul li:hover{
	border:none;
	opacity:1;
	background-color:#ffb915;
	background-image:none;
	color:#023878;
}

/*******  Nav Ended  *******/

#WeAre{
	width:50%;
	height:380px;
	border-top:2px solid #245293;
	background-color:#25a4d1;
	float:right;
}

#WeAre:after, #ScopeOfServices:after, #footer .inner #table div p:before{
	display:block;
	clear:both;
	content:" ";
}

#WeAre .discribtion{
	float:left;
	width:500px;
	color:#ffffff;
	margin-top:50px;
	direction:rtl;
}

#WeAre .discribtion h1{
	font-size:50px;
	font-weight:bold;
	text-transform:uppercase;
	margin:0px;
}

#WeAre .discribtion h6{
	font-size:25px;
	font-weight:100;
	text-transform:uppercase;
	margin:50px 0px;
}

#WeAre .discribtion #btn{
	padding:10px 50px;
	border-radius:6px;
	font-size:25px;
	color:#023878;
	background-color:#ffb915;
	border:1px solid #ffb915;
	transition:all 0.5s;
	cursor:pointer;
}

#WeAre .discribtion #btn:hover{
	background-color:transparent;
	color:#ffffff;
	border-color:#ffffff;
}

/*** External SlideShow CSS Codes would be appear here if were internal ***/
/**************** They're all in the "StyleSlide.css" File ****************/

#ScopeOfServices{
	width:50%;
	height:520px;
	float:right;
}

#ScopeOfServices .discribtion{
	width:500px;
	height:100%;
	float:left;
	text-align:justify;
	direction:rtl;
}

#ScopeOfServices .discribtion h1{
	margin-top:70px;
	font-weight:bold;
	text-transform:uppercase;
	font-size:50px;
	margin-bottom:-20px;
}

#ScopeOfServices .discribtion h6{
	font-weight:bold;
	font-size:20px;
	width:480px;
}

#ScopeOfServices .discribtion p{
	color:#25a4d1;
	font-size:24px;
	width:450px;
	margin:50px 0px 20px 0px;
	text-align:justify;
}

#ScopeOfServices .discribtion i{
	color:#f49718;
	font-size:44px;
}

#ScopeBg{
	height:520px;
	background-image:url('../Images/ScopeBg.jpg');
	background-position:center;
	background-repreat:no-repeat;
	background-size:cover;
	float:right;
	width:50%;
}

#ProductsBg{
	width:50%;
	height:430px;
	float:left;
	background-color:#9fd8ec;
	overflow:hidden;
}

#ProductsBg img{
	height:100%;
	float:right;
}

#Products{
	float:left;
	width:50%;
	height:430px;
}

#Products .inner{
	float:right;
	width:500px;
	background-color:#0385ba;
	height:100%;
	direction:rtl;
}

#Products .inner *{
	transition:all 0.3s;
}

#Products .inner:hover h1 a{
	color:#f49718;
}

#Products .inner h1{
	color:#ffffff;
	font-size:80px;
	font-weight:bold;
	margin:150px 20px 0px 20px;
}

#Products .inner h1 i{
	margin-left:40px;
	font-weight:bold;
}

#Partners{
	float:left;
	width:50%;
	height:430px;
}

#Partners .inner{
	float:right;
	width:500px;
	background-color:#f49718;
	height:100%;
}

#Partners .inner *{
	transition:all 0.3s;
}

#Partners .inner:hover h1 a{
	color:#ffffff;
}

#Partners .inner h1{
	direction:rtl;
	color:#023878;
	font-size:80px;
	font-weight:bold;
	margin:150px 20px 0px 20px;
}

#Partners .inner h1 i{
	margin-left:40px;
}

#PartnersBg{
	float:right;
	width:50%;
	height:330px;
}

#PartnersBg img{
	float:left;
	width:500px;
	height:100%;
}

#gap{
	width:50%;
	float:left;
	background-color:#023878;
	height:100px;
}

#Introduction{
	width:100%;
	background-color:#00609a;
	border-top:30px solid #012c57;
	border-bottom:30px solid #f49718;
}

#Introduction .center{
	width:1000px;
	margin:70px auto 0px auto;
	color:#ffffff;
	font-size:18px;
}

#Introduction .center a *{
	transition:all 0.3s;
}

#Introduction .center a:hover *{
	color:#f49718;
}

#Introduction .center a h1{
	font-size:50px;
	text-align:right;
	direction:rtl;
}

#Introduction .center a h1 i{
	margin-left:10px;
	font-size:30px;
}

#Introduction .center #C1{
	float:right;
	width:50%;
	text-align:justify;
	direction:rtl;
}

#Introduction .center #C1 p{
	text-align:justify;
	font-size:19px;
}

#Introduction .center #C2{
	float:right;
	width:50%;
	text-align:left;
}

#footer{
	width:100%;
	height:285px;
	background-color:#001b36;
}

#footer .inner{
	width:1004px;
	margin:0px auto;
	height:inherit;
}

#footer .inner #table{
	margin:0px auto;
	padding-top:30px;
}

#footer .inner #table div{
	height:215px;
	width:229px;
	padding:0px 10px;
	border-right:1px dotted #808d9b;
	float:left;
}

#footer .inner #table div:last-child{
	border:none !important;
}

#footer .inner #table div #map{
	width:100%;
}

#footer .inner #table div h6{
	direction:rtl;
	font-weight:100;
	text-transform:uppercase;
	font-size:18px;
	color:#ff6000;
	margin:0px;
}

#footer .inner #table div hr{
	float:right;
	width:85%;
	background-color:#a2a2a2;
	height:1px;
	margin-bottom:20px;
}

#footer .inner #table div p{
	color:#808d9b;
	text-align:right;
	direction:rtl;
}

#footer .inner #table div p span{
	display:inline-block;
	direction:ltr;
}

#footer .inner div .socials{
	width:210px !important;
	border:none !important;
	height:150px !important;
}

#footer .inner div .socials div{
	float:left;
	border:none !important;
	width:105px !important;
	padding:0px !important;
}

#footer .inner div .socials div ul{
	list-style-type:none;
	float:right;
	margin:0px;
	padding:0px;
}

#footer .inner div .socials div ul li{
	float:left;
	height:24px;
	margin-bottom:20px;
}

#footer .inner div .socials div ul li.text{
	font-size:14px;
	color:#a2a2a2;
	height:19px;
	padding-top:5px;
	margin:0px 10px 0px 0px;
}

#footer .inner #goToTop{
	float:right;
	width:45px;
	height:60px;
	margin-top:-20px;
	text-transform:uppercase;
	font-size:11px;
	color:#dd5707;
	padding:0px;
	text-align:center;
}

#footer .inner #goToTop .block{
	width:100%;
	height:44px;
	background-color:#25a4d1;
	color:#ffffff;
	padding-top:2px;
}


#copyright{
	width:100%;
	height:35px;
	background-color:#023878;
}

#copyright .text{
	width:1000px;
	font-size:12px;
	height:25px;
	color:#8ba4c1;
	margin:0px auto;
	padding-top:10px;
	direction:rtl;
}

/*** Responsiver for mobile phones ***/

@media only screen and (max-width:1000px){
	#loading #center img{ width:100%; }
	#innerHeader #Details{ display:none; }
	
	#upperTools *{ display:none; }
	#upperTools #lang, #upperTools #lang a{ display:inline !important; }

	#innerHeader #logo2{
		width:30%;
		margin:35px 35%;
	}
	
	#innerHeader{
		direction:ltr;
		height:auto;
		width:100%;
	}
	
	#nav{
		width:100%;
		float:none;
		display:none;
	}
	
	#nav li{
		width:100%;
		padding:10px 0px;
		float:none;
		text-align:center;
	}
	
	#nav li:hover{
		border:none;
		background-color:#ffb915;
		background-image:none;
		opacity:1;
		color:#023878;
	}
	
	#searchField{
		display:block;
		padding:10px;
	}
	
	#searchField form{
		display:inline;
	}
	
	#searchField i{
		float:right;
		color:#023878;
		margin-top:-5px;
		cursor:pointer;
	}
	
	#nav li ul{
		opacity:1;
		visibility:visible;
		width:100%;
		margin:0px;
		padding:0px;
		position:relative;
		transition:all 0s;
	}
	
	#nav li ul li{
		padding:10px 0px;
		border-top:none !important;
	}
	
	#WeAre, #ScopeOfServices, #ScopeBg, #Products, #ProductsBg, #Partners, #PartnersBg, #Introduction .center, #Introduction .center #C1{
		height:auto;
		width:100%;
		float:none;
		position:static;
	}
	
	#WeAre, #ScopeOfServices{
		min-height:400px;
	}
	
	#WeAre .discribtion, #ScopeOfServices .discribtion{
		width:100%;
		box-sizing:border-box;
		padding:15px;
	}
	
	#ScopeOfServices .discribtion h6, #ScopeOfServices .discribtion p{
		width:100%;
	}
	
	#Products .inner, #Partners .inner{
		float:left;
		width:100%;
	}
	
	#Products .inner h1, #Partners .inner h1{
		font-size:70px;
	}
	
	#PartnersBg img{ width:100%; height:auto;}
	#gap { display:none; }
	
	#Introduction .center #C1{
		box-sizing:border-box;
		padding:10px;
	}

	#Introduction .center #C2{
		text-align:center;
		width:100%;
	}
	
	#Introduction .center #C2 p img{
		width:90%;
	}
	
	#footer{ height:auto; }
	#footer .inner{ width:100%; }
	#footer .inner #table div{
		float:none;
		margin:10px auto;
		border:none;
		height:auto;
	}

	#footer .inner div .socials div{ float:left !important}
	
	#footer .inner #goToTop{
		width:100%;
		margin-top:20px;
	}
	
	#copyright .text{
		width:100%;
		font-size:12px;
		text-align:center;
	}
}

/*************** Ended ***************/