/* vendor */
/*! sanitize.css v5.0.0 | CC0 License | github.com/jonathantneal/sanitize.css */
/* Document (https://html.spec.whatwg.org/multipage/semantics.html#semantics)
   ========================================================================== */
/**
 * 1. Remove repeating backgrounds in all browsers (opinionated).
 * 2. Add box sizing inheritence in all browsers (opinionated).
 */
*,
::before,
::after {
	background-repeat: no-repeat; /* 1 */
	-webkit-box-sizing: inherit;
	        box-sizing: inherit; /* 2 */
}
/**
 * 1. Add text decoration inheritance in all browsers (opinionated).
 * 2. Add vertical alignment inheritence in all browsers (opinionated).
 */
::before,
::after {
	text-decoration: inherit; /* 1 */
	vertical-align: inherit; /* 2 */
}
/**
 * 1. Add border box sizing in all browsers (opinionated).
 * 2. Add the default cursor in all browsers (opinionated).
 * 3. Prevent font size adjustments after orientation changes in IE and iOS.
 */
html {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box; /* 1 */
	cursor: default; /* 2 */
	-ms-text-size-adjust: 100%; /* 3 */
	-webkit-text-size-adjust: 100%; /* 3 */
}
/* Sections (https://html.spec.whatwg.org/multipage/semantics.html#sections)
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
	display: block;
}
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
	margin: 0;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
	font-size: 2em;
	margin: .67em 0;
}
/* Grouping content (https://html.spec.whatwg.org/multipage/semantics.html#grouping-content)
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main { /* 1 */
	display: block;
}
/**
 * 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 {
	-webkit-box-sizing: content-box;
	        box-sizing: content-box; /* 1 */
	height: 0; /* 1 */
	overflow: visible; /* 2 */
}
/**
 * Remove the list style on navigation lists in all browsers (opinionated).
 */
nav ol,
nav ul {
	list-style: none;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}
/* Text-level semantics (https://html.spec.whatwg.org/multipage/semantics.html#text-level-semantics)
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
	background-color: transparent; /* 1 */
	-webkit-text-decoration-skip: objects; /* 2 */
}
/**
 * 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 */
	-webkit-text-decoration: underline dotted;
	        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;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}
/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
	font-style: italic;
}
/**
 * Add the correct background and color in IE 9-.
 */
mark {
	background-color: #ffff00;
	color: #000000;
}
/**
 * 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: -.25em;
}
sup {
	top: -.5em;
}
/*
 * Remove the text shadow on text selections (opinionated).
 * 1. Restore the coloring undone by defining the text shadow (opinionated).
 */
::-moz-selection {
	background-color: #b3d4fc; /* 1 */
	color: #000000; /* 1 */
	text-shadow: none;
}
::selection {
	background-color: #b3d4fc; /* 1 */
	color: #000000; /* 1 */
	text-shadow: none;
}
/* Embedded content (https://html.spec.whatwg.org/multipage/embedded-content.html#embedded-content)
   ========================================================================== */
/*
 * Change the alignment on media elements in all browers (opinionated).
 */
audio,
canvas,
iframe,
img,
svg,
video {
	vertical-align: middle;
}
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
	display: inline-block;
}
/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
	display: none;
	height: 0;
}
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
	border-style: none;
}
/**
 * Change the fill color to match the text color in all browsers (opinionated).
 */
svg {
	fill: currentColor;
}
/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
	overflow: hidden;
}
/* Tabular data (https://html.spec.whatwg.org/multipage/tables.html#tables)
   ========================================================================== */
/**
 * Collapse border spacing
 */
table {
	border-collapse: collapse;
}
/* Forms (https://html.spec.whatwg.org/multipage/forms.html#forms)
   ========================================================================== */
/**
 * Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	margin: 0;
}
/**
 * Inherit styling in all browsers (opinionated).
 */
button,
input,
select,
textarea {
	background-color: transparent;
	color: inherit;
	font-size: inherit;
	line-height: inherit;
}
/**
 * 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"], /* 1 */
[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;
}
/**
 * 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 {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box; /* 1 */
	color: inherit; /* 2 */
	display: table; /* 1 */
	max-width: 100%; /* 1 */
	padding: 0; /* 3 */
	white-space: normal; /* 1 */
}
/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	display: inline-block; /* 1 */
	vertical-align: baseline; /* 2 */
}
/**
 * 1. Remove the default vertical scrollbar in IE.
 * 2. Change the resize direction on textareas in all browsers (opinionated).
 */
textarea {
	overflow: auto; /* 1 */
	resize: vertical; /* 2 */
}
/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
	-webkit-box-sizing: border-box;
	        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 macOS.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}
/**
 * 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 */
}
/* Interactive elements (https://html.spec.whatwg.org/multipage/forms.html#interactive-elements)
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details, /* 1 */
menu {
	display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}
/* Scripting (https://html.spec.whatwg.org/multipage/scripting.html#scripting-3)
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
	display: inline-block;
}
/**
 * Add the correct display in IE.
 */
template {
	display: none;
}
/* User interaction (https://html.spec.whatwg.org/multipage/interaction.html#editing)
   ========================================================================== */
/*
 * Remove the tapping delay on clickable elements (opinionated).
 * 1. Remove the tapping delay in IE 10.
 */
a,
area,
button,
input,
label,
select,
summary,
textarea,
[tabindex] {
	-ms-touch-action: manipulation; /* 1 */
	touch-action: manipulation;
}
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
	display: none;
}
/* ARIA (https://w3c.github.io/html-aria/)
   ========================================================================== */
/**
 * Change the cursor on busy elements (opinionated).
 */
[aria-busy="true"] {
	cursor: progress;
}
/*
 * Change the cursor on control elements (opinionated).
 */
[aria-controls] {
	cursor: pointer;
}
/*
 * Change the display on visually hidden accessible elements (opinionated).
 */
[aria-hidden="false"][hidden]:not(:focus) {
	clip: rect(0, 0, 0, 0);
	display: inherit;
	position: absolute;
}
/*
 * Change the cursor on disabled, not-editable, or otherwise
 * inoperable elements (opinionated).
 */
[aria-disabled] {
	cursor: default;
}
/* global */
@font-face {
  font-family: 'avenir-heavy';
  src: url('../fonts/3226D5_0_0.eot'),
       url('../fonts/3226D5_0_0.eot?#iefix') format('embedded-opentype'),
       url('../fonts/3226D5_0_0.woff') format('woff'),
       local('avenir-heavy'), url('fonts/3226D5_0_0.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'avenir-medium';
  src: url('../fonts/3226D5_1_0.eot'),
       url('../fonts/3226D5_1_0.eot?#iefix') format('embedded-opentype'),
       url('../fonts/3226D5_1_0.woff') format('woff'),
       local('avenir-medium'), url('fonts/3226D5_1_0-demi.ttf')  format('truetype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'avenir-roman';
  src: url('../fonts/3226D5_2_0.eot'),
       url('../fonts/3226D5_2_0.eot?#iefix') format('embedded-opentype'),
       url('../fonts/3226D5_2_0.woff') format('woff'),
       local('avenir-roman'), url('fonts/3226D5_2_0.ttf')  format('truetype');
  font-weight: 300;
  font-style: normal;
}
:root {

  /* Typography */

  /* Colors by Use */
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'avenir-heavy', 'Arial', sans-serif;
  font-weight: 900;
  line-height: 1;
  letter-spacing: -.025em;
}
/* default heading sizes based on --heading-size-multiplier, overwite if needed */
h1 {
  font-size: 3.6rem;
}
h2 {
  font-size: 10vw;
}
@media (min-width: 448px) {
	h2 {
		font-size: 2.7rem;
	}
}
h3 {
  font-size: 2.25rem;
}
h4 {
  font-size: 1.95rem;
}
h5 {
  font-size: 1.5rem;
}
h6 {
  font-size: 1.35rem;
}
body {
  font-family: 'avenir-roman', 'Arial', sans-serif;
  font-weight: 300;
}
a {
  color: #000;
  text-decoration: none;
}
/* Rucksack responsive type example */
/*body h1
  font-size: responsive 48px 64px
  font-range: 900px 1280px */
p, p.large {
  font-size: 15px;
  line-height: 1.7em;
}
@media (min-width: 768px) {
	p {
		font-size: 16px;
		line-height: 1.1em;
	}
}
@media (min-width: 768px) {
	p.large {
		font-size: 22px;
		line-height: 1.5em;
	}
}
h2 {
  position: relative;
  text-align: center;
}
h2:after {
	content: '';
	position: absolute;
	display: block;
	background: #da212d;
	bottom: -25px;
	left: calc(50% - 25px);
	width: 55px;
	height: 4px;
}
h1.border {
  position: relative;
  text-align: center;
}
h1.border:after {
	content: '';
	position: absolute;
	display: block;
	background: #da212d;
	bottom: -25px;
	left: calc(50% - 25px);
	width: 55px;
	height: 4px;
}
/* nesting example */
body {
  text-align: center;
  background: #efefef;
}
body h1 {/* border: 1px solid orange */
}
body.is-still {
	overflow: hidden;
	position: fixed;
	width: 100%;
}
@media (min-width: 1024px) {
	body.is-still {
		overflow: inherit;
	}
}
.max-container {
  max-width: 1500px;
  margin: 0 auto;
  background: #fff;
}
@media (min-width: 1500px) {
	.max-container {
		border-left: 1px solid #ddd;
		border-right: 1px solid #ddd;
	}
}
.container {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 5%;
  text-align: left;
}
.container.full {
	max-width: 100%;
}
.inset {
  max-width: 950px;
  margin: 5% auto;
}
video {
  width: 100%;
  height: auto;
}
figure {
  margin: 0;
  padding: 0;
  display: block;
}
/* button styles here */
.btn {
  font-family: 'Arial', sans-serif;
  display: inline-block;
  padding: 12.5px 40px;
  border: solid 2px #000000;
  line-height: 1em;
  font-size: 12px;
  text-transform: uppercase;
  border-radius: 999px;
  font-weight: 900;
  letter-spacing: 0.06em;
  cursor: pointer;
  -webkit-transition: all 350ms ease;
  transition: all 350ms ease;
  text-align: center;
}
.btn.white {
	border-color: white;
	color: white;
}
.btn:hover {
	background-color: #000000;
	color: #ffffff;
	-webkit-transition: all 350ms ease;
	transition: all 350ms ease;
}
.thank-you div.copy {
  text-align: center;
}
.thank-you div.copy a.btn {
	margin-top: 10px;
}
.thank-you div.copy a.btn p {
	margin: 0;
	font-size: 14px;
}
.thank-you div.copy a.thanks-innovation-email {
	color: red;
	padding-left: 6px;
}
.thank-you div.copy a.thanks-innovation-email:hover {
	text-decoration: underline;
}
.thank-you-wrap {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
#privacy header {
  border-bottom: solid 1px #000000;
}
@media (max-width: 767px) {
	#privacy h1 {
		font-size: 42px;
	}
}
#privacy p {
  line-height: 1.4em;
}
#privacy ul {
  padding-left: 26px;
}
#privacy li {
  line-height: 1.4em;
}
#privacy-wrap {
  max-width: 950px;
  margin: 0 auto;
  padding: 0 5% 60px;
  text-align: left;
}
#privacy-wrap p a {
	color: #DB1F26;
}
#privacy-wrap li a {
	color: #DB1F26;
}
.ppinset {
  padding-left: 20px;
}
.ppheader {
  font-size: 22px;
  margin-top: 40px;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
	.ppheader {
		font-size: 20px;
	}
}
.ppsubhead {
  font-size: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
	.ppsubhead {
		font-size: 18px;
	}
}
.ppaddress {
  margin-top: 0;
  margin-bottom: 0;
}
#privacy ul.privacy-nav {
  list-style: none;
  padding: 0;
  margin: 20px 0 0;
}
#privacy ul.privacy-nav li {
	margin: 0 0 10px;
	padding: 0;
	font-family: 'avenir-heavy', 'Arial', sans-serif;
	font-size: 12px;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: .1rem;
}
#privacy ul.privacy-nav li a {
	text-transform: uppercase;
}
#privacy ul.privacy-nav li a:hover {
	color: #da212d;
}
#privacy ul.privacy-nav li a span {
	display: inline-block;
	position: relative;
}
section#privacy-wrap a,
#privacy-wrap li a {
  color: #da212d;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
}
section#privacy-wrap a:hover, #privacy-wrap li a:hover {
	text-decoration: underline;
}
section.careers .container.inset p {
  text-align: center;
}
ul.career-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  list-style-type: none;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 60px auto 50px;
  padding: 0;
  max-width: 980px;
}
ul.career-nav li {
	margin-right: 60px;
	margin-bottom: 10px;
}
ul.career-nav li:last-child {
	margin-right: 0;
}
@media (max-width: 767px) {
	ul.career-nav li {
		width: 50%;
		margin-right: 0;
	}
}
@media (max-width: 447px) {
	ul.career-nav li {
		width: 100%;
	}
	ul.career-nav li:last-child {
		margin-bottom: 0;
	}
}
ul.career-nav li a {
	display: block;
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: .17em;
	color: #000000;
	outline: none;
	-webkit-transition: all 350ms ease;
	transition: all 350ms ease;
}
ul.career-nav li a:hover {
	-webkit-transition: all 350ms ease;
	transition: all 350ms ease;
	color: #da212d;
}
ul.career-nav li a:hover span:after {
	background-color: #da212d;
}
ul.career-nav li span {
	display: inline-block;
	position: relative;
	font-weight: 900;
}
ul.career-nav li span:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 1px;
	bottom: -2px;
	left: 0;
	background-color: rgba(0,0,0, .25);
	-webkit-transition: all .2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition: all .2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
