/*
 *     GGGG  L       OOO   BBBB    AAA   L
 *    G      L      O   O  B   B  A   A  L
 *    G GGG  L      O   O  BBBB   AAAAA  L
 *    G   G  L      O   O  B   B  A   A  L
 *     GGGG  LLLLL   OOO   BBBB   A   A  LLLLL
 */
/* Eric Meyer's Reset Reloaded */
/* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* Box Sizing Border Box */
*, *:before, *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
/* Bebas Neue Font Inclusion */
@font-face {
	font-family: 'bebas-neue';
	src: url('../fonts/bebasneue_regular-webfont.eot');
	src: url('../fonts/bebasneue_regular-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/bebasneue_regular-webfont.woff') format('woff'),
		 url('../fonts/bebasneue_regular-webfont.ttf') format('truetype'),
		 url('../fonts/bebasneue_regular-webfont.svg#bebas_neue_regularregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*
 *    H   H  EEEEE  RRRR    OOO 
 *    H   H  E      R   R  O   O
 *    HHHHH  EEEE   RRRR   O   O
 *    H   H  E      R R    O   O
 *    H   H  EEEEE  R  R    OOO 
 */
.hero {
	width: 100%;
	height: 700px;
	background: url('../img/hero-bg.jpg') top center no-repeat;
	background-size: cover;
	border-bottom: 10px solid rgba(56,181,73,1);
}
	.hero h4 {
		font-family: "bebas-neue", sans-serif;
		font-weight: normal;
		font-size: 1.5em;
		color: rgba(255,255,255,1);
		text-align: right;
	}
	.hero h3 {
		font-family: "bebas-neue", sans-serif;
		font-weight: normal;
		font-size: 4.5em;
		color: rgba(255,255,255,1);
		text-align: right;
	}
	.hero h2 {
		font-family: "freight-sans-pro", Helvetica, Arial, sans-serif;
		font-weight: 300;
		font-size: 3.65em;
		color: rgba(255,255,255,1);
		padding: 70px 0 15px 0;
	}
		.hero h2 span {
			font-size: .85em;
		}
	.hero p {
		font-family: "freight-sans-pro", Helvetica, Arial, sans-serif;
		font-weight: 300;
		font-size: 1.5em;
		line-height: 1.5;
		color: rgba(255,255,255,1);
		text-align: justify;
	}
.logo {
	margin: 30px 0;
}
@media (max-width: 767px) {
	.hero {
		height: auto;
	}
	.hero h4 {
		font-size: 1em;
		text-align: center;
	}
	.hero h3 {
		font-size: 2.25em;
		text-align: center;
	}
	.hero h2 {
		font-size: 2em;
		padding: 50px 0 20px 0;
	}
	.hero p {
		font-size: 1em;
	}
	.logo {
		max-width: 100%;
	}
	.row, .container {
		overflow-x: hidden;
	}
}
.lead-form {
	
}
.lead-form input[type="text"] {
	width: 100%;
	height: 50px;
	border: 1px solid rgba(170,170,170,1);
	border-radius: 5px;
}
.lead-form label {
	font-family: "freight-sans-pro", Helvetica, Arial, sans-serif;
	font-weight: 500;
	font-size: 1.125em;
	color: rgba(255,255,255,1);
	padding: 20px 0 5px 0;
}
.lead-form label span {
	color: rgba(56,181,73,1);
}
.lead-form input[type="submit"] {
	font-family: "freight-sans-pro", Helvetica, Arial, sans-serif;
	font-weight: 500;
	font-size: 1.125em;
	color: rgba(255,255,255,1);
	text-transform: uppercase;
	background: rgba(56,181,73,0.75);
	border: none;
	border-radius: 5px;
	width: 230px;
	height: 60px;
	margin: 30px 0;
	transition: all 0.5s;
}
	.lead-form input[type="submit"]:hover {
		background: rgba(56,181,73,1);
	}
	.alt {
		background: rgba(255,255,255,0.75) !important;
		color: rgba(56,181,73,1) !important;
	}
		.alt:hover {
			background: rgba(255,255,255,1) !important;
		}
/*
 *    4  4     U   U  PPPP 
 *    4  4     U   U  P   P
 *    44444    U   U  PPPP 
 *       4     U   U  P
 *       4      UUU   P
 */
/* 4-Up Summary Section */
.four-up {
	width: 100%;
	background: #ffffff;
}
.fa-lock,
.fa-money,
.fa-headphones,
.fa-truck {
	color: #38b549;
	text-align: center;
	margin: 50px 0 20px 0;
}
.four-up h2 {
	font-family: "freight-sans-pro", sans-serif;
	font-size: 3em;
	font-weight: 500;
	color: #333333;
	text-align: center;
	padding: 50px 0 20px 0;
}
.four-up p.sub-heading {
	font-family: "freight-sans-pro", sans-serif;
	font-size: 1.25em;
	font-weight: 300;
	line-height: 1.5;
	color: #333333;
	text-align: center;
}
.four-up dl {
	font-family: "freight-sans-pro", sans-serif;
	font-weight: 300;
	color: #333333;
}
.four-up dt {
	border-bottom: 5px solid #38b549;
	font-weight: 500;
	font-size: 1.5em;
}
.four-up dd {
	font-size: 1.125em;
	padding: 20px 0 0 0;
}
.four-up dd.learn-link {
	padding: 5px 0 40px 0;
}
.four-up dd a {
	color: #38b549;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 0.777em;
}
.four-up dd a:hover {
	color: #288b36;
}
@media (max-width: 767px) {
	.four-up h2 {
		font-size: 2em;
	}
	.four-up p.sub-heading {
		font-size: 1em;
		text-align: left;
	}
}
/*
 *     CCCC   OOO   M   M  PPPP    AAA   RRRR   IIIII   SSSS   OOO   N   N
 *    C      O   O  MM MM  P   P  A   A  R   R    I    S      O   O  NN  N
 *    C      O   O  M M M  PPPP   AAAAA  RRRR     I     SSS   O   O  N N N
 *    C      O   O  M   M  P      A   A  R R      I        S  O   O  N  NN
 *     CCCC   OOO   M   M  P      A   A  R  R   IIIII  SSSS    OOO   N   N
 */
/* Comparison Chart Section */
.comparison {
	padding: 0 0 85px 0;
	background: url("../img/section-3-bg.jpg") top center no-repeat;
	background-size: cover;
}
.comparison h2 {
	font-family: "freight-sans-pro", sans-serif;
	font-size: 3em;
	font-weight: 500;
	color: rgba(255,255,255,1);
	text-align: center;
	padding: 50px 0 20px 0;
}
.comparison p.sub-heading {
	font-family: "freight-sans-pro", sans-serif;
	font-size: 1.25em;
	font-weight: 300;
	color: rgba(255,255,255,1);
	text-align: center;
}
.comparison h3 {
	font-family: "freight-sans-pro", sans-serif;
	font-size: 2.5em;
	font-weight: 300;
	color: rgba(255,255,255,1);
	text-align: left;
	text-transform: uppercase;
	letter-spacing: -1px;
	padding: 65px 0 5px 0;
}
.comparison p {
	font-family: "freight-sans-pro", sans-serif;
	font-size: 1.25em;
	font-weight: 300;
	color: rgba(255,255,255,1);
	text-align: left;
	line-height: 1.5em;
}
/* Comparison Table */
.comparison-table {
	margin: 50px 0 0 0;
	border: 0;
}
.comp-col-header {
	width: 200px;
	text-align: center;
	padding: .5em 0 1em 0;
}
.comp-row-header {
	font-family: "freight-sans-pro", sans-serif;
	font-size: 1.125em;
	font-weight: 500;
	color: rgba(255,255,255,1);
	text-align: right;
	padding: 1.25em 1em;
}
.comp-line-top {
	border-top: 1px solid rgba(255,255,255,0.1);
}
.comp-data {
	text-align: center;
	color: #38b549;
	font-size: 5em;
	margin: 0; padding: 0;
	line-height: 15px;
	vertical-align: middle;
}
.comp-highlight {
	background: rgba(0,0,0,0.03);
}
.comp-highlight-first {
	background: -webkit-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.03) 100%);
}
.comp-highlight-almost-last {
	background: -webkit-linear-gradient(rgba(0,0,0,0.03) 0%, rgba(0,0,0,0.015) 100%);
}
.comp-highlight-last {
	background: -webkit-linear-gradient(rgba(0,0,0,0.015) 0%, rgba(0,0,0,0) 100%);
}
/* Comparison Chart Media Query Mobile */
@media (max-width: 767px) {
	.comparison {
	}
	.comparison h2 {
		font-size: 1.5em;
		padding: 25px 0 10px 0;
	}
	.comparison p.sub-heading {
		font-size: 1em;
	}
	.comparison h3 {
		font-size: 1.25em;
		font-weight: 500;
		padding: 30px 0 5px 0;
	}
	.comparison p {
		font-size: 1em;
	}
	.comparison-table {
		max-width: 100%;
		margin: 20px 0 0 0;
	}
	.comp-col-header {
		text-align: center;
	}
	.comp-col-header img {
		margin: 0 auto;
	}
	.comp-row-header {
		font-size: 1em;
		padding: 1em .5em;
	}
}
/*
 *     CCCC   AAA   L       CCCC  U   U  L       AAA   TTTTT   OOO   RRRR 
 *    C      A   A  L      C      U   U  L      A   A    T    O   O  R   R
 *    C      AAAAA  L      C      U   U  L      AAAAA    T    O   O  RRRR 
 *    C      A   A  L      C      U   U  L      A   A    T    O   O  R R 
 *     CCCC  A   A  LLLLL   CCCC   UUU   LLLLL  A   A    T     OOO   R  R
 */
