@charset "utf-8";

.ff-alegreya{
	font-family: 'Alegreya Sans', sans-serif;
}
.ff-lato{
	font-family: "Helvetica Oblique";
}
.ff-satisfy{
	font-family: 'Satisfy', cursive;
}
.fs-18{
	font-size: 18px;
}
.fw-700{
	font-weight: 700;
}

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;
}
 
ol, ul {
	list-style: none;
    margin:0 0 20px 0;
}
img {
	max-width:100%; 
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

/* PHO Styles ------------------------------------------ */

body {
	font-family: 'Alegreya Sans', sans-serif;
	font-size:18px;
	text-align:left;
	line-height:normal;
	color:#212020;	
}
h1 {
	font-family: 'Alegreya Sans', sans-serif;
	font-size: 33px;
	font-weight: 700;
	line-height: normal;
	color: #00365F;
	margin-bottom: 20px;
}
h2 {
	font-family: 'Alegreya Sans', sans-serif;
	font-size: 28px;
	font-weight: 700;
	line-height: normal;
	color: #00365F;
	margin-bottom: 10px;
} 
h3 {
	font-family: 'Alegreya Sans', sans-serif;
	font-size: 22px;
	font-weight: 700;
	line-height: normal;
	color: #00365F;
	margin-bottom: 10px;
}
h4 {
	font-family: 'Alegreya Sans', sans-serif;
	font-size: 18px;
	font-weight: 700;
	line-height: normal;
	color: #00365F;
	margin-bottom: 10px;
}
h5 {
	font-family: 'Alegreya Sans', sans-serif;
	font-size: 15px;
	font-weight: 700;
	line-height: normal;
	color: #212020;
	margin-bottom: 10px;
}
h6 {
	font-family: 'Alegreya Sans', sans-serif;
	font-size: 14px;
	font-weight: 700;
	line-height: normal;
	color: #212020;
	margin-bottom: 10px;
}	
.small-text {
	font-size:15px;
	font-weight: 500;
}
.xsmall-text{
	font-size:12px;
}

p {
	margin-bottom:20px;
	color: #212020;
}
@media(max-width: 767.99px){
	
}

/* Primary Colours */
.dark-blue		{color:#00365F;}
.light-blue			{color:#65C4DB;}

.dark-blue__bg		{background-color:#00365F;}
.light-blue__bg		{background-color:#65C4DB;}

/* Secondary Colours */
.light-blue-tint	{color:#E2F0F4;}

.light-blue__bg	{background-color:#E2F0F4;}

.red 	{color:#D01345;}
.green 	{color:#069855;}

.red__bg 	{color:#D01345;}
.green__bg 	{color:#069855;}

/* Blacks & Greys */
.grey 				{color:#D7D7D7;}
.light-grey			{color:#EDEDED;}
.very-light-grey 	{color:#F6F6F6;}

/*Messages*/
.message-green{
	color: #069855;
}
.message-red{
	color: #D01345;
}

button, .btn, input[type="submit"].btn{
	font-family: 'Alegreya Sans', sans-serif;
	font-size:18px;
	font-weight: 700;
	padding:10px 35px;
	text-align:center;
	line-height:normal;
	outline:none;
	cursor:pointer;
	transition:background-color 0.3s;
	position: relative;
	border-radius: 9px;
	max-width: 100%;
	white-space: normal;
}

button.dark-blue, .btn.dark-blue, input[type="submit"].btn.dark-blue{
	background-color: #00365F;      
	color:#fff;			
}

button.dark-blue:hover, .btn.dark-blue:hover, input[type="submit"].btn.dark-blue:hover {
	background-color: #00365F;
}

button.dark-blue:active, .btn.dark-blue:active, input[type="submit"].btn.dark-blue:active {
	background-color: #00365F;
	top: 1px;
}

button.outlined, .btn.outlined, input[type="submit"].btn.outlined {
	background-color: rgba(255,255,255,0);
	border: 1px solid #00365F;
	padding:9px 34px;
	transition:border 0.3s;
	transition:color 0.3s;
	color:#00365F;
}

button.outlined:hover, .btn.outlined:hover, input[type="submit"].btn.outlined:hover {
	border-color: #00365F;
	color:#00365F;
}

button.outlined:active, .btn.outlined:active, input[type="submit"].btn.outlined:active {
	top: 1px;
}

button.outlined-white, .btn.outlined-white, input[type="submit"].btn.outlined-white {
	background-color: transparent;
	border: 1px solid #fff;
	padding:9px 34px;
	transition:background 0.3s;
	transition:color 0.3s;
	color:#fff;
}

button.outlined-white:hover, .btn.outlined-white:hover, input[type="submit"].btn.outlined-white:hover {
	background-color: #fff;
	color:#00365F;
}

button.outlined-white:active, .btn.outlined-white:active, input[type="submit"].btn.outlined-white:active {
	top: 1px;
}

@media(max-width: 767.99px){
	button, .btn, input[type="submit"].btn{
		font-size:18px;
		/*padding:15px 35px;*/
		padding:12px 25px;
	}
}

button.small, .btn.small {
	padding:9px 15px;
	text-transform: capitalize;
}
button.small.outlined, .btn.small.outlined {
	padding:8px 14px;
	text-transform: capitalize;
}

button.extra-small, .btn.extra-small, input[type="submit"].btn.extra-small{
	font-size:12px;
	padding:10px 15px;
	text-transform: capitalize;
}
button.extra-small i, .btn.extra-small i, input[type="submit"].btn.extra-small i{
	font-size:11px;
}

@media(min-width: 768px){
	button.long, .btn.long, input[type="submit"].btn.long{
		min-width: 420px;
		max-width: 420px;
	}
}

@media(min-width: 576px){
	.hidden-xs-bp-lg{
		display: none;
	}
}
@media(max-width: 575.99px){
	.hidden-xs-bp-xs{
		display: none;
	}
}

/*COL 120px*/
.row > .col-180px{
	width: 210px;
	float: left;
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
}
.row > .col-180px-rest{
	width: calc(100% - 210px);
	float: left;
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
}

/*COL 120px*/
.row > .col-120px{
	width: 150px;
	float: left;
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
}
.row > .col-120px-rest{
	width: calc(100% - 150px);
	float: left;
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
}

/*COL 100px*/
.row > .col-100px{
	width: 130px;
	float: left;
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
}
.row > .col-100px-rest{
	width: calc(100% - 130px);
	float: left;
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
}

/*COL 70px*/
.row > .col-70px{
	width: 100px;
	float: left;
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
}
.row > .col-70px-rest{
	width: calc(100% - 100px);
	float: left;
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
}

/*COL 50px*/
.row > .col-50px{
	width: 80px;
	float: left;
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
}
.row > .col-50px-rest{
	width: calc(100% - 80px);
	float: left;
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
}

.row > .col-nf{
	width: 130px;
	float: left;
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
}
.row > .col-nf-rest{
	width: calc(100% - 130px);
	float: left;
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
}
.row > .col-nf2{
	width: 90px;
	float: left;
	position: relative;
	min-height: 1px;
	padding-left: 4px;
	padding-right: 4px;
}
.row > .col-nf2-rest{
	width: calc(100% - 90px);
	float: left;
	position: relative;
	min-height: 1px;
	padding-left: 4px;
	padding-right: 4px;
}
.row > .col-nf2 .btn{
	padding: 2px !important;
	font-size: 16px;
	line-height: 28px;
}
.row > .col-nf2-rest input{
	border-color: #EDEDED;
}
@media(max-width: 767.99px){
	.row > .col-nf{
		width: 80px;
		float: left;
		position: relative;
		min-height: 1px;
		padding-left: 15px;
		padding-right: 15px;
	}
	.row > .col-nf-rest{
		width: calc(100% - 80px);
		float: left;
		position: relative;
		min-height: 1px;
		padding-left: 15px;
		padding-right: 15px;
	}
}

/* PADDING COL 30px */
.row.padding-30{
	margin-right: -30px;
	margin-left: -30px;
}

.row.padding-30 > div[class*="col-"]{
	padding-left: 30px;
	padding-right: 30px;
}

/* PADDING COL 10px */
.row.padding-10{
	margin-right: -10px;
	margin-left: -10px;
}

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

/* PADDING COL 7px */
.row.padding-7{
	margin-right: -7px;
	margin-left: -7px;
}

.row.padding-7 > div[class*="col-"]{
	padding-left:7px;
	padding-right:7px;
}

/* PADDING COL 5px */
.row.padding-5{
	margin-right: -5px;
	margin-left: -5px;
}

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

@media(max-width: 991.99px){
	.row.sm-padding-5{
		margin-right: -5px;
		margin-left: -5px;
	}

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

/* PADDING COL 0px */
.row.padding-0{
	margin-right: 0;
	margin-left: 0;
}

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

/*LISTS*/
.list-inline.s0{
	margin-left: 0px;
}
.list-inline.s0 > li{
	padding-left: 0px;
	padding-right: 0px;
}
.list-right.s0{
	margin-right: 0px;
}

.list-inline.s15{
	margin-left: 15px;
}
.list-inline.s15 > li{
	padding-left: 15px;
	padding-right: 15px;
}
.list-right.s15{
	margin-right: 0;
}

/* No margins */
.no-margin{
	margin: 0 !important;
}

.checkbox input[type="checkbox"]{
	margin-top: 2px;
}

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

/*hr{
	border: 0;
    height: 1px;
    background: #c4c4c4;
}

small{
    font-size:14px;
}
small.extra-small,
.extra-small{
    font-size:13px;
}*/

a:link, a:visited, a:active {
	color: inherit;
	text-decoration: none;
	outline: 0;
}
a:hover {
	text-decoration: underline;
}
a img:hover {
	text-decoration: none;
	opacity: 0.9
}
a.underlined{
	text-decoration: underline;
}
a.dark-blue{
	color: #558B9C;
}

/*input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
textarea, select {
	border:2px solid #c4c4c4;
	text-align:left; 
	padding:9px;
	font-size:14px;
	line-height:18px;
	width:100%;
	color:#444;
} 
input[type="checkbox"]{
	width:auto; 
}
input[type="submit"]{
	cursor:pointer;
}
textarea{
	min-height:150px;
	width:100%;
}
.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;
}

.container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
	max-width:1300px;
	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:18px;
	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;
}*/

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


/*====================================================
		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:rgba(0,0,0,0.9);

    display:none;
}
#cookie_banner p{
    margin:12px 0;
    font-size: 13px;
    line-height: 1.4;
}
#cookie_banner a:link,#cookie_banner a:active,#cookie_banner a:visited{
    text-decoration: underline;
    color: #888;
    font-size: 13px;
}
#cookie_banner a:hover{
    color: #aaa;
}
a:link.cookie_button, a:visited.cookie_button, a:active.cookie_button{
  color: #000 !important;
  text-decoration: none !important;  
}
.cookie_button{
  background-color: #fff;
  padding: 2px 20px;
  border-radius: 2px;
}
.cookie_button:hover{
  background-color: #eee;
}
@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;
  }
}
@media(max-width: 300px){
	#cookie_banner{
		padding: 20px 10px;
	}
}*/

/*================================================================================ 
						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{
	font-weight:400;
	margin:0;
}

.nav {
	/*display:inline-block;*/
	display: flex;
	justify-content: space-between;
	margin:0 auto;

	justify-content: normal;
	gap: 35px;
}
.nav a{
	color:#fff;
	text-decoration:none;
}
.nav > li{
	float:left;
}
.nav > li > a{
	line-height:normal;
	display: block;
	padding: 0 15px;
}
.nav > li:first-child > a {
	padding-left: 0;
}
.nav > li:last-child > a{
	border-right:0;
	padding-right: 0;
}
@media(max-width: 1135px){
	.nav {
		gap: 5px;
	}
}

@media(min-width: 992px){
	.nav > li{
		padding-top: 12px;
		padding-bottom: 12px;
		display: flex;
		align-items: center;
 		justify-content: center;
		width: 100%;
	}
	.nav > li > a{
		line-height:normal;
		display: block;
		padding: 0 7px;
		/*text-align: center;
		vertical-align: middle;*/
		display: flex;
		align-items: center;
 		justify-content: center;
 		text-align: center;
		width: 100%;
		padding: 0 7px;
	}
	.nav > li > .heading > a{
		padding: 0 7px;
	}
}

/*ul.nav.nav-wrp {
	height:43px;
}*/

.dropdown-wrp{
	position:absolute;
	top:100%;
	left:0;
	background:#ffffff;
	z-index:10;
	padding:27px;
	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;
}
/*.nav > li:hover, .nav > li.active{
	background-color: #4A7176;
}*/

.nav > li:hover i, .nav > li.active i{
	color: #ffffff !important;
}

.nav > li.active > .dropdown-wrp,
.nav > li.active > .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: 0 0 10px 0;
	color: #333333;
}

/*.nav .heading{
	color:#fff;
	margin:0;
	font-weight:normal;
	font-size: 22px;
}*/

/* mega menu */
.mega-dropdown-wrp{
	width: 100%;
	max-width:100%;
	padding:30px 0;
	left:0;
	right: 0;
}
.mega-dropdown-wrp.reverse{
	right:0;
}
.mega-dropdown-wrp > .container > .dropdown-list {
	float:left;
	width:16.66666667%;
	padding:0 10px;
}

@media(min-width: 992px) and (max-width: 1199px){
	.nav > li > a{
		padding: 0 7px;
		font-size:13px;
	}
}

@media(min-width: 992px){
	.nav > li{
		float:left;
	}

	.mega-dropdown-wrp{
		padding-bottom: 15px;
	}
	.mega-dropdown-wrp > .container > .dropdown-list{
		padding: 0 5px 15px;
	}

	.dropdown-wrp .dropdown-list > li > a{
		margin-bottom: 7px;
		font-size: 13px;
		line-height: 14px;
		display: block;
	}

	.dropdown-wrp .dropdown-list > li > a:hover{
		color: #4A7176;
	}

	/*.nav .heading{
		font-size: 15px;
		line-height: 16px;
		margin-bottom: 0;
		font-weight: bold;
	}*/
}

@media (max-width: 991px){
	.nav-container {
		text-align: center;
	}
}

/*================================================================================
							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;
}

.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-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:18px;
	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:14px;
	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-results-list li{
	float:left;
	width:100%;
	margin:0 0 10px 0;
}*/

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

/*.product-page-title {
	
	color: blue;
}
*/
.overlayContainer img {
  max-width: 70px;
  max-height: 70px;
}

.product-overlays .product-overlay{
	position: absolute;
	text-align: center;
	top: 25px;
	right: 25px;
	z-index: 9;
}
.product-overlays .product-overlay-all-right{
	right: 0;	
}
.product-overlays .overlay-new{
	background-color: #558B9C;
	color: #fff;
	padding: 9px;
	font-family: "Helvetica";
	font-size: 17px;
}
.product-overlays .overlay-sale{
	background-color: #D01345;
	color: #fff;
	padding: 9px;
	font-family: "Helvetica";
	font-size: 17px;
}
.product-overlays .overlay-free{
	background-color: #C9DBE6;
	color: #558B9C;
	padding: 5px;
	width: 100%;
	font-family: "Helvetica";
	font-size: 15px;
	border-radius: 50%;
	width: 70px;
	height: 70px;
	display: table-cell;
	vertical-align: middle;
}

.main-img-wrp { 
	text-align:center;
	overflow:hidden;
	position: relative;
	min-height:160px;
	width:100%;
	border-radius: 0;
	margin-bottom: 40px;
	margin-top: 20px;
/*	border: 1px solid #E5E5E5;*/
}
#main_product_img_zoom{
	display: none;
	position: absolute;
	bottom: 20px;
	right: 20px;
	cursor: pointer;
	color: #fff;
	background-color: #626639;
	width: 50px;
	height: 50px;
	border-radius: 50px;
	font-size: 25px;
	line-height: 50px;
}
#product_gallery{
	display: block;
	float: left;
	margin-bottom: 0;
}
.product-thumb{
	width:90px; 
	height:90px; 
	margin:0 20px 20px 0; 
	float:left;
	overflow:hidden;
	text-align:center;
	border-radius: 0;
	border: 1px solid #E5E5E5;
}
.product-thumb  img{ 
	max-height:100%; 
	cursor:pointer;
	overflow:hidden;
}
.product-thumb-last{
	margin:0 0 20px 0;
}
.product-user-recency {
    position: absolute;
    top: 10px;
    z-index: 1;
    padding: 2px 10px;
	margin-left: 1px;
	font-size: 12px;
    background: #558b9c;
    color: #fff;
}

@media(max-width: 767.99px){
	.product-user-recency {
		top: 30px;
	}
}

/*.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:20px;
	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: 14px;  
}
.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: 14px;
	font-weight: bold;
	margin-bottom: 10px;
}

.product-sale-price{
	font-size: 14px;	
	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;
}




.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: 14px;
}
.option-quantity{
	font-size: 16px;
	text-align: center;
} 
#frmTotalTxt{ 
	margin:0 0 0 50px; 
}
#frmTotal{ 
	margin:0 0 0 10px; 
	font-size:20px;
}
#product_tab{
float:left;
}
.product_tab{
	float:left;
	height:45px;
	font-size:14px; 
	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:14px; 
	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:20px;
}
.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: 16px;
	padding: 2px 10px;
}

.deladdresseditbtn, .deladdresseditbtncancel, .billaddresseditbtn, .billaddresseditbtncancel
{
	float:right;
}

 /* 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;
}
.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; 
}
.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-section{
	margin:0 0 25px 0;
}
.address-form-atom{
	display:block;
	margin:10px 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-side{
	width:50%;
	float:left;
	padding:0 0 0 15px;
}
.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%;
}

/** 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;
}
.checkout-button{
	font-size:14px; 
}

/* VOUCHERS */

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

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

	width: 200px;
	margin-bottom: 10px;
	display: block;
}

.btn-remove-voucher-message, .add-voucher-message, .vocuher-text{
	color: #acc7e2 !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;
}

.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:#212020; text-decoration:none; font-size:14px}
.recently_viewed a:hover {color:#212020; 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(max-width: 991px){
	body.no-scroll{
		left: 0;
		-webkit-overflow-scrolling: touch;
		position: fixed;
		top: 0;
		width: 100%;
	}
	.body-no-scroll-bg{
		display: none;
		position: absolute;
		top: 0;bottom: 0;right: 0;left: 0;
		background-color: rgba(0,0,0,0.8);
		z-index: 990;
	}
}

@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:14px;
	}
	.frame-add span{
		display:none;
	}
}

/* sequential mobile MENU*/
/* 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*/
.sequential-dropdown-wrp{
	display:none;

	position:absolute;
	z-index: 20;
	top: calc(100% + 20px);
	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;

	background: #fff;
	box-shadow: 0px 3px 6px #00000029;
}
.nav.sequential > li > a{
	font-family: 'Alegreya Sans', sans-serif;
	font-weight: 700;
	font-size: 22px;
}
.nav.sequential > li.open > a{
	color: #8C9152;
}
.nav.sequential > li.open > .sequential-dropdown-wrp{
	display:block;
}
.nav.sequential > li > .heading > a{
	font-family: 'Alegreya Sans', sans-serif;
	font-weight: 700;
	font-size: 22px;
}

.nav.sequential > li.has-dropdown > a > i {
	color: #8C9152;
}

.nav.sequential > li.open.has-dropdown > a > i {
	color: #FFFFFF;
}

.nav.sequential .dropdown-wrp .dropdown-list > li > a {
	margin-bottom: 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;
	padding: 20px 0;
	border-top: 2px solid #8C9152;
	border-bottom: none;
}
.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;*/
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.sequential-dropdown-wrp h3{
	margin-bottom: 0;
	margin-top: 30px;
}
.sequential-dropdown ul{
	padding: 20px 0  20px 32px;
	display: none;
}
.sequential-dropdown ul:first-child{
	padding-left: 0;
}
.sequential-dropdown ul.open{
	display: block;
}

.sequential .dropdown-wrp > ul > li > a {
	font-size: 14px;
	line-height: 26px;
	color: #333333;
}

.sequential .dropdown-wrp > ul > li > a.parent-view-all {
	font-size: 14px;
	line-height: 26px;
	font-weight: 700;
	color: #4A7176 !important;
}

.sequential .dropdown-wrp > ul > li > a:not(.parent-view-all):hover {
	background-color: #4A7176;
	color: #FFFFFF;
}

.sequential .simple-dropdown .dropdown-wrp {
	box-shadow: 0px 3px 6px #00000029;
}

.sequential-dropdown ul li a:not(.btn),
.dropdown-wrp .dropdown-list > li > a {
	padding: 20px 15px 20px 0;
	color: #00365F;
	text-align: left;

	display: block;
	border-bottom: 0;
	font-family: 'Alegreya Sans', sans-serif;
	position: relative;
	font-size: 18px;

	border-top: 1px solid #00365F;
}
.sequential-dropdown ul li a:not(.btn):hover{
	color: #00365F;
	/*background-color: #8C9152;
	border-bottom: 0;*/
}
.sequential-dropdown ul li a.open:not(.btn){
	color: #00365F;
	font-weight: 700;
	/*background-color: #8C9152;*/
}
.sequential-dropdown ul li a.parent-view-all{
	font-weight: 700;
}
/*.sequential-dropdown ul li a.parent-view-all:hover{
	color: #fff;
}*/
.sequential-dropdown ul li a:not(.btn):after{
	font: var(--fa-font-regular);
	font-weight: 400;
	font-size: 14px;
	line-height: 26px;
	position: absolute;
	top: 20px;
	right: 0;
	content: "\f054";
	color: #00365F;
}
.sequential-dropdown ul li a.parent-view-all:not(.btn):after{
	display: none;
}
.sequential-dropdown ul li a:not(.sequential_menu_desktop_child_button):not(.btn):after{
	display: none;
}
.sequential-dropdown ul > li:first-child a:not(.btn){
	border-top: none;
}
/*.sequential-dropdown ul li a.open:after,
.sequential-dropdown ul li a:hover:after{
	color: #fff;
}*/


.sequential-desktop-menu{
	width: 33.3333333333%;
	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%;
}

@media(max-width:991px){

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

	#offcanvas {
		position: absolute;
		top: -72px;
		left: 0;
		right: 0;
		z-index: 999;
		display:none;
	}
	#offcanvas.offcanvas-show {
		display: block;
	}
	#offcanvas_menu {
		position: absolute;
		top: 79px;
		z-index: 1000;
		background: #00365F;
		right:100%;
		width: 100%;
		padding: 0 15px;
	}
	/*#offcanvas_menu::before {
		position: absolute;
		content: "";
		top: -12px;
		left: 24px;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-bottom: 10px solid #4A7176;
		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: 18px;
	}
	.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: #4A7176;
	}
	.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:22px;
		padding: 15px 0;
		font-family: 'Alegreya Sans', sans-serif;
		font-size: 18px;
		width: 100%;
		position: relative;
		border: 0;
		color: #fff;
	}
	#sequential_mobile_menu li > a{
		font-weight: 700;
		font-size: 22px !important;
		line-height: 26px !important;
	}
	.nav-container #offcanvas.offcanvas-show .nav li > a.sequential_menu_mobile_child_button:after,
	.nav-container #offcanvas.offcanvas-show .nav li > a.sequential_menu_mobile_back_button:after,
	.nav-container #offcanvas.offcanvas-show .nav li > .heading > a.sequential_menu_mobile_child_button:after{
		font: var(--fa-font-light);
		font-weight: 300;
		font-size: 18px;
		position: absolute;
		top: 16px;
		right: 0;
		content: "\f054";
		color: #fff;
	}
	.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: 300;
		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: 300;
		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: 300;
	}
	.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: 16px;
		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: #D7D7D7;
		text-align: center;
		cursor: pointer;
		font-size: 15px;
		line-height: 15px;
		height: 44px;
	}
	#offcanvas.offcanvas-show .nav li.close-button > a,
	#offcanvas.offcanvas-show .nav li.close-button > a:hover{
		color: #212020 !important;
	}
	#offcanvas.offcanvas-show .nav li:hover i{
		color: #212020 !important;
	}
	#offcanvas.offcanvas-show .nav li.close-button > a:after{
		content: "";
	}

	/* sequential mobile MENU additions*/
	/*close button*/
	a.sequential_menu_mobile_close_button{
		cursor: pointer;
		font-family: "Helvetica" !important;
		font-size: 15px !important;
		line-height: 15px !important;
		padding: 15px 20px !important;
		color: #212020 !important;
	}
	/*child button*/
	.sequential_menu_mobile_child_button{
		cursor: pointer;
	}
	/*back button*/
	.sequential_menu_mobile_back_button{
		cursor: pointer;
		padding: 13px 20px !important;
	}

	.nav-container #offcanvas.offcanvas-show .nav li > a.sequential_menu_mobile_back_button:after,
	.nav-container #offcanvas.offcanvas-show .nav li > .heading > a.sequential_menu_mobile_back_button:after {
		top: 17px;
		left: 0;
		right: auto;
		content: "\f053";
	}

	#offcanvas.offcanvas-show .nav li.back-button,
	#offcanvas.offcanvas-show .nav li.back-button:hover{
		background-color: transparent;
		color: #FFFFFF;
		text-align: center;
	}
	#offcanvas.offcanvas-show .nav li.back-button > a,
	#offcanvas.offcanvas-show .nav li.back-button > a:hover{
		color: #fff;
		font-size: 22px;
		font-weight: 700;
		line-height: normal;
		font-family: 'Alegreya Sans', sans-serif;
	}
	#offcanvas.offcanvas-show .nav li.back-button > a:after{
		content: "\f053";
		color: #fff;
		right: auto;
		left: 0;
	}
}

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

		height: auto !important;
	}
}