/* Company List */
section.positions {
  padding: 60px 6% 0;
}
@media (max-width: 447px) {
	section.positions h2 {
		margin: 0;
	}
}
section.toyota {
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  padding-bottom: 50px;
}
section.toyota h2 {
	margin-top: 30px;
}
section.toyota div.position-wrap {
	padding: 60px 0;
}
div.position-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 100px 0;
  border-bottom: 1px solid #eee;
}
div.position-wrap:first-of-type {
	padding-top: 70px;
}
div.position-wrap:last-child {
	border-bottom: none;
}
div.position-wrap div.list-rail {
	position: relative;
	width: 35%;
	padding-right: 4%;
	border-right: solid 5px #ebebeb;
	padding-top: 10px;
	padding-bottom: 10px;
}
div.position-wrap div.list-wrap {
	width: 65%;
	padding-left: 4%;
	padding-top: 10px;
	padding-bottom: 10px;
}
@media (max-width: 767px) {
	div.position-wrap div.list-rail {
		width: 100%;
		padding-right: 0;
		border-right: none;
		padding-bottom: 30px;
		margin-bottom: 30px;
	}
	div.position-wrap div.list-wrap {
		width: 100%;
		padding-left: 0;
		padding-top: 0;
		padding-bottom: 0;
	}
}
@media (max-width: 447px) {
	div.position-wrap {
		padding: 60px 0;
	}
}
div.list-rail img {
	display: inherit;
}
div.list-rail a {
	display: inline;
	opacity: .25;
	margin-right: 10px;
	-webkit-transition: all 350ms ease;
	transition: all 350ms ease;
}
div.list-rail a:hover {
	opacity: 1;
	-webkit-transition: all 350ms ease;
	transition: all 350ms ease;
}
div.list-rail a.port-link {
	display: block;
	opacity: 1;
	-webkit-transition: all 350ms ease;
	transition: all 350ms ease;
}
div.list-rail a.port-link:hover {
	-webkit-transition: all 350ms ease;
	transition: all 350ms ease;
	-webkit-transform: translateY(-5px);
	        transform: translateY(-5px);
}
div.list-rail img.icon {
	height: 30px;
	width: 30px;
}
div.list-rail p.large {
	text-align: left;
	font-size: 16px;
}
div.list-rail p a {
	opacity: 1;
	padding-left: 5px;
	text-decoration: underline;
}
div.list-rail div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin-top: 20px;
}
div.list-wrap {
  text-align: left;
}
div.list-wrap li {
	margin-bottom: 70px;
}
div.list-wrap li:last-child {
	margin-bottom: 0;
}
div.list-wrap h3 {
	margin: 0;
	font-size: 18px;
	font-weight: 900;
}
div.list-wrap span {
	font-size: 16px;
	font-weight: normal;
}
div.list-wrap p {
	margin: 32px 0 20px;
	line-height: 26px;
	font-size: 16px;
}
div.list-wrap a {
	font-size: 9.5px;
	padding: 9px 22px;
	font-weight: 900;
}
div.list-wrap ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
div.list-wrap p.post-link {
	margin-top: 40px;
}
div.list-wrap p.post-link a {
	font-size: inherit;
	font-weight: 500;
	padding: 0 5px;
	text-decoration: underline;
}
main#portfolio .max-container {
	overflow: hidden;
}
.portfolio-filtering {
  padding: 30px 0;
  border-bottom: solid 1px #ddd;
}
.portfolio-filtering .container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
}
.portfolio-filtering .filter {
	position: relative;
	-moz-appearance: none;
	     appearance: none;
	-webkit-appearance: none;
	border: none;
	background-color: #FAFAFA;
	color: #000;
	font-weight: 800;
	font-size: 11px;
	line-height: 15px;
	letter-spacing: 0.05em;
	padding: 9px 26px 9px 14px;
	min-width: 200px;
	outline: none;
	background-image: url(/img/dropdown-arrow.svg);
	background-repeat: no-repeat;
	background-position: calc(100% - 15px) 12px;
	text-transform: uppercase;
}
@media screen and (max-width: 768px) {
	.portfolio-filtering .filter {
		width: 100%;
	}
}
.portfolio-nav {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin: 0 -1px 0 auto ;
  background-color: #EEEEEE;
}
.portfolio-nav::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	height: 1px;
	width: 100%;
	background-color: #EEEEEE;
	z-index: 2;
	pointer-events: none;
}
.portfolio-nav img {
	width: 100%;
	height: 100%;
	display: block;
	-o-object-fit: contain;
	   object-fit: contain;
	-o-object-position: center;
	   object-position: center;
	-webkit-transition: all 350ms ease;
	transition: all 350ms ease;
	border: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	     appearance: none;
}
.portfolio-nav a.port-link {
	position: relative;
	display: block;
	height: 160px;
	width: 20%;
	padding: 40px 60px;
	border-right: solid 1px #ddd;
	border-bottom: solid 1px #ddd;
	background-color: #ffffff;
}
.portfolio-nav a.port-link p {
	font-size: 0;
}
.portfolio-nav a.port-link:last-child {
	border-right: none;
}
.portfolio-nav a.port-link:hover img {
	-webkit-transform: scale(1.1);
	        transform: scale(1.1);
}
.portfolio-nav a.port-link.exited {
	overflow: hidden;
}
.portfolio-nav a.port-link.exited::after {
	content: 'ACQUIRED';
	position: absolute;
	top: 19px;
	right: -49px;
	padding: 5px 41px;
	-webkit-transform: rotate(45deg);
	        transform: rotate(45deg);
	color: #ffffff;
	background-color: #DDD;
}
.portfolio-nav a.port-link.exited.nyse::after {
	content: 'NYSE: JOBY';
	top: 23px;
	right: -47px;
}
@media screen and (max-width: 979px) {
	.portfolio-nav {
		margin: 0;
	}
	.portfolio-nav a.port-link {
		width: 33.3333%;
		padding: 40px 60px;
		height: 140px;
	}
}
@media screen and (max-width: 767px) {
	.portfolio-nav a.port-link {
		width: 50%;
		border-bottom: solid 1px #ddd;
		padding: 20px 30px;
		height: 100px;
	}
	.portfolio-nav a.port-link figure {
		max-width: 120px;
		margin: 0 auto;
	}
	.portfolio-nav a.port-link:nth-child(3n) {
		border-right: solid 1px #ddd;
	}
	.portfolio-nav a.port-link:nth-child(3) {
		border-right: solid 1px #ddd;
	}
	.portfolio-nav a.port-link:last-child {
		border-bottom: none;
	}
	.portfolio-nav a.port-link.exited::after {
		font-size: 13px;
	}
}
.portfolio-wrapper {
  position: relative;
}
.portfolio-wrapper img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: block;
	-o-object-fit: cover;
	   object-fit: cover;
	-o-object-position: center;
	   object-position: center;
	z-index: 0;
	border: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	     appearance: none;
}
.portfolio-wrapper h3 {
	color: #ffffff;
	position: absolute;
	left: 6%;
	bottom: 50px;
	font-size: 56px;
	margin: 0;
	z-index: 10;
}
@media screen and (max-width: 869px) {
	.portfolio-wrapper h3 {
		font-size: 33px;
	}
}
@media screen and (max-width: 620px) {
	.portfolio-wrapper h3 {
		font-size: 28px;
		bottom: 35px;
		left: 5%;
	}
}
main#portfolio .portfolio-image {
	position: relative;
}
main#portfolio .portfolio-image::before {
	content: '';
	display: block;
	height: 0;
	padding-top: 44.6777%;
}
@media screen and (max-width: 869px) {
	main#portfolio .portfolio-image::before {
		padding-top: 66%;
	}
}
main#portfolio .portfolio-image::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 70%;
	background: linear-gradient(7.66deg, #000000 -19%, rgba(0, 0, 0, 0) 46.35%);
}
@media screen and (max-width: 669px) {
	main#portfolio .portfolio-image::after {
		background: linear-gradient(8.66deg, #000000 -4%, rgba(0, 0, 0, 0) 51.35%);
	}
}
main#portfolio .portfolio-content {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	padding: 80px 6%;
}
@media screen and (max-width: 869px) {
	main#portfolio .portfolio-content {
		padding: 50px 5%;
	}
}
@media screen and (max-width: 669px) {
	main#portfolio .portfolio-content {
		padding: 40px 5% 60px;
	}
}
main#portfolio .portfolio-content::after {
	content: '';
	position: absolute;
	top: -20px;
	left: 8%;
	height: 44px;
	width: 44px;
	-webkit-transform: rotate(45deg);
	        transform: rotate(45deg);
	background-color: #ffffff;
}
@media screen and (max-width: 620px) {
	main#portfolio .portfolio-content::after {
		height: 30px;
		width: 30px;
		top: -14px;
	}
}
main#portfolio .portfolio-content div.description {
	width: 70%;
	position: relative;
	text-align: left;
	padding: 0 5% 0 0;
}
main#portfolio .portfolio-content div.description p {
	margin-bottom: 30px;
	margin-top: 0;
}
main#portfolio .portfolio-content div.description p a {
	color: #DB1F26;
}
main#portfolio .portfolio-content div.description a.modal-vid-btn {
	margin-left: 10px;
}
@media screen and (max-width: 869px) {
	main#portfolio .portfolio-content div.description {
		width: 100%;
	}
}
main#portfolio .portfolio-content div.image {
	width: 30%;
	position: relative;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}
