/*

Theme Name: nwkbuildingprojects.com.au
Theme URI: http://nwkbuildingprojects.com.au/
Author: Narpat Singh
Author URI: http://digitelwebsolutions.in
*/


body {
    color: #333333;
    font-family: Century Gothic !important;
    font-size: 14px;
    line-height: 1.42857;
}
.bodybg{
	background: url(images/bodytop.jpg);
    background-repeat:repeat-x;
    background-position:center top;
    background-attachment:scroll;
    background-size:100% 542px;
}

.inbodybg{
	background: url(images/bodytop.jpg);    background-repeat:repeat-x;



}

.topbg{
		background: url(images/bodddybg.jpg) no-repeat top center; background-size:100% 413px;  background-position:center top;	}
.Logo{ text-align:left; }
.Topsocial{margin-top:13px; float:right; text-align:right;} 
.Topsocial img{ width:35px; height:39px;  background:url(images/imgbg.png) no-repeat; cursor:pointer;}
.Topsocial img:hover{width:35px; height:39px;   background: url(images/imghover.png) no-repeat;}
.Topcall{ float:right; margin-top:-12px; margin-bottom:12px;}
.Topcall h3{ font:24px Century Gothic; color:#FAFAFA; text-align:right; background:url(images/calltop.png) no-repeat left center; max-width:410px; min-height:35px; float:right; padding-left:40px; }
.Topnavibg{ background: url(images/topnavbg.jpg) repeat-x; min-height:51px; }
.navbar{ margin:0px 0px;}
.navbar{ margin:0px 0px;}
.navbar-default{ background:none !Important; border:none !Important; color:#FFFBFB !Important; margin-bottom:0px;}
.navbar-default ul
.navbar-default ul li{ color:#FFFBFB !Important; font:14px "Century Gothic"; font-weight:bold !Important; text-transform:uppercase; border-right:1px solid #DD0D0C;}
.navbar-default ul li:last-child{ border:none;}
.navbar-default ul li a{ text-decoration:none; color:#FFFBFB !Important; font-weight:bold !Important; text-transform:uppercase;}
.navbar-default ul li a:hover{ text-decoration:none; 	background-color:#CE0000 !Important; color:#FFFBFB !Important;}
.navbar-default ul li ul{color:#FFFBFB !Important; background-color:#F13131; font: bold 12px "Century Gothic" !Important; text-transform:uppercase;}
.navbar-default ul li ul li{color:#FFFBFB !Important;  font: bold 12px "Century Gothic"; text-transform:uppercase;}
.navbar-default ul li ul li a{color:#FFFBFB !Important; text-decoration:none;}
.navbar-default ul li ul li a:hover{color:#FFFBFB !Important; text-decoration:none; background-color:#CE0000 !Important;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
	color:#555;
	background-color:#CE0000 !Important;
}

.navbar-default .navbar-nav > .active > a {
  background-color:#CE0000 !Important;
 
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  background-color:#CE0000 !Important;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
	background-color:#CE0000 !Important;
	color:#555;
}
dropdown-menu ul{background-color:#CE0000 !Important;}
dropdown-menu ul li a{background-color:#CE0000 !Important; text-decoration:none; font-weight:bold !Important;}
dropdown-menu ul li a:hover{background-color:#CE0000 !Important; text-decoration:none;}


.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  background-color:#CE0000 !Important;
}  



.BannerBox{ background:none; width:100%;}

#map {
    width: 100% !important;
    height: 100%;
}
.Clear{ clear:both;}
.Mainmidbanners{ padding-left:8px; padding-right:8px; margin-top:40px !important;  }
.Midbanners{ background:none; float:left; padding-left:2px !important; padding-right:2px !important; margin:5px 0px 0px 0px; margin-top:0px; }
.Midbanners img{display: block;
  max-width: 100%;
  height: auto; position:relative; z-index:1;}
  .Midbanners h4{font:bold 30px Century Gothic; color:#FAFAFA; position: relative;  z-index:2;
   top:-210px; 
   left: 0; 
   background: rgb(0, 0, 0); /* fallback color */
   background: rgba(0, 0, 0, 0.7);
   width: 100%; padding-top:10px; padding-bottom:10px; padding-left:15px;}

  .Midbanners h4 a{color:#FAFAFA; text-decoration:none;}


.Midtext{ text-align:center; margin-top:-20px; position:relative; top:-28px; }
.Midtext p{ font:30px Century Gothic; color:#4C4C4C;  text-transform:uppercase;}
.Midtext p a{font:20px Century Gothic; color:#F70C0A; text-transform:none; text-decoration:none;   }
.homegallery{ background-color:#EDEDED; }
.homeghead{ text-align:center; background:url(images/headingbg.jpg) repeat-x center center; width:100%; float:left;}
.homeghead h3{ text-align:center; font:30px Century Gothic; color:#F70C0A; text-transform:uppercase; background:#EDEDED;  }
.Galleryimages{ margin-bottom:60px;}

.Galleryimages img{ margin:7px 7px; float:left; border:none !Important;}

.footertop{ background-color:#313131; border-top:5px solid #4A4A4A;}
.Testimonials{ background-color:#4A4A4A;}
.Testimonials h4{ font:30px "Century Gothic"; color:#DDDDDD; float:left; width:65%; padding-left:10px; }
.Testimonials img{ float:left; padding-right:20px; padding-left:10px;  }
.Testimonials p{ font:14px "Century Gothic"; color:#DDDDDD; padding-bottom:20px;}
.Testimonials p a{ font: bold 12px "Century Gothic"; text-decoration:none; color:#DDDDDD; }


.leftbut{ width:22px; height:26px; float:right; margin-right:15px;margin-top:20px; cursor:pointer; }
.leftbut1{ width:22px; height:26px; float:right;margin-top:20px; margin-right:5px; cursor:pointer;}


.Quote{ background:none; padding-left:30px; float:right;}
.Quote h4{ font:bold 30px "Century Gothic"; color:#DDDDDD; }
.Quote h4 span{ color:#DF0C02; }
.filds{ width:100%; height:33px; float:left; border:0px; font:14px Century, "Century Gothic", "Century Schoolbook"; font-weight:bold; color:#000; overflow:hidden; cursor:pointer; background:#D8D8D8; margin-top:8px; padding-left:5px; }
.submit{ width:115px; height:37px; float:left; border:none; margin-top:14px;}
.News{ background:none; clear:both; margin-top:30px;}
.News h5{font:bold 24px "Century Gothic"; color:#DDDDDD; background:url(images/newicon.jpg) no-repeat left top; padding-left:50px;}
.News p{font:14px "Century Gothic"; color:#DDDDDD; padding-bottom:20px;}
.News p a{ font: bold 12px "Century Gothic"; text-decoration:none; color:#DDDDDD !Important; }
.Copyright{ background-color:#000000;}
.Copyright p{ font:14px "Century Gothic"; color:#DDDDDD; padding:30px 0px 20px 0px;}
.fsocial{ text-align:right; padding-top:24px; float:right;}
.fsocial img { cursor:pointer;
/* float: right;*/
  margin:2px 2px;
    opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}

.fsocial img:hover {
    opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}

.Testdtop{ padding-left:0px !Important; padding-right:0px !Important;}
.Newhomemid{ background-color:#fff; margin-top:0px;}
.Newhomemid h1{ font:30px"Century Gothic"; color:#f00; border-bottom:1px solid #E6E6E6; padding:0px 0px 20px 0px;}
.Newhomemid img{ border-top:1px solid #E6E6E6; padding:10px 0px; }

.Resmid{ background-color:#fff; margin-top:0px;}
.Resmid h1{ font:30px"Century Gothic"; color:#f00; border-bottom:1px solid #E6E6E6; padding:0px 0px 20px 0px;}
span.test{ font:30px"Century Gothic"; color:#f00; border-bottom:1px solid #E6E6E6; padding:0px 0px 20px 0px;margin-top: 20px;margin-bottom: 10px;float: left;
width: 100%;}
span.test1{ font:30px"Century Gothic"; color:#f00; border-bottom:1px solid #E6E6E6; padding:0px 0px 20px 0px;margin-top: 20px;margin-bottom: 10px;float: left;
width: 100%;}
.Resmid h2{ font:30px"Century Gothic"; color:#f00; padding:0px 0px 10px 0px;}
.Resmid p a{ color:#f00; font-weight:bold;}
.Resmid h3{ font:20px"Century Gothic"; color:#313131; padding:0px 0px 20px 0px; }
.Resmid h4{ font:20px"Century Gothic"; color:#313131; padding:0px 0px 20px 0px; }
.Resmid h4 span{ font:22px"Century Gothic"; color:#f00; padding:0px 0px 20px 0px;}

.Resmid h5{ font:16px"Century Gothic"; font-weight:bold; color:#f00; padding:10px 0px 10px 0px; }
.Resmid h6{ font:14px"Century Gothic"; font-weight:bold; color:#f00; padding:10px 0px 10px 0px; }

.Resenav{ float:left; padding-left:0px !Important; padding-right:0px !Important; max-width:255px; }
.Resenav ul{ width:100%; float:left; list-style:none; margin-left:0px; padding-left:0px !Important; padding-right:0px !Important; padding-top:20px;}
.Resenav ul li{ font:16px "Century Gothic"; color:#4B4B4B;  background:url(images/inlistbg.jpg) no-repeat; min-height:40px; min-width:250px; float:left;font-weight:bold; line-height:35px;  }
.Resenav ul li a{ color:#4B4B4B; text-decoration:none; padding-left:25px;    }
.Resenav ul li a:hover{ color:#fff; text-decoration:none; background:url(images/inlistbghover.jpg) no-repeat; min-height:40px; min-width:250px; float:left;}

.Whynk{ background-color:#fff; margin-top:0px;}
.Whynk h1{ font:30px"Century Gothic"; color:#f00; padding:0px 0px 20px 0px;}
.Whynk h2{ font:30px"Century Gothic"; color:#f00; padding:0px 0px 10px 0px;}
.Whynk p a{ color:#f00; font-weight:bold;}
.Whynk h4{ font:20px"Century Gothic"; color:#313131; padding:0px 0px 20px 0px; }
.Whynk h4 span{ font:22px"Century Gothic"; color:#f00; padding:0px 0px 20px 0px;}
.Whynk h3, h5{color:#f00;}
.Whynk ul{ margin-left:0px; padding-left:0px !important;}
.Whynk ul li{ background:url(images/whylistbg.jpg) no-repeat left; list-style:none; padding-left:25px; font-weight:bold; font:14px Century Gothic; }

.Services{ background-color:#fff; margin-top:0px;}
.Services h1{ font:30px"Century Gothic"; color:#f00; padding:0px 0px 20px 0px;}
.Services h2{ font:30px"Century Gothic"; color:#f00; padding:0px 0px 10px 0px;}
.Services p a{ color:#f00; font-weight:bold;}
.Services h4{ font:20px"Century Gothic"; color:#313131; padding:0px 0px 20px 0px; }
.Services h4 span{ font:22px"Century Gothic"; color:#f00; padding:0px 0px 20px 0px;}
.Services h3{ font: bold 20px Century Gothic; color:#313131;}
.Services h5{ font: bold 20px Century Gothic; color:#313131;}
.Services ul{ margin-left:0px; padding-left:0px !important;}
.Services ul li{ background:url(images/whylistbg.jpg) no-repeat left; list-style:none; padding-left:25px; font-weight:bold; font:14px Century Gothic; }

.Servicesinbox{ background-color:#F6F6F6; float:left;  border:5px solid #fff;}

.Cotnact{ background-color:#fff; margin-top:0px;}
.Cotnact h1{ font:30px"Century Gothic"; color:#f00; border-bottom:1px solid #E6E6E6; padding:0px 0px 20px 0px;}
.Cotnact img{ border-top:1px solid #E6E6E6; padding:10px 0px; }
.Formaraa{ float:left;}
.Lableclass{ min-width:100px; float:left; vertical-align:top; padding-top:10px;}
.Formaraaslete{border:2px solid #D9D9D9; padding:2px; width:100%; min-width:290px; margin-top:15px;}
.Formaraafild{border:2px solid #D9D9D9; padding:2px; width:100%; min-width:290px; margin-top:15px;  overflow:hidden;}
.TwFormaraafild{border:2px solid #D9D9D9; padding:2px; width:100%; min-width:290px; margin-top:15px; overflow:hidden; min-height:100px; }
.Contsubmit{ width:145px; height:47px; float:left; border:0px; margin-top:20px; margin-bottom:30px; cursor:pointer; }
.Maparea{ border-left:1px solid #E6E6E6; margin-top:-10px; padding-top:0px;}
.Maparea p{ font:bold 14px "Century Gothic"; color:#4B4B4B;}
.Maparea p span{color:#EC3131;}


.Reportsright{ background:none; margin-left:30px; }
.Reportsright h2, h3, h4{ color:#f00; text-transform:uppercase;}
.Reportsright{ background-color:#fff; margin-top:0px;}
.Reportsright h1{ font:30px "Century Gothic"; color:#f00; border-bottom:1px solid #E6E6E6; padding:0px 0px 20px 0px; text-transform:uppercase;}
.Reportsright p{ font:14px "Century Gothic";}



.Reportsright img{display: block;
  max-width: 100%;
  height: auto;  padding:5px 0px; }
  
.Reportsright ul{ margin-left:0px; padding-left:0px !important;}
.Reportsright ul li{ background:url(images/whylistbg.jpg) no-repeat top left; list-style:none; padding-left:25px; font-weight:bold; font:14px "Century Gothic"; line-height:14px; margin-bottom:8px;  }
.Buttonslast{ float:left;}
.Buttonslast img{ float:left; margin-right:12px;}

.Reportsright22{ background-color:#fff; margin-top:0px;}
.Reportsright22 h1{ font:30px "Century Gothic"; color:#f00; border-bottom:1px solid #E6E6E6; padding:0px 0px 20px 0px; text-transform:uppercase;}

.Reportsright22 h4{ font:24px "Century Gothic"; color:#4B4B4B; text-transform:none;}
.Reportsright22 h4 span{ color:#f00;}

  
  


.PResenav{ float:left; padding-left:0px !Important; padding-right:0px !Important; max-width:255px;  }
.PResenav ul{ width:100%; float:left; list-style:none; margin-left:0px; padding-left:0px !Important; padding-right:0px !Important; padding-top:20px;}
.PResenav ul li{ font:16px "Century Gothic"; color:#4B4B4B;  background:url(images/ddinlistbg.jpg) no-repeat; min-height:40px; min-width:250px; float:left;font-weight:bold; line-height:35px;  }
.PResenav ul li img{ float:left; vertical-align:top; padding-left:5px;}
.PResenav ul li a{ color:#4B4B4B; text-decoration:none;    }
.PResenav ul li a:hover{ color:#fff; text-decoration:none; background:url(images/ddinlistbghover.jpg) no-repeat; min-height:40px; min-width:250px; float:left;}

.Resgallery{ background:none; max-width:670px !Important; float:left; margin-left:15px; }
.Resgallery h2, h3, h4{ color:#f00; text-transform:uppercase;}
.Resgallery{ background-color:#fff; margin-top:0px;}
.Resgallery h1{ font:30px "Century Gothic"; color:#f00; border-bottom:1px solid #E6E6E6; padding:0px 0px 20px 0px; text-transform:uppercase;}
.Resgallery p{ font:14px "Century Gothic";}
.Resgallery img{display: block; float:left;
  max-width: 100%;
  height: auto; border:2px solid #fff;}
.paginave{ width:200px; float:right;}
.paginave ul{ float:right; list-style:none;}
.paginave ul li{ font:bold 18px "Century Gothic"; color:#fff; text-align:center;  background-color:#CACACA; display:inline;}
.paginave ul li a{ text-decoration: none; color:#fff; padding:2px 6px;  background-color:#CACACA;}

.Gallerypagi{ float:left; margin:0px; width:100%;}

.Gallerypagi ul{width:100%; float:left; list-style:none; padding-left:0px !Important; padding-right:0px !Important; 
margin-top:15px; border-bottom:3px solid #CE0000;  }
.Gallerypagi ul li{ font:bold 24px "Century Gothic"; color:#fff; text-align:center;  background-color:#F23131; 
float:left; padding:8px 0px; margin-right:8px; }
.Gallerypagi ul li a{ text-decoration: none; color:#fff; padding:8px 15px;  }
.Gallerypagi ul li a:hover{ text-decoration: none; color:#fff;   background-color:#CE0000;}
.Renovationgallery{ float:left; border-bottom:3px solid #CE0000;  width:100%;}
.Renovationgallery img{display: block; float:left;
  max-width: 100%;
  height: auto; border:2px solid #fff; min-width:235px;}

.Reqoute{ position: fixed; z-index:2; left:-15px; float:left; top:170px;}







@media (min-width: 1200px) {
	.BannerBox{ background:none; width:1100px;}
  .BannerBox img{display: block; background:#fff; padding:8px 8px;
    max-width: 100% !important; 
  height: auto;}
}
@media (min-width: 992px) {
	.BannerBox{ background:none; width:800px;}
  .BannerBox img{display: block; background:#fff; padding:8px 8px;
    max-width: 100% !important; 
  height: auto;}  .allinone_carousel{ width: 100% !important; left: -26px !important;}
}
@media (min-width: 768px) {
	.BannerBox{ background:none; width:600px;}
  .BannerBox img{display: block; background:#fff; padding:8px 8px;
    max-width: 100% !important; 
  height: auto;}  .allinone_carousel{ width: 100% !important; left: -26px !important;}
}
@media (min-width: 720px) {
	.BannerBox{ background:none; width:600px;}
  .BannerBox img{display: block; background:#fff; padding:8px 8px;
    max-width: 100% !important; 
  height: auto;}  .allinone_carousel{ width: 100% !important; left: -26px !important;}
}
@media (min-width: 540px) {
	.BannerBox{ background:none; width:440px;}
  .BannerBox img{display: block; background:#fff; padding:8px 8px;
    max-width: 100% !important; 
  height: auto;}  .allinone_carousel{ width: 100% !important; left: -26px !important;}
 

}
@media (max-width: 480px) {
.logo_area img{
margin:0 auto;
display:block;
	}
.newone{
padding:0px;	
	}	
.Topsocial{
padding:0px !important;	
	}
.Topsocial img {
    width: 30px;
	float:left;
}
.Topsocial img:hover {
    width:30px;
	float:left;
}
.Topcall {
    padding: 0 !important;
}
.Topcall h3 {
    font: 20px Century Gothic;
}

.roundabout>div{
    width: 100% !important;	
	}
.header_area{
padding:0px;	
	}	
	
	
	
	
}
@media (min-width: 320px) {
.BannerBox{ background:none; width:220px;}
.BannerBox img{display: block; background:#fff; padding:8px 8px;
  max-width: 100% !important; 
  height: auto;}  .allinone_carousel{ width: 100% !important; left: -26px !important;}
}



li.dropdown {
    display: block;
}
li.dropdown:hover .dropdown-menu {
    display: block;
}