@charset "UTF-8";

/*
Title:      	Backshield Waste Services stylesheet for screen media
Author:     	Karl Ridley, falling@happyleaves.com
Updated:    	8th May 2023
*/


/* PRIMARY COMPONENTS */


*, *::after, *::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  	font-size: 100%;
	}


html * {
  	-webkit-font-smoothing: antialiased;
  	-moz-osx-font-smoothing: grayscale;
	-webkit-overflow-scrolling: touch;
	}

.fade-in {
  animation: fadeIn ease 3s;
  -webkit-animation: fadeIn ease 3s;
  -moz-animation: fadeIn ease 3s;
  -o-animation: fadeIn ease 3s;
  -ms-animation: fadeIn ease 3s;
}



@keyframes fadeIn{
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-moz-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-o-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-ms-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}


body {
	font-size: 1.0em;
	line-height: 1.6875em;
  	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-style: normal;
  	color: #0a342f;
  	background-color: #ffffff;
	}

body, html {
  	/* prevent horizontal scrolling */
  	overflow-x: hidden;
	}
	
::-moz-selection { 
	background: rgba(216, 233, 222, 1.0);
	color: #0a342f; 
	text-shadow: none; 
	}

::selection { 
	background: rgba(216, 233, 222, 1.0);
	color: #0a342f; 
	text-shadow: none; 
	}

img::-moz-selection	{ 
	background: transparent; 
	}
	
img::selection { 
	background: transparent; 
	}
	
a:active {
	outline: none;
	}

a:focus	{
	-moz-outline-style: none;
	}	
	

a {
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	-moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
	}		

	
p {
	margin: 0 0 1.3rem 0; 
	text-align: left;
	color: #0a342f;
	font-size: 1.05rem;
	line-height: 1.35rem;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-style: normal;
	}


em {
	color: #0a342f;
	font-size: 1.05rem;
	line-height: 1.35rem;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-style: italic;
	}


blockquote {
	margin: 2.0rem 0 2.0rem 0; 
	padding: 0 16.666% 0 2.0rem;
	border-left: 5px solid #71b991;
	text-align: left;
	color: #0a342f;
	font-size: 1.15rem;
	line-height: 1.45rem;	
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-style: italic;
	}

	
strong {
	font-family: 'Roboto', sans-serif;
	font-weight: 600;
	font-style: normal;
	}

sup, sub {
	font-size: 70% !important;
	}


h1 {
 	text-align: left;
	font-size: 3.0rem;
	line-height: 3.0rem;
	color: #ffffff;
	font-family: 'Oswald', sans-serif;
	font-weight: 700;
	font-style: normal;
	padding: 0;
	margin: 0;	
	text-transform: uppercase;
    max-width: 85%;
	}
h1 sup {
	font-size: 50% !important;
    vertical-align: 0.85rem;
	}
h1 a:link, h1 a:visited {
	color:#ffffff;
	text-decoration: none;
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    transition: background-size .3s;
	font-family: 'Oswald', sans-serif;
	font-weight: 700;
	font-style: normal;
	}	
h1 a:active, h1 a:hover {
	color:#ffffff;
	background-size: 100% 1px;	
	font-family: 'Oswald', sans-serif;
	font-weight: 700;
	font-style: normal;
	}
@media screen and (max-width: 960px) {
	h1 {
	font-size: 2.5rem;
	line-height: 2.5rem;
    max-width: 100%;
	}	
    h1 sup {
	font-size: 1.5rem;
    vertical-align: 0.55rem;
	}
}



.h1_home {
 	text-align: left;
	font-size: 2.6rem;
	line-height: 2.8rem;
	color: #0a342f;
	font-family: 'Oswald', sans-serif;
	font-weight: 700;
	font-style: normal;
	padding: 0;
	margin: 0 0 2.0rem 0;	
	text-transform: uppercase;
	}
@media screen and (max-width: 960px) {
	.h1_home {
	font-size: 2.2rem;
	line-height: 2.4rem;
	}	
}




h2 {
	text-align: left;
	font-size: 2.0rem;
	line-height: 2.4rem;
	color: #0a342f;
	font-family: 'Oswald', sans-serif;
	font-weight: 700;
	font-style: normal;
	margin: 0 0 1.6rem 0;
	padding: 0;
	text-transform: uppercase;
	}
h2 sup {
	font-size: 60%;
    vertical-align: 0.5rem;
	}
h2 a:link, h2 a:visited {
	color:#0a342f;
	text-decoration: none;
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    transition: background-size .3s;
	font-family: 'Oswald', sans-serif;
	font-weight: 700;
	font-style: normal;
	}	
h2 a:active, h2 a:hover {
	color:#0a342f;
	background-size: 100% 1px;	
	font-family: 'Oswald', sans-serif;
	font-weight: 700;
	font-style: normal;
	}
@media screen and (max-width: 960px) {
	h2 {
	font-size: 1.65rem;
	line-height: 1.95rem;
	}	
}



	
h3 {
	text-align: left;
	font-size: 1.4rem;
	line-height: 1.7rem;
	color: #0a342f;
	font-family: 'Oswald', sans-serif;
	font-weight: 700;
	font-style: normal;
	margin: 0 0 1.2rem 0;
	padding: 0;
	text-transform: uppercase;
	}
h3 a:link, h3 a:visited {
	color:#0a342f;
	text-decoration: none;
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    transition: background-size .3s;
	font-family: 'Oswald', sans-serif;
	font-weight: 700;
	font-style: normal;
	}	
h3 a:active, h3 a:hover {
	color:#0a342f;
	background-size: 100% 3px;	
	font-family: 'Oswald', sans-serif;
	font-weight: 700;
	font-style: normal;
	}
@media screen and (max-width: 960px) {
	h3 {
	font-size: 1.25rem;
	line-height: 1.5rem;
	}	
}




h4 {
	text-align: left;
	font-size: 1.15rem;
	line-height: 1.45rem;
	color: #71b991;
	font-family: 'Oswald', sans-serif;
	font-weight: 600;
	font-style: normal;
	margin: 0 0 1.0rem 0;
	padding: 0;
	text-transform: uppercase;
	}
h4 a:link, h4 a:visited {
	color:#71b991;
	text-decoration: none;
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    transition: background-size .3s;
	font-family: 'Oswald', sans-serif;
	font-weight: 600;
	font-style: normal;
	}	
h4 a:active, h4 a:hover {
	color:#71b991;
	background-size: 100% 1px;	
	font-family: 'Oswald', sans-serif;
	font-weight: 600;
	font-style: normal;
	}
@media screen and (max-width: 960px) {
	h4 {
	font-size: 1.05rem;
	line-height: 1.3rem;
	}	
}



h5 {
	text-align: left;
	font-size: 1.25rem;
	line-height: 1.55rem;
	color: #71b991;
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	font-style: normal;
	margin: 0 0 0.9rem 0;
	padding: 0;
	text-transform: uppercase;
    letter-spacing: 0.1rem;
	}
h5 a:link, h5 a:visited {
	color:#bdc0c2;
	text-decoration: none;
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    transition: background-size .3s;
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	font-style: normal;
	}	
h5 a:active, h5 a:hover {
	color:#bdc0c2;
	background-size: 100% 1px;	
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	font-style: normal;
	}
@media screen and (max-width: 960px) {
	h5 {
	font-size: 1.05rem;
	line-height: 1.3rem;
	}	
}



h6 {
	text-align: left;
	font-size: 2.0rem;
	line-height: 2.3rem;
	color: #303b97;
	font-family: 'Oswald', sans-serif;
	font-weight: 700;
	font-style: normal;
	margin: 0 0 2.5rem 0;
	padding: 0;
	text-transform: uppercase;
	}
h6 a:link, h6 a:visited {
	color:#303b97;
	text-decoration: none;
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    transition: background-size .3s;
	font-family: 'Oswald', sans-serif;
	font-weight: 700;
	font-style: normal;
	}	
h6 a:active, h6 a:hover {
	color:#303b97;
	background-size: 100% 1px;	
	font-family: 'Oswald', sans-serif;
	font-weight: 700;
	font-style: normal;
	}


.divlinenormal {
	height: 0;
	margin: 2.6rem 0;
	width: 100% !important;
	border-bottom: #dce4eb solid 1px;
    display: block;
	}

.divlinecompact {
	height: 0;
	margin: 1.3rem 0;
	width: 100% !important;
	border-bottom: #dce4eb solid 1px;
    display: block;
	}

.divlinefooter {
	height: 0;
	margin: 1.0rem 0;
	width: 100% !important;
	border-bottom: #316e67 solid 1px;
    display: block;
	}


.clear {
 	clear: both;
	overflow: hidden;
	height: 0;
 	}	
	







/* TEXT COMPONENTS */
	
.normaltxt {
	text-align: left;
	color: #0a342f;
	font-size: 1.05rem;
	line-height: 1.35rem;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-style: normal;
	}
.normaltxt a:link, .normaltxt a:visited {
	color:#71b991;
	background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    transition: background-size .3s;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-style: normal;
	}	
.normaltxt a:active, .normaltxt a:hover {
	color:#71b991;
	background-size: 100% 1px;	
	text-decoration: none;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-style: normal;
	}


.largertxt {
	text-align: left;
	color: #0a342f;
	font-size: 1.25rem !important;
	line-height: 1.7rem;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-style: normal;
	}
.largertxt a:link, .largertxt a:visited {
	color:#71b991;
	background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    transition: background-size .3s;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-style: normal;
	}	
.largertxt a:active, .largertxt a:hover {
	color:#71b991;
	background-size: 100% 1px;	
	text-decoration: none;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-style: normal;
	}


.smallertxt {
	text-align: left;
	color: #a5bbc8;
	font-size: 0.9rem;
	line-height: 1.2rem;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-style: normal;
	}
.smallertxt a:link, .smallertxt a:visited {
	color:#71b991;
	background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    transition: background-size .3s;
	font-family: 'Roboto', sans-serif;
	font-weight: 600;
	font-style: normal;
	}	
.smallertxt a:active, .smallertxt a:hover {
	color:#71b991;
	background-size: 100% 1px;	
	text-decoration: none;
	font-family: 'Roboto', sans-serif;
	font-weight: 600;
	font-style: normal;
	}



.copyrighttxt {
	text-align: left;
	color: #316e67;
	font-size: 0.9rem;
	line-height: 1.2rem;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-style: normal;
    padding: 0;
    margin: 0;
	}
.copyrighttxt a:link, .copyrighttxt a:visited {
	color:#316e67;
	background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    transition: background-size .3s;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-style: normal;
	}	