/* nav product */
.sequential-dropdown{
	position: relative;
	/*min-height: 325px;*/
}
.sequential-desktop-menu{
	z-index: 1;
	background-color: #fff;
}
.sequential-desktop-menu.product{
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 0;
	border-left: 1px solid #ECEEEF;
	width: calc(33.3333333333% + 1px);
}
.nav-product{
	padding: 0 20px;
	min-height: 285px;
}
.nav-product img{
	margin-bottom: 10px;
	max-height: 145px;
}
.nav-product .title{
	margin-bottom: 20px;
}

/* sequential mobile MENU*/
/* 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: #fff !important;
		font-weight: 700;
	}
	.nav.sequential-mobile a.parent-view-all:after{
		display: none;
	}
	/* 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;
	}
}

/*@media screen and (max-width:767px){ 
	
	#ftb_copy,
	#ftb_contact{
		width:100%;
		text-align:center;
		float:none;
		margin:5px 0 0 0;
	}



	
	.related-product-list li{ 
		width:33.33333333333333%; 
	}
	
	
	.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:24px;
    }
    .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:24px;
	}
	.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%; 
	}

}
@media screen and (max-width:319px){
	
}
@media screen and (max-width:300px){
	
}*/

/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* PHO Styles ------------------------------------------ */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */

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

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

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

