@charset "utf-8";

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

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}
*, *:before, *:after {-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
/* remember to define focus styles! */
:focus {
	outline: 0;
}

html {
	overflow-y: scroll;
	height: 101%;
}

ol, ul {
	list-style: none;
	margin:0 0 20px 0;
}
img {
	max-width:100%;
}

.col-xs-5ths {
	width: 20%;
}
@media (min-width: 768px) {
	.col-sm-5ths {
		width: 20%;
	}
}
@media (min-width: 992px) {
	.col-md-5ths {
		width: 20%;
	}
}
@media (min-width: 1200px) {
	.col-lg-5ths {
		width: 20%;
	}
}


/* fix to make Bootstrap 3 columns the same height - see https://stackoverflow.com/questions/19695784/how-can-i-make-bootstrap-columns-all-the-same-height#22892773 */
.equal {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-wrap:wrap;
	-webkit-flex-wrap: wrap;
}

/*
body {
	font-family: 'Source Sans Pro', sans-serif;
	font-size:16px;
	font-weight:300;
	text-align:left;
	line-height:normal;
	color:#616161;
}

ol, ul {
	list-style: none;
	margin:0 0 20px 0;
}
img {
	max-width:100%;
}

h1 {
	font-size:38px;
	font-weight: 300;
	margin: 0 0 20px 0;
	padding: 0;
	color: #000;
}
h2 {
	font-size:26px;
	font-weight: 300;
	margin: 0 0 16px 0;
	padding: 0;
	color: #000;
}
h3 {
	font-size:18px;
	font-weight: 600;
	margin: 0 0 14px 0;
	padding: 0;
	color: #000;
}
h4 {
	font-size:18px;
	font-weight: 300;
	margin: 0 0 14px 0;
	padding: 0;
	color: #c10d31;
}

p {
	margin:0 0 20px 0;
}
hr{
	border: 0;
	height: 1px;
	background: #c4c4c4;
}
small{
	font-size:15px;
}
small.extra-small,
.extra-small{
	font-size:13px;
}

a:link, a:visited, a:active {
	font-weight: normal;
	text-decoration: none;
	color: #c10d31;
}
a:hover {
	text-decoration: underline;
	color: #c10d31;
}
a img:hover {
	text-decoration: none;
	opacity: 0.9
}
*/

/*
-----------------------------------------------------------------
-----------------------------------------------------------------
-----------------------------------------------------------------
-----------------------------------------------------------------
-----------------------------------------------------------------
-----------------------------------------------------------------
-----------------------------------------------------------------
-----------------------------------------------------------------
-----------------------------------------------------------------
-----------------------------------------------------------------
*/

[style*="--aspect-ratio"] > :first-child {
  width: 100%;
}
[style*="--aspect-ratio"] > img {
  height: auto;
}
@supports (--custom:property) {
	[style*="--aspect-ratio"] {
		position: relative;
	}
	[style*="--aspect-ratio"]::before {
		content: "";
		display: block;
		padding-bottom: calc(100% / (var(--aspect-ratio)));
	}
	[style*="--aspect-ratio"] > :first-child {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
	}
}

body {
	font-size:16px;
	text-align:left;
	line-height:26px;
	color:#333132;
	padding: 0 !important;

	font-family: "Lato", sans-serif;
	font-weight: 400;
	font-style: normal;
}
h1 {
	font-size:30px;
	line-height:normal;
	margin-bottom: 18px;

	font-family: "Lato", sans-serif;
	font-weight: 700;
	font-style: normal;
}
h2 {
	font-size:18px;
	text-transform: uppercase;
	line-height:normal;
	margin-bottom: 18px;

	font-family: "Lato", sans-serif;
	font-weight: 700;
	font-style: normal;
}
h3 {
	font-size:18px;
	line-height:normal;
	margin-bottom: 6px;

	font-family: "Lato", sans-serif;
	font-weight: 700;
	font-style: normal;
}
h4 {
	font-size:16px;
	line-height:normal;

	font-family: "Lato", sans-serif;
	font-weight: 700;
	font-style: normal;
}
h5 {
	font-size:16px;
	line-height:normal;
}
p {
	font-size:16px;
	line-height: 26px;
	font-weight: 400;
	margin-bottom:28px;
	color: #858384;
}
.medium-text{
	font-size:14px;
	line-height: 26px;
}
.small-text {
	font-size:12px;
	line-height: 26px;
}
.large-text, .large-text p{
	font-size:22px;
	line-height: 34px;
}
.bold{
	font-family: "Lato", sans-serif;
	font-weight: 700;
	font-style: normal;
}
@media(max-width: 767px){
	.large-text, .large-text p{
		font-size:16px;
		line-height: 24px;
	}
}
.primary-green			{background-color:#00AD6F;}
.primary-teal         	{background-color:#3b5166;}
/*.primary-blue			{background-color:#4D9DE0;}*/
.primary-red			{background-color:#E15554;}
/*.primary-yellow		{background-color:#E1BC29;}*/
.primary-purple			{background-color:#7768AE;}

.green-shade			{background-color:#006843;}
.green-tint				{background-color:#4DC69A;}
.dark-grey				{background-color:#333132;}
.medium-grey          	{background-color:#585858;}
.text-grey				{background-color:#858384;}
.border-grey-dark     	{background-color:#a2b0ba;}
.border-grey-light,
.border-grey  			{background-color:#d9dde0;}
.background-grey-dark 	{background-color:#EEEEEE;}
.background-grey-light,
.background-grey 		{background-color:#F5F5F5;}
.background-white 		{background-color:#fff;}

.color-primary-green		{color:#00AD6F;}
.color-primary-teal         {color:#3b5166;}
/*.color-primary-blue		{color:#4D9DE0;}*/
.color-primary-red			{color:#E15554 !important;}
/*.color-primary-yellow		{color:#E1BC29;}*/
.color-primary-purple		{color:#7768AE;}

.color-green-shade			{color:#006843;}
.color-green-tint			{color:#4DC69A;}
.color-dark-grey			{color:#333132;}
.color-text-grey			{color:#858384;}
.color-border-grey			{color:#D9DDE0;}
.color-background-grey		{color:#F5F5F5;}
.color-white				{color:#FFFFFF !important;}
.color-white:hover			{color:#FFFFFF !important;}

.color-dark-grey p 			{color:#333132;}

.border-bottom-green	{border-bottom: 1px solid #00AD6F;}

@media(max-width: 767px){
	h1{
		font-size:24px;
		line-height: 30px;
	}
	h2{
		font-size:16px;
		line-height: 28px;
	}
	h3{
		font-size:16px;
		line-height: 22px;
	}
}

button[disabled], html input[disabled],
.payment-disabled{
	cursor: no-drop;
	background:#cccccc;
}
.payment-button {

	background:#00AD6F;
}

/*--------------- LINK STYLES ---------------*/

a:link, a:active, a:visited {
	color:#00AD6F;
	text-decoration:none;
	border-bottom: 1px #00AD6F solid;
}
a:hover {
	color:#00AD6F;
	text-decoration:none;
	border-bottom: 2px #00AD6F solid;
}
a:focus{
	outline: 0;
}
a img:hover {text-decoration:none; opacity:0.9}

/*--------------- BUTTON STYLES ---------------*/

button, a.button, input.button {
	font-size:16px;
	line-height: normal;
	color: #fff;
	outline: none;
	border: none;
	border-radius: 0;
	padding: 13px 50px;
	position: relative;
	cursor: pointer;
	text-decoration: none; /* remove underline if using A instead of BUTTON tag */
	transition:background-color 0.4s;

	display: inline-block;
}

/* Green Button */
button.green-button, a.green-button, input.green-button {
	background: #00AD6F;
}
button.green-button:hover, a.green-button:hover, input.green-button:hover{
	background-color: #008a59;
}
button.green-button:active, a.green-button:active, input.green-button:active{
	top: 1px;
}

/* Blue Button */
button.blue-button, a.blue-button, input.blue-button {
	background: #3b5166;
}
button.blue-button:hover, a.blue-button:hover, input.blue-button:hover{
	background-color: #2f4152;
}
button.blue-button:active, a.blue-button:active, input.blue-button:active{
	top: 1px;
}

/* Grey Button */
button.grey-button, a.grey-button, input.grey-button {
	background: #d9dde0;
	color: #333132;
}
button.grey-button:hover, a.grey-button:hover, input.grey-button:hover{
	background-color: #c3c7ca;
}
button.grey-button:active, a.grey-button:active, input.grey-button:active{
	top: 1px;
}

/* Red Button */
button.red-button, a.red-button, input.red-button {
	background: #E15554;
}
button.red-button:active, a.red-button:active, input.red-button:active{
	top: 1px;
}

/* Teal Button */
button.teal-button, a.teal-button, input.teal-button {
	background: #3b5166;
}
button.teal-button:hover, a.teal-button:hover, input.teal-button:hover{
	filter: brightness(95%);
}
button.teal-button:active, a.teal-button:active, input.teal-button:active{
	top: 1px;
}

/* Albion Home button */
button.albionhome-button, a.albionhome-button, input.albionhome-button {
	background: #4D9DE0;
}
button.albionhome-button:hover, a.albionhome-button:hover, input.albionhome-button:hover{
	filter: brightness(95%);
}
button.albionhome-button:active, a.albionhome-button:active, input.albionhome-button:active{
	top: 1px;
}

/* Outline Button */
button.outline-button, a.outline-button, input.outline-button {
	background: none;
	border: 1px solid #333132;
	transition:border 0.4s;
	color: #333132;
}
button.outline-button:hover, a.outline-button:hover, input.outline-button:hover{
	border-color: #706f70;
	color: #706f70;
}
button.outline-button:active, a.outline-button:active, input.outline-button:active{
	top: 1px;
}

/*
-----------------------------------------------------------------
-----------------------------------------------------------------
-----------------------------------------------------------------
-----------------------------------------------------------------
-----------------------------------------------------------------
-----------------------------------------------------------------
-----------------------------------------------------------------
-----------------------------------------------------------------
-----------------------------------------------------------------
-----------------------------------------------------------------
*/

input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
textarea, select {
	border:1px solid #D9DDE0;
	border-radius: 0;
	width:100%;
	color:#333132;
	height: 50px;
	padding: 10px;
	font-size:16px;
	line-height: normal;
}
label{
	font-weight: 400;
	margin-bottom: 10px;
}
input[type="checkbox"]{
	width:auto;
}
input[type="submit"]{
	cursor:pointer;
}
textarea{
	min-height:150px;
	width:100%;
}

select {
	background-color: #FFFFFF;
}

.standard-form label,
.standard-form input,
.standard-form textarea,
.standard-form select{
	margin:0 0 10px 0;
}
.standard-form label{
	display:block;
}
.label-checkbox{
	font-size:12px;
}
.label-checkbox input{
	margin:0;
	display: inline-block;
	vertical-align: bottom;
}

.no-float {float:none !important}
.hover:hover {
	opacity:0.8;
	-moz-opacity:0.8;
	-webkit-opacity:0.8;
	transition:0.5s ease;
	-webkit-transition:0.5s ease;
	-moz-transition:0.5s ease;
}
.clearfix:before, .clearfix:after {content:" "; display:table}
.clearfix:after {clear:both}
.clearfix { *zoom:1;}

.no-display{
	display:none;
}
.disabled{
	color:#8295a8;
}
.text-center{
	text-align:center;
}
@media(max-width: 767px){
	.mobile-left{
		text-align: left;
	}
}

.container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
	max-width:1330px;
	width:100%;
}

.page-title{
	padding:0 0 20px 0;
	margin:0 0 20px 0;
	border-bottom:1px solid #c4c4c4;
}
.page-title-small{
	padding:0 0 10px 0;
	margin:0 0 20px 0;
	border-bottom:1px solid #c4c4c4;
}
.error{
	color:#de4949;
}
.error-box{
	color:#de4949;
	margin:5px;
}
.success{
	color:#3c763d;
}
.success-box{
	color:#3c763d;
	margin:5px;
}

iframe{
	max-width:100%;
	width:100%;
}

/*a.button,
.button{
	background: #c10d31;
	display: inline-block !important;
	line-height: 20px;
	text-decoration: none;
	font-size:16px;
	font-weight:300;
	padding:10px 26px;
	color:#fff;
	text-align:center;
	-webkit-transition: all .2s ease-out 0s;
	-moz-transition: all .2s ease-out 0s;
	-o-transition: all .2s ease-out 0s;
	transition: all .2s ease-out 0s;
	cursor:pointer;
	border:0;
}
a.button:hover,
.button:hover{
	background:#fff;
	color:#444;
}

a.button-red,
.button-red{
	background: #c10d31;
	color:#FFF;
}
a.button-red:hover,
.button-red:hover{
	background-color:#9b0523;
}

a.button-small,
.button-small{
	padding: 8px 15px;
	width:auto;
}*/

.breadcrumb{
	list-style:none;
	overflow:hidden;
	padding:0;
	margin:0 0 15px 0;
	line-height:18px;
	font-size:11px;
	font-weight:normal;
	color:#8295a8;
}
.breadcrumb li{
	float:left;
}
.breadcrumb li a{
	font-size:11px;
	color:#8295a8;
	font-weight:normal;
}

.see-more-link{
	color:#4d2a67 !important;
	text-decoration:none !important;
	text-transform:uppercase !important;
	font-size:10px;
	font-weight:600;
}
.see-more-link:after{
	font-family:"FontAwesome";
	content:"\f101";
	margin:0 0 0 3px;
}
/*.back-link{
	color:#4d2a67 !important;
	text-decoration:none !important;
	text-transform:uppercase !important;
	font-size:10px;
	font-weight:600;
}
.back-link:before{
	font-family:"FontAwesome";
	content:"\f100";
	margin:0 3px 0 0;
}*/
/*====================================================
		Cookie bar css - NEW ONE
======================================================*/
#cookie_banner{
	position:fixed;
	color: #fff;
	font-size: 15px;
	bottom:20px;
	right:20px;
	width:100%;
	padding:20px 40px 30px 40px;
	z-index:44499;
	background-color: #000;

	display:none;
}
#cookie_banner p{
	margin:12px 0;
	font-size: 15px;
	line-height: 15px;
	color: #fff;
}
#cookie_close_btn{
	display: inline-block;
	height: 40px;
	padding: 7px 50px;
}
@media(min-width: 768px) {
	#cookie_banner{
		max-width: 470px;
		min-width: 300px;
	}
}
@media only screen and (max-width: 767px) {
	#cookie_banner{
	width:100% !important;
	bottom:0;
	right: 0;
	}

	#cookie_banner p{
		font-size: 13px;
		line-height: 13px;
	}
}
@media(max-width: 300px){
	#cookie_banner{
		padding: 20px 10px;
	}
}
/*====================================================
		Pagination css
======================================================*/
.pagination-bar {
	color:#333;
	overflow:hidden;
	padding:0 0 25px 0;
	width:100%;
	font-size:12px;
}
.pagination-bar .count{
	float:left;
	line-height:24px;
}
.pagination-bar .pages{
	float:right;
	line-height:24px;
}
.pagination-bar .pages ul{
	list-style:none;
}

.pagination-bar .pages ul li{
	float:left;
	margin:0 0 0 10px;
}

/*dynamic nav*/
.sortby-wrp{
	position: relative;
	display: inline-block;
	background-color: #fff;
	width: 100%;
}
.sortby-wrp:after{
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);

	right: 15px;
	content: "\f078";
	font-family: "Font Awesome 5 Pro";
	font-weight: 500;
	font-size:12px;
	color: #858384;
	cursor: pointer;
	z-index: 0;
}
#sortby_filter,
#plp_results{
	-webkit-appearance: none;
	-moz-appearance: none;
	text-indent: 1px;
	text-overflow: '';

	position: relative;
	background-color: transparent;
	z-index: 1;

	cursor:pointer;
	height: 45px;
	line-height: 45px;
	padding:0 25px 0 10px;
	font-size:16px;
	font-weight: 500;
	width:200px;
	color: #858384;
	border: 1px solid #D9DDE0;
	width: 100%;
}
#sortby_filter::-ms-expand,
#plp_results::-ms-expand {
	display: none;
}

#section_filters{
	background-color: #fff;
	color: #858384;
	display: block;
	width: 100%;

	padding:0 30px 0 15px;
	text-align: left;
	height: 45px;
	line-height: 45px;
	font-size:16px;
	font-weight: 500;

	position: relative;

	border: 1px solid #D9DDE0;
	cursor: pointer;
}
#section_filters:after{
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);

	right: 15px;
	content: "\f1de";
	font-family: "Font Awesome 5 Pro";
	font-weight: 300;
	font-size:12px;
	color: #858384;
	cursor: pointer;
	z-index: 0;
}
#section_filters.open{
	background-color: #333132;
	border: 1px solid #D9DDE0;
	color: #fff;
}
#section_filters.open:after{
	color: #fff;
}

.filter-title-desktop{
	padding-top: 12px;
	font-size:18px;
	line-height: 26px;
	height: 80px;
}

.mix-bar.top-bar{
	padding: 0 0 30px 0;
}
#sortby_wrp,
#refineby_wrp{
	float:right;
}


@media(max-width: 991px){
	#section_filters{
		display: block;
	}
	#sortby_wrp,
	#refineby_wrp{
		width: 100%;
		margin-bottom: 30px;
	}
	.sortby-wrp{
		display: block;
		width: 100%;
	}
	#sortby_filter,
	#plp_results {
		width: 100%;
		max-width: 100%;
	}

	.npp_wrp {
		margin-top: 10px;
	}

	.mix-bar{
		font-size:14px;
		line-height: 20px;
	}
	.mix-bar.top-bar{
		padding: 0 0 0 0;
	}
	.mix-bar.bottom-bar{
		padding: 40px 0 75px 0;
	}
}

.pagenav{
	text-align: left;
	padding: 12px 0;
}
.pagenav ul{
	margin-bottom: 0;
}
.pagenav a{
	border: 0;
	text-decoration: underline;
}
.pagenav a:hover{
	border: 0;
	text-decoration: underline;
}
@media(max-width: 991px){
	.pagenav{
		text-align: center;
		padding: 0;
		margin-bottom: 30px;
	}
	.pagenav ul{
		margin-left: 0;
		text-align: center !important;
	}
}

/*================================================================================
									HEADER
================================================================================*/
/*.header {
	float:left;
	width:100%;
	height:155px;
	padding:40px 0 0 0;
	position:relative;
	z-index:3;
	background:#fff;
	border-bottom:2px solid #c10d31;
	font-weight:300;
}
.header .container{
	height:100%;
	position:relative;
}
.header-logo {
	float:left;
}
.header-logo a{
	color:#fff;
	display:inline-block;
	max-width:100%;
}

.header-options{
	float:right;
	text-align:right;
	max-width:300px;
}

.header-options a{
	color:#616161;
	font-weight:300;
}
.header-options a .fa{
	color:#c10d31;
	font-size:18px;
}
.header-options a:hover{
	text-decoration:none;
}
.header-options .option-login{
	color:#000;
	margin:0 0 10px 0;
}
.option-racks > li{
	float:left;
	width:100%;
	margin-bottom:7px;
}
.header-options .social-logos{
	float:right;
}
.option-racks .core-item{
	float:left;
}
.social-logos {
	float:left;
}
.social-logos li{
	float:left;
}
.social-logos a{
	font-size:18px;
	padding:0 7px;
}*/

.nav-basket-wrapper{
	position:absolute;
	bottom:0;
	right:20px;
}
.nav-basket{
	float:right;
	font-size:14px;
	text-align:right;
	padding:11px 16px;
	background:#c10d31;
	color:#fff;
}
.nav-basket a{
	color:#fff;
	text-decoration:none;
}
.nav-basket .basket-summary{
	color:#fff;
}
.nav-basket .basket-icon{
	display:inline-block;
}

/*.header-search{
	margin:57px 0 0 0;
}
.form-search{
	overflow:hidden;
	position:relative;
	background:#fff;
	margin:0 0 10px 0;
}
#search_text{
	height: 30px;
	border-right:0px;
	margin: 0;
	width:180px;
	padding:4px 0 4px 7px;
}
#submit_search{
	width:50px;
	height:30px;
	padding:0;
	margin:0;
	border:0;
	float:right;
	cursor:pointer;
	color:#fff;
	text-align:center;
	background-color:#c10d31;
}

#mobile_menu{
	width:100%;
	font-size:18px;
	line-height:22px;
	position:relative;
	display:none;
}
#mobile_menu a{
	position:absolute;
	top:-20px;
	left:0;
	display:inline-block;
	padding:5px 10px;
	background-color:#c10d31;
	color:#fff;
	text-decoration:none;
}
.mobile-option {
	display: none;
	font-size:22px;
	line-height:22px;
	position:relative;
}
.mobile-option a{
	position:absolute;
	top:10px;
	right:0;
	padding: 5px 10px;
}*/

/*================================================================================
									FOOTER
================================================================================*/
/*#footer {
	margin:50px 0 0 0;
	float:left;
	width:100%;
	background-color:#c10d31;
	color:#fff;
	font-size:12px;
}
#footer a{
	color:#fff;
	text-decoration:none;
	line-height:1.4;
}
#footer a:hover{
	text-decoration:underline;
}
#footer_contact{
	float:right;
	text-align:right;
}

#footer_bottom{

	padding: 15px 0 20px 0;
}
#ftb_copy{
	float:left;
}
#ftb_contact{
	float:right;
}
#wd360, #i360 {float:none;}
a#i360, a#ftb_email{color:#e8f600;} */


/*================================================================================
						start of home page hero
================================================================================*/
.slider-wrapper {
	height: 100%;
	position:relative;
	margin:0 0 40px 0;
}

#prevBtn a{
	position:absolute;
	top:175px;
	left:-25px;
	width:50px;
	height:50px;
	background-image:url(/img/prev.png)
}
#nextBtn a{
	position:absolute;
	top:175px;
	right:-25px;
	width:50px;
	height:50px;
	background-image:url(/img/next.png)
}
#prevBtn a:active{
	left:-26px;
}
#nextBtn a:active{
	right:-26px;
}

/*================================================================================
							Navigation
================================================================================*/
/*
.nav-container-wrp{
	border-top: 1px solid #D9DDE0;
	border-bottom: 1px solid #D9DDE0;
}
.nav-container{
	background:transparent;
	font-weight:400;
	float:left;
	width:100%;
}
.nav {
	float:left;
	margin:0;
	width:100%;
	position:relative;
}
.nav a{
	color:#616161;
	text-decoration:none;
}
.nav > li{
	float:left;
}
.nav > li > a{
	line-height:50px;
	padding:0 20px;
	border: 0;
}

.dropdown-wrp{
	position:absolute;
	top:100%;
	left:0;
	background:rgba(0,0,0,.8);
	z-index:10;
	padding:27px;
	display:none;
	min-width:234px;

	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition:all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}
.dropdown-wrp:before{
	content: " ";
	border-bottom:11px solid rgba(0,0,0,0.8);
	border-left:15px solid transparent;
	border-right:15px solid transparent;
	position: absolute;
	top: -11px;
}

.nav > li:hover > .dropdown-wrp,
.nav > li:hover > .mega-dropdown-wrp{
	display:block;
}

.nav .non-mega{
	position:relative;
}

.dropdown-wrp > .dropdown-list + .dropdown-list{
	margin-top:15px;
}
.dropdown-wrp.mega-dropdown-wrp > .dropdown-list + .dropdown-list{
	margin-top:0;
}
.dropdown-wrp > .dropdown-list > li > a{
	display:inline-block;
	margin:15px 0 0 0;
	color: #fff;
}
.dropdown-wrp > .dropdown-list > li:first-child > a{
	margin:0;
}
.nav .heading{
	color:#fff;
	border-bottom: 1px solid #fff;
	padding:0 0 10px 0;
	margin:0 0 10px 0;
	font-weight:normal;
	text-transform: none;
}

.mega-dropdown-wrp{
	max-width:100%;
	padding:20px 0;
	left:auto;
}
.mega-dropdown-wrp.reverse{
	right:0;
}
.mega-dropdown-wrp > .dropdown-list {
	float:left;
	width:20%;
	min-width:234px;
	padding:0 20px;
}
*/
/*================================================================================
							offcanvas CSS
================================================================================*/
#offcanvas_menu_close_wrp{
	display:none;
}

/*================================================================================
							Page CSS
================================================================================*/

.link-more-info{
	float: right;
	font-size: 12px;
	font-weight: normal;
}

.side-links li{
	margin:7px 0 0 0;
}
.side-links ul ul{
	padding:0 0 0 20px;
}

.archive-links li{
	margin:10px 0 0 0;
}
.archive-links li a{
	color:#444;
	text-decoration:none;
}
.archive-links ul ul{
	padding:0 0 0 20px;
	margin:0 0 10px 0;
}

/* blog results */
.posts-list li{
	padding:0 0 25px 0;
	margin:0 0 25px 0;
	border-bottom:1px solid #c4c4c4;

}
.posts-list .link-text{
	margin:0;
}
.posts-list .post-img{
	max-width:100%;
	float:left;
	margin:0 20px 0 0;
}

.post-img-box{
	float:right;
	margin:0 0 10px 10px;
	max-width:100%;
}

.blog-post-box h3{
	margin:0 0 5px 0;
}
.blog-post-box p{
	font-size:12px;
}

/*.newsletter-form input[type="submit"]{
	float:right;
}*/

/* bx-slider overwrite */
.bx-wrapper .bx-viewport{
	box-shadow:none;
	border:0;
	left:0;
}
.bx-wrapper .bx-prev{
	left:-30px;
	background-image:url(images/custom_controls.png);
}
.bx-wrapper .bx-next{
	right:-30px;
	background-image:url(images/custom_controls.png);
}


.related-product-list li,
.section-product-list li {
	max-width:270px;
	width:100%;
}
.related-product-list .display-frame,
.section-product-list .display-frame {
	border:1px solid #c4c4c4;
	padding:10px;
	height:300px;
	position:relative;
}
.related-product-list .display,
.section-product-list .display  {
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:auto 100%;
	margin:0;
}
.related-product-list .display img,
.section-product-list .display img {
	visibility:hidden;
}
.display-frame .sale-ribbon{
	color:#fff;
	text-transform:uppercase;
	padding:0;
	position:absolute;
	right:-10px;
	z-index:11;
}
.display-frame .sale-ribbon:before{
	content:" ";
	border-top:15px solid #db484e;
	border-bottom:15px solid #db484e;
	border-left:15px solid transparent;
	position:absolute;
	left:-15px;
}
.display-frame .sale-ribbon:after{
	content:" ";
	position:absolute;
	bottom:-10px;
	right:-10px;
	border-left:10px solid #a9262a;
	border-bottom:10px solid transparent;
	border-right:10px solid transparent;
}
.display-frame .sale-ribbon span{
	background-color:#db484e;
	padding:0 15px;
	line-height:30px;
	display:block;
}

.display-frame .overlay-button{
	position:absolute;
	top:45%;
	left:0;
	right:0;
	z-index:6;
	text-align:center;
	visibility:hidden;
}
.display-frame .overlay-button a.button{
	-webkit-transition: all 50ms ease-out 0s;
	-moz-transition: all 50ms ease-out 0s;
	-o-transition: all 50ms ease-out 0s;
	transition: all 50ms ease-out 0s;
}
.display-frame .overlay-button a.button:hover{
	background-color:#4d2a67;
	color:#fff;
}
.display-frame .display-frame-overlay{
	background-color:transparent;
	position:absolute;
	left:1px;
	right:1px;
	bottom:1px;
	top:1px;
	z-index:5;
	opacity:0.7;
	filter: alpha(opacity=70);
	visibility:hidden;
	-webkit-transition: all .2s ease-out 0s;
	-moz-transition: all .2s ease-out 0s;
	-o-transition: all .2s ease-out 0s;
	transition: all .2s ease-out 0s;
}
.display-frame:hover .display-frame-overlay{
	background:#FFF;
}
.display-frame:hover .display-frame-overlay,
.display-frame:hover .overlay-button{
	visibility:visible;
}
.display-frame .manu-text{
	text-align:center;
	font-size:12px;
	margin:0 0 5px 0;
}
.display-frame .prod-text{
	font-size:16px;
	line-height:22px;
	text-align:center;
	margin:0;
}

.frame-price,
.frame-add{
	text-align:center;
	padding:20px 5px;
	float:left;
	min-height:58px;
}
.frame-options{
	border-left:1px solid #c4c4c4;
	border-bottom:1px solid #c4c4c4;
	border-right:1px solid #c4c4c4;
	float:left;
	width:100%;
	height:60px;
	overflow:hidden;
}
.frame-price{
	width:35%;
	font-size:12px;
	line-height:18px;
	color:#4d2a67;
	font-family:Arial, sans-serif;
	height:100%;
}
.frame-price.frame-price-sale{
	background-color:#db484e;
	color:#fff;
	padding:10px 3px;
}
.frame-price.frame-price-sale .rrp-value{
	font-size:12px;
	text-decoration:line-through;
	display:block;
}


.frame-add{
	font-size:12px;
	line-height:18px;
	width:65%;
	border-left:1px solid #c4c4c4;
	color:#444;
	height:100%;
	height:100%;
}

a.add-to-basket {
	text-transform:uppercase;
	text-decoration:none;
	color:#444;
}
a.add-to-basket:hover {
}
button.add-to-basket{
	border:0;
	background:none;
	cursor:pointer;
	color:#444;
	font-size: 12px;
	line-height: 18px;
	outline:0;
	padding:0;
	text-transform:uppercase;
}


.page-img-box{
	margin-bottom:30px;
}
.page-img-box .caption{
	border:1px solid #c4c4c4;
	padding:20px;
	font-size:12px;
	font-style:italic;
	border-top:0;
}




/* search */
.search-results-list li{
	float:left;
	width:100%;
	margin:0 0 10px 0;
}

/*================================================================================
						start of side menu
================================================================================*/
@media(max-width: 991px){
	.filter-title-desktop{
		display: none;
	}
}
.store-side-menu {
	float:left;
	width:100%;
	border-top: 1px solid #D9DDE0;
}
.store-side-menu-title{
	font-size:18px;
	line-height: 24px;
	margin-bottom: 35px;
	color: #000;
}

.dynamic-menu {
	float:left;
	width:100%;
	border-bottom: 1px solid #D9DDE0;
}
.dynamic-menu-title{
	float: left;
	width: 100%;
	padding: 20px 25px 20px 0;
	font-weight: 500;
	font-size:16px;
	line-height: 24px;
	cursor: pointer;
	overflow: hidden;
	text-align: left;
	margin:0;
	background-color: #fff;
	color: #333132;
	position: relative;
}
.dynamic-menu-title:after{
	position: absolute;

	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);

	content: "\f067";
	font-family: "Font Awesome 5 Pro";
	font-weight: 300;
	font-size:16px;
	color: #858384;

	width:16px;
	height:20px;
	-webkit-transition:-webkit-transform 0.4s linear 0s;
	-moz-transition:-moz-transform 0.4s linear 0s;
	-o-transition:-o-transform 0.4s linear 0s;
	transition:transform 0.4s linear 0s;
}
.dynamic-menu-title.open{
	background-color: #fff;
	color: #333132;

	font-family: "Lato", sans-serif;
	font-weight: 700;
	font-style: normal;
}
.dynamic-menu-title.open:after{
	content: "\f068";
	color: #00AD6F;
}
.dynamic-menu-title.close-button:after{
	content: "";
}
.dynamic-menu-options{
	margin:0;
	float:left;
	list-style:none;
	width:100%;
	display:none;
	padding-bottom: 20px;
}
.dynamic-menu-options.open{
	display:block;
}
.dm-opt{
	float:left;
	width:100%;
	padding: 0;
	color: #444;
	text-align: left;
	margin:0;
	font-size:16px;
	line-height:24px;
	position: relative;
}
.dynamic-menu-options .dm-opt:not(:last-child){
	margin-bottom: 8px;
}
.dm-opt.active{
	background-color:#c10d31;
	color:#fff;
}
.dm-opt > label {
	width:100%;
	float:left;
	cursor: pointer;
	text-align: left;
	font-weight: 400;
}
.dm-opt > label.active{
	font-weight: 400;
}
.dm-opt  input[type="checkbox"] {
	width:auto;
	float:left;
	cursor: pointer;
	margin-right: 15px;
}
.filter-by-mobile{
	margin-bottom: 16px;
	font-size:18px;
	line-height: 28px;
	position: relative;
	text-transform: uppercase;

	font-family: "Lato", sans-serif;
	font-weight: 700;
	font-style: normal;
}
.filter-by-mobile i{
	position: absolute;
	font-size: 30px;
	right: 0;
	top: 0;
	color: #425363;
	cursor: pointer;
}
@media(max-width: 991px){
	.section-filters .filters-wrp{
		padding: 20px;
	}
	.dynamic-menu-title.close-button{
		color: #fff;
		background-color: #333132;
		border: 0;
		text-align: center;
	}
}

.section-nav{
	float:left;
	width:100%;
	display:none;
	font-weight:normal;
}
.nav-lvl-0{
	display:block;
}
li.nav-selected{
	font-weight:bold;
}
.nav-opened > ul  > li{
	display:block;
}
.sub-section-nav{
	padding:0 0 0 20px;
}

.dynNavOpt, .blogNavOpt{
	opacity: 0;
}

.dynNavOpt+.checkbox-label, .blogNavOpt+.checkbox-label{
	cursor: pointer;
}

.dynNavOpt+.checkbox-label::before, .blogNavOpt+.checkbox-label::before {
	height: 15px;
	width: 15px;
	min-height: 15px;
	vertical-align: middle;
	content: " ";
	display: inline-block;
	cursor: pointer;
	background-image: url('/img/nav_icon_unselected.svg');
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	background-size: cover;
	position: absolute;
	top: 3px;
	left: 0;
}

.dynNavOpt:checked+.checkbox-label:before, .blogNavOpt:checked+.checkbox-label:before{
	background-repeat: no-repeat;
	background-image: url('/img/nav_icon_selected.svg');
}

.dynNavOpt:checked:disabled+.checkbox-label:before, .blogNavOpt:checked:disabled+.checkbox-label:before{
	opacity: 0.5;
	cursor: default;
	background-image: url('/img/nav_icon_default.svg');
}


/*================================================================================
								DEFAULT STORE CSS
================================================================================*/
/*.sections-row{
	text-align:center;
}
.section-box{
	display:inline-block;
	text-align:center;
}
.section-box img{
	visibility:hidden;
}
.section-box .display{
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:auto 90%;
	margin:0 0 25px 0;
}
.section-box .display a{
	display:inline-block;
}

.section-product-list {
	margin:0 0 0 -30px;
}
.section-product-list li{
	float:left;
	padding:0 0 30px 30px;
	max-width:300px;
	width:33.33333333333333%;
}
.section-product-list .display-frame{
	height:240px;
}*/

.related-product-list {
	margin:0 0 0 -30px;
}
.related-product-list li{
	float:left;
	padding:0 0 30px 30px;
	max-width:300px;
	width:25%;
}
.related-product-list .display-frame{
	height:240px;
}

/*================================================================================
					start of product page
================================================================================*/
/*.overlayContainer, .srOverlayContainer {
  position: absolute;
  top: 25px;
  left: 25px;
  z-index: 9;
}

.product-page-title {

	color: blue;
}

.overlayContainer img {
  max-width: 120px;
  max-height: 120px;
}*/

/*.product-display {
	float:left;
	width:100%;
	min-height:320px;
	margin:0 20px 0 0;
}*/

.main-img-wrp {
	text-align:center;
	overflow:hidden;
	position: relative;
	min-height:160px;
	width:100%;
	border:1px solid #D9DDE0;
}
.product-display .short-desc{
	font-weight:bold;
}
/*#product_gallery{
	width: 100%;
	height: 100px;
	padding:0;
}*/
.product-thumb{
	width:70px;
	height:90px;
	border:1px solid #e7e7e7;
	margin:10px 10px 10px 0;
	float:left;
	overflow:hidden;
	padding:10px;
	text-align:center;
}
.product-thumb  img{
	max-height:100%;
	cursor:pointer;
	overflow:hidden;
}
.product-thumb-last{
	margin:10px 0 10px 0;
}

.product-details {
	float: right;
	width:100%;
	padding:10px;
	background-color:#e1e1e1;
	border:1px solid #c4c4c4;
}
.product-details-list,
.product-details-list ul{
	padding:0;
	list-style:none;
	float:left;
	width:100%;
}
.product-details-list li ul li{
	text-align:right;
	width:50%;
	float:left;
}
.product-details-list li ul li:first-child{
	text-align:left;
}
.product-details-list > li{
	margin:3px 0;
	float:left;
	width:100%;
}
.product-details .price{
	color:#4d2a67;
	font-size:30px;
	font-family: Arial, sans-serif;
	text-align:center;
}
.product-details .price .currency{
	font-size:0.8em;
}
.product-details .rrp-price{
	color:#db484e;
	text-decoration:line-through;
	font-size:18px;
	width:100%;
	display:inline-block;
}
.product-details .rrp-price .value{
	text-decoration:line-through;
}
.product-details .price-terms{
	font-size:12px;
	line-height:14px;
	margin:0;
}
.product-details .quantity{
	line-height:30px;
}
/*.option-quantity{
	height: 30px;
	width: 60px;
	border: 1px solid #c4c4c4;
	text-align: center;
	font-size:12px;
}*/
/*#addToBasket{
	width:100%;
	margin:10px 0 0 0;
}*/
.ui-widget-header{
	background-color:#c10d31;
}

.product-tags-list{
	float:left;
	width:100%;
	margin:0 0 0 -30px;
	line-height:18px;
}
.product-tags-list > li{
	float:left;
	width:50%;
	padding:0 0 10px 30px;
}
.product-tags-list li ul li{
	float:left;
	width:50%;
}
.product-tags-list li ul li:first-child{
	font-weight:600;
}
.product-tags-list li.clearfix{
	clear:both;
}

.social-wrp{
	width:100%;
	float:left;
	margin:0 0 20px 0;

}
.product-rating{
	float:left;
	display:inline-block;
	height:16px;
	line-height:16px;
}
.addthis-container{
	width:150px;
	display:inline-block;
	float:right;
}
.addthis-container a.addthis_button{
	float:right;
}

.product-price{
	color: #00377F;
	font-size:12px;
	font-weight: bold;
	margin-bottom: 10px;
}

.product-sale-price{
	font-size:12px;
	width:100%;
	float:left;
	margin:0;
	font-weight:bold;
	color: #FF0000;
	text-decoration:line-through
}

.product-status{
	width:100%;
	float:left;
}
.product-code{
	float: left;
	margin: 0 0 10px 0;
	color: #00377F;
}
.product-status-title{
	width:110px;
	float:left;
}
.status-green{
	color:#36b61d;
}
.status-red{
	color:#d32525;
}
.product-option{
	margin:0 0 15px 0;
}
/*select.productOpt{
	width: 187px;
	height: 28px;
	border: 2px solid #BDCFE0;
	text-align: center;
	color: #20449a;
	font-size: 12px;
	font-weight: bold;
	margin-top: 7px;
}
select.productOpt option{
	padding:0 7px 0 5px;
} */

.product-add-basket{
	width: 100%;
	float: left;
}

.option-bar{
	height:35px;
	width:100%;
	float:left;
}
.option-value{

}
.option-label{
	width:100px;
	display:inline-block;
	margin:0 10px 0 0;
	color: #00377F;
	font-size:12px;
}
/*.option-quantity{
	font-size:14px;
	text-align: center;
} */
#frmTotalTxt{
	margin:0 0 0 50px;
}
#frmTotal{
	margin:0 0 0 10px;
	font-size:18px;
}
#product_tab{
float:left;
}
.product_tab{
	float:left;
	height:45px;
	font-size:12px;
	padding:0 20px;
	margin:0 5px 0 0;
	background-color:#fff;
	border:2px solid #d7d7d7;
	border-radius: 20px 20px 0px 0px;
	border-bottom:0;
	cursor:pointer;
	line-height:45px;
}
.tab_selected {
	background-color: #00377F;
	border:0px solid #d7d7d7;
	color: #fff;
	border-radius: 20px 20px 0px 0px;
}
.product_tab_content {
	border: 2px solid #d7d7d7;
	margin-top: 45px;
	padding: 20px;
	width: 500px;
	color: #00377F;
}
.reviews-header{
	float:left;
	width:100%;
	padding:20px 0;
	margin:0 0 30px 0;
	border-bottom:1px solid #e7e7e7;
	line-height:25px;

}
#rh_title{
	float:left;
	margin: 0 10px 0 0;
}
#rh_overall{
	display:inline-block;
	float:left;
	font-size:12px;
	height:25px;
}
#rh_overall .stars{
	margin:3px 10px 0 0;
}
#rh_link{
	float:right;
	text-align:center;
	font-size:15px;
	width:auto;
}

