@charset "UTF-8";
/* CSS Document */
body {
	font-family: 'Open Sans', sans-serif;
	color:#545454;
	font-size:15px;
	position:relative;
}

h1, h2, h3, h4 {
	color:#545454;
	-webkit-font-smoothing: antialiased;
  	-moz-osx-font-smoothing: grayscale;
	margin:0;
	padding:0;
	font-weight:800;
}

h1 {
	color:#001587;
	font-size:40px;
}

.row {
	max-width:938px;
	padding:0 10px;
}

.noppadding {
	padding:0;
}

ul {
	list-style:none;
	padding:0;
	margin:0;
}

/* HEADER */
#custom-menu-icon {
	padding:9px 12px 0 12px;
}

#custom-menu-icon a {
	background:url(../img/sprite.png) no-repeat 0 0;
	display:block;
	width:23px;
	height:15px;
}

header #brand {
	padding-top:23px;
	padding-bottom: 1px;
}

header #brand #logo {
	padding-top:8px;
}

header #brand-info {
	display:block;
}

header #brand-info h4 {
	font-size:22px;
	font-weight:800;
	margin:0;
	padding:0 0 3px 0;
	line-height:24px;
	-webkit-font-smoothing: antialiased;
  	-moz-osx-font-smoothing: grayscale;
}

header #site-nav {
	display:block;
}

header #site-nav ul {
	float:right;
	listy-style:none;
	display:block;
	padding-bottom:20px;
}

header #site-nav ul li {
	display:inline-block;
	float:left;
}

header #site-nav ul a {
	font-size:16px;
	line-height:16px;
	height:16px;
	border-right:solid 1px #545454;
	padding:0 10px;
	color:#545454;
	font-weight:600;
	-webkit-font-smoothing: antialiased;
  	-moz-osx-font-smoothing: grayscale;
}

header #site-nav ul li:last-child a {
	border:none;
	padding-right:0;
}

/* HERO SECTION */

#hero {
	width:100%;
	height:429px;
	overflow:visible;
}

#hero #content1 {
	background-color:#3fad29;
	padding:30px 35px;
	width:369px;
	color:#fff;
	height:298px;
	margin-top:31px;
	position:relative;
	float:left;
}

#hero #content1 h2 {
	color:#fff;
	font-size:28px;
	line-height:37px;
}

#hero #content1 p {
	font-size:14px;
	padding:0 0 32px 0;
	line-height:20px;
	margin:0;
	position:absolute;
	bottom:0;
}

#hero #content2 {
	background-color:#001588;
	color:#fff;
	padding:20px 0 0;
	width:297px;
	color:#fff;
	margin-top:31px;
	position:relative;
	float:right;
	z-index:10;
	margin-bottom:29px;
}

#hero #content2 h2 {
	color:#fff;
	font-size:34px;
	line-height:37px;
	padding-bottom:24px;
}

#hero #content2 form .row {
	width:100%;
	margin:0!important;
	padding:0 34px;
}

#hero form {
	margin:0;
	padding:0;
	overflow: hidden;
}

#hero form div {
	padding-bottom:32px;
}

#hero form small {
	background:none;
	padding:4px 0 0;
	margin:0;
}

#hero input[type=text], #hero input[type=email] {
	border:solid 1px #dddddd;
	height:39px!important;
	margin:0!important;
	font-size:12px;
	display:block;
	float:none;
	max-width:100%;
	font-size:11px;
}

#hero textarea {
	height:225px;
	border:solid 1px #dddddd;
	margin-bottom:0;
	font-size:11px;
}

#hero input[type=submit] {
	color:#ffffff;
	border:none;
	background:#3fae29;
	display:block;
	width:100%;
	font-size:16px;
	line-height:44px;
	margin:12px 0 0 0;
}

/* INTRO */

#intro .row {
	padding:56px 10px 43px 10px;
}

#intro .row div {
	width:62%;
}

#intro p {
	font-size:17px;
	font-weight:800;
	-webkit-font-smoothing: antialiased;
  	-moz-osx-font-smoothing: grayscale;
}

/* FEATURES */
#features {
	padding-bottom:40px;
}

#features p {
	padding-top:8px;
	font-size:13px;
	padding-bottom:6px;
	font-weight:600;
}

#features .columns {
	min-height:266px;
	padding:0 44px;
}

#features .columns.feature-0 {
	min-height:266px;
	padding:0 24px;
}

#features .feature {
	width:115px;
	height:100px;
	margin:0px auto;
	margin-bottom:1px;
}

#features h1 {
	padding:79px 0 0px 0;
}

#features h3 {
	font-size:22px;
}