/* Calculator Input Section */
.calculator em {
	color: #38b549;
	font-style: normal;
	border-bottom: 1px solid #38b549;
	display: inline-block;
}
.calculator h2 {
	font-family: "freight-sans-pro", sans-serif;
	font-size: 3em;
	font-weight: 500;
	color: #333333;
	text-align: center;
	padding: 50px 0 20px 0;
}
.calculator p.sub-heading {
	font-family: "freight-sans-pro", sans-serif;
	font-size: 1.25em;
	font-weight: 300;
	color: #333333;
	text-align: center;
}
/* Calculator Results Section */
.results {
	background: url("../img/results-bg.png") left center no-repeat #39b54a;
	position: relative;
}
.results:before {
	position: absolute;
	content: "";
	left: 50%;
	width: 200px;
	height: 200px;
	-webkit-transform: translateX(-198%) rotate(-45deg) skew(35deg,35deg);
	transform: translateX(-198%) rotate(-45deg) skew(35deg,35deg);
	top: -100px;
	background: #ffffff;
}
/* Right Side */
.results h3 {
	font-family: "freight-sans-pro", sans-serif;
	font-size: 2.5em;
	font-weight: 300;
	color: #ffffff;
	text-align: left;
	text-transform: uppercase;
	letter-spacing: -1px;
	padding: 40px 0 25px 0;
}
.results p {
	font-family: "freight-sans-pro", sans-serif;
	font-size: 1.25em;
	font-weight: 300;
	color: #ffffff;
	text-align: left;
	line-height: 1.5em;
}
.results a.btn {
	display: inline-block;
	width: 270px;
	height: 50px;
	border-radius: 5px;
	background: #ffffff;
	font-family: "freight-sans-pro", sans-serif;
	font-size: 1.125em;
	font-weight: 500;
	text-transform: uppercase;
	text-align: center;
	line-height: 35px;
	color: #38b549;
	margin: 35px auto;
}
.results a.btn:hover {
	background: #38b549;
	border: 2px solid #ffffff;
	color: #ffffff;
}
.results a.alt {
	border: 2px solid #ffffff;
	background: #38b549;
	color: #ffffff;
}
.results a.alt:hover {
	background: #ffffff;
	color: #38b549;
}
/* Results Media Query Mobile */
@media (max-width: 767px) {
	.results h3 {
		font-size: 1.25em;
		font-weight: 500;
		padding: 30px 0 5px 0;		
	}
	.results p {
		font-size: 1em;
	}
}
/* Left Side */
.calculated {
	border: none;
	width: 430px;
	height: 215px;
	border-radius: 5px;
	margin: 75px auto 0;
	position: relative;
}

