﻿@font-face{
    font-family:'MuseoSans';
    src:url('../fonts/museosans_300-webfont.eot');
    src:url('../fonts/museosans_300-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/museosans_300-webfont.woff') format('woff'),
        url('../fonts/museosans_300-webfont.ttf') format('truetype'),
        url('../fonts/museosans_300-webfont.svg#MuseoSans300Regular') format('svg');
    font-weight:normal;
    font-style:normal;

}

body {
    font-family:'MuseoSans';
    font-size:15px;
    margin:0px auto;
    padding:0 !important;
    line-height:23px;
    color:#000;
}

a:hover{color:#0d6eba !important;}
h1,h2,h3,h4,h5,h6, p{margin:0;padding:0;color:#000;}
h1{font-size:35px;}
h2{font-size:25px;}
h3{font-size:20px;}
h4{font-size:15px;}
h5{font-size:10px;}



.header{width:100%;height:auto;background-color:#fff;}

.header .header-top{width:100%; background-color:#f5f5f5;border-bottom:1px solid #e9e9e9;height:30px;}
.header .header-top ul{margin:0px;padding:0;}
.header .header-top ul li img{width:30px;height:30px;float:left;margin:0 5px;display:block;}
.header .header-top ul li{display:inline-block;}
.header .header-top ul li span{margin:5px 0  0 5px;display:inline-block;float:left;}


.header .header-middle{width:100%;float:left;box-shadow:0 7px 4px 2px rgba(11,80,125, 0.3);height:115px;background-color:#fff;position:relative;z-index:2;}
.header .header-middle #logo{float:left;width:30%;}
.header .header-middle #logo a img{width:auto;}
.header .header-middle .pull-right{width:60%;}
.header .header-middle #logo a{margin:0px 0 0 0;float:left;}
.header .header-middle .navbar-collapse, .header .container-fluid{padding:0;}
.header .header-middle ul{float:right;}


.navbar{float:left;width:100%;}
.navbar-default{border:0px;background-color:transparent;height:100px;}
.navbar-default li.active a{border-bottom:0px solid #0d6eba;background-color:#0d6eba !important;color:#fff !important;}
.navbar-default li a{background-color:transparent !important;tranisition:all 200ms;padding-top:35px;padding-bottom:35px;}
.navbar-default li a:hover{border-bottom:0px solid #999;color:#999 !important;background-color:#ccc !important;}
.navbar-default li:last-child a{}
.navbar-nav > li > a{line-height:inherit !important;}

.bodycontent{width:100%;height:auto;display:inline-block;}
.bodycontent .col-md-12{margin:0;padding:0;}

/*welcome*/
.welcome{background:#0090d6 url(../images/img_welcome_logo_bg.png) no-repeat right;width:100%;height:auto;}
.welcome .welcomeInner{padding:50px 0;max-width:1024px;margin:0px auto;}
.welcome h1, .welcome p, .welcome h3{color:#fff;padding:0;margin:0;}
.welcome p{padding:15px 0;}
.welcome a{background-color:#005b88;padding:8px 20px;color:#fff;cursor:pointer;display:inline-block;text-decoration:none;margin-top:20px;transition:200ms all;}
.welcome a:hover{text-decoration:none;background-color:#fff;color:#005b88;}

.projects{width:100%;background-color:#f7f7f7;display:inline-block;}
.projects .projectsInner{padding:20px 0;max-width:1024px;margin:0px auto;}
.projects h1{color:#999;margin:0 0 20px 0;padding:0;}
.projects ul{margin:0;padding:0;}
.projects ul li{display:inline-block;padding:6px;background-color:#fff;box-shadow:0 0 4px 2px #ccc;margin:10px;}
.projects ul li h2{padding:10px;color:#0090d6;}
.projects ul li p{padding:10px;}
.projects ul li a{float:right;padding:10px;}
.projects ul li img{width:100%;}

.gallery{width:100%;position:relative;height:auto;background-color:#014671;display:inline-block;padding:25px 0 40px 0;}
.gallery .gallery_bg{z-index:1;position:relative;}
.gallery .gallery-content{padding:20px 0;position:relative;z-index:2;float:left;top:0;width:100%;}
.gallery .gallery-content h1{color:#fff;margin:0 0 10px 0;padding:0;}
.gallery .gallery-content ul{margin:0;padding:0;}
.gallery .gallery-content ul li{margin:5px 3px;padding:1px;display:inline-block;background-color:#fff;}
.gallery .gallery-content ul li img{}

.testimonials{background-color:#e9f3f7;height:auto;display:inline-block;}
.testimonials h3{padding:20px 0;}
.testimonials ul{margin:0;padding:0;}
.testimonials ul li{margin:5px;padding:2px;display:block;}
.testimonials ul li p{float:left;font-style:italic;}
.testimonials ul li b{float:right;display:inline-block;margin-bottom:30px;}

.latestnews{background-color:#F5D5D5;height:auto;display:inline-block;color: #1b1ec9f1;}
.latestnews h3{padding:20px 0;}
.latestnews ul{margin:0;padding:0;}
.latestnews ul li{margin:0;padding:3px 0;display:block;background:url(../images/icons/icon_bullet.png) no-repeat left center;padding-left:25px;}
.latestnews ul li p{float:left;font-style:italic;}
.latestnews ul li b{float:right;display:inline-block;margin-bottom:30px;}


.currentprojects{background-color:#E6EAFA;height:auto;display:inline-block;}
.currentprojects h3{padding:20px 0;}
.currentprojects ul{margin:0;padding:0;}
.currentprojects ul li{margin:5px;padding:2px;display:block;}
.currentprojects ul li p{float:left;font-style:italic;}
.currentprojects ul li b{float:right;display:inline-block;margin-bottom:30px;}


.newsTicker{background-color:#FF0000;width:100%;height:50px;border-top:1px; font-weight:bold;font-size:15px;}
.newsTicker .inner-space{margin-top:15px;}
.newsTicker h3{float:left;width:125px;padding:0;margin:0;}
.newsTicker ul{margin:0;padding:0;}
.newsTicker ul li{background:none !important;margin:0;overflow:hidden;height:40px;}

.what_we_do{padding:0;}
.what_we_do ul{margin:0;padding:0;}
.what_we_do ul li{margin:0;padding:3px 0;display:block;background:url(../images/icons/icon_bullet.png) no-repeat left center;padding-left:25px;}
.what_we_do h3{padding:20px 0;}

.aboutusContent{background-color:#0090d6;width:100%;height:auto;}
.aboutusContent h1{width:100%;color:#fff;margin-bottom:15px;}
.aboutusContent img{float:left;padding-right:15px;width:auto !important;}
.aboutusContent p{padding:0px;color:#fff;}
.aboutusContent .aboutusContentInner{padding:30px;}

.aimContent{background-color:#fff;width:100%;height:auto;border-bottom:1px solid #ccc;}
.aimContent .aimContentInner{padding:30px;width:550px;}
.aimContent h1{width:100%;margin-bottom:15px;}
.aimContent p{padding-bottom:15px;}

.guranteeContent{background-color:#dffbff; width:100%;height:auto;}
.guranteeContent .guranteeContentInner{padding:30px;width:600px;float:right;}
.guranteeContent h1{width:100%;margin-bottom:15px;}
.guranteeContent p{padding-bottom:15px;}

.accordion{}
.accordion ul{margin:0;padding:0;}
.accordion ul li{display:block;margin-bottom:2px;float:left;width:100%;}
.accordion ul li .accTitle{background-color:#e4e4e4;padding:10px;cursor:pointer;transition:all 300ms;}
.accordion ul li .accTitle:hover{background-color:#d0d0d0;}
.accordion ul li span.accExpand{width:32px !important;background:url(../images/icons/icon_expand_collapse.png) no-repeat right bottom;height:32px;display:block;float:right;}
.accordion ul li span.accExpand.accCollapse{background-position:0 0;}
.accordion ul li .accTitle span{display:block;max-width:1024px;margin:0px auto;overflow:hidden;}
.accordion ul li .accTitle b{margin:0px;font-weight:bold;font-size:15px;}
.accordion ul li .accContent{display:none;padding:25px 0;max-width:1024px;margin:0px auto;overflow:hidden;position:relative;}
.accordion ul li .accContent p{padding-bottom:10px;}
.accordion ul li .accContent img{float:left;margin-right:15px;width:auto;}
.accordion ul li .accContent ul{margin:0 0 0 20px;}
.accordion ul li .accContent ul li{background:url(../images/icons/icon_bullet.png) no-repeat left center;padding-left:25px;}
.accordion .accContentGroup{float:left;width:60%;}
.accordion .accContentGroup h2{color:#0090d6;}
.accordion .accContentGroup b{font-weight:normal;margin-bottom:20px;display:inline-block;width:100%;}

.project_desc{}
.project_desc_inner{padding:20px 0;display:inline-block;}
.project_desc h3{line-height:32px !important;padding-bottom:10px;margin:10px 0;font-size:23px;color:#2d4614;}
.project_desc .project_desc_highlights{background-color:#e2eec0;padding:20px;color:#fff;display:inline-block;position:relative;}
.project_desc .project_desc_highlights img{float:left;width:43%;position:absolute;bottom:-10px;}
.project_desc .project_desc_highlights .pull-right{float:left;width:50%;}

.project_header{background-color:#0090d6;height:100px;width:100%;box-shadow:0 0 4px 2px #333;position:relative;color:#fff;}
.project_breadcrumb{float:left;margin:25px 0 0 20px;}
.project_breadcrumb a{float:left;color:#fff;}
.project_breadcrumb a:hover{color:#59c4ff !important;text-decoration:none;}
.project_breadcrumb span{float:left;padding-left:10px;}
.project_title{float:right;font-size:45px;margin:40px 20px 0 0;}
.project_breadcrumb_current{clear:both;font-size:25px;float:left;font-weight:normal;}


/*Override styles*/
.container{width:100%;margin:0;padding:0;}
.container .row{padding:0;margin:0;}

#footer{background-color:#7b7b7b;height:100px;border-top:1px solid #4a4a4a;}
#footer ul{margin:20px 0 0 0;padding:0;}
#footer ul li{display:inline-block;}

#footer ul li a{color:#fff;font-size:12px;padding:0 5px;border-right:1px solid #fff;}
#footer ul li:last-child a{border-right:0; }
#footer ul li a:hover{color:#fff !important;}
#footer .copyright{margin:0px 0 0 0;display:inline-block;font-size:12px;}
#footer .copyright p{color:#fff;}


.selected{background-color:#0090d6 !important;}
.selected b{color:#fff;}

.download{}
.download img{width:auto;margin:0 0 10px 35px;}
.download div{float:left;clear:both;}
.download a{display:block;}

.specifications{width:100%;}
.specifications ul{margin:0 !important; padding:0px !important;}
.specifications ul li{}
.specifications ul li b{text-align:left;width:200px;float:left;}
.specifications ul li label{text-align:left;margin-left:0px;font-weight:normal;}

ul.galleryInner{}
ul.galleryInner li{background:none !important;display:inline-block;list-style:none;float:left;width:auto !important;padding:0px !important;}
ul.galleryInner li b{float:left;clear:both;}
ul.galleryInner li a{width:auto !important;display:block;opacity:1;}

ul.projectGallery li{box-shadow:0 0 5px 2px #ccc;padding:10px !important;margin:0 20px 0 0;}
ul.projectGallery li img{margin:0 !important;}
ul.projectGallery li b{float:left;clear:both;margin:10px 0 0 0;}

.projectInfo{background:url(../images/icons/icon_info.png) no-repeat;width:16px;height:16px;display:block;opacity:0.2;margin:15px 0 0 0;transition:all 200ms;}
.projectInfo:hover{opacity:1;}

.form{}
.form label{width:100px;font-weight:normal;vertical-align:top;}
.form .row{margin-bottom:10px;}
.form input, .form textarea, .form select{box-shadow:0 0 3px 1px #ccc;border:0px;border-radius:4px;padding:4px;transition:all 200ms;}
.form input:focus, .form textarea:focus, .form select:focus{box-shadow:0 0 6px 1px #0090d6;}
.form select{margin:0 0 0 -2px;}
.form button{padding:6px 32px;margin-left:100px;}

.media{}
.media ul{margin:0;padding:0;}
.media ul li{background-image:none !important;padding:0px;list-style:none;display:inline-block;margin:0 5px 5px 0;}
.media ul li img{width:auto;}

.contactus{}
.contactus b{color:#0090d6;}

.pgTitle{max-width:1024px;margin:0px auto;}
.pgTitle h1{position:absolute;z-index:5;margin:45px 0 0 0;color:#fff;font-size:60px;}

/*Miscellaneous*/
.navbar-brand{display:none;}
.inner-space{max-width:1024px;margin:0px auto;overflow:hidden;}
img{max-width:100%;width:100%;}
.section_padding{padding:20px 0;max-width:1024px;margin:0px auto;overflow:hidden;}
.align_center{max-width:1024px;margin:0px auto;}
.p10{padding:10px 0;display:inline-block;width:100%;}
.p20{padding:20px 0;display:inline-block;width:100%;}
.p30{padding:30px 0;display:inline-block;width:100%;}
.p40{padding:40px 0;display:inline-block;width:100%;}
.w20per{width:20%;}
.w30per{width:30%;}
.w40per{width:40%;}
.w80per{width:80%;}
.h300px{height:300px;}
.button{background-color:#0090d6;display:inline-block;color:#fff;padding:5px 15px;transition:all 200ms;}
.button:hover{text-decoration:none;background-color:#0d6eba;color:#fff !important;}
.no_maxWidth{max-width:100% !important;padding:0 !important;}
.divider{border-bottom:1px solid #ccc;width:100%;height:3px;display:inline-block;margin:10px 0;}


.item{
    
    text-align: center;
   
}
.carousel{
  
}
.carousel-control.left{display:none;}
.carousel-control.right{display:none;}

#galleryCarousel .item img{display:inline-block;width:auto !important;border:1px solid #fff; margin:4px;float:left;}
#galleryCarousel #galleryCarouselIndicators{bottom:-50px !important;}

.carousel_item_details{text-align:center;display:inline-block;float:left;color:#fff !important;}
.carousel_item_details p{color:#fff !important;font-size:14px;}


.popup {
    width:800px;
    height:auto;
    background-color:#fff;
    box-shadow:0 0 4px 2px #666;
    position:fixed;
    margin:0px auto;
    z-index:9999;
    display:none;
    text-align:center;

}
.popup .popupHeader {background-color:#999;padding:10px;position:relative;}
.popup .popupHeader h2{color:#fff;text-align:left;}
.popup .popupHeader .popupClose{background:url(../images/icons/icon_closePopup.png) no-repeat;width:22px;height:20px;float:right;cursor:pointer;margin:15px;position:absolute;top:0;right:0;}
.popup .popupContent{display:inline-block;}

button.btnRouteMap{background-color:#0090d6;border:0;padding:10px 30px;display:block;color:#fff;border-radius:4px;position:absolute;margin:20px;top:0;right:0;}

@media (max-width:767px) {
     .navbar-brand{display:block;}
     .welcome{background-image:none;}
     .header .header-middle .pull-right{float:none;width:100%;}
     .header .header-middle #logo{width:100%;float:none;text-align:center;}
     .header .header-middle #logo a{float:none;}
     .header .header-middle #logo img{width:auto;}
     .navbar-default{height:auto;}
     .header .header-middle{height:auto;float:none;}
     .header .header-middle ul{float:none;}
     .navbar-nav{margin:0;}
     .navbar-nav > li > a{padding:0;height:auto;line-height:normal;border-bottom-width:1px;}
     .navbar-default li{border-bottom:1px solid #999;}
     .navbar-default li a{height:auto !important;border:0;padding:6px 10px;transition:all 200ms;}
     .navbar-default li a:hover{border:0;background-color:#0090d6 !important;color:#fff !important;}
     .navbar-default li.active a{border:0;background-color:#0090d6 !important;color:#fff !important;}
     .inner-space{max-width:99%;}
     .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse{margin:0;}
     .section_padding{padding:20px;}
     .projects ul li{width:auto;}
     .gallery{display:inline-block;background-color:#005b88;}
     .gallery img{display:none;}
     .gallery .gallery-content{position:relative;padding:20px;}
     .gallery .gallery-content img{display:block;}
     .newsTicker{height:auto;}
     .newsTicker h3{width:100%;}
     .newsTicker p{width:100%;}
     
}
@media (min-width:768px) and (max-width:991px) {
        .navbar-brand{display:block;}
}


/*--------------------POPUP-------------*/

#mask { position:absolute;
	  left:0;
	  top:0;
	  z-index:9000;
	  background-color:#000;
	  display:none;
	  width: auto;
	  min-width:100%; 
	  height:auto;
	  min-height:100% !important;  
	  opacity: 0.8; }  
	  
#boxes .window { position:absolute;
				  left:0;
				  top:0;
				  width:600px;
				  height:300px;
				  display:none;
				  z-index:9999;
				  padding:20px 25px 20px 20px ;
				  border-radius: 15px;
				  text-align: center;
				  border:none; }
				  
#boxes #dialog { width:600px; 
				  height:300px;
				  margin:0px auto;
				  padding:0px;
				  font-family:Verdana, Geneva, sans-serif;
				  font-size:12px;
				  top: 200px; 
				  display: none;
				  background: #EEE;
				  border:none;}
#dailog_box { width:650px;
			  height:400px;
			  margin:0px;
			  padding:0px;
			  border:none; }
			  
#poplogo { width:250px;
		   height:74px;
		   margin:0px auto;
		   padding:20px 0px 0px 0px; }
		
#popup-heading { font-family:"Times New Roman", Times, serif; 
	             font-size:36px; 
	             color:#0066FF; 
	             text-align:center; 
	             width:600px; 
	             margin:30px 0px 0px 0px; 
	             padding:0px;
	             text-shadow: 4px 4px 2px rgba(150, 150, 150, 1); }
	 
#popup-text { font-family:"Times New Roman", Times, serif; 
	          font-size:24px; 
	          color:#333; 
	          text-align:center; 
	          width:600px; 
			  line-height:25px;
	          margin:20px 0px 0px 0px; 
	          padding:0px; }
		  
/* Style the close button (span) */
.close {
  cursor: pointer;
  position: absolute;
  top: 50%;
  right: 0%;
  padding: 12px 16px;
  transform: translate(0%, -50%);
}

.close:hover {background: #bbb;}