#features .feature-1 {background:url(../img/sprite.png) no-repeat 0 -30px;}
#features .feature-2 {background:url(../img/sprite.png) no-repeat 0 -140px;}
#features .feature-3 {background:url(../img/sprite.png) no-repeat 0 -250px;}
#features .feature-4 {background:url(../img/sprite.png) no-repeat 0 -360px;}
#features .feature-5 {background:url(../img/sprite.png) no-repeat 0 -470px;}


/* CLIENTS */
#clients {
	padding-bottom:95px;
}

#clients h1 {
	padding-bottom:36px;
}

#clients ul {
	list-style:none;
	margin:0;
	padding:0;
}

#clients li {
	display:inline-block;
	float:left;
	padding-right:17px;
}

/* THANK YOU PAGE */
#thankyou {
	padding:130px 0 200px 0;
}

#thankyou h1 {
	font-size:130px;
	margin:0;
	padding:0 0 30px 0;
	line-height:130px;
}

#thankyou h1 span {
	color:#34b234;
}

#thankyou h3 {
	font-size:52px;
	margin:0;
	padding:0;
	line-height:52px;
	padding-bottom:100px;
}


/* FOOTER */
footer {
	background:#001588;
	color:#ffffff;
	padding:44px 0 110px 0;
}

footer.sticky-footer {
	position:relative;
	bottom:0;
	width:100%;
}

#footer li {
	display:inline-block;
}

#footer li a {
	font-size:11px;
	color:#fff;
	padding:0 8px;
	line-height:12px;
	border-right:solid 1px #fff;
}

#footer li:first-child a {
	padding-left:0px;
}

#footer li:last-child a {
	border:0px;
}

#footer a:hover {
	text-decoration:underline;
}

#footer .copyright span {
	font-size:10px;
	line-height:22px;
	display:block;
}

.border {
	border:solid 1px #cc0000;
	line-height:12px;
	display:block;
}

@media only screen and (max-width: 40em){
  /* Styles for small and medium go here */
  	
	.row {
		padding:0;
	}
	
	.row.nopadding {
		padding:0!important;
	}
    header #brand {
		padding:0;
	}
	
	header #site-nav {
		display:none;
		padding-top:46px;
		padding-bottom:8px;
	}
	
	header #site-nav ul {
		float:none;
		display:block;
		margin:0px auto;
		text-align:center;
	}
	header #site-nav ul li {
		float:none;
		display:block;
	}
	
	header #site-nav ul li:first-child {
		padding-bottom:38px;
	}
	header #site-nav ul li a {
		padding:10px 0 20px 0!important;
		display:block;
		border:none;
	}
	
	#hero {
		background:none;
		min-height:inherit!important;
		height:auto;
	}
	#hero #content1 {
		width:100%;
		float:none;
		height:auto!important;
		min-height:auto;
		padding-bottom:0;
	}
	
	#hero #content1 p {
		position:relative;
		padding:55px 0 28px 0;
	}
	
	#hero #content2 {
		width:100%;
		color:#fff;
		margin-top:0;
		margin-bottom:0;
		position:relative;
		float:none;
		z-index:1;
		display:block;
		clear:both;
		padding:18px 0 0 0;
	}
	
	#intro .row {
		width:100%;
		display:none;
		z-index:0;
	}
	
	#intro div {
		width:100%!important;
	}
	
	#features .row {
		padding:0;
	}
	
	#features .columns {
		min-height:100px;
		padding-bottom:10px;
		height:auto;
		padding:0 30px;
	}

	#features h1 {
		padding:65px 0 42px 0;
		font-size:32px;
	}
	
	#features .columns p {
		padding-bottom:13px;
	}
	#clients {
		text-align:center;
	}
	
	#clients li {
		display:block;
		float:none;
		padding:9px 0;
	}
	
	#thankyou {
		padding:80px 0 120px 0;
	}
	
	#thankyou h1 {
		font-size:90px;
		margin:0;
		padding:0 0 24px 0;
		line-height:80px;
	}
	
	#thankyou h1 span {
		color:#34b234;
	}
	
	#thankyou h3 {
		font-size:32px;
		margin:0;
		padding:0;
		line-height:32px;
		padding-bottom:70px;
	}
	
	footer {
		padding:48px 0 20px 0;
	}
	
	#footer ul {
		padding-bottom:36px;
	}
	
	#footer li {
		display:block;
		padding:4px 0;
		clear:both;
		float:none;
	}
	
	#footer li a {
		padding:0!important;
		line-height:32px;
		height:32px;
		border-right:none;
		display:block;
	}
	
	#footer #info-footer {
		font-size:14px;
		line-height:27px;
	}
	
	#footer .copyright {
		padding-top:22px;
	}
	footer.sticky-footer {
		position:relative;
		margin-top:100px;
	}
}

@media only screen and (min-width: 40em){
	#hero {
		background:url(../img/main-photo.jpg) no-repeat center top;
	}
}