@font-face {
	font-family: DIN;
	src: url('../fonts/DINWeb.woff') format('woff');
	font-weight: normal;
}
@font-face {
	font-family: DIN;
	src: url('../fonts/DINWeb-Medium.woff') format('woff');
	font-weight: 600;
}
@font-face {
	font-family: DIN;
	src: url('../fonts/DINWeb-Bold.woff') format('woff');
	font-weight: bold;
}
@font-face {
	font-family: Icons;
	src: url('../fonts/icons.woff') format('woff'), url('../fonts/icons.ttf') format('truetype');
	/*
		\e900 = icon facebook
		\e901 = icon twitter
		\e902 = icon linkedin
		\e903 = icon youtube
		\e904 = icon instagram
		\e905 = icon currents
		\e906 = arrow left thin
		\e907 = icon PDF
		\e908 = arrow right
		\e909 = arrow down
		\e90a = A
		\e90b = arrow select
		\e90c = play arrow
		\e90d = arrow right medium
		\e90e = arrow up
		\e90f = menu button
		\e910 = back to top icon
		\e911 = arrow down medium
		\e912 = arrow up bold
		\e913 = arrow right bold
		\e914 = arrow left bold
		\e915 = external link
	*/
}
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
button,hr,input{overflow:visible}audio,canvas,progress,video{display:inline-block}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}

.nowrap {white-space: nowrap;}

html {
	font: 100%/1.45 Arial, Helvetica, Sans-serif;
	color: #666;
	background-color: #888;
/* 	scroll-behavior: smooth; */
}
html:before {
	content: 'large';
	display: none;
}
body {
	background: white center top / contain no-repeat;
	max-width: 105em;
	margin: 0 auto;
	padding: 34.286% 0 0;
	position: relative;
	quotes: '“' '”' '‘' '’';
}
.landing {
	padding-top: 36em;
	background-size: auto;
}
body:before {
	content: 'full';
	/* comment out the next line for debugging */
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	background-color: rgba(255,255,255,.8);
	border: 1px solid #CCC;
	padding: .5em;
	line-height: 1;
	z-index: 1000;
}
a {
	text-decoration: none;
	color: #00A7C2;
}
a:hover {text-decoration: underline;}
blockquote {margin: 0;}
blockquote > :first-child:before {content: open-quote;}
blockquote > :last-child:after {content: close-quote;}
caption, thead {
	text-align: left;
	font-weight: bold;
	color: white;
	background-color: #0089C4;
	text-transform: uppercase;
	padding: .8em 1em .2em;
	-moz-border-radius: 8px 8px 0 0;
	-webkit-border-radius: 8px 8px 0 0;
	border-radius: 8px 8px 0 0;
}
caption {font-size: .8em !important;}
caption a:link, caption a:visited {color: #FFFFFF;}

caption span, h4 span {
	font-weight: normal;
	text-transform: initial !important;
}
caption ~ thead, .secondary thead {
	background-color: transparent;
	color: #0089C4;
}
/* cite {font-style: normal;} */
cite:before {content: '- ';}
colgroup[span=2] {width: 50%;}
colgroup.highlight {background-color: #EBEBEB;}
colgroup.proxy {width: 55%;}
colgroup.col2 {width: 15%;}
colgroup.col3 {width: 12%;}
colgroup.col4 {width: 25%;}
colgroup.col5 {width: 20%;}
colgroup.colTax {width: 40%;}
dd {margin-left: 0;}
dt {font-weight: bold;}
h1, h2, h3, h4 {margin-top: 0;}
h2 {
	color: #0089C4;
	/* need to specify properties separately because IE 10 wouldn’t understand rem in the shorthand and ignore the rule completely */
	font-weight: bold;
	font-family: DIN, Arial, Helvetica, Sans-serif;
	font-size: 3rem;
	line-height: 1.1;
	margin: 0 0 .6em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
h3 {
	font-weight: bold;
	font-size: 1.5rem;
	line-height: 1.2;
	color: #0089C4;
	margin: 1em 0 .5em;
}
h4 {
	font-size: 1.125rem;
	line-height: 1.313;
	margin: 1.313em 0 .4em;
	color: black;
}
h5 {
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.313;
	margin: 1.313em 0 .2em;
	color: black;
}
img, select, input, object, textarea, .ta {
	vertical-align: middle;
	margin: 0;
	box-sizing: border-box;
}
img, fieldset, ul {
	border: none;
	margin: 0;
	padding: 0;
	list-style: none;
}
img, object {
	max-width: 100%;
	height: auto;
}
input, textarea, .ta {
	background-color: white;
	padding: .344em;
	border: 1px solid #00A7C2;
	font: 1.125rem/1.2 Arial, Helvetica, Sans-serif;
}
input:focus, textarea:focus {
	border-color: #FFA100;
	outline: none;
}
input[type=submit] {
	background-color: #0089C4;
	color: white;
	border: none;
	padding: .5em 1.5em;
}
input[type=submit]:hover {background-color: #19335E;}
label {
	color: #00A7C2;
	font: bold .625em/1.2 Arial, Helvetica, Sans-serif;
	display: table;
}
legend {
	position: absolute;
	left: -9999em;
}
p, table, ul, ol {margin-top: 0;}
p {margin-bottom: .7em;}
table, ul, ol {margin-bottom: 1.6em;}
table {
	border-collapse: collapse;
	line-height: 1.35;
	width: 100%;
	margin: 1.333em 0 1em;
}

table caption span span {text-transform: none;}
table + table, table + p {margin-top: 3em;}
table.secondary {margin-top: 0;}
table th.subsection {padding-top: 3em;}

table.power-mix {background-color: #ABE1FA;}
table.power-mix tr {	
	border: solid #FFFFFF;
	border-width: 0 0 .072em;
	font-size: .9em;
}
table.power-mix th,
table.power-mix td {font-weight: 400; color: black;}
table.power-mix caption {
	background-color: #ABE1FA; 
	color: #000000; 
	text-transform: none;
	font-size: .9em !important;
}
table.power-mix caption span {
	font-weight: 700;
	white-space: nowrap;
}
table.power-mix caption a:link, table.power-mix caption a:visited {color: #00A7C2;}

textarea {
	resize: vertical;
	overflow: auto;
}
.ta {
	white-space: pre-wrap;
	word-wrap: break-word;
	overflow-wrap: break-word;
	visibility: hidden;
}
tfoot {
	font-weight: bold;
	background-color: #EBEBEB;
	border-bottom: 2px solid #BBB;
}
th {font-weight: bold;}
tr {
	border: solid #D8D8D8;
	border-width: 0 0 .072em;
}
tr.sub {
	border-bottom: none;
	color: #666;
}
tr.subLast {color: #666;}
tr.subB {
	border-bottom: none;
	color: #000;
}
tr.subhead1 {background-color: #ABE1FA;}
tr.subhead2 {background-color: #EBEBEB;}

thead tr {border-bottom-color: transparent;}
tbody tr:first-child {border-top-width: .072em;}
.multicol tbody {
	width: 50%;
	display: table-cell;
	vertical-align: top;
}
.multicol tbody tr {
	display: table;
	width: 95%;
}
.multicol tbody + tbody tr {margin-left: 5%;}
.multicol tbody tr:first-child {border-top-width: 0;}

caption ~ thead tr, .secondary thead tr {
	border-bottom-color: #0089C4;
	border-bottom-width: .133rem;
	text-transform: none;
}
caption ~ thead th {padding-top: 1.5em;}
td, th {
	text-align: right;
	vertical-align: top;
	padding: .7em 1em 0;
}
thead th {
	vertical-align: bottom;
	font-weight: bold; /* IE 9/10 font weight bug fix (http://www.nealgrosskopf.com/tech/thread.php?pid=81) */
}
thead th[colspan] {text-align: center;}
thead th[colspan="1"] {text-align: right;}
th:first-child, td:first-child {text-align: left;}
th small {
	font-weight: normal;
	font-size: 100%;
}
th.normal, th span.normal {font-weight: normal;}
th.subhead {border-bottom: 2px black solid;}
table .sub1, table .sub2 {font-weight: normal;}
table .sub1 {padding-left: 2em;}
table .sub2 {padding-left: 4em;}
tr.strong td, tr.strong th, tbody.strong td {font-weight: bold;}

ul {
	margin-left: 0;
	padding-left: 1em;
	list-style: none;
}
table ul {margin-top: 0;}
ul li:before {
	content: '';
	position: absolute;
	width: .4em;
	border: solid #0089C4;
	border-width: .4em 0 0;
	margin-left: -1em;
	margin-top: .55em;
}
ul.sub li:before {
	content: '';
	position: absolute;
	width: .3em;
	height: .3em;
	border: solid #0089C4;
	border-width: 1px;
	margin-left: -1em;
	margin-top: .49em;
	border-radius: 100%;
}

.accessibility, .fn, .skip, .hide_buggy_object {
	position: absolute !important;
	left: -9999em !important;
}
.accessibility.focus {position: static !important;}
.clear {clear: both;}

#top {
	position: absolute;
	top: 0;
}
body > header {
	position: absolute;
	background-color: rgba(255,255,255,.9);
	width: 100%;
	max-width: 105em;
	top: 0;
	box-sizing: border-box;
	z-index: 111;
	box-shadow: 0 2px 2px rgba(0,0,0,.2);
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
	border-bottom: 1px solid rgba(255,255,255,0);
}
.jsenabled body > header {position: fixed;}
body > header h1 {
	margin: 0;
	float: left;
	font-size: 1em;
}
body > header h1 a {display: block;}
body > header h1 span {
	position: absolute;
	left: -9999em;
}
#main_nav {
	font: bold 1em/1 DIN, Arial, Helvetica, Sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
#main_nav ul {
	padding-left: 0;
	margin: 0;
}
#main_nav ul ul {font-weight: normal;}
#main_nav li li {margin: 0;}
#main_nav li li:before {content: none;}
#main_nav li li a:hover:before, #main_nav li li a:focus:before, #main_nav li li.current > a:before {opacity: 1;}
#main_nav a {
	cursor: default;
	display: block;
}
#main_nav a:link {cursor: pointer;}
#main_nav a:hover {text-decoration: none;}
#main_nav li li a {
	display: block;
	position: relative;
}
#main_nav .accessibility {top: 100%;}
#main_nav .accessibility a:focus {
	left: 9999em;
	top: 1em;
	position: absolute;
	white-space: nowrap;
	background-color: white;
	display: block;
	padding: .2em .5em;
}


#nav_utility, body > header > .toggle {
	position: absolute;
	margin: 0;
	padding: 0;
}
#nav_utility {bottom: 1.063em;}
#nav_utility li {display: inline-block;}
#nav_utility li:before {content: none;}
#nav_utility a {
	background-color: #FF4338;
	display: block;
	width: 41em;
	height: 41em;
	font-size: 1px;
	border-radius: 100%;
	outline-offset: 2em;
	text-align: center;
	padding: 0;
	line-height: 41em;
	color: #FF4338;
	position: relative;
	text-decoration: none;
}
#nav_utility a:before, #nav_utility a:after {
	color: white;
	font-family: Icons;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
#nav_utility .download a:before {
	content: '\e907';
	font-size: 29em;
	position: absolute;
	left: .25em;
	top: .15em;
}
#nav_utility .contrast a {
	cursor: pointer;
	letter-spacing: -.47em;
	white-space: nowrap;
}
#nav_utility .contrast a:before, #nav_utility .contrast a:after {
	content: '\e90a' !important;
	speak: none;
	font-size: 21em;
	letter-spacing: 0;
	position: static !important;
	vertical-align: middle;
	border: none !important;
}
#nav_utility .contrast a:before {
	margin-right: -8px;
	opacity: .5;
}
.contrast #nav_utility .contrast a, #nav_utility a:hover {
	box-shadow: 0 2px 4px rgba(0,0,0,.75) inset;
	background-color: #CA3536;
	color: #CA3536;
}
#nav_utility a:active {
	background-color: #8E1A20;
	color: #8E1A20;
}