main#portfolio .portfolio-content div.image:hover {
	cursor: pointer;
}
main#portfolio .portfolio-content div.image:hover img {
	width: 68px;
	height: 68px;
	-webkit-transform: translate(-34px, -34px);
	        transform: translate(-34px, -34px);
}
main#portfolio .portfolio-content div.image.not-playable:hover {
	cursor: default;
}
main#portfolio .portfolio-content div.image::before {
	content: '';
	display: block;
	height: 0;
	padding-top: 64.6777%;
}
main#portfolio .portfolio-content div.image img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 64px;
	height: 64px;
	-webkit-transform: translate(-32px, -32px);
	        transform: translate(-32px, -32px);
	-webkit-transition: all 350ms ease;
	transition: all 350ms ease;
}
@media screen and (max-width: 869px) {
	main#portfolio .portfolio-content div.image {
		margin-top: 40px;
		width: 100%;
	}
}
main#news header {
	border-bottom: solid 1px #ddd;
}
div.news-main-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 1440px;
  margin: 0 auto;
  padding: 60px 5%;
}
@media screen and (max-width: 768px) {
	div.news-main-container {
		padding: 40px 5%;
	}
}
rail.news-rail {
  width: 190px;
}
@media screen and (max-width: 768px) {
	rail.news-rail {
		width: 98%;
		margin: 0 auto 20px;
	}
}
div.events-rail {
  margin-top: 50px;
}
div.events-rail h5 {
	color: rgba(0,0,0, .8);
	font-size: 10px;
	text-transform: uppercase;
	text-align: left;
	border-bottom: solid 1px #eaeaea;
	padding-bottom: 10px;
}
@media screen and (max-width: 768px) {
	div.events-rail.desktop {
		display: none;
		visibility: hidden;
	}
}
div.events-rail.mobile {
	width: 100%;
	display: none;
	visibility: hidden;
}
@media screen and (max-width: 768px) {
	div.events-rail.mobile {
		display: block;
		visibility: visible;
	}
}
ul.event-wrapper {
  list-style: none;
  padding: 0;
  margin: 0;
}
ul.event-wrapper li {
	position: relative;
	text-align: left;
	margin-bottom: 30px;
	padding-bottom: 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
ul.event-wrapper li:last-child::after {
	display: none;
}
ul.event-wrapper li::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	height: 1px;
	width: 40px;
	background-color: rgba(221,221,221, .5);
}
ul.event-wrapper a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}
ul.event-wrapper a:hover h6 {
	color: #DB1F26;
}
ul.event-wrapper div {
	width: 20px;
}
ul.event-wrapper article {
	width: calc(100% - 20px);
	padding-left: 10px;
}
ul.event-wrapper h6 {
	margin: 0;
	font-size: 14px;
	-webkit-transition: all 350ms ease;
	transition: all 350ms ease;
}
ul.event-wrapper p {
	font-size: 10px;
	color: #545454;
	margin-bottom: 4px;
}
ul.event-wrapper span {
	text-transform: uppercase;
	font-size: 10px;
	color: #545454;
}
ul.event-wrapper span:first-of-type {
	margin-right: 3px;
	padding-right: 6px;
	border-right: solid 1px rgba(221,221,221, .5);
}
ul.news-subnav {
  background-color: rgba(238,238,238, .3);
  border: solid 1px rgba(221,221,221, .5);
  list-style: none;
  padding: 0;
  margin: 0;
}
ul.news-subnav li {
	position: relative;
	padding: 16px 20px 14px 40px;
	text-align: left;
	text-transform: uppercase;
	border-bottom: solid 1px rgba(221,221,221, .5);
}
ul.news-subnav li p {
	font-family: 'avenir-heavy', 'Arial', sans-serif;
	font-weight: 900;
	font-size: 10px;
	font-weight: bold;
	color: #000;
	margin: 0;
	line-height: 1em;
}
ul.news-subnav li span {
	position: absolute;
	left: 20px;
	top: 15px;
	height: 10px;
	width: 10px;
	-webkit-transition: all 350ms ease;
	transition: all 350ms ease;
	background-color: #C4C4C4;
	border-radius: 99px;
	border: solid 1px #C4C4C4;
}
ul.news-subnav li:last-child {
	border-bottom: none;
}
ul.news-subnav li:hover {
	cursor: pointer;
}
ul.news-subnav li:hover span {
	background-color: #DB1F26;
	border-color: #DB1F26;
}
ul.news-subnav li.is-active span {
	background-color: #DB1F26;
	border-color: #fff;
}
ul.news-subnav li.is-active span::after {
	content: '';
	position: absolute;
	left: -5px;
	top: -5px;
	height: 18px;
	width: 18px;
	-webkit-transition: all 350ms ease;
	transition: all 350ms ease;
	background-color: rgba(219,31,38, .1);
	border-radius: 99px;
}
@media screen and (max-width: 768px) {
	ul.news-subnav {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}
	ul.news-subnav li {
		width: 50%;
	}
	ul.news-subnav li:nth-child(odd) {
		border-right: solid 1px rgba(221,221,221, .5);
	}
	ul.news-subnav li:nth-last-child(2) {
		border-bottom: none;
	}
}
main.news-content {
  width: calc(100% - 190px);
  padding-left: 20px;
  text-align: left;
}
main.news-content h2 {
	line-height: 1.2em;
	font-size: 32px;
	margin: 10px 0 0;
	text-align: left;
}
main.news-content h2::after {
	display: none;
}
@media screen and (max-width: 768px) {
	main.news-content h2 {
		font-size: 22px;
	}
}
main.news-content h3 {
	line-height: 1.2em;
	font-size: 18px;
	margin: 10px 0 0;
}
@media screen and (max-width: 768px) {
	main.news-content h3 {
		font-size: 16px;
	}
}
main.news-content h4 {
	line-height: 1.2em;
	font-size: 16px;
	margin: 10px 0 0;
}
main.news-content span {
	font-family: 'avenir-heavy', 'Arial', sans-serif;
	font-weight: 900;
	font-size: 11px;
	font-weight: bold;
	color: #545454;
	margin: 0;
	line-height: 1em;
	text-transform: uppercase;
}
@media screen and (max-width: 768px) {
	main.news-content {
		width: 100%;
		padding-left: 0;
	}
}
div.news-featured-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
div.news-featured-block.is-hidden {
	display: none;
	visibility: hidden;
}
div.news-feature-rail {
  width: 31.33334%;
  margin: 0 1%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
div.news-feature-rail a.news-post {
	margin: 0 0 22px;
}
@media screen and (max-width: 980px) {
	div.news-feature-rail {
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		margin: 0;
	}
	div.news-feature-rail a.news-post {
		width: 48%;
		margin: 0 1% 22px;
	}
}
div.news-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
a.news-post {
  position: relative;
  display: block;
  border: solid 1px #DDDDDD;
  margin: 0 1% 22px;
  -webkit-transition: all 350ms ease;
  transition: all 350ms ease;
}
a.news-post::before {
	content: '';
	display: block;
	position: absolute;
	bottom: 4px;
	right: 8px;
	width: 0;
	height: 0;
	border-bottom: 18px solid transparent;
	border-left: 18px solid transparent;
	-webkit-transition: all 350ms ease;
	transition: all 350ms ease;
}
a.news-post::after {
	content: 'Read More';
	display: block;
	position: absolute;
	bottom: 8px;
	right: 28px;
	font-size: 12px;
	color: #DB1F26;
	opacity: 0;
	-webkit-transition: all 350ms ease;
	transition: all 350ms ease;
}
a.news-post figure {
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
a.news-post figure::before {
	content: '';
	display: block;
	height: 0;
	padding-top: 56.25%;
}
a.news-post figure img {
	position: absolute;
	padding: 0;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
}
@media screen and (max-width: 980px) {
	a.news-post figure img {
		width: 56px;
		height: 56px;
	}
}
a.news-post.modal-vid-btn::after {
	content: 'Watch Now';
}
a.news-post div {
	padding: 20px 20px 30px;
	position: relative;
}
a.news-post.featured-posts {
	display: none;
	visibility: hidden;
}
a.news-post.featured {
	width: 64.6666%;
}
a.news-post.featured figure::before {
	padding-top: 75%;
}
a.news-post.featured.filtered {
	width: 48%;
}
a.news-post.featured.filtered figure::before {
	padding-top: 56.25%;
}
a.news-post.featured.filtered h2 {
	font-size: 16px;
}
@media screen and (max-width: 980px) {
	a.news-post.featured {
		width: 100%;
	}
}
a.news-post.featured-rail {
	width: 31.3334%;
}
a.news-post.featured-rail.filtered {
	width: 48%;
}
@media screen and (max-width: 980px) {
	a.news-post.featured-rail {
		width: 48%;
	}
}
a.news-post.full {
	width: 100%;
}
a.news-post.full.filtered {
	width: 48%;
}
a.news-post.half {
	width: 48%;
}
a.news-post.two-third {
	width: 64.6666%;
}
a.news-post.two-third.filtered {
	width: 48%;
}
a.news-post.one-third {
	width: 31.33334%;
}
a.news-post.one-third.filtered {
	width: 48%;
}
@media screen and (max-width: 980px) {
	a.news-post.one-third {
		width: 48%;
	}
}
a.news-post:hover {
	border-color: #000;
}
a.news-post:hover::after {
	right: 22px;
	opacity: 1;
	-webkit-transition-delay: 200ms;
	        transition-delay: 200ms;
}
a.news-post:hover::before {
	right: 4px;
	border-bottom: 18px solid #DB1F26;
}
a.news-post.is-hidden {
	display: none;
	visibility: hidden;
}
a.news-post.is-active {
	display: block;
	visibility: visible;
}
a.news-post.unloaded {
	display: none;
}
a.news-post.unloaded.is-active {
	display: block;
	visibility: visible;
}
a.news-post.unloaded.is-hidden {
	display: none !important;
	visibility: hidden;
}
@media screen and (max-width: 980px) {
	a.news-post {
		margin-bottom: 14px;
	}
}
a.load-more {
  background-color: #EEEEEE;
  width: 100%;
  width: calc(100% - 18px);
  margin: 0 auto;
  display: block;
  padding: 20px 40px;
  text-align: center;
  color: rgba(0,0,0, .8);
  text-transform: uppercase;
  font-size: 13px;
  font-family: 'avenir-heavy', 'Arial', sans-serif;
  font-weight: 900;
  -webkit-transition: all 350ms ease;
  transition: all 350ms ease;
}
a.load-more:hover {
	color: #DB1F26;
}
a.load-more.is-hidden {
	display: none;
	visibility: hidden;
}
@media screen and (max-width: 980px) {
	a.load-more {
		width: calc(100% - 12px);
	}
}
div.spacer-zzzz {}
div.innovation-main-container {
  padding: 40px 0 0;
}
div.innovation-main-container p a {
	color: #DB1F26;
}
div.innovation-main-container p a:hover {
	text-decoration: underline;
}
div.innovation-main-container li a {
	color: #DB1F26;
}
div.innovation-main-container li a:hover {
	text-decoration: underline;
}
@media screen and (max-width: 768px) {
	div.innovation-main-container {
		padding: 20px 0 0;
	}
}
section.innovation-grid-hero {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0 5%;
}
section.innovation-grid-hero figure {
	position: relative;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
section.innovation-grid-hero figure::before {
	content: '';
	display: block;
	height: 0;
	padding-top: 56.25%;
}
section.innovation-grid-hero figure img {
	position: absolute;
	padding: 0;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
}
section.innovation-grid-hero h1 {
	color: #fff;
	font-size: 46px;
	position: absolute;
	bottom: 30px;
	left: 40px;
	margin: 0;
	text-align: left;
}
div.igh-col-1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 33.3333333333%;
  padding-right: 6px;
}
div.igh-col-1 figure.igh-block:first-child {
	margin-bottom: 6px;
}
div.igh-col-1 figure.igh-block:nth-child(2) {
	margin-right: 6px;
}
@media screen and (max-width: 768px) {
	div.igh-col-1 {
		width: 30%;
	}
}
@media screen and (max-width: 520px) {
	div.igh-col-1 {
		display: none;
	}
}
div.igh-col-2 {
  width: 50%;
  padding-right: 6px;
  position: relative;
}
div.igh-col-2 figure.igh-block {
	position: absolute;
	top: 0;
	left: 0;
	width: calc(100% - 6px);
	height: 100%;
}
@media screen and (max-width: 768px) {
	div.igh-col-2 {
		width: 70%;
	}
	div.igh-col-2 figure.igh-block {
		position: relative;
	}
}
@media screen and (max-width: 520px) {
	div.igh-col-2 {
		width: 100%;
	}
}
div.igh-col-3 {
  width: 16.6666666667%;
}
div.igh-col-3 figure.igh-block:first-child {
	height: calc(35% - 6px);
}
div.igh-col-3 figure.igh-block:last-child {
	height: 65%;
	margin-top: 6px;
}
@media screen and (max-width: 768px) {
	div.igh-col-3 {
		display: none;
	}
}
figure.igh-block.title {
	width: 100%;
	background-color: #25262E;
}
figure.igh-block.full {
	width: 100%;
}
figure.igh-block.half {
	width: calc(50% - 3px);
}
figure.igh-block.tall::before {
	padding-top: 112.5%;
}
figure.igh-block.modal-vid-btn img {
	-webkit-transition: all 350ms ease;
	transition: all 350ms ease;
}
figure.igh-block.modal-vid-btn:hover {
	cursor: pointer;
}
figure.igh-block.modal-vid-btn:hover img {
	width: 80px;
	height: 80px;
}
div.innovation-content-wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0;
}
rail.icw-nav {
  position: absolute;
  top: 0;
  left: 0;
  padding-top: 80px;
  padding-left: 5%;
  display: block;
  width: 260px;
}
@media screen and (max-width: 1070px) {
	rail.icw-nav {
		width: 200px;
	}
}
rail.icw-nav.is-fixed {
	position: fixed;
	top: -42px;
	left: auto;
}
rail.icw-nav.is-fixed.is-absolute {
	position: absolute;
	bottom: 140px;
	top: inherit;
}
rail.icw-nav div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}
rail.icw-nav a {
	font-family: 'avenir-heavy', 'Arial', sans-serif;
	display: block;
	position: relative;
	text-align: left;
	width: 100%;
	padding: 5px 0 5px 20px;
	font-size: 13px;
	font-weight: 600;
	text-transform: uppercase;
	border-left: solid 5px #EEEEEE;
	-webkit-transition: all 350ms ease;
	transition: all 350ms ease;
	letter-spacing: .04em;
}
rail.icw-nav a:hover {
	color: #DB1F26;
}
rail.icw-nav a.is-active {
	border-color: #DB1F26;
	color: #DB1F26;
}
@media screen and (max-width: 768px) {
	rail.icw-nav {
		display: none;
	}
}
main.icw-main {
  width: 100%;
  text-align: left;
}
main.icw-main section {
	padding: 80px 60px 80px 25%;
}
main.icw-main section.tan {
	background-color: rgba(238,238,238, .5);
}
main.icw-main h2 {
	margin-bottom: 40px;
	font-size: 36px;
	margin-top: 0;
	text-align: left;
}
main.icw-main h2::after {
	display: none;
}
main.icw-main p {
	font-size: 18px;
	line-height: 1.4em;
}
main.icw-main p:first-of-type {
	margin-top: 0;
}
main.icw-main ul {
	list-style: none;
	padding: 0 10px 0 0;
	margin: 0;
}
main.icw-main small {
	display: block;
	margin-top: 40px;
}
@media screen and (max-width: 768px) {
	main.icw-main section {
		padding: 40px 5%;
	}
}
div.icw-col-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 40px;
}
div.icw-col {
  width: calc(50% - 20px);
}
div.icw-col:first-child {
	border-right: solid 1px #eaeaea;
}
div.icw-col h6 {
	text-transform: uppercase;
	color: rgba(0,0,0, .7);
	font-size: 11px;
	margin: 0 0 20px;
}
@media screen and (max-width: 768px) {
	div.icw-col {
		width: 100%;
	}
	div.icw-col:first-child {
		border-right: none;
		padding-bottom: 20px;
		margin-bottom: 40px;
		border-bottom: solid 1px #eaeaea;
	}
}
ul.list-left {
  list-style: none;
  padding: 0;
  margin: 0;
}
ul.list-left li {
	position: relative;
	padding: 0 0 0 26px;
	margin-bottom: 15px;
	font-size: 18px;
}
ul.list-left li::after {
	content: '';
	position: absolute;
	left: 0;
	top: 5px;
	height: 0;
	width: 0;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 6px solid #DB1F26;
}
ul.icw-faq-wrap li {
	position: relative;
	padding: 15px 60px 15px 20px;
	border-left: solid 1px #eaeaea;
	border-right: solid 1px #eaeaea;
	border-top: solid 1px #eaeaea;
	-webkit-transition: all 350ms ease;
	transition: all 350ms ease;
	z-index: 1;
}
ul.icw-faq-wrap li:last-child {
	border-bottom: solid 1px #eaeaea;
}
ul.icw-faq-wrap li::after {
	content: '';
	position: absolute;
	bottom: -1px;
	left: -1px;
	height: 1px;
	width: calc(100% + 2px);
	background-color: transparent;
	-webkit-transition: all 350ms ease;
	transition: all 350ms ease;
}
ul.icw-faq-wrap li:hover {
	cursor: pointer;
	border-color: #AAAAAA;
	z-index: 2;
}
ul.icw-faq-wrap li:hover::after {
	background-color: #AAAAAA;
}
ul.icw-faq-wrap li.is-active {
	border-color: #AAAAAA;
	z-index: 2;
}
ul.icw-faq-wrap li.is-active::after {
	background-color: #AAAAAA;
}
ul.icw-faq-wrap li.is-active div::after {
	-webkit-transform: rotate(90deg);
	        transform: rotate(90deg);
}
ul.icw-faq-wrap li.is-active article {
	display: block;
	visibility: visible;
}
ul.icw-faq-wrap p {
	margin: 0;
}
ul.icw-faq-wrap div {
	position: relative;
}
ul.icw-faq-wrap div p {
	font-family: 'avenir-heavy', 'Arial', sans-serif;
	font-size: 18px;
}
@media screen and (max-width: 768px) {
	ul.icw-faq-wrap div p {
		font-size: 16px;
	}
}
ul.icw-faq-wrap div::after {
	content: '';
	position: absolute;
	right: -40px;
	top: 8px;
	height: 0;
	width: 0;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 6px solid #DB1F26;
	-webkit-transition: all 350ms ease;
	transition: all 350ms ease;
}
ul.icw-faq-wrap article {
	display: none;
	visibility: hidden;
	padding-top: 20px;
}
ul.icw-faq-wrap article p {
	padding-left: 20px;
	border-left: solid 4px red;
	font-size: 16px;
}
form.innovation-form {
  padding: 60px 0;
  margin-top: 60px;
  border-top: solid 1px #eaeaea;
}
form.innovation-form span {
	font-family: 'avenir-medium', 'Arial', sans-serif;
	display: block;
	width: 100%;
	color: #666666;
	font-size: 14px;
}
form.innovation-form input {
	width: 100%;
	border: solid 1px #DDDDDD;
	font-size: 18px;
	background-color: #ffffff;
	margin-top: 5px;
	padding: 15px 12px;
	outline: none;
}
form.innovation-form input:focus {
	border-color: #333;
}
form.innovation-form input.btn {
	width: inherit;
	padding: 15px 35px;
	font-size: 13px;
	border: solid 2px #000000;
}
form.innovation-form textarea {
	width: 100%;
	border: solid 1px #DDDDDD;
	font-size: 18px;
	background-color: #ffffff;
	margin-top: 5px;
	padding: 15px 12px;
	outline: none;
	min-height: 140px;
}
form.innovation-form textarea:focus {
	border-color: #333;
}
form.innovation-form select {
	display: block;
	position: relative;
	-moz-appearance: none;
	-webkit-appearance: none;
	width: 100%;
	border: solid 1px #DDDDDD;
	font-size: 18px;
	background-color: #ffffff;
	margin-top: 5px;
	padding: 15px 12px;
	outline: none;
	border-radius: 0;
}
form.innovation-form select:focus {
	border-color: #333;
}
form.innovation-form .select-wrapper {
	position: relative;
}
form.innovation-form .select-wrapper::after {
	content: '';
	position: absolute;
	right: 15px;
	top: 28px;
	height: 0;
	width: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 8px solid #999999;
}
form.innovation-form .select-wrapper::before {
	content: '';
	position: absolute;
	right: 15px;
	top: calc(50% - 10px);
	height: 0;
	width: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 8px solid #999999;
	z-index: 1;
}
div.form-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 20px;
}
div.form-row.one div.input-wrap {
	width: 100%;
}
div.form-row.two div.input-wrap {
	width: 49%;
}
@media screen and (max-width: 620px) {
	div.form-row.two div.input-wrap {
		width: 100%;
	}
	div.form-row.two div.input-wrap:first-child {
		margin-bottom: 20px;
	}
}
div.form-row.three div.input-wrap:first-child {
	width: 40%;
}
@media screen and (max-width: 620px) {
	div.form-row.three div.input-wrap:first-child {
		width: 100%;
		margin-bottom: 20px;
	}
}
div.form-row.three div.input-wrap:nth-child(2) {
	width: 26%;
}
@media screen and (max-width: 620px) {
	div.form-row.three div.input-wrap:nth-child(2) {
		width: 100%;
		margin-bottom: 20px;
	}
}
div.form-row.three div.input-wrap:nth-child(3) {
	width: 30%;
}
@media screen and (max-width: 620px) {
	div.form-row.three div.input-wrap:nth-child(3) {
		width: 100%;
	}
}
div.form-row.short div.input-wrap input {
	width: 120px;
}
div.form-row.single div.input-wrap input {
	width: 280px;
}
div.form-row.termsconditions {
	margin-top: 20px;
	padding-top: 40px;
	border-top: solid 1px #eaeaea;
}
div.form-row.termsconditions div.checkbox-container {
	margin-top: 0;
}
div.checkbox-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 30px;
}
div.checkbox-wrap {
  position: relative;
  margin-bottom: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 20px;
}
div.checkbox-wrap p {
	margin: 0;
}
@media screen and (max-width: 768px) {
	div.checkbox-wrap p {
		font-size: 12px;
	}
}
div.checkbox-wrap label {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 40px;
	color: #4F4F4F;
	-webkit-transform: translateY(1px);
	        transform: translateY(1px);
	width: 100%;
	color: #000000;
}
div.checkbox-wrap label:hover {
	cursor: pointer;
}
div.checkbox-wrap input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	width: inherit;
}
div.checkbox-wrap textarea {
	width: 100%;
	position: relative;
	margin-top: 20px;
	padding: 15px 25px;
	border: 2px solid #DDDDDD;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	border-radius: 6px;
	-webkit-transition: all 350ms ease;
	transition: all 350ms ease;
	outline: none;
	min-height: 150px;
}
div.checkbox-wrap .checkmark {
	position: absolute;
	top: calc(50% - 12.5px);
	left: 0;
	height: 25px;
	width: 25px;
	background-color: #ffffff;
	border-radius: 4px;
	border: solid 2px #DDDDDD;
	-webkit-transition: all 350ms ease;
	transition: all 350ms ease;
	outline: none;
}
div.checkbox-wrap .checkmark::after {
	content: '';
	position: absolute;
	display: none;
	left: 7px;
	top: 3px;
	width: 7px;
	height: 12px;
	border: solid 2px white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	        transform: rotate(45deg);
}
div.checkbox-wrap input:checked ~ .checkmark {
	background-color: #333333;
	border-color: #333333;
}
div.checkbox-wrap input:checked ~ .checkmark:after {
	display: block;
}
div.checkbox-wrap:hover input ~ .checkmark {
	background-color: #333333;
	border-color: #333333;
}
div.checkbox-wrap.terms-checkbox {
	margin-top: 40px;
	margin-bottom: 40px;
}
div.gdpr-message {
  display: none;
  visibility: hidden;
}
div.gdpr-message.is-active {
	display: block;
	visibility: visible;
}
div.form-main {
  opacity: 1;
  -webkit-transition: all 350ms ease;
  transition: all 350ms ease;
}
div.form-main.is-hidden {
	opacity: .5;
	pointer-events: none;
}
div.du-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  align-terms: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 20px 0;
}
div.du-wrap div.du-dropzone {
	border: dashed 3px #ddd;
}
div.du-wrap div.du-dropzone.dragging {
	color: #DB1F26;
}
div.du-wrap ul.du-files {
	width: 100%;
}
div.du-wrap .du-choosebtn {
	height: inherit;
	border-radius: 99999px;
	background: #ffffff;
	color: black;
	width: inherit;
	padding: 15px 35px;
	font-size: 13px;
	border: solid 2px #000000;
	-webkit-transition: all 350ms ease;
	transition: all 350ms ease;
	background-image: none;
}
div.du-wrap .du-choosebtn:hover {
	background: #000000;
	background-image: none;
	color: #ffffff;
}
div.terms-modal {
  padding-top: 35px;
}
div.terms-modal ul {
	padding-left: 25px;
	text-align: left;
}
div.terms-modal li {
	margin-bottom: 15px;
}
a.call-terms-modal {
  display: inline-block;
  padding-left: 6px;
  color: #DB1F26;
  cursor: pointer;
}
a.call-terms-modal:hover {
	text-decoration: underline;
}
a.call-terms-modal .du-dropzone-inner {
	font-family: 'avenir-medium', 'Arial', sans-serif;
	font-size: 18px;
}
a.call-terms-modal .du-divider {
	font-size: 14px;
	margin-bottom: 10px;
	font-weight: 100;
}
a.call-terms-modal .du-progressbar-bg {
	height: 20px;
	width: 100%;
	background-color: #eee;
}
a.call-terms-modal .du-progressbar {
	height: 20px;
	width: 0%;
	background: #DB1F26;
	border: none;
	color: #fff;
	font-size: 10px;
	text-align: right;
	padding-right: 3px;
	padding: 0 8px 0 0;
	max-width: 100%;
	line-height: 14px;
}
section#apply div.display-none {
	display: none;
	visibility: hidden;
}
/* */
.submit-pitch {
  position: relative;
  padding-top: 40px;
  padding-bottom: 100px;
  padding-left: 5%;
  padding-right: 5%;
}
.submit-pitch--title {
  position: relative;
  margin-bottom: 80px;
}
.submit-pitch--title h1 {
	font-size: 44px;
	margin-top: 0;
	color: #da212d;
}
.submit-pitch--title h1::after {
	background: black;
}
.submit-pitch--modal {
  background: #FFFFFF;
  -webkit-box-shadow: 0px 4px 24px rgba(0, 0, 0, .15);
          box-shadow: 0px 4px 24px rgba(0, 0, 0, .15);
  max-width: 980px;
  margin: 0 auto;
}
.submit-pitch--modal p {
	margin: 0;
	line-height: 1.5em;
	font-size: 18px;
}
.submit-pitch--modal p.error-text {
	color: #DB1F26;
	font-size: 10px;
	padding-top: 2px;
}
.submit-pitch--modal .typeform-widget iframe {
	border-radius: 0;
}
.submit-pitch--modal-hero {
  position: relative;
  border-bottom: solid 1px #eee;
}
.submit-pitch--modal-hero img {
	width: 220px;
	height: auto;
	display: block;
	text-align: center;
	margin: 0 auto;
}
.submit-pitch--modal-inner {
  position: relative;
  text-align: left;
  min-height: 450px;
  width: 100%;
  max-width: 680px;
}
.form-modal-slide {
  position: absolute ;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-transition: all 350ms ease;
  transition: all 350ms ease;
  opacity: 0;
  pointer-events: none;
}
.form-modal-slide.is-active {
	opacity: 1;
	pointer-events: auto;
}
.form-modal-slide.initial .form-modal--top-inner,
    .form-modal-slide.initial .form-modal--bottom {
	max-width: 580px;
}
.form-modal-slide.initial .form-modal--top-inner {
	padding-top: 80px;
	padding-bottom: 80px;
}
.form-modal-slide.initial .form-modal--top-inner p {
	max-width: 300px;
	font-size: 25px;
	line-height: 1.2em;
}
.form-modal-slide.initial .form-modal--top {
	background-image: url(/img/large-form-bg.svg);
}
.form-modal-slide.initial .form-modal--bottom {
	min-height: auto;
}
.form-modal--top {
  background-color: #010101;
  background-image: url(/img/small-form-bg.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.form-modal--top p {
	color: #fff;
	font-size: 20px;
}
.form-modal--top-inner {
  margin: 0 auto ;
  max-width: 475px;
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left: 20px ;
  padding-right: 20px;
}
.form-modal--bottom {
  position: relative;
  margin: 0 auto ;
  max-width: 475px;
  padding-top: 40px;
  padding-bottom: 80px;
  padding-left: 20px ;
  padding-right: 20px;
  min-height: 340px;
}
.form-modal--bottom .mc-field-group:not(:last-child) {
	margin-bottom: 12px;
}
.form-modal--bottom .mc-field-group input,
    .form-modal--bottom .mc-field-group textarea,
    .form-modal--bottom .mc-field-group select,
    .form-modal--bottom .mc-field-group select option {
	border: solid 1px #eee;
	border-radius: 4px;
	color: #010101;
	width: 100%;
	font-size: 13px;
	line-height: 1.2em;
	padding: 10px 16px;
	outline: none;
	font-family: 'avenir-roman', 'Arial', sans-serif;
}
.form-modal--bottom .mc-field-group input:active,
      .form-modal--bottom .mc-field-group input:focus,
      .form-modal--bottom .mc-field-group input:target,
      .form-modal--bottom .mc-field-group textarea:active,
      .form-modal--bottom .mc-field-group textarea:focus,
      .form-modal--bottom .mc-field-group textarea:target,
      .form-modal--bottom .mc-field-group select:active,
      .form-modal--bottom .mc-field-group select:focus,
      .form-modal--bottom .mc-field-group select:target,
      .form-modal--bottom .mc-field-group select option:active,
      .form-modal--bottom .mc-field-group select option:focus,
      .form-modal--bottom .mc-field-group select option:target {
	border-color: #010101;
}
.form-modal--bottom .mc-field-group input::-webkit-input-placeholder, .form-modal--bottom .mc-field-group textarea::-webkit-input-placeholder, .form-modal--bottom .mc-field-group select::-webkit-input-placeholder, .form-modal--bottom .mc-field-group select option::-webkit-input-placeholder {
	color: #ccc;
}
.form-modal--bottom .mc-field-group input::-moz-placeholder, .form-modal--bottom .mc-field-group textarea::-moz-placeholder, .form-modal--bottom .mc-field-group select::-moz-placeholder, .form-modal--bottom .mc-field-group select option::-moz-placeholder {
	color: #ccc;
}
.form-modal--bottom .mc-field-group input:-ms-input-placeholder, .form-modal--bottom .mc-field-group textarea:-ms-input-placeholder, .form-modal--bottom .mc-field-group select:-ms-input-placeholder, .form-modal--bottom .mc-field-group select option:-ms-input-placeholder {
	color: #ccc;
}
.form-modal--bottom .mc-field-group input:-moz-placeholder, .form-modal--bottom .mc-field-group textarea:-moz-placeholder, .form-modal--bottom .mc-field-group select:-moz-placeholder, .form-modal--bottom .mc-field-group select option:-moz-placeholder {
	color: #ccc;
}
.form-modal--bottom .mc-field-group input.error, .form-modal--bottom .mc-field-group textarea.error, .form-modal--bottom .mc-field-group select.error, .form-modal--bottom .mc-field-group select option.error {
	border-color: #DB1F26;
}
.form-modal--bottom .mc-field-group textarea {
	width: 100%;
}
.form-modal--bottom input[type=submit] {
	color: #DB1F26;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	font-family: 'avenir-heavy', 'Arial', sans-serif;
	-webkit-transition: all 350ms ease;
	transition: all 350ms ease;
	padding: 8px 30px;
	text-align: center;
	width: auto;
	display: inline-block;
	border: solid 2px #DB1F26;
	border-radius: 999px;
	min-width: 160px;
	cursor: pointer;
	position: absolute;
	bottom: 30px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	        transform: translateX(-50%);
}
.form-modal--bottom input[type=submit]:hover {
	background-color: #DB1F26;
	color: #fff;
}
.form-modal--bottom-title {
  margin-bottom: 20px;
}
.form-modal--bottom-title p {
	color: #505050;
}
.form-modal--next {
  position: absolute ;
  bottom: 30px ;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.form-modal--next .form-modal--next-button,
  .form-modal--next .form-modal--start-button {
	padding: 8px 30px;
	text-align: center;
	width: auto;
	display: inline-block;
	border: solid 2px #DB1F26;
	border-radius: 999px;
	min-width: 160px;
	cursor: pointer;
	-webkit-transition: all 350ms ease;
	transition: all 350ms ease;
}
.form-modal--next .form-modal--next-button p, .form-modal--next .form-modal--start-button p {
	color: #DB1F26;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	font-family: 'avenir-heavy', 'Arial', sans-serif;
	-webkit-transition: all 350ms ease;
	transition: all 350ms ease;
}
.form-modal--next .form-modal--next-button:hover, .form-modal--next .form-modal--start-button:hover {
	background-color: #DB1F26;
}
.form-modal--next .form-modal--next-button:hover p, .form-modal--next .form-modal--start-button:hover p {
	color: #fff;
}
.form-modal--prev-button {
  height: 36px;
  width: 36px;
  border-radius: 999px;
  border: solid 2px #eeeeee;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 6px;
  -webkit-transition: all 350ms ease;
  transition: all 350ms ease;
  cursor: pointer;
}
.form-modal--prev-button:hover {
	border-color: #010101;
	background-color: #010101;
}
.form-modal--prev-button:hover svg path {
	fill: #fff;
}
.submit-pitch--nav {
  padding-left: 5%;
  padding-right: 5%;
  margin-top: 30px;
}
.submit-pitch--nav ul {
	margin: 0;
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	list-style: none;
}
.submit-pitch--nav ul li {
	width: 10px;
	height: 10px;
	opacity: .2;
	margin: 0 8px 8px;
	-webkit-transition: all 350ms ease;
	transition: all 350ms ease;
	-webkit-transform-origin: center;
	        transform-origin: center;
}
.submit-pitch--nav ul li span {
	display: block;
	width: 8px;
	height: 8px;
	border-radius: 99px;
	background-color: #DB1F26;
}
.submit-pitch--nav ul li.is-active {
	opacity: 1;
}
/* modules */
/* header */
header .container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
header div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin: 20px 0;
}
header nav {
	margin-left: auto;
	display: none;
}
@media screen and (max-width: 1079px) {
	header div {
		margin: 0;
	}
}
@media screen and (min-width: 1080px) {
	header nav {
		display: block;
	}
}
header nav ul {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
header nav ul li {
	font-family: 'avenir-heavy', 'Arial', sans-serif;
	font-size: 12px;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: .1rem;
}
header nav ul li.is-active a {
	color: #da212d;
}
header nav ul li:last-child a {/* padding-right: 0 */
}
header nav ul li a {
	display: block;
	padding: 36px 30px;
	-webkit-transition: all .2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition: all .2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
header nav ul li a:hover {
	color: #da212d;
}
header nav ul li a span {
  display: inline-block;
  position: relative;
}
header nav ul li a span:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 1px;
	bottom: -2px;
	left: 0;
	background-color: rgba(218,33,45, 0);
	-webkit-transform: scaleX(0);
	        transform: scaleX(0);
	-webkit-transition: all .2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition: all .2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
header nav ul li a:hover span:after {
	-webkit-transform: scaleX(1);
	        transform: scaleX(1);
	background-color: #da212d;
}
.logo:hover {
  opacity: .75;
}
.logo {
  -webkit-transition: all 350ms ease;
  transition: all 350ms ease;
}
@media screen and (max-width: 1079px) {
	.logo img {
		width: 160px;
	}
}
/*Mobile Nav */
.mobile-nav {
  -webkit-transition: all 350ms ease;
  transition: all 350ms ease;
}
@media screen and (min-width: 1080px) {
	.mobile-nav {
		display: none;
	}
}
.mobile-list {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  margin: 82px 0 0;
  padding: 0;
  z-index: 9999;
  background-color: rgba(0, 0, 0, .85);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 350ms ease;
  transition: all 350ms ease;
  display: block;
}
.mobile-list ul {
	padding: 20px 5%;
	margin: 0;
	list-style-type: none;
	overflow: hidden;
}
.mobile-list a {
	color: #FFFFFF;
	font-size: 32px;
	font-weight: 600;
	line-height: 1.2em;
}
.mobile-list li {
	-webkit-transition: all 350ms ease;
	transition: all 350ms ease;
	-webkit-transform: translateX(100px);
	        transform: translateX(100px);
	opacity: 0;
}
@media screen and (max-width: 1079px) {
	.mobile-list {
		margin: 60px 0 0;
	}
}
.hamburger-wrap {
  cursor: pointer;
  position: absolute;
  right: 5%;
  top: 10px;
  height: 82px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 1079px) {
	.hamburger-wrap {
		height: 50px;
	}
}
@media screen and (min-width: 1080px) {
	.hamburger-wrap {
		display: none;
	}
}
.hamburger-outer {
  display: block;
  margin: 0;
}
.hamburger {
  display: block;
  position: relative;
  width: 25px;
  height: 3px;
  background: #7A7879;
  margin-top: 18px;
  -webkit-transform-origin: top;
          transform-origin: top;
  -webkit-transition: -webkit-transform 850ms cubic-bezier(0.165, 0.840, 0.440, 1);
  transition: -webkit-transform 850ms cubic-bezier(0.165, 0.840, 0.440, 1);
  transition: transform 850ms cubic-bezier(0.165, 0.840, 0.440, 1);
  transition: transform 850ms cubic-bezier(0.165, 0.840, 0.440, 1), -webkit-transform 850ms cubic-bezier(0.165, 0.840, 0.440, 1);
}
.hamburger::before {
	content: '';
	top: -7px;
	left: 0;
	width: 100%;
	height: 3px;
	position: absolute;
	background: #7A7879;
	-webkit-transition: width 500ms ease 300ms;
	transition: width 500ms ease 300ms;
}
.hamburger::after {
	top: 7px;
	right: 0;
	content: '';
	width: 100%;
	height: 3px;
	position: absolute;
	background: #7A7879;
	-webkit-transition: width 500ms ease 300ms;
	transition: width 500ms ease 300ms;
}
.hamburger span {
	width: 0;
	height: 3px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	background: #7A7879;
	-webkit-transform: rotate(90deg);
	        transform: rotate(90deg);
	-webkit-backface-visibility: hidden;
	-webkit-transition: width 500ms ease;
	transition: width 500ms ease;
}
@media screen and (max-width: 1079px) {
	.hamburger {
		margin-top: 10px;
	}
}
.mobile-nav.is-active .hamburger {
	-webkit-transform: rotate(-225deg);
	        transform: rotate(-225deg);
	-webkit-transition: -webkit-transform 500ms cubic-bezier(0.165, 0.840, 0.440, 1);
	transition: -webkit-transform 500ms cubic-bezier(0.165, 0.840, 0.440, 1);
	transition: transform 500ms cubic-bezier(0.165, 0.840, 0.440, 1);
	transition: transform 500ms cubic-bezier(0.165, 0.840, 0.440, 1), -webkit-transform 500ms cubic-bezier(0.165, 0.840, 0.440, 1);
}
.mobile-nav.is-active .hamburger::after {
	width: 0;
	-webkit-transition-delay: 0s;
	        transition-delay: 0s;
}
.mobile-nav.is-active .hamburger::before {
	width: 0;
	-webkit-transition-delay: 0s;
	        transition-delay: 0s;
}
.mobile-nav.is-active .hamburger span {
	width: 100%;
	-webkit-transition-delay: 300ms;
	        transition-delay: 300ms;
	left: inherit;
	-webkit-transform: rotate(90deg);
	        transform: rotate(90deg);
}
.mobile-nav.is-active .mobile-list {
	-webkit-transition: all 350ms ease;
	transition: all 350ms ease;
	opacity: 1;
	visibility: visible;
}
.mobile-nav.is-active .mobile-list li {
	-webkit-transform: translateY(0);
	        transform: translateY(0);
	opacity: 1;
	-webkit-transition: all 350ms ease;
	transition: all 350ms ease;
}
.mobile-nav.is-active .mobile-list li:nth-child(2) {
	-webkit-transition-delay: 75ms;
	        transition-delay: 75ms;
}
.mobile-nav.is-active .mobile-list li:nth-child(3) {
	-webkit-transition-delay: 125ms;
	        transition-delay: 125ms;
}
.mobile-nav.is-active .mobile-list li:nth-child(4) {
	-webkit-transition-delay: 175ms;
	        transition-delay: 175ms;
}
.mobile-nav.is-active .mobile-list li:nth-child(5) {
	-webkit-transition-delay: 225ms;
	        transition-delay: 225ms;
}
.mobile-nav.is-active .mobile-list li:nth-child(6) {
	-webkit-transition-delay: 275ms;
	        transition-delay: 275ms;
}
/* hero */
#hero {
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
#hero.short {
	max-height: 310px;
}
#hero.short figure {
	background: transparent;
	max-height: 310px;
}
#hero.short .bg-v {
	top: -115%;
	left: -64%;
	width: 145%;
}
#hero figure {
	color: #fff;
	background: #000;
	text-align: left;
	overflow: hidden;
	position: relative;
}
#hero figure video {
	opacity: .9;
	top: 0;
	left: 0;
	min-width: 100%;
	min-height: 100%;
	width: 100%;
	height: auto;
}
#hero figure div.wrap {
	z-index: 2;
	width: 90%;
	height: 100%;
	margin: 0 auto;
}
#hero figure div.copy {
	position: absolute;
	top: 54%;
	left: 50%;
	width: 100%;
	-webkit-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	margin: 0 auto;
	height: auto;
	padding: 0;
}
#hero figure h1 {
	margin: 0;
}
#hero figure h1 span {
	display: block;
}
#hero figure h1 span.top {
	font-size: 78px;
}
@media (max-width: 767px) {
	#hero figure h1 span.top {
		font-size: 30px;
	}
}
@media (max-width: 767px) {
	#hero figure h1 span {
		margin-bottom: 13px;
	}
}
#hero figure a.play {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	color: #fff;
	margin-top: 30px;
}
#hero figure a.play:hover img {
	-webkit-transform: scale(1.1);
	        transform: scale(1.1);
}
#hero figure a.play span {
	margin-left: 13px;
}
#hero .down-arrow {
  display: block;
  z-index: 3;
  position: absolute;
  bottom: -40%;
  left: 10px;
}
@media (max-width: 767px) {
	#hero .down-arrow {
		display: none;
	}
}
@media (max-width: 1279px) {
	#hero div.copy {
		max-width: 873px;
	}
}
@media (min-width: 1280px) {
	#hero div.copy {
		max-width: 1000px;
	}
}
#hero .bg-v {
  z-index: 1;
  display: block;
  position: absolute;
  top: -75%;
  left: -85%;
  width: 185%;
  height: auto;
  opacity: .7;
}
@media (max-width: 767px) {
	#hero .bg-v {
		display: none;
		top: -70%;
		left: -138%;
		width: 285%;
	}
}
@media (min-width: 768px) {
	#hero h1 {
		font-size: 4.8vw;
	}
}
@media (min-width: 1280px) {
	#hero h1 {
		font-size: 62px;
	}
}
@media (max-width: 767px) {
	#hero h1 {
		font-size: 24px;
	}
}
#hero figure {
  position: relative;
  box-sizing: border-box;
}
#hero figure > * {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	box-sizing: border-box;
}
#hero figure:before {
	position: relative;
	display: block;
	content: "";
	padding-top: 56.17977528089888%;
	box-sizing: border-box;
}
@media (max-width: 1023px) {
	#hero .copy {
		padding: 0 5%;
	}
}
a#play-hero img {
  -webkit-transition: all 350ms ease;
  transition: all 350ms ease;
}
a#play-hero:hover img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-transition: all 350ms ease;
  transition: all 350ms ease;
}
/* hero waypoints */
#hero.is-active .bg-v {
  -webkit-transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#hero .bg-v, #hero div.copy, #hero .down-arrow {
  -webkit-transition: all .4s ease-out;
  transition: all .4s ease-out;
}
#hero.is-active .bg-v {
  -webkit-transform: translateY(20%);
          transform: translateY(20%);
  -webkit-transition-delay: 250ms;
          transition-delay: 250ms;
}
@media (min-width: 768px) {
	#hero.is-active div.copy {
		-webkit-transform: translateY(20%) translateX(-50%);
		        transform: translateY(20%) translateX(-50%);
		opacity: 0;
	}
}
#hero.is-active .down-arrow {
  -webkit-transform: translateY(40%);
          transform: translateY(40%);
  opacity: 0;
  -webkit-transition-delay: .1s;
          transition-delay: .1s;
}
#intro {
  border-bottom: 1px solid #eee;
}
#intro p.large a {
	color: #da212d;
	font-weight: bold;
}
#intro.careers .inset {
	max-width: 100%;
}
#intro.careers .inset p.large {
	margin: 0 auto;
	max-width: 980px;
}
#intro .inset {
	margin: 7% auto;
	max-width: 980px;
}
@media (min-width: 1280px) {
	#intro .inset {
		margin: 100px auto;
	}
}
div.intro-table {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 100px;
  margin-bottom: 60px;
  border: solid 1px #E2E2E2;
}
@media screen and (max-width: 890px) {
	div.intro-table {
		border: none;
		margin-top: 80px;
		margin-bottom: 40px;
	}
}
div.intro-table .intro-table-col {
	width: 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}
