@charset "utf-8";
/* CSS Document */

@import url('/css/font-awesome.min.css');

/*===================== 
	CSS reset/normalize 
=======================*/

/**Correct `block` display not defined in IE 8/9.**/
article,aside,details,figcaption,figure,footer,header,hgroup,
main,nav,section,summary {display: block;}
pre {white-space: pre-wrap;}
small { font-size: 80%;}

.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12,
.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,
.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,
.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,
.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12 {
		padding-left: 0; padding-right: 0;
}

/*===================== 
	default styles 
=======================*/

html {-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; scroll-behavior: smooth;}
.clear { clear: both;}

a:focus, a:hover {text-decoration: none; outline:none!important; color: #4d4d4d;}

/*---------------------NAVIGATION------------------*/

.top-header {padding: 15px 5%; background-color: #ebebeb; }
.btm-header {padding: 0 5%; background-color: #008737;}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	background-color: #008737;
	text-align: center;
	padding: 0;
}
.navbar-nav>li {float: none; display: inline-block;}
.navbar-default .navbar-nav>li>a {
	background-color: transparent; 
	color: #fff;
	font-family: 'Oswald',sans-serif;
	font-weight: 600; 
	text-transform: uppercase;
	font-size: 15px;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
	background-color: #00682c;
	color: #fff;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
	background-color: #00682c;
	color: #fff;
}
.nav>li>a {padding: 15px 20px;}

.dropdown-menu {
	padding: 0;
	border: none;
	border-radius: 0px;
}
.CaptchaWhatsThisPanel a {color:#000!important;}
.dropdown-menu>li>a {
	padding: 10px 15px; 
	font-family: 'Oswald', sans-serif;
	font-weight: 400; 
	color: #fff;
	background-color: #2e2e2e;
	text-transform: uppercase;
	font-size: 14px;
	border-bottom: solid 1px #ebebeb;
}
.dropdown-menu>li>a:hover {
	color: #fff;
}

.navbar-nav {float: none;}
.nav-contact {margin: 0; padding: 8px 0;}
.nav-contact a {
	font-family: 'Oswald',sans-serif;
	font-size: 18px; 
	color: #2e2e2e!important;
	font-weight: 500; 
	letter-spacing: 1px;
}
.nav-contact a:hover {color: #008f3b!important;}
.head-logo {
    width: 100%;
    max-width: 525px;
    height: auto;
}
.head-contact-section {padding-top: 14px;}


/*---------------------MOBILE NAVIGATION------------------*/

.navbar-default {
	background-color: #008f3b;
	border: none; 
	border-radius: 0px;
	margin: 0;
}

.navbar-default .navbar-toggle {border: none; margin: 0; padding: 15px 5%;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background: transparent;}
.navbar-collapse.in {margin: 0;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {background-color:#00682c;}
.navbar-default .navbar-toggle .icon-bar {background-color: #fff;}

/*===================== 
	Scrolling Inventory
=======================*/

.scrolling-bg {
	background-image: url('/siteart/cement-bg.jpg'); 
	background-size: cover;
	background-position: center;
	padding: 15px 0;	
}

.scrolling-wrap {
    width:100%;
    height:90px;
    overflow:hidden;
}
.scrolling{
    width:100%;
    height:92px;
}

/*===================== 
	Home Hero Section
=======================*/

.hero-section {
	background-image: url('/siteart/hero-img.jpg');
	background-color:#000;
	background-size: cover; 
	background-position: bottom center;	
	padding: 10vw 5% 13vw 5%;
}

.hero-para {
	padding-top: 10px;
	margin: 0; 
	max-width: 500px; 
	font-family: 'Nunito Sans',sans-serif;
	font-size: 16px; 
	font-weight: 500; 
	line-height: 22px; 
	color: #fff;	
	letter-spacing: 1px;
}

/*===================== 
	Home About
=======================*/

.about-section {
	background: #ebebeb;
	border-top: solid 4px #008f3b;
	border-bottom: solid 4px #008f3b;
}
.left-img {
	background-image: url('/siteart/about-img-desktop.png'); 
	background-size: cover; 
	background-position: right center;
	height: 430px;
}
.right-about {
	max-width: 700px;
	padding: 50px 5% 50px 3%;
}

/*===================== 
	Home Logo Section
=======================*/

/*-----Logo Section----*/
.man-logo {width: 100%; max-width: 250px; height: auto; display: block; margin: auto; padding: 10px;transition: all .3s ease-in-out;}
.man-logo:hover {transform: scale(1.1);}

/*===================== 
	Home Tabs Quick Links
=======================*/

.click-row {
	padding: 0 5% 50px 5%; 
	margin-top: -5vw;	
}

.tab-wrap {
    padding: 10px 2%!important;
}

.tab-content{
	position: relative; 
	background-image: url('/siteart/tin-bg2.jpg');
	background-color:#000;
	background-size: cover; 
	background-position: center;
	padding: 30px; 
	box-sizing: border-box; 
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); 
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); 
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}

.tab-content:before{
	position: absolute; 
	left: -26px; top: 0; 
	font-family: 'FontAwesome'; 
	content:"\f105"; 
	font-size: 20px;
	padding: 15px 10px; 
	color: #fff; 
	background: #008f3b; 
	transition: all .2s ease-in-out; 
	-moz-transition: all .2s ease-in-out; 
	-webkit-transition: all .2s ease-in-out;
}

.tab-content:hover:before{padding: 47px 10px;}

.cat-title {color: #fff;}
.tab-content:hover .cat-title {color: #008f3b;}

/*===================== 
	Contact Page
=======================*/

.map {width: 100%; height: 350px;}
.contact {
	font-family: 'Nunito Sans',sans-serif;
	font-size: 16px; 
	font-weight: 600; 
	margin: 0; 
	padding: 10px 0 0 0;
}
.contact a {
	color: #000; 
	font-weight: 800;	
}
.contact a:hover {
	color: 	#008f3b;
}

.hours {
	font-family: 'Nunito Sans',sans-serif;
	font-size: 20px; 
	text-transform: uppercase; 
	letter-spacing: 2px;
	font-weight: 600; 
	margin: 0; 
}

.border-box {
	border: solid 1px #2e2e2e;
	padding: 20px; 
}

/*===================== 
	Service Page
=======================*/

.service-wrap {padding: 0 1% 0 0!important;}

/*===================== 
	Products/Parts Page
=======================*/
.gen-wrap {padding: 0 1% 1% 0!important;}
.prod-logo {width: 100%; max-width: 250px; height: auto; display: block; margin: auto; transition: all .3s ease-in-out;}
.prod-logo:hover {transform: scale(1.1);}

/*-------------Parts--------------*/

.part-wrap {padding: 0 1% 1% 0!important;}
.part-box {border: transparent solid 1px; padding: 5%; background: #fff;}
.part-title {
	margin: 0; 
	font-family: 'Oswald',sans-serif;
	font-size: 15px;
	font-weight: 400; 
	color: #2e2e2e;
	text-transform: uppercase;
	text-align: center;
	line-height: 20px;
}
.part-box:hover {border-color: #008f3b;}
.part-box:hover .part-title {color: #008f3b;}


/*===================== 
	footer styles 
=======================*/
.footer-bg {background-color: #2e2e2e; padding: 50px 5%;}
.foot-logo {width: 100%; max-width: 375px; height: auto;}
.copyright-txt {
	font-family: 'Nunito Sans',sans-serif;
	font-size: 12px; 
	text-transform: uppercase;
	line-height: 14px;
	margin: 0;
	letter-spacing: 1px;
	font-weight: 400;
	color: #969696;
}
.copyright-txt a {color: #969696; font-weight: 600;}
.copyright-txt a:hover {color: #008f3b;}

.footer-section {padding-right: 2%!important; box-sizing: border-box;}


.foothead {
	font-family: 'Oswald',sans-serif;
	font-size: 20px; 
	margin: 0; 
	text-transform: uppercase;
	padding-bottom: 10px;
	color:#00AD48!important;
}
.foot-list {list-style-type: none; padding: 0; margin: 0;}
.foot-list li a {
	font-family: 'Nunito Sans',sans-serif;
	font-size: 14px; 
	line-height: 20px; 
	color: #fff;	
	font-weight: 400;
}
.foot-list li a:hover {
	color: #008f3b;
}

.foot-icon {
	display: inline-block;
}
.contact-txt {
	display: inline-block;
	font-family: 'Nunito Sans',sans-serif;
	font-size: 14px; 
	line-height: 20px;
	font-weight: 400;
}
.foot-link {color: #fff!important;}
.foot-link:hover {color: #008f3b!important;}
.fax-no {color: #fff!important;}

.footer-contact {padding-bottom: 15px;}

/*===================== 
	form styles 
=======================*/



.form-body {padding-top: 30px;}
.form-inner {border: solid 1px #2e2e2e; padding: 30px;}
.input-wrap {padding: 5px;}
.date-wrap {padding: 5px;}
.field {width: 100%; padding: 5px; font-family: 'Nunito Sans',sans-serif; font-size: 15px;}
.datefield {width: 100%; padding: 5px; font-family: 'Nunito Sans',sans-serif; font-size: 15px;}
.textfield {width: 100%; padding: 5px; height: 125px; font-size: 15px; font-family: 'Nunito Sans',sans-serif;}

.formcontent {
	display: inline;
	font-family: 'Nunito Sans',sans-serif;
	font-weight: 500;
}

.form-head {
	padding: 30px 0 10px 0; 	
	text-align: center;
	border-bottom: #00682c dotted 4px;
	margin-bottom: 10px;
}
.form-head-txt {
	margin: 0; 
	text-align: center; 
	font-family: 'Oswald',sans-serif; 
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #00682c;	
	font-size: 25px;
}

/*===================== 
	typography styles 
=======================*/

.head {
	font-family: 'Oswald',sans-serif; 
	font-size: 45px; 
	margin: 0; 
	font-weight: 800; 	
	text-transform: uppercase;
	line-height: 45px;
}

.l-head {
	font-family: 'Oswald',sans-serif; 
	font-size: 40px; 
	margin: 0; 
	font-weight: 300; 	
	text-transform: uppercase;
	line-height: 40px;
}

.smhead {
	font-family: 'Oswald',sans-serif; 
	font-size: 30px; 
	margin: 0; 
	font-weight: 800; 	
	text-transform: uppercase;
}

.subhead {
	font-family: 'Nunito Sans',sans-serif;
	font-size: 18px; 
	padding-top: 10px;
	font-weight: 400;
	text-transform: uppercase; 
	letter-spacing: 3px; 
	margin: 0; 	
}

.sp-head {
	font-family: 'Nunito Sans',sans-serif;
	font-size: 18px; 
	font-weight: 600;
	text-transform: uppercase; 
	letter-spacing: 2px; 
	margin: 0; 	
}

.content {
	font-family: 'Nunito Sans',sans-serif;
	font-size: 16px; 
	font-weight: 400;
	margin: 0; 
	line-height: 20px;
}

.green {color: #008f3b;}
.d-green {color: #00682c;}
.black {color: #2e2e2e;}
.white {color: #fff;}
.lgrey {color: #ebebeb;}
.grey {color: #4c4c4c;}

.bold {font-weight: 800;}
.italic {font-style:italic;}
.center {display: block; margin: auto; text-align: center;}

.content a {font-weight: 800; color: #2e2e2e;}
.content a:hover {color: #008f3b;}

/*===================== 
	button styles 
=======================*/

.btn-wrap {padding-top: 20px;}

.gen-btn{
  display:inline-block;
  position:relative;
  cursor:pointer;
  background:#008737;  
  color:#fff; 
  font-family: 'Nunito Sans', sans-serif;
  text-transform: uppercase; 
  font-weight: 500; 
  letter-spacing: 2px; 
  z-index: 0;
  border: none!important;
  padding: 12px 25px 12px 25px;
}
.gen-btn:before {
  content: "";
  position: absolute;
  z-index:-1;
  top: 0;  left: 0;  right: 0;  bottom: 0;
  background: #00682c;
  transform: scaleX(0);
  transform-origin: 0 50%;
  transition: transform .3s ease-out;
}
.gen-btn:hover:before{transform: scaleX(1);}

.form-btn{
  display:inline-block;
  position:relative;
  cursor:pointer;
  background:#008737;  
  color:#fff; 
  font-family: 'Nunito Sans', sans-serif;
  text-transform: uppercase; 
  font-weight: 500; 
  letter-spacing: 2px; 
  z-index: 0;
  border: none!important;
  padding: 12px 25px 12px 25px;
  transition: .3s ease-out;
}
.form-btn:hover {
	background: #00682c;
}

.mobile-btn-wrap {padding-top: 15px;}
.mobile-contact-btn {
	border: solid 1px #2e2e2e;
	border-radius: 0px;
	padding: 10px 15px;	
	color: #2e2e2e;
	font-size: 16px;
}
.mobile-contact-btn:hover {
	border-color: #008f3b; 
	color: #008f3b;
	background-color: #fff;
}


/*===================== 
	Page Hero 
=======================*/

.page-hero {
	padding: 8vw 5%;	
	background-size: cover;
	background-position: left center; 
	background-color: #4d4d4d;
}


/*-----------Common Styles---------------*/

.max-1400 {max-width: 1400px; display: block; margin: auto;}

.pad-row {padding: 50px 5%;}
.pad-top {padding-top: 20px;}
.pad-btm {padding-bottom: 20px;}
.space-btm {padding-bottom: 1%;}

.pad-left-row {padding: 50px 0 50px 10%;}

.notop {padding-top: 0;}
.nobtm {padding-bottom: 0;}
.left-content {padding-right: 2%;}
.right-content {padding-left: 2%;}
.align-left {text-align: left;}
.align-right {text-align: right;}

.add-btm {padding-bottom: 50px;}
.add-top {padding-top: 50px;}
.add-top-25 {padding-top: 25px;}

.mar-btm-50 {margin-bottom: 50px;}

.g-border-thin {border-top: solid 3px #008f3b;}
.g-border-thick {border-top: solid 6px #008f3b;}

.grey-bg {background-color: #ebebeb;}

/*==========================================================================
	MEDIA QUERIES
==========================================================================*/


@media only screen and (max-width: 1100px) {
	.head-contact-section {padding-top: 5px;}
}

@media only screen and (max-width: 991px) {
   .navbar-toggle {
    display: block !important;
    position:absolute;
    right:0;
	}
	.navbar-nav > li{
	display:block;
	width:100%;
	text-align:right;
	}
	 
	.navbar-collapse {
		position:relative;
		top:40px;
		margin-bottom:40px !important;
	} 
	  
	.navbar-collapse.collapse {
		display:none !important;
	} 
	  
	.navbar-collapse.in{
	display:block !important ;
	}
	.navbar-nav > li {text-align: center;}
	.navbar-default .navbar-nav>li>a {font-size: 14px; padding: 10px;}
	.dropdown-menu {float: none; -webkit-box-shadow:none;box-shadow:none; position:unset;;}
	.dropdown-menu>li>a {font-size: 14px; text-align: center; padding: 10px;}
	.left-img {background-image: url('/siteart/about-img.jpg'); height: 300px;}
	.footer-bg {padding: 30px 5%;}
	.foot-logo {max-width: 200px;}
	.foothead {font-size: 18px; }
	.right-about {max-width: 100%; padding: 30px 5%!important;}
	.tab-wrap {padding: 10px 3%!important;}
	.left-content {padding-right: 0!important;}
	.right-content {padding-left: 0!important; padding-top: 30px;}
	.service-wrap {padding: 0 0 15px 0!important;}
	
	/*------MOBILE NAVIGATION--------*/
	
	.btm-header {padding: 0;}
	.centernav {background-color: #383838;}
	.navbar-default .navbar-nav>li>a {border-bottom: solid 1px #ebebeb;}
	.dropdown-menu>li>a {background-color: #000;}
	
	 /*-----------Font Size Changes-------------------*/
	   .smhead {font-size: 28px;}
	   .head, .l-head {font-size: 35px; line-height: 35px;}
	   .form-head-txt  {font-size: 22px;}
	   .hours {font-size: 18px;}
	
}

@media only screen and (max-width: 767px) {
   .navbar-default .navbar-collapse, .navbar-default .navbar-form {border: none;}
   .navbar-nav {margin: 0;}
   .navbar-default .navbar-nav .open .dropdown-menu>li>a {color: #fff; padding: 10px;}
   .navbar-default .navbar-toggle {padding: 18px 8%;}
   .navbar-collapse {top: 50px;}
   .gen-btn {font-size: 12px;}
   .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {color: #fff;}
   
   .tab-content:before {display: none;}
   .tab-content {border-left: solid 5px #008f3b;}
   .tab-wrap {padding: 8px!important;}
   .tab-content {padding: 20px;}
   
   .footer-section {padding: 20px 0 0 0!important; text-align: center;}
   .foot-logo {display: block; margin: auto;}
   .man-logo {padding: 15px!important;}
   .head-logo {max-width: 250px;}
   .foothead {font-size: 16px;}
   .part-box {padding: 15px!important;}
   .part-wrap {padding: 0 0 10px 0!important;}
   
   
   /*-----------Font Size Changes-------------------*/
   .smhead {font-size: 25px;}
   .subhead {font-size: 16px;} 
   .head, .l-head {font-size: 30px;}
   .content {font-size: 14px;}
   .form-head-txt  {font-size: 20px;}
   .field {font-size: 14px;}
   .datefield {font-size: 14px;}
	.textfield {font-size: 14px;}
   
   /*-----------Layout Changes-------------------*/
   .hero-section {text-align: center;}
   .click-row {margin-top: auto; padding: 30px 5%!important;}
   .pad-row {padding: 30px 5%!important;}
   
}

/*-----------Hide above 600 pixels----------------*/
@media only screen and (min-width: 601px) {
	.show-mobile {display: none;}
}

/*----------Show starting at 600 pixels----------------*/
@media only screen and (max-width: 600px) {
	.hide-mobile {display: none;}
}

@media only screen and (max-width: 500px) {
	.tab-content {padding: 15px;}
	.mobile-contact-btn {padding: 8px 12px;}
	
	/*-----------Font Size Changes-------------------*/
   .smhead {font-size: 20px;}
   .head, .l-head {font-size: 25px; line-height: 25px;}
   .form-head-txt  {font-size: 18px;}
}


@media only screen and (max-width: 400px) {
	.tab-wrap {width: 100%;}
	.tab-content {padding: 20px;}
	.mobile-btn-wrap {display: none;}
	.mob-fw {width: 100%;}
	.head-logo {max-width: 200px; height: auto; display: block; margin: auto;}
}