/*
		██████  ███████ ███████ ███████ ████████
		██   ██ ██	  ██	  ██		 ██
		██████  █████   ███████ █████	  ██
		██   ██ ██		   ██ ██		 ██
		██   ██ ███████ ███████ ███████	██
	*/

	@font-face {
	    font-family: 'CircularXX';
	    src: url('../fonts/CircularXXWeb-Regular.woff2') format('woff2'),
	        url('../fonts/CircularXXWeb-Regular.woff') format('woff');
	    font-weight: 400;
	    font-style: normal;
	}

	@font-face {
	    font-family: 'CircularXX';
	    src: url('../fonts/CircularXXWeb-Bold.woff2') format('woff2'),
	        url('../fonts/CircularXXWeb-Bold.woff') format('woff');
	    font-weight: 500;
	    font-style: normal;
	}

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

	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;
	}

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

	}

	p a:hover,
	footer a:hover{
		text-decoration: underline;
	}

	a img{
		border: 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;
	    appearance: none;
	}

	/*
		 ██████  ███████ ███	██ ███████ ██████  ██  ██████
		██	   ██	  ████   ██ ██	  ██   ██ ██ ██
		██   ███ █████   ██ ██  ██ █████   ██████  ██ ██
		██	██ ██	  ██  ██ ██ ██	  ██   ██ ██ ██
		 ██████  ███████ ██   ████ ███████ ██   ██ ██  ██████
	*/

	table{
		border-collapse: collapse;
		width:100%;
		margin-top: 30px;
		word-wrap:break-word;
		border-color:#0049ec;
		border:1px solid #0049ec;
	}

	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{
		background: #0049ec;
		color: #fff;
	}

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

	.table-row{
		display: table-row;
	}

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

	.clear{
		clear:both;
	}

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

	.hide{
		display: none;
	}

	.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;
	}

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

	img.centered{
		vertical-align: middle;
	}

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

	.relative{
		position: relative;
	}

	.relative.layer{
		z-index: 1;
	}

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

	.nine-tenths,
	.width90{
		width: 90%;
	}

	.four-fifths,
	.width80{
		width: 80%;
	}

	.three-quaters,
	.width75{
		width: 75%;
	}

	.severn-tenths,
	.width70{
		width:70%;
	}

	.two-thirds,
	.width66-6{
		width: 66.666%;
	}

	.three-fifths,
	.width60{
		width: 60%;
	}

	.width55{
		width: 55%;
	}

	.half,
	.width50{
		width: 50%;
	}

	.width45{
		width: 45%;
	}

	.two-fifths,
	.width40{
		width: 40%;
	}

	.one-third,
	.width33-3{
		width: 33.333%;
	}

	.three-tenths,
	.width30{
		width:30%;
	}

	.one-quater,
	.width25{
		width: 25%;
	}

	.one-fifth,
	.width20{
		width: 20%;
	}

	.one-sixth,
	.width16-6{
		width: 16.666%;
	}

	.one-eighth,
	.width12-5{
		width: 12.5%;
	}

	.width10{
		width: 10%;
	}

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

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

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

	.paddH35{
		padding-left: 35px;
		padding-right: 35px
	}

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

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

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

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

	.paddH100{
		padding-left: 100px;
		padding-right: 100px
	}

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

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

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

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

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

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

	.padd20{
		padding: 20px
	}

	.paddL0{
		padding-left: 0;
	}

	.paddR0{
		padding-right: 0;
	}

	.paddT0{
		padding-top: 0;
	}

	.paddB0{
		padding-bottom: 0;
	}

	.buffer{
		padding: 20px 0;
	}

	/*
		███████ ██████  ███████  ██████ ██ ███████ ██  ██████ ███████
		██	  ██   ██ ██	  ██	  ██ ██	  ██ ██	  ██
		███████ ██████  █████   ██	  ██ █████   ██ ██	  ███████
			 ██ ██	  ██	  ██	  ██ ██	  ██ ██		   ██
		███████ ██	  ███████  ██████ ██ ██	  ██  ██████ ███████
	*/

	body{
		font-size: 18px;
		line-height: 24px;
		font-weight: 400;
		visibility: visible!important;
		color: #000000;
	}

	h1{
		font-size: 38px;
		line-height: 46px;
		font-weight: 500;
	}

	h2{
		font-size: 38px;
		line-height: 46px;
		padding: 0 0 10px 0;
		font-weight: 500;
	}

	h3{
		font-size: 28px;
		line-height: 36px;
		padding: 0 0 10px 0;
		font-weight: 500;
	}

	h4{
		font-size: 24px;
		line-height: 32px;
		padding: 0 0 10px 0;
		font-weight: 500;
	}

	h5{
		font-size: 19px;
		line-height: 27px;
		font-weight: 500;
	}

	h6{
		font-size: 24px;
		line-height: 32px;
		font-weight: 500;
	}

	p{
		padding:10px 0 0 0
	}

	hr{
		height: 1px;
		width: 100%;
		padding: 0;
		margin: 6px 0 20px 0;
		background: #0049ec;
		border: none;
	}

	hr.thicker{
		height: 2px;
		margin: 10px 0 20px 0;
	}

	sup{
		vertical-align: top;
		font-size: 12px;
		line-height: 13px;
	}

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

	h3 sup,
	h3 sub{
		font-size: 21px;
	}

	h4 sup,
	h4 sub{
		font-size: 13px;
	}

	h4 .emphasis{
		font-size: 67px;
	}

	small,
	.small{
		font-size:10px;
		line-height:14px;
	}

	p.small{
		padding-top: 5px;
	}

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

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

	main p a,
	main p a:link,
	main p a:visited,
	main p a:hover,
	main p a:active{
		color: #0049ec
	}

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

	.weak{
		font-weight: 300;
	}

	.font-circularPro, /* New name - Ciricular XX Web */
	input,
	select,
	textarea{
		font-family: 'CircularXX';
	}

	.mvv-icons{
		font-family: 'mvv-icon-font-lnu1bmvz';
	}

	.input-container{
		padding: 0 25px 0 0;
		box-sizing: border-box;
	}

	.input-container-buffer{
		padding: 0 60px 0 0;
		box-sizing: border-box;
	}

	.input-container label h6{
		font-size: 14px;
		line-height: 18px;
		font-weight: 500;
	}

	.checkbox-container{
		padding: 15px 0 15px 30px;
		box-sizing: border-box;
		position: relative;
	}

	.radio-container{
		box-sizing: border-box;
		position: relative;
		padding: 15px 0 15px 0;
	}

	.checkbox-container input[type="checkbox"]{
		position: absolute;
		top:25px;
		left: 0px;
	}

	.radio-container input[type="radio"],
	.radio-container input[type="radio"] + label{
		display: inline-block;
		vertical-align: top;
		padding: 0;
		margin: 0 15px 0 0
	}

	input, textarea,
	input:active, textarea:active,
	input:focus, textarea:focus,
	input:hover, textarea:hover{
		padding: 15px;
		border: 2px solid #808080;
		height: 46px;
		box-sizing: border-box;
		display: block;
		width: 100%;
		resize: none;
	}

	input[type="checkbox"],
	input[type="radio"]{
		width: 16px;
	    height: 16px;
	    margin: 0;
	    /* box-shadow: 0px 0px 0px 2px #e30421; */
		outline: 2px solid #808080;
	    padding: 0;
	    display: inline-block;
	    background: #fff;
	    vertical-align: middle;
	    -webkit-appearance: checkbox;
	    -moz-appearance: checkbox;
	    appearance: checkbox;
	}

	input[type="submit"]{
		opacity: 0.01!important;
		position: absolute!important;
		width: 1px!important;
		height: 1px!important;
		border: none!important;
		padding: 0!important;
		margin: 0!important;
	}

	textarea{
		height: auto;
		min-height: 145px;
	}

	blockquote {
	    padding: 15px 10px 5px 10px;
	    margin: 0;
	    outline: none;
	    border: none;
	    display: block;
	    color: #0049ec;
	}

	blockquote::before,
	blockquote::after{
		content:'"';
		color: #0049ec;
	}

	blockquote p {
	    padding: 0;
	    display: inline;
	    font-size: 16px;
	    line-height: 20px;
	}

	input,
	textarea{
		border: 2px solid #cccccc;
	}

	.select{
		height: 46px;
		width: 100%;
	    padding: 10px 0 10px 15px;
		border: 2px solid #ccc;
		box-sizing: border-box;
		display: block;
		position: relative;
		z-index: 2;
		background: #fff
	}

	.select .box{
		position: absolute;
		top: 5px;
		right: 5px;
		height: 32px;
		width: 32px;
		box-sizing: border-box;
		padding: 17px 14px;
		z-index: -1;
	}

	.select .box .triangle{
		width: 18px;
		height: 12px;
		height: 0;
		display: block;
		width: 0;
	}

	.select .box .triangle:after{
		content: ">";
		position: absolute;
		top: 50%;
		right: 30px;
		transform: translateY(-50%) rotate(90deg);
	}

	.select select{
		display: block;
		width: 100%;
		width: 1px;
		height: 1px;
		line-height: 1px;
		padding: 0;
		margin: 0;
		position: absolute;
		top:0;
		left: 0;
		opacity: 0.1;
		-webkit-appearance: none;
	    -moz-appearance: none;
	    appearance: none;
	}

	.select-fake{
		position: absolute;
	    top: 0px;
	    left: -1px;
	    padding: 0 44px 0 0;
	    box-sizing: border-box;
	    height: 100%;
	    overflow: hidden;
	    width: 100%;
	}

	.select.open .select-fake{
		height: auto;
	    z-index: 3;
	    box-shadow: 5px 5px 5px -3px rgba(64,64,64,0.5);
	    padding-right: 0;
	    top: 45px;
	    max-height: 270px;
	    overflow: auto;
	}

	.select.open .select-fake .option.selected{
		display: none;
	}

	.select.open{
		z-index: 3;
	}

	.select-fake .option{
		height: 45px;
	    padding: 10px 10px 10px 15px;
	    box-sizing: border-box;
	    line-height: 24px;
	    width: 100%;
	    background: #fff;
	}

	.select.compact{
		height: 36px;
		padding: 5px 0 5px 10px;
	}

	.select.compact .box {
	    height: 32px;
	    width: 32px;
	    padding: 12px 9px;
	    top: 0px;
	    right: 0px;
	}

	.select.compact .select-fake{
		padding: 0 34px 0 0;
	}

	.select.compact.open .select-fake{
	    top: 35px;
		padding-right: 0
	}

	.select.compact .select-fake .option{
		height: 35px;
	    padding: 5px 5px 5px 10px;
	    box-sizing: border-box;
	    line-height: 24px;
	    width: 100%;
	    background: #fff;
	    border-bottom: 1px solid #dddddd;
	    border-right: 1px solid #dddddd;
	    border-left: 1px solid #ddd;
	}

	.select-fake .option.disabled{
		color: #999;
	    background: #eee;
	    cursor: not-allowed;
	}

	.select-fake .option.hidden{
	    display:none!important
	}

	label{
		padding: 20px 0 10px 0;
		display: block;
	}

	label p{
		padding: 0;
	}

	.txt-black{
		color: #000000!important;
	}

	.txt-lightgrey{
		color: rgb(230, 230, 230)!important;
	}

	.txt-grey{
		color: rgb(128, 128, 128)!important;
	}

	.txt-red{
		color: #0049ec!important;
		text-decoration: inherit;
	}

	.txt-purple{
		color: rgb(87,12,115)!important;
	}

	.txt-blue{
		color: #314999!important;
	}

	.txt-white{
		color: #fff
	}

	.bg-black{
		background: #404040;
	}

	.bg-palegrey{
		background: #F5F5F5;
	}

	.bg-lightgrey{
		background: #ffffff;
	}

	.bg-grey{
		background: #DDDDDD;
	}

	.bg-darkgrey{
		background: #787878;
	}

	.bg-blue{
		background: #314999;
	}

	.bg-red{
		background: #0049ec;
	}

	.bg-purple{
		background: rgb(87,12,115);
	}

	.bg-white{
		background: rgb(255,255,255);
	}