#footer {
	background-color: #0089c4;
	color: white;
	padding-bottom: 2.5em;
}
#footer .network {float: right;}
#footer .network ul {
	padding: 0;
	font-size: 1px;
}
#footer .network li {
	display: inline-block;
	margin: 0 0 0 23em;
}
#footer .network li:before {content: none;}
#footer .network a {color: #19335E;}
#footer .network a:focus {outline: none;}
#footer .network a:before {
	color: white;
	font: 19em/1 Icons;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display: block;
}
#footer .network a:focus:before {
	outline: 1px dotted;
	outline-offset: 1px;
}
#footer .network .facebook a:before {content: '\e900';}
#footer .network .twitter a:before {content: '\e901';}
#footer .network .linkedin a:before {content: '\e902';}
#footer .network .youtube a:before {content: '\e903';}
#footer .network .instagram a:before {content: '\e904';}
#footer .network .currents a:before {content: '\e905';}
#footer .copyright {
	font-size: 0.725em;
	line-height: 1.45;
}
#footer .copyright span.title {
	font-size: 1.086em;
	font-weight: bold;
	text-transform: uppercase;
	display: inline;
}

#footer .copyright span {
	padding-top: 1em;
	display: block;
}
#footer .accessibility {bottom: 0;}

.inset {
	width: 35% !important;
	font-size: .867em;
	font-style: italic;
	font-weight: 700;
	line-height: 115%;
	margin-bottom: 3.025%;
}

.inset.right {
	float: right;
	clear: right;
	margin-left: 3.025%; 
	padding-bottom: 1em;
}
.callout {
	background-color: #EEE;
	line-height: 1.43;
	color: black;
/*	font-size: .9em; */
	font-size: .9rem;
	border-radius: 0 0 .625em .625em;
}
	.callout {
		float: right;
		margin-left: 3.025%; 
		width: 48.84%; 
		clear: right;
		margin-bottom: 1.25em;
	}
	.callout.left { 
		margin-left: 0; 		
		margin-right: 1.25em; 
		float: left;
	}
.callout:after {
	content: '';
	display: block;
	clear: both;
}
.callout > div {
	padding: 1.75em;
	border-radius: 0 0 .625em .625em;
	border: solid #EEE;
	border-width: 1px;
}
.callout img + div {border-top-width: 0;}
.callout img.border {border: 4px solid #EEE;}
.callout p, .callout blockquote {margin-bottom: 1em;}
.callout.special {
	font-size: .85rem !important;	
	box-sizing: border-box;
	background-color: transparent;
	border-radius: 0;
	margin: 0;
}
.intro .callout.special {top: 9em;}
.intro .callout.special p {font-size: .85rem !important; font-style: italic;}

.callout.special:before {
	content: '';
	position: absolute;
}
.callout.special > div {
	border: none;
	border-radius: 0;
	padding: 0;
}
.callout.special img {margin-bottom: 1em;}
.callout > :first-child {margin-top: 0;}
.callout :last-child {margin-bottom: 0 !important;}
.callout h4 {
	font-size: 1.5em;
	line-height: 1.25;
	color: #0089C4;
	font-style: normal;
	font-weight: normal;
	margin-top: 0;
}
.callout h4 + *, #content .callout li {margin-top: 0;}
.callout strong {color: black;}
.callout img {width: 100%;}
.callout .credit {
	font-size: .75em;
	color: #666;
}
.callout.large > h4 {padding: 1em 1.167em 0;}
.callout.large > h4 ~ div {padding-top: 0;}

.footnote {
	clear: both;
	color: #888;
	line-height: 1.3;
	margin: 1ex 0 2.273em;
	padding: 0;
	font-size: .78rem !important;
}
.footnote :target {
	background-color: rgb(221,238,247);
	padding: .812em .65em;
	margin-left: -.65em;
	margin-right: -.65em;
}
.footnote h3, .footnote h4 {
	font-size: 1em;
	color: black;
}
.footnote ul {padding-left: 0;}
.footnote li:before {content: none;}
.footnote h3, .footnote h4, .footnote p {margin-bottom: 1.2em;}

.text td, .text th {text-align: left; font-size: 90%;}

#content {position: relative;}
#content:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
}
#content li {
	margin-top: .4em;
	margin-bottom: .4em;
}
#content > * {margin-right: 35.91%;}
#content > article > * {font-size: 1em;}
#content > article table > * {font-size: .925em;}
#content > article h2 {font-size: 3rem;}
#content .intro {font-size: 1em;}
#content .intro p:first-child {
	font-size: 1.4em;
	line-height: 1.42em;
	margin-bottom: .8em;
}

.landing {background-position: center top;}
.landing #content {
	padding-left: 4.346%;
	padding-right: 4.346%;
}
.landing #content > * {margin-right: auto;}
.landing #content > article > h2 {margin-left: 6.976%;}
.landing #content .intro {
	padding-left: 6.976%;
	min-height: 16.875em;
	margin-bottom: 1.6em;
	padding-right: 27.438em;
}
.landing #content .intro > * {max-width: 58.75rem;}
.landing #ksi {
	position: absolute;
	bottom: 100%;
	right: 4.056em;
	font-size: 1.125em;
	width: 18.889em;
	color: white;
	margin: 0;
}
.landing #ksi h4 {
	font: bold 1.667em/1.2 DIN, Arial, Helvetica, Sans-serif;
	color: #ffffff; text-shadow: 0 0 8px #666;
	margin: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.landing #ksi > div {
	background-color: rgba(25,51,93,.8);
	padding: 2.222em 1.667em 2.222em 2.222em;
}
.landing #ksi > div:last-child {
	position: absolute;
	left: 0;
	right: 0;
	top: 100%;
	background-color: #0089C4;
}
.landing #ksi .indicator {
	font: 600 1.75em/1 DIN, Arial, Helvetica, Sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display: block;
	margin-top: 1.9em;
}
.landing #ksi .indicator span {
	font-size: 2.73em;
	letter-spacing: -0.04em;
}
.landing #ksi > div > a {
	position: absolute;
	top: 100%;
	left: 0;
	color: #19335E;
	text-transform: uppercase;
	font-size: .889em;
	margin-top: 1em;
	line-height: 1;
}
.landing #ksi > div > a:after {
	content: '\e90d';
	font: .6em/1 Icons;
	margin-left: 1em;
	top: .2em;
	position: absolute;
}

#content .highlights {
	font-size: 1em;
	padding: 4.375em 6.976%;
	background-color: #EBEBEB;
}
.highlights h3 {
	font: normal 2.313em/1 DIN, Arial, Helvetica, Sans-serif;
	margin-bottom: 2.081em;
}
#content .highlights ul {
	padding: 0;
	margin: 0;
	font-size: 0;
}
#content .highlights li {
	font-size: 1rem;
	display: inline-block;
	vertical-align: top;
	position: relative;
	border-top: 2px solid #FFA100;
	width: 28.35%;
	margin: 0 0 3.125em 7.475%;
	line-height: 1.37;
	padding-top: 1.875em;
	min-height: 6.875em;
}
#content .highlights li:nth-child(3n+1) {margin-left: 0;}
#content .highlights li:before {
	bottom: 100%;
	border-color: #FFA100;
	border-top-width: 2px;
	left: 0;
	margin: 0 0 2px;
	width: 25%;
}

#home {
	padding-top: 100vh;
	background-size: auto 100vh;
	background-color: #919191;
}
@media screen and (max-height: 36em) {
	#home {
		padding-top: 36em;
		background-size: auto 36em;
	}
}
@media screen and (min-width: 105em) and (max-height: 36em) {
	#home {background-size: contain;}
}
#home #content {
	padding-top: 4.375em;
	padding-bottom: 8.75em;
	background-color: #EBEBEB;
}
#home #content > * {margin-right: 0;}
#home #content section {
	position: relative;
	border-top: 1px solid #BBB;
	padding-top: 2.313em;
}
#home #content #hero {
	position: absolute;
	color: white;
	top: -36em;
	height: 36em;
	line-height: 1;
	box-sizing: border-box;
	padding-top: 10.375em;
	font-weight: bold;
	text-align: left;
	border: none;
	left: 10.715%;
	right: 10.715%;
}
#home #hero > * {font-size: 1.25em;}
#home #hero h2 {
	font-size: 3.375em;
	color: white;
	max-width: 9em;
	margin: 0 0 .2em;
	text-shadow: 0 0 6px #666;
}
#home #hero div span {
	position: absolute;
	bottom: -.24em;
	left: -.065em;
	font: 600 13.25em/1 DIN, Arial, Helvetica, Sans-serif;
	letter-spacing: -.1em;
	opacity: .2;
	padding-right: .1em; /* IE 10 needs this */
}
/* the tab */
#home #hero a {
	color: white;
	font-size: .813em;
	background-color: rgba(0,137,195,.5);
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	padding: .8em 1.231em;
	border-radius: .625em .625em 0 0;
	border: solid #ABE1FA;
	border-width: 4px 4px 0;
	font-weight: normal;
	font-size: .813em;
	text-align: center;
	line-height: 1.538;
	white-space: nowrap;
}
#home #hero a span {font-size: 1.231em;}
#home #hero a:hover {
	text-decoration: none;
	background-color: rgba(0,137,195,.85);
}
#home #content h3 {
	font: normal 2.679vw/1 Arial, Helvetica, Sans-serif;
	color: #19335E;
	margin: 0;
	position: absolute;
}
#home #content ul {
	padding: 0;
	line-height: 1.22;
	font-size: 1.071vw;
}
#home #content li {
	margin: 0;
	float: left;
	width: 18.94%;
	margin-left: 1.325%;
	margin-bottom: 1.325%;
	position: relative;
	overflow: hidden;
	background-color: #19335E;
}
#home #content .ceo {margin-left: 20.265%;}
#home #content .ceo + li {
	margin-left: 0;
	clear: both;
}
#home #content li:before {content: none;}
#home #content li a {
	color: #19335E;
	text-decoration: none;
}
#home #content li img, #home #content li span {
	transition-property: min-height, transform, opacity, background;
	transition-duration: .5s;
}
#home #content li img {
	display: block;
	width: 100%;
}
#home #content li a:hover img {
	-webkit-transform: rotate(1deg) scale(1.05);
	-moz-transform: rotate(1deg) scale(1.05);
	transform: rotate(1deg) scale(1.05);
	opacity: .15;
}
#home #content li span {
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	padding: .9em;
	color: white;
	min-height: 2.4em;
	background-color: rgba(0,0,0,.3);
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.75) 100%);
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,.75) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,.75) 100%);
	background-position: 0 0;
	background-repeat: no-repeat;
	transition-duration: .5s;
	transition-delay: 0s;
}
#home #content li a:hover span {
	min-height: 50%;
	background-position: 0 10em;
	transition-duration: .5s;
	transition-delay: 0s;
}
#home #content li span:after {
	content: '\e915';
	font: 0/1 Icons;
	position: absolute;
	bottom: 1.5rem;
	left: 50%;
	transform: translateX(-50%);
	text-align: center;
	margin-top: 1.6em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transition: font-size .5s;
}
#home #content li a:hover span:after {font-size: 1.488vw;/* for some reason regular relative sizes don’t work in IE here and absolute ones wouldn’t resize */}
#home #content .ceo span {background: rgba(0,138,191,.45);}
#home #content .ceo small {font-size: .722em;}
#home #content .ceo a:hover span {background: rgba(0,138,191,0);}
#home #content section footer {
	position: absolute;
	top: 5.556em;
	line-height: 1;
	font-size: 1.071vw;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: .04em;
}
#home #content section footer a:after {
	content: '\e90d';
	font: .6em Icons;
	margin-left: 1em;
	position: absolute;
	margin-top: .2em;
}
#home #sitemap {background-color: white;}