.copyrighttxt a:active, .copyrighttxt a:hover {
	color:#316e67;
	background-size: 100% 1px;	
	text-decoration: none;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-style: normal;
	}


.copyrightlinks {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    }

.copyrightlinks li {
    font-size: 0.85rem;
    line-height: 1.2rem;
    font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-style: normal;
    color: #316e67;
    display: inline-flex;
    align-items: center;
    }
.copyrightlinks li:not(:last-child)::after {
    content: " / ";
    margin: 0 0.6rem;
    color: #316e67;
    }
.copyrightlinks a:link,.copyrightlinks a:visited {
    color: #316e67;
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    transition: background-size .3s;
    font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-style: normal;
    }
.copyrightlinks a:hover,.copyrightlinks a:active {
    color: #316e67;
    background-size: 100% 1px;
    text-decoration: none;
    }





.legaltxt {
	text-align: left;
	color: #0a342f;
	font-size: 0.9rem;
	line-height: 1.2rem;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-style: normal;
	}
.legaltxt a:link, .legaltxt a:visited {
	color:#71b991;
	background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    transition: background-size .3s;
	font-family: 'Roboto', sans-serif;
	font-weight: 600;
	font-style: normal;
	}	
.legaltxt a:active, .legaltxt a:hover {
	color:#71b991;
	background-size: 100% 1px;	
	text-decoration: none;
	font-family: 'Roboto', sans-serif;
	font-weight: 600;
	font-style: normal;
	}


.bulletlistlegal {
	margin: 0.5rem 0 1.0rem 1.5rem;
	padding: 0;
    width: 95%;
	list-style: none;
	color: #0a342f;
	}
.bulletlistlegal ul {
	list-style: none;
	margin: 0;
	border: 0;
	padding: 0;
	text-align: left;
	}
.bulletlistlegal li {
	text-align: left;
	color: #0a342f;
	font-size: 0.9rem;
	line-height: 1.2rem;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-style: normal;
	padding: 0 0 0.4rem 0;
	}
.bulletlistlegal li::before {
	content: "\2022"; 
    color: #71b991;
  	display: inline-block; 
	width: 1.25rem;
  	margin-left: -1.0em;
	font-size: 1.25rem;
	vertical-align: -0.25rem;
	}
.bulletlistlegal a:link, .bulletlistlegal a:visited {
	color:#71b991;
	background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    transition: background-size .3s;
	font-family: 'Roboto', sans-serif;
	font-weight: 600;
	font-style: normal;
	}
.bulletlistlegal a:active, .bulletlistlegal a:hover  {
	color:#71b991;
	background-size: 100% 1px;	
	text-decoration: none;
	font-family: 'Roboto', sans-serif;
	font-weight: 600;
	font-style: normal;
	}



.bulletlistnormal {
	text-align: left;
	color: #0a342f;
	font-size: 1.05rem;
	line-height: 1.35rem;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-style: normal;
    margin: 0 2.0rem 1.6rem 2.0rem;
	}
.bulletlistnormal ul {
	list-style: none;
	margin: 0;
	border: 0;
	padding: 0;
	text-align: left;
	}
.bulletlistnormal li {
	text-align: left;
	color: #0a342f;
	font-size: 1.05rem;
	line-height: 1.35rem;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-style: normal;
	padding: 0 0 0.4rem 0;
	}
.bulletlistnormal li::before {
	content: "\2022"; 
    color: #71b991;
  	display: inline-block; 
	width: 1.25rem;
  	margin-left: -0.7em;
	font-size: 1.85rem;
	vertical-align: -0.25rem;
	}
.bulletlistnormal a:link, .bulletlistnormal a:visited {
	color:#71b991;
	background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    transition: background-size .3s;
	font-family: 'Roboto', sans-serif;
	font-weight: 600;
	font-style: normal;
	}
.bulletlistnormal a:active, .bulletlistnormal a:hover  {
	color:#71b991;
	background-size: 100% 1px;	
	text-decoration: none;
	font-family: 'Roboto', sans-serif;
	font-weight: 600;
	font-style: normal;
	}



.bulletlistcontact {
	text-align: left;
	color: #0a342f;
	font-size: 1.05rem;
	line-height: 1.35rem;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-style: normal;
    margin: 0 2.0rem 1.6rem 2.0rem;
	}
.bulletlistcontact ul {
	list-style: none;
	margin: 0;
	border: 0;
	padding: 0;
	text-align: left;
	}
.bulletlistcontact li {
	text-align: left;
	color: #0a342f;
	font-size: 1.05rem;
	line-height: 1.35rem;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-style: normal;
	padding: 0 0 0.4rem 0;
	}
.bulletlistcontact a:link, .bulletlistcontact a:visited {
	color:#71b991;
	background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    transition: background-size .3s;
	font-family: 'Roboto', sans-serif;
	font-weight: 600;
	font-style: normal;
	}
.bulletlistnormal a:active, .bulletlistcontact a:hover  {
	color:#71b991;
	background-size: 100% 1px;	
	text-decoration: none;
	font-family: 'Roboto', sans-serif;
	font-weight: 600;
	font-style: normal;
	}



.footertxt {
	text-align: left;
	color: #ffffff;
	font-size: 0.9rem;
	line-height: 1.15rem;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-style: normal;
	}
.footertxt a:link, .footertxt a:visited {
	color:#ffffff;
	background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    transition: background-size .3s;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-style: normal;
	}	
.footertxt a:active, .footertxt a:hover {
	color:#ffffff;
	background-size: 100% 1px;	
	text-decoration: none;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-style: normal;
	}



.bulletlistfooter {
	text-align: left;
	color: #ffffff;
	font-size: 0.9rem;
	line-height: 1.15rem;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-style: normal;
    margin: 0;
	}
.bulletlistfooter ul {
	list-style: none;
	margin: 0;
	border: 0;
	padding: 0;
	text-align: left;
	}
.bulletlistfooter li {
	text-align: left;
	color: #ffffff;
	font-size: 0.9rem;
	line-height: 1.15rem;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-style: normal;
	padding: 0 0 0.6rem 0;
	}
.bulletlistfooter a:link, .bulletlistfooter a:visited {
	color:#ffffff;
	background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    transition: background-size .3s;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-style: normal;
	}
.bulletlistfooter a:active, .bulletlistfooter a:hover  {
	color:#ffffff;
	background-size: 100% 1px;	
	text-decoration: none;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-style: normal;
	}


.quotetxt {
	text-align: left;
	color: #ffffff;
	font-size: 2.05rem;
	line-height: 2.35rem;
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	font-style: normal;
    padding: 0 0 2.5rem 0;
    margin: 0;
	}
@media screen and (max-width: 1060px) {
	.quotetxt  {
	    font-size: 1.75rem;
	    line-height: 2.05rem;
	}	
}

.quotenametxt {
	text-align: left;
	color: #ffffff;
	font-size: 1.2rem;
	line-height: 1.5rem;
	font-family: 'Oswald', sans-serif;
	font-weight: 700;
	font-style: normal;
    text-transform: uppercase;
	}
.quotenametxt span {
	font-size: 0.85rem;
	font-family: 'Oswald', sans-serif;
	font-weight: 300 !important;
	font-style: normal;
    letter-spacing: 0.2rem !important;
	}



.quotegreentxt {
	text-align: left;
	color: #0a342f;
	font-size: 1.55rem;
	line-height: 1.85rem;
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	font-style: normal;
    padding: 0 0 2.5rem 0;
    margin: 0;
	}
@media screen and (max-width: 1060px) {
	.quotegreentxt  {
	    font-size: 1.3rem;
	    line-height: 1.6rem;
	}	
}

.quotenamegreentxt {
	text-align: left;
	color: #0a342f;
	font-size: 1.2rem;
	line-height: 1.5rem;
	font-family: 'Oswald', sans-serif;
	font-weight: 700;
	font-style: normal;
    text-transform: uppercase;
	}
.quotenamegreentxt span {
	font-size: 0.85rem;
	font-family: 'Oswald', sans-serif;
	font-weight: 300 !important;
	font-style: normal;
    letter-spacing: 0.2rem !important;
	}


.cplogoholder {
	padding: 0 0 2.0rem 0;
	margin: 0 auto;
	}
.cplogoholder img {
	width: 100%;
	}
@media screen and (max-width: 960px) {
	.cplogoholder {
	padding: 3.0rem 0;
	margin: 0 auto;
        border-top: 1px solid #dce4eb;
	}
    .cplogoholder img  {
	    width: 60%;
	}	
}





/* BUTTONS COMPONENTS */

.buttonholderside {
	padding: 0 0 1.0rem 0;
	margin: 0;
	text-align: left;
	}

.buttonholderleft {
	padding: 1.0rem 0 1.0rem 0;
	margin: 2.0rem 0 0 0;
	text-align: left;
	}
.buttonholderright {
	padding: 1.0rem 0 1.0rem 0;
	margin: 2.0rem 0 0 0;
	text-align: right;
	}	
@media screen and (max-width: 1060px) {
	.buttonholderright  {
	    margin: 1.5rem 0 0 0;
        text-align: left !important;
	}	
}

.buttonsnormallozengesmall {
	font-size: 0.85rem;
	line-height: 0.85rem;
	font-family: 'Oswald', sans-serif;
	font-weight: 700;
	font-style: normal;	
	padding: 0.85rem 3.0rem;
	text-decoration:none;
	color: #0a342f;
	background: none;
	display: block;
	text-align: center;
	margin: 1.0rem auto 0 auto;
	text-transform: uppercase;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	border: 1px solid #0a342f;	
	-webkit-border-radius: 100px;
	border-radius: 100px;
	}	
.buttonsnormallozengesmall:hover {
	color: #ffffff;
	background: #0a342f;
	border: 1px solid #0a342f;	
	}



.buttonsreversedlozengesmall {
	font-size: 0.85rem;
	line-height: 0.85rem;
	font-family: 'Oswald', sans-serif;
	font-weight: 700;
	font-style: normal;	
	padding: 1.0rem 3.0rem;
	text-decoration:none;
	color: #ffffff;
	background: none;
	display: inline-block;
	text-align: center;
	margin: 0 auto;
	text-transform: uppercase;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	border: 1px solid #ffffff;
	-webkit-border-radius: 100px;
	border-radius: 100px;
	}	
.buttonsreversedlozengesmall:hover {
	color: #0a342f;
	background: #ffffff;
	border: 1px solid #ffffff;	
	}