/*	.underline,
	.underline .txt-red{
		text-decoration: underline;
	}*/

	.outline{
		outline:2px solid #0049ec;
	}

	a.button,
	label.button,
	a.button-secondary,
	label.button-secondary{
		margin: 20px 0 0 0;
		padding: 11px 19px;
		display: inline-block;
		font-size: 15px;
		line-height: 19px;
		cursor: pointer;
	    background-image: linear-gradient(to right, #8febff, #51f8a4);
	    outline: 2px solid transparent;
	    color: rgb(0, 73, 236) !important;
	    transition: 0.3s ease-in-out;
	    border-radius: 30px;
	    font-weight: 500;
	}

	a.button-secondary,
	label.button-secondary{
		background-image: none;
		background: #fff;
		color: #0049ec;
	}
	a.button-secondary:nth-of-type(2){
		margin-left: 15px;
	}

	a.button-secondary:hover,
	label.button-secondary:hover{
		opacity: 0.5;
	}

	a.button:hover,
	label.button:hover{
		background-image: linear-gradient(to right, #9effe1, #9effe1);
	}

	a.button:focus,
	label.button:focus{
		outline: 2px solid #0049ec;
	}

	a.button.hide{
		display: none;
	}

	label.button{
		padding: 11px 50px;
	}

	a.button:hover,
	label.button:hover{
		text-decoration: none;
		opacity: 0.6;
	}

	a.button.txt-red{
		color: #0049ec!important;
		margin: 0;
	}

	a.phone-icon{
		display: inline-block;
		padding: 0 0 0 25px;
		background: url(../images/phone-icon.png) 0 0 no-repeat;
		background-size: 20px 20px;
	}

	.txt-shadow-white{
		text-shadow:
			3px 3px 0 #fff,
	      -1px -1px 0 #fff,
	       1px -1px 0 #fff,
	       -1px 1px 0 #fff,
	        1px 1px 0 #fff;
	}

	.sprite{
		display: inline-block;
		width: 32px;
		height: 32px;
		background: url(../images/svg-fallback/sprites-2024.png?v=0.04) 0 0 no-repeat;
	    background: linear-gradient(transparent, transparent), url(../images/sprites-2024.svg?v=0.04) 0 0 no-repeat;
		background-size: auto 32px;
	    vertical-align: middle;
	}

	.sprite.large{
		width: 64px;
		height: 75px;
		background-size: auto 64px;
		margin-right: 20px;
	}

	.sprite.large.search-icon{
		background-position: -580px 0;
	}

	.sprite.magnify{
		background-position: 0 0;
	}

	.sprite.arrow-left{
		background-position: -32px 0;
	}

	.sprite.arrow-right{
		background-position: -64px 0;
	}

	.sprite.quote-left{
		background-position: -96px 0;
	}

	.sprite.quote-right{
		background-position: -128px 0;
	}

	.sprite.quote-left-red{
		background-position: -160px 0;
	}

	.sprite.quote-right-red{
		background-position: -192px 0;
	}

	.sprite.cross{
		background-position: -224px 0;
	}

	.sprite.tick{
		background-position: -256px 0;
	}

	.sprite.arrow{
		background-position: -320px 0;
	}

	.wrapper,
	.wrapper-large{
		width: 1366px;
		margin-left: auto;
		margin-right: auto;
		padding: 0 10px;
		box-sizing: border-box;
		max-width: 100%;
	}

	.wrapper-large{
		width: 1152px
	}

	main,
	#afterMain{
		width: 100%;
		overflow: hidden;
	}

	#hamburger{
		display: none;
		height: 30px;
		margin: 5px 0;
		float:right;
		width: 40px;
		overflow: hidden;
	}

	#hamburger span{
		width: 100%;
		display: block;
		height: 4px;
		margin-bottom: 9px;
		background: #0049ec;
		border-radius: 10px;
	}

	#headerdummy{
		height: 118px
	}

	#header{
		padding: 0px 20px 0 20px;
		text-align: right;
		font-size: 0;
		line-height: 0;
		position: fixed;
		z-index: 98;
		top:0;
		left: 0;
		width: 100%;
		box-sizing:border-box;
		font-weight: 500;
		background: #fff!important;
		box-shadow: 0px 6px 24px rgba(0,0,0,.1);
	}

	a.anchor br{
		display: none;
	}

	#header nav.txt-white{
		color: #000;
	}

	#header nav ul{
		display: block;
		margin: 0;
		padding: 0;
	}

	#header nav ul li{
		display: block;
		margin: 0;
		padding: 0;
	}

	#header nav > ul > li{
		vertical-align: top;
		display: inline-block;
		margin: 0;
	    padding: 15px 7px 15px 7px;
		font-size: 13px;
		line-height: 32px;
		height: 48px;
		box-sizing: border-box;
	}

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

	.desktop-only{
		display: block!important
	}

	#header nav > ul > li > a{
		padding: 0px 10px 0 10px;
		border-bottom: 1px solid transparent;
		display: inline-block;
	}

