* { box-sizing:border-box; }

html { min-width:700px; }
body {
	background: #ECECEC;
	
	}
	
	blockquote, blockquote p { font-style:italic; }
	
	.header-logo { margin:1em 0 0; }
	
h1, h2, h3, h4, h5, h6 { font-family: 'Ubuntu', sans-serif; }
	
	
.hero-image {
	position:absolute;
	top:0;
	left: 0;
	width:100%;
	margin: 90px 0;
	z-index: 9999;
}

header {
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	margin-bottom:4em;
	}

section { padding: 4em 0; }
	
nav {
	float:right;
	display:none;
	}
	nav ul {
		float:right;
		margin: 1.3em 0 0;
}
	nav li {
		float:left;
		list-style:none;
		list-style-type:none;
		margin-right: 1em;

		}
	nav a {
		color:#fff;
		text-transform:uppercase;
		font-size:0.7em;
		font-weight:bold;
		padding: 1em 1.6em;
		transition:all 0.3s ease-in-out;
		-moz-transition:all 0.3s ease-in-out;
		-webkit-transition:all 0.3s ease-in-out;
		}
		nav a:hover {
			color:#75cdf2;
			transition:all 0.3s ease-in-out;
			-moz-transition:all 0.3s ease-in-out;
			-webkit-transition:all 0.3s ease-in-out;
			}
	nav .start-today-button a {
		border:1px solid #75cdf2;
		color:#75cdf2;
		border-radius:3px;
		}
			nav .start-today-button a:hover {
				background:#75cdf2;
				color:#fff;
				}
			
.hp-intro h2 {
	color:#fff;
	font-weight:700;

	text-align:center;
	font-size: 4.5em;
	width: 60%;
	margin: 0 auto;
	line-height: 76px;
}

.hp-intro {
	padding: 5em 0 27em;
	background: #2A3846;
	padding: 0 0 27em;
  
	background: #13202C url(../img/bg.png) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	}
	
	
.hero-button { width:100%; padding:1em 0.5em; border: 1px solid #EC6306; background: #EC6306; text-transform:uppercase; color:#fff; margin-left:10%; float: left; font-family: 'Ubuntu', sans-serif; font-weight:500; }
.hero-button:first-child { margin:0; }
.hero-button:hover { background: #F3B891; border: 1px solid #f3b891;}
.hero-button-info { border:1px solid #fff; color:#fff; background:none; }
	.hero-button-info:hover { background:rgba(255,255,255,0.3); border:1px solid #fff; }
	
	.button-controller {  width: 20%;   margin: 3em auto;  }
	
.hp-related {
	background: #ECECEC;
	padding: 0.5em 0;
}
	
.hp-related-item {
	padding:2em;
	}
.hp-related-item a {
	opacity:0.7;
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	}
.hp-related-item a:hover {
	opacity:1; transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	}

	.hp-productshots { padding:2em; }
	
	
.hp-productshots h3 {
	color:#444;
	margin: 1.3em 0 0;
	font-weight: 600;
}
	
.hp-productshots p {
	color:#666;
	margin:0.5em 0 1.5em;
	}
	

		.hp-productshots-item { padding: 4em 0; border-bottom: 2px solid #F0F0F0;}
		.hp-productshots-item:last-child { border-bottom:none; }
		
		.hp-productshots blockquote { font-size:0.9em; }
		.hp-productshots cite { font-size:0.8em; }
		
		.hp-productshots .button { margin:1em 0 0; }
		
		
		.hp-table {
		
		}
		
		
		.start-today {
			background: #323A45;
			padding:3em;
			}
			
			.button-holder { margin: 1em auto; width: 40%; /* background:#f60; */ color: #fff;}
			
			.start-today p { width:50%; float:left; line-height: 41px;}
			
			
			.start-today .big-shout {
				background:#008CBA;
				width: 50%;
				max-width: 520px;
				padding: 1em 2em;
				float:left;
				color:#fff;	text-align:center;
				border-radius: 3px;
				float: right;
}
				
footer { padding:2em; background:#eee; }
	footer ul { list-style:none; list-style-type:none; margin:0; }
		footer li { font-size:0.8em; }
		footer li:first-child { opacity:0.4; font-size:0.6em; }