/* --------------------------------------------------------------------------- */

* { 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
}
.cf:before,
.cf:after { content: " "; display: table; }
.cf:after { clear: both; }
.cf { *zoom: 1; }
html, body { overflow-x:hidden; }
body {
	margin:0;
	font-family: 'Raleway', sans-serif;
	font-size:16px;
	color: #3d3d3d;
}
img { max-width:100%; height:auto; }
iframe { max-width:100%; height:auto; }
.rightimg { float:right; margin:0 0 10px 10px; max-width:50%; } 
.leftimg { float:left; margin:0 10px 10px 0; max-width:50%; } 
a { } 
a:hover { text-decoration:none; }
body > div > div { 
	max-width:1200px;
	margin:0 auto;
	padding:0 20px;
}
h1, h2, h3, h4 { margin:1em 0 0.2em; font-weight: 600;  }
h1+*, h2+*, h3+*, h4+* { margin-top:0; }
p { line-height: 24px; }

/* --------------------------------------------------------------------------- */

.topNav { list-style:none; margin:0; padding:0; }
.topNav li { display:inline-block; }
.topNav li a { display:block; text-decoration:none; }
.topNav li:hover a { }
.menu { display:none; }

@media screen  and (max-width:1000px){ }

/* --------------------------------------------------------------------------- */
#headerBlock { margin-bottom: 0; }
#headerBlock > div { padding-top: 20px; padding-bottom: 10px; }
#headerBlock p { float: right; color: #424242; font-size: 28px; font-weight: 600; padding-top: 20px; }
#headerBlock .fa { color: #00a051; }

@media screen and (max-width: 1000px){
	#headerBlock > div { text-align: center; }
	#headerBlock p { float: none; }
}
@media screen and (max-width: 500px){
	#headerBlock p { font-size: 1.4em; }
	
}
@media screen and (max-width: 400px){
	#headerBlock p { font-size: 1em;}
}

/* --------------------------------------------------------------------------- */

.mainImage { background: #f5f5f5 url('../images/mainImage2.png'); background-position: right center; height: 550px; background-size: cover; position: relative; }
.mainImage:before { 
content: '';
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	/* background: url(http://s14.directupload.net/images/111129/44ga9qid.png);*/
	background:rgba(0,0,0,0.5);
}
.mainImage > div { position: relative; }
.tagline {
	position: absolute;
	left: 0;
	background: rgba(0,0,0,0.3);
	color: #fff;
	top: 320px;
	padding: 20px; 
}

.mainImage h1{ text-transform: uppercase;  font-size: 50px; margin-top: 0;}
.mainImage h3 { font-weight: 400; text-transform: initial; font-size: 25px; }

.requestCta { 
position: absolute;
	top: 0;
	right: 20px;
	
}

.requestCta a { background: #00a051; padding: 25px; color: #fff; text-transform: uppercase; border-radius: 0px 0px 20px 20px; display: inline-block; width: 400px; text-align: center; font-size: 20px; }
.requestCta a:hover {
	background: #006b36;
}

@media screen and (max-width: 600px){
	.mainImage h1 { font-size: 2.1em;}
	.mainImage h3 { font-size: 1.5em; }
}
@media screen and (max-width: 500px){
	.requestCta { left: 20px; }
	.requestCta a { width: 100%; }
	.mainImage { height: 400px; }
	.tagline { top: 160px; }
}


/* --------------------------------------------------------------------------- */

.about > div > div { float: left; width: 50%; }
.about > div > div:first-child { padding-right: 50px; }
.about h2 { color: #00a051; font-size: 36px; margin-top: 0; }
.about span { font-weight: 600; font-size: 23px; }
p.numbers span { font-weight: 600; font-size: 28px; color: #00a051; }
.about a { 
	color: #fff; 
	background: #00a051; 
	padding: 20px 40px; 
	text-transform: uppercase; 
	text-decoration: none; 
	font-size: 26px; 
	border-radius: 10px; 
	letter-spacing: 1px; 
	margin-top: 20px; 
	display: inline-block;
}
.about a:hover {
	background: #006b36;
}

@media screen and (max-width: 900px){
	.about > div > div { float: none; width: 100%; }
	.about > div > div:first-child { padding-right: 0; text-align: center; padding-bottom: 30px; }
}
@media screen and (max-width: 550px){
	.about h2 { font-size: 2em; }
}

/* --------------------------------------------------------------------------- 
		demo page stuff
--------------------------------------------------------------------------- */

body > div { margin-bottom:50px; } 

/* --------------------------------------------------------------------------- */

#sameHeightBlock a { float:left; width:32%; padding:20px; border:1px solid orange; }
#sameHeightBlock a+a { margin-left:2%; }

@media screen  and (max-width:600px){
	#sameHeightBlock a { float:none; display:block; width:100%; }
	#sameHeightBlock a+a { margin-left:0; }
}

/* --------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------- */

#contentBlock { background: #e7e7e7; padding-top: 50px; padding-bottom: 50px; margin-bottom: 0; }
#contentBlock h2 { color: #00a051; font-size: 35px; text-transform: uppercase; margin-top: 0; margin-bottom: 20px; }
#contentBlock h4 { font-size: 21px; }
.sidebar-main > div {  } 
.sidebar {background: #ffffff; padding: 20px; } 

#contentBlock .sidebar-main { float:left; width:100%; margin-right:-300px; } 
#contentBlock .sidebar-main > div { margin-right:320px; } /* 250 + 20px gutter */
#contentBlock .sidebar { float:left; width:300px; } 
#contentBlock .sidebar span { display: block; font-style: italic; font-size: 14px; }

@media screen and (max-width: 700px){
	#contentBlock .sidebar-main { margin-right: 0; }
	#contentBlock .sidebar-main > div { margin-right: 0; }
	#contentBlock .sidebar { width: 100%; }
}

/* --------------------------------------------------------------------------- */

#footerBlock { font-weight: 600; background: #00a051; padding-top: 50px; padding-bottom: 50px; color: #fff; margin-bottom: 0; }
#footerBlock > div > div:nth-of-type(1) { float:right; }
#footerBlock > div > div:nth-of-type(2) { float:left; }
#footerBlock a { color: #fff; }
/* --------------------------------------------------------------------------- */

@media screen and (max-width: 900px){
	#footerBlock > div > div:nth-of-type(1), #footerBlock > div > div:nth-of-type(2) { float: none; }
}


#contentBlock li { line-height:1.2em; padding-bottom:0.4em; }

/* --------------------------------------------------------------------------- */