.leave-review-wrp{
	float:right;
	width:155px;
	position:relative;
	top:-5px;
	text-align:right;
}
.leave-review-wrp a.yellowButton{
	font-size:15px;
}
#leaveReviewMsg{
	float:left;
	width:100%;
}

.review-box{
	float:left;
	width:100%;
	margin:0 0 30px 0;
	padding: 0 0 5px 0;
	border-bottom:1px solid #e7e7e7;
}
.review-title{
	float:left;
	width:100%;
	font-size:18px;
}
.review-rating{
	float:left;
	width:100%;
	margin:5px 0;
}
.review-customer{
	color:#8397a1;
	float:left;
	width:100%;
	margin:0 0 20px 0;
}
.review-desc{
	float:left;
	width:100%;
	margin:0 0 20px 0;
}


.related-product-img{
	background-size: 100% auto;
	background-position: center center;
	background-repeat: no-repeat;
}
	.related-product-img img.img-bg{
		opacity: 0;
		filter: alpha(opacity=0);
	}

/* Decimal round up messages*/
#roundMessage{
	margin: 0;

	padding-left: 115px;
	display: block;
}

/* Product inter site back links */
.back_links{
	margin-top: 20px;
	margin-bottom: 20px;
}


/* =============================================================
	CHECKOUT CSS
   ============================================================= */
