@charset "utf-8";
 @import url("reset.css");
/*------------------------------------------------------------------------- FONTS 
*/
@font-face {
    font-family: 'roboto-condensed-light';
    src: url('font/roboto-condensed-light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'roboto-condensed-regular';
    src: url('font/roboto-condensed-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'roboto-condensed-bold';
    src: url('font/roboto-condensed-bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'roboto-condensed-italic';
    src: url('font/roboto-condensed-italic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/*------------------------------------------------------------------------- CORE 
*/
* {
	margin: 					0;
	padding: 					0;
	border: 					0;
	outline: 					0;
}
body {
	font-family: 				'roboto-condensed-regular', sans-serif;
	text-align:					left;
	background:					#fff;
	margin:						0;
	color:						#584758;
}
a {
	color:						#999;
	text-decoration:			none;
}
h1,h2,h3,h4,h5,h6 {
	font-family: 				'roboto-condensed-light', sans-serif;
    font-weight: 				normal;
    font-style: 				normal;	
} 
strong, b {
	font-family: 				'roboto-condensed-bold', sans-serif;
    font-weight: 				normal;
    font-style: 				normal;	
}
em, i {
	font-family: 				'roboto-condensed-italic', sans-serif;
    font-weight: 				normal;
    font-style: 				normal;	
}
strong em,
em strong {
	font-family: 				'roboto-condensed-italic', sans-serif;
    font-weight: 				normal;
    font-style: 				normal;	
}
sup {
	vertical-align: 			super;
	font-size:					70%;
}

div#page_wrapper {
	width:						100%;
	height:						100%;
	position:					relative;
	min-width:					320px;
	overflow:					hidden;
	margin:						0 auto;
}

@media screen and (max-width: 340px)
{
	body {
		overflow-x:				hidden;
	}
	div#page_wrapper {
		width:					320px;	
		left: 					50%;
		margin-left: 			-160px; /* Negative margin half of the element width */
	}
}
.xdebug-error, .xe-warning {
	font-size:					16px;
	color:						#000;
}

div#background {
	background:					#fff url(../images/background-blur.jpg) center center no-repeat;
	background-size:			cover;
	height:						100%;
	width:						100%;
	position:					fixed;
}

/*------------------------------------------------------------------------- HEADER 
*/
div#header_wrapper {
	position:					relative;
	box-sizing:					border-box;
	width:						100%;
	background-size:			100% 4px;
	color:						#fff;
	padding:					40px 40px 0;
	/*height:						250px;*/
	transition:					0.2s linear;
	-webkit-transition:			0.2s linear;	
}
div#header {
	width:						100%;
	max-width:					960px;
	margin:						0 auto 40px;
	position:					relative;
	transition:					0.2s linear;
	-webkit-transition:			0.2s linear;	
}
div#header h1.logo {
	width:						200px;
	height:						229px;
	display:					block;
	margin:						0 auto;
}
div#header h1.logo a {
	width:						100%;
	height:						100%;
	background:					url(../images/eagle-marketing-logo.png) center top no-repeat;
	background-size:			100%;
	display:					block;
	text-indent:				-9999px;
}

div#header p.telephone {
	position:					relative;
	margin:						20px auto;
	color:						#584758;
	display:					block;
	width:						140px;
	text-align:					center;
	padding:					0 20px;
	background:					url(../images/phone-icon.png) left center no-repeat;
	box-sizing:					border-box;
}
@media screen and (max-width: 640px)
{

}
/*------------------------------------------------------------------------- FIXED HEADER 
*/
div#header_wrapper.fixed {
	position:					fixed;
	padding:					20px;
	box-shadow:					0 1px 4px 0 rgba(0,0,0,0.5);
	height:						90px;
	background-size:			100% 2px;
	background-color:			rgba(0,0,0,0.8);
	
}
div#header_wrapper.fixed div#header h1.logo {
	width:						67px;
	height:						56px;
}
div#header_wrapper.fixed h2,
div#header_wrapper.fixed h3 {
	display:					none;
}

div#header_wrapper.fixed div#header p.quote {	
	bottom:						0px;
}
div#header_wrapper.fixed div#header p.telephone {
	bottom:						20px;
}

/*------------------------------------------------------------------------- CONTENT 
*/
div#content_wrapper {
	width:						100%;
	box-sizing:					border-box;
}
div#content {
	width:						100%;
	max-width:					960px;
	margin:						0 auto;
	box-sizing:					border-box;
	padding:					20px 40px 0;
	letter-spacing:				0;
	word-spacing:				0;
	font-size:					0;
}
div.column {
	width:						50%;
	padding:					20px;
	font-size:					16px;
	display:					inline-block;
	box-sizing:					border-box;
	vertical-align:				top;
	margin:						0 0 100px;
	
}
div.column.right {
	background:					rgba(255,255,255,0.8);
	box-shadow:					0 1px 5px rgba(0,0,0,0.3);
}

@media screen and (max-width: 640px)
{
	div.column {
		width:					100%;
		display:				block;
		max-width:				480px;
		margin:					0 auto;
	}
	div.column.right {
		margin-bottom:			100px;
	}
}

div#content h2 {
	font-size:					36px;
	color:						#71777D;
	text-shadow:				0 1px 0 rgba(255,255,255,0.8);
}


div#content p {
	margin:						0 0 10px;
	line-height:				1.1;
}
div.text-block {
	display:					inline-block;
	width:						50%;
	font-size:					15px;
}
div.text-block p.pullquote {
	margin:						50px 30px 0;
	color:						#777;
	font-family:				'antiqua_italic';
}
div.text-block p.author {
	text-transform:				uppercase;
	font-size:					9px;
	letter-spacing:				1px;
	color:						#999;
	margin:						5px 30px 50px;
	text-align:					center;
}
ol {
	margin:						20px 0;
	counter-reset: 				count_me;
	list-style: 				none;
	display: 					table;
}
ol li {
	margin:						0 0 5px 0;
	line-height:				1.3;
	display: 					table-row;
}
ol li:before {
	counter-increment: 			count_me;
	content: 					counter(count_me) "."; 
	color: 						#999;
	font-family:				'roboto-condensed-italic';
    display: 					table-cell;
    text-align: 				left;
	width:						20px;
}

@media screen and (max-width: 640px)
{
	h4.subheader,
	div.text-block {
		width:					100%;
	}
}


/*------------------------------------------------------------------------- FOOTER 
*/
div#footer_wrapper {
	width:						100%;
	margin:						0;
	z-index:					3;
	position:					relative;
	clear:						both;
	padding:					0;
	background:					#000;
	position:					fixed;
	bottom:						0;
	height:						100px;
	box-sizing:					border-box;
}
div#footer {
	padding:					20px 0 20px;
	text-align:					center;
	font-size:					12px;
	color:						#fff;
	box-sizing:					border-box;
	text-transform:				uppercase;
	background:					#71777d;
	background-size:			100% 1px;
	position:					relative;
}
div#footer p {
	margin:						0 20px 10px;
}