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



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

.none { display:none !important; }
.inline { display:inline; }
.block { display:block; }
.DIB { display:inline-block; }
.TAC { text-align:center; }
.TAL { text-align:left; }
.TAR { text-align:right; }
.left { float:left !important; }
.right { float:right !important; }
.slx_mt_0 { margin-top:0 !important; }
.slx_mr_0 { margin-right:0 !important; }
.slx_mb_0 { margin-bottom:0 !important; }
.slx_ml_0 { margin-left:0 !important; }



/*----------------------------------------------------------------*/
/*- Layout -------------------------------------------------------*/
/*----------------------------------------------------------------*/

body {
	background:#FFFFFF;
	font-size:25px;
	line-height:35px;
	color:#333132;
	font-weight:400;
	font-family:'PT Sans', sans-serif;
}

p {
	font-weight:400;
}

ul {
	list-style: none;
	line-height:18px;
}
	ul li { line-height:26px; }

table {
	border-collapse: collapse;
	border-spacing: 0;
}

a, button, input[type=submit], input[type=reset] { cursor: pointer; }
a { color:#333; text-decoration:underline; }
	a:hover { color:#333; text-decoration:none; }

h1, h2, h3 {}


/*----------------------------------------------------------------*/
/*- Header -------------------------------------------------------*/
/*----------------------------------------------------------------*/

#logo img{
    max-height:130px;
}

header {
	background:#EEE;
	font-family: 'PT Sans', sans-serif;
}

.headtoprow {
	background:url(../images/bg_headtoprow.jpg) repeat-x center bottom;
	padding:20px 0;
	text-align:center;
}
	.headtoprow p {
		font-size:17px;
		line-height:28px;
		margin:0;
	}
		.headtoprow p span {
			font-size:24px;
			font-style:italic;
		}
		.headtoprow p img { vertical-align:baseline; }

.headbtmrow { padding:30px 0; }
	#logo {
		width:auto;
		height:auto;
		display:block;
		margin:0;
	}

	#headphone {
		width:100%;
		height:auto;
		margin:50px 0 0;
	}
		#headphone span {
			width:auto;
			height:55px;
			line-height:55px;
			font-size:55px;
			font-weight:300;
			margin:0;
			display:inline-block;
			font-family: 'Alfa Slab One', cursive;
			color: #414142;
		}
			#headphone span img { vertical-align:bottom; }
	
	#headstates { margin:10px 0 0; }
		#headstates ul { margin:0; float:right; }
			#headstates ul li {
				font-size:17px;
				line-height:20px;
				margin:0 0 0 10px;
				padding:0 0 0 10px;
				float:left;
				border-left:1px solid #61ab79;
			}
				#headstates ul li:first-child { border:none; }


/*----------------------------------------------------------------*/
/*- Banner -------------------------------------------------------*/
/*----------------------------------------------------------------*/

#bannertoprow {	background:#EEE; }
#bannertoprow .container {
	background:url(../images/bg_bannertoprow.png) no-repeat right bottom;
	padding:45px 0 0;
}
h1 {
	font-size:124px;
	line-height:115px;
	font-weight:700;
	margin:0 0 10px;
	padding:0;
}

#bannertoprow .formHolder { padding:0; }
	#bannertoprow .formHolder .row-fluid input {
		color:#77787b;
		font-size:23px;
		/*background:#FFF url(../images/bg_line.jpg) repeat-x center bottom;*/
		-webkit-border-top-left-radius:none;
		-moz-border-radius-topleft:none;
		border-top-left-radius:none;
		border:2px solid #8DC63F;
		padding:10px;
		width:100%;
		margin:0 0 30px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
	}
	#bannertoprow .btn_green {
		color:#FFF;
		font-size:34px;
		line-height:38px;
		background:#8dc63f;
		-webkit-border-top-left-radius:none;
		-moz-border-radius-topleft:none;
		border-top-left-radius:none;
		border:1px dotted #939f83;
		font-family: 'Alfa Slab One', cursive;
		padding:10px 20px;
		margin:0 0 70px;
		text-decoration:none;
		display:inline-block;
	}
		#bannertoprow .btn_green:hover { background:#7eb335; }
		
	#finalized { margin:0 0 400px; clear: both; }
	
#bannerbtmrow {
	background:#333132 url(../images/bg_bannerbtmrow.png) repeat-x center top;
	padding:15px 0 10px;
	text-align:center;
}
	#bannerbtmrow p {
		font-size:45px;
		line-height:48px;
		color:#FFF;
	}
		#bannerbtmrow p span { color:#8dc63f; font-weight:700; }


/*----------------------------------------------------------------*/
/*- Hero Boxes ---------------------------------------------------*/
/*----------------------------------------------------------------*/

#heroBoxes { padding:65px 0 0; text-align:center; }
	#heroBoxes .container { background:url(../images/img_road.png) no-repeat center 30px; }
	#heroBoxes img { margin:0 0 40px; }
	#heroBoxes h4 {
		font-size:41px;
		font-weight:700;
		color:#333132;
		line-height:44px;
		margin:0 0 25px;
	}
	#heroBoxes p {
		font-size:22px;
		color:#404041;
		line-height:30px;
		margin:0 0 60px;
	}