#bu01 #content > * {margin-right: 27.875em;}
#bu01 h2 + p {
	font-weight: bold;
	font-size: 1.2em;
}
#bu01 dl {margin-bottom: 3.438em;}
#bu01 dt {
	color: #FFA100;
	padding-bottom: 1.25em;
	border-bottom: 2px solid #D3D2D3;
	line-height: 1;
	margin: 4.063em 0 1.25em;
	position: relative;
}
#bu01 dt:after {
	content: '';
	border-bottom: 2px solid #D3D2D3;
	bottom: 0;
	width: 25%;
	position: absolute;
	left: 0;
}
#bu01 dt span {
	font-size: .75em;
	color: #888;
	white-space: nowrap;
	font-weight: normal;
}
#bu01 dd > * {color: #636363;}
#bu01 dd ul {margin: 1.25em 0;}
#bu01 dd li, #bu01 dd > div {margin: 2ex 0;}
#bu01 dd li:before {border-color: #FFA100;}
#bu01 .tight ul {margin-top: 0;}
#bu01 .tight ul li {margin: 0;}
#bu01 .overview1, #bu01 .overview2 {font-size: 1em;}
#bu01 .overview1 {
	background-color: #CBEDFA;
	overflow: hidden;
	color: #636363;
	margin: 0 -34.563em 0 -6.688em;
	padding: 2.183em 6.688em 1.875em;
	border-radius: .625em .625em 0 0;
}
#bu01 .overview1 dt {
	border-bottom: 2px solid #A7A7A7;
	color: #0089C4;
	line-height: 1.4;
	margin: 3ex 0 .6em;
	padding-bottom: .6em;
}
#bu01 .overview1 dt:after {border-color: white;}
#bu01 .overview1 dt:first-child {margin-top: 0;}
#bu01 .overview1 dd {margin-bottom: 0;}
#bu01 .callout {
	border-radius: 0;
	margin: 4.688em 0 0;
	font-size: 1em;
	padding: 0;
	background: url(../img/service_area.png) right top / contain no-repeat;
	position: absolute;
	max-width: 56.125em;
	z-index: 1;
	left: 37.977%;
	width: 53.453%;
}
#bu01 .callout:after {
	content: '';
	display: block;
	padding-top: 75.39%;
}
#bu01 .callout:before {
	position: absolute;
	width: 44px;
	height: 44px;
	border: 3px solid #F63;
	border-radius: 100%;
	left: 353px;
	top: 280px;
}
#bu01 .callout p {
	color: #0089C4;
	border: solid #A8E2F7;
	border-width: 2px 0;
}
#bu01 .callout p:first-line {font-weight: bold;}

#bu01 .overview2 {
	padding: 1em 6.688em 4.375em;
	margin: 0 -34.563em 5em -6.688em;
	background: url(../img/dot.svg) 6.063em 0, url(../img/dot.svg) 35.5% 0, url(../img/dot.svg) 64.7% 0, url(../img/dot.svg) right 6.063em top 0, #F6F6F6;
	background-repeat: repeat-y;
	position: relative;
}
#bu01 .overview2 dt, #bu01 .overview2 dd {
	width: 25.607%;
	margin-left: .938em;
}
#bu01 .overview2 .system, #bu01 .overview2 .system + dd {
	position: absolute;
	bottom: 4.375em;
	left: 36.2%;
	z-index: 2;
	width: 22.034%;
}
#bu01 .overview2 .system {bottom: 25.3em;}

#timeline {
	background-color: #19335e;
	color: white;
	font-size: 1rem;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	min-height: 26.5em;
}
#timeline > section, .jsenabled #timeline > section:hover {
	padding: 3em .75em 2em;
	border: solid white;
	border-width: 0 0 0 1px;
	-webkit-flex: 1 1;
	-ms-flex: 1 1;
	flex: 1 1;
	transition: -webkit-flex .5s;
	transition: flex .5s;
	transition: flex .5s, -webkit-flex .5s, -ms-flex .5s;
	position: relative;
}
.jsenabled #timeline > section {cursor: pointer;}
.jsenabled #timeline > .active {cursor: default;}
#timeline > section:first-child {border-left: none !important;}
#timeline > section:hover, .jsenabled #timeline > .active, .jsenabled #timeline > .active:hover {-webkit-flex: 2.5;-ms-flex: 2.5;flex: 2.5;}
#timeline > section > * {
	font-size: .75em;
	transition: font-size .5s;
	color: white;
}
#timeline > section:before,
#timeline > section:after {
	background-color: rgba(255,255,255,0.6);
	content: "";
	width: 1.25em;
	height: .125em;
	position: absolute;
	top: 1.25em;
	right: .75em;
	transition: background-color .5s;
}
#timeline > section:after {
	width: .125em;
	height: 1.25em;
	position: absolute;
	top: .75em;
	right: 1.3125em;
}
#timeline > .active:before,
#timeline > .active:after {
	background-color: rgba(255,255,255,0);
}
.jsenabled #timeline > section > *, .jsenabled #timeline > section:hover > * {font-size: .563em;}
#timeline > section:hover > *, .jsenabled #timeline > .active > *, .jsenabled #timeline > .active:hover > * {font-size: .875em;}
#timeline h5, .jsenabled #timeline > section h5, .jsenabled #timeline > section:hover h5 {
	font: normal 1em/1 DIN, Arial, Helvetica, Sans-serif;
	margin: 0;
	min-height: 5rem;
	white-space: nowrap;
}
#timeline > section:hover h5, .jsenabled #timeline > .active h5, .jsenabled #timeline > .active:hover h5 {font-size: 1.75em;}
#timeline li:before, .jsenabled #timeline > section:hover li:before {
	content: '\e90d';
	font: 4px Icons;
	border: none;
	color: white;
	margin-left: -2.2em;
	margin-top: 1.2em;
	transition: font-size .5s;
}
#timeline > section:hover li:before, .jsenabled #timeline > .active li:before, .jsenabled #timeline > .active:hover li:before {font-size: 6px;}

#su04 #content h3 {color: black;}
dl.legend {
	font-size: .8em;
	text-align: right;
	line-height: 1.2;
	margin-top: 0;
	margin-bottom: 0;
}
dl.legend * {margin: 0;}
dl.legend dt {
	float: right;
	color: #0089C4;
	clear: right;
	margin-left: .833em;
	font-size: .917em;
	width: 1.636em;
	text-align: center;
}
	dl.legend {
		margin-right: 20%;
		min-width: 20%;
		margin-top: -.833em;
		margin-bottom: 1.25em;
	}
	dl.legend dt {padding-right: .455em;}
	.key {margin-top: 0;}
	.key colgroup:first-child {width: 40%;}
	.key colgroup:first-child + colgroup > col:first-child {width: 20%;}
	.key colgroup:first-child + * + colgroup {width: 20%;}
	.key col.result, .key col.result + col {background-color: #EBEBEB;}
	.key col.result + col {width: 1%;}
	.key td, .key th {vertical-align: middle;}
.key th, .key td {
	padding-left: .357em;
	padding-right: .357em;
}
.key thead {
	border-bottom: none;
	background-color: transparent;
	text-transform: none;
}
.key thead tr {border-bottom-color: black;}
.key thead th span {
	position: absolute;
	left: -9999em;
}
.key tr > :first-child ~ * {text-align: center;}
.key .target span {
	position: absolute;
	left: -9999em;
}
#su05 #content section {clear: both;}
#su05 #content section ul {
	-moz-columns: 2;
	-webkit-columns: 2;
	columns: 2;
	-moz-column-gap: 5em;
	-webkit-column-gap: 5em;
	column-gap: 5em;
}
#su05 #content section ul li {
	margin: 0 0 1.2em;
	-webkit-column-break-inside:avoid;
	-moz-column-break-inside:avoid;
	-o-column-break-inside:avoid;
	-ms-column-break-inside:avoid;
	column-break-inside:avoid;
	page-break-inside:avoid;
	break-inside: avoid;
	vertical-align: top;
	display: inline-block;
	width: 100%;
}
#su05 #content section ul li:before {
	position: static;
	float: left;
}

	/* GRI table */
	#gri h3 + table {margin-top: .4em;}
	#gri table {
		width: 100%;
		margin: 40px 0;
	}
	#gri .col1 {width: 14%;}
	#gri .col2, #gri .col3 {width: 43%;}
	#gri td, #gri th {
		padding: 6px 8px;
		text-align: left;
		border-color: #D8D8D8 #BBB;
		border-width: 1px 0 1px 1px;
		border-style: solid;
		line-height: 135%;
	}
	#gri th {color: black;}
	#gri thead, #gri thead th {
		border: none;
		background-color: transparent;
		text-transform: none;
	}
	#gri tbody th {
		border-bottom-color: black;
		border-bottom-width: 2px;
		padding-top: .667em;
		font-size: 107.2%;
		color: #0089C4;
		text-transform: uppercase;
	}
	#gri tbody th.normal {
		border-bottom-color: #D8D8D8;
		border-bottom-width: 1px;
		padding-top: .667em;
		font-size: 107.2%;
		color: #000000;
		text-transform: none;
	}
	#gri td:first-child, #gri th:first-child {
		padding-left: 0;
		border-left-width: 0;
	}
	#gri td:last-child {padding-right: 0;}
/*	
	#gri .layout2 .col1,
	#gri .layout2 .col2,
	#gri .layout2 .col3 {width:14%;}
	#gri .layout2 .col4 {width:22%;}
	#gri .layout2 .col5 {width:36%;}
*/	
	#gri .layout2 .col1,
	#gri .layout2 .col2 {width:14%;}
	#gri .layout2 .col3, 
	#gri .layout2 .col4 {width:36%;}
	
	#gri .layout2 tr.indent td {padding-left: 8px;}
	#gri .layout2 tr.indent td:first-child {border-left-width: 1px;}
	/* end GRI table styles */

#feedback #content h2 {
	position: absolute;
	color: #19335E;
	top: -60px;
	margin: 0;
}
#feedback #content > * {margin-right: 52.273%;}
#feedback #content p {font-size: 1.25em; margin-bottom: 2em;}
#feedback fieldset {font-size: 0;}
#feedback fieldset > div {
	font-size: 1.125rem;
	width: 48.255%;
	display: inline-block;
	vertical-align: top;
	margin-left: 3.49%;
	margin-bottom: 2.188em;
	position: relative;
}
#feedback fieldset > div:nth-child(even) {margin-left: 0;}
#feedback fieldset .location, #feedback fieldset .comments {
	width: auto;
	margin-left: 0;
	position: relative;
	display: block;
}
#feedback fieldset input,
#feedback fieldset textarea,
#feedback .ta
	{width: 100%;}
#feedback fieldset input.error, #feedback fieldset textarea.error {
	border-color: red;
	color: red;
}
#feedback fieldset label, #feedback fieldset label.error {
	position: absolute;
	bottom: 100%;
	z-index: 1;
}
.jsenabled #feedback label {
	font-size: 1.125rem;
	bottom: 0;
	padding: .344em 0;
	cursor: text;
	transition: bottom .2s, font-size .2s;
}
.jsenabled #feedback .active label, .jsenabled #feedback label.error {
	font-size: .625em;
	bottom: 100%;
}
#feedback fieldset label.error {
	top: 100%;
	color: red;
}
.jsenabled #feedback fieldset input,
.jsenabled #feedback textarea,
#feedback .ta
{
	padding-left: 0;
	padding-right: 0;
	border-width: 0 0 1px;
}
.jsenabled #feedback textarea, #feedback .ta {
	min-height: 2.188rem;
	display: block;
/* 	max-width: 35em; */
}
.jsenabled #feedback .ta + textarea {position: absolute;}
.jsenabled #feedback textarea {
	resize: none;
	top: 0;
	height: 100%;
	overflow: hidden;
	transition: height .2s;
}
.invalid input, .invalid textarea {
	border-color: red;
	color: red;
	box-shadow: none;
}
#feedback .notice {margin-bottom: 1.6em;}

#videos #content {background: #EBEBEB;}
#videos #content > * {margin-right: 0;}
.v_container {
	width: 39.125em;
	color: white;
	background-color: #0089C4;
	margin-bottom: .625em;
	position: relative;
}
.v_container > * {color: white;}
.v_container h3, .v_container .vid span {
	position: absolute;
	left: 50%;
	padding: 5% 1rem 0 1.875rem;
	max-width: 50%;
	box-sizing: border-box;
	z-index: 1;
	margin-bottom: 0;
}
.v_container h3 {
	font-size: 1.65em;
	font-weight: normal;
	line-height: 1.15;
	top: 0;
	margin-top: 2%;
}
.v_container h3 span {
	font-size: .5em !important; 
	display: block;
	padding-top: .5em;
}
#ceo h3 {top: 0;}
.v_container .vid {
	position: relative;
	z-index: 1;
}
.v_container .vid {
	display: block;
	max-width: 50%;
	text-decoration: none;
	color: white;
}
.v_container .vid:focus {outline: none;}
.v_container .vid:focus img {outline: 1px dotted;}
.v_container .vid:before {
	content: '\e90c';
	font: 1.875em Icons;
	position: absolute;
	z-index: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	width: 2.2em;
	height: 2.467em;
	padding-left: .267em;
	border: 2px solid white;
	border-radius: 100%;
	background-color: rgba(255,255,255,.2);
	left: 50%;
	top: 50%;
	margin: -1.233em 0 0 -1.233em;
	text-align: center;
	line-height: 2.467em;
	opacity: 0;
	transition: opacity .5s;
}
.v_container .vid:hover:before, .v_container .vid:focus:before {opacity: 1;}
.v_container .vid img {
	position: relative;
	z-index: -1;
}
/* cities */
.v_container .vid span {
	color: #ABE1FA;
	position: absolute;
	top: 0;
	left: 100%;
	font-size: 1.125em;
	line-height: 1;
	white-space: nowrap;
	padding-top: 9.6%;
}
.v_container .vid br {display: none;}
.v_container .time, .v_container .time span {
	position: absolute;
	left: 0;
	bottom: 0;
	line-height: 1;
	z-index: 2;
}
.v_container .time {text-indent: -9999em;}
.v_container .time span {
	text-indent: 0;
	display: block;
	padding: .3em .5em;
	background-color: rgba(0,0,0,.6);
}