#calculation-results {
	display: none;
	transition: all 2s ease;
}
.fine-print {
	text-align: left !important;
	font-family: "freight-sans-pro", sans-serif;
	font-weight: 300;
	font-size: 0.75em !important;
	color: rgba(255,255,255,0.5) !important;	
}
#pre-calculation {
	position: absolute;
	top: 40%;
	left: 17%;
	font-family: "freight-sans-pro", sans-serif;
	font-weight: 300;
	font-size: 20px;
	color: rgba(255,255,255,0.6);
	border-radius: 30px;
	padding: 10px 15px;
	text-align: center;
	text-transform: uppercase;
	background: rgba(40,139,54,0.6);
}
#pre-calculation:hover {
	background: rgba(40,139,54,1);
	color: rgba(255,255,255,1);
}
.calculated p {
	text-align: center;
	line-height: 1.5;
	padding: 15px 0 0 0;
}
.calculated p strong {
	color: #efd943;
	font-weight: 500;
	font-style: italic;
}
.calculated h2 {
	font-family: "freight-sans-pro", sans-serif;
	font-weight: 300;
	font-size: 5em;
	color: #efd943;
	text-align: center;
}
.calculated h2 sub {
	font-size: 0.4em;
}
@media (max-width: 767px) {
	.calculated {
		max-width: 90%;
		height: auto;
		padding: 0 0 100px 0;
	}
	.calculated p {
		font-size: 1em;
	}
	.calculated h2 {
		font-size: 3.5em;
	}
}
/*
 *    FFFFF   OOO    OOO   TTTTT  EEEEE  RRRR 
 *    F      O   O  O   O    T    E      R   R
 *    FFFFF  O   O  O   O    T    EEEE   RRRR 
 *    F      O   O  O   O    T    E      R R
 *    F       OOO    OOO     T    EEEEE  R  R
 */
footer {
	border-top: 10px solid #288b36;
	background: url("../img/footer-bg.png") center top no-repeat;
	background-size: cover;
}
footer p {
	font-family: "freight-sans-pro", sans-serif;
	font-size: 0.875em;
	font-weight: 300;
	text-align: center;
	line-height: 1.5em;
	padding: 0 0 10px 0;
}
footer a {
	color: #38b549;
	text-decoration: none;
}
footer a:hover {
	color: #288b36;
	text-decoration: underline;
}
footer img.logo {
	display: block;
	height: 67px;
	width: 170px;
	margin: 20px auto;
}