/*====================================================
		Modals
======================================================*/
/*.modal-close-button{
	position: absolute;
	top: 10px;
	right: 10px;
	width: 20px;
	height: 20px;
}
.modal-close-button:before{
	position: absolute;
	width: 20px;
	height: 20px;
	top: 0;
	right: 0;
	text-align: center;

	font-family: 'Font Awesome 5 Light';
	content: "\f00d";
	font-size: 20px;
	line-height: 20px;
	color: #333333;
}
.modal-close-button .close{
	width: 20px;
	height: 20px;
}
.modal-body{
	margin-top: 40px;
	padding-top: 10px;
	text-align: center;
}
.modal-body .modal-buttons{
	padding: 40px 60px 40px;
}

.modal-body .modal-text-product{
	font-size: 16px;
	line-height: 22px;
	font-weight: 400;
}
.modal-body .modal-text-message{
	font-size: 16px;
	line-height: 22px;
	font-weight: 300;
	color: #757575;
}
@media(max-width: 767.99px){
	.modal-body .modal-buttons{
		padding: 40px 60px 30px;
	}
	.modal-body .modal-buttons .btn{
		margin-bottom: 10px;
	}
}*/
/*====================================================
		End of modals
======================================================*/

/*====================================================
		Header
======================================================*/
/*HEADER TOP*/
.header-kff-top{
	background-color: #1b285f;
	color: #fff;
}

.header-kff-top ul{
	padding: 5px 0;
	margin-bottom: 0;
}
.header-kff-top a	   {color:#ffffff; text-decoration:none;}
.header-kff-top a:hover {color:#f05f20; text-decoration:none;}
.header-kff-top a.account_links {text-decoration:underline;}

@media (max-width: 767px){
	.header-kff-top {
		padding: 7px 0;
	}

	.header-kff-top .list-inline {
		text-align: center;
	}
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ start of search form ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.search_form #search_text {
	height: 35px;
	width: 100%;
	padding: 0 50px 0 0;
	background-color: #F2F2F2;
	color: #00365F;
	font-size: 16px;
	line-height: 50px;
	border-radius: 25px;
	border: none;
}
.search_form #search_text::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #00365F;
  opacity: 1;
  font-size: 16px;
}
.search_form #search_text::-moz-placeholder { /* Firefox 19+ */
  color: #00365F;
  opacity: 1;
  font-size: 16px;
}
.search_form #search_text:-ms-input-placeholder { /* IE 10+ */
  color: #00365F;
  opacity: 1;
  font-size: 16px;
}
.search_form #search_text:-moz-placeholder { /* Firefox 18- */
  color: #00365F;
  opacity: 1;
  font-size: 16px;
}
.search_form #submit_search {
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	   -moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		 -o-transform: translateY(-50%);
			transform: translateY(-50%);
	height:50px;
	padding: 0 15px;
	border-radius: 0;
	box-shadow: none;
	text-align:right;
	background-color: transparent;
	border: 0;
}
.search_form #submit_search i {
	font-size:20px;
}

@media only screen and (max-width: 991px){
	.search_form #search_text {
		border: none;
	}
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  end of search form  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ start of mobile header ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.search-mobile {
	display: none;
}
@media only screen and (min-width: 992px){
	.header-mobile-kff-wrp{
		display: none;
	}
	.header-desktop-kff > .container-fluid:first-child {
		display: block; 
	}
}
@media only screen and (max-width: 991.99px){
	.header-mobile-kff-wrp{
		display: block;
		position: relative;
	}
	.header-desktop-kff-wrp, .header-desktop-kff{
		height: 0;
		padding: 0 !important;
	}
	.header-desktop-kff-wrp .header-nav-logo, .header-desktop-kff-wrp .header-nav-links{
		display: none;
	}
	.header-desktop-kff > .container-fluid:first-child{
		height: 0;
	}
	.header-desktop-kff > .container-fluid:first-child > .container{
		height: 0;
	}
	.header-desktop-kff .header-nav-nav{
		height: 0;
	}

	.search-mobile .search_form_mobile{
		padding: 10px 15px;
		background-color: #F6F6F6;
	}

	.search-mobile #search_text_mobile {
		border: none;
		color: #00365F;
		background-color: transparent;
		font-size: 16px;
		line-height: 16px;
		padding: 0;
		padding-bottom: 4px;
		margin-bottom: 1px solid #D7D7D7;
		border-radius: 0;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		width: 100%;
/*		border-bottom: 1px solid #EDEDED;*/
	}

	.search-mobile #search_text_mobile::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	  color:  #00365F;
	  font-size: 16px;
		opacity: 1;
	}
	.search-mobile #search_text_mobile::-moz-placeholder { /* Firefox 19+ */
	  color:  #00365F;
	  font-size: 16px;
		opacity: 1;
	}
	.search-mobile #search_text_mobile:-ms-input-placeholder { /* IE 10+ */
	  color:  #00365F;
	  font-size: 16px;
		opacity: 1;
	}
	.search-mobile #search_text_mobile:-moz-placeholder { /* Firefox 18- */
	  color:  #00365F;
	  font-size: 16px;
		opacity: 1;
	}

	.search_form #submit_search i{
		color: #00365F;
	}

	.search-mobile .search_form #submit_search {
		height: 24px;
		top: 10px;
		transform: none;
	}
}

.header-mobile-kff {
	background:#00365F;
	width: 100%;
	/*min-width:375px;*/
	height:79px;
	padding:20px 15px 20px;
	position:relative;
}
.header-mobile-kff-wrp{
	width: 100%;
	background-color: #00365F;
	position: relative;
	z-index: 995;
}
.header-mobile-kff-wrp.sticky{
	position: fixed;
	z-index: 1000;
	top: 0;
	box-shadow: 0px 3px 6px #00000029;
}

.header-mobile-kff .header-mobile-logo{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 20px;
}
.header-mobile-kff .header-mobile-logo.logo-colour{
	display: block;
}
.header-mobile-kff .header-mobile-logo.logo-white{
	display: none;
}
.header-mobile-kff .header_mobile_links {
	float:right;
	width: 100%;
	padding-top: 5px;
	text-align:right;
}
.header-mobile-kff .header_mobile_links a {
	display:inline-block;
	color:#fff;
	line-height:20px;
	margin-left:30px;
	text-align: center;

	font-size: 10px;
	line-height: 12px;
}
.header-mobile-kff .header_mobile_links a:hover {
	text-decoration: none;
}
.header-mobile-kff .header_mobile_links i {
	display: block;
	margin: 0;
	text-align: center;
	font-size: 30px;
	line-height: 30px;
}

/*.header-mobile-kff.open-menu {
	background-color: #5D8D93;
}
.header-mobile-kff.open-menu .header-mobile-logo.logo-colour{
	display: none;
}
.header-mobile-kff.open-menu .header-mobile-logo.logo-white{
	display: block;
}
.header-mobile-kff.open-menu .header_mobile_links a {
	color: #fff;
}
.header-mobile-kff.open-menu .header_mobile_links i {
	color: #fff;
}*/


.search_form_mobile {
	position: relative;
}

@media(max-width: 419.99px){
	.header-mobile-kff .header_mobile_links a {
		margin-left:12px;
	}
}
@media(max-width: 374.99px){
	.header-mobile-kff .header_mobile_links a {
		margin-left:10px;
	}
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  end of mobile header  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */



/*HEADER*/
.header-desktop-kff {
	position: relative;
}

.header-desktop-kff-wrp{
	width: 100%;
	background-color: #00365F;
	padding: 20px 0;
}

.header-desktop-kff-wrp.sticky{
	position: fixed;
	z-index: 1000;
	top: 0;
	box-shadow: 0px 3px 6px #00000029;
}

.header-desktop-kff .nav-button-mobile{
	display: none;
	position: fixed;
	bottom: 0;
	width: 100%;
	padding: 20px 15px;
	z-index: 1001;
	background-color: #00365F;
}

@media(max-width: 991.99px){
	.offcanvas-menu-show{
		padding-bottom: 82px !important;
	}
	.header-desktop-kff.navbar-open .nav-button-mobile{
		display: block;
	}
}

.header-nav-logo{
	width: 200px;
	float: left;
}

.header-nav-nav{
	width: calc(100% - 500px);
	float: left;
	height: 51px;
}

.header-nav-links{
	width: 300px;
	float: left;
	color: #fff;
	height: 51px;
	text-align: right;
}
.header-nav-links a{
	display: inline-block;
}
.header-nav-links .search_button_desktop{
	margin-top: 12px;
	font-size: 25px;
}
.header-nav-links .btn{
	margin-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
}

/*mobile*/
.nav-wrp .set-delivery-wrp{
	padding: 0 20px 20px;
	border-bottom: 1px solid #D9DDE0;
}
.nav-wrp .set-delivery{
	background-color: #8C9152;
	color: #fff;
	display: block;
	padding: 10px;
	cursor: pointer;
	font-size: 15px;
	line-height: 20px;
}
.nav-wrp .set-delivery i{
	color: #fff;
}
.nav-wrp .set-delivery .title{
	font-family: 'Alegreya Sans', sans-serif;
	font-size: 18px;
	line-height: 20px;
}

.search-wrp{
	display: none;
	position: absolute;
	z-index: 1;
	top: calc(100% + 20px);
	left: 0;
	right: 0;
	background-color: #F6F6F6;
	box-shadow: 0px 3px 6px #00000029;
}
.search-container{
	padding: 15px 0 20px;
}
.search-container .search_form #search_text {
	border-bottom: 1px solid #00365F;
	background-color: transparent;
	border-radius: 0;
	font-size: 15px;
	line-height: 20px;
	color: #00365F;
}

/* Suggestions Search Header */

#suggestions {
	background-color: #ffffff;
	border: #cccccc 1px solid;
	box-shadow: 3px 3px 5px #0000001A;
	display: none;
	z-index: 1001;
	max-height: 580px;
	position: absolute;

	top: 100%;
	
	right: 0;
	width: 100%;
	min-width: 400px;
}

#suggestions_mobile {
	background-color: #ffffff;
	border: none;
	box-shadow: 3px 3px 5px #0000001A;
	display: none;
	z-index: 1001;
	max-height: 580px;
	position: absolute;
	top: 100%;
	right: 0;
	width: 100%;
}

.suggestions-search{
	max-height: 540px;
	overflow-y: auto;
	z-index:1002;
}

.suggestions-search .title{
	background-color: #B1D07D;
	font-size: 12px;
	line-height: 20px;
	padding: 0 20px;
	color: #fff;
	font-weight: 500;
	text-transform: uppercase;
}

.suggestions-search a{
	text-decoration: none;
	background-color: #fff;
}

.suggestions-search a:hover{
	opacity: 1;
}

.search-dropdown{
	padding: 10px 5px;
	border-bottom: 1px solid #E5E5E5;
	text-decoration: none;
	font-size: 14px;
	color: #333333;
	font-weight: 400;
	overflow-x: hidden;
}

.search-dropdown .row{
	display: table;
	width: 100%;
}

.search-dropdown div[class*="col-"]{
	display: table-cell;
	vertical-align: middle;
	text-align: left;
	float: none;
}

.search-dropdown img{
	margin: 0 0 0 auto;
}

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