/*	#header nav > ul > li.selected > a,
	#header nav > ul > li.ancestor > a{
		border-bottom: 1px solid #fff;
	}*/

	#header nav > ul > li.hoverable:hover > ul,
	#header nav > ul > li.hoverable:hover > ul + .triangle-box .triangle{
		
	}

	#header nav > ul > li.search.open > ul{
		height: 100%;
		opacity: 1;
		transition: height 0.3s;
		pointer-events: none;
	}

	#header nav ul > li > a:hover{
		opacity: 0.6;
	}

	#header nav > ul > li > ul{
		user-select: none;
		display: flex;
		position: fixed;
		opacity: 0;
		top: 118px;
		left: 0;
		width: 100%;
		background: #f2f2f2;
		border-bottom: 3px solid #fff;
		box-sizing: border-box;
		color: #000000;
		text-align: left;
		font-size: 13px;
		line-height: 32px;
		height: 0;
		transition: all 0.3s;
		pointer-events: none;
		overflow: hidden;
	}

	#header nav > ul > li > ul > li{
		width: 1052px;
		margin-left: auto;
		margin-right: auto;
		padding: 0 11px;
		box-sizing: border-box;
	}

	#header .search{
		font-size: 0;
		line-height: 0;
	    padding: 12px 15px 24px 15px;
	}

	#header .search .magnify{
	    vertical-align: middle;
		cursor: pointer;
	}

	#header .search a{
		font-size: 13px;
		line-height: 32px;
	    vertical-align: middle;
	}

	#header .search input{
		padding: 30px 0;
		border: none;
		border-bottom: 1px solid #f0f3f5;
		box-sizing: border-box;
		margin: 5px 30px 5px 0;
		height: 30px;
		font-size: 30px;
		line-height: 36px;
		display: inline-block;
		text-overflow: ellipsis;
		font-weight: 500;
	    width: 70%;
	}

	#header nav > ul > li{
		position: relative;
	}

	#header nav > ul > li:after{
        content: "";
        position: absolute;
        bottom: 0px;
        left: 50%;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 12px 8px 12px;
        border-color: transparent transparent #f2f2f2 transparent;
        opacity: 0;
        transform: translateX(-50%);
	}

	#header nav > ul > li:hover:after{
		opacity: 1;
	}

	#header nav > ul > li.search{
		position: static;
	}

	#header nav > ul > li > ul{
		width: 1366px;
		max-width: 100%;
		left: 50%;
		transform: translateX(-50%);
		border: 3px solid #fff;
		border-top: none;
		justify-content: center;
		gap: 50px;
		height: 0px;
		align-items: center;
		transition: height 0.4s;
	}

	#header nav > ul > li.search > ul{
		width: 100%;
		height: 0vh;
		border:none;
		border-bottom: 3px solid #fff;
		margin: 0;
		left: 0;
		transition: height 0.5s ease-in-out;
	}

	#header nav > ul > li > ul > li{
		width: auto;
		margin: 0;
		padding: 10px 10px;
		line-height: 17px;
		text-align: center;
	}

	#header nav > ul > li.search > ul > li{
		width: 1052px;
		max-width: 100%;
	}

	/* UPDATES for new nav style Jan 31st 2019 */

	#header nav > ul > li {
		text-align: center;
		min-height: 60px;
	}


	#header nav > ul > li.small-subnav > ul{
		width: 140px;
	    margin-left: -70px;
	}

	#header nav > ul > li > a{
		position: relative;
	    z-index: 2;
	}

	/*#header nav > ul > li.two-lines > a{
		padding: 5px 10px 0 10px;
	    line-height: 21px;
	}*/

	#header nav > ul > li .triangle-box {
	    position: absolute;
	    left: 0;
	    bottom: 22px;
	}

	#header nav > ul > li > ul > li {
	    width: auto;
	    padding: 0;
	    line-height: 17px;
	}

	#header nav > ul > li > ul > li > a {
	    width: 100%;
	    padding: 10px;
		box-sizing: border-box;
		display: block;
		text-transform: capitalize;
	}

	.triangle-box{
		width: 100%;
		display: none!important;
		height: 1px;
	}

	.triangle-box .triangle{
		position: absolute;
		display: none;
		top:23px;
		left: 50%;
		margin-left:-13px;
		width: 0;
		height: 0;
		border-top:12px solid #0049ec;
		border-left: 13px solid transparent;
		border-right: 13px solid transparent;
	}

	.search .triangle-box .triangle{
		top:25px;
	}

	.logo{
		height: 78px;
		width: auto;
		padding: 20px 0 20px 0;
	}

	#hero{
		overflow: hidden;
		
	}

	#hero img{
		height: 100%;
		width: 100%;
		display: block;
	}

	.mvv-energy-loop{
		position: absolute;
		width: auto;
		height: 500px;
		top: 40%;
		right: 30px;
	}

	#hero .left,
	#hero .right{
		position: absolute;
		top:0;
		right: 100%;
		width: 100%;
		height: 100%;
		display: none;
	}

	#hero .right{
		right: auto;
		left: 100%;
	}

	#hero .overlay{
		padding: 20px 45px;
		position: absolute;
		width: 100%;
		height: 100%;
		box-sizing: border-box;
		z-index: 2;
		display: table;
		vertical-align: middle;
	}

	#hero .overlay .inner{
		display: table-cell;
		vertical-align: middle;
	}

	#slideshow .inner .slide .overlay h4 .txt-red{
		color: #fff!important;
	}

	#slideshow{
		overflow: hidden;
	}

	#slideshow .inner .slide{
		display: none;
		background: #fff;
	    width: 100%;
		opacity: 1
	}

	#slideshow .inner .slide .overlay{
		padding: 60px 45px;
		position: absolute;
		width: 100%;
		height: 100%;
		box-sizing: border-box;
		z-index: 51;
	}

	#slideshow .inner .slide .overlay h4 strong .txt-red,
	#slideshow .inner .slide .overlay h5 .txt-red{
		color: #fff!important;
	}

	#slideshow .inner .slide .overlay h4{
		font-size: 40px;
		line-height: 48px;
	}

	#slideshow .inner .slide .overlay h5{
		font-size: 23px;
		line-height: 29px;
		padding-left: 0;
		width: 40%;
	}

	#slideshow .inner .slide .overlay h2{
		padding-bottom: 0;
	}

	#slideshow .inner .slide .overlay h5{
		font-size: 18px;
		line-height: 19px;
		display: block;
		padding-left: 45px;
	}

	#slideshow .inner .slide .overlay h5 .bigger{
		font-size: 30px;
	}

	#slideshow .inner .slide .overlay h6{
		line-height: 18px;
	}

	#slideshow .inner .slide .overlay p a.button{
		margin-top:10px;
	}

	#slideshow .inner .slide img{
		display: block;
		width: 60%;
		height: auto;
	}

	#slideshow .inner .slide.on-slide{
		display: block;
		position: relative;
		overflow: hidden;
	}

	#slideshow .inner .slide.slide-next,
	#slideshow .inner .slide.slide-prev{
		display: block;
		position: absolute;
		left:100%;
		top:0;
	}

	#slideshow .inner .slide.slide-next,
	#slideshow .inner .slide.slide-prev{
		opacity: 0.2;
		opacity: 0.75; /*Used while slieshow disabled */
		display: none;
	}

	#slideshow .inner .slide.slide-prev{
		left: auto;
		right: 100%;
	}

	#slideshow .wave{
		display: block;
		position: absolute;
		z-index: 50;
		right: 30px;
		bottom: -315px;
		width: auto;
		height: auto;
		max-width: 80%;
	}

	.folders{
		min-height: 480px;
	}

	.anyHeight{
		min-height: 0;
	}

	.folders .tabs,
	.anchors{
		font-size: 0;
		line-height: 0;
		border-bottom: 2px solid #0049ec;
		display: inline-block;
		padding-left: 10px;
	}

	.folders .tabs .tab,
	.anchors a,
	.anchors div{
		min-width: 190px;
		height: 41px;
		padding: 12px 15px;
		font-size: 15px;
		line-height: 19px;
		text-align: center;
		box-sizing: border-box;
		background: #dddddd;
		color: #0049ec;
		margin-right: 10px;
		display: inline-block;
	}

	.timeline-progress{
		width: 100%;
	    height: auto;
	    background: none;
	    border-radius: 0;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    margin: 0 auto;
	    margin-top: 20px;
	    border-radius: 10px;
	}
	.progress-mobile{
		display: none;
	}
	.timeline-dot{
		background: #fff;
		border: 2px solid #0049ec;
	    width: 16px;
	    height: 16px;
	    border-radius: 500px;
	    display: inline-block;
	    margin-left: 12px;
	    margin-right: 12px;
	    margin-top: 8px;
	    box-sizing: border-box;
	}
	.timeline-dot.on{
		background: linear-gradient(to bottom, #5cb3ff, #57e29e);
		border: 0px solid #fff;
	}
	.timeline-dots-seperator{
		width: 25px;
	    height: 5px;
	    background: #0049ec;
	    margin-left: 15px;
	    margin-right: 15px;
	    border-radius: 20px;
	}
	.timeline-dots-seperator:last-of-type{
		display: none;
	}

	.anchors div.anchor-timeline{
		border: 2px solid #0049ec;
		border-bottom: 0;
		cursor: pointer;
	}

	.anchors div.anchor-timeline.on,
	.anchor.on{
		background: #0049ec;
		color: #ffffff;
		border: 2px solid #ffffff;
		border-bottom: 0;
	}

	.anchor p,
	.anchor-timeline p{
		padding-top: 0;
	}

	.anchors a,
	.anchors div{
		background: none;
	}

	.folders .tabs .tab:hover{
		color: #0049ec;
	}

	.folders .tabs .tab.on,
	.anchors a:hover,
	.anchors a.on{
		background: #0049ec;
		color: #fff;
	}

	.folders .folder{
		padding: 40px 0;
		display: none;
		position: relative;
	}

	.folders .folder.on{
		display: block;
	}

	.folders .folder h3{
		padding: 0 0 15px 0
	}

	.folders .folder img.right{
		padding-left: 40px;
		padding-bottom: 20px
	}

	.carousel{
		width: 100%;
		overflow: hidden;
	}

	.carousel .inner-wrap{
		width: 500%;
	}

	.carousel .inner-wrap .slide{
		width: 20%;
		
		box-sizing: border-box;
	}

	.carousel .inner-wrap .slide[data-slide="1"] .text-block,
	.carousel .inner-wrap .slide[data-slide="5"] .text-block,
	.carousel .inner-wrap .slide[data-slide="9"] .text-block,
	.carousel .inner-wrap .slide[data-slide="13"] .text-block{
		background: #0049ec;
	}

	.carousel .inner-wrap .slide[data-slide="2"] .text-block,
	.carousel .inner-wrap .slide[data-slide="6"] .text-block,
	.carousel .inner-wrap .slide[data-slide="10"] .text-block,
	.carousel .inner-wrap .slide[data-slide="14"] .text-block{
		background: #b266ea;
	}

	.carousel .inner-wrap .slide[data-slide="3"] .text-block,
	.carousel .inner-wrap .slide[data-slide="7"] .text-block,
	.carousel .inner-wrap .slide[data-slide="11"] .text-block,
	.carousel .inner-wrap .slide[data-slide="15"] .text-block{
		background: #1ed05c
	}

	.carousel .inner-wrap .slide[data-slide="4"] .text-block,
	.carousel .inner-wrap .slide[data-slide="8"] .text-block,
	.carousel .inner-wrap .slide[data-slide="12"] .text-block,
	.carousel .inner-wrap .slide[data-slide="16"] .text-block{
		background: #40c5ef
	}

	.carousel .inner-wrap .slide a.button{
		margin-left: 10px;
	}

	.carousel .arrow-left,
	.carousel .arrow-right{
		position: absolute;
		top:50%;
		left: 9px;
		margin-top:-16px;
	}

	.carousel .arrow-right{
		left: auto;
		right: 9px;
	}

	.quote{
		width: 349px;
		height: 194px;
		background: url(../images/svg-fallback/quote-2024.png?v=0.01) 0 0 no-repeat;
	    background: linear-gradient(transparent, transparent), url(../images/quote-2024.svg?v=0.01) 0 0 no-repeat;
		background-size: 349px 194px;
	}

	.quote.quote-grey{
		background: url(../images/svg-fallback/quote-grey.png?v=0.01) 0 0 no-repeat;
	    background: linear-gradient(transparent, transparent), url(../images/quote-grey.svg?v=0.01) 0 0 no-repeat;
	}

	.quote .inner{
		padding: 25px 72px 25px 25px;
		height: 150px;
		width: 349px;
		box-sizing: border-box;
		display: table;
		vertical-align: middle
	}

	.quote .inner .cell{
		display: table-cell;
		vertical-align: middle
	}

	.quote .inner .cell h3{
		font-size: 38px;
		line-height: 46px;
		padding: 0;
	}

	.quotes{
		padding: 10px 40px;
	}

	.quotes .quote-left,
	.quotes .quote-left-red{
		position: absolute;
		top: 0;
		left: 0;
		display: none;
	}

/*	.quotes h3,
	.quotes h4,
	.quotes h5,
	.quotes h6{
		display: inline;
	}*/

	.quotes .quote-right,
	.quotes .quote-right-red{
		vertical-align: baseline;
		margin: 0 0 0 7px;
		display: none;
	}

	.quote-box{
		padding: 40px 0;
	}

	.speech-box{
		margin: 0 auto;
		display: block;
		width: 340px;
		position: relative;
		max-width: 100%;
	}

	.speech-box img{
		width: 100%;
		height: auto;
		display: block;
		z-index: 2;
		position: relative;
	}

	.speech-box img:first-of-type{
		display: none;
	}
	.speech-box img:nth-of-type(2){
		display: none;
	}

	.speech-box .photo img{
		display: block;
	}

	.speech-box .content{
		width: 100%;
	    box-sizing: border-box;
	    padding: 5px 20px 10px 20px;
		z-index: 2;
		position: absolute;
		top: 0;
		left: 0;
		background: none;
	}

	.speech-box .photo{
		padding: 85px 20px 20px 20px;
		box-sizing: border-box;
		margin-top: -60px;
		z-index: 1;
		position: relative;
		overflow: hidden;
		background: rgba(0, 73, 236, 0.3);
	}

	.speech-box .content .txt-red{
		color: #fff!important;
	}

	.speech-box .content{
		padding-top: 15px;
	}

	.speech-box .photo img{
		position: absolute;
		z-index: -1;
		right: -9%;
		top:0;
		width: auto;
		height: 100%;
		mix-blend-mode: overlay;
	}

	.related-links {
	    padding: 40px 0 55px 0;
	    margin-bottom: 40px;
	    position: relative;
	}

	.related-links .related-link{
		padding: 20px;
		box-sizing: border-box;
		transition: 0.3s ease-in-out;
	}

	#case-studies h3.txt-red,
	.related-links h4{
		margin-left: 20px;
	}

	.related-links .related-link:hover{
		box-shadow: 0 3px 24px 0 rgba(0,0,0,.1);
	}

	.related-links .related-link img{
		width: 100%;
		display: block;
		height: auto;
		padding-bottom: 5px;
	}

	.related-links .related-link a.button {
	    position: absolute;
	    bottom: 0;
	    margin: 0;
	}

	#discover-more{
		padding: 35px 60px;
		margin: 5px 0 0 0;
	}

	#discover-more h3{
		padding: 0 0 20px 0;
		font-weight: 500;
	}

	#discover-more > .width33-3{
		box-sizing: border-box;
		padding-right: 70px;
	}

	#discover-more h5{
		color: #0049ec;
	}

	#discover-more .subitems{
		padding: 0 0 15px 0
	}

	#discover-more .subitems h5{
		font-size: 13px;
		line-height: 14px;
		padding-bottom: 2px;
		padding-left: 0;
		color: #000000!important;
	}

	#discover-more a{
		display: block;
		padding: 3px 0;
		font-weight: 500;
	}

	#discover-more a.button{
		display: inline-block;
		position: relative;
		padding: 15px 19px;
		margin: 0;
	}

	#discover-more a.button .box{
		display: none;
		height: 100%;
		top:0;
		left: 100%;
		position: absolute;
		width: 1500px;
		background: inherit
	}

	.image-box{
		overflow: hidden;
		margin-bottom: 40px;
	}

	.image-box .inner{
		padding: 30px 55px;
	}

	.image-box > img{
		display: block;
		height: auto;
		position: absolute;
		top:50%;
		right: 0;
		transform:translate(0, -50%)
	}

	.image-box.inverse > img{
		right: auto;
		left: 0;
	}

	#how-does-it-work{
		margin: 0 0 130px 0;
	}

	#how-does-it-work .quote-box .quote.left{
		width: 25%;
	}

	#latest-news{
		margin: 40px 0 0 0
	}

	#how-does-it-work img{
		display: block;
		width: 100%;
		height: auto;
	}

	#latest-news img{
		display: block;
		width: 60%;
		height: auto;
	}

	#latest-news > h3{
		padding-top:40px;
	}

	#how-does-it-work .content{
		background: none;
		position: static;
		padding: 40px 0;
		color: #000!important;
		width: 100%;
	}

	#how-does-it-work .content h3{
		font-weight: 500;
		float: left;
		width: 25%;
		font-size: 37px;
		line-height: 45px;
		color: #0049ec;
		padding: 25px 72px 0px 25px;
		box-sizing: border-box;
	}

	#how-does-it-work .content h6{
		font-size: 20px;
		line-height: 28px;
		float: right;
		width: 75%;
		padding: 25px 0 0 0;
		box-sizing: border-box;
	}

	#latest-news .content{
		position: absolute;
		top:90px;
		padding: 35px 60px 35px 0px;
	}

	#how-does-it-work .content .box,
	#latest-news .content .box{
		height: 100%;
		width: 1000px;
		right:100%;
		top:0;
		background: inherit;
		position: absolute;
	}

	#process-steps{
		font-size: 0;
		line-height: 0;
		text-align: center;
		width: 100%;
	}

	#process-steps .inner{
		display: inline-block;
		border-top:1px solid #0049ec;
	}

	#process-steps .inner .process-step{
		height: auto;
		width: 15%;
		background: #0049ec;
		color: #fff;
		padding: 5px 10px 10px 10px;
		box-sizing: border-box;
		font-size: 15px;
		display: inline-block;
		line-height: 18px;
		margin: -1px 10px 0 10px;
		vertical-align: top;
		min-height: 165px;
		text-align: left;
		position: relative;
	}

	#process-steps .inner .process-step .txt-red{
		color: #fff!important;
	}

	#process-steps .inner .process-step.first{
		margin-left: 0;
	}

	#process-steps .inner .process-step.last{
		margin-right: 0;
	}

	#process-steps .inner .process-step .circle{
		position: absolute;
		top:0;
		left: 50%;
		margin: -5px 0 0 -5px;
		width: 10px;
		height: 10px;
		border:1px solid #0049ec;
		border-radius: 5px;
		box-sizing: border-box;
		background: #fff
	}

	.zoom-container{
		position: relative;
	}

	.zoom-container .zoom-instructions{
		width: 190px;
		position: absolute;
		top:0;
		left: 0;
		z-index: 3
	}

	.zoom-container .zoom-box{
		width: 100%;
		overflow: auto;
	}

	.zoom-container .zoom-box.zoomed{
		outline: 1px solid #aaa
	}

	.zoom-container .zoom-in,
	.zoom-container .zoom-out{
		display: none;
		position: absolute;
		top:5px;
		left: 5px;
		height: 20px;
		width: 20px;
		border: 1px solid #888;
		border-bottom: 3px solid #888;
		background: #fff;
		line-height: 20px;
		text-align: center;
		z-index: 3
	}

	.zoom-container .zoom-in{
		left: 35px;
	}

	#energy-from-waste-process img{
		display: block;
		width: 100%;
		height: auto;
	}

	#energy-from-waste-process .bubble{
		position: absolute;
		width: 24px;
		height: 24px;
		box-sizing: border-box;
		border-radius: 12px;
		border: 1px solid #0049ec;
		color: #0049ec;
		text-align: center;
		font-size: 17px;
		background: #fff;
		line-height:22px;
	}

	#energy-from-waste-process .bubble .label{
		display: none;
		position: absolute;
		bottom:36px;
		left: 50%;
		transform:translate(-50%,0);
		white-space: nowrap;
		background: #0049ec;
		color: #fff;
		font-size: 15px;
		line-height: 20px;
		padding: 6px 10px;
	}

	#energy-from-waste-process .bubble .label .triangle{
		height: 0;
		width: 0;
		border-top:8px solid #0049ec;
		border-left:12px solid transparent;
		border-right:12px solid transparent;
		position: absolute;
		top:100%;
		left: 50%;
		margin-left: -12px;
	}

	#energy-from-waste-process .bubble:hover{
		cursor: pointer;
		background: #0049ec;
		color: #fff;
	}

	#energy-from-waste-process .bubble:hover .label{
		display: block
	}

	#energy-from-waste-process .bubble[data-bubble="7"] .label,
	#energy-from-waste-process .bubble[data-bubble="8"] .label{
		bottom: auto;
		top:36px;
	}

	#energy-from-waste-process .bubble[data-bubble="7"] .label .triangle,
	#energy-from-waste-process .bubble[data-bubble="8"] .label .triangle{
		border-top: none;
		border-bottom:8px solid #0049ec;
		top:auto;
		bottom: 100%;
	}

	.popup.energy-from-waste-process{
		position: fixed;
		left: 2.5%;
		top:2.5%;
		height: 95%;
		width: 95%;
		display: none;
		z-index: 99;
		outline:150px solid rgba(64,64,64,0.5);
		box-sizing: border-box;
		height: 500px;
		width: 1366px;
		max-width: 100%;
		left: 50%;
		top:50%;
		transform: translate(-50%, -50%);
		outline: none;
		outline:600px solid rgba(64,64,64,0.5);
	}

	.popup.energy-from-waste-process .top{
		position: absolute;
		bottom:100%;
		left: 0;
		width: 100%;
		height: auto;
	    margin-top: 1px;
	    display: none
	}

	.popup.energy-from-waste-process .bottom{
		position: absolute;
		top:100%;
		left: 0;
		width: 100%;
		height: auto;
	    margin-top: -1px;
	    display: none;
	}

	.popup.energy-from-waste-process .cross{
		top:15px;
		right:30px;
		position: absolute;
		z-index: 10;
	}

	.popup.energy-from-waste-process .cross:hover{
		opacity: 0.6;
	}

	.popup.energy-from-waste-process .slide{
		position: absolute;
		top:0;
		left: 0;
		width: 100%;
		height: 100%;
		box-sizing: border-box;
		display: none;
/*		background-image: linear-gradient(to right, #b266ea, #40c5ef, #1ed05c);*/
		background: #fff;
		border-image: linear-gradient(to right, #b266ea, #40c5ef, #1ed05c) 30;
		border-width: 7px;
		border-style: solid;
	}

	.popup.energy-from-waste-process .slide > .left{
		padding: 45px 35px 80px 55px;
		display: table;
		display: block;
		box-sizing: border-box;
		height: 100%;
		vertical-align: middle;
		position: absolute;
		top:0;
		left: 0;
		text-align: center;
	}

	.popup.energy-from-waste-process .slide > .right{
		padding: 45px 55px 80px 0;
		display: table;
		box-sizing: border-box;
		height: 100%;
		vertical-align: middle;
		position: absolute;
		top:0;
		left: 50%;
		color: #000!important;
	}

	.popup.energy-from-waste-process .slide > .left .inner{
		/* display: table-cell;
		vertical-align: middle; */
	}

	.popup.energy-from-waste-process .slide > .right .inner{
		display: table-cell;
		vertical-align: middle;
	}

	.popup.energy-from-waste-process .slide > .left img{
		width: auto;
		height: auto;
		max-width: 100%;
		max-height: 100%;
		margin: 0 auto;
		display: block;
		position: relative;
	    top: 50%;
	    transform: translate(0,-50%);
	}

	.popup.energy-from-waste-process .slide p{
		padding-left: 30px;
	}

	.popup.energy-from-waste-process .controls{
		padding: 0 20px 15px 20px;
		bottom: 0;
		position: absolute;
		width: 100%;
	}

	.popup.energy-from-waste-process .controls a:hover{
		color: #0049ec;
	}

	.image-quote-box.left{
		padding: 0 40px 0 0;
	}

	.image-quote-box.right{
		padding: 0 0 0 40px;
	}

	.image-quote-box .inner{
		padding: 20px;
		box-sizing: border-box;
	}

	.image-quote-box img{
		margin: 0 auto;
		display: block;
	}

	.border-right{
		border-right: 1px solid #fff;
		padding-right: 20px;
	}

	.border-right + .left.half{
		padding-left: 20px;
		border-left: 1px solid #fff;
		margin-left: -1px
	}

	.columns{
		column-count: 2;
		column-gap: 40px;
	}

	#why-efw-over-landfill{
		margin-bottom: 40px
	}

	#why-efw-over-landfill .image-quote-box h6{
		font-size: 17px
	}

	#filter-faqs .reset.btn{
	    padding: 10px 20px;
	    background: #0049ec;
	    color: #fff;
	    cursor: pointer;
	    transition: 0.3s;
	    opacity: 1;
	}
	#filter-faqs .reset.btn:hover{
		opacity: 0.5;
	}

	#faqs{
		padding: 15px 0 30px 0;
		box-sizing: border-box;
	}

	#faqs .questions{
		box-sizing: border-box;
	}

	#faqs .questions .category a{
		display: block;
		padding: 8px 8px;
		box-sizing: border-box;
		border:2px solid transparent;
	}

	#faqs .questions .category a span.arrow{
		font-size: 12px;
		display: none;
		margin: 0 10px 0 0;
		vertical-align: middle;
	}

	#faqs .questions .category a,
	#faqs .questions .category a h6{
	    line-height: 18px;
	}

	#faqs .questions .category .question{
		display: none;
		color: #000000;
		padding-left: 40px;
		box-sizing: border-box;
		position: relative;
	}

	#faqs .questions .category.open .question{
		display: block;
	}

	#faqs .questions .category .question a span.arrow{
		position: absolute;
	    top: 14px;
	    left: 27px;
	    height: 18px;
	    width: 18px;
	    text-align: center;
	    line-height: 18px;
		display: block;
	}

	#faqs .questions .category .question a span.arrow.sub{
		border: 1px solid #0049ec;
	    box-sizing: border-box;
	    border-radius: 10px;
	    line-height: 15px;
	    color: #0049ec;
		left: 24px;
	    font-size: 12px;
	}

	#faqs .questions .category .question.open a span.arrow.sub{
		color: #fff;
		background: #0049ec;
	}

	#faqs .questions .category .question.open a span.arrow.sub{
	    font-size: 0;
	}

	#faqs .questions .category .question.open a span.arrow.sub:after{
		content:"-";
		font-size: 12px;
	}

	#faqs .questions .category .question a:hover span.arrow,
	#faqs .questions .category .question.open a span.arrow{
		display: block;
	}

	#faqs .questions .category a:hover{

	}

	#faqs .questions .category a h6{
		font-size: 18px;
		line-height: 24px;
	}

	#faqs .questions.txt-red{
		color: #000!important;
	}

	.category{

	}

	#faqs .questions .category a.toggle{
		background: #fff;
		color: #000;
		border-bottom: 2px solid #e6e6e6;
		position: relative;
	}

	#faqs .questions .category a.toggle:after{
		content: "+";
		position: absolute;
		top: 50%;
		right: 0;
		transform: translateY(-50%);
	}

	#faqs .questions .category.open a.toggle:after{
		content: "-";
	}

	#faqs .questions .category.open a.toggle span.arrow{
	    transform: rotate(90deg);
	}

	#faqs .answers{
		padding-left: 40px;
		box-sizing: border-box;
	}

	#faqs .answers .answer,
	#faqs .questions .category .question .mobAnswer{
		display: none;
	}

	#faqs .answers .answer img{
	    padding: 10px 0 30px 30px;
		max-width: 400px
	}

	#faqs .answers .answer.open{
		display: block;
	}

	.acronym-table{
		width: 1366px;
		margin-top: 0;
		margin-bottom: 30px;
		border: 2px solid;
	}
	.acronym-table tbody tr{
		border-bottom: 2px solid;
	}
	.acronym-table thead th{
		padding: 14px 20px;
		border-right: 2px solid #fff;
	}
	.acronym-table thead th:last-of-type{
		border-right: 0px;
	}
	td.acronym{
		padding: 12px 15px;
	}
	td.acronym{
		text-align: center;
		border-right: 2px solid;
	}
	td.description{
		text-align: left;
	}

	#filter-faqs{
		display: flex;
		width: 100%;
		align-items: center;
		gap: 20px;
		padding: 0 0 0 20px;
		box-sizing: border-box;
		width: calc(100% - 125px);
	}
	#filter-faqs.shorter{
		width: calc(100% - 175px);
	}
	.sprite.down-arrow{
		background-position: -320px 0;
	}
	.answer.popup .inner .arrow-right{
		position: absolute;
		top: 30px;
		right: 75px;
		cursor: pointer;
		background-position: -448px 0;
	}
	.answer.popup .inner .arrow-left{
		position: absolute;
		top: 30px;
		right: 120px;
		cursor: pointer;
		background-position: -416px 0;
	}
	.select-fake{
		z-index: 1;
	}
	.select{
		display: none!important;
	}
	.select.active{
		display: block!important;
	}
	.select-fake .option{
		transition: 0.3s;
		background: #fff;
		color: #000;
		cursor: pointer;
	}
	.select-fake .option:hover,
	.select-fake .option.active{
		color: #fff;
		background: #0049ec;
	}
	.select .box{
		background: none;
		padding: 0;
		position: absolute;
		top: 50%;
		right: 15px;
		transform: translateY(-50%);
		z-index: 2;
	}
	.select-fake .option.selected:hover{
		color: #000;
		background: #fff;
	}
	#filter-faqs input,
	#filter-faqs .select{
		max-width: 420px;
	}
	#filter-faqs input{
		background: #ffffff;
	}
	.filter-faqs{
		padding: 20px;
		display: flex;
		align-items: center;
		background: #dddddd;
	}
	.wrapper{
		padding: 0;
	}
	/*#hero .overlay .inner.txt-red{
		color: #ffffff!important;
	}*/
	.question-container{
		display: flex;
		flex-wrap: wrap;
		gap: 15px;
		border-collapse: separate;
		border-spacing: 15px 0;
	}
	.question .sprite.magnify{
		position: absolute;
		top: 50%;
		right: 15px;
		transform: translateY(-50%);
	}
	#faqs,
	#mythbusters{
		padding-left: 40px;
		padding-right: 40px;
		padding-top: 30px;
	}
	#faqs .questions .category a.toggle,
	#mythbusters .questions .category a.toggle{
		padding-left: 0;
		display: inline-block;
	}
	#faqs .questions .category a.toggle h6,
	#mythbusters .questions .category a.toggle h6{
		font-size: 20px;
		line-height: 24px;
		text-underline-offset: 15px;
		padding-bottom: 30px;
		text-decoration: underline;
		box-sizing: border-box;
	}
	.mythbuster{
		background: #e4edfe;
	    margin-bottom: 30px;
	    border-radius: 10px;
	    padding: 20px;
	    box-sizing: border-box;
	    display: flex;
	    justify-content: space-around;
	    align-items: center;
	    gap: 30px;
	}
	.myth{
		width: 30%;
	}
	.myth p,
	.truth p{
		color: #000000;
	}
	.myth p.title,
	.truth p.title{
		padding-top: 0;
		font-weight: 600;
		color: #0049ec;
	}
	.filter-faqs.inactive{
		display: none;
	}
	.truth{
		width: 60%;
	}
	.mythbuster .arrow img{
		width: 32px;
		height: auto;
	}
	.toggle h6 .arrow{
		display: none;
	}
	#faqs .questions .category a.toggle,
	#mythbusters .questions .category a.toggle{
		border-bottom: 0;
	}
	.mobAnswer{
		border: 2px solid #0049ec;
	}
	.toggle-type{
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 20px;
	}
	.faq-type{
		color: #0049ec;
		text-decoration: underline;
		text-underline-offset: 15px;
		padding: 25px 30px;
		cursor: pointer;
	}
	.faq-type.open{
		background: #dddddd;
		color: #000000;
		cursor: auto;
		text-decoration: none;
	}
	.faq-type h4{
		padding-bottom: 0;
	}
	#faqs,
	#mythbusters{
		border-left: 2px solid #dddddd;
		border-right: 2px solid #dddddd;
		padding-bottom: 20px;
	}
	.category{
		margin-bottom: 25px;
	}
	.mobAnswer h3.txt-red{
		color: #ffffff!important;
		background: #0049ec;
		display: block;
		padding: 13px 20px;
	}
	.mobAnswer .answer-block{
		padding: 10px 20px 20px 20px;
	}
	#faqs .questions .category .question a h6,
	#mythbusters .questions .category .question a h6,
	.mobAnswer h3{
		font-size: 15px;
		line-height: 18px;
		font-weight: 400;
	}
	#faqs .questions .category .question a h6::first-letter,
	#mythbusters .questions .category .question a h6::first-letter,
	.answer h3::first-letter{
		text-transform: uppercase;
	}
	#faqs .questions .category .question a,
	#mythbusters .questions .category .question a{
		padding: 0;
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		padding: 10px 70px 10px 15px;
		box-sizing: border-box;
	}
	#faqs .questions .question h6,
	#mythbusters .questions .question h6{
		font-size: 15px;
		line-height: 18px;
	}
	#faqs .left.one-quater,
	#mythbusters .left.one-quater{
		float: none;
		width: 100%;
	}
	#faqs .toggle h6,
	#mythbusters .toggle h6{
		color: #0049ec;
	}
	#faqs .questions .category a.toggle:after,
	#mythbusters .questions .category a.toggle:after{
		display: none;
	}
	#faqs .question a.span,
	#faqs .questions .category .question.open a span.arrow,
	#faqs .questions .category .question a span.arrow.sub,
	#mythbusters .question a.span,
	#mythbusters .questions .category .question.open a span.arrow,
	#mythbusters .questions .category .question a span.arrow.sub{
		display: none;
	}
	#faqs .questions .category .question,
	#faqs .questions .category.open .question,
	#mythbusters .questions .category .question,
	#mythbusters .questions .category.open .question{
		display: block;
		position: relative;
	}
	.mobAnswer.open,
	#faqs .questions .category .question .mobAnswer.open,
	#mythbusters .questions .category .question .mobAnswer.open{
		display: block;
	}
	.question.active-question{
		opacity: 0.4!important;
	}
	.answer.popup{
		display: none;
		width: 100%;
		height: 100%;
		position: fixed;
		z-index: 100;
		top: 0;
		left: 0;
	}
	.answer.popup .inner{
		width: 1000px;
		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);
	}
	.answer.popup .inner .details{
		padding: 30px;
		padding-top: 30px;
	}
	.answer.popup .inner .details h3{
		padding-right: 150px;
	}
	.answer.popup .inner .sprite.cross{
		position: absolute;
		top: 30px;
		right: 30px;
		cursor: pointer;
	}
	.mobAnswer{
		display: none;
	}
	.mobAnswer h3{
		position: relative;
	}
	.mobAnswer .close-answer{
		position: absolute;
		top: 50%;
		right: 15px;
		transform: translateY(-50%);
		background-position: -385px 0;
		cursor: pointer;
	}
	#faqs .questions .category .question,
	#mythbusters .questions .category .question{
		color: #000;
		background: #e5edfd;
		padding: 0;
		width: calc(25% - 15px);
		opacity: 1;
		transition: 0.3s;
	}
	#mythbusters .questions .category .question{
		background: #fce4e3;
		width: calc(50% - 15px);
	}
	#mythbusters .questions .category .question em.sprite.magnify{
		background: none;
		height: 100%;
	    width: fit-content;
	    right: 15px;
	    line-height: 38px;
	    font-style: normal;
	    font-weight: 600;
	    color: #e30421;
	}
	#mythbusters .questions .category .question em.sprite.magnify::after{
		content: "FALSE";
	}
	#faqs .questions .category .question:hover,
	#mythbusters .questions .category .question:hover{
		opacity: 0.5;
	}
	.mobAnswer.open img.right{
		display: none;
	}
	.faqs-intro-container{
		background: #dddddd;
		padding: 20px;
		padding-bottom: 0;
	}
	.faqs-intro{
		display: none;
	}
	.faqs-intro p{
		padding: 0;
	}
	.faqs-intro.active{
		display: block;
	}
	.faqs-intro.active[data-type="acronym"]{
		padding-bottom: 20px;
	}
	.no-results-container{
		display: none;
	}
	.no-results-container p{
		padding-top: 0;
	}
	.no-results-container.active{
		display: block;
	}
	.answer-block{
		color: #000;
	}

	.faqResult{
	    margin: 0 0 10px 0;
	    padding: 20px;
	    box-sizing: border-box;
	}

	.faqResult h5{
		padding-bottom: 10px
	}

	.faqResult img{
		height: auto;
		padding: 0 0 0 20px;
		width: 200px;
	}

	.form{
		padding: 10px 40px;
		box-sizing: border-box;
	}

	#sign-up-form-parent a.button{
		margin-top:0
	}

	#sign-up-form{
		display: none;
	}

	#sign-up-form form{
		padding: 0 20px 20px 20px;
	    border: 2px solid #e30322;
	}

	#sign-up-form form label{
		padding-top:15px;
	}

	#sign-up-form form label.button{
		margin-top:7px
	}

	#project-overview{
		padding: 40px 0
	}

	#where-is-it-goint-to-be .left.width45 span.txt-right,
	#where-is-it-goint-to-be .right.width45 span.txt-right{
		text-align: left;
	}

	.title-image{
	}

	.title-image .title{
		position: absolute;
		top:35px;
		padding: 10px 25px
	}

	.title-image img{
		display: block;
		width: 100%;
		height: auto;
	}

	#what-is-the-need .half{
		margin-left: 80px;
		padding: 35px 75px 35px 45px
	}

	#what-is-the-need .container{
		top:80px;
		position: absolute;
		z-index: 2;
		left: 100%;
		margin-left: -35px;
		padding: 35px 40px;
		width: 345px;
		max-width: 100%;
	}

	#what-is-the-need .container h5{
		padding: 0 0 10px 0
	}

	#what-is-the-need .container h6{
		padding-left: 20px;
		box-sizing: border-box;
		position: relative;
	}

	#what-is-the-need .container .inner{
		position: relative;
	}

	#what-is-the-need .container .inner .line{
		position: absolute;
		height: 100%;
		top:0;
		left: 5px;
		width: 1px;
		background: #fff;
		box-sizing: border-box;
		border-bottom:7px solid #0049ec;
		border-top:7px solid #0049ec;
	}

	#what-is-the-need .container .inner h6 .ball{
		width: 9px;
		position: absolute;
		top:6px;
		left: 0;
		height: 9px;
		display: block;
		background: #fff;
		border-radius: 12px;
		border:1px solid #0049ec;
	}

	.full-image{
		padding: 50px 0;
		position: relative;
		overflow: hidden;
	}

	.full-image > img{
		width: 100%;
		height: auto;
		position: absolute;
		top:50%;
		left: 0;
		transform: translate(0, -50%);
		z-index: 1;
	}

	.full-image .overlay{
		position: relative;
		z-index: 2
	}

	.block-image img{
		width: 100%;
		display: block;
		height: auto;
	}

	#project-benefits .inner{
		width: 400px;
		max-width: 100%;
		padding: 10px 0;
	}

	.checklist{
		padding: 10px 30px 10px 40px;
		box-sizing: border-box;
		position: relative;
		min-height: 32px
	}

	.checklist p{
		padding: 0
	}

	.checklist .tick{
		position: absolute;
		top:5px;
		left: 0;
	}

	#previous-projects{
		overflow: hidden;
		padding: 55px 0;
		min-height: 335px;
		background: #ebebeb!important;
	}

	#project-map{
		width: 533px;
		height: 485px;
		margin: -35px -60px -35px 0;
		position: relative;
	}

	#project-map img{
		display: block;
	}

	#project-map .location{
		position: absolute;
		width: 20px;
		height: 20px;
		padding: 3px;
		border:2px solid transparent;
		box-sizing: border-box;
		margin: -10px 0 0 -10px;
		border-radius: 20px;
	}

	#project-map .location span{
		display: block;
		width: 10px;
		height: 10px;
		background: #1ed05c;
		border-radius: 10px;
	}

	#project-map .location.on span{
		background: #0049ec
	}

	#project-map .location:hover{
		border:2px solid #1ed05c;
		background: #fff;
		box-shadow: 0 0 5px #aaa
	}

	#project-map .location.on:hover{
		border:2px solid #0049ec;
	}

	.location-details{
		display: none;
		padding: 40px 0
	}

	.location-details.on{
		display: block;
	}

	.location-details img{
		padding: 0 20px 20px 0;
		height: auto;
		width: 100%;
		box-sizing: border-box;
	}

	.location-details.on .half.left:first-of-type{
		display: none;
		width: 0%;
	}

	.location-details.on .half.left{
		width: 100%;
	}

	.location-details a.button{
		margin: 3px 0 0 0
	}

	a.search-result{
		padding: 10px 30px 20px 20px;
		border-left: 10px solid #fff;
		display: block;
	}

	a.search-result:hover{
		border-left: 10px solid #0049ec;
	}

	.search-result p.excerpt{
		padding: 0;
		margin: 0;
	}

	.search-result .excerpt .keyword{
		color: #0049ec
	}

	.sitemap{
		color: #0049ec;
		font-size: 18px;
		line-height: 26px
	}

	.sitemap ul{
		padding: 0;
		margin: 0;
		display: block;
	}

	.sitemap ul li{
		display: block;
		padding: 0;
		margin: 0
	}

	.sitemap ul li a{
		display: inline-block;
		margin: 5px 0 5px 0;
		padding: 7px 14px;
	}

	.sitemap ul li ul{
		color: #000000;
	}

	.sitemap ul li ul li{
		display: inline-block;
	}

	.sitemap ul li ul li a{
		background: #EBEBEB;
		margin: 5px 10px;
	}

	.document-files{
		padding: 20px 0 40px 0;
	}

	.document-files .document{
		border-right: 3px solid #0049ec;
		box-sizing: border-box;
		padding: 0 30px 60px 30px;
		position: relative;
		margin: 30px 0 0 0
	}

	.document-files .document.clear-4{
		clear: both;
	}

	.document-files .document .cover{
		position: absolute;
		width: 100%;
		height: 100%;
		z-index: 2;
		left: 0;
		top:0;
	}

	.document-files .document.disabled{
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		opacity: 0.3;
	}

	.document-files .document .buttons{
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		padding: 0 30px;
		box-sizing: border-box;
	}

	.document-files .document:nth-child(4n-3),
	.document-files .document:nth-child(4n-3) .buttons{
		padding-left: 0;
	}

	.document-files .document:nth-child(4n){
		border-right:none;
	}

	.document-files .document .buttons .pdf-icon{
		width: 40px;
		height: 40px;
		position: absolute;
		bottom:0;
		right:30px;
		background: url("../images/pdf-icon.png") no-repeat 50% 50%;
		background-size:auto 38px;
	}

	.document-files .document:nth-last-child(2){
		border-right:none!important
	}

	.events table{
		margin: 0;
		text-align: left;
		width: 100%;
	}

	.events table .labels{
		display: none
	}

	.events table tr th {
	    padding: 3px 15px;
	}

	.events table tr h4{
		margin: 0;
		padding: 0;
		font-size: 22px;
		font-weight: 300;
	}

	table.bg-lightgrey{
		border:1px solid #787878
	}

	.events .buttons{
		position: relative;
	}

	.events .buttons .pdf-icon{
		width: 40px;
		height: 40px;
		position: absolute;
		bottom:0;
		left:115px;
		background: url("../images/pdf-icon.png") no-repeat 50% 50%;
		background-size:auto 38px;
	}

	#more-news{
		padding: 0px 35px 20px 0;
		box-sizing: border-box;
		border-right:1px solid #404040;
		clear: right;
	}

	#upcoming-events{
		clear: right;
		margin: 0
	}

	#upcoming-events + 	#more-news{
		padding: 0 0 0 20px;
		border:none;
		border-left:1px solid #404040;
	}

	#upcoming-events table .button{
		margin: 5px 0 0 0;
	}

	#more-news .news{
		padding: 20px 0;
		border-bottom:1px solid #404040;
		box-sizing: border-box;
	}

	#more-news .news:last-child{
		border:none;
	}

	#more-news .news .width33-3 img{
		width: 100%;
		display: block;
		height: auto;
	}

	#more-news .news .width66-6{
		padding-left: 35px;
		box-sizing: border-box;
	}

	#archive{
		padding: 20px 0 20px 35px;
		box-sizing: border-box;
	}

	#archive .year{
		padding: 0 0 0 25px;
		margin-top: 15px;
		position: relative;
		display: block;
	}

	#archive .year .triangle{
		width: 0;
		height: 0;
		position: absolute;
		top:5px;
		left: 0;
		border-left:13px solid #354A94;
		border-top:9px solid transparent;
		border-bottom:9px solid transparent;
	}

	#archive .year.open .triangle{
		top:8px;
		left: 0;
		border:none;
		border-top:13px solid #354A94;
		border-left:9px solid transparent;
		border-right:9px solid transparent;
	}

	#archive .year .months{
		padding: 0 0 0 20px;
		display: none;
		box-sizing: border-box;
	}

	#archive .year.open .months{
		display: block;
	}

	#news-post-head{
		padding-bottom: 20px
	}

	#news-post-body{
		box-sizing: border-box;
		padding-right: 80px;
	}

	#news-post-body img{
		max-width: 100%;
		height: auto!important;
	}

	#news-post-image img{
		width: 100%;
		display: block;
		height: auto;
		padding: 0 0 50px 0;
	}

	.pages .button{
        margin: 10px 10px 0 0!important;
        box-sizing: border-box;
        border: none!important;
    }

    .pages .button.on{
        background:#0049ec!important;
        color: #fff!important;
        border: none!important;
    }

    .year.on{
        color:#0049ec;
    }

	#cookies{
		position: fixed;
		z-index: 99;
		bottom:0;
		left: 0;
		width: 100%;
	    padding: 20px 165px 20px 20px;
		border-top: 3px solid #0048eb;
		color: #000;
		background: #fff;
		/* box-shadow: 0 0 5px rgba(64,64,64,0.7) */
	}

	#cookies .closeCookie{
		position: absolute;
		top:8px;
		right:20px;
	}

	#cookies .closeCookie.cookieYes{
		right:90px;
	}

	footer{
		padding: 25px 0;
	}

	footer .links{
		font-size: 0;
		line-height: 0;
		padding: 23px 0;
		color: #000;
	}

	footer .links a{
		padding: 0 7px;
		border-right: 1px solid #fff;
		font-size: 13px;
		line-height: 17px;
		font-weight: 500;
	}

	footer .links a:last-child{
		border:none;
		padding-right: 0;
	}

	.contact-image img {
		position: absolute;
	    bottom: -43px;
	    width: 370px;
	    display: block;
	    right: 0;
	    z-index: -1;
	}

	.videoGallery {
    clear: both;
		margin-top: 20px;
	}

	.videoGallery .videoContainer {
    width: 32%;
    float: left;
		margin-bottom: 20px;
	}

	.videoGallery .videoContainer:nth-of-type(3n-1) {
    margin-left: 2%;
    margin-right: 2%;
	}

	.videoGallery .videoContainer iframe {
    width: 100%!important;
    height: auto!important;
	}

	.videoGallery .videoContainer p, .rightVideoContainer p {
		font-size: 13px;
		padding: 0px;
		text-align: center;
	}

	.videoGallery .videoContainer p span.txt-red , .rightVideoContainer p span.txt-red {
    font-size: 16px;
    font-weight: 500;
	}

	.folders .folder p strong span.txt-red {
    font-size: 16px;
	}

	.right.half.rightVideoContainer iframe {
    width: 100%!important;
	}

	.rightVideoContainer {
    padding-left: 40px;
    padding-bottom: 20px;
	}

	.red.banner {
    position: absolute;
    right: -20px;
    top: 100px;
    background-color: #0049ec;
    padding: 10px;
    color: #ffffff;
		font-size: 15px;
	}

	/*UPDATES - 2024 - START */

		a.button.txt-red{
			color: rgb(0,73,236)!important;
		}
		.sky-blue-grad-button{
			background-image: linear-gradient(to right, #8febff, #51f8a4);
			outline: 2px solid transparent;
			color: rgb(0,73,236)!important;
			transition: 0.3s ease-in-out;
			border-radius: 30px;
		}
		.sky-blue-grad-button:hover{
			background-image: linear-gradient(to right, #9effe1, #9effe1);
		}
		.sky-blue-grad-button:focus{
			outline: 2px solid rgb(0,73,236);
		}
		a.button:hover,
		label.button:hover {
			opacity: 1;
		}
		.search.open ul{
			background: #fff!important;
		}

		#header nav > ul > li.search > ul{
			transform: none;
			background: #ffffff;
		}
/*		#header nav > ul > li.search:hover > ul{
			display: none;
		}*/
		#header nav > ul > li.search > ul.open{
			height: 100vh;
			display: block;
		}
		#afterMain{
			border-top: 2px solid #0049ec;
			border-bottom: 2px solid #0049ec;
		}
		footer.bg-red{
			background: #ffffff;
		}
		footer{
			padding-left: 40px;
			padding-right: 40px;
		}
		.tagline h5.left{
			color: #0049ec;
			font-weight: 500;
			font-size: 24px;
			line-height: 30px;
		}
		.tagline h5 br{
			display: none;
		}
		#header nav{
			position: absolute;
			right: 30px;
			bottom: 0px;
		}
		#header nav > ul > li > a{
		    line-height: 20px;
		    font-weight: 500;
		    font-size: 16px;
		    text-transform: capitalize;
		}
		#header nav > ul > li:hover ul{
			height: 70px;
			display: flex;
			opacity: 1;
			user-select: all;
			pointer-events: all;
		}
		#header nav > ul > li.search > ul{
			display: none;
			height: 0;
			opacity: 0;
			transition: height, opacity 0.3s;
			pointer-events: none;
		}
		#header nav > ul > li.search > ul.open{
			opacity: 1;
			height: 100vh;
			pointer-events: all;
		}
		.folders .tabs .tab{
			background: #fff;
			color: #000;
			font-weight: 500;
		}
		.popup.energy-from-waste-process .controls a.button{
			background-image: none;
			background: #fff;
			outline: 2px solid rgb(0, 73, 236);
			transition: all 0.3s;
			margin-bottom: 15px;
		}
		.popup.energy-from-waste-process .controls a.button.left{
			margin-left: 10px;
		}
		.popup.energy-from-waste-process .controls a.button.right{
			margin-right: 10px;
		}
		.popup.energy-from-waste-process .controls a.button:hover{
			color: #fff!important;
			background: rgb(0, 73, 236);
			outline: 2px solid #fff;
		}
		.related-links .related-link a.button{
			display: none;
		}

		.related-link h5{
			color: #000!important;
			text-transform: capitalize;
			font-weight: 500;
			padding-top: 10px;
		}
		.related-link h5 .txt-red{
			color: #000!important;
		}
		.related-link:hover{
			box-shadow: 0 3px 24px 0 rgba(0,0,0,.1);
		}
		#header .wrapper{
			position: relative;
		}
		footer.footer-flex .inks{
			padding: 0;
		}
		footer.footer-flex .wrapper{
			display: flex;
			align-items: center;
			justify-content: space-between;
		}
		.related-link a h6 span .txt-red{
			color: #000!important;
		}
		.find-out-more a img{
			width: 100%;
		}
		.find-out-more-container.bg-grey{
			width: 100%;
			background: #f0f3f5;
		}
		.find-out-more-container .find-out-more{
			background: #fff;
			width: 70%;
			margin: 0 auto;
			padding: 20px;
		}
		.find-out-more-container{
			padding: 50px 0;
			margin-bottom: 50px;
		}
		.box-left,
		.box-right{
			width: 1000px;
			height: 100%;
			top: 0;
			position: absolute;
			background: #f0f3f5;
		}
		.box-left{
			left: -70%;
		}
		.box-right{
			right: -70%;
		}
		.find-out-more:hover {
			box-shadow: 0 3px 24px 0 rgba(0, 0, 0, .1);
		}
		#afterMain a:hover{
			text-decoration: underline;
		}
		footer a:hover{
			text-decoration: underline;
		}
		#discover-more a.button:hover{
			text-decoration: none;
		}
		.carousel-quotes-bg-image{
			background-image: url('https://www.mvv-medworthchp.co.uk/perch/resources/faqs/faqs-who-are-mvv.jpg'); /*TESTING ONLY!!*/
			background-position: center;
			background-size: cover;
			background-repeat: no-repeat;
		}
		.quotes h6{
			font-size: 19px;
			line-height: 27px;
		}
		.quotes{
			padding-top: 30px;
			padding-bottom: 30px;
		}
		.mvv-icons.arrow-left{
			background-image: url('../images/arrow-right-2024.svg');
			transform: scaleX(-1);
			position: static;
			background-repeat: no-repeat;
			height: auto;
			width: 60px;
			opacity: 1;
			transition: 0.3s;
		}
		.mvv-icons.arrow-left:hover{
			opacity: 0.5;
		}
		.mvv-icons.arrow-right{
			background-image: url('../images/arrow-right-2024.svg');
			position: static;
			background-repeat: no-repeat;
			height: auto;
			width: 60px;
			opacity: 1;
			transition: 0.3s;
		}
		.mvv-icons.arrow-right:hover{
			opacity: 0.5;
		}
		.carousel{
			display: flex;
			flex-direction: column-reverse;
		}
		.arrows-container{
			display: flex;
			justify-content: space-between;
			width: 50%;
			margin: 25px auto 0 auto;
		}

		.bioGallery .one-quater > a:hover > img{
			outline: 2px solid #0049ec!important;
		}

		#header.header-small .logo{
			height: 48px;
			padding: 10px 0 10px 0;
		}
		#headerdummy.dummy-smaller{
			height: 68px;
		}
		#header.header-small nav > ul > li.search > ul{
			top: 68px;
			padding-top: 40px;
		}
		#header nav > ul > li.search > ul.active{
			pointer-events: all;
		}
		#header nav > ul > li.hidden{
			opacity: 0;
		}
		h3.txt-red,
		h3 .txt-red{
			font-weight: 500;
		}
		#header nav > ul > li.search > ul > li{
			margin: 0 auto;
		}
		#header nav > ul > li.search.open:after{
			opacity: 0;
		}
		#header nav > ul > li.search.open em.sprite.magnify{
		    background-position: -280px 0;
		    width: 40px;
		    height: 40px;
		    background-size: auto 40px;
		}
		#header.header-small nav > ul > li > ul{
			top: 68px;
		}
		#slideshow .inner .slide .overlay{
			width: 40%;
			background: #0049ec;
		}
		#slideshow .wave{
		    right: 2%;
		    bottom: -70%;
		    max-width: 58%;
		    z-index: 2;
		}
		#slideshow .inner .slide .overlay h5{
			width: auto;
			padding-left: 0;
		}
		#slideshow .inner .slide{
			z-index: 1;
		}
		#what-is-energy-from-waste .quote-box .quote.quote-grey{
			background: none;
			width: 25%;
			background: none;
			height: auto;
		}
		#what-is-energy-from-waste .three-fifths{
			width: 75%;
		}
		.search-icon-responsive{
			display: none;
		}
		.search-box-responsive{
			display: none;
		}
		#latest-news p{
			font-size: 13px;
			line-height: 17px;
		}
		#latest-news h6{
			font-size: 24px;
			line-height: 32px;
		}
		#form-success .half.left{
			margin-top: 50px;
		}

	/* UPDATES - 2024 - END*/

	/*MEETINGS*/

		.meetings-container{
			padding-top: 50px;
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
		}
		.meeting{
			width: 33.33%;
			box-sizing: border-box;
			padding: 2%;
			transition: 0.3s;
		}
		.meeting:hover{
			box-shadow: 0 3px 24px 0 rgba(0,0,0,.1);
		}
		.meeting:nth-child(3n){
			border-right: 0px;
		}
		.meeting img{
			width: 100%;
			height: auto;
		}
		.meeting a.link{
			margin: 20px 0 0 0;
		    padding: 11px 19px;
		    display: inline-block;
		    font-size: 15px;
		    line-height: 19px;
		    cursor: pointer;
		    background-image: linear-gradient(to right, #8febff, #51f8a4);
		    outline: 2px solid transparent;
		    color: rgb(0, 73, 236) !important;
		    transition: 0.3s ease-in-out;
		    border-radius: 30px;
		    font-weight: 500;
		}
		.close{
			display: none;
		}
		.meetings-container .meeting .close{
			position: absolute;
		    top: -20px;
		    right: -20px;
		    width: 40px;
		    height: 40px;
		    line-height: 40px;
		    font-size: 20px;
		    z-index: 2;
		    border-radius: 20px;
		    color: #ffffff;
		}
		.meetings-container .meeting.more .close{
			display: block;
		}
		.meeting.more{
		    position: fixed;
		    width: 70%;
		    height: 445px;
		    max-height: 90%;
		    z-index: 9;
		    top: 50%;
		    left: 50%;
		    -ms-transform: translate(-50%, -50%);
		    transform: translate(-50%, -50%);
		    border: none;
		    outline: 1000px solid rgba(0, 0, 0, 0.5);
		    background: #fff;
		    padding-top: 20px;
		    padding-bottom: 20px;
		}
		.meeting.more a.link{
			display: none;
		}
		.meeting.more img{
			width: 35%;
		}
		.meeting.more .inner{
		    height: 92%;
		    position: absolute;
		    top: 4%;
		    right: 0%;
		    width: 63%;
		    padding: 0 18px;
		    box-sizing: border-box;
		    overflow-y: auto;
		}
		.meeting.more .inner .description{
			height: 400px;
		}
		.meeting-inner{
			display: none;
			position: fixed;
		    background: #fff;
		    top: 50%;
		    left: 50%;
		    width: 1500px;
		    transform: translate(-50%, -50%);
		    z-index: 99;
		    outline: 1000px solid rgba(0,0,0,0.4);
		    padding: 40px;
		    box-sizing: border-box;
		    border-image: linear-gradient(to right, #b266ea, #40c5ef, #1ed05c) 30;
		    border-width: 7px;
		    border-style: solid;
		}
		.meeting-inner .image{
			width: 40%;
			float: left;
			padding-right: 30px;
			padding-bottom: 30px;
		}
		.meeting-inner.active .close{
			display: block;
		}

	/*MEETINGS*/
	/*SUSTAINABILITY STRATEGY*/
		.sustainability-block{
			padding-bottom: 30px;
			display: flex;
		}
		.sustainability-block .text-container{
			padding-bottom: 20px;
		}
		.sustainability-block:nth-child(odd){
			flex-direction: column-reverse;
		}
		.sustainability-block:nth-child(even){
			flex-direction: column;
		}
		.sustainability-block .text-container{
			box-sizing: border-box;
			width: 100%;
			float: none;
		}
		.sustainability-block .img-container{
			background-size: cover;
			background-position: center;
			background-repeat: no-repeat;
			width: 100%;
			float: none;
		}
	/*SUSTAINABILITY STRATEGY*/
	/*TIMELINE*/
		.timeline-wrapper-container{
			margin: 0 auto;
			padding-top: 30px;
			position: relative;
			width: 85%;
		}
		.timeline-wrapper-container,
		.timeline,
		.timeline-wrapper{
			overflow: hidden;
		}
		.timeline-inner-top img{
			width: auto;
			height: 100%;
			max-width: 100%;
			max-height: 150px;
			margin: 0 auto;
			display: block;
		}
		.timeline-wrapper .timeline-pre,
		.timeline-wrapper .timeline-inner{
			display: block;
			padding-right: 50px;
			box-sizing: border-box;
			position: relative;
		}
		.arrow-next.absolute{
			right: 15px;
			top: 25%;
			transform: translateY(-50%);
			width: 20px;
			position: absolute;
			display: none!important;
		}
		.timeline-inner:last-of-type .arrow-next{
			display: none;
		}
		.timeline-pre .pre-text-container{
			background: #0049ec;
			color: #fff;
			padding: 15px;
			border-radius: 5px;
			text-align: center;
		}
		.timeline-pre .pre-text-container h5{
			font-size: 18px;
			line-height: 26px;
		}
		.timeline-pre .pre-text-container p{
			font-size: 14px;
			line-height: 20px;
		}
		.pre-text-container,
		.inner-border{
			cursor: pointer;
		}
		.timeline-section-title h4{
			font-size: 20px;
			line-height: 28px;
		}
		.timeline-section-title p{
			font-size: 12px;
			line-height: 16px;
			text-align: center;
			padding: 0;
		}
		.timeline-inner-btm{
			padding-top: 50px;
			height: 100px;
		}
		.inner-border{
			position: relative;
		}
		.inner-border .ball-outer{
			position: absolute;
		    width: 20px;
		    height: 20px;
		    background: #fff;
		    border-radius: 500px;
		    bottom: 111px;
		    left: 50%;
		    transform: translateX(-50%);
		}

		.inner-border .ball-inner{
			width: 10px;
		    height: 10px;
		    border-radius: 500px;
		    background: #0059d0;
		    position: absolute;
		    top: 50%;
		    left: 50%;
		    transform: translate(-50%, -50%);
		}
		.timeline-line{
			position: absolute;
		    height: 15px;
		    width: 100%;
		    background: linear-gradient(to right, #5cb3ff, #57e29e);
		    bottom: 115px;
		    left: 0;
		    border-radius: 15px;
		}
		.timeline .arrow-left,
		.timeline .arrow-right{
			width: 30px;
			height: auto;
			top: 50%;
			transform: translateY(-50%);
			position: absolute;
			opacity: 1;
			transition: 0.3s;
			cursor: pointer;
		}
		.timeline-intro{
/*			padding-top: 30px;*/
			padding-bottom: 30px;
/*			width: 85%;*/
			margin: 0 auto;
		}
		.timeline .arrow-left{
			left: 0;
			display: none;
		}
		.timeline .arrow-right{
			right: 0;
		}
		.timeline .progress-line{
			height: 5px;
			width: 100%;
			background: #0049ec;
			margin-top: 10px;
			margin-bottom: 10px;
			display: none;
		}
		.timeline .timeline-inner:first-of-type .progress-line{
			border-bottom-left-radius: 15px;
			border-top-left-radius: 15px;
		}
		.timeline .timeline-inner:last-of-type .progress-line{
			border-bottom-right-radius: 15px;
			border-top-right-radius: 15px;
		}
		.timeline-popup{
			display: none;
			width: 100%;
		    height: 100%;
		    position: fixed;
		    top: 0;
		    left: 0;
		    background: rgba(0,0,0,0.6);
		    z-index: 99;
		}
		.timeline-popup-inner,
		.cross.cross-white{
		    width: 1024px;
		    height: auto;
		    top: 50%;
		    left: 50%;
		    transform: translate(-50%, -50%);
		}
		.cross.cross-white{
			position: relative;
			cursor: pointer;
		}
		.cross.cross-white img{
		    display: block;
		    width: 40px;
		    right: -80px;
		    top: -25px;
		    position: absolute;
		}
		.timeline-popup-inner{
			background: #ffffff;
			position: relative;
			padding: 25px;
		}
		.timeline-popup-image{
			width: 30%;
			padding-right: 30px;
			padding-bottom: 30px;
			box-sizing: border-box;
		}
		.timeline-popup-image img{
			width: 100%;
			height: auto;
		}
		.timeline-item-thumbnail{
			width: 75%;
			margin: 0 auto;
			position: relative;
		}
		.timeline-item-thumbnail img{
			width: 100%;
			height: auto;
			border-radius: 500px;
			border: 2px solid red;
			display: block;
		}
		.timeline-wrapper{
			display: flex;
		}
		.timeline-item-wrapper{
			width: 25%;
			padding: 30px;
			box-sizing: border-box;
			position: relative;
		}
		.timeline-item-clicker{
			cursor: pointer;
		}
		.timeline-item-text{
			text-align: center;
			margin-top: 20px;
		}
		.prev-line{
			display: none;
		}
		.next-line{
			position: absolute;
		    top: 50%;
		    width: 100%;
		    height: 2px;
		    background: red;
		    transform: translateY(-50%) translateX(101%);
		}
	/*TIMELINE*/
	/*BREAKING NEWS*/
		.breaking-news-container{
			background: #000;
			border-top: 3px solid #fff;
			border-bottom: 3px solid #fff;
			padding: 15px;
			color: #fff;
		}
		.breaking-news-inner{
			display: flex;
			gap: 30px;
			align-items: center;
			justify-content: center;
			position: relative;
		}
		.breaking-news-inner h4,
		.breaking-news-inner p{
			padding: 0;
		}
		.breaking-news-inner .button{
			margin-top: 0;
			background-image: linear-gradient(to right, #8febff, #51f8a4);
		    outline: 2px solid transparent;
		    color: rgb(0, 73, 236) !important;
		}
		.breaking-news-graphic{
			width: 45px;
			animation: pulse 1.5s ease-out 0s alternate infinite none running;
		}
		@keyframes pulse{
			0%{
				transform: scale(1.0);
			}
			100%{
				transform: scale(1.2);
			}
		}
	/*BREAKING NEWS*/

	/* SCALE DOWN */

	@media screen and (max-width: 1366px){
		.breaking-news-inner{
			width: max-content;
			animation: tickerTape 20s linear infinite;
		}
		@keyframes tickerTape {
		  0% {
		    left:100%;
		  }
		  100% {
		    left:-100%;
		  }
		}
	}

	@media screen and (max-width: 1300px){
		.timeline-wrapper .timeline-pre,
		.timeline-wrapper .timeline-inner{
			padding-right: 20px;
		}
		.timeline-wrapper-container{
			width: 95%;
		}
		.timeline .arrow-right{
			right: 30px;
		}
		.timeline .arrow-left{
			left: 30px;
		}
		.timeline .arrow-left,
		.timeline .arrow-right{
			width: 20px;
			top: auto;
			bottom: 0;
			transform: translateY(0px);
		}
	}

	@media screen and (max-width: 1250px){
		#slideshow .inner .slide .overlay{
			width: 50%;
			padding: 30px 20px;
		}
		#slideshow .inner .slide .overlay h4{
			font-size: 35px;
			line-height: 43px;
		}
		#slideshow .inner .slide .overlay h5{
			font-size: 15px;
			line-height: 16px;
		}
		#slideshow .wave{
			bottom: -38%;
			max-width: 59%;
		}
		.box-left,
		.box-right{
			display: none;
		}
	}

	@media screen and (max-width: 1200px){
		#faqs,
		#mythbusters{
			padding-left: 20px;
			padding-right: 20px;
		}
	}

	@media screen and (max-width: 1150px){
		footer.footer-flex .wrapper{
			flex-direction: column-reverse;
			justify-content: flex-start;
			align-items: unset;
			gap: 20px;
		}
		footer{
			padding-bottom: 40px;
		}
		footer .links a{
			font-size: 18px;
			line-height: 25px;
			display: block;
		}
	}

	@media screen and (max-width: 1100px){
		.timeline-wrapper-container{
			width: 100%;
		}
		.timeline-progress{
			margin-top: 0px;
		}
		.timeline-dot{
			width: 12px;
			height: 12px;
			margin-left: 4px;
			margin-right: 4px;
		}
		.timeline-wrapper .timeline-pre,
		.timeline-wrapper .timeline-inner{
			padding-right: 20px;
		}
		.timeline-dots-seperator{
			width: 15px;
			height: 3px;
			margin-left: 7px;
			margin-right: 7px;
		}
		#header nav{
			right: 0;
		}
		#header .search{
			padding: 12px 7px 24px 7px;
		}
		#hero .overlay p{
			font-size: 13px;
			line-height: 17px;
		}
		.mvv-energy-loop{
			top: 20%;
		}
	}

	@media screen and (max-width: 1050px){
		#project-map{
			margin:0 auto;
		}

		#previous-projects .left.width40,
		#previous-projects .right.half{
			width: 100%;
		}

		#previous-projects{
			padding: 20px 0 30px 0;
		}

		.document-files .document:nth-child(4n-3),
		.document-files .document:nth-child(4n-3) .buttons{
			padding-left: 30px;
		}
	}

	@media screen and (max-width: 1024px){
		.answer.popup .inner .details h3{
			font-size: 20px;
			line-height: 28px;
		}
		.answer.popup .inner .arrow-left,
		.answer.popup .inner .arrow-right,
		.answer.popup .inner .sprite.cross{
			top: 27px;
		}
		#faqs .questions .category .question,
		#mythbusters .questions .category .question{
			width: calc(33.33% - 15px);
		}
		#faqs,
		#mythbusters{
			padding-top: 15px;
		}
		.category{
			margin-bottom: 5px;
		}
		.anchors div.anchor-timeline{
			height: 31px;
			padding: 6px 8px;
			font-size: 13px;
			line-height: 17px;
			margin-right: 5px;
			min-width: 160px;
		}
		.quote .inner{
			width: 100%;
			height: auto;
			padding: 0 72px 0 25px;
		}
		.search-icon-responsive{
			display: block;
		    position: absolute;
		    right: 60px;
		    top: -6px;
		    width: 48px;
		    height: 48px;
		    background-size: auto 48px;
		}
		.search-box-responsive{
			display: none;
			height: 0;
			width: 100%;
			position: fixed;
			background: #fff;
			top: 70px;
			left: 0;
			overflow: hidden;
		}
		.search-box-responsive.open{
			height: 100vh;
		}
		.search-box-responsive.open form{
			display: flex;
			align-items: center;
			justify-content: center;
		}
		.search-box-responsive.open form input{
			width: 65%;
		}
		.search-box-responsive.open label.button{
			margin-top: 0;
			margin-left: 25px;
		}
		#what-is-energy-from-waste .quote-box .quote.quote-grey,
		#how-does-it-work .content h3,
		#what-is-energy-from-waste .three-fifths,
		#how-does-it-work .content h6
		{
			width: 100%;
			float: none;
		}
		#header {
		    padding: 15px 25px;
			box-shadow: 0 0 5px rgba(64,64,64,0.5)
		}

		#hamburger{
			display: block;
		}

		#header .wrapper{
			padding: 0;
		}

		#header .logo{
			height: 40px;
			padding: 0;
			width: auto;
		}

		#header nav ul{
			display: none;
			height: 100%;
			height: calc(100% - 70px);
			position: fixed;
		    width: 100%;
		    top: 70px;
			box-sizing: border-box;
		    right: 0;
			background: #fff;
			padding: 25px;
		}

		#header nav ul.open{
			/* display: block; */
		}

		.triangle-box{
			display: none;
		}

		#header nav > ul > li,
		#header .search{
			display: block;
			width: 100%;
			padding: 0;
			height: auto;
			text-align: center;
			color: #0049ec;
		}

		#header nav > ul > li:after{
			display: none;
		}

		#header nav > ul > li{
			padding: 5px;
			text-align: left;
			min-height: 0px;
			background: #ddd;
			border-bottom: 2px solid #fff;
			color: #000;
		}

		.mob-only{
			display: block!important;
		}

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

		#header .search a.mob-only{
			display: inline-block!important;
		}

		#header nav > ul > li.selected > a{
			border:none;
			background: none;
		}

		#header nav > ul > li > ul{
			display: none!important
		}

		#header .search{
			padding: 10px
		}

		#header nav > ul > li > a{
			padding: 10px;
			box-sizing: border-box;
			display:block;
			border: none
		}

		/*#header nav > ul > li.two-lines > a{
			padding: 10px
		}*/

		#header nav > ul > li.search{
			position: fixed;
		    top: 9px;
		    right: 80px;
		    margin: 0;
		    width: 0px;
		    opacity: 0;
		    padding: 0;
		    background: none;
		}
		#header .search .magnify{
			display: none;
		}

		#header nav > ul > li.search > ul{
		    position: fixed;
		    top: 70px;
		    width: calc(100% - 200px);
		    right: 200px;
		    left: 0;
		    height: auto;
			padding: 0 15px 15px 15px;
		}

		#header nav > ul > li.search > ul > li,
		#header nav > ul > li.search > ul > li form{
			padding: 0;
		}

		#header nav > ul > li.search > ul > li form label.button{
			padding: 11px 20px
		}

		#header .search input {
		    margin: 5px 15px 5px 0;
		    width: 250px;
		}

		#header .search form:after{
			content: "";
			width: 32px;
			height: 32px;
			display: inline-block;
		    background: url(../images/svg-fallback/sprites-2024.png?v=0.01) 0 0 no-repeat;
    		background: linear-gradient(transparent, transparent), url(../images/sprites-2024.svg?v=0.01);
    		background-size: auto 32px;
    		vertical-align: middle;
    		background-position: -280px 0;
		}

		#headerdummy{
			height: 70px
		}
	}

	@media screen and (max-width: 1000px){
		.quote + .three-fifths{
			width: 50%
		}

		.full-image{
			padding: 10px
		}

		#slideshow .wave{
	        width: 49%;
        	bottom: -129px;
		}

		#getInTouch .severn-tenths.left h4 br{
			display: none
		}

		#slideshow .inner .slide .overlay{
			width: 65%;
		}
	}

	@media screen and (max-width: 980px){

		.folders .folder{
			padding: 15px 0;
		}

		.input-container label[for=subject]{
			padding-top: 0;
		}

		.related-links{
			padding: 20px 0 55px 0
		}

		.related-links .related-link{
			padding: 0 5px
		}

		.related-links .related-link.first{
			padding: 0 10px 0 0
		}

		.related-links .related-link.last {
		    padding: 0 0 0 10px;
		}

		#how-does-it-work .content{
			top: 40px;
			bottom: auto;
		}

		#process-steps{
			position: static;
		    margin: 0px 0 0 0;
		}

		#process-steps .inner{
			border:none;
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
		}

		#process-steps .inner .process-step{
			margin: 10px!important;
			width: 30%;
		}

		#how-does-it-work{
			margin: 0 0 20px 0
		}

		form{
			padding: 0 20px
		}

		form .width25{
			width: 33.33%;
		}
	}

	@media screen and (max-width: 900px){
		.select-fake .option{
			font-size: 14px;
			line-height: 20px;
			height: 41px;
		}
	}

	@media screen and (max-width: 920px){
		#faqs .answers .answer img{
			width: 100%;
			padding: 0 0 20px 0;
			max-width: 100%
		}

		.document-files .document{
			width: 33.33%;
			border-right: 3px solid #0049ec!important;
		}

		.document-files .document:nth-child(3n){
			border-right: none!important
		}

		.document-files .document.clear-4{
			clear: none;
		}

		.document-files .document.clear-3{
			clear: both;
		}

		#latest-news > h3{
			padding-top: 0
		}

		#latest-news .content {
			top:50px;
		    padding: 35px 60px 35px 10px;
		}

		#hero img{
			opacity: 0.6;
		}

		#hero .overlay .inner p{
			text-shadow: -1px -1px 3px #fff, -1px 1px 3px #fff, 1px -1px 3px #fff, 1px 1px 3px #fff;
		}

		#hero .overlay .inner p br{
			display: none;
		}

		.contact-image img{
			width:300px;
			bottom: -5px
		}

		.faq-type{
			padding: 10px 15px;
		}
		.faq-type h4{
			font-size: 16px;
		}
	}

	@media screen and (max-width: 870px){
		.events .buttons .pdf-icon{
			display: none;
		}

		#news-post-body{
			padding-right: 30px
		}

	}

	@media screen and (max-width: 840px){
		.quote{
			margin: 0 auto 10px auto;
			float: none;
		}

		.quote + .three-fifths {
		    width: 100%;
		}

		.image-quote-box.right .border-right{
			width: 100%;
			padding: 0 0 15px 0;
			border: none;
			border-bottom: 1px solid #fff;
		}

		.image-quote-box.right .border-right + .left.half{
			border: none;
			width: 100%;
			padding: 15px 0 0 0;
		}

		.title-image .title{
			position: static;
		}

		#latest-news{
		    height: 350px;
		}

		#latest-news .content {
		    width: 60%
		}

		.speech-box{
			margin: 0 0 0 25px
		}
		#discover-more{
			padding: 35px 15px;
		}
		#discover-more .width33-3{
			padding-right: 0;
		}
	}

	@media screen and (max-width: 800px){
		#slideshow .wave{
			bottom: -30px;
			width: 50%;
			height: auto;
			left: 0;
			display: none;
		}
		#slideshow .inner .slide img{
		margin-left: 0px;
		filter: brightness(0.5);
	}

		#slideshow + br,
		#hero + br{
			display: none;
		}

		.wrapper,
		.wrapper-large{
			padding: 0 20px
		}

		#slideshow .wrapper,
		#hero .wrapper{
			margin: 0;
			padding: 0
		}

		#slideshow .inner .slide .overlay {
			padding: 30px;
		    background: rgba(64, 64, 64,0.4);
		    background: rgba(255,255,255,0.6);
		    width: 100%;
		}

		.carousel .inner-wrap .slide .text-block.half.left,
		.carousel .inner-wrap .slide .carousel-quotes-bg-image.half.right{
			float: none;
			width: 100%;
		}

		.carousel .inner-wrap .slide .carousel-quotes-bg-image.half.right{
			min-height: 250px;
			max-height: 250px;
		}

		.folders{
			min-height: 0
		}

		.folders .folder{
			padding: 20px 0 30px 0
		}

		#process-steps{
			margin: 15px 0 0 0
		}

		#how-does-it-work .content {
		    position: static;
		    width: 100%;
		    padding: 30px 40px 35px 40px;
		}

		#how-does-it-work .content .box{
			display: none;
		}

		form .width25,
		form .width50{
			width: 100%;
		}
