@charset "utf-8";
/* CSS Document */
@font-face{
	font-family: 'Oswald-Regular';
	src:url('../fonts/Oswald/Oswald-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face{
	font-family: 'Oswald-Light';
	src:url('../fonts/Oswald/Oswald-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}
@font-face{
	font-family: 'Oswald-Bold';
	src:url('../fonts/Oswald/Oswald-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

body{
	padding:0px;
	margin:0px;
}
a:focus {
    outline: hidden;
    outline-offset: -2px;
}
.navbar-default .navbar-nav > li > a:focus  {
    outline: thin dotted rgb(45, 64, 106);
    outline-offset: -2px;
	background-color: rgb(45, 64, 106);
}
.homenav {
padding-left:0px !important;
}
.welcome1 h1 {
    color: #000;
    font-size: 35px;
    font-family: 'Oswald-Light';
    text-align: left;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.navigation li{
list-style:none;
float:left;

}
.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px !important;
    white-space: nowrap;
}
.navigation li a{
text-decoration:none;
padding:15px 30px;
}
#headerBG{
	width:100%;
	float:left;
}
.wrapper{
	width:100%;
	float:left;
}
.header_top{
	width:100%;
	float:left;
	height:4px;
	background-color:#2d406a;
}
.read_btnBG{
width:100px;
height:auto;
margin:0px auto;
}
.read_btn{
width:100%;
/*height:30px;*/
height:auto;
text-align:center;
line-height:40px;
background-color:#2d406a;
border:1px solid #2d406a;
color:#fff;
font-size:12px;
font-family: 'Oswald-Regular';
margin-top:10px;
}
.read_txt{
width:100%;
height:auto;
text-align:right;
color:#fff;
font-size:12px;
font-family: 'Oswald-Regular';
margin-top:-5px;
letter-spacing:0px;
}
.img_responsive1{width:100% !important ; height:190px; overflow:hidden;}
.chiarmanimg{
width:150px;
height:auto;
float:left;
margin:0px 10px 0px 0px;
box-shadow:0px 1px 7px 1px #ccc; 
}
.first_box{
text-align:left;
}
.second_box{
text-align:center;
}
.third_box{
text-align:right;
}
/*================BOOTSTRAP STICKY=====================*/
#nav.affix {
    position: fixed;
    top: 0;
    width: 100%;
    z-index:999;
}
/*==========================================*/
 
.dropdown-menu > li.kopie > a {
    padding-left:5px;
}
 
.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
   top:0;left:100%;
   margin-top:-6px;margin-left:-1px;
   -webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;
 }
  
.dropdown-submenu > a:after {
  border-color: transparent transparent transparent #333;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  content: " ";
  display: block;
  float: right;  
  height: 0;     
  margin-right: -10px;
  margin-top: 5px;
  width: 0;
}
 
.dropdown-submenu:hover>a:after {
    border-left-color:#555;
 }

.dropdown-menu > li > a:hover, .dropdown-menu > .active > a:hover {
  text-decoration: underline;
} 
/*-------------------bredcrum-------------------------*/ 
 .breadcrum{
 color:#666666;
 font-size:11px;
 font-family: 'Oswald-Regular';
 /*border-bottom:1px solid #CCCCCC;*/
 line-height:30px;
 letter-spacing:1px;
/* margin-top:1%;*/
 }

@media (max-width: 1040px) {
.navigation li a {
    text-decoration: none;
    padding: 15px 23px;
}
@media (max-width: 992px) {
.navigation li a {
    text-decoration: none;
    padding: 15px 15px;
    font-size: 12px;
}
}
}
@media (max-width: 767px) {
  .navbar-nav  {
     display: inline;
  }
.img_responsive1{width:100% !important ; height:350px; overflow:hidden;}	
.navigation li {
    list-style: none;
    float: left;
    width: 100%;
}
.homenav{
padding: 15px 15px !important;
}

  .navbar-default .navbar-brand {
    display: inline;
  }
  .navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
  }
  .navbar-default .navbar-nav .dropdown-menu > li > a {
    color: red;
    background-color: #ccc;
    border-radius: 4px;
    margin-top: 2px;   
  }
   .navbar-default .navbar-nav .open .dropdown-menu > li > a {
     color: #333;
   }
   .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
   .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
     background-color: #ccc;
   }

   .navbar-nav .open .dropdown-menu {
     border-bottom: 1px solid white; 
     border-radius: 0;
   }
  .dropdown-menu {
      padding-left: 10px;
  }
  .dropdown-menu .dropdown-menu {
      padding-left: 20px;
   }
   .dropdown-menu .dropdown-menu .dropdown-menu {
      padding-left: 30px;
   }
   li.dropdown.open {
    border: 0px solid red;
   }

}
 @media (max-width: 480px) {
 
.img_responsive1{width:100% !important ; height:290px; overflow:hidden;}
 }