.search-close{
	background-color: #5D8D93;
	text-decoration: none;
	color: #fff;
	cursor: pointer;
	height: 50px;
	line-height: 50px;
}

.search-dropdown .name{
	line-height: 20px;
}
.search-dropdown .price{
	line-height: 18px;
	font-weight: 300;
}



/*====================================================
		End of Header
======================================================*/

/*====================================================
		Footer
======================================================*/
/*FOOTER BOTTOM*/
.footer-kff-bottom{
	background-color: #00365F;
	color: #fff;
	font-size: 13px;
	line-height: 15px;
	padding: 15px 0;
}
.footer-kff-bottom .text-360{
	text-align: right;
}

@media(max-width: 767px){
	.footer-kff-bottom{
		padding-top: 10px;
		text-align: left;
		font-size: 15px;
	}
	.footer-kff-bottom .text-360{
		text-align: left;
		margin-top: 10px;
	}
}

/*FOOTER*/
.footer{
	padding: 60px 0;
	background-color: #F6F6F6;
	color: #00365F;
	margin-top:40px;
}
.footer .footer-logo{
	margin-bottom: 35px;
}
.footer .footer-title{
	font-size: 22px;
	margin-bottom: 10px;
	font-family: 'Alegreya Sans', sans-serif;
	font-weight: 700;
}
.footer .footer-heading{
	font-size: 18px;
	font-weight: 400;
	line-height: 30px;
	margin-bottom: 15px;
}
.footer input[type="text"]{

}
.footer p{
	color: #fff;
	margin-bottom: 20px;
}
.footer table{
	margin-top: 25px;
}
.footer th{
	font-weight: 500;
	padding-right: 20px;
}
.footer-sm li{
	margin-right: 10px;
}
.footer-sm .sm-link{
	display: flex;
	height: 35px;
	width: 35px;
	justify-content: center;
	align-items: center;
	background-color: #71674A;
	border-radius: 50%;
	line-height: 35px;
	text-align: center;
	color: #fff;
}

.footer-links div{
	margin-bottom: 10px;
}


@media(max-width: 767.99px){
	.footer{
		padding: 25px 0 40px;
	}
	.footer .footer-logo{
		margin-bottom: 0;
	}
	.footer .footer-title{
		margin-top: 35px;
	}
	.footer .footer-links{
		margin-bottom: 0;
	}
	.footer .footer-sm{
		margin-bottom: 25px;
	}
	.footer th{
		padding-right: 10px;
	}
}

/*====================================================
		End of Footer
======================================================*/
/*.headline-banner-wrp{
	height: 32px;
}*/
.headline-banner-wrp a{
	text-decoration: none;
}
.headline-banner{
	color: #464929;
	height: 32px;
	background-color: #464929;
	overflow: hidden;
}
.headline-banner .small-text{
	font-size: 12px;
}
.slick-headline-banner .slick-slide{
	height: 32px;
}

@media(max-width: 767.99px){
	.headline-banner{
		height: 45px;
	}
	.slick-headline-banner .slick-slide{
		height: 45px;
	}
}

/*====================================================
		Home Page
======================================================*/
.home-page{

}
.home-page .hp-title{
	font-size: 22px;
	line-height: 24px;
	font-weight: 300;
	margin-bottom: 20px;
	text-align: center;
}

/*popular*/
/*
.hp-popular{
	margin-bottom: 40px;
}
.hp-popular a:hover{
	text-decoration: none;
}
.hp-popular .popular-box-wrp{
	display: table;
	width: 100%;
	margin-bottom: 10px;
}
.hp-popular .popular-box{
	border: 1px solid #35BF9D;
	color: #2A997E;
	border-radius: 50px;
	text-align: center;
	padding: 15px;

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

	display: table-cell;
	vertical-align: middle;
}
.hp-popular .popular-box:hover{
	background-color: #35BF9D;
	color: #fff;
}
*/

/*categories*/
/*
.hp-categories{
	background-color: #F1F1E3;
	margin-bottom: 50px;
	padding-top: 30px;
	padding-bottom: 10px;
}
.hp-categories a:hover{
	text-decoration: none;
}
.hp-categories .category-box{
	margin-bottom: 20px;
}
.hp-categories .category-box img{
	border-radius: 5px;
}
.hp-categories .category-box .title{
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	margin-top: 10px;
}
*/


/*diet*/
/*
.hp-diet{
	margin-bottom: 40px;
}
.hp-diet a:hover{
	text-decoration: none;
}
.hp-diet .diet-box{
	margin-bottom: 10px;
	background-color: #E7EFF2;
	border-radius: 10px;
	padding: 25px 15px;
	cursor: pointer;
	transition:background-color 0.3s;
}
.hp-diet .diet-box:hover{
	background-color: #d2e1e6;
}
.hp-diet .diet-box .content{
	text-align: center;
	padding: 15px;
}
.hp-diet .diet-box .content .icon{
	margin-bottom: 8px;
}
.hp-diet .diet-box .content .title{
	font-size: 14px;
	line-height: 20px;
	color: #4A7176;
}
*/

/*info*/
.hp-info{
	padding: 60px 0;
}

/*specials*/
.hp-specials{
	margin-bottom: 40px;
}
.hp-specials .special-box{
	margin-bottom: 20px;
}
.hp-specials .special-box .image{
	
}
.hp-specials .special-box .content-wrp{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;

	padding: 15px;
	background-color: rgba(255, 255, 255, 0.92);
}

.hp-specials .special-box .title{
	font-family: 'Alegreya Sans', sans-serif;
	font-size: 18px;
	margin-bottom: 7px;
}
.hp-specials .special-box .description{
	margin-bottom: 10px;
}
.hp-specials .special-box .button .btn{
	font-size: 14px;
	padding: 10px 20px;
}
@media(max-width: 767.99px){
	.hp-specials .special-box > div{
		max-height: 375px;
	}
}
@media(min-width: 768px){
	.hp-specials .special-box .content-wrp{
		padding: 15px;
	}
	.hp-specials .special-box .title{
		font-size: 20px;
		margin-bottom: 7px;
	}
	.hp-specials .special-box .description{
		margin-bottom: 10px;
	}
	.hp-specials .special-box .button .btn{
		font-size: 16px;
	}
}
@media(min-width: 992px){
	.hp-specials .special-box .content-wrp{
		padding: 10px 15px;
	}
	.hp-specials .special-box .title{
		font-size: 20px;
		margin-bottom: 7px;
	}
	.hp-specials .special-box .description{
		margin-bottom: 15px;
	}
	.hp-specials .special-box .button .btn{
		font-size: 16px;
	}
}
@media(min-width: 1200px){
	.hp-specials .special-box .content-wrp{
		padding: 15px;
	}
	.hp-specials .special-box .title{
		font-size: 24px;
		margin-bottom: 10px;
	}
}

/*newsletter & reviews*/
.customer-boxes{
	margin-bottom: 20px;
}
.customer-boxes .customer-box{
	padding: 20px 10% 25px;
	text-align: center;
	margin-bottom: 30px;
}
.hp-newsletter{
	background-image: linear-gradient(to bottom, rgba(74, 72, 66, 0.79), rgba(74, 72, 66, 0.79)), url('/img/home_page/newsletter.jpg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.hp-newsletter h3{
	color: #fff;
	padding: 0 10%;
}
.hp-newsletter .newsletter-form input[type="email"]{
	height: 40px;
}
.hp-newsletter .newsletter-form input[type="submit"]{
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 2px;
	padding-right: 2px;
	font-size: 15px;
}
@media(max-width: 767.99px){
	.hp-newsletter{
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	.hp-newsletter h3{
		padding-left: 0;
		padding-right: 0;
		margin-bottom: 20px;
	}
}

.hp-reviews{
	background-color: #F0F0F0;
}
.hp-reviews h3{
	margin-bottom: 15px;
}
.hp-reviews h4,.hp-reviews ul{
	margin-bottom: 12px;
}

/*Homepage boxes AHL*/
.hp-boxes{
	margin-bottom: 0;
}
.hp-boxes .box{
	margin-bottom: 40px;	
}
.hp-boxes .box .heading{
	position: relative;
	padding-left: 50px;
	color: #00365F;
	font-size: 28px;
	font-weight: 700;

	margin-bottom: 15px;
	padding-top: 3px;
}
.hp-boxes .box .heading-icon{
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 40px;
	background-color: #00365F;
	border-radius: 50%;
	color: #fff;
}
.hp-boxes .box .heading-icon i,.hp-boxes .box .heading-icon i:before{
	position: absolute;
	top: 50%;
	left: 0; right: 0;
	font-size: 21px;
	text-align: center;
	transform: translateY(-50%);
}
.hp-boxes .box .image{
	margin-bottom: 20px;
}
.hp-boxes .box .description{

}

/*products*/
.hp-products{
	margin-bottom: 30px;
	max-height: 415px;
	/*overflow: hidden;*/
}

/*vouchers*/
/*
.hp-vouchers{
	padding-top: 100px;
	padding-bottom: 100px;
	text-align: center;
	background: #E5E5E5;
	margin-bottom: 50px;

	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('/img/home_page/vouchers_banner.jpg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.hp-vouchers .hp-title{
	color: #fff;
	font-size: 28px;
	line-height: 38px;
}
*/

/*points*/
.hp-points-wrp-mobile{
	margin-bottom: 75px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 0px;
	padding-right: 0px;
	background: #464929;
	background-repeat: no-repeat;
	background-position: bottom right;
	background-image: url('/img/home_page/points_mobile.png');
	text-align: left;
}

.hp-points .title{
	font-family: 'Alegreya Sans', sans-serif;
	font-size: 26px;
	margin-bottom: 10px;
}
.hp-points *{
	color: #fff;
}
@media(min-width: 768px){
	.hp-points-wrp{
		margin-bottom: 75px;
	}
	.hp-points{
		padding-top: 30px;
		padding-bottom: 30px;
		padding-left: 120px;
		background: #464929;
		background-repeat: no-repeat;
		background-position: center left;
		background-image: url('/img/home_page/points_desktop.png');
		text-align: left;
	}
	.hp-points .title{
		margin-bottom: 2px;
	}
}

/*about us*/
.hp-about{
	margin-bottom: 20px;
}
.hp-about .about-box{
	margin-bottom: 30px;
}
.hp-about .about-box .content {
	padding: 30px;
	background-color: #F1F1E3;
	text-align: center;
	color: #333333;
}
.hp-about .about-box .content .title{
	margin-bottom: 10px;
	font-size: 18px;
	line-height: 26px;
	font-weight: 400;
}
.hp-about .about-box .content .description{
	margin-bottom: 14px;
	font-size: 14px;
	line-height: 22px;
}
.hp-about .about-box .content .link a{
	color: #30AC8D;
	text-decoration: underline;
	font-size: 14px;
	line-height: 26px;
}
@media(max-width: 767.99px){
	.hp-about .about-box .content {
		padding: 20px;
	}
}

/*slider*/
.main-carousel{
	max-width: 2000px;
	margin: 0 auto;
	overflow: hidden;
	margin-bottom: 80px;
}
.main-carousel .slide-banner .content{ 
	display: table-cell;
	vertical-align: middle;
	position: relative;
	z-index: 1;
}

.main-carousel .slide-banner .content .title{ 
	font-weight: 700;
}
.main-carousel .slide-banner .content .description{ 
	margin-top: 5px;
	color: #00365F;
}
@media(max-width: 767.99px){
	.main-carousel{
		margin-bottom: 50px;
	}
	.main-carousel .slide-banner{
		position: relative;
		width: 100%;
		height: 770px;
		height: calc(100vh - 79px);
	}
	.main-carousel .slide-banner .image{
		width: 100%;
		height: 470px;
		height: calc(100vh - 379px);
	}
	.main-carousel .slide-banner .content-wrp{ 
		width: 100%;
		height: 300px;

		padding-top: 35px;
		padding-bottom: 70px;
		background-color: #F6F6F6;
	}
	.main-carousel .slide-banner .content-wrp:after{
		position: absolute; 
		background-image: url('/img/mobile_a_hero.svg');
		right: 0;
		bottom: 0;
		width: 174px;
		height: 250px;
		content: " ";
	}	
}
@media(min-width: 768px){
	.main-carousel .slide-banner{
		position: relative;
		width: 100%;
		height: 600px;
	}
	.main-carousel .slide-banner .image{
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		width: 55%;
	}
	.main-carousel .slide-banner .content-wrp{ 
		display: table;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		overflow: hidden;
		width: 45%;
		height: 100%;

		background-color: #F6F6F6;
	}
	.main-carousel .slide-banner .content-wrp:after{
		position: absolute; 
		background-image: url('/img/desktop_a_hero.svg');
		left: 0;
		bottom: 0;
		width: 300px;
		height: 360px;
		content: " ";
	}	
}
/*arrows*/
.main-carousel .slick-next,
.main-carousel .slick-prev{
	width: 75px;
	height: 75px;
	opacity: 0;
	transition: opacity 0.3s;
}
.main-carousel:hover .slick-next,
.main-carousel:hover .slick-prev{
	opacity: 1;
}
.main-carousel .slick-next{
	right: 0;
}
.main-carousel .slick-prev{
	left: 0;
	z-index: 1;
}
.main-carousel .slick-prev::before, .main-carousel .slick-next::before{
	font: var(--fa-font-regular);
	font-size: 30px;
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
	opacity: 1;
}
.main-carousel .slick-prev::before{
	content: "\f053";
}
.main-carousel .slick-next::before{
	content: "\f054";
}

/*dots*/
.main-carousel .slick-dots{
	bottom: 20px;
}
.main-carousel .slick-dots li button::before{
	font-size: 10px;
}
.main-carousel .slick-dots li{
	margin: 0;
}

/*responsive*/
.main-carousel{
	/*height: 420px;*/
}
.main-carousel .slide-banner{
	/*height: 420px;*/
}
.main-carousel .slide-banner .content{ 
	padding: 0 20px;
}
.main-carousel .slide-banner .content .description{ 
	font-size: 28px;
	font-weight: 700;
	line-height: normal;
	min-height: 68px;	
}
.main-carousel .slide-banner .content .title{ 
	font-family: 'Alegreya Sans', sans-serif;
	color: #00365F;
	font-size: 45px;
	line-height: normal;
}
.main-carousel .slide-banner .content .buttons{ 
	margin-top: 20px;
	font-size: 0;
}
.main-carousel .slide-banner .content .btn{
	min-width: 220px;
} 
/*@media(max-width: 767.99px){
	.main-carousel .slide-banner{ 
		height: calc(100vh - 79px);
		min-height: 500px;
		max-height: 650px;
	}
}*/
@media(min-width: 768px){
	.main-carousel .slide-banner .content{ 
		padding: 0 10%;
	}
}
@media(min-width: 1200px){
	.main-carousel{
		height: 600px;
	}
	.main-carousel .slide-banner{
		height: 600px;
	}
	.main-carousel .slide-banner .content{ 
		padding: 0 10%;
	}
	.main-carousel .slide-banner .content .title{ 
		font-size: 55px;
	}
	.main-carousel .slide-banner .content .btn{
		min-width: 300px;
	} 
}

@media(min-width: 1500px){
	.main-carousel .slide-banner .content{ 
		padding: 0 20%;
	}
}

/*====================================================
		End of Home Page
======================================================*/

/*====================================================
		Breadcrumbs
======================================================*/
.breadcrumbs {
	list-style: none;
	font-size: 14px;
	line-height: 18px;
	color: #558B9C;
}
.breadcrumbs > li {
	display: inline-block;
}
.breadcrumbs > li + li:before {
	padding: 0 10px 0 5px;
	content: "\f054";
	font: var(--fa-font-regular);
	font-weight: 400;
	font-size: 12px;
	line-height: 12px;
	color: #558B9C;
}
.breadcrumbs > li > a{
	font-weight: 400;
	color: #558B9C;
	text-decoration: underline;
	font-family: "Helvetica";
}
.breadcrumbs > .active {
	font-weight: 300;
}
@media(max-width: 767.99px){
	.breadcrumbs:before {
		padding: 0 10px 0 0;
		content: "\f053";
		font: var(--fa-font-regular);
		font-weight: 400;
		font-size: 12px;
		line-height: 12px;
		color: #558B9C;
	}
}

/*====================================================
		End of Breadcrumbs
======================================================*/

/*====================================================
		Section Page
======================================================*/
/*.section-breadcrumbs{
	margin-top: 20px;
	margin-bottom: 20px;
}*/
.section-image{
	margin-bottom: 40px;
}
.subsections{
	margin-top: 40px;
	margin-bottom: 20px;
}
.subsections .section-box{
	margin-bottom: 20px;
	border: 1px solid #00365F;
	border-radius: 9px;
	padding: 10px;
	font-weight: 700;
}
.subsections .section-box .title{
	text-align: center;
	color: #00365F;
}
/*====================================================
		End of section Page
======================================================*/


/*====================================================
		PLP Pagination
======================================================*/
.mix-bar{
	margin: 0 0 40px 0;
	text-align: left;
}
@media(min-width: 768px){
	.mix-bar{
		text-align: right;
	}
}

#sortby_wrp{
	position: relative;
	background-color: #C9DBE6;
}
#sortby_wrp i{
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
	z-index: 1;
}