/*
		.popup.energy-from-waste-process .slide > .left{
		    padding: 45px 20px 45px 30px;
			width: 33.33%;
		    table-layout: fixed;
		}

		.popup.energy-from-waste-process .slide > .left img{
			max-width: 100%;
			max-height: 100%;
			width: 1000px;
			height: auto;
		}

		.popup.energy-from-waste-process .slide > .right{
			width: 66.66%;
		    table-layout: fixed;
			left: 33.33%
		} */

		.popup.energy-from-waste-process{
			width: 90%;
			height: 80%;
			transform: none;
			top:10%;
			left:5%;
		}

		#faqs .questions{
			width: 40%;
		}

		#faqs .answers{
			width: 60%
		}
	}

	@media screen and (max-width: 780px){

		.progress-mobile{
			display: block;
		    padding: 8px 20px;
		    background: linear-gradient(to bottom right, #5cb3ff, #57e29e);
		    color: #fff;
		    border-radius: 8px;
		}
		.progress-mobile p{
			padding: 0;
			color: #0049ec;
			font-weight: 600;
		}

		.anchors{
			margin: 0 auto;
		    display: block;
		    padding-left: 0;
		    border-bottom: 0;
		}

		.anchors div.anchor-timeline{
			height: 46px;
	        padding: 12px 15px;
	        font-size: 16px;
	        line-height: 20px;
	        margin-right: 0px;
	        min-width: 160px;
	        display: block;
	        margin-top: 10px;
	        border-bottom: 2px solid #0049ec;
		}

		#discover-more{
			padding: 20px;
		}

		#discover-more > .width33-3{
			padding-right: 25px;
		}

		#what-is-the-need .half{
			margin-left: 0
		}

		.popup.energy-from-waste-process {
		    position: relative;
		    transform: none;
		    outline: none;
		    width: 100%;
		    height: auto;
		    top: auto;
		    left: auto;
		    right: auto;
		    bottom: auto;
			margin: 0 0 25px 0;
			z-index: 1
		}

		.popup.energy-from-waste-process .slide {
		    position: static;
		    top: auto;
		    left: auto;
		    height: auto;
		}

		.popup.energy-from-waste-process .slide > .left,
		.popup.energy-from-waste-process .slide > .right{
			width: 33%;
			height: auto;
			float: left;
			padding: 20px;
			left: auto;
			top:auto;
			bottom: auto;
			right: auto;
			position: static;
		}

		.popup.energy-from-waste-process .slide > .right{
			width: 67%;
		    padding: 30px 30px 60px 30px;
		}

		.popup.energy-from-waste-process .slide > .left img{
			position: static;
			transform: none;
		    max-height: 250px;
		}

		.popup.energy-from-waste-process .cross,
		.popup.energy-from-waste-process .top{
			display: none;
		}

		.popup.energy-from-waste-process .controls {
		    padding: 0 20px 0 20px;
		    width: 225px;
		    right: 0;
		}

		#previous-projects{
			padding: 20px 0 0 0;
			overflow: visible;
		}

		#latest-news{
			height: auto;
		}

		#latest-news > h3{
			display: none;
		}

		#latest-news .content .box{
			display: none;
		}

		#latest-news img {
		    float: none;
		    margin: 0 auto;
		}

		#latest-news .content{
			position: relative;
			top: auto;
			left: auto;
			margin: 0 auto;
			padding: 20px;
		}

		.speech-box{
			max-width: 80%;
		}
		.timeline-dots-container,
		.timeline-dots-seperator{
			display: none;
		}
	}

	@media screen and (max-width: 768px){
		.answer.popup .inner .details h3{
			font-size: 16px;
			line-height: 24px;
		}
		#faqs .questions .category .question,
		#mythbusters .questions .category .question{
			width: calc(50% - 15px);
		}
		.answer-block p{
			font-size: 14px;
			line-height: 20px;
		}
		#filter-faqs input,
		#filter-faqs .select{
			max-width: none;
		}
		#filter-faqs,
		#filter-faqs.shorter{
			padding-left: 0;
			width: 100%;
		}
		#filter-faqs,
		.filter-faqs{
			flex-direction: column;
		}
		.filter-intro{
			padding-bottom: 15px;
		}
	}

	@media screen and (max-width: 750px){
		#project-benefits .inner{
			width: 100%;
		}

		.full-image{
			background: #fff;
			border-top:1px solid #0049ec;
			border-bottom:1px solid #0049ec;
		}

		.full-image > img{
			opacity: 0.4;
		}

		.full-image .overlay.wrapper{
			padding: 0 0 0 10px
		}

		#faqs{
			padding: 15px 15px 30px 15px
		}

		.zoom-container .zoom-instructions{
			width: 100%;
			position: relative;
			margin: 0 0 15px 0
		}

		#hero img{
			height: 150px;
			width: auto;
		}

		.mvv-energy-loop{
			top: 60%;
		}

	}

	@media screen and (max-width: 700px){
		#discover-more > .width33-3{
			width: 100%;
			float: none;
		}
		#discover-more{
			text-align: left;
		}

		#slideshow .inner .slide.on-slide{
			display: flex;
			flex-direction: column-reverse;
		}
		#slideshow .inner .slide .overlay{
			position: static;
		}
		#slideshow .inner .slide .overlay h4 strong .txt-red,
		#slideshow .inner .slide .overlay h5 .txt-red{
			color: #000!important;
		}
	}

	@media screen and (max-width: 660px){
		.related-links .related-link{
			padding: 0 115px 0 0!important;
			width: 100%;
			margin: 0 0 10px 0;
			position: relative;
		}

		.related-links .related-link,
		.related-links .related-link .txt-red{
		}

		.related-links .related-link p,
		.related-links .related-link h2,
		.related-links .related-link h3,
		.related-links .related-link h4,
		.related-links .related-link h5,
		.related-links .related-link h6{
			padding:10px 0 0 0
		}

		.related-links .related-link p{
			padding: 10px 0;
		}

		.related-links .related-link a.button{
			margin: -20px 0 0 0;
			position: absolute;
			top:50%;
			right:10px;
			padding: 11px;
			bottom: auto;
		}

		.related-links .related-link a.button.bg-red{
			background: #404040
		}

		.related-links .related-link img{
			width: 120px;
			height: auto;
			padding: 0 15px 0 0;
			float: left;
		}

		.related-links{
			padding: 20px 0 0 0
		}

		.related-links .related-link{
			padding: 7px 15px 7px 15px!important;
		}
		.related-links .related-link img{
			width: 100%;
			padding: 0 0 10px 0;
		}

		.related-links .related-link a.button{
			left: 0;
			top:auto;
			bottom: 0;
			height: 30px;
			width: 100%;
			line-height: 30px;
			padding: 0;
			text-align: center;
		}

		#case-studies .related-links .related-link img{
			width: 100%;
			padding: 0 0 12px 0;
		}

		#case-studies .related-links .related-link{

		}

		#case-studies .related-links .related-link br{
			display: none;
		}

		.image-box .inner{
			padding: 20px
		}

		.zoom-container .zoom-in,
		.zoom-container .zoom-out{
			display: block;
		}

		#what-is-the-need .half{
			width: 100%;
			padding: 25px;
		}

		#what-is-the-need .container{
		    position: static;
		    margin: 30px auto 0 auto;
		}

		.document-files .document,
		.document-files .document:nth-child(n){
			width: 50%;
			border-right: 3px solid #0049ec!important;
		}

		.document-files .document:nth-child(2n){
			border-right: none!important;
		}

		.document-files .document.clear-4,
		.document-files .document.clear-3{
			clear: none;
		}

		.document-files .document.clear-2{
			clear: both;
		}

		#sign-up-form-parent,
		#sign-up-form-parent + .half{
			width: 100%;
		}

		.speech-box {
		    width: 65%;
			min-width: 280px;
			margin: 20px auto 0 auto
		}

		.speech-box .photo img{
			right: 0;
			height:auto;
			width: 100%;
		}

		.contact-image img{
			width: 250px
		}

		#getInTouch .severn-tenths.left{
			width: 100%;
		}
	}

	@media screen and (max-width: 650px){
		#process-steps .inner .process-step{
			width: 90%;
			min-height: 0px;
			margin: 5px!important;
		}
	}

	@media screen and (max-width: 625px){
		.full-image > img{
			height: 100%;
			width: auto;
		}

		#faqs .questions{
			width: 100%;
		}

		#faqs .questions a{
			display: inline-block;
			width: auto;
			border:2px solid #0049ec;
			margin: 0 5px 7px 0
		}

		#faqs .answers{
			padding: 10px 0 0 0;
			width: 100%;
			border-top: 2px solid #0049ec;
		    margin-top: 10px;
		}

		#faqs .questions .category .question.open .mobAnswer{
			display: block;
		    width: 100%;
		    padding: 0 10px 10px 20px;
		    margin: 10px 0;
		    box-sizing: border-box;
		    border-left: 2px solid #0049ec;
		}

		#faqs .questions .category .question.open .mobAnswer img{
			width: 100%;
			height: auto;
			display: block;
			padding: 0 0 10px 0
		}

		.form{
			padding: 10px 10px 40px 10px;
		}

		.form > .half{
			width: 100%;
		}

		.answers{
			display: none;
		}

		.answerImgHide{
			display: none!important;
		}

		#latest-news img,
		#latest-news .content{
			width: 480px;
			max-width: 100%;
		}

		#more-news{
			width: 100%;
			border: none;
			padding: 0;
		}

		#archive {
		    padding: 0;
		    width: 100%;
		    text-align: center;
		}

		#archive .year{
			padding: 0;
		}

		#archive .year .triangle{
			display: none;
		}

		#upcoming-events + #more-news {
		    border: none;
		    padding: 15px 0 0 0;
		    border-top: 1px solid #404040;
		    margin: 20px 0 0 0;
		}

		#news-post-body,
		#news-post-image{
			width: 100%;
			padding: 0
		}

		#news-post-image img{
			padding: 0 0 10px 0
		}

		#upcoming-events{
			width: 100%;
			margin: 20px 0 0 0
		}

		.videoGallery .videoContainer {
			width: 100%
		}

		.videoGallery .videoContainer:nth-of-type(3n-1) {
	    margin-left: 0px;
	    margin-right: 0px;
		}
	}

	@media screen and (max-width: 600px){
		.answer.popup .inner .details h3{
			padding-right: 0;
			padding-top: 40px;
		}
		#faqs .questions .category .question,
		#mythbusters .questions .category .question{
			width: 100%;
		}
		#faqs .questions .category a.toggle h6,
		#mythbusters .questions .category a.toggle h6{
			padding-bottom: 15px;
		}
	}

	@media screen and (max-width: 590px){
		#header .search input {
		    margin: 10px 0 0 0;
		    width: 100%;
		}

		#header nav > ul > li.search > ul > li form label.button{
			margin: 10px 0 0 0;
			display: block;
			text-align: center;
		}

		.speech-box .photo img{
			right: 0;
			height:100%;
			width: auto;
		}
	}

	@media screen and (max-width: 580px){
		.folders .tabs .tab, .anchors a{
			margin: 5px 0;
			text-align: left;
			width: 100%;
			display: block;
		}

		.folders .tabs .tab{
			text-align: left;
			min-width: 0px;
			width: auto;
			display: block;
		}

		footer{
			padding: 15px 0;
		}

		#how-does-it-work .content {
		    padding: 20px 30px 30px 30px;
		}

		.image-quote-box.left,
		.image-quote-box.right{
			width: 100%;
			padding: 0 0 25px 0
		}

		.image-quote-box.right{
			padding: 25px 0 0 0
		}

		#project-overview > .half.left{
			width: 100%;
		}

		.image-quote-box.left + .half.right{
			width: 100%
		}

		#why-efw-over-landfill{
			margin-bottom: 20px
		}

		#where-is-it-goint-to-be .buffer{
			display: none;
		}

		#where-is-it-goint-to-be .width45{
			width: 100%;
			margin-top: 25px;
		}

		#who-are-mvv .width45,
		#who-are-mvv .width40{
			width: 100%
		}

		#who-are-mvv .width45{
			padding-top: 30px
		}

		#project-map,
		#project-map img{
			width: 100%;
			height: auto;
		}