/*----------------------------------------------------------------*/
/*- Content ------------------------------------------------------*/
/*----------------------------------------------------------------*/

.greyline {
	width:100%;
	height:5px;
	display:block;
	background:url(../images/bg_line.jpg) repeat-x center center;
	margin:0;
}

#content { padding:30px 0; }
	#mainContent h2 {
		font-size:55px;
		line-height:60px;
		color:#404041;
		font-weight:700;
		margin:0 0 30px;
	}
	#mainContent p {
		font-size:25px;
		line-height:35px;
		margin:0 0 20px;
	}
	#mainContent ul { margin:0 0 20px; }
		#mainContent ul li {
			font-size:25px;
			line-height:45px;
			padding:0 0 0 50px;
			background:url(../images/img_tick.png) no-repeat left 10px;
		}

.sideLogos { text-align:center; }
	.sideLogos img { margin:0 10px 10px; }

/*----------------------------------------------------------------*/
/*- Green Box ----------------------------------------------------*/
/*----------------------------------------------------------------*/

#greenBox {
	background:#d3e9b4;
	padding:40px 0;
}
	#greenBox h3 {
		font-size:55px;
		line-height:58px;
		font-weight:700;
		color:#404041;
		margin:0 0 40px;
	}
		#greenBox h3 span { font-size:32px; }
	#greenBox p { line-height:29px; }
	.testimonialp { color:#302e2f; margin:0 0 20px; }
		.testimonialp span {
			font-size:33px;
			line-height:42px;
			font-family:'Architects Daughter', cursive;
		}
		#greenBox .starsp {
			font-size:18px;
			line-height:20px;
			color:#302e2f;
			font-family:'Alfa Slab One', cursive;
		}

/*----------------------------------------------------------------*/
/*- Footer -------------------------------------------------------*/
/*----------------------------------------------------------------*/

#footer_top { padding:60px 0 50px; text-align:center; }
	#footer_top h5 {
		font-size:14px;
		line-height:18px;
		font-weight:600;
		color:#a7a9ac;
		font-family:'Open Sans', sans-serif;
		text-transform:uppercase;
		margin:0 0 15px;
		letter-spacing:2px;
	}
	.logos img { margin:0 20px 10px; }