div.intro-table .intro-table-col:first-child {
	border-right: solid 1px #E2E2E2;
}
div.intro-table .intro-table-col .icon-wrap {
	text-align: center;
	width: 100%;
}
div.intro-table .intro-table-col .icon-wrap .icon {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	width: 90px;
	height: 90px;
	border-radius: 999px;
	background-color: #fff;
	-webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, .15);
	        box-shadow: 0px 10px 20px rgba(0, 0, 0, .15);
	margin: -45px auto 0;
}
div.intro-table .intro-table-col .icon-wrap .icon img {
	display: block;
	width: 54px;
	height: auto;
}
div.intro-table .intro-table-col .icon-wrap .icon-title {
	text-align: center;
	padding-top: 30px;
	padding-bottom: 30px;
}
div.intro-table .intro-table-col .icon-wrap .icon-title p {
	font-size: 20px;
	font-weight: 900;
	color: #EA3324;
	margin: 0;
}
@media screen and (max-width: 890px) {
	div.intro-table .intro-table-col {
		width: 100%;
		border: solid 1px #E2E2E2;
	}
	div.intro-table .intro-table-col:first-child {
		margin-bottom: 70px;
	}
}
div.intro-table .intro-table-col .icon-desc {
	background-color: #F8F8F8;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	padding: 30px 40px;
	min-height: 136px;
	border-top: solid 1px #E2E2E2;
}
@media screen and (max-width: 890px) {
	div.intro-table .intro-table-col .icon-desc {
		padding: 20px;
	}
}
div.intro-table .intro-table-col .icon-desc p {
	margin: 0;
	text-align: center;
	font-weight: 900;
	line-height: 1.6em;
	min-height: 6.4em;
}
@media screen and (max-width: 890px) {
	div.intro-table .intro-table-col .icon-desc p {
		min-height: initial;
	}
}
#about-us {
  padding: 50px 5%;
}
#about-us h2 {
	text-align: center;
	margin-top: 70px;
}
#about-us h2.small {
	font-size: 1.5rem;
	margin-bottom: 0;
}
@media (max-width: 767px) {
	#about-us {
		padding: 50px 5% 20px;
	}
	#about-us h2 {
		margin-top: 0;
	}
}
#about-us div.container {
	margin-bottom: 0;
}
@media (max-width: 767px) {
	#about-us div.container {
		padding: 0;
	}
}
ul.who-we-are {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 65px 0 0 0;
  list-style-type: none;
  text-align: center;
  max-width: 900px;
  margin: 0 auto;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
ul.who-we-are li {
	width: 25%;
	margin-bottom: 35px;
	cursor: pointer;
}
@media screen and (max-width: 940px) {
	ul.who-we-are li {
		width: 33.3333%;
	}
}
@media (max-width: 767px) {
	ul.who-we-are li {
		width: 50%;
	}
}
ul.who-we-are li:hover div.img {
	-webkit-transform: scale(1.25);
	        transform: scale(1.25);
	-webkit-box-shadow: 0px 19px 54px -10px rgba(0, 0, 0, .38);
	        box-shadow: 0px 19px 54px -10px rgba(0, 0, 0, .38);
}
ul.who-we-are li:hover span.name {
	-webkit-transform: translateY(15px);
	        transform: translateY(15px);
	border-color: #da212d;
}
ul.who-we-are li:hover a {
	color: #da212d;
}
ul.who-we-are div.img {
	width: 120px;
	height: 120px;
	margin: 0 auto;
	border: 5px solid white;
	border-radius: 50%;
	overflow: hidden;
	-webkit-box-shadow: 0px 19px 84px -10px rgba(0, 0, 0, 0);
	        box-shadow: 0px 19px 84px -10px rgba(0, 0, 0, 0);
	-webkit-transition: -webkit-transform .2s ease-out, -webkit-box-shadow 500ms;
	transition: -webkit-transform .2s ease-out, -webkit-box-shadow 500ms;
	transition: transform .2s ease-out, box-shadow 500ms;
	transition: transform .2s ease-out, box-shadow 500ms, -webkit-transform .2s ease-out, -webkit-box-shadow 500ms;
	background: #eee;
}
ul.who-we-are img {
	max-width: 100%;
}
ul.who-we-are span.name {
	display: inline-block;
	padding-top: 15px;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	-webkit-transition: border-color 350ms, -webkit-transform .3s ease;
	transition: border-color 350ms, -webkit-transform .3s ease;
	transition: transform .3s ease, border-color 350ms;
	transition: transform .3s ease, border-color 350ms, -webkit-transform .3s ease;
}
ul.who-we-are a {
	-webkit-transition: color 350ms;
	transition: color 350ms;
}
div.who-we-are-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: rgba(255,255,255, .95);
  opacity: 0;
  visibility: hidden;
  overflow: auto;
  z-index: -1;
  -webkit-transition: opacity 350ms, visibility 350ms;
  transition: opacity 350ms, visibility 350ms;
}
div.who-we-are-modal.is-active {
	opacity: 1;
	visibility: visible;
	z-index: 999;
}
div.who-we-are-modal.is-active div.who-we-are-modal-detail {
	opacity: 1;
	-webkit-transform: translateY(0);
	        transform: translateY(0);
}
div.who-we-are-modal.is-active div.modal-top figure,
    div.who-we-are-modal.is-active div.modal-top div.top-copy,
    div.who-we-are-modal.is-active div.modal-copy {
	opacity: 1;
	-webkit-transform: translateY(0);
	        transform: translateY(0);
}
div.who-we-are-modal.is-active div.modal-top figure {
	-webkit-transition-delay: 275ms;
	        transition-delay: 275ms;
}
div.who-we-are-modal.is-active div.modal-top div.top-copy {
	-webkit-transition-delay: 350ms;
	        transition-delay: 350ms;
}
div.who-we-are-modal.is-active div.modal-copy {
	-webkit-transition-delay: 420ms;
	        transition-delay: 420ms;
}
div.who-we-are-modal-detail {
  position: absolute;
  top: 75px;
  left: 0;
  right: 0;
  margin: 0 auto 75px;
  width: 90%;
  max-width: 650px;
  padding: 0 70px 70px 70px;
  background: white;
  opacity: 0;
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
  -webkit-box-shadow: 0px 19px 84px -10px rgba(0, 0, 0, .45);
          box-shadow: 0px 19px 84px -10px rgba(0, 0, 0, .45);
  -webkit-transition: opacity 350ms ease 175ms, -webkit-transform 500ms ease 175ms;
  transition: opacity 350ms ease 175ms, -webkit-transform 500ms ease 175ms;
  transition: opacity 350ms ease 175ms, transform 500ms ease 175ms;
  transition: opacity 350ms ease 175ms, transform 500ms ease 175ms, -webkit-transform 500ms ease 175ms;
}
@media (max-width: 767px) {
	div.who-we-are-modal-detail {
		padding: 0 5% 40% 5%;
	}
}
div.who-we-are-modal-detail img.close {
	position: absolute;
	top: 25px;
	right: 25px;
	width: 20px;
	height: 20px;
	opacity: 0.5;
	cursor: pointer;
	-webkit-transition: opacity 350ms;
	transition: opacity 350ms;
}
div.who-we-are-modal-detail img.close:hover {
	opacity: 1;
}
div.who-we-are-modal-detail p {
	text-align: left;
	line-height: 1.75em;
}
div.modal-copy {
  opacity: 0;
  -webkit-transform: translateY(25px);
          transform: translateY(25px);
  -webkit-transition: opacity 350ms, -webkit-transform 500ms ease;
  transition: opacity 350ms, -webkit-transform 500ms ease;
  transition: opacity 350ms, transform 500ms ease;
  transition: opacity 350ms, transform 500ms ease, -webkit-transform 500ms ease;
}
div.modal-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  top: -25px;
  text-align: left;
}
@media (max-width: 767px) {
	div.modal-top {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		text-align: center;
	}
}
div.modal-top div.top-copy,
  div.modal-top figure {
	opacity: 0;
	-webkit-transform: translateY(25px);
	        transform: translateY(25px);
	-webkit-transition: opacity 350ms, -webkit-transform 500ms ease;
	transition: opacity 350ms, -webkit-transform 500ms ease;
	transition: opacity 350ms, transform 500ms ease;
	transition: opacity 350ms, transform 500ms ease, -webkit-transform 500ms ease;
}
div.modal-top div.top-copy {
	width: calc(100% - 175px);
}
@media (max-width: 767px) {
	div.modal-top div.top-copy {
		width: 100%;
	}
}
div.modal-top h3 {
	position: relative;
	top: 15px;
	margin-bottom: 20px;
	font-size: 30px;
}
@media (max-width: 767px) {
	div.modal-top h3 {
		margin: 10px 0 20px;
	}
}
div.modal-top span {
	font-size: 18px;
	color: rgba(0,0,0, 0.65);
}
div.modal-top figure {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #eee;
	width: 150px;
	height: 150px;
	margin-right: 25px;
	border: 5px solid white;
	border-radius: 50%;
	-webkit-box-shadow: 0px 19px 84px -10px rgba(0, 0, 0, .45);
	        box-shadow: 0px 19px 84px -10px rgba(0, 0, 0, .45);
}
@media (max-width: 767px) {
	div.modal-top figure {
		margin-right: 0;
	}
}
#portfolio {
  position: relative;
  background-color: #ffffff;
}
#portfolio h2 {
	padding-top: 30px;
}
#portfolio p.intro {
	max-width: 990px;
	margin: 60px auto 5px;
	padding: 0 5%;
}
@media (min-width: 768px) {
	#portfolio p.intro {
		margin: 84px auto 70px;
	}
}
#portfolio p.intro a {
	font-weight: 600;
}
#portfolio p.intro a:hover {
	text-decoration: underline;
}
#portfolio .companies {/* padding-top: 50px */
}
#portfolio div.company {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	background-color: #EEEEEE;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	position: relative;
}
#portfolio div.company.no-video figure {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
@media (max-width: 767px) {
	#portfolio div.company.no-video figure {
		position: relative;
		display: block;
		content: "";
		padding-top: 66.66666666666666%;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
	}
}
#portfolio div.white {
	background-color: #ffffff;
}
#portfolio div.white:after {
	background-color: #FFFFFF;
}
#portfolio .modal-vid-btn {
	display: inline;
	position: relative;
	width: 50%;
}
#portfolio .modal-vid-btn figure {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
#portfolio .modal-vid-btn img#play {
	position: absolute;
	left: calc(50% - 52.5px);
	top: calc(50% - 52.5px);
	height: 105px;
	width: 105px;
	-webkit-transition: all 350ms ease;
	transition: all 350ms ease;
	cursor: pointer;
}
#portfolio p {
	line-height: 1.7em;
}
#portfolio div.copy {
	height: auto;
	width: 100%;
	position: relative;
	text-align: left;
	padding: 80px 5%;
}
#portfolio div.copy img {
	position: relative;
	max-width: 300px;
}
#portfolio h2 {
  margin-bottom: 90px;
}
@media (max-width: 767px) {
	#portfolio h2 {
		padding: 0 5%;
		margin-bottom: 40px;
	}
}
@media (max-width: 767px) {
	#portfolio .companies {
		padding-top: 35px;
	}
}
@media (min-width: 768px) {
	#portfolio div.company:after {
		content: '';
		position: absolute;
		left: calc(50% - 11px);
		top: 87px;
		width: 22px;
		height: 22px;
		-webkit-transform: rotate(45deg);
		        transform: rotate(45deg);
		background-color: #EEEEEE;
	}
}
@media (min-width: 768px) {
	#portfolio div.white:after {
		background-color: #FFFFFF;
	}
}
@media (max-width: 767px) {
	#portfolio div.company a img {
		-webkit-transform: scale(.7);
		        transform: scale(.7);
	}
}
@media (max-width: 767px) {
	#portfolio div.company div.copy img {
		max-width: 250px;
	}
}
@media (min-width: 768px) {
	#portfolio div.company:nth-child(even) {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		    -ms-flex-flow: row-reverse;
		        flex-flow: row-reverse;
	}
}
@media (max-width: 767px) {
	#portfolio div.company a#play-wrap {
		width: 100%;
		position: relative;
		box-sizing: border-box;
	}
	#portfolio div.company a#play-wrap > * {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		box-sizing: border-box;
	}
	#portfolio div.company a#play-wrap:before {
		position: relative;
		display: block;
		content: "";
		padding-top: 66.66666666666666%;
		box-sizing: border-box;
	}
}
/* #portfolio figure, #portfolio div.copy */
/*   width: 100% */
/*   @media (--above-m) */
/*     width: 50% */
a.modal-vid-btn:hover img#play {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
@media (max-width: 767px) {
	#portfolio div.company img#play {
		left: calc(50% - 52.5px);
		top: calc(50% - 52.5px);
		bottom: inherit;
		right: inherit;
	}
}
@media (max-width: 767px) {
	#portfolio div.copy {
		padding: 50px 5%;
	}
}
@media (max-width: 767px) {
	#portfolio .modal-vid-btn {
		width: inherit;
		min-width: inherit;
		display: inline;
	}
}
div.modal-bg {
  display: none;
}
div.modal-bg.active {
	display: block;
	position: fixed;
	z-index: 998;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background-color: rgba(0, 0, 0, .7);
}
div.modal-close {
  position: absolute;
  z-index: 9999;
  top: 0;
  right: -50px;
  padding: 20px;
  color: #ffffff;
  cursor: pointer;
  background: #000000;
  border-radius: 50%;
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .5);
          box-shadow: 0 10px 20px rgba(0, 0, 0, .5);
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
}
div.modal-close:hover {
	-webkit-transform: scale(1.1);
	        transform: scale(1.1);
}
div.modal-close:active {
	-webkit-transform: scale(.5);
	        transform: scale(.5);
	opacity: .2;
}
div.modal-close div {
	position: absolute;
	top: calc(50% - 10px);
	left: calc(50% - 11px);
	width: 18px;
	height: 18px;
}
div.modal-close span {
	position: absolute;
	width: 22px;
	height: 2px;
	background: #ffffff;
	display: block;
	top: 50%;
}
div.modal-close span:first-child {
	-webkit-transform: rotate(45deg);
	        transform: rotate(45deg);
}
div.modal-close span:last-child {
	-webkit-transform: rotate(135deg);
	        transform: rotate(135deg);
}
@media (max-width: 767px) {
	div.modal-close {
		right: 0;
		top: -50px;
	}
}
.modal-video {
  display: none;
}
.modal-video.active {
	display: block;
	position: fixed;
	z-index: 99999;
	margin: 0 auto;
	padding-bottom: 43.25%;/* 16:9 */
	padding-top: 25px;
	height: 0;
	width: 80%;
	left: 10%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
	-webkit-box-shadow: 0 20px 50px rgba(0, 0, 0, .65);
	        box-shadow: 0 20px 50px rgba(0, 0, 0, .65);
}
.modal-video.active iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
}
#blog-preview {
  position: relative;
  overflow: hidden;

  /*&:before
    content: ''
    position: absolute
    left: 0
    top: 50%
    height: 1px
    width: 100%
    background-color: #ebebeb
    z-index: 0 */

  div.container {
    z-index: 5;
	}
}
#blog-preview hr {
	position: absolute;
	width: 100%;
	height: 1px;
	top: 0;
	bottom: 0;
	margin: auto;
	border: none;
	background: rgba(0,0,0, 0.15);
	z-index: 0;
}
#blog-preview a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	position: relative;
	padding: 10px 25px 10px 10px;
	background: #ebebeb;
	overflow: hidden;
	-webkit-transition: all 350ms ease;
	transition: all 350ms ease;
	margin-bottom: 50px;
}
#blog-preview figure {
	width: 280px;
	height: 160px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #ffffff;
}
#blog-preview figure img {
	display: block;
}
#blog-preview a::before {
	content: '';
	position: absolute;
	bottom: -25px;
	right: -25px;
	width: 50px;
	height: 50px;
	background: red;
	-webkit-transform: rotate(45deg);
	        transform: rotate(45deg);
	-webkit-transition: all 350ms ease;
	transition: all 350ms ease;
}
#blog-preview a::after {
	content: 'READ MORE';
	position: absolute;
	bottom: 5px;
	right: -66px;
	color: red;
	font-size: 11px;
	font-weight: 600;
	-webkit-transition: all 350ms ease;
	transition: all 350ms ease;
}
#blog-preview div.copy {
	padding-left: 25px;
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
}
#blog-preview span.read {
	font-size: 11px;
	font-weight: bold;
}
#blog-preview h5 {
	margin: 5px 0 15px;
	line-height: 1.15em;/* max-width: 500px */
}
@media (min-width: 1024px) {
	#blog-preview span.br {
		display: block;
	}
}
#blog-preview img.arrow {
	position: absolute;
	bottom: 6px;
	right: 5px;
	width: 10px;
	height: 10px;
	z-index: 2;
	-webkit-transition: all 350ms ease;
	transition: all 350ms ease;
}
div.attribution {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
div.attribution span {
	display: block;
}
div.attribution div.avatar {
	width: 45px;
	height: 45px;
	margin-right: 10px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: white;
	border-radius: 50%;
}
div.attribution span:first-child {
	font-size: 16px;
	font-weight: 600;
}
div.attribution span:last-child {
	font-size: 13px;
}
@media (max-width: 767px) {
	#blog-preview a {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-align: inherit;
		    -ms-flex-align: inherit;
		        align-items: inherit;
		padding: 10px 10px 20px;
	}
	#blog-preview a div.copy {
		padding-left: 0;
	}
	#blog-preview a figure {
		margin-bottom: 15px;
		width: 100%;
		height: auto;
		background-position: center center;
		position: relative;
		box-sizing: border-box;
	}
	#blog-preview a figure > * {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		box-sizing: border-box;
	}
	#blog-preview a figure:before {
		position: relative;
		display: block;
		content: "";
		padding-top: 60%;
		box-sizing: border-box;
	}
	#blog-preview a figure img {
		position: relative;
		height: inherit;
		width: 90%;
		max-width: 420px;
	}
	#blog-preview a img {
		width: 100%;
		height: 100%;
	}
}
a#largest-btn:hover .arrow {
  -webkit-transform: translateX(16px);
          transform: translateX(16px);
  -webkit-transition: all 350ms ease;
  transition: all 350ms ease;
}
a#largest-btn:hover::after {
  -webkit-transform: translateX(-76px);
          transform: translateX(-76px);
  -webkit-transition: all 350ms ease;
  transition: all 350ms ease;
}
a#largest-btn:hover::before {
  -webkit-transform: translateX(50px) rotate(45deg);
          transform: translateX(50px) rotate(45deg);
  -webkit-transition-delay: 300ms;
          transition-delay: 300ms;
  -webkit-transition: all 350ms ease;
  transition: all 350ms ease;
}
section#mission {
  padding-bottom: 30px;
  border-bottom: solid 1px #D1CFCF;
}
section#mission ul.work-highlights {
	width: 100%;
	padding: 0;
	margin: 100px 0 50px;
	list-style-type: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}
