@charset "UTF-8";

html {
	font-family: sans-serif;
	/* 1 */
	-ms-text-size-adjust: 100%;
	/* 2 */
	-webkit-text-size-adjust: 100%;
	/* 2 */
}


body {
	margin: 0;
}


article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	/* 1 */
	display: block;
}

/**
 * Add the correct display in IE 9-.
 */
audio,
canvas,
progress,
video {
	display: inline-block;
}


audio:not([controls]) {
	display: none;
	height: 0;
}


progress {
	vertical-align: baseline;
}


template,
[hidden] {
	display: none;
}


a {
	background-color: transparent;
	/* 1 */
	-webkit-text-decoration-skip: objects;
	/* 2 */
}

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
	outline-width: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;
	/* 1 */
	text-decoration: underline;
	/* 2 */
	text-decoration: underline dotted;
	/* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
	font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bolder;
}

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
	font-style: ;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
/*h1 {
	font-size: 2em;
	margin: 0.67em 0;
}*/

/**
 * Add the correct background and color in IE 9-.
 */
mark {
	background-color: #ff0;
	color: #000;
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
	border-style: none;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
	overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	/* 1 */
	font-size: 1em;
	/* 2 */
}

/**
 * Add the correct margin in IE 8.
 */
figure {
	margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box;
	/* 1 */
	height: 0;
	/* 1 */
	overflow: visible;
	/* 2 */
}

/* Forms
   ========================================================================== */
/**
 * 1. Change font properties to `inherit` in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font: inherit;
	/* 1 */
	margin: 0;
	/* 2 */
}

/**
 * Restore the font weight unset by the previous rule.
 */
optgroup {
	font-weight: bold;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	/* 1 */
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	/* 1 */
	text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *	controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
	/* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *	`fieldset` elements in all browsers.
 */
legend {
	box-sizing: border-box;
	/* 1 */
	color: inherit;
	/* 2 */
	display: table;
	/* 1 */
	max-width: 100%;
	/* 1 */
	padding: 0;
	/* 3 */
	white-space: normal;
	/* 1 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	/* 1 */
	padding: 0;
	/* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
	-webkit-appearance: textfield;
	/* 1 */
	outline-offset: -2px;
	/* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */
::-webkit-input-placeholder {
	color: inherit;
	opacity: 0.54;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	/* 1 */
	font: inherit;
	/* 2 */
}

/* @start color */
/*:root {
	--color-black: $color-black;
	--color-white: $color-white;
	--color-grey-lightest: $color-grey-lightest;
	--color-grey-lighter: $color-grey-lighter;
	--color-grey-light: $color-grey-light;
	--color-grey: $color-grey;
	--color-grey-dark: $color-grey-dark;
	--color-red-bright: $color-red-bright;
	--color-red: $color-red;
}*/

/* @end color */
@-webkit-keyframes pulse {
	from {
		-webkit-transform: scale(1, 1, 1);
		transform: scale(1, 1, 1);
		opacity: 1;
	}
	50% {
		-webkit-transform: scale(0.5);
		transform: scale(0.5);
		opacity: 0.5;
	}
	to {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}
}
@keyframes pulse {
	from {
		-webkit-transform: scale(1, 1, 1);
		transform: scale(1, 1, 1);
		opacity: 1;
	}
	50% {
		-webkit-transform: scale(0.5);
		transform: scale(0.5);
		opacity: 0.5;
	}
	to {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}
}

@-webkit-keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 20px, 0);
		transform: translate3d(0, 20px, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 20px, 0);
		transform: translate3d(0, 20px, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

/*
$fw-base-colour					: #E8F1FB !default;
$fw-base-colour-text			: inherit !default;
$fw-colour2						: #5764c6 !default;
$fw-colour2-contrast			: #fff !default;
*/
a:focus,
.link:focus {
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}

/*
html

The html element represents the root of an HTML document.

*/
html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

html {
	box-sizing: border-box;
}

/**, *:before, *:after {
	box-sizing: inherit;
}*/
:before, :after {
	box-sizing: inherit;
}
/* {
	outline: none;
	background-position: 0 0;
	background-repeat: no-repeat;
}*/

html,
/*body {
	height: 100%;
}

body {
	font-size: 16px;
	line-height: 26;
	font-size: 1rem;
	line-height: 1.625;
}

body {
	margin: 0;
	padding: 0;
	font-weight: 400;
	text-rendering: optimizeLegibility;
	color: #333;
	font-family: "Times New Roman", serif;
	background-color: #fff;
}
*/
/*---
Article
@group			Base/Sections
@desc			Represents a section of a page that consists of a composition that forms an independent part of a document, page, or site. This could be a forum post, a magazine or newspaper article, a Web log entry, a user-submitted comment, or any other independent item of content.
@author			Michael Ord
@tags			default
---
<article></article>
*/
/*---
Aside
@group			Base/Sections
@desc			Represents a section of a page consisting of content that is tangentially related to the content around the aside element, and which could be considered separate from that content. Such sections are often represented as sidebars in printed typography.
@author			Michael Ord
@tags			default
---
<aside></aside>
*/
/*---
Section
@group			Base/Sections
@desc			Represents a generic document or application section. In this context, a section is a thematic grouping of content, typically with a header, possibly with a footer. Examples include chapters in a book, the various tabbed pages in a tabbed dialog box, or the numbered sections of a thesis. A web site's home page could be split into sections for an introduction, news items, contact information.
@author			Michael Ord
@tags			default
---
<section></section>
*/
/*---
Header section
@group			Base/Sections
@desc			Represents the "header" of a document or section of a document. The header element is typically used to group a set of h1–h6 elements to mark up a page's title with its subtitle or tagline. header elements may, however, contain more than just the section's headings and subheadings — e.g., version history information or publication date.
@author			Michael Ord
@tags			default
---
<header></header>
*/
/*---
Footer section
@group			Base/Sections
@desc			Represents the "footer" of a document or section of a document. The footer element typically contains metadata about its enclosing section, such as who wrote it, links to related documents, copyright data, etc. Contact information for the section given in a footer should be marked up using the address element.
@author			Michael Ord
@tags			default
---
<footer></footer>
*/
/*---
Main section
@group			Base/Sections
@desc			The main element is an exact analogue of ARIA's <code>role="main"</code>, and is designed to show screenreaders and assistive technologies exactly where main content begins, so it can be a target for a "skip links" keyboard command, for example. It could also be used for content syndication (Instapaper-ish things); mobile browsers could zoom in on main when encountering non-responsive websites. It should therefore be used once per page. If you use something like <code>&lt;div id="main"&gt;</code> (or similar, such as <code>&lt;div id="content"&gt;</code>), simply replace that with <code>&lt;main role="main"&gt;</code>.
@author			Michael Ord
@tags			default
---
<main></main>
*/
/*---
Addresses
@group			Base/Sections
@desc			Present contact information for the nearest ancestor or the entire body of work. Preserve formatting by ending all lines with <code>&lt;br&gt;</code>.
@author			Michael Ord
@tags			default
---
<address>
	You can contact author at <a href="http://www.somedomain.com/contact">www.somedomain.com</a>.<br>
	If you see any bugs, please <a href="mailto:webmaster@somedomain.com">contact webmaster</a>.<br>
	You may also want to visit us:<br>
	Mozilla Foundation<br>
	1981 Landings Drive<br>
	Building K<br>
	Mountain View, CA 94043-0801<br>
	USA
</address>
*/
address {
	font-style: 400;
}

/*---
Links
@group			Typography
@desc			If the a element has an href attribute, then it represents a hyperlink (a hypertext anchor). If the a element has no href attribute, then the element represents a placeholder for where a link might otherwise have been placed, if it had been relevant.
				The target, rel, media, hreflang, and type attributes must be omitted if the href attribute is not present.
@author			Michael Ord
@tags			default,typography,interactive
---
<ul class="list list--unstyled list-underlined">
	<li><a href="mailto:example@example.com">example@example.com</a></li>
	<li><a href="tel:00001234567">0000 123 4567</a></li>
	<li><a href="https://example.com/">https://example.com/</a></li>
	<li><a href="http://example.com/">http://example.com/</a></li>
</ul>
*/
a,
.link {
	color: #166b9f;
	text-decoration: none;
	-webkit-transition: color .2s, background .2s;
	transition: color .2s, background .2s;
	position: relative;
	background: transparent;
	border: 0;
	padding: 0;
}

a:hover, a:focus,
.link:hover,
.link:focus {
	color: #166b9f;
	text-decoration: underline;
}

a:before, a:after,
.link:before,
.link:after {
	text-decoration: none;
}

a[href*="tel:"],
.link[href*="tel:"] {
	color: inherit;
	white-space: nowrap;
}

/*---
Paragraph
@group			Typography
@desc			The p element represents a paragraph.
@author			Michael Ord
@tags			default,typography
---
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deleniti nesciunt, error repellat ea id, maiores aliquid placeat, repudiandae eaque nihil, quae eveniet sit saepe nemo eos et culpa. Amet, veritatis.</p>
<p>Aperiam odio nisi atque harum sed voluptates molestias, ducimus, numquam in sequi corporis. Molestias ipsum esse deserunt iusto ea aperiam est consequatur voluptatibus, distinctio magni, quibusdam voluptate et, error ex?</p>
*/
/*---
Deleted Text
@group			Typography
@desc			For indicating blocks of text that have been deleted use the <code>&lt;del&gt;</code> tag.
@author			Michael Ord
@tags			default,typography
---
<p><del>This line of text is meant to be treated as deleted text.</del></p>
*/
/*---
Inserted Text
@group			Typography
@desc			For indicating additions to the document use the <code>&lt;ins&gt;</code> tag.
@author			Michael Ord
@tags			default,typography
---
<p><ins>This line of text is meant to be treated as an addition to the document.</ins></p>
*/
code,
kbd,
pre,
samp {
	font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}

/*---
Emphasis
@group			Typography
@desc			Represents stress emphasis of its contents. The level of emphasis that a particular piece of content has is given by its number of ancestor em elements. The 'stress' being referred to is linguistic. If spoken, this stress would be emphasised pronunciation on a word that can change the nuance of a sentence.
@author			Michael Ord
@tags			default,typography
---
<p>Call a doctor <em>now</em></p>
*/
/*---
Strong text
@group			Typography
@desc			Represents strong importance for its contents. Indicate relative importance by nesting strong elements; each strong element increases the importance of its contents. Changing the importance of a piece of text with the strong element does not change the meaning of the sentence.
@author			Michael Ord
@tags			default,typography
---
<p><strong>Warning</strong>. This dungeon is dangerous. <strong>Avoid the ducks.</strong> Take any gold you find.</p>
*/
/*---
Italics
@group			Typography
@desc			Represents a span of text in an alternate voice or mood, or otherwise offset from the normal prose, such as a taxonomic designation, a technical term, an idiomatic phrase from another language, a thought, a ship name, or some other prose whose typical typographic presentation is italicized.
				Only use i when nothing more suitable is available — e.g., em for text with stress emphasis, strong for text with semantic importance, cite for titles in a citation or bibliography, dfn for defining a word, and var for mathematical variables.
@author			Michael Ord
@tags			default,typography
---
<p>The following snippet of text is <em>rendered as italicized text</em>.</p>
*/
/*---
Bold
@group			Typography
@desc			Represents a span of text to be stylistically offset from the normal prose without conveying any extra importance. Examples are key words in a document abstract, product names in a review, or other spans of text whose typical typographic presentation is bold.
				The b element should be used as a last resort when no other element is more appropriate. In particular, headings should use the h1 to h6 elements, stress emphasis should use the em element, importance should be denoted with the strong element, and text marked or highlighted should use the mark element.
@author			Michael Ord
@tags			default,typography
---
<p>The following snippet of text is <strong>rendered as bold text</strong>.</p>
*/
/*---
Underlined text
@group			Typography
@desc			To underline text use the <code>&lt;u&gt;</code> tag.
@author			Michael Ord
@tags			default,typography
---
<span itemscope itemtype="http://schema.org/Person" lang="ja-latn">
	<u itemprop="familyName">Son</u> <span itemprop="givenName">Goku</span>
</span>
*/
/*---
Strikethrough text
@group			Typography
@desc			For indicating blocks of text that are no longer relevant use the <code>&lt;s&gt;</code> tag.
@author			Michael Ord
@tags			default,typography
---
<p>Sale on now!</p>
<p><s>Get up to 25% off</s></p>
<p><strong>Now down to 50% off</strong></p>
*/
/*---
Small text
@group			Typography
@desc			For de-emphasizing inline or blocks of text, use the <code>&lt;small&gt;</code> tag to set text at 85% the size of the parent. Heading elements receive their own <code>font-size</code> for nested <code>&lt;small&gt;</code> elements.
@author			Michael Ord
@tags			default,typography
---
<p><small>This line of text is meant to be treated as fine print.</small></p>
*/
small {
	font-size: 85%;
}

/*---
Abbreviations
@group			Typography
@desc			Stylized implementation of HTML's <code>&lt;abbr&gt;</code> element for abbreviations and acronyms to show the expanded version on hover. Abbreviations with a <code>title</code> attribute have a light dotted bottom border and a help cursor on hover, providing additional context on hover and to users of assistive technologies.
@author			Michael Ord
@tags			default,typography
---
<p>The <abbr title="Web Hypertext Application Technology Working Group">WHATWG</abbr> started working on HTML5 in 2004.</p>
*/
abbr {
	font-variant: small-caps;
	text-transform: lowercase;
	font-weight: bold;
}

abbr[title]:hover {
	cursor: help;
}

/*---
Quoted text
@group			Typography
@desc			The <code>q</code> element represents some phrasing content quoted from another source.
@author			Michael Ord
@tags			default,typography
---
<p>And then he said <q>I heart HTML5</q></p>
*/
q {
	quotes: "\201C" "\201D";
}

q:before {
	content: open-quote;
}

q:after {
	content: close-quote;
}

:lang(de) q {
	quotes: "\201E" "\201C";
}

/*---
Cite
@group			Typography
@desc			The <code>cite</code> element represents the title of a work (e.g. a book, a paper, an essay, a poem, a score, a song, a script, a film, a TV show, a game, a sculpture, a painting, a theatre production, a play, an opera, a musical, an exhibition, a legal case report, etc). This can be a work that is being quoted or referenced in detail (i.e. a citation), or it can just be a work that is mentioned in passing.
				A person's name is not the title of a work — even if people call that person a piece of work — and the element must therefore not be used to mark up people's names. (In some cases, the b element might be appropriate for names; e.g. in a gossip article where the names of famous people are keywords rendered with a different style to draw attention to them. In other cases, if an element is really needed, the span element can be used.)
@author			Michael Ord
@tags			default,typography
---
<p>My favourite book is <cite>Introducing HTML5</cite> by Bruce and Remy</p>
*/
/*---
Definition
@group			Typography
@desc			The <code>dfn</code> element represents the defining instance of a term. The paragraph, description list group, or section that is the nearest ancestor of the dfn element must also contain the definition(s) for the term given by the dfn element.
@author			Michael Ord
@tags			default,typography
---
<p>The <dfn>dfn element</dfn> and <dfn title="Title text">dfn element with title</dfn> examples</p>
*/
dfn[title]:hover {
	cursor: help;
}

/*---
Subscript text
@group			Typography
@desc			The <code>sub</code> element can be used inside a var element, for variables that have subscripts.
@author			Michael Ord
@tags			default,typography
---
<p>H<sub>2</sub>O is the chemical formula for water</p>
*/
/*---
Superscript text
@group			Typography
@desc			The <code>sup</code> element represents a superscript and the sub element represents a subscript.
@author			Michael Ord
@tags			default,typography
---
<p>Today is the 2<sup>nd</sup> of May</p>
*/
/*---
Time
@group			Typography
@desc			Represents a precise date and/or time in the proleptic Gregorian calendar. The time element encodes modern dates and times in a machine-readable way, so that, for example, user agents could offer to add an event to the user's calendar.
@author			Michael Ord
@tags			default,typography
---
<time datetime="2007-08-29T13:58Z">August 29th, 2007 at 13:58</time>
*/
/*---
Code
@group			Typography
@desc			The <code>code</code> element represents a fragment of computer code. This could be an XML element name, a filename, a computer program, or any other string that a computer would recognize.
@author			Michael Ord
@tags			default,typography
---
<p>To get started with HTML5 you just need at this top of your page <code>&lt;!DOCTYPE html&gt;</code></p>
*/
code {
	white-space: pre;
	padding: 2px 4px;
	font-size: 90%;
	border-radius: 4px;
}

/*---
KBD
@group			Typography
@desc			Use the <code>&lt;kbd&gt;</code> to indicate input that is typically entered via keyboard.
@author			Michael Ord
@tags			default,typography
---
To switch directories, type <kbd>cd</kbd> followed by the name of the directory.<br>
To edit settings, press <kbd><kbd>ctrl</kbd> + <kbd>,</kbd></kbd>
*/
kbd {
	padding: 2px 4px;
	font-size: 90%;
	color: #fff;
	background-color: #333;
	border-radius: 3px;
	box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}

kbd kbd {
	padding: 0;
	font-size: 100%;
	font-weight: bold;
	box-shadow: none;
}

/*---
Sample output
@group			Typography
@desc			For indicating variables use the <code>&lt;var&gt;</code> tag.
@author			Michael Ord
@tags			default,typography
---
<p><var>y</var> = <var>m</var><var>x</var> + <var>b</var></p>
*/
/*---
Var
@group			Typography
@desc			The var element represents a variable. This could be an actual variable in a mathematical expression or programming context, or it could just be a term used as a placeholder in prose.
@author			Michael Ord
@tags			default,typography
---
<p><var>E</var> energy is equal to <var>m</var> mass multiplied by the <var>c</var> speed of light, squared.</p>
*/
/*---
Marked text
@group			Typography
@desc			Represents a run of text in one document marked or highlighted because of its relevance in another context.
				When used in a quotation or other block of text referenced in a document, it indicates a highlight that was not present in the original document — e.g., a portion of text in an academic publication that has recently come under additional scrutiny.
@author			Michael Ord
@tags			default,typography
---
<p>In this sentence we'll be using the mark element. <mark>HTML5</mark> Can you see where it has been used?</p>
*/
mark {
	color: inherit;
	padding: 2px 4px;
	display: inline;
	background-color: #f9f9a6;
	border-radius: 3px;
}

/*---
BDI
@group			Typography
@desc			The bdi element represents a span of text that is to be isolated from its surroundings for the purposes of bidirectional text formatting.
@author			Michael Ord
@tags			default,typography
---
<ul>
	<li><bdi>johnsmith</bdi> joined the site</li>
	<li><bdi>the_guru</bdi> posted "February update"</li>
	<li><bdi>????</bdi> commented on "Getting started with HTML5"</li>
</ul>
*/
/*---
BDO
@group			Typography
@desc			The bdo element represents explicit text directionality formatting control for its children. It allows authors to override the Unicode bidirectional algorithm by explicitly specifying a direction override.
@author			Michael Ord
@tags			default,typography
---
<p><bdo dir="rtl">Don't cheat by reading this in a mirror!</bdo></p>
*/
/*---
Ruby
@group			Typography
@desc			Represents a container for base text and ruby text — small annotations used for phonetic readings in languages such as Japanese and Chinese. Examples include furigana and zhùyin fúhào (bopomofo).
@author			Michael Ord
@tags			default,typography
---
<ruby>??<rp>(</rp><rt>????</rt><rp>)</rp>???<rp>(</rp><rt>?????</rt><rp>)</rp></ruby>
*/
/*---
rt
@group			Typography
@desc			Represents a container for ruby text inside a &lt;ruby&gt; element. &lt;rt&gt; content becomes the small annotations rendered by default above horizontal base text or to the right of vertical base text.
@author			Michael Ord
@tags			default,typography
---
<ruby>??<rp>(</rp><rt>????</rt><rp>)</rp>???<rp>(</rp><rt>?????</rt><rp>)</rp></ruby>
*/
/*---
rp
@group			Typography
@desc			Represents a container for parentheses used to wrap ruby text (&lt;rt&gt;) inside a &lt;ruby&gt; element. These are displayed by browsers which don't support &lt;ruby&gt;, allowing for graceful degradation of ruby content. Browsers which support &lt;ruby&gt; hide &lt;rp&gt; via display:none.
@author			Michael Ord
@tags			default,typography
---
<ruby>??<rp>(</rp><rt>????</rt><rp>)</rp>???<rp>(</rp><rt>?????</rt><rp>)</rp></ruby>
*/
/*---
span
@group			Typography
@desc			The span element doesn't mean anything on its own, but can be useful when used together with the global attributes, e.g. class, lang, or dir. It represents its children.
@author			Michael Ord
@tags			default,typography
---
<span>This is an example of the span element</span>
*/
/*---
Break
@group			Typography
@desc			The br element represents a line break. br elements must be used only for line breaks that are actually part of the content, as in poems or addresses. br elements must not be used for separating thematic groups in a paragraph
@author			Michael Ord
@tags			default,typography
---
<br />
*/
/*---
wbr
@group			Typography
@desc			The wbr element represents a line break opportunity. Any content inside wbr elements must not be considered part of the surrounding text.
@author			Michael Ord
@tags			default,typography
---
html5<wbr>doctor.com
*/
/*---
Heading row
@group			Base/Group
@desc			Represents a paragraph-level thematic break. The "paragraph-level" bit means between blocks of text, so it can't be used to separate sections of a site. Instead, hr now separates different topics within a section of prose, or between scenes in a novel.
@author			Michael Ord
@tags			default
---
<p>Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
<hr>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores mollitia ducimus ipsum consequatur sed quae expedita esse provident. Officiis consequatur aspernatur nostrum mollitia quisquam quibusdam voluptate dolorum doloribus saepe sunt!</p>
*/
hr {
	border: 0;
	color: #ccc;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	-webkit-column-span: all;
	column-span: all;
}

/*---
Preformatted Text
@group			Base/Group
@desc			The pre element represents a block of preformatted text, in which structure is represented by typographic conventions rather than by elements.
@author			Michael Ord
@tags			default,typography
---
<p>The code for a basic JavaScript message is:</p><pre>&lt;script&gt;alert("hello world");&lt;/script&gt;</pre>
*/
pre {
	white-space: pre;
	overflow: auto;
	display: block;
	padding: 1rem;
	word-break: break-all;
	word-wrap: break-word;
	color: #333;
	background-color: #f5f5f5;
	border: 1px solid #ccc;
	border-radius: 4px;
}

pre code {
	white-space: pre-wrap;
	padding: 0;
	font-size: inherit;
	color: inherit;
	background-color: transparent;
	border-radius: 0;
	border: 0;
}

pre mark {
	background: none;
	color: inherit;
	border-bottom: 1px solid;
}

pre > *:first-child {
	margin-top: 0;
}

pre > *:last-child {
	margin-bottom: 0;
}

ul,
ol {
	-webkit-column-break-inside: avoid;
	break-inside: avoid;
}

li {
	-webkit-column-break-inside: avoid;
	break-inside: avoid;
}

li > p:first-child {
	margin-top: 0;
}

li > p:last-child {
	margin-bottom: 0;
}

/*---
Ordered List
@group			Typography/List
@desc			The ol element represents a list of items, where the items have been intentionally ordered, such that changing the order would change the meaning of the list.
				A list of items in which the order does explicitly matter.
@author			Michael Ord
@tags			default,list
---
<ol>
	<li>Lorem ipsum dolor sit amet</li>
	<li>Consectetur adipiscing elit</li>
	<li>Integer molestie lorem at massa</li>
	<li>Facilisis in pretium nisl aliquet</li>
	<li>Nulla volutpat aliquam velit
		<ol>
			<li>Phasellus iaculis neque</li>
			<li>Purus sodales ultricies</li>
			<li>Vestibulum laoreet porttitor sem</li>
			<li>Ac tristique libero volutpat at</li>
		</ol>
	</li>
	<li>Faucibus porta lacus fringilla vel</li>
	<li>Aenean sit amet erat nunc</li>
</ol>
*/
ol > li > ol {
	list-style-type: lower-alpha;
}

ol > li > ol > li > ol {
	list-style-type: lower-roman;
}

/*---
Unordered List
@group			Typography/List
@desc			The ul element represents a list of items, where the order of the items is not important — that is, where changing the order would not materially change the meaning of the list.
				A list of items in which the order does <em>not</em> explicitly matter.
@author			Michael Ord
@tags			default,list
---
<ul>
	<li>Lorem ipsum dolor sit amet</li>
	<li>Consectetur adipiscing elit</li>
	<li>Integer molestie lorem at massa</li>
	<li>Facilisis in pretium nisl aliquet</li>
	<li>Nulla volutpat aliquam velit
		<ul>
			<li>Phasellus iaculis neque</li>
			<li>Purus sodales ultricies</li>
			<li>Vestibulum laoreet porttitor sem</li>
			<li>Ac tristique libero volutpat at</li>
		</ul>
	</li>
	<li>Faucibus porta lacus fringilla vel</li>
	<li>Aenean sit amet erat nunc</li>
</ul>
*/
li > ul,
li > ol {
	margin-bottom: 0;
	margin-top: 0;
}

/*---
Definition List
@group			Typography/List
@desc			Represents a description list consisting of zero or more name-value groups. Each group must consist of one or more names (dt elements) each followed by one or more values (dd elements).
				Name-value groups may be terms and definitions, metadata topics and values, or any other groups of name-value data. The values within a group are alternatives; multiple paragraphs forming part of the same value must all be given within the same dd element.
				A list of terms with their associated descriptions.
@author			Michael Ord
@tags			default,list
---
<dl>
	<dt>Definition Title</dt>
	<dd>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab debitis, nisi obcaecati vero iste ipsum, fugit provident quasi ex quo eos praesentium, accusantium repellat facere consectetur pariatur inventore fuga commodi.</dd>
	<dt>Definition Title</dt>
	<dd>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab debitis, nisi obcaecati vero iste ipsum, fugit provident quasi ex quo eos praesentium, accusantium repellat facere consectetur pariatur inventore fuga commodi.</dd>
	<dt>Definition Title</dt>
	<dd>Lorem ipsum dolor sit amet, consectetur adipisicing elit</dd>
	<dt>Definition Title</dt>
	<dd>Lorem ipsum dolor sit amet, consectetur adipisicing elit</dd>
	<dt>Definition Title</dt>
	<dd>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab debitis, nisi obcaecati vero iste ipsum, fugit provident quasi ex quo eos praesentium, accusantium repellat facere consectetur pariatur inventore fuga commodi.</dd>
</dl>
*/
dl {
	padding: 0;
}

dt {
	font-weight: 600;
	display: block;
}

dd {
	display: block;
	margin: 0;
}

/*---
Figure
@group			Base/Group
@desc			The figure element represents some flow content, optionally with a caption, that is self-contained and is typically referenced as a single unit from the main flow of the document.
				The figure element can be used to annotate illustrations, diagrams, photos, code listings, etc., that are referenced in the main content of the document, but that could, without affecting the flow of the document, be moved away from that primary content — e.g., to the side of the page, to dedicated pages, or to an appendix.
@author			Michael Ord
@tags			default
---
<figure>
	<img src="//placehold.it/800x300" alt="The Pulpit Rock" width="600" height="300">
</figure>
*/
figure {
	margin: 0;
	max-width: 100%;
}

figure img {
	display: block;
}

/*---
Figcaption
@group			Base/Group
@desc			The figcaption element represents a caption or legend for the rest of the contents of the figcaption element's parent figure element, if any.
@author			Michael Ord
@tags			default
---
<figure>
	<img src="//placehold.it/800x300" alt="The Pulpit Rock" width="600" height="300">
	<figcaption>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Placeat reiciendis sed ad culpa totam dolor minus aliquid</figcaption>
</figure>
*/
/*---
Images
@group			Base/Embedded
@desc			An img element represents an image. The image given by the src attribute is the embedded content, and the value of the alt attribute is the img element's fallback content.
				The src attribute must be present, and must contain a valid non-empty URL potentially surrounded by spaces referencing a non-interactive, optionally animated, image resource that is neither paged nor scripted.
				The img element must not be used as a layout tool. In particular, img elements should not be used to display transparent images, as they rarely convey meaning and rarely add anything useful to the document.
@author			Michael Ord
@tags			default,embedded,image
---
<img src="http://placehold.it/800x150" alt="Image served from placeholder service">
*/
/*img {
	font-style: ;
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}

/*---
SVGs
@group			Base/Embedded
@author			Michael Ord
@tags			default,embedded,svg
@source			false
---
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="472px" height="392px" viewBox="0 0 472 392" enable-background="new 0 0 472 392" xml:space="preserve">
	<g>
		<path fill="#FFB564" d="M288.7,187.7c-53.7-32.6-119.8,1-119.8,1s11.6,92.6,11.4,121.4c-0.8,2-1,4.1-0.4,6.3c-0.2,1.2-0.6,1.7-1,1.7h1.7c1.1,3,2.9,4.3,5.8,5.3c10.9,4,21.5,6.8,33.1,7.7c3.6,0.3,7.1,0.2,10.5-0.2c1.6,1.5,4,2.4,7.1,2.1c13.2-1.2,28-1.9,38.6-10.3c1.7-1.4,2.7-2.7,3.1-4.7h0.8L288.7,187.7z"/>
		<polygon fill="#52E2D7" points="173.2,146.4 180.5,184 206.6,177.2 200.1,144"/>
		<path fill="#FFFBE8" d="M222.6,133.8c0,0-17.9-15.6-5.3,39.9c0.6,2.5,19.4,3.4,19.4,3.4L222.6,133.8z"/>
		<path fill="#F9A035" d="M188.6,181.4c0,0-20.6,0-20.6,12.4c0.1,17.2,13.4,105.6,13.1,119.9c-0.2,9.3,19.1,13.6,19.1,13.6"/>
		<path fill="#FFB564" d="M200.2,93.3c0,0,9.7,50.2,11.6,48.4c2-1.8,10.8-7.9,10.8-7.9l-13.5-40.5H200.2z"/>
		<path fill="#FFFBE8" d="M184.1,123.6c0,0-12.9,24.6-10.9,22.8c2-1.8,27-2.4,27-2.4L184.1,123.6z"/>
		<path fill="#F25F68" d="M257.9,92.8c-1.5,2-3,4.1-4.4,6.3c-1.2,1.9-2.9,2.3-4.6,1.9c-1.7,3.4-3.5,6.7-5.7,9.8c-6.2,22.4-0.7,41.7-8.7,63.8c-1.3,3.5,0.3,0.3,2.2,2.5c5.6-3,31.1,3.5,38.7,4.2c1.7-2.3-9.1-3.3-10.3-6.6c1.4,3.9,0.2-5.2,0.2-6.1c0.3-2.6,0-5.5,0.3-8.1c0.7-4.6-1.4-6.4-0.8-11c1.9-14.5,3.4-29.4,3-44.1c-2.2-3.9-4.1-7.9-5.6-12.1C261,92.9,259.4,92.7,257.9,92.8z"/>
	</g>
	<g>
		<polyline fill="none" stroke="#AF3A46" stroke-width="4.9763" stroke-linecap="square" stroke-linejoin="round" stroke-miterlimit="10" points="238,171.1 245.2,109 260.4,86.9 267.7,110.8 265.1,174.8 	"/>
		<polyline fill="none" stroke="#AF3A46" stroke-width="4.9763" stroke-linecap="square" stroke-linejoin="round" stroke-miterlimit="10" points="180.2,182.4 173.8,144 184.1,123.6 200.1,139.2 206.6,176.2 	"/>
		<path fill="none" stroke="#AF3A46" stroke-width="4.9763" stroke-linecap="square" stroke-linejoin="round" stroke-miterlimit="10" d="M218.2,174.8c0,0-4.5-16.5-9-36.4c-4.8-21.3-9.7-43.8-9-45.1c1.3-2.6,5.4-4.8,8.9,0c2,2.7,7.9,21.6,13.5,40.5c6.3,21.1,12.2,42.3,11.9,40.8"/>
		<path fill="#AF3A46" stroke="#AF3A46" stroke-width="2.4882" stroke-miterlimit="10" d="M200.2,93.3c-11.6-12.2-10.4-19.2-6.6-23c6.6-6.6-2.8-16.6-0.9-16.8c6.6-0.6,28.6,9.6,17.3,36.9"/>
		<path fill="none" stroke="#AF3A46" stroke-width="4.9763" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M245.2,109c0,0,11.3-4.8,22.5,1.9"/>
		<path fill="#FFFBE8" stroke="#AF3A46" stroke-width="4.9763" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M200.1,139.2c0,4.7-12.2,4.7-12.2,4.7c-3.2,5.3-14.1,0-14.1,0"/>
		<path fill="#AF3A46" d="M190.9,130.3c3.4,3.3-12,3.5-12,3.5l5.1-10.2L190.9,130.3z"/>
		<path fill="none" stroke="#AF3A46" stroke-width="4.9763" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M211.8,141.6c7.7,0,11.4-6,11.4-6"/>
		<path fill="none" stroke="#AF3A46" stroke-width="4.9763" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M169,188.8L169,188.8c43.9-21.5,94.3-16.6,119.8-1.1L277,321.9c0,0-39.9,23.2-95.2-1.1L169,188.8z"/>
		<path fill="none" stroke="#AF3A46" stroke-width="4.8228" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M255.7,270.4l-2.2-32.6l-24.4-18.9L205,236.6c0.3,11.8,1.4,22.8,1.7,34.6C206.6,271.2,236,275.9,255.7,270.4z"/>
		<line fill="none" stroke="#AF3A46" stroke-width="5" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="229.5" y1="219" x2="229.5" y2="246"/>
		<path fill="none" stroke="#AF3A46" stroke-width="3.8582" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M233.2,240.8c-1.5,0-2.9,0.3-6.8,0.4c0,0-1-0.9-0.1,5.9c2.9,0.1,4,0.2,6.9,0.2C233.2,247.4,233.2,242.5,233.2,240.8z"/>
	</g>
</svg>
*/
svg {
	max-width: 100%;
	height: auto;
}

/*---
iframe
@group			Base/Embedded
@desc			The iframe element represents a nested browsing context.
				For iframe elements in HTML documents, the attribute, if present, must have a value using the HTML syntax that consists of the following syntactic components, in the given order:
					* Any number of comments and space characters.
					* Optionally, a DOCTYPE.
					* Any number of comments and space characters.
					* The root element, in the form of an html element.
					* Any number of comments and space characters.
@author			Michael Ord
@tags			default
---
<iframe height="500" width="500" src="http://example.com/"></iframe>
*/
iframe {
	width: 100%;
	display: block;
	border: 0;
}

/*---
Embed
@group			Base/Embedded
@desc			Represents an integration point for an external(typically non-HTML) application or interactive content.
				The optional src attribute specifies the URL of the resource being embedded.
				The optional type attribute specifies the MIME type of the plugin to instantiate. The value must be a valid MIME type, optionally with parameters. If both the type attribute and the src attribute are present, then the type attribute must specify the same MIME type as the explicit Content-Type metadata of the resource given by the src attribute.
@author			Michael Ord
@tags			default,embedded
*/
/*---
Object
@group			Base/Embedded
@desc			The object element can represent an external resource, which, depending on the type of the resource, will either be treated as an image, as a nested browsing context, or as an external resource to be processed by a plugin.
@author			Michael Ord
@tags			default,embedded
---
<object>
	<param name="movie" value="http://www.youtube.com/v/GPqcccmiOMc?fs=1&amp;hl=en_GB"></param>
	<param name="allowFullScreen" value="true"></param>
	<param name="allowscriptaccess" value="always"></param>
	<embed src="http://www.youtube.com/v/GPqcccmiOMc?fs=1&amp;hl=en_GB" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="390"></embed>
</object>
*/
/*---
Video
@group			Base/Embedded
@desc			Represents a video or movie.
				Content may be nested inside the video element. User agents should not show this content to the user. Authors should use this content to force older browsers to use a legacy video plugin or to inform the user of how to access the video content.
@author			Michael Ord
@tags			default,embedded
---
<video width="320" height="240" controls>
	<source src="http://www.w3schools.com/tags/movie.mp4" type="video/mp4" />
	<source src="http://www.w3schools.com/tags/movie.ogg" type="video/ogg" />
	Your browser does not support the video tag.
</video>
*/
video {
	max-width: 100%;
}

/*---
Audio
@group			Base/Embedded
@desc			Represents a sound or audio stream.
				Content may be nested inside the audio element. User agents should not show this content to the user. Authors should use this content to force older browsers to use a legacy audio plugin or to inform the user of how to access the audio content.
@author			Michael Ord
@tags			default,embedded
---
<audio controls>
	<source src="http://www.w3schools.com/tags/horse.ogg" type="audio/ogg" />
	<source src="http://www.w3schools.com/tags/horse.mp3" type="audio/mpeg" />
	Your browser does not support the audio element.
</audio>
*/
/*---
Canvas
@group			Base/Embedded
@desc			Represents a resolution-dependent bitmap canvas, which can be used for rendering graphs, game graphics, or other visual images on the fly.
				Authors should not use the canvas element in a document when a more suitable element is available. For example, it is inappropriate to use a canvas element to render a page heading. If the desired presentation of the heading is graphically intense, it should be marked up using appropriate elements (typically h1) and then styled using CSS and supporting technologies such as XBL.
				When authors use the canvas element, they must also provide content that, when presented to the user, conveys essentially the same function or purpose as the bitmap canvas. This content should be nested within the canvas element as a fallback.
@author			Michael Ord
@tags			default,embedded
---
<canvas id="myCanvas" width="300" height="150">
	Fallback content, in case the browser does not support Canvas.
</canvas>
*/
/*---
Track
@group			Base/Embedded
@desc			The track element allows authors to specify explicit external timed text tracks for media elements. It does not represent anything on its own.
@author			Michael Ord
@tags			default,embedded
*/
/*---
Map
@group			Base/Embedded
@desc			The map element, in conjunction with any area element descendants, defines an image map. The element represents its children.
@author			Michael Ord
@tags			default,interactive
*/
/*---
Area
@group			Base/Embedded
@desc			The area element represents either a hyperlink with some text and a corresponding area on an image map, or a dead area on an image map.
				If the area element has no href attribute, then the area represented by the element cannot be selected, and the alt attribute must be omitted.
@author			Michael Ord
@tags			default,interactive
*/
/*---
Details & Summary
@group			Base/Interactive
@desc			The details element represents a disclosure widget from which the user can obtain additional information or controls. However, the details element is not appropriate for footnotes.
				The summary element represents a summary, caption, or legend for the rest of the contents of the summary element's parent details element, if any.
@author			Michael Ord
@tags			default
---
<details>
	<summary>The summary element example</summary>
	<p>The details example text. It may be styled differently based on what browser or operating system you are using.</p>
</details>
*/
details > *:last-child {
	margin-bottom: 0;
}

/*---
Command
@group			Base/Interactive
@desc			The command element represents a command that the user can invoke. A command can be part of a context menu or toolbar, using the menu element, or can be put anywhere else in the page, to define a keyboard shortcut.
@author			Michael Ord
@tags			default
*/
/*---
Menu
@group			Base/Interactive
@desc			The menu element represents a list of commands.
				If a menu element's type attribute is in the context menu state, then the element represents the commands of a context menu, and the user can only interact with the commands if that context menu is activated. If a menu element's type attribute is in the toolbar state, then the element represents a list of active commands that the user can immediately interact with.
				If a menu element's type attribute is in the list state, then the element either represents an unordered list of items (each represented by an li element), each of which represents a command that the user can perform or activate, or, if the element has no li element children, flow content describing available commands.
@author			Michael Ord
@tags			default
*/
input,
textarea,
select,
keygen,
option,
optgroup,
button,
legend,
fieldset {
	outline: none;
	color: #333;
	vertical-align: top;
	display: block;
}

input,
button,
select,
keygen,
textarea {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	font-style: inherit;
	font-weight: inherit;
}

/**
 * 1. Chrome and Firefox set a `min-width: min-content;` on fieldsets,
 *	so we reset that to ensure it behaves more like a standard block element.
 */
fieldset {
	min-width: 0;
	/* 1 */
	padding: 0;
	border: 0;
	margin: 0;
}

/*---
Legend
@group			Base/Form
@desc			The legend element represents a caption for the rest of the contents of the legend element's parent fieldset element, if any.
@author			Michael Ord
@tags			default,form
---
<legend>Legend</legend>
*/
legend {
	padding: 0;
	font-weight: inherit;
	display: block;
	width: 100%;
	border: 0;
	line-height: inherit;
}

/*---
Label
@group			Base/Form
@desc			The label represents a caption in a user interface. The caption can be associated with a specific form control, known as the label element's labeled control, either using for attribute, or by putting the form control inside the label element itself.
@author			Michael Ord
@tags			default,form
---
<label>Label</label>
*/
label {
	max-width: 100%;
	display: block;
	position: relative;
	vertical-align: middle;
	font-weight: 600;
	text-align: left;
	color: inherit;
	-webkit-transition: all .2s;
	transition: all .2s;
}

label a {
	font-weight: bold;
}

label:empty {
	display: none;
}

/*---
Datalist
@group			Base/Form
@desc			.
@todo			Document
@author			Michael Ord
@tags			default,form
---
...
*/
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="number"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="week"],
input[list],
input[type="file"],
select,
keygen,
textarea {
	width: 100%;
	padding: 8px 10px;
	border-radius: 0;
	background-color: #fff;
	border: 1px solid #cfd0d2;
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	background-image: none;
}

input:active[type="text"],
input:active[type="email"],
input:active[type="password"],
input:active[type="search"],
input:active[type="color"],
input:active[type="date"],
input:active[type="datetime"],
input:active[type="datetime-local"],
input:active[type="month"],
input:active[type="number"],
input:active[type="tel"],
input:active[type="time"],
input:active[type="url"],
input:active[type="week"],
input:active[list],
input:active[type="file"],
select:active,
keygen:active,
textarea:active, input:focus[type="text"],
input:focus[type="email"],
input:focus[type="password"],
input:focus[type="search"],
input:focus[type="color"],
input:focus[type="date"],
input:focus[type="datetime"],
input:focus[type="datetime-local"],
input:focus[type="month"],
input:focus[type="number"],
input:focus[type="tel"],
input:focus[type="time"],
input:focus[type="url"],
input:focus[type="week"],
input:focus[list],
input:focus[type="file"],
select:focus,
keygen:focus,
textarea:focus {
	cursor: text;
	outline: none;
}

/*---
Text input
@group			Base/Form
@desc			...
@todo			Document
@author			Michael Ord
@tags			default,form
---
<input type="text">
*/
/*---
Password input
@group			Base/Form
@desc			...
@todo			Document
@author			Michael Ord
@tags			default,form
---
<input type="password">
*/
/*---
Number input
@group			Base/Form
@desc			...
@todo			Document
@author			Michael Ord
@tags			default,form
---
<input type="number">
*/
/*---
Email input
@group			Base/Form
@desc			...
@todo			Document
@author			Michael Ord
@tags			default,form
---
<input type="email">
*/
/*---
URL input
@group			Base/Form
@desc			...
@todo			Document
@author			Michael Ord
@tags			default,form
---
<input type="url">
*/
/*---
Tel input
@group			Base/Form
@desc			...
@todo			Document
@author			Michael Ord
@tags			default,form
---
<input type="tel">
*/
/*---
Search input
@group			Base/Form
@desc			...
@todo			Document
@author			Michael Ord
@tags			default,form
---
<input type="search">
*/
/*---
Date input
@group			Base/Form
@desc			...
@todo			Document
@author			Michael Ord
@tags			default,form
---
<input type="date">
*/
select::-ms-expand,
keygen::-ms-expand,
textarea::-ms-expand,
input[type="text"]::-ms-expand,
input[type="password"]::-ms-expand,
input[type="datetime"]::-ms-expand,
input[type="datetime-local"]::-ms-expand,
input[type="date"]::-ms-expand,
input[type="month"]::-ms-expand,
input[type="time"]::-ms-expand,
input[type="week"]::-ms-expand,
input[type="number"]::-ms-expand,
input[type="email"]::-ms-expand,
input[type="url"]::-ms-expand,
input[type="search"]::-ms-expand,
input[type="tel"]::-ms-expand,
input[type="color"]::-ms-expand {
	border: 0;
	background-color: transparent;
}

select[disabled], select[readonly],
fieldset[disabled] select,
keygen[disabled],
keygen[readonly],
fieldset[disabled]
keygen,
textarea[disabled],
textarea[readonly],
fieldset[disabled]
textarea,
input[type="text"][disabled],
input[type="text"][readonly],
fieldset[disabled]
input[type="text"],
input[type="password"][disabled],
input[type="password"][readonly],
fieldset[disabled]
input[type="password"],
input[type="datetime"][disabled],
input[type="datetime"][readonly],
fieldset[disabled]
input[type="datetime"],
input[type="datetime-local"][disabled],
input[type="datetime-local"][readonly],
fieldset[disabled]
input[type="datetime-local"],
input[type="date"][disabled],
input[type="date"][readonly],
fieldset[disabled]
input[type="date"],
input[type="month"][disabled],
input[type="month"][readonly],
fieldset[disabled]
input[type="month"],
input[type="time"][disabled],
input[type="time"][readonly],
fieldset[disabled]
input[type="time"],
input[type="week"][disabled],
input[type="week"][readonly],
fieldset[disabled]
input[type="week"],
input[type="number"][disabled],
input[type="number"][readonly],
fieldset[disabled]
input[type="number"],
input[type="email"][disabled],
input[type="email"][readonly],
fieldset[disabled]
input[type="email"],
input[type="url"][disabled],
input[type="url"][readonly],
fieldset[disabled]
input[type="url"],
input[type="search"][disabled],
input[type="search"][readonly],
fieldset[disabled]
input[type="search"],
input[type="tel"][disabled],
input[type="tel"][readonly],
fieldset[disabled]
input[type="tel"],
input[type="color"][disabled],
input[type="color"][readonly],
fieldset[disabled]
input[type="color"] {
	opacity: 1;
}

select[disabled],
fieldset[disabled] select,
keygen[disabled],
fieldset[disabled]
keygen,
textarea[disabled],
fieldset[disabled]
textarea,
input[type="text"][disabled],
fieldset[disabled]
input[type="text"],
input[type="password"][disabled],
fieldset[disabled]
input[type="password"],
input[type="datetime"][disabled],
fieldset[disabled]
input[type="datetime"],
input[type="datetime-local"][disabled],
fieldset[disabled]
input[type="datetime-local"],
input[type="date"][disabled],
fieldset[disabled]
input[type="date"],
input[type="month"][disabled],
fieldset[disabled]
input[type="month"],
input[type="time"][disabled],
fieldset[disabled]
input[type="time"],
input[type="week"][disabled],
fieldset[disabled]
input[type="week"],
input[type="number"][disabled],
fieldset[disabled]
input[type="number"],
input[type="email"][disabled],
fieldset[disabled]
input[type="email"],
input[type="url"][disabled],
fieldset[disabled]
input[type="url"],
input[type="search"][disabled],
fieldset[disabled]
input[type="search"],
input[type="tel"][disabled],
fieldset[disabled]
input[type="tel"],
input[type="color"][disabled],
fieldset[disabled]
input[type="color"] {
	cursor: not-allowed;
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="number"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="week"],
input[list] {
	-webkit-appearance: none;
}

/*---
Textarea
@group			Base/Form
@desc			The textarea element represents a multiline plain text edit control for the element's raw value. The contents of the control represent the control's default value.
@todo			Document
@author			Michael Ord
@tags			default,form
---
<textarea name="" id="" cols="30" rows="10"></textarea>
*/
textarea {
	-webkit-appearance: none;
	resize: vertical;
	overflow: auto;
	height: auto;
}

/*---
Range input
@group			Base/Form
@desc			...
@todo			Document
@author			Michael Ord
@tags			default,form
---
<input type="range">
*/
input[type="range"] {
	width: 100%;
	display: block;
	-webkit-appearance: none;
}

input[type="range"]::-webkit-slider-runnable-track {
	width: 100%;
	height: 12px;
	cursor: pointer;
	animate: 0.2s;
	box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
	background: #fff;
	border-radius: 0px;
	border: 0px solid #000000;
}

input[type="range"]::-webkit-slider-thumb {
	-webkit-appearance: none;
	box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
	border: 0px solid #000000;
	height: 20px;
	width: 20px;
	border-radius: 100%;
	background: #166b9f;
	cursor: pointer;
	margin-top: -3.6px;
}

input[type="range"]:focus::-webkit-slider-runnable-track {
	background: #ac51b5;
}

input[type="range"]::-moz-range-track {
	width: 100%;
	height: 12px;
	cursor: pointer;
	animate: 0.2s;
	box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
	background: #ac51b5;
	border-radius: 0px;
	border: 0px solid #000000;
}

input[type="range"]::-moz-range-thumb {
	box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
	border: 0px solid #000000;
	height: 20px;
	width: 39px;
	border-radius: 7px;
	background: #65001c;
	cursor: pointer;
}

input[type="range"]::-ms-track {
	width: 100%;
	height: 12px;
	cursor: pointer;
	animate: 0.2s;
	background: transparent;
	border-color: transparent;
	border-width: 39px 0;
	color: transparent;
}

input[type="range"]::-ms-fill-lower {
	background: #ac51b5;
	border: 0px solid #000000;
	border-radius: 50px;
	box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
}

input[type="range"]::-ms-fill-upper {
	background: #ac51b5;
	border: 0px solid #000000;
	border-radius: 50px;
	box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
}

input[type="range"]::-ms-thumb {
	box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
	border: 0px solid #000000;
	height: 20px;
	width: 39px;
	border-radius: 7px;
	background: #65001c;
	cursor: pointer;
}

input[type="range"]:focus::-ms-fill-lower {
	background: #ac51b5;
}

input[type="range"]:focus::-ms-fill-upper {
	background: #ac51b5;
}

/*---
File input
@group			Base/Form
@desc			.
@todo			Document
@author			Michael Ord
@tags			default,form
---
<input type="file">
*/
input[type="file"] {
	display: block;
}

/*
 * 1. Search inputs in iOS
 *	  This overrides the extra rounded corners on search inputs in iOS so that
 *	  our styles class can properly style them. Note that this cannot simply be
 *	  added to `.form-control` as it's not specific enough
 */
input[type="search"] {
	box-sizing: border-box;
	-webkit-appearance: none;
	/* 1 */
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
	display: none;
}

/*---
Select
@group			Base/Form
@desc			The select element represents a control for selecting amongst a set of options.
@todo			Document
@author			Michael Ord
@tags			default,form
---
<select name="" id="">
	<option value="">Option 1</option>
	<option value="">Option 2</option>
	<option value="">Option 3</option>
</select>
*/
select option {
	padding: 8px 10px;
}

select[multiple], select[size] {
	height: auto;
	padding: 0;
}

select[multiple] option, select[size] option {
	margin: 0;
}

label, input, textarea, button, select, option {
	cursor: pointer;
}

input[type="image"] {
	text-align: center;
	padding: 8px 10px;
}

input[type="text"][disabled],
input[type="email"][disabled],
input[type="password"][disabled],
input[type="search"][disabled],
input[type="color"][disabled],
input[type="date"][disabled],
input[type="datetime"][disabled],
input[type="datetime-local"][disabled],
input[type="month"][disabled],
input[type="number"][disabled],
input[type="tel"][disabled],
input[type="time"][disabled],
input[type="url"][disabled],
input[type="week"][disabled],
input[list][disabled],
input[type="file"][disabled],
select[disabled],
textarea[disabled],
textarea[disabled],
select[disabled],
option[disabled] {
	cursor: not-allowed;
}

input[type="text"]:hover,
input[type="email"]:hover,
input[type="password"]:hover,
input[type="search"]:hover,
input[type="color"]:hover,
input[type="date"]:hover,
input[type="datetime"]:hover,
input[type="datetime-local"]:hover,
input[type="month"]:hover,
input[type="number"]:hover,
input[type="tel"]:hover,
input[type="time"]:hover,
input[type="url"]:hover,
input[type="week"]:hover,
input[list]:hover,
input[type="file"]:hover,
select:hover,
textarea:hover,
textarea:hover,
select:hover,
option:hover {
	background-color: #fff;
	border-color: #cfd0d2;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="color"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="month"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="week"]:focus,
input[list]:focus,
input[type="file"]:focus,
select:focus,
textarea:focus,
textarea:focus,
select:focus,
option:focus {
	background-color: #ffffff;
	border-color: #cfd0d2;
}

input[type="text"][readonly],
input[type="email"][readonly],
input[type="password"][readonly],
input[type="search"][readonly],
input[type="color"][readonly],
input[type="date"][readonly],
input[type="datetime"][readonly],
input[type="datetime-local"][readonly],
input[type="month"][readonly],
input[type="number"][readonly],
input[type="tel"][readonly],
input[type="time"][readonly],
input[type="url"][readonly],
input[type="week"][readonly],
input[list][readonly],
input[type="file"][readonly],
select[readonly],
textarea[readonly],
textarea[readonly],
select[readonly],
option[readonly] {
	border: 0;
	background: transparent;
	box-shadow: none;
	padding: 0;
	cursor: inherit;
}

input[aria-invalid="true"],
textarea[aria-invalid="true"] {
	border-color: #d9534f;
}

input[aria-invalid="true"]:focus,
textarea[aria-invalid="true"]:focus {
	border-color: #d9534f;
}

input[aria-invalid="false"],
textarea[aria-invalid="false"] {
	border-color: #5cb85c;
}

input[aria-invalid="false"]:focus,
textarea[aria-invalid="false"]:focus {
	border-color: #5cb85c;
}

/*---
Checkbox input
@group			Base/Form
@desc			.
@todo			Document
@author			Michael Ord
@tags			default,form
---
...
*/
/*---
Radio input
@group			Base/Form
@desc			.
@todo			Document
@author			Michael Ord
@tags			default,form
---
...
*/
input[type="checkbox"],
input[type="radio"] {
	margin: 0 5px 0 0;
	margin-top: 1px \9;
	line-height: normal;
	display: inline-block;
	vertical-align: middle;
}

input[type="checkbox"] + label,
input[type="radio"] + label {
	width: auto;
	display: inline-block;
	margin-top: 0;
	margin-bottom: 0;
}

input[type="checkbox"][disabled] + label,
input[type="radio"][disabled] + label {
	cursor: not-allowed;
}

input[type="checkbox"]:focus,
input[type="radio"]:focus {
	outline: 0;
}

/*---
Progress
@group			Base/Form
@desc			Represents the completion progress of a task. Progress may be either indeterminate — meaning it is unclear how much work remains before the task is complete (e.g., the task is waiting for a response from a remote host) — or a numeric value between 0 and a given maximum, explicitly specifying the fraction of work that has so far been completed.
@todo			https://css-tricks.com/html5-progress-element/
@author			Michael Ord
@tags			default,form
---
<progress></progress>
<progress max="100" value="80"></progress>
*/
progress {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	height: 20px;
	display: block;
	width: 100%;
	border: none;
	background: #eee;
	border-radius: 0;
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2) inset;
}

progress::-webkit-progress-bar {
	background: #eee;
	border-radius: 0;
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2) inset;
}

progress::-webkit-progress-value {
	background-color: #CC0000;
	border-radius: 0;
}

progress::-moz-progress-bar {
	background-color: #CC0000;
	border-radius: 0;
}

/*---
Meter
@group			Base/Form
@desc			When the meter binding applies to a meter element, the element is expected to render as an 'inline-block' box with a 'height' of '1em' and a 'width' of '5em', a 'vertical-align' of '-0.2em', and with its contents depicting a gauge.
				When the element is wider than it is tall(or square), the depiction is expected to be of a horizontal gauge, with the minimum value on the right if the 'direction' property on this element has a computed value of 'rtl', and on the left otherwise. When the element is taller than it is wide, it is expected to depict a vertical gauge, with the minimum value on the bottom.
@todo			https://css-tricks.com/html5-meter-element/
@author			Michael Ord
@tags			default,form
---
<meter></meter>
<meter value=".5"></meter>
<meter value="1"></meter>
<meter value="5"></meter>
<meter value="-.5"></meter>
<meter value="0"></meter>
<meter value=".5"></meter>
<meter value=".5" high=".8"></meter>
<meter value=".8" high=".8"></meter>
<meter value=".9" high=".8"></meter>
<meter value=".15" low=".25"></meter>
<meter value=".25" low=".25"></meter>
<meter value=".5" low=".25"></meter>
<meter low=".25" optimum=".15" high=".75" value=".5"></meter>
<meter low=".25" optimum=".5" high=".75" value=".5"></meter>
<meter low=".25" optimum=".85" high=".75" value=".5"></meter>
<meter low=".25" optimum=".8" high=".75" value=".2"></meter>
<meter low=".25" optimum=".2" high=".75" value=".8"></meter>
*/
meter {
	height: 20px;
	display: block;
	width: 100%;
	background: #eee;
	border-radius: 0;
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2) inset;
}

meter::-webkit-meter-bar {
	background: #eee;
	border-radius: 0;
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2) inset;
}

meter::-webkit-meter-optimum-value, meter::-webkit-meter-suboptimum-value, meter::-webkit-meter-even-less-good-value {
	border-radius: 0;
}

meter::-webkit-meter-optimum-value {
	background: #5cb85c;
}

meter::-webkit-meter-suboptimum-value {
	background: #f3db9b;
}

meter::-webkit-meter-even-less-good-value {
	background: #CC4600;
}

meter::-moz-meter-bar {
	border-radius: 0;
}

meter:-moz-meter-optimum::-moz-meter-bar {
	background: #5cb85c;
}

meter:-moz-meter-sub-optimum::-moz-meter-bar {
	background: #f3db9b;
}

meter:-moz-meter-sub-sub-optimum::-moz-meter-bar {
	background: #CC4600;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color: #7e7f80;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
	color: #7e7f80;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
	color: #7e7f80;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	color: #7e7f80;
}

/*---
Color input
@group			Base/Form
@desc			.
@todo			Document
@author			Michael Ord
@tags			default,form
---
<input type="color">
*/
input[type="color"] {
	padding: 0;
	width: auto;
	min-width: 1.5rem;
}

/*---
Output
@group			Base/Form
@desc			Represents the result of a calculation.
				The optional for attribute allows an explicit relationship to be made between the result of a calculation and the elements representing the values that influenced the calculation. If specified, the for attribute must contain a string consisting of an unordered set of unique, space-separated tokens, each of which must be the ID of an element in the same document.
@todo			Document
@author			Michael Ord
@tags			default,form
---
...
*/
output {
	display: block;
}

/*---
Keygen
@group			Base/Form
@desc			The keygen element represents a key pair generator control. When the control's form is submitted, the private key is stored in the local keystore, and the public key is packaged and sent to the server.
@todo			Document
@author			Michael Ord
@tags			default,form
---
...
*/
/*---
Tables
@group			Base/Table
@desc			The table element represents data with more than one dimension, in the form of a table. Tables must not be used as layout aids.
@modifier		table--bordered		: Bordered
@modifier		table--striped		: Striped
@modifier		table--hover		: Hover
@author			Michael Ord
@tags			default,table
@todo			review, and complete documentation
---
<table class="{modifier}">
	<caption>Some fantastical towns and their key characteristics</caption>
	<colgroup class="colgroup">
		<col class="col col1">
	</colgroup>
	<colgroup class="colgroup">
		<col class="col col2">
		<col class="col col3 is-highlighted">
		<col class="col col4">
		<col class="col col5">
	</colgroup>
	<colgroup class="colgroup is-highlighted">
		<col class="col col6">
	</colgroup>
	<thead>
		<tr>
			<th scope="col">Town Name</th>
			<th scope="col">Founding feature</th>
			<th scope="col">Weaknesses</th>
			<th scope="col">Strengths</th>
			<th scope="col">Primary Inhabitants</th>
			<th scope="col">No. Inhabitants</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<th scope="row">Pernrith</th>
			<td>Ancient water source</td>
			<td>Low economy</td>
			<td>Rare animal training and rare herbalism</td>
			<td>People</td>
			<td class="align-right">15</td>
		</tr>
		<tr>
			<th scope="row">Fandralore</th>
			<td>Strong metal ores</td>
			<td>Armorsmithing</td>
			<td>Sustainable hunting and prosperous trade</td>
			<td>Elves</td>
			<td class="align-right">20</td>
		</tr>
		<tr class="active">
			<th scope="row">Kasmord</th>
			<td>Precious gems</td>
			<td>Medicine</td>
			<td>Strong magicians and refined baking</td>
			<td>Elves</td>
			<td class="align-right">25</td>
		</tr>
	</tbody>
	<tfoot>
		<tr class="align-right">
			<th scope="row" colspan="5">Total World Inhabitants</th>
			<td class="align-right">60</td>
		</tr>
	</tfoot>
</table>
*/
/*table {
	width: 100%;
	max-width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
	text-align: left;
	background-color: #fff;
}
*/
caption {
	text-align: left;
	padding: .4rem 0;
	color: #777;
}

thead > tr > th {
	vertical-align: bottom;
	border-bottom: 2px solid #eee;
}

tbody > tr > th, tbody > tr > td, tfoot > tr > th, tfoot > tr > td {
	vertical-align: top;
	border-top: 1px solid #eee;
}

tr.success > th,
tr.success > td {
	background-color: #b5dfb5;
}

tr.danger > th,
tr.danger > td {
	background-color: #f0b9b8;
}

tr.info > th,
tr.info > td {
	background-color: #c5e9f3;
}

tr.active > th,
tr.active > td {
	background-color: #ddd;
}

th, td {
	padding: 10px;
}

th > *:first-child, td > *:first-child {
	margin-top: 0;
}

th > *:last-child, td > *:last-child {
	margin-bottom: 0;
}

[colspan] {
	text-align: center;
}

[colspan="1"] {
	text-align: left;
}

[rowspan] {
	vertical-align: middle;
}

[rowspan="1"] {
	vertical-align: top;
}

colgroup.is-highlighted {
	background-color: rgba(253, 188, 86, 0.25);
}

/**
 * Allow the ability to either set a border on all tables by default, or use a
 * special class to apply the borders.
 */
.table--bordered th, .table--bordered td {
	border: 1px solid #eee;
}

.table--bordered th:empty, .table--bordered td:empty {
	border: 0;
}

.table--bordered thead tr:last-child th {
	border-bottom-width: 2px;
}

.table--bordered tbody tr th:nth-of-type {
	border-right-width: 2px;
}

.table--striped tbody > tr:nth-of-type(odd) {
	background-color: #eee;
}

.table--hover tbody > tr:hover {
	background-color: #f5f5f5;
}

.copy-ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.copy-lead {
	font-size: 1.3125rem;
	line-height: 1.5;
}

.copy-large {
	font-size: 1.125rem;
	line-height: 1.6;
}

.copy-meta {
	font-size: 0.875rem;
	line-height: 1.6;
}

.copy-micro {
	font-size: 0.75rem;
	line-height: 1.5;
}

.copy-emphasized {
	font-weight: 600;
}

.copy-de-emphasized {
	font-weight: 300;
}

.copy-fancy {
	font-family: Baskerville, "Goudy Old Style", Palatino, "Book Antiqua", serif;
	font-style: ;
	font-weight: normal;
}

{
	padding: 0;
}

/*
ul,
ol,
pre,
table,
blockquote,
meter,
progress,
address,
hr {
	margin-bottom: 1.5rem;
	margin-top: 1rem;
}

ul ul,
ol ol,
ul ol,
ol ul {
	margin-top: 0;
	margin-bottom: 0;
}

dd > *:first-child {
	margin-top: 0;
}

dd > *:last-child {
	margin-bottom: 0;
}

p {
	orphans: 3;
	widows: 3;
}

b,
strong,
em,
small,
code {
	line-height: 1;
}

sup,
sub {
	vertical-align: baseline;
	position: relative;
	top: -0.4em;
}

sub {
	top: 0.4em;
}
*/
/*---
Blockquote
@group			Typography/Quotes
@desc			The <code>blockquote</code> element represents a section that is quoted from another source.
				Content inside a <code>blockquote</code> must be quoted from another source, whose address, if it has one, may be cited in the cite attribute.
@modifier		blockquote-alt		: Alt
@todo			Document
@author			Michael Ord
@tags			default,typography,quote
---
<blockquote class="{modifier}">
	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab debitis, nisi obcaecati vero iste ipsum, fugit provident quasi ex quo eos praesentium, accusantium repellat facere consectetur pariatur inventore fuga commodi.</p>
</blockquote>
*/
blockquote {
	quotes: "“" "”";
	margin: 0 0 0 5%;
}

blockquote {
	font-size: 16px;
}

@media screen and (min-width: 320px) {
	blockquote {
		font-size: -webkit-calc(16px + 2 * ((100vw - 320px) / 820));
		font-size: calc(16px + 2 * ((100vw - 320px) / 820));
	}
}

@media screen and (min-width: 1140px) {
	blockquote {
		font-size: 18px;
	}
}

@media screen and (min-width: 768px) {
	blockquote {
		max-width: 80%;
	}
}

blockquote p:first-of-type {
	margin-top: 0;
}

blockquote p:first-of-type:before {
	content: open-quote;
}

blockquote p:last-of-type {
	margin-bottom: 0;
}

blockquote p:last-of-type:after {
	content: close-quote;
}

blockquote footer {
	position: relative;
	padding-top: 10px;
	margin-top: 15px;
	font-weight: 600;
	font-size: 1rem;
	line-height: 1.6;
}

blockquote footer:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 5px;
	background: #ff00ff;
}

.blockquote-alt {
	text-align: right;
	margin-left: auto;
	margin-right: 5%;
}

.blockquote-alt footer:after {
	left: auto;
	right: 0;
}

/*---
Content Styles
@group			Typography/Utility
@desc			...
@modifier		copy-ellipsis		: Ellipsis
@modifier		copy-fancy			: Fancy
@modifier		copy-emphasized 	: Emphasized
@modifier		copy-de-emphasized	: De-Emphasized
@modifier		copy-lead			: Lead
@modifier		copy-large			: Large
@modifier		copy-meta			: Meta
@modifier		copy-micro			: Micro
@todo			Document
@author			Michael Ord
@tags			helper,typography
---
<p class="{modifier}">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam sapiente fugiat, provident quos amet, explicabo optio modi accusamus. Consectetur sequi suscipit magni adipisci voluptates expedita deleniti officia delectus velit at!</p>
*/
/*h1,
.h1,
h2,
.h2,
.container--3col .col__main .profile-header__name h2,
h3,
.h3,
h4,
.h4,
.container--3col .col__main h2,
.rich-text h2,
.rt-section h2,
.project--hero .project__title,
h5,
.h5,
.filter__list .filter__selected,
.strain-dialog__selected,
.project__title,
h6,
.h6 {
	font-weight: 400;
	display: block;
	padding: 0;
	margin: 0 0 15px 0;
	font-family: "Times New Roman", serif;
	color: #333;
}

h1 small,
h1 .small,
.h1 small,
.h1 .small,
h2 small,
h2 .small,
.h2 small,
.container--3col .col__main .profile-header__name h2 small,
.h2 .small,
.container--3col .col__main .profile-header__name h2 .small,
h3 small,
h3 .small,
.h3 small,
.h3 .small,
h4 small,
h4 .small,
.h4 small,
.container--3col .col__main h2 small,
.rich-text h2 small,
.rt-section h2 small,
.project--hero .project__title small,
.h4 .small,
.container--3col .col__main h2 .small,
.rich-text h2 .small,
.rt-section h2 .small,
.project--hero .project__title .small,
h5 small,
h5 .small,
.h5 small,
.filter__list .filter__selected small,
.strain-dialog__selected small,
.project__title small,
.h5 .small,
.filter__list .filter__selected .small,
.strain-dialog__selected .small,
.project__title .small,
h6 small,
h6 .small,
.h6 small,
.h6 .small {
	font-weight: 400;
	line-height: 1;
	color: #777;
}

h1 a,
.h1 a,
h2 a,
.h2 a,
.container--3col .col__main .profile-header__name h2 a,
h3 a,
.h3 a,
h4 a,
.h4 a,
.container--3col .col__main h2 a,
.rich-text h2 a,
.rt-section h2 a,
.project--hero .project__title a,
h5 a,
.h5 a,
.filter__list .filter__selected a,
.strain-dialog__selected a,
.project__title a,
h6 a,
.h6 a {
	color: inherit;
}

h1 a:hover, h1 a:focus,
.h1 a:hover,
.h1 a:focus,
h2 a:hover,
h2 a:focus,
.h2 a:hover,
.container--3col .col__main .profile-header__name h2 a:hover,
.h2 a:focus,
.container--3col .col__main .profile-header__name h2 a:focus,
h3 a:hover,
h3 a:focus,
.h3 a:hover,
.h3 a:focus,
h4 a:hover,
h4 a:focus,
.h4 a:hover,
.container--3col .col__main h2 a:hover,
.rich-text h2 a:hover,
.rt-section h2 a:hover,
.project--hero .project__title a:hover,
.h4 a:focus,
.container--3col .col__main h2 a:focus,
.rich-text h2 a:focus,
.rt-section h2 a:focus,
.project--hero .project__title a:focus,
h5 a:hover,
h5 a:focus,
.h5 a:hover,
.filter__list .filter__selected a:hover,
.strain-dialog__selected a:hover,
.project__title a:hover,
.h5 a:focus,
.filter__list .filter__selected a:focus,
.strain-dialog__selected a:focus,
.project__title a:focus,
h6 a:hover,
h6 a:focus,
.h6 a:hover,
.h6 a:focus {
	text-decoration: none;
	color: inherit;
}*/

/*---
Heading One
@group			Typography/Headings
@desc			...
@author			Michael Ord
@tags			default,typography,heading
---
<h1>Heading One</h1>
*/
h1,
.h1 {
	/*line-height: 1.125;
	position: relative;
	padding-bottom: 18px;
	font-weight: 600;*/
}

h1,
.h1 {
	font-size: 24px;
}

@media screen and (min-width: 320px) {
	h1,
	.h1 {
		font-size: -webkit-calc(24px + 12 * ((100vw - 320px) / 820));
		font-size: calc(24px + 12 * ((100vw - 320px) / 820));
	}
}

@media screen and (min-width: 1140px) {
	h1,
	.h1 {
		font-size: 36px;
	}
}

/*---
Heading Two
@group			Typography/Headings
@desc			...
@author			Michael Ord
@tags			default,typography,heading
---
<h2>Heading Two</h2>
*/
h2,
.h2,
.container--3col .col__main .profile-header__name h2 {
	line-height: 1.16667;
	font-weight: 300;
}

h2,
.h2,
.container--3col .col__main .profile-header__name h2 {
	font-size: 22px;
}

@media screen and (min-width: 320px) {
	h2,
	.h2,
	.container--3col .col__main .profile-header__name h2 {
		font-size: -webkit-calc(22px + 8 * ((100vw - 320px) / 820));
		font-size: calc(22px + 8 * ((100vw - 320px) / 820));
	}
}

@media screen and (min-width: 1140px) {
	h2,
	.h2,
	.container--3col .col__main .profile-header__name h2 {
		font-size: 30px;
	}
}

h2:before, h2:after,
.h2:before,
.container--3col .col__main .profile-header__name h2:before,
.h2:after,
.container--3col .col__main .profile-header__name h2:after {
	display: none;
}

/*---
Heading Three
@group			Typography/Headings
@desc			...
@author			Michael Ord
@tags			default,typography,heading
---
<h3>Heading Three</h3>
*/
h3,
.h3 {
	line-height: 1.2;
	font-weight: 300;
}

h3,
.h3 {
	font-size: 20px;
}

@media screen and (min-width: 320px) {
	h3,
	.h3 {
		font-size: -webkit-calc(20px + 8 * ((100vw - 320px) / 820));
		font-size: calc(20px + 8 * ((100vw - 320px) / 820));
	}
}

@media screen and (min-width: 1140px) {
	h3,
	.h3 {
		font-size: 28px;
	}
}

h3:before, h3:after,
.h3:before,
.h3:after {
	display: none;
}

/*---
Heading Four
@group			Typography/Headings
@desc			...
@author			Michael Ord
@tags			default,typography,heading
---
<h4>Heading Four</h4>
*/
h4,
.h4,
.container--3col .col__main h2,
.rich-text h2,
.rt-section h2,
.project--hero .project__title {
	font-size: 18px;
	line-height: 1.22222;
	font-weight: 300;
}

h4:before, h4:after,
.h4:before,
.container--3col .col__main h2:before,
.rich-text h2:before,
.rt-section h2:before,
.project--hero .project__title:before,
.h4:after,
.container--3col .col__main h2:after,
.rich-text h2:after,
.rt-section h2:after,
.project--hero .project__title:after {
	display: none;
}

/*---
Heading Five
@group			Typography/Headings
@desc			...
@author			Michael Ord
@tags			default,typography,heading
---
<h5>Heading Five</h5>
*/
h5,
.h5,
.filter__list .filter__selected,
.strain-dialog__selected,
.project__title {
	font-size: 16px;
	line-height: 1.25;
	font-weight: 600;
}

h5:before, h5:after,
.h5:before,
.filter__list .filter__selected:before,
.strain-dialog__selected:before,
.project__title:before,
.h5:after,
.filter__list .filter__selected:after,
.strain-dialog__selected:after,
.project__title:after {
	display: none;
}

/*---
Heading Six
@group			Typography/Headings
@desc			...
@author			Michael Ord
@tags			default,typography,heading
---
<h6>Heading Six</h6>
*/
h6,
.h6 {
	font-size: 1rem;
	line-height: 1.25;
	font-weight: 600;
}

h6:before, h6:after,
.h6:before,
.h6:after {
	display: none;
}

.quote-container, .hub .quote {
	margin-left: auto;
	margin-right: auto;
	max-width: 1160px;
	margin-left: auto;
	margin-right: auto;
}

.quote-container:after, .hub .quote:after {
	content: " ";
	display: block;
	clear: both;
}

.container, .rich-text {
	max-width: 1160px;
	margin-left: auto;
	margin-right: auto;
	padding: 0 1.5rem;
	position: relative;
}

.container:after, .rich-text:after {
	content: " ";
	display: block;
	clear: both;
}

@media (min-width: 1280px) {
	.container, .rich-text {
		padding: 0;
	}
}

.container--maintenance {
	max-width: 480px;
	margin-left: auto;
	margin-right: auto;
}

.container--maintenance:after {
	content: " ";
	display: block;
	clear: both;
}

.container--sm {
	max-width: 696px;
	margin-left: auto;
	margin-right: auto;
}

.container--sm:after {
	content: " ";
	display: block;
	clear: both;
}

@media (min-width: 1280px) {
	.container--sm .hero__content {
		margin-left: 0;
		max-width: 610px;
	}
}

.container--body:after {
	content: "";
	display: table;
	clear: both;
}

@media (min-width: 1280px) {
	.container--body {
		width: 60%;
		margin-left: 20%;
	}
}

.container--3col {
	max-width: 1160px;
	margin-left: auto;
	margin-right: auto;
}

.container--3col:after {
	content: " ";
	display: block;
	clear: both;
}

.container--3col .col__contact {
	width: 11.01695%;
	float: left;
	margin-right: 1.69492%;
	display: none;
}

@media (min-width: 1280px) {
	.container--3col .col__contact {
		display: block;
		padding-top: 10px;
		position: absolute;
		top: 0;
		right: 15px;
		z-index: 0;
		-webkit-transition: top 0.25s ease-out;
		transition: top 0.25s ease-out;
	}
}

@media (min-width: 1280px) {
	.container--3col .col__main {
		width: 60%;
		margin-left: 20%;
	}
	.container--3col .col__main > p:first-of-type {
		margin-top: 0;
	}
	.container--3col .col__main .cta-btn--download {
		min-width: 232px;
	}
}

@media (min-width: 1280px) {
	.container--3col .col__sidebar ~ .col__main {
		width: 60%;
		margin-left: 20%;
	}
}

@media (min-width: 1280px) {
	.container--3col .col__sidebar {
		width: 19.49153%;
		float: right;
		margin-right: 0;
		width: 17%;
		float: left;
	}
	.container--3col .col__sidebar > p:first-of-type {
		margin-top: 0;
	}
}

.container--3col.alt .col__contact ~ .col__main {
	margin-left: 0;
}

@media (min-width: 1280px) {
	.container--3col.alt .col__contact {
		float: left;
		position: relative;
		top: auto;
		right: auto;
		width: 13%;
	}
	.container--3col.alt .col__contact ~ .col__main {
		margin-left: 16%;
	}
}

@media (min-width: 1280px) {
	.container--3col.alt .col__contact ~ .col__sidebar {
		float: right;
		width: 20%;
	}
}

.container--search {
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
	margin: 0 1.5625rem;
	padding: 0 30px;
}

.container--search:after {
	content: " ";
	display: block;
	clear: both;
}

@media (min-width: 768px) {
	.container--search {
		margin: 0 auto;
		padding: 0 40px;
	}
}

@media (min-width: 1280px) {
	.container--offices {
		max-width: 865px;
	}
}

.grid-3 .grid-container:after {
	content: "";
	display: table;
	clear: both;
}

@media (min-width: 1024px) {
	.grid-3 .grid-item {
		width: 32.20339%;
		float: left;
		margin-bottom: 2.5rem;
	}
	.grid-3 .grid-item:nth-child(3n + 1) {
		margin-left: 0;
		margin-right: -100%;
		clear: both;
		margin-left: 0;
	}
	.grid-3 .grid-item:nth-child(3n + 2) {
		margin-left: 33.89831%;
		margin-right: -100%;
		clear: none;
	}
	.grid-3 .grid-item:nth-child(3n + 3) {
		margin-left: 67.79661%;
		margin-right: -100%;
		clear: none;
	}
}

.masonry {
	clear: both;
}

.masonry--width {
	width: 47%;
}

.masonry--gutter {
	width: 6%;
}

html {
	height: 100%;
}

body {
	height: 100%;
	width: 100%;
}

body.menu-open {
	height: 100%;
	width: 100%;
	position: fixed;
	overflow: hidden;
	overflow-y: scroll;
}

body.fullscreen {
	overflow: hidden;
}

html.search-active {
	overflow: hidden;
}

html.search-active body {
	overflow: hidden;
}

main {
	position: relative;
	margin-top: 60px;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	padding-bottom: 60px;
}

.has-breadcrumbs main {
	margin-top: 115px;
}

main.nomargin, .has-breadcrumbs main.nomargin {
	margin-top: 0;
}

@media (min-width: 1280px) {
	main.nomargin, .has-breadcrumbs main.nomargin {
		margin-top: 0;
	}
}

@media (min-width: 1280px) {
	main {
		margin-top: 75px;
	}
	.has-breadcrumbs main {
		margin-top: 135px;
	}
}

main.cookie-active {
	-webkit-transition: margin-top 0s;
	transition: margin-top 0s;
}

.arup-logo--center a {
	margin: 0 auto;
}

.arup-logo a {
	display: block;
	background: url("../images/logo-home-new--red.svg") no-repeat 0 0;
	background-size: 100% 100%;
	text-indent: -2000em;
	width: 67px;
	height: 21px;
	padding: 0;
}

@media (min-width: 768px) {
	.arup-logo a {
		width: 89px;
		height: 28px;
	}
}

.arup-logo a:hover, .arup-logo a:focus {
	border-color: transparent;
}

.arup-logo--alt a {
	background-image: url("../images/logo-home-new--white.svg");
}

.arup-logo.arup-logo a {
	background-image: url("../images/logo-home-new--red.svg");
}

.header--transparent .arup-logo a {
	background-image: url("../images/logo-home-new--white.svg");
}

.global-wrapper.menu--active, .header--menu-active {
	will-change: transform;
	-webkit-transform: translateX(100vw);
	-ms-transform: translateX(100vw);
	transform: translateX(100vw);
}

@media (min-width: 768px) {
	.global-wrapper.menu--active, .header--menu-active {
		-webkit-transform: translateX(440px);
		-ms-transform: translateX(440px);
		transform: translateX(440px);
	}
}

@media (min-width: 1280px) {
	.global-wrapper.menu--active, .header--menu-active {
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}
}

.global-wrapper {
	-webkit-transition: -webkit-transform 0.5s;
	transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
	transition: transform 0.5s, -webkit-transform 0.5s;
	position: relative;
	left: 0;
	overflow: auto;
	overflow: hidden;
	clear: both;
}

.global-wrapper::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background-color: #ffffff;
	opacity: 0;
	max-height: 0;
	-webkit-transition: opacity 0.2s, max-height 0s 0.2s, background-color 0s 0.2s;
	transition: opacity 0.2s, max-height 0s 0.2s, background-color 0s 0.2s;
}

.global-wrapper.hidden::after {
	display: none;
}

.global-wrapper.mask::after {
	z-index: 600;
	opacity: 0.85;
	max-height: 100%;
	-webkit-transition: opacity 0.2s, max-height 0s 0s;
	transition: opacity 0.2s, max-height 0s 0s;
}

.global-wrapper.mask--dark::after {
	z-index: 600;
	background-color: #000000;
	max-height: 100%;
	opacity: 0.75;
	-webkit-transition: opacity 0.2s, max-height 0s 0s, background-color 0s 0s;
	transition: opacity 0.2s, max-height 0s 0s, background-color 0s 0s;
}

.global-wrapper::before {
	content: "";
	display: block;
	position: absolute;
	top: -1px;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 900;
	overflow: hidden;
	opacity: 0;
	background-color: rgba(0, 0, 0, 0.1);
	max-height: 0;
	-webkit-transition: opacity 0.5s, background-color 1s, max-height 1s 0s;
	transition: opacity 0.5s, background-color 1s, max-height 1s 0s;
}

.global-wrapper.menu--active {
	overflow: hidden;
	height: 100%;
}

.global-wrapper.menu--active::before {
	opacity: 1;
	background-color: rgba(0, 0, 0, 0.2);
	max-height: 100%;
	-webkit-transition: opacity 0.5s, background-color 1s, max-height 0s 0s;
	transition: opacity 0.5s, background-color 1s, max-height 0s 0s;
}

@media (min-width: 1280px) {
	.global-wrapper.menu--active::before {
		display: none;
	}
}

.icon {
	position: relative;
}

.icon[data-grunticon-embed] {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.icon svg {
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

hr {
	height: 2px;
	width: 100%;
	color: #b2b2b2;
	opacity: 0.2;
	margin: 0;
}

.text-content {
	margin: 30px 0 -60px;
}

@media (min-width: 1024px) {
	.text-content .fullbleed {
		margin: 4.375em 0;
	}
	.text-content .highlight-section + .rich-text {
		margin-top: -2.5rem;
	}
	.text-content .highlight-section + .fullbleed {
		margin-top: -5rem;
	}
	.text-content .fullbleed + .highlight-section {
		margin-top: -4.375em;
	}
	.text-content .rich-text + .highlight-section {
		margin-top: 4rem;
	}
	.text-content .highlight-section:first-child,
	.text-content .fullbleed:first-child {
		margin-top: -60px;
	}
	.text-content .content-featured + .fullwidth-image,
	.text-content .content-featured + .content-featured {
		margin-top: -5rem;
	}
}

.text-content .content-featured {
	margin-bottom: 2.5rem;
}

@media (min-width: 1280px) {
	.text-content {
		margin: 60px 0 -60px;
	}
	.text-content .content-featured {
		margin-bottom: 5rem;
	}
}

.hero-spacer {
	margin: 30px 0 0;
}

@media (min-width: 1280px) {
	.hero-spacer {
		margin: 60px 0 0;
	}
}

.center {
	text-align: center;
}

.noborder {
	border: none !important;
}

.centered {
	text-align: center;
}

.transparent {
	opacity: 0.5;
}

.desktop-only {
	display: none !important;
}

@media (min-width: 1280px) {
	.desktop-only {
		display: block !important;
	}
}

.tablet-only {
	display: none;
}

@media (min-width: 768px) {
	.tablet-only {
		display: block;
	}
}

@media (min-width: 1280px) {
	.mobile-only {
		display: none !important;
	}
}

@media (min-width: 1024px) {
	.perspectives-menu .video-carousel__content,
	.valign {
		display: table-cell;
		vertical-align: middle;
		height: inherit;
		width: 100%;
	}
}

.rich-text {
	margin: 2.5rem auto;
}

.rich-text h2 {
	font-size: 26px;
}

@media screen and (min-width: 320px) {
	.rich-text h2 {
		font-size: -webkit-calc(26px + 4 * ((100vw - 320px) / 820));
		font-size: calc(26px + 4 * ((100vw - 320px) / 820));
	}
}

@media screen and (min-width: 1140px) {
	.rich-text h2 {
		font-size: 30px;
	}
}

.rich-text h3 {
	font-size: 22px;
}

@media screen and (min-width: 320px) {
	.rich-text h3 {
		font-size: -webkit-calc(22px + 4 * ((100vw - 320px) / 820));
		font-size: calc(22px + 4 * ((100vw - 320px) / 820));
	}
}

@media screen and (min-width: 1140px) {
	.rich-text h3 {
		font-size: 26px;
	}
}

.rich-text h4 {
	font-size: 18px;
}

@media screen and (min-width: 320px) {
	.rich-text h4 {
		font-size: -webkit-calc(18px + 4 * ((100vw - 320px) / 820));
		font-size: calc(18px + 4 * ((100vw - 320px) / 820));
	}
}

@media screen and (min-width: 1140px) {
	.rich-text h4 {
		font-size: 22px;
	}
}

.rich-text h5 {
	font-size: 16px;
}

@media screen and (min-width: 320px) {
	.rich-text h5 {
		font-size: -webkit-calc(16px + 2 * ((100vw - 320px) / 820));
		font-size: calc(16px + 2 * ((100vw - 320px) / 820));
	}
}

@media screen and (min-width: 1140px) {
	.rich-text h5 {
		font-size: 18px;
	}
}

@media (max-width: 1024px) {
	.rich-text {
		padding-left: 0px;
		padding-right: 0px;
	}
}

@media (min-width: 1280px) {
	.rich-text .rich-text__content {
		width: 60%;
		margin-left: 20%;
	}
	.rich-text .rich-text__content p:last-child {
		margin-bottom: 0;
	}
}

.no-anim .animated > * {
	opacity: 1 !important;
}

a[href*="tel:"] {
	white-space: normal;
}

.image-expand {
	overflow: visible !important;
	-webkit-transition: 0.5s all;
	transition: 0.5s all;
	max-width: none;
}

.image-expand::before {
	content: "";
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: #ffffff;
	z-index: 50;
	opacity: 0;
	height: 0;
	-webkit-transition: visibility 0s linear 0.35s, opacity 0.35s;
	transition: visibility 0s linear 0.35s, opacity 0.35s;
	visibility: hidden;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}

.image-expand.is-expanding {
	z-index: 150;
}

.image-expand.is-expanding::before {
	visibility: visible;
	-webkit-transition: visibility 0s linear 0s, opacity 0.35s;
	transition: visibility 0s linear 0s, opacity 0.35s;
}

.image-expand.is-expanding .progressiveMedia {
	z-index: 1;
}

.image-expand.is-expanding img.zoom {
	z-index: 50;
	visibility: visible;
}

.image-expand.expanded {
	cursor: -webkit-zoom-out;
	cursor: zoom-out;
}

.image-expand.expanded::before {
	opacity: 1;
	height: 100%;
	padding: 100%;
	padding: 100vh 100vw;
	left: -50%;
	width: 150%;
	top: -100%;
}

.image-expand.expanded .progressiveMedia {
	position: absolute;
	overflow: hidden;
	z-index: 50;
}

.image-expand.expanded img.mainImg {
	opacity: 0;
}

.image-expand.expanded img.zoom {
	opacity: 1;
	-webkit-transition: visibility 0s linear 0s, opacity 0.35s 0s;
	transition: visibility 0s linear 0s, opacity 0.35s 0s;
}

.image-expand .halfbleed__wrap {
	position: relative;
	overflow: visible;
}

.image-expand .halfbleed__detail {
	z-index: 0;
	background: #ffffff;
}

.image-expand img.zoom {
	visibility: hidden;
	opacity: 0;
	-webkit-transition: visibility 0s linear 0.35s, opacity 0.1s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: visibility 0s linear 0.35s, opacity 0.1s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: auto;
}

.image-expand .progressiveMedia {
	cursor: pointer;
	cursor: -webkit-zoom-in;
	cursor: zoom-in;
	-webkit-transition: 0.35s -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: 0.35s -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: 0.35s transform cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: 0.35s transform cubic-bezier(0.215, 0.61, 0.355, 1), 0.35s -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

input::-ms-clear {
	display: none;
	height: 0;
	width: 0;
}

.scEmptyPlaceholder {
	min-width: 100%;
	min-height: 100px;
}

.pad-top--lg {
	padding-top: 110px;
}

.pad-btm--lg {
	padding-bottom: 110px;
}

/*
@styleguide

@title Headings

<h1>H1</h1>
<h2>H2</h2>
<h3>H3</h3>
<h4>H4</h4>
<h5>H5</h5>

<h4><span class="heading-subnote">An example of</span>Heading with subtext</h4>

*/
.h1,
h1 {
	font-size: 36px;
	line-height: 1.1;
	color: inherit;
	font-weight: normal;
}

@media (min-width: 1280px) {
	.h1,
	h1 {
		font-size: 45px;
		line-height: 1;
	}
}


.h2,
.container--3col .col__main .profile-header__name h2,
h2 {
	font-size: 32px;
	line-height: 1.1;
	color: inherit;
}

@media (min-width: 1280px) {
	
	.h2,
	.container--3col .col__main .profile-header__name h2,
	h2 {
		font-size: 60px;
		line-height: 1;
	}
}

.h3,
h3 {
	font-size: 28px;
	line-height: 1.2;
	color: inherit;
}

@media (min-width: 1280px) {
	.h3,
	h3 {
		font-size: 48px;
		line-height: 1;
	}
}


.h4,
.container--3col .col__main h2,
.rich-text h2,
.rt-section h2,
.project--hero .project__title,
h4 {
	font-size: 24px;
	line-height: 1.2;
	color: inherit;
}

@media (min-width: 1280px) {
	
	.h4,
	.container--3col .col__main h2,
	.rich-text h2,
	.rt-section h2,
	.project--hero .project__title,
	h4 {
		font-size: 32px;
	}
}


.h5,
.filter__list .filter__selected,
.strain-dialog__selected,
.project__title,
h5 {
	font-size: 18px;
	line-height: 1.3;
	color: inherit;
	font-weight: 400;
}

@media (min-width: 1280px) {
	
	.h5,
	.filter__list .filter__selected,
	.strain-dialog__selected,
	.project__title,
	h5 {
		font-size: 24px;
		line-height: 1.3;
	}
}

@media (min-width: 1280px) {
	.heading--inset {
		margin-left: 20px;
	}
}

.heading-subnote {
	display: block;
	font-size: 13px;
	letter-spacing: 1px;
	line-height: 1.5;
}

/*
@styleguide

@title Content Copy

<div class="text-content">
<p class="intro">Intro</p>
<p class="intro intro--bold">Intro Bold Italics</p>
<p>The contents of this web site are protected by copyright and other intellectual property rights under international conventions.</p>
<p>The contents of this web site are protected by copyright and other intellectual property rights under international conventions.</p>


*/

.list--bullet li,
.list--number li {
	font-size: 18px;
	line-height: 1.3;
	color: #343434;
	word-wrap: break-word;
}

@media (min-width: 1280px) {
	
	.list--bullet li,
	.list--number li {
		font-size: 20px;
		line-height: 1.6;
	}
}

 {
	margin-bottom: 1.5rem;
}

/*.sub {
	font-size: 18px;
	line-height: 1.3;
	color: #343434;
}*/

.text-light {
	opacity: 0.5;
}

.bold {
	font-weight: bold;
}

. {
	font-style: ;
}

/*.intro {
	font-size: 18px;
	line-height: 1.3;
	margin-bottom: 0.875rem;
}*/

@media (min-width: 1280px) {
	/*.intro {
		font-size: 22px;
		line-height: 1.7;
		margin-bottom: 1.25rem;
	}*/
	.intro--lg {
		font-size: 32px;
		line-height: 1.12;
	}
}

.intro--bold {
	font-weight: bold;
}

.subheading {
	font-size: 18px;
	font-weight: bold;
	font-style: ;
	font-stretch: normal;
	line-height: 1.33;
}

.subheading--toggle {
	border-bottom: 1px solid #b2b2b2;
	border-bottom: 1px solid rgba(178, 178, 178, 0.2);
	padding-bottom: 0.5em;
	position: relative;
}

.subheading--toggle .icon {
	height: 9px;
	width: 8px;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -4px;
}

.subheading--toggle.toggled .icon-expand {
	height: 1px;
	background: #343434;
	margin-top: 0;
}

@media (min-width: 1280px) {
	.subheading {
		font-size: 20px;
		line-height: 1.6;
	}
	.subheading--toggle .icon {
		-webkit-transition: all 0.5s;
		transition: all 0.5s;
		height: 8px;
	}
	.subheading--toggle.toggled .icon {
		-webkit-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		transform: rotate(180deg);
	}
}

.text-small,
.address,
.search-page__menu li,
.search-page__results .search-page__result-subtitle {
	font-size: 15px;
	line-height: 1.5;
}

.full-carousel .h1 span, .video-carousel .h1 span, .project__footnote {
	font-size: 13px;
	line-height: 1.5;
	letter-spacing: 1px;
}

.text-sub {
	font-size: 15px;
	line-height: 1.4;
	letter-spacing: 0.5px;
}

.text-grouped {
	line-height: 1;
}

a,
.anchor {
	font-family: "Times New Roman", serif;
	/*font-family: "Microsoft YaHei", "微软雅黑"；*/
	color: inherit;
	cursor: pointer;
	-webkit-transition: color 0.25s;
	transition: color 0.25s;
}

a:hover, a:focus, a:visited:hover, a:visited:focus, a:active,
.anchor:hover,
.anchor:focus,
.anchor:visited:hover,
.anchor:visited:focus,
.anchor:active {
	/*color: #fff;*/
	text-decoration: none;
	outline: 0;
}

a:visited,
.anchor:visited {
	color: inherit;
}

.container--3col .col__main > a,
.container--3col .col__main p a, .rich-text > a,
.rich-text p a, .rt-section > a,
.rt-section p a, .accordion__content > a,
.accordion__content p a {
	font-weight: bold;
	font-style: ;
	border-bottom: 1px solid #b2b2b2;
	border-bottom: 1px solid rgba(178, 178, 178, 0.2);
}

.container--3col .col__main > a:hover,
.container--3col .col__main p a:hover, .rich-text > a:hover,
.rich-text p a:hover, .rt-section > a:hover,
.rt-section p a:hover, .accordion__content > a:hover,
.accordion__content p a:hover {
	border-bottom: 1px solid #2bbf71;
	border-bottom: 1px solid rgba(255, 80, 86, 0.35);
}

.link--small {
	font-style: ;
	font-size: 13px;
	font-weight: 300;
	color: #343434;
}

.link--icon {
	display: block;
	letter-spacing: 1px;
	font-style: ;
	font-size: 13px;
	line-height: 1.6;
	padding-left: 3em;
}

@media (min-width: 1280px) {
	.link--icon {
		padding-left: 0;
	}
}

.link--icon .icon {
	position: absolute;
	left: 0;
	top: 0;
}

.link--icon .icon-contact {
	width: 1.2rem;
	height: 1.2rem;
}

@media (min-width: 1280px) {
	.link--icon .icon-contact {
		width: 1.375rem;
		height: 1.375rem;
	}
}

.link--icon .icon-phone {
	width: 1.4375rem;
	height: 1rem;
}

@media (min-width: 1280px) {
	.link--icon .icon-phone {
		width: 1.6875rem;
		height: 1.25rem;
	}
}

.link--icon .icon-location {
	width: 1.1875rem;
	height: 1.1875rem;
}

@media (min-width: 1280px) {
	.link--icon .icon-location {
		width: 1.625rem;
		height: 1.625rem;
	}
}

.label-- {
	font-style: ;
}

.label--light svg circle,
.label--light svg path {
	stroke: #ffffff;
}

.label--bold {
	font-weight: bold;
}

.label--ib {
	font-style: ;
	font-weight: bold;
}

.label--md {
	font-size: 13px;
	font-weight: 300;
	color: #343434;
}

.label--md-l {
	font-size: 15px;
	font-weight: bold;
	color: #343434;
}

.label--xxs {
	font-size: 11px;
	line-height: 1.5;
	letter-spacing: 1px;
	font-style: ;
}

.label--lg {
	font-size: 15px;
}

@media (min-width: 1280px) {
	.label--lg {
		font-size: 18px;
	}
}

.label--cta {
	font-size: 18px;
	line-height: 1.3;
	font-style: ;
	display: block;
	margin: 2rem 0;
}

.label--cta.label--cta--small {
	font-size: 15px;
	line-height: 1.5;
}

.label--cta.label--cta--small .icon {
	margin-right: 0.5em;
}

.label--cta .icon {
	height: 1em;
	width: 1em;
	margin-right: 0.9em;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -0.5em;
}

@media (min-width: 1280px) {
	.label--cta .icon {
		height: 1.2em;
		width: 1.2em;
		margin-top: -0.6em;
	}
}

.label--cta .icon circle,
.label--cta .icon path {
	-webkit-transition: stroke 0.25s;
	transition: stroke 0.25s;
}

.label--cta.label--cta--lg .icon {
	height: 2em;
	width: 2em;
	margin-top: -1em;
}

.label--cta.label--cta--lg .label--cta__inner {
	margin-left: 3em;
}

.label--cta .label--cta__inner {
	position: relative;
	display: inline-block;
	margin-left: 2em;
	padding-bottom: 2px;
	margin-bottom: 2px;
}

.label--cta .label--cta__inner::after {
	content: "";
	border-bottom: 1px solid rgba(178, 178, 178, 0.35);
	position: absolute;
	width: 100%;
	bottom: -2px;
	left: 0;
	-webkit-transition: all 0.25s;
	transition: all 0.25s;
}

.label--cta:hover .label--cta__inner::after {
	bottom: -4px;
	border-bottom: 1px solid #2bbf71;
	border-bottom: 1px solid rgba(255, 80, 86, 0.35);
}

.label--cta:hover .icon circle,
.label--cta:hover .icon path {
	stroke: #2bbf71;
}

.label--toggle {
	font-size: 15px;
	line-height: 1.5;
	/*font-style: ;*/
	display: inline-block;
	padding-bottom: 2px;
	margin-bottom: 2px;
}

.label--toggle .icon {
	height: 0.5em;
	width: 0.5em;
	margin-left: 0.9em;
	vertical-align: middle;
	display: inline-block;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

.label--toggle::after {
	content: "";
	border-bottom: 1px solid rgba(178, 178, 178, 0.35);
	position: absolute;
	width: 100%;
	bottom: -2px;
	left: 0;
	-webkit-transition: all 0.25s;
	transition: all 0.25s;
}

.label--toggle.toggled .icon {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.label--toggle:hover {
	color: inherit;
}

.label--toggle:hover span {
	color: #2bbf71;
}

.label--toggle:hover::after {
	bottom: -4px;
}

.label--toggle:hover .icon svg path {
	stroke: #000000;
}

.link--arrow {
	font-weight: bold;
}

.link--arrow .icon {
	height: 6px;
	width: 6px;
	-webkit-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	transform: rotate(270deg);
	display: inline-block;
	margin: 0 10px;
	vertical-align: middle;
}

.link--inline {
	/*font-style: ;*/
	font-weight: bold;
}

.link--inline::after {
	content: "";
	width: 100%;
	height: 1px;
	position: absolute;
	left: 0;
	bottom: -2px;
	background: #b2b2b2;
	opacity: 0.35;
}

.link--inline:hover, .link--inline:active {
	color: #2bbf71;
}

.link--inline:hover::after, .link--inline:active::after {
	background: #2bbf71;
	opacity: 0.5;
}

.footnote, .fullbleed__desc, .search-page__results .search-page__result--all .search__cat {
	display: block;
	letter-spacing: 1px;
	opacity: 0.5;
	font-size: 13px;
}

.copyright {
	opacity: 0.5;
	font-size: 13px;
	letter-spacing: 1px;
}

/* Add Divider */
.divider {
	content: "";
	display: inline-block;
	background: url("../images/divider.svg");
	width: 10px;
	height: 18px;
	vertical-align: middle;
	margin: 0 18px;
}

.cta {
	display: inline-block;
	/*font-style: ;*/
	font-size: 0.95rem;
	letter-spacing: 0.03rem;
	padding-right: 3.3rem;
	cursor: pointer;
	position: relative;
}

@media (min-width: 1280px) {
	.cta {
		font-size: 1.12rem;
	}
	.cta--lg {
		font-size: 24px;
	}
}

.cta:focus .icon::after, .cta:focus .icon::before, .cta.hover .icon::after, .cta.hover .icon::before, .cta:hover .icon::after, .cta:hover .icon::before {
	background-image: url("../images/arrow-red.svg");
}

.cta:focus .icon::after, .cta.hover .icon::after, .cta:hover .icon::after {
	left: 50%;
	opacity: 1;
}

.cta:focus .icon::before, .cta.hover .icon::before, .cta:hover .icon::before {
	left: 100%;
	opacity: 0;
}

.cta:focus .icon svg circle,
.cta:focus .icon svg path, .cta.hover .icon svg circle,
.cta.hover .icon svg path, .cta:hover .icon svg circle,
.cta:hover .icon svg path {
	stroke: #2bbf71;
}

.cta:focus span:not(.icon), .cta.hover span:not(.icon), .cta:hover span:not(.icon) {
	color: #2bbf71;
	padding-bottom: 4px;
	border-bottom: 1px solid #2bbf71;
	border-bottom: 1px solid rgba(255, 80, 86, 0.35);
}

.cta:focus--plain span:not(.icon), .cta.hover--plain span:not(.icon), .cta:hover--plain span:not(.icon) {
	border-bottom-color: transparent;
}

.cta__icon,
.cta .icon {
	height: 2.5rem;
	width: 2.5rem;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 0;
	border-bottom: none;
	background-size: cover;
	overflow: hidden;
}

.cta__icon::after, .cta__icon::before,
.cta .icon::after,
.cta .icon::before {
	content: "";
	position: absolute;
	height: 0.6rem;
	width: 0.9rem;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background-image: url("../images/arrow-white.svg");
	background-repeat: no-repeat;
	background-size: contain;
	-webkit-transition: left 0.25s, opacity 0.25s, background-image 0.25s;
	transition: left 0.25s, opacity 0.25s, background-image 0.25s;
	opacity: 1;
}

.cta__icon::after,
.cta .icon::after {
	left: -50%;
	opacity: 0;
}

.cta__icon svg circle,
.cta__icon svg path,
.cta .icon svg circle,
.cta .icon svg path {
	stroke: #ffffff;
	-webkit-transition: stroke 0.25s;
	transition: stroke 0.25s;
}

.cta--alt {
	padding-left: 3.3rem;
	padding-right: 0;
}

.cta--alt.cta--small {
	padding-right: 0;
	padding-left: 2.4rem;
}

.cta--alt .cta__icon,
.cta--alt .icon {
	right: auto;
	left: 0;
}

.cta__text,
.cta span:not(.icon) {
	position: relative;
	padding-bottom: 2px;
	margin-bottom: 2px;
	color: #ffffff;
	border-bottom: 1px solid rgba(178, 178, 178, 0.35);
	-webkit-transition: color 0.25s, padding-bottom 0.25s, border-color 0.25s;
	transition: color 0.25s, padding-bottom 0.25s, border-color 0.25s;
}

.cta__text span,
.cta span:not(.icon) span {
	border: 0 !important;
}

.cta__aside {
	font-size: 0.8em;
}

.cta--small {
	padding-right: 2.4rem;
}

.cta--small .icon {
	height: 1.6rem;
	width: 1.6rem;
}

.cta--small .icon::after, .cta--small .icon::before {
	height: 0.4rem;
	width: 0.7rem;
}

.cta--x-small {
	padding-right: 2rem;
}

.cta--x-small .icon {
	height: 1.2rem;
	width: 1.2rem;
}

.cta--notext {
	padding: 0;
}

.cta--notext .icon {
	display: block;
	position: relative;
	top: 0;
	right: 0;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
}

.cta--notext span:not(.icon) {
	display: none;
}

.cta--black .icon::after, .cta--black .icon::before {
	background-image: url("../images/arrow-black.svg");
}

.cta--black .icon svg circle,
.cta--black .icon svg path {
	stroke: #000000;
}

.cta--black span:not(.icon) {
	color: #000000;
}

.cta--reverse .icon::after, .cta--reverse .icon::before {
	background-image: url("../images/arrow-black.svg");
}

.cta--reverse .icon svg circle,
.cta--reverse .icon svg path {
	stroke: #000000;
}

.cta--reverse span:not(.icon) {
	color: #000000;
}

@media (min-width: 768px) {
	.cta--reverse .icon::after, .cta--reverse .icon::before {
		background-image: url("../images/arrow-white.svg");
	}
	.cta--reverse .icon svg circle,
	.cta--reverse .icon svg path {
		stroke: #ffffff;
	}
	.cta--reverse span:not(.icon) {
		color: #ffffff;
		font-size: 18px !important;
	}
}

@media (min-width: 1024px) {
	.cta--reverse .icon::after, .cta--reverse .icon::before {
		background-image: url("../images/arrow-white.svg");
	}
	.cta--reverse .icon svg circle,
	.cta--reverse .icon svg path {
		stroke: #ffffff;
	}
	.cta--reverse span:not(.icon) {
		color: #ffffff;
		font-size: 20px !important;
	}
}

.cta--mono:hover .icon::after, .cta--mono:hover .icon::before {
	background-image: url("../images/arrow-white.svg");
}

.cta--mono:hover .icon svg circle,
.cta--mono:hover .icon svg path {
	stroke: #ffffff;
}

.cta--mono:hover span:not(.icon) {
	color: #ffffff;
	border-bottom-color: rgba(178, 178, 178, 0.35);
}

.cta--plus .icon::after, .cta--plus .icon::before {
	display: none;
}

.cta--filter {
	padding: 0 5px;
}

.cta--filter .icon {
	width: 13px;
	right: 10px;
}

.cta--filter .icon svg path {
	stroke: #2bbf71;
}

.cta--filter .icon::after, .cta--filter .icon::before {
	display: none;
}

.cta--filter span:not(.icon) {
	padding-right: 25px;
	color: #2bbf71;
}

.cta--plain span:not(.icon), .cta--plain:hover span:not(.icon) {
	border-bottom-color: transparent;
}

.cta-parent:hover a,
a:hover a,
.anchor:hover a {
	color: #2bbf71;
}

.cta-parent:hover .cta .icon::after, .cta-parent:hover .cta .icon::before,
a:hover .cta .icon::after,
a:hover .cta .icon::before,
.anchor:hover .cta .icon::after,
.anchor:hover .cta .icon::before {
	background-image: url("../images/arrow-red.svg");
}

.cta-parent:hover .cta .icon::after,
a:hover .cta .icon::after,
.anchor:hover .cta .icon::after {
	left: 50%;
	opacity: 1;
}

.cta-parent:hover .cta .icon::before,
a:hover .cta .icon::before,
.anchor:hover .cta .icon::before {
	left: 100%;
	opacity: 0;
}

.cta-parent:hover .cta .icon svg circle,
.cta-parent:hover .cta .icon svg path,
a:hover .cta .icon svg circle,
a:hover .cta .icon svg path,
.anchor:hover .cta .icon svg circle,
.anchor:hover .cta .icon svg path {
	stroke: #2bbf71;
}

.cta-parent:hover .cta span:not(.icon),
a:hover .cta span:not(.icon),
.anchor:hover .cta span:not(.icon) {
	color: #2bbf71;
	padding-bottom: 4px;
	border-bottom: 1px solid #2bbf71;
	border-bottom: 1px solid rgba(255, 80, 86, 0.35);
}

.cta-parent:hover .cta--plain span:not(.icon),
a:hover .cta--plain span:not(.icon),
.anchor:hover .cta--plain span:not(.icon) {
	border-bottom-color: transparent;
}

.nav__dropdown:hover {
	color: #2bbf71;
}

.nav__dropdown:hover::after {
	background-image: url("../images/arrow-down--red.png");
}

.nav__dropdown::after {
	content: "";
	height: 8px;
	background: url("../images/arrow-down.png") no-repeat 0 0;
	background-size: contain;
	display: inline-block;
	position: relative;
	width: 8px;
	margin: 0 0 0 18px;
	vertical-align: middle;
	-webkit-transition: background-image 0.25s;
	transition: background-image 0.25s;
}

.cta-btn {
	border: 0;
	margin: 0;
	padding: 0;
	-webkit-transition: color 0.25s;
	transition: color 0.25s;
	background: #ffffff;
	position: relative;
	font-style: ;
	color: #343434;
	border-radius: 0 2px 2px 0;
	overflow: hidden;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.08);
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: inline-flex;
	-webkit-box-align: stretch;
	-webkit-align-items: stretch;
	align-items: stretch;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	word-wrap: nowrap;
	line-height: 1.1;
}

.cta-btn[type] {
	box-shadow: none;
}

.cta-btn:focus, .cta-btn:hover {
	color: #2bbf71;
}

.cta-btn:visited {
	color: #343434;
}

.cta-btn--stretch {
	width: 100%;
}

.cta-btn__text {
	font-size: 18px;
	padding: .8rem 1rem .8rem 1rem;
}

@media (min-width: 768px) {
	.cta-btn__text {
		padding: .8rem 1.5rem .8rem 2rem;
	}
}

.cta-btn__text--small {
	font-size: 15px;
	padding: 0.8rem 1rem;
}

@media (min-width: 768px) {
	.cta-btn--lg .cta-btn__text {
		padding: 0.8rem 1.5rem 0.8rem 3rem;
	}
}

.cta-btn--download {
	background-color: #000;
	-webkit-transition: background-color 0.2s ease-out;
	transition: background-color 0.2s ease-out;
	color: #fff;
	display: block;
	text-align: center;
	padding: 1.3rem 2.5rem;
	border-radius: 2px;
	line-height: 1.1;
	font-weight: normal;
	text-transform: uppercase;
    /*font-family: "Microsoft YaHei", "微软雅黑"；*/
}

.cta-btn--download:hover {
	background-color: #2bbf71;
	color: #fff;
}

.cta-btn--download .cta-btn__text {
	display: inline-block;
	padding: 0;
	font-style: normal;
}

@media (min-width: 1280px) {
	.cta-btn--download .cta-btn__text {
		font-size: 22px;
	}
}

.cta-btn__icon-wrap {
	background: #e9e9e9;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	padding: 0 1rem 0 -webkit-calc(1rem - 0.35rem);
	padding: 0 1rem 0 calc(1rem - 0.35rem);
	position: relative;
	margin-left: 0.7rem;
}

.cta-btn__icon-wrap::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 100%;
	bottom: 0;
	width: 0.7rem;
	background-image: -webkit-gradient(linear, left top, right bottom, from(transparent), color-stop(50%, transparent), color-stop(50%, #e9e9e9), to(#e9e9e9));
	background-image: -webkit-linear-gradient(top left, transparent 0%, transparent 50%, #e9e9e9 50%, #e9e9e9 100%);
	background-image: linear-gradient(to bottom right, transparent 0%, transparent 50%, #e9e9e9 50%, #e9e9e9 100%);
}

.cta-btn__icon {
	display: block;
	width: 14px;
	height: 9px;
}

.cta-btn__icon.icon-next, .cta-btn__icon.icon-prev {
	padding-left: 1rem !important;
	padding-right: 1rem !important;
}

.cta-btn__icon--dl {
	height: 25px;
	width: 26px;
}

.cta-btn__icon svg path {
	stroke: currentColor;
}

/*
@styleguide

@title Link Styles

<a href="#">Default</label>

<label class="nav__dropdown label--lg">Drop Down link</label>

<p><a class="link--bold">Bold link</a></p>

<a class="label label--cta">
	<span data-grunticon-embed class="icon icon-plus"></span>
	<span class="label--cta__inner">Filter projects by service</span>
</a>

<a class="label label--cta">
	<span data-grunticon-embed class="icon icon-download"></span>
	<span class="label--cta__inner">Download a copy of data security document <span class="bold">PDF - 37kb</span></span>
</a>

*/
/*
@styleguide

@title Text Styles

Tags

<span class="tag">Energy advisory</span>

*/
.tag {
	display: inline-block;
	background-color: #fafafa;
	border-radius: 2px;
	font-style: ;
	padding: 12px;
	letter-spacing: 1px;
	line-height: 1.3;
	font-size: 13px;
}

.text-icon {
	padding-left: 50px;
	position: relative;
	display: block;
}

.text-icon-- {
	font-style: ;
	font-size: 15px;
	line-height: 1.5;
}

.text-icon .icon {
	height: 1.5rem;
	width: 1.5rem;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

@media (min-width: 1280px) {
	.text-icon .icon.icon-message {
		margin-top: 5px;
	}
}

.text-icon .icon.icon-profile {
	margin-top: -3px;
}

.text-icon .icon.icon-phone {
	height: 23px;
	width: 21px;
}

/*
@styleguide

@title Icons

<a href="#" class="icon-text-block">
	<span data-grunticon-embed class="icon icon-reset"></span>
	<span>Get in touch</span>
</a>

*/
.icon-text-block {
	text-align: center;
	font-size: 11px;
	line-height: 1.45;
	letter-spacing: 1px;
	font-style: ;
	display: block;
	margin: 0 auto;
}

.icon-text-block--collapse .icon-text-block__icon.icon {
	margin-bottom: 0;
}

.icon-text-block--collapse .icon-text-block__label {
	display: none;
}

.icon-text-block svg path,
.icon-text-block svg ellipse {
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

.icon-text-block:hover svg path,
.icon-text-block:hover svg ellipse, .icon-text-block:focus svg path,
.icon-text-block:focus svg ellipse, .icon-text-block:active svg path,
.icon-text-block:active svg ellipse {
	stroke: #2bbf71;
}

.icon-text-block .icon {
	width: 26px;
	height: 26px;
	display: block;
	margin: 0 auto 10px;
}

@media (min-width: 768px) {
	.icon-text-block--collapse .icon-text-block__icon {
		margin-bottom: 10px;
	}
	.icon-text-block--collapse .icon-text-block__label {
		display: block;
	}
}

.icon-share--black svg path,
.icon-share--black svg ellipse {
	stroke: #343434;
}

.error-text {
	font-size: 1em;
	color: #ff0000;
	padding-left: 78px;
}

.page-info {
	z-index: 2;
	position: relative;
}

@media (min-width: 768px) {
	.page-info--outer {
		display: none;
	}
}

.page-info__content {
	display: none;
	border-top: 1px solid rgba(233, 233, 233, 0.5);
	padding-top: 0.7rem;
}

@media (min-width: 768px) {
	.page-info__content {
		display: block;
	}
}

.page-info__content--outer {
	border: 0;
	padding-top: 0;
	display: block;
}

.page-info p, .page-info__copy {
	color: inherit;
	margin: 0;
	padding-bottom: 0.5rem;
	font-size: 20px;
}

.feature-title {
	padding-bottom: 0.8rem;
}

.feature-title__label {
	font-size: 15px;
	margin: 0;
	padding-bottom: 0.3rem;
}

@media (min-width: 768px) {
	.feature-title__label {
		font-size: 18px;
	}
}

.feature-title__sublabel {
	opacity: 0.5;
}

.feature-title__title {
	font-size: 30px;
	margin: 0;
	padding: 0;
}

@media (min-width: 768px) {
	.feature-title__title {
		font-size: 50px;
	}
}

.header {
	/*position: absolute;
	top: 0;
	left: 0;*/
	z-index: 800;
	width: 100%;
	height: 60px;
	background-color: #ffffff;
	border-bottom: 1px solid rgba(178, 178, 178, 0.15);
	-webkit-transition: background-color 0.25s, border-bottom 0.25s, -webkit-transform 0.5s;
	transition: background-color 0.25s, border-bottom 0.25s, -webkit-transform 0.5s;
	transition: transform 0.5s, background-color 0.25s, border-bottom 0.25s;
	transition: transform 0.5s, background-color 0.25s, border-bottom 0.25s, -webkit-transform 0.5s;
}

.header::before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	width: 100%;
	bottom: -1px;
	visibility: hidden;
	overflow: hidden;
	opacity: 0;
	top: 0;
	background-color: rgba(0, 0, 0, 0.1);
	-webkit-transition: opacity 0.5s, background-color 1s;
	transition: opacity 0.5s, background-color 1s;
}

.header--menu-active::before {
	visibility: visible;
	opacity: 1;
	background-color: rgba(0, 0, 0, 0.2);
}

@media (min-width: 1280px) {
	.header--menu-active::before {
		display: none;
	}
}

/*.header--fixed {
	position: fixed;
	top: -60px;
}*/

.header--animate {
	-webkit-transition: top 0.5s, -webkit-transform 0.5s;
	transition: top 0.5s, -webkit-transform 0.5s;
	transition: top 0.5s, transform 0.5s;
	transition: top 0.5s, transform 0.5s, -webkit-transform 0.5s;
}

.header--active {
	top: 0;
}

.header--transparent {
	background-color: transparent;
	border-bottom-color: transparent;
	color: #434343;
}

.header--transparent.header--gradient {
	background: rgba(0, 0, 0, 0.2);
}

.header--transparent .header__nav-extra {
	color: #434343;
	font-size:20px;
}

.header--transparent .main-nav__item {
	color: #434343;
	font-size:20px;
	width: ;
}

.header--transparent .burger__part {
	background-color: #434343;
}

.header--transparent .marker {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	opacity: 0;
}

@media (min-width: 1280px) {
	.header {
		height: 101px;
	}
	.header__inner {
		position: static;
	}
	.header__burger {
		display: none;
	}
	.header--fixed {
		top: -75px;
	}
	.header--active {
		top: 0;
	}
}

.header__inner {
	max-width: 1160px;
	margin: 0 auto;
	padding: 0 1.5rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	box-sizing: border-box;
	height: 100%;
}

@media (min-width: 768px) {
	.header__inner {
		padding: 0 2rem;
	}
}

@media (min-width: 1280px) {
	.header__inner {
		padding: 0;
	}
}

.header__logo {
	margin: 0;
	padding: 0;
}

@media (min-width: 1280px) {
	.header__logo {
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		position: relative;
		display: inline-block;
		float: left;
		height: 100%;
		padding: 0;
		margin: 0;
		left: auto;
		top: auto;
		width: 90px;
	}
}

.header__logo-link {
	-webkit-transition: background-image 0.25s;
	transition: background-image 0.25s;
}

@media (min-width: 1280px) {
	.header__logo-link {
		position: absolute;
		top: 23px;
		left: 0;
		padding: 0;
	}
}

.header__sitenav {
	/*display: none;*/
	height: 100%;
}

@media (min-width: 1280px) {
	.header__sitenav {
		display: inline-block;
	}
}

.header__nav-extra {
	float: right;
	height: 100%;
}

.burger {
	display: block;
	height: 24px;
	width: 24px;
	z-index: 1;
	cursor: pointer;
	background-color: transparent;
	border: 0;
	padding: 0;
	margin: 0;
}

.burger > * {
	box-sizing: border-box;
	outline: 0;
}

.burger__part {
	position: absolute;
	height: 1px;
	width: 100%;
	background-color: #0e0e0e;
	position: relative;
	float: left;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.burger__part--2 {
	margin-top: 6px;
	width: 90%;
}

.burger__part--3 {
	margin-top: 6px;
	width: 82%;
}

.extra-nav {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	margin: 0;
	padding: 0 0 0 20px;
	height: 100%;
	list-style-type: none;
}

.extra-nav__item {
	padding: 0;
}

.extra-nav__item--contact {
	display: none;
}

@media (min-width: 1280px) {
	.extra-nav__item--contact {
		display: inline-block;
	}
}

.extra-nav__action {
	font-style: ;
	font-size: 18px;
	display: inline-block;
}

.search-btn {
	display: block;
	background-color: transparent;
	border: 0;
	text-indent: -9999em;
	margin: 0;
	padding: 0;
	color: inherit;
	-webkit-transition: color 0.25s;
	transition: color 0.25s;
}

.search-btn:hover, .search-btn:focus {
	color: #2bbf71;
}

.search-btn svg path {
	stroke: currentColor;
}

.search-btn__icon {
	display: block;
	width: 16px;
	height: 22px;
	padding: 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

@media (min-width: 768px) {
	.search-btn__icon {
		width: 18px;
		height: 24px;
	}
}

nav.nav-sidebar__main .nav-list-wrap .nav-core__list .nav-core__item ul li {
	display: none;
}

.nav-sidebar {
	position: fixed;
	width: 100vw;
	height: 100%;
	overflow: hidden;
	background-color: #ffffff;
	-webkit-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%);
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-transition: -webkit-transform 0.5s;
	transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
	transition: transform 0.5s, -webkit-transform 0.5s;
	color: #343434;
}

@media (min-width: 768px) {
	.nav-sidebar {
		width: 440px;
	}
}

@media (min-width: 1280px) {
	.nav-sidebar {
		display: none;
	}
}

.nav-sidebar--active {
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}

.nav-sidebar--active .nav-core__item {
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}

.nav-sidebar--dark {
	color: #ffffff;
}

.nav-sidebar__main {
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	flex-grow: 1;
	position: relative;
}

.nav-sidebar__foot {
	background-color: #e9e9e9;
	padding: 1rem 2.5rem;
	color: #343434;
}

.nav-ctrls {
	position: relative;
}

.nav-ctrls__btn {
	z-index: 1;
	position: absolute;
	pointer-events: none;
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
}

.nav-ctrls__btn--close {
	right: 0;
	top: 1rem;
}

.nav-ctrls__btn--back {
	top: 1rem;
	left: 0;
}

.nav-ctrls__btn--close, .nav-ctrls__btn--active {
	opacity: 1;
	pointer-events: all;
}

.nav-ctrl {
	background-color: transparent;
	border: 0;
	display: block;
	color: currentColor;
	height: 45px;
	width: 45px;
	padding: 0;
	margin: 0;
	-webkit-transition: color 0.5s;
	transition: color 0.5s;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-around;
	justify-content: space-around;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.nav-ctrl__icon {
	display: block;
	height: 0.8rem;
	width: 0.8rem;
}

.nav-ctrl__icon svg path {
	stroke: currentColor;
}

.nav-ctrl__icon--back {
	height: 0.5rem;
	width: 0.8rem;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

.nav-list-wrap__item {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	flex-direction: column;
	overflow: auto;
	padding: 2rem 2.5rem 2rem 2.5rem;
	background-size: cover;
	opacity: 0;
	max-height: 0;
	-webkit-transition: opacity 0.5s, max-height 0s 0.5s;
	transition: opacity 0.5s, max-height 0s 0.5s;
}

.nav-list-wrap__item--active {
	opacity: 1;
	max-height: 100vh;
	-webkit-transition: opacity 0.5s, max-height 0s 0s;
	transition: opacity 0.5s, max-height 0s 0s;
}

.nav-list-wrap__item--active .nav-list-wrap__content {
	-webkit-transform: translateX(0px);
	-ms-transform: translateX(0px);
	transform: translateX(0px);
}

.nav-list-wrap__item--dark {
	color: #ffffff;
	background-color: #343434;
}

.nav-list-wrap__item--expertise {
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.3))), url("../images/backgrounds/expertise.jpg");
	background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%), url("../images/backgrounds/expertise.jpg");
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%), url("../images/backgrounds/expertise.jpg");
}

.nav-list-wrap__item--careers {
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.3))), url("../images/backgrounds/careers.jpg");
	background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%), url("../images/backgrounds/careers.jpg");
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%), url("../images/backgrounds/careers.jpg");
}

.nav-list-wrap__item--perspectives {
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.3))), url("../images/backgrounds/firm.jpg");
	background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%), url("../images/backgrounds/firm.jpg");
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%), url("../images/backgrounds/firm.jpg");
}

.nav-list-wrap__item--offices {
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.3))), url("../images/backgrounds/offices.jpg");
	background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%), url("../images/backgrounds/offices.jpg");
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%), url("../images/backgrounds/offices.jpg");
}

.nav-list-wrap__item--firm {
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.3))), url("../images/backgrounds/firm.jpg");
	background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%), url("../images/backgrounds/firm.jpg");
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%), url("../images/backgrounds/firm.jpg");
}

.nav-list-wrap__content {
	-webkit-transform: translateX(-2.5rem);
	-ms-transform: translateX(-2.5rem);
	transform: translateX(-2.5rem);
	-webkit-transition: -webkit-transform 0.5s;
	transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
	transition: transform 0.5s, -webkit-transform 0.5s;
}

.nav-list-wrap__content--center {
	margin: auto 0;
	-webkit-transform: translateX(2.5rem);
	-ms-transform: translateX(2.5rem);
	transform: translateX(2.5rem);
}

.nav-core__list {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.nav-core__item {
	padding-top: 1.5rem;
	border-bottom: 1px solid #e9e9e9;
	-webkit-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition: -webkit-transform 0.5s;
	transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
	transition: transform 0.5s, -webkit-transform 0.5s;
}

.nav-core__item:first-of-type {
	padding-top: 0;
}

.nav-core__item:nth-of-type(1) {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

.nav-core__item:nth-of-type(2) {
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}

.nav-core__item:nth-of-type(3) {
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}

.nav-core__item:nth-of-type(4) {
	-webkit-transition-delay: 0.4s;
	transition-delay: 0.4s;
}

.nav-core__item:nth-of-type(5) {
	-webkit-transition-delay: 0.5s;
	transition-delay: 0.5s;
}

.nav-core__item:nth-of-type(6) {
	-webkit-transition-delay: 0.6s;
	transition-delay: 0.6s;
}

.nav-core__item:nth-of-type(7) {
	-webkit-transition-delay: 0.7s;
	transition-delay: 0.7s;
}

.nav-core__item:nth-of-type(8) {
	-webkit-transition-delay: 0.8s;
	transition-delay: 0.8s;
}

.nav-core__item:nth-of-type(9) {
	-webkit-transition-delay: 0.9s;
	transition-delay: 0.9s;
}

.nav-core__item:nth-of-type(10) {
	-webkit-transition-delay: 1s;
	transition-delay: 1s;
}

.nav-core__action {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	background-color: transparent;
	border: 0;
	padding: 0.2rem 0;
	margin: 0;
	-webkit-transition: color 0.25s;
	transition: color 0.25s;
	color: #343434;
	font-style: ;
	width: 100%;
	text-align: left;
	position: relative;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.nav-core__action:hover {
	color: #2bbf71;
}

.nav-core__action svg path {
	stroke: currentColor;
}

.nav-core__pointer {
	height: 3px;
	width: 7px;
	display: block;
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.nav-core__search {
	padding-top: 2rem;
}

.nav-search-btn {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	width: 100%;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	background-color: transparent;
	border: 0;
	font-size: 18px;
	font-style: ;
	margin: 0;
	padding: 0;
	-webkit-transition: color 0.25s;
	transition: color 0.25s;
}

.nav-search-btn:hover {
	color: #2bbf71;
}

.nav-search-btn svg path {
	stroke: currentColor;
}

.nav-search-btn__icon {
	margin-right: 0.5em;
	display: inline-block;
	height: 1.4em;
	width: 1.4em;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.nav-second {
	margin-top: 40px;
}

.nav-second__subtitle {
	color: #b2b2b2;
	font-size: 15px;
	padding-top: 0.5rem;
}

.nav-second__list {
	margin: 0;
	padding: 0;
	list-style-type: none;
	padding-bottom: 0.8rem;
}

.nav-second__list ~ .nav-second__list {
	margin-top: -.8rem;
}

.nav-second__link {
	display: block;
	padding: 0.8rem 0;
}

.nav-second__subsec {
	margin-bottom: 2rem;
}

.nav-action {
	font-style: ;
	font-size: 15px;
}

.nav-link-title__link {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-content: flex-end;
	align-content: flex-end;
	padding-bottom: 0.3em;
	border-bottom: 1px solid rgba(178, 178, 178, 0.5);
}

.nav-link-title__copy {
	font-size: 20px;
}

.nav-link-title__tag {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	font-size: 15px;
	font-style: ;
}

.nav-link-title__icon {
	display: inline-block;
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	height: 0.3em;
	width: 0.5em;
	margin-left: 0.5em;
}

.nav-link-title__icon svg path {
	stroke: currentColor;
}

.desktopnav {
	height: 100%;
}

.main-nav {
	margin: 0;
	padding: 0;
	height: 100%;
	list-style-type: none;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
@media all and (min-width: 1201px) {
    .main-nav__item {
    	padding: 0 2.55rem 0;
    	/*padding: 0 3.41666666666667% 0;*/
    	height: 100%;
    	display: -webkit-box;
    	display: -webkit-flex;
    	display: flex;
    	-webkit-box-align: center;
    	-webkit-align-items: center;
    	align-items: center;
    }
}

@media all and (min-width: 980px) and (max-width: 1200px) {
    .main-nav__item {
    	padding: 0 .15rem 0;
    	height: 100%;
    	display: -webkit-box;
    	display: -webkit-flex;
    	display: flex;
    	-webkit-box-align: center;
    	-webkit-align-items: center;
    	align-items: center;
    }
}

.main-nav__item:first-child {
	padding-left: 0;
}

.main-nav__item:last-child {
	padding-right: 0;
}

.main-nav__item.selected {
	color: #2bbf71;
}

.main-nav__item.selected .meganav-pane {
	visibility: visible;
	opacity: 1;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}

.main-nav__item.selected .meganav-pane__inner {
	-webkit-transform: translateX(0px);
	-ms-transform: translateX(0px);
	transform: translateX(0px);
}

.main-nav__link {
	font-style: ;
	font-size: 21px;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.main-nav__link--dropdown:hover {
	color: #2bbf71;
	font-weight:bold;
}

.main-nav__icon {
	display: inline-block;
	height: 8px;
	width: 8px;
	color: inherit;
	margin-left: 12px;
}

.main-nav__icon svg path {
	stroke: currentColor;
}

.marker {
	position: absolute;
	top: 101px;
	left: 0;
	width: 100%;
	height: 10px;
	z-index: 2;
	overflow: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	display: none;
	opacity: 1;
	-webkit-transition: opacity 0s 0.25s;
	transition: opacity 0s 0.25s;
	z-index: 4;
}

.marker__side {
	position: absolute;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	border-top-color: transparent;
	border-top: 10px solid #ffffff;
	-webkit-transition: width 0.2s, left 0.2s, border-top-color 0s 0.2s;
	transition: width 0.2s, left 0.2s, border-top-color 0s 0.2s;
}

.marker__side--left {
	left: 0;
	width: 50vw;
	border-right: 10px solid transparent;
	will-change: width;
}

.marker__side--right {
	left: 50vw;
	width: 100%;
	border-top: 10px solid #ffffff;
	border-left: 10px solid transparent;
	will-change: left;
}

.marker.active .marker__side {
	border-top-color: #ffffff;
	-webkit-transition: width 0.2s, left 0.2s, border-top-color 0s 0s;
	transition: width 0.2s, left 0.2s, border-top-color 0s 0s;
}

@media (min-width: 1280px) {
	.marker {
		display: block;
	}
}
@media all and (min-width: 1201px) {
    .meganav-pane {
    	/*display: block;*/
    	bottom: auto;
    	width: 100%;
    	height: auto;
    	/*min-height: 600px;*/
    	min-height: 810px;
    	padding-top: 10px;
    	border-bottom: 1px solid rgba(178, 178, 178, 0.15);
    	position: absolute;
    	left: 0;
    	/*top: 68px;*/
    	top: 101px;
    	visibility: hidden;
    	z-index: 1;
    	color: #ffffff;
    	background-size: cover;
    	background-position: left center;
    	opacity: 0;
    	-webkit-transition: opacity 0.2s;
    	transition: opacity 0.2s;
    	z-index: 3;
    }
}
@media all and (min-width: 980px) and (max-width: 1200px) {
    .meganav-pane {
    	/*display: block;*/
    	bottom: auto;
    	width: 100%;
    	height: auto;
    	/*min-height: 600px;*/
    	min-height: 810px;
    	padding-top: 10px;
    	border-bottom: 1px solid rgba(178, 178, 178, 0.15);
    	position: absolute;
    	left: 0;
    	/*top: 68px;*/
    	top: 60px;
    	visibility: hidden;
    	z-index: 1;
    	color: #ffffff;
    	background-size: cover;
    	background-position: left center;
    	opacity: 0;
    	-webkit-transition: opacity 0.2s;
    	transition: opacity 0.2s;
    	z-index: 3;
    }
}
.meganav-pane--static {
	visibility: visible;
	position: relative;
	top: auto;
	left: auto;
	opacity: 1;
}

.meganav-pane--large {
	bottom: 0;
	overflow: auto;
}

.meganav-pane--expertise {
	background-image: url("../images/backgrounds/expertise.jpg");
	background-position: bottom center;
}

.meganav-pane--perspective {
	background-image: url("../images/backgrounds/perspective.jpg");
}

.meganav-pane--careers {
	background-image: url("../images/backgrounds/careers.jpg");
}

.meganav-pane--careers .meganav-list__item {
	position: static;
}

.meganav-pane--careers .meganav-col--title {
	margin-left: 0;
}

.meganav-pane--careers .meganav-col--submarker {
	width: 10%;
}

.meganav-pane--careers .meganav-col--subnav-content {
	width: 29%;
}

.meganav-pane--offices {
	background-image: url("../images/backgrounds/offices.jpg");
	background-size: 100% 100%;
}

.meganav-pane__inner {
	max-width: 1160px;
	margin: 0 auto;
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: stretch;
	-webkit-align-items: stretch;
	align-items: stretch;
	padding: 4rem 0;
	-webkit-transform: translateX(-10px);
	-ms-transform: translateX(-10px);
	transform: translateX(-10px);
	-webkit-transition: -webkit-transform 0.5s;
	transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
	transition: transform 0.5s, -webkit-transform 0.5s;
}

.meganav-col {
	padding: 0 10px;
}

.meganav-col--default {
	max-width: 30%;
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 auto;
	flex: 1 1 auto;
}

.meganav-col--subnav {
	width: 40%;
	/*width: 33%;*/
	padding-top: 0.3rem;
}

.meganav-col--submarker {
	width: 2%;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}

.meganav-col--subnav-content {
	padding-top: 1.3rem;
}

.meganav-col--full {
	width: 100%;
}

.meganav-col--title {
	width: 28%;
	margin-left: 10%;
}

.meganav-col--listcol {
	width: 57%;
}

.meganav-col--listcol:first-child {
	float: left;
}

.meganav-col--listcol:last-child {
	float: right;
}

.meganav-col--listcol ul {
	width: 45%;
	margin: 0;
	float: right;
}

.meganav-col--listcol ul:first-of-type {
	float: left;
}

.nav-intro__title {
	max-width: 215px;
	margin-bottom: 40px;
	margin-bottom: 2.6rem;
}

.nav-intro__cta {
	margin-bottom: 1.5em;
}

.meganav-subtitle {
	margin-bottom: 55px;
	color: #b2b2b2;
	font-style: ;
	font-size: 24px;
	line-height: 32px;
	height: 32px;
}

.meganav-subnav__subtitle {
	color: #b2b2b2;
	font-size: 20px;
	padding: 2.1rem 0 0.6rem;
}

.meganav-subnav__list {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.meganav-subnav__item {
	/*padding-bottom: 3.2rem;*/
	padding-bottom: 1.5rem;
}

.meganav-subnav__item:last-child {
	padding-bottom: 0;
}

.subnav-content {
	height: 0;
	overflow: hidden;
	opacity: 0;
	-webkit-transition: opacity 0.5s ease-in;
	transition: opacity 0.5s ease-in;
}

.subnav-content.active {
	height: auto;
	overflow: visible;
	opacity: 1;
}

.meganav-list {
	font-size: 15px;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.meganav-list--cols-three {
	-webkit-column-count: 3;
	column-count: 3;
}

.meganav-list--cols-four {
	-webkit-column-count: 4;
	column-count: 4;
}

.meganav-list__item {
	padding-bottom: 1.85rem;
	position: relative;
}

.meganav-action, .meganav-group__title > a {
	font-style: ;
	font-size: 18px;
	padding-bottom: 3px;
	line-height: 1.1;
	-webkit-transition: color 0.5s;
	transition: color 0.5s;
}

.meganav-action::after, .meganav-group__title > a::after {
	content: '';
	display: block;
	position: absolute;
	height: 1px;
	width: 100%;
	bottom: 4px;
	opacity: 0;
	background: rgba(178, 178, 178, 0.35);
	-webkit-transition: all 0.25s;
	transition: all 0.25s;
}

.meganav-action:focus, .meganav-group__title > a:focus, .meganav-action:hover, .meganav-group__title > a:hover {
	color: currentColor !important;
}

.meganav-action:focus::after, .meganav-group__title > a:focus::after, .meganav-action:hover::after, .meganav-group__title > a:hover::after {
	bottom: -2px;
	opacity: 1;
}

.meganav-action--light::after {
	background: rgba(255, 255, 255, 0.4);
}

.meganav-group {
	padding-left: 0;
	position: relative;
}

.meganav-group__title {
	display: inline-block;
	font-size: 18px;
	line-height: 1.1;
	margin: 0 0 1.85rem 0;
	padding: 0;
	color: #b2b2b2;
}

.meganav-group__title > a {
	color: #ffffff;
}

.meganav-group__wrap {
	margin: 0;
	padding: 0 0 0 20px;
	border-left: 1px solid rgba(178, 178, 178, 0.7);
	list-style-type: none;
	margin-bottom: 1.85rem;
}

.meganav-group__item {
	margin-bottom: 1.85rem;
}

.meganav-group__item:last-child {
	margin-bottom: 0;
}

.sub-marker {
	height: 100%;
	width: 13px;
	position: relative;
	left: -13px;
	overflow: hidden;
}

.sub-marker__pic {
	display: block;
	position: absolute;
	/*top: -732px;*/
	top: -700px;
	left: 0;
	-webkit-transition: top 0.5s ease-out;
	transition: top 0.5s ease-out;
}

.sub-marker__line {
	display: block;
	border-left: 3px solid rgba(178, 178, 178, 0.6);
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	flex-grow: 1;
	-webkit-transition: height 0.5s ease-out;
	transition: height 0.5s ease-out;
	height: 100px;
}

.sub-marker__line--above {
	-webkit-box-flex: 0;
	-webkit-flex-grow: 0;
	flex-grow: 0;
}

.sub-marker__arrow {
	display: block;
	height: 18.382px;
	background-color: transparent;
	-webkit-box-flex: 0;
	-webkit-flex-grow: 0;
	flex-grow: 0;
}

.sub-marker__arrow::after {
	content: '';
	display: block;
	-webkit-transform: rotate(225deg);
	-ms-transform: rotate(225deg);
	transform: rotate(225deg);
	border-top: 3px solid rgba(178, 178, 178, 0.6);
	border-right: 3px solid rgba(178, 178, 178, 0.6);
	border-bottom: 0;
	border-left: 0;
	height: 13px;
	width: 13px;
	-webkit-transform-origin: top left;
	-ms-transform-origin: top left;
	transform-origin: top left;
	position: relative;
	left: 1.5px;
}

.subnav-action {
	font-style: ;
	font-size: 20px;
	line-height: 1.4;
	color: #ffffff;
	width: 90%;
	text-align: left;
	background-color: transparent;
	border: 0;
	padding: 0 3px 0 0;
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	border-bottom: 1px solid #b2b2b2;
	margin-bottom: 2px;
	-webkit-transition: opacity 0.25s, color 0.25s, border-bottom-color 0.25s, margin 0.25s, padding 0.25s;
	transition: opacity 0.25s, color 0.25s, border-bottom-color 0.25s, margin 0.25s, padding 0.25s;
}
.subnav-action p{
	font-size: 20px;
	line-height:1.6;
	/*padding-top:1rem;*/
}
.subnav-action p font{
	text-align:left;
	font-size: 12px;
	line-height: 1;
}
.subnav-action.active, .subnav-action:hover, .subnav-action:focus {
	opacity: 1;
	color: #ffffff !important;
	padding-bottom: 2px;
	margin-bottom: 0;
	border-bottom-color: rgba(255, 255, 255, 0.4);
}

.subnav-action--fade {
	opacity: 0.5;
}

.subnav-action--nolink {
	cursor: default;
}

.subnav-action__icon {
	display: block;
	height: 0.4em;
	width: 0.4em;
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	pointer-events: none;
}

.subnav-action__icon svg path {
	stroke: currentColor;
}

.full-carousel {
	overflow: hidden;
	position: relative;
	color: #ffffff;
	height: 300px;
	height: 100vh;
}

@media (min-width: 1024px) {
	.full-carousel {
		padding: 0;
		margin: 0;
		height: 800px;
		height: -webkit-calc(100vh - 75px);
		height: calc(100vh - 75px);
		width: 100%;
	}
}

.full-carousel .slide {
	position: relative;
	height: 100%;
	overflow: hidden;
}

.full-carousel .slick-list {
	width: 100%;
	position: absolute;
	top: 0;
}

.full-carousel .slick-list,
.full-carousel .slick-track {
	height: 100%;
}

.full-carousel .slick-dots {
	display: none !important;
	position: absolute;
	width: 100%;
	bottom: 55px;
	left: 50%;
	-webkit-transform: translate(-50%, 50%);
	-ms-transform: translate(-50%, 50%);
	transform: translate(-50%, 50%);
	z-index: 10;
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: center;
	pointer-events: none;
}

@media (min-width: 1024px) {
	.full-carousel .slick-dots {
		display: block !important;
	}
}

.full-carousel .slick-dots li {
	pointer-events: all;
	margin: 0;
	padding: 0 3px;
	display: inline-block;
}

.full-carousel .slick-dots li:first-child {
	padding-left: 0;
}

.full-carousel .slick-dots li:last-child {
	padding-right: 0;
}

.full-carousel .slick-dots li button {
	display: block;
	width: 45px;
	height: 45px;
	padding: 0;
	margin: 0;
	border: none;
	background-color: transparent;
	text-indent: -200em;
	position: relative;
}

.full-carousel .slick-dots li button::after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 8px;
	height: 8px;
	background-color: #e9e9e9;
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	-ms-transform: translate(-50%, -50%) rotate(45deg);
	transform: translate(-50%, -50%) rotate(45deg);
}

.full-carousel .slick-dots li.slick-active button::after {
	background-color: #2bbf71;
}

@media (min-width: 1024px) {
	.full-carousel .slick-dots {
		bottom: 75px;
	}
}

.full-carousel hr {
	height: 2px;
	opacity: 0.4;
	background: #ffffff;
	margin-bottom: 1.5rem;
}

.full-carousel .h1 {
	margin-bottom: 0;
}

.full-carousel .h1 span {
	display: block;
	margin-top: 0.5rem;
}

@media (min-width: 1024px) {
	.full-carousel .h1 span {
		display: inline;
	}
}

@media (max-width: 1024px) {
	.full-carousel h4 {
		font-size: 15px;
		line-height: 1.5;
		margin-bottom: 5px;
	}
}

.full-carousel img {
	position: absolute;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	left: 50%;
	top: 50%;
	z-index: 1;
	min-height: 100%;
	max-width: none;
	min-width: 100%;
}

.full-carousel img img.mainimg-d {
	display: none;
}

.full-carousel__container {
	height: 100%;
}

.full-carousel__content {
	color: #ffffff;
	max-width: 575px;
	margin: 0 auto;
	position: absolute;
	bottom: 0;
	z-index: 2;
	text-align: left;
	opacity: 0.9;
	background-color: #ffffff;
	color: #000000;
	left: 0;
	right: 0;
	padding: 30px 20px 50px;
}

@media (min-width: 1024px) {
	.full-carousel__content {
		bottom: auto;
		left: 12.5%;
		padding-left: 0;
		top: 30%;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		opacity: 1;
		background-color: transparent;
		color: #ffffff;
		width: 80%;
		right: auto;
	}
}

.full-carousel__content--dark {
	color: #000000;
}

.full-carousel__nav {
	position: absolute;
	top: 15px;
	right: 15px;
}

.full-carousel__nav .carousel-prev {
	margin-right: 1.5rem;
}

.full-carousel__nav .carousel-prev,
.full-carousel__nav .carousel-next {
	display: inline-block;
}

.full-carousel__nav .icon {
	height: 1.5em;
	width: 1.5em;
	display: inline-block;
}

.full-carousel__nav .icon svg path {
	stroke: #ffffff;
}

@media (min-width: 1024px) {
	.full-carousel__nav {
		display: none;
	}
}

.full-carousel__nav-alt {
	display: none;
}

@media (min-width: 1024px) {
	.full-carousel__nav-alt {
		display: block;
		position: absolute;
		width: 100%;
		bottom: 75px;
	}
}

.full-carousel__label {
	position: absolute;
	text-align: center;
	width: 100%;
	bottom: 20px;
	margin: 0;
	z-index: 2;
}

.full-carousel__label .icon {
	height: 13px;
	width: 13px;
	display: block;
	text-align: center;
	margin: 0 auto;
	margin-top: 5px;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

.full-carousel__label:hover .icon {
	-webkit-transform: translateY(2px);
	-ms-transform: translateY(2px);
	transform: translateY(2px);
}

.full-carousel__label:hover svg path {
	stroke: #ffffff;
}

@media (min-width: 768px) {
	.full-carousel img.mainimg-m {
		display: none;
	}
	.full-carousel img.mainimg-d {
		display: block;
	}
}

@-webkit-keyframes progressUp {
	from {
		width: 0%;
	}
	to {
		width: 100%;
	}
}

@keyframes progressUp {
	from {
		width: 0%;
	}
	to {
		width: 100%;
	}
}

@-webkit-keyframes progressDown {
	from {
		opacity: 1;
		-webkit-filter: blur(0);
		filter: blur(0);
	}
	to {
		opacity: 0;
	}
}

@keyframes progressDown {
	from {
		opacity: 1;
		-webkit-filter: blur(0);
		filter: blur(0);
	}
	to {
		opacity: 0;
	}
}

.video-carousel {
	height: 300px;
	height: 90vh;
	overflow: hidden;
	position: relative;
	color: #ffffff;
}

@media (min-width: 1024px) {
	.video-carousel {
		padding: 0;
		margin: 0;
		height: 800px;
		height: 85vh;
		width: 100%;
	}
}

.video-carousel-header {
	margin-bottom: 2rem;
}

.video-carousel .slides {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.video-carousel .slide {
	position: relative;
	height: 100%;
	overflow: hidden;
}

.video-carousel .slick-list,
.video-carousel .slick-track {
	height: 100%;
}

.video-carousel hr {
	height: 2px;
	opacity: 0.4;
	background: #ffffff;
	margin-bottom: 1.5rem;
}

.video-carousel .h1 {
	margin-bottom: 0;
}

.video-carousel .h1 span {
	display: block;
	margin-top: 0.5rem;
}

@media (min-width: 1024px) {
	.video-carousel .h1 span {
		display: inline;
	}
}

.video-carousel video,
.video-carousel img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	min-height: 100%;
	max-width: none;
	min-width: 100%;
	height: auto;
}

.video-carousel .progressiveMedia img {
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	top: 50%;
}

@media (min-width: 1280px) {
	.video-carousel .mobImg {
		display: none !important;
	}
}

.video-carousel video {
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	opacity: 0;
}

.video-carousel video.active {
	opacity: 1;
}

.video-carousel__container {
	height: 100%;
}

.video-carousel__content {
	color: #ffffff;
	max-width: 575px;
	margin: 0 auto;
	position: absolute;
	bottom: 90px;
	left: 4%;
	text-align: left;
	padding: 0 1.5em;
}

@media (min-width: 1024px) {
	.video-carousel__content {
		max-width: 750px;
		width: 80%;
		left: 12.5%;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		padding-left: 0;
		bottom: auto;
	}
	.video-carousel__content--dark {
		color: #000000;
	}
	.video-carousel__content.introSlide {
		text-align: center;
		left: 50%;
		-webkit-transform: translateX(-50%) translateY(-50%);
		-ms-transform: translateX(-50%) translateY(-50%);
		transform: translateX(-50%) translateY(-50%);
		max-width: 900px;
		padding: 0;
	}
	.video-carousel__content.introSlide h2 {
		padding-bottom: 34px;
		font-size: 86px;
	}
}

.video-carousel__overlay {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 44%, rgba(0, 0, 0, 0) 46%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.65) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(44%, rgba(0, 0, 0, 0)), color-stop(46%, rgba(0, 0, 0, 0)), color-stop(60%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.65)));
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 44%, rgba(0, 0, 0, 0) 46%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.65) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	opacity: 0;
}

.video-carousel__overlay video,
.video-carousel__overlay img {
	z-index: -1;
}

.video-carousel__overlay.active {
	opacity: 1;
}

.video-carousel__count {
	color: #ffffff;
	font-size: 13px;
	line-height: 1.5;
	letter-spacing: 1px;
	margin-bottom: 1rem;
}

.video-carousel__nav {
	position: absolute;
	bottom: 55px;
	width: 100%;
}

@media (min-width: 1024px) {
	.video-carousel__nav {
		bottom: 75px;
	}
}

.video-carousel .slick-dots {
	position: absolute;
	width: 100%;
	bottom: 55px;
	left: 50%;
	-webkit-transform: translate(-50%, 50%);
	-ms-transform: translate(-50%, 50%);
	transform: translate(-50%, 50%);
	z-index: 10;
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: center;
	pointer-events: none;
}

.video-carousel .slick-dots li {
	pointer-events: all;
	margin: 0;
	padding: 0 3px;
	display: inline-block;
}

.video-carousel .slick-dots li:first-child {
	padding-left: 0;
}

.video-carousel .slick-dots li:last-child {
	padding-right: 0;
}

.video-carousel .slick-dots li button {
	display: block;
	width: 45px;
	height: 45px;
	padding: 0;
	margin: 0;
	border: none;
	background-color: transparent;
	text-indent: -200em;
	position: relative;
}

.video-carousel .slick-dots li button::after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 8px;
	height: 8px;
	background-color: #e9e9e9;
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	-ms-transform: translate(-50%, -50%) rotate(45deg);
	transform: translate(-50%, -50%) rotate(45deg);
}

.video-carousel .slick-dots li.slick-active button::after {
	background-color: #2bbf71;
}

@media (min-width: 1024px) {
	.video-carousel .slick-dots {
		bottom: 75px;
	}
}

@media (min-width: 1024px) {
	.video-carousel .video-carousel__count {
		display: none;
	}
}

.carousel-nav__info {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
	pointer-events: none;
	text-align: center;
	font-size: 15px;
	opacity: 1;
}

@media (min-width: 1024px) {
	.carousel-nav__info {
		display: none;
	}
}

.carousel-nav__info--hidden {
	opacity: 0;
}

.carousel-nav__button {
	display: block;
	border: 0;
	padding: 0;
	margin: 0;
	background-color: transparent;
	height: 45px;
	width: 45px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.carousel-nav__button .icon {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	display: block;
	height: 12px;
	width: 12px;
}

.carousel-nav__button svg path {
	stroke: #ffffff;
}

.carousel-nav__button--prev {
	left: 4%;
	-webkit-transform: translateY(-50%) rotate(180deg);
	-ms-transform: translateY(-50%) rotate(180deg);
	transform: translateY(-50%) rotate(180deg);
}

.carousel-nav__button--next {
	right: 4%;
}

@media (min-width: 1024px) {
	.carousel-nav__button--prev {
		left: 20%;
	}
	.carousel-nav__button--next {
		right: 20%;
	}
}

.car-info {
	color: inherit;
	font-style: ;
}

.car-info__count {
	font-style: normal;
	font-weight: bold;
}

.car-info__total {
	font-style: normal;
}

.carousel__controls {
	display: none;
	position: absolute;
	bottom: 2rem;
	list-style-type: none;
	width: 100%;
	max-width: 540px;
	padding-left: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

@media (min-width: 1024px) {
	.carousel__controls {
		display: block;
	}
}

.carousel__controls hr {
	display: none;
}

.carousel__controls li {
	float: left;
	font-style: ;
	width: 18.36735%;
	float: left;
	margin-right: 2.04082%;
	margin-left: 18.36735%;
	cursor: pointer;
	text-align: center;
	margin-bottom: 0;
	position: relative;
	overflow: hidden;
	padding-bottom: 5px;
}

.carousel__controls li:first-of-type {
	margin-left: 0;
}

.carousel__controls li span {
	opacity: 0.5;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.carousel__controls li.active span, .carousel__controls li:hover span {
	opacity: 1;
}

.carousel__controls li.active {
	overflow: hidden;
}

.carousel__controls li.active .progress {
	-webkit-animation: progressUp 7s, progressDown 0.5s 7s;
	animation: progressUp 7s, progressDown 0.5s 7s;
	-webkit-animation-fill-mode: forwards, forwards;
	animation-fill-mode: forwards, forwards;
	-webkit-animation-timing-function: cubic-bezier(0.64, 0.32, 0.13, 0.7), ease-in;
	animation-timing-function: cubic-bezier(0.64, 0.32, 0.13, 0.7), ease-in;
}

.carousel__controls li.active .progress::after {
	opacity: 1;
}

.carousel__controls li.no-autoplay .progress::after {
	display: none;
}

.carousel__controls li.no-autoplay.active .progress {
	-webkit-animation: none;
	animation: none;
	width: 100%;
}

.carousel__controls .progress {
	width: 0%;
	display: block;
	height: 2px;
	opacity: 1;
	background: #ffffff;
	position: absolute;
}

.carousel__controls .progress::after {
	content: '';
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	-webkit-filter: blur(1px);
	filter: blur(1px);
	background: #ffffff;
	bottom: 0;
	opacity: 0;
	-webkit-transition: opacity 0.5s 4.5s;
	transition: opacity 0.5s 4.5s;
}

.modal {
	overflow: hidden;
	height: 0;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 900;
	-webkit-transition: all 0s 0.5s;
	transition: all 0s 0.5s;
}

.modal.active {
	overflow: auto;
	height: 100%;
	-webkit-transition: all 0s 0s;
	transition: all 0s 0s;
}

.modal.active .modal__wrap {
	opacity: 1;
	position: fixed;
}

.modal.active .modal__inner {
	opacity: 1;
}

.modal.active .modal__close {
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	opacity: 1;
	-webkit-transition-delay: 400ms;
	transition-delay: 400ms;
}

.modal__close {
	position: absolute;
	top: 0;
	right: 0;
	padding: 25px;
	z-index: 10;
	cursor: pointer;
	opacity: 0;
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	-webkit-transition: opacity linear 200ms, -webkit-transform linear 200ms;
	transition: opacity linear 200ms, -webkit-transform linear 200ms;
	transition: transform linear 200ms, opacity linear 200ms;
	transition: transform linear 200ms, opacity linear 200ms, -webkit-transform linear 200ms;
}

.modal__close .icon, .modal__close > svg {
	width: 13px;
	height: 13px;
	display: block;
}

.modal__close svg path {
	stroke: currentColor;
}

.modal__wrap {
	background: rgba(0, 0, 0, 0.75);
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	opacity: 0;
}

.modal__inner {
	position: absolute;
	top: 0;
	right: 0;
	opacity: 0;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	background: #ffffff;
	z-index: 900;
	max-width: 400px;
	padding: 65px 45px;
	min-height: 100%;
}

@media (min-width: 375px) {
	.modal__inner {
		width: 400px;
		max-width: none;
		right: 0;
		-webkit-transform: translateX(100%);
		-ms-transform: translateX(100%);
		transform: translateX(100%);
	}
	.modal.active .modal__inner {
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}
	.modal--wide {
		/*&.active {
        .modal__inner {
          transform: translateX(0);
        }
      }*/
	}
	.modal--wide .modal__inner {
		width: 100%;
		max-width: 970px;
		overflow: hidden;
	}
	.modal--wide .modal__close {
		color: #fff;
	}
	.modal--wide .modal__close .icon, .modal--wide .modal__close > svg {
		width: 20px;
		height: 20px;
		display: block;
	}
}

@media (min-width: 1280px) {
	.modal {
		-webkit-transition: all 0s 0.5s;
		transition: all 0s 0.5s;
	}
	.modal.active {
		height: 100%;
		-webkit-transition: all 0s 0s;
		transition: all 0s 0s;
	}
	.modal.active .modal__wrap {
		opacity: 1;
	}
	.modal.active .modal__inner {
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}
}

.modal--wide .modal__inner {
	padding: 0;
}

.modal-scrollbar-measure {
	position: absolute;
	top: -9999px;
	width: 50px;
	height: 50px;
	overflow: scroll;
}

.modal-center .modal__wrap {
	background: rgba(255, 255, 255, 0.9);
}

.modal-center .modal__inner {
	width: auto;
	padding: 65px 25px;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}

@media (min-width: 1024px) {
	.modal-center .modal__inner {
		box-shadow: 0 0 17px 0 rgba(0, 0, 0, 0.1);
		width: 80%;
		max-width: 1150px;
		position: relative;
		bottom: auto;
		top: auto;
		margin: 5% auto;
		overflow: auto;
		overflow-x: hidden;
		right: 0;
		padding: 80px 120px;
		min-height: 0;
	}
}

.modal-person h5 {
	font-style: ;
	margin-bottom: 0;
}

.modal-person > .monogram {
	display: block;
}

.modal-person > .monogram img {
	max-width: 180px;
}

.modal-person img {
	margin: 40px auto;
	display: block;
	border-radius: 50%;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	overflow: hidden;
	text-indent: -9999px;
}

.modal-person .text-icon {
	margin-bottom: 2rem;
}

.rt-modal p {
	margin-bottom: 1em;
	font-size: 18px;
	margin-top: 0;
	line-height: 1;
	display: block;
	min-height: 1em;
}

.rt-modal hr {
	margin-top: 3.5em;
}

.rt-modal h5 {
	margin-top: 2.5em;
	margin-bottom: 1em;
}

.rt-modal h5:first-of-type {
	margin-top: 0;
}

/*
@styleguide

@title Lists

Bullet Lists

<ul class="list list--bullet">
  <li>The areas of the website that you visit</li>
  <li>Information about your computer, such as which browser you are using, your network location, the type of connection you are using (e.g. broadband, ADSL etc) and your IP address</li>
</ul>

Numbered Lists

<ol class="list list--number">
  <li><span class="number">1.</span>The areas of the website that you visit</li>
  <li><span class="number">2.</span>Information about your computer, such as which browser you are using, your network location, the type of connection you are using (e.g. broadband, ADSL etc) and your IP address</li>
</ol>

*/
.list li {
	list-style: none;
	padding-bottom: 1.250em;
}

.list--bullet {
	padding-left: 0;
	list-style-position: outside;
}

.list--bullet li {
	list-style: outside;
	margin-left: 1em;
}

.list--number {
	padding-left: 1.5em;
	font-weight: bold;
}

.list--number li {
	list-style: inherit;
	position: relative;
}

.list--number li span {
	font-weight: normal;
}

.list--inline {
	margin: 0;
}

.list--inline li {
	list-style: none;
	display: inline-block;
}

.list--inline li:first-of-type {
	margin: 0;
}

@media (min-width: 1280px) {
	.list--two-col {
		-webkit-column-count: 2;
		column-count: 2;
	}
	.list--two-col li {
		list-style: none;
		padding-bottom: 1.250em;
	}
}

@media (min-width: 1024px) {
	.list--three-col {
		-webkit-column-count: 3;
		column-count: 3;
	}
	.list--three-col li {
		list-style: none;
		padding-bottom: 1.250em;
	}
}

@media (min-width: 1280px) {
	.list--four-col {
		-webkit-column-count: 4;
		column-count: 4;
	}
	.list--four-col li {
		list-style: none;
		padding-bottom: 1.250em;
	}
}

.list__icons {
	padding: 0;
}

@media (min-width: 768px) {
	.list__icons {
		margin: 0;
		padding-right: 0;
		vertical-align: middle;
	}
}

.list__icons a {
	background-position: center;
	width: 23px;
	height: 23px;
}

.list__icon,
.list__icons li {
	list-style: none;
	display: inline-block;
	width: 23px;
	height: 23px;
	margin-left: 30px;
}

.list__icon:first-of-type,
.list__icons li:first-of-type {
	margin: 0;
}

.list__icon .icon,
.list__icons li .icon {
	text-indent: -2000em;
	display: inline-block;
}

.list--arrow li {
	background: url("../images/arrow-right.svg") no-repeat -9px -2px;
	padding-left: 1.5rem;
}

.list--cta {
	padding-left: 0;
}

.list--cta li {
	padding: 1rem 0;
	margin: 0;
	border-bottom: 1px solid #b2b2b2;
	border-bottom: 1px solid rgba(178, 178, 178, 0.2);
	font-size: 28px;
	line-height: 1.2;
}

.list--cta li:last-of-type {
	border-bottom: none;
}

.list--cta a {
	position: relative;
	display: block;
}

.list--cta .cta {
	position: absolute;
	top: 0.5em;
	right: 0;
}

.list--cta .cta--small .icon {
	top: 0;
}

.list--cta .footnote, .list--cta .fullbleed__desc, .list--cta .search-page__results .search-page__result--all .search__cat, .search-page__results .search-page__result--all .list--cta .search__cat {
	margin: 0;
}

@media (min-width: 1280px) {
	.list--cta .cta {
		top: 0.25em;
	}
	.list--cta li {
		font-size: 24px;
		line-height: 1.3;
		width: 30%;
		float: left;
		margin-right: 5%;
		margin-bottom: 60px;
		padding-bottom: 1.5em;
	}
	.list--cta li:nth-child(3n) {
		margin-right: 0;
	}
	.list--cta li:last-of-type {
		border-bottom: 1px solid #b2b2b2;
		border-bottom: 1px solid rgba(178, 178, 178, 0.2);
	}
}

.list--bordered {
	padding-left: 0;
	margin: 0;
}

.list--bordered li {
	border-bottom: 1px solid #b2b2b2;
	border-bottom: 1px solid rgba(178, 178, 178, 0.2);
	padding: 1rem 0;
}

.list--bordered li:last-of-type {
	border-bottom: 0;
}

.list--links {
	padding-left: 0;
	margin-bottom: 0;
}

.list--links:after {
	content: "";
	display: table;
	clear: both;
}

.list--links .icon:not(.icon-oval) {
	height: 24px;
	width: 12px;
	display: inline-block;
	margin-right: 12px;
	vertical-align: bottom;
}

.list--links a .link-text {
	padding-bottom: 3px;
	position: relative;
}

.list--links a .link-text::after {
	content: '';
	display: block;
	position: absolute;
	height: 1px;
	width: 100%;
	bottom: -2px;
	left: 0;
	background: rgba(178, 178, 178, 0.2);
	-webkit-transition: all 0.25s;
	transition: all 0.25s;
}

.list--links a .link-text:hover::after {
	bottom: -4px;
}

.list--links li {
	float: left;
	width: 100%;
	font-size: 15px;
	font-style: ;
	line-height: 1.5;
	letter-spacing: 0.5px;
	margin-bottom: 2.6em;
	padding-bottom: 0;
}

.list--links li:last-of-type {
	margin-bottom: 0;
}

@media (min-width: 1280px) {
	.list--links li {
		width: 50%;
	}
}

.list--links--light a:hover {
	color: #ffffff;
}

.list--links--light a:hover .icon svg path {
	stroke: #ffffff;
}

.list--links--light a .link-text::after {
	background: rgba(255, 255, 255, 0.4);
}

@media (min-width: 1024px) {
	.list--links--lightDesktop .icon svg path {
		stroke: #ffffff;
	}
	.list--links--lightDesktop a:hover {
		color: #ffffff;
	}
	.list--links--lightDesktop a:hover .icon svg path {
		stroke: #ffffff;
	}
	.list--links--lightDesktop a .link-text::after {
		background: rgba(255, 255, 255, 0.4);
	}
}

.tab-content {
	height: 0;
	overflow: hidden;
}

.tab-content .tab-content__inner,
.tab-content .search-page__result {
	opacity: 0;
	-webkit-transition: opacity 0.5s ease-in;
	transition: opacity 0.5s ease-in;
}

.tab-content.active {
	height: auto;
	overflow: visible;
}

.tab-content.active .tab-content__inner,
.tab-content.active .search-page__result {
	opacity: 1;
}

.tabs-- {
	line-height: 1.2;
	font-style: ;
	font-size: 20px;
	color: #b2b2b2;
	display: table;
	padding: 0;
}

.tabs-- a::after {
	content: '';
	position: absolute;
	background: #2bbf71;
	height: 2px;
	bottom: 0;
	left: 0;
	right: 0;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	opacity: 0;
}

.tabs-- .selected a::after {
	opacity: 1;
	bottom: -10px;
}

@media (min-width: 1280px) {
	.tabs-- {
		font-size: 24px;
	}
}

.tabs-- li {
	width: 15.25424%;
	float: left;
	margin-right: 1.69492%;
	float: none;
	display: table-cell;
}

.tabs-- span {
	font-size: 0.6em;
	margin-left: 0.5em;
}

.tabs-- .selected a {
	color: #2bbf71;
}

.tabs--autoitalic {
	line-height: 1.5;
	font-style: ;
	font-size: 15px;
	color: #b2b2b2;
	display: inline-block;
	vertical-align: middle;
	padding: 0;
}

.tabs--autoitalic a::after {
	content: '';
	position: absolute;
	background: #2bbf71;
	height: 2px;
	bottom: 0;
	left: 0;
	right: 0;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	opacity: 0;
}

.tabs--autoitalic .selected a::after {
	opacity: 1;
	bottom: -10px;
}

.tabs--autoitalic:after {
	content: "";
	display: table;
	clear: both;
}

@media (min-width: 1280px) {
	.tabs--autoitalic {
		font-size: 18px;
		line-height: 1.3;
		margin-left: 1rem;
	}
}

.tabs--autoitalic li {
	float: left;
	margin-left: 2.5rem;
}

.tabs--autoitalic span {
	font-size: 0.6em;
	margin-left: 0.5em;
}

.tabs--autoitalic .selected a {
	color: #2bbf71;
}

.two-col-tabs_content {
	overflow: hidden;
}

.two-col-tabs {
	margin-bottom: 2rem;
}

.two-col-tabs .two-col-tabs__leftnav {
	display: none;
	width: 27%;
	margin-right: 5%;
	float: left;
}

.two-col-tabs .two-col-tabs__leftnav h2 {
	font-size: 32px;
	margin-bottom: 1em;
}

.two-col-tabs .two-col-tabs__leftnav ul {
	margin: 0;
	padding: 0;
	border-top: 1px solid rgba(178, 178, 178, 0.2);
}

.two-col-tabs .two-col-tabs__leftnav ul li {
	margin: 0;
	padding: 1.5em 0 0.5em;
	list-style: none;
	border-bottom: 1px solid rgba(178, 178, 178, 0.2);
}

.two-col-tabs .two-col-tabs__leftnav ul li a {
	font-style: ;
	display: block;
	position: relative;
	-webkit-transition: color linear 400ms;
	transition: color linear 400ms;
}

.two-col-tabs .two-col-tabs__leftnav ul li a .icon {
	width: 10px;
	height: 6px;
	position: absolute;
	display: block;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: -webkit-transform linear 200ms;
	transition: -webkit-transform linear 200ms;
	transition: transform linear 200ms;
	transition: transform linear 200ms, -webkit-transform linear 200ms;
}

.two-col-tabs .two-col-tabs__leftnav ul li.active a {
	color: #2bbf71;
	font-weight: bold;
}

.two-col-tabs .two-col-tabs__leftnav ul li.active a .icon {
	-webkit-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-transform: translateY(-50%) rotate(-90deg);
	-ms-transform: translateY(-50%) rotate(-90deg);
	transform: translateY(-50%) rotate(-90deg);
}

.two-col-tabs .two-col-tabs__leftnav ul li.active a .icon svg path {
	stroke: #2bbf71;
}

.two-col-tabs .two-col-tabs__header {
	padding-top: 2rem;
}

@media (min-width: 1024px) {
	.two-col-tabs .two-col-tabs__header {
		display: none;
	}
}

.two-col-tabs .two-col-tabs__header h2 {
	color: rgba(52, 52, 52, 0.5);
	font-size: 13px;
	margin: 0;
}

.two-col-tabs .two-col-tabs__header .filter {
	margin: 0 0 20px 0;
	width: 100%;
	font-size: 20px;
	color: #343434;
}

@media (min-width: 1024px) {
	.two-col-tabs {
		margin-top: 3rem;
	}
	.two-col-tabs .two-col-tabs__leftnav {
		display: block;
	}
}

.downloadable-content .downloadable-content_content {
	padding: 0 20px;
	max-width: 600px;
}

.downloadable-content .downloadable-content_imgheading {
	position: relative;
}

.downloadable-content .downloadable-content_imgheading .h4, .downloadable-content .downloadable-content_imgheading .container--3col .col__main h2, .container--3col .col__main .downloadable-content .downloadable-content_imgheading h2, .downloadable-content .downloadable-content_imgheading .rich-text h2, .rich-text .downloadable-content .downloadable-content_imgheading h2, .downloadable-content .downloadable-content_imgheading .rt-section h2, .rt-section .downloadable-content .downloadable-content_imgheading h2, .downloadable-content .downloadable-content_imgheading .project--hero .project__title, .project--hero .downloadable-content .downloadable-content_imgheading .project__title {
	padding: 0 20px;
}

.downloadable-content .downloadable-content_imgheading img + .h4, .downloadable-content .downloadable-content_imgheading .container--3col .col__main img + h2, .container--3col .col__main .downloadable-content .downloadable-content_imgheading img + h2, .downloadable-content .downloadable-content_imgheading .rich-text img + h2, .rich-text .downloadable-content .downloadable-content_imgheading img + h2, .downloadable-content .downloadable-content_imgheading .rt-section img + h2, .rt-section .downloadable-content .downloadable-content_imgheading img + h2, .downloadable-content .downloadable-content_imgheading .project--hero img + .project__title, .project--hero .downloadable-content .downloadable-content_imgheading img + .project__title {
	color: #fff;
	position: absolute;
	bottom: 0;
}

.accordion__title {
	padding: 10px 0;
	margin: 0;
	position: relative;
	cursor: pointer;
	border-bottom: 1px solid #b2b2b2;
	border-bottom: 1px solid rgba(178, 178, 178, 0.2);
	padding-right: 20px;
}

.accordion__marker {
	width: 16px;
	height: 8px;
	display: block;
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%) rotate(0deg);
	-ms-transform: translateY(-50%) rotate(0deg);
	transform: translateY(-50%) rotate(0deg);
	-webkit-transition: -webkit-transform 0.5s;
	transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
	transition: transform 0.5s, -webkit-transform 0.5s;
}

.accordion__content {
	max-height: 0px;
	opacity: 0;
	-webkit-transition: max-height 0.5s, opacity 0.5s;
	transition: max-height 0.5s, opacity 0.5s;
	overflow: hidden;
	font-size: 18px;
	line-height: 1.3;
}

.accordion__content--carousel {
	overflow: visible;
}

.accordion__content--spaced {
	padding-top: 1rem;
}

.accordion__content--self-gutter {
	margin-left: -1.5rem;
	margin-right: -1.5rem;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}

.accordion__content > *:first-child {
	margin-top: 10px;
}

@media (min-width: 1280px) {
	.accordion__content {
		font-size: 20px;
		line-height: 1.6;
	}
}

.accordion__section {
	margin-bottom: 30px;
}

.accordion__section.selected {
	opacity: 1;
}

.accordion__section.selected .accordion__title {
	color: #2bbf71;
	border-bottom: solid 1px rgba(0, 0, 0, 0);
}

.accordion__section.selected .accordion__title--no-highlight {
	color: inherit;
	border-bottom: 1px solid #b2b2b2;
	border-bottom: 1px solid rgba(178, 178, 178, 0.2);
}

.accordion__section.selected .accordion__marker {
	-webkit-transform: translateY(-50%) rotate(180deg);
	-ms-transform: translateY(-50%) rotate(180deg);
	transform: translateY(-50%) rotate(180deg);
}

.accordion__section.selected .accordion__marker svg path {
	stroke: #2bbf71;
}

.accordion__section.selected .accordion__content {
	max-height: none;
	opacity: 1;
}

.accordion__section.collapse {
	max-height: 0;
	-webkit-transition: all 0s;
	transition: all 0s;
}

.accordion--simple .accordion__title {
	padding: 0;
	border: none;
	color: #ffffff;
}

.accordion--simple .accordion__marker svg path {
	stroke: #ffffff;
}

.accordion--simple .accordion__section {
	margin-bottom: 0;
	padding: 0.8rem 0;
}

.accordion--simple .accordion__section.selected .accordion__title {
	color: #ffffff;
	border: none;
}

.accordion--simple .accordion__section.selected .accordion__marker svg path {
	stroke: #ffffff;
}

.accordion .intro--bold {
	font-style: ;
}

.footer {
	width: 100%;
	border-top: 1px solid #b2b2b2;
	border-top: 1px solid rgba(178, 178, 178, 0.15);
	padding-top: 0;
}

@media (min-width: 768px) {
	.footer {
		border-top: none;
	}
}

@media (min-width: 768px) {
	.footer__mob {
		display: none;
	}
}

.footer__md {
	display: none;
}

@media (min-width: 768px) {
	.footer__md {
		display: inline-block;
	}
}

.footer__group {
	padding: 1.35rem 0;
	margin: 0;
}

.footer__group--logo {
	padding: 1.5rem 0 1.1rem;
}

@media (min-width: 1024px) {
	.footer__group {
		padding: 1.075rem 0;
		float: left;
	}
}

.footer__list a:hover {
	color: #2bbf71;
}

@media (max-width: 1024px) {
	.footer__list {
		padding: 1.9rem 0;
	}
}

@media (min-width: 768px) {
	.footer .container, .footer .rich-text {
		padding: 0 2rem;
	}
}

@media (min-width: 1280px) {
	.footer .container, .footer .rich-text {
		padding: 0 1.25rem 0 0;
	}
}

.footer hr {
	width: auto;
	margin-left: -1.5rem;
	margin-right: -1.5rem;
	text-align: center;
}

@media (min-width: 1024px) {
	.footer hr {
		display: none;
	}
}

.footer__submenu {
	background: #fafafa;
	margin-top: 10px;
}

@media (min-width: 1024px) {
	.footer__submenu {
		padding-bottom: 0;
		margin-top: 0;
	}
}

.footer__submenu ul {
	padding: 0;
}

@media (min-width: 768px) {
	.footer__submenu ul {
		margin: 0;
		display: inline-block;
	}
	.footer__submenu ul li {
		margin-left: 40px;
		margin-left: 2.5rem;
	}
}

.footer__submenu .nav__language {
	display: inline-block;
}

.footer__submenu .list__icons {
	margin: 22px 0 0;
	line-height: 0;
}

@media (min-width: 768px) {
	.footer__submenu .list__icons {
		margin: 0;
	}
}

.footer__submenu .list--inline {
	margin-bottom: 7px;
}

@media (min-width: 768px) {
	.footer__submenu .list--inline {
		margin-bottom: 0;
	}
}

@media (min-width: 1024px) {
	.footer__right {
		float: right;
		display: block;
		margin: 0;
	}
}

@media (min-width: 1024px) {
	.footer__menu .container, .footer__menu .rich-text {
		border-top: 1px solid #b2b2b2;
		border-top: 1px solid rgba(178, 178, 178, 0.15);
	}
}

.footer__menu .arup-logo {
	position: absolute;
	top: 23px;
}

@media (min-width: 1024px) {
	.footer__menu .arup-logo {
		top: 30px;
	}
}

.footer__menu p {
	display: inline-block;
	margin: 0 0 0 90px;
}

@media (min-width: 768px) {
	.footer__menu p {
		vertical-align: middle;
		margin: 0 0 0 120px;
	}
}

@media (min-width: 768px) {
	.footer__menu .footer__group {
		padding: 1.8rem 0 1.125rem;
	}
}

@media (min-width: 1024px) {
	.footer__menu .footer__group {
		padding: 1.9rem 0;
	}
}

@media (min-width: 1024px) {
	.footer__menu .footer__group {
		padding: 2.1rem 0;
	}
}

.footer__menu li {
	padding: 0;
	list-style: none;
	margin: 0 0 27px;
	line-height: 1.5;
	display: block;
}

.footer__menu li:last-of-type {
	margin: 0;
}

@media (min-width: 768px) {
	.footer__menu li {
		display: inline-block;
		vertical-align: middle;
		margin: 0 50px 0 0;
	}
	.footer__menu li:last-of-type {
		margin: 0;
	}
}

.footer__menu a {
	font-style: ;
	font-size: 15px;
	display: inline-block;
}

@media (min-width: 1024px) {
	.footer__menu a {
		font-size: 18px;
		line-height: 1.6;
	}
}

.hero {
	position: relative;
	background: #fafafa;
	position: relative;
	overflow: hidden;
}

.hero .container, .hero .rich-text {
	height: 100%;
}

@media (min-width: 1280px) {
	.hero.hero--image img {
		min-height: 115%;
		top: -15%;
	}
}

.hero--image {
	padding: 25% 0;
	margin-bottom: 1.5rem;
	color: #ffffff;
}

@media (min-width: 1024px) {
	.hero--image {
		height: 500px;
		padding: 0;
		margin-bottom: 5.6rem;
	}
}

.hero--image.nomargin {
	margin-bottom: 0 !important;
}

@media (min-width: 1280px) {
	.hero--image img {
		min-height: 115%;
		top: -15%;
	}
}

.hero__next-cta {
	display: none;
	position: absolute;
	top: 1.5rem;
	right: 1.5rem;
}

@media (min-width: 1024px) {
	.hero__next-cta {
		display: block;
	}
}

.hero__stats {
	font-size: 13px;
	line-height: 1.5;
}

.hero__stats span {
	display: block;
}

.hero__stats .pipe {
	display: none;
}

@media (min-width: 1024px) {
	.hero__stats {
		font-size: 15px;
	}
	.hero__stats span {
		display: inline;
	}
	.hero__stats .pipe {
		display: inline;
	}
}

.hero img {
	position: absolute;
	top: 0;
	left: 0;
	min-height: 100%;
	max-width: none;
	width: 100%;
}

.hero__subheading {
	margin-bottom: 0;
	display: block;
	font-style: ;
}

.hero__content {
	padding-top: 3.125rem;
	padding-bottom: 3.125rem;
	margin-left: auto;
	margin-right: auto;
}

@media (min-width: 1024px) {
	.hero__content {
		padding-top: 4.375rem;
		padding-bottom: 4.375rem;
	}
}

@media (min-width: 1024px) {
	.hero__content--large {
		padding-top: 8.125rem;
		padding-bottom: 8.125rem;
	}
}

.hero__content h1 {
	padding: 0;
	margin: 0;
}

.hero__content > p {
	margin-bottom: 2rem;
}

@media (min-width: 1024px) {
	.hero__content > p {
		margin-bottom: 2.5rem;
	}
}

.hero__content .intro {
	margin-bottom: 0;
}

.hero__content > .h2, .container--3col .col__main .profile-header__name .hero__content > h2 {
	margin-bottom: 2rem;
}

@media (min-width: 1024px) {
	.hero__content > .h2, .container--3col .col__main .profile-header__name .hero__content > h2 {
		margin-bottom: 3.5rem;
	}
}

.hero__content--image {
	padding: 0;
	width: 100%;
	text-align: center;
	max-width: 500px;
}

.hero__content--image p {
	color: #ffffff;
}

.hero__content--image hr {
	margin: 10px 0;
	display: none;
}

.hero__content--image .hero__desc {
	display: none;
}

.hero__content--image .hero__stats {
	margin-bottom: 0;
}

@media (min-width: 1024px) {
	.hero__content--image {
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
}

@media (min-width: 1280px) {
	.hero__content--image {
		left: 22%;
		-webkit-transform: translate(0%, -50%);
		-ms-transform: translate(0%, -50%);
		transform: translate(0%, -50%);
		text-align: left;
	}
	.hero__content--image hr {
		display: block;
	}
	.hero__content--image .hero__desc {
		display: block;
	}
}

.hero__content--imageheader {
	padding: 0;
	max-width: none;
}

@media (min-width: 1280px) {
	.hero__content--imageheader {
		padding-bottom: 4.5rem;
		padding-top: 4.5rem;
		margin-left: 10%;
		max-width: 600px;
	}
}

.hero__content--imageheader .h1 {
	margin-bottom: 0;
}

.hero__content--imageheader .label--lg {
	margin-bottom: 1rem;
}

.hero__content--hubpage {
	padding: 2em 0 0;
	max-width: none;
}

.hero__content--hubpage .h1 {
	margin-bottom: 0;
}

.hero__content--hubpage .label--lg {
	margin-bottom: 1rem;
}

.hero__content--perspectives {
	padding: 0;
}

@media (min-width: 1024px) {
	.hero__content .intro {
		margin-top: 2rem;
	}
	.hero__content > *:not(.filter__list):nth-child(1) {
		opacity: 0;
		-webkit-animation: fadeInUp 0.5s ease-out 0.2s 1 normal both;
		animation: fadeInUp 0.5s ease-out 0.2s 1 normal both;
	}
	.hero__content > *:not(.filter__list):nth-child(2) {
		opacity: 0;
		-webkit-animation: fadeInUp 0.5s ease-out 0.4s 1 normal both;
		animation: fadeInUp 0.5s ease-out 0.4s 1 normal both;
	}
	.hero__content > *:not(.filter__list):nth-child(3) {
		opacity: 0;
		-webkit-animation: fadeInUp 0.5s ease-out 0.6s 1 normal both;
		animation: fadeInUp 0.5s ease-out 0.6s 1 normal both;
	}
	.hero__content > *:not(.filter__list):nth-child(4) {
		opacity: 0;
		-webkit-animation: fadeInUp 0.5s ease-out 0.8s 1 normal both;
		animation: fadeInUp 0.5s ease-out 0.8s 1 normal both;
	}
	.hero__content > *:not(.filter__list):nth-child(5) {
		opacity: 0;
		-webkit-animation: fadeInUp 0.5s ease-out 1s 1 normal both;
		animation: fadeInUp 0.5s ease-out 1s 1 normal both;
	}
	.hero__content--hubpage {
		padding-bottom: 4.5rem;
		padding-top: 4.5rem;
		margin-left: 5.5%;
		margin-right: 35%;
	}
	.hero__content--perspectives {
		padding-top: 3.125rem;
		padding-bottom: 5.625rem;
	}
}

@media (min-width: 1280px) {
	.hero__content--hubpage {
		margin-left: 12.5%;
	}
}

.hero--headerimage {
	overflow: hidden;
}

.hero--headerimage .label--lg {
	margin-bottom: 1rem;
	display: block;
}

.hero--headerimage .hero__headerimage-image {
	width: 100%;
	height: 229px;
	max-height: 100%;
	margin-top: 40px;
}

@media (min-width: 1024px) {
	.hero--headerimage .hero__headerimage-overlay {
		position: absolute;
		top: 0;
		right: 0;
		left: 0;
		bottom: 0;
		background: rgba(0, 0, 0, 0.3);
	}
}

.hero--headerimage .hero__content {
	padding-bottom: 0;
	padding-top: 1rem;
}

.hero--headerimage .h1 {
	margin-bottom: 0;
}

@media (max-width: 1280px) {
	.hero--headerimage .h1 {
		padding-bottom: 0.75rem;
	}
}

@media (min-width: 1280px) {
	.hero--headerimage .hero__content {
		padding-left: 22%;
		width: 70%;
		margin-left: 0;
		padding-top: 3.125rem;
		padding-bottom: 5.625rem;
	}
	.hero--headerimage .hero__headerimage-image {
		right: 0;
		bottom: 0;
		position: absolute;
		width: 40%;
		max-width: 580px;
		height: 445px;
		margin-top: 0;
	}
}

.hero--services .hero__headerimage-image {
	height: 0;
	margin-top: 20px;
}

.hero--hubpage {
	overflow: hidden;
	margin-bottom: 2rem;
}

.hero--hubpage.noimage {
	padding-bottom: 2em;
}

.hero--hubpage.noimage .hero__hubpage-image {
	display: none;
}

@media (min-width: 1024px) {
	.hero--hubpage.noimage {
		padding-bottom: 0;
	}
}

.hero--perspectives {
	margin-bottom: 0;
	padding-top: 1em;
}

.hero .hero__hubpage-image {
	width: 100%;
	height: 229px;
	max-height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	margin-top: 30px;
}

@media (min-width: 1024px) {
	.hero .hero__hubpage-image {
		right: 0;
		top: 0;
		position: absolute;
		width: 33%;
		height: 100%;
		margin-top: 0;
	}
	.hero--perspectives {
		padding-top: 0;
	}
}

.page-hero {
	overflow: hidden;
	background: #fafafa none scroll no-repeat center center;
	background-size: cover;
	color: #343434;
	position: relative;
}

.page-hero--light {
	background-color: #343434;
	color: #ffffff;
}

.page-hero--light:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.15);
	z-index: 2;
}

.page-hero__inner {
	margin: 0 auto;
	max-width: 1160px;
}

.page-hero__copy {
	z-index: 2;
	position: relative;
	padding: 1.6rem 1.5rem 3rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-around;
	justify-content: space-around;
}

@media (min-width: 768px) {
	.page-hero__copy {
		padding: 5rem 0 8.7rem;
		margin: 0 33% 0 12.5%;
	}
}

.page-hero__copy--full {
	margin-right: 12.5%;
}

@media (max-width: 768px) {
	.page-hero__pic:not(.page-hero__pic--nomobile) {
		background-image: none !important;
	}
}

.page-hero__pic {
	height: 12rem;
	z-index: 1;
	background-size: contain;
	background-position: center bottom;
	position: relative;
}

@media (min-width: 768px) {
	.page-hero__pic {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		height: 100%;
		width: 33%;
		background-size: cover;
		background-position: left bottom;
	}
}

.page-hero__pic--mobile {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-size: contain;
	background-position: center bottom;
}

@media (min-width: 768px) {
	.page-hero__pic--mobile {
		display: none;
	}
}

.page-hero--centered .page-hero__pic {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	height: 100%;
	width: 100% !important;
}

.page-hero--centered .page-hero__pic--mobile {
	background-size: cover;
	background-position: center bottom;
}

.page-hero__search {
	position: relative;
	top: 50%;
	z-index: 2;
	-webkit-transform: translateY(50%);
	-ms-transform: translateY(50%);
	transform: translateY(50%);
}

.hero-text {
	text-align: center;
}

@media (min-width: 768px) {
	.hero-text {
		text-align: left;
	}
}

.hero-text__label {
	font-size: 15px;
	color: #b2b2b2;
	margin: 0;
	padding: 0;
}

.hero-text__title {
	display: block;
	margin: 0;
	padding: 0;
}

.hero-text__copy {
	color: inherit;
	font-size: 15px;
}

@media (min-width: 768px) {
	.hero-text__copy {
		font-size: 20px;
		border-bottom: 0;
		padding-bottom: 0;
		border-top: 1px solid rgba(178, 178, 178, 0.4);
		padding-top: 1rem;
	}
}

.hero-text__copy--large {
	line-height: 1.2em;
	font-size: 25px;
}

@media (min-width: 1280px) {
	.hero-text__copy--large {
		font-size: 32px;
	}
}

.hero-text__extra {
	display: inline-block;
}

.mini-info {
	margin: 0;
	padding: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	list-style-type: none;
}

.mini-info__item {
	padding: 0 0.7rem;
	border-right: 1px solid currentColor;
	line-height: 1em;
	font-size: 13px;
}

.mini-info__item:first-child {
	padding-left: 0;
}

.mini-info__item:last-child {
	padding-right: 0;
	border-right: 0;
}

.page-search {
	display: block;
	background-color: #ffffff;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	padding: 1.1rem;
	cursor: pointer;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	position: relative;
	z-index: 2;
	box-shadow: 0 5px 6px 0 rgba(233, 233, 233, 0.5);
}

@media (min-width: 768px) {
	.page-search {
		padding: 1.8rem;
		margin: 0;
	}
}

.page-search__icon {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 18px;
	height: 24px;
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
	-webkit-box-flex: 0;
	-webkit-flex-grow: 0;
	flex-grow: 0;
}

.page-search__placeholder {
	color: #b2b2b2;
	margin: 0;
	padding: 0;
	font-size: 13px;
	padding-left: 0.8rem;
}

@media (min-width: 768px) {
	.page-search__placeholder {
		font-size: 20px;
		padding-left: 1.8rem;
	}
}

#cookie_msg {
	position: fixed;
	background: #e9e9e9;
	width: 100%;
	padding: 1rem 0 1rem 0;
	bottom: -50%;
	left: 0;
	letter-spacing: 1px;
	font-size: 13px;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	z-index: 1000;
}

#cookie_msg.active {
	bottom: 0;
}

#cookie_msg .cookie_msg__accept {
	position: relative;
	padding-left: 22px;
	font-weight: bold;
	margin-top: 5px;
	font-style: ;
	cursor: pointer;
	float: left;
	clear: both;
}

#cookie_msg .cookie_msg__link {
	display: none;
}

@media (min-width: 1024px) {
	#cookie_msg .cookie_msg__link {
		display: inline;
	}
}

#cookie_msg .container, #cookie_msg .rich-text {
	padding-left: 1.5rem;
	padding-right: 4rem;
}

@media (min-width: 768px) {
	#cookie_msg .container, #cookie_msg .rich-text {
		padding-left: 1.9rem;
	}
}

@media (min-width: 1280px) {
	#cookie_msg .container, #cookie_msg .rich-text {
		padding-left: 4.2rem;
	}
}

#cookie_msg .close {
	height: 15px;
	width: 15px;
	display: block;
	cursor: pointer;
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

@media (min-width: 1280px) {
	#cookie_msg .cookie_msg__content {
		display: inline;
	}
	#cookie_msg .cookie_msg__accept {
		display: inline-block;
		margin-left: 20px;
		float: none;
	}
}

.search {
	background: #ffffff;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 810;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

.search.visible {
	opacity: 1;
	visibility: visible;
}

.search form {
	overflow: hidden;
}

.search label {
	position: absolute;
	top: -500px;
	opacity: 0;
}

.search .formError {
	position: absolute;
	top: 68px;
	letter-spacing: 1px;
	color: #343434;
	visibility: hidden;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	opacity: 0;
	padding: 10px 20px;
	background: #ffffff;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
	border-radius: 3px;
	left: 0;
}

.search .formError::before {
	content: '';
	display: block;
	position: absolute;
	width: 20px;
	height: 20px;
	background: #ffffff;
	top: -4px;
	left: 50%;
	-webkit-transform: translateX(-50%) rotate(45deg);
	-ms-transform: translateX(-50%) rotate(45deg);
	transform: translateX(-50%) rotate(45deg);
}

.search .formError.active {
	opacity: 1;
	visibility: visible;
}

@media (min-width: 1280px) {
	.search .formError {
		left: 25px;
		top: 83px;
	}
}

.search input {
	font-size: 15px;
	line-height: 1.5;
	outline: none;
	border: none;
	height: 60px;
	letter-spacing: 0.5px;
	padding: 0;
}

@media (min-width: 1280px) {
	.search input {
		height: 75px;
		font-size: 18px;
		line-height: 1.3;
	}
}

.search__icon {
	background: url("../images/search-l.png") no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 0;
	height: 24px;
	width: 18px;
}

@media (min-width: 1280px) {
	.search__icon--l {
		height: 31px;
		width: 24px;
		background-size: cover;
	}
}

.search__inner {
	position: relative;
}

.search .icon-close {
	display: block;
	height: 13px;
	width: 13px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 0;
	cursor: pointer;
}

.search .icon-close:hover:active::after, .search .icon-close:hover:focus::after {
	display: none;
}

.search .icon-close:focus::after {
	position: absolute;
	content: '';
	bottom: -4px;
	width: 100%;
	border-bottom: 1px dotted #343434;
}

.search-results {
	position: fixed;
	top: 60px;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
	display: none;
	opacity: 0;
	z-index: -1;
	bottom: 0;
	left: 0;
	right: 0;
	padding-top: 13px;
	margin-top: -13px;
	overflow: hidden;
	-webkit-overflow-scrolling: touch;
}

@media (min-width: 1280px) {
	.search-results {
		top: 75px;
		left: 50%;
		width: 1000px;
		margin-left: -500px;
	}
}

.search-results::after, .search-results::before {
	content: '';
	top: 0;
	width: 0;
	height: 0;
	left: 50px;
	border-style: solid;
	position: absolute;
}

@media (min-width: 768px) {
	.search-results::after, .search-results::before {
		left: -webkit-calc(50% - 264px);
		left: calc(50% - 264px);
	}
}

@media (min-width: 1280px) {
	.search-results::after, .search-results::before {
		left: 240px;
	}
}

.search-results::after {
	top: 4px;
	border-width: 0 6px 9px 6px;
	border-color: transparent transparent #fafafa transparent;
}

@media (min-width: 1280px) {
	.search-results::after {
		top: 1px;
		border-width: 0 8px 13px 8px;
	}
}

.search-results::before {
	top: 2px;
	border-width: 0 7px 10px 6px;
	border-color: transparent transparent rgba(178, 178, 178, 0.15) transparent;
}

@media (min-width: 1280px) {
	.search-results::before {
		top: 0;
		border-width: 0 9px 14px 8px;
	}
}

.search-results__wrap {
	background: #fafafa;
	padding-top: 22px;
	z-index: 1;
	padding-bottom: 30px;
	overflow: auto;
	height: 100%;
	-webkit-overflow-scrolling: touch;
	–webkit-transform: tranzlateZ(0);
	position: relative;
	overflow-y: auto;
}

@media (min-width: 1280px) {
	.search-results__wrap {
		max-height: 90%;
		height: auto;
		padding-bottom: 4.4rem;
	}
}

.search-results.active {
	display: block;
}

.search-results.visible {
	opacity: 1;
	z-index: 820;
}

.search-results .suggestion {
	opacity: 0.5;
	margin-bottom: 15px;
	display: block;
}

.search-results .cta {
	margin-top: 2.1875rem;
}

.search-results--noresult {
	display: none;
}

.search-results__warning {
	border-bottom: 1px solid #b2b2b2;
	border-bottom: 1px solid rgba(178, 178, 178, 0.2);
	padding-bottom: 1.875rem;
	margin-bottom: 2.1875rem;
}

.search-results__warning .highlight {
	font-weight: bold;
}

.search-results #search__viewall svg circle {
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

.search-results #search__viewall:focus, .search-results #search__viewall:hover {
	color: #2bbf71;
}

.search-results #search__viewall:focus .icon::after, .search-results #search__viewall:focus .icon::before, .search-results #search__viewall:hover .icon::after, .search-results #search__viewall:hover .icon::before {
	background-image: url("../images/arrow-red.svg");
	background-repeat: no-repeat;
	background-size: contain;
}

.search-results #search__viewall:focus .icon::after, .search-results #search__viewall:hover .icon::after {
	left: 50%;
	opacity: 1;
}

.search-results #search__viewall:focus .icon::before, .search-results #search__viewall:hover .icon::before {
	left: 100%;
	opacity: 0;
}

.search-results #search__viewall:focus svg circle, .search-results #search__viewall:hover svg circle {
	stroke: #2bbf71;
}

.search-result {
	position: relative;
	border-bottom: 1px solid #b2b2b2;
	border-bottom: 1px solid rgba(178, 178, 178, 0.2);
	padding-top: 1.40625rem;
}

@media (min-width: 1280px) {
	.search-result {
		padding-top: 0;
	}
}

.search-result:first-of-type {
	padding-top: 0;
}

.search-result__highlight {
	color: #2bbf71;
}

.search-result__section {
	font-weight: bold;
	font-size: 13px;
	line-height: 1.6;
	line-height: 1.47;
}

@media (min-width: 1280px) {
	.search-result__section {
		font-size: 15px;
		position: absolute;
		width: 200px;
		left: -230px;
		text-align: right;
	}
}

.search-result__results {
	list-style: none;
	padding: 0;
	font-size: 0.9375rem;
	margin: 0.75rem 0 0;
}

.search-result__results li {
	margin-bottom: 0.875rem;
}

.search-result__results li a::after {
	content: '';
	border-bottom: 1px solid rgba(178, 178, 178, 0.35);
	position: absolute;
	width: 100%;
	bottom: -2px;
	left: 0;
	-webkit-transition: all 0.25s;
	transition: all 0.25s;
	opacity: 0;
}

.search-result__results li a:focus::after, .search-result__results li a:hover::after {
	bottom: -4px;
	opacity: 1;
}

.search-result__results--suggestions li {
	line-height: 1.5;
	font-size: 15px;
	margin-bottom: 1.5625rem;
}

@media (min-width: 1280px) {
	.search-result__results--suggestions li {
		font-size: 24px;
		line-height: 1.3;
	}
}

.search__tag {
	color: #b2b2b2;
	font-size: 13px;
	position: relative;
	padding-left: 26px;
}

.search__tag::before {
	content: '';
	display: inline-block;
	height: 26px;
	width: 26px;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -13px;
	background: url("../images/tag.png") no-repeat;
	background-size: contain;
	opacity: 0.2;
}

.search__location,
.search__person {
	color: #b2b2b2;
	font-size: 13px;
	letter-spacing: 1px;
	padding-right: 15px;
}

.search__location .highlight,
.search__person .highlight {
	color: #343434;
	font-weight: bold;
}

.search__person {
	position: relative;
	padding-left: 30px;
	display: block;
}

.search__person img {
	position: absolute;
	left: 0;
	top: 4px;
	border-radius: 50%;
}

@media (min-width: 768px) {
	.search__person img {
		top: 0;
	}
}

@media (min-width: 768px) {
	.search__person {
		padding-left: 36px;
	}
}

.search-page__results {
	position: relative;
}

.search-page .loading-spinner div {
	margin-left: -25px;
}

.filter {
	color: #2bbf71;
	font-style: ;
	margin: 0 0 20px 0;
	cursor: pointer;
	padding-bottom: 2px;
	position: relative;
	padding-right: 28px;
	display: inline-block;
}

@media (min-width: 768px) {
	.filter {
		margin: 0 0.5em;
	}
	.filter--light {
		margin: 0;
	}
}

.filter::after {
	content: '';
	background: url("../images/arrow-down--red.png") no-repeat 0 0;
	background-size: contain;
	width: 15px;
	height: 8px;
	position: absolute;
	top: 50%;
	margin-top: -2px;
	right: 0;
}

.filter::before {
	content: '';
	border-bottom: 1px solid rgba(178, 178, 178, 0.35);
	position: absolute;
	width: 100%;
	bottom: -2px;
	left: 0;
	-webkit-transition: all 0.25s;
	transition: all 0.25s;
}

.filter:focus::before, .filter:hover::before {
	bottom: -4px;
	border-bottom: 1px solid #2bbf71;
	border-bottom: 1px solid rgba(255, 80, 86, 0.35);
}

.filter--light {
	color: #ffffff;
	font-style: normal;
	padding-right: 2rem;
}

.filter--light::after, .filter--light::before {
	display: block;
}

.filter--light::after {
	background: url("../images/arrow-down--white.svg") no-repeat 0 0;
	background-size: cover;
}

.filter--small {
	font-size: 13px;
	font-style: ;
	line-height: 1.5;
	letter-spacing: 1px;
	color: #343434;
	padding: 0;
}

.filter--small:hover::after {
	background: url("../images/arrow-down--red.png") no-repeat 0 0;
	background-size: contain;
}

.filter--small::before {
	display: none;
}

.filter--small::after {
	content: '';
	height: 8px;
	background: url("../images/arrow-down.png") no-repeat 0 0;
	background-size: contain;
	display: inline-block;
	position: relative;
	width: 8px;
	margin: 0 0 0 18px;
	vertical-align: middle;
	top: auto;
}

.filter.hidden {
	display: none;
}

.filter__secondary {
	clear: both;
	margin: 0;
	display: block;
}

.filter__secondary:after {
	content: "";
	display: table;
	clear: both;
}

@media (min-width: 768px) {
	.filter__secondary {
		display: inline-block;
	}
}

.filter__secondary .filter__label {
	display: none;
}

@media (min-width: 768px) {
	.filter__secondary .filter__label {
		display: inline-block;
	}
}

.filter__secondary .filter__optional {
	display: none;
}

.filter__secondary.filtered .filter__optional {
	display: inline;
	margin-right: 13px;
}

.filter__container.filtered .filter__secondary {
	display: inline-block;
}

.filter__text {
	margin: 0 1em;
	font-size: 13px;
	line-height: 2;
}

.filter__text.hidden {
	display: none;
}

@media (min-width: 768px) {
	.filter__text {
		font-size: inherit;
		line-height: inherit;
		margin: 0;
	}
}

.filter__label {
	font-size: 13px;
	font-weight: 300;
	display: block;
	margin-bottom: 12px;
}

@media (min-width: 768px) {
	.filter__label {
		font-size: inherit;
		display: inline-block;
		margin-bottom: 0;
	}
}

.filter--close {
	display: none;
}

@media (min-width: 1280px) {
	.filter--close {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		display: none;
		z-index: 1;
	}
	.filter--close.active {
		display: block;
	}
}

.filter__list {
	position: fixed;
	background: #ffffff;
	color: #343434;
	z-index: 850;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	overflow: hidden;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	-webkit-overflow-scrolling: touch;
	overflow-x: hidden;
	overflow-y: auto;
}

@media (min-width: 1280px) {
	.filter__list {
		z-index: 100;
	}
}

.filter__list.active {
	opacity: 0.99;
	visibility: visible;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
}

@media (min-width: 1280px) {
	.filter__list.active {
		opacity: 1;
	}
}

.filter__list .default {
	display: none;
}

.filter__list.filtered .default {
	display: table;
}

@media (min-width: 1280px) {
	.filter__list {
		width: 400px;
		height: auto;
		max-height: 415px;
		position: absolute;
		bottom: auto;
		overflow-y: auto;
		box-shadow: 0 1px 17px 0 rgba(0, 0, 0, 0.04);
	}
}

.filter__list .icon-close {
	width: 70px;
	height: 70px;
	display: block;
	position: fixed;
	top: 40px;
	right: 0;
	top: 0;
	z-index: 1;
}

.filter__list .icon-close svg {
	width: 14px;
	height: 13px;
	right: 25px;
	top: 25px;
	left: auto;
}

@media (min-width: 1280px) {
	.filter__list .icon-close {
		display: none;
	}
}

.filter__list__inner {
	z-index: 1;
	position: absolute;
	left: 0;
	top: 70px;
	right: 0;
	bottom: 0;
	overflow: auto;
	padding: 10px;
}

.filter__list__inner::before {
	content: '';
	height: 70px;
}

@media (min-width: 1280px) {
	.filter__list__inner {
		position: static;
		margin: 15px;
		border: 1px solid #b2b2b2;
		border: 1px solid rgba(178, 178, 178, 0.2);
		max-height: 370px;
		overflow: hidden;
	}
}

.filter__list__inner .label--xxs {
	padding-left: 10px;
}

.filter__list .filter__selected {
	font-style: ;
	padding-bottom: 0.25em;
	margin-bottom: 0;
	border-top: none;
	display: table;
	width: 100%;
}

.filter__list .filter__selected input,
.filter__list .filter__selected a {
	display: table-cell;
	vertical-align: middle;
	text-transform: capitalize;
	border: none;
}

.filter__list .filter__selected a {
	color: #b2b2b2;
	padding: 0.750em 0 0.750em 10px;
	font-size: 20px;
}

.filter__list .filter__selected a:hover {
	color: #2bbf71;
}

.filter__list .filter__selected .number {
	display: table-cell;
	vertical-align: middle;
	line-height: 2;
	margin-right: 10px;
	text-align: right;
}

@media (min-width: 1280px) {
	.filter__list .filter__selected input,
	.filter__list .filter__selected a {
		text-indent: 10px;
		padding-left: 0;
		font-size: 32px;
	}
	.filter__list .filter__selected a {
		padding: 0;
	}
	.filter__list .filter__selected .number {
		line-height: 2.5;
	}
}

.filter__list ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.filter__list ul li {
	font-size: 20px;
	line-height: 1.2;
	padding: 0.750em 0;
	border-top: 1px solid #b2b2b2;
	border-top: 1px solid rgba(178, 178, 178, 0.2);
	display: table;
	width: 100%;
}

.filter__list ul li:last-of-type {
	border-bottom: none;
}

.filter__list ul li a {
	display: table-cell;
	padding: 0 10px;
}

.filter__list ul li a:focus {
	outline: none;
	color: inherit;
}

.filter__list ul li a.active {
	color: #2bbf71;
}

.filter__list ul li .number {
	opacity: 0.5;
	display: table-cell;
	text-align: right;
	font-size: 20px;
	line-height: 1.6;
	color: #343434;
}

@media (min-width: 1280px) {
	.filter__list ul li {
		padding: 0.417em 0;
		font-size: 24px;
		line-height: 1.3;
	}
}

@media (min-width: 1280px) {
	.scroller {
		position: relative;
		width: 100%;
		height: 100%;
		overflow: hidden;
	}
	.scroller > .scroller__content {
		position: relative;
		overflow: scroll;
		overflow-x: hidden;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		padding-right: 17px;
		max-height: 271px;
	}
	.scroller > .scroller__content:focus {
		outline: thin dotted;
	}
	.scroller > .scroller__content::-webkit-scrollbar {
		display: none;
	}
	.has-scrollbar > .scroller__content::-webkit-scrollbar {
		display: block;
	}
	.scroller > .nano-pane {
		position: absolute;
		width: 7px;
		right: 0;
		top: 10px;
		bottom: 10px;
	}
	.scroller > .nano-pane > .nano-slider {
		background: #343434;
		background: rgba(0, 0, 0, 0.5);
		height: 5px;
		position: relative;
		margin: 0 1px;
		border-radius: 10px;
	}
	.nano:hover > .nano-pane,
	.nano-pane.active,
	.nano-pane.flashed {
		visibility: visible\9;
		/* Target only IE7 and IE8 with this hack */
		opacity: 0.99;
	}
	.scroller {
		max-height: 271px;
		height: auto !important;
	}
	.scroller.nano-pane {
		border-radius: 2px;
	}
	.scroller.slider {
		background: #343434;
		height: 5px;
	}
}

.filter-wrap__copy-line {
	font-size: 22px;
	margin: 0;
	padding: 0;
}

.filter-wrap__text, .filter-wrap__filter {
	font-size: 20px;
}

.filter-wrap__text {
	font-style: ;
}

.filter-wrap__text--title {
	color: #000000;
}

.strain-dialog {
	position: fixed;
	background: #ffffff;
	color: #343434;
	z-index: 850;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	overflow: hidden;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	-webkit-overflow-scrolling: touch;
	overflow-x: hidden;
	overflow-y: auto;
}

.strain-dialog--active {
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
}

@media (min-width: 1280px) {
	.strain-dialog--active {
		opacity: 1;
	}
}

@media (max-width: 1280px) {
	.strain-dialog {
		top: 0 !important;
		left: 0 !important;
	}
}

@media (min-width: 1280px) {
	.strain-dialog {
		width: 400px;
		height: auto;
		max-height: 415px;
		position: absolute;
		bottom: auto;
		overflow-y: auto;
		box-shadow: 0 1px 17px 0 rgba(0, 0, 0, 0.04);
		z-index: 100;
	}
}

.strain-dialog__close {
	width: 70px;
	height: 70px;
	display: block;
	position: fixed;
	top: 40px;
	right: 0;
	top: 0;
	z-index: 1;
}

.strain-dialog__close svg {
	width: 14px;
	height: 13px;
	right: 25px;
	top: 25px;
	left: auto;
}

@media (min-width: 1280px) {
	.strain-dialog__close {
		display: none;
	}
}

.strain-dialog__inner {
	z-index: 2;
	position: absolute;
	left: 0;
	top: 60px;
	right: 0;
	bottom: 0;
	overflow: auto;
	padding: 10px;
}

.strain-dialog__inner::before {
	content: '';
	height: 70px;
}

@media (min-width: 1280px) {
	.strain-dialog__inner {
		position: relative;
		top: 0;
		margin: 15px;
		border: 1px solid #f2f2f2;
		max-height: 370px;
		overflow: hidden;
	}
}

.strain-dialog__label {
	padding-left: 10px;
	font-size: 11px;
	line-height: 1.5;
	letter-spacing: 1px;
	font-style: ;
}

.strain-dialog__selected {
	font-style: ;
	padding-bottom: 0.25em;
	margin-bottom: 0;
	border-top: none;
	display: table;
	width: 100%;
}

.strain-dialog__input, .strain-dialog__link {
	display: table-cell;
	vertical-align: middle;
	text-transform: capitalize;
	border: none !important;
}

@media (min-width: 1280px) {
	.strain-dialog__input, .strain-dialog__link {
		text-indent: 10px;
		padding-left: 0 !important;
		font-size: 32px;
	}
}

.strain-dialog__link {
	color: #b2b2b2;
	padding: 0.750em 0 0.750em 10px;
	font-size: 20px;
}

.strain-dialog__link:hover {
	color: #2bbf71;
}

@media (min-width: 1280px) {
	.strain-dialog__link {
		padding: 0;
	}
}

.strain-dialog__number {
	display: table-cell;
	vertical-align: middle;
	line-height: 2;
	margin-right: 10px;
	text-align: right;
}

@media (min-width: 1280px) {
	.strain-dialog__number {
		line-height: 2.5;
	}
}

.strain-dialog__item-list {
	list-style: none;
	padding: 0;
	margin: 0;
	border-top: 1px solid #f2f2f2;
}

.strain-dialog__item {
	font-size: 20px;
	line-height: 1.2;
	padding: 0.750em 0;
	border-bottom: 1px solid #f2f2f2;
	display: table;
	width: 100%;
}

.strain-dialog__item--is-active, .strain-dialog__item--is-hidden {
	display: none;
}

@media (min-width: 1280px) {
	.strain-dialog__item {
		padding: 0.417em 0;
		font-size: 24px;
		line-height: 1.3;
	}
}

.strain-dialog__item-link {
	display: table-cell;
	padding: 0 10px;
}

.strain-dialog__item-link:focus {
	outline: none;
	color: #2bbf71;
}

.strain-dialog__item-number {
	opacity: 0.5;
	display: table-cell;
	text-align: right;
	font-size: 20px;
	line-height: 1.6;
	color: #343434;
}

.strain-dialog__overlay {
	display: none;
}

@media (min-width: 1280px) {
	.strain-dialog__overlay {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 1;
		display: block;
	}
}

.toggle-trigger {
	cursor: pointer;
	display: block;
}

@media (min-width: 1024px) {
	.toggle-trigger.mob-only {
		display: none;
	}
}

.toggle-trigger.toggled.toggle-remove {
	display: none;
}

.toggle-trigger--center {
	display: inline-block;
	margin: 0 auto;
}

.toggle-content {
	max-height: 0;
	overflow: hidden;
	opacity: 0;
	-webkit-transition: all 0.6s;
	transition: all 0.6s;
}

.toggle-content.auto-closed {
	-webkit-transition: none;
	transition: none;
}

.toggle-content.active {
	max-height: 1000px;
	opacity: 1;
	-webkit-transition: all 0.6s;
	transition: all 0.6s;
}

@media (min-width: 1024px) {
	.toggle-content.mob-only {
		max-height: 1000px;
		opacity: 1;
	}
}

.toggle-content--fade.active {
	max-height: 3000px;
}

.placeholder-img canvas {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	opacity: 1;
	-webkit-transition: opacity 0.1s 0.4s;
	transition: opacity 0.1s 0.4s;
}

.placeholder-img canvas.active {
	opacity: 0;
}

.placeholder-img .img {
	-webkit-transition: opacity 0.4s 0s;
	transition: opacity 0.4s 0s;
}

.placeholder-img .img.active {
	opacity: 1;
}

/*
@styleguide

@title People

Normal (with CTA)

<div class="people">
  <img src="../../assets/images/josh.png" alt="Josh" />
  <span class="people__inner">
    <span class="bold">Josh Symonds</span>
    <span>Spatial Data Specialist</span>
  </span>
  <a href="#" class="cta cta--black cta--notext">
    <span data-grunticon-embed class="icon icon-oval"></span>
    <span></span>
  </a>
</div>

With Lower section

<div class="people">
  <img src="../../assets/images/josh.png" alt="Josh" />
  <span class="people__inner">
    <span class="bold">Josh Symonds</span>
    <span>Spatial Data Specialist</span>
    <hr/>
    <span>5min read</span>
  </span>

</div>

Large

<div class="people people--lg">
<img src="../../assets/images/julie.png" alt="Josh" />
  <span class="people__inner">
      <p>Julie Ascoop</p>
      <p class="text-small">Leader, European Business</p>
  </span>
</div>


*/
hr + .people {
	margin-top: 1.5rem;
}

.people {
	font-size: 13px;
	line-height: 1.5;
	position: relative;
	color: #343434;
}

.people:not(:first-child) {
	margin-top: 15px;
}

.people > a {
	display: block;
}

.people img {
	width: 45px;
	height: 45px;
	display: inline-block;
	margin-right: 15px;
	vertical-align: middle;
	border-radius: 100%;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	overflow: hidden;
	text-indent: -9999px;
}

.people hr {
	margin: 7px 0;
}

.people p {
	margin: 0;
}

.people .cta {
	position: absolute;
	top: 0;
	right: 0;
}

.people .people__inner {
	display: inline-block;
	vertical-align: middle;
	width: -webkit-calc(100% - 85px);
	width: calc(100% - 85px);
}

.people .people__inner span {
	display: block;
	line-height: 1.2;
}

.people .people__inner .people__meta {
	color: #b2b2b2;
}

.people .people__inner .people__meta strong {
	display: inline-block;
	margin-right: 10px;
	font-weight: normal;
	color: #343434;
}

.people--spaced img {
	margin-left: -20px;
}

.people--lg img {
	width: 60px;
	height: 60px;
}

.people--lg p {
	margin: 0;
}

.people--lg .people__inner {
	width: -webkit-calc(100% - 115px);
	width: calc(100% - 115px);
}

.people--article img {
	width: 65px;
	height: 65px;
}

.people--article hr {
	border-bottom-width: 2px;
}

.people--article .people__inner {
	width: auto;
}

.people--article .people__name span {
	font-size: 13px;
	letter-spacing: 1px;
	line-height: 1.5;
}

.people--article .people__meta {
	font-size: 13px;
}

.people--article .people__meta__date {
	font-weight: bold;
	line-height: 1.5;
	color: #343434;
	margin-right: 10px;
}

.people--article .people__meta span {
	float: left;
	letter-spacing: 1px;
}

.people--article + hr {
	border-bottom-width: 2px;
	margin: 2rem 0;
}

.person {
	width: 21px;
	height: 21px;
}

@media (min-width: 768px) {
	.person {
		width: 26px;
		height: 26px;
	}
}

/*
@styleguide

@title Mini Profile

Normal

<div class="mini-profile  ">
  <div class="mini-profile__pic-wrap mini-profile__pic-wrap--mobile">
    <a href="./profile.html" class="mini-profile__link">
      <img class="mini-profile__pic" src="../../assets/images/raj2.jpg" alt="Mark Fletcher">
    </a>
  </div>
  <div class="mini-profile__main">
    <ul class="mini-profile__info-list">
      <li class="mini-profile__info-item mini-profile__info-item--core ">
        <a href="./profile.html" class="mini-profile__info-link">
          <span class="mini-profile__info-content">
            <h4 class="mini-profile__name">
              Mark Fletcher
            </h4>
            <h5 class="mini-profile__job">Global Water Leader at Arup</h5>
          </span>
        </a>
      </li>
      <li class="mini-profile__info-item mini-profile__info-item--email ">
        <a href="mailto:water@arup.com" class="mini-profile__info-link mini-profile__info-link--alt">
            <span class="mini-profile__info-content">water@arup.com</span>
          </a>
      </li>
      <li class="mini-profile__info-item mini-profile__info-item--tel ">
        <a href="tel:+44 (0) 20 7636 1531" class="mini-profile__info-link mini-profile__info-link--alt">
          <span class="mini-profile__info-content">+44 (0) 20 7636 1531</span>
        </a>
      </li>
    </ul>
    <p class="mini-profile__underline">London, local time - 10:31am</p>
  </div>
</div>

Preview:

<div class="mini-profile  mini-profile--small">
  <div class="mini-profile__pic-wrap ">
    <a href="./profile.html" class="mini-profile__link">
      <img class="mini-profile__pic" src="../../assets/images/raj2.jpg" alt="Cameron Dunn">
    </a>
  </div>
  <div class="mini-profile__main">
    <ul class="mini-profile__info-list">
      <li class="mini-profile__info-item mini-profile__info-item--core ">
        <a href="./profile.html" class="mini-profile__info-link">
          <span class="mini-profile__info-content">
            <h4 class="mini-profile__name">
              Cameron Dunn
            </h4>
            <h5 class="mini-profile__job">Associate director of energy, United States of America</h5>
          </span>
        </a>
      </li>
      <hr class="mini-profile__divide">
    </ul>
    <p class="mini-profile__underline">19 January 2017</p>
  </div>
</div>

Contact Us:

<div class="mini-profile mini-profile--icons ">
  <div class="mini-profile__pic-wrap ">
    <a href="./profile.html" class="mini-profile__link">
      <img class="mini-profile__pic" src="../../assets/images/raj2.jpg" alt="Jim Burridge">
    </a>
  </div>
  <div class="mini-profile__main">
    <ul class="mini-profile__info-list">
      <li class="mini-profile__info-item mini-profile__info-item--core mini-profile__info-item--icon">
        <a href="./profile.html" class="mini-profile__info-link">
          <span data-grunticon-embed class="mini-profile__icon icon icon-profile"></span>
          <span class="mini-profile__info-content">
            <h4 class="mini-profile__name">
              Jim Burridge
            </h4>
            <h5 class="mini-profile__job">Director at Arup</h5>
          </span>
        </a>
      </li>
      <li class="mini-profile__info-item mini-profile__info-item--email mini-profile__info-item--icon">
        <a href="mailto:sport@arup.com" class="mini-profile__info-link mini-profile__info-link--alt">
          <span data-grunticon-embed class="mini-profile__icon icon icon-contact"></span>
          <span class="mini-profile__info-content">sport@arup.com</span>
        </a>
      </li>
      <li class="mini-profile__info-item mini-profile__info-item--tel mini-profile__info-item--icon">
        <a href="tel:+44 (0) 20 7636 1531" class="mini-profile__info-link mini-profile__info-link--alt">
          <span data-grunticon-embed class="mini-profile__icon icon icon-phone"></span>
          <span class="mini-profile__info-content">
            +44 (0) 20 7636 1531
            <br><span class="mini-profile__info-meta">London, local time - 10:31am</span>
          </span>
        </a>
      </li>
    </ul>
  </div>
</div>

Contact Us Mini:

<div class="mini-profile mini-profile--icons ">
  <div class="mini-profile__main">
    <ul class="mini-profile__info-list">
      <li class="mini-profile__info-item mini-profile__info-item--core mini-profile__info-item--icon">
        <a href="./profile.html" class="mini-profile__info-link">
          <img class="mini-profile__icon mini-profile__icon--pic" src="../../assets/images/raj2.jpg" alt="Jim Burridge">
          <span class="mini-profile__info-content">
            <h4 class="mini-profile__name">
              Jim Burridge
            </h4>
            <h5 class="mini-profile__job">Director at Arup</h5>
          </span>
        </a>
      </li>
      <li class="mini-profile__info-item mini-profile__info-item--email mini-profile__info-item--icon">
        <a href="mailto:sport@arup.com" class="mini-profile__info-link mini-profile__info-link--alt">
          <span data-grunticon-embed class="mini-profile__icon icon icon-contact"></span>
          <span class="mini-profile__info-content">sport@arup.com</span>
        </a>
      </li>
      <li class="mini-profile__info-item mini-profile__info-item--tel mini-profile__info-item--icon">
        <a href="tel:+44 (0) 20 7636 1531" class="mini-profile__info-link mini-profile__info-link--alt">
            <span data-grunticon-embed class="mini-profile__icon icon icon-phone"></span>          <span class="mini-profile__info-content">
            +44 (0) 20 7636 1531
            <br><span class="mini-profile__info-meta">London, local time - 10:31am</span>
          </span>
        </a>
      </li>
    </ul>
  </div>
</div>

*/
.mini-profile {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.mini-profile--icons {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
}

@media (min-width: 768px) {
	.mini-profile--icons {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row;
		flex-direction: row;
	}
}

.mini-profile__pic-wrap {
	-webkit-box-flex: 0;
	-webkit-flex: none;
	flex: none;
	display: none;
	padding-right: 30px;
}

.mini-profile__pic-wrap--mobile {
	display: block;
}

@media (min-width: 768px) {
	.mini-profile__pic-wrap {
		display: block;
		-webkit-align-self: flex-start;
		align-self: flex-start;
	}
}

.mini-profile--icons .mini-profile__pic-wrap {
	display: block;
	padding-bottom: 20px;
}

@media (min-width: 768px) {
	.mini-profile--icons .mini-profile__pic-wrap {
		padding-bottom: 0;
	}
}

.mini-profile--small .mini-profile__pic-wrap {
	padding-right: 12px;
}

.mini-profile__pic {
	display: block;
	width: 80px;
	height: 80px;
	object-fit: cover;
	border-radius: 50%;
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	filter: gray;
}

.mini-profile--small .mini-profile__pic {
	width: 60px;
	height: 60px;
}

.mini-profile--icons .mini-profile__pic {
	height: 93px;
	width: 93px;
}

@media (min-width: 768px) {
	.mini-profile--icons .mini-profile__pic {
		width: 80px;
		height: 80px;
	}
}

.mini-profile__main {
	padding-top: 3px;
	width: 100%;
}

@media (min-width: 768px) {
	.mini-profile__main {
		-webkit-box-flex: 1;
		-webkit-flex-grow: 1;
		flex-grow: 1;
		width: 100%;
	}
}

.mini-profile__name, .mini-profile__job, .mini-profile__info-link {
	font-size: 15px;
	letter-spacing: 1px;
	margin: 0;
}

.mini-profile--small .mini-profile__name, .mini-profile--small .mini-profile__job, .mini-profile--small .mini-profile__info-link {
	font-size: 13px;
}

.mini-profile__job {
	color: #b2b2b2;
}

.mini-profile__divide {
	margin: 4px0 2px;
}

.mini-profile__underline {
	margin: 0;
	font-size: 13px;
	color: #b2b2b2;
	letter-spacing: 1px;
}

.mini-profile__info-list {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.mini-profile__info-item--icon {
	margin-bottom: 10px;
}

.mini-profile__info-item--icon:last-child {
	margin-bottom: 0;
}

.mini-profile__info-link {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.mini-profile__info-link--alt {
	padding-top: 12px;
	font-style: ;
}

.mini-profile__icon {
	display: inline-block;
	height: 20px;
	width: 28px;
	margin-right: 15px;
	-webkit-box-flex: 0;
	-webkit-flex: none;
	flex: none;
}

.mini-profile__icon--pic {
	height: 32px;
	width: 32px;
	border-radius: 50%;
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	filter: gray;
}

.mini-profile__info-content {
	line-height: 1em;
	overflow: hidden;
	display: inline-block;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.mini-profile__info-meta {
	display: inline-block;
	opacity: 0.5;
	font-style: normal;
	font-size: 13px;
}

.date-block {
	width: 43px;
	height: 50px;
	position: absolute;
	left: 10px;
	top: 0;
	border: 2px solid #b2b2b2;
	border: 2px solid rgba(178, 178, 178, 0.2);
	font-size: 11px;
	font-style: ;
	line-height: 1.45;
	padding: 0.375rem 0.15625rem;
	text-align: center;
}

@media (min-width: 1280px) {
	.date-block {
		left: 0;
		top: 5px;
	}
}

.date-block span {
	opacity: 0.5;
}

.date-block hr {
	margin: 0 0 2.5px;
}

.address {
	width: 260px;
}

.address__name {
	font-weight: bold;
	font-style: ;
}

/*
@styleguide

@title Flags

Country flags

<span class="flag flag--turkey">Turkey</span>
<span class="flag flag--sa">South Africa</span>
<span class="flag flag--us">US</span>


*/
.flag {
	width: 21px;
	height: 21px;
	text-indent: -9999em;
	display: inline-block;
}

@media (min-width: 768px) {
	.flag {
		margin-top: 0;
		width: 26px;
		height: 26px;
	}
}

.flag--turkey {
	background: url("../images/flags/turkey.png") no-repeat 0 0;
	background-size: contain;
}

.flag--gb {
	background: url("../images/flags/gb.png") no-repeat 0 0;
	background-size: contain;
}

.flag--us {
	background: url("../images/flags/usa.png") no-repeat 0 0;
	background-size: contain;
}

.flag--sa {
	background: url("../images/flags/sa.png") no-repeat 0 0;
	background-size: contain;
}

.load-more-container {
	clear: both;
	text-align: center;
	width: 100%;
	position: relative;
}

.load-more-container--hub {
	position: absolute;
	bottom: -90px;
	left: 0;
	width: 100%;
}

.load-more-container--spaced {
	padding: 1rem 0;
	margin: 1rem 0;
}

.load-more-container .cta__text .cta__aside {
	margin-left: 5px;
}

.load-more-container .load-more--hidden {
	display: none;
}

.lm-hidden {
	opacity: 0;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

.lm-hidden.show {
	opacity: 1;
}

.share-link .icon {
	width: 26px;
	height: 26px;
	display: block;
}

.share-link svg path,
.share-link svg ellipse {
	-webkit-transition: stroke 0.5s;
	transition: stroke 0.5s;
}

.share-link:focus svg path,
.share-link:focus svg ellipse, .share-link:active svg path,
.share-link:active svg ellipse, .share-link:hover svg path,
.share-link:hover svg ellipse {
	stroke: #2bbf71;
}

.content-slider {
	margin-top: 3.125rem;
	margin-bottom: 3.125rem;
}

.content-slider .img-link {
	display: block;
}

.content-slider hr {
	margin: 0 0 1rem 0;
	border-bottom-width: 2px;
}

.content-slider__dt {
	display: none;
}

.content-slider .content-slider__item {
	margin-bottom: 10px;
}

.content-slider .content-slider__item .cta {
	margin-bottom: 2rem;
}

.content-slider__carousel .content-slider__slide {
	display: none;
}

.content-slider__carousel .content-slider__slide:first-of-type {
	display: block;
}

.content-slider__carousel.slick-initialized .content-slider__slide {
	display: block;
}

.content-slider .tabs {
	margin-bottom: 2rem;
	max-height: 2.5em;
	overflow: hidden;
}

.content-slider .tabs--parent {
	margin-bottom: 1rem;
}

.content-slider .tabs.slick-initialized {
	max-height: none;
}

.content-slider .tabs .slick-list {
	padding-bottom: 10px;
}

.content-slider .tabs .controls {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 2;
}

.content-slider .tabs .controls.hidden {
	display: none;
}

.content-slider .tabs .controls svg {
	-webkit-transition: 0.5s all;
	transition: 0.5s all;
	width: 14px;
	height: 9px;
	top: 12px;
	left: 10px;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.content-slider .tabs .controls .next {
	left: auto;
	right: 0;
	background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, white)) !important;
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 50%) !important;
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 50%) !important;
}

.content-slider .tabs .controls .next svg {
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
	left: auto;
	right: 10px;
}

.content-slider .tabs .controls .next svg path {
	stroke: #000;
	opacity: 1;
}

.content-slider .tabs .controls .prev svg path {
	stroke: #000;
	opacity: 1;
}

.content-slider .tabs .controls span {
	width: 60px;
	height: 35px;
	display: block;
	position: absolute;
	left: 0;
	top: -2px;
	cursor: pointer;
	background: -webkit-gradient(linear, left top, right top, color-stop(50%, white), to(rgba(255, 255, 255, 0))) !important;
	background: -webkit-linear-gradient(left, white 50%, rgba(255, 255, 255, 0) 100%) !important;
	background: linear-gradient(to right, white 50%, rgba(255, 255, 255, 0) 100%) !important;
}

.content-slider .tabs .controls span:hover svg, .content-slider .tabs .controls span.slick-disabled svg {
	opacity: 0.4;
}

.content-slider .tabs a {
	white-space: nowrap;
	margin: 0 3rem;
	font-size: 20px;
	font-style: ;
	color: #000000;
	-webkit-transition: 0.5s color;
	transition: 0.5s color;
}

.content-slider .tabs a::after {
	content: '';
	position: absolute;
	background: #2bbf71;
	height: 2px;
	bottom: 0;
	left: 0;
	right: 0;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	opacity: 0;
}

.content-slider .tabs a:hover {
	color: #2bbf71;
}

.content-slider .tabs a.selected {
	color: #2bbf71;
}

.content-slider .tabs a.selected::after {
	opacity: 1;
	bottom: -10px;
}

.content-slider .tabs .tab {
	display: inline-block;
}

@media (min-width: 1024px) {
	.content-slider__mob {
		display: none;
	}
	.content-slider__dt {
		display: block;
	}
}

.content-slider--mob-md {
	display: block;
}

.content-slider--dt-md {
	display: none;
}

@media (min-width: 768px) {
	.content-slider--mob-md {
		display: none;
	}
	.content-slider--dt-md {
		display: block;
	}
}

.content-slider--compact .tabs {
	position: relative;
	padding: 0 0.5rem;
}

.content-slider--compact .tabs a {
	margin: 0 2.5rem;
	font-size: 18px;
}

.content-slider--secondary {
	margin: 0;
}

.content-slider--secondary .tabs {
	padding-left: 1.8rem;
	padding-top: 1rem;
	position: relative;
}

.content-slider--secondary .tabs::before {
	content: '';
	display: block;
	height: 1px;
	width: 100%;
	background: -webkit-gradient(linear, left top, right top, from(rgba(178, 178, 178, 0)), color-stop(15%, #b2b2b2), color-stop(85%, #b2b2b2), to(rgba(178, 178, 178, 0)));
	background: -webkit-linear-gradient(left, rgba(178, 178, 178, 0) 0%, #b2b2b2 15%, #b2b2b2 85%, rgba(178, 178, 178, 0) 100%);
	background: linear-gradient(to right, rgba(178, 178, 178, 0) 0%, #b2b2b2 15%, #b2b2b2 85%, rgba(178, 178, 178, 0) 100%);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	opacity: 0.2;
}

.sticky.stickyEl {
	position: absolute !important;
	z-index: 110;
}

.sticky.spacer {
	z-index: 2;
}

.sticky.stuck {
	position: fixed !important;
	top: 0;
	left: 0;
	z-index: 500;
}

.sticky[data-alternativetrigger='#news-ticker'] {
	position: fixed !important;
}

.sticky[data-notonmobile='true'] {
	display: none;
}

@media (min-width: 768px) {
	.sticky[data-notonmobile='true'] {
		display: block;
	}
}

.hub .embed-video {
	margin: 5rem auto;
}

.embed-video {
	position: relative;
	width: 100%;
	display: inline-block;
	max-width: 902px;
	margin: 0 auto;
	margin-bottom: 2.5rem;
	display: block;
}

.embed-video:not(:only-child) {
	margin-bottom: 2.5rem;
}

.embed-video__content {
	opacity: 0.5;
	font-size: 13px;
	line-height: 1.5;
	letter-spacing: 1px;
	margin-top: 25px;
}

.embed-video__vid-wrap {
	width: 100%;
	padding-bottom: 56.25%;
	position: relative;
	height: 0;
	overflow: hidden;
}

.embed-video__vid-wrap--kaltura {
	padding-bottom: -webkit-calc(56.25% + 64px);
	padding-bottom: calc(56.25% + 64px);
}

.embed-video__vid {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

@media (min-width: 1024px) {
	.embed-video__content {
		padding-left: 20px;
	}
}

@media (min-width: 1280px) {
	.embed-video:not(:only-child) {
		margin-bottom: 5rem;
	}
}

.panel__scrollIcon {
	position: absolute;
	z-index: 100;
	bottom: 30px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	text-align: center;
	display: none;
}

.panel__scrollIcon--static {
	position: static;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
}

.panel__scrollIcon .mouse {
	position: relative;
}

.panel__scrollIcon a:hover {
	color: #ffffff;
}

.panel__scrollIcon svg rect,
.panel__scrollIcon svg path,
.panel__scrollIcon svg polyline {
	stroke: #ffffff;
}

.panel__scrollIcon .icon {
	position: relative;
	overflow: hidden;
	width: 42px;
	height: 37px;
}

.panel__scrollIcon .icon span {
	clear: both;
	display: block;
	margin-top: 0.6em;
}

.panel__scrollIcon .icon::after {
	content: '';
	display: table;
	clear: both;
}

.panel__scrollIcon .icon .arrow {
	height: 37px;
	float: right;
	width: 12px;
	position: relative;
}

.panel__scrollIcon .icon .arrow svg {
	width: 6px;
	height: 17px;
	-webkit-animation-name: animateScroll;
	animation-name: animateScroll;
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	position: absolute;
	top: -100%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.panel__scrollIcon .icon .mouse {
	float: left;
	width: 23px;
	height: 37px;
}

.panel__scrollIcon .icon .mouse svg {
	width: 100%;
	height: 100%;
}

@media (min-width: 1024px) {
	.panel__scrollIcon {
		display: block;
	}
}

@media (min-width: 1280px) {
	.panel__scrollIcon {
		bottom: 50px;
	}
}

@-webkit-keyframes animateScroll {
	0% {
		top: -100%;
		opacity: 0;
	}
	25% {
		top: 0;
		opacity: 1;
	}
	35% {
		top: 0;
		opacity: 1;
	}
	60% {
		top: 100%;
		opacity: 0;
	}
	100% {
		top: 100%;
		opacity: 0;
	}
}

@keyframes animateScroll {
	0% {
		top: -100%;
		opacity: 0;
	}
	25% {
		top: 0;
		opacity: 1;
	}
	35% {
		top: 0;
		opacity: 1;
	}
	60% {
		top: 100%;
		opacity: 0;
	}
	100% {
		top: 100%;
		opacity: 0;
	}
}

.grayscale-img {
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	filter: gray;
}

.grayscale-img--load {
	visibility: hidden;
	opacity: 0;
}

.grayscale-img--nosupport {
	display: none !important;
}

.arrow-line {
	position: relative;
	height: 0;
	border-bottom: 2px solid #b2b2b2;
}

.arrow-line::after, .arrow-line::before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: '';
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow-line::after {
	border-top-color: #ffffff;
	border-width: 7px;
	margin-left: -7px;
}

.arrow-line::before {
	border-top-color: #b2b2b2;
	border-width: 9px;
	margin-left: -9px;
}

.contact-us--in-page {
	margin: 2.5rem auto 5rem;
	max-width: 777px;
}

.contact-us__title {
	font-size: 24px;
	line-height: 1.3em;
}

.contact-us__cta {
	display: inline-block;
	padding-top: 4px;
}

.contact-us__topline {
	display: none;
}

.contact-us__divide {
	margin: 20px 0;
}

.contact-us__top-section {
	height: 125px;
	padding: 0 0 0.5em 0;
}

@media (min-width: 768px) {
	.contact-us:after {
		content: "";
		display: table;
		clear: both;
	}
	.contact-us__main, .contact-us__contact {
		float: left;
		width: 50%;
	}
	.contact-us__main {
		padding-right: 30px;
		padding-top: 5px;
	}
	.contact-us__contact {
		padding-left: 30px;
		padding-top: 7px;
	}
	.contact-us__title {
		font-size: 28px;
	}
	.contact-us__divide {
		display: none;
	}
	.contact-us__topline {
		display: block;
		margin-bottom: 15px;
	}
}

.section-header {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	flex-direction: column;
	margin-bottom: 1rem;
}

@media (min-width: 768px) {
	.section-header {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row;
		flex-direction: row;
		-webkit-box-align: center;
		-webkit-align-items: center;
		align-items: center;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
}

.section-header--line {
	padding-bottom: 1rem;
	border-bottom: 1px solid #e9e9e9;
}

.section-header--nopad {
	margin-bottom: 0;
}

.section-header__cta-wrap {
	padding-top: 0.5rem;
}

@media (min-width: 768px) {
	.section-header__cta-wrap {
		padding-top: 0;
	}
}

.section-title {
	padding: 1rem 0 2rem;
}

.section-title--nopad {
	padding: 0;
}

.section-title__tag, .section-title__title, .section-title__extra {
	margin: 0;
	padding: 0;
}

.section-title__tag {
	display: block;
	color: #b2b2b2;
	font-size: 15px;
}

.section-title__title {
	display: inline-block;
	font-size: 24px;
	padding-right: 10px;
	width: 100%;
}

@media (min-width: 768px) {
	.section-title__title {
		width: auto;
		font-size: 32px;
	}
}

.section-title__extra {
	display: inline-block;
	font-size: 13px;
}

.learn-more {
	padding: 3rem 0;
	background: #b2b2b2 none scroll no-repeat center center;
	background-size: cover;
	color: #ffffff;
}

.learn-more--large {
	padding: 4.4rem 0;
}

.learn-more__inner {
	max-width: 1160px;
	padding: 0 1.5rem;
	margin: 0 auto;
	text-align: center;
}

.learn-more__inner a:hover .cta__text {
	border-bottom: 1px solid rgba(255, 80, 86, 0.35);
}

.learn-more__inner a:hover .cta__text,
.learn-more__inner a:hover .cta__icon {
	color: #2bbf71 !important;
}

.learn-more__inner a:hover .cta__icon svg circle {
	stroke: #2bbf71 !important;
}

.learn-more__inner .cta__icon::after {
	background-image: url(../images/arrow-red.svg) !important;
}

.progressiveMedia .tempImg {
	opacity: 1;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
	-webkit-filter: blur(2px);
	filter: blur(2px);
}

.progressiveMedia .tempImg.inactive {
	opacity: 0;
}

.progressiveMedia .mainImg {
	opacity: 1;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
}

.progressiveMedia .mainImg.loading {
	opacity: 0;
}

.progressiveMedia .mainImg.loading.active {
	opacity: 1;
}

.progressiveMedia .mobImg {
	opacity: 1;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
	object-fit: cover;
	width: 100%;
}

.progressiveMedia .mobImg.loading {
	opacity: 0;
}

.progressiveMedia .mobImg.loading.active {
	opacity: 1;
}

.progressiveMedia.show_mobile .mainImg {
	display: none;
}

.progressiveMedia.show_desktop .mobImg {
	display: none;
}

.share-container {
	position: relative;
}

.addthis-smartlayers {
	display: none !important;
}

#at4m-mobile-container {
	display: none !important;
}

.addthis_toolbox {
	position: absolute;
	display: none;
	left: 50%;
	top: 100%;
	margin-top: 30px;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 50px;
	padding: 10px 0;
	background: #ffffff;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
	z-index: 1;
	border-radius: 3px;
}

@media (min-width: 1024px) {
	.addthis_toolbox {
		width: 100px;
	}
}

.addthis_toolbox::before {
	content: '';
	display: block;
	position: absolute;
	width: 20px;
	height: 20px;
	background: #ffffff;
	top: -4px;
	left: 50%;
	-webkit-transform: translateX(-50%) rotate(45deg);
	-ms-transform: translateX(-50%) rotate(45deg);
	transform: translateX(-50%) rotate(45deg);
}

.addthis_toolbox a {
	display: block;
	margin: 20px auto 20px !important;
	width: 100%;
	float: none !important;
	text-align: center;
	padding: 0 !important;
}

.addthis_toolbox a svg {
	width: 25px !important;
	height: 30px !important;
	float: none !important;
	position: relative !important;
	right: auto !important;
	bottom: auto !important;
}

.addthis_toolbox a.addthis_button_facebook svg g#Facebook {
	-webkit-transition: fill linear 200ms;
	transition: fill linear 200ms;
}

.addthis_toolbox a.addthis_button_facebook:hover svg g#Facebook {
	fill: #2bbf71;
}

.addthis_toolbox a.addthis_button_linkedin svg g#LinkedIn {
	-webkit-transition: fill linear 200ms;
	transition: fill linear 200ms;
}

.addthis_toolbox a.addthis_button_linkedin:hover svg g#LinkedIn {
	fill: #2bbf71;
}

.addthis_toolbox a.addthis_button_twitter svg g#Twitter {
	-webkit-transition: fill linear 200ms;
	transition: fill linear 200ms;
}

.addthis_toolbox a.addthis_button_twitter:hover svg g#Twitter {
	fill: #2bbf71;
}

.addthis_toolbox a.addthis_button_compact svg g#Desktop-HD---Share,
.addthis_toolbox a.addthis_button_compact svg g#Plus {
	-webkit-transition: fill linear 200ms, stroke linear 200ms;
	transition: fill linear 200ms, stroke linear 200ms;
}

.addthis_toolbox a.addthis_button_compact:hover svg g#Desktop-HD---Share,
.addthis_toolbox a.addthis_button_compact:hover svg g#Plus {
	stroke: #2bbf71;
}

.col__contact .share-container .addthis_toolbox {
	left: 13px;
}

.side-facts .subheading {
	margin-bottom: 0.5em;
	padding-bottom: 0.25em;
	border-bottom: 1px solid #b2b2b2;
	border-bottom: 1px solid rgba(178, 178, 178, 0.2);
}

.side-facts .fact {
	position: relative;
	font-size: 18px;
	font-style: ;
	display: block;
	border-bottom: 1px solid #b2b2b2;
	border-bottom: 1px solid rgba(178, 178, 178, 0.2);
	margin-bottom: 0;
	margin-top: 0;
	padding: 12px 0;
}

.side-facts .fact:after {
	content: "";
	display: table;
	clear: both;
}

.side-facts .fact:last-of-type {
	border-bottom: none;
}

.side-facts .fact.first {
	padding-top: 0;
}

.side-facts .fact span {
	display: block;
	line-height: 110%;
}

.side-facts .fact .stat {
	font-size: 28px;
	font-style: normal;
	line-height: 1;
	margin-bottom: 5px;
	float: left;
	margin-right: 35px;
	width: 100%;
	white-space: normal;
}

.side-facts .fact .stat .stat__figure {
	font-size: 0.5em;
	display: inline;
	vertical-align: text-top;
}

@media (min-width: 1280px) {
	.side-facts .fact {
		padding: 1em 0;
		margin-bottom: 0.5em;
	}
	.side-facts .fact .stat {
		font-size: 48px;
		width: auto;
		margin-right: 0;
		padding-right: 0.25em;
		float: none;
	}
	.side-facts .fact span {
		display: table-cell;
		vertical-align: middle;
	}
}

.side-facts--stacked .fact {
	border: 0;
}

@media (min-width: 1280px) {
	.side-facts--stacked .fact span {
		display: block;
	}
}

@media (min-width: 1280px) {
	.side-facts--lg .fact .stat {
		font-size: 48px;
	}
}

.article-facts .article-facts--align {
	display: table;
	table-layout: fixed;
	width: 100%;
}

.article-facts .fact {
	position: relative;
	font-size: 18px;
	font-style: ;
	display: block;
	border-bottom: 1px solid #b2b2b2;
	border-bottom: 1px solid rgba(178, 178, 178, 0.2);
	margin-bottom: 0;
	margin-top: 0;
	padding: 12px 0;
	word-wrap: break-word;
	width: auto !important;
	float: none !important;
}

.article-facts .fact:after {
	content: "";
	display: table;
	clear: both;
}

@media (min-width: 1280px) {
	.article-facts .fact {
		display: table-cell;
		width: 100px !important;
	}
}

.article-facts .fact:last-of-type {
	border-bottom: none;
}

.article-facts .fact.first {
	padding-top: 0;
}

.article-facts .fact span {
	display: table-cell;
}

.article-facts .fact .fact__desc {
	padding-left: 1em;
}

.article-facts .fact .stat {
	font-size: 28px;
	font-style: normal;
	line-height: 1;
	margin-bottom: 5px;
	padding-left: 0;
}

.article-facts .fact .stat .stat__figure {
	font-size: 0.5em;
	display: inline;
	line-height: 1.3;
	vertical-align: bottom;
	padding-left: 0;
}

@media (min-width: 768px) {
	.article-facts .fact .stat .fact__desc {
		padding-left: 2em;
	}
}

@media (min-width: 1280px) {
	.article-facts .fact .stat {
		font-size: 42px;
		width: auto;
		margin-right: 0;
		float: none;
	}
	.article-facts .fact .stat .stat__figure {
		display: inline-block;
		overflow: visible;
	}
}

@media (min-width: 1280px) {
	.article-facts .fact {
		width: 32.20339%;
		float: left;
		margin-right: 1.69492%;
		padding: 0 0.75em;
		border-right: 1px solid #b2b2b2;
		border-right: 1px solid rgba(178, 178, 178, 0.2);
		border-bottom: none;
	}
	.article-facts .fact.first {
		padding-left: 0;
		width: 32.20339%;
		float: left;
		margin-right: 1.69492%;
	}
	.article-facts .fact:last-of-type {
		padding-right: 0;
		margin-right: 0;
		border-right: none;
	}
	.article-facts .fact .fact__desc {
		display: block;
		padding-left: 0;
	}
}

.article-facts:last-child {
	margin-bottom: 0;
}

.facts {
	max-width: 305px;
}

.facts .subheading {
	margin-bottom: 10px;
}

.facts hr {
	height: 4px;
	border: none;
	background: #ffffff;
	opacity: 1;
	margin-bottom: 10px;
}

.facts--light hr {
	background: #b2b2b2;
	background: rgba(178, 178, 178, 0.2);
}

.facts .fact {
	position: relative;
	font-size: 18px;
	font-style: ;
	border-bottom: 1px solid #ffffff;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	margin: 0;
	padding: 25px 0;
}

.facts .fact:last-of-type {
	border-bottom: none;
}

.facts .fact span {
	display: table-cell;
	vertical-align: middle;
	vertical-align: top;
	line-height: 1;
}

.facts .fact span:last-of-type {
	max-width: 170px;
	padding-left: 20px;
	padding-top: 5px;
}

.facts .fact .stat {
	font-size: 48px;
	font-style: normal;
	margin-right: 20px;
}

.facts .fact .stat .stat__figure {
	font-size: 0.5em;
	display: inline-block;
	vertical-align: text-top;
	padding: 0;
}

.intro-facts .fact {
	position: relative;
	font-size: 18px;
	font-style: ;
	display: block;
	border-bottom: 1px solid #b2b2b2;
	border-bottom: 1px solid rgba(178, 178, 178, 0.2);
	margin-bottom: 0;
	margin-top: 0;
	padding: 1.5em 0;
}

.intro-facts .fact:after {
	content: "";
	display: table;
	clear: both;
}

.intro-facts .fact:last-of-type {
	border-bottom: none;
}

.intro-facts .fact span {
	display: block;
}

.intro-facts .fact .stat {
	font-size: 28px;
	font-style: normal;
	line-height: 1;
	float: left;
	margin-right: 35px;
	width: 15%;
}

.intro-facts .fact .stat .stat__subtext {
	font-size: 0.5em;
	display: inline;
}

.intro-facts .fact .stat + span {
	float: left;
	width: 70%;
}

.intro-facts .fact .stat .stat__figure {
	font-size: 0.5em;
	display: inline;
	vertical-align: text-top;
}

.intro-facts .fact .stat .stat__figure--percent {
	vertical-align: baseline;
}

@media (min-width: 1024px) {
	.intro-facts {
		display: table;
		width: 100%;
		max-width: 860px;
		margin: 0 auto;
		padding: 3.75em 0;
	}
	.intro-facts .fact {
		display: table-cell;
		vertical-align: top;
		width: 33.33%;
		padding: 0 1.5em;
		border-right: 2px solid #b2b2b2;
		border-right: 2px solid rgba(178, 178, 178, 0.2);
		border-bottom: none;
	}
	.intro-facts .fact.first {
		padding-left: 0;
	}
	.intro-facts .fact:last-of-type {
		padding-right: 0;
		border-right: none;
	}
	.intro-facts .fact .stat {
		font-size: 72px;
		width: auto;
		margin-right: 0;
		margin-bottom: 12px;
		float: none;
	}
	.intro-facts .fact .stat + span {
		float: none;
		width: auto;
	}
	.intro-facts .fact .stat .stat__subtext {
		vertical-align: middle;
		width: 20px;
		font-size: 0.25em;
		margin-bottom: 12px;
		display: inline-block;
	}
}

.utility-bar {
	background-color: #f2f2f2;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.05);
	position: absolute;
	z-index: 110;
	width: 100%;
	-webkit-transition: top 0.5s;
	transition: top 0.5s;
}

.utility-bar.spacer {
	position: relative;
	z-index: 1;
	margin-bottom: 3.5rem;
}

.utility-bar.nomargin.spacer {
	margin: 0;
}

.utility-bar__inner {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: stretch;
	-webkit-align-items: stretch;
	align-items: stretch;
	padding: 12px 15px;
}

.utility-bar__share, .utility-bar__contact {
	-webkit-box-flex: 0;
	-webkit-flex: none;
	flex: none;
}

.utility-bar__share, .utility-bar__breadcrumb, .utility-bar__contact {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
}

.utility-bar__share {
	border-right: 1px solid #e9e9e9;
	padding-right: 20px;
}

.utility-bar__breadcrumb {
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	flex-grow: 1;
	padding: 0 20px;
}

.utility-bar__page-title {
	margin: 0;
	font-size: 13px;
	font-weight: bold;
}

.utility-bar__page-subtitle {
	margin: 0;
	color: #b2b2b2;
	font-size: 13px;
	font-style: ;
}

.utility-bar .page__label .h3 {
	border: none;
	font-weight: bold;
	font-size: 16px;
}

.utility-bar--news {
	background-color: #ffffff;
	overflow: hidden;
	width: 100% !important;
	height: 50px;
}

.utility-bar--news:after {
	content: "";
	display: table;
	clear: both;
}

.utility-bar--news .utility-bar__inner {
	padding: 0;
	display: block;
}

.utility-bar--news .utility-bar__breadcrumb {
	display: block;
	float: left;
	max-width: 70%;
	overflow: hidden;
	max-height: 50px;
	position: relative;
}

.utility-bar--news .utility-bar__breadcrumb::after {
	content: '/';
	display: block;
	color: #e9e9e9;
	position: absolute;
	height: 50px;
	line-height: 50px;
	right: -35px;
	font-size: 24px;
	top: 0;
}

.utility-bar--news .utility-bar__breadcrumb p {
	margin: 0;
	font-size: 15px;
	line-height: 50px;
	font-style: ;
}

.utility-bar--news .utility-bar__breadcrumb p span.divider {
	margin: 0 4px;
	height: 28px;
	width: 16px;
	background-size: contain;
}

@media (min-width: 1024px) {
	.utility-bar--news .utility-bar__breadcrumb p span.divider {
		margin: 0 10px;
	}
}

.utility-bar--news .utility-bar__breadcrumb p span.pageTitle {
	font-weight: bold;
}

.utility-bar--news .news-ticker__articles {
	width: 85%;
	margin-left: 5%;
	float: left;
}

.utility-bar--news .news-ticker__articles .article {
	position: relative;
}

.utility-bar--news .news-ticker__articles .article .article__inner {
	padding-top: 0;
	height: 50px;
	-webkit-transform: translateY(30px);
	-ms-transform: translateY(30px);
	transform: translateY(30px);
}

.utility-bar--news .news-ticker__articles .article.slick-prev .article__inner {
	opacity: 0;
	-webkit-transform: translateY(-30px);
	-ms-transform: translateY(-30px);
	transform: translateY(-30px);
}

.utility-bar--news .news-ticker__articles .article.slick-active .article__inner {
	opacity: 1;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}

.utility-bar--news .news-ticker__articles .article p {
	display: inline-block;
	font-size: 15px;
	line-height: 50px;
}

.utility-bar--news .news-ticker__articles .article h3 {
	display: inline-block;
	font-size: 15px;
	line-height: 50px;
}

.utility-bar--news .news-ticker__articles .article .cta {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 0;
}

.utility-bar--new {
	background: #fff;
	box-shadow: none;
}

.utility-bar--new .container.utility-bar__inner, .utility-bar--new .utility-bar__inner.rich-text {
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.utility-bar--new .utility-bar__content {
	position: absolute;
	right: 0;
	width: 240px;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.utility-bar--new .utility-bar__content .h3 {
	border: none;
	opacity: 1;
	-webkit-transition: opacity .25s;
	transition: opacity .25s;
}

.utility-bar--new .utility-bar__content .h3 .filter {
	font-weight: normal;
	font-style: ;
}

.utility-bar--new .utility-bar__content {
	opacity: 0;
}

.utility-bar--new ul.utility__navigation {
	display: none;
}

.utility-bar--new .filter {
	font-style: normal;
	font-weight: bold;
}

.utility-bar--new .filter:before {
	border-bottom: none;
}

.utility-bar--new .h3 {
	font-size: 16px;
	font-style: normal;
	margin-bottom: 0;
	border-right: 1.5px solid #e9e9e9;
	padding: 5px 15px 5px 0;
}

.utility-bar--new a.button__get-in-touch {
	display: block;
	position: absolute;
	right: 10px;
	padding: 10px 12px;
	background-color: #333;
	color: #fff;
	-webkit-transition: background .25s, opacity 0.25s;
	transition: background .25s, opacity 0.25s;
}

.utility-bar--new a.button__get-in-touch:hover {
	background-color: #E61E28;
	color: #fff;
}

@media (min-width: 1024px) {
	.utility-bar--new .utility-bar .h3 {
		font-size: 18px;
	}
	.utility-bar--new .utility-bar__content {
		opacity: 1;
		width: 30%;
	}
	.utility-bar--new .page__label .h3 {
		font-size: 20px;
	}
	.utility-bar--new ul.utility__navigation {
		margin: 0 0 0 20px;
		padding: 0;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row;
		flex-direction: row;
	}
	.utility-bar--new ul.utility__navigation li {
		list-style: none;
		font-size: 18px;
		margin-right: 50px;
	}
	.utility-bar--new ul.utility__navigation li.active {
		border-bottom: 2px solid #E61E28;
	}
	.utility-bar--new a.button__get-in-touch {
		right: 0;
		padding: 10px 30px;
	}
	.utility-bar--new a .button__label {
		font-size: 18px;
	}
}

.utility-bar--sub {
	opacity: 0;
	-webkit-transition: top 0.5s;
	transition: top 0.5s;
}

.utility-bar--sub.stuck {
	opacity: 1;
}

@media (min-width: 768px) {
	.utility-bar__inner {
		padding: 12px 22px;
	}
	.utility-bar__contact {
		border-left: 1px solid #e9e9e9;
		padding-left: 28px;
	}
	.utility-bar__page-title {
		font-size: 18px;
		font-weight: normal;
	}
	.utility-bar__page-subtitle {
		display: none;
	}
}

@media (min-width: 1280px) {
	.utility-bar__inner {
		padding-left: 0;
		padding-right: 0;
	}
	.utility-bar__page-title {
		font-size: 20px;
	}
}

.util-contact {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.util-contact__no-url:hover {
	color: #000000;
	cursor: inherit;
}

.util-contact__pic-wrap {
	display: none;
	-webkit-align-self: flex-start;
	align-self: flex-start;
	padding-right: 14px;
}

.util-contact__pic {
	height: 50px;
	width: 50px;
	border-radius: 50%;
}

.util-contact__main {
	display: none;
}

.util-contact__title {
	margin: 0;
	font-size: 15px;
}

.util-contact__cta {
	display: inline-block;
}

.util-contact__alt-icon {
	display: inline-block;
	height: 26px;
	width: 26px;
}

@media (min-width: 768px) {
	.util-contact__pic-wrap, .util-contact__main {
		display: block;
	}
	.util-contact__alt {
		display: none;
	}
}

@media (min-width: 1280px) {
	.util-contact__title {
		font-size: 20px;
		margin: 0;
	}
}

.language-selector__inner {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	width: 100%;
	height: 100%;
	height: 40px;
	background: #ffffff;
}

.language-selector__inner:hover .language-selector__trigger {
	color: #2bbf71;
}

.language-selector__inner:hover .language-selector__trigger::after {
	background: url("../images/arrow-down--red.png") no-repeat 0 0;
	background-size: contain;
}

.language-selector__inner:hover svg path {
	stroke: #2bbf71;
}

.language-selector__countries {
	display: none;
}

.language-selector__label {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	width: 80%;
	height: 18px;
}

.language-selector__label span {
	display: inline-block;
}

.language-selector__label .icon {
	height: 18px;
	width: 18px;
	margin-right: 12px;
}

.language-selector__trigger {
	display: block;
	margin: 0 0 0 auto;
}

@media (min-width: 375px) {
	.language-selector__trigger {
		text-align: right;
	}
}

@media (min-width: 1024px) {
	.language-selector--listed .language-selector__trigger {
		display: none;
	}
	.language-selector--listed ul {
		display: block;
	}
	.language-selector--listed .language-selector__label .icon {
		margin-top: 0;
	}
	.language-selector__trigger {
		text-align: left;
		padding-right: 0;
	}
	.language-selector__label {
		width: auto;
	}
	.language-selector__label .text {
		display: none;
	}
	.language-selector__countries {
		padding: 0;
		margin: 0;
	}
	.language-selector__countries li {
		list-style: none;
		padding-bottom: 0;
		display: inline-block;
		margin: 0 10px;
		vertical-align: middle;
		height: 100%;
		opacity: 0.5;
		font-size: 13px;
		font-style: ;
	}
	.language-selector__countries li.active {
		opacity: 0.9;
		color: #2bbf71;
		position: relative;
		font-weight: bold;
	}
	.language-selector__countries li.active::after {
		content: '';
		height: 2px;
		background: #2bbf71;
		position: absolute;
		bottom: 0;
		width: 100%;
		left: 0;
	}
	.language-selector__inner {
		border-radius: 2px;
		background: rgba(255, 255, 255, 0.9);
		position: absolute;
		right: 0;
		top: 30px;
		width: auto;
		bottom: 0;
		height: 50px;
		z-index: 100;
		padding: 10px 20px;
	}
}

.language-selector .filter__list {
	top: 0 !important;
}

/*
@styleguide

@title Loading Spinner
<div class="loading">
  <div class="loading-spinner"><div></div></div>
</div>

*/
@-webkit-keyframes uil-ring-anim {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes uil-ring-anim {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

.loading-spinner {
	background: none;
	position: relative;
	width: 200px;
	height: 200px;
	display: none;
}

.loading-spinner div {
	position: absolute;
	display: block;
	width: 50px;
	height: 50px;
	top: 20px;
	left: 20px;
	border-radius: 50px;
	box-shadow: 0 2px 0 0 #b2b2b2;
	-webkit-animation: uil-ring-anim 1s linear infinite;
	animation: uil-ring-anim 1s linear infinite;
}

.loading-spinner--loadmore {
	width: 100%;
	display: block;
	text-align: center;
	clear: both;
}

@media (min-width: 1024px) {
	.loading-spinner--loadmore {
		position: absolute;
		bottom: -150px;
		width: 100%;
		display: block;
	}
}

.loading-spinner--loadmore div {
	left: 50%;
}

.loading {
	position: relative;
}

.loading::before {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	content: '';
	background: #ffffff;
	background: rgba(255, 255, 255, 0.8);
	z-index: 100;
}

.loading .loading-spinner {
	display: block;
	position: absolute;
	top: 12rem;
	left: 50%;
	z-index: 100;
	margin-left: -40px;
}

.monogram {
	display: inline;
	display: inline-block;
}

.contact-info .monogram {
	display: inline;
}

.multicontact.highlight-section {
	margin-top: 0px !important;
}

.multicontact.contact-us__topline {
	max-width: 1160px;
	margin: 0 auto;
}

.multicontact.contact-us__top-section {
	margin-top: 30px;
	height: auto !important;
}

.multicontact.contact-us__top-section .container, .multicontact.contact-us__top-section .rich-text {
	margin-left: auto !important;
	width: 60%;
}

.multicontact.contact-us__top-section .container h2, .multicontact.contact-us__top-section .rich-text h2 {
	font-size: 32px;
}

.multicontact.contact-us__top-section .container p, .multicontact.contact-us__top-section .rich-text p {
	font-size: 20px;
}

@media (max-width: 1279px) {
	.multicontact.contact-us__top-section .container, .multicontact.contact-us__top-section .rich-text,
	.multicontact.contact-us__top-section .rich-text {
		margin-left: 0;
		width: 100%;
	}
	.multicontact.contact-us__top-section .container h2, .multicontact.contact-us__top-section .rich-text h2,
	.multicontact.contact-us__top-section .rich-text h2 {
		font-size: 24px;
	}
	.multicontact.contact-us__top-section .container p, .multicontact.contact-us__top-section .rich-text p,
	.multicontact.contact-us__top-section .rich-text p {
		font-size: 18px;
	}
}

.multicontact.contact-us__contact {
	padding: 2.5em 1em;
	padding-top: 10px;
	padding-bottom: 10px;
	float: inherit !important;
	width: inherit !important;
}

.multicontact.contact-us__contact .mini-profile {
	float: left !important;
	width: 100% !important;
	padding: 0px 10px;
	margin: 30px 0px;
}

.multicontact.contact-us__contact .mini-profile .mini-profile__pic {
	background-color: #c1c1c1;
	overflow: hidden;
}

@media (min-width: 768px) {
	.multicontact.contact-us__contact .mini-profile {
		width: 50% !important;
		max-height: 140px;
		height: 140px;
	}
}

@media (min-width: 1280px) {
	.multicontact.contact-us__contact {
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.multicontact.contact-us__contact .mini-profile {
		width: 33.33333333% !important;
		max-height: 134px;
		height: 140px;
	}
}

.multicontact:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
}

.multicontact.contact-us__top-section-digital .container, .multicontact.contact-us__top-section-digital .rich-text {
	width: 100%;
}

.multicontact.contact-us__digital .container, .multicontact.contact-us__digital .rich-text {
	display: grid;
	grid-template-columns: 24.25% 24.25% 24.25% 24.25%;
	-webkit-column-gap: 1%;
	column-gap: 1%;
}

.multicontact.contact-us__digital .mini-profile {
	height: auto;
	min-height: auto;
	max-height: 100%;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	width: initial !important;
	padding: 40px 30px 20px;
	margin: 0 0 10px 0;
}

.multicontact.contact-us__digital .mini-profile__grey {
	background-color: #f2f2f2;
}

.multicontact.contact-us__digital .mini-profile__pic-wrap {
	-webkit-align-self: center;
	align-self: center;
	margin-bottom: 20px;
	padding: 0;
}

.multicontact.contact-us__digital .mini-profile__pic {
	width: 125px;
	height: 125px;
}

.multicontact.contact-us__digital .mini-profile__name {
	font-size: 24px;
	margin-bottom: 10px;
}

.multicontact.contact-us__digital .mini-profile__job {
	font-size: 18px;
}

.multicontact.contact-us__digital .mini-profile__info-item--call-to-action {
	margin-top: 18px;
}

.multicontact.contact-us__digital .mini-profile__info-item--call-to-action:hover .mini-profile__action-icon {
	color: red;
}

.multicontact.contact-us__digital .mini-profile__action-text {
	font-weight: bold;
	font-size: 18px;
	font-style: ;
	margin-right: 15px;
	text-decoration: underline;
	-webkit-text-decoration-color: #b2b2b2;
	text-decoration-color: #b2b2b2;
	text-underline-offset: 4px;
}

.multicontact.contact-us__digital .mini-profile__action-icon {
	background-color: transparent;
	height: 24px;
	width: 24px;
	color: #000000;
	border: 1px solid currentColor;
	border-radius: 50%;
	-webkit-transition: opacity 0.5s, color 0.2s;
	transition: opacity 0.5s, color 0.2s;
}

.multicontact.contact-us__digital .mini-profile__action-icon .icon-next {
	height: 30%;
	display: block;
	left: 50%;
	top: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	cursor: pointer;
}

.multicontact.contact-us__digital .mini-profile__action-icon .icon-next svg {
	width: 100%;
	height: 100%;
}

.multicontact.contact-us__digital .mini-profile__action-icon .icon-next svg path {
	stroke: currentColor;
}

@media screen and (max-width: 600px) {
	.multicontact.contact-us__digital .container, .multicontact.contact-us__digital .rich-text {
		grid-template-columns: 100%;
	}
}

@media (min-width: 600px) and (max-width: 768px) {
	.multicontact.contact-us__digital .container, .multicontact.contact-us__digital .rich-text {
		grid-template-columns: 50% 50%;
		-webkit-column-gap: 2%;
		column-gap: 2%;
	}
}

@media (min-width: 768px) and (max-width: 1024px) {
	.multicontact.contact-us__digital .container, .multicontact.contact-us__digital .rich-text {
		grid-template-columns: 33% 33% 33%;
		-webkit-column-gap: 1%;
		column-gap: 1%;
	}
}

.action-alert {
	position: fixed;
	bottom: -50%;
	left: 0;
	right: 0;
	width: 100%;
	background-color: #ffffff;
	z-index: 600;
	box-shadow: 0 10px 18px 10px rgba(0, 0, 0, 0.3);
	-webkit-transition: bottom 1s;
	transition: bottom 1s;
}

.action-alert--is-active {
	bottom: 0;
}

.action-alert__inner {
	position: relative;
	padding: 20px 25px;
	max-width: 930px;
}

.action-alert__inner:after {
	content: "";
	display: table;
	clear: both;
}

.action-alert__message-box {
	padding-bottom: 20px;
	padding-right: 20px;
}

.action-alert__title {
	font-size: 20px;
	line-height: 1.3em;
}

.action-alert__cta {
	display: inline-block;
}

.action-alert__ctrl {
	position: absolute;
	top: 29px;
	right: 16px;
}

@media (min-width: 768px) {
	.action-alert__inner {
		padding: 25px 65px 25px 33px;
	}
	.action-alert__message-box, .action-alert__contact {
		float: left;
		width: 50%;
	}
	.action-alert__message-box {
		padding-bottom: 0;
		padding-right: 25px;
	}
	.action-alert__title {
		font-size: 24px;
	}
	.action-alert__ctrl {
		position: absolute;
		top: 25px;
		right: 25px;
	}
}

.dynamic-feat {
	padding-top: 50px;
	padding-bottom: 3rem;
}

.dynamic-feat--nopad {
	padding-top: 0;
	padding-bottom: 0;
}

.dynamic-feat__header {
	display: block;
	margin-bottom: 35px;
}

.dynamic-feat__title-wrap {
	margin-left: 3px;
}

.dynamic-feat__subtitle, .dynamic-feat__title {
	margin: 0;
}

.dynamic-feat__cta {
	margin-top: 15px;
	display: inline-block;
}

.dynamic-feat__hero {
	margin-bottom: 50px;
	margin-left: -1.5rem;
	margin-right: -1.5rem;
}

.dynamic-feat__footer {
	position: relative;
}

@media (min-width: 768px) {
	.dynamic-feat__header {
		margin-bottom: 40px;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row;
		flex-direction: row;
		-webkit-box-align: end;
		-webkit-align-items: flex-end;
		align-items: flex-end;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
	.dynamic-feat__hero {
		margin-left: 0;
		margin-right: 0;
	}
	.dynamic-feat__cta {
		margin-top: 0;
	}
}

.up-list {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-left: -1.5rem;
	margin-right: -1.5rem;
}

.up-list--nopad {
	padding-bottom: 0;
}

.up-list__item {
	display: block;
	height: auto;
	float: none;
	margin-left: 0.375rem;
	margin-right: 0.375rem;
	width: 100%;
}

.up-list--basic {
	margin-left: 0;
	margin-right: 0;
}

@media (max-width: 768px) {
	.up-list--basic .up-list__item {
		margin-right: 0;
		margin-left: 0;
		margin-bottom: 1.5rem;
	}
}

.up-list .slick-list {
	width: 100%;
	overflow: hidden;
}

.up-list .slick-list::after {
	clear: both;
	content: '';
	display: block;
}

.up-list .slick-track {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	flex-direction: row;
}

@media (min-width: 768px) {
	.up-list {
		margin: 0;
	}
	.up-list__item {
		margin-left: 5%;
		margin-right: 0;
		margin-bottom: 5%;
	}
	.up-list__item--two {
		width: 47.5%;
	}
	.up-list__item--two:nth-child(2n+1) {
		margin-left: 0;
	}
	.up-list__item--three {
		width: 30%;
	}
	.up-list__item--three:nth-child(3n+1) {
		margin-left: 0;
	}
	.up-list__item--four {
		width: 21.25%;
	}
	.up-list__item--four:nth-child(4n+1) {
		margin-left: 0;
	}
	.up-list__item:first-child {
		margin-left: 0;
	}
}

.preview-card {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	flex-direction: column;
	height: 100%;
	background-color: #ffffff;
	-webkit-transition: box-shadow 0.2s, color 0.25s;
	transition: box-shadow 0.2s, color 0.25s;
}

.slick-slide .preview-card {
	pointer-events: none;
}

.slick-current .preview-card {
	pointer-events: all;
	cursor: default;
}

.slick-current a.preview-card {
	cursor: pointer;
}

.preview-card--hero {
	background-color: transparent;
}

.preview-card__header {
	display: block;
	position: relative;
}

.preview-card__header--time {
	overflow: hidden;
}

.preview-card--hero .preview-card__header {
	margin-bottom: -40px;
	width: 100%;
}

.preview-card__header-inner {
	padding-top: 66%;
}

.preview-card__pic {
	display: block;
	padding-top: 66%;
	background-color: #000000;
	background-position: center center;
	background-size: cover;
}

.preview-card__pic--time {
	padding-top: 58%;
}

.preview-card--hero .preview-card__pic {
	padding-top: 0;
	height: 220px;
}

.preview-card__pic img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.preview-card__vid {
	height: 3.8rem;
	width: 3.8rem;
	background-color: #ffffff;
	position: absolute;
	bottom: 20px;
	left: 1.5rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}

@media (min-width: 768px) {
	.preview-card__vid {
		bottom: 0;
		left: 0;
	}
}

.preview-card__vid-icon {
	display: block;
	height: 1rem;
	width: 1rem;
}

.preview-card__vid-icon svg path,
.preview-card__vid-icon svg polygon {
	stroke: currentColor;
}

.preview-card__date {
	position: absolute;
	bottom: -1px;
	left: -1px;
	background-color: #ffffff;
	margin: 0;
	padding: 10px 20px;
	font-size: 15px;
}

.preview-card__content {
	display: block;
	background-color: #ffffff;
	padding: 1.2rem;
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	flex-grow: 1;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.preview-card--hero .preview-card__content {
	margin: 0 1.5rem;
	z-index: 1;
}

.preview-card__content--alt-style {
	background-color: #f2f2f2;
}

.preview-card__main {
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	flex-grow: 1;
}

.preview-card__cta {
	display: inline-block;
}

.preview-card__cta--foot {
	padding-top: 20px;
}

@media (min-width: 768px) {
	.preview-card:hover {
		box-shadow: 2px 3px 8px 0 #b2b2b2;
	}
	.preview-card--hero {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row;
		flex-direction: row;
		-webkit-box-align: stretch;
		-webkit-align-items: stretch;
		align-items: stretch;
	}
	.preview-card--hero .preview-card__header, .preview-card--hero .preview-card__content {
		width: 50%;
		min-height: 26rem;
	}
	.preview-card__header {
		display: block;
	}
	.preview-card--hero .preview-card__header {
		height: auto;
		width: 50%;
		margin-bottom: 0;
	}
	.preview-card--compact .preview-card__header-inner {
		padding-top: 42%;
	}
	.preview-card__pic--time {
		margin-bottom: 18px;
	}
	.preview-card--hero .preview-card__pic {
		height: 100%;
	}
	.preview-card--compact .preview-card__pic {
		padding-top: 42%;
	}
	.preview-card__date {
		font-size: 18px;
	}
	.preview-card--hero .preview-card__content {
		margin: 0;
		padding: 1.4rem 2.5rem;
	}
}

.preview-copy {
	padding-bottom: 20px;
}

.preview-copy__toplink {
	display: block;
}

.preview-copy__label {
	display: inline-block;
}

.preview-copy__label--sub {
	opacity: 0.5;
	padding-left: 8px;
}

.preview-copy__title {
	font-size: 24px;
	margin: 0;
}

.preview-copy__title--loose {
	line-height: 1.2em;
}

.preview-card--hero .preview-copy__title {
	font-size: 24px;
	margin-bottom: 0.4rem;
}

.preview-copy__subtitle {
	font-size: 18px;
}

.preview-copy__copy {
	font-size: 18px;
	opacity: 0.5;
	margin: 0;
	padding: 10px 0;
}

.preview-copy__copy--tight {
	line-height: 1.3em;
}

.preview-copy__copy p {
	font-size: 18px;
	opacity: 0.5;
	margin: 0;
}

.preview-copy__copy p--tight {
	line-height: 1.3em;
}

@media (min-width: 768px) {
	.preview-card--hero .preview-copy__title {
		font-size: 32px;
	}
}

.preview-foot__line {
	margin: 5px 0;
}

.preview-foot__underline {
	margin: 0;
}

.preview-foot__overline {
	margin: 0;
	font-style: ;
	font-size: 15px;
}

.profile-preview {
	background-color: #ffffff;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: column-reverse;
	flex-direction: column-reverse;
	padding: 0 1.2rem;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.profile-preview__pic-wrap {
	margin: 0 auto;
	width: 48%;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.profile-preview__mono-wrap img, .profile-preview__pic {
	display: block;
	min-width: 100%;
	height: auto;
	border-radius: 50%;
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	filter: gray;
}

.profile-preview--hero .profile-preview__line {
	display: none;
}

@media (min-width: 768px) {
	.preview-card--compact .profile-preview__pic-wrap {
		width: 32%;
	}
}

.pub-preview {
	background-color: #e9e9e9;
	padding-top: 66%;
}

.preview-card--hero .pub-preview {
	padding-top: 0;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.pub-preview__pic {
	display: block;
	margin: 20px;
	background-size: contain;
	background-position: center center;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

@media (min-width: 768px) {
	.preview-card--compact .pub-preview {
		padding-top: 42%;
	}
}

.office-contact {
	padding: 0 0 20px 0;
	margin: 0;
	list-style-type: none;
	opacity: 0.5;
	font-size: 13px;
}

.timeline {
	padding: 1.6rem 0 2.7rem;
}

.timeline__ctrl {
	position: relative;
}

@media (min-width: 768px) {
	.timeline {
		padding: 2.7rem 0 2.7rem;
	}
	.timeline__title {
		text-align: center;
	}
	.timeline__ctrl {
		padding: 0 5rem;
	}
}

.tl-content {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 1rem 0;
	margin-left: -1.5rem;
	margin-right: -1.5rem;
}

.tl-content__item {
	display: block;
	height: auto;
	float: none;
	margin-left: 0.375rem;
	margin-right: 0.375rem;
	width: 100%;
	cursor: pointer;
}

.tl-content .slick-list {
	width: 100%;
	overflow: hidden;
}

.tl-content .slick-list::after {
	clear: both;
	content: '';
	display: block;
}

.tl-content .slick-track {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	flex-direction: row;
}

@media (min-width: 768px) {
	.tl-content {
		margin-left: -28px;
		margin-right: -28px;
		padding: 3rem 0;
	}
	.tl-content__item {
		margin-left: 28px;
		margin-right: 28px;
	}
	.tl-content .slick-list {
		overflow: visible;
	}
	.tl-content .slick-slide {
		-webkit-transition: -webkit-transform 0.5s;
		transition: -webkit-transform 0.5s;
		transition: transform 0.5s;
		transition: transform 0.5s, -webkit-transform 0.5s;
	}
	.tl-content .slick-current {
		-webkit-transform: scale(1.08);
		-ms-transform: scale(1.08);
		transform: scale(1.08);
	}
}

.tl-ctrl {
	position: relative;
	margin-left: -1.5rem;
	margin-right: -1.5rem;
	padding-top: 2rem;
}

.tl-ctrl__scroller {
	overflow-x: scroll;
}

.tl-ctrl__scroller-inner {
	padding: 1rem;
	width: 300vw;
}

.tl-ctrl::before, .tl-ctrl::after {
	content: '';
	display: block;
	position: absolute;
	height: 100%;
	top: 0;
	width: 3rem;
	z-index: 10;
}

.tl-ctrl::before {
	left: 0;
	background-image: -webkit-gradient(linear, left top, right top, from(#e9e9e9), to(rgba(233, 233, 233, 0)));
	background-image: -webkit-linear-gradient(left, #e9e9e9 0%, rgba(233, 233, 233, 0) 100%);
	background-image: linear-gradient(to right, #e9e9e9 0%, rgba(233, 233, 233, 0) 100%);
}

.tl-ctrl::after {
	right: 0;
	background-image: -webkit-gradient(linear, right top, left top, from(#e9e9e9), to(rgba(233, 233, 233, 0)));
	background-image: -webkit-linear-gradient(right, #e9e9e9 0%, rgba(233, 233, 233, 0) 100%);
	background-image: linear-gradient(to left, #e9e9e9 0%, rgba(233, 233, 233, 0) 100%);
}

.tl-ctrl__list {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: center;
	position: relative;
	height: 10px;
	padding-bottom: 1rem;
}

.tl-ctrl__list::before, .tl-ctrl__list::after {
	content: '';
	display: block;
	position: absolute;
	top: 4.5px;
	height: 1px;
}

.tl-ctrl__list::before {
	background-color: #000000;
	left: 0;
	right: 13%;
}

.tl-ctrl__list::after {
	background-color: #b2b2b2;
	left: 87%;
	right: 0;
}

.tl-ctrl__item {
	border: 1px solid #000000;
	background-color: #e9e9e9;
	display: block;
	height: 10px;
	width: 10px;
	border-radius: 50%;
	cursor: pointer;
	position: absolute;
	top: 0;
	text-indent: -99999px;
	-webkit-transition: background-color 0.5s, border-color 0.5s;
	transition: background-color 0.5s, border-color 0.5s;
	z-index: 1;
}

.tl-ctrl__item--is-active {
	background-color: #2bbf71;
	border-color: #2bbf71;
}

.tl-ctrl__labels {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-justify-content: space-around;
	justify-content: space-around;
}

.tl-ctrl__label {
	font-style: ;
	color: #343434;
	opacity: 0.5;
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	flex-grow: 1;
}

.tl-ctrl__button {
	display: none;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	border: 0;
	background-color: transparent;
	height: 60px;
	width: 60px;
	color: #000000;
	border: 1px solid currentColor;
	border-radius: 50%;
	-webkit-transition: opacity 0.5s, color 0.2s;
	transition: opacity 0.5s, color 0.2s;
}

.tl-ctrl__button:hover {
	color: #2bbf71;
}

.tl-ctrl__button.slick-disabled {
	opacity: 0.4;
	pointer-events: none;
}

.tl-ctrl__button--prev {
	right: -webkit-calc(100% + 10px);
	right: calc(100% + 10px);
	-webkit-transform: translateY(-50%) rotate(180deg);
	-ms-transform: translateY(-50%) rotate(180deg);
	transform: translateY(-50%) rotate(180deg);
}

.tl-ctrl__button--prev.tl-no-slider {
	right: -webkit-calc(50% + 10px);
	right: calc(50% + 10px);
}

.tl-ctrl__button--next {
	left: -webkit-calc(100% + 10px);
	left: calc(100% + 10px);
}

.tl-ctrl__button--next.tl-no-slider {
	left: -webkit-calc(50% + 10px);
	left: calc(50% + 10px);
}

.tl-ctrl__icon {
	width: 30%;
	height: 30%;
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	cursor: pointer;
}

.tl-ctrl__icon svg {
	width: 100%;
	height: 100%;
}

.tl-ctrl__icon svg path {
	stroke: currentColor;
}

@media (min-width: 768px) {
	.tl-ctrl {
		margin: 0;
	}
	.tl-ctrl__scroller {
		overflow: visible;
	}
	.tl-ctrl__scroller-inner {
		width: auto;
	}
	.tl-ctrl::before, .tl-ctrl::after {
		display: none;
	}
	.tl-ctrl__button {
		display: block;
	}
}

.related {
	padding-top: 2.2rem;
}

.related:after {
	content: "";
	display: table;
	clear: both;
}

.related--last {
	padding-bottom: 100px;
}

.related .footnote, .related .fullbleed__desc, .related .search-page__results .search-page__result--all .search__cat, .search-page__results .search-page__result--all .related .search__cat {
	margin: 0 0 0 20px;
}

.related h4 {
	margin-bottom: 0.7em;
	margin-left: 20px;
	line-height: 1;
}

.related > .cta {
	margin-bottom: 40px;
	clear: both;
}

@media (min-width: 1024px) {
	.related > .cta {
		float: right;
	}
}

@media (min-width: 1024px) {
	.related {
		padding-bottom: 0rem;
	}
}

.related-perspectives:after {
	content: "";
	display: table;
	clear: both;
}

.related-perspectives .slick-list {
	padding-left: 0 !important;
}

.related-perspectives .slick-slide img {
	display: inline-block;
}

.related-perspectives > .cta {
	padding-left: 3em;
	margin-bottom: 2rem;
}

@media (min-width: 1024px) {
	.related-perspectives {
		clear: both;
	}
	.related-perspectives > .cta {
		position: absolute;
		right: 1.5em;
		top: 4rem;
	}
}

@media (min-width: 1280px) {
	.related-perspectives > .cta {
		right: 0;
	}
}

.related-perspective {
	background: #ffffff;
	padding: 30px 20px;
	margin-bottom: 20px;
	margin-right: 1rem;
}

.related-perspective.last {
	margin-right: 0;
}

.related-perspective hr {
	margin: 20px 0;
}

.related-perspective h4 {
	margin: 0.25em 0 0.5em;
	line-height: 1.6;
}

.related-perspective p {
	margin: 0;
}

.related-perspective h4 + p {
	margin: 8px 0 16px;
}

.related-perspective__content:hover h4 {
	color: #2bbf71;
}

@media (min-width: 768px) {
	.related-perspective {
		width: 47.82609%;
		float: left;
		margin-bottom: 20px;
	}
	.related-perspective:nth-child(2n + 1) {
		margin-left: 0;
		margin-right: -100%;
		clear: both;
		margin-left: 0;
	}
	.related-perspective:nth-child(2n + 2) {
		margin-left: 52.17391%;
		margin-right: -100%;
		clear: none;
	}
}

.related-projects:after {
	content: "";
	display: table;
	clear: both;
}

.related-projects .slick-list {
	padding-left: 0 !important;
}

.related-projects > .cta {
	padding-left: 1.5em;
	margin-bottom: 2rem;
	clear: both;
}

@media (min-width: 768px) {
	.related-projects > .cta {
		padding-left: 3em;
		position: absolute;
		right: 1.5em;
		top: 3.5rem;
	}
}

@media (min-width: 1280px) {
	.related-projects > .cta {
		right: 0;
	}
}

.default-img {
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.related-project {
	position: relative;
	margin-right: 1rem;
	margin-bottom: 20px;
}

.related-project .img-wrap img {
	-webkit-filter: saturate(1) brightness(1);
	filter: saturate(1) brightness(1);
}

@media (min-width: 1024px) {
	.related-project:hover .img-wrap img {
		-webkit-filter: saturate(1.15) brightness(1.15);
		filter: saturate(1.15) brightness(1.15);
	}
}

.related-project p {
	margin-bottom: 0;
}

.related-project .img-wrap {
	width: 100%;
	margin-bottom: 15px;
	overflow: hidden;
	display: block;
	position: relative;
}

.related-project .img-wrap img {
	display: block;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	-webkit-transform: translateZ(0) scale(1, 1);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	width: 100%;
	min-height: 100%;
	max-width: none;
}

@media (min-width: 1024px) {
	.related-project {
		margin-bottom: 40px;
	}
}

@media (min-width: 768px) {
	.related-project {
		width: 30%;
		margin-left: 5%;
		float: left;
		margin-right: 0;
	}
	.related-project .img-wrap {
		height: auto;
		max-height: 260px;
	}
	.related-project:hover h5 {
		color: #2bbf71;
	}
}

.related-project .h5, .related-project .filter__list .filter__selected, .filter__list .related-project .filter__selected, .related-project .strain-dialog__selected, .related-project .project__title {
	margin-bottom: 0;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

.related-project p {
	margin-top: 0;
}

.related-project__content {
	position: relative;
	padding: 0 45px 0 20px;
	display: block;
}

.related-project__content .cta {
	position: absolute;
	right: 0;
	top: 0;
}

.related-project:first-of-type {
	margin-left: 0;
}

.related-expertise {
	color: #ffffff;
	position: relative;
	overflow: hidden;
	display: block;
	margin-bottom: 1rem;
	font-size: 28px;
	line-height: 1.2;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

.related-expertise::before {
	padding-top: 75.71429%;
	content: '';
	display: block;
}

.related-expertise:last-of-type {
	margin-bottom: 0;
}

.related-expertise img {
	position: absolute;
	top: 0;
	width: 100%;
	min-height: 100%;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

.related-expertise h5 {
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	text-align: center;
	margin-top: -15px;
	font-size: 24px;
	color: #ffffff;
}

@media (min-width: 1280px) {
	.related-expertise h5 {
		font-size: 28px;
	}
}

.related-expertise:hover, .related-expertise:focus, .related-expertise:active {
	color: #ffffff;
}

.related-expertise:hover h5, .related-expertise:focus h5, .related-expertise:active h5 {
	color: #ffffff;
}

.related-expertise + .cta {
	margin-top: 2.5rem;
}

.related-expertise__overlay {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.05);
}

@media (min-width: 768px) {
	.related-expertise {
		width: 30%;
		margin-left: 5%;
		float: left;
	}
	.related-expertise:first-of-type {
		margin-left: 0;
	}
	.related-expertise--cta {
		position: absolute;
		right: 1.5em;
		top: 4rem;
	}
	.related-expertise + .cta {
		margin-top: 0;
	}
}

@media (min-width: 1280px) {
	.related-expertise--cta {
		right: 0;
	}
	.related-expertise img {
		-webkit-filter: saturate(1) brightness(1);
		filter: saturate(1) brightness(1);
		-webkit-transition: all 0.5s;
		transition: all 0.5s;
	}
	.related-expertise:hover img {
		-webkit-filter: saturate(1.15) brightness(1.15);
		filter: saturate(1.15) brightness(1.15);
	}
}

.related-services {
	margin-top: 2.5rem;
}

.related-services h5 {
	margin-bottom: 0;
}

.related-services hr {
	margin: 20px 0 25px 0;
}

@media (min-width: 1024px) {
	.related-services--light hr {
		color: #ffffff;
	}
}

.pic-links {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	flex-direction: column;
}

@media (min-width: 768px) {
	.pic-links {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-align: stretch;
		-webkit-align-items: stretch;
		align-items: stretch;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
}

.pic-links__item {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: stretch;
	-webkit-align-items: stretch;
	align-items: stretch;
	width: 100%;
	margin-bottom: 1rem;
}

.pic-links__item:last-child {
	margin-bottom: 0;
}

@media (min-width: 768px) {
	.pic-links__item {
		width: auto;
		-webkit-box-flex: 1;
		-webkit-flex-grow: 1;
		flex-grow: 1;
		width: 0;
		margin-right: 5%;
		margin-bottom: 0;
		min-height: 16.5rem;
	}
	.pic-links__item:last-child {
		margin-right: 0;
	}
}

.pic-link {
	display: block;
	padding: 3rem;
	background: #b2b2b2 none scroll no-repeat center center;
	background-size: cover;
	color: #ffffff;
	font-size: 24px;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	position: relative;
}

@media (max-width: 768px) {
	.pic-link {
		background-image: none !important;
	}
}

.pic-link--mobile {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-size: cover;
	background-position: 50%;
}

@media (min-width: 768px) {
	.pic-link--mobile {
		display: none;
	}
}

.pic-link::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #000000;
	opacity: 0.3;
	-webkit-transition: opacity 0.25s;
	transition: opacity 0.25s;
}

.pic-link:visited, .pic-link:hover {
	color: #ffffff !important;
}

.pic-link:hover::before {
	opacity: 0.25;
}

.pic-link--stretch {
	width: 100%;
}

.pic-link__copy {
	position: relative;
	text-align: center;
}

.fullbleed {
	width: 100%;
	overflow: hidden;
	position: relative;
	padding: 0;
	padding-bottom: 5%;
	padding-bottom: 2rem;
}

.fullbleed.fullbleed--new.fullbleed--video .overlay {
	background-color: rgba(0, 0, 0, 0.25) !important;
}

.fullbleed.fullbleed--new .overlay {
	position: absolute;
	z-index: 2;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.15);
}

.fullbleed.fullbleed--new .fullbleed__inner {
	padding: inherit !important;
}

.fullbleed.fullbleed--new .page-info__content {
	border-top: none !important;
	padding-top: 0px !important;
}

.fullbleed.fullbleed--new .feature-title {
	padding-bottom: 0px !important;
}

.fullbleed.fullbleed--new .feature-title__label {
	display: none !important;
}

.fullbleed.fullbleed--new .feature-title__title {
	text-align: center;
}

@media (min-width: 768px) {
	.fullbleed.fullbleed--new .overlay {
		height: 100vh !important;
	}
	.fullbleed.fullbleed--new .feature-title__title {
		font-size: 72px;
		text-align: left !important;
	}
	.fullbleed.fullbleed--new .fullbleed__alt-content {
		height: 100%;
		position: absolute !important;
		bottom: 0 !important;
		padding: 50px 0 35px !important;
	}
	.fullbleed.fullbleed--new .fullbleed__alt-content .container--3col {
		width: 100% !important;
		top: 40%;
		-webkit-transform: translateY(-40%);
		-ms-transform: translateY(-40%);
		transform: translateY(-40%);
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.fullbleed.fullbleed--new .fullbleed__alt-content .container--3col .col__main {
		width: 60%;
		margin-left: 20%;
	}
	.fullbleed.fullbleed--new .fullbleed__alt-content .container--3col .page-info__copy {
		font-style: ;
	}
}

@media (min-width: 1024px) {
	.fullbleed.fullbleed--new .fullbleed__alt-content {
		height: 100%;
		position: absolute !important;
		bottom: 0 !important;
		padding: 50px 0 35px !important;
	}
	.fullbleed.fullbleed--new .fullbleed__alt-content .container--3col {
		width: 100% !important;
		position: absolute;
		top: 40%;
		-webkit-transform: translateY(-40%);
		-ms-transform: translateY(-40%);
		transform: translateY(-40%);
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.fullbleed.fullbleed--new .fullbleed__alt-content .container--3col .col__main {
		width: 60%;
		margin-left: 20%;
	}
	.fullbleed.fullbleed--new .fullbleed__alt-content .container--3col .page-info__copy {
		font-style: ;
	}
}

@media (max-width: 1023px) {
	.fullbleed.fullbleed--new .fullbleed__inner {
		padding: 10% 0 0 !important;
	}
}

@media (min-width: 768px) and (max-width: 1023px) {
	.fullbleed.fullbleed--new .fullbleed__alt-content {
		position: relative !important;
	}
	.fullbleed.fullbleed--new .fullbleed__alt-content .container-3col {
		position: relative !important;
	}
	.fullbleed.fullbleed--new .feature-title__title {
		font-size: 50px;
	}
}

@media (min-width: 1280px) {
	.fullbleed.fullbleed--new .page-info__copy {
		font-size: 24px;
	}
}

.fullbleed.reveal {
	z-index: 70;
}

.fullbleed.reveal + .fullbleed.reveal {
	z-index: 60;
}

.fullbleed--empty {
	background: #fafafa;
	color: #343434;
	padding-top: 2rem;
	padding: 0 !important;
	padding-top: 3.125rem !important;
	padding-bottom: 3.125rem !important;
}

.fullbleed--empty .page-info__title {
	max-width: 610px;
	margin: 0 auto;
}

.fullbleed--empty .page-info__title h1 {
	font-size: 36px;
}

.fullbleed--empty .fullbleed__alt-content {
	background-image: none;
	padding: 0;
}

.fullbleed--empty .fullbleed__subheading {
	color: #343434;
}

.fullbleed--hero .progressiveMedia {
	padding-bottom: 56.25%;
	overflow: hidden;
	position: relative;
	width: 100%;
}

.fullbleed--hero .progressiveMedia::after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.15);
	z-index: 1;
}

.fullbleed--hero .progressiveMedia.overlay-enabled::after {
	background: rgba(0, 0, 0, 0.4);
}

@media (min-width: 1280px) {
	.fullbleed--hero {
		height: -webkit-calc(
 85vh - 75px);
		height: calc(
 85vh - 75px);
	}
}

.fullbleed--project {
	color: #ffffff;
	padding: 0;
}

.fullbleed--project .fullbleed__container {
	margin-top: 0;
}

.fullbleed--project .fullbleed__inner {
	padding: 10% 0 0 0;
}

.fullbleed--project .progressiveMedia {
	padding-bottom: 0;
	overflow: visible;
	position: static;
	width: auto;
}

.fullbleed--project .progressiveMedia img,
.fullbleed--project > img {
	top: 50%;
	bottom: auto;
}

.fullbleed--secondary {
	margin-bottom: 2.5rem;
	padding-bottom: 0;
}

.fullbleed--secondary .fullbleed__text {
	margin-bottom: 0;
}

.fullbleed--secondary .fullbleed__container {
	margin-top: 0;
}

@media (min-width: 768px) {
	.fullbleed-carousel .slide.slick-slide:before {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		content: "";
		background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(70%, rgba(0, 0, 0, 0.8)));
		background: -webkit-linear-gradient(transparent 70%, rgba(0, 0, 0, 0.8));
		background: linear-gradient(transparent 70%, rgba(0, 0, 0, 0.8));
		z-index: 3;
	}
}

.fullbleed-carousel::after {
	display: none;
}

.fullbleed-carousel .slick-track {
	position: absolute;
	height: 100%;
}

.fullbleed-carousel .slick-list {
	padding-bottom: 56.25%;
	overflow: hidden;
	position: relative;
	width: 100%;
}

.fullbleed-carousel .slick-list::after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.05);
	z-index: 1;
}

.fullbleed-carousel .slick-list img {
	height: auto;
	min-height: 100%;
	object-fit: cover;
	min-width: 100%;
}

.fullbleed-carousel .slick-slide {
	min-height: 100%;
	width: 100%;
	position: absolute;
	overflow: hidden;
}

.fullbleed-carousel__detail {
	font-size: 13px;
	line-height: 1.54;
	letter-spacing: 1px;
	margin: 1.5rem;
}

@media (min-width: 768px) {
	.fullbleed-carousel__detail {
		font-size: 14px;
	}
}

.fullbleed-carousel__controls {
	position: absolute;
	right: 0;
	top: 1.5rem;
}

.fullbleed-carousel__controls svg path {
	stroke: #ffffff;
}

.fullbleed-carousel__text {
	display: block;
	margin-top: 0.5rem;
}

.fullbleed-carousel.dark-text .fullbleed-carousel__text,
.fullbleed-carousel.dark-text .fullbleed-carousel__detail {
	color: #343434;
}

.fullbleed-carousel.dark-text .fullbleed-carousel__controls svg,
.fullbleed-carousel.dark-text .fullbleed-carousel__controls path {
	stroke: #343434;
}

@media (min-width: 768px) {
	.fullbleed.service-banner {
		height: auto !important;
	}
}

@media (min-width: 1024px) {
	.fullbleed.service-banner {
		height: -webkit-calc(85vh - 75px) !important;
		height: calc(85vh - 75px) !important;
	}
}

@media (min-width: 768px) {
	.fullbleed.perspective-banner {
		min-height: 300px !important;
	}
	.fullbleed.perspective-banner .fullbleed__content--hero {
		top: 120px !important;
	}
}

@media (min-width: 1024px) {
	.fullbleed.perspective-banner {
		min-height: auto !important;
	}
	.fullbleed.perspective-banner .fullbleed__content--hero {
		top: 40% !important;
	}
}

.fullbleed .progressiveMedia img,
.fullbleed video,
.fullbleed > img {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 0;
	z-index: 1;
	min-height: 100%;
	max-width: none;
	min-width: 100%;
	height: auto;
	width: 100%;
}

.fullbleed .progressiveMedia img.mainImg {
	object-fit: cover;
}

.fullbleed .progressiveMedia .objectFit {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 0;
	z-index: 1;
	min-height: 100%;
	max-width: none;
	min-width: 100%;
	height: auto;
	width: 100%;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
	max-width: 100%;
}

.fullbleed .progressiveMedia .objectFit img.mainImg {
	min-height: 0;
	top: auto;
	width: auto;
	object-fit: none;
	left: auto;
	right: auto;
	margin: auto;
	bottom: auto;
	width: 100%;
	height: 100%;
	position: relative;
	max-width: auto;
}

.fullbleed video {
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
	opacity: 0;
}

.fullbleed video.active {
	opacity: 1;
}

.fullbleed .quote {
	max-width: 300px;
}

.fullbleed .icon-next {
	border-left: 1px solid #b2b2b2;
	border-left: 1px solid rgba(178, 178, 178, 0.2);
}

.fullbleed .icon-next,
.fullbleed .icon-prev {
	cursor: pointer;
	width: 13px;
	height: 13px;
	display: inline-block;
	vertical-align: middle;
	padding: 0 2em;
}

.fullbleed__inner {
	height: 100%;
	position: relative;
	overflow: hidden;
}

.fullbleed__outer {
	color: #343434;
	background-color: #ffffff;
	padding: 10px 0;
}

@media (min-width: 768px) {
	.fullbleed__outer {
		display: none;
	}
}

.fullbleed__lg {
	display: none;
}

.fullbleed__subheading {
	margin-bottom: 10px;
	display: block;
	font-style: ;
	display: none;
}

.fullbleed__container {
	z-index: 2;
	margin-top: 8%;
	margin-top: 2rem;
}

.fullbleed__container h1,
.fullbleed__container .h1 {
	margin-bottom: 0;
	padding-bottom: 0;
}

.fullbleed__content--light {
	background: rgba(255, 255, 255, 0.9);
	color: #343434;
}

.fullbleed__content--light .intro--bold {
	font-style: ;
}

.fullbleed__content--light p,
.fullbleed__content--light .quote {
	color: #343434;
}

.fullbleed__content .quote {
	margin-top: 0;
	margin-bottom: 0;
}

.fullbleed__content h2 {
	font-size: 24px;
}

@media (min-width: 1024px) {
	.fullbleed__content h2 {
		font-size: 32px;
	}
}

.fullbleed__content p:last-of-type {
	margin-bottom: 0;
}

.fullbleed__content a {
	font-weight: bold;
}

.fullbleed__desc {
	width: 100%;
	color: #343434;
	padding: 1rem 1.5rem;
}

.fullbleed__alt-content {
	position: relative;
	z-index: 2;
	width: 100%;
	overflow: hidden;
	padding: 4% 0;
}

@media (min-width: 768px) {
	.fullbleed__alt-content {
		background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0)));
		background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
		background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
	}
}

@media (min-width: 1024px) {
	.fullbleed__alt-content {
		position: absolute;
		bottom: 0;
		padding: 50px 0 35px;
	}
}

@media (min-width: 768px) {
	.fullbleed {
		padding: 0;
		color: #ffffff;
	}
	.fullbleed-carousel {
		height: 700px;
	}
	.fullbleed--empty {
		color: #343434;
		min-height: 0;
		height: auto;
		padding-top: 8.125rem !important;
		padding-bottom: 8.125rem !important;
	}
}

@media (min-width: 768px) and (min-width: 1280px) {
	.fullbleed--empty .page-info__title h1 {
		font-size: 72px;
	}
}

@media (min-width: 768px) {
	.fullbleed--empty .fullbleed__content,
	.fullbleed--empty .fullbleed__alt-content {
		position: relative;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		top: 0;
		background-image: none;
	}
	.fullbleed--hero {
		margin: 0;
	}
	.fullbleed--hero .fullbleed__container.fullbleed__container--left .fullbleed__content {
		max-width: 460px;
	}
}

@media (min-width: 768px) and (min-width: 1024px) {
	.fullbleed--hero {
		height: -webkit-calc(85vh - 75px);
		height: calc(85vh - 75px);
	}
}

@media (min-width: 768px) {
	.fullbleed--hero .progressiveMedia {
		padding-bottom: 0;
		overflow: visible;
		position: static;
		width: auto;
	}
	.fullbleed--expertise .fullbleed__subheading {
		margin-bottom: 10px;
	}
	.fullbleed--expertise .img-wrap {
		position: static;
	}
	.fullbleed-carousel {
		overflow: visible;
	}
	.fullbleed-carousel .slick-slider {
		height: 100%;
		width: 100%;
	}
	.fullbleed-carousel__slides {
		position: absolute;
		top: 0;
		right: 0;
		left: 0;
		bottom: 0;
		overflow: hidden;
	}
	.fullbleed-carousel .slick-list {
		padding-bottom: 0;
		position: absolute;
		top: 0;
		right: 0;
		left: 0;
		bottom: 0;
	}
	.fullbleed-carousel__detail {
		bottom: 20px;
		position: absolute;
		color: #ffffff;
		width: 100%;
		text-align: center;
	}
	.fullbleed-carousel__text {
		display: inline;
		margin-top: 0;
		width: 400px;
		display: inline-block;
		vertical-align: bottom;
	}
	.fullbleed-carousel__controls {
		display: inline-block;
		position: static;
	}
	.fullbleed--secondary {
		height: 800px;
	}
	.fullbleed::after {
		display: none;
	}
	.fullbleed .progressiveMedia img,
	.fullbleed video,
	.fullbleed > img {
		width: auto;
	}
	.fullbleed .progressiveMedia img,
	.fullbleed .progressiveMedia .objectFit,
	.fullbleed > img {
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		min-height: 115%;
		top: -15%;
		width: auto;
		object-fit: cover;
		left: -100%;
		right: -100%;
		margin: auto;
		bottom: auto;
		width: 100%;
		height: 100%;
		position: absolute;
		z-index: 1;
		max-width: 100%;
	}
	.fullbleed .progressiveMedia .objectFit img.mainImg {
		min-height: 0;
		top: auto;
		width: auto;
		object-fit: none;
		left: auto;
		right: auto;
		margin: auto;
		bottom: auto;
		width: 100%;
		height: 100%;
		position: relative;
		max-width: auto;
	}
	.fullbleed a.fullbleed__label {
		display: block;
	}
	.fullbleed__container {
		margin: 0 auto;
		height: 100%;
	}
	.fullbleed__container--left .fullbleed__content {
		max-width: 360px;
	}
	.fullbleed__container--wide .fullbleed__content {
		max-width: 560px;
	}
	.fullbleed__container h1,
	.fullbleed__container .h1 {
		font-size: 72px;
		line-height: 1;
	}
	.fullbleed__container p {
		color: #ffffff;
	}
	.fullbleed__subheading {
		color: #ffffff;
	}
	.fullbleed__content {
		max-width: 600px;
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		z-index: 2;
		width: -webkit-calc(80% - 3rem);
		width: calc(80% - 3rem);
		margin-left: 10%;
	}
	.fullbleed__content--hero {
		top: 40%;
	}
	.fullbleed__content--hero > *:nth-child(1) {
		opacity: 0;
		-webkit-animation: fadeInUp 0.5s ease-out 0.2s 1 normal both;
		animation: fadeInUp 0.5s ease-out 0.2s 1 normal both;
	}
	.fullbleed__content--hero > *:nth-child(2) {
		opacity: 0;
		-webkit-animation: fadeInUp 0.5s ease-out 0.4s 1 normal both;
		animation: fadeInUp 0.5s ease-out 0.4s 1 normal both;
	}
	.fullbleed__content--light {
		left: 0;
		padding: 4em 3.5em 6em;
		margin-left: 100px;
		max-width: 460px;
	}
	.fullbleed__content--light p {
		color: #343434;
	}
	.fullbleed__smHeading {
		display: none;
	}
	.fullbleed__lg {
		display: block;
	}
	.fullbleed__desc {
		opacity: 1;
		padding: 0;
		position: absolute;
		bottom: 30px;
		z-index: 100;
		font-size: 22px;
		line-height: 1.7;
		color: #ffffff;
		text-align: center;
		width: 100%;
		left: 0;
		right: 0;
		max-width: none;
	}
	.fullbleed__desc .fullbleed__text {
		max-width: 860px;
		display: inline-block;
		vertical-align: middle;
		padding-left: 1em;
		position: relative;
		vertical-align: left;
		margin: 0;
	}
	.fullbleed__desc .fullbleed__text::before {
		content: "";
		width: 5px;
		opacity: 0.75;
		background-color: #ffffff;
		display: inline-block;
		vertical-align: middle;
		margin-right: 25px;
		-webkit-clip-path: polygon(0 4%, 100% 5%, 100% 96%, 0 95%);
		clip-path: polygon(0 4%, 100% 5%, 100% 96%, 0 95%);
		position: absolute;
		left: 0;
		top: 0;
		height: 100%;
	}
	.fullbleed .list--links li {
		width: 50%;
		font-size: 18px;
	}
}

@media (min-width: 1024px) {
	.fullbleed.overlay-enabled {
		height: 700px;
	}
	.fullbleed.overlay-enabled .fullbleed__container .fullbleed__content {
		margin-left: 20%;
		width: 60%;
		max-width: 696px;
	}
}

@media (min-width: 1280px) {
	.fullbleed--empty .container--3col .col__main {
		margin: 0;
		width: 100%;
	}
	.fullbleed--empty .page-info__title h1 {
		font-size: 72px;
	}
	.fullbleed .list--links li {
		font-size: 20px;
	}
}

.page-hero {
	overflow: hidden;
	position: relative;
}

@media (min-width: 768px) {
	.fullbleed.dark-text .progressiveMedia:before {
		content: "";
		position: absolute;
		width: 100%;
		height: 100%;
		background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0.8)), color-stop(70%, rgba(255, 255, 255, 0)));
		background: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0) 70%);
		background: linear-gradient(to top, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0) 70%);
		z-index: 2;
	}
	.fullbleed.dark-text .fullbleed__desc p {
		color: #343434 !important;
	}
	.fullbleed.dark-text .fullbleed__desc p:before {
		background: #343434;
	}
	.fullbleed.dark-text .fullbleed__content h1 {
		color: #343434;
	}
}

.fullbleed.dark-text .fullbleed__inner .fullbleed__alt-content .container .col.col__main, .fullbleed.dark-text .fullbleed__inner .fullbleed__alt-content .rich-text .col.col__main {
	color: #343434 !important;
}

.fullbleed span.image-gradient {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 2;
	background: -webkit-gradient(linear, left bottom, left top, left, right, color-stop(0.5, rgba(0, 0, 0, 0)));
	background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) 100%);
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
	background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0) 100%);
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0) 100%);
}

.hub-style.fullbleed--hero .fullbleed__alt-content, .hub-style.fullbleed.fullbleed--new .fullbleed__alt-content {
	z-index: 5;
	padding: 0 !important;
	bottom: 0 !important;
	color: #343434;
	background-image: none;
	position: absolute !important;
	height: auto;
}

.hub-style.fullbleed--hero.service-banner .container, .hub-style.fullbleed--hero.service-banner .rich-text, .hub-style.fullbleed.fullbleed--new .fullbleed__alt-content .container--3col {
	position: relative !important;
	top: 0;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	left: 0;
}

.hub-style.fullbleed--hero.service-banner .container:before, .hub-style.fullbleed--hero.service-banner .rich-text:before, .hub-style.fullbleed--hero.fullbleed--new .container:before, .hub-style.fullbleed--hero.fullbleed--new .rich-text:before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 90%;
	width: 10000px;
	background-color: #ffffff;
}

.hub-style.fullbleed.fullbleed--new .fullbleed__alt-content .container--3col .page-info__copy, .hub-style.fullbleed .fullbleed__alt-content .container--3col .page-info__copy {
	font-size: 18px;
	font-style: normal;
	padding-bottom: 1rem;
}

.hub-style.fullbleed--hero.service-banner {
	height: -webkit-calc(100vh - 75px) !important;
	height: calc(100vh - 75px) !important;
}

.hub-style.fullbleed--hero .overlay {
	display: none;
}

.hub-style.fullbleed--hero.fullbleed--new .page-info__content {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-flow: row;
	flex-flow: row;
	position: relative;
	padding-top: 0.7rem !important;
}

.hub-style.fullbleed--hero.fullbleed--new .page-info__navigation {
	display: none;
}

.hub-style.fullbleed--hero.fullbleed--new .container--3col .page-info {
	width: 100%;
}

.hub-style.fullbleed--hero.fullbleed--new .page-info__title.feature-title {
	width: 100%;
	padding-bottom: 0.8rem !important;
}

.hub-style.fullbleed--hero .container--3col .col__main {
	width: 100% !important;
	margin: 0 !important;
}

.hub-style.fullbleed--hero .container--3col .page-info {
	background-color: #ffffff;
	padding: 1.5rem 1.5rem 1.5rem 0;
	width: 85%;
}

.hub-style.fullbleed--hero .page-info__content {
	border: none;
	display: block;
}

.hub-style.fullbleed--hero .hub-label {
	margin-top: 0;
	margin-bottom: 20px;
}

.hub-style.fullbleed--hero .hub-label .icon:before {
	width: 0.9rem;
	height: 0.6rem;
}

.hub-style.fullbleed--hero .cta--small.hub-label {
	padding-left: 1.8rem;
}

.hub-style.fullbleed--hero .cta--small.hub-label .icon {
	-webkit-transform: translateY(-50%) rotate(180deg);
	-ms-transform: translateY(-50%) rotate(180deg);
	transform: translateY(-50%) rotate(180deg);
	left: 0;
}

.hub-style.fullbleed--hero .cta--small.hub-label .icon svg {
	display: none;
}

.hub-style.fullbleed--hero .cta--small.hub-label .icon:after {
	width: 0.9rem;
	height: 0.6rem;
}

.hub-style.fullbleed--hero .cta--small span {
	font-size: 16px;
	font-style: normal;
	border-bottom: none;
}

.hub-style.fullbleed--hero .cta--small:hover span {
	border: none;
}

.hub-style.fullbleed--hero .page-info__navigation {
	display: none;
}

.hub-style.fullbleed--hero .fullbleed__outer {
	display: none;
}

.hub-style.fullbleed--hero.fullbeed--new .overlay {
	display: none;
}

.hub-style.fullbleed--hero .cta.hub-label {
	position: absolute;
	top: -80px;
}

.hub-style.fullbleed--hero .page-info__title .feature-title__title {
	margin-top: 30px;
	text-align: left;
}

.hub-style.fullbleed--hero .page-info__title .cta.hub-label {
	top: 20px;
	display: none;
}

.hub-style.fullbleed--hero .page-info .feature-title__label {
	display: none;
}

.hub-style.fullbleed.service-banner {
	height: -webkit-calc(100vh - 75px) !important;
	height: calc(100vh - 75px) !important;
}

.hub-style.fullbleed.fullbleed--new {
	height: -webkit-calc(100vh - 75px) !important;
	height: calc(100vh - 75px) !important;
}

.hub-style.fullbleed.fullbleed--new .page-info__title .cta.hub-label {
	display: inline-block;
}

@media (min-width: 768px) {
	.hub-style.fullbleed--hero .progressiveMedia img {
		min-height: 100%;
	}
	.hub-style.fullbleed--hero .progressiveMedia img.mainImg {
		min-height: 100%;
	}
	.hub-style.fullbleed--hero .progressiveMedia .objectFit {
		min-height: 100%;
	}
	.hub-style.fullbleed--hero .progressiveMedia:after {
		bottom: 15%;
	}
	.hub-style.fullbleed--hero.fullbleed--new .page-info__description {
		width: 70%;
		margin-right: 20px;
		padding-right: 20px;
	}
	.hub-style.fullbleed--hero.fullbleed--new .page-info__navigation {
		width: 30%;
		margin-top: -4rem;
		max-width: 100%;
		display: block;
	}
	.hub-style.fullbleed--hero.fullbleed--new .page-info__navigation span {
		font-style: ;
		display: block;
	}
	.hub-style.fullbleed--hero.fullbleed--new .page-info__navigation .cta span {
		font-style: normal;
		border: none;
		display: block;
	}
	.hub-style.fullbleed--hero.fullbleed--new .page-info__navigation .cta:hover span {
		border: none;
	}
	.hub-style.fullbleed--hero.fullbleed--new .page-info__navigation ul {
		margin: 0;
		padding: 0;
	}
	.hub-style.fullbleed--hero.fullbleed--new .page-info__navigation ul li {
		list-style: none;
		font-size: 20px;
		margin-bottom: 0.5rem;
	}
	.hub-style.fullbleed--hero.fullbleed--new .page-info__title.feature-title {
		width: 70%;
	}
	.hub-style.fullbleed--hero.fullbleed--video video {
		height: auto;
		object-fit: cover;
		top: 35%;
	}
	.hub-style.fullbleed--hero .container--3col .page-info {
		width: 75%;
	}
	.hub-style.fullbleed .fullbleed__alt-content .container--3col .page-info__copy {
		font-size: 20px;
		font-style: normal;
	}
	.hub-style.fullbleed.fullbleed--new .feature-title__title {
		font-size: 50px;
	}
	.hub-style .inpage__nav .cta--small {
		padding-left: 2.4rem;
		padding-right: 0;
	}
	.hub-style .inpage__nav .cta .icon {
		left: 0;
	}
	.hub-style .inpage__nav .cta .icon:after {
		top: -50%;
	}
	.hub-style .inpage__nav .cta:hover .icon:before {
		top: 100%;
	}
	.hub-style .inpage__nav .cta:hover .icon:after {
		top: 50%;
	}
	.hub-style .inpage__nav .cta:hover span:not(.icon) {
		padding-bottom: 2px;
	}
	.hub-style .inpage__nav .icon svg {
		display: none;
	}
	.hub-style .inpage__nav .cta--black .icon:after {
		background-size: contain;
		-webkit-transform: rotate(90deg) translate(-50%, -50%);
		-ms-transform: rotate(90deg) translate(-50%, -50%);
		transform: rotate(90deg) translate(-50%, -50%);
		top: 50%;
		left: 0;
		height: .6rem;
		width: .9rem;
		-webkit-transition: top .25s, opacity .25s, background-image .25s;
		transition: top .25s, opacity .25s, background-image .25s;
	}
	.hub-style .inpage__nav .cta--black .icon:before {
		background-size: contain;
		-webkit-transform: rotate(90deg) translate(-50%, -50%);
		-ms-transform: rotate(90deg) translate(-50%, -50%);
		transform: rotate(90deg) translate(-50%, -50%);
		top: 50%;
		left: 0;
		height: .6rem;
		width: .9rem;
		-webkit-transition: top .25s, opacity .25s, background-image .25s;
		transition: top .25s, opacity .25s, background-image .25s;
	}
}

.hub-style .util-contact__pic-wrap {
	display: block;
}

.hub-style .util-contact__main {
	display: block;
}

.icon-button {
	display: inline-block;
	background-color: transparent;
	border: 1px solid #b2b2b2;
	height: 40px;
	width: 40px;
	border-radius: 50%;
	position: relative;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}

.icon-button:hover {
	border-color: #2bbf71;
}

.icon-button:hover svg path {
	stroke: #2bbf71;
}

.icon-button svg path {
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}

.icon-button__icon {
	width: 13px;
	height: 13px;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.icon-button--minmax {
	border: 0;
	height: 13px;
	width: 13px;
}

@media (min-width: 768px) {
	.icon-button--minmax {
		border: 1px solid #b2b2b2;
		height: 40px;
		width: 40px;
	}
}

.prog-btn {
	position: relative;
	display: block;
	width: 40px;
	height: 40px;
	overflow: hidden;
	font-size: 18px;
	text-align: center;
	text-decoration: none;
	background-color: transparent;
	border: 0;
}

.prog-btn__content {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	z-index: 2;
}

.prog-btn__circle {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: #b2b2b2;
	border-radius: 100%;
}

.prog-btn__circle::after {
	content: '';
	position: absolute;
	top: 2px;
	left: 2px;
	width: 36px;
	height: 36px;
	border-radius: 100%;
	background: #ffffff;
}

.prog-btn__subsec {
	position: absolute;
	width: 50%;
	height: 100%;
	overflow: hidden;
}

.prog-btn__subsec--first {
	left: 0%;
}

.prog-btn__subsec--second {
	left: 50%;
}

.prog-btn__line {
	position: absolute;
	border-radius: 999px;
	width: 100%;
	height: 100%;
	background: #000000;
}

.prog-btn__line--first {
	left: 100%;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	-webkit-transform-origin: 0% 50%;
	-ms-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
}

.prog-btn__line--second {
	left: -100%;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	-webkit-transform-origin: 100% 50%;
	-ms-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
}

[data-alert-duration] .prog-btn .prog-btn__line {
	-webkit-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	transform: rotate(-180deg);
}

[data-alert-duration] .prog-btn--is-active .prog-btn__line--first {
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: -webkit-transform 2.5s linear;
	transition: -webkit-transform 2.5s linear;
	transition: transform 2.5s linear;
	transition: transform 2.5s linear, -webkit-transform 2.5s linear;
	-webkit-transition-delay: 2.5s;
	transition-delay: 2.5s;
}

[data-alert-duration] .prog-btn--is-active .prog-btn__line--second {
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: -webkit-transform 2.5s linear;
	transition: -webkit-transform 2.5s linear;
	transition: transform 2.5s linear;
	transition: transform 2.5s linear, -webkit-transform 2.5s linear;
}

.inpagenav {
	background: #fff;
	background-position: center;
	background-size: cover;
	padding: 40px 0px 50px 0px;
}

.inpagenav.inpagenav--bgPicture .inpagenav-item, .inpagenav.inpagenav--bgGray .inpagenav-item {
	background-color: #fff;
}

.inpagenav h2 {
	font-size: 32px;
}

.inpagenav h3 {
	font-size: 36px;
}

.inpagenav .inpagenav-item {
	width: 100%;
	float: left;
	height: 250px;
	position: relative;
	opacity: 0.9999999;
	margin-bottom: 6px;
}

.inpagenav .inpagenav-item a.linkfill {
	display: block;
	height: 100%;
	width: 100%;
	text-decoration: none;
	position: absolute;
	z-index: 2;
}

.inpagenav .inpagenav-item a.linkfill .cta .icon {
	height: 2rem;
	width: 2rem;
}

.inpagenav .inpagenav-item a.linkfill:hover .inner {
	background-color: #2bbf71;
	color: #fff !important;
}

.inpagenav .inpagenav-item a.linkfill:hover .inner h4,
.inpagenav .inpagenav-item a.linkfill:hover .inner p {
	color: #fff !important;
}

.inpagenav .inpagenav-item a.linkfill:hover .inner .cta circle {
	stroke: #fff !important;
}

.inpagenav .inpagenav-item a.linkfill:hover .inner .cta ::after {
	background-image: url(../images/arrow-white.svg) !important;
}

.inpagenav .inpagenav-item .inner {
	padding: 2rem 20px;
	height: 100%;
	margin-left: 3px;
	margin-right: 3px;
	overflow: hidden !important;
	position: relative;
	background-color: transparent;
	color: #000 !important;
	-webkit-transition: background-color 0.25s ease-out;
	transition: background-color 0.25s ease-out;
}

@media (min-width: 768px) {
	.inpagenav .inpagenav-item .inner {
		padding: 4rem 20px;
	}
}

.inpagenav .inpagenav-item .inner .background {
	height: 100%;
	width: 100%;
	position: absolute;
	z-index: -1;
	top: 0px;
	left: 0px;
}

.inpagenav .inpagenav-item .inner .background.background-image {
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	/*
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
		filter: grayscale(100%);
		*/
	opacity: 0.15 !important;
}

.inpagenav .inpagenav-item .inner .background.background-color {
	background-color: #f2f2f2;
	z-index: -2 !important;
}

.inpagenav .inpagenav-item .inner h4,
.inpagenav .inpagenav-item .inner p {
	color: #343434 !important;
}

.inpagenav .inpagenav-item .inner h4 {
	font-size: 24px !important;
	font-weight: normal;
	margin-bottom: 8px;
}

.inpagenav .inpagenav-item .inner p {
	font-size: 18px;
	margin-top: 0px;
	padding-right: 70px;
}

.inpagenav .inpagenav-item .inner .cta {
	left: 13px !important;
	bottom: 33px;
	position: absolute !important;
}

@supports (display: flex) {
	.inpagenav .inpagenav-container {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
	.inpagenav .inpagenav-container:after {
		content: "";
	}
	.inpagenav .inpagenav-container .inpagenav-item {
		float: none;
		height: auto;
	}
	.inpagenav .inpagenav-container .inpagenav-item a.linkfill {
		position: relative;
		display: block;
		min-height: 250px;
	}
	@media (min-width: 768px) {
		.inpagenav .inpagenav-container .inpagenav-item {
			-webkit-box-flex: 0;
			-webkit-flex: 0 0 50%;
			flex: 0 0 50%;
		}
	}
	@media (min-width: 1024px) {
		.inpagenav .inpagenav-container .inpagenav-item {
			-webkit-box-flex: 0;
			-webkit-flex: 0 0 33.3333333%;
			flex: 0 0 33.3333333%;
		}
	}
	@media (min-width: 768px) {
		.inpagenav .inpagenav-container:after {
			-webkit-box-flex: 0;
			-webkit-flex: 0 0 50%;
			flex: 0 0 50%;
		}
	}
	@media (min-width: 1024px) {
		.inpagenav .inpagenav-container:after {
			-webkit-box-flex: 0;
			-webkit-flex: 0 0 33.3333333%;
			flex: 0 0 33.3333333%;
		}
	}
}

@media (min-width: 768px) {
	.inpagenav .inpagenav-item {
		width: 33.33333333%;
	}
}

.intro-fact-block {
	padding: 40px 0;
}

.intro-fact-block .container, .intro-fact-block .rich-text {
	max-width: 930px;
}

.intro-fact-block__intro {
	font-size: 18px;
	line-height: 1.3;
}

.intro-fact-block__intro > *:first-child {
	margin-top: 0;
}

@media (min-width: 1280px) {
	.intro-fact-block__intro {
		font-size: 22px;
		line-height: 1.7;
	}
}

.intro-fact-block__intro > * {
	font-size: inherit;
	line-height: inherit;
}

.intro-fact-block__facts {
	margin-top: 30px;
}

@media (min-width: 1280px) {
	.intro-fact-block--lg {
		padding: 100px 0;
	}
}

@media (min-width: 1280px) {
	.intro-fact-block--lg .intro-fact-block__intro {
		font-size: 32px;
		line-height: 1.12;
	}
}

.intro-fact-block .intro + .cta {
	margin-top: 30px;
}

.intro-fact-block__main {
	margin-left: -40px;
}

.intro-fact-block__main > * {
	margin-left: 40px;
}

@media (min-width: 768px) {
	.intro-fact-block__main {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
	.intro-fact-block__main .intro-fact-block__intro {
		-webkit-flex-basis: 60%;
		flex-basis: 60%;
	}
	.intro-fact-block__main .intro-fact-block__facts {
		-webkit-flex-basis: 25%;
		flex-basis: 25%;
		margin-top: 0;
	}
}

.nav-grid {
	font-style: ;
	font-size: 18px;
	list-style: none;
	padding: 0;
}

@media (min-width: 1280px) {
	.nav-grid {
		font-size: 32px;
	}
}

.nav-grid li {
	padding: 0;
	margin: 10px 0;
}

.nav-grid a {
	display: block;
	padding: 10px 0;
}

@media (min-width: 768px) {
	.nav-grid {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.nav-grid li {
		margin: 30px 0;
		text-align: center;
		-webkit-box-flex: 1;
		-webkit-flex-grow: 1;
		flex-grow: 1;
		-webkit-flex-basis: 25%;
		flex-basis: 25%;
	}
	.nav-grid a {
		padding: 25px;
	}
}

.block {
	padding: 40px 0;
	position: relative;
}

@media (min-width: 1280px) {
	.block--pad-lg {
		padding: 110px 0;
	}
}

.block__media {
	position: absolute;
	top: 0;
	width: 100%;
	left: 0;
	height: 100%;
	overflow: hidden;
}

.block__media video,
.block__media img {
	display: block;
	position: relative;
	top: 50%;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	min-height: 100%;
	min-width: 100%;
	height: auto;
	width: auto;
	max-width: none;
}

@supports (object-fit: cover) {
	.block__media video,
	.block__media img {
		object-fit: cover;
		height: 100%;
		width: 100%;
	}
}

@supports (object-fit: cover) and (-ms-ime-align: auto) {
	.block__media video,
	.block__media img {
		height: auto;
		width: auto;
	}
}

.block--overlay .block__media:after {
	content: "";
	position: absolute;
	top: 0;
	width: 100%;
	left: 0;
	height: 100%;
}

.block--overlay[data-theme="dark"] .block__media:after {
	background-color: rgba(0, 0, 0, 0.4);
}

.block--overlay[data-theme="light"] .block__media:after {
	background-color: rgba(255, 255, 255, 0.4);
}

.block__main {
	position: relative;
}

#new_hub .nav-secondary {
	position: absolute;
	left: 0;
	right: 0;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 3;
	box-shadow: none;
	border-top: none;
}

#new_hub .nav-secondary .container, #new_hub .nav-secondary .rich-text {
	background: transparent;
}

#new_hub .nav-secondary .container:before, #new_hub .nav-secondary .rich-text:before {
	background: transparent;
}

#new_hub .nav-secondary__main > div:last-child {
	display: none;
}

#new_hub .nav-secondary li a, #new_hub .nav-secondary li, #new_hub .nav-secondary li:after {
	color: #fff;
}

.nav-secondary {
	background-color: #f9f9f9;
	box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.1);
	border-top: 1px solid #e0e0e0;
	position: relative;
	z-index: 1;
	overflow: hidden;
}

.nav-secondary ul {
	list-style: none;
	margin: 0;
	padding: 0;
	letter-spacing: 0.5px;
	font-style: ;
	font-size: 15px;
}

.nav-secondary li {
	display: inline-block;
	margin: 0;
	padding: 0;
}

.nav-secondary li a {
	display: inline-block;
	color: #343434;
	opacity: 0.5;
}

.nav-secondary li a:hover, .nav-secondary li a:focus {
	opacity: 1;
}

.nav-secondary li:not(:last-child):after {
	content: "/";
	display: inline-block;
	padding: 0 14px;
}

.nav-secondary a {
	padding-top: 15px;
	padding-bottom: 15px;
}

@media (min-width: 768px) {
	.nav-secondary__main {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		align-items: center;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
}

.nav-secondary__main > div:first-child {
	display: none;
}

@media (min-width: 768px) {
	.nav-secondary__main > div:first-child {
		display: block;
	}
}

.nav-secondary__main > div:last-child {
	background: #e8e8e8;
	position: relative;
}

@media (min-width: 768px) {
	.nav-secondary__main > div:last-child {
		padding-left: 40px;
	}
}

.nav-secondary__main > div:last-child:before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	width: 24px;
	left: -24px;
	background: #e9e9e9;
}

@media (min-width: 768px) {
	.nav-secondary__main > div:last-child:before {
		background: transparent;
		background-image: -webkit-gradient(linear, left top, right bottom, from(transparent), color-stop(50%, transparent), color-stop(50%, #e9e9e9), to(#e9e9e9));
		background-image: -webkit-linear-gradient(top left, transparent 0%, transparent 50%, #e9e9e9 50%, #e9e9e9 100%);
		background-image: linear-gradient(to bottom right, transparent 0%, transparent 50%, #e9e9e9 50%, #e9e9e9 100%);
	}
}

.nav-secondary__main > div:last-child:after {
	content: "";
	position: absolute;
	background: #e8e8e8;
	top: 0;
	bottom: 0;
	left: 100%;
	width: 800px;
}

.jobsearch-form {
	display: block;
}

.jobsearch-form ::-webkit-input-placeholder {
	/* WebKit browsers */
	color: transparent;
}

.jobsearch-form :-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: transparent;
}

.jobsearch-form input::-webkit-input-placeholder {
	color: transparent;
}

.jobsearch-form input::placeholder {
	color: transparent;
}

@media (min-width: 1280px) {
	.jobsearch-form {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
	}
}

.jobsearch-form__keyword > .icon {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.jobsearch-form div {
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	flex-grow: 1;
	position: relative;
}

.jobsearch-form div:last-child {
	-webkit-flex-basis: 100px;
	flex-basis: 100px;
}

.jobsearch-form div > .icon {
	position: absolute;
	top: 14px;
	left: 18px;
	cursor: pointer;
	margin-right: 0.5em;
	display: inline-block;
	height: 1.4em;
	width: 1.4em;
}

@media (min-width: 1280px) {
	.jobsearch-form div > .icon {
		top: 18px;
	}
}

.jobsearch-form input {
	padding: 4px 10px 3px 62px;
	font-size: 32px;
	border-color: #fff;
	margin-right: -1px;
	margin-bottom: 0.5em;
	width: 100%;
	max-width: none;
}

@media (min-width: 1280px) {
	.jobsearch-form input {
		margin-bottom: 0;
	}
}

.jobsearch-form button {
	background-color: #efefef;
	width: 100%;
}

.jobsearch-form button .cta-btn__text {
	padding: 0.75rem 3.5rem;
}

@media (min-width: 1280px) {
	.jobsearch-form button .cta-btn__text {
		padding: 1rem 4.5rem 1rem 4.5rem;
	}
}

/*
HERO
*/
.block--angle {
	padding: 0;
	overflow: hidden;
	position: relative;
}

.block--angle .angle {
	opacity: 0;
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
	margin-top: -2px;
}

.js-banner .block--angle .angle {
	opacity: 1;
}

@media (min-width: 1280px) {
	.block--angle {
		padding: 0;
	}
}

.block--angle .cta-btn {
	min-width: 250px;
}

.block--angle .container, .block--angle .rich-text {
	position: relative;
	z-index: 3;
	max-width: 930px;
}

.block--angle .container .abs, .block--angle .rich-text .abs {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	padding-top: 5em;
	width: 100%;
	min-height: 400px;
}

@media (min-width: 1280px) {
	.block--angle .container .abs, .block--angle .rich-text .abs {
		position: absolute;
		padding-top: 0;
		margin-top: -1em;
		height: 450px;
	}
}

.block--angle .container .abs h1, .block--angle .rich-text .abs h1 {
	margin-bottom: 1em;
	max-width: 80%;
	z-index: 2;
	min-height: 70px;
}

.block--angle .container .abs .abs_content, .block--angle .rich-text .abs .abs_content {
	-webkit-align-self: flex-end;
	align-self: flex-end;
	width: 100%;
	padding-bottom: 2em;
}

@media (min-width: 1280px) {
	.block--angle .container .abs .abs_content, .block--angle .rich-text .abs .abs_content {
		padding-bottom: 0;
	}
}

.block--angle .container .abs .abs_content .abs_search, .block--angle .rich-text .abs .abs_content .abs_search {
	position: relative;
	/*form {
            display: block;

            @include breakpoint(lg) {
              display: flex;
            }
          }*/
	/*.icon-search {
            position: absolute;
            top: 14px;
            left: 18px;
            cursor: pointer;

            @include breakpoint(lg) {
              top: 18px;
            }
          }
          input {
            padding: 0 10px 0 62px;
            font-size: 32px;
            border-color: #fff;
            margin-right: -1px;
            margin-bottom: 0.5em;
            @include breakpoint(lg) {
              margin-bottom: 0;
            }
          }
          button {
            background-color: #efefef;
            float: right;

            .cta-btn__text {
              padding: 0.75rem 3.5rem;

              @include breakpoint(lg) {
                padding: 1rem 4.5rem 1rem 4.5rem;
              }
            }
          }
          */
}

.block--angle .container .abs .abs_content .abs_search .placeholder, .block--angle .rich-text .abs .abs_content .abs_search .placeholder {
	position: absolute;
	padding: 13px 0 13px 62px;
	margin: 0;
	cursor: pointer;
	color: #b2b2b2;
	z-index: 1;
}

.block--angle .container .abs .abs_content .abs_search .placeholder span, .block--angle .rich-text .abs .abs_content .abs_search .placeholder span {
	color: #333;
}

@media (min-width: 1280px) {
	.block--angle .container .abs .abs_content .abs_search .placeholder, .block--angle .rich-text .abs .abs_content .abs_search .placeholder {
		padding: 11px 0 11px 62px;
	}
}

.angle {
	padding: 0;
	margin: 0;
	position: relative;
	line-height: 1;
}

.angle li {
	list-style: none;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	overflow: hidden;
}

.angle li .angle_wrap {
	overflow: hidden;
	width: 125%;
	height: 100%;
	padding-right: 25%;
}

.angle li video,
.angle li img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}

.angle li video {
	min-width: 780px;
}

.angle li:first-of-type {
	position: relative;
}

.angle li.active {
	z-index: 2;
}

.angle li.up_next {
	z-index: 1;
}

.angle {
	position: absolute;
	top: 0;
}

@media (min-width: 1280px) {
	.angle {
		position: relative;
		height: 700px;
	}
}

.angle .video_search_term,
.angle .video_search_heading {
	display: none;
}

@media (max-width: 1280px) {
	.angle.animate-mobile li .angle_wrap1 {
		position: relative;
		left: -150px;
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	.angle.animate-mobile li .angle_wrap2 {
		-webkit-transform: rotate(20deg);
		-ms-transform: rotate(20deg);
		transform: rotate(20deg);
		overflow: hidden;
		padding-top: 50%;
		padding-bottom: 50%;
		margin-top: -50%;
		margin-bottom: -50%;
		margin-right: -200px;
	}
	.angle.animate-mobile li .angle_wrap3 {
		-webkit-transform: rotate(-20deg);
		-ms-transform: rotate(-20deg);
		transform: rotate(-20deg);
		padding-right: 200px;
	}
	.angle.animate-mobile li .angle_wrap4 {
		position: relative;
		left: 150px;
	}
	.angle.animate-mobile li .angle_wrap1.angleswipe {
		left: -200%;
		-webkit-transition: left 1000ms linear;
		transition: left 1000ms linear;
	}
	.angle.animate-mobile li .angle_wrap1.angleswipe .angle_wrap4 {
		left: 200%;
		-webkit-transition: left 1000ms linear;
		transition: left 1000ms linear;
	}
	.angle.animate-mobile li .angle_wrap1.fade {
		opacity: 0;
		-webkit-transition: opacity 1000ms linear;
		transition: opacity 1000ms linear;
	}
}

@media (min-width: 1280px) {
	.angle.animate-desktop li .angle_wrap1 {
		position: relative;
		left: -150px;
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	.angle.animate-desktop li .angle_wrap2 {
		-webkit-transform: rotate(20deg);
		-ms-transform: rotate(20deg);
		transform: rotate(20deg);
		overflow: hidden;
		padding-top: 50%;
		padding-bottom: 50%;
		margin-top: -50%;
		margin-bottom: -50%;
		margin-right: -200px;
	}
	.angle.animate-desktop li .angle_wrap3 {
		-webkit-transform: rotate(-20deg);
		-ms-transform: rotate(-20deg);
		transform: rotate(-20deg);
		padding-right: 200px;
	}
	.angle.animate-desktop li .angle_wrap4 {
		position: relative;
		left: 150px;
	}
	.angle.animate-desktop li .angle_wrap1.angleswipe {
		left: -200%;
		-webkit-transition: left 1000ms linear;
		transition: left 1000ms linear;
	}
	.angle.animate-desktop li .angle_wrap1.angleswipe .angle_wrap4 {
		left: 200%;
		-webkit-transition: left 1000ms linear;
		transition: left 1000ms linear;
	}
	.angle.animate-desktop li .angle_wrap1.fade {
		opacity: 0;
		-webkit-transition: opacity 1000ms linear;
		transition: opacity 1000ms linear;
	}
}

#video_search {
	-webkit-transform: translate(0, 30px);
	-ms-transform: translate(0, 30px);
	transform: translate(0, 30px);
	opacity: 0;
	-webkit-transition: all 2s;
	transition: all 2s;
}

#video_search_heading {
	-webkit-transform: translate(0, 30px);
	-ms-transform: translate(0, 30px);
	transform: translate(0, 30px);
	opacity: 0;
	-webkit-transition: all 2s;
	transition: all 2s;
	-webkit-transition-delay: 1s;
	transition-delay: 1s;
}

#video_search_term {
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	opacity: 1;
}

#video_search_term.fadeout {
	opacity: 0;
}

.load #video_search_heading {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
	opacity: 1;
}

.load #video_search_heading.loaded {
	-webkit-transition: all 1.5s;
	transition: all 1.5s;
}

.load #video_search_heading.fadeout {
	-webkit-transform: translate(0, 30px);
	-ms-transform: translate(0, 30px);
	transform: translate(0, 30px);
	opacity: 0;
}

.load #video_search {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
	opacity: 1;
}

.quotelinks {
	/*
  > div {
    max-width: 60%;

    @include breakpoint(lg) {
      float: left;
    }

    + div {
      width: 100%;
      max-width: 100%;

      @include breakpoint(lg) {
        float: right;
        width: auto;
        min-width: 350px;
      }
    }
  }
  */
}

.quotelinks__main {
	max-width: 500px;
}

.quotelinks .container, .quotelinks .rich-text {
	max-width: 930px;
}

.quotelinks blockquote {
	position: relative;
	max-width: none;
	margin: 0;
}

.quotelinks blockquote > p {
	font-style: ;
}

.quotelinks blockquote > p:first-child:before {
	content: "“";
	display: inline-block;
	position: absolute;
	top: 0;
	margin-left: -25px;
}

@media (min-width: 1280px) {
	.quotelinks blockquote > p:first-child:before {
		margin-left: -30px;
	}
}

.quotelinks blockquote > p:last-child:after {
	content: "”";
	display: inline-block;
	margin-left: -5px;
}

@media (min-width: 1280px) {
	.quotelinks blockquote > p:last-child:after {
		margin-left: -15px;
	}
}

.quotelinks__links {
	border-top: 1px solid rgba(255, 255, 255, 0.7);
	padding-top: 25px;
	margin-top: 25px;
}

.quotelinks__links .cta--lg .cta__text {
	border: none !important;
}

.quotelinks__links li {
	border-bottom: 1px solid rgba(255, 255, 255, 0.4) !important;
}

.profile-block {
	margin: 60px auto;
	display: block;
	background-color: #f9f9f9;
}

@media (min-width: 768px) {
	.profile-block {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
	}
}

.profile-block .angle {
	height: auto;
	position: relative !important;
}

.profile-block .angle li {
	z-index: 2;
}

.profile-block .angle li:first-of-type {
	z-index: 1;
}

.profile-block .angle li .angle_wrap1 {
	left: -100px;
	-webkit-transition: left 500ms linear;
	transition: left 500ms linear;
}

.profile-block .angle li .angle_wrap2 {
	margin-right: -200px;
}

.profile-block .angle li .angle_wrap4 {
	left: 100px;
	-webkit-transition: left 500ms linear;
	transition: left 500ms linear;
}

.profile-block .angle li .angle_wrap2 {
	margin-right: -200px;
}

.profile-block:hover .angle li .angle_wrap1 {
	left: -200%;
}

.profile-block:hover .angle li .angle_wrap1 .angle_wrap4 {
	left: 200%;
}

.profile-block blockquote {
	font-weight: normal;
	font-size: 24px;
	font-style: ;
	line-height: 1.16;
	letter-spacing: normal;
	min-width: 100%;
	padding: 20px;
	margin: 0;
	position: relative;
}

.profile-block blockquote .h4, .profile-block blockquote .container--3col .col__main h2, .container--3col .col__main .profile-block blockquote h2, .profile-block blockquote .rich-text h2, .rich-text .profile-block blockquote h2, .profile-block blockquote .rt-section h2, .rt-section .profile-block blockquote h2, .profile-block blockquote .project--hero .project__title, .project--hero .profile-block blockquote .project__title {
	width: 100%;
	position: relative;
	font-size: inherit;
}

.profile-block blockquote .h4:before, .profile-block blockquote .container--3col .col__main h2:before, .container--3col .col__main .profile-block blockquote h2:before, .profile-block blockquote .rich-text h2:before, .rich-text .profile-block blockquote h2:before, .profile-block blockquote .rt-section h2:before, .rt-section .profile-block blockquote h2:before, .profile-block blockquote .project--hero .project__title:before, .project--hero .profile-block blockquote .project__title:before {
	content: "“";
	display: inline-block;
	position: absolute;
	top: 0;
	left: -25px;
}

@media (min-width: 1280px) {
	.profile-block blockquote .h4:before, .profile-block blockquote .container--3col .col__main h2:before, .container--3col .col__main .profile-block blockquote h2:before, .profile-block blockquote .rich-text h2:before, .rich-text .profile-block blockquote h2:before, .profile-block blockquote .rt-section h2:before, .rt-section .profile-block blockquote h2:before, .profile-block blockquote .project--hero .project__title:before, .project--hero .profile-block blockquote .project__title:before {
		margin-left: 0;
	}
}

.profile-block blockquote .h4:after, .profile-block blockquote .container--3col .col__main h2:after, .container--3col .col__main .profile-block blockquote h2:after, .profile-block blockquote .rich-text h2:after, .rich-text .profile-block blockquote h2:after, .profile-block blockquote .rt-section h2:after, .rt-section .profile-block blockquote h2:after, .profile-block blockquote .project--hero .project__title:after, .project--hero .profile-block blockquote .project__title:after {
	content: "”";
	display: inline-block;
	margin-left: -5px;
}

@media (min-width: 768px) {
	.profile-block blockquote {
		-webkit-box-flex: 1;
		-webkit-flex-grow: 1;
		flex-grow: 1;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		flex-direction: column;
	}
}

@media (min-width: 1280px) {
	.profile-block blockquote {
		padding: 30px 80px;
	}
}

.profile-block blockquote p {
	font: inherit;
}

.profile-block blockquote p:first-of-type:before {
	position: absolute;
	margin-left: -20px;
}

.profile-block--alt {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

.profile-block > * {
	-webkit-flex-basis: 50%;
	flex-basis: 50%;
}

.profile-block__media {
	position: relative;
}

.profile-block__media img {
	width: 100%;
	height: auto;
	display: block;
}

.profile-block__icon {
	width: 40px;
	height: 40px;
	position: absolute;
	bottom: 15px;
	right: 15px;
	z-index: 10;
	color: #fff;
	border: 1px solid #fff;
	border-radius: 50%;
	pointer-events: none;
}

.profile-block__icon:before, .profile-block__icon:after {
	content: "";
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background-color: currentColor;
	position: absolute;
}

.profile-block__icon:before {
	width: 10px;
	height: 1px;
}

.profile-block__icon:after {
	height: 10px;
	width: 1px;
}

.profile-block__content {
	position: relative;
	padding: 20px;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	flex-direction: column;
}

.profile-block-action {
	margin: 0 30px;
	margin-top: auto;
	display: block;
	padding: 15px 0;
	border-top: 1px solid #ccc;
	position: static;
}

.profile-block-action__inner {
	position: relative;
	display: block;
}

.profile-block-action__inner > * {
	display: block;
}

.profile-block-action__inner .icon {
	width: 26px;
	height: 26px;
	right: 0;
	top: 50%;
	position: absolute;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.profile-block-action__inner span:not(.icon) {
	border: none !important;
	padding-bottom: 0 !important;
}

.fancy-dropdown__label {
	display: block;
	font-size: 18px;
}

.fancy-dropdown .filter {
	margin: 0;
	color: inherit;
	padding-right: 40px;
	-webkit-transition: color 0.25s;
	transition: color 0.25s;
}

.fancy-dropdown .filter:after {
	background: url("../images/arrow-down--white.svg") no-repeat 0 0;
	background-size: cover;
	-webkit-transition: color 0.25s;
	transition: color 0.25s;
}

.fancy-dropdown .filter:hover {
	color: #2bbf71;
}

.fancy-dropdown .filter:hover:after {
	background: url("../images/arrow-down--red.png");
}

.fancy-dropdown .filter:after {
	background: url("../images/arrow-down.png") no-repeat 0 0;
	background-size: cover;
	-webkit-transition: color 0.25s;
	transition: color 0.25s;
}

@media (min-width: 1024px) {
	.fancy-dropdown {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
	}
	.fancy-dropdown .filter {
		padding-right: 40px;
	}
}

.perspectives__title {
	margin-left: 22px;
}

.perspectives__item {
	margin-bottom: 15px;
}

@media (min-width: 768px) {
	.perspectives__main {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		margin-left: -20px;
	}
	.perspectives__item {
		margin-left: 20px;
		-webkit-box-flex: 0;
		-webkit-flex: 0 1 33%;
		flex: 0 1 33%;
		margin-bottom: 0;
	}
}

@media (min-width: 1280px) {
	.perspectives__main {
		margin-left: -70px;
	}
	.perspectives__item {
		margin-left: 70px;
	}
}

.perspective {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: space-around;
	justify-content: space-around;
	min-height: 100%;
}

.perspective img {
	width: 100%;
	height: auto;
}

.perspective__media {
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
	width: 100%;
}

.perspective blockquote {
	margin: 0;
	padding: 16px 22px;
	max-width: none;
	font-style: ;
}

.perspective blockquote p {
	font-size: 20px;
	line-height: 1.4;
}

.perspective blockquote p:first-of-type:before {
	position: absolute;
	margin-left: -12px;
}

.perspective blockquote p:last-of-type:after {
	display: none;
}

.perspective__footer {
	margin-top: auto;
	padding: 10px 22px;
	border-top: 1px solid #ccc;
}

/**

fancy image
*/
.country-how-to-apply {
	padding-bottom: 20px;
}

@media (min-width: 1280px) {
	.country-how-to-apply {
		padding-bottom: 5rem;
	}
}

.country-how-to-apply img {
	width: 100%;
}

@media (min-width: 1280px) {
	.country-how-to-apply .fancy-dropdown__label {
		color: #fff;
	}
	.country-how-to-apply .fancy-dropdown .h3 span {
		color: #fff;
	}
	.country-how-to-apply .fancy-dropdown .h3 span:before {
		border-color: #fff;
		bottom: -2px !important;
	}
	.country-how-to-apply .fancy-dropdown .h3 span:after {
		background: url(../images/arrow-down--white.png) no-repeat 0 0;
	}
}

.country-how-to-apply .container--options > section {
	padding-bottom: 0;
	margin-bottom: 0;
	margin-top: 0;
}

.country-how-to-apply .container--options > section.section--loaded {
	height: 0;
	overflow: hidden;
}

@media (min-width: 1280px) {
	.country-how-to-apply .container--options > section > .container:first-of-type, .country-how-to-apply .container--options > section > .rich-text:first-of-type {
		padding: 2rem 1.5rem 0 !important;
	}
}

.country-how-to-apply .container--options > section hr {
	display: none;
}

.country-how-to-apply .container--options > section.section--active {
	height: auto;
	overflow: visible;
}

.country-how-to-apply .split-box {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: column-reverse;
	flex-direction: column-reverse;
}

@media (min-width: 1280px) {
	.country-how-to-apply .split-box {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		-webkit-flex-direction: row-reverse;
		flex-direction: row-reverse;
	}
}

.country-how-to-apply .tabs {
	margin-bottom: 0;
}

.country-how-to-apply .container, .country-how-to-apply .rich-text {
	margin-top: 0 !important;
}

@media (min-width: 1280px) {
	.country-how-to-apply .container, .country-how-to-apply .rich-text {
		padding: 0 !important;
		margin-top: 0 !important;
	}
}

.country-how-to-apply .container:last-of-type, .country-how-to-apply .rich-text:last-of-type {
	padding: 0 !important;
	margin-top: 0 !important;
}

.country-how-to-apply .container:first-of-type, .country-how-to-apply .rich-text:first-of-type {
	background: #fff;
	padding: 1rem 1.5rem 1rem;
}

@media (min-width: 1280px) {
	.country-how-to-apply .container:first-of-type, .country-how-to-apply .rich-text:first-of-type {
		background: transparent;
	}
}

.country-how-to-apply .container:first-of-type .h3, .country-how-to-apply .rich-text:first-of-type .h3 {
	margin-bottom: 0;
}

@media (min-width: 1280px) {
	.country-how-to-apply .container--filters {
		padding: 0 5rem 2.5rem !important;
		margin-top: -200px !important;
	}
}

@media (min-width: 1280px) {
	.country-how-to-apply .split-box {
		padding: 2.5rem 5rem 2.5rem !important;
	}
}

.country-how-to-apply .split-box__content {
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	background: #fafafa;
}

@media (min-width: 1280px) {
	.country-how-to-apply .split-box__content {
		padding: 0;
		padding-right: 0;
	}
}

.country-how-to-apply .split-box__pic-wrap {
	padding: 0 1.5rem;
}

.country-how-to-apply .split-box__pic-wrap a {
	width: 100%;
	margin-bottom: 1.5em;
}

@media (min-width: 1280px) {
	.country-how-to-apply .split-box__pic-wrap a {
		margin-bottom: 0;
	}
}

.country-how-to-apply + .content-slider > .container, .country-how-to-apply + .content-slider > .rich-text {
	background: #fff;
}

.country-how-to-apply + .content-slider > .container .tabs, .country-how-to-apply + .content-slider > .rich-text .tabs {
	margin-bottom: 0;
	padding-top: 2em;
	padding-bottom: 2em;
}

.media-comp {
	overflow: hidden;
	pointer-events: none;
	line-height: 1;
	-webkit-user-select: none;
	user-select: none;
}

.media-comp,
.media-comp > div {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}

.media-comp--overlay:after, .media-comp--overlay-dark:after, .media-comp--overlay-medium:after, .media-comp--overlay-light:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
}

.media-comp--overlay-medium:after {
	background: rgba(0, 0, 0, 0.4);
}

.media-comp--overlay-light:after {
	background: rgba(0, 0, 0, 0.2);
}

.media-comp img,
.media-comp video {
	position: relative;
	display: block;
	top: 50%;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	min-height: 100%;
	min-width: 100%;
	height: auto;
	width: auto;
	max-width: none;
}

@supports (object-fit: cover) {
	.media-comp img,
	.media-comp video {
		height: 100%;
		width: 100%;
		object-fit: cover;
	}
}

@supports (object-fit: cover) and (-ms-ime-align: auto) {
	.media-comp img,
	.media-comp video {
		height: auto;
		width: auto;
	}
}

.panel {
	padding: 40px 0;
	position: relative;
}

@media (min-width: 768px) {
	.panel {
		padding: 80px 0;
	}
}

.panel__container {
	position: static;
	padding: 0;
}

.panel__content {
	position: relative;
	z-index: 5;
	padding: 0 1.5rem;
}

.panel__label {
	font-size: 15px;
	font-style: ;
	margin-bottom: 5px;
}

[data-theme="dark"] {
	color: #fff;
	background: #141414;
}

[data-theme="dark"] hr,
[data-theme="dark"] p,
[data-theme="dark"] ul,
[data-theme="dark"] ul li,
[data-theme="dark"] ol,
[data-theme="dark"] ol li {
	color: inherit;
}

@media (max-width: 1279px) {
	.content-slider--wide .slick-list,
	.content-slider--wide .accordion__content {
		margin-left: -1.5rem;
		margin-right: -1.5rem;
	}
}

.scroll-panel {
	position: relative;
	overflow: scroll;
	overflow-x: hidden;
	padding: 0;
	padding-right: 17px;
	max-height: 271px;
}

.scroll-panel.has-scrollbar {
	overflow: hidden;
	padding-left: 30px;
}

.scroll-panel ul {
	margin: 0;
	padding: 0;
	max-height: 100%;
	-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, color-stop(80%, black), right);
	-webkit-mask-image: -webkit-linear-gradient(top, black 80%, rgba(0, 0, 0, 0) 100%);
}

.scroll-panel li {
	margin: 0.2em 0 1.6em 0;
	padding: 0;
	list-style: none;
}

.scroll-panel a {
	font-style: ;
	font-size: 18px;
}

.scroll-panel a.active {
	color: #2bbf71;
}

.scroll-panel .nano-pane {
	position: absolute;
	width: 7px;
	left: 0;
	right: auto;
	top: 0;
	bottom: 0;
}

.scroll-panel .nano-pane:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 1px;
	height: 100%;
	opacity: 0.2;
	background: currentColor;
	-webkit-transition: background-color 0.3s;
	transition: background-color 0.3s;
}

.scroll-panel .nano-pane .nano-slider {
	height: 5px;
	position: relative;
	margin: 0 1px;
	border-radius: 10px;
	background: currentColor;
	-webkit-transition: background-color 0.3s;
	transition: background-color 0.3s;
}

.nav-panel {
	padding: 40px 0;
	position: relative;
}

@media (min-width: 768px) {
	.nav-panel {
		padding: 160px 0 80px 0;
	}
}

@media (min-width: 1024px) {
	.nav-panel {
		margin: 4.375em 0;
	}
}

.nav-panel__container {
	position: static;
}

.nav-panel__inner {
	margin: 0 5% 0 12.5%;
}

.nav-panel__main {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	margin-left: -25px;
}

@media (min-width: 768px) {
	.nav-panel__main {
		margin-left: -50px;
	}
}

.nav-panel__nav, .nav-panel__content {
	margin-left: 25px;
}

@media (min-width: 768px) {
	.nav-panel__nav, .nav-panel__content {
		margin-left: 50px;
	}
}

.nav-panel__nav {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 25%;
	flex: 0 0 25%;
	position: relative;
	z-index: 10;
}

@media (min-width: 768px) {
	.nav-panel__nav {
		-webkit-box-flex: 0;
		-webkit-flex: 0 1 320px;
		flex: 0 1 320px;
	}
}

.nav-panel__nav h4 {
	font-size: 15px;
	margin-bottom: 1.4em;
	padding-right: 35px;
}

.nav-panel__scroller {
	max-height: 350px;
}

.nav-panel__content {
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	flex-grow: 1;
}

.nav-panel .panel {
	padding: 0 !important;
	position: static;
	color: inherit;
	background: transparent;
	max-width: 440px;
	margin-left: auto;
}

.nav-panel .panel__media {
	display: none;
}

.nav-panel .panel__content {
	padding: 0;
}

.nav-panel--reverse .nav-panel__content {
	-webkit-box-ordinal-group: 0;
	-webkit-order: -1;
	order: -1;
}

.nav-panel--reverse .panel {
	margin-left: 0;
}

.nav-panel .scroll-panel .nano-pane[style] {
	display: block !important;
}

.nav-panel .scroll-panel .nano-pane[style] .nano-slider {
	display: none;
}

.nav-panel:not(.nav-panel--reverse) .nav-panel__nav {
	text-align: right;
}

.nav-panel:not(.nav-panel--reverse) .scroll-panel li {
	padding-right: 8px;
}

.nav-panel:not(.nav-panel--reverse) .scroll-panel .nano-pane {
	left: auto;
	right: 0;
}

.error__img {
	margin: 0 auto;
	max-width: 680px;
	display: block;
	width: 100%;
}

.error__footer ul {
	margin: 40px 0 25px 0;
}

.error__bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.error__bg .error__bgimg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.error__bg--desktop .error__bgimg--404 {
	background: url("../images/backgrounds/404.jpg") no-repeat center;
	background-size: cover;
}

.error__bg--desktop::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.3);
}

.error__bg--mobile .error__bgimg--404 {
	background: url("../images/backgrounds/404-mob.jpg") no-repeat bottom center;
	background-size: cover;
}

.error__content {
	padding: 4rem 0 7rem 0;
	max-width: 225px;
	color: #ffffff;
	margin: 0 auto;
}

.error__content p {
	color: #ffffff;
	margin-bottom: 2rem;
	font-size: 22px;
	line-height: 1.3;
}

.error__content .h2, .error__content .container--3col .col__main .profile-header__name h2, .container--3col .col__main .profile-header__name .error__content h2 {
	margin-bottom: 2rem;
}

@media (min-width: 768px) {
	.error__content {
		padding-top: 6.8rem;
		padding-bottom: 16rem;
		max-width: 275px;
	}
}

@media (min-width: 1024px) {
	.error__content p {
		margin-bottom: 3.5rem;
	}
	.error__content .h2, .error__content .container--3col .col__main .profile-header__name h2, .container--3col .col__main .profile-header__name .error__content h2 {
		margin-bottom: 3.5rem;
	}
}

@media (min-width: 1280px) {
	.error__content {
		padding-top: 8.5rem;
		padding-bottom: 19rem;
		max-width: 575px;
		margin-left: 20%;
		margin-right: auto;
	}
}

#project-anchor {
	display: block;
	position: relative;
	top: -100px;
	visibility: hidden;
}

.article-sidebar {
	margin-bottom: 2rem;
}

.article-sidebar .subheading {
	margin-bottom: 0;
}

.article-sidebar__section {
	padding: 20px 0 10px;
	position: relative;
	border-bottom: 1px solid #b2b2b2;
	border-bottom: 1px solid rgba(178, 178, 178, 0.2);
}

.article-sidebar__section:last-of-type {
	border-bottom: none;
}

.article-sidebar__section .label--md {
	letter-spacing: 1px;
	margin-bottom: 0.25rem;
}

.article-sidebar__section .tag {
	margin-bottom: 10px;
}

.article-sidebar__section .icon {
	height: 8px;
	width: 8px;
	display: block;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -4px;
}

.article-sidebar__section .icon svg {
	z-index: -1;
}

.article-sidebar__section--toggle {
	padding: 20px 0;
	display: block;
}

.article-sidebar__section--toggle:hover span {
	color: #2bbf71;
}

.article-sidebar__section--toggle:hover svg path {
	stroke: #2bbf71;
}

.article-sidebar__section--toggle .link--small {
	max-width: 100px;
	display: block;
}

.article-contact .icon-text-block:first-of-type {
	margin-bottom: 40px;
	margin-left: -96px;
}

.featured-text {
	max-width: 470px;
	margin: 2em 0;
	position: relative;
	font-size: 24px;
	font-style: ;
	line-height: 1.2;
	padding-left: 35px;
}

.featured-text::before {
	content: '';
	width: 5px;
	background-color: #2bbf71;
	top: -16px;
	left: 0;
	bottom: -16px;
	position: absolute;
	-webkit-clip-path: polygon(0 4%, 100% 5%, 100% 96%, 0 95%);
	clip-path: polygon(0 4%, 100% 5%, 100% 96%, 0 95%);
}

@media (min-width: 1280px) {
	.featured-text {
		font-size: 32px;
		margin: 2.8em 0;
	}
}

.quote-container {
	padding: 0 1.5em;
}

@media (min-width: 1024px) {
	.quote-container {
		max-width: 672px;
	}
}

@media (min-width: 1280px) {
	.quote-container {
		padding: 0;
	}
}

.quote-container .cta {
	padding-left: 40px;
}

.hub .quote p {
	max-width: 470px;
}

.quote {
	max-width: 470px;
	margin: 2.2em 0;
	position: relative;
	padding-left: 35px;
}

@media (min-width: 1280px) {
	.quote {
		max-width: 520px;
	}
}

.quote--nopad {
	margin: 1rem 0;
}

.quote--after-pad {
	margin: 1rem 0 1.7rem;
}

.quote p::before,
.quote p::after {
	display: none;
}

.quote p {
	font-size: 20px;
	font-style: ;
	line-height: 1.2;
	margin-left: 10px;
}

.quote__symbol {
	position: absolute;
	top: -15px;
	left: 10px;
	font-size: 48px;
	font-style: ;
}

@media (min-width: 1280px) {
	.quote__symbol {
		top: 0;
	}
	.quote__symbol + p {
		padding-left: 40px;
	}
}

.quote .people {
	margin-top: 35px;
	display: block;
}

.quote .cta {
	margin-top: 15px;
}

@media (min-width: 1280px) {
	.quote {
		font-size: 32px;
		line-height: 1.1;
		padding-left: 0;
	}
	.quote .cta.cta--black {
		padding-left: 48px;
	}
	.quote p {
		font-size: 24px;
	}
}

.quote::before {
	content: '';
	width: 5px;
	background-color: #2bbf71;
	top: -16px;
	left: 0;
	bottom: -16px;
	position: absolute;
	-webkit-clip-path: polygon(0 4%, 100% 5%, 100% 96%, 0 95%);
	clip-path: polygon(0 4%, 100% 5%, 100% 96%, 0 95%);
}

@media (min-width: 1280px) {
	.quote--sm p {
		font-size: 20px;
		line-height: 1.6;
	}
}

@media (min-width: 768px) {
	.quote--pull:not(:last-child) {
		float: right;
		margin-left: 65px;
		max-width: 300px;
		margin-top: .5em;
		margin-bottom: .5em;
	}
}

@media (min-width: 1280px) {
	.quote--pull:not(:last-child) {
		margin-right: -150px;
	}
}

.large-quote {
	margin: 3rem auto;
	max-width: 1060px;
}

.large-quote h4 {
	padding-bottom: 1em;
	margin-bottom: 1em;
	border-bottom: 1px solid rgba(178, 178, 178, 0.2);
}

.large-quote .quote {
	margin: 0;
	width: 100%;
	max-width: none;
}

.large-quote .quote:after {
	content: "";
	display: table;
	clear: both;
}

.large-quote .cta {
	float: left;
	clear: both;
	margin-left: 50px;
	margin-top: 1rem;
}

@media (min-width: 1024px) {
	.large-quote {
		margin: 5rem auto;
	}
	.large-quote .quote {
		margin-left: 100px;
		padding-right: 100px;
		width: -webkit-calc(100% - 100px);
		width: calc(100% - 100px);
	}
	.large-quote p {
		float: left;
		width: 42%;
	}
	.large-quote .people {
		margin: 0;
		width: 50%;
		float: right;
	}
	.large-quote .people img {
		width: 166px;
		height: 166px;
		margin-right: 30px;
	}
	.large-quote .people .people__inner {
		width: -webkit-calc(100% - 206px);
		width: calc(100% - 206px);
		vertical-align: middle;
	}
	.large-quote .people .people__inner span:first-child {
		font-size: 60px;
		font-weight: normal;
		line-height: 100%;
		margin-bottom: 0.2em;
	}
}

.article-leads .people {
	margin-bottom: 1.5rem;
	display: block;
}

.article-leads .people.last {
	margin-bottom: 0;
}

@media (min-width: 1280px) {
	.article-leads__row {
		margin-bottom: 2rem;
	}
	.article-leads__row:after {
		content: "";
		display: table;
		clear: both;
	}
	.article-leads__row:last-of-type {
		margin-bottom: 0;
	}
	.article-leads .people {
		margin-bottom: 0;
		width: 40.67797%;
		float: left;
		margin-right: 1.69492%;
	}
	.article-leads .people:nth-child(3n) {
		margin-top: 2rem;
	}
	.article-leads .people.row-last {
		width: 40.67797%;
		float: right;
		margin-right: 0;
	}
}

.article-highlight {
	background: #fafafa;
	border-radius: 2px;
	padding: 1.250em 2.5em;
	margin: 2.5rem 0;
	margin-top: 2em;
	float: left;
	width: 100%;
}

.article-highlight:after {
	content: "";
	display: table;
	clear: both;
}

@media (min-width: 1280px) {
	.article-highlight {
		padding: 2.2em;
		margin: 4.6em 0;
		margin-top: 3em;
	}
}

.article-highlight .subheading {
	margin: 0;
	margin-bottom: 10px;
}

.article-highlight hr {
	height: 3px;
	border: none;
	background: #343434;
	opacity: 1;
	margin-bottom: 30px;
}

.highlight-section {
	background-color: #fafafa;
}

.highlight-section--padded {
	padding: 2rem 0 4rem;
}

.highlight-section--spaced {
	padding-bottom: 3rem;
}

.highlight-section--mobile {
	background-color: #fafafa;
}

@media (min-width: 1280px) {
	.highlight-section--mobile {
		background: none;
	}
}

.highlight-section--desktop {
	background: none;
}

@media (min-width: 1280px) {
	.highlight-section--desktop {
		background-color: #fafafa;
	}
}

.highlight-section--darker {
	background-color: #f2f2f2;
}

@media (max-width: 768px) {
	#article-anchor .rich-text__content h2.intro {
		font-size: 22px !important;
	}
}

.content-split {
	padding: 0 1.5rem;
}

.content-split--spaced {
	margin: 2.5rem 0;
	padding: 0;
}

.content-split h2.intro {
	font-size: 32px !important;
}

@media (max-width: 768px) {
	.content-split h2.intro {
		font-size: 24px !important;
	}
}

@media (min-width: 1024px) {
	.content-split {
		padding: 0;
		max-width: 905px;
		margin: 2.5rem auto;
	}
	.content-split:after {
		content: "";
		display: table;
		clear: both;
	}
	.content-split--spaced {
		margin-top: 5.5rem;
	}
	.content-split h4 {
		float: left;
		width: 37%;
		padding-left: 0.6em;
	}
	.content-split h2 {
		float: left;
		width: 37%;
		padding-left: 0.6em;
	}
	.content-split p, .content-split ul {
		float: right;
		width: 51%;
		margin-top: 0;
	}
	.content-split p:last-of-type, .content-split ul:last-of-type {
		margin-bottom: 0;
	}
}

@media (min-width: 1280px) {
	.content-split h4 {
		width: 43%;
		padding-left: 0;
	}
	.content-split p, .content-split ul {
		width: 53%;
	}
}

.float-box {
	position: relative;
	margin: 3rem 0;
}

.float-box--nopad {
	margin: 0;
}

.float-box__pic {
	background: #b2b2b2 none scroll no-repeat center center;
	background-size: cover;
	padding-bottom: 19rem;
}

.float-box__inner {
	max-width: 1160px;
	margin: 0 auto;
}

.float-box__box {
	padding: 1rem 1.5rem;
}

.float-box__box p > a {
	font-weight: 700;
	font-style: ;
	border-bottom: 1px solid rgba(179, 179, 179, 0.2);
}

.float-box__box p > a:hover {
	border-bottom: 1px solid rgba(255, 80, 86, 0.35);
}

.float-box blockquote span.p {
	display: block;
	font-style: ;
	line-height: 1.2;
	margin-left: 10px;
	color: #343434;
	word-wrap: break-word;
	padding-left: 40px;
	padding-left: 0px;
	font-size: 24px;
	font-size: 20px;
}

@media (min-width: 1280px) {
	.float-box blockquote span.p {
		padding-left: 40px;
		font-size: 24px;
	}
}

@media (min-width: 1024px) {
	.float-box {
		padding: 7rem 1.5rem;
	}
	.float-box--flip .float-box__inner {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		-webkit-flex-direction: row-reverse;
		flex-direction: row-reverse;
	}
	.float-box__pic {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		padding-bottom: 0;
	}
	.float-box__inner {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row;
		flex-direction: row;
	}
	.float-box__box {
		position: relative;
		background-color: rgba(255, 255, 255, 0.95);
		width: 28.5rem;
		padding: 3.5rem;
	}
}

.float-box__pic {
	display: none;
}

@media (min-width: 1024px) {
	.float-box__pic {
		display: block;
	}
}

.float-box__pic--mobile {
	display: block;
}

@media (min-width: 1024px) {
	.float-box__pic--mobile {
		display: none;
	}
}

.content-featured {
	position: relative;
}

.content-featured:after {
	content: "";
	display: table;
	clear: both;
}

.content-featured .img-wrap {
	overflow: hidden;
	z-index: 1;
}

.content-featured .img-wrap img {
	width: 100%;
	height: auto;
}

@media (min-width: 1024px) {
	.content-featured .img-wrap {
		width: 50%;
	}
}

.content-featured__content {
	max-width: 1160px;
	margin-left: auto;
	margin-right: auto;
	padding: 2rem 1.5em;
}

.content-featured__content:after {
	content: " ";
	display: block;
	clear: both;
}

.content-featured__content h4 {
	margin-bottom: 2.25rem;
}

.content-featured__content p {
	margin-bottom: 0;
}

.content-featured__content .cta {
	margin-top: 1.5rem;
}

@media (min-width: 1024px) {
	.content-featured.alt .img-wrap {
		margin-left: 50%;
	}
}

@media (min-width: 1024px) {
	.content-featured.alt .content-featured__content {
		left: 10%;
	}
}

@media (min-width: 1280px) {
	.content-featured.alt .content-featured__content {
		left: 18%;
	}
}

.content-featured.highlight {
	background: #fafafa;
}

@media (min-width: 1024px) {
	.content-featured {
		display: table;
		width: 100%;
	}
	.content-featured__content {
		display: table-cell;
		height: 100%;
		vertical-align: middle;
	}
	.content-featured__contentwrap {
		max-width: 280px;
		margin-left: 95px;
	}
	.content-featured__inner {
		max-width: 360px;
		margin-left: 12%;
		padding: 6% 0 9%;
	}
	.content-featured .img-wrap {
		display: table-cell;
		width: 50%;
		height: 100%;
	}
	.content-featured .img-wrap img {
		max-width: none;
		min-width: 100%;
	}
}

.fullwidth-image {
	position: relative;
	margin: 0;
	overflow: hidden;
}

.fullwidth-image .img-wrap {
	padding: 15% 0;
	overflow: hidden;
	z-index: 1;
	position: relative;
	min-height: 300px;
}

.fullwidth-image .img-wrap::after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.05);
	z-index: 1;
}

.fullwidth-image .img-wrap img {
	min-height: 100%;
	max-width: none;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
}

.fullwidth-image__content {
	padding: 2.5rem 0;
}

.fullwidth-image__content h4 {
	margin-bottom: 2.25rem;
}

.fullwidth-image__content p {
	margin: 2.5rem 0;
}

.fullwidth-image__desc {
	padding: 0;
	position: absolute;
	bottom: 40px;
	z-index: 5;
	font-size: 15px;
	line-height: 1.5;
	letter-spacing: 0.5px;
	color: #ffffff;
	text-align: left;
	margin: 0 1.5rem;
	display: table;
}

.fullwidth-image__desc::before {
	content: '';
	width: 5px;
	height: 35.5px;
	opacity: 0.75;
	background-color: #ffffff;
	display: table-cell;
	vertical-align: middle;
	-webkit-clip-path: polygon(0 0, 100% 5%, 100% 100%, 0 95%);
	clip-path: polygon(0 0, 100% 5%, 100% 100%, 0 95%);
}

.fullwidth-image__desc span {
	padding-left: 25px;
	display: table-cell;
	vertical-align: middle;
}

@media (min-width: 1024px) {
	.fullwidth-image {
		min-height: 680px;
	}
	.fullwidth-image__content {
		max-width: 40%;
		padding: 6rem 0 6rem 100px;
	}
	.fullwidth-image__content .h4, .fullwidth-image__content .container--3col .col__main h2, .container--3col .col__main .fullwidth-image__content h2, .fullwidth-image__content .rich-text h2, .rich-text .fullwidth-image__content h2, .fullwidth-image__content .rt-section h2, .rt-section .fullwidth-image__content h2, .fullwidth-image__content .project--hero .project__title, .project--hero .fullwidth-image__content .project__title {
		margin-bottom: 0;
	}
	.fullwidth-image__desc {
		margin-left: 50px;
		margin-right: 140px;
	}
	.fullwidth-image .img-wrap {
		position: absolute;
		height: 100%;
		width: 50%;
		right: 0;
	}
	.fullwidth-image .img-wrap img {
		width: 100%;
	}
}

.split-pic {
	position: relative;
}

.split-pic__content {
	max-width: -webkit-calc(1160px + (1.5rem * 2));
	max-width: calc(1160px + (1.5rem * 2));
	margin: 0 auto;
	padding: 2rem 1.5rem;
}

.split-pic__content p > a {
	font-weight: 700;
	font-style: ;
	border-bottom: 1px solid rgba(179, 179, 179, 0.2);
}

.split-pic__content p > a:hover {
	border-bottom: 1px solid rgba(255, 80, 86, 0.35);
}

.split-pic__video {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	overflow: hidden;
	pointer-events: none;
	min-height: 375px;
	line-height: 1;
	z-index: 1;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	background-attachment: fixed;
	-webkit-user-select: none;
	user-select: none;
	-webkit-transition: all .5s;
	transition: all .5s;
}

.split-pic__video video {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.split-pic__pic-wrap {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	align-items: flex-end;
	padding: 17rem 2rem 2rem;
}

.split-pic__pic {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: #b2b2b2 none scroll no-repeat center center;
	background-size: cover;
}

.split-pic__pic--desktop {
	display: none;
}

.split-pic__caption {
	position: relative;
	margin: 0;
	color: #ffffff;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: inline-flex;
	font-size: 15px;
}

.split-pic__caption::before {
	-webkit-clip-path: polygon(0 0, 100% 5%, 100% 100%, 0 95%);
	clip-path: polygon(0 0, 100% 5%, 100% 100%, 0 95%);
	content: '';
	width: 5px;
	opacity: 0.75;
	background-color: #ffffff;
	margin-right: 1.3rem;
	-webkit-align-self: stretch;
	align-self: stretch;
}

@media (max-width: 1024px) {
	.split-pic.advert {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-webkit-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}
}

@media (min-width: 1024px) {
	.split-pic.advert .split-pic__content {
		min-height: 25rem;
		padding: 0 1.5rem;
	}
}

@media (max-width: 1024px) {
	.split-pic.advert .split-pic__content {
		min-height: unset;
	}
}

.split-pic.advert .split-pic__inner {
	padding: 4rem 6rem 4rem 0;
}

@media (min-width: 1024px) {
	.split-pic--flip .split-pic__content {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		-webkit-flex-direction: row-reverse;
		flex-direction: row-reverse;
	}
	.split-pic--flip .split-pic__inner {
		padding-right: 0;
		padding-left: 6rem;
	}
	.split-pic--flip .split-pic__pic-wrap {
		right: 50%;
		left: 0;
	}
	.split-pic--flip .split-pic__pic-wrap--frame {
		margin: 4rem 0 4rem 4rem;
	}
	.split-pic--flip.advert .split-pic__inner {
		padding-right: 0;
		padding-left: 6rem;
	}
	.split-pic__content {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row;
		flex-direction: row;
		min-height: 40rem;
	}
	.split-pic__inner {
		width: 50%;
		padding: 8rem 6rem 8rem 0;
	}
	.split-pic__pic-wrap {
		padding: 2rem;
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		left: 50%;
	}
	.split-pic__pic-wrap--frame {
		margin: 4rem 4rem 4rem 0;
	}
	.split-pic__pic--mobile {
		display: none;
	}
	.split-pic__pic--desktop {
		display: block;
	}
}

.content-image {
	overflow: hidden;
	width: 100%;
	overflow: hidden;
	position: relative;
	color: #ffffff;
	padding: 10% 0;
	margin-bottom: 2.5rem;
}

.content-image > img {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	min-height: 100%;
	max-width: none;
	min-width: 100%;
	height: auto;
	width: 100%;
}

.content-image__content {
	padding: 1.5em 0 0 1.5em;
	color: #343434;
}

@media (min-width: 1280px) {
	.content-image {
		padding: 25% 0;
		height: auto;
	}
	.content-image > img {
		display: block;
	}
	.content-image__content {
		background: rgba(255, 255, 255, 0.9);
		padding: 2.5rem 4.7em;
		max-width: 500px;
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		left: 250px;
		z-index: 2;
	}
}

.discover {
	margin: 3.125rem auto;
}

.discover:after {
	content: "";
	display: table;
	clear: both;
}

.discover .discover__imagewrap {
	max-width: none;
	width: 100%;
	margin-left: -1.5rem;
	width: -webkit-calc(100% + 3rem);
	width: calc(100% + 3rem);
}

.discover .discover__imagewrap a {
	display: block;
}

.discover .discover__imagewrap a img {
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

.discover .discover__imagewrap a:hover img {
	-webkit-filter: saturate(1.15) brightness(1.15);
	filter: saturate(1.15) brightness(1.15);
}

.discover .discover__imagewrap p {
	position: absolute;
	bottom: 0;
	left: 0;
	width: auto;
	margin: 0;
	color: #ffffff;
	font-style: ;
	font-size: 18px;
	margin: 1em;
	border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}

.discover__tabs {
	margin: 0 auto;
	max-width: 850px;
	border-top: 1px solid #b2b2b2;
	border-top: 1px solid rgba(178, 178, 178, 0.2);
	padding-top: 2rem;
}

.discover__tabs li a {
	display: table;
	margin: 0 auto;
}

.discover__content {
	margin-top: 1.5rem;
}

.discover__content h4 {
	margin: 25px 0 50px 0;
}

@media (min-width: 1280px) {
	.discover {
		margin-bottom: 50px;
	}
	.discover > h4 {
		margin-bottom: 45px;
		margin-left: 20px;
	}
	.discover .discover__imagewrap {
		width: 50%;
		margin-left: 0;
		float: left;
	}
	.discover--left > img {
		float: right;
	}
	.discover--left .discover__content {
		float: left;
	}
	.discover__content {
		float: right;
		width: 50%;
		max-width: 400px;
		margin-right: 5%;
		padding-top: 5%;
	}
	.discover__content .heading--cta {
		padding-left: 1.3em;
	}
}

.hub .halfbleed {
	margin-bottom: 2.5rem;
}

.halfbleed {
	width: 100%;
	max-width: 902px;
	margin: 0 auto;
	position: relative;
	color: #ffffff;
	margin-bottom: 2.5rem;
	overflow: visible;
	z-index: 1;
}

.halfbleed-carousel {
	margin: 2.5rem auto;
	z-index: 1;
}

.halfbleed-carousel .slick-list,
.halfbleed-carousel .slick-track {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
}

.halfbleed-carousel__slides {
	padding-top: 56.25%;
}

.halfbleed-carousel::after {
	display: none;
}

.halfbleed-carousel .slick-list {
	overflow: hidden;
}

.halfbleed-carousel .slick-list::after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.05);
	z-index: 1;
}

.halfbleed-carousel .slick-dots {
	text-align: center;
	padding-left: 0;
	margin-bottom: 0;
	margin-top: 40px;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	bottom: -40px;
}

@media (min-width: 1024px) {
	.halfbleed-carousel .slick-dots {
		display: none !important;
	}
}

.halfbleed-carousel .slick-dots li {
	display: inline-block;
	margin-right: 5px;
}

.halfbleed-carousel .slick-dots li.slick-active button {
	background: #2bbf71;
}

.halfbleed-carousel .slick-dots li button {
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	display: inline-block;
	height: 7px;
	width: 7px;
	background: #e9e9e9;
	font-size: 0;
	line-height: 0;
	border: none;
	padding: 0;
	-webkit-transform: skew(-20deg);
	-ms-transform: skew(-20deg);
	transform: skew(-20deg);
}

.halfbleed-carousel__controls {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
}

.halfbleed-carousel .halfbleed__detail {
	padding-top: 0;
	margin-top: 40px;
}

@media (min-width: 1024px) {
	.halfbleed-carousel .halfbleed__detail {
		padding-top: 20px;
		color: #343434;
		background-color: #fafafa;
	}
}

.halfbleed__detail {
	position: relative;
	font-size: 13px;
	line-height: 1.54;
	letter-spacing: 1px;
	color: #b2b2b2;
	padding: 20px;
	z-index: 100;
}

.halfbleed__detail .current {
	font-weight: bold;
}

@media (min-width: 1024px) {
	.halfbleed .slide, .halfbleed__wrap {
		height: 520px;
		position: relative;
	}
}

.halfbleed__wrap {
	padding-top: 56.25%;
	overflow: hidden;
	position: relative;
}

.halfbleed .slide > img,
.halfbleed__wrap img {
	top: 0;
	left: 0;
	z-index: -1;
	height: auto;
	min-height: 100%;
	position: absolute;
}

.halfbleed .icon {
	display: inline-block;
	top: 50%;
	left: 50%;
	position: absolute;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.halfbleed .carousel__count {
	display: none;
}

@media (min-width: 1024px) {
	.halfbleed .carousel__count {
		display: table-cell;
		width: 12%;
	}
	.halfbleed .carousel__desc {
		display: table-cell;
		padding-right: 18.5%;
	}
	.halfbleed__detail {
		padding-right: 3em;
	}
}

.halfbleed .halfbleed-carousel__control {
	height: 100%;
	display: none;
	padding: 0 2em;
	border-left: 1px solid #b2b2b2;
	border-left: 1px solid rgba(178, 178, 178, 0.2);
	cursor: pointer;
	position: relative;
}

.halfbleed .halfbleed-carousel__control:hover .icon svg path,
.halfbleed .halfbleed-carousel__control:hover .icon svg ellipse {
	stroke: #2bbf71;
}

@media (min-width: 1024px) {
	.halfbleed .halfbleed-carousel__control {
		display: inline-block;
	}
}

.halfbleed .icon-next,
.halfbleed .icon-prev {
	width: 13px;
	height: 13px;
}

@media (min-width: 1024px) {
	.halfbleed {
		padding-top: 0;
	}
	.halfbleed-carousel .slick-list,
	.halfbleed-carousel .slick-track {
		position: static;
	}
	.halfbleed-carousel__slides {
		padding-top: 0;
	}
	.halfbleed-carousel .halfbleed__detail {
		margin-top: 0;
	}
}

@media (min-width: 1280px) {
	.halfbleed {
		margin-bottom: 5rem;
	}
}

.stats {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}

.stats--altbg {
	background-color: #f2f2f2;
}

.stats--pic {
	color: #ffffff;
}

.stats--pic .stats__content {
	min-height: 10rem;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(black));
	background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), black);
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), black);
	margin-top: 3rem;
}

.stats--contain {
	max-width: 1160px;
	margin: 0 auto;
}

.stats__pic-wrap {
	overflow: hidden;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	align-items: flex-end;
}

.stats__pic {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: transparent none scroll no-repeat center center;
	background-size: cover;
}

.stats__pic--desktop {
	display: none;
}

.stats__content {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	flex-direction: row;
	width: 100%;
	position: relative;
}

.stats__inner {
	max-width: 1160px;
	width: 100%;
	margin: 0 auto;
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	flex-grow: 1;
	margin: 0 auto;
	padding: 1rem 1.5rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
}

.stats__caption {
	position: relative;
	padding: 3rem 0 0;
	margin: 0;
	font-size: 10px;
	width: 100%;
	text-align: center;
}

.stats__stats-wrap {
	width: 100%;
	-webkit-box-flex: 0;
	-webkit-flex-grow: 0;
	flex-grow: 0;
}

@media (min-width: 1024px) {
	.stats--pic .stats__content {
		min-height: 40rem;
	}
	.stats__pic {
		padding-bottom: 0;
	}
	.stats__pic--mobile {
		display: none;
	}
	.stats__pic--desktop {
		display: block;
	}
	.stats__caption {
		text-align: right;
		font-size: 13px;
	}
}

.stat-row {
	text-align: center;
}

.stat-row__title {
	font-size: 30px;
	margin: 0;
	padding: 0 0 1rem 0;
}

.stat-row__list {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: space-around;
	justify-content: space-around;
}

.stat-row__item {
	padding: 1rem 0 0;
	font-size: 60px;
	line-height: 1em;
}

.stat-row__item:first-child {
	padding-top: 0;
}

.stat-row__unit {
	font-size: 0.5em;
}

.stat-row__desc {
	display: block;
	font-size: 13px;
	line-height: 1em;
}

@media (min-width: 1024px) {
	.stat-row {
		text-align: left;
	}
	.stat-row__title {
		font-size: 40px;
		padding: 0 0 2rem 0;
	}
	.stat-row__list {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row;
		flex-direction: row;
	}
	.stat-row__item {
		-webkit-box-flex: 0;
		-webkit-flex-grow: 0;
		flex-grow: 0;
		-webkit-flex-basis: 20%;
		flex-basis: 20%;
		font-size: 72px;
		padding: 0;
	}
	.stat-row__desc {
		font-size: 18px;
	}
}

/* Promoted  Content */
.promoted__content {
	margin: 3rem 0;
}

.promoted__content .promoted__content-container {
	z-index: 1;
	padding: 1.5rem 3rem;
	position: relative;
	width: 100%;
}

.promoted__content .publication__cover {
	display: none;
}

@media (max-width: 768px) {
	.promoted__content .content__heading {
		font-size: 24px;
	}
}

@media (min-width: 768px) {
	.promoted__content .promoted__content-container {
		width: 75%;
	}
	.promoted__content .publication__cover {
		position: absolute;
		top: -15%;
		right: 2.5%;
		display: block;
	}
	.promoted__content .pub-hero__cover {
		max-width: 225px;
		max-height: 195px;
	}
}

@media (min-width: 1024px) {
	.promoted__content .promoted__image {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 50%;
		right: 0;
		z-index: 0;
		background-size: cover;
		background-position: 50% 50%;
	}
	.promoted__content .promoted__content-container {
		width: 45%;
	}
	.promoted__content .promoted__content-container:after {
		background: #fafafa;
		bottom: 0;
		content: '';
		display: block;
		height: 100%;
		left: 95%;
		width: 30%;
		position: absolute;
		-webkit-transform: skewX(-20deg);
		-ms-transform: skewX(-20deg);
		transform: skewX(-20deg);
		z-index: -1;
	}
	.promoted__content .content__heading {
		font-size: 28px;
	}
	.promoted__content .content__strapline {
		font-size: 20px;
		line-height: 1.3;
	}
	.promoted__content .publication__cover {
		position: absolute;
		top: -15%;
		right: 2.5%;
		display: block;
	}
	.promoted__content .pub-hero__cover {
		max-width: 275px;
		max-height: 225px;
	}
}

.grey-background article {
	background: #fafafa;
}

.search-page {
	padding-top: 10px;
}

@media (min-width: 768px) {
	.search-page {
		padding-top: 25px;
	}
}

.search-page__form {
	position: relative;
	border-bottom: 1px solid #b2b2b2;
	border-bottom: 1px solid rgba(178, 178, 178, 0.2);
}

@media (min-width: 1280px) {
	.search-page__form {
		margin-bottom: 70px;
	}
}

.search-page .icon-close {
	display: block;
	height: 13px;
	width: 13px;
	position: absolute;
	top: 50%;
	margin-top: -6.5px;
	right: 0;
	cursor: pointer;
	bottom: 0.8125rem;
}

.search-page__frame {
	border-bottom: 1px solid #b2b2b2;
	border-bottom: 1px solid rgba(178, 178, 178, 0.2);
	padding: 25px 0 25px 25px;
	position: relative;
	margin-bottom: 20px;
	width: auto;
	max-height: 75px;
	overflow: hidden;
}

.search-page__frame::before {
	content: '';
	background-image: url("../images/arrow-down.png");
	background-repeat: no-repeat;
	background-size: 16px;
	width: 16px;
	height: 16px;
	position: absolute;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	opacity: 0.2;
	left: 0;
	top: 50%;
	margin-top: -4px;
}

@media (min-width: 768px) {
	.search-page__frame {
		padding: 35px 75px 35px 75px;
		max-height: none;
	}
}

@media (min-width: 1280px) {
	.search-page__frame {
		margin-bottom: 0;
		width: 156px;
		float: left;
		margin-right: 1.69492%;
		padding: 0;
		border-bottom: 0;
		margin-left: 4.6875rem;
	}
	.search-page__frame::before {
		display: none;
	}
}

.search-page__menu {
	list-style: none;
	margin: 0;
	padding: 0;
	height: 100%;
	opacity: 0;
}

.search-page__menu:after {
	content: "";
	display: table;
	clear: both;
}

.search-page__menu.active {
	opacity: 1;
}

@media (min-width: 1280px) {
	.search-page__menu {
		width: 100%;
	}
}

.search-page__menu-highlight {
	opacity: 0.5;
	font-weight: normal;
	font-size: 13px;
}

.search-page__menu-inner {
	display: inline-block;
}

.search-page__menu li {
	position: relative;
	font-size: 18px;
	line-height: 1.33;
	padding: 0 25px;
	float: left;
	cursor: pointer;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

.search-page__menu li::after {
	content: '';
	display: none;
	position: absolute;
	background: #2bbf71;
	height: 2px;
	bottom: -25px;
	left: 0;
	right: 0;
}

@media (min-width: 1280px) {
	.search-page__menu li {
		display: block;
		float: none;
		padding: 15px 0 10px;
		border-bottom: 1px solid #b2b2b2;
		border-bottom: 1px solid rgba(178, 178, 178, 0.2);
	}
	.search-page__menu li:first-of-type {
		padding-top: 0;
	}
	.search-page__menu li:last-child {
		border: none;
	}
}

.search-page__menu li.selected a,
.search-page__menu li.selected a:active {
	font-weight: bold;
	text-decoration: none;
	color: #2bbf71;
	outline: none;
}

.search-page__menu li.selected::after {
	display: block;
}

@media (min-width: 1280px) {
	.search-page__menu li.selected {
		border-bottom: 1px solid #2bbf71;
	}
	.search-page__menu li.selected::after {
		display: none;
	}
}

.search-page .flag {
	vertical-align: middle;
}

@media (min-width: 768px) {
	.search-page .flag {
		position: absolute;
		left: 10px;
		top: 5px;
	}
}

.search-page__results {
	margin-left: -10px;
	padding-left: 10px;
	margin-right: -10px;
	padding-right: 10px;
}

@media (min-width: 1280px) {
	.search-page__results {
		width: 766px;
		float: left;
		margin-right: 1.69492%;
		margin-left: 55px;
		padding-left: 20px;
		margin-right: 0;
		padding-right: 10px;
	}
}

.search-page__results#all > h3:first-of-type {
	margin-bottom: 1em;
}

.search-page__results > h3 {
	font-weight: bold;
	margin-bottom: 1.5em;
	margin-left: 10px;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	opacity: 0;
	font-size: 18px;
	line-height: 1.3;
}

.search-page__results > h3.search-page__subheader {
	margin-top: 3em;
	padding-bottom: 1.1em;
	border-bottom: 1px solid #b2b2b2;
	border-bottom: 1px solid rgba(178, 178, 178, 0.2);
}

.search-page__results.active > h3 {
	opacity: 1;
}

.search-page__results .search-page__result {
	padding: 0 10px 35px 10px;
	margin: 30px 0;
	position: relative;
	border-bottom: 1px solid #b2b2b2;
	border-bottom: 1px solid rgba(178, 178, 178, 0.2);
}

.search-page__results .search-page__result--padded {
	padding-left: 45px;
}

@media (min-width: 768px) {
	.search-page__results .search-page__result {
		padding: 0 35px 25px 10px;
		margin: 0;
		margin-bottom: 30px;
	}
	.search-page__results .search-page__result__options {
		display: inline-block;
		vertical-align: top;
		max-width: 310px;
	}
	.search-page__results .search-page__result__options a {
		display: block;
		margin-bottom: 1.5rem;
	}
}

@media (min-width: 1280px) {
	.search-page__results .search-page__result__options .link--icon {
		padding-left: 3em;
	}
}

.search-page__results .search-page__result:last-of-type {
	border-bottom: 0;
}

.search-page__results .search-page__result p {
	margin-bottom: 0.625rem;
}

.search-page__results .search-page__result-description {
	color: #b2b2b2;
	margin-top: 0.5em;
}

.search-page__results .search-page__result-description .highlight {
	color: #343434;
}

.search-page__results .search-page__result > hr {
	margin: 14px 0;
}

.search-page__results .search-page__result-title {
	font-size: 20px;
	line-height: 1.2;
	margin-top: 0;
	margin-bottom: 0.625rem;
	display: block;
}

@media (min-width: 768px) {
	.search-page__results .search-page__result-title {
		font-size: 24px;
		line-height: 1.3;
	}
}

.search-page__results .search-page__result-title .search__tag {
	display: block;
	margin-top: 5px;
	margin-left: -5px;
}

@media (min-width: 768px) {
	.search-page__results .search-page__result-title .search__tag {
		display: inline-block;
		margin-left: 5px;
	}
}

.search-page__results .search-page__result-title .highlight {
	color: #2bbf71;
}

.search-page__results .search-page__result-subtitle {
	margin: 10px 0 20px;
	display: block;
}

.search-page__results .search-page__result--all {
	display: table;
	width: 100%;
	padding-top: 2em;
}

.search-page__results .search-page__result--all .content {
	display: table-cell;
	margin: 0;
}

.search-page__results .search-page__result--all .search__cat {
	position: absolute;
	top: 0;
	left: 10px;
	line-height: 1.6;
}

@media (min-width: 1280px) {
	.search-page__results .search-page__result--all {
		padding-top: 0;
	}
	.search-page__results .search-page__result--all .search__cat {
		position: static;
		font-size: 18px;
		line-height: 1.6;
		display: table-cell;
		opacity: 0.5;
		text-align: right;
		vertical-align: top;
	}
}

.search-page__results .search-page__result--recommended {
	border-radius: 2px;
	background-color: #fafafa;
	border-bottom: none;
	padding: 20px 12.5px;
	margin-bottom: 25px;
	padding-top: 60px;
}

.search-page__results .search-page__result--recommended p {
	margin-bottom: 0;
}

.search-page__results .search-page__result--recommended::before, .search-page__results .search-page__result--recommended::after {
	content: '';
	background-color: #fafafa;
	position: absolute;
	top: 0;
	bottom: 0;
}

.search-page__results .search-page__result--recommended::before {
	left: -30px;
	width: 30px;
}

.search-page__results .search-page__result--recommended::after {
	right: -30px;
	width: 30px;
}

.search-page__results .search-page__result--recommended .search__cat {
	top: 20px;
}

.search-page__results .search-page__result--recommended .search-page__result-title {
	margin-right: 10px;
	display: inline-block;
}

.search-page__results .search-page__result--recommended .search-page__result-title .search__tag {
	display: block;
}

@media (min-width: 1280px) {
	.search-page__results .search-page__result--recommended {
		padding: 25px 35px 25px 10px;
	}
}

.search-page__results .search-page__result--project .search__location {
	margin-left: 15px;
	vertical-align: middle;
}

@media (min-width: 768px) {
	.search-page__results .search-page__result--project .search__location {
		margin-left: 0;
	}
}

.search-page__results .search-page__result--project .search__tag {
	display: block;
	margin-left: 38px;
}

@media (min-width: 768px) {
	.search-page__results .search-page__result--project .search__tag {
		display: inline-block;
		vertical-align: middle;
		margin-left: 0;
	}
}

.search-page__results .search-page__result--perspective .search-page__result-title {
	padding-left: 60px;
	min-height: 60px;
}

@media (min-width: 768px) {
	.search-page__results .search-page__result--perspective .search-page__result-title {
		min-height: 0;
		padding-left: 0;
	}
}

.search-page__results .search-page__result--people img {
	position: absolute;
	left: 10px;
	top: 0;
	margin-top: 5px;
	border-radius: 50%;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}

@media (min-width: 768px) {
	.search-page__results .search-page__result--people .icon {
		left: -55px;
	}
}

@media (min-width: 768px) {
	.search-page__results .search-page__result--people {
		padding-left: 65px;
	}
}

.search-page__results .search-page__result--offices .flag {
	position: absolute;
	left: 10px;
	top: 0;
	margin-top: 5px;
}

.search-page__results .search-page__result--offices.search-page__result--all .flag {
	top: 2em;
}

.search-page__results .search-page__result--offices .search-page__result__options a {
	display: block;
	margin-bottom: 1em;
}

.search-page__results .search-page__result--offices .search__location {
	display: block;
}

.search-page__results .search-page__result--offices .address {
	margin: 20px 0;
	display: inline-block;
}

@media (min-width: 768px) {
	.search-page__results .search-page__result--offices .address {
		margin: 0;
	}
}

@media (min-width: 768px) {
	.search-page__results .search-page__result--offices {
		padding-left: 65px;
	}
}

.search__tag {
	letter-spacing: 1px;
}

input.input--search {
	font-size: 15px;
	line-height: 1.5;
	padding: 1.5rem 2.5rem;
	border: none;
	outline: none;
	letter-spacing: 0.5px;
}

@media (min-width: 768px) {
	input.input--search {
		font-size: 48px;
		line-height: 1;
		padding: 0.8125rem 4.6875rem;
	}
}

.hub {
	color: #343434;
	margin-top: 18px;
}

@media (min-width: 1024px) {
	.hub {
		margin-top: 60px;
	}
	.hub .label--toggle {
		height: 1.2em;
		width: 1.2em;
		margin-top: -0.6em;
	}
}

#projects-display:after {
	content: "";
	display: table;
	clear: both;
}

#projects-display .loading:after {
	content: "";
	display: table;
	clear: both;
}

#projects-target {
	position: relative;
	margin-bottom: 90px;
}

.project {
	width: 100%;
	float: left;
	margin-left: 0;
	margin-right: 0;
	position: relative;
	margin-bottom: 40px;
	overflow: hidden;
	background-color: #fafafa;
	display: block;
}

.project .img-wrap img {
	-webkit-filter: saturate(1) brightness(1);
	filter: saturate(1) brightness(1);
}

@media (min-width: 1024px) {
	.project:hover .img-wrap img {
		-webkit-filter: saturate(1.15) brightness(1.15);
		filter: saturate(1.15) brightness(1.15);
	}
}

.project:after {
	content: "";
	display: table;
	clear: both;
}

@media (min-width: 1024px) {
	.project {
		background-color: transparent;
		width: 47%;
	}
}

.project__inner {
	display: block;
	position: relative;
}

.project__img-wrap {
	position: relative;
	top: 0;
	left: 0;
	width: 40%;
	height: 100%;
	float: left;
	overflow: hidden;
}

@media (min-width: 1024px) {
	.project__img-wrap {
		position: static;
		right: auto;
		height: 410px;
		width: 100%;
		float: none;
	}
}

.project__img {
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	object-fit: cover;
}

@media (min-width: 1024px) {
	.project__img {
		height: 100%;
		width: auto;
		max-width: none;
		max-height: 100%;
	}
}

.project__img--m {
	width: 100%;
	height: auto;
}

@media (min-width: 768px) {
	.project__img--m {
		display: none;
	}
}

.project__img--d {
	display: none;
}

@media (min-width: 768px) {
	.project__img--d {
		display: block;
	}
}

.project__footnote {
	opacity: 0.5;
	display: block;
	margin-bottom: 0.3rem;
}

@media (min-width: 1024px) {
	.project__footnote {
		font-size: 18px;
		padding-right: 2.5em;
	}
	.project__footnote--alt {
		opacity: 1;
	}
}

.project__desc {
	border-top: 1px solid rgba(178, 178, 178, 0.2);
	padding-top: 15px;
	margin-bottom: 20px;
	letter-spacing: 0.5px;
	font-size: 15px;
}

.project__content {
	display: block;
	width: 100%;
	padding: 20px;
}

.project__content--overlay {
	clear: both;
	padding-top: 10px;
}

.project__content--split {
	width: 60%;
	float: right;
	padding: 15px 20px;
}

@media (min-width: 1024px) {
	.project__content--split {
		float: none;
		width: 100%;
		padding: 20px 30px;
	}
	.project__content--overlay {
		position: absolute;
		bottom: 0;
		width: 100%;
		padding: 0;
		margin: 0;
		color: #ffffff;
		background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.85)), to(rgba(0, 0, 0, 0)));
		background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0));
		background-image: linear-gradient(to top, rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0));
		padding: 80px 30% 45px;
	}
}

.project__title {
	margin-bottom: 5px;
	position: relative;
}

@media (min-width: 1024px) {
	.project__title {
		padding-right: 2em;
	}
}

.project__label {
	color: inherit;
	margin-top: 10px;
	font-size: 15px;
}

.project__sublabel {
	color: #b2b2b2;
}

.project__cta {
	position: absolute;
	right: 0;
	top: 20px;
	display: none;
}

@media (min-width: 1024px) {
	.project__cta {
		display: inline-block;
	}
}

@media (min-width: 1024px) {
	.project--noimage {
		background: #fafafa;
	}
}

.project--hero {
	width: 100%;
	float: left;
	margin-left: 0;
	margin-right: 0;
	background-color: transparent;
	border-bottom: 1px solid #f2f2f2;
}

@media (min-width: 1024px) {
	.project--hero {
		border-bottom: 0;
	}
}

.project--hero .project__img-wrap {
	width: 100%;
	max-height: 250px;
	padding: 27% 0;
}

@media (min-width: 768px) {
	.project--hero .project__img-wrap {
		height: 350px;
		max-height: none;
		padding: 0;
	}
}

@media (min-width: 1024px) {
	.project--hero .project__img-wrap {
		margin-bottom: 0;
		height: 527px;
	}
}

.project--hero .project__img {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: -webkit-filter 0.5s;
	transition: -webkit-filter 0.5s;
	transition: filter 0.5s;
	transition: filter 0.5s, -webkit-filter 0.5s;
}

@media (min-width: 1024px) {
	.project--hero .project__img {
		top: -10%;
		min-height: 110%;
		min-width: 100%;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}
}

@media (min-width: 1024px) {
	.project--compact .project__img-wrap {
		height: 350px;
	}
}

@media (min-width: 1024px) {
	.project--compact .project__content--overlay {
		padding-left: 10%;
		padding-right: 10%;
	}
}

.project-filter {
	overflow: visible;
	background: #fafafa;
}

.project-filter .container, .project-filter .rich-text {
	padding-left: 2em;
}

.project-filter__content {
	padding-top: 1.25rem;
	padding-bottom: 1.25rem;
}

.project-filter__content:after {
	content: "";
	display: table;
	clear: both;
}

.project-filter__reset {
	-webkit-transition: opacity 0.5s, height 0.5s;
	transition: opacity 0.5s, height 0.5s;
	opacity: 0;
	margin: 0;
	height: 0;
	overflow: hidden;
}

.project-filter__reset.active {
	opacity: 1;
	height: auto;
	display: inline-block;
	overflow: visible;
}

.project-filter .toggle-trigger {
	position: absolute;
	right: 1.5rem;
	top: 1.6rem;
}

.project-filter .h3 {
	margin-bottom: 0.600em;
	max-width: 75%;
}

.project-filter .toggle-content p {
	margin-bottom: 0;
	line-height: 1.2;
	font-size: 20px;
	margin-top: 0;
}

.project-filter .toggle-content p:after {
	content: "";
	display: table;
	clear: both;
}

.project-filter .toggle-content p:first-of-type {
	margin-bottom: 0.8em;
}

@media (min-width: 1024px) {
	.project-filter__reset.active {
		padding-bottom: 4px;
		display: inline-block;
	}
	.project-filter__content {
		padding-top: 2.6875rem;
		padding-bottom: 2.6875rem;
	}
	.project-filter__content.publication-filter__content {
		max-width: 900px;
	}
	.project-filter .toggle-content p {
		font-size: 32px;
	}
}

@media (min-width: 1280px) {
	.project-filter .filter__list {
		top: 90px;
		left: 100px;
	}
	.project-filter .filter__list:last-of-type {
		left: 300px;
	}
	.project-filter .container, .project-filter .rich-text {
		padding-left: 145px;
	}
}

.project-filter .project-filter__actions {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
}

@media (min-width: 1024px) {
	.project-filter .project-filter__actions {
		display: block;
	}
}

.project-filter .project-filter__actions .searchtrigger {
	margin: 0 0 0.5em;
}

@media (min-width: 1024px) {
	.project-filter .project-filter__actions .searchtrigger {
		display: inline-block;
		margin-right: 2em;
	}
}

.projects-carousel {
	background-color: #ffffff;
	padding: 3rem 0;
}

.projects-carousel.highlight-section {
	background-color: #fafafa;
}

.projects-carousel header {
	position: absolute;
	width: 100%;
	z-index: 5;
}

.projects-carousel .projects__title h3 {
	font-size: 24px;
}

.projects-carousel .projects__title h2.header__label {
	font-size: 16px;
}

.projects-carousel .projects-navigation {
	position: absolute;
	right: 20px;
	top: 0;
}

.projects-carousel .projects-navigation ul li {
	display: inline-block;
	width: 25px;
	height: 40px;
	background-size: contain;
	cursor: pointer;
}

.projects-carousel .projects-navigation ul li:first-of-type {
	margin-right: 25px;
}

.projects-carousel .projects-navigation ul li.navigation__icon {
	background-image: url(data:image/svg+xml;charset%3DUS-ASCII,%3Csvg%20width%3D%228%22%20height%3D%225%22%20viewBox%3D%220%200%208%205%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8%201L4%204%200%201%22%20stroke%3D%22%23000%22%20fill%3D%22none%22%20opacity%3D%22.9%22%2F%3E%3C%2Fsvg%3E);
	background-repeat: no-repeat;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

.projects-carousel .projects-navigation ul li.navigation__icon.projects__next {
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.projects-carousel .projects-navigation ul li.navigation__icon.slick-disabled {
	opacity: 0.5;
}

.projects-carousel .projects-navigation ul li.navigation__icon:hover {
	background: url(../images/arrow-down--red.png);
	background-repeat: no-repeat;
	background-size: contain;
}

.projects-carousel .projects-navigation ul li.navigation__icon:hover.slick-disabled {
	opacity: 0.5;
	background-image: url(data:image/svg+xml;charset%3DUS-ASCII,%3Csvg%20width%3D%228%22%20height%3D%225%22%20viewBox%3D%220%200%208%205%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8%201L4%204%200%201%22%20stroke%3D%22%23000%22%20fill%3D%22none%22%20opacity%3D%22.9%22%2F%3E%3C%2Fsvg%3E);
	background-repeat: no-repeat;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

.projects-carousel .projects-navigation ul li.navigation__icon:hover.slick-disabled.projects__next {
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.projects-carousel.all-content .projects-navigation {
	display: none;
}

.projects-carousel.all-content .feature__projects-carousel .slick-slide {
	margin-bottom: 100px;
}

.projects-carousel .feature__projects-carousel .slick-slide {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	align-items: flex-end;
}

.projects__item {
	margin-right: 30px;
	width: 328px;
	-webkit-transition: all .3s;
	transition: all .3s;
	padding-bottom: 100px;
}

.projects__item.large {
	width: 440px;
	height: 600px;
	margin-bottom: 100px;
}

.projects__item.large .navigation__content {
	min-height: 600px;
}

.projects__item.large .navigation__content .description__container {
	bottom: -5%;
	right: 35%;
}

.projects__item .preview-card__pic {
	padding-top: 121%;
}

.projects__item .navigation__content {
	min-height: 400px;
	height: 100%;
	position: relative;
	background-size: cover;
	background-position: 50% 50%;
}

.projects__item .navigation__content .description__container {
	position: absolute;
	left: 0;
	right: 20%;
	bottom: -15%;
	background-color: #ffffff;
	padding: 20px 20px 0 10px;
}

.projects__item .navigation__content .description__container .project__name {
	font-size: 18px;
	color: #b2b2b2;
	margin-bottom: 10px;
	display: block;
}

.projects__item .navigation__content .description__container h3 {
	font-size: 24px;
}

.projects__item.no-margin .navigation__content {
	min-height: 500px;
}

@media (max-width: 768px) {
	.projects-carousel .projects-navigation {
		display: none;
	}
	.projects-carousel header {
		position: relative;
		margin-bottom: 30px;
	}
	.projects-carousel .project__carousel-item:nth-of-type(2) {
		display: none;
	}
	.projects__item {
		width: 100%;
	}
	.projects__item.large {
		height: 400px;
		margin-bottom: 0;
		width: 100%;
	}
	.projects__item.large .navigation__content {
		min-height: 300px !important;
		max-height: 300px !important;
	}
	.projects__item .navigation__content {
		min-height: 300px !important;
		max-height: 300px !important;
	}
}

@media (min-width: 768px) {
	.projects-carousel .projects__title {
		width: 300px;
		background-color: #ffffff;
	}
	.projects-carousel.highlight-section .projects__title {
		background-color: #fafafa;
	}
}

@media (min-width: 1024px) {
	.projects-carousel .projects__title h3 {
		font-size: 32px;
	}
}

.all-content .projects__item .navigation__content .description__container {
	bottom: -35%;
}

.all-content .projects__item .navigation__content .description__container p {
	font-size: 16px;
}

.all-content .projects__item.large .navigation__content .description__container {
	bottom: -15%;
}

.link-wall {
	list-style-type: none;
	overflow: auto;
	white-space: nowrap;
	margin: 0 -1.5rem;
	padding: 0 1.5rem;
}

@media (min-width: 1024px) {
	.link-wall {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-box-align: stretch;
		-webkit-align-items: stretch;
		align-items: stretch;
		margin: 0;
		padding: 0;
		overflow: hidden;
		white-space: inherit;
	}
}

.link-wall__item {
	display: inline-block;
}

@media (min-width: 1024px) {
	.link-wall__item {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-align: stretch;
		-webkit-align-items: stretch;
		align-items: stretch;
		width: 20%;
		padding-right: 2px;
	}
	.link-wall__item:last-child {
		padding-right: 0;
	}
	.link-wall__item--l {
		width: 26%;
		-webkit-box-flex: 1;
		-webkit-flex-grow: 1;
		flex-grow: 1;
	}
	.link-wall__item--xl {
		width: 34%;
		-webkit-box-flex: 1;
		-webkit-flex-grow: 1;
		flex-grow: 1;
	}
	.link-wall__item--split {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		flex-direction: column;
	}
}

.link-wall__sub-item {
	display: inline-block;
}

@media (min-width: 1024px) {
	.link-wall__sub-item {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-flex: 1;
		-webkit-flex-grow: 1;
		flex-grow: 1;
		padding-bottom: 2px;
	}
	.link-wall__sub-item:last-child {
		padding-bottom: 0;
	}
}

.link-brick {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
	width: 100%;
	overflow: hidden;
	background-size: 0;
	padding-right: 1.2rem;
	position: relative;
}

@media (min-width: 1024px) {
	.link-brick {
		background-color: #000000;
		color: #ffffff;
		min-height: 172px;
		padding-right: 0;
	}
	.link-brick:hover {
		color: #ffffff;
	}
}

.link-brick:visited {
	color: #ffffff;
}

.link-brick:hover .link-brick__bg {
	-webkit-transform: scale(1.04);
	-ms-transform: scale(1.04);
	transform: scale(1.04);
	opacity: 0.8;
}

.link-brick__bg {
	display: none;
}

@media (min-width: 1024px) {
	.link-brick__bg {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: #b2b2b2 none scroll no-repeat center center;
		background-size: cover;
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
		opacity: 1;
		-webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
		transition: opacity 0.2s, -webkit-transform 0.2s;
		transition: transform 0.2s, opacity 0.2s;
		transition: transform 0.2s, opacity 0.2s, -webkit-transform 0.2s;
	}
}

@media (min-width: 1024px) {
	.link-brick__content {
		position: relative;
		width: 100%;
		padding: 2rem 1.5rem 1rem;
		background-image: -webkit-gradient(linear, left bottom, left top, from(black), to(rgba(0, 0, 0, 0)));
		background-image: -webkit-linear-gradient(bottom, black 0%, rgba(0, 0, 0, 0) 100%);
		background-image: linear-gradient(to top, black 0%, rgba(0, 0, 0, 0) 100%);
	}
}

.link-brick__title {
	font-style: ;
	font-size: 20px;
	margin-bottom: 0.6rem;
}

@media (min-width: 1024px) {
	.link-brick__title {
		font-size: 24px;
	}
}

.link-brick__copy {
	display: none;
	color: #ffffff;
	margin: 0;
	font-size: 15px;
	line-height: 1.2em;
}

@media (min-width: 1024px) {
	.link-brick__copy {
		display: block;
	}
}

.tag-list--spaced {
	margin-top: 2rem;
}

.tag-list--nowrap {
	position: relative;
}

.tag-list__title {
	font-size: 15px;
	margin-bottom: 0.5rem;
}

.tag-list__list {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.tag-list__list--nowrap {
	white-space: nowrap;
	overflow: auto;
	margin: 0 -1.5rem;
	padding: 0 1.5rem;
}

.tag-list__item {
	display: inline-block;
	margin: 0 0.1rem 0.3rem 0;
}

.perspectives-menu {
	margin: 0.5rem;
	height: auto;
	padding: 40% 0;
}

.perspectives-menu img {
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.perspectives-menu .slick-dots {
	display: none !important;
}

.perspectives-menu .video-carousel__content {
	bottom: auto;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 2;
	text-align: center;
}

.perspectives-menu .video-carousel__content hr,
.perspectives-menu .video-carousel__content .cta,
.perspectives-menu .video-carousel__content .h4,
.perspectives-menu .video-carousel__content .container--3col .col__main h2,
.container--3col .col__main .perspectives-menu .video-carousel__content h2,
.perspectives-menu .video-carousel__content .rich-text h2,
.rich-text .perspectives-menu .video-carousel__content h2,
.perspectives-menu .video-carousel__content .rt-section h2,
.rt-section .perspectives-menu .video-carousel__content h2,
.perspectives-menu .video-carousel__content .project--hero .project__title,
.project--hero .perspectives-menu .video-carousel__content .project__title {
	display: none;
}

.perspectives-menu__controls li {
	width: 18.36735%;
	float: left;
	margin-right: 2.04082%;
	margin-left: 0;
}

.perspectives-menu__controls li.active .progress {
	-webkit-animation: progressUp 4.5s, progressDown 0.5s 5s;
	animation: progressUp 4.5s, progressDown 0.5s 5s;
	-webkit-animation-fill-mode: forwards, forwards;
	animation-fill-mode: forwards, forwards;
	-webkit-animation-timing-function: cubic-bezier(0.64, 0.32, 0.13, 0.7), ease-in;
	animation-timing-function: cubic-bezier(0.64, 0.32, 0.13, 0.7), ease-in;
}

.perspectives-menu__controls li:last-of-type {
	margin-right: 0;
}

.perspectives-menu--theme .perspectives-menu__controls li {
	width: 23.72881%;
	float: left;
	margin-right: 1.69492%;
	margin-left: 0;
}

.perspectives-menu--theme .perspectives-menu__controls li:last-of-type {
	margin-right: 0;
}

@media (min-width: 1024px) {
	.perspectives-menu {
		margin: 0;
		height: 800px;
		height: 100vh;
		padding: 0;
	}
	.perspectives-menu .video-carousel__container {
		display: table;
		width: 100%;
	}
	.perspectives-menu .video-carousel__content {
		padding-left: 12.5%;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		position: static;
		text-align: left;
	}
	.perspectives-menu .video-carousel__content hr,
	.perspectives-menu .video-carousel__content .cta,
	.perspectives-menu .video-carousel__content .h4,
	.perspectives-menu .video-carousel__content .container--3col .col__main h2,
	.container--3col .col__main .perspectives-menu .video-carousel__content h2,
	.perspectives-menu .video-carousel__content .rich-text h2,
	.rich-text .perspectives-menu .video-carousel__content h2,
	.perspectives-menu .video-carousel__content .rt-section h2,
	.rt-section .perspectives-menu .video-carousel__content h2,
	.perspectives-menu .video-carousel__content .project--hero .project__title,
	.project--hero .perspectives-menu .video-carousel__content .project__title {
		display: block;
		max-width: 750px;
	}
	.perspectives-menu .video-carousel__content .cta {
		display: inline-block;
		margin-top: 30px;
		margin-top: 2rem;
	}
}

.discover-pub {
	margin: 3.125rem auto;
}

.discover-pub > h4 {
	font-size: 28px;
	padding-bottom: 20px;
	border-bottom: 2px solid #b2b2b2;
	border-bottom: 2px solid rgba(178, 178, 178, 0.2);
}

@media (min-width: 1280px) {
	.discover-pub > h4 {
		margin-bottom: 45px;
		margin-left: 20px;
		padding-bottom: 0;
		border-bottom: none;
	}
}

.discover-pub hr {
	margin: 2rem 0;
}

.discover-pub__cta {
	display: none;
}

@media (min-width: 1280px) {
	.discover-pub__cta {
		position: absolute;
		display: block;
		top: 1.5em;
		right: 0;
	}
}

@media (min-width: 1280px) {
	.discover-pub__inner {
		border: 2px solid #b2b2b2;
		border: 2px solid rgba(178, 178, 178, 0.2);
	}
	.discover-pub__inner:after {
		content: "";
		display: table;
		clear: both;
	}
}

.discover-pub img {
	display: block;
}

@media (min-width: 1280px) {
	.discover-pub img {
		width: 50%;
		margin-left: 0;
		float: left;
		max-width: none;
	}
}

.discover-pub__controls {
	position: relative;
	margin-top: 1rem;
	padding-right: 20px;
}

@media (min-width: 1280px) {
	.discover-pub__controls {
		display: none;
	}
}

.discover-pub__controls .divider {
	margin: 0 0.5em;
}

.discover-pub__controls .icon {
	display: inline-block;
	height: 13px;
	width: 13px;
	position: absolute;
	top: 0;
	right: 0;
	margin-top: 7.5px;
}

.discover-pub__content {
	margin-top: 1.5rem;
}

.discover-pub__content h4,
.discover-pub__content hr {
	display: none;
}

@media (min-width: 1280px) {
	.discover-pub__content h4,
	.discover-pub__content hr {
		display: block;
	}
}

.discover-pub__content .cta {
	margin: 2.5rem 0;
	display: block;
}

@media (min-width: 1280px) {
	.discover-pub__content .cta {
		display: none;
	}
}

.discover-pub__content .cta.discover-pub__ctadesk {
	display: none;
}

@media (min-width: 1280px) {
	.discover-pub__content .cta.discover-pub__ctadesk {
		display: block;
	}
}

.discover-pub__content .intro {
	margin-bottom: 2.5rem;
}

@media (min-width: 1280px) {
	.discover-pub__content {
		float: right;
		width: 50%;
		max-width: 400px;
		margin-right: 5%;
		padding-top: 5%;
	}
}

.discover-perspectives {
	margin: 2.5rem auto 0;
}

.discover-perspectives:after {
	content: "";
	display: table;
	clear: both;
}

.discover-perspectives .slick-slide .people img {
	display: inline-block;
}

.discover-perspectives .slick-list {
	overflow: visible;
}

.discover-perspectives .slick-controls {
	display: none;
}

.discover-perspectives__menu:after {
	content: "";
	display: table;
	clear: both;
}

.discover-perspectives__menu + hr {
	margin: 2.25em 0 3em;
	display: none;
}

.discover-perspectives__menu .perspectives-next,
.discover-perspectives__menu .perspectives-prev {
	float: right;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
}

.discover-perspectives__menu .perspectives-next.inactive,
.discover-perspectives__menu .perspectives-prev.inactive {
	opacity: 0.5;
}

.discover-perspectives__menu .perspectives-prev {
	margin: 0 2rem;
}

.discover-perspectives__menu .discover-perspectives__title {
	line-height: 1.2;
	font-style: ;
	font-size: 20px;
	position: relative;
	color: #2bbf71;
	max-width: 320px;
	margin: 0 2.1rem 2rem 0;
	display: inline-block;
}

.discover-perspectives__menu .discover-perspectives__title a::after {
	content: '';
	position: absolute;
	background: #2bbf71;
	height: 2px;
	bottom: 0;
	left: 0;
	right: 0;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	opacity: 0;
}

.discover-perspectives__menu .discover-perspectives__title .selected a::after {
	opacity: 1;
	bottom: -10px;
}

.discover-perspectives__menu .discover-perspectives__title::after {
	content: '';
	position: absolute;
	background: #2bbf71;
	height: 2px;
	bottom: -10px;
	left: 0;
	right: 0;
}

.discover-perspectives__menu .discover-perspectives__title span {
	font-size: 0.6em;
	margin-left: 0.5em;
}

.discover-perspectives__menu .icon {
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
	cursor: pointer;
	display: inline-block;
	height: 24px;
	width: 24px;
	margin-top: 6px;
	opacity: 0.5;
}

.discover-perspectives__menu .icon:hover {
	opacity: 1;
}

.discover-perspectives__menu a.headerlink {
	padding-left: 3em;
	margin-bottom: 2rem;
}

.discover-perspectives__menu a.headerlink.hidden {
	display: none;
}

.discover-perspectives__menu a.headerlink span em {
	border-bottom: 0;
	font-style: normal;
	font-weight: bold;
	display: block;
}

.discover-perspectives__menu a.headerlink .icon {
	height: 1.6em;
	width: 1.6em;
	margin-top: -0.8em;
	top: 0.9em;
	opacity: 1;
}

.discover-perspectives__menu a.headerlink .icon::after, .discover-perspectives__menu a.headerlink .icon::before {
	height: 0.4em;
	width: 0.7em;
}

@media (min-width: 1280px) {
	.discover-perspectives__menu a.headerlink {
		float: right;
		margin-bottom: 0;
	}
	.discover-perspectives__menu a.headerlink .icon {
		height: 2.5rem;
		width: 2.5rem;
	}
	.discover-perspectives__menu a.headerlink .icon::after, .discover-perspectives__menu a.headerlink .icon::before {
		height: 0.6rem;
		width: 0.9rem;
	}
}

.discover-perspectives-item {
	display: block;
	width: 100%;
	background-color: #ffffff;
	margin-bottom: 1.5rem;
}

.discover-perspectives-item:last-of-type {
	margin-right: 0;
}

.discover-perspectives-item a .img-wrap img {
	-webkit-filter: saturate(1) brightness(1);
	filter: saturate(1) brightness(1);
}

@media (min-width: 1024px) {
	.discover-perspectives-item a:hover .img-wrap img {
		-webkit-filter: saturate(1.15) brightness(1.15);
		filter: saturate(1.15) brightness(1.15);
	}
}

.discover-perspectives-item a:hover a {
	color: #2bbf71;
}

.discover-perspectives-item a:hover .cta .icon::after, .discover-perspectives-item a:hover .cta .icon::before {
	background-image: url("../images/arrow-red.svg");
}

.discover-perspectives-item a:hover .cta .icon::after {
	left: 50%;
	opacity: 1;
}

.discover-perspectives-item a:hover .cta .icon::before {
	left: 100%;
	opacity: 0;
}

.discover-perspectives-item a:hover .cta .icon svg circle,
.discover-perspectives-item a:hover .cta .icon svg path {
	stroke: #2bbf71;
}

.discover-perspectives-item a:hover .cta span:not(.icon) {
	color: #2bbf71;
	padding-bottom: 4px;
	border-bottom: 1px solid #2bbf71;
	border-bottom: 1px solid rgba(255, 80, 86, 0.35);
}

.discover-perspectives-item a:hover .cta--plain span:not(.icon) {
	border-bottom-color: transparent;
}

.discover-perspectives-item a img {
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

.discover-perspectives-item .img-wrap {
	max-height: 300px;
	min-height: 150px;
	overflow: hidden;
	position: relative;
	padding: 25% 0;
}

.discover-perspectives-item .img-wrap img {
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%) scale(1, 1);
	-ms-transform: translateX(-50%) scale(1, 1);
	transform: translateX(-50%) scale(1, 1);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	min-height: 100%;
	min-width: 100%;
}

.discover-perspectives-item .img-wrap .discover-perspectives-item__tag {
	position: absolute;
	color: #ffffff;
	top: 0;
	left: 0;
	padding: 0.2em 1em;
	background: rgba(0, 0, 0, 0.7);
	z-index: 1;
}

.discover-perspectives-item > img {
	max-height: 300px;
	width: 100%;
}

.discover-perspectives-item__subtext {
	font-size: 13px;
	line-height: 1.5;
	letter-spacing: 1px;
	margin: 0 0 1rem;
}

.discover-perspectives-item__subtext span {
	opacity: 0.5;
}

.discover-perspectives-item__content {
	z-index: 3;
	padding: 1.5rem;
	background-color: #fafafa;
	position: relative;
}

.discover-perspectives-item__content hr {
	margin: 1rem 0;
}

.discover-perspectives-item__content .people .cta {
	display: none;
}

.discover-perspectives-item__content .people .cta .icon {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

@media (min-width: 768px) {
	.discover-perspectives-item__content .people .cta {
		display: block;
	}
}

@media (min-width: 1024px) {
	.discover-perspectives-item {
		float: left;
		width: 47.82609%;
		margin-bottom: 3rem;
		background-color: #fafafa;
	}
	.discover-perspectives-item:nth-child(odd) {
		clear: both;
		margin-right: 4.34782%;
	}
	.discover-perspectives-item:last-of-type {
		margin-bottom: 3rem;
	}
	.discover-perspectives-item__content hr {
		margin: 1.5rem 0;
	}
}

.discover-perspectives.discover-perspectives--recommended {
	clear: both;
	margin-bottom: 3rem;
}

@media (min-width: 768px) {
	.discover-perspectives.discover-perspectives--recommended .discover-perspectives-item {
		width: 57.62712%;
		float: left;
		margin-right: 1.69492%;
	}
}

@media (min-width: 1280px) {
	.discover-perspectives.discover-perspectives--recommended .discover-perspectives-item {
		width: 57.62712%;
		float: left;
		margin-right: 1.69492%;
	}
	.discover-perspectives.discover-perspectives--recommended .discover-perspectives-item .discover-perspectives-item__subtext {
		margin-top: -60px;
		color: #ffffff;
		margin-bottom: 3rem;
	}
}

@media (min-width: 768px) {
	.discover-perspectives.discover-perspectives--recommended .discover-perspectives__list {
		width: 40.67797%;
		float: right;
		margin-right: 0;
		padding-left: 1rem;
	}
}

@media (min-width: 1280px) {
	.discover-perspectives.discover-perspectives--recommended .discover-perspectives__list {
		width: 32.20339%;
		float: right;
		margin-right: 0;
		padding-left: 0;
	}
}

.discover-perspectives.discover-perspectives--recommended .discover-perspectives__list h4 {
	margin: 0 0 1em;
	padding: 0 0 1em;
	border-bottom: 1px solid rgba(178, 178, 178, 0.2);
}

.discover-perspectives.discover-perspectives--recommended .discover-perspectives__list ul {
	margin: 0;
	padding: 0;
}

.discover-perspectives.discover-perspectives--recommended .discover-perspectives__list ul li {
	margin: 0 0 1.5rem;
	padding: 0 0 1rem;
	list-style: none;
	border-bottom: 1px solid rgba(178, 178, 178, 0.2);
}

.discover-perspectives.discover-perspectives--recommended .discover-perspectives__list ul li:last-child {
	border: none;
}

.discover-perspectives.discover-perspectives--recommended .discover-perspectives__list ul li p {
	margin: 0;
	color: #b2b2b2;
	font-size: 13px;
}

.discover-perspectives.discover-perspectives--recommended .discover-perspectives__list ul li .date {
	margin-right: 20px;
}

.discover-perspectives.discover-perspectives--recommended .discover-perspectives__list ul li a {
	font-size: 18px;
}

@media (min-width: 768px) {
	.discover-perspectives__featured {
		display: table;
		height: 100%;
		width: 100%;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
	}
	.discover-perspectives__featured .people {
		padding-right: 3em;
	}
	.discover-perspectives .slick-list {
		margin-right: -3.2%;
	}
	.discover-perspectives-item p {
		margin: 0;
	}
	.discover-perspectives-item .h5, .discover-perspectives-item .filter__list .filter__selected, .filter__list .discover-perspectives-item .filter__selected, .discover-perspectives-item .strain-dialog__selected, .discover-perspectives-item .project__title {
		margin: 0.7rem 0 0.5em;
	}
}

@media (min-width: 1280px) {
	.discover-perspectives {
		margin: 5.6rem auto 2rem;
		/*
    &--alt{
      padding-top: 0;
      padding-bottom: 0;
      background: transparent;

      .discover-perspectives-item{
        &__content{
          background-color: $color-grey-lightest;

          .discover-perspectives-item__subtext{
            margin-top:-50px;
            color:$color-white;
            margin-bottom:2rem;
          }

        }
      }
    }*/
	}
	.discover-perspectives .slick-controls {
		display: block;
	}
	.discover-perspectives__menu > h4 {
		float: left;
		margin-bottom: 0;
	}
	.discover-perspectives__menu + hr {
		display: block;
	}
	.discover-perspectives__menu .discover-perspectives__title {
		float: right;
		font-size: 24px;
		margin: 0 2.1rem 1rem 0;
	}
}

.discover-perspectives__featured.loading .loading-spinner {
	top: 5rem;
	left: 0;
}

.discover-perspectives__featured .discover-perspectives-item .img-wrap {
	display: block;
}

.discover-perspectives__featured .discover-perspectives-item .img-wrap img {
	z-index: 1;
}

.discover-region {
	width: 100%;
}

.publications {
	background-color: #fafafa;
	padding: 2rem 0 2rem;
	margin-bottom: 20px;
}

.publications.reveal {
	opacity: unset !important;
}

.publications .container, .publications .rich-text {
	max-width: 902px !important;
}

.publications .publications__desc h5 {
	font-size: 15px;
	margin-bottom: 2.5em;
	margin-top: -14.5px;
}

.publications .publications__desc h5 strong {
	font-size: 24px;
	margin-top: 0.2em;
	display: block;
	font-weight: normal;
}

.publications a.image-link {
	float: inherit !important;
	top: 0px;
	position: relative !important;
	top: 50%;
	right: 0px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 1 !important;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.publications a.image-link {
		-ms-transform: translateY(0%) !important;
		transform: translateY(0%) !important;
		-webkit-transform: translateY(0%) !important;
	}
}

.publications img {
	box-shadow: 0 6px 11px 0 rgba(0, 0, 0, 0.16);
	display: block;
	margin-right: 0px !important;
	margin: 0 auto !important;
	margin-top: 20px !important;
}

.publications .publications__heading {
	position: relative;
	z-index: 2 !important;
}

@media (min-width: 768px) {
	.publications .highlight-section {
		margin-top: 1.5rem;
	}
	.publications p {
		font-size: 20px;
		margin: 0;
		line-height: 1.1;
	}
	.publications .publications__heading {
		float: left;
		width: 70%;
	}
	.publications .publications__heading h4 {
		font-size: 15px;
		margin-bottom: 0.5em;
	}
	.publications .publications__heading .title {
		font-size: 16px;
		pointer-events: none;
		color: #343434 !important;
	}
	.publications .publications__heading a:not(.image-link) {
		margin: 20px 0px;
	}
	.publications .publications__heading a:not(.image-link) h2 {
		font-size: 32px;
	}
	.publications .publications__heading a:not(.image-link):hover {
		color: #2bbf71;
	}
	.publications .publications__heading a.image-link {
		position: absolute;
		float: right !important;
		top: 95px !important;
	}
	.publications img {
		margin: 0;
		max-width: 200px;
		max-height: 225px;
		width: auto;
		margin-right: 0px !important;
		margin-top: 0px !important;
	}
	.publications h5 {
		margin-bottom: 1.5em;
	}
	.publications .publications__desc {
		position: absolute;
		top: 50%;
		right: 1.5em;
		margin-top: -40px;
		max-width: 30%;
	}
}

@media (min-width: 1280px) {
	.publications .publications__desc {
		right: 0;
	}
	.publications img {
		margin-top: 0px !important;
		margin-right: 0px !important;
	}
}

.fullbleed + .publications--multi {
	margin-top: 0;
}

@media (min-width: 1024px) {
	.fullbleed + .publications--multi {
		margin-top: 2.5rem;
	}
}

.publications--multi {
	margin-top: 2rem;
}

.publications--multi .publications__title {
	font-size: 24px;
	margin-bottom: 2em;
}

.publications--multi .publications__desc {
	padding: 3em 0;
}

.publications--multi .publications__desc .publications__title {
	display: none;
}

.publications--multi .publications__items {
	top: -20px;
}

.publications--multi .publications__top {
	overflow: hidden;
	max-height: 22em;
}

.publications--multi .publications__item {
	margin-right: 1.5rem;
}

.publications--multi .publications__item img {
	margin: 0 auto 1em;
	position: relative;
	top: 0;
	left: 0;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	width: 100%;
}

.publications--multi .publications__item a {
	text-align: center;
	display: block;
}

@media (min-width: 1024px) {
	.publications--multi .publications__desc {
		position: static;
		margin-top: 0;
	}
}

@media (min-width: 1280px) {
	.publications--multi {
		padding-top: 0;
	}
	.publications--multi .highlight-section {
		padding: 0;
		margin: 0;
		text-align: center;
	}
	.publications--multi .publications__title {
		display: none;
	}
	.publications--multi .publications__top {
		max-height: 14em;
	}
	.publications--multi .publications__desc {
		text-align: left;
		right: 11%;
		padding: 0;
	}
	.publications--multi .publications__desc .publications__title {
		display: block;
		font-size: 32px;
		margin-bottom: 0.75em;
	}
	.publications--multi .publications__items {
		display: inline-block;
		margin-right: 23%;
	}
	.publications--multi .publications__items:after {
		content: "";
		display: table;
		clear: both;
	}
	.publications--multi .publications__items .slick-track {
		width: auto !important;
	}
	.publications--multi .publications__item {
		float: left;
		width: 150px !important;
		margin-bottom: 0;
	}
	.publications--multi .publications__item a {
		font-size: 20px;
	}
	.publications--multi hr {
		display: none;
	}
	.publications--multi .highlight-section {
		background: #fafafa;
	}
	.publications--multi .publications__desc {
		position: absolute;
		margin-top: -40px;
	}
}

#perspectives .publications--multi {
	margin: 0;
}

@media (min-width: 1024px) {
	#perspectives .publications {
		margin: 6rem 0;
	}
	#perspectives .publications--multi {
		margin: 0;
	}
}

@media (min-width: 1280px) {
	#perspectives .publications--multi {
		margin: 0 0 4rem 0;
	}
}

.highlighted-perspective {
	margin-bottom: 3rem;
	overflow: hidden;
	padding-bottom: 0.5em;
}

.highlighted-perspective .highlighted-perspective__title {
	padding-bottom: 1em;
	margin-bottom: 1.25em;
	border-bottom: 1px solid rgba(178, 178, 178, 0.2);
}

.highlighted-perspective .people {
	margin: 1rem 0;
}

.highlighted-perspective p {
	margin: 2rem 0 3rem;
}

.highlighted-perspective__large {
	display: none;
}

.highlighted-perspective__small {
	display: block;
	width: 100%;
}

@media (min-width: 1024px) {
	.highlighted-perspective__large {
		display: block;
	}
	.highlighted-perspective__small {
		display: none;
	}
	.highlighted-perspective .cta {
		color: #343434;
	}
	.highlighted-perspective .container, .highlighted-perspective .rich-text {
		overflow: hidden;
		position: relative;
	}
	.highlighted-perspective .container a, .highlighted-perspective .rich-text a {
		display: block;
		position: relative;
		float: left;
		width: 100%;
	}
	.highlighted-perspective .container a > img, .highlighted-perspective .rich-text a > img {
		position: absolute;
		min-height: 100%;
		max-width: none;
		width: 100%;
		top: 0;
		-webkit-transition: all 0.5s;
		transition: all 0.5s;
	}
	.highlighted-perspective .container a:hover:hover a, .highlighted-perspective .rich-text a:hover:hover a {
		color: #2bbf71;
	}
	.highlighted-perspective .container a:hover:hover .cta .icon::after, .highlighted-perspective .rich-text a:hover:hover .cta .icon::after, .highlighted-perspective .container a:hover:hover .cta .icon::before, .highlighted-perspective .rich-text a:hover:hover .cta .icon::before {
		background-image: url("../images/arrow-red.svg");
	}
	.highlighted-perspective .container a:hover:hover .cta .icon::after, .highlighted-perspective .rich-text a:hover:hover .cta .icon::after {
		left: 50%;
		opacity: 1;
	}
	.highlighted-perspective .container a:hover:hover .cta .icon::before, .highlighted-perspective .rich-text a:hover:hover .cta .icon::before {
		left: 100%;
		opacity: 0;
	}
	.highlighted-perspective .container a:hover:hover .cta .icon svg circle, .highlighted-perspective .rich-text a:hover:hover .cta .icon svg circle,
	.highlighted-perspective .container a:hover:hover .cta .icon svg path,
	.highlighted-perspective .rich-text a:hover:hover .cta .icon svg path {
		stroke: #2bbf71;
	}
	.highlighted-perspective .container a:hover:hover .cta span:not(.icon), .highlighted-perspective .rich-text a:hover:hover .cta span:not(.icon) {
		color: #2bbf71;
		padding-bottom: 4px;
		border-bottom: 1px solid #2bbf71;
		border-bottom: 1px solid rgba(255, 80, 86, 0.35);
	}
	.highlighted-perspective .container a:hover:hover .cta--plain span:not(.icon), .highlighted-perspective .rich-text a:hover:hover .cta--plain span:not(.icon) {
		border-bottom-color: transparent;
	}
	.highlighted-perspective .container a:hover .cta span, .highlighted-perspective .rich-text a:hover .cta span {
		color: #2bbf71;
	}
	.highlighted-perspective .container a:hover > img, .highlighted-perspective .rich-text a:hover > img {
		-webkit-filter: saturate(1.15) brightness(1.15);
		filter: saturate(1.15) brightness(1.15);
	}
	.highlighted-perspective .container a:hover .people__inner, .highlighted-perspective .rich-text a:hover .people__inner {
		color: #343434;
	}
	.highlighted-perspective__content {
		background: #ffffff;
		background: rgba(255, 255, 255, 0.95);
		margin: 3rem 8rem 3rem auto;
		padding: 4rem;
		width: 500px;
		position: relative;
	}
	.highlighted-perspective__content--left {
		margin: 3rem 3rem 3rem 8rem;
	}
	.highlighted-perspective__content .cta {
		position: relative;
	}
}

@media (min-width: 1280px) {
	.highlighted-perspective.highlighted-perspective--alt .highlighted-perspective__image {
		width: 49.15254%;
		float: left;
		margin-right: 1.69492%;
		height: auto;
		min-height: 0;
		position: relative;
	}
	.highlighted-perspective.highlighted-perspective--alt .highlighted-perspective__content {
		width: 32.20339%;
		float: left;
		margin-right: 1.69492%;
		padding: 1rem 0 1rem 1.5rem;
		margin: 0 1.5rem 0 2rem;
	}
}

@media (min-width: 1280px) {
	.highlighted-perspective.highlighted-perspective--mirror .highlighted-perspective__content {
		margin: 3rem auto 3rem 8rem;
	}
}

.all-perspectives {
	margin-bottom: 2rem;
	padding-top: 2.5rem;
}

.all-perspectives .grid-item {
	position: relative;
	background: #fafafa;
	margin-right: 0;
	margin-bottom: 1.5rem;
}

.all-perspectives .grid-item a .people span {
	color: #343434 !important;
}

.all-perspectives > h4 {
	border-bottom: 1px solid rgba(178, 178, 178, 0.2);
	padding-bottom: 1em;
	margin-bottom: 1em;
}

.all-perspectives > hr {
	display: none;
	margin: 2.5rem 0;
}

.all-perspectives .img-wrap {
	overflow: hidden;
	position: relative;
	width: 100%;
	padding: 29% 0;
	display: none;
}

.all-perspectives .img-wrap img {
	position: absolute;
	top: 0;
	width: 100%;
	min-height: 100%;
}

@media (min-width: 1024px) {
	.all-perspectives .img-wrap {
		display: block;
	}
}

.all-perspectives__subtext {
	font-size: 13px;
	line-height: 1.5;
	letter-spacing: 1px;
	margin: 0 0 1rem;
}

.all-perspectives__subtext span {
	opacity: 0.5;
}

@media (min-width: 1024px) {
	.all-perspectives__subtext {
		color: #ffffff;
		position: absolute;
		top: -3rem;
		font-size: 15px;
	}
	.all-perspectives__subtext span {
		opacity: 1;
		font-weight: bold;
	}
}

.all-perspectives__content {
	min-height: 62px;
	position: relative;
}

.all-perspectives hr + .people {
	margin-top: 0.5em;
}

.all-perspectives .h5, .all-perspectives .filter__list .filter__selected, .filter__list .all-perspectives .filter__selected, .all-perspectives .strain-dialog__selected, .all-perspectives .project__title {
	padding-right: 3rem;
	margin-bottom: 0.4em;
}

.all-perspectives .cta {
	display: none;
	position: absolute;
	top: 5px;
	right: 0;
}

.all-perspectives .exept-load-more .cta {
	display: inline-block;
	position: relative;
}

.all-perspectives .people img {
	display: none;
}

@media (min-width: 1024px) {
	.all-perspectives > hr {
		display: block;
	}
	.all-perspectives .grid-item::after {
		display: none;
	}
	.all-perspectives-content {
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
	}
	.all-perspectives-content:after {
		content: "";
		display: table;
		clear: both;
	}
	.all-perspectives-content .grid-item {
		width: 47.82609%;
		margin-bottom: 3rem;
		background-color: #fafafa;
	}
	.all-perspectives-content .grid-item:nth-child(odd) {
		clear: both;
		margin-right: 4.34782%;
	}
	.all-perspectives-content .grid-item:nth-child(2n+2) {
		margin-left: 0;
		margin-right: 0;
	}
	.all-perspectives__content {
		margin: 1rem;
	}
	.all-perspectives__content hr {
		margin: 1rem 0;
	}
	.all-perspectives .cta {
		display: block;
	}
	.all-perspectives .people img {
		display: inline-block;
	}
}

@media (min-width: 1280px) {
	.all-perspectives {
		padding-top: 0;
	}
}

.all-perspectives--smaller .all-perspectives__subtext,
.all-perspectives--smaller .img-wrap {
	display: none;
}

.perspectives-regionlist {
	margin-top: 2.5rem;
}

.intro-perspective {
	max-width: 850px;
	margin-bottom: 1.5rem;
}

.intro-perspective__content {
	margin-top: 1.5rem;
	padding-left: 1.5rem;
}

@media (min-width: 1024px) {
	.intro-perspective {
		margin-bottom: 5.6rem;
	}
	.intro-perspective:after {
		content: "";
		display: table;
		clear: both;
	}
	.intro-perspective .intro {
		float: left;
		width: 57%;
		margin-top: 0;
	}
	.intro-perspective__content {
		float: right;
		padding-left: 0;
		margin-top: 0;
	}
}

#home main {
	padding-bottom: 0;
}

.home-animation {
	background: #e9e9e9;
	position: relative;
	overflow: hidden;
	height: 600px;
	min-height: 600px;
	height: -webkit-calc(100vh - 60px);
	height: calc(100vh - 60px);
	color: #717171;
}

.home-animation .container, .home-animation .rich-text {
	height: 100%;
}

.home-animation__item {
	color: #000000;
}

.home-animation__content {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 2rem 1.5rem 0;
	padding: 0;
}

.home-animation img {
	position: absolute;
	top: 75%;
	left: 50%;
	width: 60%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

@media (min-width: 375px) {
	.home-animation img {
		top: 65%;
	}
}

@media (min-width: 768px) {
	.home-animation img {
		top: 40%;
		left: auto;
		right: 0;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}
}

@media (min-width: 1024px) {
	.home-animation {
		height: -webkit-calc(100vh - 75px);
		height: calc(100vh - 75px);
	}
	.home-animation .container, .home-animation .rich-text {
		max-width: 865px;
	}
	.home-animation img {
		top: 20%;
		right: -24%;
		opacity: 1;
		max-width: 660px;
	}
	.home-animation.step2 img {
		opacity: 1;
	}
}

@media (min-width: 1280px) {
	.home-animation {
		min-height: 800px;
	}
	.home-animation .container, .home-animation .rich-text {
		max-width: 1160px;
	}
	.home-animation__content {
		padding-left: 0;
		margin-left: 150px;
	}
	.home-animation img {
		width: 50%;
		top: 14%;
		right: -210px;
	}
}

.home-animation .ha01 {
	position: absolute;
	opacity: 0;
	top: 0;
	-webkit-transition: opacity 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53), top 1s cubic-bezier(0.55, 0.085, 0.68, 0.53);
	transition: opacity 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53), top 1s cubic-bezier(0.55, 0.085, 0.68, 0.53);
	max-width: 600px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 100%;
}

.home-animation .ha02 {
	position: absolute;
	opacity: 0;
	top: 0;
	-webkit-transition: all 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53);
	transition: all 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53);
	margin: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 100%;
}

.home-animation .ha03 {
	position: absolute;
	opacity: 0;
	top: 0;
	-webkit-transition: opacity 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53), top 1s;
	transition: opacity 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53), top 1s;
	max-width: 600px;
	left: 0%;
	width: 100%;
}

.home-animation .ha05 {
	position: absolute;
	opacity: 0;
	top: 0;
	-webkit-transition: all 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53);
	transition: all 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53);
	margin: 55px 0 0;
}

.home-animation .ha06 {
	position: absolute;
	opacity: 0;
	top: 0;
	-webkit-transition: opacity 0.5s, top 1s;
	transition: opacity 0.5s, top 1s;
	width: 100%;
}

.home-animation .ha06 .home-animation__static {
	display: inline-block;
}

.home-animation .ha06 p {
	margin-right: 10px;
	display: inline-block;
}

.home-animation .ha06 .cta {
	margin: 0 auto;
	display: inline-block;
	margin-top: 25px;
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
}

.home-animation__jobs {
	position: relative;
	height: 70px;
	overflow: hidden;
	width: auto;
	display: none;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.home-animation__jobs span {
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	display: table;
	text-align: center;
	top: -90px;
	padding-bottom: 0;
}

.home-animation__jobs span.on {
	top: 0;
}

.home-animation__jobs .ha07 {
	top: 0;
}

.home-animation.step1 .ha01 {
	opacity: 1;
}

.home-animation.step2 .ha01 {
	opacity: 0;
	-webkit-transition: opacity 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), top 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition: opacity 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), top 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.home-animation.step2 .ha02,
.home-animation.step2 .ha03 {
	opacity: 1;
	-webkit-transition-delay: 1s;
	transition-delay: 1s;
}

.home-animation.step3 .ha06 {
	opacity: 1;
	-webkit-transition-delay: 1.5s;
	transition-delay: 1.5s;
}

.home-animation.step3 .ha06 .cta {
	opacity: 1;
	-webkit-transition-delay: 2s;
	transition-delay: 2s;
}

.home-animation.step4 {
	-webkit-transition: none;
	transition: none;
}

.home-animation.step4 .ha07 {
	-webkit-transition: top 0.6s ease-in-out 2s;
	transition: top 0.6s ease-in-out 2s;
}

.home-animation.step4 .home-animation__jobs span {
	-webkit-transition: none;
	transition: none;
	top: -90px;
}

.home-animation.step4 .home-animation__jobs span.on {
	-webkit-transition: top 0.6s ease-in-out;
	transition: top 0.6s ease-in-out;
	top: 0;
}

.home-animation.step4 .home-animation__jobs span.off {
	-webkit-transition: top 0.6s ease-in-out;
	transition: top 0.6s ease-in-out;
	top: 90px;
}

@media (min-width: 1024px) {
	.home-animation .ha01 {
		top: 20%;
		left: 0;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		text-align: left;
	}
	.home-animation .ha02 {
		top: 23%;
		left: 0;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		text-align: left;
	}
	.home-animation .ha03 {
		top: 30%;
		left: 0;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		text-align: left;
		max-width: 600px;
	}
	.home-animation .ha05 {
		top: 23%;
	}
	.home-animation .ha06 {
		text-align: left;
		margin-top: 190px;
		top: 28%;
		left: 0;
	}
	.home-animation .ha06 .cta {
		position: relative;
		left: 0;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}
	.home-animation .ha06 p {
		display: inline-block;
		width: auto;
	}
	.home-animation__jobs {
		height: 90px;
		display: inline-block;
		vertical-align: top;
		width: 80%;
	}
	.home-animation__jobs span {
		text-align: left;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		left: 0;
	}
	.home-animation .ha06 .home-animation__static {
		display: none;
	}
	.home-animation.step2 .ha01 {
		top: 10%;
	}
	.home-animation.step2 .ha02,
	.home-animation.step2 .ha03 {
		top: 20%;
	}
	.home-animation.step3 .ha02 {
		opacity: 1;
	}
	.home-animation.step3 .ha03 {
		opacity: 1;
	}
	.home-animation.step3 .ha06 {
		top: 20%;
	}
	.home-animation.step3 .ha05 {
		top: 32%;
	}
}

@media (min-width: 1280px) {
	.home-animation .ha03 {
		max-width: 700px;
	}
	.home-animation__jobs span {
		left: 10px;
	}
}

.home-statistics {
	position: relative;
	overflow: hidden;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	height: 800px;
	height: -webkit-calc(100vh - 75px);
	height: calc(100vh - 75px);
	width: 100%;
	padding: 0;
	margin: 0;
	background-image: url("../images/home/office.jpg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.home-statistics__background {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0;
	-webkit-transition: opacity 0.5s ease-in-out 0.5s;
	transition: opacity 0.5s ease-in-out 0.5s;
	will-change: opacity;
	z-index: 54;
}

.home-statistics__background.active {
	opacity: 1;
	-webkit-transition: opacity 0.5s ease-in-out 0.25s;
	transition: opacity 0.5s ease-in-out 0.25s;
	z-index: 55;
}

.home-statistics__stat {
	z-index: 56;
	width: 50%;
	float: left;
	height: 33.33%;
	border: solid 1px #e9e9e9;
	border: solid 1px rgba(233, 233, 233, 0.3);
	position: relative;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

@media (min-width: 1280px) {
	.home-statistics__stat {
		width: 33.33%;
		height: 50%;
	}
	.home-statistics__stat:nth-child(3n+3) {
		width: 33.34%;
		border-right: none;
	}
}

.home-statistics__stat:hover {
	cursor: pointer;
	background: rgba(255, 255, 255, 0.9);
}

.home-statistics__stat:hover .home-statistics__figure {
	opacity: 1;
}

.home-statistics__stat:hover .home-statistics__figure::before {
	opacity: 1;
}

.home-statistics__stat:hover .home-statistics__subtitle {
	opacity: 0;
}

.home-statistics__stat:hover .home-statistics__content {
	opacity: 1;
}

.home-statistics__content {
	margin: 0 auto;
	opacity: 0;
	-webkit-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	position: absolute;
	top: 50%;
	left: 10%;
	width: auto;
	max-width: 80%;
}

.home-statistics__figure {
	font-size: 100px;
	line-height: 1.3;
	text-align: left;
	margin: 0;
	opacity: 0;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

@media (min-width: 1440px) {
	.home-statistics__figure {
		font-size: 150px;
	}
}

.home-statistics__sub {
	font-size: 48px;
}

@media (min-width: 1440px) {
	.home-statistics__sub {
		font-size: 65px;
	}
}

.home-statistics__text {
	font-size: 18px;
	font-style: ;
	color: #343434;
	margin: 0;
	position: relative;
}

.home-statistics__subtitle {
	position: absolute;
	font-size: 18px;
	font-weight: bold;
	font-style: ;
	line-height: 1.3;
	color: #ffffff;
	top: 40px;
	left: 40px;
	opacity: 1;
	-webkit-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
}

.home-filter {
	padding: 2em 0;
	font-size: 18px;
}

.home-filter .h3 {
	font-size: 18px;
	line-height: 1.3;
	display: inline-block;
	margin-bottom: 0;
}

.home-filter h5 {
	margin-bottom: 2rem;
}

.home-filter .filter__container {
	text-align: center;
}

.home-filter .filter__container .text-small {
	margin-bottom: 1.5rem;
}

.home-filter .project-filter__reset {
	float: none;
	display: none;
}

.home-filter .project-filter__reset.active {
	display: inline-block;
}

.home-filter .filters {
	margin: 1rem auto 0;
}

@media (min-width: 1280px) {
	.home-filter {
		padding: 7.5em 0;
	}
	.home-filter .h3 {
		font-size: 48px;
		line-height: 1;
		display: block;
	}
	.home-filter .h3 span {
		display: inline;
	}
	.home-filter.filtered .h3 {
		display: inline-block;
	}
	.home-filter .filters {
		margin-top: 1rem;
	}
	.home-filter .content-image {
		margin-top: 5rem;
	}
	.home-filter .filter__container {
		font-size: 48px;
		line-height: 1;
	}
}

.join-us {
	background: #000000;
	color: #ffffff;
	overflow: hidden;
	margin-bottom: 4rem;
}

.join-us__content {
	max-width: 400px;
	margin: 2rem 0;
	position: relative;
}

.join-us > img {
	margin-left: -10%;
	margin-right: -10%;
	width: 120%;
	max-width: none;
}

.join-us__quote {
	font-size: 32px;
	line-height: 1.2;
	letter-spacing: 0.5px;
	quotes: "“" "”" "‘" "’";
	position: relative;
}

.join-us__quote::before {
	content: open-quote;
	margin-right: 5px;
}

.join-us__quote::after {
	content: close-quote;
	margin-left: 5px;
}

.join-us p {
	color: #ffffff;
}

@media (min-width: 768px) {
	.join-us {
		background: none;
	}
	.join-us > img {
		margin: 0;
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
		min-height: 100%;
		width: 100%;
	}
	.join-us__content {
		margin: 0 5% 0 auto;
		padding: 135px 0;
	}
	.join-us__quote::before {
		margin-right: 0;
		position: absolute;
		top: 0;
		left: -25px;
	}
}

.news-ticker {
	padding: 2rem 0;
}

.news-ticker:after {
	content: "";
	display: table;
	clear: both;
}

@media (min-width: 768px) {
	.news-ticker {
		padding: 2.5rem 0 1.5rem;
	}
}

.news-ticker .container, .news-ticker .rich-text {
	max-width: 865px;
}

@media (min-width: 768px) {
	.news-ticker h2 {
		float: left;
		width: 30%;
	}
}

@media (min-width: 768px) {
	.news-ticker .cta {
		position: absolute;
		top: 2em;
		right: 0;
	}
}

.news-ticker__articles .article__inner {
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	padding-top: 4px;
	opacity: 0;
	-webkit-transform: translateY(60px);
	-ms-transform: translateY(60px);
	transform: translateY(60px);
}

.news-ticker__articles .article__inner:hover a {
	color: #2bbf71;
}

.news-ticker__articles .article__inner:hover .cta .icon::after, .news-ticker__articles .article__inner:hover .cta .icon::before {
	background-image: url("../images/arrow-red.svg");
}

.news-ticker__articles .article__inner:hover .cta .icon::after {
	left: 50%;
	opacity: 1;
}

.news-ticker__articles .article__inner:hover .cta .icon::before {
	left: 100%;
	opacity: 0;
}

.news-ticker__articles .article__inner:hover .cta .icon svg circle,
.news-ticker__articles .article__inner:hover .cta .icon svg path {
	stroke: #2bbf71;
}

.news-ticker__articles .article__inner:hover .cta span:not(.icon) {
	color: #2bbf71;
	padding-bottom: 4px;
	border-bottom: 1px solid #2bbf71;
	border-bottom: 1px solid rgba(255, 80, 86, 0.35);
}

.news-ticker__articles .article__inner:hover .cta--plain span:not(.icon) {
	border-bottom-color: transparent;
}

.news-ticker__articles .article.slick-prev .article__inner {
	opacity: 0;
	-webkit-transform: translateY(-60px);
	-ms-transform: translateY(-60px);
	transform: translateY(-60px);
}

.news-ticker__articles .article.slick-active .article__inner {
	opacity: 1;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}

.news-ticker__articles .article:nth-child(n+2) {
	position: absolute;
}

@media (min-width: 768px) {
	.news-ticker__articles .article {
		padding-right: 50px;
	}
}

.news-ticker__articles .article p {
	margin: 0 0 0.5em;
	font-size: 13px;
}

.news-ticker__articles .article p .date {
	color: #b2b2b2;
	display: inline-block;
	margin-right: 1em;
}

.news-ticker__articles .article h3 {
	font-size: 24px;
	line-height: 160%;
}

.news-ticker__articles .article h3 a {
	word-wrap: break-word;
}

@media (min-width: 768px) {
	.news-ticker__articles {
		float: left;
		width: 60%;
	}
	.news-ticker__articles .article {
		padding-right: 50px;
	}
	.news-ticker__articles .article__inner {
		padding-right: 4em;
	}
}

.dl-wrap {
	padding-bottom: 2rem;
}

.dl-wrap--inline {
	margin-top: 2.6rem;
	padding-top: 1rem;
	padding-bottom: 3rem;
}

@media (min-width: 768px) {
	.dl-wrap--inline {
		padding-top: 2.3rem;
	}
}

.dl-wrap__title {
	font-size: 18px;
	margin-bottom: 1.6rem;
}

@media (min-width: 768px) {
	.dl-wrap__title {
		font-size: 20px;
	}
}

.dl-wrap__list {
	list-style-type: none;
	padding: 0 0 2.2rem 0;
	margin: 0;
}

.dl-wrap__list:last-child {
	padding-bottom: 0;
}

.dl-wrap__item {
	padding: 0 0 1rem 0;
	display: inline-block;
	width: 100%;
}

.dl-wrap__item:last-child {
	padding-bottom: 0;
}

@media (min-width: 1024px) {
	.dl-wrap__item--horiz {
		width: auto;
		padding: 0 1rem 0 0;
	}
	.dl-wrap__item--horiz:last-child {
		padding-right: 0;
	}
}

.feat-pubs--spaced {
	padding-bottom: 3rem;
}

.feat-pubs__list {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	flex-direction: column;
}

@media (min-width: 1024px) {
	.feat-pubs__list {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row;
		flex-direction: row;
		-webkit-box-align: stretch;
		-webkit-align-items: stretch;
		align-items: stretch;
	}
}

.feat-pubs__item {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	margin-bottom: 1rem;
}

@media (min-width: 1024px) {
	.feat-pubs__item {
		margin-right: 4.6rem;
		margin-bottom: 0;
	}
	.feat-pubs__item:last-child {
		margin-right: 0;
	}
}

.feat-pub {
	display: block;
	background-color: #f2f2f2;
	padding: 0.8rem 0.8rem 1.5rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-transition: box-shadow 0.2s, color 0.25s;
	transition: box-shadow 0.2s, color 0.25s;
	width: 100%;
}

@media (min-width: 768px) {
	.feat-pub {
		padding: 2.7rem 1.7rem 1.7rem;
	}
}

.feat-pub:hover {
	box-shadow: 2px 3px 8px 0 #b2b2b2;
}

.feat-pub__pic-wrap {
	margin-bottom: 1.7rem;
	-webkit-box-flex: 0;
	-webkit-flex-grow: 0;
	flex-grow: 0;
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
}

@media (min-width: 768px) {
	.feat-pub__pic-wrap {
		margin-bottom: 3rem;
	}
}

.feat-pub__pic {
	padding-top: 60%;
	background-size: contain;
	background-position: center center;
	position: relative;
}

.feat-pub__pic img {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.feat-pub__title {
	font-size: 24px;
}

@media (min-width: 768px) {
	.feat-pub__title {
		font-size: 32px;
	}
}

.feat-pub__count {
	margin: 1rem 0 0;
	font-size: 13px;
	-webkit-box-flex: 0;
	-webkit-flex-grow: 0;
	flex-grow: 0;
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
}

.pub-category--spaced {
	padding-top: 2rem;
}

@media (min-width: 1280px) {
	.pub-category {
		padding-top: 3rem;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
}

.pub-category__header {
	z-index: 2;
	position: relative;
}

@media (min-width: 1280px) {
	.pub-category__header {
		width: 12.5rem;
		margin-right: 3.4rem;
		padding-top: 3.9rem;
	}
}

.pub-category__content {
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	flex-grow: 1;
}

.pub-category__footer {
	position: relative;
}

.pub-info__title {
	font-size: 32px;
	margin-bottom: 0.5rem;
}

.pub-info__subtitle {
	font-size: 13px;
	font-style: ;
}

.pub-info__copy {
	font-size: 15px;
}

.pub-hero {
	position: relative;
	background: #e9e9e9;
	color: #343434;
	background: #b2b2b2 none scroll no-repeat center center;
	background-size: 0;
}

@media (min-width: 768px) {
	.pub-hero {
		background-size: cover;
	}
}

.pub-hero__inner {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

@media (min-width: 768px) {
	.pub-hero__inner {
		max-width: 1160px;
		margin: 0 auto;
		padding: 0 1.5rem;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		-webkit-flex-direction: row-reverse;
		flex-direction: row-reverse;
		-webkit-box-align: center;
		-webkit-align-items: center;
		align-items: center;
	}
}

.pub-hero__inner:after {
	content: ' ';
	width: 100%;
	height: 100%;
	background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0)));
	background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
	background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.pub-hero__cover-wrap {
	background: #b2b2b2 none scroll no-repeat center center;
	background-size: cover;
	min-height: 16.6rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	align-items: flex-end;
	overflow: visible;
	position: relative;
}

@media (min-width: 768px) {
	.pub-hero__cover-wrap {
		z-index: 1;
		display: block;
		min-height: 0;
		padding: 5rem 0;
		margin-right: 8%;
		background-size: 0;
		background-color: transparent;
		width: 30%;
		-webkit-box-align: center;
		-webkit-align-items: center;
		align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
	}
	.pub-hero__cover-wrap::after {
		content: '';
		width: 100vw;
		display: block;
		background-color: rgba(255, 255, 255, 0.95);
		position: absolute;
		top: 0;
		bottom: 0;
		left: 40%;
	}
}

.pub-hero__cover {
	position: relative;
	bottom: -1.5rem;
	display: block;
	width: 50%;
	margin: 0 auto;
	z-index: 2;
	box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.5);
	width: auto;
	max-width: 250px;
	max-height: 250px;
}

@media (min-width: 768px) {
	.pub-hero__cover {
		bottom: 0;
		width: 100%;
		width: auto;
		max-width: 350px;
		max-height: 275px;
	}
}

.pub-hero__copy {
	position: relative;
	background-color: #ffffff;
	padding: 0 1.5rem;
	padding-top: 4.5rem;
	z-index: 1;
}

@media (min-width: 768px) {
	.pub-hero__copy {
		padding: 0;
		background-color: transparent;
		width: 50%;
		margin-right: 2rem;
	}
}

.pub-hero__title {
	margin: 0;
	padding: 0;
	color: #343434;
	font-size: 32px;
}

@media (min-width: 768px) {
	.pub-hero__title {
		color: #ffffff;
		font-size: 60px;
	}
}

.publications-header {
	overflow: hidden;
	position: relative;
	background-color: #fafafa;
	padding-bottom: 2.5rem;
	margin-bottom: 2.5rem;
}

.publications-header .img-wrap {
	width: 100%;
	overflow: hidden;
	padding: 27% 0;
	position: relative;
	margin-bottom: 1.5rem;
}

.publications-header .img-wrap .publications-header__subheading {
	color: #ffffff;
	position: absolute;
	left: 1.5rem;
	bottom: 0.5em;
}

.publications-header .img-wrap img {
	position: absolute;
	top: 50%;
	left: 0;
	min-height: 100%;
	max-width: none;
	width: 100%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.publications-header hr {
	margin: 15px 0 30px 0;
}

.publications-header__subheading {
	margin-bottom: 10px;
	display: block;
	margin-top: 0;
	font-style: ;
}

.publications-header .heading-subnote {
	font-size: 15px;
}

@media (min-width: 1024px) {
	.publications-header {
		padding-bottom: 0;
	}
	.publications-header .heading-subnote {
		font-size: 18px;
	}
	.publications-header .img-wrap {
		position: absolute;
		width: 100%;
		max-height: none;
		height: 100%;
	}
	.publications-header .container, .publications-header .rich-text {
		display: table;
	}
	.publications-header__subheading {
		color: #ffffff;
	}
	.publications-header__left {
		position: relative;
		display: table-cell;
		padding: 9em 0;
		width: 65%;
	}
	.publications-header__right {
		position: relative;
		display: table-cell;
		background: rgba(255, 255, 255, 0.85);
		width: 37%;
		padding: 9em 0 9em 12%;
		color: #343434;
	}
	.publications-header__right::after {
		content: '';
		position: absolute;
		top: 0;
		background: rgba(255, 255, 255, 0.85);
		right: -50vw;
		width: 50vw;
		bottom: 0;
	}
	.publications-header__icon {
		position: absolute;
		right: 0;
		top: 11em;
		max-width: 190px;
		-webkit-transform: translateX(50%);
		-ms-transform: translateX(50%);
		transform: translateX(50%);
		z-index: 10;
	}
	.publications-header h1 {
		max-width: 600px;
		color: #ffffff;
	}
}

.featured-pub {
	padding-bottom: 2.5rem;
	margin-bottom: 2.5rem;
}

.featured-pub h4 {
	margin-bottom: 2.5rem;
}

.featured-pub .pub-slide:after {
	content: "";
	display: table;
	clear: both;
}

.featured-pub .pub-slide .featured-pub__pub {
	float: left;
	width: 35%;
	margin-right: 10%;
	margin-left: 5%;
}

.featured-pub .pub-slide img {
	width: auto;
	margin-right: 0;
	margin-left: 0;
	max-width: 100%;
}

.featured-pub .pub-slide .pub-slide__content {
	float: right;
	width: 50%;
}

.featured-pub .pub-slide .pub-slide__content .cta {
	font-size: 32px;
	font-style: normal;
}

.featured-pub .pub-slide .pub-slide__content .cta span:last-of-type {
	margin-left: 0.4em;
}

.featured-pub .pub-slide .pub-slide__content .cta span:last-of-type::after {
	display: none;
}

.featured-pub .pub-slide .pub-slide__content h3 {
	margin-top: 3rem;
	margin-bottom: 1rem;
	position: relative;
}

.all-pub {
	padding: 2.5rem 0;
	margin-bottom: 2.5em;
	margin-bottom: 2.5rem;
}

.all-pub h4 {
	margin-bottom: 2.5rem;
}

.all-pub__img {
	margin-bottom: 25px;
	overflow: hidden;
	position: relative;
	display: block;
}

.all-pub__img img {
	margin: 0 auto;
}

.all-pub__item {
	background: #ffffff;
	padding: 25px;
	margin-bottom: 25px;
}

@media (min-width: 1024px) {
	.all-pub__img {
		text-align: center;
		height: 290px;
	}
	.all-pub__items {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-flow: row wrap;
		flex-flow: row wrap;
	}
	.all-pub__item {
		float: left;
		width: 47%;
		margin-right: 6%;
		clear: both;
	}
	.all-pub__item:nth-child(even) {
		margin-right: 0;
		clear: none;
	}
}

.pub-toggle {
	text-align: left;
	padding-top: 1em;
	padding-top: 1rem;
}

.publication-single--modal:after {
	content: "";
	display: table;
	clear: both;
}

.publication-single.loading .language-selector {
	z-index: 0;
	position: relative;
}

.publication-single img {
	margin-bottom: 1rem;
}

.publication-single h4 {
	padding-right: 30px;
}

.publication-single__heading {
	position: relative;
}

.publication-single__heading h4 {
	padding-right: 50px;
}

.publication-single__cta {
	padding: 1.5rem 0;
}

.publication-single__cta .label--cta__inner {
	margin-left: 2.6em;
}

.publication-single__cta .label--cta .icon {
	height: 1.4em;
	width: 1.4em;
	margin-top: -0.8em;
}

.publication-single__cta a {
	font-size: 15px;
	font-style: ;
	line-height: 1.5em;
	margin-top: 0;
}

.publication-single .toggle-trigger {
	display: inline-block;
}

.publication-single .toggle-content p {
	margin-top: 0;
}

.publication-single .share-container {
	position: absolute;
	right: 0;
	top: 20%;
	margin-top: -6px;
}

@media (min-width: 768px) {
	.publication-single img {
		max-height: 400px;
	}
}

@media (min-width: 1024px) {
	.publication-single .img-wrap {
		position: relative;
		min-height: 1px;
		width: 35%;
		float: left;
	}
	.publication-single img {
		max-height: none;
	}
	.publication-single__content {
		float: left;
		width: 50%;
		margin-left: 13%;
	}
}

@media (min-width: 1280px) {
	.publication-single__cta {
		display: table;
		width: 100%;
	}
	.publication-single__cta a {
		display: table-cell;
		width: 50%;
		vertical-align: middle;
	}
}

.publication-single .language-selector .container, .publication-single .language-selector .rich-text {
	padding: 0;
}

.publication-single .language-selector .container .language-selector__inner, .publication-single .language-selector .rich-text .language-selector__inner {
	position: relative;
	padding-left: 0;
	top: 0;
}

.publication-single--page {
	max-width: 960px;
	padding-top: 2.5rem;
}

.publication-single--page:after {
	content: "";
	display: table;
	clear: both;
}

.publication-category + hr {
	margin: 55px 0;
}

.publication-category img {
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

.publication-category__grid:after {
	content: "";
	display: table;
	clear: both;
}

.publication-category .publication-category__pub {
	width: 44.91525%;
	float: left;
	margin-right: 1.69492%;
	clear: both;
	margin-bottom: 25px;
}

.publication-category .publication-category__pub:hover img {
	-webkit-filter: saturate(1.15) brightness(1.15);
	filter: saturate(1.15) brightness(1.15);
}

.publication-category .publication-category__pub p {
	margin-top: 10px;
}

.publication-category .publication-category__pub .img-wrap {
	position: relative;
	overflow: hidden;
	padding: 64% 0;
}

.publication-category .publication-category__pub .img-wrap img {
	position: absolute;
	min-width: 100%;
	min-height: 100%;
	top: 0;
	object-fit: cover;
}

.publication-category .publication-category__pub .img-wrap img.hidden {
	display: none;
}

.publication-category .publication-category__pub:nth-child(even) {
	margin-right: 0;
	float: right;
	clear: none;
}

@media (min-width: 1024px) {
	.publication-category .publication-category__pub {
		width: 21.61017%;
		float: left;
		margin-right: 1.69492%;
		margin-right: 4.33%;
		border-bottom: 1px solid #b2b2b2;
		border-bottom: 1px solid rgba(178, 178, 178, 0.2);
		margin-bottom: 50px;
		clear: none;
	}
	.publication-category .publication-category__pub:nth-child(even) {
		margin-right: 4.33%;
		float: left;
	}
	.publication-category .publication-category__pub:nth-child(4n+4) {
		margin-right: 0;
	}
	.publication-category .publication-category__pub:nth-child(4n+5) {
		clear: both;
	}
	.publication-category .publication-category__pub .img-wrap {
		padding: 65% 0;
	}
	.publication-category .publication-category__side {
		width: 17%;
		margin-right: 3%;
		float: left;
		min-height: 100px;
	}
	.publication-category .publication-category__grid {
		width: 80%;
		float: left;
	}
}

.item-shelf {
	position: relative;
	margin: 0 -1.5rem;
}

.item-shelf--spaced {
	padding: 3rem 0;
}

.item-shelf__list {
	padding: 0 0 1.6rem 0;
	list-style-type: none;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: stretch;
	-webkit-align-items: stretch;
	align-items: stretch;
	position: relative;
	overflow: auto;
}

@media (min-width: 768px) {
	.item-shelf__list {
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		max-width: 940px;
		overflow: visible;
		margin: 0 auto;
	}
}

.item-shelf__item {
	width: 12.5rem;
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	flex-direction: column;
}

.item-shelf__item:hover .item-shelf__pic {
	box-shadow: 0 1.5rem 3rem 0 rgba(0, 0, 0, 0.7);
}

@media (min-width: 768px) {
	.item-shelf__item {
		width: 25%;
		-webkit-flex-shrink: 1;
		flex-shrink: 1;
		border-bottom: 0;
	}
	.item-shelf__item.item-shelf__item:nth-of-type(1) .item-shelf__copy-wrap::before, .item-shelf__item.item-shelf__item:nth-of-type(4n+1) .item-shelf__copy-wrap::before {
		content: '';
		display: block;
		position: absolute;
		background-color: #ffffff;
		left: -100vw;
		right: -100vw;
		top: 0;
		bottom: 0;
		z-index: -1;
		pointer-events: none;
	}
}

.item-shelf__link {
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	flex-grow: 1;
	display: block;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	flex-direction: column;
}

.item-shelf__media {
	padding: 0 1.6rem;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	padding-top: 1.5rem;
}

.item-shelf__pic-wrap {
	padding-top: 145%;
	position: relative;
}

.item-shelf__pic {
	position: absolute;
	bottom: 0;
	box-shadow: 0 1.5rem 3rem 0 rgba(0, 0, 0, 0.5);
	-webkit-transition: box-shadow 0.5s;
	transition: box-shadow 0.5s;
}

.item-shelf__copy-wrap {
	position: relative;
	z-index: 1;
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	flex-grow: 1;
	background-color: #ffffff;
	padding: 1rem 1.6rem 0 1.6rem;
}

.item-shelf__copy-wrap::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 1.6rem;
	right: 1.6rem;
	height: 1px;
	background-color: #f2f2f2;
}

@media (min-width: 768px) {
	.item-shelf__copy-wrap {
		background-color: transparent;
		padding: 1.6rem 1rem 0 1.6rem;
	}
	.item-shelf__copy-wrap:after {
		display: none;
	}
}

.item-shelf__title {
	font-size: 15px;
}

@media (min-width: 768px) {
	.item-shelf__title {
		font-size: 20px;
	}
}

.pub-category > .pub-category__content:first-child > .item-shelf .item-shelf__list {
	max-width: none;
}

#projects-list.publications-list .item-shelf__list {
	max-width: none;
}

@media (min-width: 768px) {
	#projects-list.publications-list .item-shelf__item {
		width: 20%;
	}
}

#projects-list.publications-list .item-shelf__item.item-shelf__item:first-of-type .item-shelf__copy-wrap::before, #projects-list.publications-list .item-shelf__item.item-shelf__item:nth-of-type(4n+1) .item-shelf__copy-wrap:before {
	display: none;
}

#projects-list.publications-list .item-shelf__item.item-shelf__item:first-of-type .item-shelf__copy-wrap::before, #projects-list.publications-list .item-shelf__item.item-shelf__item:nth-of-type(5n+1) .item-shelf__copy-wrap:before {
	content: "";
	display: block;
	position: absolute;
	background-color: #fff;
	left: -100vw;
	right: -100vw;
	top: 0;
	bottom: 0;
	z-index: -1;
	pointer-events: none;
}

.expertise-services {
	margin-bottom: 3rem;
	margin-top: 4rem;
}

.expertise-services__header {
	padding: 0 12.5%;
}

.expertise-services__header:after {
	content: "";
	display: table;
	clear: both;
}

.expertise-services__header h2 {
	float: left;
}

.expertise-services__header .cta {
	float: right;
	margin-top: 0.5em;
}

.expertise-services__cta {
	margin-top: 3rem;
}

.expertise-services .tabs {
	margin: 1.6rem 0 3rem;
	width: 100%;
	padding: 0 12.5%;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.expertise-services .tabs li {
	margin: 0;
	width: auto;
	display: inline-block;
	color: #000000;
}

.expertise-services .tabs li a {
	font-size: 18px;
}

.expertise-services.mobile-only {
	margin-top: 0em;
}

.expertise-services.mobile-only h2 {
	border-bottom: solid 1px rgba(255, 80, 86, 0.2);
	padding-bottom: 0.4em;
}

.expertise-services.mobile-only .expertise-service {
	opacity: 1;
	margin-bottom: 10px;
}

.expertise-services.mobile-only .expertise-service .cta {
	margin-bottom: 15px;
}

.expertise-services.mobile-only .expertise-service .cta::before, .expertise-services.mobile-only .expertise-service .cta::after {
	display: none;
}

.expertise-service {
	opacity: 0;
}

.expertise-service__inner {
	padding: 5.3% 0 9%;
	position: relative;
	overflow: hidden;
}

.expertise-service__overlay {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.2);
	z-index: 1;
}

.expertise-service__mainimg {
	position: absolute;
	top: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	width: 100%;
	left: 50%;
	max-width: none;
}

.contacts-section .tab-content .accordion .accordion__section.expertise-service {
	opacity: 1;
}

.expertise-service-content {
	position: relative;
	margin: 0 5% 0 12.5%;
	z-index: 2;
}

.expertise-service-content:after {
	content: "";
	display: table;
	clear: both;
}

.expertise-service-content__description {
	float: left;
	max-width: 440px;
	width: 100%;
	color: #ffffff;
	padding-top: 12px;
}

.expertise-service-content__description p {
	color: inherit;
}

.expertise-service-content__label {
	font-size: 15px;
	font-style: ;
	margin-bottom: 5px;
}

.expertise-service-content__servicelist {
	float: right;
	color: #ffffff;
	width: 240px;
}

.expertise-service-content__servicelist h4 {
	font-size: 15px;
	margin-bottom: 1.4em;
}

.expertise-service-content__servicelist .scroller {
	max-height: 350px;
	padding-left: 30px;
	margin-right: 100px;
}

.expertise-service-content__servicelist .scroller a {
	font-style: ;
	font-size: 18px;
}

.expertise-service-content__servicelist .scroller a::after {
	content: '';
	opacity: 0;
	display: block;
	position: absolute;
	height: 1px;
	width: 100%;
	bottom: 2px;
	background: rgba(255, 255, 255, 0.4);
	-webkit-transition: all 0.25s;
	transition: all 0.25s;
}

.expertise-service-content__servicelist .scroller a:focus::after, .expertise-service-content__servicelist .scroller a:hover::after {
	bottom: -4px;
	opacity: 1;
}

.expertise-service-content__servicelist .scroller a:focus, .expertise-service-content__servicelist .scroller a:hover {
	color: #ffffff;
}

.expertise-service-content__servicelist .scroller ul {
	margin: 0;
	padding: 0 0 30px 0;
	max-height: 350px;
	-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, color-stop(80%, black), to(rgba(0, 0, 0, 0)));
	-webkit-mask-image: -webkit-linear-gradient(top, black 80%, rgba(0, 0, 0, 0) 100%);
}

.expertise-service-content__servicelist .scroller ul:focus {
	outline: none;
}

.expertise-service-content__servicelist .scroller ul li {
	margin: 0.2em 0 1.6em 0;
	padding: 0;
	list-style: none;
}

.expertise-service-content__servicelist .scroller .nano-pane {
	left: 0;
	right: auto;
	top: 0;
	bottom: 0;
}

.expertise-service-content__servicelist .scroller .nano-pane::before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 1px;
	height: 100%;
	background: #b2b2b2;
}

.expertise-service-content__servicelist .scroller .nano-pane .nano-slider {
	background: #ffffff;
}

.expertise-service-quote {
	padding: 4% 5.5%;
	margin-top: -70px;
	background: #ffffff;
	max-width: 1060px;
	z-index: 2;
}

.expertise-service-quote .quote {
	margin: 0;
	width: 100%;
	max-width: none;
}

.expertise-service-quote .quote:after {
	content: "";
	display: table;
	clear: both;
}

.expertise-service-quote .quote p {
	float: left;
	width: 42%;
}

.expertise-service-quote .quote .people {
	width: 50%;
	float: right;
	margin: 0;
}

.expertise-service-quote .quote .people img {
	width: 166px;
	height: 166px;
	margin-right: 30px;
}

.expertise-service-quote .quote .people .people__inner {
	width: -webkit-calc(100% - 206px);
	width: calc(100% - 206px);
	vertical-align: top;
}

.expertise-service-quote .quote .people .people__inner span:first-child {
	font-size: 60px;
	font-weight: normal;
	line-height: 100%;
	margin-bottom: 0.2em;
}

body#industry .expertise-services.mobile-only {
	margin-top: 1em;
}

.industries-carousel {
	margin-bottom: 1.5rem;
}

.industries-carousel__nav {
	margin-bottom: 1.8em;
	font-size: 18px;
}

.industries-carousel__filter-label {
	display: inline-block;
	color: #000000;
	font-style: ;
}

@media (min-width: 1280px) {
	.industries-carousel {
		margin-bottom: 0;
	}
	.industries-carousel__container {
		max-width: none;
		width: 100%;
	}
	.industries-carousel__header {
		max-width: 1160px;
		margin: 0 auto;
	}
	.industries-carousel__header-inner {
		width: 100%;
		padding: 0 12.5%;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row;
		flex-direction: row;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		position: relative;
		z-index: 1;
	}
	.industries-carousel__title {
		margin-bottom: 1em;
		font-size: 32px;
		-webkit-box-flex: 1;
		-webkit-flex-grow: 1;
		flex-grow: 1;
	}
	.industries-carousel__nav {
		font-size: 20px;
	}
	.industries-carousel__filter-list {
		right: 0 !important;
		left: auto !important;
	}
}

.industry-item {
	margin-bottom: 1.5rem;
	background-size: 0;
}

@media (min-width: 768px) {
	.industry-item {
		margin-bottom: 0;
		background: #b2b2b2 none scroll no-repeat center center;
		background-size: cover;
		display: -webkit-box !important;
		display: -webkit-flex !important;
		display: flex !important;
	}
	.industry-item__contentwrap {
		min-height: 65vh;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row;
		flex-direction: row;
		-webkit-box-align: end;
		-webkit-align-items: flex-end;
		align-items: flex-end;
		width: 100%;
	}
	.industry-item__content {
		display: block;
		background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0)));
		background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
		background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
		z-index: 3;
		color: #ffffff;
		width: 100%;
		position: relative;
		padding: 200px 20px 40px;
	}
}

.industry-item__image {
	display: block;
	margin-bottom: 1.5rem;
}

@media (min-width: 768px) {
	.industry-item__image {
		display: none !important;
	}
}

.industry-item-content a {
	margin-top: 1.5rem;
	line-height: 18px;
}

@media (max-width: 768px) {
	.industry-item-content a span:not(.icon) {
		color: #000000;
	}
	.industry-item-content a .icon:before {
		background-image: url("../images/arrow-black.svg");
	}
	.industry-item-content a .icon svg circle {
		stroke: #000000;
	}
}

@media (min-width: 768px) {
	.industry-item-content {
		max-width: 550px;
		margin: 0 auto;
	}
	.industry-item-content__title {
		font-size: 48px;
		border-bottom: 1px solid rgba(178, 178, 178, 0.5);
		padding-bottom: 1rem;
	}
	.industry-item-content p {
		color: inherit;
		margin: 0;
	}
}

.hero--offices {
	margin-bottom: 0;
	overflow: visible;
	min-height: 0;
	padding: 18% 0;
}

.hero--offices .img-wrap {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	top: 0;
}

.hero--offices img {
	top: 50%;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.hero--offices .hero__content {
	bottom: 0;
	top: auto;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	left: 0;
	text-align: left;
}

@media (min-width: 1024px) {
	.hero--offices .hero__content {
		top: 50%;
		left: 0;
		right: 0;
		margin-top: -40px;
	}
}

.hero--offices .hero__content h1 {
	font-size: 13px;
}

@media (min-width: 1024px) {
	.hero--offices .hero__content h1 {
		display: inline-block;
		font-size: 18px;
	}
}

.hero--offices .hero__content h1 .filter {
	color: #ffffff;
	font-size: 24px;
	display: block;
	font-style: normal;
}

.hero--offices .hero__content h1 .filter:hover::before {
	border-bottom: 1px solid rgba(178, 178, 178, 0.35);
}

@media (min-width: 1024px) {
	.hero--offices .hero__content h1 .filter {
		font-size: 60px;
		margin: 0;
	}
}

.hero--offices .hero__subtext {
	display: none;
	z-index: 1;
}

@media (min-width: 1024px) {
	.hero--offices .hero__subtext {
		display: block;
		position: absolute;
		width: 100%;
		bottom: 1.5em;
		left: 0;
	}
	.hero--offices .hero__subtext p {
		margin: 0;
		color: #ffffff;
		font-size: 18px;
		font-style: ;
	}
}

@media (min-width: 1024px) {
	.hero--offices {
		margin-bottom: 1.5rem;
		margin-bottom: 0;
		padding: 0;
	}
	.hero--offices .img-wrap::after {
		content: '';
		display: block;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(82%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.2)));
		background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 82%, rgba(0, 0, 0, 0.2) 100%, rgba(0, 0, 0, 0.2) 100%);
		background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 82%, rgba(0, 0, 0, 0.2) 100%, rgba(0, 0, 0, 0.2) 100%);
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
	}
	.hero--offices.hero--image img {
		left: 0;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		min-height: 115%;
		top: -15%;
		min-width: 100%;
		width: auto;
	}
	.hero--offices.hero--image img.offices--default {
		top: -55%;
	}
}

.offices-selector {
	padding-top: 1.5rem;
}

.offices-selector .label {
	margin: 0 0 0.4em;
	display: block;
	font-size: 13px;
	color: #343434;
}

.offices-selector .filter {
	font-size: 24px;
}

.offices-selector .filter span {
	display: none;
}

@media (min-width: 1024px) {
	.offices-selector {
		margin-bottom: 1.5rem;
	}
	.offices-selector .label {
		float: right;
		text-align: right;
		font-size: 32px;
		font-style: ;
		color: #2bbf71;
		position: relative;
		margin: 0 00 0;
		cursor: pointer;
		padding-bottom: 2px;
		position: relative;
		padding-right: 28px;
	}
	.offices-selector .label::before {
		content: '';
		border-bottom: 1px solid rgba(178, 178, 178, 0.35);
		position: absolute;
		width: 100%;
		bottom: -2px;
		left: 0;
		-webkit-transition: all 0.25s;
		transition: all 0.25s;
	}
	.offices-selector .label::after {
		content: '';
		background: url("../images/arrow-down--red.png") no-repeat 0 0;
		background-size: contain;
		width: 15px;
		height: 8px;
		position: absolute;
		top: 50%;
		margin-top: -2px;
		right: 0;
	}
	.offices-selector .filter {
		float: left;
		width: 40%;
		margin: 0;
		color: #343434;
		font-style: normal;
		font-size: 32px;
	}
	.offices-selector .filter::before, .offices-selector .filter::after {
		display: none;
	}
	.offices-selector .filter span {
		display: inline-block;
		color: rgba(52, 52, 52, 0.5);
		font-size: 15px;
	}
}

@media (min-width: 1024px) {
	.offices-country .offices-country__desc {
		margin: 1.5rem 0;
		float: left;
		width: 68%;
		border-right: 1px solid rgba(178, 178, 178, 0.2);
		padding-right: 60px;
	}
}

.offices-country .offices-country__desc .lowlight {
	font-size: 15px;
	margin-bottom: 1em;
	color: rgba(52, 52, 52, 0.5);
}

.offices-country .offices-country__desc .article-facts {
	background: none;
}

.offices-country .offices-country__desc .article-facts .stat {
	width: auto;
	margin-right: 20px;
}

@media (min-width: 1024px) {
	.offices-country .offices-country__desc .article-facts {
		padding: 0;
		width: 80%;
	}
	.offices-country .offices-country__desc .article-facts .fact {
		display: inline-block;
		width: auto;
		float: none;
	}
	.offices-country .offices-country__desc .article-facts .fact span {
		display: inline-block;
		width: 140px;
	}
	.offices-country .offices-country__desc .article-facts .fact .stat {
		font-weight: normal;
		width: auto;
	}
}

.offices-country .offices-country__officeinfo {
	margin: 1.5rem -1.5rem;
	text-align: left;
	padding: 1.5rem;
	text-align: left;
}

@media (min-width: 1024px) {
	.offices-country .offices-country__officeinfo {
		float: right;
		width: 32%;
		padding: 0;
	}
}

.offices-country .offices-country__officeinfo h3 {
	width: 100%;
	font-size: 24px;
	font-style: ;
	border-bottom: 1px solid rgba(178, 178, 178, 0.2);
	padding: 0 0 0.5em;
	margin: 0 0 0.5em;
}

.officecontact {
	margin-bottom: 2.5rem;
}

.officecontact p {
	margin: 0;
	font-size: 15px;
	line-height: 160%;
}

.officecontact p.officecontact__name {
	font-weight: bold;
}

.officecontact p.officecontact__address {
	margin-bottom: 2em;
}

.officecontact .text-icon {
	margin-top: 1em;
}

.offices-article .img-wrap {
	position: relative;
}

@media (min-width: 1024px) {
	.offices-article .img-wrap {
		position: absolute;
	}
}

.offices-article .img-wrap p {
	color: #ffffff;
	position: absolute;
	bottom: 1.5rem;
	left: 1.5rem;
	margin: 0;
	font-size: 18px;
	line-height: 120%;
	font-style: ;
}

@media (min-width: 1024px) {
	.offices-article .img-wrap p {
		bottom: 1.5rem;
		right: 8em;
		width: 400px;
		left: auto;
	}
}

@media (min-width: 1024px) {
	.offices-article .content-featured__content {
		max-width: 380px;
		padding-top: 60px;
	}
}

.offices-article .content-featured__content .lowlight {
	font-size: 15px;
	margin-bottom: 1em;
	color: rgba(52, 52, 52, 0.5);
}

.offices-article .content-featured__content .cta {
	margin-top: 2em;
}

.offices-article .offices-article__country {
	margin-bottom: 2rem;
}

.offices-article .offices-article__country--extra {
	display: none;
}

.offices-article .offices-article__country--extra::after {
	content: '';
	display: block;
	background: rgba(52, 52, 52, 0.1);
	max-width: -webkit-calc(1160px - 2%);
	max-width: calc(1160px - 2%);
	height: 1px;
	margin: 2rem auto 4rem;
	-webkit-transform: translateX(2%);
	-ms-transform: translateX(2%);
	transform: translateX(2%);
}

.region-anchor {
	clear: both;
	height: 3rem;
}

@media (min-width: 1024px) {
	.region-anchor {
		height: 4rem;
	}
}

.offices-region {
	margin-bottom: 2rem;
}

.offices-region .offices-region__header h2 {
	color: rgba(52, 52, 52, 0.5);
	font-size: 13px;
	margin: 0;
}

.offices-region .offices-region__header .filter {
	font-size: 20px;
	color: #343434;
	width: 100%;
	margin-bottom: 0;
}

.offices-region hr {
	display: none;
	clear: both;
}

.offices-region .related-project {
	margin-left: 0;
	margin-right: 1em;
}

.offices-region .related-project:hover a {
	color: #2bbf71;
}

.offices-region .related-project:hover .cta .icon::after, .offices-region .related-project:hover .cta .icon::before {
	background-image: url("../images/arrow-red.svg");
}

.offices-region .related-project:hover .cta .icon::after {
	left: 50%;
	opacity: 1;
}

.offices-region .related-project:hover .cta .icon::before {
	left: 100%;
	opacity: 0;
}

.offices-region .related-project:hover .cta .icon svg circle,
.offices-region .related-project:hover .cta .icon svg path {
	stroke: #2bbf71;
}

.offices-region .related-project:hover .cta span:not(.icon) {
	color: #2bbf71;
	padding-bottom: 4px;
	border-bottom: 1px solid #2bbf71;
	border-bottom: 1px solid rgba(255, 80, 86, 0.35);
}

.offices-region .related-project:hover .cta--plain span:not(.icon) {
	border-bottom-color: transparent;
}

.offices-region .offices-region__ajaxContainer {
	opacity: 1;
	max-height: 9999px;
	max-width: 100vw;
	-webkit-transition: opacity 0.4s ease 0s, max-height 0s ease 0s, max-width 0s ease 0s;
	transition: opacity 0.4s ease 0s, max-height 0s ease 0s, max-width 0s ease 0s;
}

.offices-region .offices-region__ajaxContainer--hidden {
	max-height: 0;
	max-width: 0;
	overflow: hidden;
	opacity: 0;
	-webkit-transition: opacity 0.4s ease 0s, max-height ease 0s 0.4s, max-width ease 0s 0.4s;
	transition: opacity 0.4s ease 0s, max-height ease 0s 0.4s, max-width ease 0s 0.4s;
}

.offices-region .offices-region__related {
	margin: 0.5rem 0;
	clear: both;
	padding-top: 1.5rem;
	opacity: 1;
	max-height: 9999px;
	max-width: 100vw;
	-webkit-transition: opacity 0.4s ease 0s, max-height 0s ease 0s, max-width 0s ease 0s;
	transition: opacity 0.4s ease 0s, max-height 0s ease 0s, max-width 0s ease 0s;
}

.offices-region .offices-region__related--hidden {
	max-height: 0;
	max-width: 0;
	overflow: hidden;
	opacity: 0;
	-webkit-transition: opacity 0.4s ease 0s, max-height ease 0s 0.4s, max-width ease 0s 0.4s;
	transition: opacity 0.4s ease 0s, max-height ease 0s 0.4s, max-width ease 0s 0.4s;
}

.offices-region .offices-region__related .related {
	padding-top: 0;
	margin-bottom: 1.4rem;
}

.offices-region .offices-region__related .related:last-of-type {
	margin-bottom: 0;
}

.offices-region .offices-region__related .related-projects {
	clear: both;
}

@media (max-width: 1280px) {
	.offices-region .offices-region__related .discover-perspectives-item__content {
		background: #ffffff;
	}
}

.offices-region .offices-region__related .related-perspective h4 {
	float: none;
	width: auto;
}

.offices-region .offices-region__related .related-perspectives .discover-perspectives-item .img-wrap img {
	width: 100%;
	height: auto;
}

.offices-region .offices-region__leftnav {
	display: none;
	width: 27%;
	margin-right: 5%;
	float: left;
}

.offices-region .offices-region__leftnav h2 {
	font-size: 32px;
	margin-bottom: 1em;
}

.offices-region .offices-region__leftnav ul {
	margin: 0;
	padding: 0;
	border-top: 1px solid rgba(178, 178, 178, 0.2);
}

.offices-region .offices-region__leftnav ul li {
	margin: 0;
	padding: 1.5em 0 0.5em;
	list-style: none;
	border-bottom: 1px solid rgba(178, 178, 178, 0.2);
}

.offices-region .offices-region__leftnav ul li a {
	font-style: ;
	display: block;
	position: relative;
	-webkit-transition: color linear 400ms;
	transition: color linear 400ms;
}

.offices-region .offices-region__leftnav ul li a .icon {
	width: 10px;
	height: 6px;
	position: absolute;
	display: block;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: -webkit-transform linear 200ms;
	transition: -webkit-transform linear 200ms;
	transition: transform linear 200ms;
	transition: transform linear 200ms, -webkit-transform linear 200ms;
}

.offices-region .offices-region__leftnav ul li.active a {
	color: #2bbf71;
	font-weight: bold;
}

.offices-region .offices-region__leftnav ul li.active a .icon {
	-webkit-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-transform: translateY(-50%) rotate(-90deg);
	-ms-transform: translateY(-50%) rotate(-90deg);
	transform: translateY(-50%) rotate(-90deg);
}

.offices-region .offices-region__leftnav ul li.active a .icon svg path {
	stroke: #2bbf71;
}

@media (min-width: 768px) {
	.offices-region .related-project {
		width: 47.5%;
		margin-right: 5%;
	}
	.offices-region .related-project:nth-child(2n) {
		margin-right: 0;
	}
	.offices-region .related-perspectives {
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
	}
	.offices-region .related-perspective {
		margin-right: 0;
		width: 49.15254%;
		float: left;
		margin-right: 1.69492%;
		margin-left: 0;
	}
	.offices-region .related-perspective:last-of-type {
		margin-right: 0;
	}
}

@media (min-width: 1024px) {
	.offices-region {
		margin-top: 3rem;
	}
	.offices-region .offices-region__leftnav {
		display: block;
	}
	.offices-region .offices-region__header {
		display: none;
	}
	.offices-region .offices-region__related {
		background: none;
		margin: 0;
		padding-top: 0;
	}
	.offices-region .offices-region__related .headerlink {
		float: right;
	}
	.offices-region .offices-region__related .related-perspective {
		background: #fafafa;
	}
	.offices-region .offices-region__related .related > .cta {
		position: absolute;
		right: 1.5rem;
		top: 6px;
	}
	.offices-region .offices-region__related .related > h4 {
		margin-bottom: 40px;
	}
	.offices-region .offices-region__related .discover-perspectives-item__content {
		background: #fafafa;
	}
	.offices-region .offices-region__maincontent {
		float: right;
		width: 67%;
	}
	.offices-region .officecontact {
		float: right;
		width: 30%;
	}
	.offices-region hr {
		margin: 2rem 0;
		display: block;
	}
	.offices-region .offices-region__header {
		margin-bottom: 2.5em;
	}
	.offices-region .offices-region__intro {
		float: left;
		width: 50%;
	}
	.offices-region .offices-region__intro p {
		margin-top: 0;
	}
}

@media (min-width: 1280px) {
	.offices-region .offices-region__related .related > .cta {
		right: 0;
	}
}

body#offices .learn-more {
	clear: both;
	margin-bottom: 0;
}

.hero--news {
	min-height: 200px;
	margin-bottom: 0;
}

@media (min-width: 1280px) {
	.hero--news {
		max-width: 1160px;
		margin: 8rem auto 0;
	}
}

.hero--news .hero__content {
	top: 1.5rem;
	left: 0;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
}

@media (min-width: 1280px) {
	.hero--news .hero__content {
		top: 3rem;
		left: 20%;
	}
}

.hero--news .hero__content .hero__heading {
	padding-left: 1.2rem;
	position: relative;
}

.hero--news .hero__content .hero__heading::after {
	content: '';
	width: 5px;
	background-color: #ffffff;
	top: -2px;
	left: 0;
	bottom: -2px;
	position: absolute;
	-webkit-clip-path: polygon(0 4%, 100% 5%, 100% 96%, 0 95%);
	clip-path: polygon(0 4%, 100% 5%, 100% 96%, 0 95%);
}

.hero--news .hero__content .hero__heading h1 {
	font-size: 24px;
	text-align: left;
	font-style: ;
}

.newshero {
	margin: 5rem auto 0;
}

.newshero .container a > img, .newshero .rich-text a > img {
	display: none;
}

@media (min-width: 1024px) {
	.newshero .container a > img, .newshero .rich-text a > img {
		display: block;
	}
}

.newshero .container > hr, .newshero .rich-text > hr {
	margin: 2rem 0 0;
}

@media (min-width: 1024px) {
	.newshero .highlighted-perspective__content > img {
		display: none;
	}
}

.newshero .label {
	position: absolute;
	top: 1rem;
	left: 1rem;
	padding-left: 20px;
	z-index: 10;
}

.newshero .label h2 {
	font-size: 18px;
	color: #ffffff;
	text-align: left;
	margin: 0;
	position: relative;
	width: 100%;
	display: block;
}

.newshero .label::after {
	content: '';
	width: 3px;
	background-color: #ffffff;
	top: -2px;
	left: 0;
	bottom: -2px;
	position: absolute;
	-webkit-clip-path: polygon(0 0%, 100% 10%, 100% 100%, 0 90%);
	clip-path: polygon(0 0%, 100% 10%, 100% 100%, 0 90%);
}

@media (min-width: 1280px) {
	.newshero {
		margin: 8rem auto 0;
	}
	.newshero .label {
		top: 3rem;
		left: 12.5%;
		padding-left: 30px;
	}
	.newshero .label h2 {
		font-size: 24px;
	}
	.newshero .label::after {
		width: 4px;
	}
	.newshero .container > hr, .newshero .rich-text > hr {
		display: none;
	}
}

.news-filters {
	margin-top: 1.4rem;
}

.news-filters__label {
	display: inline-block;
	font-size: 22px;
	font-style: ;
	padding-right: 10px;
}

.news-filters .filter__label {
	display: inline-block;
}

@media (min-width: 1280px) {
	.news-filters {
		float: right;
	}
}

.news-filters__reset {
	text-align: right;
}

.news-filters__reset .cta {
	font-size: 1rem;
}

.services_tabs {
	margin-top: 1.5rem;
}

.services_tabs ul {
	display: block;
}

.services_tabs ul li {
	padding: 8px 0;
}

.services_tabs hr {
	margin: 1.5em -1.5em;
	padding: 0 1.5em;
}

@media (min-width: 1024px) {
	.services_tabs {
		border-bottom: 1px solid #b2b2b2;
		border-bottom: 1px solid rgba(178, 178, 178, 0.2);
		padding-bottom: 1.5rem;
	}
	.services_tabs hr {
		display: none;
	}
	.services_tabs ul {
		display: inline-block;
	}
	.services_tabs ul li {
		padding: 16px 0;
	}
	.services_tabs .tabs--autoitalic {
		margin-left: 1rem;
	}
}

@media (min-width: 1280px) {
	.services_tabs {
		padding-left: 110px;
	}
}

.services_letters {
	position: absolute;
	right: 0;
	top: 10px;
	z-index: 1;
	-webkit-transition: top 0.5s;
	transition: top 0.5s;
}

.services_letters.fixed {
	position: fixed;
	right: 1.5em;
	top: 65px;
}

.services_letters__inner {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	flex-direction: column;
	height: 100%;
}

.services_letters.fixedtop {
	position: fixed;
	left: 0;
	top: 0;
	background: #ffffff;
	border-bottom: none;
	padding: 0;
}

.services_letters.fixedtop .services_letters__inner {
	margin: auto;
	width: 1160px;
	border-bottom: 3px solid #f2f2f2;
	padding: 1.5rem 0 1.5rem 110px;
}

.services_letters.stuck {
	right: 1.5em;
	bottom: 20px;
}

.services_letters.stick {
	position: absolute;
}

.services_letters a {
	display: block;
	font-size: 10px;
	margin-bottom: 3.5px;
	width: 12px;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
}

.services_letters a:visited {
	color: #343434;
}

.services_letters a:visited:focus {
	color: #2bbf71;
}

.services_letters a.inactive {
	cursor: default;
	opacity: 0.2;
}

.services_letters a.inactive:hover, .services_letters a.inactive:focus {
	color: #343434;
}

.services_letters.sticky {
	top: 20px;
}

.services_letters.sticky.stuck {
	right: 1.5em;
	top: 20px;
	left: auto;
}

@media (min-width: 768px) {
	.services_letters a {
		font-size: 12px;
		margin-bottom: 5px;
	}
}

@media (min-width: 1024px) {
	.services_letters {
		top: 0;
		padding: 1.5rem 0;
		border-bottom: 3px solid #f2f2f2;
		position: static;
		background: #ffffff;
	}
	.services_letters__inner {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row;
		flex-direction: row;
		max-width: 1024px;
		margin: 0 auto;
	}
	.services_letters a {
		display: inline;
		font-size: 18px;
		line-height: 1.3;
		text-align: center;
		margin-bottom: 0;
	}
	.services_letters.sticky {
		width: 100%;
		top: 0;
		left: 0;
	}
	.services_letters.sticky.stuck {
		top: 0;
		bottom: auto;
		left: 1.5em !important;
		right: 1.5em;
		width: auto;
	}
	.services_letters.sticky.spacer {
		width: 100%;
		position: relative;
	}
}

.services_index {
	position: relative;
}

.services_index__letter {
	font-size: 36px;
	line-height: 1.1;
	color: #000000;
	opacity: 0.1;
	border-bottom: solid 3px #b2b2b2;
	padding-bottom: 10px;
}

.services_index ul {
	padding-left: 0;
}

.services_index ul li {
	padding: 0.5em 0;
	border-bottom: 1px solid #b2b2b2;
	border-bottom: 1px solid rgba(178, 178, 178, 0.2);
}

.services_index__item {
	position: relative;
	padding: 0 2rem 1rem 0;
}

.services_index__item a {
	font-size: 15px;
}

.services_index__item:last-of-type {
	margin-bottom: 40px;
}

@media (min-width: 1024px) {
	.services_index__letter {
		font-size: 72px;
		line-height: 1;
		letter-spacing: 1px;
		position: absolute;
		top: 36px;
		border-bottom: none;
		padding-bottom: 0;
	}
	.services_index__item {
		padding: 1rem 0;
		border-bottom: 1px solid #b2b2b2;
		border-bottom: 1px solid rgba(178, 178, 178, 0.2);
	}
	.services_index__item:last-of-type {
		border-bottom: none;
	}
	.services_index ul {
		margin-left: 80px;
		padding-left: 80px;
	}
	.services_index ul:after {
		content: "";
		display: table;
		clear: both;
	}
	.services_index ul li {
		float: left;
		width: 30%;
		padding-right: 10px;
		border-bottom: none;
	}
}

@media (min-width: 1280px) {
	.services_index__item {
		padding: 1rem 0 1rem 110px;
		min-height: 157px;
	}
	.services_index ul {
		margin-left: 80px;
		padding-left: 80px;
	}
}

.services_accordion ul li {
	padding: 8px 0;
}

.services_accordion .accordion__section.selected .accordion__title,
.services_accordion .accordion__title {
	margin-bottom: 10px;
	border-bottom: 3px solid #b2b2b2;
	border-bottom: 3px solid rgba(178, 178, 178, 0.2);
}

@media (min-width: 1024px) {
	.services_accordion {
		display: none;
	}
}

.services_menu {
	display: none;
	border-bottom: 3px solid #b2b2b2;
	border-bottom: 3px solid rgba(178, 178, 178, 0.2);
	margin-bottom: 60px;
}

.services_menu ul {
	margin-top: 0;
	padding-top: 24px;
	padding-left: 110px;
	display: table;
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	flex-direction: row;
}

.services_menu ul:after {
	content: "";
	display: table;
	clear: both;
}

.services_menu li {
	display: inline-block;
	margin-right: 5%;
	font-size: 18px;
	line-height: 1.3;
	font-style: ;
	color: #b2b2b2;
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	flex-grow: 1;
}

@media (min-width: 1024px) {
	.services_menu {
		display: block;
	}
	.services_menu ul {
		padding-left: 0;
	}
}

@media (min-width: 1280px) {
	.services_menu ul {
		padding-left: 110px;
	}
}

.services_groups {
	display: none;
}

.services_groups__group {
	margin-bottom: 100px;
}

.services_groups ul li {
	border-bottom: 0;
	padding: 0.5rem 0;
	line-height: 1.5;
}

@media (min-width: 1024px) {
	.services_groups {
		display: block;
	}
}

@media (min-width: 1280px) {
	.services_groups {
		padding-left: 110px;
	}
}

.profile-header {
	margin-top: 5rem;
	margin-bottom: 1rem;
}

@media (min-width: 1280px) {
	.profile-header {
		margin-top: 3rem;
	}
}

.profile-header__pic-wrap {
	width: 35%;
}

@media (min-width: 1280px) {
	.profile-header__pic-wrap {
		width: 45%;
	}
}

.profile-header__pic {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	background-size: cover;
	background-repeat: no-repeat;
	padding-top: 100%;
	border-radius: 50%;
}

.profile-header__pic img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
}

.profile-header__top {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.profile-header__top p {
	margin-bottom: 0;
}

.profile-header .profile-header__name {
	width: 55%;
}

@media (min-width: 1280px) {
	.profile-header .profile-header__name {
		width: 45%;
	}
}

.profile-header .profile-header__name p {
	font-size: 15px;
}

.profile-header .profile-header__details {
	clear: both;
	border-top: 1px solid rgba(178, 178, 178, 0.2);
	border-bottom: 1px solid rgba(178, 178, 178, 0.2);
	padding: 1.5rem 0;
	margin: 2rem 0;
}

.profile-header .profile-header__details:after {
	content: "";
	display: table;
	clear: both;
}

@media (min-width: 1280px) {
	.profile-header .profile-header__details {
		margin-top: 3rem;
	}
}

@media (min-width: 1280px) {
	.profile-header .profile-header__details .col {
		width: 55%;
		float: left;
		margin-bottom: 0rem;
	}
}

.profile-header .profile-header__details .col a {
	margin-bottom: 1.5em;
}

@media (min-width: 1280px) {
	.profile-header .profile-header__details .col a:last-child {
		margin-bottom: 0;
	}
}

@media (min-width: 1280px) {
	.profile-header .profile-header__details .col:last-child {
		width: 45%;
	}
}

.profile-header .profile-header__details .col:last-child a:last-child {
	margin-bottom: 0;
}

.profile-content {
	margin-bottom: 2rem;
}

.profile-tags {
	clear: both;
	border-top: 1px solid rgba(178, 178, 178, 0.2);
	padding-top: 1.5rem;
}

.profile-tags:after {
	content: "";
	display: table;
	clear: both;
}

@media (min-width: 1280px) {
	.profile-tags {
		padding: 1.5rem 1.5rem 0;
	}
}

.profile-tags .profile-tags__list {
	vertical-align: top;
	margin-bottom: 1rem;
}

@media (min-width: 1280px) {
	.profile-tags .profile-tags__list {
		float: left;
		width: 15%;
	}
	.profile-tags .profile-tags__list:last-child {
		float: right;
		width: 85%;
	}
}

.profile-tags .profile-tags__list h3 {
	font-size: 15px;
	font-weight: bold;
}

.profile-tags .profile-tags__list ul {
	margin: 0;
	padding: 0;
}

.profile-tags .profile-tags__list li {
	margin: 0;
	padding: 0;
	list-style: none;
}

@media (min-width: 1280px) {
	.profile-tags .profile-tags__list li {
		display: inline-block;
		margin-right: 10px;
		margin-bottom: 5px;
	}
}

.profile-tags .profile-tags__list a.tag {
	margin-bottom: 0.5em;
}

.container--profile-block {
	max-width: 930px !important;
}

@media (max-width: 1280px) {
	#careers.fullscreen .header {
		opacity: 0;
		visibility: hidden;
	}
}

#careers .publications .container, #careers .publications .rich-text,
#careers .publications .rich-text {
	max-width: 930px !important;
}

.job-search-form form {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}

.modal .profile-content {
	max-width: 730px;
}

.careers-profile-page .block__container {
	max-width: 930px;
	margin: 0 auto;
	padding: 0 1.5rem;
}

.fullbleed--careers {
	min-height: 300px;
}

.fullbleed--careers,
.fullbleed--careers .fullbleed__inner,
.fullbleed--careers .fullbleed__alt-content {
	overflow: visible;
}

.fullbleed--careers .page-info__content {
	display: block;
}

.fullbleed--careers.fullbleed--short .page-info {
	max-width: 570px;
}

@media (min-width: 1280px) {
	.fullbleed--careers {
		min-height: 400px;
	}
}

@media (min-width: 1280px) {
	.fullbleed--careers {
		height: 670px;
	}
}

@media (min-width: 1280px) {
	.fullbleed--careers .feature-title__title {
		font-size: 60px;
	}
}

.fullbleed--careers .fullbleed__alt-content {
	padding-bottom: 0;
}

@media (min-width: 768px) {
	.fullbleed--careers .fullbleed__alt-content {
		padding-bottom: 55px;
	}
}

@media (min-width: 1280px) {
	.fullbleed--careers .fullbleed__alt-content .fancy-dropdown .h3 {
		font-size: 32px;
	}
}

.fullbleed--careers .container, .fullbleed--careers .rich-text {
	max-width: 930px;
}

.fullbleed--careers .page-info__content {
	border: 0;
	font-size: 18px;
	line-height: 1.3;
}

.fullbleed--careers .page-info__content p {
	font-size: inherit;
	line-height: inherit;
}

@media (min-width: 768px) {
	.fullbleed--careers .page-info__content {
		font-size: 24px;
	}
}

.fullbleed--careers .page-info > .cta-btn {
	margin-top: 15px;
}

.fullbleed--careers .page-info + * {
	margin-top: 30px;
}

.layout-2col {
	margin-left: -40px;
}

.layout-2col > * {
	margin-left: 40px;
}

@media (min-width: 768px) {
	.layout-2col {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
	}
	.layout-2col__primary {
		-webkit-flex-basis: 40%;
		flex-basis: 40%;
	}
	.layout-2col__secondary {
		-webkit-flex-basis: 60%;
		flex-basis: 60%;
	}
}

.cta-header {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	padding-bottom: 40px;
	position: relative;
}

.cta-header h2 {
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	flex-grow: 1;
}

.cta-header > * {
	margin-bottom: 0;
}

.cta-header--bordered:after {
	content: "";
	border-bottom: 1px solid currentColor;
	opacity: 0.6;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}

.cta-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.cta-list li {
	margin: 5px 0;
}

.cta-list .cta__text,
.cta-list .cta span:not(.icon) {
	border-bottom: 0;
}

.cta-list--bordered li {
	padding: 5px 0;
}

.cta-list--bordered li:not(:last-child) {
	border-bottom: 1px solid green;
}

.related-projects__header {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.related-projects__header ul {
	list-style: none;
}

.related-projects__header ul,
.related-projects__header ul li {
	margin: 0;
	padding: 0;
}

.related-projects__header li {
	display: inline-block;
}

.related-projects__header button {
	border: 0;
	background: none;
	margin: 0;
	padding: 5px;
}

.related-projects__header button:hover, .related-projects__header button:focus {
	color: #2bbf71;
}

.related-projects__header button svg {
	width: 20px;
	height: auto;
}

.related-projects__items {
	margin-left: -10px;
	margin-right: -80px;
}

.related-projects__items .slick-track {
	margin-left: 0;
	margin-right: 0;
}

.related-projects__item {
	padding: 0 10px;
}

.card {
	position: relative;
}

.card__media img {
	display: block;
}

.card__content {
	padding: 10px 15px;
}

.card__title {
	margin: 0;
	font-size: 24px;
}

.card__title a {
	position: static;
}

.card__title a:before {
	content: "";
	position: absolute;
	top: 0;
	width: 100%;
	left: 0;
	height: 100%;
}

.card__footnote {
	font-size: 18px;
	opacity: 0.5;
	color: #343434;
	display: block;
	margin-bottom: 0.3rem;
	line-height: 1.5;
}

.project-map {
	background: #000;
	position: relative;
}

.project-map__map {
	height: 375px;
	position: relative;
	z-index: 4;
}

.project-map__content {
	max-width: 930px;
	margin: 0 auto;
}

.project-map__main {
	padding: 30px 80px;
	position: absolute;
	left: 0;
	width: 100%;
	bottom: 0;
	z-index: 5;
}

.project-map__main h4 {
	font-size: 24px;
}

.project-map__main ul {
	list-style: none;
	margin: 0;
	padding: 10px 0 0 0;
	display: inline-block;
	margin-left: -20px;
	position: relative;
}

.project-map__main ul:before {
	content: "";
	position: absolute;
	left: 20px;
	right: 10px;
	top: 0;
	border-top: 1px solid red;
}

.project-map__main li {
	display: inline-block;
	margin-left: 20px;
}

.project-map__main a {
	display: block;
	padding: 10px 10px 10px 0;
	font-style: ;
}

.project-map__main a svg {
	margin-right: 5px;
}

.banner-ove {
	background: url("../images/careers/ove.jpg") no-repeat 0 100%;
	min-height: 385px;
	padding: 250px 30px 30px 30px;
}

@media (min-width: 768px) {
	.banner-ove {
		padding: 75px 30px 75px 240px;
	}
}

.banner-ove blockquote {
	padding: 0;
	margin: 0 0 20px 0;
	font-size: 24px;
	font-style: ;
	line-height: 1.33;
	letter-spacing: normal;
}

.banner-ove ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

/*
[data-theme="dark"] {
  background-color: #141414;
  color: #fff;

  p {
    color: inherit;
  }
}
*/
[data-theme="grey"] {
	background-color: #f9f9f9;
}

@media (min-width: 1280px) {
	.career-intro__main {
		margin-left: -40px;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
	}
	.career-intro__main > * {
		margin-left: 40px;
	}
}

.career-intro__intro {
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	flex-grow: 1;
}

.career-intro__stats {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 200px;
	flex: 0 0 200px;
}

.image-banner {
	position: relative;
}

.image-banner > img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.image-banner:before {
	content: "";
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	position: absolute;
	z-index: 1;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(44%, rgba(0, 0, 0, 0)), color-stop(98%, #000));
	background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 44%, #000 98%);
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 44%, #000 98%);
}

.image-banner__inner {
	position: relative;
	z-index: 2;
	padding: 280px 0 15px 0;
}

.modal .image-banner__inner {
	padding: 280px 20px 20px 20px;
}

@media (min-width: 1280px) {
	.modal .image-banner__inner {
		padding: 280px 15px 15px 80px;
	}
}

@media (min-width: 768px) {
	.image-banner__detail {
		margin-left: -40px;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-align: end;
		-webkit-align-items: flex-end;
		align-items: flex-end;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
	.image-banner__detail h1,
	.image-banner__detail h2,
	.image-banner__detail h3 {
		margin-bottom: 0;
	}
	.image-banner__detail h1 + *,
	.image-banner__detail h2 + *,
	.image-banner__detail h3 + * {
		margin-top: 0;
	}
	.image-banner__detail > * {
		margin-left: 40px;
	}
}

.image-banner__detail > * > *:last-child {
	margin-bottom: 0;
}

.modal .block {
	padding: 40px 20px;
}

@media (min-width: 1280px) {
	.modal .block {
		padding: 40px 80px;
	}
}

.modal .block--pad-lg {
	padding-top: 60px;
	padding-bottom: 60px;
}

.mega-nav {
	font-style: ;
	font-size: 18px;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	list-style: none;
	margin: 40px 0;
	padding: 0;
}

.mega-nav li {
	padding: 0;
	margin: 0;
	text-align: center;
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	flex-grow: 1;
	-webkit-flex-basis: 25%;
	flex-basis: 25%;
	outline: 1px solid #ccc;
	outline-offset: -1px;
}

.mega-nav a {
	display: block;
	padding: 30px;
}

.video-player {
	margin: 0 0 100px 0;
}

.video-player__screen {
	background-color: #222;
	color: #fff;
	position: relative;
}

.video-player__media {
	position: absolute;
	top: 0;
	width: 100%;
	left: 0;
	height: 100%;
	overflow: hidden;
}

.video-player__media video,
.video-player__media img {
	display: block;
	position: relative;
	top: 50%;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	min-height: 100%;
	min-width: 100%;
	height: auto;
	width: auto;
	max-width: none;
}

@supports (object-fit: cover) {
	.video-player__media video,
	.video-player__media img {
		object-fit: cover;
		height: 100%;
		width: 100%;
	}
}

@supports (object-fit: cover) and (-ms-ime-align: auto) {
	.video-player__media video,
	.video-player__media img {
		height: auto;
		width: auto;
	}
}

.video-player__inner {
	padding: 160px 120px;
	max-width: 700px;
	position: relative;
	z-index: 2;
}

.video-player blockquote {
	font-size: 24px;
	line-height: 1.2;
	margin: 0 0 45px 0;
	padding: 0;
	font-style: ;
}

.video-player blockquote p {
	font-size: inherit;
	line-height: inherit;
	color: inherit;
}

.video-player blockquote p:before {
	position: absolute;
	margin-left: -20px;
}

@media (min-width: 1280px) {
	.video-player blockquote {
		font-size: 32px;
	}
}

.video-player .cta {
	font-style: normal;
}

/*
.fancy-image {
  img {
    width: 100%;
  }

  position: relative;
  > .container {
    position: absolute;
    top: 50%;
    left: 50%;

    .tabs--vertical {
      transform: translate(-50%, -50%);

      .split-box__pic-wrap {
      }
    }
  }
}

.tabs--vertical {
  display: flex;
  flex-direction: row;
  margin: 0;
  padding: 0;
  overflow: hidden;

  .container:first-of-type {
    .slick-track {
      width: auto !important;

      .tab {
        display: block;
        clear: both;
      }
    }

    .controls {
      display: none;
    }

    + .container {
      width: auto;
      max-width: 500px;

      .split-box--flip {
        flex-direction: column;

        .split-box__pic-wrap {
          width: auto;
        }
      }
    }

  }

}
*/
.hero--careers .hero__headerimage-image, .hero--firm .hero__headerimage-image {
	width: 100%;
	max-width: none;
	right: auto;
	top: 0;
	left: 0;
	z-index: 1;
	position: relative;
	height: auto;
}

.hero--careers .hero__headerimage-image img, .hero--firm .hero__headerimage-image img {
	max-width: none;
	min-height: 0;
	width: 100%;
	position: relative;
	height: auto;
}

.hero--careers .container, .hero--firm .container, .hero--careers .rich-text, .hero--firm .rich-text {
	z-index: 2;
}

.hero--careers .hero__content .h1, .hero--firm .hero__content .h1 {
	border-bottom: 2px solid rgba(178, 178, 178, 0.4);
	margin-bottom: 0.75em;
	padding-bottom: 0.75em;
}

.hero--careers .hero__content .label--lg, .hero--firm .hero__content .label--lg {
	margin-bottom: 0.25em;
}

.hero--careers .hero__content .cta-btn, .hero--firm .hero__content .cta-btn {
	margin-top: 2rem;
}

@media (min-width: 1024px) {
	.hero--careers .hero__headerimage-image, .hero--firm .hero__headerimage-image {
		position: absolute;
		margin-top: 0;
	}
	.hero--careers .hero__headerimage-image img, .hero--firm .hero__headerimage-image img {
		width: auto;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.hero--careers .hero__content, .hero--firm .hero__content {
		color: #ffffff;
		width: 70%;
		padding-top: 5.625rem;
		padding-bottom: 5.625rem;
	}
	.hero--careers .hero__content .h1, .hero--firm .hero__content .h1 {
		margin-bottom: 0;
		padding-bottom: 18px;
	}
	.hero--careers .hero__content .label--lg, .hero--firm .hero__content .label--lg {
		margin-top: 0;
	}
	.hero--careers .hero__content p, .hero--firm .hero__content p {
		color: #ffffff;
	}
}

@media (min-width: 1280px) {
	.hero--careers .hero__content, .hero--firm .hero__content {
		padding-left: 22%;
	}
	.hero--careers .hero__headerimage-image img, .hero--firm .hero__headerimage-image img {
		min-width: 100%;
		height: auto;
		min-height: 115%;
		top: -15%;
	}
}

@media (min-width: 1024px) {
	.hero--firm .hero__headerimage-image {
		top: -20%;
		height: 120%;
		max-height: none;
	}
	.hero--firm .hero__headerimage-image img {
		width: 100%;
		min-height: 0;
	}
}

@media (min-width: 1280px) {
	.hero--firm .hero__headerimage-image img {
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		top: 50%;
		left: 0;
	}
}

.career-biglink {
	-webkit-transition: background-color linear 300ms;
	transition: background-color linear 300ms;
}

.career-biglink .container, .career-biglink .rich-text {
	-webkit-transition: opacity linear 300ms;
	transition: opacity linear 300ms;
}

.career-biglink a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 3rem 0;
}

.career-biglink a:after {
	content: "";
	display: table;
	clear: both;
}

.career-biglink p {
	margin-bottom: 0;
}

.career-biglink h2 {
	margin: 0.5em 0 1em;
}

.career-biglink p.label {
	font-size: 13px;
	font-style: ;
	color: #b2b2b2;
	margin: 0 0 0.4em;
}

.career-biglink .cta .text {
	font-size: 30px;
}

.career-biglink:nth-child(2n) {
	background-color: #fafafa;
}

.career-biglink:hover {
	background-color: #f2f2f2;
}

@media (min-width: 768px) {
	.career-biglink h2 {
		margin: 0;
	}
	.career-biglink p.label {
		margin-left: 4em;
	}
	.career-biglink a {
		padding: 6rem 0;
	}
}

@media (min-width: 768px) {
	.twosections {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
	}
	.twosections:after {
		content: "";
		display: table;
		clear: both;
	}
}

@media (min-width: 768px) {
	.twosections .section {
		width: 50%;
		float: left;
		margin: 0;
	}
	.twosections .section .container, .twosections .section .rich-text {
		max-width: 580px;
		margin-left: auto;
		float: right;
		padding: 0 5rem 0 5rem;
	}
	.twosections .section:nth-child(2n) .container, .twosections .section:nth-child(2n) .rich-text {
		margin-left: 0;
		margin-right: auto;
		float: left;
	}
}

.inset-image {
	clear: both;
}

.inset-image img {
	width: 100%;
}

.inset-image .container, .inset-image .rich-text {
	background: #fafafa;
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
}

@media (min-width: 768px) {
	.inset-image .container, .inset-image .rich-text {
		padding: 5rem 10%;
		margin-top: -100px;
	}
}

.inset-image p {
	margin-bottom: 1em;
}

.careers-journey {
	text-align: center;
	padding: 3rem 0 0;
}

@media (min-width: 768px) {
	.careers-journey {
		padding: 4rem 0;
	}
}

.careers-journey p.label {
	font-style: ;
	margin: 0 0 1em 0;
}

.careers-journey #countryList {
	text-align: left;
}

.careers-quote {
	margin-bottom: 5rem;
}

.careers-quote h4 {
	padding-bottom: 1em;
	margin-bottom: 1em;
	border-bottom: 1px solid rgba(178, 178, 178, 0.2);
}

.careers-quote .quote {
	margin: 0;
	width: 100%;
	max-width: none;
}

.careers-quote .quote:after {
	content: "";
	display: table;
	clear: both;
}

.careers-quote .cta {
	margin-top: 1.5rem;
}

@media (min-width: 1024px) {
	.careers-quote p {
		float: left;
		width: 42%;
	}
	.careers-quote .cta {
		float: left;
		clear: both;
		margin-left: 50px;
		margin-top: 1rem;
	}
	.careers-quote .people {
		width: 50%;
		float: right;
		margin: 0;
	}
	.careers-quote .people img {
		width: 166px;
		height: 166px;
		margin-right: 30px;
	}
	.careers-quote .people .people__inner {
		width: -webkit-calc(100% - 206px);
		width: calc(100% - 206px);
		vertical-align: top;
	}
	.careers-quote .people .people__inner span:first-child {
		font-size: 60px;
		font-weight: normal;
		line-height: 100%;
		margin-bottom: 0.2em;
	}
}

#career-overlay .modal__wrap {
	z-index: 2;
	display: block;
	top: 0;
	width: 100%;
	height: 100%;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.8);
}

#career-overlay .modal__inner {
	padding: 1.5em;
}

#career-overlay .modal__inner .modal__close {
	width: 14px;
	height: 13px;
	padding: 0;
	top: 20px;
	right: 20px;
}

#career-overlay .career-overlay__inner {
	padding: 0 1.5rem;
}

#career-overlay .career-overlay__inner:after {
	content: "";
	display: table;
	clear: both;
}

@media (min-width: 1024px) {
	#career-overlay .career-overlay__inner {
		padding: 0;
	}
}

#career-overlay .career-overlay__inner img {
	margin-left: -1.5rem;
	width: -webkit-calc(100% + 3rem);
	width: calc(100% + 3rem);
	max-width: none;
}

@media (min-width: 1024px) {
	#career-overlay .career-overlay__inner img {
		margin: 0;
		width: 50%;
		float: left;
	}
}

#career-overlay .career-overlay__inner .career-overlay__filters {
	margin-bottom: 2em;
}

@media (min-width: 1024px) {
	#career-overlay .career-overlay__inner .career-overlay__filters {
		width: 50%;
		float: right;
		padding: 8rem 4rem 3rem;
		height: 100%;
	}
}

#career-overlay .career-overlay__inner .career-overlay__filters p {
	margin: 0 1em 1em 0;
	font-style: ;
	font-size: 22px;
	-webkit-transition: opacity 400ms linear;
	transition: opacity 400ms linear;
	margin-left: 1rem;
}

@media (min-width: 1024px) {
	#career-overlay .career-overlay__inner .career-overlay__filters p {
		font-size: 28px;
		margin-right: 0;
	}
}

#career-overlay .career-overlay__inner .career-overlay__filters .h3 {
	font-style: normal;
}

#career-overlay .career-overlay__inner .career-overlay__filters a {
	margin: 1.5rem 1rem;
}

@media (min-width: 1024px) {
	#career-overlay .career-overlay__inner .career-overlay__filters a {
		font-size: 24px;
		line-height: 1.33;
	}
}

#career-overlay .career-overlay__inner .career-overlay__filters a .text::after {
	display: none;
}

.award-slide:after {
	content: "";
	display: table;
	clear: both;
}

.award-slide .img-link {
	float: left;
	width: 45%;
	margin-right: 5%;
}

.award-slide .award-slide__content {
	float: right;
	width: 50%;
}

.award-slide .award-slide__content .cta {
	font-size: 44px;
}

.award-slide .award-slide__content h3 {
	margin-top: 3rem;
	position: relative;
}

.award-slide .award-slide__content p > a {
	font-weight: 700;
	font-style: ;
	border-bottom: 1px solid rgba(179, 179, 179, 0.2);
}

.award-slide .award-slide__content p > a:hover {
	border-bottom: 1px solid rgba(255, 80, 86, 0.35);
}

body#careers main {
	padding-bottom: 0;
}

body#careers .learn-more {
	margin-bottom: 0;
}

@media (min-width: 1280px) {
	.hero--contacts .hero__content {
		padding-left: 12.5%;
	}
}

@media (min-width: 1280px) {
	.contacts-section .services_tabs {
		padding-left: 12.5%;
		padding-right: 110px;
	}
}

.contacts-section .services_tabs .tabs {
	margin: 0;
	width: 100%;
}

.contacts-section .services_tabs .tabs li {
	display: inline-block;
	margin: 0 9% 0 0;
}

.contacts-section .services_tabs .tabs li:last-child {
	margin: 0;
}

@media (min-width: 1024px) {
	.contacts-section .services_tabs .tabs li {
		width: 21.73913%;
		float: left;
	}
	.contacts-section .services_tabs .tabs li:nth-child(4n + 1) {
		margin-left: 0;
		margin-right: -100%;
		clear: both;
		margin-left: 0;
	}
	.contacts-section .services_tabs .tabs li:nth-child(4n + 2) {
		margin-left: 26.08696%;
		margin-right: -100%;
		clear: none;
	}
	.contacts-section .services_tabs .tabs li:nth-child(4n + 3) {
		margin-left: 52.17391%;
		margin-right: -100%;
		clear: none;
	}
	.contacts-section .services_tabs .tabs li:nth-child(4n + 4) {
		margin-left: 78.26087%;
		margin-right: -100%;
		clear: none;
	}
}

.contacts-section .service-header {
	font-weight: normal;
	padding-bottom: 0.5em;
	margin-bottom: 1em;
}

.contacts-section #offices.services_index .accordion__title,
.contacts-section #industries.services_index .accordion__title {
	padding: 20px 0;
}

.contacts-section #offices.services_index .accordion__section,
.contacts-section #industries.services_index .accordion__section {
	margin: 0;
}

.contacts-section #offices.services_index .accordion__section.selected .accordion__title,
.contacts-section #industries.services_index .accordion__section.selected .accordion__title {
	margin-bottom: 2rem;
}

.contacts-section #offices.services_index .services_index__item,
.contacts-section #industries.services_index .services_index__item {
	padding-bottom: 0;
}

@media (min-width: 1280px) {
	.contacts-section #offices .services_index__item,
	.contacts-section #industries .services_index__item {
		border: none;
		padding: 0 110px 0 12.5%;
		min-height: 0;
	}
	.contacts-section #offices .accordion,
	.contacts-section #industries .accordion {
		margin-top: 2rem;
	}
	.contacts-section #offices ul,
	.contacts-section #industries ul {
		margin-left: 0;
		padding-left: 0;
	}
}

.contacts-section #press ul {
	padding-left: 0;
	margin-left: 0;
}

.contacts-section .services_index ul {
	margin-bottom: 0;
}

.contacts-section .services_index ul li {
	margin-bottom: 1rem;
}

.contacts-section .services_index ul li:after {
	content: "";
	display: table;
	clear: both;
}

@media (min-width: 1024px) {
	.contacts-section .services_index ul li {
		width: 26%;
		margin-right: 7%;
		margin-bottom: 3rem;
	}
	.contacts-section .services_index ul li:nth-child(3n) {
		margin-right: 0;
	}
	.contacts-section .services_index ul li:nth-child(3n+1) {
		clear: both;
	}
}

@media (min-width: 1024px) {
	.contacts-section .service-header {
		border-bottom: 1px solid rgba(178, 178, 178, 0.2);
	}
}

.contact-info img {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	float: left;
	margin: 0;
	overflow: hidden;
	text-indent: -9999px;
}

.contact-info p {
	float: right;
	width: -webkit-calc(100% - 50px);
	width: calc(100% - 50px);
	margin: 0;
	padding: 0;
	font-size: 13px;
	line-height: 120%;
	margin-bottom: 0.4em;
}

.contact-info p a {
	font-weight: normal;
}

.contact-info p.name {
	font-weight: bold;
	margin-bottom: 0;
}

.contact-info p.position {
	margin-bottom: 1.2em;
}

.contact-info p.email {
	margin-bottom: 1.2em;
	font-style: ;
}

.contact-info p.phone {
	margin-bottom: 0.8em;
	font-style: ;
}

.contact-info p.phone .time {
	display: block;
	color: #b2b2b2;
	font-style: normal;
}

.contact-info .icon {
	width: 20px;
	height: 20px;
	margin-left: 6px;
	display: block;
	float: left;
	clear: both;
}

.contact-info .cta {
	clear: both;
	font-size: 13px;
}

.contact-info .cta .icon {
	margin-left: 0;
}

.contacts-section .contact-info .cta {
	clear: both;
	font-size: 13px;
	padding-left: 50px;
	width: 100%;
}

.contacts-section .contact-info .cta img {
	margin-bottom: 10px;
}

.contacts-section .contact-info .cta .icon {
	float: left;
	margin-left: 6px;
	margin-top: 0;
	top: .9em;
	left: 0;
}

.modal-person .contact-info {
	display: block;
	margin-bottom: 20px;
}

.modal-person .contact-info:after {
	content: "";
	display: table;
	clear: both;
}

.modal--contacts .modal__title {
	border-bottom: 1px solid rgba(178, 178, 178, 0.2);
	padding-bottom: 0.5em;
}

.modal--contacts .accordion__title:after {
	content: "";
	display: table;
	clear: both;
}

.modal--contacts .contact-info {
	margin: 1em 0;
	display: block;
}

.modal--contacts .contact-info:after {
	content: "";
	display: table;
	clear: both;
}

.modal--contacts .contact-info .accordion__marker {
	width: 16px;
	height: 8px;
}

.modal--contacts .accordion {
	margin-bottom: 2rem;
}

.modal--contacts .accordion__section {
	margin: 0;
}

.modal--contacts .accordion__section.selected .accordion__marker {
	height: 1px;
	background: #2bbf71;
}

.modal--contacts .accordion__content .contact-info__otherdetails {
	padding: 1em 0;
}

.modal--contacts .accordion__content .contact-info__otherdetails:after {
	content: "";
	display: table;
	clear: both;
}

.contact-list {
	display: inline-block;
	vertical-align: top;
	margin-top: 5px;
}

.contact-list--lg {
	margin-top: 1rem;
}

.contact-list--lg .cta {
	display: block;
}

.contact-list--lg .cta,
.contact-list--lg .text-icon {
	padding-left: 60px;
}

.contact-list a {
	display: block;
	margin-bottom: 1rem;
}

.contact-list a:last-of-type {
	margin-bottom: 0;
}

.contact-list .search__location {
	display: block;
}

#industry .utility-bar {
	margin-bottom: 0;
}

#industry .related--last {
	padding-bottom: 0;
}

.media-hotspot {
	color: #ffffff;
	padding: 108px 45px 30px 25px;
	background: transparent none scroll center center;
	background-size: cover;
}

.media-hotspot__context-box {
	position: relative;
}

.media-hotspot__media {
	display: none;
}

.media-hotspot__endframe {
	display: none;
}

.media-hotspot__spot-list {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.media-hotspot__spot-item {
	border-top: 1px solid #e9e9e9;
}

.media-hotspot__spot-item:first-child {
	border-top: 0;
}

.media-hotspot__spot {
	display: block;
	font-style: ;
	padding: 7px 0 10px 0;
}

.media-hotspot__replay {
	display: none;
}

.media-hotspot__play {
	position: absolute;
	top: 50%;
	left: 50%;
	opacity: 0;
	-webkit-transition: opacity 1s 1s;
	transition: opacity 1s 1s;
}

.media-hotspot__play--is-active {
	opacity: 1;
	-webkit-transition: opacity 1s 1s;
	transition: opacity 1s 1s;
}

@media (min-width: 768px) {
	.media-hotspot {
		background-image: none !important;
		padding: 0;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row;
		flex-direction: row;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		font-size: 1rem;
	}
	.media-hotspot__context-box {
		overflow: hidden;
	}
	.media-hotspot__media-wrap {
		position: relative;
	}
	.media-hotspot__media {
		display: block;
		width: 100vw;
	}
	.media-hotspot__media--video {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
	}
	.media-hotspot__endframe {
		display: block;
		width: 100vw;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		opacity: 0;
		-webkit-transition: opacity 0.2s;
		transition: opacity 0.2s;
	}
	.media-hotspot__endframe--is-active {
		opacity: 1;
	}
	.media-hotspot__copy {
		position: absolute;
		top: -webkit-calc(15% + 2rem);
		top: calc(15% + 2rem);
		left: 10%;
		width: 50%;
		top: 25%;
		left: 5%;
		opacity: 0;
		-webkit-transition: opacity 0.5s, top 0.5s;
		transition: opacity 0.5s, top 0.5s;
	}
}

@media (min-width: 768px) and (min-width: 1280px) {
	.media-hotspot__copy {
		top: 25%;
		left: 5%;
		width: 50%;
	}
}

@media (min-width: 768px) {
	.media-hotspot__copy--is-active {
		opacity: 1;
		top: 25%;
	}
}

@media (min-width: 768px) and (min-width: 1280px) {
	.media-hotspot__copy--is-active {
		top: 35%;
	}
}

@media (min-width: 768px) {
	.media-hotspot__spot-list {
		opacity: 0;
		pointer-events: none;
		-webkit-transition: opacity 0.5s;
		transition: opacity 0.5s;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
	}
	.media-hotspot__spot-list--is-active {
		opacity: 1;
		pointer-events: all;
	}
	.media-hotspot__spot-item {
		border: 0;
		display: block;
	}
	.media-hotspot__spot {
		border: 0;
		padding: 0;
		position: absolute;
		font-size: 1.12rem;
		line-height: 1.12rem;
		padding: 1% 0 1% 3.5%;
	}
}

@media (min-width: 768px) and (min-width: 1280px) {
	.media-hotspot__spot {
		font-size: 20px;
		line-height: 22px;
	}
}

@media (min-width: 768px) {
	.media-hotspot__spot--0 {
		top: 73.5%;
		left: 40.8%;
		width: 10.4rem;
		max-width: -webkit-calc(100% - 41.7%);
		max-width: calc(100% - 41.7%);
	}
	.media-hotspot__spot--1 {
		top: 63.9%;
		left: 68.3%;
		max-width: -webkit-calc(100% - 69%);
		max-width: calc(100% - 69%);
	}
	.media-hotspot__spot--2 {
		top: 20.9%;
		left: 74.5%;
		width: 11.5rem;
		max-width: -webkit-calc(100% - 75.1%);
		max-width: calc(100% - 75.1%);
	}
	.media-hotspot__spot--3 {
		top: 40.5%;
		left: 57.9%;
		max-width: -webkit-calc(100% - 58.7%);
		max-width: calc(100% - 58.7%);
	}
	.media-hotspot__scroll-hint {
		position: absolute;
		bottom: 4%;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.media-hotspot__replay {
		display: block;
		position: absolute;
		top: 75%;
		left: 5%;
		opacity: 0;
		pointer-events: none;
		-webkit-transition: opacity 0.5s;
		transition: opacity 0.5s;
	}
	.media-hotspot__replay--is-active {
		opacity: 1;
		pointer-events: all;
	}
	.media-hotspot__replay--is-active button {
		position: relative;
		z-index: 1;
	}
}

@media (min-width: 768px) and (min-width: 1280px) {
	.media-hotspot__replay {
		top: 66%;
		font-size: 20px;
	}
}

@media (min-width: 768px) {
	.media-hotspot .container_wrapper {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		width: 100%;
		height: 100%;
	}
	.media-hotspot .container_wrapper .container, .media-hotspot .container_wrapper .rich-text {
		height: 100%;
	}
}

.hero-copy__title {
	font-size: 2em;
	margin: 0;
	padding: 0;
}

.hero-copy__copy {
	font-size: 20px;
	color: #ffffff;
}

@media (min-width: 768px) {
	.hero-copy__title {
		font-size: 2.5em;
	}
}

@media (min-width: 1280px) {
	.hero-copy__title {
		font-size: 3.7em;
	}
}

@media (min-width: 1024px) {
	.content-slider .split-box__pic-wrap {
		position: relative;
	}
}

.split-box {
	height: 100%;
}

.split-box__pic-wrap {
	width: 100%;
}

.split-box__pic {
	background: #343434 none scroll no-repeat center center;
	background-size: cover;
	padding-top: 90%;
	width: 100%;
	min-height: 100%;
}

.split-box__content {
	background-color: #f2f2f2;
	padding: 1rem 1rem 1.5rem;
	width: 100%;
	height: 100%;
}

@media (min-width: 768px) {
	.split-box {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row;
		flex-direction: row;
		-webkit-box-align: stretch;
		-webkit-align-items: stretch;
		align-items: stretch;
		height: auto;
	}
	.split-box--flip {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		-webkit-flex-direction: row-reverse;
		flex-direction: row-reverse;
	}
	.split-box__pic-wrap {
		width: 47.5%;
		-webkit-flex-shrink: 0;
		flex-shrink: 0;
		-webkit-box-flex: 0;
		-webkit-flex-grow: 0;
		flex-grow: 0;
	}
	.split-box__content {
		-webkit-box-flex: 1;
		-webkit-flex-grow: 1;
		flex-grow: 1;
		padding: 3.1rem 4rem 2rem 3.1rem;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		height: auto;
	}
}

.summary-info__title {
	display: block;
	border-bottom: 1px solid #e9e9e9;
	padding-bottom: 1.3rem;
	font-size: 32px;
	margin-bottom: 2rem;
}

.summary-info__copy {
	font-size: 18px;
}

.cta-title__icon {
	margin: 0;
}

.cta-title__copy {
	padding-left: 0;
	font-style: normal;
	font-size: 32px;
}

.cta-title__copy::after {
	display: none;
}

.icon-btn {
	background: none;
	border: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
	font-style: ;
}

.icon-btn:hover {
	color: #2bbf71;
}

.icon-btn--alt {
	color: #ffffff;
}

.icon-btn__icon {
	display: inline-block;
	height: 1em;
	width: 1em;
}

.icon-btn__icon--left {
	margin-right: 0.3em;
}

.icon-btn__icon--large {
	height: 2.3em;
	width: 2.3em;
}

.icon-btn__icon svg path {
	stroke: currentColor;
}

.box-car {
	position: relative;
}

.box-car--hidden {
	opacity: 0;
	pointer-events: none;
}

.box-car__list {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.box-car__ctrl {
	opacity: 0;
	pointer-events: none;
	display: none;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
}

.box-car__ctrl--active {
	display: block;
	opacity: 1;
	pointer-events: all;
}

.box-car__ctrl-btn {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	background-color: transparent;
	width: 1.4rem;
	height: 2.2rem;
	border: 0;
	text-indent: -100vw;
	overflow: hidden;
	padding: 0;
	color: #e9e9e9;
	opacity: 1;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
}

.box-car__ctrl-btn--prev {
	left: -3.7rem;
}

.box-car__ctrl-btn--next {
	right: -3.7rem;
	-webkit-transform: translateY(-50%) rotate(180deg);
	-ms-transform: translateY(-50%) rotate(180deg);
	transform: translateY(-50%) rotate(180deg);
}

.box-car__ctrl-btn.slick-disabled {
	opacity: 0;
	pointer-events: none;
}

.box-car__ctrl-icon {
	width: 100%;
	height: 100%;
	display: block;
	cursor: pointer;
}

.box-car__ctrl-icon svg {
	width: 100%;
	height: 100%;
}

.box-car__ctrl-icon svg path {
	stroke: #000;
}

.car-meta {
	margin: 0;
	font-size: 0.85rem;
}

.car-meta__num-this {
	font-weight: bold;
}

.note {
	max-width: 1160px;
	margin: 15px auto;
	padding: 10px 15px;
	position: relative;
	background: #2bbf71;
	color: #fff;
	font-size: 14px;
	line-height: 1.2;
	border-radius: 5px;
}

.note p {
	color: inherit;
	font-size: inherit;
}

.note > * {
	margin: 0;
	padding: 0;
}

.note b {
	font-weight: inherit;
	padding: 2px 4px;
	background: rgba(0, 0, 0, 0.2);
	display: inline-block;
}

.dev-postmvp {
	opacity: 0.4;
	pointer-events: none;
	position: relative;
}

.dev-postmvp:after {
	content: "Post MVP";
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%) rotate(-15deg);
	-ms-transform: translate(-50%, -50%) rotate(-15deg);
	transform: translate(-50%, -50%) rotate(-15deg);
	font-size: 80px;
	padding: 15px 30px;
	line-height: 1;
	background: #000;
	color: #fff;
	z-index: 200;
}

.dev-todo {
	position: relative;
	padding: 80px;
	background-color: #eee;
}

.dev-todo > h2 {
	margin: 0;
	text-align: center;
}

.dev-todo:after {
	content: "TODO";
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-size: 80px;
	padding: 15px 30px;
	line-height: 1;
	background: #000;
	color: #fff;
}

@media (min-width: 768px) {
	.new-mobile {
		display: none;
	}
}

.new-tablet {
	display: none;
}

@media (min-width: 768px) {
	.new-tablet {
		display: block;
	}
}

@media (min-width: 1280px) {
	.new-tablet {
		display: none;
	}
}

.new-desktop {
	display: none;
}

@media (min-width: 1280px) {
	.new-desktop {
		display: block;
	}
}

.new-desktop .scroll-panel a {
	font-size: 20px;
}

.new-desktop .nav-panel__inner {
	margin-left: 5%;
}

.new-desktop .nav-panel .panel {
	max-width: 600px;
}

.new-desktop .scroll-panel .nano-pane:before {
	opacity: 0.6;
}