.buttonsnormallozengelarge {
	font-size: 1.0rem;
	line-height: 1.0rem;
	font-family: 'Oswald', sans-serif;
	font-weight: 700;
	font-style: normal;	
	padding: 1.4rem 2.2rem;
	text-decoration:none;
	color: #0a342f;
	background: none;
	display: block;
	text-align: center;
	margin: 0 auto;
	text-transform: uppercase;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	border: 1px solid #0a342f;	
	-webkit-border-radius: 100px;
	border-radius: 100px;
	}	
.buttonsnormallozengelarge i {
	font-size: 1.45rem;
	font-family: 'Font Awesome 5 Pro' !important;
    font-style: normal !important;
    font-weight: 300 !important;
    vertical-align: -0.15rem;
    padding: 0 0 0 0.35rem;
	}	
.buttonsnormallozengelarge:hover {
	color: #ffffff;
	background: #0a342f;
	border: 1px solid #0a342f;	
	}


.buttonsreversedlozengelarge {
	font-size: 1.0rem;
	line-height: 1.0rem;
	font-family: 'Oswald', sans-serif;
	font-weight: 700;
	font-style: normal;	
	padding: 1.4rem 3.0rem;
	text-decoration:none;
	color: #ffffff;
	background: none;
	display: inline-block;
	text-align: center;
	margin: 0 auto;
	text-transform: uppercase;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	border: 1px solid #ffffff;
	-webkit-border-radius: 100px;
	border-radius: 100px;
	}	
.buttonsreversedlozengelarge:hover {
	color: #0a342f;
	background: #ffffff;
	border: 1px solid #ffffff;	
	}



.buttonsnormalcirclelarge {
	font-size: 1.25rem;
	line-height: 1.25rem;
	font-family: 'Oswald', sans-serif;
	font-weight: 700;
	font-style: normal;	
	padding: 1.4rem 1.65rem;
	text-decoration:none;
	color: #0a342f;
	background: none;
	display: inline-block;
	text-align: center;
	margin: 0 auto;
	text-transform: uppercase;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	border: 1px solid #0a342f;	
	-webkit-border-radius: 100px;
	border-radius: 100px;
	}	
.buttonsnormalcirclelarge:hover {
	color: #ffffff;
	background: #0a342f;
	border: 1px solid #0a342f;	
	}

.buttonsreversedcirclelarge {
	font-size: 1.25rem;
	line-height: 1.25rem;
	font-family: 'Oswald', sans-serif;
	font-weight: 700;
	font-style: normal;	
	padding: 1.4rem 1.55rem;
	text-decoration:none;
	color: #ffffff;
	background: none;
	display: inline-block;
	text-align: center;
	margin: 0 auto;
	text-transform: uppercase;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	border: 1px solid #ffffff;
	-webkit-border-radius: 100px;
	border-radius: 100px;
	}	
.buttonsreversedcirclelarge:hover {
	color: #0a342f;
	background: #ffffff;
	border: 1px solid #ffffff;	
	}



.buttonsnormalcirclesmall {
	font-size: 1.0rem;
	line-height: 1.0rem;
	font-family: 'Oswald', sans-serif;
	font-weight: 700;
	font-style: normal;	
	padding: 0.755rem 0.95rem;
	text-decoration:none;
	color: #0a342f;
	background: none;
	display: inline-block;
	text-align: center;
	margin: 0 auto;
	text-transform: uppercase;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	border: 1px solid #0a342f;	
	-webkit-border-radius: 100px;
	border-radius: 100px;
	}	
.buttonsnormalcirclesmall:hover {
	color: #ffffff;
	background: #0a342f;
	border: 1px solid #0a342f;	
	}

.buttonsreversedcirclesmall {
	font-size: 1.0rem;
	line-height: 1.0rem;
	font-family: 'Oswald', sans-serif;
	font-weight: 700;
	font-style: normal;	
	padding: 0.755rem 0.95rem;
	text-decoration:none;
	color: #ffffff;
	background: none;
	display: inline-block;
	text-align: center;
	margin: 0 auto;
	text-transform: uppercase;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	border: 1px solid #ffffff;
	-webkit-border-radius: 100px;
	border-radius: 100px;
	}	
.buttonsreversedcirclesmall:hover {
	color: #0a342f;
	background: #ffffff;
	border: 1px solid #ffffff;	
	}


.buttonsnormallozengecontact {
	font-size: 1.0rem;
	line-height: 1.0rem;
	font-family: 'Oswald', sans-serif;
	font-weight: 700;
	font-style: normal;	
	padding: 1.0rem 3.0rem;
	text-decoration:none;
	color: #71b991;
	background: none;
	display: block;
	text-align: center;
	margin: 0 0 1.0rem 0;
	text-transform: uppercase;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	border: 1px solid #71b991;	
	-webkit-border-radius: 100px;
	border-radius: 100px;
	}	
.buttonsnormallozengecontact i {
	font-size: 1.45rem;
	font-family: 'Font Awesome 5 Pro' !important;
    font-style: normal !important;
    font-weight: 300 !important;
    vertical-align: -0.15rem;
    padding: 0 0 0 0.35rem;
	}	
.buttonsnormallozengecontact:hover {
	color: #ffffff;
	background: #71b991;
	border: 1px solid #71b991;	
	}




.buttonsnetzero {
	font-size: 3.6rem;
	line-height: 2.0rem;
	font-family: 'Oswald', sans-serif;
	font-weight: 700;
	font-style: normal;	
	padding: 2.4rem 3.0rem 2.0rem 3.0rem;
	text-decoration:none;
	color: #ffffff;
    background: linear-gradient(to right,  #71b991 25%,#303b97 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	display: inline-block;
	text-align: center;
	margin: 0 auto;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-webkit-border-radius: 100px;
	border-radius: 100px;
    border: 1px solid #ffffff;
	}	
.buttonsnetzero span {
	font-size: 1.6rem;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	font-style: normal;	
	text-decoration:none;
	color: #ffffff;
	text-align: center;
	margin: 0 auto;
	text-transform: uppercase;
    letter-spacing: 0.2rem;    
	}	
.buttonsnetzero:hover {
    background: linear-gradient(to right,  #71b991 0%,#303b97 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    -webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	}
@media screen and (max-width: 1060px) {
	.buttonsnetzero  {
	    font-size: 2.6rem;
	    line-height: 1.8rem;
        padding: 1.4rem 3.4rem 1.2rem 3.4rem;
        display: block;
        width: 100%;
	}	
    .buttonsnetzero span {
	font-size: 1.4rem; 
	}
}








/* ==========================================================
   FULL-WIDTH STICKY HEADER
   - 100% viewport width
   - 4.166% inner left/right padding
   - shrinks by 25% on scroll
   ========================================================== */

.site-header {
    --header-pad-x: 4.166%;
    --header-height: 100px;
    --header-height-sticky: 80px; /* 25% smaller */
    --logo-width: 200px;
    --logo-width-sticky: 175px; /* 25% smaller */
    --border-colour: #dce4eb;

    width: 100%;
    min-height: var(--header-height);
    background: #ffffff;
    border-bottom: 1px solid var(--border-colour);
    box-sizing: border-box;
    z-index: 970;
    transition: min-height 0.25s ease, background-color 0.25s ease;
}

/* Inner wrapper carries the consistent left/right padding */
.site-header__inner {
    min-height: var(--header-height);
    padding-left: var(--header-pad-x);
    padding-right: var(--header-pad-x);
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    transition: min-height 0.25s ease, padding 0.25s ease;
}

/* Reset some UIKit behaviour that can interfere */
.site-header .uk-navbar-left,
.site-header .uk-navbar-right {
    display: flex;
    align-items: center;
}

.site-header .uk-navbar-nav > li > a,
.site-header .uk-navbar-toggle {
    min-height: auto;
}

/* Logo */
.site-header__logo {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 0;
    padding: 0;
}

.site-header__logo img {
    width: var(--logo-width);
    height: auto;
    display: block;
    transition: width 0.25s ease, transform 0.25s ease;
    transform-origin: left center;
}

/* Sticky state */
.site-header.is-sticky {
    min-height: var(--header-height-sticky);
}

.site-header.is-sticky .site-header__inner {
    min-height: var(--header-height-sticky);
    padding-left: var(--header-pad-x);
    padding-right: var(--header-pad-x);
}

.site-header.is-sticky .site-header__logo img {
    width: var(--logo-width-sticky);
}

/* Desktop nav styling */
.site-header .uk-navbar-nav > li > a {
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    font-size: 0.95rem;
    line-height: 1.15rem;
    color: #103b3a;
    text-transform: uppercase;
    min-height: auto;
    padding: 0.25rem 0.9rem;
    display: flex;
    align-items: center;
    text-align: center;
}

/* Optional separators */
.site-header .uk-navbar-nav > li + li {
    border-left: 1px solid #e3e3e3;
}

/* Mobile */
@media (max-width: 959px) {
    .site-header {
        --header-height: 100px;
        --header-height-sticky: 80px;
        --logo-width: 210px;
        --logo-width-sticky: 158px;
    }

    .site-header .uk-navbar-toggle {
        padding: 0;
    }
}




/* ==========================================================
   DESKTOP MAIN NAV
   ========================================================== */

/* Top-level rollover colour */
.site-header .uk-navbar-nav > li > a:hover,
.site-header .uk-navbar-nav > li.uk-open > a {
    color: #71b991 !important;
}

/* About BWS dropdown links */
.site-header .uk-navbar-dropdown-nav > li > a {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 1rem !important;
    color: #103b3a !important;
    text-transform: uppercase;
    text-decoration: none;
    padding: 7px 0 !important;
    line-height: 1.3rem;    
    }

/* Dropdown link rollover colour */
.site-header .uk-navbar-dropdown-nav > li > a:hover {
    color: #71b991 !important;
    }

/* Slight indent like mobile */
.site-header .uk-navbar-dropdown-nav > li {
    padding-left: 0.5rem;
    }



.bws-navbar-dropdown {
    min-width: calc(199px + 4rem);
    border-radius: 5px;
    background-color: #f1f7f3;
    padding: 1.0rem;
    }



/* Equipment parent */
.bws-subnav-parent {
    position: relative;
    }

/* ==========================================================
   ABOUT BWS > EQUIPMENT SUB-SUB NAV
   permanently visible
   ========================================================== */

.bws-subnav-child {
    margin: 0.35rem 0 0 0;
    padding: 0 0 0 0.75rem;
    list-style: none;
}

.bws-subnav-child > li {
    margin: 0;
    padding: 0 0 0 0.75rem;
    border-left: 2px solid #71b991;
}

.bws-subnav-child > li > a {
    display: inline-block;
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1rem !important;
    color: #a5bbc8 !important;
    text-transform: none;
    text-decoration: none;
    padding: 3px 0 !important;
    line-height: 1.3;
    transition: color 0.2s ease;
}

.bws-subnav-child > li > a:hover {
    color: #71b991 !important;
}

/* Small extra space below final option */
.bws-subnav-child > li:last-child {
    padding-bottom: 0.25rem;
}






/* BODY COMPONENTS */

#topgrad {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 5px;
	z-index: 1000;
	background: #a5bbc8; /* Old browsers */
	background: -moz-linear-gradient(left,  #a5bbc8 0%, #73b38f 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #a5bbc8 0%,#73b38f 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #a5bbc8 0%,#73b38f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a5bbc8', endColorstr='#73b38f',GradientType=1 ); /* IE6-9 */
	}



#headerhomeholder {
	width: 100%;
	margin: 0 auto;
	padding: 5.0rem 4.166%;
    background: #f1f7f3;
	}
@media screen and (max-width: 1060px) {
	#headerhomeholder  {
	padding: 4.0rem 4.166%;
	}	
}


#headerotherholder_newfoodwasteregs {
	width: 100%;
	margin: 0 auto;
    height: 16rem;
	padding: 0 4.166%;
    background: url(../jpg/headers/new-food-waste-regulations.jpg) no-repeat center center;
	background-size: cover;
	}



