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

div#page_wrapper {
	width:						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;
}

/*------------------------------------------------------------------------- HEADER 
*/
div#header_wrapper {
	position:					relative;
	box-sizing:					border-box;
	width:						100%;
	background:					#000 url(../images/line.gif) center bottom no-repeat;
	background-size:			100% 4px;
	color:						#fff;
	padding:					40px;
	height:						300px;
	transition:					0.2s linear;
	-webkit-transition:			0.2s linear;	
}
div#header {
	width:						100%;
	max-width:					960px;
	margin:						0 auto;
	position:					relative;
	transition:					0.2s linear;
	-webkit-transition:			0.2s linear;	
}
div#header h1.logo {
	width:						200px;
	height:						167px;
	display:					block;
}
div#header h1.logo a {
	width:						100%;
	height:						100%;
	background:					url(../images/x83-header-logo.png) center top no-repeat;
	background-size:			100%;
	display:					block;
	text-indent:				-9999px;
}
div#header h2 {
	text-transform:				uppercase;
	width:						220px;
	text-align:					center;
	margin:						20px -10px 0;
	font-size:					8px;
	letter-spacing:				3px;
}
div#header h3 {
	font-family:				'antiqua_italic';
	width:						200px;
	text-align:					center;
	margin:						15px 0px;
	font-size:					12px;
	letter-spacing:				1px;	
}
div#header p.quote {	
	font-family:				'antiqua_italic';
	position:					absolute;
	right:						50px;
	bottom:						60px;
}
div#header p.telephone {
	letter-spacing:				2px;
	position:					absolute;
	right:						50px;	
	bottom:						80px;
}
@media screen and (max-width: 640px)
{
	div#header h1.logo,
	div#header h2,
	div#header h3,
	div#header p.quote,
	div#header p.telephone 	{
		margin-left: 			auto;
		margin-right:			auto;
	}
	div#header p.quote,
	div#header p.telephone 	{
		position:				relative;
		width:					200px;
		text-align:				center;
		margin-top:				20px;
		right:					auto;
		bottom:					auto;
	}
	div#header_wrapper {	
		height:					390px;
	}
	div#page_wrapper.fixed div#header_wrapper div#header p.quote,
	div#page_wrapper.fixed div#header_wrapper div#header p.telephone {
		display:				none;
	}
}
/*------------------------------------------------------------------------- FIXED HEADER 
*/
div#page_wrapper.fixed {
	padding-top: 				180px;
}

div#page_wrapper.fixed div#header_wrapper {
	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);
	top:0;
}
div#page_wrapper.fixed div#header_wrapper div#header h1.logo {
	width:						67px;
	height:						56px;
}
div#page_wrapper.fixed div#header_wrapper h2,
div#page_wrapper.fixed div#header_wrapper h3 {
	display:					none;
}

div#page_wrapper.fixed div#header_wrapper div#header p.quote {	
	bottom:						20px;
}
div#page_wrapper.fixed div#header_wrapper 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:					60px 40px 0;
	letter-spacing:				0;
	word-spacing:				0;
	font-size:					0;
}

/*------------------------------------------------------------------------- ABOUT SECTION 
*/
div#about_wrapper {
	box-sizing:					border-box;
	margin:						0 0 0px;
}
h4.subheader {
	margin:						0 0 50px;
	font-family:				'antiqua_bold';
	letter-spacing:				3px;
	text-transform:				uppercase;
	display:					inline-block;
	width:						50%;
	vertical-align:				top;	
	font-size:					16px;
}
div.text-block p {
	margin:						0 0 10px;
	line-height:				1.3;
}
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:				'antiqua_bold_italic';
    display: 					table-cell;
    text-align: 				left;
	width:						20px;
}

ul {
	list-style-type:			square;
	margin:						0 0 20px 25px;
}
ul li {
	margin:						0 0 5px;
}

div.text-block h5 {
	text-transform:				uppercase;
	letter-spacing:				2px;
	margin:						15px 0 5px;
    font-family: 			'antiqua_bold';

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

/*------------------------------------------------------------------------- CONTACT FORM 
*/
div#contact_wrapper {
	box-sizing:					border-box;
	background:					#f9f9f9;
	border-top:					1px solid #efefef;
	width:						100%;
	margin:						0;
	padding:					60px 40px 40px;
}
div#contact {
	width:						100%;
	max-width:					960px;
	margin:						0 auto;
	letter-spacing:				0;
	word-spacing:				0;
	font-size:					0;	
}
div#contact_wrapper h4 {
	margin:						0 0 5px;
	font-family:				'antiqua_bold';
	letter-spacing:				3px;
	text-transform:				uppercase;
}
div#contact_wrapper p {
	margin:						0 0 10px;
}
form#contact_form {
	margin:						0;
	clear:						both;
	position:					relative;
	padding:					0;
	box-sizing:					border-box;
	width:						100%;
	font-size:					15px;
}
form#contact_form fieldset {
	margin:						0 0 15px;
	position:					relative;
}
form#contact_form label {
	text-transform:				uppercase;
	letter-spacing:				2px;
	font-size:					13px;
	margin:						0 0 5px;
	display:					block;
}

form#contact_form input,
form#contact_form textarea {
	border:						1px solid #999;
	color:						#999;
	-webkit-transition: 		0.3s ease;
	-moz-transition: 			0.3s ease;
	transition: 				0.3s ease;	
	width:						100%;
	box-sizing:					border-box;
	padding:					5px;	
	font-size:					15px;
	font-family:				'antiqua';

}
form#contact_form input:focus, 
form#contact_form textarea:focus {
	border:						1px solid #000;
	color: 						#000;
}

form#contact_form input#title {
	display:					none;
}

form#contact_form button {
	cursor:						pointer;
	background:					#000 url(../images/line.gif) center bottom no-repeat;
	background-size:			100% 2px;
	box-sizing:					border-box;
	font-size:					14px;
	font-family:				'antiqua_bold';
	text-transform:				uppercase;
	letter-spacing:				3px;
	width:						100%;
	padding:					5px 10px;
	color:						#999;
	height:						40px;
	text-align:					left;
	margin:						2px 0;
	-webkit-transition: 		0.3s ease;
	-moz-transition: 			0.3s ease;
	transition: 				0.3s ease;	
}
form#contact_form button:hover {
	color:						#fff;
}
div.form_message {
	margin:						0 0 40px;
	padding:					20px;
	letter-spacing:				2px;
	color:						#fff;
	text-transform:				uppercase;
	text-align:					center;
	font-size:					14px;
	font-family:				'antiqua_bold';
	background:					#000;
}

/*------------------------------------------------------------------------- FOOTER 
*/
div#footer_wrapper {
	width:						100%;
	margin:						0;
	z-index:					3;
	position:					relative;
	clear:						both;
	padding:					0;
	background:					#000;
}
div#footer {
	padding:					20px 0 20px;
	text-align:					center;
	font-size:					12px;
	color:						#fff;
	box-sizing:					border-box;
	text-transform:				uppercase;
	letter-spacing:				4px;
	background:					#000 url(../images/line.gif) center top no-repeat;
	background-size:			100% 1px;	
}
div#footer p {
	margin:						0 20px 10px;
}
div#footer p a {
	letter-spacing:				4px;
	font-size:					11px;
}
div#footer p a:hover {
	text-decoration:			underline;
}