.wrapper-checkout{
}

.editaddress
{
	font-size:14px !important;
	padding: 2px 20px !important;
	height: 28px !important;
}

.deladdresseditbtn, .deladdresseditbtncancel, .billaddresseditbtn, .billaddresseditbtncancel
{
	float:none;
	margin-left: 5px;
	margin-top: 12px;
}

.billaddresseditbtncancel, .deladdresseditbtncancel {
	margin-left: 20px;
	margin-top: 0;
}

#billaddresseditbtn:hover, #billaddresseditbtncancel:hover, #deladdresseditbtn:hover, #deladdresseditbtncancel:hover {
	border-bottom: none;
	cursor: pointer;
}

.review-optional {
	font-size:14px;
	color: #333132;
}

.review-field-description {
	color: #858384;
	font-size:16px;
	margin-bottom: 12px;
}

 /* confirmation page */
 
 #confTableLeft{
	font-size:16px;
	line-height: 26px;
	font-weight: 400;
	margin-bottom: 28px;
	color: #858384; 
	padding-left:0px;
 } 
 #confTableRight{
	font-size:16px;
	line-height: 26px;
	font-weight: 400;
	margin-bottom: 28px;
	color: #858384; 
	padding-right:0px;
 }
 
 #confHome{
	width:60%;
 }
 
 @media (max-width: 991px){
	 #confHome{
		width:100%;
	 }
 }

 /* checkout account */
 .full-box{
	width:100%;
	float:left;
	height:auto;
	min-height:270px;
	padding:10px;
	border:1px solid #e1e1e1;
}
.registered-login{
margin: 0 auto;
max-width: 700px;
}
.registered-login div[class*='col-']{
	margin-bottom: 20px;
}
.account-box{
	width: 32%;
	float:left;
	height:auto;
	min-height:270px;
	padding:10px;
	border:1px solid #e1e1e1;
}
.account-box-title{
	margin:0 0 10px 0;
	padding:0 0 5px 0;
	border-bottom:1px solid #e1e1e1;
}
.new-customer{
	margin:0 2%;
}
.account-form-atom{
	margin:15px 0 0 0;
}
.required-indicator{
	color:#de4949;
}
.account-form-label{
	width:100%;
	margin:5px 0 5px 0;
	height:auto;
	display:block;
}
.account-form-input{
	width:100%;
	display:block;
	background-color:#fff;
}
.account-form-button, a.account-form-button {
	padding: 5px 10px;
	border: 1px solid #e1e1e1;
-webkit-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.35);
-moz-box-shadow:    1px 1px 2px 0px rgba(50, 50, 50, 0.35);
box-shadow:         1px 1px 2px 0px rgba(50, 50, 50, 0.35);
}
 a.account-form-button:hover{
	text-decoration:none;
	background-color:#A3C2BD;
	color:#fff;
 }

/* checkout register */
.newaccount-form-atom{
	display:block;
	margin:15px 0 30px;
}
.newaccount-form-label{
	/*width:20%;
	display:inline-block;*/
}
.newaccount-form-input{
	display:inline-block;
	background-color:#fff;
	width:40%;
}

/* checkout delivery */
.prev-address-picker{
	display:block;
	margin:10px 0;
}
.prev-address-entry{
	display:block;
	cursor:pointer;
	padding:5px 0;
}
.prev-address-entry:hover{
	background-color:#e1e1e1;
}
.address-form{
	display:block;
	margin:10px 0;
}
.address-form-section{
	margin:0 0 25px 0;
}

.checkout-form-wrapper {
	margin-bottom: 30px;
}

.address-form-atom{
	display:block;
	margin: 0 0 30px 0;
}
.address-form-label{
	width:20%;
	display:inline-block;
}
.address-form-input{
	display:inline-block;
	background-color:#fff;
	width:40%;
}
.checkout-form-select{
	min-width:40%;
}
.checkout-form-select option{
	padding:0 10px 0 5px;
}

/* checkout-review */
.checkout-review-content{
	margin:10px 0;
	float:left;
	width:100%;
	line-height:26px;
}
.checkout-review-side{
	width:50%;
	float:left;
	padding:0 0 0 15px;
	margin-bottom: 70px;
	display: block;
}
.review-address-side{
	padding:0 15px 0 0;
}
.checkout-review-mini{
	margin:0 0 10px 0;
}
.checkout-header{
	padding: 5px;
	border: 1px solid #e1e1e1;
}
.checkout-review-mini p{
	padding:0 5px;
	font-weight:bold;
	margin:0;
}
.rb-tr{
	float:left;
	width:100%;
	margin:0 0 5px 0;
	border-bottom:1px solid #e1e1e1;
}
.rb-total-tr{
	float:left;
	width:100%;
	margin:0 0 5px 0;
}
.rb-th{
	margin:10px 0 5px 0;
	border:1px solid #e1e1e1;
	font-weight: bold;
}
.rb-td{
	width:10%;
	float:left;
	text-align:center;
	padding:5px;
	overflow:hidden;
}
.rb-td-right{
	width:10%;
	float:left;
	text-align:right;
	padding:5px;
}
.rb-product{
	width:38%;
	text-align:left;
}
.rs-narrow {
	width:8%;
}
.rs-narrow input{
	width:auto;
	border:0;
	line-height:1;
	height:auto;
	padding:0;
}
.rb-total-td{
	width:20%;
	float:left;
	text-align:left;
	padding:5px;
	font-weight:bold;
	margin:0 0 0 70%;
}
.rb-grand-total{
	background-color:#e1e1e1;
}

#finalreview .rb-product{
	width:60%;
}

.checkout-reivew-right {
	float: right;
}

@media only screen and (max-width: 767px){
	.checkout-review-side{
		margin-bottom: 50px;
	}
}

/** basket **/
.promo-form-atom{
	display:block;
	margin:10px 0;
}
.promo-form-label{
	width:20%;
	display:inline-block;
}
.promo-form-input{
	display:inline-block;
	background-color:#fff;
	width:40%;
}
.submit-promo{
	margin: 0 0 0 10px;
}

@media(max-width: 575px){
	.checkout-buttons li{
		width: 100%;
		display: block;
		margin-bottom: 15px;
		text-align: center;
	}
}
a.checkout-button{
	width: calc(50% - 30px);
	float: right;
	margin: 0 15px;
}

.mobile-promo-wrapper {
	margin-top: 20px;
	display: block;
}



/* Basket buttons - new design */
.btn-basket {
	background: none;
	border: none;
	border-radius: none;
	font-size:18px;
	line-height: 22px;
	color: #00AD6F;
	padding: 0;
	height: 22px;
}

.btn-basket:active,
.btn-basket:hover,
.btn-basket:focus {
	border: none;
	outline: none !important;
	box-shadow: none;
	color: #008a59;
}

a.basket-product-link {
	color: #333132;
	text-decoration: none;
	border-bottom: none;
	font-size:16px;
	line-height: 18px;
}

@media only screen and (min-width: 768px){
	a.basket-product-link {
		margin-left: 10px;
	}
}

img.basket-product-image {
	max-width: 40px;
}

a.basket-product-image-link {
	text-decoration: none;
	border-bottom: none;
}

a.basket-product-link:hover {
	text-decoration: underline;
}

hr.basket-row-separator {
	margin: 10px 0;
}

@media only screen and (max-width: 767px){
	.mobile-left {
		text-align: left;
	}

	hr.basket-row-separator {
		margin: 20px 0;
	}
}

.a-block {
	width:100%;
	padding: 13px 10px !important;
	display: block;
	text-align: center;
}

.checkout-buttons-wrapper {
	margin-bottom: 30px;
}

.mobile-bottom-checkout-buttons-wrapper {
	margin: 30px 0;
}

.basket-table-header .basket-table-header {
	margin-bottom: 5px;
	display: block;
	font-size:16px;

	font-family: "Lato", sans-serif;
	font-weight: 700;
	font-style: normal;
}

.basket-table-header .basket-table-header.basket-table-header-large {
	text-transform: uppercase;
}

@media only screen and (max-width: 991px){
	.basket-table-header {
		font-size:14px;
	}

	.basket-table-body:not(i),
	.basket-table-body h3
	{
		font-size:14px !important;
	}
}

.basket-table-body .basket-quantity-element-wrapper {
	display: inline-block;
	text-align: center;
	padding:0 2px;
	margin:0;
}

.checkout-heading {
	padding: 5px 0;
	margin-bottom: 20px;
}

.required-label {
	margin-top: 40px;
	font-size:12px;
}

@media only screen and (max-width: 767px){
	.basket-table-body .basket-quantity-element-wrapper {

	}
}

@media only screen and (max-width: 480px){
	.basket-table-body .basket-quantity-element-wrapper {

	}
}

.basket-table-body .basket-quantity-element-wrapper .btn {
	padding: 0;
}

@media only screen and (min-width: 768px){
	.basket-table-body .basket-qty-wrapper {
		text-align: center;
	}

	.basket-summary-label {
		text-align: right;
	}
}
@media only screen and (max-width: 767px){
	.basket-table-body .basket-qty-wrapper {
		text-align: left;
	}
	.basket-summary-label {
		text-align: left;
	}
}

.basket-summary-wrapper {
	display: block;
	margin-top: 40px;
}

@media only screen and (max-width: 767px){
	.basket-table-body > div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)) {
		margin-bottom: 10px;
	}
}

@media only screen and (max-width: 499px){
	.a-block {
		font-size:14px !important;
	}
}



/* VOUCHERS */

.voucher-message-form{
	display: none;
}

.voucher-textarea{
	min-width: 200px;
	min-height: 100px;

	width: 100%;
	margin-bottom: 10px;
	display: block;
}

.btn-remove-voucher-message, .add-voucher-message, .vocuher-text, .edit-voucher-message{
	color: #00AD6F !important;
	text-decoration: none;
	border: none;
	background-color: transparent;
	padding: 0;
	font-weight: bold;
	line-height: 18px;
	font-size: 12px;
	font-family: "Arial","Helvetica",sans-serif;
	text-transform: none;
}
.add-voucher-message{
	display: inline-block;
	margin-bottom: 10px;
}
.edit-voucher-message{
	/*text-decoration: underline !important;*/
}

/* END VOUCHERS */


/*================================================================================ start of recently_viewed products ================================================================================*/
.recently_viewed {width:100%; border:1px solid #989d87; margin:20px 0; padding:6px; min-height:170px; position:relative;}
.recently_viewed p {margin:2px 0}
.recently_viewed a {color:#4a4842; text-decoration:none; font-size:12px}
.recently_viewed a:hover {color:#4a4842; text-decoration:underline}

#sliderRecentlyViewed {margin:20px 0; }
#sliderRecentlyViewed div {float:left; width:145px; height:155px; margin:0 5px; text-align:center}

a.prev {width:20px; height:20px; display:block; position:absolute; background:url(/img/recent_items_arrow_prev.png) no-repeat transparent; top:100px; left:5px}
a.next {width:20px; height:20px; display:block; position:absolute; background:url(/img/recent_items_arrow_next.png) no-repeat transparent; top:100px; right:5px}
a.prev span, a.next span {display:none;}

/*================================================================================ start of styles used for wysisyg page ================================================================================*/
.wysisyg-page ol {counter-reset:item; margin-bottom:20px}
.wysisyg-page li {display:block}
.wysisyg-page li:before {content:counters(item, ".") " "; counter-increment:item}
.wysisyg-page li li {margin-left:20px}



/*================================================================================ start of ckeditor styles ================================================================================*/
.cke_show_borders {background:#fff; margin:2px}



.stage2{
	display: none;
	font-size: 12px
}

/*
==============================================================================================

============================================================================================== */



.reviewContainer{
	clear: both;
}

#reviewForm{
	clear: both;
}

#reviewProcessing, #reviewMessage{
	clear: both;
	display: none;
	margin-bottom: 30px;
}

#raty{
	display: inline-block;
	margin-bottom: 10px;
	margin-top: 3px;
	height: 20px;
}
	#reviewForm label{
		float: left;
		width: 130px;
	}
	#reviewForm input[type="text"], #reviewForm input[type="email"], #reviewForm textarea{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
	}
	#reviewForm input, #reviewForm textarea{
		margin-bottom: 10px;
	}
	#reviewForm input[type="text"], #reviewForm input[type="email"]{
		width: 280px;
	}
	#reviewForm textarea{
		width: 280px;
		height: 120px;
	}


/*
==============================================================================================
	Media Queries CSS
============================================================================================== */
@media screen and (max-width:1240px){
	.bx-wrapper .bx-prev{
		left:0;
	}
	.bx-wrapper .bx-next{
		right:0;
	}
}

@media screen and (max-width:1023px){
	.product-details-list > li > ul > li{
		width:100%;
		margin:0 0 10px 0;
	}
}
@media screen and (max-width:960px){
	/*.header{
		padding:20px 0 0 0;
	}*/
	/*.footer-nav > li{
		max-width:none;
	}
	#footer_nav {
		width:100%;
	}
	#footer_nav > li{
		padding:0 10px;
		text-align:center;
		width:25%;
	}
	#footer_contact{
		width:100%;
	}
	#footer_contact > li{
		float:none;
		text-align:center;
	}

	#footer_bottom{
		margin-top:20px;
	}*/

	.frame-price,
	.frame-add{
		width:50%;
		font-size:12px;
	}
	.frame-add span{
		display:none;
	}
}

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

	/*.header-logo{
		margin-top:32px;
	}
	.header-logo img{
		max-height:60px;
	}*/

	/* nav */
	/*#mobile_menu{
		display:block;
	}*/
	/* ==========================================================================
		Off canvas
	========================================================================== */
	/*
   #offcanvas {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 999;
		background: rgba(0, 0, 0, 0.6);
		display:none;
	}
	#offcanvas.offcanvas-show {
		display: block;
	}
	#offcanvas_menu {
		position: fixed;
		top: 0;
		left: 0;
		bottom: 0;
		z-index: 1000;
		background: #c10d31;
		width: 240px;
		overflow-y: auto;
		left:-240px;
	}
	#offcanvas_menu .nav {
	  padding:20px;
	  display:block;
	}
	#offcanvas_menu .nav li {
	  position: relative;
	  width:100%;
	}

	#offcanvas_menu .nav li.active {
	  color: #e8f600;
	}

	#offcanvas_menu .dropdown-list,
	#offcanvas_menu .dropdown-wrp{
		min-width:0;
	}

	#offcanvas_menu .nav-image-link{
		display:none;
	}

	#offcanvas.offcanvas-show .nav > li{
		margin:0 0 10px 0;
	}
	#offcanvas.offcanvas-show .nav li > a{
		padding:0;
		line-height:18px;
	}
	#offcanvas.offcanvas-show .nav > li:hover > a{
		color:#fff;
	}
	#offcanvas.offcanvas-show .nav  a:hover{
		color:#e8f600;
	}

	#offcanvas.offcanvas-show .dropdown-wrp {
		box-shadow:none;
		position:static;
		padding:0;
		display:block;
	}
	#offcanvas.offcanvas-show .dropdown-wrp  .dropdown-list {
		width:100%;
		padding:10px 0 0 20px;
	}
	#offcanvas.offcanvas-show .dropdown-wrp > .dropdown-list > li > a{
		text-transform:none;
		margin:0;
		font-weight:normal;
	}
	.offcanvas-body {
	  position: fixed;
	}
	#offcanvas_menu_close_wrp{
		display:block;
	}
	#offcanvas_menu_close{
		padding:10px;
		float:right;
		cursor:pointer;
	}
	*/
	/* END Canvas */


	#ftb_copy,
	#ftb_contact{
		width:100%;
		text-align:center;
		float:none;
		margin:5px 0 0 0;
	}




	.related-product-list li{
		width:33.33333333333333%;
	}


	/* checkout */
	.rb-total-tr .rb-td-right{
		width:50%;
		text-align:right;
	}
	.rb-total-td{
		width:50%;
		margin:0;
	}
	.rb-td-right.responsive,
	.rb-td,
	.rs-narrow{
		width:15%;
	}
	#finalreview .rb-product,
	.rb-product{
		width:40%;
	}
	.checkout-review-side{
		width:100%;
		padding:0;
	}


}
@media screen and (max-width:720px){
	/*.header-options{
		width:100%;
	}
	.header-search {
		margin:20px 0 0 0;
		position:relative;
	}
	#search_text{
		width:100%;
	}
	#submit_search{
		position:absolute;
		right:0;
		top:0;
	}
	#opt_login{
		position:absolute;
		right:20px;
		top:0;
	}*/
	.nav-basket{
		float:none;
	}

}
@media screen and (max-width:620px){
	/*#footer_nav {
		display:none;
	}	*/
}
@media screen and (max-width:596px){

}
@media screen and (max-width:580px){
	/*.header{
		height:auto;
	}
	.header-logo{
		float:none;
		text-align: center;
	}
	.header-logo {
		margin-top: 0;
		padding: 0 40px;
	}
	#mobile_menu a {
		position: absolute;
		top: 10px;
		color:#c10d31;
		background:transparent;
		font-size:22px;
	}
	.mobile-option{
		display:block;
	}
	.header-options{
		display:none;
	}*/
	.nav-basket-wrapper{
		width:100%;
		left:0;
		right:0;
	}
	/*.header .container{
		padding-bottom: 55px;
	}*/

	.related-product-list ,
	.section-product-list {
		margin:0 0 0 -10px;
	}
	.related-product-list li,
	.section-product-list li{
		width:50%;
		padding:0 0 10px 10px;
	}

	.address-form-label{
		width:100%;
		margin:0 0 10px 0;
	}
	.address-form-input{
		width:70%;
	}
}
@media screen and (max-width:520px){
	.slider-wrapper{
		display:none;
	}
}
@media screen and (max-width:480px){


	.fancy{
		font-size:22px;
	}
	.fancy:before{
		border:0;
	}
	.product-tags-list > li{
		width:100%;
	}
}
@media screen and (max-width:479px){
	#finalreview .rb-td-right.responsive,
	#finalreview .rb-td{
		width:25%;
	}
	#finalreview .rb-product{
		width:50%;
	}
}
/*@media screen and (max-width:420px){
	.header-logo img {
		max-height: 45px;
	}
	#mobile_menu a,
	.mobile-option a{
		top:2px;
	}

}*/
@media screen and (max-width:360px){
	.wrapper{
		padding:0 10px;
	}

	/*.header-options a{
		font-size:12px;
	}*/

}
@media screen and (max-width:340px){
	.related-product-list li,
	.section-product-list li{
		width:100%;
	}

}

/*
-----------------------------------------------------------------
-----------------------------------------------------------------
-----------------------------------------------------------------
-----------------------------------------------------------------
-----------------------------------------------------------------
-----------------------------------------------------------------
-----------------------------------------------------------------
-----------------------------------------------------------------
-----------------------------------------------------------------
-----------------------------------------------------------------
*/

/* ALBION */

@media(max-width: 991px){
	body.no-scroll{
		left: 0;
		-webkit-overflow-scrolling: touch;
		position: fixed;
		top: 0;
		width: 100%;
	}
}

/*global*/
.no-margin{
	margin: 0;
}
.no-margin-bottom{
	margin-bottom: 0;
}
a.no-border{
	border: 0;
}
a.no-border:hover{
	border: 0;
}
.container{
	max-width:1330px;
	width:100%;
}
.container-fluid{
	padding: 0;
}

