body{
	background:#ccc;}

h3{color:orange;}
.head_top{
	background:#fff;	
	}
.header{
	margin:10px;
	}
.header_form{
	margin-top:20px;
	}
.top_link{
	text-align:right;
	margin-bottom:10px;
	margin-right:30px;
	}

/*****************************************  navbar  *********************************************/
.navbar{
	margin-top:20px;
	}
.navbar-default .navbar-nav > li > a{
	color:#00b2e6;
	margin-left:5px;
	text-align:center;
	}
.navbar-default .navbar-nav li  a:hover{
	background:#bbb;
	color:#fff;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{
	background:#bbb;
	color:#fff;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	}
.navbar-collapse{margin-top:9px;}
.navbar-default .navbar-brand{color:#00135d;}
.navbar-nav li a{
	padding:5px 10px;}
nav.navbar.navbar-default{
	margin-bottom:10px;}
.sis{
	margin-top:10px;
	}
.job_sector img{margin-top:20px;}
	
/*************************************  end navbar  **********************************/	
	
		
/*****************************************  section  ************************************/
.section{
	background:#efefef;
	border-top:1px solid #ccc;
	padding-top:20px;}	
.quick_nav{
	background:#fff;
	border:1px solid #ccc;
	padding-top:10px;
	border-radius:10px;
	}	
.quick_nav ul{
	padding:0;
	list-style:none;
	}
.quick_nav ul li {text-align:center;}	
.quick_nav hr{margin:10px;}
#featured{
	z-index:1;
	position:absulute;}
#slider{z-index:2;
	position:absulute;
	}

.description{
	background:rgba(200,200,200, 0.8);
	margin-top:-70px;
	margin-left:-10px;
	position:relative;
	z-index:10;
	padding:10px 20px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	font-family:tohoma;
	}
.description h3{margin:0px; color:blue;}
.description p{margin:0px; color:#fff; font-size:20px;}
.apply_online{
	padding:10px;
	margin-top:20px;
	background:#fff;
	border-radius:5px;
	}
.apply_online img{
	border:1px solid #ccc;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	}
.click_online{
	width:100px;
	position:relative;
	top:-120px;
	left:200px;
	background:orange;
	}
.hot_jobs{
	padding:10px;
	margin-top:20px;
	background:#fff;
	border-radius:5px;
	}	
.hot_jobs img{
	border:1px solid #ccc;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	}	
.click_jobs{
	width:100px;
	position:relative;
	top:-120px;
	left:200px;
	background:orange;
	}
	
/******************************  about us  *******************************/
.section>.container-fluid{padding:0; margin:0px;}

.about_row{
	background:#fff; 
	margin:10px 0px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	}
.about_row h3{color:orange;}
.about_us{
	background:#fff;
	text-align:justify;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	}
.objective{
	background:#fff;
	margin-top:10px;
	text-align:justify;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	}
/****************************** end about us **********************************/



.company_profile_row{
	background:#fff;
	margin:10px 0;
	font-family:tohoma;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	}
.job_sector{margin-bottom:15px;}

.procedure_row{
	background:#fff; 
	margin:10px 0px;
	text-align:justify;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	}
.procedure_row img{margin-top:60px;}	

.contact_row{
	background:#fff; 
	margin:0px 0px 10px 0px;
	text-align:justify;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	}
.contact_form p{
	width:540px;
	height:auto;
	float:left;
	}
.contact_row p label{
	width:120px;
	height:auto;
	text-align:left;
	float:left;
	padding:5px;
	}
.contact_row p input {
	width:300px;
	height:auto;
	float:left;
	border:1px solid #ccc;
	padding:5px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	}
.contact_row p textarea {
	width:300px;
	height:auto;
	float:left;
	border:1px solid #ccc;
	padding:5px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	}	
.send_button{
	margin-left:120px;
	}
.contact_us{text-align:left;}

.documents{text-align:center;}

.table table{text-align:center; background:#fff;}
.table th{background:#008; text-align:center; color:#ddd; padding:2px;}
.hot_jobs_row{min-height:400px;}
.apply_online_form {
	background:#fff;
	margin-bottom:10px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	}	
.apply_online_form p label{width:120px; height:auto; float:left;}
.apply_online_form p input{
	width:200px;
	height:auto;
	border:1px solid #ccc;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	}
.apply_online_form textarea{
	border:1px solid #ccc;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	}
.right_online{margin-top:40px;}

.job_row{background:#fff; margin:10px 0px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.right_job{margin-top:50px;}
	
/***************************** end section  ****************************/


/******************************  footer  ********************************/	
.footer{
	background:#e1e1e0;
	border-top:1px solid #ccc;
	}
.recruit{
	padding:20px 40px 10px 40px;
	}
.recruit ul{
	list-style:none;
	padding:0px;
	}
.recruit b{border-bottom:1px solid #ccc;}
.information{
	padding:20px 40px 10px 40px;
	}
.information ul{
	list-style:none;
	padding:0px;
	}
.information b{border-bottom:1px solid #ccc;}
.follow{
	padding:20px 40px 10px 40px;
	}
.follow ul{
	list-style:none;
	padding:0px;
	}
.follow b{border-bottom:1px solid #ccc;}
.copyright{padding-left:20px; color:#999;}
.powered{padding-left:40px; color:#999;}
.powered a{text-decoration:none; color:#555;}
.powered a:hover{color:blue;}	
/*********************************  end footer  **************************************/
	
	

/* Portrait tablet to landscape and desktop */
@media (min-width: 960px) and (max-width:1200px)
{
	.navbar{
		font-size:12px;
		}
	.navbar-nav li a{
		padding:2px 5px;
		}
	
} 

@media (min-width: 767px) and (max-width:991px)
{
	.contact_row p input {
	width:200px;
	height:auto;
	float:left;
	border:1px solid #ccc;
	padding:5px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	}
	.contact_row p textarea {
	width:200px;
	height:auto;
	float:left;
	border:1px solid #ccc;
	padding:5px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	}
}

@media (max-width: 767px)
{
	.top_link{text-align:center; margin-top:20px; margin-bottom:0px;}
	.description{
		margin:0px;
		padding:0px;
		text-align:center;
		background:none;
		}
	.description p{color:red;}	
	.recruit{text-align:center; padding:2px;}
	.information{text-align:center; padding:2px;}
	.follow{text-align:center; padding:2px;}
	.copyright{text-align:center;}
	.powered{text-align:center;}
	
	.section>.container-fluid{padding:0; margin:0px;}
	
	
	
}

@media (max-width: 500px)
{
	.contact_row p input {
	width:150px;
	height:auto;
	float:left;
	border:1px solid #ccc;
	padding:5px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	}
	.contact_row p textarea {
	width:150px;
	height:auto;
	float:left;
	border:1px solid #ccc;
	padding:5px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	}
	.contact_row p label{
	width:100px;
	height:auto;
	text-align:left;
	float:left;
	padding:5px;
	}
	section.container{padding:0px;}
	.head_top.container{padding:0px;}
}