/* audio alternative */
.v_container .audio {
	top: 0;
	left: 50%;
	font-size: .9em;
	line-height: 1;
	white-space: nowrap;
}

.v_container .audio a {color: #ABE1FA;}

.v_container .other {
	position: absolute;
	top: 100%;
	bottom: 0;
	left: 0;
	width: 100%;
	transition: top 0s .3s;
}
.v_container .other:hover {
	top: 0;
	transition-delay: 0s;
}
.v_container .other h4 {
	position: absolute;
	margin: 0 0 3.5% 1.875em;
	left: 50%;
	bottom: 0;
	font-weight: normal;
	font-size: 1em;
	cursor: default;
	color: white;
}
.v_container .other h4:before {
	content: '\e913';
	font: .8em/100% Icons;
	color: #ABE1FA;
	margin-right: 1em;
}
.v_container .other:hover h4:before {color: white;}
.v_container .other ul {
	background-color: #19335E;
	margin: 0;
	font-size: 0;
	position: absolute;
	padding: 1.25rem;
	left: -9999rem;
	right: 9999rem;
/* 	min-height: 11.938rem; */
	z-index: 3;
	top: 0;
	bottom: 0;
	opacity: .01;
	transition-property: opacity, left, transform, right;
	transition-duration: .3s, 0s;
	transition-delay: 0s, .3s;
	transform: translate3d(0,-100%,0);
}
.v_container .other:hover ul {
	left: 0;
	right: 0;
	opacity: 1;
	transition-property: opacity, left, transform, right;
	transition-delay: .2s;
	transition-duration: .3s, 0s;
	transform: translate3d(0,0,0);
}
.v_container .other h4:hover + ul {top: 0;}
.v_container .other li {
	margin: 0 0 0 3.41% !important;
	font-size: 1rem;
	display: inline-block;
	width: 31.06%;
	vertical-align: top;
}
.v_container .other li:first-child {margin-left: 0 !important;}
.v_container .other li:before {content: none;}
.v_container .other li a {
	display: block;
	position: relative;
	z-index: 1;
	color: white;
	text-decoration: none;
}
.v_container .other li a:before {
	content: '\e915';
	font: 1.563em/1 Icons;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	z-index: 1;
	bottom: .4em;
	right: .4em;
	opacity: .6;
	transition: opacity .3s;
}
.v_container .other li a:after {
	content: '';
	position: absolute;
	border: 4px solid transparent;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	transition: border-color .3s;
}
.v_container .other li a:hover:after, .v_container .other li a:focus:after {border-color: white;}
.v_container .other li a img {
	position: relative;
	z-index: -1;
	opacity: .6;
	transition: opacity .3s;
}
.v_container .other li a:hover:before, .v_container .other li a:hover img, .v_container .other li a:focus:before, .v_container .other li a:focus img {opacity: 1;}
.v_container .other .caption {
	position: absolute;
	left: -9999em;
	top: 0;
	font-size: .875em;
	margin-top: 25%;
}
.v_container .other li a:hover + .caption, .v_container .other li a:focus + .caption {
	left: 1.429em;
	right: 1.429em;
}
.jsenabled .v_container .other {top: 0;}
.jsenabled .v_container .other:before {content: none;}
.jsenabled .v_container .other h4 {cursor: pointer;}
.jsenabled .v_container .other h4:before {color: #ABE1FA;}
.jsenabled .v_container.active .other h4:before {color: white;}
.jsenabled .v_container .other .container {
	overflow: hidden;
	position: absolute;
	width: 100%;
	left: -9999em;
	transition: left 0s .3s;
	height: 100%;
}
.jsenabled .v_container.active .other .container {
	left: 0;
	transition: none;
}
.jsenabled .v_container .other ul {
	position: relative;
	left: 0;
	right: 0;
	opacity: 1;
	top: 0;
	bottom: 0;
	transition: transform .3s;
	transform: translate3d(0,-100%,0);
	min-height: 100%;
}
.jsenabled .v_container.active .other ul {transform: translate3d(0,0,0);}
.v_container .other .close {
	position: absolute;
	width: 1.25em;
	height: 1.25em;
	right: .5em;
	bottom: 100%;
	z-index: 3;
	margin-bottom: .5em;
	transition: bottom .3s;
	cursor: pointer;
}
.v_container.active .other .close {bottom: 0;}
.v_container .other .close:before, .v_container .other .close:after {
	content: '';
	position: absolute;
	border-left: 1px solid white;
	height: 1.7em;
	left: 50%;
	top: -.2em;
}
.v_container .other .close:before {transform: rotate(45deg);}
.v_container .other .close:after {transform: rotate(-45deg);}
.v_container .skip:focus {
	left: auto !important;
	top: .5em;
	right: .5em;
}
#videos #sitemap {background-color: white;}

/*! materiality matrix styles */
#matrix_container {
	background-color: #F9F9F9;
/*	padding: 1.667em 2em 1.667em 3.667em; */
	padding: .75em 2em 1.667em 3.667em;
	margin: 1.5em 0 2.3em;
/*	margin-bottom: 2.3em; */
}
/* 	#matrix_container section {overflow: visible;} */
#matrix_list {
	position: relative;
	min-width: 25.3em;
	margin-bottom: 1.67em;
	font-size: .933em;
	display: table;
	height: 2.857em;
	z-index: 110;
	background-color: #0089C4;
}
#matrix_list:before {
	content: '';
	position: absolute;
	right: 9999em;
	width: 4.2em;
	height: 8em;
}
#matrix_list:hover:before {right: 0;}
#matrix_list:after {
	content: '\e90b';
	font: 1.286em/2.222em Icons;
	position: absolute;
	top: 0;
	right: 0;
	height: 2.222em;
	width: 3.056em;
	border-left: .111em solid #F9F9F9;
	background-color: #0089C4;
	color: white;
	cursor: default;
	text-align: center;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
#matrix_list ul, #matrix_list > div, .jsenabled #matrix_list.active ul, .jsenabled #matrix_list.focus ul {
	background-color: #0089C4;
	color: white;
	font-weight: normal;
	margin: 0;
	padding: .429em 0 .357em;
	position: absolute;
	top: 0;
	left: 0;
	right: 4.072em;
}
.jsenabled #matrix_list ul {
	top: 100%;
	border-top: .143em solid white;
	right: 9999em;
	left: auto;
}
.jsenabled #matrix_list.active ul, .jsenabled #matrix_list.focus ul {top: 100%;}
#matrix_list > div {
	padding: .643em .714em .598em 2.143em;
	background-color: transparent;
	right: 0;
	left: 0;
	z-index: 1;
	cursor: default;
}
#matrix_list li {margin: 0;}
#matrix_list li:before {content: none;}
#matrix_list a {
	color: white;
	background-color: #0089C4;
	display: block;
	text-decoration: none;
	padding: .214em .714em .214em 2.143em;
	position: absolute;
	left: -9999em;
	top: 0;
}
#matrix_list li:first-child a,
#matrix_list:hover li a,
#matrix_list:focus li a,
.jsenabled #matrix_list a
	{position: static;}
#matrix_list a:hover:before, #matrix_list .current a:before {
	content: '\e913';
	font: .643em Icons;
	position: relative;
	float: left;
	margin-left: -1.889em;
	top: .667em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
#matrix_list a:focus {
	left: 0;
	right: 0;
	top: .429em;
}

#matrices {margin-left: -2.4em;}
#matrices #m0 {display: none;}
#matrices > div {margin-bottom: 10ex;}
#matrices.cycle > div {
	margin-bottom: 0;
	right: 0;
}
#matrices object, #matrices img {margin-bottom: .667em;}
#matrices .description {
	margin-left: 3.077em;
	font-size: .867em;
	line-height: 1.25;
	border-top: 1px solid #D7D7D7;
	padding-top: 1.154em;
}
#matrices .description h4 {
	font-size: 1em;
	margin: 0;
}
#matrices .description > em {
	display: block;
	margin-top: 1ex;
}
/* end materiality matrix styles */

#downloads #content h2 {font: normal 1.6em Arial, Helvetica, Sans-serif;}
#downloads #content h2 + section {
	padding-bottom: 1.333em;
	border-bottom: 1px solid #D7D7D7;
	margin-bottom: 1.87em;
}
#downloads #content ul {
	padding-left: 0;
	font-size: 0;
	margin-left: -1.188rem;
}
#downloads #content li {
	display: inline-block;
	vertical-align: top;
	font-size: .75rem;
	margin: 0 0 2.92em 1.125rem;
	width: 155px;
}
#downloads #content li:before {content: none;}
#downloads #content li a {
	color: black;
	transition: color .5s;
}
#downloads #content li img {
	border: 1px solid #BBB;
	margin-bottom: .4em;
	transition: box-shadow .5s;
}
#downloads #content li a:hover {
	text-decoration: none;
	color: #00A7C2;
}
#downloads #content li a:hover img {box-shadow: 0 0 .417em rgba(0,167,194,.5);}
/*! min 37.563 (601px) media */
@media screen and (min-width: 37.563em) and (-ms-high-contrast: none), (-ms-high-contrast: active) { /* ie10 */
		 #home { background-attachment: fixed;  }
	}