#sortby_wrp > label{
	margin:0 20px 0 0; 
	font-size:14px;
	line-height: 45px; 
	font-weight: 300;
}
#sortby_wrp > select{  
	cursor:pointer;
	max-width:190px; 
	height:35px;
	border:1px solid #c4c4c4;
	padding: 0 10px;  
	font-family: 'Alegreya Sans', sans-serif;
	font-size:18px; 
	width:auto;
	border-radius: 0;
	background-color: transparent;
	border: 0;
	position: relative;
	z-index: 2;

	-webkit-appearance: none;
	-moz-appearance: none;
	text-indent: 1px;
	text-overflow: '';
}
#sortby_wrp > select::-ms-expand {
    display: none;
}
#sortby_filter > option{
	padding:0 5px;  
}

.filtersnav ul{
	margin-bottom: 0;
}
.pagenav {
	font-size:14px; 
	line-height: 45px; 
	text-align: right;
} 
.pagenav ul{
	margin-bottom: 0;
}
.pagenav a{ 
	color:#2A997E; 
	text-decoration:underline; 
}
.pagenav a i{ 
	color:#2A997E; 
	text-decoration:none; 
}

@media(max-width: 991.99px){
	#sortby_wrp > label{
		display: none;
	}
}
/*@media(max-width: 500px){
	#sortby_wrp > select{  
		max-width: 85px;
	}
}*/

/*====================================================
		Product Listing - Dynamic - Filters
======================================================*/
.section_filters_wrapper{
	color: #2A997E;
	line-height: 45px;
	font-size:14px;
	font-weight: 300;
}
#section_filters{
	color: #2A997E;
	position: relative;
	cursor: pointer;
}

.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: 22px;
		cursor: pointer;
	}
}

.filter-title-desktop{
	font-size: 16px;
	font-weight: 400;
	line-height: 22px;
	color: #333333;
	margin-bottom: 18px;
	text-transform: uppercase;
}
@media(max-width: 991px){
	.filter-title-desktop{
		display: none;
	}
}
.store-side-menu {
	float:left;
	width:100%;
	border: 1px solid #CCCCCC;
}
.store-side-menu-title{
	font-size: 20px;
	line-height: 24px;
	margin-bottom: 35px;
	color: #000;
}

.store-side-menu .dynamic-menu {
	float:left;
	width:100%;
	border-bottom: 1px solid #CCCCCC;
}
.store-side-menu .dynamic-menu:last-child {
	border-bottom: none;
}
.dynamic-menu-title{
	float: left;
	width: 100%;
	padding: 15px 45px 15px 20px;
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
	cursor: pointer;
	overflow: hidden;
	text-align: left;
	margin:0;
	background-color: #fff;
	color: #333333;
	position: relative;
}
.dynamic-menu-title:after{
	position: absolute;

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

	content: "\f078";
	font: var(--fa-font-regular);
	font-weight: 300;
	font-size: 18px;
	color: #35BF9D;

	width:16px;
	height:18px;
	-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:after{
	content: "\f077";
	color: #35BF9D;
}
.dynamic-menu-title.close-button:after{
	content: "";
}
.dynamic-menu-options{
	margin:0;
	float:left;
	list-style:none;
	width:100%;
	display:none;
	padding: 0 20px 15px;
}
.dynamic-menu-options.open{
	display:block;
}
.dm-opt{
	float:left;
	width:100%;
	padding: 0;
	color: #444;
	text-align: left;
	margin:0;
	font-size:16px;
	font-weight: 300;
	line-height:22px;
	position: relative;
}
.dynamic-menu-options .dm-opt:not(:last-child){
	margin-bottom: 2px;
}
.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;
}
.count-label{
	font-size: 10px;
	line-height: 22px;
	font-weight: 300;
}
.filter-by-mobile{
	margin-bottom: 16px;
	font-size: 20px;
	line-height: 26px;
	font-weight: 300;
	position: relative;
	margin: 20px 20px;
}
.filter-by-mobile i{
	position: absolute;
	font-size: 30px;
	right: 0;
	top: 50%;
	color: #000000;
	cursor: pointer;
	transform: translateY(-50%);
}
@media(max-width: 991.99px){
	.store-side-menu {
		border: none;
		border-top: 1px solid #CCCCCC;
	}
	.dynamic-menus{
		float: left;
		width: 100%;
		padding-bottom: 52px;
	}
	.dynamic-menu-title{
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.dynamic-menu-options{
		padding-bottom: 30px;
	}
	.dynamic-menu-title.close-button{
		color: #fff;
		background-color: #5D8D93;
		text-align: center;
		padding-top: 15px;
		padding-bottom: 15px;
		position: fixed;
		bottom: 0;
	}
}

.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');
}
/*====================================================
		End of Dynamic Section Page
======================================================*/

/*====================================================
		Product Page
======================================================*/

.product-page{
	margin-top: 0;
	margin-bottom: 0;
}
@media(min-width: 768px){
	.product-page{
		margin-top: 40px;
	}
}
.product-page .product-page-left{
	position: relative;
	z-index: 0;
	margin-bottom: 70px;
}
.product-page .product-page-right{
	margin-bottom: 70px;
}
.product-page h1{
	font-size: 28px;
	line-height: 32px;
	text-transform: none;
	margin-bottom: 0;
}
.product-page .sku{
	font-size: 10px;
	font-weight: 300;
	margin-bottom: 12px;
}

/*stars*/
.product-page .product-stars{
	font-size: 14px;
}
.product-page  #pdp_see_reviews{
	display: inline-block;
	cursor: pointer;
}
.product-page .product-stars > ul > li:first-child{
	padding-left: 0;
}

/*tabs*/
.product-expands{
	border-top: 1px solid #EDEDED;
	margin-bottom: 40px;
}
.product-expands .expand{
	margin-bottom: 0;
	border-bottom: 1px solid #EDEDED;
}
.product-expands .expand .expand-title{
	padding: 15px 40px 15px 20px;
	position: relative;
	cursor: pointer;
	font-family: 'Alegreya Sans', sans-serif;
	font-size: 24px;
}
.product-expands .expand .expand-content{
	padding: 5px 20px 20px;
	display: none;
}
.product-expands .expand .expand-content > *:last-child{
	margin-bottom: 0;
}
.product-expands .expand .expand-title:after{
	position: absolute;
	right: 20px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	content: "\f067";
	font: var(--fa-font-light);
	font-weight: 300;
	font-size: 14px;

	width:16px;
	height:16px;
	-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: #333333;
}
.product-expands .expand .expand-title.open:after{
	content: "\f068";
	color: #333333;
}

/*tabs icons*/
.product-how-cook{

}
.product-how-cook-item img{
	width: 50px;
	height: 50px;
	margin-bottom: 3px;
	text-align: center;
}
.product-how-cook-item .title{
	font-size: 14px;
	font-family: 'Alegreya Sans', sans-serif;
	color: #558B9C;
	text-align: center;
}

/*tabs - tables*/
.product-expands table{
	width: 100% !important;
}
.product-expands table tbody tr{
	border-top: 1px solid #CCCCCC;
}
.product-expands table th{
	padding: 10px 0;
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
}
.product-expands table td{
	padding: 10px 0;
	font-size: 12px;
	line-height: 14px;
	font-weight: 300;
}

/*ups*/
.product-ups-list{
	margin-bottom: 25px;
}
.product-ups-list .product-ups{
	padding-left: 20px;
	position: relative;
	color: #5D8D93;
	font-size: 14px;
	line-height: 20px;
	font-weight: 300;
	margin-bottom: 7px;
}
.product-ups-list .product-ups:after{
	position: absolute;
	top: 0;
	left: 0;
	content: "\f00c";
	font: var(--fa-font-light);
	font-size: 12px;
	line-height: 18px;
	width: 20px;
	height: 20px;
}

.product-icons-list{
	margin-bottom: 40px;
}
.product-icons-list .product-icon{
	text-align: center;
	font-size: 10px;
	line-height: 13px;
	font-weight: 300;
}
.product-icons-list .product-icon img{
	margin-bottom: 6px;
}

/*related*/
.product-related{
	margin-top: 30px;
	margin-bottom: 30px;
	position: relative;
}

