@charset "utf-8"; /*—~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ C A S C A D I N G – S T Y L E – S H E E T.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ @ F O N T - F A C E.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~~~~~~ NEW BASKERVILLE */
@font-face {
	font-family      : 'New Baskerville';
	font-display     : swap;
	src              : url('/fonts/NewBaskerville/NewBaskervilleITC-Roman.eot');
	src              : url('/fonts/NewBaskerville/NewBaskervilleITC-Roman.eot?#iefix') format('embedded-opentype'),
	                   url('/fonts/NewBaskerville/NewBaskervilleITC-Roman.woff2') format('woff2'),
	                   url('/fonts/NewBaskerville/NewBaskervilleITC-Roman.woff') format('woff'),
	                   url('/fonts/NewBaskerville/NewBaskervilleITC-Roman.ttf') format('truetype'),
	                   url('/fonts/NewBaskerville/NewBaskervilleITC-Roman.svg#NewBaskervilleRegular') format('svg');
	font-weight      : 400;
	font-style       : normal;
}
@font-face {
	font-family      : 'New Baskerville';
	font-display     : swap;
	src              : url('/fonts/NewBaskerville/NewBaskervilleITC-Italic.eot');
	src              : url('/fonts/NewBaskerville/NewBaskervilleITC-Italic.eot?#iefix') format('embedded-opentype'),
	                   url('/fonts/NewBaskerville/NewBaskervilleITC-Italic.woff2') format('woff2'),
	                   url('/fonts/NewBaskerville/NewBaskervilleITC-Italic.woff') format('woff'),
	                   url('/fonts/NewBaskerville/NewBaskervilleITC-Italic.ttf') format('truetype'),
	                   url('/fonts/NewBaskerville/NewBaskervilleITC-Italic.svg#NewBaskervilleItalic') format('svg');
	font-weight      : 400;
	font-style       : italic;
}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ R A W   T A G S.
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ R A W   T A G S.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ G E N E R A L.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
* {
	margin           : 0px;
	padding          : 0px;
	border           : none;
	outline          : none;
	text-decoration  : none;
	list-style       : none;
	font-weight      : normal;
	box-sizing       : border-box;
}
html {
	direction        : ltr;
	width            : 100%;
	font-size        : 62.5%;
	text-size-adjust : 100%;
}
body {
	z-index          : 1;
	width            : 100%;
	height           : 100%;
	overflow-x       : hidden;
	color            : #978979;
	font             : normal 400 1.6em/1.1 'New Baskerville', Georgia, 'Times New Roman', Times, serif;
	background       : #111111 url('/images/mainFrame-background.png') repeat left top;
}
a, a:hover {
	font-size        : inherit;
	color            : inherit;
	text-decoration  : none;
	cursor           : pointer;
	transition       : color 0.4s cubic-bezier(1, 0, 0, 1) 0s;
}    
a:hover {
	text-decoration  : underline;
	color            : #ff6600;
}
a img, img, map {
	border           : none;
}
h1, h2, h3, h4, h5, h6 {
	font-size        : inherit;
	color            : inherit;
}
strong {
	font-weight      : bold;
	font-size        : inherit;
	color            : inherit;
}
em {
	font-style       : italic;
	font-size        : inherit;
	color            : inherit;
}
dfn {
	font-size        : inherit;
	font-style       : normal;
}
hr {
	display          : block;
	clear            : both;
	width            : 100%;
	height           : 0px;
	margin           : 20px 0px;
	padding          : 0px;
	border-bottom    : 1px solid #978979;
	background       : transparent;
}
[id^='site']:before, [id^='site']:after, ul:before, ul:after {
	content          : '';
	display          : table;
}
[id^='site']:after, ul:after {
	clear            : both;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ F O R M.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
form, fieldset, input {
	display          : block;
	overflow         : hidden;
	margin           : 0px;
	padding          : 0px;
	border           : none;
}
input[type=hidden] {
	display          : none;
}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ C O N T E N T.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ L O G O S.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#logoTitle {
	display          : inline-block;
	margin-top       : 10px;
}
#logoAnchor {
	margin-left      : 35px;
	font-weight      : normal;
	font-size        : 9em;
	font-size-adjust : 0.39;
	letter-spacing   : -0.1em;
	color            : #ffffff;
	text-decoration  : none;
}
#logoHyphen {
	margin           : 0px 6px;
	font-size        : 0.7em;
	color            : #ffffff;
}
#monogramTitle {
	position         : absolute;
	display          : block;
	top              : 40px;
	right            : 35px;
	width            : 61px;
	height           : 86px;
}
#logoBaseline {
	display          : inline-block;
	margin-left      : 70px;
	margin-right     : 100px;
	font-size        : 1.5em;
	letter-spacing   : -.04em;
}
.orange {
	color            : #ff6600;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ C O N T E N T S.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#siteBody {
	display          : block;
	float            : left;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ MENUS */
#menuList {
	margin-left      : 40px;
}
#menuList li {
	float            : left;
	padding          : 30px 50px 0px 0px;
}
#menuList li:last-child {
	padding-right    : 0px;
}
#menuList li h2 {
	padding          : 10px 0px;
	font-size        : 3em;
	letter-spacing   : -0.125em;
	text-transform   : uppercase;
	color            : #ffffff;
	border-top       : 1px solid #eeeeee;
}
#menuList li h2:before {
	padding-right    : 1px;
	content          : '';
}
#menuList li h2:after {
	padding-left     : 6px;
	content          : '';
}
#menuList li a {
	display          : inline-block;
	line-height      : 1.6em;
	color            : #978979;
}
#menuList li a:hover {
	color            : #ff6600;
	text-decoration  : underline;
}
#menuList li address {
	margin           : 10px 0px;
	color            : #978979;
	font-style       : normal;
}
#menuList li ol li {
	float            : none;
	margin           : 0px;
	padding          : 0px;
}
#menuList li ol li:before {
	padding-right    : 5px;
	content          : '›';
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~ QUOTATION */
#quotationFrame {
	position         : relative;
	float            : right;
	width            : 398px;
	margin-top       : -140px;
	padding          : 18px 0px;
	text-align       : right;
	border-top       : 1px solid #978979;
	border-bottom    : 1px solid #978979;
}
#quotationFrame q {
	display          : block;
	margin-bottom    : 0.8em;
	font-family      : 'New Baskerville';
	font-style       : italic;
	font-size        : 1.4em;
}
#quotationFrame q:before, #quotationFrame q:after {
	position         : relative;
	font-size        : 2em;
	line-height      : 0.3em;
}
#quotationFrame q:before {
	content          : '«';
	left             : -7px;
}
#quotationFrame q:after {
	content          : '»';
}
#quotationFrame p {
	display          : inline-block;
}
#quotationFrame cite {
	font-family      : 'New Baskerville';
	font-style       : italic;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ V A L I D A T I O N.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#validationList {
	position         : fixed;
	display          : block;
	bottom           : 20px;
	right            : 35px;
}
#validationList li {
	float            : left;
}
#validationList li::after {
	content          : '\007C';
}
#validationList li:last-child::after {
	display          : none;
}
#validationList li a {
	padding          : 1em;
	font-size        : 12px;
}





/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 1  ⟾  1 1 6 0.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media only screen and (min-width: 1px) and (max-width: 1160px) {
	#logoAnchor {
		margin-left      : 20px;
		font-size        : 2.6em;
	}
	#logoBaseline {
		margin-left      : 20px;
		margin-right     : 0px;
		font-size        : 1.15em;
	}
	#monogramTitle {
		top              : 15px;
		right            : 22px;
		width            : 24px;
		height           : 38px;
	}
	#monogramTitle img {
		width            : 22px;
		height           : auto;
	}
	#menuList {
		margin-left      : 0px;
		padding-left     : 25px;
		padding-right    : 25px;
	}
	#menuList li h2 {
		font-size        : 1.6em;
	}
	#menuList > li {
		width            : 100%;
		padding-right    : 0px !important;
	}
	#quotationFrame {
		width            : calc(100% - 50px);
		margin-top       : 20px;
		margin-left      : 25px;
		margin-right     : 25px;
		text-align       : left;
		border-bottom    : 0px;
	}
	#validationList {
		display          : none; 
	}
}


/*—~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/