#headerotherholder_feedstocks {
	width: 100%;
	margin: 0 auto;
    height: 16rem;
	padding: 0 4.166%;
    background: url(../jpg/headers/feedstocks-2.jpg) no-repeat center center;
	background-size: cover;
	}
#othertitleblockholder_feedstocks {
	width: 85%;    
    position: relative;
    z-index: 10;
    margin: 12.5rem 0 0 0;
    background-color: #303b97;
    -webkit-border-radius: 16px;
    border-radius: 16px;
    box-shadow: 0 15px 30px rgba(109,121,128,0.16);
	padding: 2.0rem 8.333% 1.0rem 8.333%;
	}
@media screen and (max-width: 1060px) {
	#headerotherholder_feedstocks  {
        height: 14rem;
	}	
    #othertitleblockholder_feedstocks  {
	    height: auto;
        padding: 1.8rem 4.166%;
        margin: 12.5rem 0 10rem 0;
        width: 100%;
        -webkit-border-radius: 8px;
        border-radius: 8px;
	}	
}



#headerotherholder_residential {
	width: 100%;
	margin: 0 auto;
    height: 16rem;
	padding: 0 4.166%;
    background: url(../jpg/headers/residential-2.jpg) no-repeat center center;
	background-size: cover;
	}
#othertitleblockholder_residential {
	width: 85%;
    position: relative;
    z-index: 10;
    margin: 12.5rem 0 0 0;
    background-color: #f37056;
    -webkit-border-radius: 16px;
    border-radius: 16px;
    box-shadow: 0 15px 30px rgba(109,121,128,0.16);
	padding: 2.0rem 8.333% 1.0rem 8.333%;
	}
@media screen and (max-width: 1060px) {
	#headerotherholder_residential  {
        height: 14rem;
	}	
    #othertitleblockholder_residential  {
	    height: auto;
        padding: 1.8rem 4.166%;
        margin: 12.5rem 0 10rem 0;
        width: 100%;
        -webkit-border-radius: 8px;
        border-radius: 8px;
	}	
}


#headerotherholder_hospitality {
	width: 100%;
	margin: 0 auto;
    height: 16rem;
	padding: 0 4.166%;
    background: url(../jpg/headers/hospitality-2.jpg) no-repeat center center;
	background-size: cover;
	}
#othertitleblockholder_hospitality {
	width: 85%;
    position: relative;
    z-index: 10;
    margin: 12.5rem 0 0 0;
    background-color: #71b991;
    -webkit-border-radius: 16px;
    border-radius: 16px;
    box-shadow: 0 15px 30px rgba(109,121,128,0.16);
	padding: 2.0rem 8.333% 1.0rem 8.333%;
	}
@media screen and (max-width: 1060px) {
	#headerotherholder_hospitality  {
        height: 14rem;
	}	
    #othertitleblockholder_hospitality  {
	    height: auto;
        padding: 1.8rem 4.166%;
        margin: 12.5rem 0 10rem 0;
        width: 100%;
        -webkit-border-radius: 8px;
        border-radius: 8px;
	}	
}


#headerotherholder_equipment {
	width: 100%;
	margin: 0 auto;
    height: 16rem;
	padding: 0 4.166%;
    background: url(../jpg/headers/equipment.jpg) no-repeat center center;
	background-size: cover;
	}
#othertitleblockholder_equipment {
	width: 85%;
    position: relative;
    z-index: 10;
    margin: 12.5rem 0 0 0;
    background-color: #a5bbc8;
    -webkit-border-radius: 16px;
    border-radius: 16px;
    box-shadow: 0 15px 30px rgba(109,121,128,0.16);
	padding: 2.0rem 8.333% 1.0rem 8.333%;
	}
@media screen and (max-width: 1060px) {
	#headerotherholder_equipment  {	
        height: 14rem;
	}	
    #othertitleblockholder_equipment  {
	    height: auto;
        padding: 1.8rem 4.166%;
        margin: 12.5rem 0 10rem 0;
        width: 100%;
        -webkit-border-radius: 8px;
        border-radius: 8px;
	}	
}




#headerotherholder_lagooncovers {
	width: 100%;
	margin: 0 auto;
    height: 16rem;
	padding: 0 4.166%;
    background: url(../jpg/headers/lagoon-covers-2.jpg) no-repeat center center;
	background-size: cover;
	}
#othertitleblockholder_lagooncovers {
	width: 85%;
    position: relative;
    z-index: 10;
    margin: 12.5rem 0 0 0;
    background-color: #a5bbc8;
    -webkit-border-radius: 16px;
    border-radius: 16px;
    box-shadow: 0 15px 30px rgba(109,121,128,0.16);
	padding: 2.0rem 8.333% 1.0rem 8.333%;
	}
@media screen and (max-width: 1060px) {
	#headerotherholder_lagooncovers  {	
        height: 14rem;
	}	
    #othertitleblockholder_lagooncovers  {
	    height: auto;
        padding: 1.8rem 4.166%;
        margin: 12.5rem 0 10rem 0;
        width: 100%;
        -webkit-border-radius: 8px;
        border-radius: 8px;
	}	
}



#headerotherholder_hazardouswastes {
	width: 100%;
	margin: 0 auto;
    height: 16rem;
	padding: 0 4.166%;
    background: url(../jpg/headers/hazardous-wastes.jpg) no-repeat center center;
	background-size: cover;
	}
#othertitleblockholder_hazardouswastes {
	width: 85%;
    position: relative;
    z-index: 10;
    margin: 12.5rem 0 0 0;
    background-color: #c8a46a;
    -webkit-border-radius: 16px;
    border-radius: 16px;
    box-shadow: 0 15px 30px rgba(109,121,128,0.16);
	padding: 2.0rem 8.333% 1.0rem 8.333%;
	}
@media screen and (max-width: 1060px) {
	#headerotherholder_hazardouswastes  {
        height: 14rem;
	}	
    #othertitleblockholder_hazardouswastes  {
	    height: auto;
        padding: 1.8rem 4.166%;
        margin: 12.5rem 0 10rem 0;
        width: 100%;
        -webkit-border-radius: 8px;
        border-radius: 8px;
	}	
}




#headerheroholder {
	width: 100%;
	margin: 0 auto;
	padding: 0;
    height: 25vh;
    /* IE9 and 10  */
  	content: 'viewport-units-buggyfill;'  'height: 25vh;';
	}


#logoholderfooter {	
	margin: 0;
	max-width: 100px;
	padding: 0;
	}	
@media screen and (max-width: 960px) {
  #logoholderfooter {
	max-width: 85px;
  }
}


#homeheroholder {	
	margin: 0;
	padding: 0;
     position: relative;
    margin-top: -1px;
    top: 0;
    background: #ffffff;
    border-bottom: 1px solid #dce4eb;
	}	

.homeheroholder .uk-overlay.uk-position-center-left {
    width: 100%;
    box-sizing: border-box;
}

.site-header,
.site-header__inner {
    margin-bottom: 0 !important;
    padding-bottom: 0;
}

