@import url("reset.css");

#preload { display:none; }

body { color:#2e3f48; /*background-image: url(../images/bg.jpg);*/ background-repeat: no-repeat; background-position: center top; background-color:#1f1f1f; width:100%; }
body.home { background-image: url(../images/bg.jpg); } 
html.ourwork { background-image: url(../images/bg_ourwork.jpg); } 
html.testimonials { background-image: url(../images/bg_testimonials.jpg); background-size:cover; } 
html.quote { background-image: url(../images/bg_quote.jpg); } 
html.servicearea { background-image: url(../images/bg_servarea.jpg); } 

body { font-family:Arial, Helvetica, sans-serif; font-size:13px; width:100%; }

#container, #header-contents { width:960px; margin:50px auto; }


	#header { background-color:#fff; width:100%; height:80px; }
	#header-contents {  }
	.social {
    padding: 21px 0 0px;
	    margin-bottom: -16px;
}
i.fa {
    font-size: 24px;
    color: #a9a9a9;
    padding: 0px 4px;
}

body {
    margin: 0;
}
		#logo { float:left; margin-top:2px; }
		#numbers {position: absolute;top: -40px; right: 10px; color:#0D6FA0; font-size:16px; line-height:22px;}
        #nav { position:relative; float:right; padding-top:10px; margin-top:40px; clear:right; height:20px; width:835px; text-align:right; }  
		#nav a { float:left; width:94px; text-align:center; color:#40535e; font-weight:bold; font-size:12px; text-decoration:none; }  
		#nav a:hover { color:#2e3f48; }
		.nav li a::after {content: " |";font-size: 13px;padding: 0 5px;}
		#nav-contact:after {content: "";padding: 0!important;}
		#nav a#nav-asp {    width: 118px!important;}
		#nav a#nav-asp:hover {color: #95a0a9;}
		#nav a#nav-inter {    width: 142px!important;}
		#nav a#nav-inter:hover {color: #95a0a9;}
			#nav a#nav-home { width:50px; text-align:left; }
			#nav a#nav-home:hover {color:#95a0a9; }
			body.home #nav-home { cursor:pointer; }
			#nav a#nav-work {width:84px; }
			#nav a#nav-work:hover { color:#95a0a9;}
			html.work #nav a#nav-work { color:#fff; }
			#nav a#nav-serv{ }
			#nav a#nav-serv:hover { color:#95a0a9;}
			html.serv #nav a#nav-serv { color:#fff; }
			#nav a#nav-servsub{ }
			#nav a#nav-servsub:hover { color:#95a0a9;}
			html.servsub #nav a#nav-servsub { color:#fff; }
			#nav a#nav-test { width:116px; }
			#nav a#nav-test:hover {  color:#95a0a9;}
            #nav a#nav-water {width:125px; }
			#nav a#nav-water:hover { color:#95a0a9;}
			html.work #nav a#nav-water { color:#fff; }
			html.test #nav a#nav-test { color:#fff; }
			#nav a#nav-contact { width:88px;  }
			#nav a#nav-contact:hover { color:#95a0a9; }			
			body.contact #nav a#nav-contact { }
			.kischez label:hover{ color:#95a0a9;}
			
	#message { text-align:right; }
	
	#content { padding-bottom:20px; background-color:#fff; }
	body.home #content { margin-top:28px; background:transparent url(../images/bg-top.png) repeat scroll; }
		p { padding:2px 0; }
		 h1  { margin-top:20px; }
		h3 { margin-top:15px; }	
	
	#footer { clear:both; float:left; margin-top:20px; color:#fff; font-size:10px; line-height:1.3em; width:100%; }
		#footer a:hover { text-decoration:underline; }
		.ftr-logo { margin:20px 0 0 20px; }
		
		
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
  color:#95a0a9 !important;
}

	
	.cols-1, .cols-2, .cols-3, .cols-4, .cols-5, .cols-6, .panel-about { display:inline; float:left; margin-left:0px; margin-right:25px; }
	.cols-1 {width: 140px; }
	.cols-2 {width: 296px;}
	.cols-3 {width: 452px;}
	.cols-4 {width: 608px;}
	.cols-5 {width: 764px;}
	.cols-6 {width: 920px;}
	.panel-about { width: 920px; padding:0 20px; }
	
	.panel-quote {
  padding-right: 0 !important;
} 
	
	
em { font-style:italic; }
strong { font-weight:bold; }
a { color:#000; text-decoration:none; }
a:hover { text-decoration:underline; }	
	html.who div.panes a { color:#4DC8E9; }


h1 { font-size:35px; font-weight:bold; padding:10px 0; } 
	html.what h1 { color:#FDB825; }
	html.how h1 { color: #A5C22D; }
	html.who h1 { color: #4DC8E9; }
	
h1 em { }
h2 { color:#161C23; font-size:20px; font-weight:bold; } 
h3 { color:#161C23; font-size:11px; font-weight:bold; line-height:1.4em; } 
h4 { color:#161C23; font-size:12px; font-weight:bold; }
h5 { } 

ul.dropdown{
    list-style-type: none;
    padding: 0;
    width: 200px;
    border: 1px solid #ccc;
    display: none;
}
 .kischez {
   position: relative;
    width: 14%;
    float: left;
}
ul.dropdown {
   position: absolute;
    width: 100%;
    top: 20px;
    background: #fff;
    padding: 4px 25px;
}
input[name=trigger] {
    display: none;
}
ul.dropdown li {
    padding: 10px 0 16px;
    width: 100%;
    border-bottom: 1px solid;
}

ul.dropdown li a {
    display: block;
}

label {
    cursor: pointer;
}
input[name="trigger"]:checked + ul {
    display: block;
}
ul.dropdownmneu li a{
    float: left;
    width: 200px;
    text-align: center;
    color: #40535e;
    font-weight: bold;
    font-size: 12px;
    text-decoration: none;
}

.cta {
    background-color:#CCE0E9;
    color: #0E6EA0;
    padding: 15px;
    font-size:17px;
    text-align:center;
}

.shadow {
    box-shadow: 10px 10px 5px #888888;
    margin-top: 10px;
}

.testimonials .social
{
	margin-bottom:0px !important;
}
@-moz-document url-prefix() 
{ 
  .asphalt #container, .asphalt #header-contents {
     margin: 40px auto !important; 
  }
  .social {
    padding: 21px 0 0px;
    margin-bottom: -45px !important;
}
#nav a#nav-home {
    width: 52px;
    text-align: left;
}
html.home #footer
{
	margin-top: 50px !important;

}
.ourwork #footer {
    margin-top: 20px !important;
}
  .home.asphalt #content
  
  {
height:auto!important;	  
  }
  
}
body.home #content {
    height: auto !important;
    width: 960px !important;
    margin: 0 auto;
    padding: 30px 40px;
}
.navbar-default {
  background-color: #fff;
  border-color: transparent;
  margin-top: 50px;
}
.container {
  /*width: 960px !important;*/
  width: 1100px !important;
}
.social-ftr-icon {
  float: right;
}
.shadow {
  width: 100%;
  height: auto;
}
#contactform table tr td {
  display: inline-block;
  margin-right: 20px;
  width: 30%;
}
#contactform table tr td:last-child {
  margin-right: 0;
}
#contactform .contact_textarea tr td {
  width: 100%;
}
/* ************************************************responsive css**************************************************** */
@media only screen and (min-width: 220px) and (max-width: 767px) {
.container{
  width: 100% !important;
}
body.home #content {
  padding: 30px 20px;
  width: 100% !important;
}

#message > img {
  height: auto;
  width: 100%;
}
#nav {
  float: left;
  height: auto;
  margin-top: 0;
  padding: 10px;
  text-align: left;
  width: 100%;
}
.nav {
  background: #fff none repeat scroll 0 0;
  position: relative;
  z-index: 9;
}
#numbers {
  display: none;
}
#nav a {
  float: none;
  line-height:22px;
  text-align: left;
  width: 100%;
}
.nav li a::after {
  display: none;
}
#logo {
  width: 55%;
}
#logo img {
  height: auto;
  width: 100%;
}
.navbar-toggle {
  margin-bottom: 0 !important;
  margin-right: 35px !important;
  margin-top: 24px !important;
}
.more {
  margin-bottom: 10px;
}
#footer {
  margin-left: 0;
}
.social-ftr-icon {
  display: block;
  float: none;
  margin-top: 10px;
}
.ftr-bnr > img {
  height: auto;
  margin-bottom: 15px;
  width: 100%;
}
.ftr-logo {
  margin:20px 0 0;
}
.shadow {
  margin-bottom: 30px;
}
#gallery ul img {
  margin-bottom: 20px;
  width: 100%;
  height:auto;
}
#gallery {
  width: 100% !important;
}
#contactform table tr td {
  margin-right: 0;
  width: 100%;
}
}
@media only screen and (min-width: 480px) and (max-width:640px){
#logo img {
  height: auto;
  width: auto;
}
}
@media only screen and (min-width: 768px) and (max-width:1023px) {
.container{
  width: 100% !important;
}
body.home #content {
  padding: 30px 20px;
  width: 100% !important;
}
.navbar-default {
  padding: 30px 0;
}
#message > img {
  height: auto;
  width: 100%;
}
#nav {
  margin-top: 10px;
}
#footer {
  margin-left: 0;
}
#numbers {
  top: -55px;
}
.ftr-bnr > img {
  height: auto;
  width: 100%;
}
#gallery {
  width: 100% !important;
}
#contactform table tr td {
  margin-right: 0;
  width: 100%;
}
}
@media only screen and (min-width: 980px){

#nav {
  margin-top: 40px;
}
#numbers {
  top: -40px;
}
html {
  height: 100%;
}
 body.home #content {
  padding: 30px 40px;
  width: 100% !important;
}
}