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

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

	a img{
		border: inherit;
	}

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

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


	h1,p{
		padding:0 0 10px 0;
	}

	strong{
		font-weight: 500;
	}

	table{
		background: rgb(228,228,228);
		border-collapse: collapse;
		width:100%;
		border: none;
	}

	table thead{
	    background: rgb(160,160,160);
		color: #fff;
	}

	table tr:nth-child(even){
		background: rgb(242,248,233);
		color:rgb(64,100,64)
	}

	table tr td{
		padding:7px 10px;
		border-left:2px solid #fff;
		border-right:2px solid #fff;
		vertical-align: middle;
	}

	table tr th{
		border: none;
	}

	.clear{
		clear:both;
	}

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

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

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

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

	.center{
		text-align: center;
	}

	img.centered{
		vertical-align: middle;
	}

	.relative{
		position: relative;
	}

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

	.paddV15{
		padding-top:15px;
		padding-bottom:15px;
	}

	.paddV25{
		padding-top:25px;
		padding-bottom:25px;
	}

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

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

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

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

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

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

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

	.paddH120{
		padding-left:120px;
		padding-right:120px;
	}

	.paddL50{
		padding-left:50px;
	}

	.paddR50{
		padding-right:50px;
	}

	.padd0{
		padding:0;
	}

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

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

	.three-quaters{
		width: 75%;
	}

	.severn-tenths{
		width:70%;
	}

	.two-thirds{
		width: 66.666%;
	}

	.three-fifths{
		width: 60%;
	}

	.half{
		width: 50%;
	}

	.two-fifths{
		width: 40%;
	}

	.three-tenths{
		width:30%;
	}

	.one-third{
		width: 33.333%;
	}

	.one-quater{
		width: 25%;
	}

	.one-fifth{
		width: 20%;
	}

	.one-sixth{
		width: 16.666%;
	}

	.one-eighth{
		width: 12.5%;
	}

	/*
		███████ ██████  ███████  ██████ ██ ███████ ██  ██████ ███████
		██      ██   ██ ██      ██      ██ ██      ██ ██      ██
		███████ ██████  █████   ██      ██ █████   ██ ██      ███████
		     ██ ██      ██      ██      ██ ██      ██ ██           ██
		███████ ██      ███████  ██████ ██ ██      ██  ██████ ███████
	*/
	/*
		topsoil-green rgb(153,204,0)
		topsoil-brown rgb(111,48,20)
	*/

	body{
		font-size:16px;
		line-height:25px;
		background: #fff;
		font-weight: 400;
		color:rgb(0,48,0);
	}

	main{
		width: 100%;
		display: block;
	    overflow: hidden;
	}

	h1{
		font-size: 53px;
		line-height: 59px;
	}

	h2{
		font-size: 45px;
		line-height: 55px;
		padding:15px 0;
	}

	h3{
		font-size: 35px;
		line-height: 44px;
		padding:15px 0;
	}

	h4{
		font-size: 27px;
		line-height: 36px;
		padding:0 0 20px 0;
	}

	h5{
		font-size: 24px;
		line-height: 31px;
		padding:0 0 15px 0;
	}

	h6{
		font-size: 21px;
		line-height: 27px;
		padding:0 0 10px 0;
	}

	hr{
		height: 1px;
	    width: 100%;
	    padding: 0;
	    margin: 10px 0 20px 0;
	    background: rgb(216, 216, 216);
	    border: none;
	}

	small{
		font-size:14px;
		line-height:22px;
	}

	ul{
		margin:10px 0;
		padding:0 0 0 30px;
	}

	ul li{
		padding: 5px 0;
	}

	blockquote{
		margin:20px 40px;
	}

	.font-fira{
		font-family: 'Fira Sans', sans-serif;
	}

	/*
	Chelsea font removed and overriden below
	.font-chelsea{
		font-family: 'Chelsea Market', cursive;
	}
	*/

	.font-heebo,
	.font-chelsea{
		font-family: 'Heebo', sans-serif;
		font-weight: 300;
	}

	.font-chelsea{
		font-weight: 500;
	}

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

	.txt-white{
		color: #fff!important;
	}

	.bg-white,
	.banner .content.bg-white{
		background: #fff;
	}

	.txt-green{
		color:rgb(128,189,38)!important;
	}

	.bg-green{
		background:rgb(128,189,38);
	}

	.bg-green-trans{
		background:rgba(128,189,38,0.65);
	}

	.bg-green-light{
		background:rgb(217,235,190);
	}

	.bg-green-light-med{
		background:rgb(179,215,125);
	}

	.bg-blue{
		background:rgb(0,53,173);
	}

	.bg-blue-trans{
		background:rgba(0,53,173,0.65);
	}

	.bg-twitterblue{
		background:rgb(28,161,242);
	}

	.txt-twitterblue{
		color:rgb(28,161,242);
	}

	.txt-brown{
		color:rgb(111,48,20)!important;
	}

	.bg-brown{
		background:rgb(111,48,20);
	}

	.bg-brown-trans{
		background:rgba(111,48,20,0.65);
	}

	.bg-orange{
		background:rgb(241,140,16);
	}

	.bg-orange-light-med{
		background:rgb(244, 168, 87);
	}

	.bg-orange-trans{
		background:rgba(241,140,16,0.65);
	}

	.txt-orange{
		color:rgb(241,140,16);
	}

	.bg-redgrey{
		background: rgb(120,106,117);
	}

	.bg-grey{
		background: rgb(228,228,228);
	}

	.hide{
		display: none;
	}

	em.sprite{
	    background: url(../images/svg-fallback/sprites.png) 0 0 no-repeat;
	    background: linear-gradient(transparent, transparent), url(../images/sprites.svg) 0 0 no-repeat;
		width: 26px;
		height: 26px;
		display: inline-block;
		vertical-align: middle;
	}

	em.sprite.search{
		background-position: 0 0;
	}

	em.sprite.twitter{
		background-position: -26px 0;
	}

	em.sprite.twitter-blue{
		background-position: 0 -52px;
		width:52px;
		height:52px;
	}

	em.sprite.arrow-round{
		background-position: -52px -52px;
	}

	em.sprite.arrow-green-brown-right{
		background-position: -78px -52px;
		width:52px;
		height:52px;
	}

	em.sprite.arrow-green-brown-left{
		background-position: -130px -52px;
		width:52px;
		height:52px;
	}

	em.sprite.arrow-green-brown-double-right{
		background-position: -182px -52px;
		width:52px;
		height:52px;
	}

	em.sprite.arrow-green-brown-double-left{
		background-position: -234px -52px;
		width:52px;
		height:52px;
	}

	em.sprite.arrow-white-right{
		background-position: -52px 0;
	}

	em.sprite.arrow-white-down{
		background-position: -52px -26px;
	}

	em.sprite.open-arrows{
		background-position: -182px 0;
		width:52px;
		height:52px;
	}

	em.sprite.arrow-white{
		background-position: -78px 0;
		width:52px;
		height:52px;
	}

	em.sprite.green-arrow-circle{
		background-position: -130px 0;
		width:52px;
		height:52px;
	}

	em.sprite.advice{
		background-position: -234px 0;
		width:52px;
		height:52px;
	}

	em.sprite.download{
		background-position: -286px 0;
		width:52px;
		height:52px;
	}

	em.sprite.hamburger{
		background-position: -286px -52px;
	}

	em.sprite.download-small{
		background-position: -52px -78px;
	}

	em.sprite.arrow-left-big{
		background-position: -338px 0;
		width:52px;
		height:52px;
		cursor: pointer;
	}

	em.sprite.arrow-right-big{
		background-position: -338px -52px;
		width:52px;
		height:52px;
		cursor: pointer;
	}

	em.sprite.exclaim{
		background-position: -390px 0;
		width:78px;
		height:78px;
	}

	.hover-icon,
	.hover-glow{
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}

	.hover-icon:hover{
		transform:scale(1.1);
		transition:0.3s;
		-webkit-filter:brightness(110%);
	}

	.hover-glow:hover{
		transition:0.3s;
		-webkit-filter:brightness(115%);
	}

	.hover-icon:active{
		transform:scale(1.05);
		transition:0.05s;
		-webkit-filter:brightness(90%);
	}

	.hover-glow:active{
		transition:0.05s;
		-webkit-filter:brightness(80%);
	}

	.hover-icon.hover-left{
		transform-origin: 0 50%!important;
	}

	.hover-icon.hover-right{
		transform-origin: 100% 50%!important;
	}

	label{
		display: block;
		padding-bottom:15px;
		position: relative;
	}

	label.select{
		display: block;
		border:1px solid rgb(179,179,179);
		height:35px;
		box-sizing: border-box;
		font-size:15px;
		color:rgb(0,48,0);
		line-height:25px;
		position: relative;
		padding:3px 8px;
		max-width: 250px;
	}

	label.select select{
		width: 100%;
	}

	label.select em.triangle{
		width: 0px;
	    height: 0px;
		border-top: 10px solid rgb(179,179,179);
		border-right: 6px solid transparent;
		border-left: 6px solid transparent;
		right:10px;
		z-index: -1;
		top:50%;
		margin-top:-5px;
		position: absolute;
	}

	label.input span{
		display: block;
		width:18%;
		float:left;
		padding-right: 3px;
		box-sizing: border-box;
		text-align: right;
		height:35px;
		line-height: 35px;
	}

	label.input.readonly input{
		background: #e7e7e7;
	    color: #595959;
	}

	label.input input,
	label.input textarea{
		display: block;
		float:right;
		width:80%;
		border:1px solid rgb(179,179,179);
		height:35px;
		box-sizing: border-box;
		font-size:15px;
		color:rgb(0,48,0);
		line-height:25px;
		padding:3px 8px;
	}

	label.input input.full,
	label.input textarea.full{
		width: 100%;
	}

	label.input textarea{
		min-height: 180px;
	}

	label.input.units{
		padding-right: 34px;
		box-sizing: border-box;
	}

	label.input.units em{
		height:35px;
		width:35px;
		position: absolute;
		top:0;
		border:1px solid rgb(179,179,179);
		right:0;
		box-sizing: border-box;
		font-size: 14px;
		z-index: 2;
		text-align: center;
		line-height: 35px;
		font-style: normal;
		background: rgb(210,210,210);
	}

	input.false,
	.units input.false + em{
		border-color:rgb(230, 75, 75)!important;
		transition: 0.5s;
	}

	label.submit span{
		padding:5px 15px;
		border-radius: 5px;
	}

	span.button{
		padding:5px 15px;
		margin:0 5px 7px 5px;
		border-radius: 2px;
		display: inline-block;
	}

	label.submit input{
		height:0;
		width:0;
		display: inline;
		opacity: 0;
		visibility: hidden;
		position: absolute;
	}

	#headerDummy{
		height: 108px;
	}

	header{
		width:100%;
		background: #fff;
		height: 108px;
		top:0;
		left:0;
		position: fixed;
		z-index: 20;
		box-shadow:0 0 5px rgba(0,0,0,0.5);
	}

	body.noCookie header{
		/*top: 70px;*/
	}

	body.noCookie #headerDummy{
		/*height: 178px;*/
	}

	header .logo{
		margin:21px 60px;
		height:66px;
		width: 192px;
	}

	header .nav-icons{
		height:26px;
		float:right;
		margin:27px 48px 0 0;
	}

	header #searchBar{
		height:26px;
		margin:24px -30px;
		position: relative;
		z-index: -1;
	}

	header #searchBar .input{
		width:500px;
	}

	header .nav-icons .telephone{
		font-size: 25px;
		line-height: 26px;
		display: inline-block;
		vertical-align: middle;
	}

	header .nav-icons em{
		margin-right: 10px;
	}

	header nav{
		font-size: 0;
		line-height: 0;
		height:35px;
		padding:0 15px;
		position: absolute;
		right:0;
		bottom:-9px;
		border-radius: 5px 0 0 5px;
		z-index: 10;
		box-shadow:2px 3px 5px -1px rgba(0,0,0,0.5)
	}

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

	header nav ul li{
		margin:0;
		padding:0;
		display: inline-block;
		font-size: 14px;
		line-height: 35px;
		vertical-align: top;
		position: relative;
	}

	header nav ul li a{
		display: block;
		padding:0 17px;
	}

	header nav > ul > li:hover,
	header nav > ul > li.selected,
	header nav > ul > li.ancestor{
		background: rgb(204,229,168)
	}

	header nav ul li:hover ul{
		display: block;
	}

	header nav ul li ul{
		display: none;
		position: absolute;
		top:100%;
		width:180px;
		left:0;
		box-sizing: border-box;
		padding:10px 20px;
		background:#fff;
		box-shadow:0 4px 5px rgba(0,0,0,0.5)
	}

	header nav ul li ul li{
		display: block;
		width:100%;
		line-height: 20px;
	}

	header nav > ul > li > ul > li:hover,
	header nav > ul > li > ul > li.selected,
	header nav > ul > li > ul > li.ancestor{
		color:rgb(128,189,38);
	}

	header nav ul li ul li a{
		padding:8px 0;
	}

	#hamburger{
		display: none;
	}

	.wrapper{
		max-width: 1024px;
		margin:0 auto;
	}

	.wrapper1366{
		max-width: 1366px;
		margin:0 auto;
	}

	#slideshow{
		position: relative;
		height:390px;
		overflow: hidden;
	}

	#slideshow .slide{
		position: absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
	    overflow: hidden;
		z-index: 1;
	}

	#slideshow .slide img{
		min-width: 100%;
		height:auto
	}

	#slideshow .slide .overlay{
		position: absolute;
		width:50%;
		left:0;
		bottom:0;
		z-index: 3;
		padding:30px 60px;
		box-sizing: border-box;
	}

	#slideshowProgress span{
		display: block;
		height:5px;
		width:0;
	}

	#product-header img.bg,
	#generic-header img.bg{
		width: 100%;
		height:auto;
		display: block
	}

	#product-header .logo,
	#generic-header .logo{
		position: absolute;
		top:67%;
		left:65px;
		z-index: 2;
		max-width: 530px;
	}

	#product-header .logo h1,
	#generic-header .logo h1{
		font-size: 47px;
	    line-height: 48px;
	    padding: 0;
	}

	#generic-header .logo h2{
		font-size: 33px;
		line-height: 40px;
	}

	#generic-header.indent .logo h1,
	#generic-header.indent .logo h2{
		padding-left: 80px;
	}

	#product-header h1{
		position: absolute;
		left:100%;
		top:0;
		z-index: -10;
	}

	#accordion{

	}

	#accordion .item{
		width:17%;
		height:424px;
		margin:42px 0;
		overflow: hidden;
		float:left;
		box-sizing: border-box;
		position: relative;
		padding:0 1px;
		transition:0.3s;
		cursor: pointer;
	}

	#accordion .item .glass-cover{
		position: absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		z-index: 4;
		font-size:23px;
		line-height: 32px;
		padding:120px 0 0 0;
		box-sizing: border-box;
		transition:0.3s;
	}

	#accordion .item .glass-cover em.sprite.open-arrows{
		position: absolute;
		bottom:100px;
		left:50%;
		margin-left:-26px;
	}

	#accordion .item:hover .glass-cover em.sprite.open-arrows{
		transform:rotate(360deg) scale(1.1);
		transition:0.3s;
		box-shadow:0px 0px 0 20px rgba(0,0,0,0.6);
		border-radius:60px;
	}

	#accordion .item .glass-overlay{
		display: none;
		transition:0.3s;
	}

	#accordion .item .image{
		background-position: 50% 50%;
		background-repeat: no-repeat;
		background-size: cover;
		width: 100%;
		height:100%;
		transition:0.3s;
	}

	#accordion .item.open{
		width:49%;
		margin:0;
		height:508px;
		box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
	    background: #fff;
		cursor: default;
	}

	#accordion .item.open .glass-cover{
		display: none;
	}

	#accordion .item.open .glass-overlay{
		display: block;
		position: absolute;
		top:0;
		right:0;
		z-index: 3;
		width:400px;
		height:400px;
		box-sizing: border-box;
		padding: 60px 0 0 65px;
		background:url(../images/glass-overlay.png) 100% 0 no-repeat;
	}

	#accordion .item.open .content{
		width:62%;
		font-size: 15px;
	    line-height: 23px;
		padding:15px 0 0 35px;
	}

	#accordion .item.open .content img{
		max-width: 100%;
	}

	#accordion .item.open .image{
		height:264px;
	}

	#accordion .item .link{
		position: absolute;
	    bottom: 5px;
	    right: 15px;
		display: none;
	}

	#accordion .item .link span.button{
		padding: 3px 12px;
	    font-size: 13px;
	    line-height: 21px;
	}

	#accordion .item.open .link{
		display: block;
	}

	#accreditations{
		padding:170px 0 60px 0;
		background:url(../images/banner-background-soil-accreditations.jpg) 0 0 no-repeat;
		background-size:100% auto;
	}

	#accordion + #accreditations{
		margin-top:-40px;
	}

	/* Soil Image Never Flipped - Always Top-Down
	#accreditations.flip{
		padding:60px 0 350px 0;
		background:url(../images/banner-background-soil-accreditations-flip.jpg) 0 100% no-repeat;
	}
	*/

	#accreditations.small{
		margin: 0;
	}

	.banner{
		position: relative;
		height:492px;
		overflow:hidden;
		box-shadow: inset 0px 14px 15px -10px rgba(0,0,0,0.55),
					inset 0px -14px 15px -10px rgba(0,0,0,0.55)
	}

	.banner.tall{
		height:600px;
	}

	.banner.small{
		height:420px;
	}

	.banner-fixed{
		position: relative;
	}

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

	.banner-fixed .banner-box{
		padding:45px;
	    box-shadow: 0 0 5px rgba(0,0,0,0.5);
		position: absolute;
		right:70px;
		top:90px;
		width:520px;
		box-sizing: border-box;
	}

	.banner-fixed .banner-box h5{
		padding:0;
	}

	.banner > img{
		position: relative;
		width:auto;
		min-height:120%;
		display: block;
		top:-20%;
		z-index: -1;
	}

	.banner > em.triangle{
		width:0;
		height:0;
		border-left:35px solid transparent;
		border-right:35px solid transparent;
		border-top:38px solid #fff;
		position: absolute;
		top:0;
		left:50%;
		margin-left:-35px;
	}

	.banner .content{
		background: rgba(255,255,255,0.9);
		position: absolute;
		top:50%;
		right:10%;
		transform:translate(0,-50%);
		width:450px;
		padding:55px 32px;
	}

	.banner .content.wide{
		width:800px;
	    padding: 35px 32px 75px 32px;
	}

	.banner .content.wide.even{
		width:800px;
	    padding: 30px;
	}

	.banner .content .quote{
		top:15px;
		left:15px;
		position: absolute;
		z-index: -1;
		width:67px;
		height:75px;
		background:url(../images/quote.png) 0 0 no-repeat;
	}

	.banner .content .green-arrow-circle{
		position: absolute;
		bottom:18px;
		right:-26px;
	}

	.banner .content .overlay{
		width:50%;
		height:60px;
		padding:5px 17px;
		box-sizing: border-box;
		position: absolute;
		right:-17px;
		bottom:-17px;
		z-index: 2;
	}

	.banner .content .overlay em.triangle{
		width: 0px;
	    height: 0px;
		border-left: 17px solid rgb(98,159,8);
		border-top: 17px solid transparent;
		right:0;
		bottom:100%;
		position: absolute;
	}

	.banner .content .overlay p,
	.banner .content .overlay h6{
		padding: 0;
	}

	.banner .content .overlay em.sprite.arrow-white-right{
		top:50%;
		position: absolute;
		right:10px;
		margin-top:-13px;
	}

	.green-curve-banner{
		position: relative;
		padding:0 0 35px;
		z-index: 0;
	}

	.green-curve-banner .video-container-outer {
		width: 41%;
	    box-shadow: 0 0 5px rgba(0,0,0,0.5);
	    left: 120px;
	    background: #000;
	    position: relative;
	    margin: 0 0 60px 0;
	    top: 40px;
	}

	.video-container-outer .video-container-inner {
	    width: 100%;
	    height: 300px;
	    height: 0;
	    padding-bottom: 57.7%;
	}

	.video-container-outer .video-container-inner iframe.video{
		width: 100%;
		height:100%;
		position: absolute;
		z-index: 2;
	}

	.green-curve-banner .green-curve{
		width: 71.7%;
	    height: auto;
		min-width: 980px;
	}

	.green-curve-banner .content{
		position: absolute;
		z-index: 2;
		top:40px;
		right:12%;
		width:30%
	}

	.green-curve-shovel{
		padding:60px 80px;
		background: url(../images/green-curve-shovel.jpg) no-repeat 100% 100%;
	}

	#pressOfficeContacts{
		padding:250px 40px 0 40px
	}

	#product-content,
	#generic-content,
	#generic-content-white,
	#generic-content-white-even{
		margin-top:-214px;
		position: relative;
	    padding: 280px 65px 50px 65px;
		z-index: 1;
	}

	#product-content{
		background: url(../images/curve-bg.png) 0 0 no-repeat;
	}

	#generic-content{
		background: url(../images/curve-bg-brown.png) 0 0 no-repeat;
		padding: 280px 0 0px 65px;
	}

	#generic-content-white,
	#generic-content-white-even{
		background: url(../images/curve-bg-white.png) 0 0 no-repeat;
	}

	#generic-content-white{
		padding: 280px 0 0px 65px;
	}

	#product-features{
		width:1200px;
		height:500px;
		position: absolute;
		top:50%;
		left:50%;
		padding:42px;
		box-sizing: border-box;
		margin:-250px 0 0 -600px;
		background-image: url(../images/background-tick.png);
		background-position: 100% 80%;
		background-repeat: no-repeat;
	}

	#product-features > .two-thirds{
		padding-right: 42px;
		box-sizing: border-box;
	}

	#product-features > .one-third{
		padding: 0 35px;
		box-sizing: border-box;
	}

	#product-features > .one-third img{
		margin: 0 42px 42px 0;
		box-shadow: 0 0 6px 1px rgba(0,0,0,0.7);
	}

	#product-features table tr td:nth-child(1){
		width:45%;
	}

	#product-features table tr td:nth-child(2){
		width:55%;
	}

	#product-icons .half,
	#general-icons .half{
		padding:0 140px;
		box-sizing: border-box;
	}

	#product-icons .one-third,
	#general-icons .one-third{
		padding:0 80px;
		box-sizing: border-box;
	}

	#product-icons .one-quater,
	#general-icons .one-quater{
		padding:0 30px;
		box-sizing: border-box;
	}

	#product-icons .one-third img,
	#general-icons .one-third img,
	#product-icons .one-quater img,
	#general-icons .one-quater img{
		padding:0 0 15px 0;
	}

	#product-icons hr,
	#general-icons hr{
		position: absolute;
		top:30%;
		height:55%;
		width:1px;
		background:rgb(125,125,125);
		border:none;
		margin:0;
		padding:0;
	}

	#general-icons hr{
		top:auto;
		bottom:80px;
		height:50%;
	}

	#product-icons hr.hr-a,
	#general-icons hr.hr-a{
		left:33.33%;
	}

	#product-icons hr.hr-b,
	#general-icons hr.hr-b{
		left:66.66%;
	}

	#product-icons hr.hr-c,
	#general-icons hr.hr-c{
		left:25%;
		margin-left:30px;
	}

	#product-icons hr.hr-d,
	#general-icons hr.hr-d{
		left:50%;
	}

	#product-icons hr.hr-e,
	#general-icons hr.hr-e{
		left:75%;
		margin-left:-30px;
	}

	#general-icons{
		position: relative;
		padding:60px;
		box-sizing: border-box;
	    box-shadow: inset 0px 8px 15px -8px rgba(0,0,0,0.55);
	}

	#general-icons em.triangle{
		width:0;
		height:0;
		border-left:35px solid transparent;
		border-right:35px solid transparent;
		border-top:38px solid #fff;
		position: absolute;
		top:0;
		left:50%;
		margin-left:-35px;
	}

	.max100{
		max-width: 100%;
	}

	em.triangle .shad{
		position: absolute;
	    left: -40px;
	    top: -28px;
	    transform: rotate(47.35deg);
	    width: 52px;
	    height: 10px;
	    background: none;
	    z-index: 2;
	    box-shadow: 3px 6px 7px -4px rgba(0,0,0,0.55);
	}

	em.triangle .shad.s2{
		left:auto;
		transform: rotate(-47.35deg);
		box-shadow: -3px 6px 7px -4px rgba(0,0,0,0.55);
		right: -40px;
	}

	.orange-box{
		border: 1px solid rgb(241,140,16);
		padding:30px;
		box-sizing: border-box;
		color:rgb(110,110,110)
	}

	.orange-box .overlay{
		width:260px;
		padding:13px;
		box-sizing: border-box;
		position: relative;
		margin: -15px 0 15px -47px;
	}

	.orange-box .overlay.right{
		height: 68px;
	    width: 285px;
		padding: 8px;
	    box-sizing: border-box;
	    font-size: 15px;
		margin: 10px -47px 10px 15px;
	}

	.orange-box.large .overlay{
		width:440px;
		padding-left: 50px;
		margin-top:0;
		max-width: 108%;
	}

	.orange-box.large .overlay.right{
		width:285px;
		padding-left: 8px;
		margin-top: 35px
	}

	.orange-box .overlay em.triangle{
		width: 0px;
	    height: 0px;
		border-bottom: 17px solid transparent;
		border-right: 17px solid rgb(218, 119, 39);
		left:0;
		top:100%;
		position: absolute;
	}

	.orange-box .overlay.bg-green em.triangle{
		border-right: 17px solid rgb(98,159,8);
	}

	.orange-box .overlay.bg-blue em.triangle{
		border-right: 17px solid rgb(2, 34, 93)
	}

	.orange-box .overlay.right em.triangle{
		left:auto;
		right:0;
		border-right: none;
		border-left: 17px solid rgb(218, 119, 39);
	}

	.shadow-top{
		box-shadow: 0px -2px 6px -2px rgba(0,0,0,0.5);
	    z-index: 2;
	    position: relative;
	    padding: 18px 0;
	}

	#product-applications{
		box-shadow: 0 0 6px 1px rgba(0,0,0,0.7);
		padding:30px 50px;
		box-sizing: border-box;
		width:1200px;
		margin:-345px auto 40px auto;
		position: relative;
		z-index: 2;
		max-width: 96%;
	}

	#product-applications .one-third > span{
		height:375px;
		display: block;
		line-height: 375px;
	}

	#product-applications .one-third > span img{
		vertical-align: middle;
	}

	#product-applications.calculator,
	.calculator{
	    line-height: 35px;
		font-size: 14px;
	}

	.calculator span.button{
		padding: 0px 15px;
	}

	.calculator .calculate-volume span.button {
	    margin-top: 10px;
	}

	.calculator .spacer{
	    box-sizing: border-box;
	    border-bottom: 4px dotted rgb(200, 195, 199);
	    padding-top: 20px;
	    margin-bottom: 15px;
	}

	.calculator .spacer-right{
	    box-sizing: border-box;
	    border-right: 4px dotted rgb(200, 195, 199);
	    padding-right: 40px;
	}

	.calculator .shape{
		padding: 20px 0px;
	    opacity: 0.45;
	    cursor: pointer;
	    width: 80px;
		min-width: 68px;
		width: 47%;
	    height: auto;
	    vertical-align: middle;
	}

	.calculator .shape.on{
		opacity: 1;
	}

	.calculator .error{
		display: none;
		position: absolute;
		left: 66%;
		top:0;
	}

	.calculator #depth-parameter,
	.calculator #product-parameter{
		display: inline-block;
	}

	.calculator .answer{
		border-bottom: 1px solid rgb(176,176,176);
		width:100%;
	}

	.calculator .answers{
        line-height: 23px;
	}

	.calculator ul{
		margin: 0;
	}

	.calculator-no{
		display: none;
	}

	.calculator-no > .one-third{
		padding:0 15px;
		box-sizing: border-box;
	}

	.calculator-no img{
		max-width: 100%;
	}

	.ball{
		border-radius: 30px;
		height:20px;
		width:20px;
		line-height: 20px;
		text-align: center;
		vertical-align: middle;
		font-style: normal;
		display: inline-block;
	}

	.trio{
		width:520px;
		margin:0 auto;
		padding-bottom: 20px;
	}

	.trio img{
		width: 100%;
		display: block;
	}

	.trio .overlay{
		width:100%;
		min-height:60px;
		padding:5px 17px 7px 17px;
		box-sizing: border-box;
		position: absolute;
	}

	.trio .overlay em.sprite.arrow-white-right,
	.trio .overlay em.sprite.arrow-white-down{
		position: absolute;
		top:17px;
		right:10px;
	}

	.trio .overlay p,
	.trio .overlay h6{
		padding:0;
	}

	.trio .overlay h6{
		padding-top: 13px;
	}

	.trio .overlay p + h6{
		padding-top: 0;
	}

	.trio .trio-a{
		width:253px;
		height:206px;
		float:left;
		box-shadow: 0 0 6px 1px rgba(0,0,0,0.7);
		margin-bottom:16px;
		position: relative;
	}

	.trio .trio-a .overlay{
		background:rgb(102,134,206);
		right:17px;
		top:97px;
	}

	.trio .trio-b{
		width:250px;
		height:173px;
		margin-top:33px;
		margin-bottom:16px;
		float:right;
		box-shadow: 0 0 6px 1px rgba(0,0,0,0.7);
		position: relative;
	}

	.trio .trio-b .overlay{
		background: rgb(179,215,125);
		left:17px;
		bottom:24px;
	}

	.trio .trio-c{
		clear:both;
		width:374px;
		height:172px;
		margin:0 auto;
		box-shadow: 0 0 6px 1px rgba(0,0,0,0.7);
		position: relative;
		display: block;
	}

	.trio .trio-c .overlay{
		background: rgb(93,93,93);
		right:17px;
		bottom:31px;
	}

	.trio .trio-a .overlay em.triangle,
	.trio .trio-b .overlay em.triangle,
	.trio .trio-c .overlay em.triangle{
		width: 0px;
	    height: 0px;
		border-bottom: 17px solid transparent;
		left:0;
		top:100%;
		position: absolute;
	}

	.trio .trio-a .overlay em.triangle{
	    border-right: 17px solid rgb(0,53,173);
	}

	.trio .trio-b .overlay em.triangle{
		left:auto;
		right:0;
	    border-left: 17px solid rgb(128,189,38);
	}

	.trio .trio-c .overlay em.triangle{
	    border-right: 17px solid #111;
	}

	.need-advice{
		padding:40px 58px;
		position: relative;
	}

	.need-advice .shovel{
		position: absolute;
		right:-25px;
		opacity: 0.75;
		bottom:45px;
	}

	.need-advice .related{
		width:305px;
		height:305px;
		margin:0 22px;
		background-position: 50% 50%;
		background-repeat: no-repeat;
		background-size: cover;
		position: relative;
		z-index: 2;
	}

	.need-advice .related .glass-cover{
		position: absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		z-index: 4;
		padding:190px 0 0 0;
		box-sizing: border-box;
		transition:0.3s;
	}

	.need-advice .related .glass-cover h4{
		padding:0 0 10px 0;
	}

	.post-latest{
		width:500px;
		height:410px;
		position: relative;
		margin:0 auto;
	    box-shadow: 0 0 5px rgba(0,0,0,0.5);
		height: auto;
	    padding-bottom: 15px;
	    min-height: 395px;
	}

	.post-latest.no-image{
		padding-left: 15px;
		box-sizing: border-box;
	}

	#allNews .post-latest{
		width: 750px;
		height:auto;
		margin-bottom: 30px;
		padding-bottom:0;
		min-height: 0;
	}

	.post-latest > img{
		display: block;
		padding-bottom: 15px;
		width: 100%;
		height: auto;
	}

	#allNews .post-latest > img{
		margin: 0 15px 0 0;
	    padding: 0;
	    border-right: 1px solid #ccc;
	    float: left;
		width: 265px;
	}

	#allNews .paddH30{
		padding:10px 0;
		padding-right:5px;
	}

	#allNews .paddH30 p{
		padding: 0 0 5px 0;
	}

	.post-latest .label,
	.twitter-feed .label,
	.tweet-feed .label,
	.card .label{
		position: absolute;
		top:-22px;
		left:50%;
		width:204px;
		padding:10px 0;
		margin-left:-102px;
		border-radius: 5px;
	}

	#homeTwitter{
		position: relative;
		z-index: 2;
	}

	.post-latest h5{
		font-size: 22px;
	    line-height: 30px;
		padding-bottom: 5px;
	}

	#allNews .post-latest.cs{
		width:390px;
		font-size: 14px;
		display: inline-block;
		margin:30px 9px;
		line-height: 20px;
		text-align: left;
		vertical-align: top;
	}

	#allNews .post-latest.cs .paddH30 img{
		width:162px;
		height:121px;
		float:left;
		padding:0 10px 15px 0;
	}

	#allNews .post-latest.cs .paddH30{
		padding:15px;
	}

	#allNews .post-latest.cs h5 {
	    font-size: 19px;
	    line-height: 25px;
	    padding: 0 0 8px 0;
	}

	#allNews .post-latest.cs p{
		padding:0 0 3px 0;
	}

	#allNews .post-latest.cs span.button {
		margin-top:5px;
	}

	#allNews #labelItems .content{
		background:none;
		box-shadow: none;
		width:100%;
		height:100%;
		position: relative;
		top:0;
		left:0;
		margin:0;
		transform:none;
		margin-top:-26px;
	}

	.post-full{
		width: 64.5%;
	    box-shadow: 0 0 5px rgba(0,0,0,0.5);
	    background: #fff;
	    padding: 20px 40px;
	    box-sizing: border-box;
	    margin-top: -70px;
		margin-top:0;
	    position: relative;
	    z-index: 2;
	}

	.post-full img{
		display: block;
		padding: 0 0 15px 0;
		width: 100%!important;
		height: auto!important;
	}

	.posts-other{
		width: 33%;
	}

	.post-other{
		width: 100%;
	    padding: 20px 40px;
	    box-sizing: border-box;
		box-shadow: 0 0 5px rgba(0,0,0,0.5);
	    background: #fff;
		margin:0 0 20px 0;
	}

	.twitter-feed,
	.tweet-feed{
		padding:30px;
		box-shadow: 0 0 5px rgba(0,0,0,0.5);
		height:540px;
		width:620px;
	    box-sizing: border-box;
	}

	.tweet-feed{
		width:41%;
		margin-left:120px;
		height: auto;
	}

	#product-cards,
	#ordering-cards{
		margin-top:50px;
	}

	.card{
		display: inline-block;
		position: relative;
		padding-bottom: 36px;
		margin:-75px 20px 20px 20px;
		z-index: 2;
		vertical-align: top;
	}

	#ordering-cards .card img{
		height:220px;
		width: auto;
	}

	.card.large{
		margin:0px 55px 15px 55px;
	}

	.card.large img {
	    max-width: 100%;
	    height: auto;
	    margin: 0 auto;
	}

	.card img{
		display: block;
	}

	.card .content{
		position: absolute;
		width:216px;
		padding:10px;
		box-sizing: border-box;
		height:72px;
		left:50%;
		margin-left: -108px;
		bottom:0;
		color:rgb(77,77,77);
		z-index: 2;
	    box-shadow: 0 0 5px rgba(0,0,0,0.5);
	}

	#ordering-cards .card .content{
		width:260px;
		margin-left: -130px;
	}

	#ordering-cards .card .content h6{
		font-size: 18px;
	}

	.card.large .content{
		position: relative;
		top:auto;
		left:auto;
		width:90%;
		height:auto;
		margin:-40px auto 0 auto;
		padding:15px;
	}

	.card .content h6{
		padding: 0;
	}

	.card .content a{
		display: inline-block;
	}

	.card-wide{
		display: inline-block;
		position: relative;
		width:1130px;
		margin:30px 0;
		vertical-align: top;
		max-width: 90%
	}

	.card-wide.reverse{
		width: 992px;
	}

	.card-wide.reverse.big-img{
		width:1130px;
		max-width: 100%;
	}

	.card-wide .content{
		width: 730px;
	    padding: 20px 100px 10px 25px;
		box-sizing: border-box;
	    box-shadow: 0 0 5px rgba(0,0,0,0.5);
	}

	.card-medium{
		display: inline-block;
		position: relative;
		width:950px;
		margin:5px 0 25px 0;
		max-width: 90%;
		vertical-align: top;
	}

	.card-medium .content{
		padding:15px 20px 10px 20px;
		box-sizing: border-box;
	    box-shadow: 0 0 5px rgba(0,0,0,0.5);
	}

	.card-wide img{
		position: absolute;
		top:50%;
		right:0;
		box-shadow: 0 0 5px rgba(0,0,0,0.5);
		margin-top:-141px;
	}

	.card-wide.reverse img{
		right:auto;
		left:0;
		margin-top:-100px;
	}

	.card-wide.reverse .content{
		float:right;
	    padding: 35px 20px 35px 60px;
	}

	.card-wide.reverse.big-img .content{
	    padding: 20px 25px 10px 100px;
	}

	.card-wide.reverse.big-img img{
	    margin-top: -141px;
	}

	.card-large{
		display: inline-block;
		position: relative;
		width:960px;
		margin:30px 0;
		vertical-align: top;
		max-width: 90%;
	}

	.card-large .content{
		width:560px;
		padding:40px;
		box-sizing: border-box;
	    box-shadow: 0 0 5px rgba(0,0,0,0.5);
		height:270px;
		position: absolute;
		top:50%;
		right:0;
		margin-top:-135px;
	}

	.card-large .content h3{
		padding:0 0 10px 0;
	}

	.card-large img{
		display: block;
	}

	#team{
		margin-top:160px;
		background:url(../images/Office-1-web.jpg) 0 0 no-repeat;
		background-size:cover;
        padding-bottom: 0;
    }

	#team .team-member{
		padding:15px 30px 20px 30px;
		width:21.4%;
	    box-shadow: 0 0 5px rgba(0,0,0,0.5);
		font-size: 14px;
		line-height: 21px;
		display: inline-block;
		vertical-align: top;
        margin: -35px 13px 200px 13px;
		min-height: 420px;
	}

	#team .after{
        background: #fff;
        position: relative;
        height: 10px;
        margin-top: -100px;
    }

	#team .team-member .image{
		margin: -124px auto 15px auto;
	    width: 89%;
	    height: auto;
	    border-radius: 300px;
	    overflow: hidden;
	    border: 2px solid #fff;
	}

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

	#team .team-member .popup .image{
		margin-top:-100px;
	}

	#team .team-member .popup .content .two-thirds{
		padding-left:30px;
		border-left:1px solid rgb(179,179,179);
		box-sizing: border-box;
		height:100%;
	}

	#team .team-member .popup .content{
		width:1100px;
		height:442px;
		padding:60px 30px;
		margin:-250px 0 0 -550px;
	}

	#team .team-member .popup .content .close{
		top:20px;
		right:20px;
	}

	#factoryTeams,
	#labelItems{
		position: relative;
	}

	#factoryTeams .labels,
	#labelItems .labels{
		position: relative;
		z-index: 2;
	}

	#factoryTeams .labels .label,
	#labelItems .labels .label{
		height: auto;
	    width: 21.4%;
	    left: 20%;
	    box-shadow: 0 0 5px rgba(0,0,0,0.5);
	    display: inline-block;
	    font-size: 20px;
	    line-height: 28px;
	    margin: 0 10px;
	    vertical-align: middle;
	    padding: 12px 0;
	}

	#labelItems .labels .label{
		width:auto;
		box-sizing: border-box;
		min-width: 180px;
		padding:17px 10px;
		font-size: 18px;
		line-height: 18px;
	}

	#factoryTeams .labels .label:hover,
	#factoryTeams .labels .label.open{
		background:rgb(0,53,173);
		color:#fff!important;
	}

	#labelItems .labels .label:hover,
	#labelItems .labels .label.open{
		background: rgb(128,189,38);
		color:#fff!important;
	}

	#factoryTeams .banner,
	#labelItems .banner,
	#labelItems .labels{
		margin-top: -26px;
	}

	#factoryTeams .content,
	#labelItems .content{
		display: none;
		background: #fff;
	    box-shadow: 0 0 5px rgba(0,0,0,0.5);
	    width: 660px;
	    padding: 30px 80px 30px 30px;
	    box-sizing: border-box;
	}

	#factoryTeams .content{
		font-size: 14px;
	    line-height: 23px;
	}

	#factoryTeams .content .portrait,
	#labelItems .content .portrait{
		font-size: 14px;
	    line-height: 20px;
	    padding: 10px;
	    background: #eeeeee;
	    /* box-shadow: 0 0 5px rgba(0,0,0,0.5); */
	    margin-top: -94px;
		top:50%;
		right:-80px;
		position: absolute;
		width:128px;
		z-index: 2;
	    border: 5px solid #fff;
	}

	#factoryTeams .content .portrait .image,
	#labelItems .content .portrait .image{
		width:110px;
		height:110px;
		border-radius: 55px;
		overflow: hidden;
	    margin: 0 auto 5px auto;
	}

	#labelItems .trio{
		display: none;
		position: absolute;
	    top: 50%;
	    left: 5%;
	    transform: translate(0,-50%);
	}

	#factoryTeams .content.open,
	#labelItems .content.open,
	#labelItems .trio.open{
		display: block;
	}

	#labelItems .content{
		font-size: 14px;
	    line-height: 19px;
	    padding: 30px;
		right:5%;
	}

	#labelItems .content ul li{
		padding:2px 0;
	}

	#siteRestrictions{
		box-shadow: 0 0 5px rgba(0,0,0,0.5);
		width:860px;
		margin:-500px auto 40px auto;
		padding:40px 60px;
		box-sizing: border-box;
		position: relative;
		z-index: 2;
		max-width: 90%
	}

	#siteRestrictions img{
		height: auto!important;
		max-width: 90%;
	}

	.alert{
		box-shadow: 0 0 5px rgba(0,0,0,0.5);
		background:rgb(255,224,0);
		width:390px;
		padding:25px 40px 20px 40px;
		box-sizing: border-box;
		position: relative;
		font-size: 13px;
		line-height: 17px;
		text-align: left;
		display: inline-block;
		max-width: 85%;
	}

	.alert em.exclaim{
		top:-39px;
		left:-39px;
		position: absolute;
	}

	.grade{
		width:260px;
		vertical-align: top;
		min-height:170px;
		font-size: 14px;
		line-height: 19px;
		box-shadow: 0 0 5px 1px rgba(0,0,0,0.55);
		background: #fff;
		padding:35px 45px;
		box-sizing: border-box;
		position: relative;
		display: inline-block;
		margin:30px 15px;
	}

	.big-grades .grade{
		width:270px;
	    width: 44%;
	    padding: 30px 30px;
	}

	.grade .overlay{
		padding:5px 10px;
		box-sizing: border-box;
		position: absolute;
		height: 30px;
		left:-17px;
	    top: -15px;
	}

	.grade .overlay em.triangle,
	.technical-download .overlay em.triangle{
		width: 0px;
	    height: 0px;
		border-bottom: 17px solid transparent;
		border-right: 17px solid rgb(98,159,8);
		left:0;
		top:100%;
		position: absolute;
	}

	.technical-download .overlay em.triangle{
		border-right:none;
		border-left: 17px solid rgb(98,159,8);
		left:auto;
		right:0;
	}

	.technical-download .overlay.bg-orange-light-med em.triangle{
		border-left: 17px solid rgb(214, 124, 15);
	}

	#topsoil-terminology{
	}

	#topsoil-terminology .content{
		background: #fff;
		width: 1100px;
		right:auto;
		left:50%;
	    padding: 45px 32px 35px 32px;
		margin-left:-550px;
		box-sizing: border-box;
	}

	#topsoil-terminology .content #questions{
		border-right:1px solid rgb(125,125,125);
		box-sizing: border-box;
	}

	.hidden-answer{
		display: none;
	}

	#topsoil-terminology .content #answers{
		font-size: 15px;
		line-height: 20px;
		padding-left:50px;
		box-sizing: border-box;
	}

	#topsoil-terminology .content #answers p{
		padding:0 0 8px 0;
	}

	#topsoil-terminology .content #answers table{
		background: none;
		font-size: 11px;
		margin-top: 5px;
		line-height: 16px;
		vertical-align: top;
	}

	#topsoil-terminology .content #answers table tr{
		background: none;
	    border: 0px solid #fff;
		vertical-align: top;
	}

	#topsoil-terminology .content #answers table tr td {
	    padding: 0 10px;
	    border-left: 0 solid #fff;
	    border-right: 0 solid #fff;
		vertical-align: top;
		width: 33.33%;
	}

	#topsoil-terminology .content #answers table ul {
	    margin: 3px 0;
	    padding: 0 0 0 10px;
	}

	#topsoil-terminology .content #answers table ul li {
	    padding: 0 0 0 2px;
	}

	#topsoil-terminology .content #answers .thumb{
		float:right;
		margin:-45px -32px 20px 20px;
	}

	#topsoil-terminology .content #answers .thumb img{
		display: block;
	}


	#topsoil-terminology .content #answers .thumb span{
		font-size: 12px;
		line-height: 18px;
		padding:3px 8px;
		background: rgba(255,255,255,0.8);
		position: absolute;
		bottom:0;
		left:0;
		max-width: 170px;
	}

	#credentials{
		width:1060px;
		padding:0 70px;
		max-width: 100%;
		box-sizing: border-box;
		margin:0 auto;
		overflow: hidden;
		position: relative;
	}

	#credentials .content{
		width:100%;
		padding:30px;
		position: absolute;
		top:0;
		left:105%;
	}

	#credentials .content.rel{
		position: relative;
	}

	#credentials .content.open{
		left:0;
	}

	#credentials .arrow-left-big,
	#credentials .arrow-right-big{
		left:0;
		top:50%;
		margin-top: -26px;
		position: absolute;
		z-index: 3;
		opacity: 0.7;
	}

	#credentials .arrow-left-big.on,
	#credentials .arrow-right-big.on{
		opacity: 1;
	}

	#credentials .arrow-right-big{
		left:auto;
		right:0;
	}

	#production-steps{
		position: relative;
		z-index: 2;
	}

	#production-steps + .bg-grey{
		margin-top:-48px;
	}

	#production-steps img,
	#production-steps .image{
		vertical-align: middle;
		display: inline-block;
	}

	.hiddenStep{
		display: none;
		height: 96px;
		width: 96px;
		margin:0 auto;
	    margin: 20px auto 40px auto;
	}

	#production-steps .image{
		height: 96px;
		width: 96px;
	}

	.image.step1{
		background: url(../images/production-step-1a.png) 0 0 no-repeat;
		background-size:96px 96px;
	}

	.image.step1.on{
		background: url(../images/production-step-1b.png) 0 0 no-repeat;
		background-size:96px 96px;
	}

	.image.step2{
		background: url(../images/production-step-2a.png) 0 0 no-repeat;
		background-size:96px 96px;
	}

	.image.step2.on{
		background: url(../images/production-step-2b.png) 0 0 no-repeat;
		background-size:96px 96px;
	}

	.image.step3{
		background: url(../images/production-step-3a.png) 0 0 no-repeat;
		background-size:96px 96px;
	}

	.image.step3.on{
		background: url(../images/production-step-3b.png) 0 0 no-repeat;
		background-size:96px 96px;
	}

	#production{
		overflow: hidden;
		width: 100%;
		padding:110px 0 40px 0;
	}

	#production .roller-box{
		width: 300%;
	}

	#production .roller-box .card,
	#production .roller-box .card img{
		margin:0 auto;
		display: block;
	}

	#production .roller-box .card img{
		max-width: 100%;
		height: auto;
	}

	#production .roller-box .card .label{
		width:250px;
		margin-left:-125px;
	}

	#production .roller-box .card .content{
		width:340px;
		margin-left:-170px;
		height:230px;
		position: relative;
		padding: 15px 30px;
		font-size: 14px;
		line-height: 20px;
		top:auto;
		margin-top:-35px;
	}

	.production-step.next {
	    left: auto;
	    right: 2px;
	}

	.production-step {
	    width: 52px;
	    height: 52px;
	    position: absolute;
	    top: 21%;
		margin-top:-26px;
	    left: 2px;
		z-index: 5;
		cursor: pointer;
	}

	#production .logo{
		box-shadow: 0 0 5px rgba(0,0,0,0.5);
		background: #fff;
		padding:12px 30px;
		margin:0 auto 15px auto;
		display: block;
		max-width: 100%;
	    height: auto;
	    box-sizing: border-box;
	}

	#caseStudies{
		height:350px;
		position: absolute;
		top:71px;
		left:50%;
		margin-left:-426px;
		width:852px;
		overflow: hidden;
	}

	#caseStudyBanner .arrow-left-big,
	#caseStudyBanner .arrow-right-big{
		position: absolute;
		top:50%;
		margin-top:-26px;
		left:10%;
		z-index: 2;
	}

	#caseStudyBanner .arrow-right-big{
		left:auto;
		right:10%;
	}

	#caseStudies .roller-box{
		width:300%;
	}

	#caseStudies .cs-latest{
		width:33.3333%;
		height:100%;
		float:left;
	}

	#caseStudies .cs-latest .bg-white{
		width:540px;
		min-height:260px;
		position: absolute;
		padding:30px;
		box-sizing: border-box;
		top:45px;
		right:3px;
		z-index: 2;
		font-size: 14px;
		line-height: 21px;
	    outline: 1px solid #ccc;
	}

	#caseStudies .cs-latest .bg-white p{
		font-size: 14px;
		line-height: 21px;
		height:63px;
		overflow: hidden;
	}

	#caseStudies .cs-latest img{
		display: block;
		padding-left: 3px;
	}

	#caseStudies .cs-latest h4{
		padding-bottom: 5px;
	}

	#qanda{
		z-index: 3;
		position: relative;
	}

	#questions .question:hover,
	#questions .question.on{
		text-decoration: underline;
	}

	#qanda #answers{
		background:url(../images/faq-anwers-background-grass-seeds.jpg) 0 0 no-repeat;
		background-size:cover;
		font-size: 13px;
	    line-height: 19px;
	}

	#qanda #answers .answer{
		width:95%;
		padding:30px;
		min-height: 330px;
		box-sizing: border-box;
		margin:60px 0 60px -60px;
		box-shadow: 0 0 5px rgba(0,0,0,0.5);
	}

	#answers .answer{
		display: none;
	}

	#answers .answer.on{
		display: block;
	}

	.technical-download{
		width:320px;
		display: inline-block;
		position: relative;
		margin:30px 35px;
		vertical-align: middle;
	}

	.technical-download img{
		display: block;
		box-shadow: 0 0 5px rgba(0,0,0,0.5);
	}

	.technical-download .overlay{
		width:100%;
		height:78px;
		left:17px;
		bottom:30px;
		position: absolute;
		display: table;
		text-align: left;
		padding:5px 50px 5px 10px;
		box-sizing: border-box;
	}

	.technical-download .overlay span,
	.technical-download .overlay a{
		display: table-cell;
		vertical-align: middle;
	}

	.technical-download .overlay .download-small{
		position: absolute;
		top:50%;
		right:20px;
		margin-top:-13px;
	}

	.technical-download .popup .content {
	    height: 440px;
	    margin-top: -220px;
	}

	#map{
		width:100%;
		height:530px;
		background: #eee;
	}

	#mapLegend{
		position: absolute;
		z-index: 3;
		top:10px;
		right:50px;
		box-sizing: border-box;
		padding:3px 5px;
	}

	.mapPopup{
		width: 300px;
	    height: auto;
	    position: absolute;
	    top: 85px;
		display: none;
	    right: 50px;
	    box-shadow: 0 0 5px rgba(0,0,0,0.5);
		z-index: 2;
	}

	.mapPopup .label{
		position: absolute;
	    top: -22px;
	    left: 50%;
	    width: 204px;
	    padding: 10px 0;
	    margin-left: -102px;
	    border-radius: 5px;
	}

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

	.mapPopup .content{
	    padding: 10px 10px 0px 15px;
	}

	.showMap span.button{
		margin:0;
	}

	em.keyword{
		font-weight: 500;
	}

	#credentialLogos img.open{
		opacity: 1;
	    border-radius: 13px;
	    -webkit-filter: brightness(90%) saturate(150%);
	    background: #fff;
	}

	#credentialLogos img,
	#accreditations img{
		max-width: 180px;
	    max-height: 130px;
		padding-top:10px;
	}

	#credentialLogos img{
		opacity: 0.7;
		padding-bottom:10px;
	}

	#related-links,
	#related-links .one-third{
		padding:4px;
		box-sizing: border-box;
		position: relative;
	}

	#related-links .one-third img{
		width:100%;
		height:auto;
		display: block;
	}

	#related-links .one-third .glass-overlay{
		width: 100%;
		height: 100%;
		z-index: 2;
		position: absolute;
		top:0;
		left:0;
		padding-top:110px;
		box-sizing: border-box;
		border:4px solid #fff;
	}

	.search-result h5,
	.search-result p{
		padding:0;
	}

	#cookieBar{
		position: fixed;
		z-index: 9999;
		font-size:14px;
		line-height:25px;
		bottom:0;
		left:0;
		width:100%;
		padding:10px 20px 0 20px;
		min-height:70px;
		box-sizing: border-box;
		box-shadow: 0 0 5px rgba(0,0,0,0.5);
	}

	#cookieBar .right{
		padding:7px 0 7px 30px;
	}

	.sitemap ul {
	    margin: 10px 0;
	    padding: 0 0 0 30px;
	}

	.sitemap > ul > li {
	    width: auto;
	    display: block;
	    padding: 10px 10px 10px 10px;
	    margin: 0 0 10px 0;
	    /* vertical-align: top; */
	    box-shadow: 0 0 5px rgba(0,0,0,0.5);
	    background: #fff;
	}

	.sitemap > ul > li > a {
	    background: rgb(179,215,125);
	    display: block;
	    outline: 10px solid rgb(179,215,125);
	}

	.sitemap > ul > li > ul {
	    margin: 20px 0 0 0;
	    padding: 0 0 0 30px;
	    font-size: 13px;
	    line-height: 19px;
	}

	.sitemap > ul > li > ul > li {
	    display: block;
	}

	footer{
		width:100%;
		background: rgb(100,85,97);
		color:#fff;
		padding:35px 50px;
		box-sizing: border-box;
		font-size: 14px;
		line-height: 19px;
	}

	footer p{
		padding:0 0 15px 0;
	}

	footer .links.squash{
		width: 500px;
		max-width: 100%;
	}

	footer .links a{
		padding:2px;
		padding-right: 35px;
		display: inline-block;
	}

	footer a:hover{
		color:rgb(145, 135, 143)
	}

	#adviceTab{
		height:68px;
		width:285px;
		position: fixed;
		right:0;
		top:64%;
		padding:8px;
		box-sizing: border-box;
		z-index: 10;
	    box-shadow: 0 0 5px rgba(0,0,0,0.5);
	    font-size: 13px;
	}

	#adviceTab.nofix{
		position: static;
		display: inline-block;
	}

	#adviceTab strong{
		font-size: 19px;
	}

	#adviceTab em.sprite.advice,
	.orange-box em.sprite.advice{
		margin-right: 10px;
	}

	#adviceTab .close{
	    color: #fff;
	    font-style: normal;
	    position: absolute;
	    top: 0;
	    right: 0;
		padding:0 10px;
		line-height: 68px;
		box-sizing: border-box;
	    font-size: 22px;
		background: rgb(194, 111, 15);
	}

	#adviceTab .close:hover{
		background: #fff;
		color:rgb(241,140,16)
	}

	#adviceTab.small {
	    width: 68px;
	}

	#adviceTab.small p,
	#adviceTab.small .close{
	    display: none;
	}

	.popup{
		background: rgba(0,0,0,0.75);
		position: fixed;
		top:0;
		left:0;
		width:100%;
		height:100%;
		z-index: 20;
		display: none;
	}

	.popup .content{
		width:700px;
		height:590px;
		box-sizing: border-box;
		position: absolute;
		top:50%;
		transform: none;
		left:50%;
		margin:-295px 0 0 -350px;
		background: #fff;
		transition: 0.3s;
		padding:30px 100px 30px 40px;
	}

	#advicePopup.popup .content {
		/*NO-FORM TEMP*/
		margin:-145px 0 0 -350px;
		height:290px;
	}

	.popup.open .content{
		transition: 0.3s;
	}

	.popup .content h5{
		padding:15px 60px;
		margin-left: -40px;
		display: inline-block;
	}

	.popup .content .close{
		position: absolute;
		top:48px;
		right:48px;
		font-size: 30px;
		line-height: 30px;
		width:30px;
		height:30px;
		padding:5px;
	}

	#successPopup.popup {
		display: block;
	}

	#successPopup.popup .content{
		width: 600px;
		margin:-110px 0 0 -300px;
		height: 220px;
	}

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




	@media screen and (min-width: 1500px){
		.green-curve-banner h4 {
			font-size: 30px;
		    line-height: 42px;
		    padding: 20px 0
		}

		header nav ul li a {
		    padding: 0 21px;
		}

		#slideshow {
		    height: 438px;
		}

		#team .team-member{
		    min-height: 450px;
		}
	}

	@media screen and (min-width: 1400px){
		.banner > img {
		    min-height: 0;
		    height:auto;
			min-width: 120%;
		}
	}




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

	html{
		background: #eee;
	}

	body{
		max-width: 1640px;
		margin:0 auto;
		box-shadow: 0 0 5px rgba(0,0,0,0.5);
	    position: relative;
	    z-index: 2;
	}

	@media screen and (max-width: 1300px){
		.need-advice .related {
		    width: 260px;
		    height: 260px;
		}

		.need-advice .related .glass-cover {
		    padding: 110px 0 0 0;
		}
	}

	@media screen and (max-width: 1250px){
		header nav ul li{
			font-size: 13px
		}

		header nav ul li a {
		    padding: 0 13px;
		}

		header .logo {
		    margin: 16px 30px;
		}

		#accordion .item.open .content {
		    width: 90%;
		    font-size: 15px;
		    padding: 10px 35px 0 35px;
		    box-sizing: border-box;
		    font-size: 14px;
		}

		#accordion .item .glass-cover{
			font-size: 19px;
		}

		#production {
		    width: 1024px;
		    padding: 85px 0 10px 0;
		    margin: 0 auto;
		}

		#production .paddH40 {
		    padding-left: 15px;
		    padding-right: 15px;
		}

		#production .roller-box .card .content{
			width: 90%;
		    margin: -20px 5% 0 5%;
		    left: 0;
		    padding: 10px 20px;
		    height: auto;
		}

		.production-step{
		    left: -6px;
		}

		.production-step.next {
		    left: auto;
		    right: -6px;
		}

		.green-curve-banner .video-container-outer{
			left:60px;
			width: 37%;
		}

		.tweet-feed {
			width: 37%;
		    margin-left: 60px;
		}

		.green-curve-banner .content {
		    right: 10%;
		    width: 39%;
		}

		.card-wide.reverse.big-img{
			width:90%;
		}

		.card-wide.reverse.big-img .content {
			width: 59%;
		    padding: 15px 15px 10px 30px;
		}

		.card-wide.reverse.big-img img {
			margin-top: 0;
			width: 42%;
			height: auto;
			transform: translate(0,-50%);
		}

		#team .team-member{
		    padding: 5px 20px 15px 20px;
			min-height: 420px;
		}
	}

	@media screen and (max-width: 1200px){
		#pressOfficeContacts {
		    width: 520px;
		    padding: 50px 40px 0 40px;
		}

		.trio {
			width: auto;
		    float: right;
		    margin: 0 30px 0 0;
		}

		.trio img {
		    height: auto;
		}

		.trio .trio-a {
		    width: 210px;
		    height: auto;
			margin-right: 20px;
		    margin-top: 7px;
		}

		.trio .trio-a .overlay {
		    top: 64px;
			font-size: 12px;
		}

		.trio .overlay h6 {
		    font-size: 15px;
			padding: 0;
		}

		.trio .trio-b {
		    width: 200px;
		    height: auto;
		}

		.trio .trio-b .overlay {
		    left: 17px;
		    bottom: 17px;
		}

		.banner-fixed .banner-box {
			padding: 30px;
		    right: 40px;
		    width: 45%;
		    top: 50%;
		    margin: 0;
			min-width: 250px;
		    transform: translate(0,-50%);
		}

		.banner-fixed .banner-box h5{
			font-size: 19px;
			line-height: 25px;
		}

		.card-wide .content {
		    width: 59%;
		    padding: 15px 15px 10px 15px;
		}

		.card-wide img {
		    margin-top: 0;
		    width: 42%;
		    height: auto;
		    transform: translate(0,-50%);
		}

		.card-wide.reverse img{
			margin-top: 0;
		}

		#related-links .one-third .glass-overlay {
		    padding-top: 50px;
		}

		#related-links .one-third .glass-overlay h4{
			padding:0;
		}

		.card {
		    margin: 20px;
		}

		#product-content, #generic-content, #generic-content-white, #generic-content-white-even{
			padding-right: 0;
		}

		#product-features {
		    width: 1000px;
		    margin: -250px 0 0 -500px;
		    padding: 25px;
		}

		table tr td {
		    padding: 5px 8px;
		}

		#caseStudyBanner .arrow-left-big {
		    left: 5%;
		}

		#caseStudyBanner .arrow-right-big {
			right: 5%;
		}

		.technical-download {
		    margin: 15px 20px;
		}
	}

	@media screen and (max-width: 1120px){
		#team .team-member .popup .content {
		    width: 90%;
		    height: auto;
		    padding: 60px 30px;
		    margin: -250px 0 0 0;
		    left: 5%;
		}

		#team .team-member .popup .image {
		    margin-top: -30px;
		    width: 75%;
		}

		.post-latest{
			width: 400px;
		}
	}

	@media screen and (max-width: 1100px){
		header nav{
			bottom:-20px
		}

		header .nav-icons {
		    margin: 34px 48px 0 0;
		}

		header .logo {
		    margin: 13px 30px;
		}

		header nav {
			border-radius: 0;
		    width: 100%;
		    padding: 0;
		    box-shadow: 0px 1px 0px 0px #527b18;
		    text-align: center;
		}

		header nav ul li {
		    font-size: 12px;
		}

		header nav ul li a {
		    padding: 0 11px;
		}

		header nav ul li ul{
			text-align: left;
		}

		header nav ul li ul li a {
		    padding: 5px 0;
		}

		header #searchBar {
		    margin: 30px -30px;
		}

		header #searchBar .input {
		    width: 280px;
		}

		#slideshow .slide .overlay h2 {
		    font-size: 30px;
		    line-height: 35px;
		}

		#slideshow .slide .overlay h4 {
		    font-size: 19px;
		    line-height: 27px;
		}

		#product-content,
		#generic-content,
		#generic-content-white,
		#generic-content-white-even {
		    margin-top: -160px;
		    padding: 226px 0 50px 65px;
		}

		#generic-content-white {
		    padding: 226px 0 0px 65px;
		}

		#product-features {
		    width: 900px;
		    margin: -250px 0 0 -450px;
		}

		#product-features > .one-third {
		    padding: 0 0px;
		}

		#caseStudyBanner .arrow-left-big {
		    left: 1%;
		}

		#caseStudyBanner .arrow-right-big {
			right: 1%;
		}

		#product-icons .one-quater, #general-icons .one-quater {
		    width: 50%;
			padding:10px 20px;
		}

		#product-icons hr.hr-c, #general-icons hr.hr-c,
		#product-icons hr.hr-e, #general-icons hr.hr-e,
		#product-icons hr.hr-c + hr.hr-d, #general-icons hr.hr-c + hr.hr-d{
			display: none;
		}

		.technical-download,
		.technical-download img{
		    width: 280px;
			height: auto;
		}

		#topsoil-terminology {
		    height: 750px;
		}

		#topsoil-terminology .content {
		    margin-left: -400px;
		    width: 800px;
		}

		.green-curve-banner .content {
		    right: 7%;
		    width: 42%;
		}
	}

	@media screen and (max-width: 1024px){
		#product-icons .half, #general-icons .half {
		    padding: 0 70px;
		}
	}

	@media screen and (max-width: 1000px){
		#product-content .half,
		#generic-content .half,
		#generic-content-white .half,
		#generic-content-white-even .half{
			width:100%;
		}

		#product-content .half.paddL50,
		#generic-content .half.paddL50,
		#generic-content-white .half.paddL50,
		#generic-content-white-even .half.paddL50{
			padding-left: 0;
		}

		#product-header img.logo{
		    padding-right: 530px;
		    height: auto;
		}

		.orange-box{
			margin-top: 30px;
		}

		.fullWidthMobile{
			width:100%;
			padding-left:0;
			padding-right:0;
		}

		.fullWidthMobile + .fullWidthMobile{
			padding-top: 20px;
		}

		.trio {
		    width: 430px;
		    float: none;
		    margin: 0 auto;
		}

		#homeTwitter{
			padding:0 120px;
		}

		.tweet-feed {
		    width: 100%;
			margin:0;
		}

		.green-curve-banner .video-container-outer {
		    width: 40%;
		}

		.green-curve-banner .content {
		    right: 5%;
		}

		#homeTwitter h3 {
		    display: inline-block;
		    vertical-align: middle;
		    padding: 15px 10px;
		}

		#cookieBar{
			font-size: 12px;
		    line-height: 21px;
		}

		#product-content,
		#generic-content,
		#generic-content-white,
		#generic-content-white-even {
		    margin-top: -120px;
		    padding: 210px 25px 50px 25px;
		}

		#generic-content-white {
		    padding: 210px 25px 0px 25px;
		}

		.team-member p {
		    display: none;
		}

		.team-member p.font-heebo,
		#team .team-member .popup p {
		    display: block;
		}

		#team .team-member {
		    padding: 10px 10px 20px 10px;
		    /* width: 32%; */
		    /* margin: 100px 13px 0 13px; */
			/* min-width: 280px; */
			min-height: 0;
			margin: 100px 13px 0px 13px;
			min-width: 270px;
			width: 270px;
		}

		#team .team-member .image {
		    margin: -79px auto 15px auto;
		    width: 134px;
		}

		#team .after {
			height: 1px;
			margin-top: 50px;
		}

		#team {
		    margin-top: 10px;
		    padding-bottom: 50px;
		}

		#team .team-member .popup .content {
			margin: 0;
		    left: 50%;
		    top: 50%;
		    transform: translate(-50%,-50%);
		    max-height: 90%;
		    overflow: auto;
		}

		#production-steps + .bg-grey {
		    margin-top: 0;
		}

		#production {
		    width: 100%;
	        padding: 10px 0 20px 0;
		}

		#production-steps{
			display: none;
		}

		.production-step{
			display: none!important;
		}

		#production .roller-box{
			width:100%;
		}

		.hiddenStep{
			display: block;
		}

		#production .roller-box > .one-third{
			width:100%;
			padding-bottom: 0px;
			border-bottom: 4px dotted rgb(200, 195, 199);
		}

		#production .roller-box > .one-third + .one-third +.one-third{
			border: none;
		}

		#product-content, #generic-content, #generic-content-white, #generic-content-white-even{
			padding-top: 30px;
		    margin-top: 0;
		    padding-bottom: 0;
		    background: #fff;
		}

		#product-header .logo, #generic-header .logo {
			top: auto;
		    bottom: -30px;
		    width: 100%;
		    max-width: 100%;
		    left: 0;
		    padding-left: 65px;
		    box-sizing: border-box;
		    background: url(../images/curve-bg-white.png) 0 0 no-repeat;
		    padding-top: 65px;
		    padding: 65px 10px 30px 65px;
		}

		.post-full {
		    width: 100%;
		}

		.posts-other {
		    width: 100%;
		    padding-top: 30px;
			text-align: center;
		}

		.post-other {
			padding: 15px 20px 10px 20px;
		    width: 30%;
			text-align: left;
		    margin: 0 5px 20px 5px;
		    display: inline-block;
		    vertical-align: top;
		}

		.alert {
		    margin-top: 30px;
		}

		#labelItems .labels.five .label{
			margin:10px
		}

		#labelItems .labels.five + .banner{
			height: auto;
		}

		#labelItems .labels.five + .banner > img {
		    position: absolute;
		}

		#labelItems .trio {
		    transform: none;
		    position: static;
			margin-top: 20px;
		}

		#labelItems .trio + .content {
			position: static;
		    transform: none;
		    margin: 0 auto 20px auto;
		}

		.technical-download,
		.technical-download img{
			width: 234px;
		}

		#questions{
			width: 100%;
		}

		#answers{
			display: none;
		}

		#topsoil-terminology #questions{
			width: 30%
		}

		#topsoil-terminology #answers{
			display: block;
		}

		.hidden-answer{
			display: block
		}
	}

	@media screen and (max-width: 950px){
		#product-content + .banner.tall{
			height: auto;
		}

		#product-content + .banner.tall > img {
		    position: absolute;
		}

		#product-features {
		    width: 90%;
		    margin: 40px 5%;
		    position: static;
		    height: auto;
		}

		#product-features > .two-thirds,
		#product-features > .one-third{
			padding:0;
			width: 100%;
		}

		#product-features > .one-third{
			padding-top: 20px;
		}

		.product-feature-download{
			width: 50%;
			float: left;
			padding:0 20px 0 0;
			box-sizing: border-box;
		}

		#product-features > .one-third img {
		    height: 100px;
		    width: auto;
		}

		#product-features {
		    background-size: 300px auto;
		    background-position: 100% 110%;
		}

		#product-icons .one-third, #general-icons .one-third {
		    padding: 0 30px;
		}

		#shapes{
			width: 100%;
		}

		.calculator .shape {
		    width: 20%;
		    margin: 0 1.4%;
		}

		.step-content img{
			max-width: 100%;
		}

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

		.selected-shape{
			width: 180px;
			height: auto;
		}

		#product-applications {
		    padding: 20px;
		}

		.step-content.answers .one-third{
			padding-left: 15px;
			padding-right: 15px;
		}

		#caseStudyBanner{
			height: auto;
		}

		#caseStudyBanner.banner > img{
			position: absolute;
		}

		#caseStudies {
		    height: auto;
			position: static;
		    top: auto;
		    left: auto;
		    margin: 20px auto;
			max-width: 100%;
		}

		#caseStudies .cs-latest img {
		    padding: 0;
		    margin: 0 auto;
		    width: 400px;
		    height: auto;
		    max-width: 80%;
		}

		#caseStudies .cs-latest .bg-white {
		    width: 90%;
		    position: relative;
		    margin: -70px 5% 0 5%;
		    right: auto;
		    top: auto;
			min-height: 0;
		}

		#caseStudies .cs-latest .bg-white p{
			height: auto;
		}

		#caseStudyBanner .arrow-left-big,
		#caseStudyBanner .arrow-right-big {
		    z-index: 3;
		    top: 100px;
		    margin: 0;
		}

		.banner .content.wide.even {
		    width: 90%;
		    padding: 30px;
		    right: 5%;
		    box-sizing: border-box;
		}
	}

	@media screen and (max-width: 900px){
		#product-content, #generic-content, #generic-content-white, #generic-content-white-even{
			padding-top: 100px;
		}

		#product-header .logo, #generic-header .logo {
		    bottom: -100px;
		}

		#product-header img.logo{
		    padding-right: 400px;
		}

		.latest,
		.post-latest{
			width: 100%;
			height: auto;
		}

		.post-latest {
		    padding-bottom: 15px;
		}

		#allNews .post-latest{
			padding-bottom: 0;
		}

		.latest + .latest{
			padding-top: 40px;
		}

		.twitter-feed{
			width: 100%;
			height:340px;
		}

		.twitter-feed iframe{
			width: 100%!important;
			height: 100%!important;
		}

		.twitter-timeline .center br {
		    display: none;
		}

		#production .one-third {
		    width: 100%;
		}

		#production .paddH20{
		    padding-left: 0;
		    padding-right: 0;
		}

		#production .one-third .one-third{
			margin-bottom: 30px;
		}

		#productionLogos{
			text-align: center;
		}

		#production .logo {
			vertical-align: middle;
		    width: 40%;
		    display: inline-block;
		    height: auto;
		    min-width: 250px;
		}

		#production .roller-box .card .content {
		    width: 70%;
		    margin: -20px 15% 0 15%;
		}

		.green-curve-banner .green-curve{
			position: absolute;
		    z-index: -1;
		    right: 0;
		}

		.green-curve-banner .content {
			position: static;
		    width: 100%;
		    padding: 20px;
		    box-sizing: border-box;
		}

		.green-curve-banner .video-container-outer {
		    width: 90%;
			top:0;
			margin:0 0 15px 0;
		    left: 5%;
		}
	}

	@media screen and (max-width: 850px){
		.banner-fixed img {
		    width: auto;
		    height: 350px;
		}

		#related-links .one-third {
		    overflow: hidden;
		    height: 130px;
		}

		#related-links .one-third .glass-overlay {
		    padding-top: 35px;
		}

		#related-links .one-third .glass-overlay h4{
			display: inline-block;
		    vertical-align: middle;
		    padding: 0;
		    font-size: 19px;
		}

		#factoryTeams .labels .label, #labelItems .labels .label {
		    width: 280px;
		    left: 20%;
		    margin: 5px;
		}

		#factoryTeams .banner, #labelItems .banner, #labelItems .labels {
		    margin-top: 5px;
		}

		#factoryTeams .content, #labelItems .content{
			width: 90%;
			right: auto;
		    left: 5%;
		    padding: 20px;
		}

		#factoryTeams .content .portrait, #labelItems .content .portrait{
			position: static;
		    float: none;
		    width: 100%;
		    border: none;
		    margin: 0 0 15px 0;
		    text-align: left;
			box-sizing: border-box;
		}

		#factoryTeams .content .portrait span, #labelItems .content .portrait span{
			padding: 0!important
		}

		#factoryTeams .content .portrait .image, #labelItems .content .portrait .image {
		    float: left;
		    width: 40px;
			margin-right: 10px;
		    height: 40px;
		}

		#factoryTeams .content .portrait .image img, #labelItems .content .portrait .image img{
			width: 100%;
			height: 100%;
			display: block;
		}

		#step1 .one-third{
			width:50%;
		}

		#step1 .one-third.text-right{
			width: 100%;
			text-align: center;
			padding-top: 15px;
		}

		#allNews .post-latest {
		    width: 100%;
		}

		#allNews .post-latest > img {
		    width: 146px;
		    border: none;
		    height: 120px;
		}

		#allNews .paddH30 {
		    padding-right: 10px;
		    padding-left: 10px;
		}

		#allNews .post-latest span.button {
		    margin: 5px auto;
		    display: block;
		    width: 180px;
		    text-align: center;
		}

		#allNews .post-latest.cs span.button{
		    margin: 5px auto;
		    display: inline-block;
		    width: auto;
		}
	}

	@media screen and (max-width: 800px){
		#team .team-member .popup .content .one-third,
		#team .team-member .popup .content .two-thirds{
			width: 100%;
		    text-align: left;
		}


		#team .team-member .popup .content .one-third h6 {
		    padding: 10px 0 10px 0;
		}

		#team .team-member .popup .content .two-thirds {
			padding:20px 0 0 0;
			border:none;
		    border-top: 1px solid rgb(179,179,179);
			height: auto;
		}

		#team .team-member .popup .content{
		    padding: 25px 30px 20px 30px;
		}

		#team .team-member .popup .image {
		    margin: 0 10px 0 0;
		    width: 100px;
		    float: left;
		}

		#topsoil-terminology .content {
		    width: 90%;
		    margin: 30px auto;
		    transform: none;
		    position: static;
		}

		#topsoil-terminology .content #questions{
			width: 100%;
			border:none;
		    border-bottom: 1px solid rgb(125,125,125);
		}

		#topsoil-terminology .content #answers{
			width: 100%;
		    padding-left: 0;
		}

		#topsoil-terminology.banner{
			height: auto;
		}

		#topsoil-terminology.banner > img {
		    position: absolute;
		}

		#topsoil-terminology .content #answers .thumb {
		    margin: 32px -32px 20px 20px;
		}
	}

	@media screen and (max-width: 768px){
		body{
			zoom: 1;
		}

		body.fix{
			position: fixed;
			left:0;
			top:0;
			width:100%;
			height:100%;
		}

		header,
		#headerDummy{
		    height: 80px;
		}

		header .nav-icons .telephone{
			display: none;
		}

		#hamburger{
			display: inline-block;
		}

		header .logo {
		    margin: 12px 30px;
		    height: 56px;
		    width: 163px;
		}

		header .nav-icons{
			margin:27px 27px 0 0;
		}

		header nav{
			height: calc(100% - 80px);
		    position: fixed;
		    right: -320px;
		    width: 300px;
		    background: #fff!important;
		    padding-top: 20px;
			top:80px;
		    box-sizing: border-box;
			padding-left:20px;
		    z-index: -1;
			overflow: auto;
		    box-shadow: none;
			border-radius: 0;
			border-top:4px solid rgb(128,189,38);
		    text-align: left;
		}

		header nav.open{
			box-shadow: -384px 85px 0px 85px rgba(0,0,0,0.5);
		}

		header nav ul li {
		    display: block;
			font-size: 14px;
		    line-height: 27px;
		}

		header nav ul li ul {
		    display: block;
		    position: static;
		    box-sizing: border-box;
		    padding: 0 0px 5px 40px;
		    box-shadow: none;
		}

		header nav > ul > li:hover, header nav > ul > li.selected, header nav > ul > li.ancestor {
		    background: none;
			font-weight: 500;
		}

		header nav > ul > li.ancestor > a,
		header nav > ul > li.selected > a{
		    color: rgb(128,189,38);
		}

		header nav ul li ul li a {
		    padding: 3px 0;
		}

		header #searchBar {
		    margin: 26px -30px;
		}

		#product-header img.logo{
		    padding-right: 290px;
		}

		#generic-header.indent .logo h1, #generic-header.indent .logo h2{
		    padding-left: 0;
		}

		#slideshow .slide img {
		    transform: translate(-50%,0);
		    position: relative;
		    left: 50%;
		}

		#product-header img.bg,
		#generic-header img.bg{
			height:205px;
			width: auto;
		}

		#adviceTab,
		#adviceTab.small {
		    width: 42px;
		    height: 42px;
		    font-size: 0;
		}

		#adviceTab em.sprite.advice {
		    background-position: -286px -78px;
		    width: 26px;
		    height: 26px;
		    margin: 0!important;
		}

		#adviceTab .close {
			display: none;
		}

		#adviceTab strong{
			font-size: 0;
		}

		.related.link {
		    width: 100%;
		    margin: 0 0 30px 0;
		    height: 110px;
		}

		.need-advice .related .glass-cover {
		    padding: 30px 0;
		}

		.need-advice .related .glass-cover h4 {
		    display: inline-block;
		    padding: 0 15px;
		    vertical-align: middle;
		}

		#accordion .item {
		    width: 100%;
		    margin: 0 0 1px 0;
		    height: 100px;
		}

		#accordion .item.open {
		    width: 100%;
		    height: auto;
		    padding-bottom: 15px;
		}

		#accordion .item .glass-cover {
		    padding: 5px;
		}

		#accordion .item .glass-cover em.sprite.open-arrows {
		    position: static;
			margin:0;
		}

		#accordion .item.open .image {
		    height: 150px;
		}

		#accordion .item,
		#accordion .item.open,
		#accordion .item .image,
		#accordion .item .glass-cover{
			transition: 0s;
		}

		#accordion .item.open .glass-overlay{
			padding-top:20px;
			background-position: 100% 0px;
		    background-size: 350px 215px;
			height: 240px;
		}

		#accordion .item.open .glass-overlay h6{
			font-size: 17px;
		    line-height: 20px;
		}

		#accordion .item .link {
		    position: relative;
		    bottom: auto;
		    right: auto;
		}

		#slideshow .slide .overlay {
		    position: absolute;
		    width: 50%;
		    left: 0;
		    bottom: 0;
		    z-index: 3;
		    padding: 30px 0 30px 30px;
		    box-sizing: border-box;
		    width: 400px;
		}

		#accreditations,
		#accordion + #accreditations {
		    margin-top: 0px;
		    padding: 90px 0px 40px 0;
		}

		.popup .content {
		    width: 500px;
			height:530px;
		    margin: -265px 0 0 -250px;
		    padding: 30px 40px 30px 25px;
		}

		#advicePopup.popup .content {
			/*NO-FORM TEMP*/
			height: 280px;
		    margin: -140px 0 0 -250px;
		}

		#successPopup.popup .content{
			width: 400px;
		    margin: -110px 0 0 -200px;
		    height: 220px;
		}

		.popup .content h5 {
		    padding: 10px 50px;
		    margin-left: -25px;
		}

		label {
		    padding-bottom: 10px;
		}

		label.input input,
		label.input textarea{
			height: 30px;
		}

		label.input span {
		    height: 30px;
		    line-height: 30px;
		}

		.card-wide .content,
		.card-wide.reverse.big-img .content{
		    width: 100%;
		    margin-top: -20px;
		    position: relative;
		    z-index: 2;
		}

		.card-wide img,
		.card-wide.reverse.big-img img{
			transform: none;
		    position: static;
		    width: 470px;
		    max-width: 90%;
		}

		#credentials .content {
		    padding: 20px 10px 10px 10px;
		}

		#credentials .content .one-third{
			width: 25%;
		}

		#credentials .content .two-thirds{
			width: 75%;
			padding-left: 10px;
			box-sizing: border-box;
		}

		#credentials .content .one-third img{
			max-width: 100%;
		}

		label.input.units {
		    padding-right: 29px;
		}

		label.input.units em {
		    height: 30px;
		    width: 30px;
		    line-height: 30px;
		}

		.card-wide.reverse .content {
		    padding: 20px 25px 15px 25px;
		}

		.card-large img {
		    display: block;
			height: 260px;
			width: 409px;
		}

		.card-large .content {
		    padding: 20px;
		    height: auto;
		    margin: 0;
		    transform: translate(0,-50%);
		    width: 500px;
		}

		#map {
		    height: 400px;
		}

		#post-full{
			padding:30px;
		}

		#general-icons {
		    padding: 60px 30px;
		}
	}

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

		.calculator .spacer-right{
			width: 100%;
			border:0;
			border-bottom: 4px dotted rgb(200, 195, 199);
		    padding: 0 0 30px 0;
		}

		.calculator .spacer-right + .half{
			width: 100%;
		}

		.calculator .spacer-right + .half br,
		.calculator .spacer-right + .half + .clear + br{
		    display: none;
		}

		.calculator .spacer-right + .half img {
			padding:20px 0;
		}

		#shapes{
			text-align: center;
			margin-top: -20px;
		}

		.calculator .shape {
		    width: 10%;
		    margin: 0px 10px;
		    padding: 0;
		}

		#product-applications label {
		    padding-bottom: 0;
		}

		.banner .content.wide.even {
		    position: relative;
		    top: 0;
		    transform: none;
	        margin: 60px 0 40px 0;
		    right: auto;
		    left: 5%;
		}

		#receiving-soil + br + .banner.tall{
			height: auto;
		}

		#receiving-soil + br + .banner.tall > img{
			position: absolute;
		}

		.post-other {
		    width: 100%;
		    margin: 0 0px 20px 0px;
		}
	}

	@media screen and (max-width: 700px){
		#related-links, #related-links .one-third,
		#product-icons .one-third, #general-icons .one-third{
		    width: 100%;
		}

		#product-icons .one-third, #general-icons .one-third{
			padding:20px 10px;
		}

		#product-icons{
			padding: 0;
		}

		#product-icons hr.hr-a, #general-icons hr.hr-a,
		#product-icons hr.hr-b, #general-icons hr.hr-b,
		#product-icons hr.hr-d, #general-icons hr.hr-d{
			display: none;
		}

		#product-icons .half, #general-icons .half {
		    padding: 25px 30px;
		    width: 100%;
		}
	}

	@media screen and (max-width: 650px){
		.banner .content{
			width:300px;
		}

		.banner .content + .popup .content{
			width: 500px;
		    height: 530px;
		    margin: -265px 0 0 -250px;
		    padding: 30px 40px 30px 25px;
			overflow: auto;
		}

		.techsupport.banner{
			height: auto;
		}

		.techsupport.banner > img {
		    position: absolute;
		}

		.techsupport.banner .content{
		    width: 90%;
		    transform: none;
		    position: static;
		    box-sizing: border-box;
		    margin: 25px auto;
		}

		#product-header img.logo {
		    padding-right: 150px;
		}

		#product-header .logo h1, #generic-header .logo h1 {
		    font-size: 42px;
		    line-height: 43px;
		    padding: 0;
		}

		h1 {
		    font-size: 48px;
		    line-height: 54px;
		}

		#generic-header .logo h2 {
		    font-size: 24px;
		    line-height: 31px;
		}

		h2 {
		    font-size: 40px;
		    line-height: 50px;
		}

		h3 {
		    font-size: 30px;
		    line-height: 39px;
		    padding: 15px 0;
		}

		h4 {
		    font-size: 20px;
		    line-height: 28px;
		}

		h5 {
		    font-size: 18px;
		    line-height: 25px;
		    padding: 0 0 15px 0;
		}

		#credentialLogos img,
		#accreditations img {
		    max-width: 110px;
		    max-height: 80px;
		}

		#factoryTeams .banner,
		#labelItems .banner{
			height: auto;
		}

		#factoryTeams .content, #labelItems .content {
		    position: static;
		    transform: none;
		    margin: 40px auto;
		}

		#factoryTeams .banner > img,
		#labelItems .banner > img {
		    position: absolute;
		}

		#credentials {
		    padding: 0 50px;
		}

		#credentials .content {
			padding: 20px 20px 10px 20px;
		}

		#credentials .content .one-third{
			display: none;
		}

		#credentials .content .two-thirds{
			width: 100%;
			padding-left: 0;
		}

		#credentials .arrow-left-big, #credentials .arrow-right-big {
		    left: -3px;
		}

		#credentials .arrow-right-big {
		    left: auto;
		    right: -3px;
		}

		.product-feature-download{
			width: 100%;
			padding: 0;
		}

		#product-features > .one-third img {
		    margin: 10px 42px 10px 0;
		}

		#siteRestrictions{
			padding: 35px;
		}

		#siteRestrictions .half{
			width: 100%;
		}

		#product-icons .one-quater,
		#general-icons .one-quater {
		    width: 100%;
		}

		#general-icons {
		    padding: 45px 30px;
		}

		#pressOfficeContacts {
		    width: 83%;
		    padding: 24px 40px 110px 40px;
		}

		#homeTwitter {
		    padding: 0 30px;
		}
	}

	@media screen and (max-width: 600px){
		header #searchBar{
			margin: 0;
		    position: absolute;
		    width: 100%;
		    top: 100%;
		    height: auto;
		    background: #333;
		    padding: 5px;
		    box-sizing: border-box;
		}

		header #searchBar .input {
		    width: 100%;
		}

		header #searchBar .input input{
			width: 100%;
		    float: left;
			border: none;
		    color: #ddd;
		}

		header #searchBar .input input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
			color: #ddd;
			opacity: 1;
		}
		header #searchBar .input input::-moz-placeholder { /* Firefox 19+ */
			color: #ddd;
			opacity: 1;
		}
		header #searchBar .input input:-ms-input-placeholder { /* IE 10+ */
			color: #ddd;
			opacity: 1;
		}
		header #searchBar .input input:-moz-placeholder { /* Firefox 18- */
			color: #ddd;
			opacity: 1;
		}

		.step-content.answers .one-third{
			width: 50%;
			padding-top: 15px;
			padding-bottom: 15px;
		}

		.step-content.answers .one-third.txt-orange{
			width: 100%;
		}

		#product-header .logo{
			height: auto;
		}

		#product-applications .one-third > span {
		    height: 250px;
		    display: block;
		    line-height: 250px;
		}

		.grade{
			width: 90%;
		    min-height: 0;
			margin: 25px 15px 15px 15px;
			padding:30px 20px 20px 20px;
		}

		.card-large img {
		    margin: 0 auto;
			height:auto;
			max-width: 90%
		}

		.card-large .content {
		    transform: none;
		    width: 100%;
		    margin: -30px 0 0 0;
		    position: relative;
		    top: 0;
		    right: 0;
		}

		.banner .content.wide.even .half{
			width: 100%;
			padding:0;
		}

		.cookies table {
		    font-size: 9px;
		    line-height: 16px;
		}

		#topsoil-terminology .content #answers table tr td {
		    min-width: 150px;
		}

		#topsoil-terminology .content #answers table {
		   width:100%;
		   overflow: auto;
		   display: block;
		}

		.calculator .error {
		    width: 100%;
		    left: 0;
		    position: relative;
		    top: 0;
		    margin-bottom: -10px;
		}
	}

	@media screen and (max-width: 500px){
		#product-header .logo, #generic-header .logo {
		    background-size: 200% auto;
		}

		#slideshow .slide .overlay {
			position: absolute;
			width: 50%;
			left: 0;
			bottom: 0;
			z-index: 3;
			padding: 30px 0 30px 30px;
			box-sizing: border-box;
			width: 320px;
		}

		#slideshow .slide .overlay h2 {
		    font-size: 24px;
		    line-height: 30px;
		}

		#slideshow .slide .overlay h4 {
		    font-size: 15px;
		    line-height: 21px;
		}

		.need-advice {
		    padding: 40px 58px 200px 58px;
		}

		#accreditations,
		#accordion + #accreditations{
			padding-left: 10px;
		    padding-right: 10px;
		    background-size: 200% auto;
		}

		#accreditations {
		    padding: 80px 0 30px 0;
		}

		.popup .content {
		    width: 300px;
			height:410px;
		    margin: -205px 0 0 -150px;
		    padding: 20px 40px 30px 25px;
		}

		#advicePopup.popup .content {
			/*NO-FORM TEMP*/
			height: 240px;
		    margin: -120px 0 0 -150px;
		}

		.popup .content h5 {
		    padding: 1px 10px;
		    font-size: 16px;
		}

		.popup .content .close {
	        top: 17px;
		    right: 11px;
		}

		.popup label.input input,
		.popup label.input textarea{
			width:69%;
		}

		.popup label.input span {
	        width: 25%;
			font-size: 12px;
		}

		.popup label {
    		padding-bottom: 5px;
		}

		.popup p {
		    padding: 5px 0 0 0;
			font-size: 12px;
    		width: 100%;
		    line-height: 17px;
		}

		.popup label.submit {
		    margin-top: 20px;
		}

		label.input textarea {
		    min-height: 110px;
		}

		#successPopup.popup p{
			width: 100%;
		}

		#successPopup.popup .content {
		    width: 280px;
		    margin: -90px 0 0 -140px;
		    height: 180px;
		}

		.trio{
			width: 100%;
		}

		.trio .trio-a,
		.trio .trio-b,
		.trio .trio-c{
			width: 260px;
		    height:auto;
		    margin: 7px 0!important;
		}

		.trio .trio-c{
			width: 100%;
			float: left;
		}

		.trio .trio-a .overlay {
		    top: 130px;
		}

		#team .team-member .popup .content p{
			width: 100%;
		}

		#team .team-member .popup .content .two-thirds {
		    padding: 10px 0 0 0;
		    border: none;
		}

		#product-features {
		    width: 94%;
		    margin: 40px 3%;
		    position: static;
		    height: auto;
		    padding: 10px;
		}

		.calculator-no > .one-third{
			width: 100%;
		    padding: 0 5px 5px 5px;
		}

		#product-applications .one-third > span {
		    height: auto;
		    display: block;
		    line-height: 0;
		    padding-bottom: 20px;
		}

		span img {
		    width: 150px;
		    height: auto;
		}

		#caseStudyBanner .arrow-left-big {
		    bottom: 35px;
		    top: auto;
		    left: 30%;
		}

		#caseStudyBanner .arrow-right-big {
		    bottom: 35px;
		    top: auto;
			left:auto;
		    right: 30%;
		}

		#caseStudies {
		    margin: 20px auto 60px auto;
		}

		.green-curve-shovel {
		    background-size: 115% auto;
		}

		#labelItems .trio {
			display: none!important;
		}

		#labelItems .trio + .content {
		    margin: 25px auto;
		}

		#topsoil-terminology .content #answers .thumb img {
		    width: 200px;
		    height: auto;
		}

		.banner .content + .popup .content{
			width: 80%;
		    height: 80%;
		    margin: 0;
			top:10%;
			left:10%;
		}

		.banner .content + .popup p{
			width: 100%!important;
		}
	}

	@media screen and (max-width: 450px){
		#product-header img.logo {
		    padding-right: 50px;
		}

		.banner .content{
			width:220px;
		    right: 6%;
		}

		#allNews .post-latest.cs .paddH30 img {
		    width: 100%;
		    height: auto;
		}

		#allNews .post-latest.cs{
			width: 100%;
		    margin: 10px 0px;
		}

		#homeTwitter .paddH40.paddV25{
			padding-left: 0;
			padding-right: 0;
		}

		footer,
		footer .text-right{
			text-align: center;
		}

		footer * {
		    float: none!important;
		}

		footer .links{
			display: none;
		}

		footer .links.squash{
			display: block;
		}

		footer .links a {
		    padding: 4px 20px;
		}

		#accordion .item.open .glass-overlay {
			max-width: 100%;
		    box-sizing: border-box;
		    padding: 10px 15px 0 65px;
		    background: url(../images/glass-overlay.png) 100% -150px no-repeat;
		    text-align: right;
		}

		#accordion .item.open .glass-overlay h6 {
		    font-size: 15px;
		    line-height: 18px;
		}

		.need-advice {
		    padding: 40px 20px 200px 20px;
		}

		.need-advice .shovel {
		    right: -120px;
		    opacity: 0.3;
		}

		#product-header .logo h1, #generic-header .logo h1 {
		    font-size: 35px;
		    line-height: 36px;
		    padding: 0;
		}

		#generic-header .logo h2 {
		    font-size: 20px;
		    line-height: 27px;
		}

		.mapPopup .label {
		    width: 154px;
		    margin-left: -77px;
		}

		.mapPopup {
		    width: 220px;
			font-size: 12px;
		    line-height: 21px;
		}

		.green-curve-shovel {
		    padding: 60px 30px;
		}

		#allNews .post-latest > img {
		    height: auto;
		    float: none;
		    margin: 0 auto -45px auto;
		    position: relative;
		    top: -50px;
			width:250px;
			max-width: 80%;
		}

		#allNews .post-latest {
		    width: 100%;
		    margin: 20px 0 90px 0;
		}
	}

	@media screen and (max-height: 420px){
		.popup .content{
			margin-top: 0;
		    top: 5%;
		    height: 90%;
		    overflow: scroll;
		}
	}

	@media screen and (max-width: 400px){
		#product-header .logo, #generic-header .logo {
		    padding: 65px 10px 30px 35px;
		}

		.product-feature-download {
		    font-size: 13px;
		    line-height: 22px;
		}

		#team .team-member .popup .content .one-third{
			text-align: center;
		}

		#team .team-member .popup .image {
			float: none;
			display: inline-block;
		}

		#production .roller-box .card .content {
		    width: 90%;
		    margin: -20px 5% 0 5%;
		}

		#production .roller-box .card img {
		    width: 290px;
		}

		#product-cards, #ordering-cards {
			margin-top:0;
		}

		#step1 .one-third{
			width: 100%;
		}

		#ordering-cards .card img {
		    height: auto;
		    width: 278px;
		}

		.orange-box {
		    padding: 20px 10px 20px 30px;
		}

		.orange-box .overlay{
		    width: 118%!important;
			max-width: 118%!important
		}

		.orange-box .overlay.right{
		    margin: 10px -27px 10px 15px;
		}

		.card.large {
		    margin: 0 15px 15px 15px;
		}

		.card.large .content {
		    padding: padding:10px 15px;
		    font-size: 13px;
		    line-height: 20px;
		}

		#post-full {
		    padding: 15px;
		}

		.post-full {
		    padding: 10px 20px;
		}

		#topsoil-terminology .content #answers .thumb {
		    margin: 20px 0 20px 0;
		    width: 100%;
		}

		#topsoil-terminology .content #answers .thumb img {
		    width: 100%;
		}

		#homeTwitter > .paddH40{
			padding: 0;
		}
	}

	@media screen and (max-width: 380px){
		header .logo {
		    margin: 17px;
		    height: 46px;
		    width: auto;
		}

		.related.link {
		    height: 80px;
		}

		.need-advice .related .glass-cover {
		    padding: 14px 0;
		}

		#product-header .logo h1, #generic-header .logo h1 {
			font-size: 28px;
		    line-height: 34px;
		}

		.cookies table {
			font-size: 6px;
			line-height: 12px;
		}
	}

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

	@media print {
	    * {
	        page-break-inside: auto
	    }
	    #preHeaderDummy,
		#headerDummy{
	        display: none!important
	    }
	    header {
	        position: relative
	    }
	}

	/*
		Correct FOUC (Flash Of Unstyled Content)
	*/

	body{
		visibility: visible!important;
	}