@media screen and (min-width: 37.563em) {
/* Desktop heroes */
	body {background-image: url(../img/placeholder_hero_1680x576.png);}
	#home {background-image: url(../img/hero_home.jpg);}
	
	#sustainability {background-image: url(../img/hero_sustainability.jpg);}
	#business {background-image: url(../img/hero_business.jpg);background-position: 35% top;}
	#bu01 {background-image: url(../img/hero_bu01.jpg);background-position: right top;}
	#bu02 {background-image: url(../img/hero_bu02.jpg);background-position: right top;}
	#bu03 {background-image: url(../img/hero_bu03.jpg);background-position: center top;}
	#bu04 {background-image: url(../img/hero_bu04.jpg);background-position: center top;}
	#bu05 {background-image: url(../img/hero_bu05.jpg);background-position: center top;}
	#bu06 {background-image: url(../img/hero_bu06.jpg);}
	#bu06:before {content: 'Photo courtesy of Avangrid Renewables'; font-size: 10px; display: block; position: relative; top: 100%; border: none;}
	#bu07 {background-image: url(../img/hero_bu07.jpg);background-position: right top;}
	#bu08 {background-image: url(../img/hero_bu08.jpg);background-position: right top;}
	#bu09 {background-image: url(../img/hero_bu09.jpg);}
	#bu10 {background-image: url(../img/hero_bu10.jpg);background-position: center top;}
	#bu11 {background-image: url(../img/hero_bu11.jpg);background-position: center top;}
	#bu12 {background-image: url(../img/hero_bu12.jpg);}
	#customers {background-image: url(../img/hero_customers.jpg);background-position: 25% top;}
	#cu01 {background-image: url(../img/hero_cu01.jpg);}
	#cu02 {background-image: url(../img/hero_cu02.jpg);}
	#cu03 {background-image: url(../img/hero_cu03.jpg);background-position: center top;}
	#cu04 {background-image: url(../img/hero_cu04.jpg);background-position: center top;}
	#cu05 {background-image: url(../img/hero_cu05.jpg);background-position: center top;}
	#cu06 {background-image: url(../img/hero_cu06.jpg);background-position: center top;}
	#cu07 {background-image: url(../img/hero_cu07.jpg);background-position: center top;}
	#cu08 {background-image: url(../img/hero_cu08.jpg);background-position: center top;}
	#en07 {background-image: url(../img/hero_bu02.jpg);}
	#su05 {background-image: url(../img/hero_feedback.jpg);}
	#employees {background-image: url(../img/hero_employees.jpg);background-position: 65% top;}
	#em01 {background-image: url(../img/hero_em01.jpg);background-position: center top;}
	#em02 {background-image: url(../img/hero_em02.jpg);background-position: right top;}
	#em03 {background-image: url(../img/hero_em03.jpg);background-position: center top;}
	#em04 {background-image: url(../img/hero_em04.jpg);background-position: center top;}
	#environment {background-image: url(../img/hero_environment.jpg);}
	#en01 {background-image: url(../img/hero_en01.jpg);background-position: right top;}
	#en02 {background-image: url(../img/hero_en02.jpg);background-position: right top;}
	#en03 {background-image: url(../img/hero_en03.jpg);background-position: right top;}
	#en04 {background-image: url(../img/hero_en04.jpg);}
	#en05 {background-image: url(../img/hero_en05.jpg);background-position: right top;}
	#en06 {background-image: url(../img/hero_en06.jpg);}
	#en07 {background-image: url(../img/hero_en07.jpg);background-position: right top;}
	#en08 {background-image: url(../img/hero_en08.jpg);background-position: center top;}
	#safety {background-image: url(../img/hero_safety.jpg);background-position: 20% top;}
	#sa01 {background-image: url(../img/hero_sa01.jpg);background-position: 90% top;}
	#sa02 {background-image: url(../img/hero_sa02.jpg);}
	#sa03 {background-image: url(../img/hero_sa03.jpg);}
	#su01 {background-image: url(../img/hero_su01.jpg);background-position: center top;}
	#su02 {background-image: url(../img/hero_su02.jpg);background-position: right top;}
	#su03 {background-image: url(../img/hero_su03.jpg);background-position: right top;}
	#su05 {background-image: url(../img/hero_su05.jpg);background-position: 90% top;}
	#feedback {background-image: url(../img/hero_feedback.jpg);background-position: center top;}
	
	/* ↓ the pages that have no hero */
	#su00, #su04, #gri, #videos, #downloads {
		background-image: none;
		padding-top: 6.25em;
	}
	#main_nav ul {position: absolute;}
	#main_nav ul ul {white-space: nowrap;}
	#main_nav li li {display: block;}
	#main_nav a {color: #19335E;}
	#main_nav li li a:before {
		content: '';
		position: absolute;
		width: .875em;
		height: .875em;
		background-color: #FFA100;
		border-radius: 100%;
		border: .25em solid rgba(255, 161, 0, .3);
		background-clip: padding-box;
		left: -.813em;
		opacity: 0;
		transition: opacity .3s;
		top: 50%;
		margin-top: -.75em;
	}
	#sitemap {
		background-color: #EBEBEB;
		display: table;
		width: 100%;
		box-sizing: border-box;
		border: solid #EBEBEB;
		border-width: 1px 0;
		padding-top: 4.375em;
		padding-bottom: 5.625em;
	}
	#sitemap > * {
		font-size: .75em;
		display: table-cell;
		padding-left: 3em;
		width: 20.8%;
	}
	#sitemap > h2 {display: table-caption;}
	#sitemap > h2 + * {
		padding-left: 0;
		width: 16.8%;
	}
	#sitemap h3 {
		text-transform: uppercase;
		color: black;
		margin: 0 0 .15em;
		font-size: .9em;
	}
	#sitemap h4 {
		font-size: 1em;
		font-style: italic;
		font-weight: normal;
		margin: 0 0 .2em;
	}
	#sitemap ul {
		padding-left: 0;
		margin: 0 0 1.6em;
	}
	#sitemap ul ul {
		padding-left: 1.3em;
		margin-bottom: 0;
	}
	#sitemap li { margin-bottom: .25em; }
	#sitemap li:before {content: none;}
	#sitemap h3 a
	{
		color: black;
		font-size: 1.1em;
		text-transform: none;
	}

	#sitemap a {color: #666;}
	#sitemap a:hover {text-decoration: underline;}

	.small_only {display: none;}
	.align {
		margin-top: 0;
		margin-bottom: 13px !important;
		margin-bottom: .867rem !important;
		width: 48.84%;
	}
	.align.right {
		float: right !important;
		margin-left: 3.025% !important; /* 26px in full width */
		clear: right;
	}
	.align.left {
		float: left !important;
		margin-right: 3.025% !important;
		clear: left;
	}
	.align.left + .align.right {margin-left: -3.025% !important;}
	.align.left + .align.right + * {clear: both;}
	
	.align.center {
		display: block;
		margin-top: 10px;
		margin-top: .667rem;
		margin-left: auto;
		margin-right: auto;
		clear: both;
		width: auto;
	}
	.align > * {margin-top: 0;}
	.align > :last-child {margin-bottom: 0;}
	.callout.special {
		position: absolute;
		right: 10.715%;
		width: 22.441%;
		border-left: 2px solid #FFA100;
		padding: 0 0 0 1.438em;
	}
	.callout.special:before {
		right: 100%;
		top: 0;
		bottom: 75%;
		border-left: 2px solid #FFA100;
		margin-right: 2px;
	}
	.callout.large {
		float: none;
		width: auto;
		margin: 1.75em auto;
		clear: both;
	}
	
	.callout.large .section {
		display: table-cell;
		vertical-align: top;
		width: 50%;
	}
	.callout.large .section h4 {padding: 0;}
	.callout.large .s1 {padding-right: .688em;}
	.callout.large .s2 {padding-left: 0;}
	.callout.large .section :last-child {margin-bottom: 0;}
	.callout.horiz {
		position: relative;
		min-height: 250px;
		-moz-border-radius: 0 .615em .615em 0;
		-webkit-border-radius: 0 .615em .615em 0;
		border-radius: 0 .615em .615em 0;
	}
	.callout.horiz.tall {min-height: 500px;}
	.callout.horiz .section {
		display: block;
		margin: 0;
		box-sizing: border-box;
	}
	.callout.horiz .s1 {
		border-radius: 0;
		padding: 0;
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		overflow: hidden;
		height: 100%;
		border: none;
	}
	.callout.horiz .s1 img {
	min-height: 100%;
	width: auto;
	max-width: none;
	min-width: 100%;
	position: relative;
	left: 50%;
	top: 50%;
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	background-image: url(FIRST%20Robotics%20logo);
	}
	.callout.horiz .s2 {
		float: right;
		-moz-border-radius: 0 .615em .615em 0;
		-webkit-border-radius: 0 .615em .615em 0;
		border-radius: 0 .615em .615em 0;
		border: solid #EEE;
		border-width: 1px 1px 1px 0;
		padding: 1.688em 1.688em 1.688em 2.375em;
	}
	#bu01 .callout p {padding: .625em 0;}
	#bu01 .overview1 dt,
	#bu01 .overview1 dd,
	#bu01 .overview2 dt,
	#bu01 .overview2 dd,
	#bu01 .callout p
		{font-size: .952vw;}
	#bu01 .overview1 dt, #bu01 .overview1 dd {
		width: 21.97%;
		float: left;
		line-height: 1.5;
	}
	#bu01 .overview1 dt {
		border-bottom-color: white;
		margin-left: 12%;
		margin-top: 0;
		color: #0089C4;
		line-height: 1.4;
		padding-bottom: .555em;
	}
	#bu01 .overview1 dt:first-child {margin-left: 0;}
	#bu01 .overview1 dd {margin: 2.55em 0 0 -21.97%;}
	#bu01 .callout p {
		width: 12em;
		position: absolute;
		top: 0;
		left: 0;
		margin: 0;
	}
	.key tr > :first-child {padding-left: 0;}
	.key tr > :last-child {padding-right: 0;}
	.key thead th {
		color: black;
		padding-bottom: 0;
		padding-top: .714em;
	}
	.key tbody tr:first-child > th {
		color: #0089C4;
		text-transform: uppercase;
		border-bottom: .118em solid black;
		padding: .882em 0 0;
	}
	.key tr > :first-child + * + * {padding-right: 0;}
	.key tr > :first-child + * + * + * {
		padding-left: 0;
		color: #0089C4;
	}
	.key + .footnote {margin-bottom: 4.545em;}
	#su04 .footnote {
		position: relative;
		z-index: 1;
	}
}

/*! min 70.063 (1121px) media */
@media screen and (min-width: 70.063em) {
	body > header {padding: 1.125em 4.346% 1.063em;}
	#main_nav ul {
		left: 10.715%;
		bottom: 1.063em;
	}
	#main_nav ul ul {
		left: -9999em;
		background-color: rgba(255,255,255,.9);
		top: 100%;
		bottom: auto;
		box-shadow: 0 2px 2px rgba(0,0,0,.2);
		margin-top: .875em;
		transition: padding .3s, left .3s .3s;
		border: 1px solid rgba(255,255,255,0);
	}
	#main_nav ul ul:before {
		content: '';
		position: absolute;
		left: 0;
		right: 0;
		bottom: 100%;
		height: 1em;
	}
	#main_nav li {
		display: inline-block;
		margin-right: 1em;
		position: relative;
	}
	#main_nav li:before {
		width: 100%;
		left: 0;
		margin: .2em 0 0;
		top: 100%;
		border-color: #00A7C1;
		border-radius: 1em;
		border-width: .188em 0;
		opacity: 0;
		transition: opacity .3s;
	}
	#main_nav li.current:before, #main_nav li:hover:before {opacity: 1;}
	#main_nav li li a {
		padding: 0 1.688em;
		max-height: 1px;
		opacity: .01;
		transition-property: max-height, padding, opacity;
		transition-duration: .3s;
	}
	#main_nav li li a:focus {
		position: absolute;
		left: 9999em;
		background-color: rgba(255,255,255,.85);
	}
	#main_nav li:hover ul, #main_nav a:focus + ul, #main_nav .focus ul {
		left: 0;
		padding: 1.228em 0;
		transition: padding .3s, left 0s;
	}
	#main_nav li:hover li a,
	#main_nav a:focus + ul a,
	#main_nav li li a:focus,
	#main_nav .focus li a
	{
		max-height: 1em;
		padding-top: .46em;
		padding-bottom: .46em;
		opacity: 1;
	}
	#main_nav li li li a {padding-left: 2.5em;}
	#main_nav .videos {margin-right: 2em;}
	#main_nav .videos:after {
		content: '';
		position: absolute;
		width: .125em;
		height: 1.25em;
		background-color: #19335E;
		bottom: 0;
		margin-left: 1em;
		left: 100%;
	}
	#main_nav .gri {
		border-bottom: 1px solid transparent;
		transition: border-color .3s;
	}
	#main_nav li:hover .gri {border-bottom-color: #19335E;}
	#main_nav li:hover .gri a {margin-bottom: .478em;}
	#main_nav li:hover .gri + li a {padding-top: .938em;}
	#main_nav ul ul ul {
		position: static;
		background-color: transparent;
		box-shadow: none;
		margin: 0;
		padding: 0 !important;
		border: 0;
	}
	#main_nav ul ul ul:before {content: none;}
	.jsenabled #main_nav ul ul > li:first-child {display: none;}
	.jsenabled #main_nav ul ul ul > li:first-child, .jsenabled #main_nav ul .more li:first-child {display: list-item;}
	.jsenabled #main_nav li li a:focus {
		position: relative;
		left: auto;
		background-color: transparent;
	}
	#nav_utility {
		left: auto;
		right: 4.346%;
	}
	#nav_utility li {
		vertical-align: middle;
		margin: 0 0 0 .5em;
	}
	#nav_utility li:before {content: none;}
	#content, #sitemap, #footer {
		padding-left: 10.715%;
		padding-right: 10.715%;
	}

	#footer {padding-top: 2.31em;}

	#content {
		padding-top: 3.75em;
		padding-bottom: 4.563em;
		min-height: 13.563em;
	}
}
/*! min 105 (1680) media */
@media screen and (min-width: 105em) {
	body {padding-top: 36em;}
	body:before {content: 'full (min-width 80em)';}
	#bu01 .overview1 dt,
	#bu01 .overview1 dd,
	#bu01 .overview2 dt,
	#bu01 .overview2 dd,
	#bu01 .callout p
		{font-size: 1em !important;}
	#home #content ul {font-size: 1.125em;}
	#home #content h3 {font-size: 2.813em;}
	#home #content section footer {font-size: 1.125em;}
}
/*! max 70 (1120px) media */
@media screen and (max-width: 70em) {
	html:before {content: 'medium';}
	body:before {content: '70em (1120px)';}
	#su00, #su04, #gri, #videos, #downloads {padding-top: 5.188em;}
	body > header {padding: .938em 2em .875em;}
	body > header h1 img {
		height: 3.312em;
		width: auto;
	}
	#nav_utility .download {display: none;}
	body > header > .toggle {
		position: absolute;
		right: 5.8em;
		bottom: .875em;
		cursor: pointer;
		width: 2.562em;
		height: 2.562em;
		border-radius: 100%;
		background-color: #FF4338;
		color: white;
		outline-color: #FF4338;
		outline-offset: .125em;
		padding: 0;
		transition: none;
	}
	body > header > .toggle:focus {outline: 1px dotted #FF4338;}
	body > header > .toggle:hover, body > header > .toggle:active, .nav_active body > header > .toggle {box-shadow: 0 2px 4px rgba(0,0,0,.75) inset;}
	body > header > .toggle:hover, .nav_active body > header > .toggle {background-color: #CA3536;}
	body > header > .toggle:active {background-color: #8E1A20;}
	body > header > .toggle:before,	body > header > .toggle:after {
		content: '';
		position: absolute;
		border: solid white;
		border-width: .125em 0;
		width: 1.625em;
		height: .625em;
		top: 50%;
		left: 50%;
		margin-left: -.813em;
	}
	body > header > .toggle:before {margin-top: -.438em;}
	body > header > .toggle:after {
		border-bottom: 0;
		height: auto;
		margin-top: -.063em;
	}
	.nav_active body > header > .toggle:before,	.nav_active body > header > .toggle:after {
		margin: 0;
		left: .5em;
		top: 1.25em;
	}
	.nav_active body > header > .toggle:before {
		transform: rotate(45deg);
		height: auto;
		border-bottom: none;
	}
	.nav_active body > header > .toggle:after {transform: rotate(-45deg);}
	#main_nav li li a {
		transition-property: max-height, padding, opacity, color, background-color, margin;
		transition-duration: .3s, .3s, .3s, .2s, .3s, .3s;
		transition-delay: 0s, 0s, 0s, .2s, 0s, 0s;
	}
	#main_nav .more > a {
		position: absolute;
		left: -9999em;
	}
	.jsenabled #main_nav li li a {
		padding-top: 0;
		padding-bottom: 0;
		max-height: 1px;
		opacity: .01;
		margin-bottom: -1px;
		color: rgba(255,255,255,.1);
	}
	.jsenabled #main_nav li.active li a,
	.jsenabled #main_nav li.focus li a,
	.jsenabled #main_nav .more li a {
		max-height: 1em;
		opacity: 1;
		margin-bottom: 0;
		padding-top: .5em;
		padding-bottom: .5em;
		color: #19335E;
		transition-duration: .3s;
		transition-delay: 0s;
		background-color: transparent;
	}
	.jsenabled #main_nav ul .toggle {
		position: relative;
		z-index: 1;
		outline-offset: -1px;
	}
	.jsenabled #main_nav > ul > li > a:before {
		content: '';
		position: absolute;
		left: 1em;
		top: .7em;
		border-style: solid;
		border-color: transparent #19335E;
		border-width: 4px 0 4px 4px;
		transition: border-color .3s, transform .3s;
	}
	.jsenabled #main_nav > ul > li > a:hover:before,
