/*
# Settings (_settings)
*/
/*
## Variables

### General

$phi: 1.618033988749 - Golden ratio
*/
/*
### Colours

<span style="color: #333">$colour-base - #333</span> <span style="background: #333; color: #FFF;">&nbsp;$colour-base - #333&nbsp;</span>

<span style="color: #339">$colour-highlight - #339</span> <span style="background: #339; color: #FFF;">&nbsp;$colour-highlight - #339&nbsp;</span>

<span style="color: #339">$colour-link - #339</span> <span style="background: #339; color: #FFF;">&nbsp;$colour-link - #339&nbsp;</span>
*/
/*
### Fonts

$font-size - 13

$line-height - 1.4

<span style="font-family: sans-serif;">$font-base - sans-serif</span>

<span style="font-family: sans-serif;">$font-header - sans-serif</span>
*/
@font-face {
  font-family: "DIN Next W01";
  src: url("/web/20231228154627im_//site/fonts/de1216be-00c2-43c0-9c45-3e7f925eb519.woff2") format("woff2"), url("/web/20231228154627im_//site/styles/css/Fonts/bc176270-17fa-4c78-a343-9fe52824e501.woff") format("woff");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "DIN Next W01";
  src: url("/web/20231228154627im_//site/fonts/26f280d7-8bd0-4192-90f1-3c3cb4cde341.woff2") format("woff2"), url("/web/20231228154627im_//site/styles/css/Fonts/e1c997f3-fb27-4289-abc6-5ef059e51723.woff") format("woff");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: "DIN Next W01";
  src: url("/web/20231228154627im_//site/fonts/44e7b0fa-6c8d-43c2-b19e-f1e3ce9ea57c.woff2") format("woff2"), url("/web/20231228154627im_//site/styles/css/Fonts/c5a7f89e-15b6-49a9-8259-5ea665e72191.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "DIN Next W01";
  src: url("/web/20231228154627im_//site/fonts/f37f8098-b16e-405f-ab24-bd595a5d5762.woff2") format("woff2"), url("/web/20231228154627im_//site/styles/css/Fonts/c5635d60-91fa-4e4b-8a51-41c97fc744c3.woff") format("woff");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "DIN Next W01";
  src: url("/web/20231228154627im_//site/fonts/be607c9f-3c81-41b4-b7ad-17af005c80bb.woff2") format("woff2"), url("/web/20231228154627im_//site/styles/css/Fonts/4bf0ead4-e61b-4992-832b-6ff05828d99f.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "DIN Next W01";
  src: url("/web/20231228154627im_//site/fonts/5e7b11e8-112d-42fe-a35c-edaca8e64677.woff2") format("woff2"), url("/web/20231228154627im_//site/styles/css/Fonts/00ebffbe-b1fe-4913-b8d8-50f0ba8af480.woff") format("woff");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "DIN Next W01";
  src: url("/web/20231228154627im_//site/fonts/121784c1-863c-4e49-b682-625ea7de55b0.woff2") format("woff2"), url("/web/20231228154627im_//site/styles/css/Fonts/9949035f-6226-4080-a14a-bf7d94ffb1e1.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "DIN Next W01";
  src: url("/web/20231228154627im_//site/fonts/4e20348d-41a7-4295-94ab-2b1019e9d453.woff2") format("woff2"), url("/web/20231228154627im_//site/styles/css/Fonts/140a0a6f-f218-4071-8eb8-f2bc45ed5121.woff") format("woff");
  font-weight: 700;
  font-style: italic;
}
/*
### Layout

$width - 960

$columns - 24

$gutter - 12
*/
/*
## Functions

### em($size: $font-size, $context: $fs)

Will convert a pixel based size to an em value.
First value is the target size, the second value is the font-size of the context it is in.

Examples:
`em(26)` // 2em if base font-size is 13px
`em(18, 12)` // 1.5em
*/
/*
### lh($size: $font-size, $context: $fs)

Will provide the same function as 'em' above buth without appending 'em' to the result.
This makes it more suitable to use as a line-height value.

Examples:
`lh(26)` // 2 if base font-size is 13px
`lh(18, 12)` // 1.5
*/
/*
### fluid($columns: 1, $total-columns: $columns)

Will provide the % result of the first value divided by the second.
Suitable for working out columns and general % values.

Examples:
`fluid(2, 6)` // 12.5%
`fluid(10px, 960px)` // 1.041666666666667%
*/
/*
## Mixins

Mixins must to be called using @include (scss) or + (sass)

### vendor($property, $value)

Add vendor prefixes to a property and provide the value for the property

`@include vendor(box-shadow, 0 0 10px 0 #000);`

Outputs:
`-webkit-box-shadow: 0 0 10px 0 #000`
`-moz-box-shadow: 0 0 10px 0 #000`
`-ms-box-shadow: 0 0 10px 0 #000`
`-o-box-shadow: 0 0 10px 0 #000`
`box-shadow: 0 0 10px 0 #000`
*/
/*
### list-reset

Resets current list only

<pre>
ul {
	@include list-reset;
}
</pre>

Outputs:
<pre>
ul {
	margin: 0;
	padding: 0;
}
ul > li {
	list-style: none;
	list-style-image: none;
}
</pre>
*/
/*
### list-reset-full

Reset current and all child lists

<pre>
ul {
	@include list-reset-full;
}
</pre>

Outputs:
<pre>
ul, ul ul, ul ol {
	margin: 0;
	padding: 0;
}
ul li {
	list-style: none;
	list-style-image: none;
}

</pre>
*/
/*
### clearfix

Clear an elements floated children

<pre>
div {
	@include clearfix;
}
</pre>

Outputs:
<pre>
div {
	*zoom: 1;
}
div:before, div:after {
	content: "";
	display: table;
}
div:after {
	clear: both;
}
</pre>
*/
/*
### keyframes($name)

Set animation keyframes over multiple browser extensions

<pre>
.box {
	@include keyframes(my-animation) {
		0% { opacity: 0; }
		100% { opacity: 1; }
	}
}
</pre>

Outputs:
<pre>
.box {
	@-webkit-keyframes my-animation {
	  0%   { opacity: 0; }
	  100% { opacity: 1; }
	}
	@-moz-keyframes my-animation {
	  0%   { opacity: 0; }
	  100% { opacity: 1; }
	}
	@-ms-keyframes my-animation {
	  0%   { opacity: 0; }
	  100% { opacity: 1; }
	}
	@-o-keyframes my-animation {
	  0%   { opacity: 0; }
	  100% { opacity: 1; }
	}
	@keyframes my-animation {
	  0%   { opacity: 0; }
	  100% { opacity: 1; }
	}
}
</pre>
*/
/*
### hidden-full

Completely hide an element

<pre>
div {
	@include hidden-full;
}
</pre>

Outputs:
<pre>
div {
	display: none !important;
	visibility: hidden;
}
</pre>
*/
/*
### max($maxwidth: $width)

A simple max-width media query

<pre>
div {
	@include max(768px) {
		display: none;
	}
}
</pre>

Outputs:
<pre>
@media (max-width: 768px) {
	div {
		display: none;
	}
}
</pre>
*/
/*
### min($minwidth: $width)

A simple min-width media query

<pre>
div {
	@include min(768px) {
		display: block;
	}
}
</pre>

Outputs:
<pre>
@media (min-width: 768px) {
	div {
		display: block;
	}
}
</pre>
*/
/*
### pixel-ratio($pixelratio: 2, $basedpi: 96)

A simple pixel-ratio media query

$basedpi is used for fine control over the dpi query value

<pre>
div {
	@include pixel-ratio {
		background-image: url(/web/20231228154627im_//site/styles/css/image@2x.png);
	}
}
</pre>

Outputs:
<pre>
@media
	(-webkit-min-device-pixel-ratio: 2),
	(   min--moz-device-pixel-ratio: 2),
	(     -o-min-device-pixel-ratio: 2/1),
	(        min-device-pixel-ratio: 2),
	(                min-resolution: 192dpi),
	(                min-resolution: 2dppx) {
		div {
			background-image: url(/web/20231228154627im_//site/styles/css/image@2x.png);
		}
	}
</pre>
*/
/*
### generate($width: 10px, $height: 10px, $position: static)

Create generic styling for :before/:after

$height / $width / $position all control their namesake CSS properties

<pre>
div:after {
	@include generate;
}
</pre>

Outputs:
<pre>
div:after {
	content: "";
	overflow: hidden;
	text-indent: -9999em;
	display: block;
	width: 10px;
	height: 10px;
	position: static;
}
</pre>
*/
/*
### opacity($o: 0.5)

Handle standard & IE opacity

<pre>
div {
	@include opacity(.75);
}
</pre>

Outputs:
<pre>
div {
	opacity: .75;
	filter: alpha(opacity=75);
}
</pre>
*/
/*
### border-radius($val: 10px)

Friendly interface to vendor(border-radius)
*/
/*
### box-shadow($val: 0 0 10px #000)

Friendly interface to vendor(box-shadow)
Allows multiple comma separated values.
*/
/*
### gradient($direction:vertical, $start-color: #fff, $start-position: 0%, $end-color: #000, $end-position: 100%)

Create horizontal / vertical gradients

Note : Does not include IE9 data uri support

<pre>
div {
	@include gradient($start-color: #F00, $end-color: #0F0);
}
</pre>

Outputs:
<pre>
div {
	background-image: -moz-linear-gradient(top, #F00 0%, #0F0 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F00), color-stop(100%, #0F0));
	background-image: -webkit-linear-gradient(top, #F00 0%, #0F0 100%);
	background-image: -o-linear-gradient(top, #F00 0%, #0F0 100%);
	background-image: -ms-linear-gradient(top, #F00 0%, #0F0 100%);
	background-image: linear-gradient(to bottom, #F00 0%, #0F0 100%);
	background-repeat: repeat-y;
}
</pre>
*/
/*
### transform($arguments)

Friendly interface to vendor(transform) w/backface-visibility: hidden
*/
/*
### transition($arguments)

Friendly interface to vendor(transition)
*/
/*
### perspective($val: 0)

Friendly interface to vendor(perspective)
*/
/*
### perspective-origin($val: 50% 50%)

Friendly interface to vendor(perspective-origin)
*/
/*
### transform-origin($val: 50% 50%)

Friendly interface to vendor(transform-origin)
*/
/*
### transform-style($val: preserve-3d)

Friendly interface to vendor(transform-style)
*/
/*
### Placeholders
*/
/*
### boxes($cols: 3, $gutter: 10px, $selector: ".col")

Set the container and its children (as  selected by the selector argument) to be a set of columns.
*/
/*
## Extend

Use these placeholder styles with @extend.

### %debug

Used to highlight items via background-color.
Can be useful for debugging.
*/
/*
### %ellipsis

If the element has overflowing text the text will be truncated and an ellipsis appended to the end.
*/
/*
### %ir

Use when setting an element such as an input button to use a background-image.

Not recommended to use this method unless necessary.
Try and use appropriate elements where possible (`<input type="image" />` for example).
*/
/*
### %clearfix

@extend interface for @include clearfix;
*/
/*
### %list-reset

@extend interface for @include list-reset;
*/
/*
### %list-reset-full

@extend interface for @include list-reset-full;
*/
/* START STANDARD STYLES */
/* These styles need to be appear on every site but you can adjust as necessary */
/* These styles should define how the content section looks */
@page {
  margin: 0.5cm;
}
body {
  background: #FFF;
  color: #000;
  font-family: "DIN Next W01", sans-serif;
  font-size: 70%;
}

p, h2, h3 {
  orphans: 3;
  widows: 3;
}

h2, h3 {
  page-break-after: avoid;
}

h1 {
  font-size: 175%;
  margin: 0.5em 0 0.5em 0;
}

h2 {
  font-size: 150%;
  margin: 0.5em 0 0.5em 0;
}

h3 {
  font-size: 125%;
  margin: 0.5em 0 0.5em 0;
}

hr {
  background: #000;
  color: #000;
}

p {
  line-height: 150%;
  margin: 1em 0 1em 0;
  padding: 0;
}

li {
  line-height: 150%;
}

q {
  font-style: italic;
}

blockquote {
  font-style: italic;
  padding-left: 10px;
  margin-right: 0;
}

img {
  border: 0;
}

table {
  font-size: 100%;
  margin: 0;
  padding: 0;
}

th {
  font-weight: bold;
}

td {
  line-height: 150%;
}

abbr, acronym {
  border-bottom: 1px dotted #000;
}
caption {
  text-align: left;
}

a:link, a:visited, a:hover, a:active, a:focus {
  color: #000;
  text-decoration: none;
}
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
  content: "";
}

.left {
  text-align: left;
}

.right {
  text-align: right;
}

.center {
  text-align: center;
}

.justify {
  text-align: justify;
}

p.indent {
  margin-left: 25px;
}

span.underline {
  text-decoration: underline;
}

img.left {
  float: left;
  margin: 5px;
}
img.right {
  float: right;
  margin: 5px;
}

form {
  padding: 0;
  margin: 0;
}

input.button {
  background: #eee;
  color: #000;
  border: solid 1px #000;
}
input.textbox {
  border: solid 1px #000;
  color: #000;
  font-family: Arial, Helvetica, Sans-Serif;
  padding: 2px;
}

textarea.textbox {
  border: solid 1px #000;
  color: #000;
  font-family: Arial, Helvetica, Sans-Serif;
  padding: 2px;
}

/* END STANDARD STYLES */
/* START PAGE SPECIFIC STYLES */
/* END PAGE SPECIFIC STYLES */
/*
     FILE ARCHIVED ON 15:46:27 Dec 28, 2023 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 12:59:55 Jun 24, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.609
  exclusion.robots: 0.049
  exclusion.robots.policy: 0.04
  esindex: 0.01
  cdx.remote: 35.727
  LoadShardBlock: 119.645 (3)
  PetaboxLoader3.datanode: 110.027 (4)
  PetaboxLoader3.resolve: 191.495 (2)
  load_resource: 196.272
*/