@charset "utf-8";
/* CSS Document */



html{
	width:100%;
	height:100%;}
	
*{margin:0;
padding:0;}

body{
	font-family: 'Open Sans', sans-serif;
	font-size:13px;
	color:#283234;
	
	line-height:26px;}

img{
	/* width:100%; */
	height:auto;
	border:none;}
	
a{
	text-decoration:none; border:none; outline:none;}	
	

	
	
.clear{ clear:both; }	
	
.green{ color:#25b14f; font-weight:bold; }	
	
.main{
	width:100%;
	height:100%;}	
	
.wrapper{
	max-width:1100px;
	height:100%;
	margin:0 auto;
	position:relative;}	
	
header{
	display:block;
	width:100%;
	border-top:10px solid #006e87;
	border-bottom:1px solid #CCC;
	}	

header .logo{
	width:297px;
	min-width:190px;
	float:left;}
		
header .top{
	position:absolute;
	top:22px;
	right:0;}	
	
header .top div{
	display:inline-block;
	font-size:14px;
	}	

header .top .iso{
	padding:5px 10px;
	background:#f3f3f3;}
	
header .top .uae{
	background:#f3f3f3 url(../images/uae_flag.png) no-repeat right center;
	padding:5px 10px;
	width: 87px;
	padding-right:0;}	

header .top .qatar{
	background:#f3f3f3 url(../images/qatar_flag.png) no-repeat right center;
	padding:5px 10px;
	width: 42px;
	padding-right:0;}	
	
header .top .callus{
	background:#56c5d0;
	color:white;
	padding:3px 10px;
	font-weight:bold;}	
	
header .top .callus a{
	color:white;
	text-decoration:none;}	

header .mobile_nav{
        display:none;
}	
	
header .mobile_nav img{
	width:30px;	
 }

header nav{
	display:block;
	float:right;
	margin-top:74px;
	background-color:#698b96}/*#698b96,#006e87*/	
	
header nav ul{
	margin:0;
	padding:0;}
	
header nav ul li{
	list-style:none;
	display:inline-block;
	margin-left:0px;
        position:relative;}
		
.drop_icon{
		background:url(../images/drop_icon.png) no-repeat right 2px center;}
		
	
header nav ul li:first-child{
	margin:0;}	
	
header nav ul li .active{
	background:#56c5d0;
	color:#FFF;
	}	
	
header nav ul li a{
	text-decoration:none;
	text-transform:uppercase;
	padding:20px;
	/*color:#4c5e60;*/
	color: #FFF;
	display:block;}
	
header nav ul li a:hover{
	background:#006e87;
	color:#FFF;}	
	
header nav ul li ul{
	display:none;}	

header nav ul li:hover ul{
       display:block;
       position:absolute;   
       min-width:220px;  
       background:#698b96;
       border:#CCC 1px solid; 
	   z-index:999; 
}

header nav ul li ul li a{
	padding:10px}

header nav ul li:hover ul li{
       display:block;
}

header nav ul li:hover ul li a{
       border-bottom:#ebebeb 1px solid;  
}
	
.downloadTabs ul{
	margin:0; padding:0;
	}				
	
.downloadTabs ul li{
	list-style:none;
	display:inline-block;
	width:25%;
	min-width:232px;
	text-align:center;
	transition:all ease-in 100ms;
	-moz-transition:all ease-in 100ms;
	-webkit-transition:all ease-in 100ms;
}	
	
.downloadTabs ul li a{
	text-decoration:none;
	color:#FFF;
	font-size:20px;
	text-transform:uppercase;
	font-weight:600;
	text-shadow:2px 0 2px rgba(0,0,0,0.20);
	-webkit-text-shadow:2px 0 2px rgba(0,0,0,0.20);
	-moz-text-shadow:2px 0 2px rgba(0,0,0,0.20);
	display:block;
	padding:26px 0;
	}
	
.downloadTabs ul li:hover{
	opacity:0.8;
	}	
	
.downloadTabs ul li:first-child{
	/*background:#F4D1B3;*/
	background:#425C5F;
	margin-left:0;}
	
.downloadTabs ul li:nth-child(2){
	background:#11862D;
	margin-left:-4px;}
	
.downloadTabs ul li:nth-child(3){
	background:#9c607a;
	margin-left:-4px;}
	
.downloadTabs ul li:nth-child(4){
	background:#707E74;
	margin-left:-4px;}	
	
.welcome{
	text-align:center;
	padding:3%;
	background-color: rgb(250, 252, 251);}	
	
.welcome h3{
	font-size:30px;
	padding-bottom:20px;}
	
.welcome p{
	font-size:16px;
	font-weight:400;
	line-height:26px;
	padding-bottom:20px;}

	
.service1{
	width:33%;
	min-width:250px;
	background:#2f8b48;
	text-align:center;
	float:left;
	margin-left:3px;
	margin-bottom:3px;
	padding:5% 0;
	min-height:250px;
	}	
	
.service1 h5{
	font-size:19px;
	color:#ffffff; /*color:#c9dadb;*/
	font-weight:500;
	text-transform:uppercase;
	}			
	
.service1 img{
	max-width:122px;
	min-width:60px;
	margin-bottom:20px;
	cursor:pointer;
	margin:10px;
	border-radius:100%;
	transition:all ease-out 300ms;
	-moz-transition:all ease-out 300ms;
	-webkit-transition:all ease-out 300ms;}
	
.service1 img:hover{
	transform:rotate(30deg);
	-webkit-transform:rotate(30deg);
	-moz-transform:rotate(30deg);
	}		
	
.features_block{
	background:#d1d3d4;
	padding:3% 0;
	margin:3% 0;}	
	
.features{
	width:33%;
	min-width:250px;
	background:#FFF;
	text-align:center;
	float:left;
	margin-left:3px;
	color:#4b5e60;
	}	
	
.features h4{
	text-transform:uppercase;
	font-size:18px;
	font-weight:600;
	margin:20px;}	
	
.features p{
	font-size:16px;
	width:90%;
	padding-bottom:20px;
	margin:0 auto;
	}	
.features ul {
	padding:10px;
/*	background-color:blue;*/
	
	}
.features ul li{
	padding:0px;
	/*background-color:#F00;*/
	margin-left:20px;
	text-align:left;
	font-size:16px;
	
	
	}
/*.partnership_with{
	padding-bottom:5%;}	
	
.partnership_with h2{
	font-size:24px;
	text-align:center;}		
	
.partnership_with ul{
	margin:0;
	padding:0;}
	
.partnership_with ul li{
	list-style:none;
	display:inline-block;
	min-width: 20%;}
	
.partnership_with ul li:first-child img{
	max-width:152px;
	}
	
.partnership_with ul li:nth-child(2) img{
	max-width:180px;
	}
	
.partnership_with ul li:nth-child(3) img{
	max-width:208px;
	}
	
.partnership_with ul li:nth-child(4) img{
	max-width:229px;
	}
	
.partnership_with ul li:nth-child(5) img{
	max-width:284px;
	}
	
.partnership_with ul li:nth-child(6) img{
	max-width:262px;
	}
	
.partnership_with ul li:nth-child(7) img{
	max-width445px;
	}	*/
	
	
	
.partnership_with{
	padding-bottom:3%; padding-top:2%; border-top:1px dashed #333;}	
	
.partnership_with h2{
	font-size:24px;
	text-align:center;}		
	
.partnership_with ul{
	margin:0;
	padding:0;}
	
.partnership_with ul li{
	list-style:none;
	display:inline-block;
	min-width: 10%;
	font-size:24px; color:#069; font-weight:bold}
.partnership_with ul li:first-child img{
	max-width:72px;
	}
	
/*.partnership_with ul li:nth-child(2) img{
	max-width:60px;
	}
	
.partnership_with ul li:nth-child(3) img{
	max-width:78px;
	}
	
.partnership_with ul li:nth-child(4) img{
	max-width:85px;
	}
	
.partnership_with ul li:nth-child(5) img{
	max-width:120px;
	}
	
.partnership_with ul li:nth-child(6) img{
	max-width:142px;
	}
	
.partnership_with ul li:nth-child(7) img{
	max-width:140px;
	}	
		
.partnership_with ul li:nth-child(8) img{
	max-width:220px;
	}
	*/
	
footer{
	background:#4d5d60;
	padding:3% 0;
	color:#bfd4d8;}
	
footer .footer_content h3{
	font-size:22px;
	color:#FFF;
	font-weight:600;
	margin-bottom:20px;}		
	
footer .footer_content{
	float:left;
	padding-right:4%;
	max-width:24.5%;}	
	
footer .footer_content ul{
	margin:0;
	padding:0;}	
	
footer .footer_content li{
	list-style:none;}
	
footer .footer_content li a{
	text-decoration:none;
	color:#bfd4d8;
	padding-top:6px;
	padding-bottom:6px;
	display:block;
	padding-left:15px;
	background:url(../images/footer_list_style.png) no-repeat left center;}	
	
footer .footer_content.gallery img{
	max-width:85px;
	float:left;
	margin:2px;
	cursor:pointer;
	transition:all ease-out 300ms;
	-moz-transition:all ease-out 300ms;
	-webkit-transition:all ease-out 300ms;
	}	
	
footer .footer_content.gallery img:hover{
	opacity:0.8;}	
	
.copyright{
	background:#3a474a;
	color:#bfd4d8;
}
	
.copyright .wrapper{
	padding:20px 0;
	}	
	
.copyright a{
	color:#FFF;}	
	
.copyright .social_icons img{
	width:38px;}
	
.copyright .social_icons{
	position:absolute;
	right:0;
	width:166px;
	top:15px;}
	










.callbacks_container {
  position: relative;
  float: left;
  width: 100%;
  }

.callbacks {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.callbacks li {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  }

.callbacks img {
  display: block;
  position: relative;
  z-index: 1;
  height: auto;
  width: 100%;
  border: 0;
  }

.callbacks .caption {
  display: block;
  position: absolute;
  z-index: 2;
  font-size: 38px;
  text-shadow: none;
  color: #fff;
  background:#56c5d0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px 20px;
  margin: 0;
  max-width: none;
  text-align:center;
  font-weight:100;
  line-height:38px;
  }
  
.sub_cap{
	font-size:20px;
	}  

.callbacks_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 52%;
  left: 0;
  opacity: 0.7;
  z-index: 3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
 /* background: transparent url("../images/themes.jpg") no-repeat left top;*/
  margin-top: -45px;
  }

.callbacks_nav:active {
  opacity: 1.0;
  }

.callbacks_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  }

#slider3-pager a {
  display: inline-block;
}

#slider3-pager img {
  float: left;
}

#slider3-pager .rslides_here a {
  background: transparent;
  box-shadow: 0 0 0 2px #666;
}

#slider3-pager a {
  padding: 0;
}

@media screen and (max-width: 600px) {
  h1 {
    font: 24px/50px "Helvetica Neue", Helvetica, Arial, sans-serif;
    }
  .callbacks_nav {
    top: 47%;
    }
  }

  
 /*extra added*/
 .contactBlockCol1{
	width:70%;
	min-width:250px;
	background:#3E5946;
	text-align:center;
	
	margin:0 auto;
	padding:5% 0;
	display: table;
	}	
	 .contactBlockCol3{
	width:33%;
	min-width:250px;
	background:#3E5946;
	text-align:center;
	float:left;
	
	
	margin:0 auto;
	padding:5% 0;
	display: table;
	}	
	
	/* bootstrap */
	
	
	article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}

audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

audio:not([controls]) {
  display: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
 
  font-family: inherit;
  font-weight: bold;
  color: inherit;
  text-rendering: optimizelegibility;
}
h1,
h2,
h3 {
  line-height: 40px;
  
}

h1 {
  font-size: 38.5px;
}

h2 {
  font-size: 31.5px;
}

h3 {
  font-size: 24.5px;
}

h4 {
  font-size: 17.5px;
}

h5 {
  font-size: 14px;
}

h6 {
  font-size: 11.9px;
}
/*bootstrap ends*/

.gridUl{
columns: 2 100px; -moz-columns: 2 100px; -webkit-columns: 2 100px;
padding:5px;
}
.gridUl li{

border-bottom:1px dashed green;
}

.left {
  background-color: white;
    float: left;
    width: 50%;
	  text-align: left;
}

.right {
    background-color: white;
    margin-left: 50%;
	text-align: center;
	padding-left:10px;
}	
/* contact form */
p.error, p.success {
			font-weight: bold;
			padding: 10px;
			border: 1px solid;
		}
		p.error {
			background: #ffc0c0;
			color: #900;
		}
		p.success {
			background: #b3ff69;
			color: #4fa000;
		}
/* added*/
.welcome img{float:left; height:auto; border:2px dashed #CCC; margin:7px}