.homeheroholder,
.homeheroholder > .uk-position-relative,
.homeheroholder .uk-slideshow-items,
.homeheroholder .uk-slideshow-items > div {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.homeheroholder {
    position: relative;
    margin-top: -1px;
}



.herosequencetxtholder {
    z-index: 1000;
    width: 66.666%;
    margin-left: 2.083%;
    padding: 0;
    display: block;
    box-sizing: border-box;
    }
.herosequencetxtholder h2 {
	text-align: left;
	font-size: 2.4rem;
	line-height: 2.8rem;
	color: #ffffff;
	font-family: 'Oswald', sans-serif;
	font-weight: 700;
	font-style: normal;
	margin: 0 0 1.6rem 0;
	padding: 0;
	text-transform: uppercase;
	}

@media screen and (max-width: 960px) {
	.herosequencetxtholder h2 {
	font-size: 1.8rem;
	line-height: 2.2rem;
	}	
}

@media only screen and (max-width: 960px) {
    .herosequencetxtholder {
        width: calc(100% - 4.166%);
        margin-left: 2.083%;
        margin-right: 2.083%;
    }
}





.slidercontrollerlefttwhite {
    position: absolute;
    right: 4.166%;
    bottom: 3rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0;
    color: #ffffff;
    z-index: 10;
}

@media (min-width: 960px) {
    .slidercontrollerlefttwhite {
        margin-left: -0.5rem;
    }
}

@media (max-width: 959px) {
    .slidercontrollerlefttwhite {
        margin-left: -0.5rem;
    }

    .slidercontrollerlefttwhite a svg {
        transform: scale(0.9);
    }
}




/* ==========================================================
   THREE PROMO PANELS
   ========================================================== */


.promo-panel {
    background: #f6f8f9;
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 100%;
    }

.promo-panel__image {
    display: block;
    width: 100%;
    height: 22.5vh;
    min-height: 190px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    }

.promo-panel__title {
    padding: 1.5rem 4.166% 1.25rem 4.166%;
    -webkit-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
    }

.promo-panel__title--equipment {
    background: #a5bbc8;
}

.promo-panel__title--commercial {
    background: #71b991;
}

.promo-panel__title--biogas {
    background: #303b97;
}

.promo-panel__title h3 {
    text-align: left;
	font-size: 1.8rem;
	line-height: 1.8rem;
	color: #0a342f;
	font-family: 'Oswald', sans-serif;
	font-weight: 700;
	font-style: normal;
	margin: 0;
	padding: 0 0 0.25rem 0;
	text-transform: uppercase;
    }
.promo-panel__title h3 a {
    color: #ffffff;
    text-decoration: none;
    }
.promo-panel__title h3 a,
.promo-panel__title h3 a:link,
.promo-panel__title h3 a:visited,
.promo-panel__title h3 a:hover {
    background-image: none;
    background-size: 0;
    text-decoration: none;
    }




.promo-panel__body {
    padding: 1.5rem 4.166% 1.5rem 4.166%;
    display: flex;
    flex-direction: column;
    flex: 1;
    }
.promo-panel__text {
    flex: 1;
    }
.promo-panel__text p {
    text-align: left;
	color: #0a342f;
	font-size: 1.05rem;
	line-height: 1.35rem;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-style: normal;
    margin: 0;
    }
.promo-panel__text a:link, .promo-panel__text a:visited {
	color:#71b991;
	background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    transition: background-size .3s;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-style: normal;
	}	
.promo-panel__text a:active, .promo-panel__text a:hover {
	color:#71b991;
	background-size: 100% 1px;	
	text-decoration: none;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-style: normal;
	}


/* Button sits at bottom */
.promo-panel__button {
    margin-top: 2.5rem;
}

/* ==========================================================
   PANEL BUTTON COLOURS
   ========================================================== */

a.buttonspromosmall.buttonspromosmall--equipment,
a.buttonspromosmall.buttonspromosmall--equipment:link,
a.buttonspromosmall.buttonspromosmall--equipment:visited {
    color: #a5bbc8;
    border-color: #a5bbc8;
    background: none;
}

a.buttonspromosmall.buttonspromosmall--equipment i {
    color: inherit;
}

a.buttonspromosmall.buttonspromosmall--equipment:hover,
a.buttonspromosmall.buttonspromosmall--equipment:active {
    color: #ffffff;
    background: #a5bbc8;
    border-color: #a5bbc8;
}

a.buttonspromosmall.buttonspromosmall--equipment:hover i,
a.buttonspromosmall.buttonspromosmall--equipment:active i {
    color: inherit;
}


/* COMMERCIAL */

a.buttonspromosmall.buttonspromosmall--commercial,
a.buttonspromosmall.buttonspromosmall--commercial:link,
a.buttonspromosmall.buttonspromosmall--commercial:visited {
    color: #71b991;
    border-color: #71b991;
    background: none;
}

a.buttonspromosmall.buttonspromosmall--commercial i {
    color: inherit;
}

a.buttonspromosmall.buttonspromosmall--commercial:hover,
a.buttonspromosmall.buttonspromosmall--commercial:active {
    color: #ffffff;
    background: #71b991;
    border-color: #71b991;
}

a.buttonspromosmall.buttonspromosmall--commercial:hover i,
a.buttonspromosmall.buttonspromosmall--commercial:active i {
    color: inherit;
}


/* BIOGAS */

a.buttonspromosmall.buttonspromosmall--biogas,
a.buttonspromosmall.buttonspromosmall--biogas:link,
a.buttonspromosmall.buttonspromosmall--biogas:visited {
    color: #303b97;
    border-color: #303b97;
    background: none;
}

a.buttonspromosmall.buttonspromosmall--biogas i {
    color: inherit;
}

a.buttonspromosmall.buttonspromosmall--biogas:hover,
a.buttonspromosmall.buttonspromosmall--biogas:active {
    color: #ffffff;
    background: #303b97;
    border-color: #303b97;
}

a.buttonspromosmall.buttonspromosmall--biogas:hover i,
a.buttonspromosmall.buttonspromosmall--biogas:active i {
    color: inherit;
}




/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 959px) {
    .promo-panel__image {
        height: 25vh;
        min-height: 180px;
    }

    .promo-panel__title {
        padding: 1.5rem 1.75rem 1.35rem 1.75rem;
    }

    .promo-panel__body {
        padding: 1.75rem 1.75rem 2rem 1.75rem;
    }

    .promo-panel__button {
        margin-top: 2rem;
    }
}

#homepromoholder {	
	margin: 0;
	padding: 6.0rem 4.166% 4.0rem 4.166%;
    background: #ffffff;
	}	









#headerholder {
	width: 100%;
	margin: 0 auto;
	padding: 0 0 3.0rem 0;
	overflow: hidden !important;
  	position: relative;
	border-bottom: #e3e3e3 solid 1px;
	}


#pagesubtitleholder {	
	margin: 0;
	padding: 5.0rem 4.166% 4.0rem 4.166%;
    background: #f1f7f3;
	}	
@media screen and (max-width: 1060px) {
  #pagesubtitleholder {
    padding: 10.0rem 4.166% 4.0rem 4.166%;
  }
}


#lightgreentitle {	
	margin: 0;
	padding: 3.0rem 4.166%;
    background: #f1f7f3;
	}	


#additionalcontentholder {	
	margin: 0;
	padding: 6.0rem 4.166%;
    background: #ffffff;
    border-bottom: 1px solid #dce4eb;
	}	

#additionalcontentholder2 {	
	margin: 0;
	padding: 6.0rem 4.166%;
    background: #f1f7f3;
	}	

#wasteequipmentholder {	
	margin: 0;
	padding: 6.0rem 4.166% 8.0rem 4.166%;
    background: #ffffff;
    border-bottom: 1px solid #dce4eb;
	}	
@media screen and (max-width: 960px) {
  #wasteequipmentholder {
	padding: 4.0rem 4.166% 6.0rem 4.166%;
  }
}


#fullwidthpromoband {	
	margin: 0;
	padding: 6.0rem 4.166%;
    background: #000;
    border-bottom: 1px solid #0a342f;
    min-height: 40vh;
    display: flex;
    align-items: center;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
	}	


#clientsandpartners {	
	margin: 0;
	padding: 6.0rem 8.333%;
    background: #ffffff;
    border-bottom: 1px solid #dce4eb;
	}	
@media screen and (max-width: 960px) {
  #clientsandpartners {
	padding: 6.0rem 4.166%;
  }
}


#contactinfoband {	
	margin: 0;
	padding: 6.0rem 4.166%;
    background: #ffffff;
    border-bottom: 1px solid #dce4eb;
	}	
@media screen and (max-width: 960px) {
  #contactinfoband {
	padding: 6.0rem 4.166%;
  }
}


#map  {
	margin: 0 auto;
	padding: 0;
	height: 25rem;
	}
@media only screen and (max-width: 960px) {
  	#map  {
    height: 20rem;
  	}
}



#cptestimonials {	
	margin: 0;
	padding: 6.0rem 16.666%;
    background: #ffffff;
    border-bottom: 1px solid #dce4eb;
	}	
@media screen and (max-width: 960px) {
  #cptestimonials {
	padding: 6.0rem 4.166%;
  }
}



#wasteproducts {	
	margin: 0;
	padding: 3.0rem 4.166% 6.0rem 4.166%;
    background: #ffffff;
    border-bottom: 1px solid #dce4eb;
	}	


#clientlogopanel {	
	margin: 0;
	padding: 3.0rem 4.166%;
    background: #ffffff;
    border-bottom: 1px solid #dce4eb;
	}	


#suppliersholder {	
	margin: 0;
	padding: 4.0rem 4.166%;
    background: #ffffff;
	}
@media screen and (max-width: 960px) {
  #suppliersholder {
	padding: 3.0rem 4.1663%;
  }
}

.uk-slider-container,
.uk-slider-items,
.uk-slider-items > li {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}


.uk-slider-items {
    will-change: transform;
}

.uk-slider-items > li {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transform: translateZ(0);
}

.uk-slider-items img {
    display: block;
    width: 100%;
    height: auto;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transform: translateZ(0);
}

.uk-slider-items li a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 120px;
}



.slidercontrollerleftwhite {
    display: flex;
    align-items: center;
    gap: 0;
    color: #a5bbc8;
    z-index: 10;
}
@media (min-width: 960px) {
    .slidercontrollerleftwhite {
        justify-content: flex-start;
        margin-left: -0.5rem;
    }
}
@media (max-width: 959px) {
    .slidercontrollerleftwhite {
        justify-content: left;
        margin-left: -0.5rem;
    }
}
@media (max-width: 959px) {
    .slidercontrollerleftwhite a svg {
        transform: scale(0.9);
    }
}



#googlereviewsholder {	
	margin: 0;
	padding: 4.0rem 8.333%;
    background: #a5bbc8;
	}
@media screen and (max-width: 960px) {
  #googlereviewsholder {
	padding: 4.0rem 4.166%;
  }
}






/* ==========================================================
   TWO-PANEL INFORMATION / REVIEWS BLOCK
   ========================================================== */

#homeadditionalgooglerevs {	
	margin: 0;
	padding: 0;
    background: #a5bbc8;
	}


.homeinfopanel {
    min-height: 100%;
    }
.homeinfopanel--left {
    background: #f6f8f9;
    }
.homeinfopanel--right {
    background: #d2dde3;
    }
.homeinfopanel__inner {
    min-height: 100%;
    padding: 6.0rem 8.333%;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    }
.homeinfopanel__content {
    flex: 1;
    }
.homeinfopanel__cta {
    margin-top: auto;
    padding-top: 2rem;
    }

/* Remove inner padding for reviews panel */
.homeinfopanel--right .homeinfopanel__inner {
    padding: 0;
}

.elfsight-app-b82054b4-8c34-47b9-b3ef-846128c80ca6 .eapps-widget-toolbar {
    display: none !important;
}


/* Reviews holder fills naturally */
#googlereviewsholder {
    width: 100%;
    }
#googlereviewsholder .elfsight-app-b82054b4-8c34-47b9-b3ef-846128c80ca6 {
    width: 100%;
    }

.googlereviews-title {
    text-align: center;
    padding: 2.0rem 0 0 0;
}
.eapps-widget-toolbar-title {
    display: none !important;
}
.eapps-widget-toolbar-title {
    font-family: 'Oswald', sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.02em;
    text-align: center !important;
}


/* Mobile */
@media (max-width: 959px) {
    .homeinfopanel__inner {
        padding: 3rem 4.166%;
    }
    .homeinfopanel__cta {
        padding-top: 1.75rem;
    }
}