.section{
	padding: 50px 0 30px;
}
.section.xtra-bottom{
	padding-bottom: 60px;
}
@media(max-width: 767px){
	.section{
		padding: 30px 0;
	}
	.section.xtra-bottom{
		padding-bottom: 60px;
	}
}


.row.padding-0{
	margin-right: -0px;
	margin-left: -0px;
}
.row.padding-0 > div[class*="col-"]{
	padding-left: 0px;
	padding-right: 0px;
}
.row.padding-5{
	margin-right: -5px;
	margin-left: -5px;
}
.row.padding-5 > div[class*="col-"]{
	padding-left: 5px;
	padding-right: 5px;
}
.row.padding-8{
	margin-right: -8px;
	margin-left: -8px;
}
.row.padding-8 > div[class*="col-"]{
	padding-left: 8px;
	padding-right: 8px;
}
.row.padding-10{
	margin-right: -10px;
	margin-left: -10px;
}
.row.padding-10 > div[class*="col-"]{
	padding-left: 10px;
	padding-right: 10px;
}

@media(max-width: 767px){
	.mobile-center{
		text-align: center;
	}
}

img.img-object-fit-cover{
	height:100%;
	object-fit:cover;
	width:100%;
}

img.img-object-fit-contain{
	height:100%;
	object-fit:contain;
	width:100%;
}

.auto-hover:hover{
	filter: brightness(95%);
}

@media(max-width: 767px){
	.text-xs-center{
		text-align: center;
	}
}
@media(max-width: 991px){
	.text-sm-center{
		text-align: center;
	}
}

/*breadcrumbs*/
.page-breadcrumbs{
	padding-top: 15px;
	padding-bottom: 15px;
	font-size:14px;
	line-height: 22px;
}
.page-breadcrumbs i{
	font-size: 12px;
}
.page-breadcrumbs a{
	border-bottom: 0;
	text-decoration: underline;
	color: #333132;
}
.page-breadcrumbs a:hover {
	color:#00AD6F;
}
@media(max-width: 991px){
	.page-breadcrumbs{
		border-bottom: 1px solid #D9DDE0;
		margin-bottom: 20px;
	}
}

/*forms*/
.form-group{
	margin-bottom: 30px;
}

/* lists */
.list-inline li a.button{
	display: block;
}
.list-right{
	text-align: right;
	margin-left: 0;
	margin-right: -5px;
}
.list-inline.s0{
	margin-left: -0px;
}
.list-inline.s0 > li{
	padding-left: 0px;
	padding-right: 0px;
}
.list-right.s0{
	margin-right: -0px;
}
.list-inline.s10{
	margin-left: -10px;
}
.list-inline.s10 > li{
	padding-left: 10px;
	padding-right: 10px;
}
.list-right.s10{
	margin-right: -10px;
}
.list-inline.s20{
	margin-left: -20px;
}
.list-inline.s20 > li{
	padding-left: 20px;
	padding-right: 20px;
}
.list-right.s20{
	margin-right: -20px;
}

/*search forms*/
.search-wrp{
	position: relative;
}
.search-wrp input{
	width: 100%;
	border: none;
	border-bottom: 1px solid #00AD6F;
	height: 40px;
	padding: 0 50px 0 0;
}
.search-wrp.dark input{
	background-color: #333132;
	color: #fff;
}
.search-wrp.light input{
	background-color: transparent;
	color: #333132;
}
.search-wrp.dark input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
  opacity: 1;
}
.search-wrp.dark input::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
  opacity: 1;
}
.search-wrp.dark input:-ms-input-placeholder { /* IE 10+ */
  color: #fff;
  opacity: 1;
}
.search-wrp.dark input:-moz-placeholder { /* Firefox 18- */
  color: #fff;
  opacity: 1;
}
.search-wrp.light input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #333132;
  opacity: 1;
}
.search-wrp.light input::-moz-placeholder { /* Firefox 19+ */
  color: #333132;
  opacity: 1;
}
.search-wrp.light input:-ms-input-placeholder { /* IE 10+ */
  color: #333132;
  opacity: 1;
}
.search-wrp.light input:-moz-placeholder { /* Firefox 18- */
  color: #333132;
  opacity: 1;
}
.search-wrp button{
	position: absolute;
	top: 0;
	right: 0;
	height: 40px;
	line-height: 40px;
	background-color: transparent;
	color: #00AD6F;
	border: 0;
	padding: 0;
	font-size:18px;
}

/*header*/
@media(max-width: 992px){
	.albion-header.navbar-open{
		position: fixed;
		z-index: 1000;
		background-color: #fff;
		overflow-y: scroll;
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;

		height: auto !important;
	}
}

/*header promo*/
.albion-header .promo-strip a{
	display: block;
	padding: 9px 0;
	text-align: center;
	border: 0;
	font-size:14px;
	line-height: 18px;
}
.albion-header .promo-strip span{
	display: block;
	padding: 9px 0;
	text-align: center;
	border: 0;
	font-size:14px;
	line-height: 18px;
}
.albion-header .promo-strip a:hover{
	border: 0;
}

/* Account status strip */
.albion-header .account-strip {
	display: block;
	background-color: #E15554;
	color: #FFFFFF;
	font-size:14px;
	text-align:left;
	line-height:26px;
}

.albion-header .account-strip .large-text {
	text-transform: uppercase;
	display: inline-block;

	font-family: "Lato", sans-serif;
	font-weight: 700;
	font-style: normal;
}
.albion-header .account-strip a {
	display: inline-block;
	padding: 0;
}

.albion-header .sticky-account-strip {
	display:none;
}
.albion-header.sticky .sticky-account-strip {
	display:block;
}

@media only screen and (max-width: 767px){
	.albion-header .account-strip {
		padding: 9px 20px;
		line-height: 24px;
	}

	.albion-header .account-strip span {
		padding: 0;
	}
}

/*header top*/
/*.albion-header.sticky + .albion-header-sticky-space{
	padding-top: 162px;
}*/
.albion-header .sticky-header{
	width: 100%;
	background-color: #fff;
	z-index: 999;
}
.albion-header.sticky .sticky-header{
	position: fixed;
	top: 0;
	box-shadow: 0px 3px 6px #00000029;
}
.albion-header .header-top{
	padding: 20px 0;
	background-color: #333132;
}
.albion-header .albion-header-logo{
	position: relative;
}
.albion-header .albion-header-logo img{
	max-height: 70px;
	margin: 0 auto;
	display: block;
	/*-webkit-transition: max-height 0.2s linear;
	-moz-transition: max-height 0.2s linear;
	-ms-transition: max-height 0.2s linear;
	-o-transition: max-height 0.2s linear;
	transition: max-height 0.2s linear;*/
}
.albion-header .albion-header-logo.small-logo img{
	max-height: 40px;
	margin-bottom: 0;
}

@media only screen and (max-width: 991px){
	.albion-header-logo .header-logo-link {
		display: block;
		margin: 0 auto;
		width: auto;
		max-width: 100px;
		border: none;
	}
}

.albion-header #mobile_menu,
.albion-header #mobile_account,
.albion-header #mobile_favourites,
.albion-header #mobile_basket{
	position: absolute;
	display: none;
}
.albion-header .header-list{
	margin-bottom: 0;
	text-align: right;
}
.albion-header .header-list a{
	border: 0;
	color: #fff;
}
.albion-header .header-list a:hover{
	border: 0;
	color: #00AD6F;
}
.albion-header .header-list li .list-text{
	font-size:14px;
	line-height: 18px;
}
.albion-header .header-list i{
	font-size:24px;
	color: #00AD6F;
}
.albion-header #badgeFavouritesDesktop{
	width: 15px;
	display: inline-block;
	text-align: left;
}
.albion-header #miniBasketTotal{
	width: 60px;
	display: inline-block;
	text-align: left;
}
@media(min-width: 1200px){
	.albion-header .main-header-list{
		margin-right: -15px;
		margin-left: 0;
	}
	.albion-header .main-header-list > li{
		padding-left: 15px;
		padding-right: 15px;
	}
}
@media(min-width: 992px){
	.albion-header .header-top .row{
		display: table;
		width: 100%;
	}
	.albion-header .header-top .row div[class*='col']{
		display: table-cell;
		float: none;
		vertical-align: middle;
	}

}
@media(max-width: 991px){
	.albion-header .container-fluid, .albion-header .container{
		padding-left: 0;
		padding-right: 0;
	}
	.albion-header .header-top{
		padding-bottom: 0;
	}
	.albion-header.sticky .header-top{
		padding-top: 15px;
	}
	.albion-header .albion-header-logo{
		margin-bottom: 20px;
	}
	.albion-header.sticky .albion-header-logo{
		margin-bottom: 15px;
	}
	.albion-header .albion-header-logo img{
		max-height: 50px;
		max-width: 100px;
	}
	.albion-header .albion-header-logo.small-logo img{
		max-height: 35px;
	}
	.albion-header #mobile_menu,
	.albion-header #mobile_account,
	.albion-header #mobile_favourites,
	.albion-header #mobile_basket{
		display: block;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.albion-header #mobile_menu a,
	.albion-header #mobile_basket a{
		border: 0;
		color: #fff;
	}
	.albion-header #mobile_account a,
	.albion-header #mobile_favourites a{
		border: 0;
		color: #00AD6F;
	}
	.albion-header #mobile_menu{
		left: 20px;
		font-size: 30px;
	}
	.albion-header #mobile_account{
		display: block;
		left: 80px;
		font-size:24px;
	}
	.albion-header #mobile_favourites{
		display: block;
		right: 75px;
		font-size:24px;
	}
	.albion-header #mobile_basket{
		display: block;
		right: 20px;
		font-size: 12px;
		line-height: 1.2;
		text-align: center;
	}
	.albion-header #mobile_basket i{
		font-size:18px;
		margin-bottom: 5px;
	}
	.albion-header .search-wrp input{
		padding: 12px 20px;
		box-shadow: 0;
		background-color: #585858;
		border-bottom: 0;
		height: 50px;
	}
	.albion-header .search-wrp button{
		right: 20px;
		color: #fff;
		height: 50px;
		line-height: 50px;
	}
	.albion-header .search-wrp .mobilehide{
		display:none;
	}
}

/*header nav*/
.nav-container-wrp{
	background-color: #585858;
	position: relative;
}
.nav-container{
	background:transparent;
	font-weight:400;
	margin:0;
}
.nav {
	margin:0;
}
.nav a{
	color:#fff;
	text-decoration:none;
}
.nav > li{
	float:left;
}
.nav > li > a{
	display: block;
	padding:0 20px;
}
.dropdown-wrp{
	position:absolute;
	top: calc(100% + 1);
	left:0;
	background:#ffffff;
	z-index: -1;
	padding:25px 25px 10px 25px;
	display:none;
	min-width:234px; /* (1170/5) */
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition:all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	box-shadow: 0px 3px 6px #00000029;
	border-top: 5px solid #00AD6F;
}
.nav > li:hover{
	background-color: #00AD6F;
}
.nav > li:hover > a{
	color: #fff;
}
.nav > li:hover i{
	color: #ffffff;
}
.nav > li:hover > .dropdown-wrp,
.nav > li:hover > .mega-dropdown-wrp{
	display:block;
	z-index:20;
}
.nav .non-mega{
	position:relative;
}
.nav .heading{
	color:#fff;
	margin:0 0 15px 0;
	font-size:18px;
	line-height: 26px;
	font-weight: 500;
	margin-bottom: 15px;
}
.dropdown-wrp .dropdown-list + .dropdown-list{
	margin-top:0;
}
.dropdown-wrp.mega-dropdown-wrp .dropdown-list + .dropdown-list{
	margin-top:0;
}
.dropdown-wrp .dropdown-list > li > a{
	display:inline-block;
	margin: 0 0 5px 0;
	color: #858384;
	border: 0;
}
.dropdown-wrp .dropdown-list > li > .heading > a{
	color: #333132;
}
.mega-dropdown-wrp{
	width: 100%;
	max-width:100%;
	padding:45px 0 0;
	left:0;
	right: 0;
}
.mega-dropdown-wrp.reverse{
	right:0;
}
.mega-dropdown-wrp > .container{
	padding-bottom: 15px;
}
.mega-dropdown-wrp > .container > .dropdown-list {
	float:left;
	padding:0 15px 20px 0;
	width: calc(100% / 6);
}
.mega-dropdown-wrp > .container > .dropdown-list.double-width{
	width: calc(100% / 3);
}

@media(max-width: 991px){
	.mega-dropdown-wrp > .container{
		padding-bottom: 0;
	}
}

@media(min-width: 992px){
	.nav-container{
		text-align: left;
	}
	.nav:not(.nav-tabs){
		display: inline-block;
		vertical-align: top;
	}

	.albion-header .nav:not(.nav-tabs) > li{
		height: 50px;
	}
	.albion-header .nav:not(.nav-tabs) > li > a{
		line-height: 50px;
		position: relative;
		font-weight: 400;
		font-size:14px;
		padding-left: 15px;
		padding-right: 15px;
		border: 0;
	}
	.albion-header .nav:not(.nav-tabs) > li > .heading{
		line-height: 50px;
		position: relative;
		font-weight: 400;
		font-size:14px;
		padding-left: 15px;
		padding-right: 15px;
		border: 0;
		margin-bottom: 0;
	}
	.nav:not(.nav-tabs) > li:hover > .heading{
		color: #fff;
	}

	.nav:not(.nav-tabs) > li:hover > a:after{
		width: 0;
		height: 0;
	}
	.mega-dropdown-wrp .dropdown-list.bottom-separator {
		border-bottom: 2px solid #d9dde0;
		padding-bottom: 10px;
	}
	.nav .mega-dropdown-wrp .heading{
		min-height: 20px;
	}
	.dropdown-wrp .dropdown-list > li > a:hover{
		color: #00AD6F;
		text-decoration: underline;
	}

	/*sticky*/
	.albion-header.sticky .nav:not(.nav-tabs) > li{
		height: 45px;
	}
	.albion-header.sticky .nav:not(.nav-tabs) > li > a{
		line-height: 45px;
	}
	.albion-header.sticky .nav:not(.nav-tabs) > li > .heading{
		line-height: 45px;
	}
}
@media(min-width: 1100px){
	.nav:not(.nav-tabs) > li > a{
		padding-left: 10px;
		padding-right: 10px;
	}
}
@media(min-width: 1200px){
	.nav:not(.nav-tabs) > li > a{
		padding-left: 15px;
		padding-right: 15px;
	}
}
@media(min-width: 1300px){
	.nav:not(.nav-tabs) > li > a{
		padding-left: 20px;
		padding-right: 20px;
	}
}

#offcanvas_menu_close_wrp{
	display:none;
}

@media(min-width: 992px){
	#offcanvas_menu {
		text-align: center;
	}

	.nav .has-dropdown .dropdown-list li {
		text-align: left;
	}
}

@media(max-width:991px){

	.nav-container{
		position: relative;
	}

	#offcanvas {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		z-index: 999;
		background: rgba(0, 0, 0, 0.6);
		display:none;
	}
	#offcanvas.offcanvas-show {
		display: block;
	}
	#offcanvas_menu {
		position: absolute;
		top: -50px;
		z-index: 1000;
		background: #fff;
		right:100%;
		width: 100%;
	}
	#offcanvas_menu::before {
		position: absolute;
		content: "";
		top: -10px;
		left: 20px;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-bottom: 10px solid #00AD6F;
		z-index: 1000;
	}
	#offcanvas_menu .nav {
	  padding:0;
	  /*sequential mobile change - remove start */
	  /*display:block;*/
	  /*sequential mobile change - remove end */
	}
	/*sequential mobile change - add start */
	#offcanvas_menu .nav.accordion {
		display: block;
	}
	/*sequential mobile change - add end*/

	.nav-container #offcanvas_menu .nav .heading {
		margin: 0;
		color:#333132;
		font-weight: 400;
		font-size:16px;
	}
	.nav-container #offcanvas_menu .nav .has-dropdown.opened > a > .heading {
		color: #fff;
	}
	.nav-container #offcanvas_menu .nav li {
	  position: relative;
	  width:100%;
	}
	.nav-container #offcanvas_menu .nav li.active {
	  color: #f05f20;
	}
	.nav-container #offcanvas_menu .dropdown-list,
	.nav-container #offcanvas_menu .dropdown-wrp{
		min-width:0;
	}
	.nav-container #offcanvas_menu .nav-image-elem{
		display:none;
	}
	.nav-container #offcanvas.offcanvas-show .nav li{
		margin:0 0 0 0;
		border-bottom: 1px solid #D9DDE0;
	}
	.nav-container #offcanvas.offcanvas-show .nav li:hover{
		background-color: transparent;
		color: #fff;
	}
	.nav-container #offcanvas.offcanvas-show .nav li > a,
	.nav-container #offcanvas.offcanvas-show .nav li > a:hover{
		line-height:19px;
		padding: 20px 45px 20px 15px;
		color: #333132;
		font-size:16px;
		font-weight: 400;
		width: 100%;
		position: relative;
		border: 0;
	}
	.nav-container #offcanvas.offcanvas-show .nav li > a:after,
	.nav-container #offcanvas.offcanvas-show .nav li > .heading > a:after{
		font-family: "Font Awesome 5 Pro";
		font-weight: 400;
		font-size:16px;
		position: absolute;
		top: 20px;
		right: 20px;
		content: "\f054";
		color: #00AD6F;
	}
	.nav-container #offcanvas.offcanvas-show .nav li.has-dropdown > a:after,
	.nav-container #offcanvas.offcanvas-show .nav li.has-dropdown > .heading > a:after{
		content: "\f067";
	}
	.nav-container #offcanvas.offcanvas-show .nav li.has-dropdown.opened,
	.nav-container #offcanvas.offcanvas-show .nav li.has-dropdown.opened:hover{
		background-color: #333132;
	}
	.nav-container #offcanvas.offcanvas-show .nav li.has-dropdown.opened > a{
		color: #fff;
	}
	.nav-container #offcanvas.offcanvas-show .nav li.has-dropdown.opened > a:after{
		content: "\f068";
		color: #fff;
	}
	.nav-container #offcanvas.offcanvas-show .nav li > .heading{
		padding: 15px 30px 15px 15px;
	}
	/*.nav-container #offcanvas.offcanvas-show .nav a:hover{
		color:#707070;
	}*/
	.nav-container #offcanvas.offcanvas-show .nav li:hover > .dropdown-wrp,
	.nav-container #offcanvas.offcanvas-show .nav li:hover > .mega-dropdown-wrp {
		display: none;
	}
	.nav-container #offcanvas.offcanvas-show .dropdown-wrp {
		box-shadow:none;
		position:static;
		padding:0;
		border: 0;
	}
	.nav-container #offcanvas.offcanvas-show .dropdown-wrp .container{
		padding-left: 0;
		padding-right: 0;
	}
	.nav-container #offcanvas.offcanvas-show .dropdown-wrp  .dropdown-list {
		width:100%;
		padding:0;
	}
	.nav-container #offcanvas.offcanvas-show .dropdown-wrp .dropdown-list > li{
		border-bottom: 0;
		border-top: 2px solid #D9DDE0;
		background-color: #F5F5F5;
	}
	.nav-container #offcanvas.offcanvas-show .dropdown-wrp .dropdown-list > li > a{
		font-weight: 400;
		text-transform: none;
		margin: 0;
	}
	.nav-container #offcanvas.offcanvas-show .dropdown-wrp.mega-dropdown-wrp .dropdown-list > li > a{
		padding-left: 48px;
	}
	.nav-container #offcanvas.offcanvas-show .dropdown-wrp .dropdown-list > li.view-all > a{
		padding-left: 15px;
		color: #00AD6F;
	}
	/*.nav-container #offcanvas.offcanvas-show .dropdown-wrp .dropdown-list > li > a.link{
		background-color: #eeeeee;
	}*/
	.nav-container #offcanvas.offcanvas-show .dropdown-wrp .dropdown-list > li > .heading{
		padding: 0;
	}
	.nav-container #offcanvas.offcanvas-show .dropdown-wrp .dropdown-list > li > .heading > a{
		border: 0;
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 48px;
		text-transform: capitalize;
		color: #333132;
		font-weight: 500;
		padding-left: 15px;
		display: block;
	}
	.nav-container #offcanvas.offcanvas-show .dropdown-wrp .dropdown-list > li > .heading span{
		border: 0;
		padding: 0;
	}
	.nav-container #offcanvas.offcanvas-show .dropdown-wrp > .dropdown-list > li > a{
		text-transform:none;
		margin:0;
		font-weight:normal;
	}
	.nav-container #offcanvas.offcanvas-show .dropdown-wrp .dropdown-list + .dropdown-list{
		margin-top: 0;
	}
	.nav-container #offcanvas.offcanvas-show .nav li.icon > a{
		padding-left: 60px;
	}
	.nav-container #offcanvas.offcanvas-show .nav li.icon > a:before{
		content: "";
		font-size:14px;
		width: 30px;
		height: 30px;
		position: absolute;
		top: 9px;
		left: 15px;
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
	}

	#menu_close_button_mobile{
		cursor: pointer;
	}
	#offcanvas.offcanvas-show .nav li.close-button,
	#offcanvas.offcanvas-show .nav li.close-button:hover{
		background-color: #333132;
		text-align: center;
	}
	#offcanvas.offcanvas-show .nav li.close-button > a,
	#offcanvas.offcanvas-show .nav li.close-button > a:hover{
		color: #fff;
	}
	#offcanvas.offcanvas-show .nav li.close-button > a:after{
		content: "";
	}

	/* sequential mobile MENU additions*/
	/*close button*/
	.sequential_menu_mobile_close_button{
		cursor: pointer;
	}
	/*child button*/
	.sequential_menu_mobile_child_button{
		cursor: pointer;
	}
	/*back button*/
	.sequential_menu_mobile_back_button{
		cursor: pointer;
	}
	#offcanvas.offcanvas-show .nav li.back-button,
	#offcanvas.offcanvas-show .nav li.back-button:hover{
		background-color: #333132;
		text-align: center;
	}
	#offcanvas.offcanvas-show .nav li.back-button > a,
	#offcanvas.offcanvas-show .nav li.back-button > a:hover{
		color: #fff;
		font-size:18px;
		line-height: 32px;
	}
	#offcanvas.offcanvas-show .nav li.back-button > a:after{
		content: "\f053";
		color: #fff;
		right: auto;
		left: 20px;
	}
}

