/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */button,hr,input{overflow:visible}audio,canvas,progress,video{display:inline-block}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}
body {
	padding-top: 17.334%;
	background:white;
	color:#4a4a4a;
	font-family: athelas, Times, 'Times New Roman', serif;
	font-size: 4vw;
	line-height: 1.2;
	-moz-hyphens: manual;
	-webkit-hyphens: manual;
	-ms-hyphens: manual;
	hyphens: manual;
}
a {
	color:#cecece;
	text-decoration:none;
}
fieldset {
	border: none;
	padding: 0;
	margin: 0;
}
figure {margin: 0;}
figure img, picture img {
	max-width:100%;
	height: auto;
	width: 100%;
}
figcaption {
	font-size: 4.267vw;
	font-family: "din-2014", sans-serif;
	text-transform: uppercase;
	text-align: center;
}
h1, h2, h3 {
	-moz-hyphens: manual;
	-webkit-hyphens: manual;
	-ms-hyphens: manual;
	hyphens: manual;
	font-weight: normal;
	font-size: 9.6vw;
	line-height: 1.2;
	font-family: "din-condensed",'Arial Narrow', Arial, Helvetica, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
h4,h5,h6 {font-weight:400;}
h1, h3 {
	text-transform:uppercase;
	margin: 0 0 .2em;
	letter-spacing: -.02em;
	word-spacing: -.08em;
}
h1 {
	line-height: 1;
	margin-bottom: .417em;
}
h2 {
	font-size: 20vw;
	line-height: 1.1;
	color: #E4E4E4;
	letter-spacing: -.04em;
	text-transform: lowercase;
	text-align: left;
	margin: 0 0 .2em;
}
h4, h3 + * {
	font-style: italic;
	font-size: 5.334vw;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
h4 {
	margin: 1.5em 0 .5em;
	text-align: center;
	font-size: 4.8vw;
}
figure + h4 {margin-top: 0;}
label, input[type="submit"] {
	font-size: 3.3vw;
	font-family: "din-2014",sans-serif;
	text-transform:uppercase;
}
label {margin-left: .444em;}
input, select, textarea {
	font-size: 4vw;
	line-height: 1.2;
	font-family: athelas, Times, 'Times New Roman', serif;
	display: block;
	box-sizing: border-box;
	width: 100%;
	border: 1px solid #C4C4C4;
	border-radius: .14em;
	padding: .367em;
	margin: 0 0 1.167em;
	background: white;
}
/* .content .contact .panel > form input:focus {outline:none;} */
input[type="submit"] {
	background:white;
	border:none;
	border-radius: 0;
	color:#4a4a4a;
	padding: 1.213em 4.55em;
	margin: 2.021em auto 0;
	width: auto;
	cursor: pointer;
}
legend {
	position: absolute;
	left: -9999em;
}
p, ul, ol, table {margin: 0 0 1.2em;}
picture, select {display: block;}
select {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
	background: white url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj48c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAyMSAxNiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48cGF0aCBkPSJNMTAuNDU3LDE0LjgxNmwtOS4yOTUsLTEzLjkyMWwxOC41OTEsMGwtOS4yOTYsMTMuOTIxWiIgc3R5bGU9ImZpbGw6IzQ5NDk0OTtzdHJva2U6I2JjYmNiYztzdHJva2Utd2lkdGg6MC45cHg7Ii8+PC9zdmc+) right .667em top 50% / .7em auto no-repeat;
	font-family: "din-2014", 'Arial Narrow', sans-serif;
}
textarea {
	overflow: auto;
	resize: vertical;
}
body > header {
	padding: 4% 5.333% 1.334%;
	background-color:white;
	position:fixed;
	top:0;
	left:0;
	right: 0;
	z-index:99;
}
header > .logo {
	float:left;
	margin:0;
}
header > .logo a {
	background:url("../img/logo.svg") 0 0 / 100% 100% no-repeat;
	display:block;
	width:42.667vw;
	height: 11.867vw;
	overflow:hidden;
	text-indent:-99rem;
	max-width:100%;
}
header > nav > button {
	background: transparent;
	border:none;
	float:right;
	margin-top: .667vw;
	text-indent:-9999em;
	padding: 0;
	position:relative;
	width: 6.4vw;
	height: 4vw;
	z-index:10;
	padding: 2.4vw;
	box-sizing: content-box;
	margin-right: -2.4vw;
}
header > nav > button:after,
header > nav > button:before,
header > nav > button > span:after
{
	content:"";
	background:#4a4a4a;
	height:.8vw;
	position:absolute;
	left: 2.4vw;
	width: 6.4vw;
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	-webkit-transition-property: opacity, transform, top, bottom;
	-moz-transition-property: opacity, transform, top, bottom;
	transition-property: opacity, transform, top, bottom;
}
header > nav > button:before {top: 2.4vw;}
header > nav > button:after {bottom:2.4vw;}
header > nav > button:hover {cursor:pointer;}
header > nav > button:focus {outline:none;}
header > nav > button > span {display:block;}
header > nav > button > span:after {
	top: 50%;
	transform: translateY(-50%);
	opacity:1;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	transition-property: opacity;
}
.toggled header > nav > button:before {
	top: 50%;
	transform: translateY(-50%) rotate(45deg);
}
.toggled header > nav > button:after {
	bottom: 50%;
	transform: translateY(50%) rotate(-45deg);
}
.toggled header > nav > button > span:after {opacity:0;}


header > nav > ul {
	font-size: 4.267vw;
	line-height: 1;
	font-family: "din-2014", 'Arial Narrow', sans-serif;
	list-style:none;
	padding:0;
	text-transform:uppercase;
	padding: 20vw 0 0 50vw;
	position:fixed;
	bottom: 0;
	right:0;
	top:0;
	z-index:9;
	margin:0 -100vw 0 0;
	width:50vw;
	-webkit-transition: margin 500ms ease-in-out;
	-moz-transition: margin 500ms ease-in-out;
	-ms-transition: margin 500ms ease-in-out;
	-o-transition: margin 500ms ease-in-out;
	transition: margin 500ms ease-in-out;
	background:white;
	background:-moz-linear-gradient(right, #fff 0%, #fff 50%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%);
	background:-webkit-linear-gradient(right, #fff 0%, #fff 50%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%);
	background:linear-gradient(to left, #fff 0%, #fff 50%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%);
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}
header > nav > ul > li {
	border-bottom:solid 1px #C5C9C9;
	margin-right: 3.2vw;
	margin-left: 4.667vw;
}
header > nav > ul > li > a {
	color:#9b9b9b;
	padding: 5.334vw 0;
	text-decoration:none;
	display: block;
}
header > nav > ul > li > a:hover {
color:#4a4a4a;
cursor:pointer;
}
header > nav > ul > li.active > a {color:#4a4a4a;}
.toggled, .toggled body {overflow:hidden;}
.toggled header > nav > ul {margin-right:0;}
#subnav {
	position:fixed;
	top: 8.125rem;
	left: -9999em;
	z-index:99;
}
.wide {display:none;}
.anim {
	opacity:0.001;
	-webkit-transform:translateY(30px);
	-ms-transform:translateY(30px);
	transform:translateY(30px);
}
.anim.complete {
	opacity:1;
	-webkit-transform:translateY(0);
	-ms-transform:translateY(0);
	transform:translateY(0);
	transition-property:opacity, -webkit-transform, transform;
	transition-duration: 1s;
}
.content {margin:5.75rem 0 0;}
header + .content {margin-top: 0;}
.content section {clear:both;}
main > section, .logos {
	padding-left: 5.334vw;
	padding-right: 5.334vw;
}
main > section[id] .toggle {cursor: pointer;}
main > section[id] .container {
	position: absolute;
	left: -9999em;
	top: -9999em;
}
main > section[id].active .container {position: static;}
main > .intro p {
	font-size: 5.334vw;
	font-style: italic;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.content section .invert {color:white;}
.content section .invert a {color:white;}

.howtogetstarted .intro {
	padding-top: 96%;
	padding-bottom: 8.4%;
	background: url(../img/howtogetstarted_hero_small.jpg) top center / contain no-repeat;
}
.content .contact {
	background-color:#d0011b;
	color:white;
	padding-top: 13.2%;
	padding-bottom: 14%;
	text-align: center;
}
.contact h2, .contact .subtitle {
	font-size: 8vw;
	color: white;
	text-transform: uppercase;
	line-height: 1;
	margin-bottom: 1em;
	text-align: center;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.contact .subtitle {font-family: "din-condensed",'Arial Narrow', Arial, Helvetica, sans-serif;}
.content .errors {
	background-color:white;
	color:#d0011b;
	padding: 1em !important;
	text-align: left !important;
	list-style: none;
}
.content .errors label {margin-left: 0;}
.content .js.errors {display: none;}
.content .contact .error {background-color: #f6ccd1;}
.content .contact label.error {background-color: transparent;}
.content .contact form {margin-top: 12vw;}
.content .contact fieldset div {text-align: left;}
.content.home {
	text-align:center;
	padding-top: 1%;
}
.content.home section {
	position: relative;
	font-size: 5.867vw;
	min-height: 83.334vw;
	background: bottom center / 100% auto no-repeat;
	margin-bottom: 29.334%;
	line-height: 1.44;
	padding-left: 0;
	padding-right: 0;
}
.content.home section h1, .content.home section h2, .content.home section h3 {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.content.home section h1 {
	position: absolute;
	bottom: 100%;
	right: 0;
	left: 0;
	line-height: .65;
	font-size: 24vw;
	color:#e4e4e4;
	letter-spacing:-.04em;
	margin:0;
	padding: 0 .5rem;
	text-transform:lowercase;
}
.content.home section > div {
	padding:0 5% 8%;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}
.content.home section > div.left > h1 {padding-right:0;}
.content.home section > div.right > h1 {padding-left:0;}
.content.home section > div.invert a:visited,.content.home section > div.invert a:active {color:white;}
.content.home section p {
	margin:0 auto 1rem;
	font-style:italic;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.content.home section .invert p {
	-webkit-font-smoothing: subpixel-antialiased;
	-moz-osx-font-smoothing: auto;
}
.content.home section a {
	background-color:#d0011b;
	color:white;
	display:inline-block;
	font-family:"din-2014",sans-serif;
	font-size:1rem;
	padding:1rem 3rem;
	text-decoration:none;
	text-transform:uppercase;
}
.content.home section a:visited,.content.home section a:hover,.content.home section a:active {color:white;}
.content.home .intro {
	font-size: 4.8vw;
	margin-bottom: 34.667%;
	padding-top: 0;
}
.content.home .intro h2 {
	font-style: italic;
	font-size: 8vw;
	font-family: athelas, Times, 'Times New Roman', serif;
	text-align: center;
	color: inherit;
	text-transform: none;
	letter-spacing: normal;
}
.content.home .intro h2:first-child {font-size: 6.4vw;}
.content.home .intro h3 {
	font-size: 10.934vw;
	line-height: 1;
	font-family: "din-condensed",'Arial Narrow', Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	text-align:center;
	margin-bottom: 1;
}
.content.home .intro h3 span {color:#d0011b;}
.content.home .intro p {font-style:normal;}
.content.home .intro picture {margin:2rem 1rem 1.5rem;}
.content.home .intro picture ~ * {
	margin-left: 6%;
	margin-right: 6%;
}
.content.home .intro picture + h2 {margin-bottom: .3em;}
.content.home .intro * {
	margin-left:auto;
	margin-right:auto;
}
.content.home #whoweare {background-image:url(../img/home_2_whoweare_mobile.jpg);}
.content.home #whatwedo {
	background-image: url(../img/home_3_whatwedo_mobile.jpg);
	background-position: 50% -30%;
	padding-top: 83.334%;
	min-height: 0;
	margin-bottom: 34.667%;
}
.content.home #whatwedo > div {position: static;}
.content.home #whatwedo h1 {padding-bottom:0;}
.content.home #whatwedo figure {margin:0;}
.content.home #howwedoit {background-image:url("../img/home_4_howwedoit_mobile.jpg");}
.content.home #howtogetstarted {
	background-image: url(../img/home_5_howtogetstarted_mobile.jpg);
	padding-top: 77.334%;
	background-position: 50% -12%;
	min-height: 0;
	margin-bottom: 0;
}
.content.home #howtogetstarted h1 {
	font-size: 17.867vw;
	padding: 0;
}
.whoweare .intro {
	min-height: 84.8vw;
	padding-top: 43.2%;
	background: url(../img/whoweare_hero_small.jpg) top center / cover no-repeat;
	color: white;
}
.whoweare .intro h1 {
	font-size: 10.4vw;
	line-height: 1.2;
}
.whoweare .intro p {
	font-size: 6.934vw;
	line-height: 1;
	margin-right: 1.5em;
}
.whoweare #company .claim {
	font-size: 6.4vw;
	font-style: italic;
	text-align: center;
	margin-bottom: .625em;
	-moz-hyphens: manual;
	-webkit-hyphens: manual;
	-ms-hyphens: manual;
	hyphens: manual;
}
.whoweare #company .claim + p {line-height: 1.4;}
.content.home #howtogetstarted > div {position: static;}
.whoweare .timeline {
	margin-bottom:6rem;
	text-align:center;
	position:relative;
	-moz-hyphens: manual;
	-webkit-hyphens: manual;
	-ms-hyphens: manual;
	hyphens: manual;
}
.whoweare .timeline > div {
	clear:both;
	margin-bottom: 37.2vw;
	position:relative;
}
.whoweare .timeline > div:last-child {margin-bottom: 0;}
.whoweare .timeline > div:after {
	content:"";
	background:#d0011b;
	height: 29.2vw;
	width: 1.334vw;
	position:absolute;
	left: 50%;
	margin-left: -.667vw;
	top: 100%;
	margin-top: 4.8vw;
}
.whoweare .timeline > div:last-child:after {content: none;}
.whoweare .timeline > div p:last-child {margin-bottom:0;}
.whoweare .timeline h3 {
	color: #D1D1D1;
	font-size: 40vw;
	line-height: .7;
	margin: 0 0 .067em;
	letter-spacing: -.045em;
}
.whoweare .timeline h4 {
	font-style: normal;
	font-size: 6.4vw;
	line-height: 1.25;
	font-family: "din-condensed",'Arial Narrow', Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	margin: 0 0 .5em;
	letter-spacing: -.03em;
}
.whoweare .timeline p {
	color:#4a4a4a;
	font-size: 4.267vw;
	line-height: 1.31;
	font-family: "din-2014",sans-serif;
	font-style: normal;
	text-transform:uppercase;
}
.whoweare .timeline .y2002 h3 {margin-bottom: .12em;}
.whoweare .timeline .y2017 h3 {margin-bottom: 0;}
.whoweare .timeline .y2017 span {display:block;}
.whoweare .timeline .y2017 img {
	margin-bottom: 1.2em;
	width: 12.5em;
	height: 3.467em;
}
.whoweare .contact {
	position: relative;
	background-color: transparent;
	padding: 0 0 1px;
	margin-bottom: 11vw;
}
.whoweare .contact h2 {
	font-size: 20vw;
	line-height: .65;
	color: #E4E4E4;
	text-align: left;
	padding-left: .267em;
	padding-right: .267em;
	text-transform: lowercase;
	margin: 0;
}
.whoweare .contact form {
	margin-top: 0;
	background-color: #D0011B;
	padding: 10.667vw 5.334vw 6vw;
}
.whoweare .contact form > div:first-child {margin-bottom: 4.333em;}
.whoweare .contact fieldset legend + * {
	text-align: center;
	padding-top: 10.4vw;
	margin-bottom: 17.2vw;
}
.whatwedo > .intro {
	padding-top: 72%;
	background: url(../img/whatwedo_hero_small.jpg) right top / 100% auto no-repeat;
}
.whatwedo #services h3 {
	margin: 1.5em 0 .5em;
	text-align: center;
	text-transform: none;
	font-style: italic;
	font-size: 4.8vw;
	line-height: 1.2;
	font-family: athelas, Times, 'Times New Roman', serif;
}
.whatwedo #services h3 + * {
	font-size: 4vw;
	font-style: normal;
}
.content.whatwedo #services .hero > div figure {margin:0;}
.whatwedo #services figure {display: none;}
.whatwedo #products section {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
}
.whatwedo #products section > * {
	-ms-flex-order: 2;
	order: 2;
}
.whatwedo #products section h4 {margin-top: .5em;}
.whatwedo #products section > figure {
	-ms-flex-order: 1;
	order: 1;
}
.howwedoit > .intro {
	padding-top: 84%;
	background: url(../img/howwedoit_hero_small.jpg) right top / auto 76.8vw no-repeat;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.howwedoit > section {margin-bottom: 10.4vw;}
.howwedoit section h3 {text-transform: uppercase;}
.howwedoit section figure {
	margin-left: -5.334vw;
	margin-right: -5.334vw;
}
.howwedoit #supplychain .hero > div {padding:0;}
.howwedoit #supplychain figure {margin: 0 0 9.2vw;}
.howwedoit #map {
	position:relative;
	background-color: #EBEBE8;
	margin: 9.2vw -5.334vw 0;
	padding-bottom: /* 96vw */100vw;
	padding-top: 6vw;
	font-family: "din-2014", sans-serif;
	text-transform: uppercase;
	text-align:center;
	overflow: hidden;
}
.howwedoit #map h3 {
	font-style: normal;
	font-size: 8vw;
	line-height: 1;
	font-family: "din-condensed",'Arial Narrow', Arial, Helvetica, sans-serif;
}
.howwedoit #map h3 + div {
	font-style: normal;
	font-size: 4.267vw;
	position: relative;
	z-index: 1;
	padding: 0 5vw;
}
.howwedoit #map h3 + div + p {
	font-size: 3.734vw;
	text-transform: none;
	text-align: left;
	max-width: 58vw;
	width: 100%;
	position: absolute;
	bottom: 8vw;
	left: 50%;
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	margin: 0;
	z-index: 1;
}
.howwedoit #map ul {
	margin:0;
	padding:0;
	position:absolute;
	bottom:0;