/*images - mobile*/
.product-images-carousel{
	margin-bottom: 20px;
	position: relative;
}
.product-images-carousel .slick-dots{
	bottom: 5px;
	display: none;
}
.product-images-carousel .slick-dots li{
	margin: 0;
}
.product-images-carousel .slick-dots li button::before{
	font-size: 10px;
	color: #E5E5E5;
	opacity: 1;
}
.product-images-carousel .slick-dots li.slick-active button::before{
	color: #000000;
	opacity: 1;
}

/*product reviews*/
.product-reviews{
	margin-top: 20px;
	border-top: 1px solid #CCCCCC;
	padding-top: 20px;
}
.product-reviews .review:last-child{
	margin-bottom: 0;
	border-bottom: 0;
}
.product-reviews .review{
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 20px;
}
.product-reviews .review > ul{
	margin-bottom: 15px;
}
.product-reviews .review .title{
	font-family: 'Alegreya Sans', sans-serif;
	font-size: 18px;
	margin-bottom: 4px;
}
.product-reviews .review .date{
	font-size: 12px;
	line-height: 20px;
}
.product-reviews .review .description{
	font-size: 14px;
	line-height: normal;
}
.product-reviews .review .product-stars{
	margin-bottom: 12px;
}

/*====================================================
		End of Product Page
======================================================*/

/*====================================================
		Product Page - Add to basket
======================================================*/
.add-to-basket-box{
	margin-top: 25px;
	background-color: #EDEDED;
	padding: 20px 15px;
	position: relative;
}
#stockMessageDate{
	position: absolute;
	top: -25px;
	right: 0;
}
.delivery-info-box{
	background-color: #F6F6F6;
	padding: 15px;
	margin-bottom: 40px;
}

.add-to-basket-box .select-wrp{
	background-color: #fff;
	position: relative;
	z-index: 0;
	margin-bottom: 20px;
}
.add-to-basket-box .productOpt{
	background-color: transparent;
	color: #212020;
	font-family: 'Alegreya Sans', sans-serif;
	font-size: 14px;
	padding: 15px;
	width: 100%;
	border: none;
	appearance: none;
	-webkit-appearance: none;
   	-moz-appearance: none;
	position: relative;
	z-index: 2;
	border-radius: 0;
	box-shadow: none;
}
@media (min-width: 440px){
	.add-to-basket-box .productOpt{ font-size: 15.5px; }
}
@media (min-width: 768px){
	.add-to-basket-box .productOpt{ font-size: 14px; }
}
@media (min-width: 860px){
	.add-to-basket-box .productOpt{ font-size: 15.5px; }
}
.add-to-basket-box .select-wrp:after{
	position: absolute;
	z-index: 1;
	top: 50%;
	right: 15px;
	font: var(--fa-font-regular);
	font-size: 15px;
	line-height: 15px;
	color: #212020;
	transform: translateY(-50%);
	content: "\f078";
}

/*.product-options{
	font-size: 0;
	margin-bottom: 20px;
}
.add-basket-option{
	padding: 15px 20px;
	border: 1px solid #CCCCCC;
	border-radius: 5px;
	color: #333333;
	font-size: 14px;
	font-weight: 300;
	line-height: 18px;
	cursor: pointer;
	margin-bottom: 10px;
}
.add-basket-option.selected{
	background-color: #EBF9F5;
	border: 2px solid #35BF9D;
}*/

.product-price{
	margin-bottom: 0;
}
.product-price ul{
	margin-bottom: 0;
}
.product-current-price, .product-rrp-price{
	font-family: 'Helvetica';
	font-size: 28px;
	line-height: 30px;
}
.product-current-price.has-sale{
	color: #CC0000;
}
.product-rrp-price{
	font-size: 16px;
}
.product-quantity-row{
	width: 120px;
}
.product-quantity-row ul{
	margin-bottom: 0;
	font-size: 0;
}
.quantity-button{
	width: 30px;
	height: 30px;
	cursor: pointer;
	border: 1px solid #cccccc;
	border-radius: 50%;

	font-size: 15px;
	color: #333333;
	line-height: 30px;
	text-align: center;
}
.quantity-button i{
	line-height: 30px !important;
}
#atb_quantity_wrp,.atb_quantity_wrp{
	width: 35px;
	text-align: center;
	font-size: 14px;
	line-height: 18px;
	font-weight: 300;
}
/*#addToBasket{
	margin-bottom: 35px;
}
#addToBasket.grey{
	color: #fff;
}*/

.add-to-basket-box .row > .col-fav-button{
	width: 50px;
	float: left;
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;

	min-height: 54px;
}
.add-to-basket-box .row > .col-add-button{
	width: calc(100% - 50px);
	float: left;
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
}
.add-to-basket-box .row > .col-fav-button i{
	font-size: 30px;
	margin-top: 12px;
	cursor: pointer;
}

/*button*/
.addToBasket-wrp{
	position: relative;
}
.addToBasket-wrp i{
	display: none;
	position: absolute;
	z-index: 1;
	left: 20px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 25px;
	color: #fff;
}

.addToBasket-wrp.adding i.adding{
	display: block;
	top: 25%;
	transform: translateY(-25%);
}
.addToBasket-wrp.added i.added{
	display: block;
}
.addToBasket-wrp.added-error i.added-error{
	display: block;
}

.addToBasket-wrp.adding #addToBasket, .addToBasket-wrp.added #addToBasket{
	background-color: #626639;
}

/*responsive*/
@media(min-width: 768px){
	.add-to-basket-box .row > .col-fav-button{
		width: 70px;
	}
	.add-to-basket-box .row > .col-add-button{
		width: calc(100% - 70px);
	}
	.add-to-basket-box .row > .col-fav-button i{
		font-size: 40px;
		margin-top: 7px;
	}
}
/*====================================================
		End of Product Page - Add to basket
======================================================*/

/*====================================================
		Header - Add to basket
======================================================*/
/*.miniBasketIcon, .miniWishlistIcon{
	position: relative;
}
.miniBasketTotalItems, .miniWishlistTotalItems{
	position: absolute;
	top: -2px;
	right: -4px;
	background-color: #8C9152;
	border-radius: 50%;
	min-width: 12px;
	padding: 2px;
	color: #fff;
	font-size: 10px;
	line-height: 8px;
}
@media(min-width: 992px){
	.miniBasketTotalItems, .miniWishlistTotalItems{
		top: -2px;
		right: -6px;
		min-width: 16px;
		padding: 3px;
		font-size: 12px;
		line-height: 10px;
	}
}*/

/*.header-add-to-basket{
	display: none;
	position: absolute;
	z-index: 2;
	top: 100%;
	margin-top: 15px;
	right: 0;

	min-width: 320px;
}
.added-triangle {
	position: absolute;
	top: -15px;
	right: 0;
	width: 0; 
	height: 0; 
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;

	border-bottom: 15px solid #EDEDED;
}
.header-add-to-basket .added-box{
	background-color: #fff;
	box-shadow: 0px 3px 3px #00000029;
}
.header-add-to-basket .added-box .added-close{
	position: absolute;
	top: 7px;
	right: 7px;
	font-size: 30px;
	cursor: pointer;
}
.header-add-to-basket .added-box .added-message{
	padding: 15px 35px 15px 15px;
	background-color: #EDEDED;
	text-align: left;
	font-family: 'Alegreya Sans', sans-serif;
	font-size: 18px;
}
.header-add-to-basket .added-box .added-product{
	padding: 15px;
	text-align: left;
}
.header-add-to-basket .added-box .added-product .product-name{
	font-family: 'Alegreya Sans', sans-serif;
	font-size: 18px;
}
.header-add-to-basket .added-box .added-product .product-option{
	font-size: 16px;
	font-family: "Helvetica";
}
.header-add-to-basket .added-box .added-buttons{
	padding: 15px;
	border-top: 1px solid #EDEDED;
}
.header-add-to-basket .added-box .added-buttons .btn{
	height: 48px;
	font-size: 16px;
	padding: 15px 5px;
}
.header-add-to-basket .added-box .added-buttons .btn.olive-green{
	color: #fff;
}
.header-add-to-basket .added-box .added-info{
	padding: 5px 15px;
	background-color: #EDEDED;
	text-align: center;
}*/

/*====================================================
		End of Header - Add to basket
======================================================*/

/*====================================================
		Product BOX
======================================================*/
.product-box{
	margin-bottom: 20px;
}
.product-box img{
	border-radius: 0;
}
.product-box .title{
	font-family: 'Alegreya Sans', sans-serif;
	font-size: 24px;
	line-height: 28px;
	margin-top: 15px;
	margin-bottom: 5px;
}
.product-box .price{
	font-family:"Helvetica";
	font-size: 20px;
	line-height: 22px;
}
.product-box .price .from{
	font-family:"Helvetica Light";
	font-size: 15px;
	line-height: 20px;
}
.product-box .price .was{
	text-decoration: line-through;
}

.product-box .product-image{
	position: relative;
}

.product-box .product-overlay{
	position: absolute;
	text-align: center;
}

.product-box .product-overlay.overlay-left{
	top: 10px;
	left: 10px;
}
.product-box .product-overlay.overlay-right{
	top: 10px;
	right: 10px;
}
.product-box .product-overlay.overlay-bottom{
	bottom: 10px;
	left: 10px;
	right: 10px;
}

.product-box .product-overlay .overlay img {
	max-width: 70px;
	max-height: 70px;
}
.product-box .product-overlay .overlay-new{
	background-color: #558B9C;
	color: #fff;
	padding: 9px;
	font-family: "Helvetica";
	font-size: 17px;
}
.product-box .product-overlay .overlay-sale{
	background-color: #D01345;
	color: #fff;
	padding: 9px;
	font-family: "Helvetica";
	font-size: 17px;
}
.product-box .product-overlay .overlay-oos{
	background-color: #212020;
	color: #fff;
	padding: 9px;
	width: 100%;
	font-family: "Helvetica";
	font-size: 17px;
}
.product-box .product-overlay .overlay-free{
	background-color: #C9DBE6;
	color: #558B9C;
	padding: 5px;
	width: 100%;
	font-family: "Helvetica";
	font-size: 15px;
	border-radius: 50%;
	width: 70px;
	height: 70px;
	display: table-cell;
	vertical-align: middle;
}

.product-box .product-quick-add-close{
	display: none;
	position: absolute;
	top: -35px;
	right: 0;
	font-size: 30px;
	cursor: pointer;
}
.product-box .product-quick-add-trigger{
	position: absolute;
	bottom: 0;
	right: 0;
	background-color: #fff;
	padding: 9px 9px 6px 6px;
	cursor: pointer;
}
.product-box .product-quick-add-trigger i.fa-light{
	font-size: 27px;
}
.product-box .product-quick-add-trigger i.fa-solid{
	font-size: 12px;
	position: absolute;
	top: 5px;
	right: 5px;
}
.product-box .product-quick-add-box{
	display: none;
	position: absolute;
	z-index: 1;
	top: 0;bottom: 0;left: 0;right: 0;
	background-color: #F6F6F6;
	padding: 15px;
}
.product-box .product-quick-add-box form{
	height: 100%;
	position: relative;
}

.product-quick-add-box .quick-add-title{
	font-family: 'Alegreya Sans', sans-serif;
	font-size: 20px;
	margin-bottom: 10px;
}
.product-quick-add-box .select-wrp{
	background-color: #fff;
	position: relative;
	z-index: 1;
	margin-bottom: 15px;
}
.product-quick-add-box .productOptQuickAdd{
	background-color: transparent;
	color: #212020;
	font-size: 15px;
	padding: 5px 35px 5px 15px;
	width: 100%;
	border: none;
	appearance: none;
	-webkit-appearance: none;
   	-moz-appearance: none;
	position: relative;
	z-index: 2;
	border: 1px solid #D7D7D7;
	border-radius: 0;
}
.product-quick-add-box .select-wrp:after{
	position: absolute;
	z-index: 1;
	top: 50%;
	right: 15px;
	font: var(--fa-font-regular);
	font-size: 15px;
	line-height: 15px;
	color: #212020;
	transform: translateY(-50%);
	content: "\f078";
}
.product-quick-add-box .product-current-price{
	font-size: 20px;
}
.product-quick-add-box .quick-add-bottom{
	position: absolute;
	bottom: 0;
	left: 0; right: 0;
}
.product-quick-add-box .addToBasket-wrp{
	margin-bottom: 10px;
}
.product-quick-add-box .addToBasket{
	padding: 10px 5px;
	font-size: 16px;
}

.product-box .wishlist-remove{
	position: absolute;
	top: 10px;
	right: 10px;
	width: 35px;
	height: 35px;
	background-color: #fff;
	border-radius: 50%;
	font-weight: 300;
	font-size: 20px;
	line-height: 35px;
	color: #464929;
	text-align: center;
}
/*====================================================
		End of Product BOX
======================================================*/