/* sequential mobile MENU - new Albion Fine Foods*/
/* hide all sequential mobile navs by default */
.nav.sequential-mobile{
	display: none;
}
/* but display just the first on mobile */
@media(max-width: 991px){
	.nav.sequential-mobile.open{
		display: block;
	}
	.nav.sequential-mobile a.parent-view-all{
		color: #00AD6F !important;
	}
	/* sequential mobile MENU with mega menus as mega menus */
	.nav.sequential-mobile.open .mega-menu-item a{
		padding-left: 48px !important;
	}
	.nav.sequential-mobile.open .mega-menu-item a.mega-menu-item-heading{
		line-height: 26px !important;
		padding-left: 15px !important;
	}

	#offcanvas_menu .nav.sequential{
		display: none;
	}
}

/* sequential desktop MENU - new Albion Fine Foods*/
.sequential-dropdown-wrp{
	display:none;

	position:absolute;
	z-index: 20;
	top: calc(100% + 1);
	left:0;
	right: 0;
	width: 100%;
	max-width:100%;

	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition:all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	border-top: 5px solid #00AD6F;
}
.nav.sequential > li.open{
	background-color: #00AD6F;
}
.nav.sequential > li.open > .sequential-dropdown-wrp{
	display:block;
}
.nav.sequential > li > .heading > a{
	border: 0;
}

/* overwriting the simple-dropdown to work with clicks on sequential menu */
/* and reusing the dropdown-wrp styles for this one */
.nav.sequential > li.simple-dropdown{
	position: relative;
}
.nav.sequential > li.simple-dropdown:hover > .dropdown-wrp{
	display: none;
}
.nav.sequential > li.simple-dropdown.open > .dropdown-wrp{
	display:block;
	z-index: 20;
}
.nav.sequential > li.simple-dropdown a.parent-view-all{
	color: #00AD6F;
}


/*sequential dropdown*/
.sequential-dropdown{
	width: 100%;
	float: left;
	background:#ffffff;
	box-shadow: 0px 3px 6px #00000029;
}
.sequential-dropdown ul{
	padding: 20px 0;
	display: none;
	border-right: 1px solid #ECEEEF;
}
.sequential-dropdown ul.open{
	display: block;
}
.sequential-dropdown ul li{

}
.sequential-dropdown ul li a{
	padding: 7px 48px 7px 20px;
	color: #858384;
	text-align: left;

	display: block;
	border-bottom: 0;

	position: relative;
}
.sequential-dropdown ul li a:hover{
	color: #fff;
	background-color: #00AD6F;
	border-bottom: 0;
}
.sequential-dropdown ul li a.open{
	color: #fff;
	background-color: #00AD6F;
}
.sequential-dropdown ul li a.parent-view-all{
	color: #00AD6F;
}
.sequential-dropdown ul li a.parent-view-all:hover{
	color: #fff;
}
.sequential-dropdown ul li a:not(.no-children):after{
	font-family: "Font Awesome 5 Pro";
	font-weight: 400;
	font-size:16px;
	line-height: 26px;
	position: absolute;
	top: 7px;
	right: 20px;
	content: "\f054";
	color: #00AD6F;
}
.sequential-dropdown ul li a.open:after,
.sequential-dropdown ul li a:hover:after{
	color: #fff;
}


.sequential-desktop-menu{
	width: 25%;
	float: left;
}
.sequential-desktop-menu .level-1{
	margin-left: 0;
}
.sequential-desktop-menu .level-2{
	margin-left: 25%;
}
.sequential-desktop-menu .level-3{
	margin-left: 50%;
}
.sequential-desktop-menu .level-4{
	margin-left: 75%;
}


/* Home Page - Quick Links */
.desktop-quick-links{
	background-color: #F5F5F5;
	padding: 10px 0 10px;
	font-size:14px;
	line-height: 1.2;
	font-weight: 400;
	text-align: center;
	border-bottom: 1px solid #D9DDE0;
	color: #333132;
}

.desktop-quick-links a {
	color: #333132;
}

.desktop-quick-links i{
	font-size:18px;
	color: #00AD6F;
}
.desktop-quick-links .row div[class*='col-']:not(:last-child){
	border-right: 1px solid #D9DDE0;
}
@media(max-width: 991px){
	.desktop-quick-links{
		display: none;
	}
}

.mobile-quick-links{
	padding-top: 20px;
	background-color: #F5F5F5;
}
.mobile-quick-links .box-link{
	color: #333132;
	text-align: center;
}
.mobile-quick-links .box-link i{
	margin-bottom: 5px;
	display: block;
	font-size:18px;
	height: 20px;
	color: #00AD6F;
}
.mobile-quick-links .box-link .box-text{
	font-size:12px;
	line-height: 18px;
}
.mobile-quick-links .row div[class*='col-']{
	margin-bottom: 20px;
}
.mobile-quick-links .row div[class*='col-']:not(:last-child){
	border-right: 1px solid #D9DDE0;
}
@media(min-width: 992px){
	.mobile-quick-links{
		display: none;
	}
}

.nav-container .mobile-quick-links{
	padding-top: 0;
	background-color: #00AD6F;
}
.nav-container  .mobile-quick-links .box-link{
	padding: 15px;
	color: #fff;
}
.nav-container .mobile-quick-links .box-link i{
	color: #006843;
}
.nav-container .mobile-quick-links .row div[class*='col-']{
	margin-bottom: 0;
}
.nav-container .mobile-quick-links .row div[class*='col-']:not(:last-child){
	border-right: 1px solid #4DC69A;
}


/* Account dropdown menu */
.account-dropdown-wrapper {
	display: none;
	position: absolute;
	top: 100%;
	left: 10%;
	background-color: none;
	width:60%;
	z-index: 999;
}

.account-dropdown-inner-wrapper {
	display: block;
	width: 100%;
	background-color: #FFFFFF;
	z-index: 999;
	color: #333132;
	box-shadow: 0px 3px 6px #00000029;
	border-top: 5px solid #00AD6F;
	margin-top: 16px;
}

.albion-header .account-menu-list .account-user-icon {
	position:relative;
}

.albion-header .account-menu-list .account-user-icon::after {
	content:"";
    position: absolute;
    top: calc(100% + 5px);
	left: -2px;
    border-style: solid;
    border-width: 0 15px 15px 15px;
    border-color: transparent transparent #00AD6F transparent;
    z-index:9999;
	display: none;
}

.albion-header .account-dropdown-wrapper:hover {
	display: block;
}

.albion-header .main-header-list {
	position: relative;
}

.albion-header .account-menu-list:hover .account-dropdown-wrapper,
.albion-header .account-menu-list:hover .account-user-icon::after{
	display: block;
}

.albion-header .account-dropdown-wrapper:hover + .albion-header .account-menu-list i::after{
	display: block;
}

.albion-header .account-dropdown-inner-wrapper > ul > a > li {
	padding: 15px 20px;
	border-bottom: 1px solid #D9DDE0;
	text-align: left;
	font-size:16px;
}

.albion-header .account-dropdown-inner-wrapper > ul > a {
	color: #333132;
}
.albion-header .account-dropdown-inner-wrapper > ul > a > li > i {
	color: #00AD6F !important;
}

.albion-header .account-dropdown-inner-wrapper > ul > a:hover {
	color: #00AD6F !important;
}

.albion-header .account-dropdown-wrapper .account-menu-left-text {
	float:left;
	font-size:14px;
}

.albion-header .account-dropdown-wrapper .account-menu-row-icon {
	float: right;
	font-size:16px;
	line-height: 26px;
}

.albion-header .account-dropdown-wrapper .account-heading {
	text-transform: uppercase;
	font-size:12px;
	padding: 15px 20px;
    border-bottom: 1px solid #D9DDE0;
    width: 100%;
    text-align: left;

	font-family: "Lato", sans-serif;
	font-weight: 700;
	font-style: normal;
}
.albion-header #mobile_account a > i::after {
	content:"";
    position: absolute;
    top: calc(100% + 5px);
	left: -2px;
    border-style: solid;
    border-width: 0 15px 15px 15px;
    border-color: transparent transparent #00AD6F transparent;
    z-index:9999;
	display: none;
}

/*
.albion-header #mobile_account.loggedin:hover + .mobile-account-dropdown-wrapper,
.albion-header #mobile_account.loggedin:focus + .mobile-account-dropdown-wrapper
.albion-header #mobile_account.loggedin:active + .mobile-account-dropdown-wrapper
{
	display: block;
}

.albion-header #mobile_account.loggedin:hover i::after,
.albion-header #mobile_account.loggedin:focus i::after,
.albion-header #mobile_account.loggedin:active i::after{
	display:block;
}
*/

.albion-header .mobile-account-dropdown-wrapper.menu-shown,
.albion-header #mobile_account.loggedin.menu-shown i::after {
	display:block;
}

.albion-header .mobile-account-dropdown-wrapper .account-dropdown-inner-wrapper {
	margin-top:8px;
}

.mobile-account-dropdown-wrapper {
	left: 4%;
	width: 92%;
	position: absolute;
}

/*footer newsletter*/
.newsletter{
	text-align: center;
	border-top: 1px solid #D9DDE0;
	padding: 60px 0 80px;
}
@media(max-width: 767px){
	.newsletter{
		padding: 30px 0 50px;
	}
}

/*footer*/
.footer{
	background-color: #333132;
	padding: 40px 0;
	color: #fff;
	font-weight: 500;
}
.footer-col{
	margin-bottom: 35px;
}
.footer .footer-logo{
	width: 100%;
	max-width: 130px;
	margin-bottom: 30px;
}
@media(min-width: 767px){ .footer__logos{ margin-left:20px !important;} } /* Awkard number, but it keeps alignments */

.footer .heading{
	color: #00AD6F;
	margin-bottom: 0;
	text-transform: uppercase;

	font-size:14px;
	line-height: 26px;

	font-family: "Lato", sans-serif;
	font-weight: 700;
	font-style: normal;
}
.footer a{
	color: #fff;
	border-bottom: none;
}
.footer a:hover{
	color: #fff;
	text-decoration: underline;
}
.footer li{
	margin-bottom: 0;
}
.footer li i{
	font-size:18px;
}
.footer .sm-list{
	margin-left: 0;
}
.footer .sm-list > li{
	padding-left: 12px;
	padding-right: 12px;
}
@media(max-width: 767px){
	.footer{
		text-align: center;
		padding: 40px 0 0;
	}
	.footer .footer-logo{
		margin-right: auto;
		margin-left: auto;
		max-width: 80px;
	}
	.footer .heading{
		font-size:14px;
		line-height: 24px;
		margin-bottom: 0;
	}
	.footer a{
		font-size:14px;
		line-height: 26px;
	}

	.footer .footer-nav a{
		text-decoration: underline;
	}
}

/*credits*/
.credits{
	background-color: #00AD6F;
	padding: 12px 0;
	color: #fff;
	font-weight: 500;
}
.credits a:link, .credits a:active, .credits a:visited {
	color:#fff;
	border-bottom: none;
}
.credits a:hover {
	color:#00AD6F;
	text-decoration:underline;
}

@media(min-width: 768px){
	.credits .right-align{
		text-align: right;
	}
}
@media(max-width: 767px){
	.credits{
		text-align: center;
	}
	.credits .row div[class*="col-"]:first-child{
		margin-bottom: 5px;
	}
}

/*intro*/
.intro{
	text-align: center;
	padding: 60px 16.6667% 60px;
}

.intro h1{
    margin-bottom: 18px;
}

.intro p{
	margin: 10px 0 0 0;
}

.intro .button{
	max-width: 300px;
	margin: 20px auto 0 auto;
	padding-left:40px;
	padding-right:40px;
}

p.intro-promo-app b{
    display: block;
    font-size: 24px;
    font-weight: 600;
    padding: 20px 0 10px 0;
}

@media(max-width: 767px){
	.intro{
		padding: 40px 0 40px;
	}
}

/*homepage*/
.homepage .box p{
	margin-bottom: 10px;
}

/*home page slider*/
.homepage-carousel-wrp{
	background-color: #EEEEEE;
	visibility: hidden;
}
.homepage-carousel{
	display: block;
	margin: 0 auto;
	max-width: 1500px;
}
.homepage-carousel .slick-slider{
	margin-bottom: 0;
}
.homepage-carousel .slick-dots{
	bottom: 10px;
}
.homepage-carousel .slick-dots li{
	margin: 0;
}
.homepage-carousel .slick-dots li button::before{
	font-size: 10px;
	color: #ffffff;
	opacity: 1;
}
.homepage-carousel .slick-dots li.slick-active button::before{
	color: #00AD6F;
}

/*section boxes - homepage + dynamic section pages*/
.sections-boxes{
	padding: 40px 0 30px;
	text-align: center;
}
.sections-boxes a{
	border: 0;
}
.sections-boxes .box{
	border-radius: 33px;
	padding: 2px 20px;
	display: table;
	width: 100%;
	margin-bottom: 10px;
	min-height: 50px;
	background-color: #fff;
	transition:background-color 0.4s;
}
.sections-boxes .box:hover{
	background-color: #d9dde0;
}
.sections-boxes .box .box-content{
	vertical-align: middle;
	display: table-cell;
	min-height: 65px;
	color: #333132;
	font-size:14px;
	line-height: 20px;
	text-align: center;
}

.section-intro .sections-boxes .box-centered {
	float: none;
    display: inline-block;
    margin: 0 -3px;
}
@media(min-width: 992px){
	.sections-boxes > .row{
		margin-right: -6px;
		margin-left: -6px;
	}
	.sections-boxes > .row > div[class*="col-"]{
		padding-left: 6px;
		padding-right: 6px;
	}
}
@media(max-width: 991px){
	.sections-boxes{
		padding-top: 30px;
		padding-bottom: 15px;
	}
	.sections-boxes  .row{
		margin-right: -10px;
		margin-left: -10px;
	}
	.sections-boxes  .row > div[class*="col-"]{
		padding-left: 10px;
		padding-right: 10px;
	}
	.sections-boxes .box{
		margin-bottom: 15px;
		padding: 5px 10px;
	}
	.sections-boxes .box .box-content{
		min-height: 40px;
	}
}

.sections-boxes-show{
	text-align: center;
	cursor: pointer;
	display: none;
	margin-bottom: 30px;
	font-size:14px;
	line-height: 22px;
}
.sections-boxes-show span{
	text-decoration: underline;
}
@media(min-width: 992px){
	.section-intro .sections-boxes .sectionBoxesDesktopHidden{
		display: none;
	}
	.section-intro .sections-boxes .sectionBoxesDesktopHidden.visibleDesktop{
		display: inline-block;
	}
	.sections-boxes-show.show-more-desktop.visible,
	.sections-boxes-show.show-less-desktop.visible{
		display:block;
	}
}
@media(max-width: 991px){
	.section-intro .sections-boxes .sectionBoxesMobileHidden{
		display: none;
	}
	.sections-boxes .sectionBoxesMobileHidden.visibleMobile{
		display: inline-block;
	}
	.sections-boxes-show.show-more-mobile.visible,
	.sections-boxes-show.show-less-mobile.visible{
		display: block;
	}
}

/*homepage - order again*/
.button.homepage-order-again-button{
	margin-bottom: 30px;
	font-size:14px;
	line-height: 22px;
	text-align: center;
	padding: 13px 15px;
}

/*homepage - products*/
.homepage-products{
	padding: 60px 0 40px;
	border-bottom: 1px solid #D9DDE0;
}
.homepage-products h2{
	text-align: center;
	margin-bottom: 35px;
}

@media(max-width: 767px){
	.homepage-products{
		padding-bottom: 20px;
		padding-top: 40px;
	}
	.homepage-products h2{
		margin-bottom: 30px;
	}
}

/*homepage shopping with Albion*/
.homepage-shopping{
	text-align: center;
	padding: 40px 0;
}
.homepage-shopping .box img{
	margin-bottom: 22px;
}
@media(max-width: 767px){
	.homepage-shopping{
		text-align: center;
		padding: 30px 0 0;
	}
	.homepage-shopping .box{
		margin-bottom: 30px;
	}
	.homepage-shopping .box img{
		max-width: 375px;
	}
}

/*news/blog*/
.albion-news{
	padding: 40px 0 0;
}
.albion-news .title{
	text-align: center;
}
.albion-news .box{
	margin-bottom: 60px;
}
.albion-news .box img{
	margin-bottom: 20px;
}
.albion-news .box p{
	margin-bottom: 10px;
}

.blog-page h1{
	margin-bottom: 0;
}
.blog-page img.main-image{
	margin-bottom: 30px;
}
.blog-page .date{
	margin-bottom: 30px;
}
@media(max-width: 767px){
	.blog-page h1{
		margin-bottom: 10px;
	}
}

/* section page */
.sections{
}
.sections .section-box{
	margin-bottom: 40px;
}
.sections .section-box .title{
	font-size:16px;
	line-height: 24px;
}
.sections .section-box .title a{
	color: #333132;
	border: 0;
}
.sections .section-box .display{
	background-repeat:no-repeat;
	background-position: center center;
	background-size: cover;
	margin-bottom: 15px;
	border: 1px solid #D9DDE0;
}
.sections .section-box .display a{
	border: 0;
}
.sections .row{
	margin-right: -18px;
	margin-left: -18px;
}
.sections .row > div[class*="col-"]{
	padding-left: 18px;
	padding-right: 18px;
}
@media(max-width: 767px){
	.sections{
	}
	.sections .section-box{
		text-align:center;
		margin-bottom: 30px;
	}
	.sections .row{
		margin-right: -10px;
		margin-left: -10px;
	}
	.sections .row > div[class*="col-"]{
		padding-left: 10px;
		padding-right: 10px;
	}
}

/*dynamic section*/
.section-intro h1{
	text-align: center;
	margin-bottom: 20px;
}
.section-intro .sections-boxes{
	padding-top: 0;
	padding-bottom: 20px;
}

.section-filters{
	display: none;
}
.section-filters h3{
	margin-bottom: 20px;
}
.section-filters #section_filters_close{
	display: none;
}
@media(max-width: 991px){
	.section-filters{
		position: fixed;
		z-index: 1000;
		background-color: #fff;
		overflow-y: scroll;
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;
	}
	.section-filters h3{
		padding: 30px 15px;
		margin-bottom: 0;
		position: relative;
		background-color: #ECEEEF;
	}
	.section-filters .section-filters-title{
		position: relative;
	}
	.section-filters #section_filters_close{
		display: block;
		position: absolute;
		right: 15px;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);

		width: 15px;
		height: 30px;

		font-size:20px;
		cursor: pointer;
	}
}