@media (max-width: 767px) {
	section#mission ul.work-highlights {
		margin: 80px 0;
	}
}
section#mission ul.work-highlights li {
	text-align: left;
	padding: 34px;
	width: 25%;
	border-right: solid 1px #D1CFCF;
	border-bottom: solid 1px #D1CFCF;
}
section#mission ul.work-highlights li:last-child {
	border-right: none;
}
section#mission ul.work-highlights li p {
	font-weight: 600;
	font-size: 16px;
	line-height: 1.1em;
	text-align: left;
	margin: 12px 0 0;
}
@media (max-width: 767px) {
	section#mission ul.work-highlights li {
		width: 50% !important;
		text-align: center !important;
		padding: 30px 10px !important;
	}
	section#mission ul.work-highlights li:nth-child(2) {
		border-right: none;
	}
	section#mission ul.work-highlights li:nth-child(3) {
		border-bottom: none;
	}
	section#mission ul.work-highlights li:nth-child(4) {
		border-bottom: none;
	}
	section#mission ul.work-highlights li p {
		text-align: center !important;
	}
}
section#mission ul.work-highlights img {
	height: 30px;
	width: 30px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
section#mission p {
	font-size: 15px;
	font-weight: 500;
	line-height: 1.7em;
	color: #111111;
	text-align: left;
	margin-bottom: 45px;
}
section#mission p a {
	color: #da212d;
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
}
section#mission p a:hover {
	text-decoration: underline;
}
@media (min-width: 768px) {
	section#mission p {
		font-size: 22px;
	}
}
section#mission .inset {
	text-align: center;
}
div.mission-block .mission-img {
	padding-top: 20px;
}
div.mission-block p img {
	float: left;
	margin-right: 30px;
	margin-top: 30px;
	margin-bottom: 10px;
	width: 160px;
}
@media (max-width: 767px) {
	div.mission-block p img {
		width: 100px;
	}
}
/* Contact & Footer */
section#contact {
  position: relative;
  padding: 105px 5%;
  color: white;
  background-color: #000000;
  background-size: 161%;
  background-repeat: no-repeat;
  background-position: -6% 74%;
  background-attachment: fixed;
}
section#contact h2 {
	color: #ffffff;
	text-align: left;
	margin-bottom: 24px;
	margin-top: 0;
	padding-left: 5%;
}
section#contact h2::after {
	left: 5%;
}
section#contact a {
	color: #ffffff;
}
section#contact a.btn {
	font-weight: normal;
}
section#contact p {
	color: #ffffff;
	font-weight: normal;
	margin-top: 0;
	line-height: normal;
}
section#contact address {
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
}
section#contact div.container {
	max-width: 800px;
	margin: 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	padding: 25px 0;
}
section#contact label {
	font-size: 0;
}
section#contact input {
	width: 100%;
	height: 45px;
	font-family: 'avenir-roman', 'Arial', sans-serif;
	font-size: 16px;
	background: white;
	padding-left: 10px;
	margin-bottom: 25px;
	color: #111111;
	border: none;
}
section#contact input:focus {
	outline: none;
}
@media (max-width: 767px) {
	section#contact {
		padding: 80px 5%;
		background-size: 300%;
		background-attachment: inherit;
		background-position: 35% -7%;
	}
}
@media (max-width: 767px) {
	section#contact h2 {
		padding-left: 0;
	}
	section#contact h2:after {
		left: 0;
	}
}
footer {
  max-width: 800px;
  margin: 0 auto;
}
.footer-col {
  width: 50%;
  text-align: left;
  padding: 0 5%;
}
.footer-col:first-child {
	border-right: solid 1px rgba(255, 255, 255, .15);
}
@media (max-width: 767px) {
	.footer-col {
		width: 100%;
		padding: 0 0 20px;
		margin-bottom: 24px;
		position: relative;
	}
}
@media (max-width: 767px) {
	.footer-col:first-child {
		border-right: none;
	}
}
#footer-social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
#footer-social a {
	display: block;
	width: 32px;
	height: 26px;
	margin-right: 15px;
	-webkit-transition: all 350ms ease;
	transition: all 350ms ease;
}
#footer-social a:hover {
	-webkit-transform: scale(1.2);
	        transform: scale(1.2);
	-webkit-transition: all 350ms ease;
	transition: all 350ms ease;
}
#footer-social img {
	max-width: 100%;
	max-height: 100%;
	-o-object-fit: contain;
	   object-fit: contain;
	-o-object-position: center;
	   object-position: center;
}
@media (max-width: 767px) {
	#footer-social {
		-webkit-box-pack: start;
		    -ms-flex-pack: start;
		        justify-content: flex-start;
	}
	#footer-social a {
		margin-right: 15px;
		margin-left: 0;
	}
}
div#copyright {
  padding: 80px 5% 0;
}
div#copyright p {
	color: rgba(255, 255, 255, .45);
	display: inline-block;
	font-size: 15px;
}
section#contact a.privacy {
  color: rgba(255, 255, 255, .45);
  display: inline-block;
  text-decoration: underline;
  -webkit-transition: all 350ms ease;
  transition: all 350ms ease;
  margin-left: 5px;
  font-size: 15px;
}
section#contact a.privacy:hover {
  color: #ffffff;
  -webkit-transition: all 350ms ease;
  transition: all 350ms ease;
}
section#contact .btn.white:hover {
  background-color: white;
  color: black;
}
section#contact .mc-footer-signup-wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
section#contact .mc-footer-signup-wrap div.return-messages {
	position: absolute;
	-webkit-transition: all .2s ease-in;
	transition: all .2s ease-in;
	left: 10%;
	bottom: -40px;
}
section#contact .mc-footer-signup-wrap div.return-messages .error {
	display: none;
}
section#contact .mc-footer-signup-wrap div.return-messages .duplicate {
	display: none;
}
section#contact .mc-footer-signup-wrap.has-error div.return-messages .error {
	display: block;
}
section#contact .mc-footer-signup-wrap.has-duplicate div.return-messages  .duplicate {
	display: block;
}
section#contact .mc-footer-signup-wrap button {
	outline: none;
}
@media (max-width: 767px) {
	section#contact .mc-footer-signup-wrap {
		display: block;
		-webkit-box-pack: start;
		    -ms-flex-pack: start;
		        justify-content: flex-start;
		-webkit-box-align: start;
		    -ms-flex-align: start;
		        align-items: flex-start;
	}
}
#validation-bar {
  padding: 80px 0 100px;
}
#validation-bar .container {
	max-width: 1280px;
	padding: 0 6%;
}
@media screen and (max-width: 980px) {
	#validation-bar {
		padding: 50px 0 70px;
	}
}
#validation-bar div.image {
	height: 80px;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 35px;
}
#validation-bar img {
	-webkit-transition: all 350ms ease;
	transition: all 350ms ease;
}
#validation-bar ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
#validation-bar li {
	width: 29%;
	-webkit-transition: all 350ms ease;
	transition: all 350ms ease;
}
@media screen and (max-width: 980px) {
	#validation-bar li {
		width: 100%;
		margin-bottom: 40px;
	}
	#validation-bar li:last-child {
		margin-bottom: 0;
	}
}
#validation-bar blockquote {
	position: relative;
	margin: 0;
}
#validation-bar p {
	line-height: 1.4em;
	font-size: 15px;
}
#validation-bar cite {
	font-family: 'Arial', sans-serif;
	display: block;
	margin-top: 30px;
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: .08em;
}
#validation-bar figure {
	position: absolute;
	left: -26px;
	top: -27px;
	height: 55px;
	width: 80px;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}