@media (min-width: 768px) {
  ul.nav li:hover > ul.dropdown-menu {
    display: block;
  }
  #navbar {
    text-align: center;
  }
  
 
}  

/*==================BANNER===========================*/

    		.carousel-control.left
			{
				background: none;
			}
			.carousel-control.right
			{
				background: none;
			}

			.carousel-control
			{
				position: absolute;
				top: 45%;
				bottom: 0;
				left: 0;
				width: 15%;
				font-size: auto;
				color: #fff;
				text-align: center;
				opacity: 1;
				text-shadow: none;
			}
			.carousel-control:hover
			{
				color: #000;
			}
			.carousel-indicators
			{
				bottom: -50px;
			}
			.carousel-indicators li
			{
				display: inline-block;
				width: 10px;
				height: 10px;
				margin: 1px;
				text-indent: -999px;
				cursor: pointer;
				background-color: #000\9;
				background-color: rgba(0,0,0,0);
				border: 1px solid #a7b4cf;
				border-radius: 50%;
			}
			.carousel-indicators .active
			{
				width: 12px;
				height: 12px;
				margin: 0;
				background-color: #a7b4cf;
			}
			.carousel-caption
			{
				position: absolute;
				right: 0;
				bottom: 0;
				left: 0;
				z-index: 10;
				padding-top: 10px;
				padding-bottom: 10px;
				color: #fff;
				text-align: center;
				font-family: 'Oswald-Regular';
				background: rgba(0,0,0,0.6);
				font-size:22px;
			}
/*===================================================*/
.navBG{
	width:100%;
	float:left;
	background-color:#2d406a;
	/*background-color:#56a553;*/
}
.nav_style{
	margin-bottom:0px;
	background-color:transparent;
	border:none;
	font-family: 'Oswald-Regular';
	color:#FFFFFF;
}
.nav_logo{
	display:none;
}

.bannerBG{
	width:100%;
	float:left;
}
.img_responsive{
	width:100%;
	float:left;
}
.bodyBG{
	width:100%;
	float:left;
	margin-top:10px;
}
.chairmanBG{
	width:100%;
	float:left;
	border:1px dashed #CCCCCC;
	background-color:#e1dce0;
}
.chiarmanDESK{
	margin-top:10px;
	/*border:1px solid #dddee1;*/
}
.chiarmanDESK img{
	float:left;
	margin-bottom:10px;
	/*border-radius:100%;
	border:5px solid #FFFFFF;
	box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.176);*/
}
.chiarmanDESK h2{
	font-size:23px;
	font-family: 'Oswald-Light';
	letter-spacing:1px;
	float:left;
	width:100%;
	margin:0px;
}
.chiarmanDESK p{
	font-family: 'Oswald-Light';
	font-size:14px;
	color:#666666;
	line-height:20px;
	margin-top:15px;
	width:100%;
	float:left;
}
.welcome{
	margin-top:10px;
}
.welcome h1{
	color:#000;
	font-size:35px;
	font-family: 'Oswald-Light';
	text-align:left;
	text-transform:uppercase;
	letter-spacing:2px;
}
.welcome>p{
	font-family: 'Oswald-Regular';
	font-size:13px;
	color:#666666;
	margin-top:15px;
	line-height:22px;
	text-align:left;
}

.bg{
	background-color:#2d406a;
	padding:0px 10px;
	width:100%;
	height:293px;
	float:left;
	overflow:hidden;
}

.bg1{
	background-color:#a7b4cf;
	padding:0px 10px;
	width:100%;
	height:auto;
	float:left;
}
.tender{
	padding:0px;
	margin:0px;
}
.tender li{
	list-style:none;
	color:#FFFFFF;
	font-family: 'Oswald-Regular';
	font-size:13px;
	margin-bottom:12px;
	padding-bottom:15px;
	border-bottom:1px solid #5e6982;
}

.borderbox{
	border-top:1px dashed #999999;
	border-bottom:1px dashed #999999;
	padding:10px 0px;
}
#newz{
	padding:0px;
	margin:0px;
	counter-reset: foo;
    display: table;
	
}
#newz li{
	list-style:inside;
	margin-bottom:0px;
	font-family: 'Oswald-Regular';
	font-size:13px;
	color:#fff;
	 counter-increment: foo;
    display: table-row;
	
}
#newz li::before{
	content: counter(foo) ".";
    display: table-cell; 
    text-align: right;
	padding-right: 10px;
}

.link{
	width:100%;
	height:35px;
	background-color:#429959;
	font-family: 'Oswald-Regular';
	text-align:center;
	color:#FFFFFF;
	font-size:14px;
	line-height:35px;
	border-radius:4px;
	border:none;
	margin-bottom:10px;
	cursor:pointer;
}
.link:hover{
	background-color:#333333;
	transition:background-color 0.3s ease-in-out;
}
.link2{
	width:100%;
	height:35px;
	background-color:#429959;
	font-family: 'Oswald-Regular';
	text-align:center;
	color:#FFFFFF;
	font-size:14px;
	line-height:35px;
	border-radius:4px;
	border:none;
	margin-bottom:10px;
	cursor:pointer;
}
.link2:hover{
	background-color:#333333;
	transition:background-color 0.3s ease-in-out;
}