/* 	.jsenabled #main_nav > ul > li > a:focus:before, */
	.jsenabled #main_nav > ul > .current > a:before
		{border-color: transparent white;}
	.jsenabled #main_nav > ul > .active > a:before, .jsenabled #main_nav > ul > .focus > a:before {transform: rotate(90deg);}
		
	#footer {padding-top: 1.75em;}
	.landing #content > article > h2 {margin-left: 0;}
	.landing #content .intro {
		padding-left: 0;
		padding-right: 0;
	}
	.landing #content .intro > * {max-width: none;}
	#content .highlights {margin-bottom: 4.375em;}
	.landing #ksi {
		position: static;
		width: 100%;
		display: table;
	}
	.landing #ksi h4 {display: table-caption;}
	.landing #ksi > div {
		background-color: #19335E;
		display: table-cell;
		width: 50%;
	}
	.landing #ksi > div:last-child {position: static;}
	#home #content {padding-top: 2.5em;}
	#home #content section footer {top: 6em;}
	#home #content ul {font-size: .813em;}
	#videos #content {background-image: none;}
	.v_container {max-width: 100%;}
	.v_container .vid img {}
	#bu01 #content {max-width: 46em;}
	#bu01 #content > * {
		margin-right: 0;
		position: relative;
	}
	#bu01 h2 + p {font-size: .875em;}
	#bu01 .overview1 {
		margin: 0;
		padding: 1.875em 1.875em .875em;
	}
	#bu01 .overview1 dt, #bu01 .overview1 dd {
		font-size: 1em;
		float: none;
		width: auto;
		margin: 0 0 1em;
		padding: 0;
		border: none;
	}
	#bu01 .overview1 dt {
		float: left;
		clear: left;
		width: 12.5em;
		margin-right: 1em;
	}
	#bu01 .overview1 dt:after {
		border: none;
		content: ':';
		color: white;
		right: 0;
		bottom: auto;
		left: auto;
		width: auto;
	}
	#bu01 .callout {
		width: 42.12%;
		left: auto;
		right: 1.875em;
		margin: 30em 0 0;
		background-position: right bottom;
	}
	#bu01 .callout:after {padding-top: 106%;}
	#bu01 .callout p {
		width: auto;
		position: static;
		margin-bottom: 1em !important;
		padding: .625em 0;
		line-height: 1.5;
	}
	#bu01 .overview1 dt, #bu01 .overview1 dd, #bu01 .overview2 dt, #bu01 .overview2 dd, #bu01 .callout p {font-size: 1em;}
	#bu01 .overview2 {
		margin: 0;
		padding: 1.875em 0;
		background-position: center;
		min-height: 57em;
	}
	#bu01 .overview2 dt, #bu01 .overview2 dd {
		margin-left: 0;
		width: 42.12% !important;
		left: 1.875em;
		position: relative;
	}
	#bu01 .overview2 dt:first-child, #bu01 .overview2 dt.system {margin-top: .5em;}
	#bu01 .overview2 .system, #bu01 .overview2 .system + dd {
		bottom: auto;
		top: 1.875em;
		right: 1.875em;
		left: auto;
	}
	#bu01 .overview2 .system + dd {margin-top: 2.9em;}
}

/*! min 37.563 (601), max 70 (1120) media */
@media screen and (min-width: 37.563em) and (max-width: 70em) {
	.landing {
		padding-top: 25.938em;
		background-size: auto 25.938em;
		background-position: left top;
	}
	#main_nav > ul {
		left: auto;
		right: 0;
		background-color: rgba(255,255,255,.9);
		box-shadow: 0 2px 2px rgba(0,0,0,.2);
		top: 4.938em;
		overflow: auto;
	}
	#main_nav li:before {content: none;}
	#main_nav a {
		padding: .5em 2.188em;
		position: relative;
		transition: background-color .3s, color .3s;
	}
	#main_nav > ul > li > a:hover,
/* 	#main_nav > ul > li > a:focus, */
	#main_nav > ul > .current > a,
	#main_nav .more li > a:hover,
/* 	#main_nav .more li > a:focus, */
	#main_nav .more .current > a,
	.jsenabled #main_nav .more .current > a
	{
		background-color: #0089C4;
		color: white;
	}
	#main_nav ul ul {
		position: static;
		margin-left: 2.188em;
	}
	#main_nav li li a {
		font-size: .875em;
		padding: .5em 2.143em;
	}
	#main_nav li li a:before {
		left: 0;
		width: .786em;
		height: .786em;
		border-width: .286em;
		margin-top: -.8em;
	}
	#main_nav ul ul ul {margin-left: 1.875em;}
	#main_nav li li li a {padding-left: 1.286em;}
	#main_nav li li li a:before {
		border: none;
		background-color: #0089C4;
		width: .429em;
		height: .429em;
		margin-top: -.3em;
	}
	#main_nav .more {
		border-top: 1px solid #19335E;
		margin: .5em 0;
		padding: .5em 0;
	}
	#main_nav .more ul {margin-left: 0;}
	#main_nav .more li a {
		font-size: 1em;
		font-weight: bold;
	}
	#main_nav .more li a:before, .jsenabled #main_nav .videos > a:before {content: none;}
	#main_nav .download {
		border-bottom: 1px solid #19335E;
		margin-bottom: .5em;
		padding-bottom: .5em;
	}
	.jsenabled #main_nav > ul {
		position: fixed;
		bottom: 0;
		transform: translate3d(100%,0,0);
		transition: transform .5s;
	}
	.nav_active #main_nav > ul {transform: translate3d(0,0,0);}
	.jsenabled #main_nav .more li a:hover, .jsenabled #main_nav .more .current a {color: white;}
	#nav_utility {
		right: 2em;
		bottom: .875em;
		top: auto;
		background: none;
		box-shadow: none;
		position: absolute !important;
		overflow: visible !important;
		transform: none !important;
	}
	#nav_utility a {transition: none;}
	#nav_utility a:hover {background-color: #CA3536;}
	#nav_utility a:active {background-color: #8E1A20;}
	#content, #sitemap, #footer, .landing #content {
		padding-left: 2em;
		padding-right: 2em;
	}
	#content {
		padding-top: 2.5em;
		padding-bottom: 3.25em;
	}
	.callout.special {
		right: 2em;
		width: 28%;
	}
	#content > article h2 {
		font-size: 2.625rem;
		margin-bottom: .3em;
	}
	#content .intro p {font-size: 1.25em;}
	#home #content #hero {
		left: 2em;
		right: 2em;
	}
	.intro .callout.special {top: 6.3em;}
	.landing #ksi {margin-bottom: 2.222em;}
	.landing #ksi h4 {margin-bottom: .833em; color: #19335E; text-shadow: none;}
	.landing #ksi > div > div {min-height: 4.8em;}
	.landing #ksi > div > a {
		top: auto;
		left: 2em;
		margin-top: 5.45em;
		font-size: .889em;
	}
}
@media screen and (max-width: 70em) and (-ms-high-contrast: active) {
	#main_nav > ul {border: 1px solid;}
	#nav_utility {border: none;}
}