.homeinfopanel__inner {
    display: flex;
    flex-direction: column;
    }
.homeinfopanel__content {
    flex: 1;
    }
.homeinfopanel__cta {
    margin-top: auto;
    }





#homekeyserviceinfo {	
	margin: 0;
	padding: 6.0rem 4.166%;
    background: #dde7e0;
    text-align: left;
	color: #0a342f;
	font-size: 1.05rem;
	line-height: 1.35rem;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-style: normal;
	}
#homekeyserviceinfo ul {
	list-style: none;
	margin: 0;
	border: 0;
	padding: 0;
	text-align: left;
	}
#homekeyserviceinfo li {
	text-align: left;
	color: #0a342f;
	font-size: 1.05rem;
	line-height: 1.35rem;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-style: normal;
	padding: 0 0 1.3rem 0;
	}
#homekeyserviceinfo a:link, #homekeyserviceinfo a:visited {
	color:#71b991;
	background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    transition: background-size .3s;
	font-family: 'Roboto', sans-serif;
	font-weight: 600;
	font-style: normal;
	}
#homekeyserviceinfo a:active, #homekeyserviceinfo a:hover  {
	color:#71b991;
	background-size: 100% 1px;	
	text-decoration: none;
	font-family: 'Roboto', sans-serif;
	font-weight: 600;
	font-style: normal;
	}






#quotescontroller {
    padding: 2.0rem 0 0 0;
    margin: 0 auto;
    position: relative;
    bottom: 0;
    text-align: left;
	}



.uk-inline-title {	
	margin: 0.75rem 0 0 0;
	padding: 0 0 1.0rem 0;
    font-family: 'Roboto', sans-serif;
	font-weight: 600;
	font-style: normal;
    font-size: 0.9rem;
    line-height: 1.2rem;
	}	

.uk-inline img {	
	-webkit-border-radius: 8px;
    border-radius: 8px;
	}	


#upperfooterholder {	
	margin: 0;
	padding: 6.0rem 4.166% 3.0rem 4.166%;
    background: #0a342f;
	}

#footercontactholder {	
	margin: 2.0rem 0;
	padding: 0.85rem 0;
    border-top: 2px solid #316e67;
    border-bottom: 2px solid #316e67;
	}
@media screen and (max-width: 960px) {
  #footercontactholder {
      margin: 1.0rem 0 1.5rem 0;
      padding: 1.5rem 0;
  }
}


.footercontacttxtleft {
	text-align: left;
	color: #71b991;
	font-size: 1.25rem;
	line-height: 1.25rem;
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	font-style: normal;
    letter-spacing: 0.1rem;
    text-transform: uppercase;
	}
.footercontacttxtleft a:link, .footercontacttxtleft a:visited {
	color:#71b991;
	text-decoration: none;
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	font-style: normal;
	}	
.footercontacttxtleft a:active, .footercontacttxtleft a:hover {
	color:#71b991;
	text-decoration: none;
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	font-style: normal;
	}



.footercontacttxtright {
	text-align: right;
	color: #ffffff;
	font-size: 1.25rem;
	line-height: 1.25rem;
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	font-style: normal;
    letter-spacing: 0.1rem;
    text-transform: uppercase;
	}
.footercontacttxtright a:link, .footercontacttxtright a:visited {
	color:#ffffff;
	text-decoration: none;
	font-family: 'Oswald', sans-serif;
	font-weight: 500;
	font-style: normal;
	}	
.footercontacttxtright a:active, .footercontacttxtright a:hover {
	color:#71b991;
	text-decoration: none;
	font-family: 'Oswald', sans-serif;
	font-weight: 500;
	font-style: normal;
	}
@media screen and (max-width: 960px) {
  .footercontacttxtright {
	text-align: left;
      padding: 0.5rem 0 0 0;
  }
    .footercontacttxtright span {
	display: none !important;
	}
}







/* PROMOS TALL */

.promosholderhospitality {
	margin: 15rem 0 0 0;
    position: relative;
	padding: 0;
	min-height: 17.5em;    
    -webkit-border-radius: 8px;
    border-radius: 8px;
    background: url(../jpg/promos-home/hospitality-2.jpg) no-repeat center center;
	background-size: 100%;
	}
@media screen and (max-width: 960px) {
  .promosholderhospitality {
	margin: 0;
      min-height: 17.5em; 
  }
}

.promosholderresidential {
	margin: 15rem 0 0 0;
    position: relative;
	padding: 0;
	min-height: 17.5em;    
    -webkit-border-radius: 8px;
    border-radius: 8px;
    background: url(../jpg/promos-home/residential-2.jpg) no-repeat center center;
	background-size: 100%;
	}
@media screen and (max-width: 960px) {
  .promosholderresidential {
	margin: 15rem 0 0 0;
      min-height: 15.0em; 
  }
}

.promosholderfeedstocks {
	margin: 15rem 0 0 0;
    position: relative;
	padding: 0;
	min-height: 17.5em;     
    -webkit-border-radius: 8px;
    border-radius: 8px;
    background: url(../jpg/promos-home/feedstocks-2.jpg) no-repeat center center;
	background-size: 100%;
	}
@media screen and (max-width: 960px) {
  .promosholderfeedstocks {
	margin: 15rem 0 0 0;
      min-height: 15.0em; 
  }
}

.promosholderequipment {
	margin: 15rem 0 0 0;
    position: relative;
	padding: 0;
	min-height: 17.5em;    
    -webkit-border-radius: 8px;
    border-radius: 8px;
    background: url(../jpg/promos-home/equipment-3.jpg) no-repeat center center;
	background-size: 100%;
	}
@media screen and (max-width: 960px) {
  .promosholderequipment {
	margin: 15rem 0 0 0;
      min-height: 15.0em; 
  }
}



a .promossquarecontainerhospitality {
	-moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
	padding: 2.0rem 8.333% 0 8.333%;
	border: 0;
    display: block;
	background-color: rgba(113, 185, 145, 1.0);
	min-height: 17.5em;
    z-index: 10;
    position: absolute;
    margin: -12.5rem 2.083% 0 2.083%;
	color: #ffffff;
    -webkit-box-shadow: 0 10px 20px 0 rgba(109,121,128,0);
    box-shadow: 0 10px 20px 0 rgba(109,121,128,0);
    -webkit-border-radius: 8px 8px 8px 8px;
    border-radius: 8px 8px 8px 8px;
	}	
a .promossquarecontainerhospitality:hover  {
	background-color: rgba(94, 166, 126, 1.0);
    -webkit-box-shadow: 0 10px 20px 0 rgba(109,121,128,0.2);
    box-shadow: 0 10px 20px 0 rgba(109,121,128,0.2);
	}
@media screen and (max-width: 960px) {
    a .promossquarecontainerhospitality {
	min-height: 12.5em;
  }
}

a .promossquarecontainerfeedstocks {
	-moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
	padding: 2.0rem 8.333% 0 8.333%;
	border: 0;
	background-color: rgba(48, 59, 151, 1.0);
	min-height: 17.5em;
    z-index: 10;
    position: absolute;
    margin: -12.5rem 2.083% 0 2.083%;
	color: #ffffff;
    -webkit-box-shadow: 0 10px 20px 0 rgba(109,121,128,0);
    box-shadow: 0 10px 20px 0 rgba(109,121,128,0);
    -webkit-border-radius: 8px 8px 8px 8px;
    border-radius: 8px 8px 8px 8px;
	}	
a .promossquarecontainerfeedstocks:hover  {
	background-color: rgba(37, 47, 147, 1.0);
    -webkit-box-shadow: 0 10px 20px 0 rgba(109,121,128,0.2);
    box-shadow: 0 10px 20px 0 rgba(109,121,128,0.2);
	}
@media screen and (max-width: 960px) {
    a .promossquarecontainerfeedstocks {
	min-height: 12.5em;
  }
}

a .promossquarecontainerequipment {
	-moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
	padding: 2.0rem 8.333% 0 8.333%;
	border: 0;
	background-color: rgba(165, 187, 200, 1.0);
	min-height: 17.5em;
    z-index: 10;
    position: absolute;
    margin: -12.5rem 2.083% 0 2.083%;
	color: #ffffff;
    -webkit-box-shadow: 0 10px 20px 0 rgba(109,121,128,0);
    box-shadow: 0 10px 20px 0 rgba(109,121,128,0);
    -webkit-border-radius: 8px 8px 8px 8px;
    border-radius: 8px 8px 8px 8px;
	}	
a .promossquarecontainerequipment:hover  {
	background-color: rgba(143, 167, 182, 1.0);
    -webkit-box-shadow: 0 10px 20px 0 rgba(109,121,128,0.2);
    box-shadow: 0 10px 20px 0 rgba(109,121,128,0.2);
	}
@media screen and (max-width: 960px) {
    a .promossquarecontainerequipment {
	min-height: 12.5em;
  }
}

a .promossquarecontainerresidential {
	-moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
	padding: 2.0rem 8.333% 0 8.333%;
	border: 0;
	background-color: rgba(243, 112, 86, 1.0);
	min-height: 17.5em;
    z-index: 10;
    position: absolute;
    margin: -12.5rem 2.083% 0 2.083%;
	color: #ffffff;
    -webkit-box-shadow: 0 10px 20px 0 rgba(109,121,128,0);
    box-shadow: 0 10px 20px 0 rgba(109,121,128,0);
    -webkit-border-radius: 8px 8px 8px 8px;
    border-radius: 8px 8px 8px 8px;
	}	
a .promossquarecontainerresidential:hover  {
	background-color: rgba(233, 95, 68, 1.0);
    -webkit-box-shadow: 0 10px 20px 0 rgba(109,121,128,0.2);
    box-shadow: 0 10px 20px 0 rgba(109,121,128,0.2);
	}
@media screen and (max-width: 960px) {
    a .promossquarecontainerresidential {
	min-height: 12.5em;
  }
}


a .promossquarecontainerhospitality > h2,
a .promossquarecontainerfeedstocks > h2,
a .promossquarecontainerequipment > h2,
a .promossquarecontainerresidential > h2 {
	-moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
	text-align: left;
	font-size: 2.5rem;
	line-height: 2.8rem;
	color: #ffffff;
	font-family: 'Oswald', sans-serif;
	font-weight: 700;
	font-style: normal;
	margin: 0;
	padding: 0 0 0.5rem 0;
	text-transform: uppercase;	
	min-height: 1.5rem;
	}	