.footerBG{
	width:100%;
	float:left;
	margin-top:25px;
}
.footertxtbg{
	color:#FFFFFF;
	display:table;
	margin:0px auto;
}
.footertxt{
	padding:0px;
	margin:0px;
}
.footertxt li{
	float:left;
	list-style:none;
}
.footertxt li a{
	display:block;
	color:#FFFFFF;
	text-align:center;
	padding:10px 15px;
	font-size:13px;
	font-family: 'Oswald-Regular';
}
.footertxt2{
	text-align:center;
	padding:10px 0px;
	font-family: 'Oswald-Regular';
	font-size:12px;
	color:#FFFFFF;
}

.content_txt{
	width:100%;
	float:left;
	/*padding:10px;*/
	margin-bottom:20px;
}
.content_txt h1{
	width:100%;
	float:left;
	font-family: 'Oswald-Light';
	font-size:25px;
	border-bottom:1px solid #CCCCCC;
	text-align:left;
	padding-bottom:10px;
	color:#000000;
	letter-spacing:1px;
}
.content_txt h4{
	width:100%;
	float:left;
	font-family: 'Oswald-Regular';
	font-size:16px;
	text-align:left;
	padding-bottom:10px;
	color:#142c5a;
	letter-spacing:1px;
}
.content_txt p{
	font-family: 'Oswald-Regular';
	font-size:13px;
	line-height:22px;
	color:#666666;
	word-spacing:1px;
}
.content_txt>img{
	width:300px;
	float:right;
	margin:10px 0px 10px 10px;
}
.gallery_div2{
float:left;
width:18%;
height:auto;
margin:1%;
border:7px solid #FFFFFF;
box-shadow:1px 1px 4px #999;
}
.img_effect{
width:100%;
height:auto;
}

.contactusbox{
width:99%;
height:auto;
float:left;
border:1px solid #CCCCCC;
padding:1%;
font-family: 'Oswald-Regular';
font-size:14px;
color:#666666;
line-height:27px;
}
.labelfont{
font-family: 'Oswald-Regular';
font-size:14px;
color:#666666;
}
.formfont{
font-family: 'Oswald-Light';
font-size:14px;
color:#666666;
}
.map_main_bg{
width:100%;
height:auto;
float:right;
/*margin:1%;*/
/*border:1px solid #333333;*/
}
.project_logo{
text-align:left;
}
.click_me{
width:auto;
height:auto;
float:left;
padding:9px 24px;
background-color:#2d406a;
color:#FFFFFF;
font-size:16px;
border:1px solid #2d406a;
margin-top:20px;
border-radius:3px;
font-family: 'Oswald-Light';
margin-bottom:30px; 
-webkit-transition: .5s;
          transition: .5s;
}

.click_me:hover{
    background-color:#162b56;
	border:1px solid #162b56;
	-webkit-transition: .5s;
          transition: .5s;
}
@media only screen and (max-width: 999px) {
.gallery_div2 {
    width: 23%;
}
}
@media only screen and (max-width: 999px) {
.project_logo {
text-align:center;
margin-bottom:20px;
}
}
@media only screen and (max-width: 768px) {

 .first_box{
  width:100%;
  height:auto;
text-align:center;
margin-bottom:20px;
}
.second_box{
width:100%;
  height:auto;
text-align:center;
margin-bottom:20px;

}
.third_box{
width:100%;
  height:auto;
text-align:center;
}
.second_boximage{
width:50%;
height:auto;
margin:0% 25%;
}
}
@media only screen and (max-width: 650px) {
.gallery_div2 {
    width: 31%;
}

}
@media only screen and (max-width: 480px) {
.footertxt li a {
    font-size: 12px;
    line-height: 26px;
    padding: 0px 10px;
}
.welcome h1 {
font-size:23px;
}
.content_txt h4 {
    font-size: 13px;
    line-height: 20px;
}
.table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
   font-size:11px;
}
.table-bordered > thead > tr > th, .table-bordered > thead > tr > td {
    font-size:11px;
}
.logo_image{
width:100%;
height:auto;
text-align:center;
}
.second_boximage{
width:90%;
height:auto;
margin:0% 5%;
}
.footertxt2 {
    font-size: 10px;
}
.content_txt h1 {
    font-size: 20px;
}
.content_txt h4 {
    font-size: 14px;
}


}
@media only screen and (max-width: 460px) {
.gallery_div2 {
    width: 46%;
    margin: 2%;
}


}
@media only screen and (max-width: 400px) {
.logo_image{
width:100%;
height:auto;
}
.link2 {
    height: auto;
    font-size: 12px;
    line-height: 24px;
}
}