@media screen and (max-width: 75.656em) {
	body {
		padding-top: 25.938em;
		background-size: auto 25.938em;
	}
}
/*! max 62.5em (1000px) media */
@media screen and (max-width: 62.5em) {
	body:before {content: '62.5em (1000px)';}
	#sitemap {
/*
		position: absolute;
		left: -9999em;
		top: -9999em;
*/
		display: none;
	}
	#footer {
		padding: 1.75em 1em 2.5em;
		text-align: center;
	}
	#footer .network {
		float: none;
		margin-bottom: 1.75em;
	}
	#content > * {margin-right: 0;}
	.callout.special {
		position: relative;
		right: auto;
		width: 48.84%;
		top: auto !important;
		margin: 0 0 1.438em 3.025%;
	}
	#home #content {padding-bottom: 0;}
	#home #content section {
		text-align: center;
		padding-bottom: 3em;
	}
	#home #content #hero {padding-bottom: 0;}
	#home #content h3 {
		margin-bottom: 2em;
		position: static;
		font-size: 1.625em;
	}
	#home #content ul {
		margin: 0;
		overflow: hidden;
	}
	#home #content li {
		float: none;
		display: inline-block;
		vertical-align: top;
		width: 13em;
		margin: 0 .428em 1em !important;
		text-align: left;
	}
	#home #content .ceo {
		display: block;
		margin-left: auto !important;
		margin-right: auto !important;
	}
	#home #content li a:hover span:after {font-size: 15px;}
	#home #content section footer {
		left: 0;
		width: 100%;
		top: 6.5em;
		font-size: .75em;
	}
	#feedback #content > * {margin-right: 0;}
	#timeline {
		display: block;
		background: #19335E;
		margin: 0 -1em;
	}
	#timeline > section {
		position: relative;
		padding-left: 1em !important;
		padding-right: 1em !important;
	}
	#timeline > section:before, #timeline > section:after {
		content: '';
		position: absolute;
		top: 1em;
		right: 1em;
		border: solid white;
		transition: opacity .5s;
	}
	#timeline > section:before {
		background-color: transparent;
		border-width: 0 1px 0 0;
		height: 1.188em;
		right: 1.563em;
	}
	#timeline > section:after {
		background-color: transparent;
		border-width: 1px 0 0;
		width: 1.188em;
		top: 1.563em;
	}
	.jsenabled #timeline > :hover:before, .jsenabled #timeline > :hover:after {opacity: 1;}
	#timeline > :hover:before, #timeline > :hover:after, .jsenabled #timeline > .active:before, .jsenabled #timeline > .active:after {opacity: 0;}
	#timeline > section, .jsenabled #timeline > section:hover {border-width: 1px 0 0;}
	#timeline > section:hover > *, .jsenabled #timeline > .active > *, .jsenabled #timeline > .active:hover > * {font-size: .938em;}
	#timeline h5, .jsenabled #timeline > section h5, .jsenabled #timeline > section:hover h5 {
		min-height: 0;
		margin-bottom: .5em;
	}
	#timeline li:before, .jsenabled #timeline > section:hover li:before {
		font-size: 6px;
		margin-top: .5em;
	}
	#timeline > section:hover li:before, .jsenabled #timeline > .active li:before, .jsenabled #timeline > .active:hover li:before {
		font-size: 8px;
		margin-top: .6em;
	}
	#content .highlights {
		margin-left: -2em;
		margin-right: -2em;
		padding: 3.125em 2em 0;
	}
	#content .highlights h3 {
		font-size: 2em;
		margin-bottom: 1.25em;
	}
	#content .highlights li {
		width: 45%;
		margin-left: 10% !important;
	}
	#content .highlights li:nth-child(odd) {margin-left: 0 !important;}
	.landing #ksi > div {line-height: 1.3;}
}
/*! max 50 (800px) media */
@media screen and (max-width: 50em) {
	#bu01 .callout {margin-top: 60vw;}
	#bu01 .overview2, #bu01 .callout {font-size: 2vw;}
}
/*! max 37.5 (600px) media */
@media screen and (max-width: 37.5em) {
	html:before {content: 'small';}
	html {
		line-height: 1.42;
		height: 100%;
	}
	.callout.large .s1 {margin-bottom: .4em;}
	
/* Small heros */	
	body, .landing {
		background-image: url(../img/placeholder_hero_640x466.png);
		background-size: contain;
		padding-top: 72.813%;
		}
		#home {background-image: url(../img/hero_home_640.jpg);background-position: center top;}
		#sustainability {background-image: url(../img/hero_sustainability_640.jpg);}
		#business {background-image: url(../img/hero_business_640.jpg);}
		#bu01 {background-image: url(../img/hero_bu01_640.jpg);}
		#bu02 {background-image: url(../img/hero_bu02_640.jpg);}
		#bu03 {background-image: url(../img/hero_bu03_640.jpg);}
		#bu04 {background-image: url(../img/hero_bu04_640.jpg);}
		#bu05 {background-image: url(../img/hero_bu05_640.jpg);}
		#bu06 {background-image: url(../img/hero_bu06_640.jpg);}
		#bu06:before {content: 'Photo courtesy of Avangrid Renewables'; font-size: 10px;display: block; position: relative; top: 100%;border: none;}
		#bu07 {background-image: url(../img/hero_bu07_640.jpg);}
		#bu08 {background-image: url(../img/hero_bu08_640.jpg);}
		#bu09 {background-image: url(../img/hero_bu09_640.jpg);}
		#bu10 {background-image: url(../img/hero_bu10_640.jpg);}
		#bu11 {background-image: url(../img/hero_bu11_640.jpg);}
		#bu12 {background-image: url(../img/hero_bu12_640.jpg);}
		#customers {background-image: url(../img/hero_customers_640.jpg);}
		#cu01 {background-image: url(../img/hero_cu01_640.jpg);}
		#cu02 {background-image: url(../img/hero_cu02_640.jpg);}
		#cu03 {background-image: url(../img/hero_cu03_640.jpg);}
		#cu04 {background-image: url(../img/hero_cu04_640.jpg);}
		#cu05 {background-image: url(../img/hero_cu05_640.jpg);}
		#cu06 {background-image: url(../img/hero_cu06_640.jpg);}
		#cu07 {background-image: url(../img/hero_cu07_640.jpg);}
		#cu08 {background-image: url(../img/hero_cu08_640.jpg);}
		#en07 {background-image: url(../img/hero_bu02_640.jpg);}
		#su05 {background-image: url(../img/hero_feedback_640.jpg);}
		#employees {background-image: url(../img/hero_employees_640.jpg);}
		#em01 {background-image: url(../img/hero_em01_640.jpg);}
		#em02 {background-image: url(../img/hero_em02_640.jpg);}
		#em03 {background-image: url(../img/hero_em03_640.jpg);}
		#em04 {background-image: url(../img/hero_em04_640.jpg);}
		#environment {background-image: url(../img/hero_environment_640.jpg);}
		#en01 {background-image: url(../img/hero_en01_640.jpg);}
		#en02 {background-image: url(../img/hero_en02_640.jpg);}
		#en03 {background-image: url(../img/hero_en03_640.jpg);}
		#en04 {background-image: url(../img/hero_en04_640.jpg);}
		#en05 {background-image: url(../img/hero_en05_640.jpg);}
		#en06 {background-image: url(../img/hero_en06_640.jpg);}
		#en07 {background-image: url(../img/hero_en07_640.jpg);}
		#en08 {background-image: url(../img/hero_en08_640.jpg);}
		#safety {background-image: url(../img/hero_safety_640.jpg);}
		#sa01 {background-image: url(../img/hero_sa01_640.jpg);}
		#sa02 {background-image: url(../img/hero_sa02_640.jpg);}
		#sa03 {background-image: url(../img/hero_sa03_640.jpg);}
		#su01 {background-image: url(../img/hero_su01_640.jpg);}
		#su02 {background-image: url(../img/hero_su02_640.jpg);}
		#su03 {background-image: url(../img/hero_su03_640.jpg);}
		#su04 {background-image: url(../img/hero_su04_640.jpg);}
		#su05 {background-image: url(../img/hero_su05_640.jpg);}
		#feedback {background-image: url(../img/hero_feedback_640.jpg);}
	
	body:before {content: '37.5em';}

	#su00, #su04, #gri, #videos, #downloads {
		padding-top: 3.25em;
		background-image: none;
	}
	h2, #content > article h2 {font-size: 1.875rem;}
	h3 {font-size: 1.125rem;}
	h4 {font-size: 1rem;}
	p, table, ul, ol {margin-bottom: 1.42em;}
	table {
		width: 100%;
		margin: 0 0 4ex;
	}
	thead {border-bottom-width: 2px;}
	tr {border-bottom: 1px solid #BBB;}
	th, td {
		padding-left: .385em;
		padding-right: .385em;
	}
	tbody tr > :first-child, tfoot tr > :first-child {padding-left: 1em;}
	tbody tr > :last-child, tfoot tr > :last-child {padding-right: 1em;}
	th small {font-size: 1em;}
	.large_only {display: none;}
	.large_only + .small_only {margin-top: 0;}
	.small_only th, .small_only td {
		border-right: none !important;
		text-align: center;
	}
	.small_only .th + tr {font-weight: bold;}
	thead tr > :first-child {padding-left: 1.154em;}
	thead tr > :last-child {padding-right: 1.154em;}
	.small_only tbody tr:first-child > * {text-align: left;}
	.small_only tbody tr:first-child > th[colspan],
	.small_only tbody tr:first-child > td[colspan]
	{
		text-align: center;
		background-color: white;
	}
	.small_only .sub1 th, .small_only .sub2 th {font-weight: normal;}
	.small_only tbody th small {font-size: 1em;}
	.small_only .sub2 tr > :first-child {border-left: 3.636em solid white;}
	.small_only .subhead {background-color: #EBEBEB;}
	table.text ul li:before {margin-top: .3em;}
	.nav_active, .nav_active body {overflow: hidden;}
	body > header {
		background: none;
		box-shadow: none;
		border: none;
		padding: 0;
	}
	body > header h1 {
		padding: .375em .438em .313em;
		position: relative;
		z-index: 1;
		float: none;
		background: rgba(255,255,255,.9);
		border-bottom: 1px solid rgba(255,255,255,0);
		overflow: hidden;
		box-shadow: 0 2px 2px rgba(0,0,0,.2);
	}
	body > header h1 a {float: left;}
	body > header h1 img {height: 40px;}
	
	#main_nav {
		font-weight: normal;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 100%;
		-webkit-font-smoothing: subpixel-antialiased;
		-moz-osx-font-smoothing: auto;
		line-height: 1.2;
		overflow: hidden;
		transition: bottom 0s .8s, background-color .5s;
	}
	.nav_active #main_nav {
		background-color: white;
		bottom: 0;
		transition-duration: 0s, .5s;
		transition-delay: 0s, .5s;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
	}
	#main_nav > ul {
		position: static;
		background-color: #0089C4;
		padding-top: 3.25em;
		box-sizing: border-box;
		transform: translate3d(0,-100%,0);
		transition: transform .8s;
	}
	.nav_active #main_nav > ul {transform: translate3d(0,0,0);}
	#main_nav a {
		color: white;
		background-color: #0089C4;
		border: solid white;
		border-width: 1px 0;
		padding: 1em .438em;
		margin-bottom: -1px;
	}
	#main_nav a:hover, #main_nav .current > a {background-color: #19335E;}
	#main_nav ul ul {
		background-color: #ABE1FA;
		padding: .5em 0;
		border: none;
	}
	#main_nav .more ul {
		background-color: white;
		padding: .5em 0 2em !important;
	}
	#main_nav ul ul ul {padding: 0;}
	#main_nav li li a, #main_nav .current li > a {
		border: none;
		color: #19335E;
		padding: .5em .5em .5em 1.8em;
		background-color: transparent;
		margin: 0;
	}
	#main_nav li li a:hover {
		background-color: transparent;
		color: white;
		transition: none;
	}
	#main_nav li .current > a:before {
		content: '\e913';
		font: .6em Icons;
		position: absolute;
		margin-left: -2em;
		margin-top: .2em;
	}
	#nav_utility, body > header > .toggle {
		top: .375em;
		bottom: auto;
		left: auto;
		z-index: 5;
	}
	#nav_utility {right: .438em;}
	.jsenabled #main_nav a, .jsenabled #main_nav .more a {padding-left: 2.188em;}
	.jsenabled #main_nav ul ul, .jsenabled #main_nav .active ul ul {
		padding: 0;
		transition: padding .3s;
	}
	.jsenabled #main_nav .active ul {
		padding: .5em 0;
		transition-delay: .03s;
	}
	.jsenabled #main_nav li li a {padding-left: 3.5em;}
	.jsenabled #main_nav li.active li a,
	.jsenabled #main_nav .more li a,
	.jsenabled #main_nav .more.focus li a
	{
		max-height: 2.4em;
		transition-delay: .03s;
	}
	.jsenabled #main_nav li.active li a:hover {color: white;}
	.jsenabled #main_nav ul .toggle {
		position: relative;
		z-index: 1;
	}
	.jsenabled #main_nav > ul > li > a:before {
		left: .625em;
		top: 1.2em;
		border-color: transparent white;
		border-width: 7px 0 7px 7px;
		transition: transform .3s;
	}
	.jsenabled #main_nav li li li a {padding-left: 5em;}
	body > header > .toggle {right: 4.113em;}
	
	#content, .landing #content {padding: 1.563em 1em 3.438em;}
	#footer {padding: 1em 1em 0;}
	#footer .network {margin-bottom: 1em;}
	#footer .copyright {margin-bottom: .8em;}
	#footer .copyright span {
		position: absolute;
		left: -9999em;
		top: -9999em;
	}
	#footer .copyright br {display: none;}
	#footer ul.accessibility, #footer ul.accessibility li:first-child {
		position: static !important;
		padding: 0;
		margin: 0;
	}
	#footer ul.accessibility li {
		position: absolute;
		left: -9999em;
		top: -9999em;
	}
	#footer ul.accessibility li:first-child:before {content: none;}
	#footer ul.accessibility li:first-child a {
		display: block;
		background-color: #EBEBEB;
		margin: 0 -1em;
		padding: 1em 0 3.125em;
		color: #00A7C2;
		line-height: 1;
	}
	
	#home {
		min-height: 100%;
		padding: 0;
		background-size: cover;
	}
	#home #content {
		position: static;
		padding: 0;
	}
	#home #content section {
		position: absolute;
		left: -9999em;
		top: -9999em;
		text-align: left;
	}
	#home #content #hero {
		left: 1em;
		right: 1em;
		bottom: 4.688em;
		top: 45%;
		padding: 0 0 1em;
		height: auto;
	}
	#home #hero h2 {
		font-size: 1.688em;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
	#home #content #hero > div {
		font-size: .75em;
		width: 15em;
		line-height: 1.333;
	}
	#home #hero span {
		position: static;
		font-size: 1em;
		opacity: 1;
	}
	#home #hero a {display: none;}
	#home #footer {
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
	}
	#home #footer ul.accessibility {position: absolute !important;}
	.large_only {display: none;}
	.callout {
		float: none;
		width: auto;
		margin-left: -1em;
		margin-right: -1em;
		border-radius: 0;
		line-height: 1.25;
	}
	.callout.special {
		margin: 1.563em 0;
		width: auto;
		border-width: 2px 0;
		border-style: solid;
		border-color: #FFA100 transparent #BBB;
		padding: 1.563em 0;
	}
	.callout.special:before {
		border-top: 2px solid #FFA100;
		bottom: 100%;
		width: 25%;
		left: 0;
		margin-bottom: 2px;
	}
	.callout > div {
		border-radius: 0;
		padding-left: 1em;
		padding-right: 1em;
	}
	
	/* space between divs when two-column large callouts are stacked in mobile view */
	.callout > div.s1 {
	padding-bottom: .3em;
	}
	
	.callout.large > h4 {
		padding-left: .667em;
		padding-right: .667em;
	}
	.callout.horiz > .s1 {
		padding: 0;
		border: 0;
	}
	
	.footnote {font-size: .75rem !important;}
	#sitemap {
		position: absolute;
		left: -9999em;
		top: -9999em;
	}
	
	#content > article > * {font-size: .875em;}
	#content > article > table {font-size: .813em;}
	#content > article table.text {font-size: .928em;}
	#content > article table > * {font-size: 1em;}
	#content .intro p {
		font-size: 1.125em;
		line-height: 1.33;
	}
	#content .highlights {
		padding: 2.25em 1em;
		margin: 0 -1em 3.125em;
	}
	.highlights h3 {
		font-size: 1.875em;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		margin-bottom: .667em;
	}
	#content .highlights ul {font-size: 1em;}
	#content .highlights li {
		display: list-item;
		width: auto;
		margin: 0 0 2.5em !important;
		min-height: 0;
		font-size: .875em;
		padding-top: 1em;
	}
	.landing #ksi {
		position: relative;
		width: auto;
		font-size: 1em;
		margin-bottom: 2.813em;
		bottom: auto;
		right: auto;
		display: block;
	}
	.landing #ksi h4 {
		font-size: 1.875em;
		margin-bottom: .667em;
		display: block;
		color: #19335E;
		text-shadow: none;
	}
	.landing #ksi > div {
		background-color: #19335E;
		margin-left: -1em;
		margin-right: -1em;
		padding: 1.5em 1em;
		display: block;
		width: auto;
	}
	.landing #ksi .indicator {font-size: 2em;}
	dl.legend {margin: 0 33.3% 1em 0;}
	.key tr > :first-child + td {padding-right: 0;}
	.key tr > :first-child + td + td {
		padding-left: 0;
		color: #0089C4;
	}
	.key col:first-child, .key colgroup + colgroup {width: 33.3%;}
	#bu01 table {font-size: .8em;}
	#bu01 .overview1 {
		margin: 0 -1em 2em;
		border-radius: 0;
		padding: 1.25em 1em;
	}
	#bu01 .overview1 dt, #bu01 .overview1 dd {
		width: auto;
		margin-right: 0;
	}
	#bu01 .overview1 dt {
		float: none;
		border-bottom: 2px solid white;
		padding-bottom: .5em;
		margin-bottom: .5em;
		font-size: 1.125em;
	}
	#bu01 .overview1 dt:after {
		content: '';
		border-bottom: 2px solid white;
		bottom: 0;
		left: 0;
		right: auto;
		width: 25%;
	}
	#bu01 .overview1 dd {
		font-size: .938em;
		margin-bottom: 2em;
	}
	#bu01 .overview1 dd:last-child {margin-bottom: 0;}
	#bu01 .callout, #bu01 .overview2 {font-size: 1em;}
	#bu01 .callout {
		position: relative;
		right: auto;
		margin: 0 0 2em;
		width: auto;
	}
	#bu01 .overview2 {
		background: none;
		padding: 0;
		margin-bottom: 3em;
		min-height: 0;
	}
	#bu01 .overview2 dt, #bu01 .overview2 dd {
		max-width: none;
		width: auto !important;
		font-size: .875em;
		left: auto;
	}
	#bu01 .overview2 dt {margin-top: 3em !important;}
	#bu01 .overview2 .system, #bu01 .overview2 .system + dd {
		position: relative;
		top: auto;
		right: auto;
	}
	#bu01 .overview2 .system + dd {margin-top: 0;}
	
	/* GRI table styles */
	#gri h3 {
		text-align: center;
		text-transform: uppercase;
		font-size: 115%;
		color: black;
		font-weight: bold;
	}
	#gri td, #gri th {text-align: left;}
	#gri tbody td {
		-moz-hyphens: auto;
		-webkit-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;
	}
	#gri .small_only section {
		display: block;
		position: relative;
		margin: 0 0 2.31em;
	}
	#gri .small_only h4 {
		text-transform: uppercase;
		font-size: 1em;
		font-weight: bold;
		border-bottom: .154em solid black;
		position: relative;
		padding-right: 1.538em;
		cursor: pointer;
		margin: -.538em 0 .308em;
		padding: .231em 0;
		line-height: 1.2;
		color: #0089C4;
	}
	#gri .small_only > section:first-child > h4 {margin-top: auto;}
	#gri .small_only h4:after {
		content: '\e908';
		font: 1.154em Icons;
		color: #0089C4;
		position: absolute;
		right: 0;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
	#gri .small_only h4.open:after {content: '\e909';}
	#gri .small_only .content {
		overflow: hidden;
		position: absolute;
		left: -9999px;
		top: -9999px;
	}
	#gri .small_only .open + .content {position: static;}
	#gri .small_only dl {margin: .308em 0 .615em;}
	#gri .small_only dt, #gri .small_only dd {
		padding: .154em 0;
		min-height: 1.462em;
	}
	#gri .small_only dt {
		float: left;
		margin-right: .5em;
		clear: both;
	}
	#gri .small_only dt:after {content: ':';}
	#gri .small_only dt + dd + dt + dd + dt, #gri .layout2.small_only h5 + dl dt + dd + dt + dd + dt + dd + dt {
		float: none;
		margin-bottom: -.5ex;
	}
	#gri .small_only dd {
		border-bottom: 1px solid #BBB;
		margin: 0;
	}
	#gri .small_only dt + dd + dt + dd + dt + dd,
	#gri .layout2.small_only h5 + dl dt + dd + dt + dd + dt + dd + dt + dd
	{
		line-height: 1.23;
		padding-bottom: .154em;
	}
	#gri .small_only dd:last-child {
		border-bottom-color: black;
		min-height: 0;
		padding-bottom: .385em !important;
	}
	
	#gri .small_only section section {margin: 0 0 3.6ex;}
	#gri .layout2.small_only h5 {
		margin: 0;
		font-size: 100%;
		border-bottom: 1px solid black;
		padding-bottom: .231em;
	}
	#gri .layout2.small_only h5 + dl {margin-top: 0;}
	#gri .layout2.small_only h5 + dl > :first-child {
		float: none;
		margin: 0 0 -.5ex;
		min-height: 0;
		padding-bottom: 0;
	}
	#gri .layout2.small_only h5 + dl > :first-child + dd {line-height: 1.23;}
	#gri .layout2.small_only h5 + dl dt + dd + dt + dd + dt {
		float: left;
		margin-bottom: 0;
	}
	#gri .layout2.small_only h5 + dl dt + dd + dt + dd + dt + dd {line-height: 1.75;}
	/* end GRI table styles */
	
	/* materiality matrix styles, su02 */
	#matrix_container {
		background-color: #F9F9F9;
		padding: 1.923em 1.154em 1.923em 3.077em;
		margin: 0 -1.154em 2.692em;
	}
	#matrix_list {
		margin-bottom: 1.154em;
		font-size: .923em;
		padding: 0;
		min-width: 0;
		display: block;
		height: 2.417em;
	}
	#matrix_list:after {
		width: 2em;
		font-size: 1em;
		line-height: 2.417em;
		height: 2.417em;
	}
	#matrix_list ul, .jsenabled #matrix_list.active ul, .jsenabled #matrix_list.focus ul {
		padding: .167em 0;
		right: 2.083em;
	}
	#matrix_list a, #matrix_list > div {padding: .25em .417em .25em 1.417em;}
	#matrix_list a:hover:before, #matrix_list .current a:before {
		font-size: .5em;
		margin-left: -1.8em;
	}
	#matrix_list > div {
		padding-top: .417em;
		padding-bottom: .417em;
	}
	#matrices {margin-left: -1.154em;}
	#matrices #m0 {display: none;}
	#matrices > div {margin-bottom: 5ex;}
	#matrices.cycle > div {
		margin-bottom: 0;
		right: 0;
	}
	#matrices object, #matrices img {margin-bottom: .769em;}
	#matrices .description {
		margin-left: 2.5em;
		font-size: .769em;
		line-height: 1.2;
		border-top: .1em solid #D7D7D7;
		padding-top: 1em;
	}
	#matrices h4 {margin: 0;}
	#matrices .description > em {
		display: block;
		margin-top: 1ex;
	}
	/* end materiality matrix styles */
	
	#feedback #content h2 {
		position: static;
		font-size: 1.875em;
		color: #0089C4;
		margin-bottom: .6em;
	}
	#feedback #content p {font-size: 100%;}
	#feedback #content form {margin-top: 3em;}
	#feedback fieldset > div {
		display: block;
		width: auto;
		margin-left: 0;
	}
	.jsenabled #feedback label {font-size: 1rem;}
	#feedback .notice {font-size: .867em;}
	.v_container {margin-bottom: .313em;}
	.v_container h3 {
		font-size: 4.38vw;
		padding: .5em .5em 0 1em;
	}
	.v_container .time {left: -9999em;}
	.v_container .vid:before {
		opacity: 1;
		font-size: 4.06vw;
	}
	.v_container .vid span,
	.v_container .audio {
		font-size: 3.75vw;
		padding: .4em 1.167em 0 0;
	}
	.v_container .other {position: relative;}
	.v_container .other h4 {
		top: -2em;
		font-size: 3.44vw;
		margin-left: 1.273em;
	}
	.jsenabled .v_container .other .container {
		position: relative;
		left: 0;
	}
	.v_container .other ul {
		padding: .625em;
		font-size: 1em;
		transform: none !important;
		min-height: 0;
		border-top: .313em solid #EBEBEB;
		margin-top: -72.5%;
		transition: margin-top .5s !important;
	}
	.v_container.active .other ul {margin-top: 0;}
	.v_container .other li {
		display: list-item;
		width: auto;
		margin: 0 0 .625em !important;
		position: relative;
	}
	.v_container .other li:last-child {margin-bottom: 0 !important;}
	.v_container .other li a {width: 31.345%;}
	.v_container .other li a:before {font-size: 1.063em;}
	.v_container .other li a:after {border-width: 2px;}
	.v_container .other .caption {
		top: auto;
		bottom: 0;
		font-size: .75em;
		left: 35.08%;
		right: 0;
		line-height: 1.2;
	}
	.v_container .other li a:hover + .caption,
	.v_container .other li a:focus + .caption {
		left: 35.08%;
		right: 0;
	}
	.v_container .other .close {
		bottom: auto;
		top: .813em;
		margin-top: -72%;
		transition: margin-top .5s;
	}
	.v_container.active .other .close {margin-top: 0;}
	
	#su05 #content section ul {
		-moz-columns: auto;
		-webkit-columns: auto;
		columns: auto;
	}
	.inset.sm { width: 15% !important; }
}

/* 320 screen */
/*
@media screen and (max-width: 23em) {
		#home #content #hero {top: 48vh;}
	}
*/
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover,
  .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before,
  .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /*
       * Remove all paddings around the image on small screen
  */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }