@font-face {
  font-family: 'icomoon';
  src:  url('/fonts/icomoon.eot?pgrlt0');
  src:  url('/fonts/icomoon.eot?pgrlt0#iefix') format('embedded-opentype'),
	 url('/fonts/icomoon.ttf?pgrlt0') format('truetype'),
	 url('/fonts/icomoon.woff?pgrlt0') format('woff'),
	 url('/fonts/icomoon.svg?pgrlt0#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

html {
	margin: 0;
	padding: 0;
	background-color: #fff;
	color: #272727;
}
body {
	margin: 0;
	padding: 0;
	font-family: 'Muli', sans-serif;
	font-weight: 300;
	-webkit-text-size-adjust: 100%;
}

a {
	background-color: #fff;
	color: #21abef;
}
a:hover,
a:focus,
a:active {
	background-color: #fff;
	color: #252061;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
form {
	margin: 0;
}

h1,
.h1 {
	margin: 0.733333333333333em 0;
	font-size: 2.25em;
	font-weight: 700;
	line-height: 1.2;
}
h2,
.h2 {
	margin: 0.5em 0;
	font-size: 1.25em;
	font-weight: 700;
	line-height: 1.2;
}
h3,
.h3 {
	margin: 0.625em 0;
	font-size: 1em;
	font-weight: 700;
	line-height: 1.375;
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
	margin: 0.625em 0;
	font-size: 1em;
	font-weight: 400;
	line-height: 1.375;
}
p,
ul,
ol,
table,
pre,
hr,
.page-nav,
.font-size-default {
	margin: 0.625em 0;
	font-size: 0.875em;
	line-height: 1.5;
}
ul,
ol {
	margin-top: 1.25em;
	margin-bottom: 1.25em;
}
.font-size-down-1,
.font-size-down-1-module p,
.font-size-down-1-module ul,
.font-size-down-1-module ol,
.font-size-down-1-module table,
.nav-top ul {
	margin-top: 0.7142857143em;
	margin-bottom: 0.7142857143em;
	font-size: 0.875em;
	line-height: 1.2857142857;
}
.nav-top ul {
	margin-bottom:1.5625em
}
.font-size-down-2,
.font-size-down-2-module p,
.font-size-down-2-module ul,
.font-size-down-2-module ol,
.font-size-down-2-module table,
.nav-footer ul {
	margin-top: 0.8333333333em;
	margin-bottom: 0.8333333333em;
	font-size: 0.75em;
	line-height: 1.3333333333;
}
th,
td {
	padding: 0.3125em;
}
b,
strong,
th {
	font-weight: 700;
}

/*ul ul,
ul ol,
ol ul,
ol ol,
ul p,
ol p,
ul table,
ol table {
	line-height: inherit;
}*/
ul ul,
ul ol,
ol ul,
ol ol {
	font-size: 1em;
	margin-top: 0;
}
nav ul,
form ol,
form ul {
	margin-right: 0;
	margin-left: 0;
	padding: 0;
	list-style: none;
}
form ol,
form ul,
form p {
	font-size: 1em;
	line-height: inherit;
}

fieldset {
	margin: 0;
	padding: 0;
	border: none;
}
legend {
	display: block;
	width: 100%;
	padding: 0;
}
input,
button,
select,
textarea,
.pseudo-button {
	background-color: #eaeaea;
	color: #000;
	border: 1px solid #e4e4e4;
	font-family: 'Open Sans', Verdana, Geneva, sans-serif;
	font-size: 1em;
	line-height: inherit;

	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;

	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
}
input:focus,
select:focus,
textarea:focus,
button:hover,
.button:hover,
a:hover .pseudo-button,
.pseudo-button:hover {
	-webkit-transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
	-o-transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
	transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}
input:focus,
select:focus,
textarea:focus {
	box-shadow: 0 0 0.25em -0.0625em #36f;
}
input:-moz-focusring,
select:-moz-focusring,
textarea:-moz-focusring {
	outline: transparent;
}
input::-moz-focus-inner,
button::-moz-focus-inner {
	padding: 0;
	border: 0;
}
textarea {
	margin: 0;
}
button,
.button,
.submit,
.pseudo-button {
	font-weight: 400;
	text-transform: uppercase;
}
button,
.button,
.submit {
	cursor: pointer;
}
.pseudo-button {
	display: inline-block;
	vertical-align: top;
	text-decoration: none;

	-webkit-border-radius: 0.125em;
	-moz-border-radius: 0.125em;
	-ms-border-radius: 0.125em;
	-o-border-radius: 0.125em;
	border-radius: 0.125em;
}
.font-size-down-1 .pseudo-button {
	padding: 0.5em 1.2857142857em;
	padding: 0.9375em 1.875em 0.9375em 1em;
	
	background-image: url('/images/fancy-arrow-small.png');
	background-repeat: no-repeat;
	background-position: 14.5em;
	width: 16.5em;
}

.font-size-down-1 #product-enquiry-button.pseudo-button {
margin-top: 1.875em;
}

button,
.button,
.pseudo-button-default {
	background-color: #666;
	color: #fff;
	border-color: #666;
}
button:hover,
.button:hover,
a:hover .pseudo-button-default,
.pseudo-button-default:hover {
	background-color: #333;
	color: #fff;
	border-color: #333;
}

.submit,
.pseudo-submit {
	background-color: #252061 !important;
	color: #fff !important;
	border-color: #252061 !important;
}
.submit:hover,
a:hover .pseudo-submit,
.pseudo-submit:hover {
	background-color: #1fb2f9 !important;
	color: #fff !important;
	border-color: #1fb2f9 !important;
}

img {
	border: 0;
}
address {
	font-style: normal;
}
object {
	display: block;
}
iframe {
	display: block;
	margin: 0;
	border: 0;
}
pre,
code {
	background-color: #f0f0f0;
	color: #000;
	border: 1px solid #ccc;
	font-family: monospace;
}
pre {
	padding: 1em;
	overflow: auto;
}
hr {
	height: 1px;
	background-color: #ccc;
	color: #ccc;
	border: 0;
}
hr.seperator {
  background-color: #e8e8e8;
  color: #e8e8e8;
}

/* ------ Helper Styles ------ */
.clear-self:before,
.clear-self:after {
	content: '';
	display: table;
}
.clear-self:after {
	clear: both;
}
.left {
	float: left;
}
.right {
	float: right;
}
.text-left {
	text-align: left;
}
.text-centre {
	text-align: center;
}
.text-right {
	text-align: right;
}
.float-container {
	clear: left;
	float: left;
	width: 100%;
}
.ib {
	display: inline-block;
}
.remove {
	display: none !important;
}
.js .remove-if-js-enabled {
	display: none;
}
.overflow-auto {
	overflow: auto;
}
.hide-text {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}
.relative {
	position: relative;
}
.list-reset {
	margin-right: 0;
	margin-left: 0;
	padding: 0;
	list-style: none;
}

.font-open-sans {
	font-family: 'Open Sans', Verdana, Geneva, sans-serif;
}

/* ------ Mini Modules ------ */
.data-table {
	width: 100%;
	border-collapse: collapse;
}
.data-table tr {
	border-bottom: 1px solid #ccc;
}
.data-table th,
.data-table td {
	vertical-align: top;
	text-align: left;
}
.data-table thead th {
	text-transform: uppercase;
}

.custom-ul {
	padding: 0;
	list-style: none;
}
.custom-ul li {
	position: relative;
	margin: 0.625em 0;
	padding: 0 0 0.125em 2.75em;
	padding-left: 0.625em;
	margin-left: 0.9375em; 
	list-style-type: disc;
}
.custom-ul li:before {
	position: absolute;
	top: 0;
	left: 0;
	/* content: "\ed72"; */
	background-color: transparent;
	color: #469488;
	font-size: 1.5em;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	speak: none;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/*
@media screen and (max-width: em) {
	.responsive-data-table thead {
		display: none;
	}
	.responsive-data-table tr {
		display: block;
		margin-bottom: 1em;
		border-bottom: none;
	}
	.responsive-data-table tbody tr:after {
		content: '';
		display: table;
		clear: both;
	}
	.responsive-data-table tbody td {
		display: block;
		clear: left;
		float: left;
		width: 100%;
		border-bottom: 1px solid #ccc;
		text-align: right;

		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.responsive-data-table tbody td:last-child {
		border-bottom: none;
	}
	.responsive-data-table tbody td:before {
		content: attr(data-label);
		float: left;
		margin-right: 1em;
	}
}
*/

.msg {
	padding: 1em;
	text-align: center;
}
.success {
	background-color: #eaf5ea;
	color: #393;

	box-shadow: 0 0 0.5em #393;
}
.error {
	background-color: #fae5e5;
	color: #c00;

	box-shadow: 0 0 0.5em #c00;
}

.no-img-wrapper {
	height: 50%;
	width: 50%;
	display: block;
}

.no-img,
.embedded-map,
.embedded-video {
	position: relative;
	height: 0;
	overflow: hidden;
	text-align: center;
}
.no-img,
.embedded-map,
.embedded-video {
	background-color: rgba(0, 0, 0, 0.1);
}
.no-img,
.embedded-map {
	color: #000;
}
a:hover .no-img,
a:focus .no-img,
a:active .no-img,
a.no-img:hover,
a.no-img:focus,
a.no-img:active {
	background-color: rgba(0, 0, 0, 0.2);
}
a:hover .no-img,
a:focus .no-img,
a:active .no-img,
a.no-img:hover,
a.no-img:focus,
a.no-img:active {
	color: #000;
}
.no-img p,
.embedded-map p {
	position: absolute;
	top: 50%;
	left: 5%;
	width: 90%;
	margin: 0 !important;

	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.embedded-map-container {
	margin-top: 0.625em;
	margin-bottom: 0.625em;
}
.embedded-map {
	padding: 0 0 100%;
}
.embedded-map iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.embedded-map p a {
	background-color: transparent;
}

@media screen and (min-width: 37.5em) {
	.embedded-map {
		padding: 0 0 41.44736842105263%;
	}
}

.embedded-video {
	padding: 0 0 56.25%;
}
.embedded-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.icon-icomoon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-menu7:before {
  content: "\ec71";
}
.icon-home:before {
  content: "\e900";
}
.icon-arrow-right:before {
  content: "\e903";
}
.icon-arrow-left:before {
  content: "\e904";
}
.icon-phone:before {
  content: "\e901";
}
.icon-social-facebook-circular:before {
  content: "\e921";
}

.bg-sprite {
	background-image: url('/images/bg-sprites.png');
	background-repeat: no-repeat;
	background-position: 0 -100px;
}

.fancy-link a {
	text-decoration: none;
	background-image: url('/images/fancy-arrow.png');
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 1.875em;
	text-transform: uppercase;
	margin-top: 1.25em;
	display: inline-block;
}



.skip-link {
	position: absolute;
	top: 0;
	left: -999em;
	padding: 0.5em;
	font-size: 1.2em;
	line-height: 1.333;
	text-decoration: none;
	z-index: 3;
}
.skip-link:focus,
.skip-link:active {
	left: 0;
	background-color: #000;
	color: #fff;
}

/* ------ Layout ------ */

.wrapper {
	max-width: 72.5em;
	margin-right: auto;
	margin-left: auto;
	padding-right: 1.25em;
	padding-left: 1.25em;
}

.grid-adjust-default {
	margin-right: -0.625em;
	margin-left: -0.625em;
}
.vertical-adjust {
	margin-top: -0.625em;
}
.gutter-default {
	padding-right: 0.625em;
	padding-left: 0.625em;
}
.gutter-fixed-half {
	padding-right: 0.625em;
	padding-left: 0.625em;
}
.gutter-fixed-full {
	padding-right: 1.25em;
	padding-left: 1.25em;
}

@media screen and (min-width: 50em) {
	.wrapper {
		padding-right: 2.5em;
		padding-left: 2.5em;
	}
	.grid-adjust-default {
		margin-right: -1.25em;
		margin-left: -1.25em;
	}
	.gutter-default {
		padding-right: 1.25em;
		padding-left: 1.25em;
	}
}

/* ------ Colourways ------ */

/* COLOURWAYS */

.cw-accent-1,
.cw-accent-1-base {
	background-color: #6cc24a;
	color: #fff;
}
.cw-accent-1 a {
	background-color: #6cc24a;
	color: #231f20;
}
.cw-accent-1 a:hover,
.cw-accent-1 a:focus,
.cw-accent-1 a:active {
	background-color: #6cc24a;
	color: #1d786f;
}

.cw-accent-2 {
	background-color: #252061;
	color:#ffffff;
}

.cw-muted,
.cw-muted-base {
	background-color: #252061;
	color: #575757;
}

.cw-overlay {
	background-color: rgba(255, 255, 255, 0.8);
}
.cw-overlay {
	color: #000;
}
.cw-overlay a {
	background-color: transparent;
	color: #469488;
}
.cw-overlay a:hover,
.cw-overlay a:focus,
.cw-overlay a:active {
	background-color: transparent;
	color: #858585;
}

.cw-overlay-2 {
	background-color: rgba(0, 0, 0, 0.7);
}
.cw-overlay-2 {
	color: #fff;
}
.cw-overlay-2 a {
	background-color: transparent;
	color: #ccc;
}
.cw-overlay-2 a:hover,
.cw-overlay-2 a:focus,
.cw-overlay-2 a:active {
	background-color: transparent;
	color: #858585;
}

.cw-default,
.cw-default-base {
	background-color: #fff;
	color: #272727;
}
.cw-default a {
	background-color: #fff;
	color: #21abef;
}
.cw-default a:hover,
.cw-default a:focus,
.cw-default a:active {
	background-color: #fff;
	color: #252061;
}

.main-home-wrapper {
	background-color: #eaeaea;
}

.main-home-wrapper .grid-adjust-default {
	padding: 3.125em 0;
}

.cw-ele-accent-1 {
	background-color: transparent;
	color: #6cc24a;
}

.keyline-muted {
	border: 1px solid #e8e8e8;
}

/* ------ Modules ------ */
.site-header-masthead {
	position: relative;
	z-index: 4;
	padding-bottom: 1em;
}
.site-header-nav-main {
	position: -webkit-sticky;
	position: -moz-sticky;
	position: -ms-sticky;
	position: -o-sticky;
	position: sticky;
	z-index: 3;
	top: 0;
	margin-top:-1.25em;
	border-bottom: 1px solid #dedede;
}

.logo {
	text-align: center;
}

@media screen and (min-width: 37.5em) {
	.logo {
		text-align: left;
	}
}

.logo a {
	display: block;
	max-width: 13.125em;
	margin: 0.875em auto;
	vertical-align: top;
	text-decoration: none;
}
.logo img {
	display: inline-block;
	width: 100%;
	max-width:13.125em;
	margin:auto;
}

.adj-to-logo {
	text-align: center;
}

@media screen and (max-width: 37.4375em) {
	.contact-site-header {
		display: none;
	}
}

@media screen and (min-width: 37.5em) {
	.logo,
	.adj-to-logo {
		display: inline-block;
		vertical-align: middle;
		width: 50%;
		padding-bottom:1.25em;
	}

	.logo a {
		margin-left: 0;
		margin-right: 1.25em;
	}

	.adj-to-logo {
		text-align: right;
	}

	.contact-site-header .label {
		margin-right: 0.1875em;
		font-weight: 700;
		text-transform: uppercase;
	}
	.contact-site-header a {
		text-decoration: none;
		color:#252160;
	}
	.contact-site-header .tel {
		font-weight: 700;
	}
	.contact-site-header .tel .icon-icomoon {
		font-size: 0.625em;
		border: 1px solid #252160;
		border-radius: 50%;
		padding: 0.5em;
		margin-right: 0.625em;
	}
}

@media screen and (min-width: 54.625em) {
	.logo,
	.adj-to-logo {
		padding-bottom:0
	}
}

@media screen and (max-width: 99.9375em) {
	.site-header-masthead {
		/*max-width: 60.125em;*/
		margin-right: auto;
		margin-left: auto;
	}
}

@media screen and (min-width: 100em) {
	.site-header-masthead {
		 pointer-events: none;
		 margin-bottom:-4.375em;
	}

	.logo,
	.adj-to-logo {
		width: 20.625%;
		vertical-align: middle;
		pointer-events: auto;
	}

	.adj-to-logo,
	.nav-main {
		position: relative;
	}
	.adj-to-logo {
		left: 58.75%;
	}
	.nav-main {
		display: block;
		width: 100%;
		margin-right: auto;
		margin-left: auto;
	}
}

.contact-site-header p {
	font-size: 1.875em;
}

.nav-top li {
	display: inline-block;
	vertical-align: top;
	font-size: 1em;
	font-weight: 700;
	margin-bottom:0.625em;
}
.nav-top li:before {
	content: '|';
	display: inline-block;
	vertical-align: top;
	margin-right: 0.7857142857em;
	margin-left: 0.7857142857em;
}
.nav-top li:first-child:before {
	content: '';
	display: none;
}
.nav-top li:last-child:before {
	content: '';
	display: none;
}
.nav-top li:last-child a {
	background-color: #272727;
	color: #ffffff;
	padding: 0.4em 0.75em;
	margin-top: -0.3125em;
	margin-left:0.625em;
}
.nav-top a {
	display: inline-block;
	vertical-align: top;
	background-color: #fff;
	color: #000;
	text-decoration: none;
}
.nav-top a:hover,
.nav-top a:focus,
.nav-top a:active {
	background-color: #fff;
	color: #858585;
}

.search-form {
	margin: 0.714285714285714em 0;
	font-size: 0.875em;
	line-height: 1.28571428571429;
}
.search-form input,
.search-form .submit {
	display: inline-block;
	vertical-align: top;
	padding: 0.714285714285714em;
}
.search-form input {
	width: 75%;
	max-width: 22.5em;
	padding-right: 1em;
	padding-left: 1em;

	-webkit-border-radius: 0.1428571429em 0 0 0.1428571429em;
	-moz-border-radius: 0.1428571429em 0 0 0.1428571429em;
	-ms-border-radius: 0.1428571429em 0 0 0.1428571429em;
	-o-border-radius: 0.1428571429em 0 0 0.1428571429em;
	border-radius: 0.1428571429em 0 0 0.1428571429em;
}
.search-form input:focus {
	background-color: #c4dddc;
	color: #000;
	border-color: #c4dddc;

	-webkit-box-shadow: none;
	box-shadow: none;
}

.search-form input::-webkit-input-placeholder {
	background-color: transparent;
	color: #000;
}
.search-form input::-moz-placeholder {
	background-color: transparent;
	color: #000;
	opacity: 1;
}
.search-form input::-ms-input-placeholder {
	background-color: transparent;
	color: #000;
}
.search-form input:-moz-placeholder {
	background-color: transparent;
	color: #000;
	opacity: 1;
}

.search-form .submit {
	width: 20%;
	max-width: 4em;
	margin-left: 1px;
	padding: 0.42857142857em;
	background-color: #e4e4e4;
	color: #5a5a5a;
	border-color: #e4e4e4;

	-webkit-border-radius: 0 0.1428571429em 0.1428571429em 0;
	-moz-border-radius: 0 0.1428571429em 0.1428571429em 0;
	-ms-border-radius: 0 0.1428571429em 0.1428571429em 0;
	-o-border-radius: 0 0.1428571429em 0.1428571429em 0;
	border-radius: 0 0.1428571429em 0.1428571429em 0;
}
.search-form .submit:hover {
	background-color: #6cc24a;
	color: #fff;
	border-color: #6cc24a;
}
.search-form .submit .icon-icomoon,
.search-form .submit .icon-icomoon:before {
	display: block;
	text-align: center;
}
.search-form .submit .icon-icomoon:before {
	font-size: 1.8571428571em;
}

@media screen and (min-width: 100em) {
	.search-form {
		margin-top: 1em;
		margin-bottom: 1em;
	}
}

.nav-main {
	text-transform: uppercase;
}
.nav-main a {
	display: block;
	text-decoration: none;
	font-weight: 300;
	color: #272727;
	font-size: 1em;
}
.nav-main a:hover,
.nav-main a:focus,
.nav-main a:active {
	color:#21abef
}

.nav-main ul {
	display: none;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
	font-weight: 700;
}

.nav-main li {
	padding: 0.3125em 0;
	border-bottom: 1px solid #d9d9d9;
}

.nav-main li:last-child {
border-bottom:0 none;
}

@media screen and (max-width: 52.4375em) {
	.nav-main {
		margin-right: -1.25em;
		margin-left: -1.25em;
	}

	.nav-main .nav-btn {
		margin-top: 0;
		margin-bottom: 0;
		font-weight: 700;
	}
	.nav-main .nav-btn a {
		position: relative;
		padding: 0.625em;
		background-color: #21abef;
		color: #fff;
	}
	.nav-main .nav-btn .icon-icomoon,
	.nav-main .nav-btn .icon-icomoon:before {
		display: block;
	}
	.nav-main .nav-btn .icon-icomoon {
		position: absolute;
		top: 0.625em;
		right: 0.625em;
	}
	.nav-main .nav-btn .icon-icomoon:before {
		font-size: 1.25em;
	}

	.nav-main ul {
		padding: 0.125em 0;
	}
	.nav-main ul:target {
		display: block;
	}
	.nav-main ul.show {
		display: block;
	}
	.nav-main ul a {
		padding: 0.125em 0.625em;
	}
}

@media screen and (min-width: 52.5em) {
	.nav-main .nav-btn {
		display: none;
	}

	.nav-main > ul {
		display: block;
		margin: 0.7142857143em -0.5em;
		font-size: 0.875em;
		line-height: 1.2857142857;
	}
	.nav-main > ul > li {
		display: inline-block;
		vertical-align: top;
		width: auto;
		margin-right: 0.5em;
		margin-left: 0.5em;
		position:relative;
		border-bottom:0 none;
		padding:0;
	}
	.nav-main > ul > li > a {
		padding: 0.5em 2em;
	}
}

@media screen and (min-width: 52.5em) {
	.icon-icomoon.icon-home {
		font-size: 1.8125em;
		position: absolute;
		top: 0;
		left: 0;
	}
}

@media screen and (min-width: 58.75em) {
	.nav-main > ul {
		margin-right: -1em;
		margin-left: -1em;
		text-align: center;
	}
}

.site-content {
	position: relative;
	z-index: 1;
	/* border-top: 1px solid #dedede; */
}
.site-content-1-1,
.site-content-1-2,
.site-content-1-3,
.site-content-2-3,
.site-content-1-4,
.site-content-2-5,
.site-content-3-5,
.site-content-3-4 {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.main-home-wrapper .site-content-1-2 {
	vertical-align:middle;
}

@media screen and (min-width: 30em) {
	.site-content-1-4 {
		width: 25%;
	}
	.site-content-3-4 {
		width: 75%;
	}
}

@media screen and (min-width: 45em) {
	.site-content-1-2 {
		width: 50%;
	}

	.push-site-content-1-2,
	.pull-site-content-1-2 {
		position: relative;
	}
	.push-site-content-1-2 {
		left: 50%;
	}
	.pull-site-content-1-2 {
		left: -50%;
	}
}

@media screen and (min-width: 50em) {
	.push-site-content-2-3,
	.pull-site-content-2-3 {
		position: relative;
	}
	.site-content-1-3 {
		width: 33.333%;
	}
	.site-content-2-3 {
		width: 66.667%;
	}
	.site-content-2-5 {
		width: 40%;
	}
	.site-content-3-5 {
		width: 60%;
	}   
	.push-site-content-2-3 {
		left: 66.667%;
	}
	 .pull-site-content-2-3 {
		left: -33.333%;
	}
}

/* need to remove parallax slideshow, otherwise we cannot vertically center text.
.top-image-module,
.slideshow-module {
	position: -webkit-sticky;
	position: -moz-sticky;
	position: -ms-sticky;
	position: -o-sticky;
	position: sticky;
	top: 0;
	z-index: 1;
}*/

.top-image-module,
.slideshow-module .item {
	background-repeat: no-repeat;
	background-position: 50% 0;
	-webkit-background-size: cover;
	background-size: cover;
}
.top-image-spacer {
	height: 0;
	padding: 0 0 30.2083333333%;
}
.slideshow-image-spacer {
	height: 0;
	padding: 0 0 52.7083333333%;
}

.slideshow-module .sentinel-item {
	display: none;
}
.slideshow-module.cycle-initialised .sentinel-item {
	display: block;
}
.slideshow-module .item {
	display: none;
	width: 100%;
}
.slideshow-module .item:first-child {
	display: block;
}
.js .slideshow-module .item {
	visibility: visible !important;
}

.slideshow-image-spacer {
	position: relative;
}

.slideshow-text {
	margin: 0;
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	width:100%;
	max-width:100%;
	text-align:center;

}

.slideshow-headline {
	color: #ffffff;
	font-size: 1em;
	font-weight: 700;
	padding: 0 10%;
	line-height: 1em;
}

.slideshow-text a {
	font-size:1em;
	background-color:transparent;
	text-transform:none;
	background-position: right 10px;
	padding-right: 1.25em;
	margin-top:0;
	padding-right: 0;
}

.slideshow-text .fancy-link a {
	background-image:none;
}

@media screen and (min-width: 25em) {
	.slideshow-headline {
		font-size: 1.5em;
		line-height: 1em;
	}
	.slideshow-text a {
		font-size:1.5em;
		padding-right: 1.25em;
	}
	.slideshow-text .fancy-link a {
		background-image: url('/images/fancy-arrow.png');
	}
}



@media screen and (min-width: 37.5em) {
	.slideshow-headline {
		font-size: 2.8125em;
		line-height: 1em;
	}
	.slideshow-text a {
		font-size:1.875em;
		padding-right: 1.25em;
		margin-top:1.25em
	}
}

.slideshow-text a:hover,
.slideshow-text a:focus,
.slideshow-text a:active {
	color:#fff;
}

.cycle-initialised .slideshow-panels-prev-next-container {
	display: block;
}

.slideshow-panels-prev-next-container {
	display: none;
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 101;
	width: 100%;
	font-size:1.5em;
}

@media screen and (min-width: 30em) {
	.slideshow-panels-prev-next-container { 
		font-size:2em;
	}
}

@media screen and (min-width: 60em) {
	.slideshow-panels-prev-next-container { 
		font-size:3.25em;
	}
}

.slideshow-panels-prev-next-container .cycle-prev, .slideshow-panels-prev-next-container .cycle-next {
	position: absolute;
	top: 50%;
	padding: 0.2em 0.3em 0.1em 0.2em;
	background-color: #ffffff;
	color: #272727;
	cursor: pointer;
	background:rgba(255,255,255, 0.5);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.slideshow-panels-prev-next-container .cycle-prev {
	left:0;
}

.slideshow-panels-prev-next-container .cycle-next {
	right: 0;
}


.feature-links-module {
	text-align: center;
}
.feature-links-list-grid-adjust {
	margin-right: -1.25em;
	margin-left: -1.25em;
}
.feature-links-list {
	margin-top: 0.625em;
	margin-bottom: 0.625em;
}
.feature-links-list li {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	padding-right: 1.25em;
	padding-left: 1.25em;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.feature-links-list .pseudo-button {
	display: block;
	padding: 0.8571428571em;
}

@media screen and (min-width: 30em) {
	.feature-links-module {
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: 101;
		width: 100%;
	}
	.feature-links-list li {
		width: 33.3333333333%;
	}
}

@media screen and (min-width: 60em) {
	.feature-links-list-grid-adjust {
		margin-right: -1.5em;
		margin-left: -1.5em;
	}
	.feature-links-list li {
		padding-right: 1.5em;
		padding-left: 1.5em;
	}
}

.main-page-detail,
.main-page-lists {
	position: relative;
	z-index: 2;
}

.breadcrumb {
	margin: 0;
	padding: 0;
	text-align: right;
}
.breadcrumb li,
.breadcrumb li:before {
	display: inline-block;
	text-transform:uppercase;
}
.breadcrumb li:before {
	content: '\0000a0>\0000a0';
}
.breadcrumb li:first-child:before {
	content: '';
	display: none;
}
.breadcrumb a {
	text-decoration: none;
}

.content-section {
	margin-top: -0.625em;
	overflow: hidden;
}
.content-section img {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0.625em auto;
}
.content-section img.block {
	margin-right: 0;
	margin-left: 0;
}
.content-section li {
	margin-top: 0.25em;
}

@media screen and (min-width: 37.5em) {
	.content-section img.pull-right {
		float: right;
		margin-right: 0;
		margin-left: 0.625em;
	}
	.content-section img.pull-left {
		float: left;
		margin-right: 0.625em;
		margin-left: 0;
	}
}

.content-module {
	margin-top: 1.25em;
	margin-bottom: 1.25em;
}


.aside-module .inner-container {
	/* max-width: 22.5em; */
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #eaeaea;
	padding: 0.3125em;
		  -webkit-box-sizing: border-box;
		  -moz-box-sizing: border-box;
		  box-sizing: border-box;
}

.side-image-module a {
	display: block;
	text-decoration: none;
}
/*.side-image-module img {
	display: block;
	width: 100%;
}*/
.side-image-module img {
	display: block;
	margin: auto;
}

.main-page-detail img.right {
	padding-left:2em;
}

.focus-section {
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}
.focus-section .content {
	/*max-width: 30em;*/
	padding-right: 1em;
	padding-bottom: 0.625em;
	padding-left: 1em;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.focus-section .heading {
	margin: 0.75em 0;
	font-size: 2.25em;
	line-height: 1.3333333333;
}
.focus-section p {
	line-height: 1.5625;
}
.focus-section p.font-size-down-1 {
	line-height: 1.2857142857;
}
.focus-section .font-size-down-1 .pseudo-button {
	margin-top: 0.8571428571em;
}

.contact-site-content a {
	text-decoration: none;
}

.directions ol {
	margin-top: -0.625em;
}

.standard-form {
	margin: 1.57142857142857em 0;
	font-size: 0.875em;
	line-height: 1.28571428571429;
	border-top: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	padding-top: 1.25em;
	margin-top: 1.875em;
	margin-bottom: 1.875em;
	padding-bottom: 1.25em;
}
.standard-form legend {
	margin: 0;
	padding: 0;
	font-size: 1.4285714286em;
	font-weight: 700;
	line-height: 1.2;
}
.standard-form ol {
	margin-top: 0;
	margin-bottom: 0.7142857143em;
}
.standard-form legend + ol {
	margin-top: 0.7142857143em;
}
.standard-form li {
	margin: 0.714285714285714em 0;
}
.standard-form li:first-child {
	margin-top: 0;
}

.standard-form label,
.standard-form .label {
	text-transform: uppercase;
}

.standard-form li.required label:after,
.standard-form-key:before,
#basket_default .required {
	background-color: transparent;
	color: #c00;
}
.standard-form li.required label:after,
.standard-form-key:before {
	content: '\0000a0*';
}

.standard-form p.note {
	margin-bottom: 1.57142857142857em;
}
.standard-form li:first-child p.note {
	margin-top: 1.57142857142857em;
}
.standard-form input,
.standard-form select,
.standard-form textarea {
	width: 100%;
	padding: 0.5em;
	vertical-align: top;
}
.standard-form input[type="checkbox"],
.standard-form input[type="radio"] {
	width: auto;
	margin: 0.285714285714286em 0 0;
	border: 0;
	vertical-align: middle;
}
.standard-form .submit,
.standard-form .button {
	width: auto;
	padding-right: 1.2857142857em;
	padding-left: 1.2857142857em;
}

.standard-form-key:after {
	content: 'Required field';
	margin-left: 0.3333333333em;
}

@media screen and (min-width: 60em) {
	.standard-form {
		max-width: none;
		margin-right: 0;
		margin-left: 0;
	}
	.standard-form label,
	.standard-form .label {
		width:auto;
		margin-top: 0.285714285714286em;
		vertical-align: top;
		padding-bottom:0.3125em;
	}
	/*.standard-form li.required:after {
		content: '\0000a0*';
		background-color: transparent;
		color: #c00;
	}
	.standard-form li.required label:after {
		content: '';
	}*/
	.standard-form input,
	.standard-form textarea {
		width: 100%;
	}
	.standard-form select {
		width: auto;
		min-width: 73.913043478261%;
	}
	.standard-form .no-label {
		/* margin-left: 26.086956521739%; */
		margin-top: 0.4375em;
		width: 100%;
	}
}

.memberform .no-label  {
	margin-top:1.5625em
}

@media screen and (min-width: 40em) {
	.memberform input,
	.memberform .no-label  {
		width: 50%;
		clear: both;
		display: block;
	}
}




.form-1-2.ib {
	width: 100%;
	margin-right: -4px;
	vertical-align: top;
	padding-right: 1.875em;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

@media screen and (min-width: 31.25em) {
	.form-1-2.ib {
		width: 50%;
	}
}

/***** Address fields *****/

address .h2 {
	text-transform:uppercase;
	margin-top:1.5625em;
	font-size:1.125em;
}

address a {
	text-decoration:none;
	color:#1fb2f9;
}


address ul {
	padding-left:0;
}

address li {
	list-style-type: none;
	display: inline-block;
	border-right: 1px solid #1fb2f9;
	padding: 0 0.625em;
}

address li:first-child {
	padding-left:0;
}

address li:last-child {
	border-right:0 none;
}
	

.grid-child {
	margin: 0.625em auto;
	padding: 0;
	font-size: 1em;
	line-height: 1;
	list-style: none;
}
.grid-child .item {
	display: inline-block;
	vertical-align: top;
	text-align: center;
}
.grid-child .item a {
	background-color: transparent;
	text-decoration: none;
}

.grid-child .container {
	display: inline-block;
	vertical-align: top;
	width: 100%;
}
.grid-child .content {
	display: block;
}
.grid-child img {
	display: block;
	width: 100%;
}
.grid-child .no-img {
	height: 0;
	padding: 0 0 100%;
	overflow: hidden;
}

.grid-child .hover-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	color: #fff;
	text-align: center;

	-webkit-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	transition: all 0.15s ease;
}
.grid-child .hover-overlay {
	background-color: rgba(0, 0, 0, 0);
}
.grid-child a:hover .hover-overlay,
.grid-child a:focus .hover-overlay,
.grid-child a:active .hover-overlay {
	background-color: rgba(0, 0, 0, 0.25);
}

.grid-adjust-grid-child-standard {
	padding: 0 1.125em;
}

.grid-child-standard,
.grid-child-4-up {
	max-width: 24em;
	margin-right: auto;
	margin-left: auto;
}
.grid-child-standard .item,
.grid-child-4-up .item {
	width: 100%;
}

.gallery-image-module.grid-child-4-up .item {
	padding: 0.5em 1.125em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.grid-child-standard .container,
.grid-child-4-up .container {
	margin: 0.625em 0;
	text-align: left;
}
.grid-child-standard .content,
.grid-child-4-up .content {
	margin: 0 0.125em;
}
.grid-child-standard .no-img,
.grid-child-4-up .no-img {
	padding: 0 0 65.37102473498233%;
}
.grid-child-standard .heading, 
.grid-child-4-up .heading {
	font-weight: 300;
	color: #272727;
	text-align: center;
	font-size: 1.0625em;
	text-transform: uppercase;
}
.gallery-image-item .icon-icomoon,
.prod-image-overlay .icon-icomoon {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;

	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.gallery-image-item .icon-icomoon:before {
	margin: 0 auto;
	font-size: 0;

	-webkit-transition: font-size 0.2s;
	-o-transition: font-size 0.2s;
	transition: font-size 0.2s;
}
.gallery-image-item a:hover .icon-icomoon:before,
.gallery-image-item a:focus .icon-icomoon:before,
.gallery-image-item a:active .icon-icomoon:before {
	font-size: 2.125em;
}
.gallery-image-item .text-panel {
	margin-top: 0.1875em;
	padding: 0;
}



@media screen and (min-width: 32.5em) {
	.grid-child-standard,
	.grid-child-4-up
 {
		max-width: 38.5em;
	}
	.grid-child-standard .item,
	.grid-child-4-up .item {
	width: 50%;
	padding:1.25em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}
}

@media screen and (min-width: 50em) {
	.grid-child-standard,
	.grid-child-4-up {
		max-width: none;
	}
	.grid-child-standard .item,
	.grid-child-4-up .item {
		width: 33.3333333333333%;
	}
}

@media screen and (min-width: 60em) {
	.grid-child-4-up .item {
		width: 25%;
	}
}


.page-nav a {
	text-decoration: none;
}
.page-nav .prev,
.page-nav .next,
.page-nav .page-list {
	width: 33.3333333333%;
	text-transform: uppercase;
}
.page-nav .prev,
.page-nav .next {
	background-color: #fff;
	color: #ccc;
}
.page-nav .next {
	text-align: right;
}
.page-nav .page-list {
	font-weight: 700;
	text-align: center;
}
.page-nav .page-list a {
	font-weight: 400;
}

.product-image-module {
	max-width: 28.625em;
	margin-right: auto;
	margin-left: auto;
}
.product-image-module img {
	display: block;
	width: 100%;
}
.product-image-module .no-img {
	padding: 0 0 100%;
}

.product-summary-module,
.customer-feedback-module {
	border-top: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
}
.product-summary-list {
	margin-top: 0.625em;
	margin-bottom: 0.625em;
	font-size: 1em;
	line-height: 1;
	text-transform: uppercase;
}
.product-summary-list .item {
	display: inline-block;
	vertical-align: top;
	width: 50%;
	margin-top: 1.25em;
	margin-bottom: 1.25em;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.product-summary-list .content {
	margin-top: 0;
	margin-bottom: 0;
	line-height: 1.1428571429;
}
.product-summary-list .icon-icomoon,
.product-summary-list .bg-sprite,
.product-summary-list .text {
	display: inline-block;
	vertical-align: middle;
}

.product-summary-list .icon-icomoon,
.product-summary-list .bg-sprite {
	margin-right: 0.8571428571em;
}
.product-summary-list .bg-sprite.icon-uk-flag-scale {
	margin-top: 0.42857142857142857142857142857143em;
}
.product-summary-list .icon-icomoon:before {
	display: block;
	font-size: 2.2857142857em;
}
.product-summary-list .text {
	width: 75%;
}

.product-imgs {
	max-width: 28.75em;
	margin: 1.25em auto;
}
.product-imgs .item {
	position: relative;
	padding: 0.9375em;
	margin-right: -4px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.product-imgs .icon-icomoon {
	position: absolute;
	top: 0.5em;
	left: 0.5em;
	background-color: transparent;
	color: #646363;
	font-size: 1.625em;
	text-decoration: none;
}
.product-imgs a:hover .icon-icomoon,
.product-imgs a:focus .icon-icomoon,
.product-imgs a:active .icon-icomoon {
	background-color: transparent;
	color: #d3505a;
}
.product-imgs img {
	display: block;
	width: 100%;
}
.product-imgs .no-img {
	padding: 0 0 118.085106%;
}

.product-imgs {
	display: inline-block;
	position: relative;
	top: 0;
	width: 100%;
	max-width: none;
	margin: 0;
	font-size: 1em;
	line-height: 1;
}
.product-imgs li {
	display: inline-block;
	vertical-align: top;
	width: 100%;
}

@media screen and (min-width:30em) {
	.product-imgs li {
		width: 50%;
	}
}

.product-imgs img {
	display: block;
	width: 100%;
}
.product-imgs .no-img {
	padding: 0 0 100%;
}

.product-imgs .content {
	margin: 0.3125em;
	padding: 0.0625em;
}

@media screen and (min-width: 20em) and (max-width: 33.6875em), screen and (min-width: 45em) and (max-width: 59.9375em) {
	.product-summary-list .icon-icomoon:before {
		font-size: 2.7142857142857em;
	}

	.icon-uk-flag-scale {
		width: 44px;
		height: 28px;
		background-position: -65px -5px;
	}
	.icon-assembly-scale {
		width: 35px;
		height: 35px;
		background-position: -259px -5px;
	}
	.icon-recyclable-scale {
		width: 35px;
		height: 35px;
		background-position: -333px -5px;
	}
}

@media screen and (min-width: 33.75em) and (max-width: 44.9375em), screen and (min-width: 60em) {
	.product-summary-list .icon-icomoon:before {
		font-size: 3.2857142857em;
	}

	.icon-uk-flag-scale {
		width: 55px;
		height: 35px;
		background-position: -5px -5px;
	}
	.icon-assembly-scale {
		width: 46px;
		height: 46px;
		background-position: -157px -5px;
	}
	.icon-recyclable-scale {
		width: 46px;
		height: 46px;
		background-position: -208px -5px;
	}
	.product-summary-list .bg-sprite {
		margin-right: 0.5714285714em;
	}
}

@media screen and (min-width: 30em) and (max-width: 44.9375em), screen and (min-width: 56.25em) {
	.product-summary-list .item {
		width: 25%;
	}
}

@media screen and (min-width: 60em) {
	.product-summary-list .text {
		width: 70%;
	}
}

.text-panel {
	margin: 0;
	padding: 0;
	padding-top:1.875em;
}

@media screen and (min-width: 50em) {
	.text-panel {
		padding-top:0
	}
}

.text-panel h2 {
	font-size: 1.125em;
	font-weight: 700;
	text-transform: uppercase;
	margin-top:1.875em;
}

.text-panel h2:first-child {
	margin-top:1.25em;
}

.site-content-1-3 .text-panel ul {
	padding-left: 0.9375em;
}

.site-content-1-3 .text-panel li {

}



.customer-feedback-module {
	padding-top: 0.625em;
	padding-bottom: 0.625em;
}
.product-summary-module + .customer-feedback-module {
	margin-top: -1.25em;
	border-top: none;
}

#bodypopup .top-image-module,
#bodypopup .slideshow-module,
#bodypopup .breadcrumb-container,
#bodypopup .back-to-detail-module {
	display: none;
}

.news-article-list {
	font-size:1em;
}

.news-article-list .item {
	padding-top: 0.625em;
	padding-bottom: 0.625em;
	border-top: 1px solid #e8e8e8;
}
.news-article-list .item:first-child {
	border-top: none;
}
.news-article-list a {
	text-decoration: none;
}
.news-article-list .heading .date,
h1 span.date {
	display: block;
	font-size: 0.6em;
	font-weight: 400;
	line-height: 1.5;
	margin-top:0.625em;
}
.news-article-list .heading a {
	background-color: #fff;
	color: #000;
}
.news-article-list .heading a:hover,
.news-article-list .heading a:focus,
.news-article-list .heading a:active {
	background-color: #fff;
	color: #469488;
}
.news-article-list .description {
	margin-top: 1.25em;
	margin-bottom: 1.25em;
}
.news-article-list .side-image-module {
	margin-top: 0.625em;
	margin-bottom: 0.625em;
}

.get-in-touch-module {
	margin-top: 1.875em;
	padding-top: 0.625em;
	padding-bottom: 0.625em;
	border-top: 1px solid #e8e8e8;
}
.get-in-touch-module .standard-form {
	margin-top: 0.7142857143em;
	margin-bottom: 0.7142857143em;
}
.get-in-touch-module .tel-no a {
	text-decoration: none;
}

.footer-logo-module {
	border-top: 1px solid #e4e4e4;
}
.footer-logo-list {
	margin: 0.8125em -1.25em;
	text-align: center;
}
.footer-logo-list .item {
	display: inline-block;
	vertical-align: top;
	margin: 0.625em 1.25em;
}
.footer-logo-list img {
	display: block;
	max-width: 100%;
}
.list-social-media {
	text-align: center;
	margin-right: -0.625em;
}
.list-social-media > li {
	display: inline-block;
	vertical-align: top;
	padding-left:0.625em;
}
.list-social-media a {
	display: block;
	color: #fff;
	text-decoration: none;
	background-color:transparent;
	font-size:2em;
}
/*
.list-social-media .facebook-module a {
	background-color: #3b5a9a;
	color: #fff;
}
.list-social-media .twitter-module a {
	background-color: #2caae1;
	color: #fff;
}
.list-social-media .youtube-module a {
	background-color: #cc181e;
	color: #fff;
}
.list-social-media .gplus-module a {
	background-color: #03a9f4;
	color: #fff;
}
.list-social-media .linkedin-module a {
	background-color: #0077b5;
	color: #fff;
}
*/

.list-social-media .icon-icomoon,
.list-social-media .icon-icomoon:before {
	display: block;
}
.list-social-media .icon-icomoon:before {
	font-size: 1.875em;
}

.site-footer {
	position: relative;
	z-index: 2;
	margin-top: 2.5em;
}
.site-footer-footer {
	padding-top: 0.5em;
	padding-bottom: 4.75em;
}

.nav-footer,
.site-credits {
	text-align: center;
}
.nav-footer li,
.nav-footer li:before,
.nav-footer a {
	display: inline-block;
	vertical-align: top;
	font-weight:700;
}
.nav-footer li {
	border-right: 2px solid #ffffff;
	padding-right: 0.625em;
}
.nav-footer li:last-child {
	border-right:0 none;
}
.nav-footer li:before,
.site-credits .divider {
	margin-right: 0.5em;
	margin-left: 0.5em;
}
.nav-footer li:before {
	background-color: transparent;
	color: #231f20;
	content: '|';
}
.nav-footer li:first-child:before {
	content: '';
	display: none;
}
.nav-footer a {
	text-decoration: none;
	color:#ffffff;
	background-color:transparent;
}

.site-credits a {
	text-decoration: none;
	background-color: transparent;
}

@media screen and (min-width: 30em) and (max-width: 39.9375em), screen and (min-width: 45em) {
	.nav-footer li:before,
	.site-credits .divider {
		margin-right: 0.75em;
		margin-left: 0.75em;
	}
}

@media screen and (min-width: 40em) {
	.site-footer-eq-2 {
		display: inline-block;
		vertical-align: top;
		width: 50%;

		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.nav-footer {
		text-align: left;
	}
	.site-credits {
		text-align: left;
		margin-top: -3em;
	}
}

/***** footer contact details *****/

.footer-contact {
	text-align: center;
	font-size: 0.75em;
	line-height: 1.75em;
	padding-top: 0.75em;
}


@media screen and (min-width: 40em) {
	.footer-contact {
		text-align: right;
	}
	.list-social-media {
		text-align: right;
		margin-right: -0.625em;
	}
}

.footer-contact a {
	text-decoration: none;
	background-color:transparent;
}

.nav-footer a:hover,
.nav-footer a:focus,
.nav-footer a:active  {
	color:#fa42a1;
}

/***** feature panels *****/

.feature-panels .item {
	padding: 1.25em 0;
 
}

.feature-panels .container {
	text-align:center;
	
}
.feature-panels a {
	color:#272727;
}
.feature-panels .heading {
	font-size:1.25em;
	margin-top:1em;
	margin-bottom:1em;
}

.feature-panels img {
	display: block;
	width: 100%;
	opacity: 1;
	height: auto;
	transition: .5s ease;
	backface-visibility: hidden;
}

.olay-middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%)
}

.relative:hover .olay-middle {
  opacity: 1;
}

.olay-logo {
	font-size: 1.125em;
	color: #fff;
	border: 1px solid #fff;
	padding: 0.625em 1.25em;
}


/***** new focus section styles to change layout *****/

.focus-wrapper.focus-text.text-left,
.focus-wrapper.focus-text.text-right,
.focus-wrapper.focus-img.text-left,
.focus-wrapper.focus-img.text-right {
	display:inline-block;
	margin-right:-4px;
	width:100%;
	vertical-align:middle;
	position:relative;
	text-align:left;
  
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}  

@media screen and (min-width: 40em) {
	.focus-wrapper.focus-text.text-left,
	.focus-wrapper.focus-text.text-right,
	.focus-wrapper.focus-img.text-left,
	.focus-wrapper.focus-img.text-right {
		 width:50%;
		 padding:1.25em;
	}  

	.focus-wrapper.focus-text.text-right {
		left:50%
	}
	.focus-wrapper.focus-img.text-right {
		left:-50%
	}
}  

.focus-wrapper.focus-img.text-left img,
.focus-wrapper.focus-img.text-right img {
	display:block;
	margin:auto;
	padding:2em 0;
	max-width:100%;
}

.focus-wrapper.text-centre {
	text-align: center;
	max-width: 50%;
	margin: auto;
}

.focus-wrapper.text-centre img {
	display:none;
}

.focus-w-bg-image {
	height: 0;
	padding: 0 0 25.81453634085213%;
	position:relative;
	min-height:6.25em;
}

.focus-w-bg-image .focus-wrapper.text-centre {
	margin: 0;
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	width:100%;
	max-width:100%;
}

.focus-wrapper .heading {
	font-size:2.25em
	line-height:1;
}

.focus-w-bg-image .focus-wrapper .heading {
	color:#ffffff;
	margin-bottom:0;
}

.focus-w-bg-image .focus-wrapper a {
	background-color:transparent;
}
.focus-section .focus-w-bg-image .content {
	padding-left:0;
	padding-right:0;
}

/***** download icons *****/

.download-prod li {
	margin-bottom:0.625em;
	position:relative;
}
.download-prod span {
	position: absolute;
	top: 0.3125em;
}
.icon-file-pdf,
.icon-file-word {
	font-size: 1.875em;
	padding-right: 0.3125em;
}
.icon-file-pdf {
	color: #de0b0b;
}
.icon-file-word {
	color:#295597;
}

.cookies-eu-banner {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 4;
	width: 100%;
}
.cookies-eu-banner .pseudo-button {
	display: inline-block;
	margin-left: 0.5em;
	padding: 0.25em 1em;
	border-color: #fff;
	color: #fff;
	vertical-align: middle;
	background-color: #252061;
}
.cookies-eu-banner .pseudo-button:hover {
	color: #000;
	background-color: #fff;
}
.cookies-eu-banner a {
	text-decoration: underline;
}