/*products*/
.product-items{

}
.product-items .product-box{
	border: 1px solid #D9DDE0;
	margin-bottom: 30px;
}
.product-items .product-box .product-box-white{
	padding: 10px;
}
.product-items .product-box .product-box-grey{
	background-color: #F5F5F5;
	padding: 10px;
	width:100%;
	display: inline-block;
}
.product-items .product-box .product-image{
	background-repeat:no-repeat;
	background-position: center center;
	background-size: cover;
	position: relative;
}
.product-items .product-box .product-image .product-basket-strip{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	font-size:12px;
	line-height: 24px;
	padding: 0 10px;
	text-align: center;
	color: #fff;
	display: none;
}

.product-items .product-box.in-basket .product-image .product-basket-strip{
	display: block;
}

.product-items .product-box .basket-buttons-in-basket{
	float: right;
	width: 100%;
}
.product-items .product-box .basket-buttons-in-basket .col-button{
	float: right !important;
}
.product-items .product-box .basket-buttons-in-basket .col-button button{
	float: right !important;
}
.product-items .product-box.in-basket:not(.has-unit-multipliers) .basket-buttons-not-in-basket{
	display: none;
}
.product-items .product-box:not(.in-basket) .basket-buttons-in-basket{
	display: none;
}
.product-items .product-box .product-name{
	margin-bottom: 5px;
}
.product-items .product-box .product-name a{
	font-size:16px;
	line-height: 24px;
	color: #333132;
	border: 0;
}
.product-items .product-box .product-size{
	font-size:12px;
	line-height: 24px;
	color: #858384;
}
.product-items .product-box .main-prices p{
	margin-bottom: 10px;

	font-family: "Lato", sans-serif;
	font-weight: 700;
	font-style: normal;
}
.product-items .product-box .main-prices .color-text-grey{
	text-decoration: line-through;
	font-weight: 400;
}

.product-items .product-box .unavailable-text{
	line-height: 18px;
	font-size:14px;
	margin-top: 15px;
}
.unavailable-text a {text-decoration:none !important}
.unavailable-text a:hover {text-decoration:underline !important}

@media(max-width: 767px){
	.product-items .product-box{
		margin-bottom: 20px;
	}
	.product-items .product-box .product-name a{
		font-size:14px;
		line-height: 20px;
	}
}
@media(max-width: 400px){
	.product-items .product-box .unavailable-text{
		font-size:12px;
	}
}
@media(max-width: 340px){
	.product-items .product-box .unavailable-text{
		line-height: normal;
	}
}


.add-basket-fast-wrp{
	position: relative;
}
.add-basket-fast-wrp input{
	height: 45px;
	width: 100%;
	padding-right: 45px;
	padding-left: 15px;
	border: 1px solid #D9DDE0;
}
.add-basket-fast-wrp button{
	position: absolute;
	top: 0;
	right: 0;
	height: 45px;
	width: 45px;
	padding: 0;
}
.add-basket-fast-wrp.small input{
	height: 40px;
	padding-right: 40px;
}
.add-basket-fast-wrp.small button{
	height: 40px;
	width: 40px;
}

/*
@media(min-width: 992px){
	.product-items .product-box .product-image{
		margin-bottom: 10px;
	}
	.product-items .product-box .product-name{
		min-height: 52px;
	}
	.product-items .product-box .product-item-info{
		position: relative;
	}
	.product-items .product-box .product-item-info .favourite{
		position: absolute;
		bottom: 0;
		right: 0;
		color: #858384;
	}
	.product-items .product-box .main-prices .favourite{
		display: none;
	}
}
@media(max-width: 991px){
	.product-items .product-box .main-prices{
		position: relative;
	}
	.product-items .product-box .main-prices .favourite{
		position: absolute;
		top: 9px;
		right: 20px;
		color: #858384;
	}
	.product-items .product-box .main-prices p{
		line-height: 45px;
		margin-bottom: 0;
	}
	.product-items .product-box .product-item-info{
		display: table-cell;
		vertical-align: middle;
	}
	.product-items .product-box .product-item-info .favourite{
		display: none;
	}
}
*/

/*products - section pages*/
.product-items h2{
	line-height: 24px;
	margin-bottom: 10px;
}
.product-items h2 a{
	border: 0;
	color: #000;
}
.product-items h2 a:hover{
	border: 0;
	color: #fe5000;
}
.product-items .product-box .product-image{
	background-repeat:no-repeat;
	background-position: center center;
	background-size: contain;
	margin-bottom: 10px;
}
.product-items .product-box .product-image a{
	border: 0;
}
.product-items .product-box button.add-to-favourites{
	background-color: transparent;
	padding: 0;
	height: auto;
}
/*
@media(min-width: 992px){
	.product-items .product-box{
		margin-bottom: 40px;
	}
	.product-items .product-box .product-image{
		margin-bottom: 15px;
	}
}
@media(max-width: 991px){
	.product-items .product-box .product-image{
		margin-bottom: 0;
	}
	.product-items .product-item-info{
		padding: 0 10px;
	}
}
*/

/*product - product page*/
.product-display{
	margin-bottom: 30px;
}
.product-info{
	margin-bottom: 30px;
}
.product-info h1{
	margin-bottom: 0;
}
.product-info .units{
	margin-bottom: 0;
	font-size:18px;
}
.product-info .sku{
	margin-bottom: 20px;
}
.product-info .main-prices{
	margin-bottom: 20px;
	display: block;
    width: 100%;
}
.product-info .main-prices p{
	margin-bottom: 10px;
	font-weight: 700;
	font-size:22px;
	line-height: 26px;
}
.product-info .main-prices .color-text-grey{
	text-decoration: line-through;
	font-weight: 400;
}
.product-info .main-prices .actual-price{
	font-family: "Lato", sans-serif;
	font-weight: 700;
	font-style: normal;
}

.slick-product-slider{
	padding: 0 50px;
	margin-top: 30px;
	margin-bottom: 40px;
}
.slick-product-slider .slick-slide{
	margin: 0 3px;
}
.slick-product-slider img{
	padding: 0;
	border: 1px solid #D9DDE0;
}
.slick-product-slider .slick-prev::before, .slick-product-slider .slick-next::before{
	font-family: "Font Awesome 5 Pro";
	font-weight: 300;
	font-size:20px;
	color: #00AD6F;
	opacity: 1;
}
.slick-product-slider .slick-prev::before{
	content: "\f060";
}
.slick-product-slider .slick-next::before{
	content: "\f061";
}
.slick-product-slider .slick-prev, .slick-product-slider .slick-next{
	box-shadow: none;
	border-radius: 0;
	height: 35px;
	width: 35px;
	z-index: 3;
	background-color: transparent;
	border-radius: 50%;
}
.slick-product-slider .slick-prev{
	left: 0;
}
.slick-product-slider .slick-next{
	right: 0;
}
@media(max-width: 767px){
	.product-info h1{
		margin-bottom: 10px;
	}
	.slick-product-slider{
		padding: 0 40px;
		margin-bottom: 35px;
	}
	.slick-product-slider .slick-prev::before, .slick-product-slider .slick-next::before{
		font-size:18px;
	}
	.slick-product-slider .slick-prev, .slick-product-slider .slick-next{
		height: 30px;
		width: 30px;
	}
}

/*product basket buttons - global*/
.basket-row-large{
	margin-left: -10px;
	margin-right: -10px;
}
.basket-row-large .col-input{
	width: 70px;
	float: left;
	position: relative;
	min-height: 1px;
	padding-left: 10px;
	padding-right: 10px;
}
.basket-row-large .col-uom{
	float: left;
	position: relative;
	min-height: 1px;
	padding-left: 0;
	padding-right: 0;
	line-height: 50px;
}
.basket-row-large .col-button{
	width: 260px;
	float: left;
	position: relative;
	min-height: 1px;
	padding-left: 10px;
	padding-right: 10px;
}
.basket-row-large input{
	width: 45px;
	height: 45px;
	border: 1px solid #D9DDE0;
	text-align: center;
}
.basket-row-large button{
	height: 45px;
	padding-top: 0;
	padding-bottom: 0;
}
.basket-row-small{
	margin-left: -5px;
	margin-right: -5px;
}
.basket-row-small .col-button{
	width: 55px;
	float: left;
	position: relative;
	min-height: 1px;
	padding-left: 5px;
	padding-right: 5px;
}
.basket-row-small button{
	height: 45px;
	width: 45px;
	padding: 0;
}
.basket-row-small.order-again{
	margin: 0;
	position: relative;
}
.basket-row-small.order-again .col-button{
	width: 40px;
	position: absolute;
	top: 0;
	padding: 0;
}
.basket-row-small.order-again button{
	height: 40px;
	width: 40px;
	padding: 0;
}
.basket-row-small.order-again .col-button.minus{
	left: 0;
}
.basket-row-small.order-again .col-button.plus{
	right: 0;
}
.basket-row-small.order-again input{
	height: 40px;
	text-align: center;
	padding: 0 50px;
}

@media only screen and (max-width:767px){
	.mobile-order-again-row {
		margin-top: 10px;
	}
}

.product-info .basket-row-large input{
	width: 50px;
	height: 50px;
}
.product-info .basket-row-large button{
	height: 50px;
}
.product-info .basket-row-small button{
	height: 50px;
	width: 50px;
}

.product-info .basket-row-large.back-in-stock-not .col-input{
	width: 230px;
}
.product-info .basket-row-large.back-in-stock-not .col-button{
	width: auto;
}
.product-info .basket-row-large.back-in-stock-not input{
	width: 210px;
	text-align: left;
}
@media(max-width: 1199px){
	.product-info .basket-row-large.back-in-stock-not button{
		padding-left: 15px;
		padding-right: 15px;
	}
}
@media(max-width: 767px){
	.product-info .basket-row-large.back-in-stock-not .col-input{
		width: 100%;
		margin-bottom: 10px;
	}
	.product-info .basket-row-large.back-in-stock-not .col-button{
		width: 100%;
		margin-bottom: 10px;
	}
	.product-info .basket-row-large.back-in-stock-not input{
		width: 100%;
	}
	.product-info .basket-row-large.back-in-stock-not button{
		width: 100%;
	}
}

.product-info .product-basket .product-basket-strip{
	display: none;
}
.product-info .product-basket.in-basket .product-basket-strip{
	display: block;
	line-height: 50px;
}
.product-info .product-basket.in-basket .product-basket-strip .product-quantity-in-basket{
	font-weight: 700;
}
.product-info .product-basket.in-basket:not(.has-unit-multipliers) .basket-buttons-not-in-basket{
	display: none;
}
.product-info .product-basket:not(.in-basket) .basket-buttons-in-basket{
	display: none;
}

.product-info .product-basket .product-basket-error-strip{
	display: none;
	margin-top: 10px;
}
.product-info .product-basket.error-basket .product-basket-error-strip{
	display: block;
	line-height: 50px;
}

.product-info .product-fav-share{
	margin-top: 30px;
	margin-bottom: 30px;
}
.product-info .product-fav-share button.add-to-favourites{
	background-color: transparent;
	padding: 0;
}
.product-info .product-fav-share i{
	font-size:22px;
}
.product-info .product-fav-share a{
	border: 0;
	color: #858384;
}
.product-info .product-fav-share a:hover{
	border: 0;
	color: #00AD6F;
	text-decoration: underline;
}

.product-expands{
	border-top: 1px solid #D9DDE0;
}
.product-expands .expand{
	border-bottom: 1px solid #D9DDE0;
}
.product-expands .expand .expand-title{
	padding: 20px 40px 20px 0;
	position: relative;
	cursor: pointer;
}
.product-expands .expand .expand-content{
	padding-bottom: 20px;
	display: none;
}
.product-expands .expand .expand-content *:last-child{
	margin-bottom: 0;
}
.product-expands .expand .expand-title:after{
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	content: "\f067";
	font-family: "Font Awesome 5 Pro";
	font-weight: 300;
	font-size:16px;

	width:16px;
	height:26px;
	-webkit-transition:-webkit-transform 0.4s linear 0s;
	-moz-transition:-moz-transform 0.4s linear 0s;
	-o-transition:-o-transform 0.4s linear 0s;
	transition:transform 0.4s linear 0s;

	color: #858384;
}
.product-expands .expand .expand-title.open{
	font-weight: 700;
}
.product-expands .expand .expand-title.open:after{
	content: "\f068";
	color: #00AD6F;
}

@media only screen and min-width:500px){
	.product-info .product-fav-share #favouritesText{
		min-width: 180px;
		display: inline-block;
	}
}

table.nutritional-info {
	font-size:16px;
	line-height: 26px;
	font-weight: 400;
	margin-bottom: 28px;
	color: #858384;	
}

/* SEARCH SUGGESTIONS */
#suggestions {
	background-color: #ffffff;
	color: #333132;
	box-shadow: 0 3px 6px #00000029;
	display: none;
	z-index: 2001;
	max-height: 580px;
	position: absolute;
	top: 100%;
	top: -moz-calc(100% + 20px);
	top: -webkit-calc(100% + 20px);
	top: -o-calc(100% + 20px);
	top: calc(100% + 20px);
	left: 0;
	margin-left: 0px;
	margin-right: 0px;
	width: 100%;
}
.suggestions-search{
	max-height: 540px;
	overflow-y: auto;
	z-index:1002;
}
.search-dropdown{
	padding: 10px 0;
	border-bottom: 1px solid #D9DDE0;
	color: #333132;
	font-weight: 400;
	overflow-x: hidden;
}

@media only screen and (max-width: 767px){
	#suggestions {
		max-height: 60vh;
	}
	.suggestions-search{
		max-height: 60vh;
	}
}

.search-dropdown .container{
	padding-left: 0;
	padding-right: 0;
}
.search-dropdown .row{
	display: table;
	width: 100%;
	margin: 0;
}
.search-dropdown div[class*="col-"]:not(:nth-child(2n)){
	display: table-cell;
	vertical-align: top !important;
	float: none;
}

.search-dropdown div[class*="col-"]:nth-child(2n){
	vertical-align: top !important;
}

.search-dropdown .image{
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;

	max-width: 70px;
	max-height: 70px;

	/*float: right;*/
	margin-left: auto;
}
.search-close{
	background-color: #333132;
	text-decoration: none;
	font-size:14px;
	line-height: 50px;
	color: #fff;
	font-weight: 400;
	cursor: pointer;
	height: 50px;
}

@media(max-width: 991px){
	#suggestions {
		top: 100%;
	}
}

/*Overlays*/
.overlayContainer {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;

	max-width: 100px;
	max-height: 100px;
	margin: 5px;
}
.product-items .product-image .item-overlay{
	position: absolute;
	top: 0;
	right: 0;
	max-width: 60px;
	max-height: 60px;
	margin: 5px;
}

#back_to_top {
	display:none;
	position:fixed;
	bottom:5%;
	right:5%;
	width:50px;
	height: 50px;
	margin:0;
	background-color:#585858;
	color:#ffffff;
	font-size:14px;
	line-height:50px;
	text-align:center;
	border-bottom:none;
	cursor:pointer;
	z-index:44498;
	box-shadow: 3px 3px 6px #00000029;
}

#back_to_top > i{
    position: absolute;
    top: 18px;
    left: 19px;
}

#shareModal a{
	border: 0;
}
#shareModal a:hover{
	border: 0;
}

#shareModal i {
	font-size:30px;
}

#shareModal .modal-footer {
	text-align: center;
}

/*Delivery cheker*/
.delivery-intro{
	text-align: center;
}
.delivery-checker-box{
	padding: 30px 20px;
	text-align: center;
	margin-bottom: 20px;
}
.delivery-checker-box p{
	margin-bottom: 0;
	color: #333132;
}
.delivery-checker-box i{
	font-size: 30px;
	margin-bottom: 15px;
	display: inline-block;
}
.delivery-checker-box .title{
	font-size:18px;
	font-family: 'Vollkorn', serif;
	line-height: 26px;
	margin-bottom: 5px;
}
.delivery-checker-box.box-success{
	background-color: #E6F7F1;
}
.delivery-checker-box.box-error{
	background-color: #FCEEEE;
}
.delivery-checker-box.box-success i{
	color: #00AD6F;
}
.delivery-checker-box.box-error i{
	color: #E15554;
}
a.search-again{
	border: 0;
}
@media(max-width: 767px){
	.delivery-intro{
		text-align: left;
	}
}

/*charities*/
.albion-charities{
	background-color: #F5F5F5;
	padding-top: 40px;
	margin-top: 12px;
}
.albion-charities h2{
	margin-bottom: 40px;
}
.albion-charities .charity-box{
	background-color: #fff;
	margin-bottom: 40px;
}
.albion-charities .charity-box .charity-image{
	padding: 20px;
}
.albion-charities .charity-box .charity-image img{
	display: block;
	margin: 0 auto;
	max-height: 120px;
}
.albion-charities .charity-box .charity-details{
	border-top: 1px solid #00AD6F;
	padding: 20px;
}
.albion-charities .charity-box .charity-details h3{
	margin-bottom: 10px;
}
.albion-charities .charity-box .charity-details p{
	margin-bottom: 15px;
}
.albion-charities .charity-box .charity-details a{
	border: 0;
	font-size:14px;
}
@media(max-width: 767px){
	.albion-charities .charity-box{
		margin-bottom: 30px;
	}
}

#newsletter_signup {
	display:block;
	margin:20px auto;
	max-width:600px;
}


/*Account pages*/
/*general*/
.account-page.history{
	padding-bottom: 30px;
}
.account-page.dashboard h1{
	padding: 40px 0;
	text-align: center;
	margin-bottom: 0;
}
.account-page.history h1{
	padding: 20px 0 30px;
	text-align: center;
	margin-bottom: 0;
}
.account-page.order h1{
	padding: 20px 0 30px;
	text-align: center;
	margin-bottom: 0;
}
.account-page.details h1{
	padding: 40px 0 10px;
	text-align: center;
	margin-bottom: 0;
}
.account-page .pagenav{
	padding-top: 0;
	padding-bottom: 30px;
	margin-bottom: 0;
}
.button.account-page-button{
	margin-bottom: 60px;
	font-size:14px;
	line-height: 22px;
	text-align: center;
	padding: 13px 15px;
}
.button.account-page-button i{
	font-size:12px;
	line-height: 22px;
}

/*dashboard page*/
.account-dashboard-boxes > .row{
	margin-right: -18px;
	margin-left: -18px;
}
.account-dashboard-boxes > .row > div[class*="col-"]{
	padding-left: 18px;
	padding-right: 18px;
}
.account-dashboard-boxes .box{
	background-color: #fff;
	transition:background-color 0.4s;
	padding: 40px 20px;
	margin-bottom: 36px;
	text-align: center;

	font-family: "Lato", sans-serif;
	font-weight: 700;
	font-style: normal;
}
.account-dashboard-boxes .box:hover{
	background-color: #d9dde0;
}
.account-dashboard-boxes .box i{
	font-size:38px;
	color: #00AD6F;
	margin-bottom: 20px;
	display: block;
}
.account-dashboard-boxes a{
	color: inherit;
}
.account-log-out{
	margin-top: 10px;
	margin-bottom: 45px;
	text-align: center;
}

.registered-customer {
	margin-bottom: 30px;
}

@media(max-width: 991px){
	/*general*/
	.account-page.history{
		padding-bottom: 0;
	}
	.account-page.dashboard h1{
		padding: 30px 0;
		text-align: center;
	}
	.account-page.history h1{
		padding: 0 0 30px;
	}
	.account-page.order h1{
		padding: 0 0 20px;
		text-align: left;
	}
	.account-page.details h1{
		padding: 0 0 10px;
		text-align: left;
	}

	/*dashboad page*/
	.account-dashboard-boxes > .row{
		margin-right: -10px;
		margin-left: -10px;
	}
	.account-dashboard-boxes > .row > div[class*="col-"]{
		padding-left: 10px;
		padding-right: 10px;
	}
	.account-dashboard-boxes .box{
		padding: 25px 20px;
		margin-bottom: 20px;
	}
	.account-dashboard-boxes .box i{
		font-size: 30px;
		margin-bottom: 10px;
	}
}

/*history page*/
.account-orders{
	margin-bottom: 30px;
}
.account-order-box{
	background-color: #fff;
	margin-bottom: 20px;
	border: 1px solid #D9DDE0;
}
.account-order-innerbox{
	padding: 20px 30px;
}
.account-order-box .title{
	color: #858384;
	font-size: 10px;
	line-height: 10px;
	margin-bottom: 12px;
	text-transform: uppercase;

	font-family: "Lato", sans-serif;
	font-weight: 700;
	font-style: normal;
}
.account-order-box .data{
	color: #333132;
	font-size:16px;
	line-height: 18px;

	font-family: "Lato", sans-serif;
	font-weight: 700;
	font-style: normal;
}
.account-order-innerbox.color-white .title,
.account-order-innerbox.color-white .data{
	color: #fff;
}
.account-order-box .button{
	padding: 10px;
	width: 100%;
	text-align: center;
	border-color: #D9DDE0;
	color: #333132;
	font-size:14px;
	line-height: 18px;
	min-height: 40px;
}
.account-order-box .button:hover{
	color: #333132;
}
@media(max-width: 991px){
	.account-orders{
		margin-bottom: 0;
	}
	.account-order-box{
		margin-bottom: 30px;
	}
	.account-order-innerbox{
		padding: 20px 20px 5px;
	}
	.account-order-box .button{
		border-top: 1px solid #D9DDE0;
	}
	.account-order-box .title{
		margin-bottom: 6px;
	}
	.account-order-box .data{
		margin-bottom: 15px;
		font-size:12px;
		line-height: 14px;
	}
}

/*order details page*/
.account-order-details{

}
.account-order-details .title{
	color: #858384;
	font-size: 10px;
	line-height: 10px;
	margin-bottom: 12px;
	text-transform: uppercase;

	font-family: "Lato", sans-serif;
	font-weight: 700;
	font-style: normal;
}
.account-order-details .data{
	font-size:16px;
	line-height: 18px;
	margin-bottom: 40px;

	font-family: "Lato", sans-serif;
	font-weight: 700;
	font-style: normal;
}
.account-order-details p{
	color: #333132;
}
.account-order-details-table{
	text-align: left;
	margin-bottom: 20px;
}
.account-order-details-table .table-head{
	background-color: #D9DDE0;
	padding: 10px 20px;
}
.account-order-details-table .table-row{
	border-bottom: 1px solid #D9DDE0;
	padding: 20px;
}
.account-order-details-table .title{
	color: #333132;
	font-size: 10px;
	line-height: 10px;
	text-transform: uppercase;

	font-family: "Lato", sans-serif;
	font-weight: 700;
	font-style: normal;
}
.account-order-details-table .data{
	font-size:14px;
	line-height: 24px;
}
.account-order-details-table .data em{
	font-size:12px;
	color: #858384;
}
.account-order-details-totals{
	margin-bottom: 60px;
}
.account-order-details-totals .title{
	color: #333132;
	font-size: 10px;
	line-height: 26px;
	text-transform: uppercase;
	text-align: right;
	padding: 5px 10px;
}
.account-order-details-totals .data{
	font-size:14px;
	line-height: 26px;
	text-align: center;
	padding: 5px 20px;
}

.account-order-details-table .order-shorted-quantity {
	background-color: #FAED27;
	padding: 0 6px;
	color: #000000;
}

@media(max-width: 991px){
	.account-order-details .title{
		margin-bottom: 7px;
	}
	.account-order-details .data{
		margin-bottom: 25px;
	}
	.account-order-details-table .table-head{
		padding: 10px 10px;
	}
	.account-order-details-table .table-row{
		padding: 20px 10px;
	}
	.account-order-details-totals .data {
		padding: 5px 10px;
	}
}

/*account details page*/
.account-details-table{
	margin-bottom: 40px;
}
.account-details-table .change-password{
	font-size:14px;
}
.account-details-table .change-password a{
	font-size:14px;
}
.account-details-table .detail-row{
	padding: 20px 0 20px 40px;
	position: relative;
}
.account-details-table .detail-row:not(:last-child){
	border-bottom: 1px solid #d9dde0;
}
.account-details-table .detail-row > i{
	position: absolute;
	left: 0;
	top: 20px;
	font-size:16px;
	line-height: 26px;
	color: #00AD6F;
}
@media(min-width: 992px){
	.account-details-table .change-password{
		float: right;
	}
}
@media(max-width: 991px){
	.account-details-table .change-password{
		display: inline-block;
		float: right;
	}
}

@media(max-width: 767px){
	.account-details-table .change-password{
		display: block;
		float: none;
	}
}

/*account order again*/
.account-page.order-again h1{
	margin-bottom: 30px;
}
.account-order-again-bar form{
	margin-bottom: 30px;
}
@media(min-width: 992px){
	.account-order-again-bar{
		margin-top: 25px;
	}
}
.account-order-again-search{
	margin-bottom: 30px;
}

.account-order-again-table{
	margin-bottom: 40px;
	border: 1px solid #D9DDE0;
}
.account-order-again-table .table-head{
	padding: 0 10px;
}
.account-order-again-table .title{
	font-size: 12px;
	line-height: 26px;
	text-transform: uppercase;
}
.account-order-again-table .table-row{
	padding: 10px;
	border-top: 1px solid #D9DDE0;
	background-color: #fff;
}
.account-order-again-table .table-row .table-data .data em{
	font-size:12px;
	color: #858384;
}
.account-order-again-table button.add-to-favourites{
	background-color: transparent;
	padding: 0;
	height: auto;
}
.account-order-again-table .table-row.in-basket:not(.has-unit-multipliers) .basket-buttons-not-in-basket{
	display: none;
}
.account-order-again-table .table-row:not(.in-basket) .basket-buttons-in-basket{
	display: none;
}
.account-order-again-table .table-row .basket-buttons-in-basket input[disabled]{
	background-color: #fff;
	cursor: auto;
	z-index: 1;
}

.account-order-again-table .table-row button {
	z-index: 10;
}

.order-again-table-sortable:hover {
	cursor: pointer;
}

.order-again-table-sortable i {
	color: #00AD6F;
	margin-left: 8px;
	font-size:12px;
}

@media(min-width: 992px){
	.account-order-again-table .desktop-center{
		text-align: center;
	}
	.account-order-again-table .table-row .col-40px{
		width: 50px;
		float: left;
	}
	.account-order-again-table .table-row .col-rest-40px{
		width: calc(100% - 50px);
		float: left;
	}
	.account-order-again-table .mobile-title{
		display: none;
	}
	.account-order-again-table .table-row .table-data{
		min-height: 40px;
		display: table;
	}
	.account-order-again-table .table-row .table-data .data{
		display: table-cell;
		vertical-align: middle;
		line-height: 20px;
	}

	.account-order-again-table .table-row .table-data .data a {
		border: none;
		color: #333132;
		text-decoration: none;
	}
	.account-order-again-table .table-row .table-data .data a:hover {
		text-decoration: underline;
	}
	.account-order-details-table .table-row .data a {
		border: none;
		color: #333132;
		text-decoration: none;
	}
	.account-order-details-table .table-row .data a:hover {
		text-decoration: underline;
	}
}

@media(max-width: 991px){
	.account-order-again-table{
		border-top: 0;
		margin-bottom: 30px;
	}
	.account-order-again-table .table-head{
		display: none;
	}
	.account-order-again-table .table-row .col-40px{
		display: none;
	}
	.account-order-again-table .table-row .col-rest-40px{
		width: 100%;
	}
	.account-order-again-table .last-data{
		font-size: 12px;
		line-height: 20px;
		color: #858384;
	}
}

/*Contact Us*/
.contact-points{
	text-align: center;
	margin-top: 40px;
	margin-bottom: 40px;
}
.contact-points .point-wrp{
	margin-bottom: 20px;
}
.contact-points .point-roundel{
	width: 80px;
	height: 80px;
	background-color: #00AD6F;
	border-radius: 50%;
	margin: 0 auto 20px;

}
.contact-points .point-roundel a,
.contact-points .point-roundel i{
	color: #fff;
	font-size:24px;
	line-height: 80px;
	display: block;
}
.contact-points .point-text{
	line-height: 30px;
}
.contact-points .point-text .large{
	font-size:24px;
}
.contact-points .point-text h4{
	line-height: 30px;
}
.contact-points .point-text a{
	color: #333132;
}
.contact-points .point-text a:hover{
	color: #00AD6F;
}
.contact-points .point-text a.green{
	color: #00AD6F;
	text-decoration: underline;
}
.contact-points .point-text a.green:hover{
	color: #00AD6F;
	text-decoration: underline;
}
.contact-points .point-text .col-title{
	text-align: right;
}
.contact-points .point-text .col-info{
	text-align: left;
	margin-bottom: 10px;
}

.contact-box{
	border: #D9DDE0 solid 1px;
	border-top: #00AD6F solid 2px;
	box-shadow: 0px 3px 6px #00000029;
	padding: 30px;
	background-color: #fff;
	margin-bottom: 40px;
}
.contact-box iframe{
	height: 561px;
}
@media(max-width: 991px){
	.contact-points .point-roundel{
		width: 60px;
		height: 60px;
		margin-bottom: 10px;
	}
	.contact-points .point-roundel a,
	.contact-points .point-roundel i{
		line-height: 60px;
		font-size:18px;
	}
	.contact-points .point-text, .contact-points .point-text .large{
		font-size:16px;
		line-height: 24px;
	}
	.contact-points .point-text .col-title{
		text-align: center;
	}
	.contact-points .point-text .col-info{
		text-align: center;
	}
}
@media(max-width: 767px){
	.contact-points{
		margin-bottom: 20px;
	}
	.contact-points .point-wrp{
		position: relative;
		margin-bottom: 30px;
	}
	.contact-points .point-roundel{
		position: absolute;
		top: 0;
		left: 0;

		width: 50px;
		height: 50px;
		margin-bottom: 10px;
		margin-left: 0;
		margin-right: 0;
	}
	.contact-points .point-roundel a,
	.contact-points .point-roundel i{
		line-height: 50px;
		font-size: 13px;
	}
	.contact-points .point-text{
		text-align: left;
		margin-left: 70px;
	}
	.contact-points .point-text, .contact-points .point-text .large{
		font-size:16px;
		line-height: 24px;
	}
	.contact-box iframe{
		height: 275px;
	}
	.contact-points .point-text .col-title{
		text-align: left;
	}
	.contact-points .point-text .col-info{
		text-align: left;
	}
}

/*loyalty page*/
.loyalty-boxes{
	margin-top: 40px;
}
.loyalty-box{
	border: #D9DDE0 solid 1px;
	border-top: #E15554 solid 2px;
	box-shadow: 0px 3px 6px #00000029;
	padding: 60px 30px 30px;
	background-color: #fff;
	margin-top: 40px;
	margin-bottom: 30px;
	position: relative;
}
.loyalty-box h2{
	margin-bottom: 10px;
}
.loyalty-box .inner-box{
	background-color: #F5F5F5;
	padding: 20px;
}
.loyalty-box .roundel{
	width: 80px;
	height: 80px;
	background-color: #E15554;
	border-radius: 50%;
	position: absolute;
	top: -40px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
.loyalty-box .roundel i{
	color: #fff;
	font-size:26px;
	line-height: 80px;
	display: block;
	text-align: center;
}
@media(max-width: 991px){
	.loyalty-boxes{
		margin-top: 0;
	}
	.loyalty-box{
		padding: 50px 20px 40px;
		margin-top: 42px;
		margin-bottom: 28px;
	}
	.loyalty-box .roundel{
		width: 60px;
		height: 60px;
		top: -30px;
	}
	.loyalty-box .roundel i{
		font-size:18px;
		line-height: 60px;
	}
}
@media(max-width: 768px){
	.loyalty-boxes{
		margin-top: -18px;
	}
	.loyalty-box{
		margin-top: 60px;
		margin-bottom: 10px;
	}
}

/* 1 image banner - loyalty page initial */
.one-image-banner{
	width: 100%;
	height: 300px;
	max-width: 1500px;
	max-height: 300px;
	margin: 0 auto;
}
@media(max-width: 991px){
	.one-image-banner{
		height: 200px;
	}
}
@media(max-width: 767px){
	.one-image-banner{
		height: 100px;
	}
}

/* cta banner - loyalty page initial */
.cta-banner{
	width: 100%;
	max-width: 1500px;
	margin: 0 auto;

	background-image: url('/img/loyalty/strawberries-1350482-edited.jpg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.cta-banner .cta-content{
	color: #fff;
	padding: 60px 0;
}
.cta-banner .cta-content h2{
	margin-bottom: 20px;
}
.cta-banner .cta-content .button{
	padding-left: 135px;
	padding-right: 135px;
	display: inline-block;
}
@media(max-width: 767px){
	.cta-banner .cta-content .button{
		width: 100%;
		padding-left: 15px;
		padding-right: 15px;
	}
}

/* Incentive */
.incentive-page-banner-intro{
	width: 100%;
	max-width: 1500px;
	margin: 0 auto;

	background-image: url('/img/incentive/incentive_header.png');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;

	padding: 50px 0;
}

.incentive-page-banner-intro h1{
	color: #fff;
	margin-bottom: 10px;
	font-size:50px;
}

.incentivebutton{
	margin-bottom: 20px;
}
.incentivesub{
	font-style: italic;
}

.appQR{
	margin-top:20px;
}

/* About us */
.about-us-page-banner-intro{
	width: 100%;
	max-width: 1500px;
	margin: 0 auto;

	background-image: url('/img/about_us/about_us_header.jpg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;

	padding: 50px 0;
}
.about-us-page-banner-intro h1{
	color: #fff;
	margin-bottom: 10px;
}
.about-us-page-banner-intro p{
	color: #fff;
}
.about-us-page-banner-intro .large-text p:last-child{
	margin-bottom: 0;
}
.about-us-page-banner-intro.with-image{
	padding-bottom: 230px;
}
.about-us-page.with-image{
	margin-top: -200px;
}
.about-us-page.no-image{
	margin-top: 30px;
}
.about-us-page img.img-responsive{
	margin-bottom: 30px;
}
@media(max-width: 767px){
	.about-us-page-banner-intro.with-image{
		padding-bottom: 115px;
	}
	.about-us-page.with-image{
		margin-top: -85px;
	}
}

.testimonial-box{
	background-color: #F5F5F5;
	padding: 40px;
	margin-top: 50px;
	margin-bottom: 50px;
	position: relative;
}
.testimonial-box .open-quote{
	position: absolute;
	left: 40px;
	top: -30px;
	height: 30px;
}
.testimonial-box .close-quote{
	position: absolute;
	right: 40px;
	bottom: -30px;
	height: 30px;
}
.testimonial-box .open-quote img,
.testimonial-box .close-quote img{
	height: 30px;
	vertical-align: top;
}

.testimonial-box p:last-child{
	margin-bottom: 0;
	font-size:16px;
	line-height: 24px;
	font-weight: 700;
}
@media(max-width: 767px){
	.testimonial-box{
		padding: 40px 20px;
		margin-top: 32px;
		margin-bottom: 40px;
	}
	.testimonial-box .open-quote{
		height: 20px;
		top: -20px;
	}
	.testimonial-box .close-quote{
		height: 20px;
		bottom: -20px;
	}
	.testimonial-box .open-quote img,
	.testimonial-box .close-quote img{
		height: 20px;
	}
}

.follow-box{
	margin-top: 20px;
}
.follow-box h2{
	margin-bottom: 0;
}
.follow-box .contact-points{
	margin-top: 30px;
}
@media(max-width: 767px){
	.follow-box .contact-points .point-wrp{
		margin-bottom: 40px;
	}
}

.image-grid{
	margin-bottom: 60px;
}
.image-grid img{
	height: 200px;
}
@media(max-width: 767px){
	.image-grid img{
		height: 150px;
	}
}

/* albion-page */

/*main ol*/
.albion-page ol{
	list-style-position: inside;
}
.albion-page ol li{
	margin-bottom: 15px;
}

/*secondary ol*/
.albion-page ol ol{
	list-style-position: outside;
	counter-reset: my-counter;
	margin-left: 40px;
	color: #858384;
	margin-bottom: 28px;
}
.albion-page ol ol > li{
	list-style: none;
	margin-left: 40px;
	position: relative;
}
.albion-page ol ol > li:before{
	position: absolute;
	left: -40px;
	counter-increment: my-counter;
    content: "(" counter(my-counter,lower-alpha) ") ";
}

/*primary ul*/
.albion-page ul{
	list-style-type:disc;
	list-style-position: inside;
	margin-left: 40px;
	margin-bottom: 28px;
	color: #858384;
}

/*secondary ul*/
.albion-page ol ol ul{
	list-style-type:disc;
	list-style-position: inside;
	margin-left: 60px;
	margin-bottom: 15px;
	margin-top: 15px;
	color: #858384;
}

/*product multibuy*/
.product-multibuy-box{
	border: 1px solid #D9DDE0;
	margin-bottom: 30px;
	padding: 30px;
}
.product-multibuy-box .title{
	margin-bottom: 10px;
}
.product-multibuy-box .promo-products{
	margin-bottom: 10px;
}
.product-multibuy-box .product-image{
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	margin-bottom: 10px;
}
.product-multibuy-box .product-name{
	font-size:12px;
	line-height: 18px;
	margin-bottom: 10px;
}
.product-multibuy-box .product-name a{
	color: #333132;
}
.product-multibuy-box .product-name a:hover{
	color: #00AD6F;
}
.product-multibuy-box .product-units{
	font-size: 12px;
	line-height: 16px;
	color: #858384;
	margin-bottom: 20px;
}
.product-multibuy-box .promo-add ul{
	margin-bottom: 0;
}
.product-multibuy-box .promo-price{
	font-size:18px;
}
@media(max-width: 767px){
	.product-multibuy-box{
		padding: 15px;
	}
}

@media (max-width: 991px){
	.search-wrapper .section_filters_wrapper {
		display: none;
	}
}

div.right-align {
	text-align: right !important;
}

/* Modal Styling */
.modal .modal-content {
	border-radius: 0;
}

.modal .modal-footer {
	border-top: none;
}

.modal .modal-header .close {
	font-size:38px;
	line-height: 40px;
	margin-top: -10px;
	color: #00AD6F;
	opacity: 0.9;
}

.modal .modal-header .close:hover {
	color: #008a59;
}

.page-bottom-margin {
	margin-bottom: 30px;
}

.account-basket-message {
	width:100%;
	display: inline-block;
	border: 1px solid #00AD6F;
	color: #00AD6F;
	text-align: center;
	padding: 6px 0;
}

.account-order-details .data.delivery-address {
	font-size:14px;
	line-height: 26px;
}

#review-order-reference-message,
#review-order-notes-message {
	padding-left: 20px;
}

#checkout_ordernotes textarea {
	min-height: 100px;
}

@media only screen and (max-width: 767px){
	.sameHeight-wrapper {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		margin-bottom: 5px;
	}

	.sameHeight {
		display:flex;
		flex-direction:column;
		justify-content:center;
	}

	#review-order-reference-message,
	#review-order-notes-message {
		display: block;
		margin-top: 20px;
		padding-left: 0;
	}
}

.error-field {
	border: 1px solid #E15554 !important;
}

a.color-primary-red{
	border:none;
	text-decoration: underline;
}

.product-history {
	padding-top: 0;
}

.product-history a {
	text-decoration: none;
}

/* Open an account page */
.open-an-account-wrapper .account-form-label {
	font-weight: 500;
	font-size:16px;
}

.open-an-account-wrapper .account-form-atom {
	margin-top: 30px;
}

.open-an-account-wrapper .open-an-account-section {
	padding: 40px 0;
	border-bottom: 1px solid #D9DDE0;
	display: inline-block;
	width: 100%;
}
.open-an-account-intro {
	margin-top: 40px;
}
.open-an-account-intro p:last-child {
	margin-bottom: 0;
}

.open-an-account-wrapper h2 {
	margin-bottom: 0;
	text-transform: none;
}

.open-an-account-wrapper textarea {
	max-width: 100%;
}

.radio-group {
	display: inline-block;
	width: 100%;
}

.radio-group .radio-group-item {
	float: left;
	display: block;
}

.radio-group .radio-group-item {
	margin: 20px 10px 0 0;
}

.radio-group .radio-group-item > label,
.radio-group .radio-group-item > input {
	float: left;
	margin: 0 10px 0 0 ;

}

.radio-group .radio-group-item span {
	margin: 0 10px 0 0;
	font-size:14px;
}

/* Style radios */
/* Customize the label (the container) */
.account-radio-label,
.account-checkbox-label {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size:20px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.account-radio-label input,
.account-checkbox-label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom radio button */
.account-radio-label .checkmark,
.account-checkbox-label .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #FFFFFF;
  border: 1px solid rgb(217, 221, 224);
}

.account-radio-label .checkmark {
	border-radius: 50%;
}

.account-form-checkboxes .account-radio-label .checkmark,
.account-form-checkboxes .account-radio-label .checkmark:after {
	border-radius: unset;
}