/*====================================================
		Product SLIDERS
======================================================*/
.product-slider > .title{
	margin-bottom: 20px;
}
.product-slider .product-box{
	margin-bottom: 20px;
}
.product-slider .product-box img{
	border-radius: 0;
}
.product-slider .product-box .title{
	font-family: 'Alegreya Sans', sans-serif;
	font-size: 24px;
	line-height: 28px;
	margin-top: 12px;
	margin-bottom: 5px;
}
.product-slider .product-box .price{
	font-size: 20px;
	font-family: "Helvetica";
}
.product-slider a:hover{
	text-decoration: none;
}
@media(max-width: 767.99px){
	.product-slider .product-box{
		width: 170px !important;
	}
	.product-slider .product-box .title{
		font-size: 18px;
		margin-top: 6px;
		margin-bottom: 0;
	}
	.product-slider .product-box .price{
		font-size: 16px;
	}
}

.product-slider .slick-list {
	margin-right: -15px;
	margin-left: -15px;
}
.product-slider .slick-track{
	margin-left: 0;
	margin-right: 0;
}
.product-slider .slick-slide {
    margin: 0 15px;
}
.product-slider .slick-prev{
	right: 50px;
	left: auto;
	top: -50px;
	transform: none;
	width: 30px;
	height: 30px;
}
.product-slider .slick-next{
	right: 0;
	left: auto;
	top: -50px;
	transform: none;
	width: 30px;
	height: 30px;
}
.product-slider .slick-prev::before, 
.product-slider .slick-next::before{
	font: var(--fa-font-light);
	font-size: 25px;
	line-height: 30px;
	color: #8C9152;
	opacity: 1;
}
.product-slider .slick-prev::before{
	content: "\f060";
}
.product-slider .slick-next::before{
	content: "\f061";
}
@media(max-width: 767.99px){
	.product-slider .slick-slide {
		margin: 0 5px;
	}
	.product-slider .slick-list {
		margin-left: 0;
	}
}
/*====================================================
		End of Product SLIDERS
======================================================*/

/*====================================================
		About Us
======================================================*/
.about-us-page{
	margin-bottom: -20px;
}
.about-grid{
	margin-top: 12px;
}
.about-row .content *{
	color: #fff;
}
.about-row .content *:last-child{
	margin-bottom: 0;
}
@media(min-width: 768px){
	.about-grid{
		max-width: 1800px;
		margin-left: auto;
		margin-right: auto;
	}
	.about-row{
		display: table;
	}
	.about-row div[class*='col-']{
		float: none;
		display: table-cell;
		vertical-align: middle;
	}
	.about-row .image{
		height: 800px;
	}
	.about-row .content{
		padding: 0 10%;
	}
}
@media(max-width: 767.99px){
	.about-row .image{
		height: 375px;
	}
	.about-row .content{
		padding: 50px 15px;
	}
	.about-row .content h2{
		margin-bottom: 10px;
	}
}
/*====================================================
		End of About Us
======================================================*/

/*====================================================
		basePage
======================================================*/
.standard-page{
	margin-bottom: 30px;
}
@media(min-width: 768px){
	.standard-page{
		margin-bottom: 90px;
	}
}
/*====================================================
		End of basePage
======================================================*/

/*====================================================
		Contact Us
======================================================*/
.contact-page{
	margin-top: 50px;
}
.contact-form{
	margin-bottom: 0;
}
.contact-details{
	margin-bottom: 40px;
}
.contact-details-list{
	margin-top: 10px;
	margin-bottom: 20px;
}
.contact-details-list .detail{
	padding-left: 27px;
	position: relative;
	margin-bottom: 5px;
}
.contact-details-list .detail:after{
	position: absolute;
	top: 3px;
	left: 0;
	font: var(--fa-font-solid);
	font-size: 15px;
	line-height: 18px;
	width: 20px;
	height: 24px;
	color: #00365F;
}
.contact-details-list .detail.phone:after{
	content: "\f095";
}
.contact-details-list .detail.email:after{
	content: "\f0e0";
}	
.contact-details-list .detail.location:after{
	content: "\f3c5";
}
.contact-details-list .detail.print:after{
	content: "\f02f";
}	

.contact-sm li{
	margin-right: 10px;
}
.contact-sm .sm-link{
	height: 35px;
	width: 35px;
	background-color: #71674A;
	border-radius: 50%;
	line-height: 35px;
	text-align: center;
	color: #fff;
}

.contact-success-box{
	padding: 60px 15%;
}
.contact-success-box i{
	font-size: 80px;
	margin-bottom: 20px;
}
.contact-success-box h2{
	margin-bottom: 7px;
}
@media(min-width: 768px){
	.contact-success-box{
		padding: 100px 15%;
	}
}

.contact-details{
 	margin-bottom: 25px;
}
.contact-details h3{
}
.contact-details .block-title{
	position: relative;
	padding-left: 25px;
}
.contact-details .block-title h4{
	margin-bottom: 5px;
}
.contact-details .block-title i{
	position: absolute;
	left: 0;
	top: 3px;
	font-size: 15px;
}
.contact-details .contact-block{
	margin-bottom: 15px;
}
.contact-details .contact-block table{
	font-size: 15px;
}
.contact-details .contact-block table th{
	font-family: "Helvetica";
	font-weight: normal;
	padding-bottom: 5px;
}
.contact-details .contact-block table td{
	padding-bottom: 5px;
}
.contact-details .contact-message{
	padding: 7px 15px;
	background-color: #F6F6F6;
	font-family:"Helvetica Light Oblique";
	font-size: 15px;
}
/*====================================================
		End of Contact Us
======================================================*/

/*====================================================
		About Us
======================================================*/
.about-page{
	margin-top: 30px;
	margin-bottom: 80px;
}
.about-intro{
	text-align: center;
}
.about-content{
	margin-top: 60px;
	background-color: #F6F6F6;
	padding: 0 15px 15px;
}
.about-content h2{
	margin-top: 20px;
}
.content-block img{
	margin-top: 15px;
	margin-bottom: 15px;
}
@media(min-width: 992px){
	.about-intro{
		text-align: left;
	}
}
@media(min-width: 768px){
	.about-page{
		margin-top: 50px;
	}
	.about-content{
		padding: 0 30px 30px;
	}
	.content-block img{
		display: none;
	}
	.images-col{
		padding-top: 66px;
	}
	.images-col img{
		margin-top: 0;
		margin-bottom: 15px;
	}
	.about-content h2{
		margin-top: 30px;
	}
}
/*====================================================
		End of About Us
======================================================*/

/*====================================================
		Forms
======================================================*/
label{
	font-size: 13px;
	line-height: 15px;
	font-weight: normal;
	color: #212020;
	margin-bottom: 12px;
}
.form-control{
	background-color: #FFFFFF;
	border-radius: 0;
	box-shadow: none;
	border: 1px solid #00365F;
	font-size: 16px;
	border-radius: 8px;
}
.checkbox a{
	text-decoration: underline;
}
.help-text{
	margin: 5px 0 0 0;
}
.has-error .form-control{
	border-color: #CC0000;
	background-color: #FFEBEB;
}
.has-error .control-label{
	color: #CC0000;
}
.has-error .checkbox label{
	color: #CC0000;
}
.form-error-message{
	margin: 7px 0;
	font-size: 14px;
	line-height: 18px;
}
.form-group .control-label{
	font-size: 15px;
}
/*====================================================
		End of Forms
======================================================*/

/*====================================================
		Tooltips
======================================================*/
.custom-tooltip.tooltip.in{
	opacity: 1;
}
.custom-tooltip .tooltip-inner{
	font-family: 'Prompt', sans-serif;
	padding: 7px 25px;
	background-color: #4A7176;
	border-radius: 10px;
	color: #fff;
	font-size: 11px;
	line-height: 14px;
}
.custom-tooltip.top .tooltip-arrow{
	border-top-color: #4A7176;
}

/*====================================================
		End of Tooltips
======================================================*/

/*====================================================
		Account
======================================================*/
.account-page{
	margin-top: 0 !important;
}
.account-page h1{
	margin-top: 0 !important;
}
/*dashboard*/
.account-dashboard-boxes{
	margin-top: 20px;
	margin-bottom: 80px;
}
.account-dashboard-boxes .box{
	border: 1px solid #558B9C;
	padding: 25px 20px;
	margin-bottom: 10px;
	border-radius: 5px;
}
.account-dashboard-boxes .box i{
	color: #558B9C;
	margin-right: 10px;
}
.account-dashboard-boxes a:hover{
	text-decoration: none;
}

/*orders*/
.account-orders{
	margin-bottom: 80px;
	margin-top: 20px;
}
.account-orders .order-box{
	border: 1px solid #CCCCCC;
	border-radius: 5px;
	margin-bottom: 20px;
}
.account-orders .order-box .order-details{
	
}
.account-orders .order-box .order-details .order-info{
	padding: 20px 20px;
}
.account-orders .order-box .order-details .order-total{
	padding: 20px 20px;
	background-color: #E5E5E5;
}
.account-orders .order-box .order-lines{
	display: none;
	padding: 20px 20px 10px;
	border-top: 1px solid #CCCCCC;
}
.account-orders .order-box .order-lines .order-line-box{
	background-color: #F2F2F2;
	border-radius: 5px;
	padding: 15px 20px;
	margin-bottom: 10px;
	line-height: 18px;
}
.account-orders .order-box .order-lines .order-line-box .product-name{
	margin-bottom: 0;
}
.account-orders .order-box .small-text{
	font-size: 14px !important;
}
.account-orders .order-box .order-lines .btn{
	margin-bottom: 20px;
}

/*Accounts*/
.account-accounts{
	margin-top: 20px;
}
.account-accounts .account-details{
	border: 1px solid #CCCCCC;
	border-radius: 5px;
	margin-bottom: 20px;
	padding: 10px;
}
.account-accounts table{
	font-size: 14px;
}
.account-accounts table th{
	font-weight: 500;
}
.account-accounts table td, .account-accounts table th{
	padding: 1px 5px;	
}

/*buttons*/
.account-orders .order-view{
	display: none;
	border-top: 1px solid #CCCCCC;
}
.account-orders .order-view a{
	display: inline-block;
	width: 100%;
	text-align: center;
	text-decoration: none;
}
.account-orders .hide-order-button{
	display: none;
}

/*mobile - tablet*/
@media(max-width: 991.99px){
	.account-orders .order-box .order-lines .order-line-box .product-name{
		margin-bottom: 10px;
	}
}
@media(max-width: 767.99px){
	/*buttons*/
	.account-orders .order-view{
		display: block;
	}
	.account-orders .order-view a{
		padding: 10px;
	}
	.account-orders .order-view .hide-order-button{
		background-color: #558B9C;
		color: #fff;
	}
}

/*====================================================
		End of Account
======================================================*/

/*====================================================
		Reviews Page
======================================================*/
.order-reviews{

}
.order-reviews .review-box{
	margin-bottom: 30px;
}
.order-reviews .review-box .title{
	background-color: #D7D7D7;
	padding: 5px 20px;
	font-weight: 400;
}
.order-reviews .review-box .content{
	padding: 20px 20px 20px;
	background-color: #EDEDED;
}
.order-reviews .review-box .content form{
	margin-top: 10px;
}
.order-reviews .review-box input,.order-reviews .review-box textarea{
	background-color: #fff;
}

/*====================================================
		End of Reviews Page
======================================================*/

/*====================================================
		Modals
======================================================*/
.modal.fade.in{
	background-color: rgba(0,0,0,0.8);
}
.modal-close-button{
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
	z-index: 1051;
}
.modal-close-button i{
	font-size: 28px;
}
@media(max-width: 767.99px){
	.modal-close-button.mobile-special{
		top: -5px;
		right: -5px;
		background-color: #FFFFFF;
		width: 25px;
		height: 25px;
		border-radius: 50%;
		text-align: center;	
	}
	.modal-close-button.mobile-special i{
		font-size: 18px;
		line-height: 25px;
	}

	/*quick add*/
	.modal-close-button.mobile-out{
		top: -35px;
		color: #fff;
	}
}
/*====================================================
		End of Modals
======================================================*/