/*
	left: 50%;
	transform: translateX(-50%);
	width: 189.334vw;
*/
width: 100%;
/* 	background: #EBEBE8 url(../img/bg_world_map.png) bottom center / auto 100% no-repeat; */
	background: #EBEBE8 url(../img/how_we_do_it-map.jpg) bottom center / 100% auto no-repeat;
	height: 100vw;
	text-align: left;
	text-transform: none;
}
.howwedoit #map ul li {
	display: none; /* for now */
	list-style:none;
	position:absolute;
	background-color:transparent;
	margin:0;
	padding:0;
	width:0;
	height:0;
}
.howwedoit #map ul li:after {
content:"";
position:absolute;
top:0;
left:0;
width:.5vw;
height:.5vw;
border-radius:2vw;
border:solid #d0011b 0.5vw;
}
.howwedoit #map ul li > div {
	background-color:white;
	visibility:hidden;
	opacity:0;
	transition:visibility 0s, opacity 1s ease;
	padding: 1.25rem;
	box-shadow:0px 4px 2px rgba(0,0,0,0.25);
}
.howwedoit #map ul li:hover {
width:calc(300px - 2.5rem);
height:auto;
z-index:10;
}
.howwedoit #map ul li:hover > div {
visibility:visible;
opacity:1;
}
.howwedoit #map ul li:hover:after {content:none;}
.howwedoit #map ul li h2 {
	font-style: normal;
	font-size: 1.875rem;
	font-family: "din-condensed",'Arial Narrow', Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	text-align: left;
	position: static;
	color: inherit;
}
.howwedoit #map ul li p {
font-size:0.875rem;
margin:0;
}
.howwedoit #map ul #turkey {
top:38.4%;
left:59.5%;
}
.howwedoit #map ul #c00 {
top:52.7%;
left:24.2%;
}
.howwedoit #map ul #c01 {
top:26.7%;
left:19.5%;
}
.howwedoit #map ul #c02 {
top:69%;
left:30%;
}
.howwedoit #map ul #c03 {
top:71.5%;
left:32.4%;
}
.howwedoit #map ul #c04 {
top:67%;
left:34.5%;
}
.howwedoit #map ul #c05 {
top:31.5%;
left:51%;
}
.howwedoit #map ul #c06 {
top:35%;
left:56%;
}
.howwedoit #map ul #c07 {
top:44%;
left:60%;
}
.howwedoit #map ul #c08 {
top:39%;
left:64%;
}
.howwedoit #map ul #c09 {
top:39%;
left:61%;
}
.howwedoit #map ul #c10 {
top: 61%;
left:60.2%;
}
.howwedoit #map ul #c11 {
top:45%;
left:71.5%;
}
.howwedoit #map ul #c12 {
top:38.5%;
left:57%;
}
.howwedoit #map ul #c13 {
top:49%;
left:73.8%;
}
.howwedoit #map ul #c14 {
top:57%;
left:74.3%;
}
.howwedoit #map ul #c15 {
top:54%;
left:80.7%;
}
.howwedoit #map ul #c16 {
top:53%;
left:82.4%;
}
.howwedoit #map ul #c17 {
top:39%;
left:85%;
}
.howwedoit #map ul #c18 {
top:55%;
left:86%;
}
.howwedoit #map ul #c19 {
top: 42.1%;
left:61.3%;
}
.howwedoit #map ul #c20 {
top: 63.5%;
left:84%;
}
.howwedoit #map ul #c21 {
top: 42%;
left:48.5%;
}
.howwedoit #map figure {margin:0;}
.howwedoit section .invert {color:#4a4a4a;}
.howwedoit section .invert div {padding:0;}
.content.howtogetstarted #innovation .hero > div {padding:0;}
.logos {
	text-align:center;
	margin-top: 2.5rem;
}
.logos img {max-width: 100%;}
footer {
	margin:3rem auto;
	padding:0 .5rem;
	text-align:center;
}
footer p {
color:#9b9b9b;
font-family:"din-2014",sans-serif;
font-size:.75rem;
}
footer p a {
color:#4a4a4a;
text-decoration:none;
}
footer p a:hover {color:#d0011b;}
@media (min-width: 780px) {
	body {
		padding-top: 6.875em;
		font-size: 1em;
		line-height: 1.33;
	}
	h1, h3 {
		font-size:3.111em;
		line-height: 1.2;
	}
	h2 {font-size:2.25rem;}
	h4, h3 + * {
		font-size: 1.667em;
		line-height: 1.2;
	}
	h4 {text-align: left;}
	figcaption, label, input[type=submit] {font-size: .889em;}
	input, select, textarea {font-size: 1em;}
	body > header {padding: 1.688em 2.5em .688em;}
	body > header h1 {font-size: 1em;}
	header > .logo a {
		width: 15.625em;
		height: 4.5em;
	}
	header > nav > button {display:none;}
	header > nav > ul {
		float:right;
		position: static;
		padding: 1.438em 0 0;
		margin: 0;
		width:auto;
		height:auto;
		font-size: .875em;
		overflow: visible;
		transition: none;
	}
	header > nav > ul > li {
		border-bottom:none;
		margin:0 0 0 1em;
		display: inline;
	}
	header > nav > ul > li:first-child {margin-left: 0 !important;}
	header > nav > ul > li a {
		display: inline;
		padding: 0;
	}
	#subnav {
		left: 0;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
	#subnav ul {
		font-family:"din-condensed",'Arial Narrow', Arial, Helvetica, sans-serif;
		list-style:none;
		margin:0;
		text-transform:uppercase;
		padding:0;
	}
	#subnav ul li {
		border-bottom:solid 1px #9b9b9b;
		font-size:.875rem;
		transition:all .5s;
		padding-top:.75rem;
		padding-left:2.5rem;
	}
	#subnav ul li.active,#subnav ul li:hover {
		font-size:1.125rem;
		padding-top:0.125rem;
	}
	#subnav ul li a {
		color:#cecece;
		text-decoration:none;
	}
	.wide {display:inline-block;}
	.narrow {display:none;}
	.content {font-size:1.125em;}
	main > section, .logos {
		padding-left: 11.111em;
		padding-right: 2.222em;
	}
	main > section[id] h2 {
		position: absolute;
		left: -9999em;
	}
	main > section[id] .toggle {cursor: text;}
	main > section[id] .container {position: static;}
	main > .intro {
		background-size: auto 30.556em;
		padding-top: 31em;
		padding-right: 0;
	}
	main > .intro p {font-size: 1.556em;}
	.contact h2, .contact .subtitle {
		font-size: 2.222em;
		text-align: left;
		margin-bottom: .625em;
	}
	.content .contact {
		padding-top: 3.889em;
		padding-bottom: 3.889em;
		background-color: transparent;
		color: inherit;
		text-align: left;
	}
	.content .contact:after {
		content: '';
		display: block;
		clear: both;
	}
	.content .contact > div:first-child {
		float: left;
		width: 47.872%;
	}
	.content .contact form {
		margin-top: 0;
		float: right;
		width: 46.277%;
	}
	.content .contact input[type=submit] {
		background-color: #d0011b;
		color: white;
		margin-top: .563em;
		margin-left: 0;
	}
	.home .content {
		padding-top: 0.1em;
		text-align: left;
	}
	.content.home section {
		background-position: center top !important;
		margin: 0 0 18.31% !important;
		min-height:38.028vw !important;
		line-height: 1.2;
	}
	.content.home section:after {
		content: '';
		clear: both;
		display: block;
	}
	.content.home section > div {
		text-align:left;
		font-size: 2.113vw;
		max-width: 17.333em;
		padding: 0 7.043vw 4.93vw;
	}
	.content.home section > .right {float: right;}
	.content.home section > div.hero {min-height:540px;}
	.content.home section > div.right a {
	float:right;
	margin-left:0;
	}
	.content.home section h1 {
		font-size:14.085vw !important;
		padding: 0 2.817% !important;
	}
	.content.home section p {
		font-size:1em;
		max-width: 37em;
		margin-bottom: 1.25rem;
	}
	.content.home section a {
		font-size: .875rem;
		background:transparent;
		border-top:solid 3px #d0011b;
		color:#9b9b9b;
		min-width: 12.5em;
		padding:1.1875em .75em;
		text-align:left;
	}
	.content.home section a:hover {
		background:#d0011b;
		color:white !important;
	}
	.content.home section a:visited,.content.home section a:active {color:#9b9b9b;}
	.content.home .intro {
		text-align: center;
		font-size: 1em;
	}
	.content.home .intro h2 {font-size: 2em !important;}
	.content.home .intro h3 {font-size: 4em;}
	.content.home .intro picture {margin:.01rem .5rem 1rem;}
	.content.home .intro picture ~ * {
		margin-left: auto;
		margin-right: auto;
	}
	.content.home .intro p {font-size: 1.2em; line-height: 1.33;}
	.content.home #whoweare {
		background-image:url("../img/home_2_whoweare.jpg");
		margin-bottom: 12.5%;
	}
	.content.home #whatwedo {
		background-image:url("../img/home_3_whatwedo.jpg");
		background-position:right center !important;
		background-size: auto 100%;
		padding-top: 0;
	}
	.content.home #whatwedo h1 {bottom: 90%;}
	.content.home #whatwedo > div {padding-top: 13.194vw;}
	.content.home #howwedoit {
		background-image:url("../img/home_4_howwedoit.jpg");
		margin-bottom: 15.972%;
	}
	.content.home #howwedoit h1 {text-align: right;}
	.content.home #howwedoit > div {
		right: 0;
		left: auto;
		padding-bottom: 2.113vw;
	}
	.content.home #howtogetstarted {
		background-image:url("../img/home_5_howtogetstarted.jpg");
		margin-bottom: 0 !important;
		padding-top: 0;
		min-height: 41.54vw !important;
	}
	.content.home #howtogetstarted > div {padding-top: 7.639vw;}
	
	.howwedoit section figure {
		margin-left: -11.111em;
		margin-right: -2.222em;
	}
	.howwedoit > section {
		background: top center no-repeat;
		padding-top: 33.334em;
		position: relative;
	}
	.howwedoit > section .intro {
		color: white;
		position: absolute;
		top: 11.389em;
		width: 25.556em;
		/*text-shadow: 0 0 10px rgba(0,0,0,.5);*/
	}
	.howwedoit > .intro h1 {max-width: 8.75em;}
	.howwedoit > .intro p {
		max-width: 17.61em;
		line-height: 1.07;
	}
	.howwedoit #supplychain {
		margin-bottom: 0;
		padding-top: 0;
	}
	.howwedoit #supplychain figure {
		margin: 0 5.392% 5.556em 0;
		float: left;
		width: 53%;
	}
	.howwedoit #map {
		margin: 0 -2.222em 0 -11.111em;
		padding: 0;
	}
	.howwedoit #map > * {
		position: absolute !important;
		z-index: 2 !important;
		padding: 0 !important;
		width: 100%;
	}
	.howwedoit #map h3 {
		font-size: 1.667em;
		margin-top: 1.667em;
	}
	.howwedoit #map h3 + div {
		font-size: .889em;
		margin-top: 5.625em;
	}
	.howwedoit #map h3 + div + p {
		font-size: .778em;
		width: 18.571em;
		transform: none;
		left: auto;
		right: 14.5%;
		bottom: 6vw;
	}
	.howwedoit #map ul {
		position: relative !important;
		left: auto;
		bottom: auto;
		transform: none;
		background-image: url(../img/bg_world_map.png);
		background-size: cover;
		height: auto;
		padding-top: 52.817% !important;
		z-index: 1 !important;
	}
	.howwedoit #map ul li {display: list-item;}
	.howwedoit #manufacturing {background-image: url(../img/howwedoit_manufacturing_1.jpg);}
	.howwedoit #foodsafety {background-image: url(../img/howwedoit_foodsafety.jpg);}
	
	.whoweare > .intro {
		padding-top: 12.222em;
		background: url(../img/whoweare_hero.jpg) top center / auto 30.556em no-repeat;
		min-height: 18.333em;
		margin-bottom: 2.5em;
		/*text-shadow: 0 0 10px rgba(0,0,0,.5);*/
	}
	.whoweare .intro h1 {
		font-size: 3.111em;
		line-height: 1;
	}
	.whoweare .intro p {
		font-size: 1.556em;
		margin-right: 0;
		line-height: 1.2;
		width: 16.429em;
	}
	.whoweare #company .claim {
		font-size: 2em;
		width: auto;
		text-align: left;
	}
	.whoweare .timeline {
		text-align:left;
		font-size: 1.268vw;
		margin-top: 6.667em;
	}
	.whoweare .timeline h3 {
		font-size:11.111em;
		color: #F1F1F1;
	}
	.whoweare .timeline h4 {
		font-size: 1.667em;
		margin: 0;
	}
	.whoweare .timeline p {font-size: 1.22em;}

	.whoweare .timeline:after {
		content:"";
		background:#d0011b;
		position:absolute;
		width: .667em;
		height:100%;
		left: 50%;
		transform: translateX(-50%);
		top:0;
		z-index:-1;
	}
	.whoweare .timeline > div {
		margin-bottom:0;
		min-height:36.1vw;
		background-size:60%;
		background-repeat: no-repeat;
		display:flex;
		justify-content:center;
		flex-direction:column;
	}
	.whoweare .timeline > div.right {
	background-position:left center;
	padding-left:62%;
	width:38%;
	}
	.whoweare .timeline > div.left {
	background-position:right center;
	padding-right:62%;
	width:38%;
	}
	.whoweare .timeline > div.y2002 {
		background:white;
		display:block;
		min-height:0;
		overflow: hidden;
		margin-bottom: 5.2em;
		padding-top: .2em;
	}
	.whoweare .timeline > div.y2002 h3 {
		color:#4a4a4a;
		float:left;
		text-align:right;
		width: 46.735%;
		margin-right: .08em;
		line-height: .75;
		margin-bottom: 0;
	}
	.whoweare .timeline .y2002 h4 {margin-bottom: .2em;}
	.whoweare .timeline > div.y2004 {background-image:url("../img/timeline-2004.png");}
	.whoweare .timeline > div.y2009 {background-image:url("../img/timeline-2009.png");}
	.whoweare .timeline > div.y2015 {background-image:url("../img/timeline-2015.png");}
	.whoweare .timeline > div.y2017 {
		display:block;
		min-height:0;
		background: white url(../img/timeline-2017.jpg) top center / auto 24.444em no-repeat;
		padding-top: 27.222em;
		margin-top: 6.667em;
		overflow: hidden;
	}
	.whoweare .timeline > div.y2017 h3 {
		color:#4a4a4a;
		float:left;
		text-align:right;
		width: 2.29em;
		margin-right: .14em;
		line-height: .75;
		margin-bottom: 1em;
	}
	.whoweare .timeline .y2017 h4 {
		font-size: 1.444em;
		letter-spacing: -.02em;
	}
	.whoweare .timeline .y2017 img {
		width: 9.722em;
		height: auto;
		font-size: 1em;
		margin-bottom: 0;
	}
	.whoweare .timeline > div:not(:last-child):after {content:none;}
	.whoweare .contact {
		color: white;
		background-color: #D0011B;
		padding-left: 11.111em !important;
	}
	.whoweare .contact {padding-right: 2.222em;}
	.whoweare .contact form {
		float: none;
		width: auto;
		padding: 0;
	}
	.whoweare .contact input[type="submit"] {
		background-color: white;
		color: #4A4A4A;
	}
	.whoweare .contact fieldset legend + * {margin-bottom: 2em;}
	.howtogetstarted > section {
		padding-left: 3.911%;
		padding-right: 3.911%;
	}
	.howtogetstarted .intro {
		background: url(../img/howtogetstarted_hero.jpg) right top / contain no-repeat;
		padding-top: 42%;
		padding-bottom: 0;
	}
	.howtogetstarted .intro p {width: 18.929em;}
	.howtogetstarted .contact h2 {color: inherit;}
	.content .errors {
		background-color: #d0011b;
		color: white;
	}
	.whatwedo > .intro {
		padding-right: 2.222em;
		background-size: auto;
		padding-top: 31.111em;
	}
	.whatwedo > .intro h1 {
		max-width: 8.929em;
		margin-bottom: .2em;
	}
	.whatwedo > .intro p {
		max-width: 17.857em;
		-moz-hyphens: manual;
		-webkit-hyphens: manual;
		-ms-hyphens: manual;
		hyphens: manual;
	}
	.whatwedo #services h3 {
		text-align: left;
		font-size: 2em;
	}
	.whatwedo #services h3 + * {font-size: 1em;}
	.whatwedo #services figure {
		display: block;
		float: right;
		max-width: 37.324vw;
		margin-top: 2em;
	}
	.whatwedo #products section:not(.intro) {
		padding-right: 51.961%;
		position: relative;
		min-height: 33.1vw;
		box-sizing: border-box;
		display: block;
	}
	.whatwedo #products section:nth-child(2n+3) {
		padding-left: 52.941%;
		padding-right: 0;
		padding-top: 5.392%;
	}
	.whatwedo #products section:nth-child(3) {min-height: 35.211vw;}
	.whatwedo #products section:nth-child(4) {padding-top: 1px;}
	.whatwedo #products section h4 {margin-top: 1.5em;}
	.whatwedo #products section figure {
		position: absolute;
		right: 0;
		top: 0;
		max-height: 100%;
		max-width: 50%;
	}
	.whatwedo #products section:nth-child(2n+3) figure {
		right: auto;
		left: 0;
	}
	.whatwedo section section.intro {
		margin: 5em -2.222em 3.889em -11.111em;
		padding-left: 11.111em;
		padding-top: 11.111em;
		min-height: 19.444em;
		padding-right: 0;
		color: white;
		background: url(../img/whatwedo_products.jpg) top center / auto 100% no-repeat;
		-moz-hyphens: manual;
		-webkit-hyphens: manual;
		-ms-hyphens: manual;
		hyphens: manual;
		box-sizing: content-box;
		/*text-shadow: 0 0 10px rgba(0,0,0,.5);*/
	}
	.whatwedo #products .intro h3 {max-width: 10em;}
	.whatwedo #products .intro p {
		max-width: 18em;
		line-height: 1;
		margin: 0;
	}
	.whatwedo figure.right {
		float: right;
		max-width: 46.311%;
		margin-left: 4.9%;
	}
	.whatwedo figure.left {
		float: left;
		max-width: 47.745%;
		margin-right: 4.9%;
	}
	.whatwedo #partnering {margin-bottom: 5em;}
	.whatwedo #partnering .intro {
		color: inherit;
		background-image: url(../img/whatwedo_partnering.jpg);
		background-position: left top;
		text-shadow: none;
	}
	.whatwedo #partnering .intro h3 {max-width: 8.75em;}
	.whatwedo #partnering .intro p {max-width: 16.333em;}
}
@media (min-width: 900px) {
	header > nav > ul {font-size: 1em;}
	header > nav > ul > li {margin-left: 2.5em;}
	main > section, .logos {padding-right: 14.085%;}
	.howwedoit #supplychain {padding-top: 4%;}
	.howwedoit #supplychain figure {margin-top: -4vw;}
	.howwedoit section figure, .howwedoit #map {margin-right: -14.085vw;}
	.whatwedo section section.intro {margin-right: -14.085vw;}
}
@media (min-width: 1024px) {
	.howwedoit > .intro {
		padding-top: 10.556em;
		background: url(../img/howwedoit_hero.jpg) 0 0 / auto no-repeat;
		min-height: 20em;
	}
	.howwedoit #supplychain {padding-top: 8.8%;}
	.howwedoit #supplychain figure {margin-top: -8.8vw;}
	.howwedoit #supplychain figure + p {margin-right: 1.961%;}
	.howtogetstarted .intro, .content .contact {
		padding-left: 14.085%;
		padding-right: 20.07%;
		background-position: 60% 0;
	}
	.content.howtogetstarted #innovation .hero > div {
		background-image:url("../img/home_5_howtogetstarted.jpg");
		background-size:51.5%;
		background-position:right center;
		padding:10rem 0 4rem;
	}
	.whoweare .timeline {
		margin-left: 1.111em;
		margin-right: 1.111em;
	}
	.whoweare .timeline p {font-size: .889em;}
	.whoweare .contact {padding-right: 2.222em;}
	.whoweare .contact form {
		position: relative;
		padding-left: 50%;
	}
	.whoweare .contact form > div:first-child {
		position: absolute;
		left: 0;
		top: 0;
		width: 45%;
	}
	.whatwedo > .intro {
		background-size: 48% auto;
		padding-top: 8.789%;
		background-position: 118% 0;
	}
}
@media (min-width: 1242px) {
	.content.home section a {font-size: 1.127vw;}
	.howtogetstarted .intro {
		padding-top: 13.889em;
		min-height: 16.667em;
		background-size: cover;
		/*text-shadow: 0 0 10px #E2E0E3;*/
	}
	.whoweare .contact {padding-right: 16.197%;}
	.whoweare .contact form {
		margin-left: 6.69vw;
		padding-left: 31.34vw;
	}
	.whoweare .contact form > div:first-child {width: 29.225vw;}
	.whatwedo > .intro {
		background-size: auto;
		padding-top: 10em;
		background-position: 37.222em 0;
		min-height: 23.333em;
	}
}
@media (min-width: 1374px) {
	#subnav ul li {font-size:1.125rem;}
	#subnav ul li.active,#subnav ul li:hover {font-size:1.625rem;}
}
@media (min-width: 1421px) {
	body {font-size: 1.127vw;}
	.howwedoit > .intro, .whatwedo section section.intro {background-size: cover;}
	.howwedoit > section {
		padding-top: 42.254vw;
		background-size: 100% auto;
	}
	.whoweare .timeline .y2017 p {margin-right: 6.5em;}
	.howtogetstarted .intro, .whatwedo > .intro {background-position: right top;}
	.whatwedo > .intro {background-size: auto 30em;}
	.whatwedo #products section {min-height: 26.111em;}
	.whatwedo #products section:nth-child(3) {min-height: 27.778em;}
}
@media print {
	*,*:before,*:after,*:first-letter,*:first-line {
	background:transparent !important;
	color:#000 !important;
	box-shadow:none !important;
	text-shadow:none !important;
	}
	a,a:visited {
	text-decoration:underline;
	}
	a[href]:after {
	content:" (" attr(href) ")";
	}
	abbr[title]:after {
	content:" (" attr(title) ")";
	}
	a[href^="#"]:after,a[href^="javascript:"]:after {
	content:"";
	}
	pre,blockquote {
	border:1px solid #999;
	page-break-inside:avoid;
	}
	thead {
	display:table-header-group;
	}
	tr,img {
	page-break-inside:avoid;
	}
	img {
	max-width:100% !important;
	}
	p,h2,h3 {
	orphans:3;
	widows:3;
	}
	h2,h3 {
	page-break-after:avoid;
	}
}