.account-form-checkboxes  .radio-group {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
}

.account-form-checkboxes  .radio-group-item {
	flex: 1 1 calc(100% / 3 - 20px);
	min-width: 110px;
	display: flex;
	align-items: center;
}

.account-form-checkboxes  .account-radio-label {
	display: flex;
	align-items: center;
	width: 100%;
}


	/* On mouse-over, add a grey background color */
.account-radio-label:hover input ~ .checkmark,
.account-checkbox-label:hover input ~ .checkmark {
  background-color: #00AD6F;
}

.account-radio-label:hover input ~ .checkmark:after,
.account-checkbox-label:hover input ~ .checkmark:after {
	display: block;
	opacity: 0.8;
}

/* When the radio button is checked, add a blue background */
.account-radio-label input:checked ~ .checkmark,
.account-checkbox-label input:checked ~ .checkmark {
  background-color: #00AD6F;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.account-radio-label .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.account-checkbox-label .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.account-radio-label input:checked ~ .checkmark:after,
.account-checkbox-label input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.account-radio-label .checkmark:after{
  top: 8px;
  left: 8px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}

.account-checkbox-text {
	font-weight: 400;
	font-size:16px;
}

/* Style checkboxes */
/* Style the checkmark/indicator */
.account-checkbox-label .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.bootbox button {
	margin-left: 10px;
}

.order-again-table-filters {
	margin-bottom: 20px;
	max-width: 200px;
	margin-top: -10px;
	float: right;
}

.order-again-mobile-table-sortable {
	display: none;
}

@media only screen and (max-width: 991px){
	.order-again-mobile-table-sortable {
		display: block;
		margin-bottom: 20px;
		max-width: 200px;
		margin-top: -10px;
		float: right;
		margin-right: 10px;
	}
}

@media only screen and (max-width: 767px){
	.order-again-mobile-table-sortable {
		float: none;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}
}

@media only screen and (max-width: 767px){
	.order-again-table-filters {
		float: none;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}
}

.account-form-subheading {
	margin-bottom: 10px;
}

.account-required {
	color: red;
}

.multiple-accounts-dashboard > div{
	width: 20%;
}

.status-message {
	margin-top: 10px;
	display: inline-block;
}

@media (max-width: 991px){
	.multiple-accounts-dashboard {
		text-align: center;
	}
	.multiple-accounts-dashboard > div{
		width: 49%;
		text-align: center;
		float: none;
		display: inline-block;
		margin: 0 -3px;
	}
}

.new-accountcode-tooltip {
	color: #00AD6F;
	font-size:14px;
}

.new-accountcode-tooltip:hover {
	cursor: pointer;
}

.v-middle {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	flex-direction: column;
}

.v-middle > div > ul {
	flex: 1;
}

.plp-label {
	font-size:14px;
	line-height: 18px;
	margin-bottom: 5px;
}

.postage-backorder-message {
	margin-top: 40px;
}

.postage-form p {
	margin-bottom: 10px;
}

.order-again-original-product {
	text-decoration: line-through;
}


.pdp-replacement-product-wrapper {
	margin: 10px 0 40px 0;
}

.pdp-replacement-product-wrapper h3 {
	margin-bottom: 10px;
}

.pdp-replacement-product-wrapper p {
	margin-bottom: 20px;
}

.pdp-replacement-product-wrapper img {
	width: 100%;
}
.pdp-replacement-product-wrapper a {
    border: none;
}
.pdp-replacement-product-wrapper a:hover {
	border: none;
	text-decoration: none;
	outline: none;
}

.pdp-replacement-product-wrapper .suggested-product-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack:center;
	    -ms-flex-pack:center;
	        justify-content:center;
}

@media (max-width: 767px){
	.pdp-replacement-product-wrapper img {
		margin-bottom: 20px;
	}

	.pdp-replacement-product-wrapper .suggested-product-content {
		display: inline-block;
	}
}

@media (max-width: 500px){
	.pdp-replacement-product-wrapper > .row > div[class*='col-'] {
		width: 50%;
	}

	.pdp-replacement-product-wrapper a.button {
		padding: 10px;
		font-size:14px;
	}
}



/* Homepage new button */
.homepage-action-link {
	padding: 60px 0;
	border-bottom: 1px solid #D9DDE0;
	text-align: center;
}

.homepage-action-link a {
	font-size:20px;
	line-height: normal;
	color: #fff;
	outline: none;
	border: none;
	border-radius: 0;
	padding: 20px 40px;
	position: relative;
	cursor: pointer;
	text-decoration: none;
	transition:background-color 0.4s;
	display: inline-block;
	background: #00AD6F;
	width:100%;
	max-width: 500px;

}

.homepage-action-link p {
	margin: 0;
}

.homepage-action-link a:hover{
	background-color: #008a59;
}

.homepage-action-link a:active{
	top: 1px;
}

@media (max-width: 767px){
	.homepage-action-link a {
		width: calc(100% - 30px);
		max-width: 100%;
		padding-left: 20px;
		padding-right: 20px;
		margin-left: 15px;
		margin-right: 15px;
		display: block;
	}
}

/* Product stock notification */
.product-stock-notification-wrapper {
	margin-top: 20px;
}

.product-stock-notification-wrapper input {
	margin-right: 5px;
}

@media(max-width: 767px){
	.product-stock-notification-wrapper label {
		max-width: 90%;
	}
	.product-stock-notification-wrapper input {
		vertical-align: top;
	}
}


/* ~~~~~ Erudus allergen icons ~~~~~ */
.eicon {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'erudus' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	font-size:46px;
	color: #d3d3d3;
	display: inline-block;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.allergen-level-maycontain {color: #f0ad4e;}
.allergen-level-contains {color: #d9534f;}
.allergen-level-suitable {color: #5cb85c;}

.eicon-coeliac:before {content: "\e926";}
.eicon-kosher:before {content: "\e901";}
.eicon-halal:before {content: "\e900";}
.eicon-vegan:before {content: "\e902";}
.eicon-vegetarian:before {content: "\e905";}
.eicon-celery:before {content: "\e906";}
.eicon-crustaceans:before {content: "\e903";}
.eicon-gluten:before {content: "\e904";}
.eicon-so2:before {content: "\e909";}
.eicon-lupin:before {content: "\e907";}
.eicon-mustard:before {content: "\e90c";}
.eicon-sesame:before {content: "\e908";}
.eicon-eggs:before {content: "\e90d";}
.eicon-fish:before {content: "\e90a";}
.eicon-molluscs:before {content: "\e90b";}
.eicon-cereal:before {content: "\e911";}
.eicon-milk:before {content: "\e90e";}
.eicon-nuts:before {content: "\e90f";}
.eicon-peanuts:before {content: "\e910";}
.eicon-soya:before {content: "\e913";}
.eicon-coeliac:before {content: "\e926";}
.eicon-gluten-claim:before {
	background-image: url("./img/gluten-ppm.png");
    background-size: 41px 35px;
    background-repeat: no-repeat;
    width: 41px;
    height: 35px;
    display:block;
	margin-top:10px;
	transform: scale(1.5);
    content: "";
    position: relative;
}

.eicon-circle-kosher:before {content: "\e912";}
.eicon-circle-halal:before {content: "\e914";}
.eicon-circle-vegan:before {content: "\e915";}
.eicon-circle-vegetarian:before {content: "\e916";}
.eicon-circle-celery:before {content: "\e917";}
.eicon-circle-crustaceans:before {content: "\e918";}
.eicon-circle-gluten:before {content: "\e919";}
.eicon-circle-so2:before {content: "\e91a";}
.eicon-circle-lupin:before {content: "\e91b";}
.eicon-circle-mustard:before {content: "\e91c";}
.eicon-circle-sesame:before {content: "\e91d";}
.eicon-circle-eggs:before {content: "\e91e";}
.eicon-circle-fish:before {content: "\e91f";}
.eicon-circle-molluscs:before {content: "\e920";}
.eicon-circle-cereal:before {content: "\e921";}
.eicon-circle-milk:before {content: "\e922";}
.eicon-circle-nuts:before {content: "\e923";}
.eicon-circle-peanuts:before {content: "\e924";}
.eicon-circle-soya:before {content: "\e925";}


.header-credit-limit-banner {
	padding: 5px 0;
}

@media(max-width: 767px){
	.accounts-portal {
		margin-bottom: 10px;
	}
}

.p7_1, .p7_2, .p7_3, .p7_4, .p2, .p3{
	display: none;
}
.error-box--businessType,
.error-box--ltd, .error-box--sole{
	display: none;
}

.basket-buttons-not-in-basket .col-input,
.basket-buttons-not-in-basket .col-uom{
	margin-bottom: 5px;
}
.basket-buttons-not-in-basket .col-button{
	margin-bottom: 15px;
}

/*account history tabs*/
#accountHistoryTabs .nav{
}
#accountHistoryTabs .nav a{
	background-color: #d9dde0;
	padding: 10px 25px;
	border-bottom: none;
}
#accountHistoryTabs .nav a:hover{
	border-bottom: none;
}
#accountHistoryTabs .nav li a.active{
	background-color: #00AD6F;
}
#accountHistoryTabs .tab-content{
	margin-top: 20px;
}
#accountHistoryTabs .tab-pane:not(.active) {
	display: none;
}
#accountHistoryTabs form button{
	height: 50px;
}
.ui-datepicker-header{
	background: transparent;
	color: #333;
}
#accountHistoryTabs p.list-note{
	margin-top: 10px;
	margin-bottom: 10px;
}

.contact-block{
	color: #000;
	margin: 0 auto;
	text-align: left;
}
.contact-block *{
	color: #000;
}
.contact-block p{
	/* margin-bottom: 12px; */
}

.contact-block__icon{
	width: 80px;
	height: 80px;
	text-align: center;
	background-color: #00AD6F;
	border-radius: 50%;
	margin: 0;
	display: inline-block;
	vertical-align: middle;margin:0;
	position: absolute;
	left: 0;top: 0;
}
.contact-block__icon-image{
	color: #fff;
	font-size:24px;
	line-height: 80px;
	display: block;
	margin: 0;
}
.contact-block__icon-image--whatsapp{
	font-size: 30px;
}
.contact-block__icon-text{
	display: inline-block;
	vertical-align: middle;
	margin:0;
	margin-left: 120px;
	height: 56px;
	margin-top: 24px;
	box-sizing: content-box;
}

.contact-block__container{
	margin-top: 20px;
	position: relative;
}

.cyber-essentials-logo-block{
	margin: 0 auto;
	margin-top: 21px;
	width: 150px;
}

.contact-hr{
	margin-top:47px;
	height: 3px;
}

#appModal .modal-content{
	background-color: transparent;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border: 0px;
	margin: 0 auto;
}

#appModal .modal-dialog{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
}

#appModal{
	overflow-y: hidden;
	padding-top: 117px;
}

@media(max-width: 991px){
	#appModal{
		padding-top: 190px;
	}
	.contact-block__icon{
		width: 60px;
		height: 60px;
		margin-bottom: 10px;
	}
	.contact-block__icon-image{
		line-height: 60px;
		font-size:18px;
	}
	.contact-block__icon-image--whatsapp{
		font-size:22px;
	}
	.contact-block__icon-text{
		height: auto;
		margin-top: 12px;
		margin-left: 90px;
	}
}
@media(max-width: 767px){
	.contact-block__icon{
		/* position: absolute; */
		top: 0;
		left: 0;

		width: 50px;
		height: 50px;
		margin-bottom: 10px;
		margin-left: 0;
		margin-right: 0;
	}
	.contact-block__icon-image{
		line-height: 50px;
		font-size: 13px;
	}
	.contact-block__icon-image--whatsapp{
		font-size:14px;
	}
	.contact-block__icon-text{
		margin-left: 70px;
	}
}

@media(min-width: 768px){
	.cyber-essentials-logo-block{
		margin: 0;
		margin-bottom: -42px;
	}
}

.placeOrderOther{
	display: none;
}
.placeOrderOther--selected{
	display: block;
}

.basket-crate-checkbox-wrapper label{
	font-size:30px;
}

.basket-crate-checkbox-wrapper .basket-crate-checkbox{
	position: relative;
	bottom: -1px;
	width: 14px;
	height: 14px;
	margin-left: 4px;
	accent-color: #00AD6F;
	border: 1px solid #00AD6F;
	cursor: pointer;
	user-select: none;
}

@media(max-width: 767px) {
	.basket-crate-checkbox-wrapper {
		margin-bottom: 16px;
	}

	.basket-crate-checkbox-wrapper label{
		font-size:18px;
	}
}



/*
*	PROMO STRIP STYLING
*/
.albion-header .promo-strip p{
	margin: 0;
}

.albion-header .promo-strip i.fa-long-arrow-right{
	margin-left: 10px;
}

.albion-header .promo-strip p span {
	display: inline-block;
	padding-right: 0.2em;
}

.albion-header .promo-strip span.ql-editor strong,
.albion-header .promo-strip strong {
	font-weight: bold;
}

.albion-header .promo-strip span.ql-editor em,
.albion-header .promo-strip em {
	font-style: italic;
}

.albion-header .promo-strip span.ql-editor u,
.albion-header .promo-strip u {
	text-decoration: underline;
}

.albion-header .promo-strip span.ql-editor s,
.albion-header .promo-strip s {
	text-decoration: line-through;
}

.albion-header .promo-strip span.ql-font-serif {
	font-family: Georgia, Times New Roman, serif;
}

.albion-header .promo-strip span.ql-font-monospace {
	font-family: Monaco, Courier New, monospace;
}

.albion-header .promo-strip span.ql-size-small {
	font-size: 12px;
}

.albion-header .promo-strip span.ql-size-large {
	font-size: 18px;
}

.albion-header .promo-strip span.ql-size-huge {
	font-size: 26px;
}

.promo-strip .container {
	display: flex;
	align-items: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: inherit;
	justify-content: center;
}

.promo-strip .container > * {
	display: inline;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}

.promo-strip .container * {
	color: inherit !important;
}

.promo-strip .container > i {
	margin-left: 0.5em;
	flex-shrink: 0;
}

.promo-strip .container p,
.promo-strip .container p * {
	display: inline;
	margin: 0;
	padding: 0;
}


/*
*	PROMO STRIP ANIMATIONS
*/
/* Keyframes */
@keyframes fadeIn {
	from { opacity: 0; }
	to { opacity: 1; }
}

@keyframes blink-pause {
	0%, 100% { opacity: 1; }
	50% { opacity: 0; }
}

@keyframes typewriter-reveal {
	from { max-width: 0; opacity: 0;}
	to { max-width: 100%; opacity: 1;}
}

@keyframes wobble {
	0%, 100% { transform: translateX(0%); }
	15% { transform: translateX(-5%) rotate(-3deg); }
	30% { transform: translateX(3%) rotate(2deg); }
	45% { transform: translateX(-2%) rotate(-1deg); }
	60% { transform: translateX(1%) rotate(1deg); }
	75% { transform: translateX(-0.5%) rotate(-0.5deg); }
}

@keyframes slideInUp {
	from {
		transform: translateY(50%);
		opacity: 0;
	}
	to {
		transform: translateY(0);
		opacity: 1;
	}
}

@keyframes bounceIn {
	0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
	40% {transform: translateY(-20px);}
	60% {transform: translateY(-10px);}
}

@keyframes pulse {
	0% { transform: scale(1); }
	50% { transform: scale(1.03); }
	100% { transform: scale(1); }
}

@keyframes rotateIn {
	from {
		transform: rotate(-90deg) scale(0.5);
		opacity: 0;
	}
	to {
		transform: rotate(0deg) scale(1);
		opacity: 1;
	}
}

@keyframes shake {
	10%, 90% { transform: translateX(-1px); }
	20%, 80% { transform: translateX(2px); }
	30%, 50%, 70% { transform: translateX(-3px); }
	40%, 60% { transform: translateX(3px); }
}

@keyframes gradient-not-bar {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

/* fade-in */
.promo-strip-animation-fade-in .container > *,
.promo-strip-animation-fade-in .container a > * {
	animation: fadeIn 1.5s ease-out forwards;
}

.promo-strip-animation-blink-pause .container > *,
.promo-strip-animation-blink-pause .container a > * {
	animation: blink-pause 2s ease-in-out infinite;
	animation-delay: 0.5s;
}

/* Typewriter - Simpler reveal effect applied to the container */
.promo-strip-animation-typewriter-pause .container {
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
	border-right: 2px solid transparent;
	animation:
			typewriter-reveal 2s steps(30, end) 0.5s forwards,
			blink-caret 0.75s step-end infinite;
}

/* Add blinking cursor effect */
@keyframes blink-caret {
	from, to { border-color: transparent; }
	50% { border-color: inherit; }
}
/* Apply to the text container specifically */
.promo-strip-animation-typewriter-pause .container > *,
.promo-strip-animation-typewriter-pause .container a > * {
	display: inline-block;
	vertical-align: bottom;
	white-space: nowrap;
	overflow: hidden;
}

.promo-strip-animation-wobble .container > *,
.promo-strip-animation-wobble .container a > * {
	display: inline-block;
	animation: wobble 1.5s ease-in-out 1;
	animation-delay: 0.5s;
}

/* 5. Slide In Up */
.promo-strip-animation-slide-in-up .container > *,
.promo-strip-animation-slide-in-up .container a > * {
	animation: slideInUp 1s ease-out forwards;
	animation-delay: 0.3s;
}

/* 6. Bounce In */
.promo-strip-animation-bounce-in .container {
	animation: bounceIn 1.2s ease-out forwards;
	animation-delay: 0.3s;
}
/* We still need fade in for the content */
.promo-strip-animation-bounce-in .container > *,
.promo-strip-animation-bounce-in .container a > * {
	animation: fadeIn 0.5s ease-out forwards;
	animation-delay: 0.3s;
}

/* 7. Pulse (Infinite) */
.promo-strip-animation-pulse .container > *,
.promo-strip-animation-pulse .container a > * {
	display: inline-block;
	animation: pulse 2s ease-in-out infinite;
	animation-delay: 0.5s;
}

/* 8. Rotate In */
.promo-strip-animation-rotate-in .container > *,
.promo-strip-animation-rotate-in .container a > * {
	display: inline-block;
	transform-origin: center center;
	animation: rotateIn 1s ease-out forwards;
	animation-delay: 0.3s;
}

/* 9. Shake */
.promo-strip-animation-shake .container > *,
.promo-strip-animation-shake .container a > * {
	display: inline-block;
	animation: shake 0.8s cubic-bezier(.36,.07,.19,.97) both;
	animation-delay: 0.5s;
}

/* 10. Animated Gradient Background */
.promo-strip.promo-strip-animation-gradient-bg {
	background-image: linear-gradient(-45deg, #ee7752, #e73c7e 33%, #23a6d5 66%, #23d5ab);
	background-size: 400% 400%;
	animation: gradient-not-bar 15s ease infinite;
}

.promo-strip-animation-gradient-bg .container,
.promo-strip-animation-gradient-bg .container * {
	color: #fff !important;
	background-color: transparent !important;
}

.promo-strip-animation-gradient-bg a {
	color: #fff !important;
}

/* UoM changes */
.product-info .main-prices .units.color-text-grey {
	text-decoration: none;
	padding-left: 10px;
}

.basket-qty-btn i{
	font-size: 18px;
	line-height: 18px;
	color: #00AD6F;
	cursor: pointer;
}

.product-info .actual-unit-label{
	font-family: "Lato", sans-serif;
	font-weight: 700;
	font-style: normal;
	margin-bottom: 0;
	margin-left: 1em;
	font-size: 20px;
}

.main-prices-guide-price{
	color: #858384;
	font-family: "Lato", sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 18px;
}

.guide-price-popup {
	position: absolute;
	left: 30px;
	top: 0;
	z-index: 10;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 10px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
	padding: 16px;
	width: 320px;
	font-size: 14px;
	color: #333;
}

.product-items .product-box .product-size {
	line-height: 13px;
	min-height: 39px;
	margin-bottom: -4px;
}

a.plp-click-to-change-unit,
a.plp-click-to-change-unit:hover{
	color: #858384;
	cursor: text;
	text-decoration: none;
	border: none;
}

a.plp-click-to-change-unit span{
	color: #008a59;
	cursor: pointer;
}

.text-unit-price-info{
    margin-left: 12px;
}

.header-uom-guide-price,
.header-uom-guide-price .text-unit-price-info{
    color: #858384;
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 18px;
}

.header-uom-guide-price-popup {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    margin-top: 5px;
    z-index: 10;
    background: #fff;
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    min-width: 150px;
    max-width: 250px;
}