@font-face {
		font-family: 'Hero';
		src: url('../fonts/hero-webfont.ttf')  format('truetype');
		font-weight: normal;
		font-style: normal;
	}

	@font-face {
		font-family: 'MetroLite';
		src: url('../fonts/MetroLite LT Two.ttf')  format('truetype');
		font-weight: normal;
		font-style: normal;
	}


	/* BASIC RESET */

	body{
		padding:0;
		margin:0;
		-webkit-text-size-adjust:none;
	}

	html,
	body{
		background: #222;
		font-family: 'Hero', sans-serif;
		font-weight: 300;
	}

	.fade-in{
		opacity: 0;
		margin-top:30px;
		margin-bottom: -30px;
		transition: 0.75s;
	}

	.faded-in{
		opacity: 1!important;
		margin-top:0px!important;
		margin-bottom:30px!important;
		transition: 0.75s;
	}

	*{
		box-sizing: border-box;
	}

	h1, h2, h3, h4, h5, h6, p, pre{
		padding:0;
		margin:0;
		line-height: inherit;
		white-space: normal;
		display: block;
		font-weight: inherit;
		font: inherit;
		vertical-align: baseline;
	}

	a, a:link, a:visited, a:hover, a:active{
		text-decoration: none;
		color: inherit;
	}

	header{
		width: 100%;
		max-width: 100%;
		margin: 0 auto;
		position: fixed;
		height: 120px;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		z-index: 99;
	}
	header.scroll{
		height: 120px;
	}
	header p{
		padding-bottom: 0;
	}
	.search-box{
		display: none;
	}	

	header .logo{
		position: absolute;
		top: 25px;
	}

	header .logo img{
		width: 120px;
		height: auto;
		margin-left: 130px;
	}
	.margin-center{
		margin: 0 auto;
	}
	header.scroll .logo{
		top: 15px;
	}

	header.scroll .logo img{
		width: 80px;
	}

	header a,
	header a:link,
	header a:visited,
	header a:hover,
	header a:active,
	header a:hover *,
	a.nounderline,
	a.nounderline:link,
	a.nounderline:visited,
	a.nounderline:hover,
	a.nounderline:active,
	a.nounderline:hover *,
	.button a,
	.button a:link,
	.button a:visited,
	.button a:hover,
	.button a:active,
	.button a:hover *,
	a.button,
	a.button:link,
	a.button:visited,
	a.button:hover,
	a.button:active,
	a.button:hover *,
	.related-links a.inner,
	.related-links a.inner:link,
	.related-links a.inner:visited,
	.related-links a.inner:hover,
	.related-links a.inner:active,
	.related-links a.inner:hover *,
	.link-grid a,
	.link-grid a:link,
	.link-grid a:visited,
	.link-grid a:hover,
	.link-grid a:active,
	.link-grid a:hover *,
	.news-post-small a,
	.news-post-small a:link,
	.news-post-small a:visited,
	.news-post-small a:hover,
	.news-post-small a:active,
	.news-post-small a:hover *,
	a.open-popup,
	a.open-popup:link,
	a.open-popup:visited,
	a.open-popup:hover,
	a.open-popup:active,
	a.open-popup:hover *{
		text-decoration: none!important;
	}

	p a,
	p a:link,
	p a:visited,
	p a:hover,
	p a:active{
	}

	a img{
		border: inherit;
		border: none;
	}

	img{
		display: block;
		width: 100%;
		height: auto;
	}
	img.default{
		width: inherit;
	}

	input, textarea,
	input:active, textarea:active,
	input:focus, textarea:focus,
	input:hover, textarea:hover,
	select{
		border:none;
		outline:none;
		background: none;
		border-radius: 0;
		-webkit-border-radius:0;
		-mos-border-radius:0;
		-o-border-radius:0;
		-ms-border-radius:0;
		padding:10px;
		-webkit-appearance: none;
	    -moz-appearance: none;
	    -ms-appearance: none;
        -o-appearance: none;
        appearance: none;
	}

	select::-ms-expand {
	    display: none;
	}

	select option,
	select option:disabled,
	select option:invalid {
	    color:#000
	}

	/* GENERIC */

	table{
		border-collapse: collapse;
		width:100%;
		margin: 0;
		word-wrap:break-word;
		border-color:#25408f;
		border:0px solid #25408f
	}

	table p{
		padding: 0;
	}

	table p + p{
		padding: 10px 0 0 0;
	}

	table tr td,
	table tr th{
		padding:7px 10px;
		box-sizing: border-box;
		vertical-align: middle;
	}


	table tr th{
		color: #fff;
		background: #d2a74b;
	}

	table{
		display: table;
		width:100%;
		border-collapse: collapse;
	}

	table-row{
		display: table-row;
	}

	table-cell{
		display: table-cell;
		vertical-align: middle;
	}


	.clear{
		clear:both;
	}

	.clearl{
		clear: left;
	}

	.clearr{
		clear: right;
	}

	span.clear{
		display: block;
		clear:both;
		height: 1px;
		overflow: hidden;
		font-size: 0;
		line-height: 0;
	}

	.no-overflow{
		overflow: hidden;
	}

	.hide{
		display: none;
	}

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

	.hidden-field{
		width: 1px!important;
		padding: 0!important;
		margin: 0!important;
		height: 1px!important;
		opacity: 0.01!important;
		border: none!important
	}

	.noSelect{
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}

	.right {
		float: right;
	}
	.left {
		float: left;
	}

	.txt-right{
		text-align: right;
	}

	.txt-left{
		text-align: left;
	}

	.txt-center{
		text-align: center;
	}
	.flex-column{
		flex-direction: column;
	}
	.flex-column-reverse{
		flex-direction: column-reverse;
	}

	.block-center{
		margin-left: auto;
		margin-right: auto;
	}

	.middle {
		margin-left: 50%;
		transform: translateX(-50%);
	}

	span.txt-right, span.txt-left, span.txt-center {
	    display: block;
	}

	img.centered{
		vertical-align: middle;
	}

	img.full-width{
		width: 100%;
		height: auto;
	}

	.img-container img,
	img.fit-image{
		display: block;
		height: auto!important;
		max-width: 100%;
		image-rendering: -webkit-optimize-contrast;
	}

	.img-container p{
		padding: 0!important;
		margin: 0!important
	}

	.opt-contrast img{
		image-rendering: -webkit-optimize-contrast;
	}

	.circle{
		border-radius: 500px;
	}

	.zero-font{
		font-size: 0;
		line-height: 0;
	}

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

	.absolute{
		position: absolute;
	}

	.fixed{
		position: fixed;
	}

	.relative-noz{
		position: relative;
	}

	.borderBox{
		box-sizing: border-box;
	}

	.indent-right-20{
		margin-right: 20%;
	}

	.indent-left-20{
		margin-left: 20%;
	}

	.width80-60{
		width: calc(80% - 60px);
	}

	.wrap1700{
		width: 1920px;
		max-width: 100%;
		margin: 0 auto;
		padding: 20px 50px;
	}

	.wrap1500{
		width: 1920px;
		max-width: 100%;
		margin: 0 auto;
		padding: 20px 50px;
	}

	.wrap1366{
		width: 1366px;
		max-width: 100%;
		margin: 0 auto;
		padding: 20px 50px;
	}

	.wrap1200{
		width: 1200px;
		max-width: 100%;
		margin: 0 auto;
		padding: 20px 50px;
	}

	.wrap1150{
		width: 1150px;
		max-width: 100%;
		margin: 0 auto;
		padding: 20px 50px;
	}

	.wrap1024{
		width: 1024px;
		max-width: 100%;
		margin: 0 auto;
		padding: 20px;
	}

	.wrap1100{
		width: 1100px;
		max-width: 100%;
		margin: 0 auto;
	}

	.width100{
		width: 100%;
	}

	.width90{
		width: 90%;
	}

	.width85{
		width: 85%;
	}

	.width80{
		width: 80%;
	}

	.width75{
		width: 75%;
	}

	.width70{
		width:70%;
	}

	.width66{
		width: 66.666%;
	}

	.width60{
		width: 60%;
	}

	.width55{
		width: 55%;
	}

	.width50{
		width: 50%;
	}

	.width48{
		width: 48%;
	}

	.width47{
		width: 47%;
	}

	.width45{
		width: 45%;
	}

	.width40{
		width: 40%;
	}

	.width33{
		width: 33.333%;
	}

	.width35{
		width:35%;
	}

	.width30{
		width:30%;
	}

	.width35000{
		width: 35000px;
		margin-left: -50px;
	}

	.width25{
		width: 25%;
	}

	.width20{
		width: 20%;
	}

	.width16{
		width: 16.666%;
	}

	.width125{
		width: 12.5%;
	}

	.width10{
		width: 10%;
	}

	.width5{
		width: 5%
	}

	.gap-80{
		gap: 80px
	}

	.flex{
		display: flex;
		flex-wrap: wrap;
	}

	.no-wrap{
		flex-wrap: nowrap;
	}

	.align-center{
		align-items: center;
	}

	.space-between{
		justify-content: space-between;
	}

	.space-around{
		justify-content: space-around;
	}

	.justify-center{
		justify-content: center;
	}

	.row-reverse{
		flex-direction: row-reverse;
	}

	.block{
		display: block;
	}

	.inline{
		display: inline!important;
	}

	.inline-block{
		display: inline-block!important;
	}
	.hide-important{
		display: none!important;
	}

	.pointer-none{
		pointer-events: none;
	}
	.pointer-all{
		pointer-events: all;
	}

	.vtop{
		vertical-align: top;
	}

	.min-400{
		min-height: 400px;
	}

	.margin75v{
		margin-top: 75px;
		margin-bottom: 75px;
	}
	.margin150v{
		margin-top: 150px;
		margin-bottom: 150px;
	}
	.margin-right-10{
		margin-right: 10%;
	}
	.margin-top-100{
		margin-top: 100px;
	}

	.no-bottom-padding{
		padding-bottom: 0;
	}

	.padd0hl{
	    padding-right: 0!important;
	}

	.padd0hr{
	    padding-right: 0!important;
	}

	.padd0h{
		padding-left: 0;
	    padding-right: 0;
	}

	.padd5h{
		padding-left: 5px;
		padding-right: 5px;
	}

	.padd10h{
		padding-left: 10px;
		padding-right: 10px;
	}

	.padd20h{
		padding-left: 20px;
		padding-right: 20px;
	}

	.padd30h{
		padding-left: 30px;
		padding-right: 30px;
	}

	.padd40h{
		padding-left: 40px;
		padding-right: 40px;
	}

	.padd50h{
		padding-left: 50px;
		padding-right: 50px;
	}

	.padd60h{
		padding-left: 60px;
		padding-right: 60px;
	}

	.padd70h{
		padding-left: 70px;
		padding-right: 70px;
	}

	.padd80h{
		padding-left: 80px;
		padding-right: 80px;
	}

	.padd150h{
		padding-left: 150px;
		padding-right: 150px;
	}

	.padd0v{
		padding-top: 0;
	    padding-bottom: 0;
	}

	.padd5v{
		padding-top: 5px;
	    padding-bottom: 5px;
	}

	.padd10v {
	    padding-top: 10px;
	    padding-bottom: 10px;
	}

	.padd15v{
		padding-left: 15px;
		padding-right: 15px;
	}

	.padd20v {
	    padding-top: 20px;
	    padding-bottom: 20px;
	}

	.paddB190{
		padding-bottom: 190px;
	}

	.paddT60{
		padding-top: 60px;
	}

	.paddB80{
		padding-bottom: 80px;
	}

	.paddB120{
		padding-bottom: 120px;
	}

	.paddB200{
		padding-bottom: 200px;
	}

	.paddB250{
		padding-bottom: 250px;
	}

	.paddL120{
		padding-left: 120px;
	}

	.paddR120{
		padding-right: 120px;
	}

	.paddL120{
		padding-left: 120px;
	}

	.paddL85{
		padding-left: 85px;
	}
	.paddR65{
		padding-right: 65px;
	}

	.padd30v{
		padding-top: 30px;
	    padding-bottom: 30px;
	}

	.padd40v {
	    padding-top: 40px;
	    padding-bottom: 40px;
	}

	.padd50v {
	    padding-top: 50px;
	    padding-bottom: 50px;
	}

	.padd60v {
	    padding-top: 60px;
	    padding-bottom: 60px;
	}

	.padd70v{
		padding-top: 70px;
		padding-bottom: 70px;
	}

	.padd80v{
		padding-top: 80px;
		padding-bottom: 80px;
	}

	.padd90v{
		padding-top: 90px;
		padding-bottom: 90px;
	}

	.padd140v{
		padding-top: 140px;
		padding-bottom: 140px;
	}

	.padd-right-80{
		padding-right: 80px;
	}

	.margin20{
		margin-left: 20px;
		margin-right: 20px;
	}

	.height500{
		max-height: 500px;
	}

	.height100{
		height: 100%;
	}

	.hidden-vertical{
		overflow-y: hidden;
	}

	/* SPECIFIC */

	html{
		background: #fff;
	}

	body{
		font-size: 22px;
		line-height: 27px;
		font-weight: 300;
		visibility: visible!important;
		color: #111;
		background: #fff;
	}

	.txt-body{
		font-size: 17px;
		line-height: 24px;
	}

	h1{
		font-size: 45px;
		line-height: 55px;
		padding-bottom: 15px;
	}
	h1 strong{
		font-size: 50px;
		line-height: 60px;
	}

	h2{
		font-size: 33px;
		line-height: 41px;
		padding-bottom: 15px;
	}
	h2 strong{
		font-size: 38px;
		line-height: 46px;
	}

	h3{
		font-size: 28px;
		line-height: 33px;
		padding-bottom: 0px;
	}

	h4{
		font-size: 25px;
		line-height: 30px;
		padding-bottom: 15px;
	}

	h5{
		font-size: 21px;
		line-height: 27px;
		padding-bottom: 15px;
	}

	h6{
		font-size: 20px;
		line-height: 24px;
		padding-bottom: 15px;
	}

	.nopadd h1,
	.nopadd h2,
	.nopadd h3,
	.nopadd h4,
	.nopadd h5,
	.nopadd h6,
	.nopadd p{
		padding: 0
	}

	p{
		padding:0 0 15px 0
	}
	.small-font{
		font-size: 12px;
		line-height: 19px;
		padding-top: 15px;
	}

	hr{
		background: #d8a729;
		margin: 10px 0 15px 0;
		height: 3px;
		width: 250px;
		max-width: 100%;
		border: none;
		padding: 0;
		outline: none;
		display: block;
		clear: both;
	}

	.bg-gold hr{
		background: #fff;
	}

	.txt-white hr{
		background: #fff;
	}

	.txt-blue hr{
		background: #33476a;
	}

	.txt-center hr,
	hr.txt-center{
		margin-left:auto;
		margin-right: auto;
	}

	sup{
		vertical-align: super;
		font-size: 12px;
	}

	sub{
		font-size: 12px;
	    vertical-align: sub;
	    line-height: 4px;
	}

	small,
	.small{
		font-size: 14px;
		line-height: 20px;
		display: inline-block;
	}

	ul,
	ol{
		margin:0;
		padding:0 0 15px 25px;
	}

	ul li,
	ol li{
		padding: 10px 0 0 0;
	}

	ul li ul,
	ul li ol,
	ol li ol,
	ol li ul{
	    margin: 5px 0;
	}

	main{
		width: 100%;
		max-width: 100%;
		margin: 0 auto;
		background: #fff;
		overflow: hidden;
		position: relative;
	}

	body{
		background: rgb(100, 100, 100);
	}

	main p a,
	main p a:link,
	main p a:visited,
	main p a:hover,
	main p a:active{
	}

	input, textarea,
	input:active, textarea:active,
	input:focus, textarea:focus,
	input:hover, textarea:hover,
	select,
	.submit{
		padding: 5px 10px;
		border: 0px;
		height: 42px;
		background: #fff;
		font-size: 15px;
		line-height: 20px;
		box-sizing: border-box;
		display: block;
		width: 100%;
		resize: none;
		margin: 0;
		font-weight: 300;
/*		font-family: 'Fira Sans', sans-serif;*/
	}

	.submit.width25{
		width: 25%
	}

	input[type='file']{
		padding: 10px;
		font-size: 16px;
		line-height: 20px;
	}

	textarea,
	textarea:active,
	textarea:focus,
	textarea:hover{
		height: 135px;
	}

	input::-webkit-input-placeholder{
		color:#888;
	}

	input::-moz-placeholder {
		color:#888;
	}

	input:-ms-input-placeholder {
		color:#888;
	}

	input:-moz-placeholder {
		color:#888;
	}

	input[type="checkbox"]{
		-webkit-appearance: checkbox;
	    -moz-appearance: checkbox;
	    -ms-appearance: checkbox;
	    -o-appearance: checkbox;
	    appearance: checkbox;
	    border: 1px solid #183b76!important;
	    background: #fff;
	    display: inline-block;
	    padding: 0;
	    width: auto;
	    width: 24px;
	    height: 24px;
	    vertical-align: middle;
	}

	.gap{
		display: inline-block;
		width: 20px;
		vertical-align: middle;
		height: 10px;
	}

	.pointer{
		cursor: pointer;
	}

	.button p{
		padding: 0;
		font-weight: 500;
	}

	.button,
	a.button{
		position: relative;
		z-index: 3;
		padding: 6px 30px;
		font-weight: 400;
		cursor: pointer;
		display: inline-block;
		max-width: 100%;
		transition: 0.3s;
		border-radius: 30px;
		outline: 2px solid transparent;
		margin-bottom: 30px;
		opacity: 1;
		transition: opacity 0.3s;
		text-transform: uppercase;
	}
	.button.btn-gold{
		background: #c08700;
		color: #ffffff;
	}
	.button.btn-white{
		background: #fff;
		color: #c08700;
	}
	.button.btn-blue{
		background: #1e4488;
		color: #ffffff;
	}
	.button.btn-green{
		background: #007934;
		color: #ffffff;
	}
	.button.btn-outline-gold{
		outline: 2px solid #c08700;
		color: #c08700;
	}
	a.button:hover,
	.button:hover{
		opacity: 0.75;
	}
	.button.strong,
	a.button.strong{
		font-weight: 600;
	}

	.button.above-border,
	a.button.above-border{
		bottom: -15px;
		right: 50px;
	}

	label.submit.button{
		padding: 6px 23px;
	}

	.button.wide,
	a.button.wide{
		padding: 8px 48px;
	}

	.stylized-image-container{
		padding-top: 1px;
		position: relative;
		overflow: hidden;
	}
	.stylized-image-main.faded-in{
		margin-bottom: 0!important;
	}
	.stylized-image-container .overlay{
		z-index: 2;
		overflow: hidden;
		position: relative;
	}
	.stylized-image-container .background-image{
		position: absolute;
		left: 0;
		top: 1px;
		width: 100%;
		height: 110%;
		object-fit: cover;
		object-position: center;
	}

	.above-masks{
		position: relative;
		z-index: 4;
	}

	.content-container.partners .content-container-image{
		margin-top: -90px;
	}
	.content-container-image.parallax-container.r-d{
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		z-index: 3;
		left: 75px;
		width: 600px;
	}
	.content-container-image.parallax-container.application.application-img{
		margin-top: -150px;
	}
	.content-container-image.parallax-container.biofuel{
		margin-top: -125px;
		z-index: 2;
	}
	.content-container.tailored .content-container-copy h4 small{
		font-size: 25px;
		line-height: 30px;
		display: flex;
		align-items: center;
		gap: 60px;
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.content-container.partners{
		padding-bottom: 60px;
	}
	.relative-about{
		margin-top: 180px;
	}
	.content-container.about-bioethanol .content-container-copy{
		padding-top: 50px;
	}

.parallax-wrapper{
	width: 100%;
}

.mask-svg{
	width: 100%;
	height: auto;
	display: block;
}
.parallax-image{
	will-change: transform;
}
.overlay-image{
	pointer-events: none;
}

.responsive-overlay{
	fill: rgba(255,255,255,0.0);
}

.content-container-image.partners{
	right: 50px;
	z-index: 2;
	top: 10%;
}
.content-container-image.yeast{
	width: 33%;
	position: absolute;
	top: -10%;
	left: 15%;
	transform: translateX(-25%);
	min-width: 660px;
}

.content-container.who-we-are{
	padding-bottom: 60px;
	padding-top: 60px;
}
.content-container-image.who-we-are{
	width: 33%;
	position: absolute;
	right: 5%;
	top: 100%;
	transform: translateY(-50%);
}
.content-container-image.about-bioethanol-img{
	position: absolute;
	right: 10%;
	z-index: 4;
	top: 25%;
}
.content-container-copy.what-we-do{
	padding-bottom: 190px;
}
.content-container-image.what-we-do-top{
	left: 2%;
	top: 10%;
}
.content-container-image.what-we-do-bottom{
	right: 2%;
	bottom: -15%;
	z-index: 3;
}
.above-prev{
	position: absolute;
	transform: translateY(-100%);
}

	.fake-padding{
		position: absolute;
		z-index: 2;
		background: #fff;
		display: none;
	}

	.fake-padding.top{
		width: 100%;
		height: 2px;
		top: 0;
		left: 0;
		display: none;
	}
	.fake-padding.btm{
		width: 100%;
		height: 2px;
		bottom: 0;
		left: 0;
	}
	.fake-padding.right{
		width: 2px;
		height: 100%;
		top: 0;
		right: 0;
	}
	.fake-padding.left{
		width: 2px;
		height: 100%;
		top: 0;
		left: 0;
		display: none;
	}

	blockquote {
	}

	label{
		position: relative;
	}

	strong,
	.strong{
		font-weight: 600;
	}

	/*SPRITES*/
		.sprite{
			display: inline-block;
			width: 32px;
			height: 32px;
			background: url(../images/svg-fallback/sprites.png?v=0.10) 0 0 no-repeat;
	    	background: linear-gradient(transparent, transparent), url(../images/sprites.svg?v=0.10) 0 0 no-repeat;
			/*background-size: auto 72px;*/
			background-size: auto 64px;
	   		vertical-align: middle;
		}
		.sprite-country{
			background: url(../images/svg-fallback/countries.png?v=0.01) 0 0 no-repeat;
	    	background: linear-gradient(transparent, transparent), url(../images/countries.svg?v=0.01) 0 0 no-repeat;
	    	display: inline-block;
			width: 50px;
			height: 50px;
			background-size: auto 200px;
	   		vertical-align: middle;
		}
		.country-btn[data-country="USA"] .sprite-country{
			background-position: -150px -50px;
		}
		.country-btn[data-country="Canada"] .sprite-country{
			background-position: -100px -50px;
		}
		.country-btn[data-country="Brasil"] .sprite-country{
			background-position: 0px -50px;
		}
		.country-btn[data-country="Mexico"] .sprite-country{
			background-position: -400px -50px;
		}
		.country-btn[data-country="United Kingdom"] .sprite-country{
			background-position: -50px -100px;
		}
		.country-btn[data-country="Italy"] .sprite-country{
			background-position: -450px -100px;
		}
		.country-btn[data-country="Spain"] .sprite-country{
			background-position: -150px -100px;
		}
		.country-btn[data-country="The Netherlands"] .sprite-country{
			background-position: -350px -100px;
		}
		.country-btn[data-country="India"] .sprite-country{
			background-position: 0px 0px;
		}
		.country-btn[data-country="China"] .sprite-country{
			background-position: -450px 0px;
		}
		.country-btn[data-country="UAE"] .sprite-country{
			background-position: -150px -150px;
		}
		.country-btn[data-country="Pakistan"] .sprite-country{
			background-position: -100px 0px;
		}
		.country-btn[data-country="Australia"] .sprite-country{
			background-position: -350px 0px;
		}
		.country-btn[data-country="New Zealand"] .sprite-country{
			background-position: -400px 0px;
		}
		.sprite-large{
			width: 96px;
			height: 96px;
			background-size: auto 172px;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
		}
		.sprite-medium{
			width: 24px;
			height: 24px;
			background-size: auto 48px;
		}
		.sprite.small{
			width: 16px;
			height: 16px;
			background-size: auto 32px;
		}
		.sprite-tick{
			background-position: -417px -32px;
		}
		.sprite.search{
			position: absolute;
		    top: 50%;
		    right: 90px;
		    transform: translateY(-50%);
		    transition: 0.3s;
		}
		.sprite-arrow{
			background-position: -388px -32px;
			width: 24px;
			transform: rotate(-90deg);
			transition: 0.3s ease-in-out;
		}
		.sprite-arrow.open{
			transform: rotate(-720deg);
		}
		.sprite-arrow-gold{
			background-position: -512px -32px;
			position: absolute;
			top: 50%;
			transform: translateY(-50%);
			right: 15px;
			z-index: 3;
			transition: 0.3s ease-in-out;
		}
		.sprite-search,
		.sprite.search{
			background-position: -352px 0;
		}
		.sprite-medium.sprite-search{
			background-position: -263px -24px;
		}
		.sprite-close{
			background-position: -420px 0;
		}
		.sprite.cross{
			position: sticky;
		    width: 32px;
		    height: 32px;
		    margin-top: 0px;
		    margin-right: -50px;
		    background-position: 0px -32px;
		    cursor: pointer;
		    z-index: 2;
		    float: right;
		}
		.sprite.web{
			background-position: -256px -32px;
		}
		.sprite.email{
			background-position: -272px -32px;
		}
		.sprite.phone{
			background-position: -256px -48px;
		}
		.sprite.fax{
			background-position: -272px -48px;
		}
		.sprite.countryUK,
		.sprite.countryEN{
			background-position: -97px 0px;
		}

		.sprite.countryES{
			background-position: -116px 3px;
		}

		.sprite.countryIT{
			background-position: -148px 3px;
		}

		.sprite.countryDE{
			background-position: -20px -32px;
		}

		.sprite.countryPT{
			background-position: -52px -32px;
		}

		.sprite.countryFR{
			background-position: -84px -32px;
		}

		.sprite.countryFR.countryNL{
			transform: rotate(-90deg);
		}

		.sprite.countryCN{
			background-position: -116px -32px;
		}

		.sprite.countryBR{
			background-position: -148px -32px;
		}

		.sprite.countryUS{
			background-position: -180px -32px;
		}

		.sprite.countryPL{
			background-position: -225px -32px;
		}
		.sprite-products{
			background-position: -1200px 8px;
			transform: translate(-50%, -50%) scale(1.15);
		}
		.sprite-trial-designs{
			background-position: -1200px -82px;
		}
		.sprite-bau-tech{
			background-position: -1288px 8px;
			left: calc(50% + 10px);
		}
		.sprite-data-collection{
			background-position: -1285px -82px;
		}
		.sprite-eval{
			background-position: -1372px 8px;
		}
	/*SPRITES*/

	/*FONTS*/
		.font-metrolite{
			font-family: 'MetroLite', sans-serif;
		}
		.font-hero{
			font-family: 'Hero', sans-serif;
		}
	/*FONTS*/

	/*BACKGROUNDS*/
		.bg-light-brown{
			background-color: #f9f2df;
		}
		.bg-gold{
			background-color: #c08700;
		}
		.bg-dark-brown{
			background-color: #c18700;
		}
		.bg-brown-gradient{
			background-color: #f9f2df;
			background-image: linear-gradient(to right, #f9f2df, #c18700)!important;
		}
		.bg-blue{
			background-color: #1e4488;
		}
	/*BACKGROUNDS*/

	/*FONT COLOURS*/
		.txt-white{
			color: #ffffff;
		}
		.txt-gold{
			color: #c08700;
		}
	/*FONT COLOURS*/

	/*GENERIC*/
		/*.intro-copy{
			position: absolute;
			right: 8%;
			top: -4%;
			transform: translateY(-100%);
		}*/
		.intro-copy{
			top: 60%;
			transform: translateY(-50%);
			right: 3%;
			margin-top: -30px;
			width: 40%;
			height: 85%;
			display: flex;
			flex-direction: column;
			justify-content: center;
		}
		.intro-copy h1{
			font-size: 70px;
			margin: 0;
			padding-top: 30px;
		}
		.intro-copy h6{
			font-size: 20px;
			margin: 0;
			text-align: center;
		}
		.intro-copy h1{
			text-align: center;
		}
	/*GENERIC*/

	/*HEADER*/
		.hero-wrapper{
			position: relative;
		}
		.hero-wrapper .logo{
			position: absolute;
			top: 65%;
			z-index: 2;
			transform: translateY(-50%);
			left: 7.5%;
			width: 33.33%;
		}
		.white-overlay-gradient{
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 200px;
			background: linear-gradient(to bottom, rgba(255,255,255,0.75), transparent);
			z-index: -1;
		}
		.home img{
			transition: 0.3s;
			opacity: 1;
		}
		.home:hover img{
			opacity: 0.5;
		}
		.search-box{
			right: 30px;
			bottom: -75%;
			background: #ffffff;
			border: 2px solid #c7911f;
			border-radius: 50px;
			width: 750px;
			transform: translateY(-50%);
		}
		.search-box form,
		form.search-on-page{
			display: flex;
			justify-content: space-between;
			width: 700px;
			margin: 0 auto;
			padding-top: 20px;
			padding-bottom: 20px;
		}
		form.search-on-page{
			width: 100%;
			padding-top: 0;
			padding-bottom: 0;
		}
		.search-box form .submit input[type="submit"],
		form.search-on-page .submit input[type="submit"]{
			padding: 5px 30px;
		}
		.search-box form input[type="text"],
		form.search-on-page input[type="text"]{
			border: 2px solid #c7911f;
			width: calc(100% - 150px);
			border-radius: 50px;
		}
		.search-box form label,
		form.search-on-page label{
			width: fit-content;
			padding: 0;
		}
		header .home{
			display: none;
		}
		header.scroll .bubble-home{
			display: none;
		}
		header.scroll .home{
		    display: block;
		    position: absolute;
		    top: 40%;
		    left: 8%;
		    width: calc(18% - 20px);
		    padding-top: 0px;
		}
		header.scroll .home img{
			opacity: 1;
			transition: 0.3s;
		}
		header.scroll .home:hover img{
			opacity: 0.4;
		}
		header .scroll-wave{
			position: absolute;
			transition: 0.3s;
			top: -180%;
			transition: 0.3s;
		}
		header.scroll .scroll-wave{
			display: block;
			top: 0;
			top: 0;
			filter: drop-shadow(0 0 2px rgba(0,0,0,0.05));
		}
		header.scroll .navigation-container{
			position: absolute;
			top: 15%;
			right: 7%;
			padding-top: 15px;
			padding-bottom: 15px;
			gap: 10px;
		}
		header.scroll .navigation-item{
			padding: 0;
			background: none;
			width: auto;
		}
		header.scroll .navigation-item a,
		header.scroll .navigation-item .search-toggle p{
			color: #c7911f;
			transition: 0.3s;
		}
		header.scroll .navigation-item:hover a,
		header.scroll .navigation-item.current a,
		header.scroll .navigation-item:hover .search-toggle p{
			position: relative;
		}
		header.scroll .navigation-item:hover a::after,
		header.scroll .navigation-item.current a::after,
		header.scroll .navigation-item:hover .search-toggle p::after{
			content: "";
			height: 3px;			
			width: 50px;
			background: #c08700;
			position: absolute;
			bottom: 0;
			left: 50%;
			transform: translateX(-50%);
			border-radius: 20px;
		}
		.navigation-container{
			justify-content: end;
			padding-top: 30px;
			padding-bottom: 30px;
			padding-right: 40px;
			gap: 40px;
			align-items: center;
		}
		.navigation-item{
			border-radius: 60px;
			background: #c18700;
			cursor: pointer;
			transition: 0.3s;
			width: 150px;
			text-align: center;
		}
		.navigation-item.navigation-search-container{
			width: 60px;
			height: 40px;
			display: flex;
			justify-content: center;
			align-items: center;
			background: #c08700;
		}
		.navigation-item.navigation-search-container:hover .sprite-search{
			background-position: -263px 0;
		}
		header.scroll .sprite-search{
			background-position: -263px 0;
		}
		.search-toggle{
			width: 60px;
			height: 40px;
			display: flex;
			justify-content: center;
			align-items: center;
		}
		.navigation-item a{
			padding: 8px 20px;
			width: 150px;
			display: inline-block;
		}
		header.scroll .navigation-item a{
			width: auto;
		}
		.navigation-item:hover,
		.navigation-item.current{
			background: #f5e9c9;
		}
		.navigation-item a,
		.navigation-item .search-toggle p{
			font-size: 20px;
			line-height: 24px;
			color: #ffffff;
			text-transform: uppercase;
		}
		.navigation-item:hover a,
		.navigation-item.current a,
		.navigation-item:hover .search-toggle p{
			color: #000000;
		}
		.bubble-home{
			position: absolute;
			top: -110px;
			width: 40%;
			max-width: 570px;
		}
		.bubble-home img.bubble{
			width: 100%;
			height: 300px;
			margin-left: -1px;
			filter: drop-shadow(2px 4px 6px rgba(0,0,0,0.5));
		}
		.bubble-home .home{
			width: 65%;
			display: block;
			position: absolute;
			bottom: auto;
			top: 50%;
			right: 16%;
		}
		.hamburger{
			position: absolute;
			top: 50%;
			transform: translateY(-50%);
			right: 40px;
			width: 26px;
			height: 22px;
			align-items: center;
			transition: 0.6s;
			z-index: 100;
			cursor: pointer;
			display: none;
		}
		.hamburger-line-1,
		.hamburger-line-2,
		.hamburger-line-3{
			width: 100%;
			height: 2px;
			background: #d2a74b;
			transition: 0.6s;
		}
		.hamburger-line-2{
			margin: 8px 0;
		}
		.hamburger.rotate .hamburger-line-1{
			transform: translateY(9px) rotateZ(-45deg);
		}
		.hamburger.rotate .hamburger-line-2{
			transform: translateY(-1px) rotateZ(45deg);
		}
		.hamburger.rotate .hamburger-line-3{
			display: none;
		}
	/*HEADER*/
	/*SEARCH*/
		/*.intro-copy.search-page{
			right: 17%;
			top: -17%;
		}*/
		.search-results{
			width: 80%;
			margin: 0 auto;
			padding-top: 75px;
			padding-bottom: 30px;
		}
		.search-results hr{
			width: 100%;
		}
		.link-arrow{
			transition: 0.3s;
			padding-left: 10px;
		}
		.link-arrow .arrow-right{
			background-position: -225px 0;
			transform: rotate(-90deg);
		}
		.search-result h5{
			display: inline-block;
			padding-bottom: 0;
			opacity: 1;
			transition: 0.3s;
		}
		.search-result .excerpt{
			padding-top: 15px;
		}
		.search-result h5:hover{
			opacity: 0.5;
		}
		.search-result h5:hover .link-arrow{
			padding-left: 20px;
		}
	/*SEARCH*/
	/*WAVES*/
		/*.wave-white.wave-style-one .wave-img{
			position: absolute;
		    top: 1px;
		    transform: translateY(-100%);
		}*/
		.wave-intro-container,
		.wave-img.home{
		    top: 1px;
		    transform: translateY(-100%);
		}
		.wave-white.wave-style-one .wave-img.aspect-adjust{
			aspect-ratio: 4.3;
		}
		.wave-white.wave-style-one .wave-img.flip{
			transform: translateY(-100%) scaleX(-1);
		}
		.wave-img{
			display: block;
	    width: 102%;
	    line-height: 100%;
	    margin-left: -1%;
	    margin-top: 1px;
		}
	/*WAVES*/
	/*ENZYMES*/
		.enzyme{
			width: 200px;
			position: absolute;
			display: none;
		}
		.enzyme-icon{
			z-index: 3;
			display: none!important;
		}
		.enzyme-icon.home-icon-top{
			top: -10%;
			left: 68%;
			transform: translate(-50%, -100%);
			width: 200px;
		}
		.enzyme-icon.home-icon-right{
			width: 150px;
			right: 10%;
			top: 0%;
		}
		.enzyme-icon.home-icon-left{
			width: 125px;
			bottom: 5%;
			left: 5%;
		}
		.enzyme-icon.home-icon-left.about{
			bottom: 0%;
		}
		.enzyme-icon.home-icon-left.r-d{
			bottom: -15%;
		}
		.enzyme-icon.home-icon-brn-left{
			width: 125px;
			top: 15%;
			left: 7%;
		}
		.enzyme-icon.home-icon-brn-left.about{
			top: 10%;
		}
	/*ENZYMES*/
	/*HOME*/
		.logo.home{
			width: 28%;
	    height: auto;
	    position: absolute;
	    left: 10%;
	    top: 8%;
	    z-index: 2;
		}
		.content-container-copy{
			display: flex;
			flex-direction: column;
		}
		.content-container.biofuel .content-container-copy{
			padding-top: 50px;
			padding-bottom: 50px;
		}
		.goals-container{
			display: flex;
			flex-wrap: wrap;
			margin-top: 60px;
		}
		.goals-container img{
			width: 33.33%;
			padding-right: 30px;
			padding-bottom: 30px;
		}
		.goals-container img:nth-child(3n){
			padding-right: 0;
		}
		.content-container-image.sustainability{
			position: absolute;
			top: -285px;
			right: 43%;
			width: 17%;
			min-width: 400px;
		}
		.content-container-image.sustainability-second{
		    position: absolute;
		    right: 5%;
		    width: 40%;
		    top: 10%;
		}
		.content-container-copy.innovative-yeast{
			padding-top: 30px;
			margin-bottom: 0px!important;
		}
		.content-container-copy.sustainability{
			padding-right: 20px;
		}
		.content-container-image.sustainable-goals{
			padding-left: 50px;
		}
		.content-container.partners .content-container-copy{
			width: 500px;
		}
		.content-container-copy ul{
			width: 65%;
		}
		.content-container.partners .content-container-copy h3,
		.content-container.who-we-are .content-container-copy h3,
		.content-container.what-we-do .content-container-copy h3{
			padding-bottom: 0;
			font-size: 30px;
			line-height: 36px;
		}
		.content-container.what-we-do .content-container-copy hr{
			margin: 10px auto 15px auto;
		}
		.content-container-copy h3{
			display: inline-block;
			padding-bottom: 30px;
		}
		.content-container-copy h3 .font-hero{
			display: inline-block;
			border-bottom: 3px solid #c08700;
			padding-bottom: 15px;
		}
		.bg-gold .content-container-copy h3 .font-hero{
			border-bottom: 3px solid #fff;
		}
		.nutrients-block{
			margin-top: 125px;
			padding-bottom: 55px;
		}
		.wave.bg-gold.nutrients{
			padding-bottom: 120px;
		}
	/*HOME*/
	/*ABOUT*/

	/*ABOUT*/
	/*PORTFOLIO*/
		.portfolio-filter-container h5,
		.portfolio-filter-container p{
			padding-bottom: 0;
		}
		.portfolio-filter-container.fade-in{
			margin-top: 0!important;
		}
		.portfolio-filter-range{
			background: #dddddd;
			border-radius: 50px;
			padding: 10px 10px 10px 30px;
			gap: 15px;
			border: 3px solid transparent;
		}
		.portfolio-filter-region{
			width: 400px;
			position: relative;
			border-radius: 50px;
			background: #fff;
			padding: 10px 30px;
			border: 3px solid #b6b6b6;
			cursor: pointer;
			justify-content: space-between;
		}
		.portfolio-filter-region h5{
			margin-right: 20px;
		}
		.portfolio-filter-range .range-filter{
			color: #fff;
			border-radius: 30px;
			padding: 10px 30px;
			cursor: pointer;
		}
		.portfolio-filter-range .range-filter.yeast-visible{
			display: flex;
			padding: 0;
		}
		.portfolio-filter-range .range-filter:hover{
			opacity: 0.5;
		}
		.portfolio-filter-range .range-filter.yeast-child:hover{
			opacity: 1;
		}
		.portfolio-filter-range .range-filter[data-range="all"]{
			background: #555555;
		}
		.portfolio-filter-range .range-filter.set[data-range="all"]{
			background: #fff;
			color: #555555;
		}
		.portfolio-filter.yeast-container{
			position: relative;
		}
		.portfolio-filter-range .range-filter.yeast-child{
			display: none;
			position: absolute;
			width: 320px;
			text-align: center;
			left: 50%;
			transform: translateX(-50%);
			z-index: 3;
			background: #fff;
			top: 75px;
			padding-top: 20px;
			padding-bottom: 20px;
			box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
		}
		.portfolio-filter.range-filter.yeast.material{
			display: none;
		}
		.portfolio-filter-range .range-filter[data-range="yeast"]{
			background: #c08700;
		}
		.portfolio-filter-range .range-filter.yeast-set[data-range="yeast"]{
			border-top-right-radius: 0;
			border-bottom-right-radius: 0;
			padding-right: 15px;
			transition: 0;
		}
		.portfolio-filter-range .range-filter[data-range="grain"]{
			background: #1d4fa6;
			margin-bottom: 20px;
		}
		.portfolio-filter-range .range-filter.yeast.material[data-range="grain"],
		.portfolio-filter-range .range-filter.yeast.material[data-range="molasses"]{
			margin-bottom: 0;
			border-top-left-radius: 0;
			border-bottom-left-radius: 0;
			padding-left: 15px;
			background: #735100;
			color: #fff;
		}
		.portfolio-filter-range .range-filter.set[data-range="grain"]{
			background: #fff;
			color: #1d4fa6;
		}
		.portfolio-filter-range .range-filter[data-range="molasses"]{
			background: #057a3d;
		}
		.portfolio-filter-range .range-filter.set[data-range="molasses"]{
			background: #fff;
			color: #057a3d;
		}
		.portfolio-filter-range .range-filter[data-range="nutrients"]{
			background: #225425;
		}
		.portfolio-filter-range .range-filter.set[data-range="nutrients"]{
			background: #fff;
			color: #057a3d;
		}
		.select-product-inner{
			height: 37px;
			position: absolute;
			right: 75px;
			padding: 5px 0px;
			background: #fff;
			top: 10px;
			overflow: hidden;
			z-index: 3;
		}
		.select-product-inner.open{
			box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
			border-radius: 20px;
			min-height: 235px;
		}
		.select-region.selector{
			transition: 0.3s;
			background: #fff;
		}
		.select-region.selector:hover{
			background: #ddd;
		}
		.select-region{
			padding: 5px 20px;
		}
		.portfolio-filter-container.faded-in{
			margin-bottom: 0!important;
			padding-top: 50px;
			gap: 50px;
			justify-content: center;
		}
		.portfolio-filter-range h5{
			margin-right: 15px;
		}
		.portfolio-item img.default{
			margin: 0 auto;
			filter: drop-shadow(2px 2px 6px rgba(0,0,0,0.7));
			width: auto;
			height: 190px;
		}
		.portfolio-item hr{
			margin: 10px auto 15px auto;
			height: 1px;
			display: none;
		}
		.portfolio-item h4{
			padding-bottom: 5px;
			padding-top: 30px;
			font-weight: 600;
		}
		.portfolio-item .button{
			margin-bottom: 0;
			margin-top: 10px;
			box-shadow: none;
		}
		.portfolio-item .button.enquire{
			display: flex;
			align-items: center;
			gap: 15px;
			flex-direction: row-reverse;
		}
		.enquire-contact.contact-icon{
			display: inline-block;
			width: 32px;
		}
		.portfolio-item .bullets .bullet-copy{
			width: 250px;
		}
		.portfolio-item .bullets .bullet{
			display: flex;
			align-items: center;
			justify-content: center;
			gap: 15px;
			padding-bottom: 10px;
		}
		.cta-links{
			gap: 30px;
		}
		.learn-more-popup{
			width: 100%;
			height: 100%;
			position: fixed;
			z-index: 99;
			top: 0;
			left: 0;
		}
		.learn-more-popup .inner{
			width: 768px;
			max-width: 90%;
			border-radius: 20px;
			position: fixed;
			background: #ffffff;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			outline: 2000px solid rgba(0,0,0,0.5);
		}
		.learn-more-popup .product-copy{
			max-height: 50vh;
			overflow-y: auto;
		}
		.product-copy .details{
			padding: 30px 30px 15px 120px;
		}
		.product-copy .details.coming-soon-details{
			padding-bottom: 30px;
		}
		.product-copy p{
			padding-bottom: 0;
		}
		.product-pis-intro p{
			font-weight: 700;
		}
		.product-pis-intro{
			padding-bottom: 15px;
		}
		.bullets{
			min-height: 219px;
			display: none!important;
		}
		.product-copy .product-pis{
			padding: 15px 30px 30px 120px;
			border-bottom-left-radius: 20px;
			border-bottom-right-radius: 20px;
		}
		.learn-more-popup .product-packshot{
		    position: absolute;
		    top: -60px;
		    left: -50px;
		    width: 260px;
		    height: auto;
		    transform: translateX(-50%);
		    filter: drop-shadow(6px 6px 4px rgba(0, 0, 0, 0.5));
		}
		.products{
			align-items: baseline;
			padding-bottom: 9%;
		}
	/*PORTFOLIO*/
	/*RESEARCH*/
			.content-container.about-bioethanol{
				margin-bottom: 180px;
			}
		.content-container.technical-service{
			padding-bottom: 225px;
		}
		.technical-service-intro{
			text-align: center;
			color: #c08700;
			padding: 0px 0 115px 0;
		}
		.technical-service-intro h2{
			font-size: 62px;
			line-height: 70px;
			padding-bottom: 0;
		}
		.technical-service-intro h4{
			font-size: 40px;
			line-height: 55px;
			padding-bottom: 0;
		}
		.technical-service-intro h3{
			font-weight: 700;
		}
		.technical-service-wrapper{
			width: 1366px;
			max-width: 100%;
			margin: 0 auto;
			padding: 20px;
			display: flex;
			justify-content: center;
			flex-wrap: wrap;
			column-gap: 70px;
			row-gap: 0px;
		}
		.technical-service-container{
			width: 280px;
			height: 280px;
			border-radius: 400px;
			background: #f5ecd7;
			display: flex;
			justify-content: center;
			flex-direction: column;
			position: relative;
			margin-top: -40px;
		}
		.technical-service-container .pos{
		    width: 40px;
		    height: 40px;
		    background: red;
		    font-weight: 600;
		    color: #fff;
		    display: flex;
		    justify-content: center;
		    align-items: center;
		    border-radius: 32px;
		    position: absolute;
		    top: 20%;
		    transform: translateY(-50%);
		    left: 5%;
		    text-align: center;
		    font-size: 30px;
		}
		.technical-service-container .arrow{
			position: absolute;
			width: 48px;
			z-index: 3;
		}
		.technical-service-container.products .arrow{
			bottom: 5%;
			right: 15%;
		}
		.technical-service-container.data-collection .arrow,
		.technical-service-container.eval .arrow{
			transform: rotate(180deg) scaleX(-1);
			top: -5%;
			right: 8%;
		}
		.technical-service-container.trial-designs .arrow{
			bottom: 0%;
			right: 15%;
		}
		.technical-service-container.bau-tech .arrow{
			display: none;
		}
		.technical-service-container.eval .pos,
		.technical-service-container.data-collection .pos{
			top: 35%;
			left: -5%;
		}
		.technical-service-container .pos p{
			padding-bottom: 0;
		}
		.technical-service-container.products{
			padding-bottom: 0;
		}
		.technical-service-container.products .details li{
			color: #1f7eb0;
		}
		.technical-service-container.trial-designs .details li{
			color: #ba8016;
		}
		.technical-service-container.bau-tech .details li{
			color: #3bb44b;
		}
		.technical-service-container.data-collection .details li{
			color: #ef5738;
		}
		.technical-service-container.eval .details li{
			color: #92278f;
		}

		.technical-service-container.products .pos{
			background: #1f7eb0;
		}
		.technical-service-container.trial-designs .pos{
			background: #ba8016;
		}
		.technical-service-container.bau-tech .pos{
			background: #3bb44b;
		}
		.technical-service-container.data-collection .pos{
			background: #ef5738;
		}
		.technical-service-container.eval .pos{
			background: #92278f;
		}
		.technical-service-container:nth-child(2)::after{
			content: "";
			width: 100%;
		    position: absolute;
		    inset: 0;
		    background: url("../images/tss-connector.svg");
	        background-size: 136px;
		    background-position: center;
		    background-repeat: no-repeat;
		    transform: rotate(9deg);
		    transform-origin: center;
		    pointer-events: none;
		    z-index: 0;
		    bottom: -94%;
		    left: -81%;
		}
		.technical-service-container.eval .arrow{
			top: auto;
			right: 20%;
			transform: none;
			bottom: 0;
		}
		.technical-service-container:nth-child(2)::before{
			content: "";
			width: 100%;
		  position: absolute;
		  inset: 0;
		  background: url("../images/tss-connector.svg");
      background-size: 136px;
	    background-position: center;
	    background-repeat: no-repeat;
	    transform: rotate(76deg);
	    transform-origin: center;
	    pointer-events: none;
	    z-index: 0;
	    bottom: -82%;
	    left: -33%;
		}
		.technical-service-container:nth-child(3)::before{
			content: "";
			width: 100%;
		  position: absolute;
		  inset: 0;
		  background: url("../images/tss-connector.svg");
      background-size: 136px;
	    background-position: center;
	    background-repeat: no-repeat;
	    transform: rotate(76deg);
	    transform-origin: center;
	    pointer-events: none;
	    z-index: 0;
	    bottom: -82%;
	    left: -33%;
		}
		.technical-service-container:nth-child(1)::after{
			content: "";
			width: 100%;
		  position: absolute;
		  inset: 0;
		  background: url("../images/tss-connector.svg");
      background-size: 136px;
	    background-position: center;
	    background-repeat: no-repeat;
	    transform: rotate(0deg);
	    transform-origin: center;
	    pointer-events: none;
	    z-index: 0;
	    bottom: -82%;
	    left: 33%;
		}
		.technical-service-container .technical-service-inner{
			width: 160px;
			height: 160px;
			margin: 0 auto;
		}
		.technical-service-container .title{
			height: 60px;
			display: flex;
			justify-content: center;
			align-items: center;
		}
		.technical-service-container .title h3{
			text-align: center;
			font-size: 22px;
			line-height: 24px;
			font-weight: 700;
		}
		.technical-service-container .details ul{
			width: fit-content;
			max-width: 140px;
			margin: 0 auto;
			padding: 0 5px;
		}
		.technical-service-container .details li{
			font-size: 14px;
			line-height: 18px;
			font-weight: 700;
			color: #bb8115;
			padding: 0;
		}
		.technical-service-container .technical_icon{
			max-width: 100px;
			margin: 0 auto;
			position: absolute;
			top: 0;
			left: 50%;
			transform: translateY(-50%) translateX(-50%) scale(1.5);
		}
		.technical-service-container .details{
			margin-top: 10px;
		}
		.content-container-image.parallax-container.application-btm{
			position: absolute;
			right: 50px;
			top: -5%;
			width: 40%;
			z-index: 3;
			padding-left: 0;
			max-width: 650px;
		}
		.content-container-image.parallax-container.application-top{
			top: 100%;
			position: absolute;
			left: 15%;
		}
	/*RESEARCH*/
	/*RELATED*/
		.related.faded-in{
			margin-bottom: 0!important;
		}/*
		.related.wave{
			margin-top: 6%;
		}*/
		.related.wave .wave-img{
			position: absolute;
			top: 0;
			transform: translateY(-100%);
		}
		.related-title hr{
			width: auto;
		}
		.related-links hr{
			width: 124px;
			margin-bottom: 60px;
		}
		.related-links h3.txt-gold{
			width: fit-content;
		}
		.related-links h3.txt-gold.fade-in{
			margin-top: 0;
		}
		.related-links h3.related-intro.faded-in{
			padding-bottom: 30px;
		}
		.related-links{
			width: calc(100% - 260px);
			margin: 0 auto;
			padding-bottom: 60px;
		}
		.related-link.related-no-image .related-title{
			width: 35%;
		    top: 0;
		    height: 55%;
		    text-align: center;
		    display: flex;
		    justify-content: center;
		    align-items: anchor-center;
		    left: 4%;
		}
		.related-link.related-image .related-title{
			width: 30%;
		    top: 0;
		    height: 45%;
		    text-align: center;
		    display: flex;
		    justify-content: center;
		    align-items: anchor-center;
		    left: 0%;
		}
		.related-link.related-image .related-copy{
		    right: 15%;
		    top: 50%;
		    width: 42%;
		    text-align: center;
		    transform: translateY(-50%);
		}
		.related-link.related-no-image .related-copy{
			width: 45%;
		    top: 55%;
		    right: 5%;
		    text-align: center;
		    transform: translateY(-50%);
		}
		.related-copy .button{
			margin-bottom: 0;
		}
		.related-img{
			width: 26%;
		    height: 40%;
		    background-size: cover;
		    background-position: center;
		    border-radius: 500px;
		    bottom: 0;
		    left: 9%;
		}
		.related-link.left{
			padding-right: 35px;
		}
		.related-link.right{
			padding-left: 35px;
		}
		h3.related-intro{
			text-decoration: underline;
			text-underline-offset: 20px;
			text-decoration-color: #d8a729;
		}
	/*RELATED*/
	/*CONTACT*/
	.undermap{
		opacity: 0;
		cursor: pointer;
	}
	.region.selected{
		cursor: pointer;
	}
	.region.selected .st0{
		fill: #f9f2df;
	}
	#hoverBox{
		background: #333;
		color: #fff;
		padding: 8px 14px;
		border-radius: 10px;
	}
	.form-fake.responsive-map{
		display: none;
	}
		.map-popup{
			display: none;
			padding: 20px 20px 10px 20px;
			width: 50%;
			z-index: 3;
		}
		.map-popup.details{
			padding-top: 0;
		}
		.map-popup.region-intro{
			width: 100%;
		}
		.map-popup.open{
			display: block;
		}
		/* FIRST .open (no previous .open sibling) */
		.map-popup-inner > .map-popup.open:not(:has(.map-popup.open ~ &)) {
		  border-radius: 27px;
		}

		/* LAST .open (no following .open sibling) */
		.map-popup-inner > .map-popup.open:not(:has(~ .map-popup.open)) {
		  border-bottom-left-radius: 27px;
		  border-bottom: 0;
		  border-bottom-right-radius: 27px;
		}
		.map-points{
			display: flex;
			flex-wrap: wrap;
			width: 100%;
			padding-bottom: 20px;
			border-radius: 0 0 27px 27px;
			justify-content: center;
			background: #fff;
			padding-bottom: 20px;
			gap: 20px;
			padding-top: 0px;
		}
		.map-points .map-popup.details{
			width: calc(33.33% - 40px);
			padding: 20px;
			padding-bottom: 10px;
			background: #eee;
			border-radius: 20px;
		}
		.map-points .map-popup.details{
			font-size: 14px;
			line-height: 19px;
		}
		.map-popup .popup-close{
			display: none;
		}
		.map-popup-inner > .popup-close{
			position: absolute;
			top: -15px;
			transform: translateY(-100%);
			right: 0;
			background-color: #fff;
			border-radius: 40px;
			border: 2px solid #ba8016;
			width: 48px;
			height: 48px;
			cursor: pointer;
			opacity: 1;
		}
		.map-popup-inner > .popup-close > .sprite-close{
			background-size: auto 64px;
			background-position: -415px -1px;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%) scale(0.85);
		}
		.map-popup-container{
			display: none;
			align-items: center;
			justify-content: center;
			position: fixed;
			top: 50%;
			left: 50%;
			z-index: 99;
			width: 100%;
			height: 100%;
			transform: translate(-50%, -50%);
			background: rgba(0,0,0,0.7);
		}
		.map-popup-inner{
			width: 1024px;
			margin: 0 auto;
			border: 3px solid #ba8016;
			position: relative;
			border-radius: 30px;
			background: #fff;
			display: flex;
			flex-wrap: wrap;
		}
		.map-popup-container.open{
			display: flex;
		}
		.map-popup .popup-close:hover{
			background-color: #f9f2df;
		}
		.map-popup p strong{
			font-size: 27px;
			line-height: 32px;
		}
		.map-popup p,
		.map-popup p strong{
			font-size: 16px;
			line-height: 21px;
			padding-bottom: 10px;
		}
		.map-popup h4{
			font-size: 30px;
			line-height: 35px;
			text-align: center;
		}
		.country-btn{
		    display: flex;
		    align-items: center;
		    gap: 15px;
		    cursor: pointer;
		    padding: 5px 10px 5px 5px;
		    transition: 0.3s;
		    border-radius: 10px;
		    border: 2px solid transparent;
		}
		.country-btn:hover,
		.country-btn.selected-country{
			border: 2px solid #ba8016;
		}
		.country-btn-wrapper{
			padding-left: 15px;
			padding-right: 15px;
			padding-bottom: 15px;
			display: flex;
			gap: 10px;
			width: 100%;
			justify-content: center;
			flex-wrap: wrap;
		}
		.placeholder{
		    width: 50px;
		    height: 50px;
		    background: red;
		    border-radius: 10px;
		}
		p.country-name{
			padding-bottom: 0;
		}
		.dots-overlay{
			top: 0;
			left: 0;
		}
		.interactive-map-dot{
			cursor: pointer;
			opacity: 1;
			transition: 0.3s ease-in-out;
		}
		.interactive-map-dot:hover{
			opacity: 0.5;
		}
		.contact-item.region-select{
			position: relative;
			cursor: pointer;
		}
		.contact-item.contact-message{
			width: 100%;
		}
		.contact-item.region-select .select-real{
			display: none;
		}
		.region-select .select-fake{
					border-radius: 20px;
			    border: 2px solid #ba8016;
			    z-index: 3;
			    background: #fff;
			    width: 100%;
			    top: 0px;
			    left: 0;
			    padding: 2px 15px 2px 15px;
			    height: 48px;
			    overflow: hidden;
			    transition: 0.3s ease-in-out;
			}
			.region-select .fake-select:hover{
				color: #c7911f;
			}
			.region-select.open .select-fake{
				height: 215px;
			}
			/*.region-select .select-fake{
				height: 360px;
			}*/
			.region-select .sprite-arrow-gold{
				top: 24px;
				right: 45px;
				transform: translateY(-50%);
			}
			.region-select.open .sprite-arrow-gold{
				transform: translateY(-50%) rotate(180deg);
			}
			.region-select .option.default,
			.region-select .fake-select{
				line-height: 25px;
				font-size: 15px;
				font-family: 'Hero', sans-serif;
				font-weight: 700;
				color: grey;
			}
			.region-select .fake-select{
				padding: 8px 0;
				border-top: 1px solid rgba(186, 128, 22, 0.5);
				font-weight: 500;
			}
			.region-select .fake-select:first-of-type{
				border-top: 0px;
			}
			.region-select .fake-select p{
				padding-bottom: 0;
			}
			.region-select .fake-select.selected{
				display: block;
			}
		.contact-item{
			padding-bottom: 15px;
			opacity: 1;
			transition: 0.3s ease-in-out;
			width: 50%;
		}
		.contact-item.name,
		.contact-item.region-select{
			float: left;
			padding-right: 25px;
		}
		.contact-item.email,
		.contact-item.contact-type{
			float: right;
			padding-left: 25px;
		}
		.contact-container{
			padding-left: 40px;
			padding-right: 40px;
		}
		.contact-form{
			padding-top: 0px;
			padding-bottom: 40px;
		}
		.contact-table{
			width: 80%;
			margin: 0 auto;
		}
		.contact-item p{
			padding-bottom: 0;
		}
		p.consent{
			padding-bottom: 0;
			padding-top: 15px;
		}
		.contact-item.left{
			padding-bottom: 30px;
		}
		.contact-item.right{
			padding-bottom: 30px;
		}
		.contact-form form input,
		.contact-form form textarea,
		.contact-form form select{
			border: 2px solid #c7911f;
			border-radius: 20px;
			padding: 20px;
		}
		.submit input[type="submit"]{
			border-radius: 30px;
			background: #c7911f;
			color: #ffffff;
			text-transform: uppercase;
			font-weight: 600;
			outline: 2px solid transparent;
			transition: 0.3s;
			cursor: pointer;
			border: 0px;
			padding: 10px 20px;
		}
		.submit input[type="submit"]:hover{
			outline: 2px solid #c7911f;
			color: #c7911f;
			background: #ffffff;
		}
	/*CONTACT*/
	/*FOOTER*/
		#ccc-icon.ccc-icon--dark{
			fill: #c18700!important;
		}
		.contact-container.small-wave{
			background-image: url('../images/waves/contact-wave.svg');
			background-size: cover;
			background-repeat: no-repeat;
			position: absolute;
			bottom: 0;
			left: 0;
			height: 10%;
			width: 130%;
			max-height: 160px;
			display: flex;
			align-items: center;
			padding-left: 20%;
			color: #fff;
			z-index: 4;
		}
		.contact-container.small-wave .contact-inner{
			transform: translateX(-20%);
		}
		.contact-container.small-wave a{
			color: #c08700;
			background: #fff;
			border-radius: 30px;
			padding: 10px 35px;
			font-size: 20px;
			line-height: 24px;
			outline: 2px solid #fff;
			transition: 0.3s ease-in-out;
		}
		.contact-container.small-wave a:hover{
			background: #c08700;
			color: #fff;
			outline: 2px solid #fff;
		}
		.contact-container.small-wave p{
			padding-bottom: 0;
			font-weight: 600;
			font-size: 22px;
			line-height: 26px;
			padding-bottom: 30px;
		}
		.footer-nav-item p{
			padding-bottom: 0;
			font-weight: 600;
		}
		#cookies{
			position: fixed;
			width: 100%;
			max-width: 100%;
			left: 50%;
			transform: translateX(-50%);
			bottom: 0;
			background-color: #c18700;
			z-index: 3;
		}
		#closeCookieButton.button{
			margin-bottom: 0;
			background: #c18700;
			color: #ffffff;
			margin-top: 10px;
		}
		.cookie-box h6{
			padding-bottom: 0;
			font-size: 18px;
			line-height: 23px;
		}
		footer{
			width: 100%;
			max-width: 100%;
			margin: 0 auto;
			background: #404040;
			color: #ffffff;
			height: 160px;
		}
		.footer-nav-container{
			padding-top: 45px;
			gap: 50px;
		}
		.footer-top{
			width: 100%;
		    height: 25px;
		    max-width: 100%;
		    margin: 0 auto;
		    background-color: #808080;
		}
		footer .abbiotek{
		    width: 190px;
		    height: auto;
		    display: block;
		    right: 30px;
		    top: 50%;
		    transform: translateY(-50%);
		}
		footer .copyright p{
			padding-bottom: 0;
		}
		.portfolio.related.adjust{
			margin-top: -100px;
		}
	/*FOOTER*/
	/*LEGAL*/
		.legal-details{
			width: 80%;
			margin: 0 auto;
			padding-top: 50px;
			padding-bottom: 20px;
		}
		.legal-details h3{
			text-align: center;
			padding-bottom: 20px;
		}
		.legal-details.sitemap{
			justify-content: center;
			gap: 150px;
		}
		.legal-details.sitemap h6{
			padding-bottom: 0;
		}
		.legal-details .links{
			display: flex;
			flex-direction: column;
			text-align: center;
			gap: 5px;
		}
		.portfolio-item.width33.padd40v{
			padding-bottom: 0;
			padding-left: 15px;
			padding-right: 15px;
			width: 25%;
			position: relative;
		}
		.coming-soon{
			position: absolute;
			left: 50%;
			top: calc(50% - 35px);
			transform: translate(-50%, -50%);
			background: #555;
			color: #fff;
			padding: 10px 20px;
			border-radius: 15px;
			width: 185px;
			text-align: center;
		}
		.coming-soon p{
			padding-bottom: 0;
		}
		.coming-soon-img{
			opacity: 0.5;
		}

	/*LEGAL*/
	/*RESPONSIVE*/
		@media screen and (max-width: 1866px){
			.coming-soon{
				top: calc(50% - 70px);
			}
		}
		@media screen and (max-width: 1650px){
				.enzyme-icon.home-icon-left.about{
					bottom: -10%;
					width: 90px;
				}
				header.scroll .navigation-container{
					gap: 0;
					top: 20%;
					right: 14%;
					padding-right: 0;
				}
				.navigation-item a,
				.search-toggle{
					padding: 8px 10px;
				}
				.related-links{
					width: calc(100% - 180px);
				}
				.related-copy p{
					font-size: 14px;
					line-height: 21px;
				}
			}
			@media screen and (max-width: 1500px){
				header.scroll .home{
					top: 15%;
				}
				.navigation-item,
				.navigation-item a{
					width: 135px;
				}
				.navigation-item a, .navigation-item .search-toggle p{
					font-size: 17px;
					line-height: 21px;
				}
				.navigation-container{
					gap: 25px;
				}
				header.scroll .navigation-container{
					top: 10%;
					right: 14%;
				}
			}
			@media screen and (max-width: 1450px){
				.enzyme-icon.home-icon-right{
					top: -10%;
				}
				.portfolio-filter-range .range-filter{
					padding: 5px 20px;
				}
				.portfolio-filter-container h5, .portfolio-filter-container p{
					font-size: 18px;
				}
				.select-region{
					font-size: 18px;
				}
				.select-product-inner{
					right: 55px;
					top: 5px;
				}
				.portfolio-filter-region{
					width: 315px;
					padding: 5px 20px;
				}
			}
		@media screen and (max-width: 1600px){
			header.scroll .navigation-container{
				padding-right: 0;
			}
		}
		@media screen and (max-width: 1366px){
			.content-container-image.right.application{
				position: absolute;
				width: 350px;
				left: 50px;
				top: -100px;
			}
			.tailored .content-container-image,
			.cont-improve .content-container-image{
				padding-right: 0;
				position: absolute;
				width: 300px;
				top: -210px;
				right: 50px;
				padding-left: 0;
			}
			.cont-improve .content-container-image{
				right: auto;
				left: 50px;
			}
			.tailored.paddB200{
				padding-bottom: 200px;
			}
			.tailored.lab-to-application.today-challenge.paddB200{
				padding-bottom: 70px;
			}
			.tailored.cont-improve.paddB200{
				padding-bottom: 80px;
			}
			.content-container-image.parallax-container.r-d{
				left: 50px;
				width: 500px;
				display: none;
			}
			.content-container-image.parallax-container.biofuel{
				position: absolute;
				width: 300px;
				padding-left: 0;
				top: -110px;
				right: 50px;
			}
			.content-container-image.advanced-tech{
				position: absolute;
				padding-right: 0;
				width: 300px;
				top: -230px;
				right: 50px;
			}
			.paddT60{
				padding-top: 0;
			}
			.content-container-copy.application{
				width: 100%;
			}
			.content-container-copy.r-d{
				padding-left: 0
			}
			.navigation-container{
				gap: 20px;
				padding-right: 20px;
				padding-top: 20px;
			}
			.navigation-item{
				width: 130px;
			}
			.navigation-item a{
				width: 130px;
				font-size: 17px;
				line-height: 21px;
			}
			.footer-nav-container{
				font-size: 20px;
				line-height: 25px;
				gap: 30px;
			}
			header.scroll .navigation-container{
				padding-top: 0;
				top: 4%;
				right: 0%;
			}
			.portfolio-item.width33.padd40v{
				width: 33.33%;
			}
			.products.padd50h{
				padding-left: 25px;
				padding-right: 25px;
			}
			.bullets{
				min-height: 165px;
			}
			.related-links{
				width: 100%;
				padding-left: 50px;
				padding-right: 50px;
				padding-bottom: 0;
			}
			.related-link.right{
				padding-left: 0;
			}
			.related-link.left{
				padding-right: 0;
			}
			.related-link .related-copy{
				font-size: 18px;
				line-height: 23px;
				right: 10%;
			}
			.portfolio-filter-container.faded-in{
				padding-left: 20px;
				padding-right: 20px;
			}
			.goals-container img{
					width: 50%;
				}
				.goals-container img:nth-child(3n){
					padding-right: 30px;
				}
				.goals-container img:nth-child(2n){
					padding-right: 0px;
				}
				.contact-form.width40{
					width: 45%;
				}
				.contact-container{
					padding-left: 20px;
					padding-right: 20px;
				}
				.contact-container .flex.space-around{
					justify-content: space-between;
				}
				.intro-copy{
					top: 65%;
				}
				.intro-copy h1{
					font-size: 55px;
					line-height: 45px;
				}
		}
		@media screen and (max-width: 1250px){
			.search-box{
				bottom: -60%;
			}
			.content-container-image.parallax-container.r-d{
				left: 15px;
			}
			.navigation-item,
				.navigation-item a{
					width: 110px;
				}
				.navigation-container{
					gap: 20px;
					padding-right: 20px;
					padding-top: 10px;
					padding-bottom: 10px;
				}
				.related-links{
					width: 100%;
					padding-left: 25px;
					padding-right: 25px;
					padding-bottom: 30px;
				}
				.related-title h3{
					font-size: 18px;
					line-height: 23px;
				}
				.related-link.right{
					padding-left: 15px;
				}
				.related-link.left{
					padding-right: 15px;
				}
				.related-copy p{
					font-size: 12px;
					line-height: 19px;
				}
				.navigation-item a, .navigation-item .search-toggle p{
					font-size: 15px;
					line-height: 18px;
				}
				header.scroll .home{
					padding-top: 5px;
				}
				.learn-more-popup .product-packshot{
					width: 200px;
					top: -25px;
					left: -15px;
				}
				.portfolio-filter-container.faded-in.wrap1500{
					padding-left: 20px;
					padding-right: 20px;
					gap: 30px;
				}
				.portfolio-filter-container h5, .select-region,  .portfolio-filter-container p{
					font-size: 15px;
				}
		}
		@media screen and (max-width: 1100px){
				.map-popup-inner{
					max-width: calc(100% - 50px);
				}
				.country-btn{
					gap: 8px;
				}
				p.country-name{
					font-size: 16px;
					line-height: 21px;
				}
				.footer-nav-container{
					gap: 30px;
				}
				.portfolio-item{
					width: 30%;
				}
				.portfolio-item.nutrients{
					width: 100%;
				}
				.cta-links{
					gap: 30px;
				}
				.bubble-home img.bubble{
					height: 250px;
				}
				.enzyme-icon.home-icon-right{
					width: 100px;
				}
				.enzyme-icon.home-icon-left.about{
					bottom: -20%;
				}
				header.scroll .navigation-container{
					top: 5%;
					right: 11%;
				}
			}
		@media screen and (max-width: 1024px){
			.technical-service-container[data-pos="1"]{
				order: 1;
			}
			.technical-service-container[data-pos="1"]::after{
				bottom: -4%;
				left: 54%;
				transform: rotate(-51deg);
			}
			.technical-service-container.products[data-pos="1"] .arrow{
				bottom: 36%;
				right: -10%;
				transform: rotate(-45deg);
			}
			.technical-service-container[data-pos="2"]{
				order: 2;
			}
			.technical-service-container[data-pos="2"] .arrow{
				transform: rotate(45deg);
				top: auto;
				bottom: -11%;
				right: 18%;
			}
			.technical-service-container[data-pos="2"]::after{
				content: "";
				width: 100%;
				position: absolute;
				inset: 0;
				bottom: 0px;
				left: 0px;
				background: url("../images/tss-connector.svg");
				background-position-x: 0%;
				background-position-y: 0%;
				background-repeat: repeat;
				background-size: auto;
				background-size: 136px;
				background-position: center;
				background-repeat: no-repeat;
				transform: rotate(-7deg);
				transform-origin: center;
				pointer-events: none;
				z-index: 0;
   	 			bottom: -104%;
    			left: -3%;
			}
			.technical-service-container[data-pos="3"]{
				order: 4;
			}
			.technical-service-container[data-pos="3"]::before{
				bottom: 2%;
				left: -54%;
				transform: rotate(130deg);
			}
			.technical-service-container[data-pos="3"] .arrow{
				bottom: 40%;
				right: 97%;
				transform: rotate(131deg);
			}
			.technical-service-container[data-pos="4"]{
				order: 3;
			}
			.technical-service-container[data-pos="5"]{
				order: 5;
				margin-top: -10px;
			}
			.technical-service-container[data-pos="5"]::before{
				display: none;
			}
			.technical-service-container{
				margin-top: 10px;
			}
			.technical-service-wrapper{
				width: 85%;
				column-gap: 20px;
			}
			.coming-soon{
				top: calc(50% - 30px);
			}
			.related{
				margin-top: 120px;
				z-index: 5;
			}
			.content-container.what-we-do.bg-gold{
				padding-bottom: 75px;
			}
			.lab-to-application .content-container-copy.application{}
			.portfolio-item .button,
			.portfolio-item .button.enquire{
				margin-top: 0;
			}
			.select-product-inner.open{
				min-height: 200px;
			}
			h2{
				font-size: 25px;
				line-height: 33px;
				padding-bottom: 10px;
			}
			h4{
				font-size: 20px;
				line-height: 25px;
			}
			.sprite.search{
				transform: none;
				top: 20px;
			}
			.search-mobile{
				display: block;
				filter: drop-shadow(0px 0px 2px rgba(0,0,0,0.5));
			}
			.scroll .search-mobile{
				filter: drop-shadow(0px 0px 0px rgba(0, 0, 0, 0.0));
			}
			.search-box{
				bottom: auto;
				top: 65px;
				transform: none;
			}
			.hamburger{
				top: 25px;
				transform: translateY(0%);
			}
			.navigation-container{
				display: none;
			}
			.hamburger{
				display: block;
				filter: drop-shadow(0px 0px 2px rgba(0,0,0,0.5));
			}
			.scroll .hamburger{
				filter: drop-shadow(0px 0px 0px rgba(0, 0, 0, 0.0));
			}
			header.scroll .hamburger{
				top: 20px;
				transform: translateY(0%);
				right: 30px;
			}
			header.scroll .hamburger{
				top: 50%;
				transform: translateY(-50%);
			}
			header.scroll .sprite.search{
				background-position: -352px 0;
				right: 70px;
			}
			header.scroll .hamburger.rotate .hamburger-line-1,
			header.scroll .hamburger.rotate .hamburger-line-2,
			header.scroll .hamburger.rotate .hamburger-line-3,
			header.scroll .hamburger .hamburger-line-1,
			header.scroll .hamburger .hamburger-line-2,
			header.scroll .hamburger .hamburger-line-3{
				background: #c18700;
			}
			.hamburger.active-hamburger .hamburger-line-1,
			.hamburger.active-hamburger .hamburger-line-2,
			.hamburger.active-hamburger .hamburger-line-3{
				background: #c18700;
			}
			.navigation-container.mobile-navigation{
				width: 220px;
				display: inline-block;
			    text-align: center;
			    padding: 0;
			    position: absolute;
			    top: 75px;
			    right: 15px;
			    padding: 25px 25px 15px 25px;
			    background: #f9f2df;
			    border-radius: 30px;
			}
			.navigation-item.current{
				background: #fff;
				border: 2px solid #c18700;
			}
			.navigation-container.mobile-navigation .navigation-item{
				margin-bottom: 15px;
				width: 100%;
				transition: 0.3s ease-in-out;
			}
			.navigation-container.mobile-navigation .navigation-item:hover{
				opacity: 0.5;
			}
			header.scroll .navigation-container{
				padding-right: 25px;
				margin-top: 20px;
			}
			.navigation-container.mobile-navigation .navigation-item:last-of-type{
				display: none;
			}
			header.scroll .navigation-item:hover a::after, header.scroll .navigation-item.current a::after, header.scroll .navigation-item:hover .search-toggle p::after{
				display: none;
			}
			.navigation-container.mobile-navigation .navigation-item a{
				width: 100%;
			}
			.navigation-item.navigation-search-container{
				margin-bottom: 0;
				padding: 0;
			}
			.search-toggle{
				display: none;
			}
			header.scroll{
				background: #fff;
				height: 75px;
				box-shadow: 0 0 5px rgba(0,0,0,0.5);
			}
			header.scroll .home{
				top: 50%;
				transform: translateY(-50%);
				width: 220px;
				left: 50px;
				padding-top: 0;
			}
			header.scroll .scroll-wave{
				display: none;
			}
			.wrap1500,
			.wrap1700,
			.wrap1366{
				padding-left: 25px;
				padding-right: 25px;
			}
			body,
			.content-container.tailored .content-container-copy h4 small{
				font-size: 18px;
				line-height: 22px;
			}
			.contact-container.small-wave{
				position: static;
			}
			.contact-container.small-wave{
				width: 100%;
				padding-left: 0px;
				padding-top: 20px;
				padding-bottom: 20px;
				background-image: none;
				background: #c08700;
				height: auto;
			}
			.contact-container.small-wave p{
				padding-bottom: 0;
			}
			.contact-container.small-wave .contact-inner{
				display: flex;
				align-items: center;
				justify-content: center;
				width: 100%;
				gap: 30px;
				transform: none;
			}
			.content-container-copy{
				padding-top: 0!important;
			}
			.content-container.paddB120{
				padding-bottom: 0;
			}
			.content-container-image .parallax-wrapper{
				display: none;
			}
			.image-mobile{
				display: block;
			}
			.image-mobile img{
				width: 100%;
				height: 300px;
				object-fit: cover;
				object-position: center;
			}

			.content-container-image.who-we-are .image-mobile img,
			.content-container.about-bioethanol .image-mobile img,
			.content-container-image.application .image-mobile img{
				height: 400px;
			}
			.content-container-copy.application{
				width: 100%;
			}
			.content-container.applications{
				padding-top: 0;
			}
			/*.content-container-image.partners .image-mobile img{
				height: auto;
			}*/
			.content-container-copy{
				width: 100%;
				margin-bottom: 0!important;
				padding-bottom: 225px;
			}
			.content-container-copy.innovative-yeast{
				padding-bottom: 270px;
			}
			.content-container-copy.who-we-are{
				padding-bottom: 180px;
			}
			.content-container-copy.what-we-do{
				padding-bottom: 0;
			}
			.wave-gold.relative-noz{
				z-index: 2;
			}
			.content-container.padd40h{
				padding-left: 0;
				padding-right: 0;
			}
			.wave-gold .wave-img{
				margin-top: 1px;
			}
			.sustainability-icon{
				margin: 0 auto;
			}
			.content-container-copy.sustainability{
				padding-bottom: 0;
			}
			.content-container.paddB200{
				padding-bottom: 0px;
			}
			.content-container-copy .button{
				margin-bottom: 0!important;
			}
			.content-container-image{
				width: 100%!important;
				min-width: 100%!important;
				transform: none!important;
				right: 0;
				z-index: 0;
				height: 300px;
				bottom: 0!important;
				top: auto!important;
				z-index: 0!important;
				right: 0!important;
				left: 0!important;
				margin-bottom: 0!important;
				transform: translateY(70px)!important;
				float: none!important;
				position: absolute!important;
			}
			.content-container-image.partners .image-mobile img,
			.content-container-image.yeast{
				height: 350px;
			}
			.bg-white,
			.wave-white{
				background: #fff;
			}
			.navigation-item{
				width: 100px;
			}
			.navigation-container{
				gap: 10px;
				padding-right: 10px;
				padding-top: 20px;
			}
			.navigation-item a{
				width: 100px;
				font-size: 12px;
				line-height: 16px;
			}
			.navigation-item.navigation-search-container,
			.search-toggle{
				height: 32px;
			}
			.footer.padd30h{
				padding-left: 15px;
				padding-right: 15px;
			}
			.footer-nav-container{
				gap: 15px;
				font-size: 17px;
				line-height: 22px;
			}
			footer .abbiotek{
				width: 150px;
			}
			.content-container.who-we-are{
				padding-top: 30px;
			}
			.portfolio-item.width33.padd40v{
				width: 50%;
			}
			.products.padd50h{
				padding-bottom: 0;
			}
			.nutrient-block.content-container-copy,
			.nutrients-block{
				padding-bottom: 0;
			}
			.related-links{
				display: flex;
				flex-direction: column;
				align-items: center;
				padding-left: 20px;
				padding-right: 20px;
			}
			.related-link{
				min-width: 550px;
			}
			.related-link .related-copy{
				font-size: 15px;
				line-height: 20px;
				right: 10%;
			}
			.portfolio-filter-container.faded-in{
				flex-direction: column;
			}
			.portfolio-filter-region{
				width: 503px;
				margin: 0 auto;
			}
			.portfolio-filter-range{
				width: max-content;
				margin: 0 auto;
			}
			.portfolio-filter-container.faded-in{
				gap: 20px;
			}
			.select-product-inner{
				height: 30px;
			}
			.select-region.default{
				padding-top: 0;
			}
			.content-container-copy.application,
			.content-container.applications{
				padding-bottom: 0;
			}
			.content-container.biofuel .content-container-copy{
				padding-bottom: 0;
				padding-top: 50px!important;
			}
			.content-container.biofuel .content-container-copy.application{
				padding-top: 20px!important;
				padding-bottom: 240px;
			}
			.content-container.technical-service{
				padding-bottom: 140px;
			}
			.content-container.biofuel.bg-gold .content-container-copy.application{
				padding-bottom: 0;
				padding-left: 20px;
				padding-right: 20px;
			}
			.biofuel .content-container-copy.application{
				padding-bottom: 90px;
				padding-top: 30px!important;
			}
			.content-container-image.parallax-container.biofuel{
				padding-left: 0;
				margin-top: 0;
			}
			.lab-to-application .content-container-copy.application{
				padding-top: 30px!important;
				padding-bottom: 240px;
				padding-left: 20px;
				padding-right: 20px;
			}
			.today-challenge.lab-to-application .content-container-copy.application{
				padding-bottom: 170px;
			}
			.today-challenge.lab-to-application .image-mobile img{
				height: 350px;
			}
			.lab-to-application .content-container-image{
				padding-left: 0;
			}
			.content-container-copy.padd50h{
				padding-left: 20px;
				padding-right: 20px;
			}
			.tailored.cont-improve.paddB200{
				padding-bottom: 0;
			}
		}
		@media screen and (max-width: 960px){
				.legal-details.sitemap{
					gap: 0;
					column-gap: 150px;
				}
				.learn-more-popup .product-packshot{
					width: 150px;
					top: -30px;
					left: 15px;
				}
			}
			@media screen and (max-width: 900px){
				.footer-nav-item{
					font-size: 16px;
					line-height: 19px;
				}
				.footer-nav-container{
					gap: 15px;
				}
				.contact-table{
					padding-top: 40px;
				}
				small,
				.small{
					font-size: 12px;
					line-height: 18px;
				}
				.contact-container{
					padding: 0;
				}
				.enzyme-icon.home-icon-right{
					top: 33%;
				}
				.enzyme-icon.home-icon-left.about{
					bottom: auto;
					top: 50%;
					transform: translateY(50%);
					width: 120px;
				}
				.enzyme-icon.home-icon-brn-left.about{
					left: auto;
					right: 20%;
					top: 3%;
					width: 70px;
				}
				.intro-copy h1{
					font-size: 25px;
					margin: 0;
					padding-top: 40px;
					line-height: 20px;
					padding-bottom: 10px;
					text-align: center;
				}
				.intro-copy h6{
					font-size: 12px;
					margin: 0;
					text-align: center;
				}
				.contact-form,
				.contact-table{
					width: 100%;
				}
				.contact-form{
					padding-bottom: 0;
				}
				.legal-details{
					width: 96%;
				}
				.search-box form{
					width: calc(100% - 40px);
				}
				.search-box{
					width: 85%;
				}
				.intro .logo{
					top: -8%;
				}
				.portfolio-item{
					width: 50%;
					padding-bottom: 0;
				}
				.learn-more-popup .inner{
					width: calc(100% - 50px);
					max-width: 100%;
				}
				.learn-more-popup .sprite.cross{
					position: absolute;
					margin: 0;
					right: 20px;
					top: -45px;
				}
				.learn-more-popup .product-copy{
					padding-right: 0;
					padding-top: 0px;
				}
				.learn-more-popup .product-details{
					display: flex;
					flex-direction: column-reverse;
				}
				.learn-more-popup .product-packshot{
					position: static;
					transform: none;
					margin-top: 20px;
					margin-left: 20px;
				}
				.product-copy .details{
					padding-left: 30px;
				}
				.product-copy .product-pis{
					padding-left: 30px;
				}
			}
			@media screen and (max-width: 850px){
				.technical-service-intro h2{
					font-size: 47px;
					line-height: 65px;
				}
				.technical-service-intro h4{
					font-size: 30px;
					line-height: 45px;
				}
				.bubble-home .home{
					width: 50%;
					top: 67%;
					right: 24%;
				}
				.bubble-home img.bubble{
					height: 180px;
				}
			}
		@media screen and (max-width: 768px){
			.content-container.technical-service{
				padding-bottom: 65px;
			}
			.today-challenge.lab-to-application .content-container-copy.application{
				padding-bottom: 115px;
			}
			.technical-service-container::before,
			.technical-service-container::after{
				display: none;
			}
			.technical-service-container[data-pos="5"]{
				margin-top: 10px;
			}
			h2{
				font-size: 20px;
				line-height: 28px;
				padding-bottom: 10px;
			}
			h4{
				font-size: 17px;
				line-height: 22px;
			}
			.image-mobile img{
				height: 250px;
			}
			body,
			.content-container.tailored .content-container-copy h4 small{
				font-size: 15px;
				line-height: 19px;
			}
			.wrap1500, .wrap1700, .wrap1366{
				padding-left: 15px;
				padding-right: 15px;
			}
			.sustainability-icon{
				min-width: 280px;
			}
			header.scroll .home{
				width: 160px;
				left: 20px;
			}
			.contact-container.small-wave .contact-inner{
				flex-direction: column;
			}
			.content-container-image{
				height: 250px;
			}
			.content-container-copy{
				padding-bottom: 170px;
			}
			.content-container-copy h3{
				font-size: 20px;
				line-height: 25px;
			}
			.content-container-copy ul{
				width: 100%;
			}
			.footer-nav-container{
				padding-top: 0;
			  	flex-direction: column;
			  	justify-content: center;
			  	align-items: center;
			  	margin: 0 auto;
			  	float: none;
			}
			footer .abbiotek{
				width: 190px;
				position: static;
			    transform: none;
			    margin: 30px auto 0 auto;
			}
			footer{
				height: auto;
			}
			.content-container-copy.who-we-are{
				padding-bottom: 125px;
			}
			.portfolio-item.width33.padd40v{
				width: 100%;
			}
			.bullets{
				min-height: 0px;
			}
			.nutrient-block.image{
				width: 80%;
				margin: 0 auto;
				max-width: 280px;
			}
			.wave.bg-gold.nutrients{
				padding-bottom: 50px;
			}
			.related-link{
				min-width: 0px;
				width: 100%;
			}
			.map-points{
					max-height: 30vh;
					overflow-y: scroll;
				}
				.map-points .map-popup.details{
					width: calc(100% - 50px);
				}
				.country-btn-wrapper{
					width: 500px;
					margin: 0 auto;
				}
				.nutrients-block{
					margin-top: 30px;
				}
				.wave.bg-gold.nutrients{
					padding-bottom: 0;
				}
				.technical-service-container[data-pos="1"] { order: 1; }
				  .technical-service-container[data-pos="2"] { order: 2; }
				  .technical-service-container[data-pos="3"] { order: 3; }
				  .technical-service-container[data-pos="4"] { order: 4; }
				  .technical-service-container[data-pos="5"] { order: 5; }
				  .technical-service-wrapper{
				  	flex-direction: column;
				  	align-items: center;
				  }
				  .technical-service-container .arrow{
				  	display: none;
				  }
				.wave.bg-gold.nutrients{
					margin-top: -75px;
				}
				.wave.bg-gold.nutrients.portfolio-item{
					margin-top: 0;
					padding-bottom: 100px;
				}
				.products.padd50h{
					padding-bottom: 60px;
				}
				.button, a.button{
					margin-bottom: 0;
				}
				.goals-container.faded-in{
					margin-bottom: 0!important;
				}
				.wrap1500{
					padding-bottom: 0;
				}
				.legal-details{
					padding-top: 30px;
					padding-left: 20px;
					padding-right: 20px;
					width: 100%;
				}
				
				.footer-nav-container{
					padding-top: 0;
				}
				.footer-nav-item a p{
					text-align: center;
				}
				.footer-nav-item{
					padding-bottom: 0px;
				}
				.footer-nav-item:last-child{
					padding-bottom: 0;
				}
				footer{
					height: auto;
					display: flex;
					flex-direction: column;
					gap: 15px;
				}
				.footer-nav-container{
					flex-direction: column;
					gap: 0;
				}
				footer .abbiotek{
					position: static;
					margin: 0 auto;
					transform: none;
				}
				.products.padd50h{
					padding-left: 25px;
					padding-right: 25px;
				}
				.bullets{
					min-height: 165px;
				}
				.contact-item.name, .contact-item.region-select{
					padding-right: 10px;
				}
				.contact-item.email, .contact-item.contact-type{
					padding-left: 10px;
				}
				.wrap1700,
				.wrap1500,
				.wrap1366,
				.wrap1150{
					padding-left: 25px;
					padding-right: 25px;
				}
				.contact-form.content-container-copy{
					padding-bottom: 0;
				}
				.content-container.innovative{
					padding-bottom: 0;
				}
				.paddB200{
					padding-bottom: 0;
				}

				.map-popup .sprite-close{
					display: none;
				}
				.form-fake.responsive-map{
					display: block;
					width: 250px;
					padding: 10px 15px;
					margin: 0 auto;
					position: relative;
					height: 46px;
					margin-bottom: 35px;
				}
				.responsive-map .select-fake{
						border-radius: 30px;
				    position: absolute;
				    height: auto;
				    border: 2px solid #ba8016;
				    z-index: 3;
				    background: #fff;
				    width: 100%;
				    top: 0px;
				    left: 0;
				    padding: 2px 15px 2px 15px;
				    height: 46px;
				    overflow: hidden;
				    transition: 0.3s ease-in-out;
				}
				.responsive-map .sprite-arrow-gold{
					top: 24px;
				}
				.responsive-map.open .select-fake{
					height: 275px;
				}
				.responsive-map.open .sprite-arrow-gold{
					transform: rotate(180deg);
					top: 7px;
				}
				.responsive-map.active .select-fake{
					height: 360px;
				}
				.responsive-map.active .sprite-arrow-gold{
					transform: translateY(-50%) rotate(180deg);
				}
				.responsive-map .fake-select{
					padding: 8px 0;
					border-top: 1px solid rgba(186, 128, 22, 0.5);
					font-weight: 700;
				}
				.responsive-map .fake-select:first-of-type{
					border-top: 0px;
				}
				.responsive-map .fake-select p{
					padding-bottom: 0;
				}
				.responsive-map .fake-select.selected{
					display: block;
				}
				.map-popup{
					position: static;
					transform: none;
					margin: 0 auto;
				}
				.map-popup .sprite-close{
					display: none;
				}
				.wave.wave-brown img.wave-img{
					width: 200%;
				}
				.contact-table table{
					border: 0;
				}
				.contact-table table thead{
					display: none;
				}
				.contact-table table tbody tr{
					border: none;
					text-align: center;
				}
				.contact-table table tbody tr td{
					width: 100%;
					display: inline-block;
					box-sizing: border-box;
					border: none;
					text-align: center!important;
				}
				.contact-container{
					padding-top: 25px;
				}
				.contact-item.left{
					padding-right: 5px;
					padding-bottom: 15px;
				}
				.contact-item.right{
					padding-left: 5px;
					padding-bottom: 15px;
				}
				.related-link.left,
				.related-link.right{
					width: 100%;
				}
				.search-results{
					width: 90%;
				}
				.search-result h5{
					font-size: 16px;
					line-height: 22px;
				}
				.search-result p{
					font-size: 14px;
					line-height: 21px;
				}
				.search-result .excerpt{
					padding-top: 5px;
					padding-bottom: 5px;
				}
				body,
				.content-container.tailored .content-container-copy h4 small{
					font-size: 15px;
					line-height: 22px;
				}
				.footer-nav-container{
					gap: 20px;
				}
				.parallax-wrapper.faded-in{
					margin-bottom: 0!important;
				}
				/*.responsive-overlay{
					width: 100%;
					height: 100%;
					position: absolute;
					top: 0;
					left: 0;
					fill: rgba(255,255,255,0.8);
				}*/
				.about-bioethanol.wave{
					z-index: 5;
				}
				.button.btn-gold{
					margin-top: 25px;
				}
				.related-copy .button.btn-gold{
					margin-top: 0;
				}
				.content-container.about-bioethanol{
					margin-bottom: 0;
				}
				.wave-intro-container .wave-img,
				.wave-img.home{
					display: block;
				}
				.relative-about{
					margin-top: 0;
				}
				.related.wave .related{
					padding-top: 30px;
				}
				.button, a.button{
					margin-bottom: 0!important;
				}
				.paddB200{
					padding-bottom: 50px;
				}
				.content-container-copy ul{
					width: 100%;
				}
				.content-container-copy h3{
					font-size: 20px;
					line-height: 25px;
				}
		}
		@media screen and (max-width: 550px){
			h2{
				font-size: 16px;
				line-height: 24px;
			}
			h4{
				font-size: 14px;
				line-height: 22px;
			}
			.contact-item{
				width: 100%;
			}
			.contact-item.email, .contact-item.contact-type,
			.contact-item.name, .contact-item.region-select{
				padding-left: 0;
				padding-right: 0;
			}
			.region-select .sprite-arrow-gold{
				right: 10px;
			}
			.form-fake.responsive-map{
				margin-bottom: 20px;
			}
			.intro-copy{
				position: static;
				transform: none;
				width: 100%;
				height: auto;
				margin-bottom: 0!important;
			}
			.wave-intro-container .wave-img{
				display: none;
			}
			.wave-intro-container{
				position: static;
				transform: none;
			}
			.intro-copy h6{
				padding-bottom: 0;
				font-size: 16px;
			}
			.contact-container{
				padding-top: 0;
			}
			.bubble-home{
				width: 100%;
				max-width: 320px;
			}
			.submit.width25{
				width: 100%;
			}
			.search-box form, form.search-on-page{
				padding-top: 10px;
				padding-bottom: 10px;
			}
			.search-box form{
				width: calc(100% - 20px);
			}
			.portfolio-filter-container.faded-in.wrap1500{
				padding-top: 20px;
			}
			.portfolio-filter-region{
				width: 100%;
			}
			.select-product-inner{
				width: 150px;
				right: 35px;
			}
		}
		@media screen and (max-width: 450px){
			.select-product-inner.open{
				min-height: 220px;
			}
			.search-box form{
				flex-direction: column;
			}
			.search-box form input[type="text"], form.search-on-page input[type="text"]{
				width: 100%;
				margin-bottom: 20px;
			}
			.search-box form label, form.search-on-page label{
				width: 100%;
			}
			.search-box form{
				width: calc(100% - 40px);
			}
			.portfolio-filter-range{
				width: 100%;
				flex-direction: column;
				padding: 10px 30px 20px 30px;
			}
			.portfolio-filter{
				width: 100%;
				text-align: center;
			}
			.portfolio-filter-container h5, .select-region, .portfolio-filter-container p{
				font-size: 20px;
			}
		}
		@media screen and (max-width: 420px){
			.bubble-home{
				max-width: 240px;
				left: -30px;
			}
		}
	/*RESPONSIVE*/
	/* PRINT RULES */

	@page {
		size: 42cm 59.4cm;
		margin: 5mm
	}

	@media print {
		*{
			page-break-inside: auto
		}

		header{
			position: relative
		}
	}

	/* TEMP */

	body{
		overflow-x: hidden;

	}