/*
		.popup.energy-from-waste-process .slide > .left{
			width: 100%;
			display: block;
			height: 35%;
			padding: 40px 10px 10px 10px;
			top:0;
			left: 0;
			box-sizing: border-box;
		}

		.popup.energy-from-waste-process .slide > .left .inner{
			height: 100%;
			display: block;
		}

		.popup.energy-from-waste-process .slide > .right{
			width: 100%;
			display: block;
			height: 65%;
			top:35%;
			left: 0;
			padding: 10px 20px 70px 20px;
		}

		.popup.energy-from-waste-process .slide > .right .inner{
			display: block;
			height: 100%;
		    overflow: auto;
		}

		.popup.energy-from-waste-process .slide > .left img{
			height: 100%;
			width: auto;
		} */

		#slideshow,
		#slideshow .inner,
		#slideshow .inner .slide,
		#slideshow .inner .slide img{
			height: 236px;
		}

		#slideshow .inner .slide img{
			width: auto;
		}

		#slideshow .inner .slide.slide-prev,
		#slideshow .inner .slide.slide-next{
			z-index: -1;
		}

		.zoom-box .cover{
			position: absolute;
			top:0;
			left: 0;
			width: 100%;
			height: 100%;
			z-index: 2;
		}
	}

	@media screen and (max-width: 550px){
		.faqResult img {
		    width: 150px;
		}

		.spill-hero #hero .overlay .inner h1 br{
			display: none;
		}

		#getInTouch .width55{
			width: 100%;
		}

		.contact-image img{
			opacity: 0.2
		}
		.search-box-responsive.open form .sprite.large.search-icon{
			display: none;
		}
		.search-box-responsive.open form label{
			margin-left: 0;
		    margin-top: 15px;
		    padding: 11px 30px;
		}
		.search-box-responsive.open form input{
			width: 100%;
		}
		.search-box-responsive.open form{
			flex-direction: column;
		}
		.search-box-responsive.open label.button{
			margin-top: 25px;
			margin-left: 0;
		}

	}

	@media screen and (max-width: 500px){
		.folders .folder img.right {
		    width: 100%;
		    padding: 0 0 20px 0;
		}

		.quote{
			background: none;
			height: auto;
			width: 100%;
			margin: 0 0 20px 0
		}

		.quote .inner{
			height: auto;
			width: 100%;
			background: #fff;
			text-align: center;
			padding: 15px;
		}

		h2{
			font-size: 24px;
	    	line-height: 32px;
	    	font-weight: 500;
		}

		h3{
			font-size: 20px;
		    line-height: 28px;
		    font-weight: 500;
		}

		#slideshow .inner .slide .overlay{
			padding: 30px
		}

		.image-box .inner{
			width: 100%;
			padding: 15px 15px 5px 15px
		}

		.image-box.inverse > img{
			width: 100%;
			height: auto;
			position: static;
			transform: none
		}

		#energy-from-waste-process .bubble{
			height: 20px;
		    width: 20px;
		    line-height: 18px;
		    font-size: 12px;
		}

		.popup.energy-from-waste-process .slide > .left,
		.popup.energy-from-waste-process .slide > .right{
			width: 100%
		}

		.popup.energy-from-waste-process .slide > .right{
		    padding: 10px 25px 70px 25px;
		}

		.popup.energy-from-waste-process .controls{
			padding: 0 20px 10px 20px
		}

		.popup.energy-from-waste-process .slide > .left img{
			max-height: 200px
		}

		.document-files .document,
		.document-files .document:nth-child(n){
			width: 100%;
			border-right: none!important;
			border-bottom: 3px solid #0049ec!important;
			float:none;
			padding:0 0 70px 0!important;
		    margin: 20px 0 0 0;
		}

		.document-files .document:nth-child(n) .buttons,
		.document-files .document .buttons{
			padding: 0 0 0 0 !important;
			margin: 0 0 15px 0!important
		}

		.document-files .document.clear-4,
		.document-files .document.clear-3,
		.document-files .document.clear-2{
			clear: none;
		}

		#hero img {
		    height: 160px;
		    width: auto;
		}
	}

	@media screen and (max-width: 450px){
		#case-studies .related-links .related-link img {
			width: 100%;
		}

		.quotes{
			padding: 10px 15px;
		}

		.quotes .quote-left{
			position: relative;
			margin: 0 7px 0 0;
			vertical-align: bottom;
		}

		#slideshow .inner .slide .overlay {
		    padding: 20px;
		}

		#slideshow .inner .slide .overlay h6 {
		    line-height: 15px;
		    font-size: 13px;
		}

		#slideshow .inner .slide .overlay br{
			display: none;
		}

		.location-details .left.half{
			width: 100%
		}

		.location-details img{
			padding-right: 0;
		}

		#header nav > ul > li.search > ul{
			width: 100%;
		}

		#header nav > ul.move{
			height: calc(100% - 178px);
		    top: 178px;
		}

		.faqResult img {
		    display: none;
		}

		#more-news .news .width33-3{
			width: 100%;
		}

		#more-news .news .width66-6{
			width: 100%;
			padding: 20px 0 0 0;
		}

		#upcoming-events + #more-news .news .width33-3{
			width: 200px;
			margin: 0 auto;
			float: none;
		}
		.faq-type h4{
			font-size: 10px;
		}
	}

	@media screen and (max-width: 440px){
		#process-steps .inner .process-step {
			margin: -1px 0 0 0!important;
		    width: 100%;
		    height: auto;
		    padding: 0px 7px 10px 7px;
		}

		#process-steps .inner .process-step p{
			display: none;
		}

		#process-steps .inner .process-step p:first-child{
			display: block;
		}

		#process-steps .inner .process-step p:first-child span.txt-red:after{
			content: " click to read more";
			color: #fff;
			font-weight: 400
		}

		#process-steps .inner .process-step.open p{
			display: block;
		}

		#process-steps .inner .process-step.open p:first-child span.txt-red:after{
			display: none;
		}
	}

	@media screen and (max-width: 400px){
		#discover-more{
			padding: 20px 0
		}

		#discover-more > .width33-3{
			padding-right: 15px
		}

		#discover-more > .width33-3 + .width33-3{
			padding: 0;
		}

		#slideshow .inner .slide .overlay{
			padding: 20px
		}


		.events table,
		.events table tbody,
		.events table tbody tr,
		.events table tbody tr td{
			display: block;
			width: 100%;
		}

		.events table tbody,
		.events table tbody tr,
		.events table tbody td{
			border-left:none;
			border-right:none;
			border-top:none;
		}

		.events table tbody tr td:last-child{
			border-bottom-width: 5px
		}

		.events table thead{
			display: none;
		}

		.events table .labels{
			display: block;
			padding: 0 0 5px 0;
			margin: 0;
		}

		#hero img {
		    height: 175px;
		    width: auto;
		}

		/* .popup.energy-from-waste-process .controls{
			font-size: 11px
		} */
	}

	@media screen and (max-width: 360px){
		#discover-more > .width33-3{
			width: 100%;
			padding: 0;
		}
	}

	/* TEMP */

	body{
		min-width: 1052px;
		min-width: 0;
	}

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

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

		#header{
			position: relative
		}
	}