@import url(//fonts.googleapis.com/css?family=Oswald:400,700);
 *{margin:0; padding:0;}
 img{border:none; max-width:100%; height:auto;}
 header,footer,aside,nav,article,section,img{display:block;}
 body{text-align:center; background:#ffffff; color:#333; font-family:Arial; font-size:1em;}
 a{color:blue; text-decoration:none; outline:none; }
 a:hover{text-decoration:underline; }
 p{margin:15px 0; }
 ul{list-style:none;}
 .header{padding-top:20px; padding-bottom:10px; }
 .header h1, h1{font-size:2.5em; color:#ff6801; text-transform:uppercase; text-shadow:-1px 0 1px #000, 1px 0 1px #000, 0 -1px 1px #000, 0 1px 1px #000;}
 .header h1 a{color:#ff6801; text-decoration:none; }
 .header h3{font-family:'Oswald'; text-transform:uppercase; }
 #road-work-ahead{position:absolute; top:5px; z-index:1000; width:180px; height:180px;}
 #home #road-work-ahead{width:300px; height:300px; }
 nav{background:#000; }
 ul.nav{padding:20px 0; }
 ul.nav > li{position:relative; display:inline-block; /*border-left:solid 1px #fff;*/}
 ul.nav > li:first-child{border-left:none; }
 ul.nav > li:after{display:inline-block; content:'|'; color:#fff;}
 ul.nav > li:last-child:after{content:''; }
 ul.nav > li > a{padding:12px; color:#fff; font-size:0.85em; text-transform:uppercase; -moz-transition:color 0.3s ease-in-out; -webkit-transition:color 0.3s ease-in-out; transition:color 0.3s ease-in-out;}
 ul.nav > li:first-child a{padding-left:0; }
 ul.nav > li > a:hover{text-decoration:none; color:#ff6801; -moz-transition:color 0.3s ease-in-out; -webkit-transition:color 0.3s ease-in-out; transition:color 0.3s ease-in-out;}
 ul.nav > li ul{overflow:hidden; position:absolute; top:32px; left:-4px; z-index:5000; width:250px; height:0; background:#000; padding:0 3px; text-align:left; -moz-transition:color 0.4s ease-in-out; -webkit-transition:color 0.4s ease-in-out; transition:all 0.4s ease-in-out;}
 ul.nav > li:hover ul{display:block; height:101px; -moz-transition:color 0.4s ease-in-out; -webkit-transition:color 0.4s ease-in-out; transition:all 0.3s ease-in-out;}
 ul.nav > li ul li{display:block; padding:5px; border-bottom:solid 1px #ddd;}
 ul.nav > li ul li a{display:block; padding:2px; color:#fff; text-decoration:none; font-size:0.9em;}
 ul.nav > li ul li a:hover{color:#ff6801; -moz-transition:color 0.4s ease-in-out; -webkit-transition:color 0.4s ease-in-out; transition:color 0.4s ease-in-out; }

 .btn{display:block; background:#ff6801; padding:5px 8px; color:#fff; border:solid 1px #666; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; text-transform:uppercase; cursor:pointer; -moz-box-shadow:2px 2px 3px #000; -webkit-box-shadow:2px 2px 3px #000; box-shadow:2px 2px 3px #000;}
 .btn:hover{-moz-box-shadow:1px 1px 1px #000; -webkit-box-shadow:1px 1px 1px #000; box-shadow:1px 1px 1px #000; }
 .btn:active{-moz-box-shadow:0 0 0 #000; -webkit-box-shadow:0 0 0 #000; box-shadow:0 0 0 #000; }
 .clear{clear:both; }
 .font15{font-size:1.5em; }
 .hidden{display:none; }
 .img-float-right{float:right; margin:15px 0 15px 15px;}
 .list{margin:0.75em 0 0 0.75em; padding:0 1em;}
 .list .list{margin:0 0 0.75em 0.25em; }
 .list-tri-bullet li:before{display:block; height:0; width:0; position: relative; left:-1em; top:0.9em; content: ""; border-color: transparent #ff6801; border-style: solid; border-width: 0.25em 0 0.25em 0.35em;}
 .main h1{margin-top:15px; }
 .margin25{margin:25px 0; }
 .margin50{margin:50px 0; }
 .page-banner{margin-bottom:25px; }
 .page-banner > img{width:100%; height:auto; }
 .side-images{text-align:center; }
 .side-images > img{margin:0 auto; }

 .product{height:275px; margin-bottom:15px;}
 .product h2{text-transform:uppercase; text-align:center; }
 .product h2 a{color:#333; text-decoration:none; }
 .product h3{margin-top:10px; }
 .product-details-link{display:block; height:220px;}
 .product-details-link, .fancybox-skin{background:#fff; }
 .product-img{max-height:100%; width:auto; margin:0 auto; vertical-align:middle;}
 .details h2{margin-bottom:8px; border-bottom:solid 1px #ff6801; }
 .list{margin:0; }
 /*
 .page-banner{height:329px; max-width:1920px; margin:0 auto 25px; background:url('images/banner-bg.jpg') no-repeat center center / cover;}
 .page-banner > .banner-text{height:100%; background:url('images/caption-bg2.png') no-repeat left center; color:#fff; text-align:left; line-height:545px;}
 .page-banner > .banner-text > h1{margin-left:25px; color:#fff; font-size:2.25em;}
 */
 .txt-red{color:#e40812; }
 .txt-left{text-align:left;}
 .txt-right{text-align:right;}
 .txt-center{text-align:center;}
 .txt-workzone{color:#ff6801; text-transform:uppercase; text-shadow:-1px 0 1px #000, 1px 0 1px #000, 0 -1px 1px #000, 0 1px 1px #000; }
 .certification-logos{background:#222; margin-top:50px; }
 .certification-logos img{display:inline-block; height:60px; width:auto; margin:15px;}
 footer{min-height:300px; padding:15px 0; background:#000; text-align:left; color:#fff; font-size:0.85em;}
 footer a{color:#ff6801;}
 footer .grid{overflow:inherit; }
 footer .col-1-2{overflow:inherit; position:relative; z-index:10; min-height:200px;}
 footer strong{font-size:1.5em; text-shadow:-1px 0 1px #ff6801, 1px 0 1px #ff6801, 0 -1px 1px #ff6801, 0 1px 1px #ff6801; }
 footer .nav > li{border:none; }
 footer .nav > li > a{padding:5px; }
 footer #work-cone{position:absolute; top:-50px; right:0; z-index:100;}

 .show-menu{display:none;}
 #show-menu{display:none;}

 @media only screen and (max-width: 920px) {
   #road-work-ahead{display:none; height:0; }
 }
 @media only screen and (max-width: 768px) {
   .show-menu{z-index:7000; display:block !important; padding:10px; text-align:right; cursor:pointer;}
   .show-menu img{cursor:pointer; margin:0 0 0 auto;}
   #show-menu:checked ~ nav{display: block;}
   nav{display: none; position: relative;}
   ul.nav{position:absolute; z-index:5000; top:0px; left:0%; width:100%; margin:0; padding:0; -moz-box-shadow:0 2px 3px rgba(0,0,0,0.5); -webkit-box-shadow:0 2px 3px rgba(0,0,0,0.5); box-shadow:0 2px 3px rgba(0,0,0,0.5);}
   .nav > li{width:100%; margin:0; padding:0; background:#ccc; background:rgba(0,0,0,0.95); text-align:left; border-bottom: dotted 1px #fff;}
   .nav > li:last-child{margin:0;}
   .nav > li:after{display:none; content:''; }
   .nav > li > a{display:block; width:100%; padding:15px 15px 15px 20px; color:#fff !important;}
   ul.nav > li:first-child a{padding:15px 15px 15px 20px;}
   .nav > li > a:hover{color:#777 !important; }
   .nav > li > ul{display:none !important; }
   ul.nav > li::after{display: none;}
 }