a:active .promossquarecontainerhospitality > h2, a:hover .promossquarecontainerhospitality > h2,
a:active .promossquarecontainerfeedstocks > h2, a:hover .promossquarecontainerfeedstocks > h2,
a:active .promossquarecontainerequipment > h2, a:hover .promossquarecontainerequipment > h2,
a:active .promossquarecontainerresidential > h2, a:hover .promossquarecontainerresidential > h2 {
	color:#ffffff;
	text-decoration: none !important;
	border-bottom: none !important;
	font-family: 'Oswald', sans-serif;
	font-weight: 700;
	font-style: normal;
	}
@media screen and (max-width: 1140px) {
    a .promossquarecontainerhospitality > h2,
    a .promossquarecontainerfeedstocks > h2,
    a .promossquarecontainerequipment > h2,
    a .promossquarecontainerresidential > h2 {
    font-size: 2.0rem;
	line-height: 2.3rem;
  }
}
@media screen and (max-width: 960px) {
    a .promossquarecontainerhospitality > h2,
    a .promossquarecontainerfeedstocks > h2,
    a .promossquarecontainerequipment > h2,
    a .promossquarecontainerresidential > h2 {
	min-height: 1.25rem;
  }
}

a .promossquarecontainerhospitality > p,
a .promossquarecontainerfeedstocks > p,
a .promossquarecontainerequipment > p,
a .promossquarecontainerresidential > p {
	text-align: left;
    color:#ffffff;
	font-size: 1.2rem;
	line-height: 1.55rem;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-style: normal;
	}	






/* PROMOS PRODUCTS */

.uk-card-media-image {
    padding: 0;
    margin: 0 0 1.2rem 0;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    overflow: hidden;    
    }
@media screen and (max-width: 960px) {
  .uk-card-media-image {
	-webkit-border-radius: 4px;
    border-radius: 4px;
  }
}

.uk-card-body-equipment {
    padding: 1.0rem;
    margin: 0;
    -webkit-border-radius: 0 0 8px 8px ;
    border-radius: 0 0 8px 8px ;
    overflow: hidden;   
}

.uk-card-body-equipment > h2 > a {
    -moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
	text-align: left;
	font-size: 2.0rem;
	line-height: 2.0rem !important;
	color: #ffffff;
	font-family: 'Oswald', sans-serif;
	font-weight: 700;
	font-style: normal;
	margin: 0 0 1.0rem 0;
	padding: 0;
	text-transform: uppercase;	
    border-bottom: none !important;
}
 .uk-card-body-equipment > h2 > a:active, .uk-card-body-equipment > h2 > a:hover {
	color:#ffffff;
	text-decoration: none !important;
	border-bottom: none !important;
	font-family: 'Oswald', sans-serif;
	font-weight: 700;
	font-style: normal;
	}

#wasteequipmentmainimage {
    padding: 0;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    overflow: hidden;   
    background-color: #dde7e0;
    margin: -12.5rem 0 2.0rem 0;
    }
#wasteequipmentmainimage img {
    width: 100%;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    }
@media screen and (max-width: 960px) {
  #wasteequipmentmainimage {
	margin: 0 0 1.2rem 0;
  }
}


#wasteequipmentmainimage2 {
    padding: 0;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    overflow: hidden;   
    background-color: #dde7e0;
    margin: 0 0 2.0rem 0;
    max-width: 66.666%
    }
#wasteequipmentmainimage2 img {
    width: 100%;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    }
@media screen and (max-width: 960px) {
  #wasteequipmentmainimage2 {
	margin: 0 0 1.2rem 0;
      max-width: 100%
  }
}


#wasteequipmentlogo {
    padding: 0;
    margin: 1.0rem 0;
    }

.wasteequipmentgallery {
    -webkit-border-radius: 6px;
    border-radius: 6px;
    overflow: hidden;  
    }







/* PROMOS FOOTER */

.promosholderhospitalityfooter {
	margin: 2.5rem 0 0 0;
    position: relative;
	padding: 0;
	min-height: 10em;    
    -webkit-border-radius: 8px;
    border-radius: 8px;
    background: url(../jpg/promos-home/hospitality-2.jpg) no-repeat center center;
	background-size: 100%;
	}
@media screen and (max-width: 960px) {
  .promosholderhospitalityfooter {
	margin: 0;
      min-height: 8.5em; 
  }
}

.promosholderfeedstocksfooter {
	margin: 2.5rem 0 0 0;
    position: relative;
	padding: 0;
	min-height: 10em;    
    -webkit-border-radius: 8px;
    border-radius: 8px;
    background: url(../jpg/promos-home/feedstocks-2.jpg) no-repeat center center;
	background-size: 100%;
	}
@media screen and (max-width: 960px) {
  .promosholderfeedstocksfooter {
	margin: 10rem 0 0 0;
      min-height: 8.5em; 
  }
}

.promosholderequipmentfooter {
	margin: 2.5rem 0 0 0;
    position: relative;
	padding: 0;
	min-height: 10em;    
    -webkit-border-radius: 8px;
    border-radius: 8px;
    background: url(../jpg/promos-home/equipment-2.jpg) no-repeat center center;
	background-size: 100%;
	}
@media screen and (max-width: 960px) {
  .promosholderequipmentfooter {
	margin: 10rem 0 0 0;
      min-height: 8.5em; 
  }
}

.promosholderresidentialwastefooter {
	margin: 2.5rem 0 0 0;
    position: relative;
	padding: 0;
	min-height: 10em;    
    -webkit-border-radius: 8px;
    border-radius: 8px;
    background: url(../jpg/promos-home/residential-2.jpg) no-repeat center center;
	background-size: 100%;
	}
@media screen and (max-width: 960px) {
  .promosholderresidentialwastefooter {
	margin: 10rem 0 0 0;
      min-height: 8.5em; 
  }
}




a .promossquarecontainerhospitalityfooter {
	-moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
	padding: 2.0rem 8.333% 1.0rem 8.333%;
	border: 0;
    display: block;
	background-color: rgba(113, 185, 145, 1.0);
	min-height: 7em;
    min-width: 96%;
    z-index: 10;
    position: absolute;
    margin: -8rem 2.083% 0 2.083%;
	color: #ffffff;
    -webkit-box-shadow: 0 10px 20px 0 rgba(109,121,128,0);
    box-shadow: 0 10px 20px 0 rgba(109,121,128,0);
    -webkit-border-radius: 8px 8px 8px 8px;
    border-radius: 8px 8px 8px 8px;
	}	
a .promossquarecontainerhospitalityfooter:hover  {
	background-color: rgba(94, 166, 126, 1.0);
    -webkit-box-shadow: 0 10px 20px 0 rgba(109,121,128,0.2);
    box-shadow: 0 10px 20px 0 rgba(109,121,128,0.2);
	}
@media screen and (max-width: 960px) {
    a .promossquarecontainerhospitalityfooter {
	min-height: 5em;
        padding: 2.0rem 4.166% 0 4.166%;
  }
}

a .promossquarecontainerfeedstocksfooter {
	-moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
	padding: 2.0rem 8.333% 1.0rem 8.333%;
	border: 0;
	background-color: rgba(48, 59, 151, 1.0);
	min-height: 7em;
    min-width: 96%;
    z-index: 10;
    position: absolute;
    margin: -8rem 2.083% 0 2.083%;
	color: #ffffff;
    -webkit-box-shadow: 0 10px 20px 0 rgba(109,121,128,0);
    box-shadow: 0 10px 20px 0 rgba(109,121,128,0);
    -webkit-border-radius: 8px 8px 8px 8px;
    border-radius: 8px 8px 8px 8px;
	}	
a .promossquarecontainerfeedstocksfooter:hover  {
	background-color: rgba(37, 47, 147, 1.0);
    -webkit-box-shadow: 0 10px 20px 0 rgba(109,121,128,0.2);
    box-shadow: 0 10px 20px 0 rgba(109,121,128,0.2);
	}
@media screen and (max-width: 960px) {
    a .promossquarecontainerfeedstocksfooter {
	min-height: 5em;
        padding: 2.0rem 4.166% 0 4.166%;
  }
}

a .promossquarecontainerequipmentfooter {
	-moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
	padding: 2.0rem 8.333% 1.0rem 8.333%;
	border: 0;
	background-color: rgba(165, 187, 200, 1.0);
	min-height: 7em;
    min-width: 96%;
    z-index: 10;
    position: absolute;
    margin: -8rem 2.083% 0 2.083%;
	color: #ffffff;
    -webkit-box-shadow: 0 10px 20px 0 rgba(109,121,128,0);
    box-shadow: 0 10px 20px 0 rgba(109,121,128,0);
    -webkit-border-radius: 8px 8px 8px 8px;
    border-radius: 8px 8px 8px 8px;
	}	
a .promossquarecontainerequipmentfooter:hover  {
	background-color: rgba(143, 167, 182, 1.0);
    -webkit-box-shadow: 0 10px 20px 0 rgba(109,121,128,0.2);
    box-shadow: 0 10px 20px 0 rgba(109,121,128,0.2);
	}
@media screen and (max-width: 960px) {
    a .promossquarecontainerequipmentfooter {
	min-height: 5em;
    padding: 2.0rem 4.166% 0 4.166%;
  }
}

a .promossquarecontainerresidentialwastefooter {
	-moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
	padding: 2.0rem 8.333% 1.0rem 8.333%;
	border: 0;
	background-color: rgba(243, 112, 86, 1.0);
	min-height: 7em;
    min-width: 96%;
    z-index: 10;
    position: absolute;
    margin: -8rem 2.083% 0 2.083%;
	color: #ffffff;
    -webkit-box-shadow: 0 10px 20px 0 rgba(109,121,128,0);
    box-shadow: 0 10px 20px 0 rgba(109,121,128,0);
    -webkit-border-radius: 8px 8px 8px 8px;
    border-radius: 8px 8px 8px 8px;
	}	
a .promossquarecontainerresidentialwastefooter:hover  {
	background-color: rgba(233, 95, 68, 1.0);
    -webkit-box-shadow: 0 10px 20px 0 rgba(109,121,128,0.2);
    box-shadow: 0 10px 20px 0 rgba(109,121,128,0.2);
	}
@media screen and (max-width: 960px) {
    a .promossquarecontainerresidentialwastefooter {
	min-height: 5em;
        padding: 2.0rem 4.166% 0 4.166%;
  }
}