/*====================================================
		Pop Up modal
======================================================*/
.popupModal{
	text-align: center;
}
.popupModal .popupModalDialog{
	margin-top: 0;
	width: calc(100% - 20px);
	margin-top: 150px;
}
.popupModal .popupModalContent{
	border-radius: 5px;
	box-shadow: none;
}
.popupModal .popupModalBody{
	margin: 0;
	padding: 0;
}
.popupModal img{
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	max-height: 120px;
}
.popupModal .popupModalBox{
	padding: 20px 20px 15px;
}
.popupModal .popupModalTitle{
	font-family: 'Alegreya Sans', sans-serif;
	font-size: 30px;
}
.popupModal .popupModalDescription{
	font-family: 'Alegreya Sans', sans-serif;
	font-size: 18px;
	margin-top: 10px;
}
.popupModal .popupModalTCs{
	font-family: "Helvetica Light";
}
.popupModal form{
	margin-top: 25px;
	margin-bottom: 20px;
}
.popupModal input[type="submit"]{
	margin-bottom: 0;
	height: 52px;
}
.popupModal input[type="email"]{
	margin-bottom: 15px;
	height: 52px;
	background-color: #fff;
	border: 1px solid #707070;
}
@media(min-width: 992px){
	.popupModal .popupModalDialog{
		width: calc(992px - 40px);
		margin-top: 200px;
	}
}
@media(min-width: 768px){
	.popupModal img{
		border-top-left-radius: 5px;
		border-bottom-left-radius: 5px;
		max-height: none;
	}
	.popupModal .popupModalBox{
		padding: 40px 35px 20px;
	}
	.popupModal .popupModalTitle{
		font-size: 40px;
	}
	.popupModal form{
		margin-top: 40px;
		margin-bottom: 40px;
	}
}
/*====================================================
		End of Pop Up modal
======================================================*/

/*====================================================
		Delivery modal
======================================================*/
.input-wrp{
	position: relative;
}
.input-wrp input[type="text"]{
	padding-right: 100px;
}
.input-wrp input[type="submit"]{
	width: 100px;
	position: absolute;
	right: 0;
	top: 0;
	height: 53px;
	padding: 15px 5px;
}

.deliveryModal{
	padding-right: 0 !important;
}
.deliveryModal input[type="text"]{
	height: 53px;
	border-color: #212020;
}
.deliveryModal input[disabled="disabled"]{
	background-color: #fff !important;
}
.deliveryModalDialog{
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	min-height: 100%;
	display: flex;
}
.deliveryModalContent{
	width: 100%;
	min-height: 100%;
	border-radius: 0;
}
.deliveryModalBody{
	/*padding: 30px;*/
	padding: 0;
	min-height: 100%;
}

.deliveryModal .delivery-step{
	min-height: 100%;
	/*padding-bottom: 75px;*/
}
.deliveryModal .delivery-step-inner{
	padding: 30px;
}
/*.deliveryModal .postage-result{
	position: absolute;
	bottom: 50px;
	left: 30px;
	right: 30px;
}*/
.deliveryModal .postage-result{
	padding: 10px 12px;
	background-color: #F6F6F6;
	margin-bottom: 15px;
}
.deliveryModal .postage-result .postage-price{
	/*background-color: #8C9152;
	padding: 12px 30px;*/
	display: inline-block;
	text-align: right;
	/*color: #fff;*/
	/*font-family: 'Alegreya Sans', sans-serif;
	font-size: 18px;*/
	width: 120px;
	/*margin-bottom: 15px;*/
}
.deliveryModal .postage-result .postage-price .btn{
	height: 40px;
	padding: 8px 5px;
}
.deliveryModal .postage-result h5{
	font-size: 16px;
}
.deliveryModal .delivery-step .collection-cta .btn{
	font-size: 16px;
}

.modal-open{
	padding-right: 0 !important;
}
.modal-footer--sticky{
	position: sticky;
	bottom: 0;
	padding: 0;
	border-top: none;
	text-align: left;
	display: none;
}
.collection-cta{
	padding: 15px 30px;

	background-color: #F6F6F6;
	box-shadow: 0px 0px 15px #00000029;
}

@media(max-width: 767.99px){
	.deliveryModalDialog{
		margin-left: 0;
	}
	/*.deliveryModalBody{
		padding: 20px;
	}*/
	#deliveryModal{
		background-color: #fff;
	}
	.deliveryModal .delivery-step-inner{
		padding: 20px;
	}

	.collection-cta{
		padding: 15px 20px;
	}
}

.optionHomeDeliveryForm .form-control{
	font-size: 16px;
}
/*====================================================
		End of Delivery modal
======================================================*/

/*====================================================
		Quick ADD modal MOBILE
======================================================*/
.quickAddModalDialog{
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0;
}
.quickAddModalContent{
	border-radius: 0;
}
.product-quick-add-box.quick-add-modal-box{
	display: block;
	bottom: 0;left: 0;right: 0;
	top: auto;
}
.product-quick-add-box.quick-add-modal-box .quick-add-bottom{
	position: relative;
	margin-top: 20px;
}
/*====================================================
		End of Quick ADD modal MOBILE
======================================================*/

/*====================================================
		CLP Page
======================================================*/
.clp-intro{
	margin-top: 0;
	margin-bottom: 40px;
}
.clp-intro h1{
	margin-top: 30px;
}
@media(min-width: 769px){
	.clp-intro{
		margin-top: 40px;
		margin-bottom: 80px;
	}
	.clp-intro h1{
		margin-top: 0;
	}
}

.clp-sections{
	margin-bottom: 80px;
}
.clp-sections .section-box{
	margin-bottom: 20px;
}
.clp-sections .section-box .image{
	
}
.clp-sections .section-box .content-wrp{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;

	padding: 15px;
	background-color: rgba(255, 255, 255, 0.92);
}
.clp-sections .section-box .content{
	
}
.clp-sections .section-box .title{
	font-family: 'Alegreya Sans', sans-serif;
	font-size: 24px;
}

.clp-products{
	margin-bottom: 80px;
}
/*====================================================
		End of CLP Page
======================================================*/

/*====================================================
		Datepicker
======================================================*/
.ui-datepicker{
	width: 100%;
}
.ui-widget-content{
	border: 1px solid #D7D7D7;
	padding: 0;
}

/*header*/
.ui-widget-header{
	background-color: #464929;
	color: #fff;
}
.ui-widget-header .ui-icon{
	background-image: none;
}
.ui-datepicker-title{
	font-family: 'Alegreya Sans', sans-serif;
	font-size: 16px;
	font-weight: normal;
}
.ui-datepicker-calendar{
	margin-bottom: 0 !important;
}

/*cells*/
.ui-datepicker-unselectable{
	background-color: transparent !important;
	color: #D7D7D7 !important;
	text-align: center;
}
.ui-widget-content .ui-state-default{
	background-color: transparent !important;
	color: #212020 !important;
	text-align: center;

	background: none !important;
	border: 0 !important;
}
.ui-widget-content .ui-state-active{
	background: none;
	background-color: #558B9C !important;
	color: #fff !important;
	text-align: center;
}
.ui-widget-content .ui-state-highlight{
	border: 1px solid #D01345 !important;
}

/*buttons*/
.ui-datepicker .ui-datepicker-prev:after, .ui-datepicker .ui-datepicker-next:after{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font: var(--fa-font-light);
	color: #fff;
	font-size: 16px;
}
.ui-datepicker .ui-datepicker-prev:after{
	content: "\f053";
}
.ui-datepicker .ui-datepicker-next:after{
	content: "\f054";
}
.ui-corner-all.ui-state-hover{
	background: none !important;
	border: 0 !important;
}
.ui-datepicker-prev-hover{
	left: 2px !important;
	top: 2px !important;
}
.ui-datepicker-next-hover{
	right: 2px !important;
	top: 2px !important;
}

/*====================================================
		End of Datepicker
======================================================*/

/*====================================================
		Need Help
======================================================*/
.needhelp-button{
	position: fixed;
	bottom: 35px;
	right: 15px;
	background-color: #C9DBE6;
	color: #558B9C;
	font-family: 'Alegreya Sans', sans-serif;
	cursor: pointer;

	border-radius: 50%;
	font-size: 28px;
	padding: 8px 20px;
}
.needhelpModalBody{
	padding: 40px 15px;
}
@media(min-width: 768px){
	.needhelpModalDialog{
		width: 90%;
		max-width: 1000px;
	}
	.needhelpModalBody{
		padding: 40px 50px;
	}
}
@media(min-width: 992px){
	.needhelp-button{
		border-radius: 20px;
		font-size: 18px;
		padding: 12px 30px;
	}
}

.faq-box{
	background-color: #EDEDED;
	border-left: 2px solid #8C9152;
	margin-bottom: 10px;
	position: relative;
}
.faq-box .faq-question{
	font-size: 18px;
	font-family: 'Alegreya Sans', sans-serif;
	position: relative;
	z-index: 1;
	padding-right: 20px;
	cursor: pointer;
	padding: 12px 35px 12px 15px;
}
.faq-box .faq-answer{
	display: none;
	padding: 0 15px 15px;
}
.faq-box i{
	position: absolute;
	right: 15px;
	top: 15px;
	z-index: 0;
}
.faq-box i.open{
	display: none;
}
.faq-box i.closed{
	display: block;
}
.faq-box.open i.open{
	display: block;
}
.faq-box.open i.closed{
	display: none;
}

.minimum-delivery{
	margin-top: 25px;
	margin-bottom: 25px;
	padding: 5px 10px;
	color: #D01345;
	border: 1px solid #D01345;
	border-radius: 5px;
}

.free-delivery-slide{
	font-size: 13px;
}
.free-delivery-slide.basket-fds{
	margin-top: 25px;
	margin-bottom: 25px;
}
.free-delivery-slide .progress-bar{
	background-color: #558B9C;
	background-image: linear-gradient(to bottom, #558B9C 0, #558B9C 100%);
}

/*sticky headers*/
.header-mobile-kff-wrp-space{
	display: block;
}
.header-desktop-kff-wrp-space{
	display: none;
}
@media(min-width: 992px){
	.header-mobile-kff-wrp-space{
		display: none;
	}
	.header-desktop-kff-wrp-space{
		display: block;
	}
}

.popover-content{
	color: #D01345;
}

/*AHL*/
.ahl-page{
	padding-top: 60px;
	padding-bottom: 40px;
}

.ahl-page ul{
	padding-left: 15px;
	list-style: disc outside;
}
.ahl-page ul li{

}
@media(max-width: 767.99px){
	.ahl-page{
		padding-top: 40px;
	}
}

.ahl-alert{
	padding: 10px 15px;
	margin-bottom: 30px;
}
.ahl-alert.ahl-alert-danger{
	color: #D01345;
	background: #fcf1f4;
	border-radius: 9px;
}


.ahl-info{
	padding: 20px;
	background-color: #f1f8fa;
	border-radius: 9px;
	margin-top: 40px;
}
.ahl-info h3{
	margin-top: 0 !important;
}
@media(min-width: 768px){
	.ahl-info{
		padding: 30px;
	}
}

.ahl-page table{
	font-size: 15px;
	border-collapse: separate;
	border-spacing: 2px;
	border: 2px solid transparent;
	width: calc(100% + 8px);

	margin-left: -4px;
  margin-right: -4px;
}
.ahl-page table tr{
	
}
.ahl-page table th{
	padding: 8px;
	background-color: #D7D7D7;
	font-weight: 700;
}
.ahl-page table td{
	padding: 8px;
	background-color: #F6F6F6;
	font-weight: 500;
}
.ahl-page table img{
	max-width: 50px;
	max-height: 50px;
}


.ahl-search-box{
	padding: 20px;
	box-shadow: 0px 3px 6px #00000029;
	border: 1px solid #EDEDED;
	border-radius: 15px;
	margin-bottom: 20px;
}


.ahl-product-box{
	padding: 20px;
	box-shadow: 0px 3px 6px #00000029;
	border: 1px solid #EDEDED;
	border-radius: 15px;
	margin-bottom: 40px;
}
.ahl-product-box .product-image{
	margin-bottom: 10px;
}
.ahl-info-plp{
	margin-top: 0;
	position: sticky;
  top: 111px;
}

.ahl-info-plp{
	margin-top: 0;
}

.product-pdfs{
	margin-top: 24px;
	margin-bottom: 0;
}
.product-pdfs .btn{
	margin-bottom: 10px;
}

.ahl-page-content h3{
	margin-top: 40px;
}
.ahl-page-content table{
	margin-bottom: 20px;
}

.ahl-brandspage-content h2{
	margin-top: 40px;
}

/*responsive tables*/
.tm-headings{
	margin-bottom: 10px;
	font-size: 15px;
	font-weight: 700;
}
.tm-headings .tm-item{
	padding: 7px 10px;
	background-color: #D7D7D7;
	border: 1px solid #D7D7D7;
	margin: 0 1px;
	cursor: pointer;
}
.tm-headings .tm-item.active{
	background-color: #E2F0F4;
	border-color: #65C4DB;
}
@media(min-width: 768px){
	.tm-headings{
		display: none;
	}
	.tm-table tr th, .tm-table tr td{
		display: table-cell !important;
	}
}
@media(max-width: 767.99px){
	.tm-table tr th, .tm-table tr td{
		display: none;
	}
	.tm-table tr th:nth-child(1), .tm-table tr th:nth-child(2),
	.tm-table tr td:nth-child(1), .tm-table tr td:nth-child(2){
		display: table-cell;
	}
}