#validation-bar a {
	display: block;
}
#validation-bar li:hover {
  -webkit-transition: all 350ms ease;
  transition: all 350ms ease;
}
#validation-bar li:hover img {
	-webkit-transition: all 350ms ease;
	transition: all 350ms ease;
	-webkit-transform: scale(1.1);
	        transform: scale(1.1);
}
div.portfolio-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
div.portfolio-grid p {
	display: none;
}
@media (max-width: 767px) {
	div.portfolio-grid {
		margin-top: 70px;
	}
}
div.pg-large {
  width: 75%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;

  /* & .pg-item */

  /*   &:nth-child(2) */
  /*     & .pg-target */
  /*       transition-delay: 100ms */

  /*   &:nth-child(3) */
  /*     & .pg-target */
  /*       transition-delay: 200ms */

  /*   &:nth-child(4) */
  /*     & .pg-target */
  /*       transition-delay: 300ms */
}
@media (max-width: 767px) {
	div.pg-large {
		width: 66.6666%;
	}
}
@media screen and (max-width: 540px) {
	div.pg-large {
		width: 100%;
	}
}
div.pg-rail {
  width: 25%;
}
div.pg-rail .pg-target {
	-webkit-transition-delay: .4s;
	        transition-delay: .4s;
}
div.pg-rail .pg-item {
	display: block;
	position: relative;
}
div.pg-rail .pg-item:first-child {
	width: 100%;
}
div.pg-rail .pg-item:first-child::before {
	content: '';
	display: block;
	height: 0;
	padding-top: 200%;
}
@media screen and (max-width: 540px) {
	div.pg-rail .pg-item:first-child::before {
		padding-top: 100%;
	}
}
div.pg-rail .pg-item {/* & .pg-target *//* transition-delay: 400ms */
}
@media (max-width: 767px) {
	div.pg-rail {
		width: 33.3333%;
	}
}
@media screen and (max-width: 540px) {
	div.pg-rail {
		width: 100%;
	}
}
.pg-item {
  display: block;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #dddddd;
  cursor: pointer;
  overflow: hidden;
}
.pg-item:first-child {
	width: 33.3333%;
}
.pg-item:first-child::before {
	content: '';
	display: block;
	height: 0;
	padding-top: 100%;
}
@media (max-width: 767px) {
	.pg-item:first-child {
		width: 50%;
	}
}
@media screen and (max-width: 540px) {
	.pg-item:first-child {
		width: 100%;
	}
}
.pg-item:nth-child(2) {
	width: 66.6666%;
}
.pg-item:nth-child(2) .pg-target {
	-webkit-transition-delay: .1s;
	        transition-delay: .1s;
}
.pg-item:nth-child(2)::before {
	content: '';
	display: block;
	height: 0;
	padding-top: 50%;
}
@media (max-width: 767px) {
	.pg-item:nth-child(2) {
		width: 50%;
	}
}
@media screen and (max-width: 540px) {
	.pg-item:nth-child(2) {
		width: 100%;
	}
	.pg-item:nth-child(2)::before {
		padding-top: 100%;
	}
}
.pg-item:nth-child(3) {
	width: 66.6666%;
}
.pg-item:nth-child(3) .pg-target {
	-webkit-transition-delay: .2s;
	        transition-delay: .2s;
}
.pg-item:nth-child(3)::before {
	content: '';
	display: block;
	height: 0;
	padding-top: 50%;
}
@media (max-width: 767px) {
	.pg-item:nth-child(3) {
		width: 50%;
	}
}
@media screen and (max-width: 540px) {
	.pg-item:nth-child(3) {
		width: 100%;
	}
	.pg-item:nth-child(3)::before {
		padding-top: 100%;
	}
}
.pg-item:nth-child(4) {
	width: 33.3333%;
}
.pg-item:nth-child(4) .pg-target {
	-webkit-transition-delay: .3s;
	        transition-delay: .3s;
}
.pg-item:nth-child(4)::before {
	content: '';
	display: block;
	height: 0;
	padding-top: 100%;
}
@media (max-width: 767px) {
	.pg-item:nth-child(4) {
		width: 50%;
	}
}
@media screen and (max-width: 540px) {
	.pg-item:nth-child(4) {
		width: 100%;
	}
}
.pg-item img {
	width: 20px;
}
.pg-item div {
	position: absolute;
	bottom: 0;
	left: 0;
}
.pg-item figure.gradient {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 50%;
	width: 100%;
	background: linear-gradient(14deg, #000000 0, rgba(0, 0, 0, 0) 32%);
}
.pg-item p {
	display: inline-block;
	color: #ffffff;
	font-weight: 700;
	font-size: 12px;
	margin: 30px 0;
	padding-left: 30px;
}
.pg-item span {
	display: inline-block;
	width: 20px;
	height: 20px;
	padding-left: 10px;
	opacity: 0;
	-webkit-transform: translateX(-5px);
	        transform: translateX(-5px);
	-webkit-transition: all 350ms ease;
	transition: all 350ms ease;
}
@media (max-width: 767px) {
	.pg-item p {
		font-size: 16px;
	}
}
.portfolio-copy-wrap {
  padding: 50px 0 80px;
  border-bottom: solid 1px #D1CFCF;
}
.portfolio-copy-wrap p {
	font-size: 20px;
	font-weight: 800;
	padding: 0 5%;
	font-size: 14px;
}
.portfolio-cta-wrap {
  padding: 40px 5% 60px;
  text-align: center;
  width: 100%;
  border-bottom: solid 1px #ddd;
}
.pg-target {
  position: absolute;
  top: 0;
  left: -50%;
  height: 100%;
  width: 100%;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 350ms ease;
  transition: all 350ms ease;
}
.pg-target div {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.pg-target:hover::after {
	opacity: 1;
}
.pg-target:hover img.grid-logo {
	opacity: 1;
	-webkit-transform: translateX(0);
	        transform: translateX(0);
}
.pg-target.is-active {
	left: 0;
	opacity: 1;
	visibility: visible;
}
.pg-target img.grid-logo {
	position: absolute;
	left: 30px;
	bottom: 30px;
	width: auto;
	height: auto;
	max-width: 100px;
	max-height: 60px;
	-webkit-transition: all 350ms ease;
	transition: all 350ms ease;
	-webkit-transform: translateX(-10px);
	        transform: translateX(-10px);
	z-index: 15;
	opacity: 0;
}
@media (max-width: 767px) {
	.pg-target img.grid-logo {
		bottom: 20px;
	}
}
.pg-target::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	background: linear-gradient(14deg, rgba(0, 0, 0, .8) 0%,rgba(0, 0, 0, 0) 50%);
	pointer-events: none;
	-webkit-transition: all 350ms ease;
	transition: all 350ms ease;
	opacity: 0;
}
.cookie-modal {
  background-color: rgba(0, 0, 0, .85);
  max-width: calc(1500px - 10%);
  width: calc(100% - 40px);
  position: fixed;
  left: 50%;
  bottom: 20px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 999999;
  display: none;
}
.cookie-modal.active {
	display: block;
}
.cookie-modal .container {
	background: transparent;
	padding: 22px 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
@media screen and (max-width: 767px) {
	.cookie-modal .container {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		padding-top: 20px;
	}
}
.cookie-modal * {
	color: #fff;
}
.cookie-modal p {
	font-size: 14px;
	margin: 0;
}
.cookie-modal p a {
	text-decoration: underline;
}
@media screen and (min-width: 768px) {
	.cookie-modal .col:first-child {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		width: calc(100% - 200px);
		padding-right: 50px;
		border-right: solid 1px #fff;
	}
}
@media screen and (max-width: 767px) {
	.cookie-modal .col:first-child {
		width: calc(100% - 35px);
	}
}
.cookie-modal .col:last-child {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
@media screen and (min-width: 768px) {
	.cookie-modal .col:last-child {
		width: 200px;
		-webkit-box-pack: end;
		    -ms-flex-pack: end;
		        justify-content: flex-end;
	}
}
@media screen and (max-width: 767px) {
	.cookie-modal .col:last-child {
		margin-top: 10px;
	}
}
.cookie-modal .close-btn {
	position: absolute;
	top: -15px;
	left: 96%;
	width: 30px;
	height: 30px;
	background: #000;
	border-radius: 50%;
	cursor: pointer;
	-webkit-transition: 0.35s;
	transition: 0.35s;
}
@media screen and (max-width: 767px) {
	.cookie-modal .close-btn {
		left: calc(100% - 40px);
	}
}
.cookie-modal .close-btn:hover {
	background: $orange;
}
.cookie-modal .close-btn span {
	width: 14px;
	height: 1px;
	background: #fff;
	display: block;
	position: absolute;
	top: calc(50% - 1px);
	left: calc(50% - 7px);
	margin: auto;
	opacity: 0.6;
}
.cookie-modal .close-btn span:first-child {
	-webkit-transform: rotate(45deg);
	        transform: rotate(45deg);
}
.cookie-modal .close-btn span:last-child {
	-webkit-transform: rotate(-45deg);
	        transform: rotate(-45deg);
}