a .promossquarecontainerhospitalityfooter > h2,
a .promossquarecontainerfeedstocksfooter > h2,
a .promossquarecontainerequipmentfooter > h2,
a .promossquarecontainerresidentialwastefooter > h2 {
	-moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
	text-align: left;
	font-size: 2.5rem;
	line-height: 2.8rem;
	color: #ffffff;
	font-family: 'Oswald', sans-serif;
	font-weight: 700;
	font-style: normal;
	margin: 0;
	padding: 0 0 1.0rem 0;
	text-transform: uppercase;	
	min-height: 1.5rem;
	}	
a:active .promossquarecontainerhospitalityfooter > h2, a:hover .promossquarecontainerhospitalityfooter > h2,
a:active .promossquarecontainerfeedstocksfooter > h2, a:hover .promossquarecontainerfeedstocksfooter > h2,
a:active .promossquarecontainerequipmentfooter > h2, a:hover .promossquarecontainerequipmentfooter > h2,
a:active .promossquarecontainerresidentialwastefooter > h2, a:hover .promossquarecontainerresidentialwastefooter > h2 {
	color:#ffffff;
	text-decoration: none !important;
	border-bottom: none !important;
	font-family: 'Oswald', sans-serif;
	font-weight: 700;
	font-style: normal;
	}
@media screen and (max-width: 1140px) {
    a .promossquarecontainerhospitalityfooter > h2,
    a .promossquarecontainerfeedstocksfooter > h2,
    a .promossquarecontainerequipmentfooter > h2,
    a .promossquarecontainerresidentialwastefooter > h2 {
    font-size: 2.0rem;
	line-height: 2.3rem;
  }
}
@media screen and (max-width: 960px) {
    a .promossquarecontainerhospitalityfooter > h2,
    a .promossquarecontainerfeedstocksfooter > h2,
    a .promossquarecontainerequipmentfooter > h2,
    a .promossquarecontainerresidentialwastefooter > h2 {
	min-height: 1.25rem;
  }
}





/* PROMOS BUTTONS */

.buttonspromoholder {
	padding: 0 0 2.0rem 0;
	position: relative;
	bottom: 0;
    text-align: left !important;        
	}
.buttonspromoholderheader {
	padding: 0 0 1.0rem 0;
	position: relative;
	bottom: 0;
    text-align: left !important;        
	}
@media screen and (max-width: 960px) {
	.buttonspromoholderheader {
	    display: none;
        visibility: hidden;
        height: 0;
	}	
}


.buttonspromoright {
	padding: 1.4rem 0 2.0rem 0;
	position: relative;
	bottom: 0;
    text-align: right !important;        
	}
@media screen and (max-width: 960px) {
	.buttonspromoright {
	     text-align: left !important; 
	}	
}

.buttonspromoholdersmall {
	padding: 0 0 1.0rem 0;
	position: relative;
	bottom: 0;
    text-align: left !important;        
	}
.buttonspromoholdernone {
	padding: 0;
	position: relative;
	bottom: 0;
    text-align: left !important;        
	}

.buttonsheader {
  	font-size: 1.4rem;
	font-family: 'Font Awesome 5 Pro' !important;
    font-style: normal !important;
    font-weight: 300 !important;
	padding: 0.6rem 0 0 0;
    width: 3.0rem;
    height: 3.0rem;
	text-decoration:none;
	color: #ffffff;
	background: none;
	display: inline-block;
	text-align: center;
	margin: 1.0rem 0 0 0;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	border: 1px solid #ffffff;
	-webkit-border-radius: 100px;
	border-radius: 100px;	
	}	
.buttonsheader:hover {
	color: #0a342f;
	background: #ffffff;
	border: 1px solid #ffffff;	
	}	
@media screen and (max-width: 960px) {
	.buttonsheader {
	    font-size: 1.5rem;
        padding: 1.35rem 1.8rem;
	}	
}
	


.buttonspromo {
    font-size: 0.85rem;
    line-height: 0.85rem;
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    font-style: normal;
    padding: 0.85rem 1.75rem 0.75rem 1.75rem;
    text-decoration: none;
    color: #ffffff;
    background: none;
    display: inline-block; /* changed from block */
    text-align: center;
    margin: 2.0rem 0 0 0;
    text-transform: uppercase;
    transition: all 0.2s ease-out;
    border: 1px solid #ffffff;
    border-radius: 100px;
}

.buttonspromo i {
    font-size: 1.2rem;
    font-family: 'Font Awesome 5 Pro' !important;
    font-style: normal !important;
    font-weight: 400 !important;
    padding-left: 0.5rem;
    color: inherit; /* inherit button colour */
    vertical-align: -0.1rem;
    transition: all 0.2s ease-out;
}

.buttonspromo:hover {
    color: #0a342f !important;
    background: #ffffff;
    border: 1px solid #ffffff;
}

.buttonspromo:hover i {
    color: inherit; /* keeps arrow visible */
}

.buttonspromosmall {
  	font-size: 0.85rem;
	line-height: 0.85rem;
	font-family: 'Oswald', sans-serif;
	font-weight: 700;
	font-style: normal;	
	padding: 0.55rem 1.25rem 0.45rem 1.25rem;
	text-decoration:none;
	color: #ffffff;
	background: none;
	display: block;
	text-align: center;
	margin: 0;
	text-transform: uppercase;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	border: 1px solid #ffffff;
	-webkit-border-radius: 100px;
	border-radius: 100px;	
	}	
.buttonspromosmall i {
  	font-size: 1.2rem;
	font-family: 'Font Awesome 5 Pro' !important;
    font-style: normal !important;
    font-weight: 400 !important;
	padding: 0 0 0 0.5rem;
	color: #ffffff;
    vertical-align: -0.1rem;
    -webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	}	
.buttonspromosmall:hover {
	color: #0a342f;
	background: #ffffff;
	border: 1px solid #ffffff;	
	}	
.buttonspromosmall:hover i {
	color: #0a342f;
}


.buttonsnormal {
  	font-size: 0.85rem;
	line-height: 0.85rem;
	font-family: 'Oswald', sans-serif;
	font-weight: 700;
	font-style: normal;	
	padding: 0.85rem 1.75rem 0.75rem 1.75rem;
	text-decoration:none;
	color: #0a342f;
	background: none;
	display: inline-block;
	text-align: center;
	margin: 0;
	text-transform: uppercase;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	border: 1px solid #0a342f;
	-webkit-border-radius: 100px;
	border-radius: 100px;	
	}	
.buttonsnormal i {
  	font-size: 1.2rem;
	font-family: 'Font Awesome 5 Pro' !important;
    font-style: normal !important;
    font-weight: 400 !important;
	padding: 0 0 0 0.5rem;
	color: #0a342f;
    vertical-align: -0.1rem;
    -webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	}	
.buttonsnormal:hover {
	color: #ffffff;
	background: #0a342f;
	border: 1px solid #0a342f;	
	}	
.buttonsnormal:hover i {
	color: #ffffff;
}



.buttonslarge {
  	font-size: 1.15rem;
	line-height: 1.15rem;
	font-family: 'Oswald', sans-serif;
	font-weight: 700;
	font-style: normal;	
	padding: 0.85rem 1.75rem 0.75rem 1.75rem;
	text-decoration:none;
	color: #0a342f;
	background: none;
	display: block;
	text-align: center;
	margin: 0;
	text-transform: uppercase;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	border: 1px solid #0a342f;
	-webkit-border-radius: 100px;
	border-radius: 100px;	
	}	
.buttonslarge i {
  	font-size: 1.2rem;
	font-family: 'Font Awesome 5 Pro' !important;
    font-style: normal !important;
    font-weight: 400 !important;
	padding: 0 0 0 0.5rem;
	color: #0a342f;
    vertical-align: -0.1rem;
    -webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	}	
.buttonslarge:hover {
	color: #ffffff;
	background: #0a342f;
	border: 1px solid #0a342f;	
	}	
.buttonslarge:hover i {
	color: #ffffff;
}



.buttonscontactform {
	font-size: 1.4rem;
	line-height: 1.4rem;
	font-family: 'Oswald', sans-serif;
	font-weight: 700;
	font-style: normal;	
	padding: 1.4rem 3.0rem;
	text-decoration:none;
	color: #71b991;
	background: none;
	display: inline-block !important;
	text-align: center;
	margin: 0 auto;
    width: 100%;
	text-transform: uppercase;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	border: 1px solid #71b991;	
	-webkit-border-radius: 100px;
	border-radius: 100px;
	}	
.buttonscontactform:hover {
	color: #ffffff;
	background: #71b991;
	border: 1px solid #71b991;	
	}





/* SOCIAL MEDIA ICONS */

#sociallinksholder {
  	padding: 1.0rem 0 0 0;
  	margin: 0;
	}		

.sociallinksnav ul {
	text-align: left;
	color: #ffffff;
	margin: 0;
	padding: 0;
	}
.sociallinksnav li {
	color: #ffffff;
	font-size: 1.35rem;
	line-height: 1.35rem;				
	padding: 0;
    margin: 0 0.75rem 0 0;
    display:inline-block;
    text-decoration: none;
	}
.sociallinksnav li a:link, .sociallinksnav li a:visited {
	color: #ffffff;
	text-decoration: none;
	}	
.sociallinksnav li a:active, .sociallinksnav li a:hover {
	color: #71b991 !important;
	text-decoration: none;
	}



	
	
.center {
	text-align: center !important;
	}	
.right {
	text-align: right !important;
	}
@media screen and (max-width: 960px) {
	.right {
	text-align: center !important;
	}	
}
	
.white {
	color: #ffffff;
	}	
.green {
	color: #0a342f;
	}

.image {
	-webkit-border-radius: 8px;
	border-radius: 8px;
	}


.notice {
	color: #489448;
	}	


.hideme {
    opacity:0;
	}
	

#happyleaves {	
	width: 188px;
	height: 16px;
	margin: 0.25rem 0 0 0;
	padding: 0;
	float: right;
	text-align: right !important;
	}
@media screen and (max-width: 960px) {
	#happyleaves {
	text-align: left;
	float: left;
	margin: 2.0rem 0 0 0;
	}	
}	




a[href^="http://maps.google.com/maps"]{display:none !important}
a[href^="https://maps.google.com/maps"]{display:none !important}

.gmnoprint a, .gmnoprint span, .gm-style-cc {
    display:none;
	}
.gmnoprint div {
    background:none !important;
	}	
		
			
input:focus, textarea:focus, select:focus{
        outline: none;
    }

*:focus {
    outline: none;
}




.embed-container { 
    position: relative; 
    padding-bottom: 56.25%; 
    height: 0; 
    overflow: hidden; 
    max-width: 100%; 
    } 

.embed-container iframe, .embed-container object, .embed-container embed { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    }