footer { background:#333132; padding:20px 0; }
	footer p {
		font-size:23px;
		line-height:25px;
		text-align:center;
		margin:0;
		color:#FFF;
	}
		footer p a {
			color:#FFF;
			text-decoration:none;
		}
			footer p a:hover { color:#FFF; text-decoration:underline; }


/*----------------------------------------------------------------*/
/*-------------------------- Forms -------------------------------*/
/*----------------------------------------------------------------*/

.formHolder { padding:20px; margin:0 0 20px; }
	.formHolder form { margin:0; }
	.formHolder1 { background:#333132; }
	.formHolder2 { background:#BBB; }
	
	.formHolder1 h3 {
		font-size:50px;
		line-height:50px;
		margin:0 0 10px;
		color:#8dc63f;
		font-weight:400;
		font-family:'Alfa Slab One', cursive;
	}
	.formHolder p {
		font-size:30px;
		line-height:30px;
		margin:0 0 30px;
		margin-bottom: 10px;
		color:#FFF;
		font-weight:400;
		text-transform:uppercase;
		font-family:'Architects Daughter', cursive;
	}
	.formHolder label {
		color:#FFF;
		font-size: 14px;
	}
	
.formHolder .row-fluid .span1 { width:5.98291%; }
.formHolder .row-fluid .span2 { width:14.5299%; }
.formHolder .row-fluid .span3 { width:23.0769%; }
.formHolder .row-fluid .span4 { width:31.6239%; }
.formHolder .row-fluid .span5 { width:40.1709%; }
.formHolder .row-fluid .span6 { width:48.7179%; }
.formHolder .row-fluid .span7 { width:57.265%; }
.formHolder .row-fluid .span8 { width:65.812%; }
.formHolder .row-fluid .span9 { width:74.359%; }
.formHolder .row-fluid .span10 { width:82.906%; }
.formHolder .row-fluid .span11 { width:91.453%; }
.formHolder .row-fluid .span12 { width:100%; }
.formHolder .row-fluid [class*="span"] { margin-left:2.5641%; }
	.ie7 .formHolder .row-fluid [class*="span"] { margin-left:1.7%; }
.formHolder .row-fluid [class*="span"]:first-child { margin-left:0; }

		.formHolder .row-fluid .span12 { margin-left:0; }
			.ie7 .formHolder .row-fluid .span12 { margin-left:0; }
		.formHolder .row-fluid [class*="span"].TAR { margin-left:0; }

	.formRow { margin:0; }
.formHolder .row-fluid label { min-height:20px; margin-bottom:5px; }
	.formHolder .row-fluid label.TAR,
	.formHolder .row-fluid label.TAL { margin-bottom:5px; line-height:30px; font-size: 18px; font-weight: 600; }
	.formHolder .row-fluid label.error {
		color:#f00;
		display:inline-block;
		float:right;
		font-weight:400;
		margin:-7px 0 10px;
	}
	.formHolder .row-fluid label.labelnone { display:none; }
	.formHolder .row-fluid input { float:left; min-height:47px; }
	.formHolder .row-fluid textarea { min-height:110px; float:left;  }
	.formHolder .row-fluid input, .formHolder .row-fluid textarea {
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
		margin-bottom:20px;
	}

	.formHolder .btn_submit {
		background:#8dc63f;
		border:none;
		border-radius:0;
		font-size:33px;
		display:inline-block;
		filter:none;
		line-height:35px;
		color:#333132;
		box-shadow:none;
		text-shadow:none;
		padding:10px 20px;
		margin:20px 0 10px;
		font-family:'Alfa Slab One', cursive;
		font-weight:400;
		text-decoration:none;
	}
		.formHolder .btn_submit:hover { background:#7eb335; }
	
.ie7 .formHolder .row-fluid input { min-height:20px; line-height:20px; padding:4px 0; }
	.ie7 .formHolder .row-fluid textarea { padding:4px 0; }
.ie8 .formHolder .row-fluid input,
.ie8 .formHolder .row-fluid select { min-height:20px; line-height:20px; }

	.required-field, .formHolder .row-fluid label.nolabel { display:none; }
.error input[type="text"], .error input[type="password"], .error textarea, .error select {
    background-color: #FFE7DF !important;
    border-color: #FFCDBC #FFE7DF #FFE7DF #FFCDBC !important;
    color: #84290A;
}


	#bannertoprow .formHolder .row-fluid input {
		border-radius:0;
	}
	
#thanksP1 { display:none; }

.line {
	width:100%;
	height:2px;
	display:block;
	margin:5px 0 8px;
	background:#0395c8;
	border-top:1px solid #026cb1;
}

.required {
	/* background-image:url(../images/img_star.png); */
	background-repeat:no-repeat;
	background-position:right center;
}
.error { border:1px solid red !important; }
label.error { border: 0px !important; }

/*------------- Popup Quote Form --------------*/
.fancybox-type-inline .fancybox-inner { height:auto !important; max-width:600px; }
.ie7 .fancybox-type-inline .fancybox-inner { min-width:400px; }
#popupForm .formHolder { margin:0; }


/*----------------------------------------------------------------*/
/*---------------------- Media Queries ---------------------------*/
/*----------------------------------------------------------------*/

@media (min-width: 1200px) {}
@media (max-width: 1199px) {
	h1 {
		font-size:88px;
		line-height:95px;
		margin:0 0 30px;
	}
	#bannertoprow button { margin:0 0 80px; }
	.logos img { margin:0 0px 10px; }
}
@media (max-width: 979px) {
	.headtoprow p span { display:block; }
	#headphone { margin:20px 0 0; }
		#headphone span { font-size:40px; }
		#headstates { margin:0; }
			#headstates ul li { margin:0 0 0 5px; padding:0 0 0 5px; font-size:13px; }
	#bannertoprow .container { background-size:60%; padding:10px 0 0; }
		h1 { font-size:70px; line-height:75px; width:60%; }
		#bannertoprow button { margin:0 0 20px; }
	#bannerbtmrow p { font-size:35px; }
	#heroBoxes img { margin: 0 0 20px; }
	#heroBoxes h4 { font-size:30px; margin: 0 0 10px; }
	.formHolder1 h3 { font-size:35px;  }
	.formHolder .btn_submit { font-size:20px; }
	#greenBox h3 { font-size:50px; }
}

@media (max-width: 767px) {
	body { padding:0; text-align:center; }
	.container { padding:0 10px; }
	header .TAR, .formHolder .TAR { text-align:center; }
	#headstates ul { display:inline-block; float:none; }
	#bannertoprow .container, #heroBoxes .container { background:none; padding:0 10px; }
		h1 { width:100%; }
	#bannerbtmrow p { font-size:30px; line-height:40px; }
	.heroBox { background:url(../images/img_road.png) no-repeat center 50px; }
	#mainContent ul li { background:none; padding:0; }
	#mainContent ul li span { padding:0 0 0 35px; background:url(../images/img_tick.png) no-repeat left 2px; }
	#greenBox h3 span { display:block; }
	
	.formHolder .row-fluid [class*="span"] { width:100%; margin-left:0; }
}

@media (max-width: 480px) {
	.container { padding:0 5px; }
	#headphone span { font-size:30px; }
		#headphone span img { vertical-align:baseline; width:30px; }
	h1 { font-size:50px; line-height:60px; }
	#mainContent h2 { font-size:45px; line-height:50px; }
	
	.formHolder, .fancybox-skin { padding:5px !important; }
}

@media (max-width: 320px) {}
/*-mattk-*/
.kitdelivery { 
	font-size: 13px; 
	color: #ccc; 
	line-height: 20px;
	text-align: center;
}
.req { 
	color: red;
}