/* latin-ext */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/titilliumweb/v17/NaPecZTIAOhVxoMyOr9n_E7fdM3mDaZRbryhsA.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/titilliumweb/v17/NaPecZTIAOhVxoMyOr9n_E7fdMPmDaZRbrw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@import url('https://fonts.cdnfonts.com/css/reey');

html {
	background-color: #fff;
	scroll-padding-top: 160px
}

body {
	position: relative;
	margin: 0 0;
	padding: 160px 0 0;
	width: 100%;
	font-family: "Titillium Web";
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	color: #3b3b3b;
	background: #f8f6f5
}

.chirplink, .mobileonly, .tabletmobileonly {
	display: none
}

.clear {
	clear: both
}

span.resize img {
	width: 100%;
	height: auto
}

a>img {
	border: 0
}

.flex {
	display: flex;
	flex-flow: row wrap
}

#menutrigger {
	display: none
}

img.captcha {
	margin: 0 !important;
	min-width: 179px
}

:target::before {
	content: "";
	display: block;
	height: 160px;
	margin: -160px 0 0;
	visibility: hidden
}

.video-container {
	overflow: hidden;
	position: relative;
	width: 100%
}

.video-container::after {
	padding-top: 56.25%;
	display: block;
	content: ""
}

.video-container.vertical::after {
	padding-top: 177.78%;
	display: block;
	content: ""
}

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

header#headercontainer {
	position: fixed;
	width: 100%;
	clear: both;
	left: 0;
	top: 0;
	z-index: 99;
	background: #fff
}

header#headercontainer.scroll-down {
	position: static;
	margin-top: -184px
}

#slidercontainer, #contentcontainer, #homebottomcontainer,
	#subfootercontainer {
	width: 100%;
	height: auto;
	position: relative;
	clear: both
}

#contentcontainer {
	z-index: 1
}

#slidercontainer img.nomobile {
	display: block;
	width: 100%;
	max-width: 1216px;
	margin: 0 auto
}

#slidercontainer img.mobileonly {
	display: none
}

#slider img {
	width: 100%;
	max-width: 1216px;
	height: auto;
	margin: 0 auto
}

#header, #topbar, #nav, #pagebanner>div, #no_pagebanner>div, #content,
	#homebottom, #footer, #subfooter {
	max-width: 1216px;
	position: relative;
	margin: 0 auto;
	clear: both
}

#nav {
	max-width: 100%
}

#subfooter {
	margin: 15px auto;
	text-align: center
}

#subfooter img {
	width: 35%
}

#subfooter img:nth-of-type(3) {
	width: 70%;
	margin-top: 1em
}

#follow {
	margin-top: 0;
	height: 55px
}

.followlist {
	position: relative;
	width: 200px;
	height: 30px;
	margin: 0 auto;
	padding: 0
}

.followlist li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0
}

.followlist li, .followlist a {
	width: 28px;
	height: 27px;
	display: block
}

.followlist li.blog_icon {
	left: 0
}

.followlist li.blog_icon a:link, .followlist li.blog_icon a:visited {
	background: url(/images/social_btns_pink.png) 0 0 no-repeat;
	background-size: 200px;
	transition: opacity .3s ease-in-out
}

.followlist li.facebook {
	left: 35px
}

.followlist li.facebook a:link, .followlist li.facebook a:visited {
	background: url(/images/social_btns_pink.png) -35px 0 no-repeat;
	background-size: 200px;
	transition: opacity .3s ease-in-out
}

.followlist li.youtube {
	left: 69px
}

.followlist li.youtube a:link, .followlist li.youtube a:visited {
	background: url(/images/social_btns_pink.png) -103px 0 no-repeat;
	background-size: 200px;
	transition: opacity .3s ease-in-out
}

.followlist li.instagram {
	left: 103px
}

.followlist li.instagram a:link, .followlist li.instagram a:visited {
	background: url(/images/social_btns_pink.png) -173px 0 no-repeat;
	background-size: 200px;
	transition: opacity .3s ease-in-out
}

.followlist li a:hover, .followlist li a:active {
	opacity: .7
}

a:link, a:visited {
	text-decoration: none;
	color: #54833f;
	transition: .2s
}

a:hover, a:focus {
	text-decoration: underline
}

#content p a:link, #content p a:visited, #content .small a:link,
	#content .small a:visited {
	text-decoration: none
}

h1, h2, h3, h4, h5 {
	font-family: "Titillium Web";
	font-weight: normal;
	font-style: normal;
	margin: 1.1em 0
}

h1 {
	font-size: 34px;
	line-height: 41px;
	margin: 0
}

.homepage h1 {
	max-width: 500px;
	margin-top: 16px;
	font-size: 36px;
	line-height: 44px
}

.category #pagebanner h1 {
	font-size: 28px;
	line-height: 36px;
	margin-bottom: 16px
}

h2 {
	font-size: 34px;
	line-height: 41px
}

h3 {
	font-size: 24px;
	line-height: 29px
}

h4 {
	font-size: 18px;
	line-height: 22px
}

strong {
	font-family: "Titillium Web";
	font-weight: normal;
	font-style: normal
}

.smallcaps16b {
	font-size: 16px;
	font-family: "Titillium Web";
	text-transform: uppercase;
	line-height: 24px;
	letter-spacing: 1.5px
}

p.ruled-heading {
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) calc(60% - 1px),
		rgba(192, 192, 192, 1) calc(60%), rgba(0, 0, 0, 0) calc(60% + 1px));
	text-align: center
}

p.ruled-heading span {
	background: #fff;
	padding: 0 8px
}

#content p a:hover, #content p a:active {
	text-decoration: underline
}

h5 a:link, h5 a:visited {
	text-decoration: underline;
	color: #000
}

h2 a:hover, h2 a:active, h5 a:hover, h5 a:active {
	color: #54833f;
	text-decoration: underline
}

#content hr {
	border: 0;
	background: #ece5de;
	height: 1px;
	margin-top: 30px
}

#breadcrumbs {
	margin: 0;
	padding: 19px 0 0;
	font-size: 12px;
	line-height: 16px;
	color: #888
}

#pagebanner #breadcrumbs {
	position: absolute;
	top: 0;
	left: 0
}

#breadcrumbs a:link, #breadcrumbs a:visited {
	color: inherit;
	font-family: "Titillium Web";
	color: #616161
}

#breadcrumbs a:hover, #breadcrumbs a:focus {
	text-decoration: none;
	color: #54833f
}

#breadcrumbs a::after {
	content: " / ";
	font-family: "Titillium Web";
	color: #616161
}

#pagebanner #breadcrumbs, #pagebanner #breadcrumbs a, #pagebanner #breadcrumbs a::after
	{
	color: #fff
}

#pagebanner #breadcrumbs a:hover, #pagebanner #breadcrumbs a:focus {
	opacity: .5
}

#top_cart a:hover, #submenu a:hover {
	text-decoration: underline;
	color: #185087
}

p.section {
	position: relative;
	font-family: "Titillium Web";
	margin: 0;
	font-size: 24px;
	line-height: 29px
}

p.view-all {
	font-family: "Titillium Web";
	font-size: 18px;
	line-height: 22px;
	margin-top: 37px;
	text-align: center
}

p.section span a {
	display: inline-block;
	font-size: 18px !important
}

p.section a:link, p.section a:visited, p.view-all a:link, p.view-all a:visited
	{
	color: #54833f;
	text-decoration: none;
	transition: .2s
}

p.section a:hover, p.section a:focus, p.view-all a:hover, p.view-all a:focus
	{
	text-decoration: none !important;
	opacity: .7
}

p.section span {
	position: absolute;
	display: block;
	right: 0;
	bottom: 0;
	line-height: 22px;
	text-transform: lowercase
}

p.section span a::first-letter {
	text-transform: uppercase !important
}

p.section span a::after, p.view-all a::after {
	content: "";
	display: inline-block;
	height: 14px;
	width: 14px;
	margin-left: 8px;
	margin-bottom: -2px;
	background-image:
		url(data:image/svg+xml,%3Csvg\ version=\'1.1\'\ baseProfile=\'tiny\'\ id=\'Layer_1\'\ xmlns=\'http://www.w3.org/2000/svg\'\ xmlns:xlink=\'http://www.w3.org/1999/xlink\'\ x=\'0px\'\ y=\'0px\'\ viewBox=\'0\ 0\ 15\ 14\'\ overflow=\'visible\'\ xml:space=\'preserve\'%3E%3Cpath\ fill=\'%23E46B63\'\ d=\'M6.7,0.9l0.7-0.7c0.3-0.3,0.8-0.3,1.1,0l6.2,6.2c0.3,0.3,0.3,0.8,0,1.1l-6.2,6.2c-0.3,0.3-0.8,0.3-1.1,0\ l-0.7-0.7c-0.3-0.3-0.3-0.8,0-1.1l3.9-3.7H1.4C1,8.3,0.6,7.9,0.6,7.5v-1c0-0.4,0.3-0.8,0.8-0.8h9.2L6.8,2C6.4,1.7,6.4,1.2,6.7,0.9z\'\ /%3E%3C/svg%3E%0A);
	background-size: 14px;
	background-repeat: no-repeat;
	background-position: top left
}

a.imglink:hover, a.imglink:focus {
	border: none !important
}

p.imglink a img {
	border: none !important
}

#content .imglink a img {
	border: none !important
}

#notice {
	position: relative;
	margin-top: 1em
}

.notice {
	font-size: 1em;
	border-left: 2px solid #ffc605;
	background: #fff9e6;
	padding: .75em .75em .65em
}

.notice b {
	color: #3c352f;
	margin-right: .5em
}

.notice p a:link {
	color: #54833f
}

.notice.success {
	border-color: #20d020;
	background-color: #ecfceb
}

.notice.success b {
	color: #20d020
}

.see-all {
	height: auto !important
}

#see_all {
	display: initial;
	position: absolute;
	margin: 0;
	right: 0;
	bottom: 0;
	text-align: right
}

p#see_all a:link, p#see_all a:visited {
	font-family: "Titillium Web";
	line-height: 22px;
	color: #3b3b3b !important
}

p#see_all a:hover, p#see_all a:active {
	filter: none
}

p#see_all a:link:before, p#see_all a:visited:before {
	content: '...';
	padding-left: 32px;
	background: linear-gradient(90deg, rgba(248, 246, 245, 0) 0%,
		rgba(248, 246, 245, 1) 80%);
	padding-top: 5px
}

p#see_all a:link:after, p#see_all a:visited:after {
	content: 'read more';
	background-color: #f8f6f5;
	padding-top: 5px
}

a.dismiss:link, a.dismiss:visited {
	display: block;
	position: absolute;
	text-decoration: none !important;
	font-size: 1rem;
	color: #54833f;
	right: 20px;
	top: -25px
}

#sales_banner a.dismiss:link, #sales_banner a.dismiss:visited {
	right: 0
}

a.dismiss img {
	margin-bottom: -4px
}

#sales_banner {
	position: relative;
	background: #fff;
	border: 2px solid #eea5a0;
	width: 100%;
	height: 60px;
	border-radius: 8px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: "Titillium Web";
	font-weight: normal;
	font-style: normal;
	font-size: 18px;
	color: #54833f;
	margin: 0 0 42px
}

.productpage #sales_banner {
	margin-top: 32px
}

#sales_banner a {
	font-family: "Titillium Web";
	text-decoration-line: underline;
	color: #3b3b3b
}

#sales_banner strong a {
	font-family: "Arboria-Bold", Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #54833f
}

div.pageintro {
	max-width: 740px;
	margin: 0 auto
}

.archived, .archived b {
	color: #999
}

.archived img {
	filter: grayscale(100%)
}

.archived a {
	color: inherit
}

li.archived::before, .archived b::before {
	content: "ARCHIVED: ";
	font-weight: bold;
	color: #ccc
}

.interest-card {
	width: 156px;
	height: auto;
	background: #fff;
	display: flex;
	flex-direction: column;
	padding: 0 16px 0;
	border-radius: 8px;
	align-items: center;
	margin: 28px 16px 0;
	box-shadow: 0 2px 4px rgba(14, 31, 53, .04), 0 6px 12px
		rgba(14, 31, 53, .04), 0 12px 20px rgba(14, 31, 53, .03);
	justify-content: space-between;
	text-align: center
}

.interest-card:first-of-type {
	margin-left: 0
}

.interest-card:last-of-type {
	margin-right: 0
}

.interest-card a:link, .interest-card a:visited {
	color: #3b3b3b !important;
	width: 100%;
	height: 100%;
	padding: 24px 16px 25px
}

.interest-card a:hover, .interest-card a:focus {
	color: #616161;
	text-decoration: none !important
}

.interest-card h3, .interest-card p {
	font-family: "Arboria-Book";
	font-weight: normal;
	font-size: 16px;
	line-height: 20px;
	margin: 0;
	margin-bottom: auto;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden
}

.interest-card h3 {
	margin-top: 15px
}

.homepage .interest-card h3 {
	font-family: "Arboria-Bold";
	font-weight: normal
}

.interest-image {
	height: 112px;
	width: 112px;
	margin: 0 auto;
	background-size: cover;
	background-position: center;
	border-radius: 112px
}

.promo-rectangle {
	flex-basis: 33%;
	display: flex;
	flex-flow: nowrap
}

.article {
	background: #fff
}

#afterpay_cart {
	position: fixed;
	padding: 5px;
	width: 140px;
	right: 0;
	bottom: 10%;
	z-index: 2;
	background: #fff;
	border-radius: 5px 0 0 5px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .5);
	text-align: center;
	color: #121212;
	line-height: 1.2em
}

#afterpay_cart strong {
	text-transform: uppercase;
	color: #42b7b4
}

#afterpay_cart span {
	text-transform: uppercase
}

#afterpay_cart small {
	font-size: .9em
}

#afterpay_cart img {
	max-width: 90%;
	height: auto
}

#afterpay_cart a:link, #afterpay_cart a:visited {
	display: inline-block;
	margin-top: 4px;
	margin-bottom: 8px;
	padding: 4px 8px 2px;
	background: #333;
	text-transform: uppercase;
	font-weight: bold;
	color: #fff;
	transition: .3s
}

#afterpay_cart a:hover, #afterpay_cart a:active {
	text-decoration: none;
	background: #54833f
}

.editmode .photoset {
	display: block
}

.editmode .photoset div {
	clear: both
}

.editmode .photoset a {
	width: 150px
}

.editmode .photoset .imagedisplay {
	margin-top: 50px
}

.editmode div {
	max-height: fit-content !important
}

#pagebanner {
	background-position: right center;
	background-size: cover;
	background-repeat: no-repeat
}

#pagebanner>div {
	height: 200px
}

#pagebanner>div, #no_pagebanner>div {
	position: relative;
	display: flex;
	flex-flow: column nowrap;
	justify-content: center
}

#pagebanner h1, .category #pagebanner p:nth-of-type(2) {
	font-family: "Arboria-Bold", Arial, Helvetica, sans-serif;
	max-width: 540px;
	font-size: 48px;
	line-height: 56px;
	color: #fff
}

.catlist {
	width: 100%;
	margin: 66px 0 36px
}

.parent .catlist {
	border-top: 1px solid #ece5de;
	border-bottom: 1px solid #ece5de;
	margin: 32px 0 50px;
	padding: 32px 0 64px
}

.catlist div {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: (1fr)[6];
	grid-template-columns: repeat(6, 1fr);
	grid-template-rows: repeat(auto-fill, auto);
	grid-gap: 8px 11px;
	list-style-type: none;
	margin: 0;
	padding: 0
}

.catlist a {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 2px 4px 6px;
	border-radius: 4.4px;
	min-height: 48px;
	background: #fff;
	box-shadow: 0 3px 7px rgba(14, 31, 53, .12);
	font-size: 14px;
	text-align: center;
	transition: .3s
}

.catlist a:link, .catlist a:visited {
	color: #3b3b3b
}

.catlist a.sale:link, .catlist a.sale:visited {
	font-family: "Arboria-Bold", Arial, Helvetica, sans-serif;
	color: #54833f
}

.catlist a.more.current, .catlist a:hover, .catlist a:active, .catlist a.sale:hover,
	.catlist a.sale:active {
	background: #8ba462;
	color: #fff;
	text-decoration: none
}

.catlist a:active {
	box-shadow: inset 0 2px 4px #738c4a
}

.catlist p.section {
	margin-bottom: 44px
}

.catlist p.section a {
	display: inline-block;
	padding: 0;
	border-radius: 0;
	min-height: auto;
	background: transparent;
	box-shadow: none;
	font-size: 14px;
	transition: .3s
}

.catlist p.section a:link, .catlist p.section a:visited {
	color: #54833f
}

.catlist p.section a:hover, .catlist p.section a:active {
	background: transparent;
	color: #54833f;
	text-decoration: none !important
}

.catlist p.section a:active {
	box-shadow: none
}

.signin.flex, .forgot-pass.flex {
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	width: 50%;
	margin: auto
}

.signin.flex>div, .forgot-pass.flex>div {
	width: 100%
}

.signin.flex>div>p, .forgot-pass.flex>div>p {
	color: #616161
}

.flex>div>form>fieldset {
	background: transparent;
	border: 0
}

fieldset>.text-input>input {
	width: calc(100% - 10px)
}

@media only screen and (min-width:1216px) {
	#slidercontainer, #contentcontainer, #homebottomcontainer,
		#subfootercontainer {
		width: 100%;
		margin: 0 auto;
		position: relative
	}
}

@media all and (-ms-high-contrast:none) , ( -ms-high-contrast :active) {
	#slidercontainer, #contentcontainer, #homebottomcontainer,
		#subfootercontainer {
		width: 1216px;
		margin: 0 auto;
		position: relative
	}
}

@media only screen and (max-width:1215px) {
	#content, #footer, #subfooter, #topbar, #header, #nav,
		#announcecontainer .flex {
		width: calc(100% - 78px);
		padding-right: 39px;
		padding-left: 39px
	}
	.notablet {
		display: none
	}
	.tabletmobileonly {
		display: block
	}
	#pagebanner>div {
		height: 163px
	}
	#pagebanner>div, #no_pagebanner>div {
		width: calc(100% - 80px);
		padding-left: 40px;
		padding-right: 40px
	}
	#pagebanner #breadcrumbs {
		left: 40px
	}
	#pagebanner h1, .category #pagebanner p:nth-of-type(2) {
		max-width: auto
	}
	#contentcontainer {
		background-position: right -5vh
	}
	p.section {
		font-size: 20px;
		line-height: 24px
	}
	p.viewall {
		margin-top: 21px
	}
	p.section span a, p.view-all {
		font-size: 16px !important;
		line-height: 20px
	}
	.catlist div {
		-ms-grid-columns: (1fr)[4];
		grid-template-columns: repeat(4, 1fr);
		grid-template-rows: repeat(auto-fill, auto)
	}
	.catlist a {
		min-height: 44px
	}
	.interest-card {
		margin: 20px 10px 0;
		padding: 0 11px 0
	}
	.interest-card a:link, .interest-card a:visited {
		padding: 16px 11px 19px
	}
	.interest-card:first-of-type {
		margin-left: 0
	}
	.interest-card:last-of-type {
		margin-right: 0
	}
	.interest-card h3, .interest-card p {
		font-size: 12px;
		line-height: 15px
	}
	.interest-card h3 {
		margin-top: 12px
	}
	.interest-image {
		height: 76px;
		width: 76px;
		border-radius: 76px
	}
}

@media only screen and (max-width:767px) {
	body {
		width: 100%;
		padding-top: 146px !important
	}
	#content, #footer, #subfooter, #topbar, #header, #nav,
		#announcecontainer .flex {
		width: calc(100% - 40px);
		padding-right: 20px;
		padding-left: 20px
	}
	.notablet {
		display: none
	}
	.mobileonly {
		display: block
	}
	#content, #footer, #subfooter, #topbar, #header, #nav,
		#announcecontainer .flex {
		width: calc(100% - 40px);
		padding-right: 20px;
		padding-left: 20px
	}
	:target::before {
		display: block;
		margin: -100px 0 0;
		height: 100px;
		content: ""
	}
	img, object, embed {
		max-width: 100%
	}
	img {
		height: auto;
		-ms-interpolation-mode: bicubic
	}
	img.resize {
		width: 100%;
		height: auto
	}
	.homepage h1 {
		font-size: 28px;
		line-height: 36px
	}
	#header {
		justify-content: space-between;
		width: 100%;
		padding: 5px 0 0
	}
	#header>div:nth-child(1) {
		width: 10%
	}
	header#headercontainer.scroll-down {
		margin-top: -146px
	}
	#topbarcontainer {
		height: 32px
	}
	#topbar, #header, #nav {
		width: 96%;
		padding-right: 2%;
		padding-left: 2%
	}
	#topbar {
		height: 32px;
		overflow: hidden;
		justify-content: center
	}
	input[type="search"]::-webkit-search-cancel-button {
		-webkit-appearance: none;
		height: 14px;
		width: 14px;
		display: block;
		background-image:
			url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAn0lEQVR42u3UMQrDMBBEUZ9WfQqDmm22EaTyjRMHAlM5K+Y7lb0wnUZPIKHlnutOa+25Z4D++MRBX98MD1V/trSppLKHqj9TTBWKcoUqffbUcbBBEhTjBOV4ja4l4OIAZThEOV6jHO8ARXD+gPPvKMABinGOrnu6gTNUawrcQKNCAQ7QeTxORzle3+sDfjJpPCqhJh7GixZq4rHcc9l5A9qZ+WeBhgEuAAAAAElFTkSuQmCC);
		background-repeat: no-repeat;
		background-size: 14px;
		margin-right: 10px
	}
	#logo {
		height: 43px;
		background-position: center center;
		background-size: 169px;
		text-align: center;
		width: 64%
	}
	#logo img {
		width: 169px;
		height: 43px
	}
	#pagebanner>div, #no_pagebanner>div {
		width: calc(100% - 40px);
		padding-left: 20px;
		padding-right: 20px
	}
	#pagebanner #breadcrumbs {
		left: 20px
	}
	#pagebanner h1 {
		font-size: 28px;
		line-height: 30px
	}
	#sales_banner {
		background: #fff;
		width: 100%;
		height: 48px;
		border-radius: 8px;
		font-size: 14px
	}
	#sales_banner span {
		display: block
	}
	.catlist {
		width: 100%;
		margin: 32px 0 32px
	}
	.parent .catlist {
		border-top: 1px solid #ece5de;
		border-bottom: 1px solid #ece5de;
		margin: 28px 0 32px;
		padding: 28px 0 40px
	}
	.catlist div {
		-ms-grid-columns: (1fr)[2];
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: repeat(auto-fill, auto)
	}
	.catlist a {
		min-height: 40px
	}
	.catlist p.section a {
		min-height: auto
	}
	.catlist p.section {
		margin-bottom: 28px
	}
	.interest-card {
		border-radius: 4px;
		width: 118px;
		margin-right: 16px;
		padding: 0 14px 0
	}
	.interest-card a:link, .interest-card a:visited {
		padding: 16px 14px 19px
	}
	.interest-image {
		height: 64px;
		width: 64px;
		border-radius: 64px;
		margin: 0 auto
	}
	.signin.flex, .forgot-pass.flex {
		width: 90%
	}
}

@media only screen and (min-width:321px) and (max-device-width:568px)
	and (orientation:landscape) {
	#video, #video-overlay, #video div, #video-hero {
		height: 183px !important
	}
}

@media only screen and (max-width:767px) and (orientation:portrait) {
	.nomobile {
		display: none !important
	}
	.mobileonly {
		display: block
	}
	.mobile-inline {
		display: inline-block
	}
	#logo {
		width: 52%
	}
	#products_display {
		width: 96%;
		margin: 0 auto
	}
}

@media only screen and (min-width:1216px) {
	#video, #video-overlay, #video div, #video-hero {
		height: 500px !important
	}
	#slider {
		height: 500px
	}
	#video img.mobile-banner {
		margin-top: 0
	}
	#video-text {
		top: 55%
	}
	#video-text p {
		width: 500px
	}
}

fieldset {
	margin: 1em 0;
	padding: 10px;
	border: 1px solid #ccc;
	background-color: #eee;
	background-image: linear-gradient(to bottom, white, white 80%, #eee)
}

legend {
	padding: 2px 8px;
	background-color: #fff;
	border-radius: 4px;
	box-shadow: 0 -1px 1px rgba(0, 0, 0, .4);
	font-size: .9em;
	color: #333
}

.flexform-row {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: flex-start
}

.flexform-row>label {
	flex: 0 0 calc(10em - 4px);
	padding: 2px 4px 0 0;
	text-align: right;
	font-size: .9em;
	color: #333
}

.flexform-row>label::after {
	content: ":"
}

.flexform-row>label strong {
	color: #c00
}

.flexform-row>div {
	flex-basis: calc(100% - 9em);
	margin: 0 0 0 auto;
	padding: 0 0 4px 0
}

.flexform-row>div label {
	cursor: pointer
}

.flexform-row>div.validation-errors {
	font-style: italic;
	color: #f33
}

.flexform-row input, .flexform-row textarea, .flexform-row select {
	padding: 2px 4px;
	border: 1px solid #ccc;
	border-radius: 2px;
	background-color: #fff;
	line-height: 1.1;
	font-family: inherit;
	font-size: 1.1em
}

.flexform-row input:focus, .flexform-row textarea:focus, .flexform-row select:focus
	{
	border: 1px solid #aaa;
	box-shadow: 0 0 3px rgba(0, 0, 0, .2);
	color: #333
}

.flexform-row input[type="image"], .flexform-row input[type="file"] {
	border: none
}

.flexform-row input[type="submit"], .flexform-row input[type="reset"],
	.flexform-row input[type="button"] {
	padding: 2px 6px;
	border: #b5bbc4 1px solid;
	background-color: #f7fafc;
	background-image: linear-gradient(to bottom, #fff, #dae6f1);
	font-size: 100%;
	color: #333
}

.flexform-row input[type="submit"]:hover, .flexform-row input[type="reset"]:hover,
	.flexform-row input[type="button"]:hover {
	color: #e36627
}

fieldset input[type="submit"]:active {
	border-color: #666
}

.flexform-row input:disabled, .flexform-row input:disabled:hover,
	.flexform-row input:disabled:focus {
	color: #999 !important
}

input.cssform-undo:disabled {
	display: none
}

button.check-speling {
	padding: 2px 6px;
	background: rgba(255, 255, 255, .8);
	border: none;
	line-height: 1.4;
	font-weight: normal;
	color: #666;
	cursor: pointer
}

a.delete:link {
	color: #c00 !important
}

a.delete:visited {
	color: #c00 !important
}

a.delete:hover, a.delete:focus {
	color: #000 !important;
	background-color: #ff0 !important
}

.warning {
	margin: .5em 0;
	border: 1px solid red;
	background-color: #ff0;
	font-size: .8em;
	color: #333
}

p.warning, .warning p, span.warning {
	padding: .5em
}

.warning b {
	text-transform: uppercase;
	color: red
}

input:required:invalid, input:focus:invalid, textarea:required:invalid,
	textarea:focus:invalid {
	background-image:
		url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAT1JREFUeNpi/P//PwMpgImBRMACY/x7/uDX39sXt/67cMoDyOVgMjBjYFbV/8kkqcCBrIER5KS/967s+rmkXxzI5wJiRSBm/v8P7NTfHHFFl5mVdIzhGv4+u///x+xmuAlcdXPB9KeqeLgYd3bDU2ZpRRmwH4DOeAI07QXIRKipYPD35184/nn17CO4p/+cOfjl76+/X4GYAYThGn7/g+Mfh/ZZwjUA/aABpJVhpv6+dQUjZP78Z0YEK7OezS2gwltg64GmfTu6i+HL+mUMP34wgvGvL78ZOEysf8M1sGgZvQIqfA1SDAL8iUUMPIFRQLf+AmMQ4DQ0vYYSrL9vXDz2sq9LFsiX4dLRA0t8OX0SHKzi5bXf2HUMBVA0gN356N7p7xdOS3w5fAgcfNxWtn+BJi9gVVBOQfYPQIABABvRq3BwGT3OAAAAAElFTkSuQmCC);
	background-position: right top;
	background-repeat: no-repeat;
	box-shadow: none
}

input:required:valid, textarea:required:valid {
	background-image:
		url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAZZJREFUeNpi/P//PwMpgImBRMAy58QshrNPTzP8+vOLIUInisFQyYjhz98/DB9/fmT48/+35v7H+8KNhE2+WclZd+G0gZmJmYGThUNz1fUVMZtvbWT59eUXG9wGZIWMUPj993eJ5VeWxuy8veM/CzPL3yfvH/9H0QBSBDYZyOVm4mGYfn6q4cory5lYmFh+MrEwM/76/YsR7mk2ZjbWP///WP37/y8cqIDhx58fjvtu7XV6//ndT34G/v8FasUsDjKO/+A2PP3wpGLd+TVsfOz8XH6KAT+nHpokcu7h6d9q/BoMxToVbBYqlt9///+1GO4/WVdpXqY/zMqXn13/+vTjI9mj94/y//v9/3e9ZRObvYbDT0Y2xnm///x+wsfHB3GSGLf41jb3rv0O8nbcR66d+HPvxf2/+YZFTHaqjl8YWBnm/vv37yly5LL8+vuLgYuVa3uf/4T/Kd8SnSTZpb6FGUXwcvJxbAPKP2VkZESNOBDx8+9PBm4OwR1TwmYwcfzjsBUQFLjOxs52A2YyKysrXANAgAEA7buhysQuIREAAAAASUVORK5CYII=);
	background-position: right top;
	background-repeat: no-repeat
}

input::-webkit-input-placeholder {
	color: #ababab
}

input:-moz-placeholder {
	color: #ababab
}

input[type="number"] {
	max-width: 4em
}

#preview_desktop img {
	max-width: 100%;
	height: auto
}

.cropper {
	display: inline-block;
	margin: 0 1em;
	padding-left: 18px;
	height: 16px;
	background-image:
		url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABRElEQVQ4jZXSsUsVUBzF8Y/yhgKRSOdwFpUgpxZX/4BElxwKcWhJqNbOIiEOBuIQiuioaUsSBRFCBIKjq0KERdoUhIRIOLyr2LNnvgN3+d37Pfzu+f1oQEmGk8yerVUagB/iGbrP1psvCT/BFJ4n2W7IIMkjTGAX47X3lSQV3EEHvmAlyWGB72GyvB1L8itJCzrRg/ZmLOI+ruIulgrcgZkCv8W1JDv4iU/ow6umJHvoTrKfpBU/0IZZDOEzRrGKA8xjJsku1Sms4XWSDfTiO27jJa7jKQZKd29OvneaAUbQjy58xQe8wBXcSvIbG/VCbqotJBkuuRzgQZKFevA5gySwhWmsYxNtSY7qGdRu4g20Yw6t+FNOXdUaHJXaTdXkl5NcaPDXJib5hvf4qDqBxxfB/+rgRINJ1v4Hn+ug6J1qDpfSMVLdY4b2kZcrAAAAAElFTkSuQmCC);
	background-position: left center;
	background-repeat: no-repeat
}

.cropper:link {
	text-decoration: none !important;
	font-size: .75em;
	color: rgba(0, 0, 0, 0) !important
}

.cropper:visited {
	color: rgba(0, 0, 0, 0) !important
}

.cropper:hover, .cropper:focus {
	color: rgba(0, 0, 0, .5) !important
}

#captcha {
	border: 1px outset #666
}

.attach-file {
	position: relative
}

.attach-file input[type="file"] {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	cursor: pointer
}

.attach-file input[type="file"]+div {
	margin: 0 0 .2em 0;
	padding: 1em;
	background-color: rgba(255, 255, 255, .5);
	border: 2px dashed rgba(0, 0, 0, .2);
	text-align: center;
	font-size: 2em;
	color: rgba(0, 0, 0, .3);
	transition: .2s
}

.attach-file input[type="file"]:invalid+div {
	border-color: rgba(255, 0, 0, .4)
}

.attach-file:hover input[type="file"]+div, .attach-file input[type="file"]:focus+div
	{
	border-color: rgba(0, 0, 0, .4);
	color: rgba(0, 0, 0, .4)
}

.attach-file input[type="file"]:focus+div {
	box-shadow: 0 0 4px Highlight inset
}

.attach-file input[type="file"]:active+div {
	background: #ccc
}

.attach-file input[type="file"].file-attached+div {
	padding: 2em;
	background-color: rgba(0, 255, 0, .2);
	border-color: rgba(0, 128, 0, .5);
	font-size: 1em;
	color: rgba(0, 128, 0, .75)
}

.attach-file input[type="file"]+div strong {
	color: #666
}

@media only screen and (max-width:767px) {
	.flexform-row {
		flex-flow: column nowrap
	}
	.flexform-row>label {
		flex-basis: 100%;
		text-align: left
	}
	.flexform-row>div {
		margin: 0 0 4px 0
	}
	#captcha {
		width: 320px;
		height: 90px
	}
}

#show_password {
	display: inline-block;
	width: 22px;
	height: 12px;
	background-image:
		url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAYCAYAAACBbx+6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABwxJREFUeNqcV3lIVWkU/97TXLJMs9RwSqzUMFITFUtrsE2TFrLFCIoWoihymooaSEjCqISyUvujnbChBsvKMqVSDCUzy3JcEltwNC0XstTemMuZ3/noXq72fPnmg4O+e7/ld8/5nd85n660tFT4+/uL/zNmzZqlc3Z2du/o6PBtamoKraiocA4KCnLCbwd+P2LEiLanT5+2Tp06tcnd3b1oxowZNbt27TIMGzbMA6/9YME9PT0u69evn3zlyhU3a2vrvpqamrTx48dn410prB7W0e9QBkxEZtmiRYs8AeAPJyenAhsbm3ZsQ4OZTqcjS0tLGjVqFE2bNq1z06ZNFZmZmTmdnZ257e3t+XPmzGnmeQDbe+bMmXLsnwKLhk2GDR94tqU5Hp0yZUoYvPd7S0tLVFdXlw3AyE0GG/zewsKCPS3Gjh0rJkyYMNzNzc3HysrKJy8vr2/fvn19iIrlyJEju69evVoeFRXViGW1MP6ITljvwD2HBHjx4sWBBQUF8fBIZF9fn4UCkv9qQTs6OgofHx/h4uIin+PDRG1trUAUhKenpwgMDBRhYWGisbFRAKz+/fv3ep579uzZztmzZ/dgi2JYJazxOxV6zAI8d+5c+/r6+rh379791t3dbaU8h0fE8uXLxYsXL6TBc2LPnj1ixYoVYty4cf32aG5uFsXFxeLt27cClBCvXr0ScXFxorW1lSMmDh06xB/kcOLEiQB85D9LlizJxLwWLDXA+n4ANRiHV61aFQbe/a3lo52dHcXGxhIOJx5YSxs2bKCGhgb62fj27RulpqYyV+Ve8+fPp7KyMsrOzqb9+/fTwoULCVEgDw+PSuz5K5bojOEyCjggICAWvDNowa5cuZJev35tEhQoQ/fu3aPjx4/TuXPnCN6XQHmcPn2awGe5F5KWqqqq5HPQhhISEmjixIlkb28vExQRNDCGnwLOysrSR0ZGJivZzX+RJJSenj4oSHBa/kXmswqwhyg8PJx27NhBly5doqKiItq5c6f64Qzu8ePHdP78eQK/1X1u3rxJUB7Sns1YGJNRwMnJybYzZ878U+vVefPmEThs0qsKYPbopEmTKCIigpBQlJGRQffv3yfkgdwLykAXL16Uc1++fEnr1q2jo0eP9tuLz+IztRgYE2NTAVdXV4vCwkKr4ODgdO3E7du3q+FUhsFgIHyx5LACVDuuX79OSCg5586dO+Tn5yf3srW1lfxFkZDzPn36RCgihIJF0OMfuM5na7EwNsYoAV++fFngqy5oJ3DYBnqQB6qQfA8JUp9x4kGWCEogOVxeXk7Xrl2TnOS5Y8aMkeHPzc0lOEddx0nGXuc9jZ3FGAZE+4IEDHInaF9wwiiLFY8o4+HDh3IOJE19hnDR0qVL6eDBg5Sfn09wgATJ8xg0g2dqxMfHU1pamrpu9erVkqsPHjzodwafqQBPSkrqB5qx6s2pdPyFXLm4ECgDvYQICQnhvkI8e/ZMbNmyRRYM0EGcOnVKavajR4+kFrP2KgOgTFbJQYc5lGBZg9zRsmXL1Gdv3rwhlFmZaCxJvJ4Tjb1648YN2rt3r0xETkjmtjJCQ0PlXLMpYU7Sff36VSYL8+/z589qCLdt26auW7NmjfwAljSWNjQ3UupQlunLly9yDUozay2hKzM/6cyVtZMnTxLKsPQ2g0X3Jefq9Xqptww2JSWFNm7cyJIkQY0ePVpWNGWwYvCarVu3mi9rpgoHG4v5rVu31E3RsEjJ4qxfsGCBKlvotmSRYG2NiYmh6dOnExob8vX1lfRQxocPHwi9h1xXUlKiPufixEVqyIVjYGnm8ohGmxwcHMjLy4uOHDlCSBq5OcJDaFzkpq6urvTkyRP5HC0noWGXHmTgd+/elVKnjN7eXoqOjlYpp+QFl32tV7ktGFJp1pgO2R6ORKlkYOigVNliaeMwK2WbQQ3kurGBrk3Kn6LjrNe7d++WSawFyw0XN16DXR6MAeYuiQnuiOY6KDExMePw4cM9zE3IlEwW3hjXHrp9+zbl5OTQsWPH5P+4Jv0AlDs5XqfQgLnOiQs57AcU0exCJBORpPambjs6I3c67pHtYK58yeB7FzI5AonkdeDAgZEIu9RctIQCPbIAb6X+IrTyNzgvbxe8+cePH0VlZaVAKVZvINrG//vvXnRp2Wjs49FAlfxMho018BZ8f4RxJ+4DC4QH7Rksv0S4DJAxa4DRg6+ygefmnIsFZE/eMEwVHgU0yvK/uBNmIWJJaOoLhlw4jFCCL36eMK6/qWvXrq1TwobiwA1xXltb218osxkor2Xe3t4dTBOlaJgyvrDyxZUvsHyRVT7CHDNGCfbuLzD/urq6COhgDKTIGg141ebNm5u/X7/ZqpFsDVAP++fPn3vDsyGmrvngbCF+l4Hntbgfktbr5oz/BBgAcFZAC+LbFZUAAAAASUVORK5CYII=);
	background-size: 100% 100%
}

#show_password.shown {
	background-image:
		url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAYCAYAAACBbx+6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABfpJREFUeNq8V11IVVkUXv5kWmqGYWXmoKBR2QyV+dC9+CANyUwlaBr4EARBTZFD0MyT5H3wYcRKB6khiAIfRhgM/BlsSlPKaxYZ5WRBGYXRryWZWpplZ75vMftwrn91m5oF+5579tl7rW+vv71WwNWrV6W/v186Ojpk5cqVUl9fL+/evZPXr1/LvXv3ZNasWRIWFiY3btyQoKAgWbhwoURERMj9+/c5HxATE/PV0NDQ1729vS6siVmzZk003qMEFB4e3n/58uW+5cuX92JdG97/xrqe4eFhKz4+XgYHB+Xx48cyNjYmWCOYV7kJCQkqNzg4WDZu3CjEmJqaKlFRURIsflBAQICCfvv2bdLz589zAGwDDvrNyMhIuFlz4cKFCfuuXbumz9DQ0KHZs2d3AvifOPhJ8OomT3/oowAHBgYaoO6urq69APvdmzdvQinMsqyPFsaDYbj6+vpcT548KYqOjm6AtcqgSS9l/GfARqMwVerDhw89MGHm+/fvgwxIPp2g586dK8uWLZP58+fr+9OnT+XmzZvy4sULm5/ZxwPDHbIBPCsyMvIvuIEHsjo+pPEpARMoNkfeunWrEL78I7QbYr7Rh3NyctTUHPTHffv2yebNm9XHnUQfra6ulgMHDqjfU5Nr166VO3fu6IEAPggx9P3p06e/Behf4+LiiiF7YEprj5/g6WfOnCkDAwPuK1eutN2+ffsnAxb+JwUFBdLZ2SknTpzQsW3bNrl48aLs2bNnAlgS5/gNvCQrK0tgIQXd3Nysh4Q/6zrKoCzKpGximMzdgnbu3EnfkkePHsmiRYv02djYWAAQlXCBWLMwNzdXNZWfn6+mJy1YsEBBUOMkBKGcOXNGqqqq5Ny5c/oeGxsrISEhGvV5eXmCGBBoU92jvLxctmzZolag65DgKjE9PT35kD2YkpJyKTExUb+TD4JWNGW0tLRIWVmZNDQ0BGZmZlZQ0WDI41k4hAWg1lQEjemzrq7OAnPd4xxJSUkWDmGvh88ypek3ZBh7njIoyymbWIiJ2IiRWPWntbVVKioqwuBbvzuFrVu3znrw4IE1HRnAR44csffB5DrMOzRsnTp1yt5z+PBhnYd1fXhRFmU6MRATsRGjAkZQSVtbW0haWlq1c+Hu3but0dFRH4ZM+DixdffuXRuokxBYEzRstLV06VILvqnrYGILbmQtXrzYevXqlQ8PyqRsJw9iI0ZilcrKSsGpjjsXFBcXT9Agqbu7W7+np6fbczRrSUmJhRtSgWzdunUCaDPoNoZcLpfOkedksohhnLWPE6usWrWq2Pnh0KFD9mZc0T6nP3v2rK7Jzs625/bv32/vRcRbCEQfd3BqmWsNIYh1rqmpyUcGZRrg8F0fPsTq19Vs0gxz9GSXDLMCxxelT3EJt9ttz9XU1NhaNJr8oi7hT9AxQBgoDBj6K4mBxIBymv6LBp2/aY2piN+YmgwxczB1GYAmrRmwnzWt+XtxMCtwnsmfl4AhXg68JP6Xi4MvpaWler8XFhYycxQg4oedghnVKFiUuTEZswWKb1soblNNbx6PRwf/c84Q13KPcTkSeZqM4cg2w8RALMREbAZwwPiOA4GhlT7M48ad/9vLly9TTICyUNmxY4cWPLt27ZLz589rLXHs2DGZN2/etMGNGlq2b98utbW1gjwuuBm1eDp69KhPZpkzZ07X+vXrf0DV5mXns2nTJp+OI3Cy9IQCRFCjelevXu1KTk4unTFjxqgpbg4ePCgZGRmsrrTqIgCsYwxokTKeOMdvXMO13MO95EFeBixlUBZlUjYxTFYbT5mH2WcxCSxZsuRnMPrD6/V6EOWZTMPPnj0T9GbKkIN1LsvOoqKiDxbwzOXt7e36/98uY4wFPFKlB3MdPABlf1LHQebcjDq4AwGxAUDc8Mm9aHG0RXJeJiQCQ/qZlp/RGjLHiLNFYqOLFPfBluujbjoW3QQOs3lXrFjhxTPp+vXr2oRCiE8TOh05m1DwOQnX6EbrpV06ZXy2JnS8xlGMdyPIfkHiL/nUNh+H1sbBnyaW9I8AAwD52nQQnVM2MAAAAABJRU5ErkJggg==)
}

.password-check.ok {
	box-shadow: 0 0 3px #090
}

.password-check.weak {
	box-shadow: 0 0 3px orange
}

.password-check.vulnerable {
	box-shadow: 0 0 3px red
}

.password-strength {
	display: none;
	font-size: .9em
}

.password-check.ok ~ .password-strength {
	display: block;
	color: #090
}

.password-check.weak ~ .password-strength {
	display: block;
	color: #ffa500
}

.password-check.vulnerable ~ .password-strength {
	display: block;
	color: #f33
}

.password-meter {
	display: none;
	margin: 2px;
	height: .5em;
	overflow: hidden;
	background: linear-gradient(to right, red, orange 25%, yellow 50%, green 75%);
	border-radius: 1em 0;
	text-align: right
}

.password-meter div {
	display: inline-block;
	width: 0;
	height: 100%;
	background: rgba(255, 255, 255, .8);
	border-left: 1px solid #999;
	border-radius: 0 0 1em 0;
	vertical-align: top
}

.password-check.ok ~ .password-meter, .password-check.weak ~
	.password-meter {
	display: block
}

.collapse {
	border-collapse: collapse
}

.collapse tr {
	border: 1px solid #666
}

.collapse th {
	background-color: #ccc;
	border: 1px dotted #999;
	text-align: left
}

.collapse td {
	vertical-align: top;
	border: 1px dotted #999
}

.files {
	border-collapse: separate
}

.files th {
	background-color: #efefef;
	vertical-align: top;
	text-align: left;
	white-space: nowrap;
	font-weight: normal;
	font-size: .8em;
	color: #234
}

.files td, .files th {
	border: 1px solid #999;
	padding: 3px
}

.noborder {
	border: none !important
}

.admin #content {
	padding: 1em 20px
}

.admin #content ul ul {
	margin: .5em 0;
	padding: 0 0 0 2em
}

.admin.adminhome #content ul {
	list-style: none;
	padding-left: 0;
	margin-left: 0
}

.admin.adminhome #content ul ul {
	padding-left: 1em
}

.admin.adminhome #content ul li a {
	display: inline-block;
	text-decoration: none;
	background-color: #fff;
	line-height: 28px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #ccc;
	padding: 4px 5px 3px;
	cursor: pointer
}

.admin.adminhome #content ul li a:hover {
	color: #000;
	background-color: #f5f5f5
}

.admin.adminhome #content ul li a strong {
	margin-right: 10px
}

.inactive, .inactive b, .inactive a:link, .inactive a:visited {
	color: #999
}

.admin .more::after {
	content: "\00a0»"
}

.admin .flexform-row select {
	padding-right: 35px
}

.admin #validate_shipping {
	width: fit-content;
	padding-left: 16px;
	padding-right: 16px;
	line-height: 32px;
	margin-bottom: 1em
}

.single-article-wrapper {
	padding: 30px 20px;
	background: #fff;
	filter: drop-shadow(50vw 0 0 #fff) drop-shadow(-50vw 0 0 #fff)
}

.article-category {
	position: initial !important;
	width: auto;
	max-width: 50%;
	text-align: center;
	display: inline-block
}

.single-article-image {
	max-width: 770px
}

.single-article-image img {
	width: 100%;
	height: auto
}

.single-article-content {
	width: 65%
}

.single-article-copy center a img {
	width: 100%;
	height: auto
}

.single-article-copy p a {
	color: #3b3b3b;
	text-decoration: underline !important
}

.single-article-copy p b {
	color: #3b3b3b;
	font-family: "Titillium Web";
	font-weight: normal;
	font-style: normal
}

.single-article-copy p {
	color: #616161
}

.single-article-copy h1, .single-article-copy h2, header h1 {
	font-family: "Titillium Web";
	font-weight: normal;
	font-style: normal
}

.sub-articles {
	display: flex;
	justify-content: center;
	padding-left: 0;
	margin-top: 0;
	padding-bottom: 50px
}

.sub-articles .category {
	display: none
}

.sub-articles li {
	display: flex;
	flex-direction: column;
	background: #fff;
	width: 250px;
	margin: 10px;
	border-radius: 8px
}

.sub-articles>li>.article-image-category>.article-image>img {
	width: 100%;
	height: auto;
	border-radius: 8px 8px 0 0
}

.blog-category-section {
	background-color: #8ba462;
	filter: drop-shadow(50vw 0 0 #8ba462) drop-shadow(-50vw 0 0 #8ba462)
}

.blog-category-section>.container>header {
	text-align: center;
	font-size: 34px;
	color: #fff;
	padding: 30px 0
}

.single-article-wrapper>.container>header>p {
	color: #616161
}

#article-sidebar {
	width: 25%;
	max-width: 300px;
	height: auto;
	float: right;
	margin-top: 25px;
	margin-right: 30px
}

#article-sidebar .join-club-fieldset {
	background: #f8f6f5;
	border-radius: 8px;
	width: 100%;
	padding: 10px;
	flex-direction: column
}

#article-sidebar .join-club-fieldset label {
	display: none
}

#article-sidebar .join-club-fieldset>span {
	width: calc(100% - 10px) !important
}

#article-sidebar .join-club-fieldset h3 {
	text-align: center
}

#article-sidebar fieldset {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0
}

#article-sidebar fieldset #sidebar-club div {
	width: calc(100% - 28px)
}

#article-sidebar>div {
	background: #f8f6f5;
	border-radius: 8px;
	padding: 10px 0;
	text-align: center;
	min-height: 200px;
	width: 100%;
	padding-bottom: 60px;
	margin-bottom: 32px;
	padding: 10px
}

#article-sidebar>div>h3 {
	margin: 0;
	margin-top: 40px;
	margin-bottom: 20px;
	margin-left: 0 !important;
	font-family: "Titillium Web";
	font-weight: normal;
	font-style: normal
}

#article-sidebar>div p {
	margin: 0 40px;
	margin-bottom: 35px;
	color: #616161
}

#article-sidebar>div>.featured-brand-image {
	width: calc(100% - 80px);
	height: 100px;
	background: #fff;
	border-radius: 8px;
	box-shadow: 0px 4px 12px rgb(0 0 0/ 10%);
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden
}

#article-sidebar>div>.featured-brand-image img {
	height: 100px;
	width: auto
}

.brand-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 20px;
	grid-row-gap: 20px;
	margin: 20px
}

.brand-grid>.featured-brand-image {
	width: 100%;
	height: 80px;
	margin: 0
}

.single-article-copy {
	padding-bottom: 20px
}

.blog-content.blog-single-article {
	background-color: #fff
}

.blog-content.blog-single-article #breadcrumbs {
	color: #616161 !important
}

.blog-content.blog-single-article #breadcrumbs a {
	color: #3b3b3b !important
}

#article-sidebar .matrix.article-list {
	grid-template-columns: repeat(1, 1fr);
	justify-content: center;
	margin: auto;
	padding-bottom: 20px
}

#article-sidebar .matrix .matrix-img img {
	width: auto;
	height: 120px
}

#article-sidebar .matrix .product p {
	margin-bottom: 0
}

#article-sidebar .matrix .product p a {
	min-height: auto
}

.blog-archive>.matrix.article-list {
	margin: auto;
	flex-direction: column;
	display: flex;
	width: auto;
	padding-right: 50px
}

.blog-archive>.matrix.article-list>.blog-blog {
	flex-direction: row;
	justify-content: center;
	width: auto;
	background: transparent;
	box-shadow: none;
	display: grid;
	grid-gap: 32px;
	grid-template-columns: repeat(4, 1fr) !important
}

@media only screen and (max-width:1215px) {
	#article-sidebar>div.read-next {
		display: none
	}
	.blog-archive>.matrix.article-list>.blog-blog {
		grid-template-columns: repeat(3, 1fr) !important
	}
}

@media only screen and (max-width:767px) {
	#article-sidebar {
		display: flex;
		justify-content: center;
		flex-direction: column;
		align-items: center;
		margin: auto;
		width: 100%;
		max-width: 100%
	}
	.single-article-content {
		width: 100%
	}
	.single-article-wrapper .container header h1 {
		text-align: center
	}
	.single-article-wrapper .container header p {
		text-align: center
	}
	.container>.article-category {
		margin: auto !important;
		max-width: 50%
	}
	.featured-brand-spot {
		width: 100%
	}
	.blog-content header {
		display: flex;
		flex-direction: column;
		align-items: center
	}
	.blog-archive>.matrix.article-list {
		padding-right: 0;
		text-align: center
	}
	.blog-archive>.matrix.article-list>.blog-blog {
		flex-direction: column;
		grid-template-columns: repeat(1, 1fr) !important
	}
}

.autosuggest {
	position: absolute;
	display: none;
	top: 54px;
	margin: 0 0 0 15px;
	padding: 1px !important;
	min-width: 250px;
	border: #fc3;
	background: #fff;
	box-shadow: 0 0 5px rgba(0, 0, 0, .4);
	list-style-type: none;
	font-size: 15px
}

#brands_autosuggest {
	margin: 0 0 0 5px;
	top: 44px;
	min-width: 150px
}

.brandspage #brands_autosuggest {
	margin: 0 0 0 5px;
	top: 52px;
	min-width: 150px;
	left: 175px
}

.autosuggest>div {
	display: block;
	float: none;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #efefef
}

.autosuggest>div::before {
	content: "" !important;
	text-shadow: none
}

.autosuggest a:link, .autosuggest a:visited {
	display: block;
	padding: 7px;
	white-space: nowrap;
	text-decoration: none;
	text-shadow: none;
	font-weight: normal;
	color: #000
}

.autosuggest a:hover, .autosuggest a:focus {
	background: #adedb4;
	outline: none;
	text-decoration: none !important
}

.autosuggest b {
	text-transform: none;
	color: inherit
}

#search_trigger {
	cursor: pointer
}

#announcecontainer #autosuggest {
	top: initial;
	left: calc(50% - 145px)
}

#sphinxsearch .flex {
	justify-content: center !important
}

.beauty-box-header {
	text-align: center
}

.beauty-box-header img {
	max-width: 100%
}

.beauty-box-content header {
	margin-bottom: 40px
}

.beauty-box-breakdown {
	max-width: 1008px;
	margin: auto !important
}

.column .ctas {
	display: none
}

.beauty-box-breakdown ul {
	padding: 0
}

.beauty-box-breakdown ul li {
	display: flex;
	height: 390px;
	margin-bottom: 65px;
	overflow: hidden;
	background: #f8f6f5
}

.beauty-box-breakdown ul li .column {
	width: 50%;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	align-items: center
}

.beauty-box-breakdown ul .transparent {
	background-color: transparent;
	height: auto;
	text-align: left
}

.transparent .column h2 {
	margin-top: 0
}

.transparent .column p {
	width: 100% !important;
	margin-top: 2px
}

.beauty-box-breakdown ul li .column:nth-child(2) {
	order: 2
}

.beauty-box-breakdown ul li .column p, .beauty-box-breakdown ul li .column h2
	{
	width: 75%;
	margin-right: auto;
	font-size: 24px;
	line-height: 28.8px
}

.beauty-box-breakdown ul li .column a {
	margin-right: auto;
	margin-top: auto;
	margin-bottom: 20px
}

.beauty-box-breakdown ul li .column a button {
	padding: 0 20px
}

.beauty-box-breakdown ul li .column .wrapper {
	width: 100%;
	height: 100%
}

.beauty-box-breakdown ul li .column p {
	font-size: 16px;
	line-height: 24px
}

.wrapper .column img {
	width: 85px;
	margin-right: auto;
	margin-left: 60px;
	margin-top: 30px
}

.wrapper .column:first-child {
	height: 120px
}

.wrapper .column:nth-child(2) {
	width: 100%;
	text-align: left;
	justify-content: flex-start;
	align-items: flex-start;
	margin-left: 80px
}

.wrapper .column:nth-child(2) header {
	width: 100%
}

.wrapper .column:nth-child(2) h2 {
	margin: 0
}

.beauty-box-heart {
	display: none
}

.beauty-box-subscription-options {
	background: #54833f;
	padding-bottom: 80px;
	filter: drop-shadow(50vw 0 0 #54833f) drop-shadow(-50vw 0 0 #54833f);
	background-image: url(/images/svg/beautybox-wave.svg) !important;
	background-repeat: no-repeat !important;
	background-position: center !important
}

.beauty-box-subscription-options ul {
	display: flex;
	justify-content: space-evenly;
	align-items: center;
	padding-top: 80px;
	padding-bottom: 80px
}

.beauty-box-subscription-options .row:last-of-type ul li {
	background: #fff !important;
	box-shadow: 0 0 2px rgba(14, 31, 53, .12);
	border-radius: 8px;
	width: 260px;
	min-height: 360px;
	max-height: 360px;
	max-width: 25%;
	padding: 0 10px 20px 10px;
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
	justify-content: space-between
}

.beauty-box-subscription-options .row:last-of-type ul li .icon svg {
	width: 45px
}

}
.beauty-box-subscription-options .row:last-of-type ul li:first-of-type {
	background: #fff;
	box-shadow: 0 0 2px rgba(14, 31, 53, .12);
	border-radius: 8px
}

.beauty-box-subscription-options .row:first-of-type:before,
	.beauty-box-subscription-options .row:first-of-type:after {
	background-color: transparent
}

.beauty-box-subscription-options .row ul li:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	background-color: #eea5a0;
	color: #fff;
	text-transform: none;
	font-size: 14px;
	line-height: 18px;
	font-weight: normal;
	font-family: "Titillium Web";
	font-style: normal;
	padding: .25em;
	transform: rotate(0deg);
	width: 10em;
	text-align: center;
	border-radius: 8px 0
}

.beauty-box-subscription-options .row ul li:first-of-type:after {
	display: none
}

.beauty-box-subscription-options .row ul li:nth-of-type(2):after {
	content: 'The perfect gift!'
}

.beauty-box-subscription-options .row ul li:nth-of-type(3):after {
	content: 'Great value!'
}

.beauty-box-subscription-options .row ul li header h3 {
	font-family: "Arboria-Medium", arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 18px;
	text-align: center;
	line-height: 20px
}

.beauty-box-subscription-options .row ul li .icon {
	margin-top: 48px
}

.beauty-box-subscription-options .row ul li h3 {
	font-size: 18px;
	line-height: 24px;
	text-align: center
}

.beauty-box-subscription-options .row ul li .price {
	font-size: 48px
}

.beauty-box-subscription-options .row ul li .per {
	font-size: 18px;
	margin: 0;
	margin-top: 20px;
	font-family: "Titillium Web";
	font-style: normal;
	font-weight: normal
}

.beauty-box-subscription-options .row ul li .small {
	margin: 0;
	margin-top: 5px;
	font-size: 12px;
	margin-bottom: 30px
}

.beauty-box-subscription-options .row:last-of-type ul li:last-of-type {
	margin: 0;
	border: 3px solid #eea5a0;
	overflow: hidden
}

.beauty-box-subscription-options .row:last-of-type ul li:last-of-type:after
	{
	border-radius: 0 0 8px 0
}

.beauty-box-subscription-options .row:first-of-type {
	background-color: transparent
}

.beauty-box-subscription-options .row:last-of-type ul li input[type="submit"]
	{
	width: 170px
}

.beauty-box-subscription-options .row:last-of-type ul li fieldset {
	background: transparent;
	border: 0;
	margin: 0
}

#product_DELUXEBOXAU {
	min-width: 450px
}

form.product.add-beauty-box {
	margin-bottom: 20px
}

@media ( max-width :767px) {
	.beauty-box-breakdown ul .transparent {
		flex-direction: column
	}
	.transparent .column {
		width: 100% !important
	}
	.beauty-box-breakdown ul li {
		flex-direction: column;
		height: auto;
		border-radius: 8px
	}
	.beauty-box-breakdown ul li .column {
		width: 100%
	}
	.beauty-box-breakdown ul li .column:nth-child(2) {
		order: 0
	}
	.wrapper .column:nth-child(2) {
		margin-left: 0;
		text-align: center
	}
	.beauty-box-breakdown ul li .column h2, .beauty-box-breakdown ul li .column p,
		.beauty-box-breakdown ul li .column h2.wrapper .column:nth-child(2) header h2,
		.wrapper .column:nth-child(2) p {
		width: 100%
	}
	.wrapper .column:nth-child(2) p {
		padding: 0 20px;
		padding-bottom: 20px;
		width: calc(100% - 40px)
	}
	.wrapper .column:nth-child(2) header {
		margin-bottom: 0
	}
	.wrapper .column img {
		margin: auto !important
	}
	.beauty-box-subscription-options {
		margin-top: 150px !important
	}
	.beauty-box-subscription-options ul {
		overflow: auto;
		justify-content: flex-start;
		margin: 0 !important;
		width: 100%;
		padding: 0;
		padding-bottom: 80px
	}
	.beauty-box-subscription-options ul li {
		min-width: 246px;
		max-width: 340px;
		max-height: 313px;
		margin: 0
	}
	.beauty-box-subscription-options ul li:nth-child(2) {
		margin: 0 50px !important
	}
	.beauty-box-subscription-options .row:first-of-type {
		display: flex;
		justify-content: center
	}
	.beauty-box-breakdown ul li .column a {
		width: 100%
	}
	.beauty-box-breakdown ul li .column a button {
		width: 100%
	}
	#product_DELUXEBOXAU {
		min-width: 0
	}
	#optionnotify>div {
		flex-direction: column
	}
}

.article-card {
	width: 176px;
	height: 216px;
	background: #fff;
	display: flex;
	flex-direction: column;
	padding: 15px;
	border-radius: 8px;
	align-items: center;
	margin: 10px;
	box-shadow: 0 2px 4px rgba(14, 31, 53, .04), 0 6px 12px
		rgba(14, 31, 53, .04), 0 12px 20px rgba(14, 31, 53, .03);
	justify-content: space-between;
	margin-top: 10px
}

.article-card a {
	color: #3b3b3b !important
}

.trend-image {
	min-height: 112px;
	min-width: 112px;
	background-size: cover;
	background-position: center;
	border-radius: 50%
}

.featured-article {
	min-height: 440px;
	border-radius: 8px;
	background-color: #fff;
	margin: 10px 0;
	display: flex;
	margin-left: 10px;
	width: calc(100% - 20px);
	box-shadow: 0 0 2px rgba(14, 31, 53, .12);
	margin-bottom: 48px
}

.featured-article>div {
	width: 50%
}

.featured-article-left {
	width: 50%;
	min-height: 100%;
	position: relative;
	border-radius: 8px 0 0 8px;
	background-size: cover
}

.featured-article-right {
	padding: 10px;
	width: 50%;
	min-height: 100%
}

.featured-article-right h1, .featured-article-right h2 {
	text-align: left;
	margin-right: 40%;
	margin-top: 25%;
	margin-left: 20px;
	font-family: "Titillium Web";
	font-weight: normal;
	font-style: normal;
	color: #3b3b3b;
	text-decoration: none !important
}

.featured-article-right a:hover {
	text-decoration: none !important
}

.featured-article-right p {
	text-align: left;
	margin-left: 20px
}

.matrix.article-list {
	margin: 10px;
	padding: 0;
	list-style-type: none;
	width: 75%;
	grid-template-columns: repeat(3, 1fr);
	max-width: 852px
}

.restock-wrapper {
	width: 25%;
	min-height: 100px;
	margin-top: -135px;
	border-radius: 8px;
	min-width: 332px;
	position: absolute;
	right: 0
}

.restock-wrapper #footerclub div {
	background-color: #fff !important
}

.restock-wrapper #footerclub {
	padding-top: 20px
}

.blog-main-content {
	display: flex
}

.blog-main-content #matrix {
	max-width: 1216px
}

.article-list li {
	flex-shrink: 0;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	max-height: 300px;
	min-height: 280px;
	width: 260px;
	position: relative;
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 0 2px rgba(14, 31, 53, .12)
}

.article-details {
	padding: 16px;
	text-align: left
}

.article-details {
	position: relative !important;
	min-height: 90px;
	display: flex;
	flex-flow: column nowrap;
	justify-content: space-between
}

.article-details>a>div {
	text-decoration: underline;
	color: #3b3b3b !important
}

.article-details>h4>a {
	overflow: hidden;
	text-overflow: ellipsis;
	color: #3b3b3b !important;
	font-family: "Titillium Web";
	font-weight: normal;
	font-style: normal
}

.article-list li img {
	border-radius: 8px 8px 0 0
}

.article-image-category .category, .article-category {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 5px 10px;
	border-radius: 8px 0;
	font-family: "Titillium Web";
	color: #fff
}

.article-list li h2 {
	font-size: 18px;
	padding: 15px;
	margin: 0
}

.article-list li a p {
	padding-left: 15px;
	padding-bottom: 10px;
	text-decoration: underline
}

.article-list li h2 a:link, .article-list li h2 a:visited {
	color: #3b3b3b
}

.article-card h3 {
	font-weight: normal;
	text-align: center;
	margin-top: 15px;
	margin-bottom: auto;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden
}

.article-image img {
	width: 100%;
	height: auto
}

.article-details p {
	display: none
}

.article-details h4 {
	margin: 0;
	margin-bottom: 10px;
	font-size: 16px;
	line-height: 20px
}

.blog-frontpage aside#shipping-worm {
	display: none
}

.blog-header {
	width: 100%;
	max-width: 600px;
	margin: 42px auto 0 !important;
	text-align: center
}

.blog-header div {
	margin: 0 auto 28px
}

.blog-header div img {
	max-width: 80%
}

.blog-header h1 {
	display: inline;
	font-size: 15px;
	line-height: 20px
}

.blog-header p {
	display: inline;
	font-size: 15px;
	line-height: 20px;
	color: #616161
}

.blog-trending-slider {
	display: flex;
	margin-bottom: 48px
}

.blog-search {
	width: calc(70% + 35px) !important;
	margin-left: 9px !important;
	margin-bottom: 50px !important;
	background-position-x: calc(100% - 20px) !important;
	background-position-y: 13px !important;
	background-repeat: no-repeat !important;
	height: 48px !important;
	background-color: #fff;
	border: 1px solid #afafaf;
	border-radius: 4px;
	width: 100%;
	min-height: 48px;
	line-height: 48px;
	font-size: 16px;
	font-weight: 400;
	text-indent: 12px;
	margin-bottom: 16px;
	-webkit-appearance: none
}

.blog-navigation {
	display: flex;
	flex-wrap: wrap;
	margin: 20px 0
}

.blog-category-link {
	height: 48px;
	display: flex;
	align-items: center;
	margin: 0 5px;
	margin-bottom: 5px;
	padding: 0 20px;
	border: 1px solid #afafaf;
	border-radius: 4.4px;
	text-align: center;
	cursor: pointer
}

a.blog-category-link.active:link, a.blog-category-link.active:visited {
	color: #fff !important;
	border: none;
	padding: 1px 21px;
	text-decoration: none
}

a.blog-category-link:not (.active ):link, a.blog-category-link:not (.active
	):visited {
	background: transparent;
	color: #3b3b3b !important
}

.active-category-link {
	background: #54833f;
	border-color: #54833f;
	color: #fff !important;
	text-decoration: none !important
}

.blog-trending-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 10px;
	margin-left: 10px;
	font-family: "Titillium Web";
	font-weight: normal;
	font-style: normal
}

.blog-trending-header h3 {
	margin-bottom: 0
}

.blog-trending-header a {
	color: #54833f;
	font-family: "Titillium Web";
	font-weight: normal;
	font-style: normal;
	margin-top: 5px;
	margin-right: 20px
}

.featured-article-right a p {
	color: #3b3b3b;
	text-decoration: underline
}

.restock-panel {
	background-color: #fff;
	min-height: 100px;
	border-radius: 6px;
	padding-top: 1px;
	margin-top: 10px;
	display: flex;
	flex-direction: column;
	align-items: center
}

.restock-panel h3 {
	margin: 0 !important;
	padding-top: 20px;
	font-family: "Titillium Web";
	font-weight: normal;
	font-style: normal
}

.restock-panel input[type="submit"] {
	outline: 0;
	background: #54833f;
	border: none;
	margin: 10px;
	margin-bottom: 25px;
	width: calc(100% - 40px);
	height: 48px;
	border-radius: 4px;
	font-weight: 700;
	font-size: 16px;
	color: #fff;
	cursor: pointer
}

.latest-article-header {
	font-family: "Titillium Web";
	font-weight: normal;
	font-style: normal;
	margin: 30px 10px
}

.blog-search-field {
	background: transparent;
	border: 0
}

.blog-search-field form .text-input {
	display: flex;
	max-width: 852px
}

.blog-search-field form .text-input .blog-search {
	border-right: 0;
	margin-left: 0
}

.blog-search-field form .text-input input[type="submit"] {
	cursor: pointer;
	margin: 0;
	color: #000;
	width: 10%;
	height: 48px;
	background: #fff;
	border: solid #b0b0b0;
	border-width: 1px 1px 1px 0;
	border-radius: 0 4px 4px 0;
	vertical-align: bottom;
	background-image: url(/images/svg/icn_search.svg) !important;
	background-repeat: no-repeat;
	background-position: center;
	color: transparent
}

.blog-search-field form .text-input .blog-search {
	width: 100% !important;
	margin-left: 0 !important
}

.blog-content.blog-search-results .blog-navigation {
	display: none
}

.blog-search-results .sub-articles {
	flex-wrap: wrap
}

.blog-search-results .blog-search {
	display: none
}

.blog-search-results #all-category-link {
	display: none
}

.blog-search-results .container>nav {
	display: flex
}

.blog-search-results .blog-navigation {
	height: auto;
	margin: 0
}

.blog-category-dropdown {
	margin: 0;
	margin-left: 5px !important;
	margin-top: 10px !important
}

.blog-archive #blog-header {
	text-align: center;
	margin-top: 30px
}

.blog-archive .matrix.article-list {
	grid-template-columns: repeat(4, 1fr)
}

.blog-archive .blog-navigation {
	height: auto;
	position: initial !important
}

.blog-archive .archive-date {
	min-height: auto !important;
	display: flex;
	justify-content: center;
	align-items: center
}

@media only screen and (max-width:1215px) {
	.matrix.article-list {
		width: 100%;
		grid-template-columns: repeat(3, 1fr) !important
	}
	.restock-wrapper {
		display: none
	}
	.blog-search {
		width: calc(100% - 60px) !important
	}
	.blog-trending-slider {
		overflow: auto;
		margin-right: -39px;
		margin-left: -39px;
		margin-bottom: 12px;
		padding: 0 39px 20px
	}
	.blog-trending-slider>.article-card:last-child {
		margin-right: 39px
	}
	.blog-main-content #matrix {
		max-width: 1023px
	}
}

@media only screen and (max-width:835px) {
	.blog-archive .matrix.article-list {
		grid-template-columns: repeat(2, 1fr) !important
	}
}

@media only screen and (max-width:767px) {
	.blog-archive .blog-navigation {
		display: none
	}
	.blog-archive .matrix.article-list {
		grid-template-columns: repeat(1, 1fr) !important
	}
	.blog-archive #content>p.mobileonly {
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: space-between
	}
	.blog-archive #content>p.mobileonly>select {
		margin-right: 0
	}
	.blog-category-link {
		width: calc(50% - 60px);
		text-align: center;
		justify-content: center
	}
	.blog-navigation {
		justify-content: center
	}
	.matrix.article-list {
		grid-template-columns: repeat(1, 1fr) !important;
		width: 100%;
		margin: 10px auto
	}
	.blog-trending-slider {
		overflow: auto;
		margin-right: -20px;
		margin-left: -20px;
		margin-bottom: 4px;
		padding: 0 20px 20px
	}
	.blog-trending-slider>.article-card:last-child {
		margin-right: 39px
	}
	.restock-wrapper {
		display: none
	}
	.featured-article {
		position: relative
	}
	.featured-article .featured-article-left {
		width: 100%;
		height: 55%;
		position: absolute;
		border-radius: 8px 8px 0 0;
		min-height: 55%;
		background-size: cover
	}
	.article-list li {
		width: 100%;
		flex-direction: row;
		min-height: 150px !important
	}
	.blog-category-link {
		color: #3b3b3b !important
	}
	.blog-search {
		width: calc(100% - 30px) !important
	}
	.featured-article .featured-article-right {
		height: 36%;
		width: calc(100% - 20px);
		position: absolute;
		bottom: 10px;
		max-height: 36%;
		min-height: 36%
	}
	.featured-article-right h1, .featured-article-right h2 {
		margin: 0 10px 20px 10px;
		line-height: 28px;
		font-size: 22px
	}
	.featured-article-right p {
		margin: 0 10px
	}
	.article-image-category {
		max-width: 50%;
		min-width: 50%;
		overflow: hidden
	}
	.article-list li img {
		border-radius: 8px 0 0 8px;
		height: 100%
	}
	.article-image-category .category, .article-category {
		max-width: 44%
	}
	.article-details>a>div {
		bottom: -30px
	}
	.blog-main-content #matrix {
		max-width: 320px
	}
	.blog-category-dropdown-wrapper {
		display: flex;
		justify-content: center;
		margin-top: 10px
	}
}

.blog.article {
	background-color: #f8f6f5
}

.blog.article #content {
	background-color: #fff
}

.blog.article #shipping-worm {
	display: none
}

.blog-dd {
	margin: 60px 0
}

.blog-dd ul {
	list-style: none;
	color: #616161;
	padding-left: 25px
}

.blog-dd ul li::before {
	content: "\2022";
	color: #8ba462;
	font-weight: bold;
	display: inline-block;
	width: 1em;
	margin-left: -1em;
	font-size: 1.5em
}

.blog-dd ul:nth-of-type(2) li::before {
	color: #54833f
}

.blog-dd h4 {
	margin-top: 1.75em;
	margin-bottom: 0;
	font-size: 22px;
	padding-left: 35px;
	background-image: url(/images/svg/blog-do-icn.svg);
	background-repeat: no-repeat;
	background-size: 26px;
	height: 26px
}

.blog-dd h4:last-of-type {
	background-image: url(/images/svg/blog-dont-icn.svg)
}

.steps-simple {
	background: #f8f6f5;
	box-shadow: 0 0 2px rgba(14, 31, 53, .12);
	border-radius: 10px;
	padding: 20px 40px
}

.steps-simple>div {
	padding-top: 30px
}

.steps-simple>h3 {
	margin: 10px 0;
	font-size: 26px
}

.steps-simple>div>h4 {
	color: #54833f;
	font-size: 20px;
	margin-top: 0
}

.steps-simple>div>h4>span {
	color: #fff;
	background-image: url(/images/svg/blog-simple-step-label.svg);
	padding: 20px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	margin-left: -5px;
	margin-right: 5px
}

.steps-detailed {
	padding: 30px 0
}

.steps-detailed>div {
	display: flex;
	margin: 40px 0;
	align-items: center
}

.steps-detailed>div:nth-child(even) {
	flex-direction: row-reverse
}

.steps-detailed>div>div {
	width: 50%
}

.steps-detailed .detailed-step-text .step-text {
	font-family: "Titillium Web";
	color: #616161
}

.steps-detailed .detailed-step-text .step-count {
	color: #f8f6f5;
	font-size: 188px
}

.steps-detailed .detailed-step-text h3 {
	font-size: 18px;
	margin: 0;
	padding-top: 35px
}

.steps-detailed .detailed-step-image {
	display: flex;
	justify-content: center
}

.steps-detailed>div:nth-child(even) .detailed-step-image img {
	margin-right: auto
}

.steps-detailed>div:nth-child(odd) .detailed-step-image img {
	margin-left: auto
}

.blog-quote-image {
	display: flex;
	background-image: url(/images/svg/blog-quote-marks.svg);
	background-repeat: no-repeat;
	padding-top: 40px
}

.blog-quote-image div:nth-child(2) {
	margin-left: 40px
}

.blog-quote-image>div>h2 {
	margin-top: 10px
}

.blog-quote-image img {
	border-radius: 50%;
	border: 1px solid #fff;
	filter: drop-shadow(0 0 2px rgba(14, 31, 53, .12))
}

.blog-quote-image p, .blog-quote-text p {
	font-family: "Titillium Web";
	font-size: 28px
}

.blog-quote-image p:last-child, .blog-quote-text p:last-child {
	font-family: "Titillium Web";
	font-size: 16px
}

.blog-quote-text {
	background-image: url(/images/svg/blog-quote-marks.svg);
	background-repeat: no-repeat;
	background-position-y: 10px;
	padding-left: 70px
}

.blog-quote-image .author-hidden {
	display: none
}

.single-article-wrapper header {
	background: #f8f6f5;
	padding: 20px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	filter: drop-shadow(50vw 0 0 #f8f6f5) drop-shadow(-50vw 0 0 #f8f6f5);
	margin-bottom: 40px;
	padding-bottom: 40px
}

.single-article-wrapper header .article-category {
	margin-right: auto
}

.single-article-wrapper header>h1 {
	margin-top: 20px;
	font-size: 52px;
	line-height: 52px
}

.single-article-wrapper header>p {
	width: 60%;
	font-size: 20px;
	color: #616161;
	font-family: 'Arboria-Book'
}

.article-author-info {
	display: flex;
	align-items: center
}

.article-author-info>div {
	display: flex
}

.article-author-info>div>div {
	display: flex;
	color: #54833f
}

.article-author-info>p {
	margin-left: 10px;
	font-size: 18px
}

.article-author-info div {
	margin-left: 10px
}

.article-author-info>p:last-child {
	margin-left: 0
}

.article-author-info>img {
	border-radius: 50%
}

.inline-featured-brand {
	display: none;
	background: #f8f6f5;
	border-radius: 8px;
	padding: 10px 0;
	text-align: center;
	margin: 32px 0;
	padding: 10px
}

.inline-featured-brand .featured-brand-image {
	width: calc(100% - 80px);
	height: 100px;
	background: #fff;
	border-radius: 8px;
	box-shadow: 0px 4px 12px rgb(0 0 0/ 10%);
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden
}

.single-article {
	display: flex
}

.single-article-content {
	width: 85%
}

#article-sidebar {
	margin-top: 0
}

.featured-brand-image {
	margin-bottom: 35px !important
}

@media only screen and (max-width:1215px) {
	#article-sidebar {
		display: none
	}
	.single-article-image {
		max-width: 100%
	}
	.single-article-content {
		width: 100%
	}
	.inline-featured-brand {
		display: initial
	}
}

@media only screen and (max-width:767px) {
	.steps-detailed>div, .steps-detailed>div:nth-child(even) {
		flex-direction: column-reverse
	}
	.steps-detailed>div>div, .steps-detailed>div:nth-child(even) .detailed-step-image img,
		.steps-detailed>div:nth-child(odd) .detailed-step-image img {
		font-size: 18px;
		width: 100%
	}
	.steps-detailed .detailed-step-text {
		margin-top: 20px;
		position: relative
	}
	.steps-detailed .detailed-step-text .step-count {
		position: absolute;
		right: 10px;
		top: 40px;
		z-index: -1
	}
	.blog-quote-text {
		background-position-y: 0;
		padding-left: 0;
		padding-top: 10px
	}
	.blog-quote-image {
		flex-direction: column
	}
	.blog-quote-image h4 {
		display: none
	}
	.blog-quote-image img {
		width: 41px
	}
	.blog-quote-image div:nth-child(2) {
		margin-left: 0
	}
	.blog-quote-image .author-hidden {
		display: initial;
		margin-left: 10px
	}
	.blog-quote-image div:nth-child(2) {
		display: flex;
		align-items: center
	}
	.blog-quote-image>div:first-child>p:last-child {
		display: none
	}
	.single-article-wrapper header>h1 {
		text-align: left !important;
		width: 100%;
		font-size: 28px;
		line-height: 28px
	}
	.single-article-wrapper header>h3 {
		width: 100%;
		font-size: 16px;
		font-family: "Titillium Web";
		line-height: 24px
	}
	.single-article-wrapper header {
		padding: 20px 0
	}
	.single-article-wrapper .article-author-info {
		width: 100%
	}
	.single-article-wrapper .article-author-info>div {
		flex-direction: column;
		margin-left: 10px;
		width: 50%
	}
	.single-article-wrapper .article-author-info>div p {
		margin: 0;
		text-align: left
	}
	.single-article-wrapper .article-author-info>div>div {
		margin-left: 0
	}
	.single-article-wrapper .container header p {
		text-align: left;
		width: 100%
	}
	.steps-simple {
		padding: 20px 24px
	}
}

.brands-hero {
	justify-content: center;
	text-align: center
}

.brands-display {
	float: right;
	width: 75%
}

.brands-display h3 {
	clear: left;
	padding-top: 1em;
	font-size: 2.4em
}

.brands-display h3:first-child {
	margin-top: .6em;
	padding-top: 0
}

.brandspage #hero div:first-child {
	max-width: 60%;
	margin-top: 42px
}

.brandspage #brandsdesc {
	position: relative;
	height: 48px;
	overflow: hidden;
	margin: 25px 0 0
}

.brandspage #brandsdesc.see-all {
	height: auto
}

.brandspage #brandsdesc p {
	margin: 0;
	font-size: 16px;
	line-height: 24px;
	color: #616161
}

#brands_quick {
	width: 90%;
	display: flex;
	text-align: center;
	margin-bottom: 50px;
	justify-content: center;
	width: 100%;
	flex-wrap: wrap
}

#brands_quick a:link, #brands_quick a:visited {
	display: inline-block;
	margin: 6px;
	font-size: 1.2em;
	font-family: "Titillium Web";
	font-weight: normal;
	font-style: normal;
	text-decoration: none !important;
	text-transform: uppercase;
	background-color: #fff;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	padding: 10px;
	color: #3b3b3b !important;
	filter: drop-shadow(0 0 2px rgba(14, 31, 53, .12));
	line-height: 15px;
	flex-shrink: 0
}

#reset_brands {
	width: 40px !important;
	border-radius: 20px !important
}

#brands_quick a.mobileonly:link {
	display: none
}

#brands_showcase {
	width: 100%;
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: (1fr)[3];
	grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
	grid-template-rows: repeat(auto-fill, auto);
	grid-gap: 32px
}

#brands_showcase>div {
	background: #fff;
	width: 180px;
	height: 180px;
	border-radius: 16px;
	display: flex;
	flex-direction: column;
	align-items: center;
	box-shadow: 0 3px 7px rgba(14, 31, 53, .12);
	margin: auto;
	position: relative
}

#brands_showcase>div p {
	margin: 0;
	padding: 15px;
	position: absolute;
	top: 0;
	border-radius: 16px;
	height: 150px;
	background: rgba(139, 164, 98, .9);
	font-size: 12px;
	line-height: 16px;
	color: #fff;
	opacity: 0;
	transition: opacity .2s;
	pointer-events: none
}

#brands_showcase>div:hover p {
	opacity: 1
}

#brands_showcase>div h4 {
	margin-top: 0;
	font-weight: 700;
	display: none
}

#brands_showcase>div img {
	width: calc(100% - 40px);
	height: auto;
	padding: 20px
}

#brandsdesc {
	position: relative;
	height: 50px
}

#brand-footer {
	padding: 25px
}

.shop #brand-footer h2 {
	width: auto;
	margin: 1.5em 0 .75em
}

#brand-footer #sphinxsearch .flex {
	justify-content: left !important
}

#brand-footer #sphinxsearch input {
	width: 58%
}

.home-section.brands div:first-child {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center
}

.home-section.brands #brands_search {
	width: 100%
}

.brand aside#shipping-worm {
	display: none
}

#branddesc-content {
	margin-bottom: 20px
}

#branddesc-content h3 {
	font-size: 18px;
	margin-bottom: 0;
	margin-top: 30px
}

.brand .brandlogo {
	float: left;
	margin: 0 53px 0 0
}

.brand #branddesc-text {
	position: relative;
	max-width: 776px;
	height: 44px;
	overflow: hidden;
	margin-top: 1em;
	font-size: 14px;
	line-height: 22px;
	color: #616161
}

.brand #branddesc-text.see-all {
	height: auto
}

.brand #branddesc p {
	margin: 0;
	font-size: 14px;
	line-height: 22px
}

.brand #brandintro img {
	width: 100%;
	height: auto
}

#branddesc-content .brandlogo {
	background: #fff;
	padding: 20px;
	border-radius: 50%;
	margin-top: -30px
}

#products_sort {
	background: #fff;
	border: 1px solid #afafaf;
	border-radius: 4px;
	max-height: 48px;
	display: flex;
	align-items: center;
	text-indent: 10px
}

#products_sort select {
	border: 0;
	margin-top: 0;
	padding-bottom: 0
}

#no_pagebanner ~ #contentcontainer #content #branddesc #branddesc-content h3
	{
	font-size: 34px;
	margin-top: 0;
	text-indent: -5.2ch;
	overflow: hidden;
	line-height: 44px
}

#no_pagebanner ~ #contentcontainer #content #branddesc {
	padding-top: 65px
}

.brandspage .catdesc2 {
	background: #fff;
	filter: drop-shadow(50vw 0 0 #fff) drop-shadow(-50vw 0 0 #fff);
	color: #3b3b3b;
	flex-flow: row wrap
}

.brandspage .catdesc2>h3 {
	width: 100%;
	margin-bottom: 0
}

.brandspage .catdesc2>div {
	width: calc(50% - 16px)
}

.brandspage .catdesc2 a:link, .brandspage .catdesc2 a:visited {
	color: #54833f
}

@media only screen and (max-width:767px) {
	#brands_quick a.mobileonly:link {
		display: inline-block
	}
	#brands_showcase>div {
		text-align: center;
		height: 220px
	}
	#brands_showcase>div img {
		width: calc(100% - 80px);
		height: auto;
		padding: 10px 0 0
	}
	#brands_showcase>div p {
		opacity: 1;
		height: 35%;
		top: auto;
		bottom: 0;
		overflow: hidden;
		background: #fff;
		color: #616161;
		margin-bottom: 10px
	}
	.brandspage .catdesc2>div {
		width: 100%
	}
	.brand #pagebanner h1 {
		display: none
	}
	#branddesc-content .brandlogo {
		clear: both;
		float: none;
		width: calc(193px - 40px);
		margin: -30px auto 0
	}
	#branddesc-content h1 {
		font-size: 18px;
		margin-bottom: 0;
		margin-top: 30px;
		text-align: center
	}
}

.buyingpolicy h1 {
	padding: 1em 0
}

.buyingpolicy #hero {
	flex-wrap: nowrap;
	padding: 50px 0;
	background: #f8f6f5;
	filter: drop-shadow(50vw 0 0 #f8f6f5) drop-shadow(-50vw 0 0 #f8f6f5)
}

.buyingpolicy #hero div:first-child {
	width: 60%;
	margin-right: 70px
}

.buyingpolicy #hero div:first-child h1 {
	font-size: 24px
}

.buyingpolicy #hero div:first-child div {
	font-size: 16px;
	line-height: 24px
}

.bp2>div:nth-child(2) {
	background: green;
	padding: 10px 0
}

.bp2 .first {
	background: #8ba462;
	filter: drop-shadow(50vw 0 0 #8ba462) drop-shadow(-50vw 0 0 #8ba462);
	margin: 0;
	text-align: center;
	color: #fff;
	padding: 70px 0 40px 0;
	font-size: 34px
}

.ticks {
	display: flex;
	justify-content: center;
	background: #8ba462;
	filter: drop-shadow(50vw 0 0 #8ba462) drop-shadow(-50vw 0 0 #8ba462);
	padding-bottom: 80px
}

.ticks div {
	border: 1px solid #fff;
	display: flex;
	color: #fff;
	flex-direction: column;
	width: 282px;
	height: 502px;
	margin: 10px;
	padding: 20px;
	border: 2px solid #b9c8a1;
	filter: drop-shadow(0 0 2px rgba(14, 31, 53, .12));
	border-radius: 16px
}

.ticks div p strong {
	font-size: 24px
}

.ticks div p {
	text-align: center
}

.ticks div ul {
	padding: 0;
	padding-left: 20px;
	font-size: 18px;
	line-height: 34px
}

.ticks div p.img {
	height: 80px;
	width: auto;
	min-height: 80px;
	display: flex;
	justify-content: center;
	align-items: center
}

.certified-organic {
	background: #f8f6f5;
	text-align: center;
	filter: drop-shadow(50vw 0 0 #f8f6f5) drop-shadow(-50vw 0 0 #f8f6f5);
	padding: 50px 0
}

.co-bio>h2 {
	font-size: 24px
}

.co-bio>h4 {
	font-size: 20px;
	color: #8ba462
}

.co-bio>p {
	font-size: 16px;
	line-height: 24px;
	max-width: 70%;
	margin: auto
}

.co-bio p:last-child {
	margin: 20px auto;
	font-family: "Arboria-Bold", Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal
}

.certified-organic .flex-grid-half {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 30px;
	margin: 20px 0
}

.certified-organic .flex-grid-half .col {
	display: flex;
	background: #fff;
	border-radius: 16px;
	padding: 10px;
	height: 200px;
	width: 100%;
	overflow: hidden
}

.certified-organic .flex-grid-half .col .img a img {
	width: 160px;
	height: auto
}

.certified-organic .flex-grid-half .col .img a {
	width: calc(150px - 80px);
	height: calc(150px - 80px);
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 40px
}

.certified-organic .flex-grid-half .col div {
	text-align: left;
	display: flex;
	flex-direction: column;
	justify-content: center
}

.certified-organic .flex-grid-half .col div h3 {
	font-size: 16px;
	margin: 0;
	color: #8ba462
}

.certified-organic .flex-grid-half .col div p {
	margin: 0;
	max-height: 30%;
	overflow: hidden;
	font-size: 14px
}

.focus .flex-grid-half {
	flex-flow: row;
	align-items: center
}

.focus-bio {
	width: 50%;
	margin-left: 70px
}

.focus.reverse .flex-grid-half {
	flex-flow: row-reverse
}

.focus.reverse .focus-bio {
	margin-left: 0;
	margin-right: 70px
}

.focus-bio h3 {
	font-size: 20px;
	color: #8ba462
}

.focus-bio p {
	font-size: 16px;
	line-height: 24px
}

.focus-bio .disclaimer {
	font-size: 12px;
	line-height: 16px;
	color: #888
}

.focus .flex-grid-half .col img {
	margin: 70px auto;
	width: 100%;
	height: auto
}

@media only screen and (max-width:1215px) {
	.focus .flex-grid-half, .ticks {
		flex-direction: column !important
	}
	.focus.reverse .flex-grid-half {
		flex-flow: column-reverse !important
	}
	.focus .flex-grid-half .col {
		max-height: 500px;
		overflow: hidden;
		justify-content: center;
		align-items: center
	}
	.buyingpolicy #hero {
		flex-direction: column
	}
	.focus .focus-bio, .buyingpolicy #hero div {
		width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important
	}
	.focus-bio {
		margin-bottom: 70px
	}
	.focus-bio .disclaimer {
		margin-bottom: -100px
	}
	.stats>p {
		width: calc(100% - 30px);
		height: 168px
	}
	.ticks div {
		width: calc(100% - 60px);
		height: auto
	}
	.co-bio>p {
		max-width: 100%;
		text-align: left
	}
	.co-bio p:first-child {
		text-align: center
	}
}

@media only screen and (max-width:767px) {
	.focus .flex-grid-half .col {
		max-height: 250px
	}
	.certified-organic .flex-grid-half .col {
		flex-direction: column
	}
	.certified-organic .flex-grid-half .col .img a {
		height: 50px;
		padding: 0;
		justify-content: center;
		margin: auto;
		margin-top: 10px
	}
	.certified-organic .flex-grid-half .col div {
		height: 100px;
		justify-content: flex-start
	}
	.certified-organic .flex-grid-half .col div h3 {
		line-height: 16px;
		font-size: 12px
	}
	.certified-organic .flex-grid-half .col div p {
		font-size: 12px
	}
}

.homepage-banners {
	height: 496px;
	margin-bottom: 75px
}

.homepage-banners>.carousel-item>div {
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	margin: 0;
	padding: 40px 0 40px 105px;
	width: 36%
}

.homepage-banners>.carousel-item>div>h3 {
	font-size: 60px;
	line-height: 68px;
	margin: 0 0 14px
}

.homepage-banners>.carousel-item>div>h4 {
	font-size: 32px;
	line-height: 39px;
	margin: 0 0 14px
}

.homepage-banners>.carousel-item>div>p {
	font-size: 18px;
	line-height: 26px;
	margin: 0 0 38px
}

.carousel-item>div>a.button {
	font-size: 20px;
	width: fit-content;
	margin: 0;
	padding: 0 36px 2px;
	background-color: #fff;
	color: #3b3b3b
}

.carousel>.carousel-item.square {
	background-color: #fff;
	background-position: center left;
	background-size: 50%
}

.carousel>.carousel-item.square>div {
	margin: 0 0 0 50%;
	padding: 60px;
	width: calc(50% - 120px);
	height: calc(100% - 120px);
	text-align: center
}

.carousel>.carousel-item.square>div>h3 {
	font-size: 34px;
	line-height: 41px;
	margin: 0 0 14px;
	order: 1
}

.carousel>.carousel-item.square>div>h4 {
	font-size: 20px;
	line-height: 30px;
	margin: 0 0 28px;
	order: 3
}

.carousel>.carousel-item.square>div>p {
	font-size: 16px;
	line-height: 20px;
	margin: 0 0 14px;
	order: 2
}

.carousel>.carousel-item.square>div>a.button {
	font-size: 16px;
	background-color: #54833f;
	color: #fff !important;
	margin: 0 auto;
	order: 4
}

@
keyframes fadein {from { opacity:0.2;
	
}

to {
	opacity: 1.0;
}

}
.carousel {
	position: relative;
	margin: 1em auto
}

.carousel>.carousel-item {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	display: flex;
	align-items: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center
}

.carousel>.carousel-item:first-child {
	animation-name: fadein;
	animation-duration: 1s;
	z-index: 10
}

.carousel>.carousel-item:nth-child(n+3) {
	display: none
}

.carousel-dots {
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0);
	bottom: 1em;
	display: flex;
	justify-content: center;
	margin: 0;
	padding: 0;
	width: fit-content;
	height: 16px;
	line-height: 8px;
	list-style-type: none;
	z-index: 50;
	background: rgba(0, 0, 0, .05);
	border-radius: 7px
}

.carousel-dots>li {
	position: relative;
	width: 1em;
	height: 1em;
	font-size: 2em;
	color: rgba(255, 255, 255, .6);
	cursor: pointer
}

.carousel-dots>li.current {
	color: rgba(255, 255, 255, 1.0)
}

.carousel-dots>li::after {
	position: absolute;
	width: 1em;
	height: 1em;
	text-align: center;
	content: "\2022"
}

.carousel>.carousel-item.square .carousel-dots {
	width: 50%;
	margin-left: 50%
}

.carousel>.carousel-item.square .carousel-dots>li {
	color: #54833f;
	opacity: .2
}

.carousel>.carousel-item.square .carousel-dots>li.current {
	opacity: 1
}

.carousel-arrow {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 40px;
	height: 40px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 30px;
	border-radius: 50%;
	box-shadow: 0 2px 4px rgba(14, 31, 53, .04), 0 6px 12px
		rgba(14, 31, 53, .04), 0 12px 20px rgba(14, 31, 53, .03);
	z-index: 50;
	cursor: pointer
}

.carousel-arrow:hover {
	box-shadow: 0 0 2px rgba(14, 31, 53, .30)
}

.carousel-arrow.left {
	left: -20px;
	background-image:
		url(data:image/svg+xml,%3C%3Fxml\ version=\'1.0\'\ encoding=\'utf-8\'%3F%3E%3Csvg\ version=\'1.1\'\ baseProfile=\'tiny\'\ id=\'Layer_1\'\ xmlns=\'http://www.w3.org/2000/svg\'\ xmlns:xlink=\'http://www.w3.org/1999/xlink\'\ x=\'0px\'\ y=\'0px\'\ viewBox=\'0\ 0\ 24\ 24\'\ overflow=\'visible\'\ xml:space=\'preserve\'%3E%3Cpath\ fill=\'%233B3B3B\'\ d=\'M9,6.7c-0.4,0.4-0.4,1,0,1.4l3.9,3.9L9,15.9c-0.4,0.4-0.4,1,0,1.4s1,0.4,1.4,0l4.6-4.6c0.4-0.4,0.4-1,0-1.4\ l-4.6-4.6C10,6.3,9.4,6.3,9,6.7z\'/%3E%3C/svg%3E%0A);
	transform: scaleX(-1)
}

.carousel-arrow.right {
	right: -20px;
	background-image:
		url(data:image/svg+xml,%3C%3Fxml\ version=\'1.0\'\ encoding=\'utf-8\'%3F%3E%3Csvg\ version=\'1.1\'\ baseProfile=\'tiny\'\ id=\'Layer_1\'\ xmlns=\'http://www.w3.org/2000/svg\'\ xmlns:xlink=\'http://www.w3.org/1999/xlink\'\ x=\'0px\'\ y=\'0px\'\ viewBox=\'0\ 0\ 24\ 24\'\ overflow=\'visible\'\ xml:space=\'preserve\'%3E%3Cpath\ fill=\'%233B3B3B\'\ d=\'M9,6.7c-0.4,0.4-0.4,1,0,1.4l3.9,3.9L9,15.9c-0.4,0.4-0.4,1,0,1.4s1,0.4,1.4,0l4.6-4.6c0.4-0.4,0.4-1,0-1.4\ l-4.6-4.6C10,6.3,9.4,6.3,9,6.7z\'/%3E%3C/svg%3E%0A)
}

@media only screen and (max-width:1215px) {
	.homepage-banners {
		height: 304px
	}
	.homepage-banners>.carousel-item>div {
		padding: 0 0 0 60px
	}
	.homepage-banners>.carousel-item>div>h3 {
		font-size: 34px;
		line-height: 41px;
		margin: 0 0 6px
	}
	.homepage-banners>.carousel-item>div>h4 {
		font-size: 20px;
		line-height: 24px;
		margin: 0 0 12px
	}
	.homepage-banners>.carousel-item>div>p {
		font-size: 14px;
		line-height: 18px;
		margin: 0 0 32px
	}
	.homepage-banners>.carousel-item>div>a.button {
		font-size: 16px;
		line-height: 40px
	}
	.carousel>.carousel-item.square>div {
		padding: 20px;
		height: calc(100% - 40px)
	}
	.carousel>.carousel-item.square>div>h3 {
		font-size: 24px;
		line-height: 29px;
		margin: 0 0 8px
	}
	.carousel>.carousel-item.square>div>h4 {
		font-size: 16px;
		line-height: 24px;
		margin: 0 0 12px;
		order: 3
	}
	.carousel>.carousel-item.square>div>p {
		font-size: 14px;
		line-height: 18px;
		margin: 0 0 8px
	}
	.carousel>.carousel-item.square>div>a.button {
		font-size: 16px;
		background-color: #54833f;
		color: #fff !important;
		margin: 0 auto
	}
}

@media only screen and (max-width:767px) {
	.homepage-banners {
		height: 451px;
		margin-bottom: 92px
	}
	.carousel>.carousel-item {
		align-items: flex-end;
		background-position: center top;
		background-size: cover !important;
		border-radius: 6px
	}
	.carousel>.carousel-item>div {
		margin: 0 !important;
		padding: 28px 2em 2em 2em !important;
		width: calc(100% - 2em) !important;
		background: #fff !important;
		text-align: center;
		border-radius: 0 0 6px 6px;
		color: #3b3b3b !important
	}
	.carousel>.carousel-item.square {
		background-position: center -100px !important
	}
	.carousel>.carousel-item.square>div {
		height: auto
	}
	.carousel>.carousel-item>div>h3 {
		margin: 0 0 16px;
		line-height: 24px;
		font-size: 20px
	}
	.carousel>.carousel-item>div>h4 {
		margin: 0 0 8px;
		line-height: 22px;
		font-size: 14px
	}
	.carousel-item>div>h4 span {
		color: #54833f
	}
	.carousel>.carousel-item>div>p {
		margin: 0 0 16px;
		line-height: 20px;
		font-size: 14px;
		color: #888
	}
	.carousel-item>div>a.button {
		margin: 0 auto;
		background-color: #54833f;
		color: #fff !important
	}
	.carousel>.carousel-item.square>div>h4 {
		order: 2
	}
	.carousel-controls {
		position: absolute;
		left: 0;
		bottom: -48px;
		width: 100%;
		height: 40px;
		padding: 0
	}
	.carousel-arrow, .carousel-arrow:hover {
		background-color: transparent;
		box-shadow: none
	}
	.carousel-arrow.left {
		left: 0
	}
	.carousel-arrow.right {
		right: 0
	}
	.carousel-dots {
		position: static;
		left: 0;
		transform: none;
		width: 100%;
		height: 60px;
		line-height: 30px;
		background: none
	}
	.carousel-dots>li {
		color: #f7dfdd
	}
	.carousel-dots>li.current {
		color: #54833f
	}
}

#cart_menu {
	display: none;
	position: fixed;
	top: 120px;
	right: 0;
	left: auto;
	padding: 0 10px 100vh 10px;
	width: 100% !important;
	max-height: 560px;
	height: 100%;
	background: rgba(0, 0, 0, .3);
	line-height: 1.1em;
	font-size: .95em;
	z-index: 120
}

#cart_menu .added-to-cart h2 {
	margin: 8px 0 0
}

#cart_menu p {
	margin-top: 0
}

#cart_menu .added-to-cart .close {
	margin: 8px auto 0 -16px;
	cursor: pointer
}

#cart_menu p a:link, #cart_menu p a:visited {
	color: #333
}

#cart_menu.loading::after {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, .8);
	background-image: url(/images/loading-products.gif);
	background-position: center 1em;
	background-repeat: no-repeat;
	content: "";
	z-index: 1000
}

.cart-menu-header {
	height: 48px
}

.cart-menu-header, .cart-menu-footer {
	position: absolute;
	width: 300px;
	top: 10px;
	z-index: 130
}

.cart-menu-header div {
	background: #efefef;
	padding: 10px
}

.cart-menu-contentcontainer {
	width: 100%;
	height: 100%;
	position: relative
}

#cart_menu .cart-menu-header p {
	font-family: "Arboria-Bold", Arial, Helvetica, sans-serif;
	margin-bottom: 6px
}

#cart_menu .cart-menu-header p.num-items {
	font-size: 24px;
	line-height: 29px
}

.cart-menu-contents {
	height: 340px;
	width: 100%;
	overflow: auto
}

.cart-menu-item {
	margin: 5px 10% 5px auto;
	width: 90%;
	padding: 15px 0 0;
	border-top: 1px solid #ccc
}

.cart-menu-image {
	flex: 1 1 0
}

.cart-menu-form {
	flex: 4 1 0
}

.cart-menu-price {
	flex: 1.5 1 0;
	text-align: right
}

#cart_menu p.remove {
	margin-top: 36px;
	font-size: 15px
}

#cart_menu p.button {
	text-align: center;
	margin: 0
}

#cart_menu .added-to-cart p.button {
	margin: 16px 0
}

#cart_menu p.button a:link, #cart_menu p.button a:visited {
	display: block;
	padding: 11px 15px;
	width: 90%;
	margin: 15px auto 0
}

.cart-menu-header, .cart-menu-footer, .added-to-cart {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 14px;
	width: 270px;
	padding: 10px 40px;
	background: #fff
}

.cart-menu-footer {
	top: 394px
}

.cart-menu-header div {
	background: #fff;
	height: 24px;
	padding: 0
}

.cart-menu-footer div {
	background: #fff;
	height: 64px;
	padding-top: 10px
}

.cart-menu-contentcontainer {
	top: 54px;
	float: right;
	width: 270px;
	padding-bottom: 0;
	height: auto;
	background: #fff;
	padding: 20px 40px;
	margin-right: -10px
}

#cart_menu p.button {
	height: 48px;
	line-height: 48px;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center
}

#cart_menu p.button a {
	color: #fff !important;
	padding-bottom: 25px !important;
	height: 48px
}

.cart-menu-form {
	font-size: 14px;
	line-height: 16px;
	padding-left: 10px
}

.cart-menu-image img {
	width: 75px;
	height: auto
}

#cart-menu-form p {
	margin-bottom: 2px
}

@media only screen and (max-width:1215px) {
	#cart_menu {
		top: 96px
	}
}

@media only screen and (max-width:767px) {
	#cart_menu {
		top: 88px;
		max-height: 400px;
		z-index: 150
	}
	.cart-menu-header, .cart-menu-footer {
		width: calc(100% - 100px)
	}
	.cart-menu-contentcontainer {
		width: calc(100% - 80px)
	}
	.cart-menu-contents {
		height: 320px
	}
	.cart-menu-footer {
		top: 374px
	}
	.added-to-cart {
		width: 197px
	}
	#cart_menu .added-to-cart h2 {
		font-size: 24px
	}
}

@media only screen and (max-width:374px) and (orientation:portrait) {
	.cart-menu-contents {
		height: 250px
	}
	.cart-menu-footer {
		top: 304px
	}
	#cart_menu .added-to-cart img {
		width: 100px;
		height: auto
	}
}

.category main {
	padding-top: 2em
}

#category-shop-offers {
	padding: 56px 0 73px
}

.category .blog-trending-slider {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: (1fr)[3];
	grid-template-columns: repeat(3, minmax(0, 1fr));
	grid-template-rows: repeat(auto-fill, auto);
	grid-gap: 32px;
	margin-top: 43px;
	padding: 0
}

.promo-rectangle {
	display: flex;
	justify-content: space-around;
	background: #fff;
	max-height: 160px;
	overflow: hidden;
	margin: 0;
	padding: 16px;
	border-radius: 8px;
	box-shadow: 0px 0px 2px rgb(14 31 53/ 12%);
	width: calc(100% - 32px)
}

.promo-rectangle h4 {
	font-size: 18px;
	line-height: 24px;
	margin: 0
}

.promo-rectangle div:first-child {
	border-radius: 4px;
	overflow: hidden;
	width: 134px;
	height: 134px;
	margin-right: 29px;
	padding: 4px 0
}

.promo-rectangle div:last-child {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: normal;
	width: calc(100% - 163px)
}

.promo-rectangle div:last-child a.button {
	max-height: 40px;
	line-height: 40px;
	text-align: center;
	background: #fff;
	border: 1px solid #54833f;
	margin-left: 0;
	white-space: nowrap;
	color: #54833f
}

.promo-rectangle div a img, .promo-rectangle div img {
	width: 134px;
	height: auto
}

.category #productdesc {
	position: relative;
	flex-direction: column !important;
	height: 74px;
	max-width: 50%;
	overflow: hidden;
	font-size: 14px;
	line-height: 22px;
	color: #616161
}

.category #productdesc p:first-of-type {
	margin-top: 0
}

.category #productdesc big {
	display: inline-block;
	margin-bottom: 8px;
	font-size: 18px;
	color: #3b3b3b
}

.catdesc2 {
	max-width: 1008px;
	margin: 0 auto;
	padding: 98px 0;
	background: #8ba462;
	filter: drop-shadow(50vw 0 0 #8ba462) drop-shadow(-50vw 0 0 #8ba462);
	font-size: 14px;
	line-height: 22px;
	display: flex;
	justify-content: space-between;
	color: #fff
}

.catdesc2 p {
	margin-right: 32px
}

.catdesc2 a:link, .catdesc2 a:visited {
	color: #fff
}

.category.parent .catdesc2 {
	background: #fff;
	filter: drop-shadow(50vw 0 0 #fff) drop-shadow(-50vw 0 0 #fff);
	color: #3b3b3b
}

.category.parent .catdesc2 a:link, .category.parent .catdesc2 a:visited
	{
	color: #54833f
}

.category-products .view-all {
	margin: 70px auto
}

.category-products.toggler {
	justify-content: center;
	position: relative
}

.category-products.toggler .matrix.overflow-scroll {
	height: auto;
	margin: 0 auto
}

.category-products .toggler-item {
	order: 1;
	top: 0 !important
}

.category-products .toggler-details {
	order: 3;
	max-width: 1012px;
	margin: 0 auto
}

.category-products .break1, .category-products .toggler-details .break2
	{
	order: 2;
	content: '';
	display: block;
	flex-basis: 100%;
	height: 0
}

.category-products .toggler-details .break2 {
	order: 4
}

.category-products .toggler-details .view-all {
	order: 5
}

.top-brands-wrapper {
	background: #fff;
	padding: 77px 0 83px;
	text-align: center;
	filter: drop-shadow(50vw 0 0 #fff) drop-shadow(-50vw 0 0 #fff)
}

.top-brands-wrapper p.section {
	font-size: 34px;
	line-height: 41px;
	margin-bottom: 45px
}

.homepage-articles p.more {
	margin: 10px 0;
	margin-top: 40px
}

.homepage-articles p.more a {
	color: #fff
}

.homepage-articles h2 {
	font-size: 34px;
	line-height: 41px;
	margin-bottom: 10px
}

.category .home-section p {
	margin: 16px auto 24px
}

#matrix .category-products .advance, #matrix .category-products .retreat
	{
	top: 260px
}

.category #matrix .advance, .category #matrix .retreat {
	top: 288px
}

@media only screen and (max-width:1215px) {
	.category #pagebanner p:nth-of-type(2) {
		text-align: center
	}
	.category .blog-trending-slider {
		-ms-grid-columns: (1fr)[2];
		grid-template-columns: repeat(2, minmax(0, 1fr));
		margin: 0;
		padding: 0
	}
	.category #productdesc {
		max-width: none !important
	}
}

@media only screen and (max-width:1088px) {
	.category-products.toggler {
		margin-right: -40px;
		margin-left: -40px;
		padding-left: 40px;
		padding-right: 0
	}
	.category-products .toggler-details {
		width: 100%
	}
	#matrix .category-products .advance, .category #matrix .advance:hover,
		#matrix .category-products .retreat, .category #matrix .retreat:hover
		{
		top: auto;
		bottom: 100px
	}
	#matrix .category-products .advance {
		right: 30px
	}
	#matrix .category-products .retreat {
		left: 30px
	}
}

@media only screen and (max-width:767px) {
	.catdesc2 {
		padding: 52px 0 64px;
		flex-direction: column !important
	}
	.catdesc2 p {
		margin-right: 0
	}
	.category-products.toggler {
		margin-right: -20px;
		margin-left: -20px;
		padding-left: 20px
	}
	.category .category-products .toggler-item {
		position: absolute
	}
	.category .category-products .toggler-item:first-of-type {
		left: 20px
	}
	.category .category-products .toggler-item:nth-of-type(2) {
		left: 50%;
		transform: translateX(-50%)
	}
	.category .category-products .toggler-item:nth-of-type(3) {
		right: 20px
	}
	.category .category-products .toggler-details {
		width: 100%;
		margin-top: 50px
	}
	#category-shop-offers {
		padding: 36px 0 54px
	}
	.category .blog-trending-slider {
		-ms-grid-columns: (1fr)[1];
		grid-template-columns: repeat(1, minmax(0, 1fr));
		grid-gap: 16px;
		margin-top: 28px
	}
	.promo-rectangle h4 {
		font-size: 16px;
		line-height: 20px
	}
	.promo-rectangle div:first-child {
		width: 110px;
		height: 110px;
		margin-right: 33px
	}
	.promo-rectangle div a img, .promo-rectangle div img {
		width: 110px
	}
	.promo-rectangle div:last-child {
		width: calc(100% - 143px)
	}
	.top-brands-wrapper {
		padding: 53px 0 58px
	}
}

body#checkout.checkout-paypal {
	padding: 50px 0 !important;
	background-color: #d5efff !important;
	background-image: url(/images/checkout-paypal-bg-dtp.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-attachment: fixed
}

body#checkout.checkout-paypal #content {
	padding-top: 0 !important;
	background-color: transparent;
	background-image: none !important
}

.checkout-paypal header#headercontainer, .checkout-paypal #checkoutfooter
	{
	display: none
}

#checkout_paypal {
	margin: 0 auto 55px;
	width: 90%;
	max-width: 500px
}

#paypal_buttons_container {
	position: relative;
	padding: 10px 30px;
	background: #fff;
	border-radius: 7px;
	box-shadow: 0 0 9px rgba(0, 0, 0, .3)
}

#paypal_buttons_container .dismiss {
	right: 0;
	top: -30px
}

#paypal_buttons_container h3 big {
	margin-right: 7px;
	color: #0022a0;
	font-weight: bold
}

#paypal_buttons_container small {
	font-size: 11px;
	color: #666
}

#paypal-button-container {
	text-align: center
}

#paypal_cancel {
	position: relative;
	margin: 0 auto;
	width: 100%;
	height: 45px;
	background: rgba(0, 0, 0, .1);
	border: 1px solid #333;
	border-radius: 4px;
	text-transform: none;
	text-align: center;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 500;
	font-size: 16px;
	letter-spacing: -.02em;
	line-height: 1;
	transition: .3s
}

#paypal_cancel:hover {
	background: transparent
}

#paypal_cancel a:link, #paypal_cancel a:visited {
	display: block;
	margin: 0;
	padding: 12px 0;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	color: #333
}

#paypal_cancel a:hover {
	text-decoration: none !important
}

body#checkout {
	padding-top: 136px
}

#checkout #header, #checkout #content, #checkout #footer, #checkout #subfooter
	{
	width: 1216px
}

#checkout header#headercontainer {
	min-height: 80px
}

#checkout #header {
	position: relative !important;
	height: 80px;
	justify-content: space-between
}

#checkout #header #logo {
	position: absolute;
	text-align: center;
	background-position: center center;
	margin-top: 4px;
	left: 50%;
	transform: translate(-50%, 0)
}

#checkout #header div:first-of-type, #checkout #header div:nth-of-type(3)
	{
	width: 33%
}

#checkout #header div:first-of-type a {
	display: inline-block;
	height: 2em;
	font-size: 14px;
	line-height: 1.9em;
	color: #3b3b3b;
	transition: .2s
}

#checkout #header div:first-of-type a:hover, #checkout #header div:first-of-type a:focus
	{
	text-decoration: none;
	color: #54833f
}

#checkout #header div:first-of-type a::before {
	content: '';
	display: inline-block;
	height: 2em;
	width: 2.5em;
	margin-bottom: -8px;
	background-size: 32px;
	background-position: left top;
	background-repeat: no-repeat;
	background-image:
		url(data:image/svg+xml,%3C%3Fxml\ version=\'1.0\'\ encoding=\'utf-8\'%3F%3E%3Csvg\ version=\'1.1\'\ baseProfile=\'tiny\'\ id=\'Layer_1\'\ xmlns=\'http://www.w3.org/2000/svg\'\ xmlns:xlink=\'http://www.w3.org/1999/xlink\'\ x=\'0px\'\ y=\'0px\'\ viewBox=\'0\ 0\ 24\ 24\'\ overflow=\'visible\'\ xml:space=\'preserve\'%3E%3Cpath\ fill=\'%233B3B3B\'\ d=\'M18.8,11H7.6l4.9-4.9c0.4-0.4,0.4-1,0-1.4s-1-0.4-1.4,0l-6.6,6.6c-0.4,0.4-0.4,1,0,1.4l6.6,6.6\ c0.2,0.2,0.4,0.3,0.7,0.3c0.3,0,0.5-0.1,0.7-0.3c0.4-0.4,0.4-1,0-1.4L7.6,13h11.2c0.6,0,1-0.4,1-1S19.3,11,18.8,11z\'/%3E%3C/svg%3E%0A);
	color: #3b3b3b
}

#checkout #header div:first-of-type a:hover::before, #checkout #header div:first-of-type a:focus::before
	{
	background-size: 32px;
	background-position: left top;
	background-repeat: no-repeat;
	background-image:
		url(data:image/svg+xml,%3C%3Fxml\ version=\'1.0\'\ encoding=\'utf-8\'%3F%3E%3Csvg\ version=\'1.1\'\ baseProfile=\'tiny\'\ id=\'Layer_1\'\ xmlns=\'http://www.w3.org/2000/svg\'\ xmlns:xlink=\'http://www.w3.org/1999/xlink\'\ x=\'0px\'\ y=\'0px\'\ viewBox=\'0\ 0\ 24\ 24\'\ overflow=\'visible\'\ xml:space=\'preserve\'%3E%3Cpath\ fill=\'%23E46B63\'\ d=\'M18.8,11H7.6l4.9-4.9c0.4-0.4,0.4-1,0-1.4s-1-0.4-1.4,0l-6.6,6.6c-0.4,0.4-0.4,1,0,1.4l6.6,6.6\ c0.2,0.2,0.4,0.3,0.7,0.3c0.3,0,0.5-0.1,0.7-0.3c0.4-0.4,0.4-1,0-1.4L7.6,13h11.2c0.6,0,1-0.4,1-1S19.3,11,18.8,11z\'/%3E%3C/svg%3E%0A)
}

#shipping_toggle a::before, #signin_toggle a::before {
	display: block;
	float: left;
	width: .5em;
	margin-top: -2px;
	padding-right: .5em;
	content: "\25B8";
	font-size: 1em
}

#checkout h2, #checkout h3 {
	clear: both;
	margin: 0 0 0 15px;
	padding: 10px 0;
	width: calc(100% - 15px);
	text-align: center;
	letter-spacing: .01em;
	font-size: 18px;
	font-style: normal;
	color: #000;
	position: relative
}

#cartcontents h3:before {
	content: "";
	height: 30px;
	width: 30px;
	position: absolute;
	left: 21%;
	bottom: 10px;
	background-image: url(/images/svg/checkout_bag.svg);
	background-repeat: no-repeat;
	background-position: center
}

.checkout .float-placeholder h2:before {
	content: "";
	height: 30px;
	width: 40px;
	position: absolute;
	left: 24%;
	top: 15px;
	background-image: url(/images/svg/checkout_delivery.svg);
	background-repeat: no-repeat;
	background-position: center
}

.checkout>div:last-child h2:before {
	content: "";
	height: 30px;
	width: 40px;
	position: absolute;
	left: 24%;
	top: 15px;
	background-image: url(/images/svg/checkout_payment.svg);
	background-repeat: no-repeat;
	background-position: center
}

.checkout h2 {
	display: block
}

.checkout h3 span {
	padding: 0;
	color: #20d020
}

#checkout #signin_toggle h3 {
	text-align: left;
	font-size: 1em
}

.checkout h2 span {
	background: transparent;
	color: #757575
}

#checkout_form a:link, #checkout_form a:visited {
	text-decoration: underline !important;
	color: #3b3b3b
}

#checkout_form a:hover, #checkout_form a:active {
	color: #54833f
}

#checkout_form #cartitems a:link, #checkout_form #cartitems a:visited {
	text-decoration: none !important
}

#checkout .order-no {
	font-family: "Arboria-Bold", Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	padding: 5px 0
}

#checkout .wrapper {
	background-color: #eee;
	border: 1px solid #ddd;
	border-radius: 3px;
	padding: 25px 30px
}

#checkout .order-det-heading {
	font-family: "Arboria-Bold", Arial, Helvetica, sans-serif;
	font-size: 1.1em
}

#checkout .order-det {
	line-height: 1.8
}

.freeexpress {
	margin-top: 30px !important;
	text-align: center
}

.checkout-submit {
	font-size: 18px;
	line-height: 21px;
	margin: 10px 0 20px
}

.lock_sml {
	margin-top: 20px;
	padding-left: 25px;
	line-height: 25px;
	background: url(/images/checkout-lock.png) left top no-repeat;
	background-size: 15px 20px
}

.checkout fieldset input[type="text"], .checkout fieldset input[type="textarea"],
	.checkout fieldset input[type="email"], .checkout fieldset input[type="tel"]
	{
	min-width: calc(100% - 8px)
}

.checkout fieldset select {
	margin-bottom: 16px;
	line-height: 48px
}

fieldset#credit_card {
	position: relative
}

fieldset#credit_card legend, fieldset#paypal legend, fieldset#afterpay legend
	{
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px
}

fieldset#credit_card p, fieldset#paypal p, fieldset#afterpay p {
	margin-top: .5em
}

fieldset#credit_card p.fixtextwrap, fieldset#paypal p.fixtextwrap,
	fieldset#afterpay p.fixtextwrap {
	padding-left: 25px
}

fieldset#credit_card p.fixtextwrap input, fieldset#paypal p.fixtextwrap input,
	fieldset#afterpay p.fixtextwrap input {
	margin-left: -25px
}

input#field_saveaddress, input#field_savedetails {
	margin-right: .5em
}

#signin_link {
	transition: .3s
}

#signin {
	display: flex;
	flex-flow: column nowrap;
	justify-content: flex-start;
	align-items: center;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(48, 48, 48, .7);
	z-index: 10;
	backdrop-filter: blur(2px);
	-webkit-backdrop-filter: blur(2px)
}

#signin fieldset {
	position: relative;
	min-width: 580px;
	background: #fff !important;
	margin: 6em 0 0 !important;
	padding: 25px 3% !important;
	border-radius: 8px;
	border: 1px solid #fff !important;
	text-align: center
}

#signin fieldset>p:first-of-type {
	float: right;
	margin: 0
}

#signin fieldset h2 {
	position: absolute;
	width: fit-content;
	left: 0;
	right: 0;
	margin: 0 auto;
	padding: 0;
	font-size: 34px;
	line-height: 34px
}

#signin fieldset p:nth-of-type(2) {
	margin: 56px auto 24px
}

#signin .forgotten_pw {
	margin: -4px 0 12px 20px
}

#signin fieldset div {
	display: inline-block;
	margin: 0;
	padding: 0 0 4px;
	width: 94%
}

#signin fieldset div.flexform-row:first-of-type, #signin fieldset div.flexform-row:first-of-type>div
	{
	padding: 0
}

#signin legend {
	display: none
}

#signin label {
	display: inline-block;
	clear: none;
	width: 20%;
	font-family: "Arboria-Bold", Arial, Helvetica, sans-serif;
	color: #fff
}

#signin a:link, #signin a:visited {
	text-decoration: none !important;
	transition: .3s
}

#signin a:hover, #signin a:focus {
	text-decoration: none !important;
	color: #3b3b3b
}

#signin p:nth-of-type(3) {
	font-family: "Arboria-Bold", Arial, Helvetica, sans-serif;
	font-size: 18px
}

#signin p:nth-of-type(3) a:link, #signin p:nth-of-type(3) a:visited {
	color: #54833f;
	text-decoration: underline
}

#signin button {
	width: 100%
}

#shipping_toggle.active a::before {
	content: "\25BE"
}

#shippingdetails, #shippingdetails legend, #shipping_address {
	display: none
}

#shipping_address fieldset {
	position: relative
}

#cartitems_wrapper {
	background-color: transparent;
	background-image: none;
	background-repeat: no-repeat;
	background-position: center center
}

#cartitems_wrapper.active {
	transition: .3s;
	background-image: url(/images/Loading-Black.gif)
}

#cartitems_wrapper.active * {
	transition: .3s;
	opacity: .2
}

#cartitems_wrapper.endloading * {
	opacity: 1;
	transition: opacity .5s ease-out .2s
}

#cartitems_wrapper.endloading {
	background-image: none
}

#cartitems .savings {
	background: #fff;
	text-align: right;
	font-family: "Arboria-Bold", Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #54833f
}

#cartitems .line-item:after {
	display: block;
	content: ".";
	visibility: hidden;
	height: 0;
	clear: both
}

#cartitems .line-item td:nth-child(2) {
	padding-right: 8px;
	vertical-align: middle;
	text-align: right
}

#cartitems .line-item td:nth-child(3) {
	vertical-align: middle;
	text-align: center
}

#cartitems .line-item td:nth-child(4) {
	padding-right: 8px;
	vertical-align: middle;
	text-align: right
}

#cartitems .line-item.out-of-stock, #cartitems .line-item.prohibited-export
	{
	background: #fffb78
}

#cartitems .line-item.out-of-stock td:nth-child(2), #cartitems .line-item.prohibited-export td:nth-child(2)
	{
	text-align: center
}

#cartitems input.dangerous-good {
	border: 2px solid red
}

#cartitems input.stock-limited {
	border: 2px solid #ffa500
}

#cartitems input.remove {
	width: 20px;
	height: 20px;
	float: right;
	margin-top: 24px;
	border: none;
	background-color: transparent;
	background-image: url(/images/svg/icn_Close.svg);
	background-repeat: no-repeat;
	background-size: 20px 20px;
	cursor: pointer
}

#cartitems .line-item.prohibited-export input.remove {
	margin-top: -15px
}

#discountmsg {
	color: #999;
	margin-top: 5px
}

#discountmsg.success, #discountmsg .success {
	color: #3b3b3b;
	background: #e8ede0;
	border-radius: 4px;
	line-height: 2.5em;
	padding: 4px 7px 7px
}

#discountmsg.success a.remove, #discountmsg .success a.remove {
	margin-right: 5px;
	margin-bottom: -4px;
	display: inline-block;
	width: 16px;
	height: 16px;
	border: none;
	background-color: transparent;
	background-image: url(/images/svg/icn_Close.svg);
	background-repeat: no-repeat;
	background-size: 16px 16px;
	cursor: pointer
}

input#field_promotioncode, input#field_vouchercode {
	text-transform: uppercase
}

#vouchermsg {
	margin: 0;
	text-align: center;
	color: red
}

#same_as {
	color: #fff;
	border: none;
	margin-bottom: 5px;
	padding: 4px 8px 6px;
	border-radius: 4px;
	background: #7abcff;
	background: linear-gradient(to bottom, #7abcff 0%, #60abf8 44%, #4096ee 100%)
}

#same_as:disabled {
	background: #bbb
}

#kleber_label {
	display: none
}

#kleber_output {
	display: none;
	margin: .25em 0;
	padding: .25em;
	z-index: 3
}

#kleber_output.validating {
	display: block;
	padding: 0
}

#kleber_output.validating::before {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(245, 245, 245, .7);
	background-image: url(/images/loader.gif),
		url(/images/loader-validating.gif);
	background-position: center center, center center;
	background-repeat: no-repeat, no-repeat;
	background-size: 33px 33px, 122px 50px;
	content: ""
}

#kleber_output.selection {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 115%;
	background: rgba(245, 245, 245, .7);
	content: ""
}

#kleber_output.selection p {
	position: absolute;
	left: 2px;
	bottom: 3em;
	margin: 0;
	padding: 2em 5% 2em 10%;
	width: 85%;
	background: rgba(193, 255, 202, .8)
}

#kleber_output.selection p::before {
	content: "Select your address:";
	text-transform: uppercase;
	font-family: "Arboria-Bold", Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	color: #666
}

#kleber_output.selection em, #kleber_output.selection a:link,
	#kleber_output.selection a:visited {
	display: block;
	text-decoration: none;
	margin: 10px 0
}

#kleber_output.selection a:hover, #kleber_output.selection a:focus {
	background: #fff;
	text-decoration: none !important
}

#kleber_output.selection a::before {
	content: "\2023\00a0"
}

#kleber_output.validated {
	display: block;
	color: green
}

#kleber_output.failed {
	display: block;
	background: #fdd;
	color: red
}

#kleber_output.failed::before {
	content: "Address not found.";
	font-family: "Arboria-Bold", Arial, Helvetica, sans-serif;
	display: block
}

#kleber_output.failed a:link, #kleber_output.failed a:visited {
	text-decoration: underline
}

#force_continue {
	position: relative;
	display: none;
	margin-left: 1em;
	padding-left: 1em;
	padding-right: 1em;
	margin-top: 1em
}

#force_continue::before {
	position: absolute;
	left: -2em;
	content: "or";
	font-style: italic;
	color: #000
}

#card_logos {
	display: block;
	width: 205px;
	height: 38px;
	background: url(/images/card-logos-3.png) 0 0 no-repeat;
	background-size: 205px;
	transition: .2s
}

#checkout_payment #card_logos {
	display: none
}

#card_logos.amex {
	width: 45px;
	background-position: -160px 0
}

#card_logos.mastercard {
	width: 65px;
	background-position: -86px 0
}

#card_logos.visa {
	width: 80px
}

select#field_title {
	width: 85px
}

select#field_cardmonth {
	width: 75px;
	margin-right: .5em
}

select#field_cardyear {
	width: 90px;
	margin-left: .5em
}

button#validate_shipping {
	padding-left: 32px;
	padding-right: 32px
}

.radio-boxed {
	flex-basis: 100% !important
}

.radio-boxed>div {
	margin: 1em 0;
	padding: 1em;
	border: 1px solid #afafaf;
	border-radius: 4px;
	background: #fff
}

.radio-boxed>div>label {
	cursor: pointer
}

#shippingdetails, #shippingdetails legend, #shipping_address {
	display: block
}

#show_other_name:hover {
	cursor: pointer;
	color: #54833f
}

#other_name {
	display: none
}

#customer_pickup, #customer_pickup_msg {
	display: none !important
}

#field_cvn {
	min-width: 6em;
	width: auto
}

#checkout fieldset {
	margin: 1em 0;
	padding: 0;
	border: none;
	background: #fff
}

#checkout fieldset input:required, #checkout fieldset textarea:required
	{
	background-image:
		url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMC1jMDAwIDc5LmRhYmFjYmIsIDIwMjEvMDQvMTQtMDA6Mzk6NDQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyMi41IChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkQwOUE3MjgzMDg4ODExRUNBNDE2QkU3QTE1RTAyNkEyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkQwOUE3Mjg0MDg4ODExRUNBNDE2QkU3QTE1RTAyNkEyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RDA5QTcyODEwODg4MTFFQ0E0MTZCRTdBMTVFMDI2QTIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RDA5QTcyODIwODg4MTFFQ0E0MTZCRTdBMTVFMDI2QTIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5ZbmDcAAAAGFBMVEX//v7rU0fxnpztenb409L0urnsY1z75uZ5SgGwAAAAcElEQVR42lRPARLAIAhCtPz/j4faus2rNAIxAAinTrgHOmhmlZVWAzGV8J1DWSqbcCRSiyKUuLHNtc4ruSKtGkSQXtJfDLDPLqAEKIklItZpbOZe1h/blK2/d3a97yBrZuQd9SXLaD6HnH+zFY8AAwDMoAGAY/bHjwAAAABJRU5ErkJggg==);
	background-position: top right;
	background-repeat: no-repeat;
	background-size: 8px
}

#checkout fieldset input:read-only {
	background: transparent;
	background-image: none;
	color: #666
}

#payment_options {
	position: relative;
	margin-bottom: 24px;
	padding-top: 1em
}

#payment_options fieldset {
	margin: 0
}

#payment_options fieldset#credit_card, #payment_options fieldset#paypal,
	#payment_options fieldset#afterpay {
	outline: 1px solid #999;
	padding: 1em 1em 0;
	background: #fff !important
}

#payment_options.disabled fieldset#credit_card, #payment_options.disabled fieldset#paypal,
	#payment_options.disabled fieldset#afterpay {
	outline: none
}

#payment_options fieldset#paypal legend, #payment_options fieldset#afterpay legend
	{
	padding-top: 1em
}

#payment_options div#credit_card.loggedin {
	width: calc(100% - 2em)
}

#carddetails-plaintext {
	margin-bottom: 1em
}

#carddetails-plaintext::after {
	content: "Enter security code:"
}

#carddetails-plaintext p {
	margin-top: 0;
	line-height: 1.5em
}

#carddetails-plaintext p strong {
	display: inline-block;
	width: 120px;
	text-transform: uppercase
}

#checkout_form.loading #ordersummary, #checkout_form.loading #cartitems_wrapper,
	#checkout_form.loading #checkout_nld, #checkout_form.loading #paymentoptions
	{
	transition-property: opacity;
	transition-duration: .3s;
	background-image: url(/images/Loading-Black.gif);
	background-position: center center;
	background-repeat: no-repeat
}

#checkout_form.loading #ordersummary *, #checkout_form.loading #cartitems_wrapper *,
	#checkout_form.loading #checkout_nld *, #checkout_form.loading #paymentoptions *
	{
	transition-property: opacity;
	transition-duration: .3s;
	opacity: .2
}

#checkout_form.endloading #ordersummary, #checkout_form.endloading #cartitems_wrapper,
	#checkout_form.endloading #checkout_nld, #checkout_form.endloading #paymentoptions
	{
	background-image: none
}

#checkout_form.endloading #ordersummary *, #checkout_form.endloading #cartitems_wrapper *,
	#checkout_form.endloading #checkout_nld *, #checkout_form.endloading #paymentoptions *
	{
	opacity: 1;
	transition: opacity .5s ease-out .2s
}

.checkout {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: (1fr)[3];
	grid-template-columns: repeat(3, minmax(0, 1fr));
	grid-template-rows: repeat(auto-fill, auto);
	grid-gap: 32px
}

.checkout>div {
	position: relative;
	padding: 32px 20px 36px;
	background: #fff;
	border-radius: 8px;
	font-size: 14px;
	box-shadow: 0 2px 4px rgba(14, 31, 53, .04), 0 6px 12px
		rgba(14, 31, 53, .04), 0 12px 20px rgba(14, 31, 53, .03)
}

.hidelabels label, #checkoutoptions div:nth-of-type(2) label {
	position: absolute;
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	width: 1px
}

.hidelabels .flexform-row>div {
	margin-left: 0
}

div.line-item {
	padding: 15px 15px 15px 30%;
	border-top: 1px solid #d5d5d5
}

div.line-item p {
	margin: 0
}

div.line-item a {
	text-decoration: none !important;
	line-height: 1em
}

div.line-item-image {
	float: left;
	margin: 0 0 1em -40%;
	width: 30%
}

div.line-item-image:after {
	content: " ";
	display: table
}

div.line-item-image img {
	width: 100%;
	height: auto
}

#checkout legend {
	margin: 16px 0;
	padding: 0;
	border-radius: 0;
	background: none;
	box-shadow: none;
	font-size: 14px;
	color: #3b3b3b;
	font-family: "Arboria-Bold", Arial, Helvetica, sans-serif
}

#checkout fieldset label {
	display: block;
	width: auto;
	float: none;
	clear: both;
	margin: .5em 0 .1em;
	padding-top: 0;
	text-align: left;
	font-family: "Arboria-Bold", Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #333
}

#checkout fieldset label::after {
	content: ""
}

#checkout legend.arrowbg {
	background: #fff;
	background-image:
		url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2014.1%2010%22%20style%3D%22enable-background%3Anew%200%200%2014.1%2010%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text/css%22%3E%0A%09.st0%7Bfill%3A%2349D949%3B%7D%0A%3C/style%3E%0A%3Cg%20id%3D%22artboard-1%22%3E%0A%09%3Cpath%20class%3D%22st0%22%20d%3D%22M13.8%2C1.7l-6.1%2C8C7.5%2C9.9%2C7.3%2C10%2C7%2C10c-0.2%2C0-0.5-0.1-0.7-0.3l-6.1-8c-0.3-0.4-0.3-1%2C0-1.4%0A%09%09c0.3-0.4%2C0.9-0.4%2C1.3%2C0L7%2C6.5l5.5-6.3c0.3-0.3%2C0.9-0.4%2C1.3%2C0C14.2%2C0.7%2C14.2%2C1.3%2C13.8%2C1.7z%22/%3E%0A%3C/g%3E%0A%3C/svg%3E);
	background-position: right 15px center;
	background-repeat: no-repeat;
	background-size: .75rem
}

legend.arrowbg {
	width: calc(100% - 2em);
	cursor: pointer
}

#checkout fieldset input[type="radio"] {
	-webkit-appearance: radio;
	width: auto;
	height: auto;
	min-height: auto
}

#checkout fieldset input[type="checkbox"] {
	-webkit-appearance: checkbox;
	width: auto;
	height: auto
}

#checkout fieldset #club_savedetails label {
	margin: 0;
	text-transform: none
}

#checkout fieldset #club_savedetails input[type="checkbox"] {
	margin-right: .3em
}

#checkout fieldset input[type="submit"], #checkout fieldset input[type="reset"],
	#checkout fieldset input[type="button"] {
	border: none;
	background: #54833f;
	background-image: none;
	font-size: 16px;
	line-height: 48px;
	color: #fff;
	font-family: "Arboria-Bold", Arial, Helvetica, sans-serif;
	width: auto;
	cursor: pointer
}

#delivery_radio_options {
	width: fit-content
}

#checkout fieldset #delivery_radio_options label {
	text-transform: capitalize;
	font-family: "Titillium Web";
	margin: 0
}

#field_instructions {
	width: 90%;
	max-width: 90%;
	min-width: 90%;
	border-radius: 4px;
	padding: 10px
}

#paymentoptions fieldset input[type="submit"] {
	background: #20d020
}

.checkout .flexform-row>div {
	display: block;
	margin: 0;
	padding: 0 0 4px 0
}

#checkout fieldset select:invalid {
	color: gray
}

#checkout label.checkboxlabel, #checkout .radio-boxed label {
	padding-left: 20px
}

#checkout label.checkboxlabel>input {
	margin-left: -20px;
	font-size: 14px
}

#checkout .radio-boxed input[type="radio"] {
	margin-left: -20px
}

#checkout div#checkoutsignup {
	margin-top: -1em;
	margin-bottom: 2em;
	padding-left: 20px
}

#checkout div#checkoutsignup input {
	margin-left: -40px
}

#checkout fieldset#checkoutoptions label.checkboxlabel::after {
	content: "Leave package in a safe place if I am not in (no signature)";
	margin-left: .2em;
	text-transform: lowercase
}

#ordersummary p {
	display: flex;
	justify-content: space-between;
	clear: both;
	margin: 0;
	padding: 8px 16px;
	background: #f4f0ed;
	min-height: 1em
}

#ordersummary p:first-of-type {
	padding-top: 24px;
	border-radius: 4px 4px 0 0
}

#ordersummary p:last-of-type {
	padding-bottom: 24px;
	border-radius: 0 0 4px 4px
}

#ordersummary p.summary-item {
	
}

#ordersummary span {
	display: inline-block
}

#ordersummary span:first-of-type {
	max-width: 75%
}

#ordersummary p.total {
	font-family: "Arboria-Bold", Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 48px
}

#ordersummary p.total span {
	border-top: 1px solid #d5d5d5;
	width: 50%
}

#ordersummary p.total span:last-of-type {
	text-align: right
}

#ordersummary p.yousaved {
	padding-top: 0;
	font-family: "Titillium Web";
	text-align: center;
	font-style: italic;
	text-transform: uppercase;
	justify-content: center
}

#checkout label[for="field_promotioncode"] {
	font-family: "Arboria-Bold", Arial, Helvetica, sans-serif
}

#checkout input#field_promotioncode, #checkout input#field_vouchercode {
	width: calc(100% - 3% - 16px - 19% - 3px) !important;
	min-width: auto;
	margin: 6px 3% 6px 0;
	padding: 0 0 0 16px;
	float: left;
	line-height: 48px;
	border: 1px solid #afafaf;
	border-radius: 4px
}

#checkout input#check_discount.button, #checkout input#voucher_check.button
	{
	width: 19%;
	line-height: 48px;
	margin: 6px 0
}

select#select_shipping_method {
	width: 100%;
	margin-bottom: 10px
}

#checkout input::placeholder {
	color: #616161;
	padding-top: 4px;
	font-size: 16px;
	transition: .3s
}

#checkout input:focus::placeholder {
	color: #fff
}

#checkout #aboutyou, #checkout #deliveryaddress {
	position: relative
}

#checkout #aboutyou.devolveall, #checkout #deliveryaddress.devolveall {
	border: 1px solid #49d949;
	margin: 1em 0 15px;
	padding: 0 15px
}

#checkout #deliveryaddress.devolveall {
	margin-top: 15px
}

#checkout .revolve {
	position: absolute;
	top: 0;
	right: 15px
}

#checkout #credit_card .revolve {
	position: relative;
	float: right;
	width: 26px;
	top: 0;
	margin: 0 0 15px
}

#checkout div.revolvehide, #checkout .revolveall .devolve {
	display: none
}

#checkout .devolveall div.revolvehide, #checkout .loggedin .devolve {
	display: block
}

#checkout .devolveall div {
	padding: 0;
	font-size: 1em;
	display: block
}

#checkout .devolveall legend {
	padding-bottom: 5px
}

#checkout .devolveall div input, #checkout .devolveall div select,
	#checkout .devolveall div.text-input span, #checkout #carddetails-fields.devolveall label,
	#checkout #carddetails-fields.devolveall div {
	position: absolute;
	pointer-events: none;
	visibility: hidden;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	width: 1px
}

#checkout label.cvn {
	clear: both;
	display: block;
	margin-top: 5px
}

#checkout .loggedin #field_cardnumber, #checkout .loggedin #field_cardholder,
	#checkout .loggedin #field_cardmonth {
	display: inline-block;
	min-width: 120px;
	white-space: nowrap;
	text-transform: capitalize
}

span.nld_button {
	display: block
}

.nld-applied {
	position: relative;
	padding: .5em 1em;
	background: #fff666;
	font-size: 1.25em
}

.nld-applied strong {
	
}

.nld-applied b {
	font-family: "Arboria-Bold", Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin-right: .5em
}

.nld-applied button {
	position: absolute;
	right: 1em;
	-webkit-appearance: none;
	padding: 0;
	border: none;
	background: transparent;
	line-height: 1em;
	font-size: 1em;
	cursor: pointer;
	transition: .2s
}

.nld-applied button:hover {
	transform: scale(1.2)
}

.nld-applied+p {
	margin-top: .5em;
	text-align: center
}

.nld-applied+p a:link, .nld-applied+p a:visited {
	text-decoration: none;
	border-bottom: 1px dashed
}

.nld-applied+p a:hover, .nld-applied+p a:focus {
	text-decoration: none !important;
	cursor: pointer
}

p.ordersummary-notice {
	padding: 7px 5px 7px 32px;
	background: rgba(0, 0, 0, .3) url(/images/icon-info-wo.png) 8px 8px
		no-repeat;
	background-size: 16px;
	border-radius: 5px
}

fieldset#checkoutoptions label {
	margin-top: 8px;
	font-size: 16px;
	font-weight: normal
}

.delivery-estimate {
	margin-top: 0;
	color: #20d020
}

.delivery-estimate::before {
	content: "Estimated delivery "
}

#vouchertext .notice b {
	color: inherit;
	margin-right: 0;
	font-family: "Arboria-Bold";
	font-weight: 700
}

#vouchertext button {
	line-height: 32px;
	background: transparent;
	color: #54833f;
	margin: 1em 0 0;
	display: block
}

#checkout_modal_wrapper.overlay::before {
	content: " ";
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 100;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, .7)
}

#checkout_modal_window {
	display: none;
	z-index: 200;
	position: fixed;
	left: 50%;
	top: 50%;
	width: 360px;
	overflow: auto;
	padding: 1em 4em;
	background: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, .5);
	font-size: 1.5em
}

#checkout_modal_window a:link, #checkout_modal_window a:visited {
	display: inline-block;
	padding: 2px 16px;
	border: 2px solid;
	color: #000
}

#checkout_modal_window a:hover, #checkout_modal_window a:focus {
	text-decoration: none !important;
	color: #54833f
}

#checkout_modal_wrapper.overlay #checkout_modal_window {
	display: block
}

#freegift_choices {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgba(0, 0, 0, .5);
	content: "";
	z-index: 10
}

.freegift-choices {
	margin: 1em 0;
	padding: 10px 0 40px;
	max-width: 100%;
	background: #f7f6f4
}

.freegift-choices:nth-of-type(n+2) {
	display: none
}

.freegift-choices h4 {
	text-align: center
}

.freegift-choices input[type="checkbox"] {
	display: none
}

.freegift-choices input[type="checkbox"]+label {
	display: block;
	font-family: "Arboria-Bold", Arial, Helvetica, sans-serif;
	margin: .5em auto;
	padding: .3em 1em .5em;
	width: calc(100% - 2em);
	background: #54833f;
	border-radius: 4px;
	text-align: center;
	color: #fff;
	cursor: pointer
}

.freegift-choices input[type="checkbox"]+label::after {
	content: "Add Gift"
}

.freegift-choices input[type="checkbox"]:checked+label {
	background: #8ba462
}

.freegift-choices input[type="checkbox"]:checked+label::after {
	content: "Gift added"
}

.freegift-choices>div {
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	width: 100%;
	overflow: auto
}

.choice-line-item {
	flex: 0 0 228px;
	display: flex;
	flex-flow: column nowrap;
	justify-content: space-between;
	margin: 0 13px;
	padding: 20px;
	background: #fff;
	box-shadow: 0 0 2px rgba(14, 31, 53, .12);
	border-radius: 8px
}

.choice-line-item img {
	width: 100%;
	height: auto
}

.choice-line-item p {
	min-height: 60px
}

.choice-line-item>div:first-of-type {
	position: relative
}

.choice-line-item>div:first-of-type::after {
	background-image: url(/images/svg/icn_free.svg);
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-position: left 5px top 5px;
	background-size: 3em 3em;
	background-repeat: no-repeat
}

input.hjgYDn[style] {
	padding-right: 0 !important;
	width: calc(100% - 40px) !important
}

div.geJZAL {
	display: none !important
}

.imdGUR.imdGUR.imdGUR {
	line-height: 22px !important
}

@media only screen and (min-width:768px) {
	.imdGUR.imdGUR.imdGUR {
		line-height: 22px !important
	}
}

#auspost_collect {
	cursor: pointer
}

#auspost_collect.activated {
	cursor: auto
}

body#checkout.mybag {
	background: #fff
}

body#checkout.mybag #checkout_special {
	max-width: 1010px;
	margin: 0 auto
}

.mybag .checkout {
	-ms-grid-columns: (1fr)[2];
	grid-template-columns: repeat(2, minmax(0, 1fr));
	grid-gap: 80px;
	max-width: 1010px;
	margin: 0 auto
}

body#checkout.mybag .checkout>div {
	box-shadow: none
}

body#checkout.mybag .checkout>div:nth-child(1) {
	width: auto;
	padding: 32px 0 0
}

body#checkout.mybag .checkout>div:nth-child(2) {
	width: calc(100% - 40px)
}

body#checkout.mybag .checkout>div:nth-child(2)>.discounts {
	border-radius: 10px;
	border: 1px solid #afafaf;
	padding: 10px
}

body#checkout.mybag .checkout>div>h2, body#checkout.mybag .checkout>div h3
	{
	display: none
}

body#checkout.mybag #ordersummary p.yousaved {
	padding-top: 12px;
	padding-bottom: 12px
}

#paymentoptions fieldset>div:nth-child(3), #paymentoptions fieldset>div:nth-child(4),
	#paymentoptions fieldset>div:nth-child(5), #paymentoptions fieldset>div:nth-child(6)
	{
	position: relative;
	min-height: 46px;
	display: flex;
	align-items: center;
	margin-bottom: 15px
}

#paymentoptions fieldset>div:nth-child(3)>label::after, #paymentoptions fieldset>div:nth-child(4)>label::after,
	#paymentoptions fieldset>div:nth-child(5)>label::after, #paymentoptions fieldset>div:nth-child(6)>label::after
	{
	content: " ";
	position: absolute;
	width: 100%;
	height: 40px;
	top: 5px;
	left: 40px;
	margin-left: 10px;
	background-size: 90px !important
}

#paymentoptions fieldset>div:nth-child(3)>label::after {
	background: url(/images/svg/PayPal.svg) 0 center no-repeat
}

#paymentoptions fieldset>div:nth-child(4)>label::after {
	background: url(/images/logo-afterpay.png) 0 center no-repeat
}

#paymentoptions fieldset>div:nth-child(5)>label::after {
	background: url(/images/ZipPay-logo.svg) 0 center no-repeat;
	background-size: 60px !important;
	height: 32px
}

#delivery_radio_options, .checkout fieldset select, button#validate_shipping
	{
	width: 100%
}

#checkout_payment.radio-boxed>div>div>p {
	margin: 0 15px 15px
}

#checkout_payment.radio-boxed>div {
	display: flex;
	flex-direction: column;
	align-items: flex-start !important;
	padding: 0
}

#checkout_payment.radio-boxed>div>label {
	margin: 0;
	padding-left: 0;
	display: flex;
	align-items: center;
	font-size: 1px;
	color: transparent
}

#checkout_payment.radio-boxed>div#option_credit_card>label {
	font-size: 1em;
	color: #3b3b3b
}

.checkout fieldset select {
	border: 1px solid #afafaf;
	border-radius: 4px
}

.checkout fieldset select option {
	text-align: left
}

#voucher_check {
	margin: 5px 0;
	border-radius: 4px;
	width: 19% !important
}

.checkout h4 {
	font-size: 16px
}

.checkout label {
	font-size: 14px
}

.checkout>div>p:last-child {
	color: #888;
	text-align: center
}

fieldset#checkoutoptions label, #auspost_collect label {
	font-size: 14px;
	font-family: 'Arboria-Book';
	margin-bottom: 20px
}

#credit_card label {
	display: none !important
}

#checkout_payment #option_credit_card_container>label {
	font-family: 'Arboria-Book';
	font-size: 16px;
	color: #3b3b3b
}

#checkout_payment #credit_card {
	padding: 1em
}

#paymentoptions input#option_credit_card, #paymentoptions #option_paypal,
	#paymentoptions #option_afterpay, #paymentoptions #option_zippay {
	width: 20px;
	height: 20px;
	margin: 15px
}

.mybag #ordersummary .summary-item, .mybag #ordersummary .total {
	background: #fff;
	padding: 10px 0
}

.mybag #ordersummary h4 {
	display: none
}

.mybag #ordersummary {
	margin-top: 10px
}

#verify_email {
	margin: 0 0 16px
}

#verify_email p {
	margin: 0
}

#verify_email input {
	margin: 8px 0 16px
}

#verify_email span {
	color: #54833f;
	cursor: pointer
}

#verify_email_trigger:hover {
	border-bottom: 1px dashed
}

@media only screen and (max-width:1215px) {
	body#checkout {
		padding-top: 0 !important
	}
	#checkout #header, #checkout #content, #checkout #footer, #checkout #subfooter
		{
		width: 100%;
		padding: 0
	}
	#checkout header {
		position: relative !important
	}
	.checkout::before, .checkout::after {
		content: '';
		width: 100%;
		order: 3
	}
	.checkout div.column:nth-child(1) {
		order: 1
	}
	.checkout div.column:nth-child(2) {
		order: 2
	}
	.checkout div.column:nth-child(3) {
		order: 4
	}
	.choice-line-item {
		flex: 0 0 158px;
		padding: 10px 10px 17px
	}
	.choice-line-item p {
		font-size: 14px
	}
	.choice-line-item>div:first-of-type::after {
		background-size: 40px 40px
	}
	form#checkout_form {
		padding-left: 40px;
		padding-right: 40px
	}
	#cartcontents h3:before {
		left: 19%
	}
	.checkout .float-placeholder h2:before, .checkout>div:last-child h2:before
		{
		left: 22%
	}
}

@media only screen and (max-width:1024px) {
	.checkout {
		-ms-grid-columns: (1fr)[2];
		grid-template-columns: repeat(2, minmax(0, 1fr));
		grid-template-rows: repeat(auto-fill, auto);
		grid-gap: 32px
	}
	.mybag .checkout {
		grid-gap: 40px;
		max-width: 970px
	}
}

@media only screen and (max-width:767px) {
	.checkout {
		overflow-x: hidden
	}
	body#checkout {
		padding-top: 0 !important
	}
	body#checkout.mybag {
		padding-bottom: 40px
	}
	form#checkout_form {
		padding-left: 0;
		padding-right: 0
	}
	.checkout, .mybag .checkout {
		-ms-grid-columns: (1fr)[1];
		grid-template-columns: repeat(1, minmax(0, 1fr));
		grid-template-rows: repeat(auto-fill, auto);
		grid-gap: 0
	}
	.checkout div.column {
		padding: 10px
	}
	.freegift-choices>div {
		justify-content: flex-start
	}
	body#checkout #shipping-worm .worm-progress p {
		margin-top: 0
	}
	body#checkout #checkout_special {
		text-indent: 24px
	}
	.checkout>div {
		border-radius: 0;
		box-shadow: none !important
	}
	#cartcontents h3:before {
		left: 25%;
		display: none
	}
	.checkout .float-placeholder h2:before, .checkout>div:last-child h2:before
		{
		left: 28%;
		display: none
	}
	#checkout h2, #checkout h3 {
		text-align: left;
		font-size: 16px
	}
	#checkout #content {
		background-color: #fff
	}
	#signin fieldset {
		min-width: auto
	}
	#signin fieldset>p:first-of-type {
		display: block;
		position: absolute;
		top: 37px;
		right: 24px;
		z-index: 20
	}
	#signin fieldset h2 {
		padding: 0
	}
	#signin fieldset input[type="email"] {
		margin-bottom: 4px
	}
}

.christmas-gift-section {
	position: relative;
	padding: 100px 0;
	display: flex;
	background-color: #f8f6f5;
	filter: drop-shadow(50vw 0 0 #f8f6f5) drop-shadow(-50vw 0 0 #f8f6f5)
}

.christmas-gift-section.reverse {
	flex-direction: row-reverse
}

.christmas-gift-section .article-list a:link, .christmas-gift-section .article-list a:visited,
	.christmas-gift-section .christmas-card a:link, .christmas-gift-section .christmas-card a:visited
	{
	font-family: "Titillium Web";
	color: #3b3b3b
}

.christmas-gift-section:nth-child(1), .christmas-gift-section:nth-child(4)
	{
	flex-direction: column
}

.christmas-gift-section:nth-child(4) {
	text-align: center;
	background-color: #f0ebe6 !important;
	filter: drop-shadow(50vw 0 0 #f0ebe6) drop-shadow(-50vw 0 0 #f0ebe6)
		!important
}

.christmas-gift-section:nth-child(4) h2 {
	color: #3b3b3b !important
}

.christmas-gift-section:nth-child(4)>div:nth-child(1) {
	width: 100%
}

.christmas-gift-section:nth-child(2) {
	background: #54833f;
	background-image: url(/images/ribbon-red.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100%;
	filter: drop-shadow(50vw 0 0 #54833f) drop-shadow(-50vw 0 0 #54833f);
	color: #fff
}

.christmas-gift-section:nth-child(3) {
	background-image: url(/images/ribbon-beige.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100%
}

.christmas-gift-section>div:nth-child(1) {
	width: 35%
}

.christmas-gift-section>div.matrix {
	width: 100%
}

.christmas-gift-cards {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 85px;
	margin-left: auto
}

.christmas-gift-section.reverse .christmas-gift-cards {
	margin-left: 0;
	margin-right: auto
}

.christmas-gift-cards>.christmas-card {
	text-align: center
}

.christmas-gift-cards>.christmas-card>div:first-child,
	.christmas-gift-cards>.christmas-card>a>div:first-child {
	min-width: 279px;
	min-height: 184px;
	background: #ccc;
	border-radius: 16px
}

.christmas-gift-cards>.christmas-card>a>div:hover {
	cursor: pointer
}

.christmas-gift-cards>.christmas-card:first-child>a>div:first-child,
	.christmas-gift-cards>.christmas-card:last-child>a>div:first-child {
	min-height: 350px
}

.christmas-gift-cards>.christmas-card:last-child {
	margin-top: -165px
}

.christmas-gift-section>div>h2 {
	margin: 0
}

.christmas-gift-section #toggler_details_blog_latest {
	margin: 70px auto 0
}

.christmas-gift-section .overflow-scroll .gifts.article-list li {
	display: flex;
	flex-direction: column;
	align-items: center;
	min-width: 356px;
	max-width: 356px;
	max-height: 256px !important;
	background: transparent;
	box-shadow: none;
	text-align: center
}

.christmas-gift-section .overflow-scroll .article-list li>a>div {
	width: 356px;
	height: 256px;
	border-radius: 8px;
	margin: auto
}

.christmas-gift-section:nth-child(1) .retreat {
	left: -70px;
	margin-top: 5px;
	padding: 0
}

.christmas-gift-section:nth-child(1) .advance {
	right: -70px;
	margin-top: 5px;
	padding: 0
}

.home-section.homepage-articles.christmas-gift-section {
	padding: 90px 0
}

.christmas-gift-section.conscious-minds .christmas-card>a>div,
	.christmas-gift-section.by-price .christmas-card>a>div,
	.christmas-gift-section .overflow-scroll .article-list li>a>div {
	background-size: cover
}

.christmas-gift-section.conscious-minds .christmas-card:nth-child(1)>a>div
	{
	background-image:
		url(/images/christmas/conscious-minds-beauty-junkie.jpg)
}

.christmas-gift-section.conscious-minds .christmas-card:nth-child(2)>a>div
	{
	background-image: url(/images/christmas/nl-faves-guide.jpg)
}

.christmas-gift-section.conscious-minds .christmas-card:nth-child(3)>a>div
	{
	background-image:
		url(/images/christmas/conscious-minds-ecoconscious.jpg)
}

.christmas-gift-section.conscious-minds .christmas-card:nth-child(4)>a>div
	{
	background-image: url(/images/christmas/hard-to-buy-for.jpg)
}

.christmas-gift-section.by-price .christmas-card:nth-child(1)>a>div {
	background-image: url(/images/christmas/price-under-30.jpg)
}

.christmas-gift-section.by-price .christmas-card:nth-child(2)>a>div {
	background-image: url(/images/christmas/price-under-50.jpg)
}

.christmas-gift-section.by-price .christmas-card:nth-child(3)>a>div {
	background-image: url(/images/christmas/price-under-100.jpg)
}

.christmas-gift-section.by-price .christmas-card:nth-child(4)>a>div {
	background-image: url(/images/christmas/price-under-150.jpg)
}

.christmas-gift-section .overflow-scroll .article-list li:nth-child(1)>a>div
	{
	background-image: url(/images/christmas/for-loved-ones-for-her.jpg)
}

.christmas-gift-section .overflow-scroll .article-list li:nth-child(2)>a>div
	{
	background-image: url(/images/christmas/for-loved-ones-for-him.jpg)
}

.christmas-gift-section .overflow-scroll .article-list li:nth-child(3)>a>div
	{
	background-image: url(/images/christmas/stocking-fillers.jpg)
}

.christmas-gift-section .overflow-scroll .article-list li:nth-child(4)>a>div
	{
	background-image: url(/images/christmas/vegan-gift-guide.jpg)
}

.christmas-gift-section .overflow-scroll .article-list li:nth-child(5)>a>div
	{
	background-image: url(/images/christmas/for-loved-ones-mum.jpg)
}

.christmas-gift-section .overflow-scroll .article-list li:nth-child(6)>a>div
	{
	background-image: url(/images/christmas/ultimate-luxury.jpg)
}

.Christmas.Gift #pagebanner {
	min-height: 535px;
	background-size: cover;
	background-position: center
}

.Christmas.Gift #pagebanner h1 {
	margin-top: 200px;
	margin-left: 50px;
	max-width: 400px
}

.Christmas.Gift #pagebanner p {
	width: 30%;
	color: #fff
}

.Christmas.Gift #pagebanner p:nth-of-type(2) {
	margin-left: 50px
}

@media only screen and (max-width:1215px) {
	.Christmas.Gift #pagebanner h1 {
		margin-top: 100px;
		margin-left: 0;
		max-width: 100%
	}
	.Christmas.Gift #pagebanner p {
		width: calc(100% - 40px)
	}
	.Christmas.Gift #pagebanner p:nth-of-type(2) {
		margin-left: 0
	}
	.christmas-gift-section, .christmas-gift-section.reverse {
		flex-direction: column;
		align-items: center;
		padding: 40px 0
	}
	.christmas-gift-section>div:nth-child(1) {
		width: 100%;
		text-align: center
	}
	.christmas-gift-section #toggler_details_new_arrivals,
		.christmas-gift-section #toggler_details_blog_latest {
		width: calc(100% + 78px);
		margin-left: -39px;
		padding: 0
	}
	.christmas-gift-section #toggler_details_new_arrivals {
		margin-left: 0
	}
	.christmas-gift-section #toggler_details_blog_latest {
		margin-top: 32px
	}
	.christmas-gift-section .overflow-scroll .article-list li:first-of-type
		{
		margin-left: 39px
	}
	.christmas-gift-cards {
		grid-gap: 20px;
		margin: 40px 0 0 !important
	}
	.christmas-gift-cards>.christmas-card {
		display: flex;
		flex-direction: column;
		align-items: center
	}
	.christmas-gift-cards>.christmas-card>div:first-child,
		.christmas-gift-cards>.christmas-card>a>div:first-child {
		width: 240px;
		height: 150px;
		min-width: 0;
		min-height: 0 !important;
		border-radius: 8px;
		background-position-y: bottom
	}
	.christmas-gift-cards>.christmas-card:first-child>div:first-child,
		.christmas-gift-cards>.christmas-card:last-child>div:first-child {
		min-height: 0
	}
	.christmas-gift-cards>.christmas-card:last-child {
		margin-top: 0
	}
	.christmas-gift-cards>.christmas-card>p {
		max-width: 150px
	}
	.christmas-gift-section .retreat, .christmas-gift-section .advance {
		display: none
	}
}

@media only screen and (max-width:767px) {
	.christmas-gift-cards>.christmas-card>div:first-child,
		.christmas-gift-cards>.christmas-card>a>div:first-child {
		width: 158px;
		height: 112px;
		min-width: 0;
		min-height: 0 !important;
		border-radius: 8px;
		background-position-y: bottom
	}
	.Christmas.Gift #pagebanner {
		background-size: 150%;
		background-position: right bottom;
		background-color: #dc9744
	}
	.Christmas.Gift #pagebanner #breadcrumbs {
		display: none
	}
	.Christmas.Gift #pagebanner p:nth-of-type(2) {
		width: 100%;
		text-align: center;
		margin-left: 0
	}
	.Christmas.Gift #pagebanner h1 {
		text-align: center;
		margin-top: 250px;
		margin-left: 0;
		font-size: 40px;
		line-height: 48px
	}
	.christmas-gift-section #toggler_details_new_arrivals,
		.christmas-gift-section #toggler_details_blog_latest {
		width: calc(100% + 40px);
		margin-left: -20px;
		padding: 0
	}
	.christmas-gift-section #toggler_details_new_arrivals {
		margin-left: 0
	}
	.christmas-gift-section .overflow-scroll .gifts.article-list li {
		min-width: 246px;
		max-width: 246px
	}
	.christmas-gift-section .overflow-scroll .article-list li:first-of-type
		{
		margin-left: 20px
	}
	.christmas-gift-section .overflow-scroll .article-list li>a>div {
		width: 246px;
		height: 184px
	}
}

body.landingpage {
	background: #fff
}

#rewards-table {
	background-color: #fff;
	border: 1px solid #888;
	border-collapse: collapse
}

#rewards-table tbody tr {
	height: 80px;
	border: 1px solid #888
}

#rewards-table tbody tr th, #rewards-table tbody tr td {
	min-width: 160px;
	height: 80px;
	padding: 10px;
	border: 1px solid #888;
	text-align: center
}

#rewards-table tbody tr td:first-child {
	text-align: left
}

#rewards-table tbody tr img {
	max-height: 30px
}

#rewards-table tbody tr th {
	font-family: "Titillium Web";
	font-weight: normal;
	font-style: normal;
	border: 1px solid #888
}

#rewards-benefits-levels {
	display: none
}

#rewards-benefits-detail {
	flex-direction: column;
	align-self: center
}

#rewards-benefits-detail div {
	background: #f8f6f5;
	margin: auto;
	border-radius: 8px;
	padding: 20px;
	display: flex;
	max-width: 1000px;
	max-height: 360px;
	margin-bottom: 35px;
	margin-top: 25px
}

#rewards-benefits-detail div div {
	display: flex;
	flex-direction: column;
	padding: 20px 30px
}

#rewards-benefits-detail div h2 {
	margin-bottom: -15px;
	margin-top: 0
}

#rewards-benefits-detail div ul {
	list-style-type: none;
	padding-left: 0;
	padding-right: 1em
}

#rewards-benefits-detail div ul li {
	padding: 0 0 15px 30px;
	background: url(/images/svg/list-tick.svg) no-repeat 0 5px transparent
}

#rewards-benefits-detail div img {
	margin: -20px;
	border-radius: 8px 0 0 8px;
	padding-right: 20px;
	max-height: 400px
}

#rewards-benefits-detail div img:nth-child(2) {
	border-radius: 0 8px 8px 0;
	padding-right: 0
}

#rewards-benefits {
	flex-wrap: nowrap;
	align-items: flex-start;
	background: #f8f6f5;
	text-align: center;
	margin-bottom: 20px;
	padding: 90px 0;
	filter: drop-shadow(50vw 0 0 #f8f6f5) drop-shadow(-50vw 0 0 #f8f6f5);
	justify-content: space-evenly
}

#rewards-benefits div {
	max-width: 230px
}

#rewards-benefits div p {
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	color: #616161
}

#rewards-benefits.single {
	height: auto;
	min-height: 0;
	display: flex;
	background: #fff;
	filter: none
}

#rewards-benefits.single div {
	max-width: 530px
}

.heading {
	font-size: 24px !important;
	font-family: "Titillium Web" !important;
	font-weight: normal;
	font-style: normal;
	color: #3b3b3b !important
}

#rewards-cta h2.byline {
	text-align: center
}

#rewards-hero {
	flex-wrap: nowrap;
	justify-content: space-evenly;
	padding: 50px 0
}

#rewards-hero div {
	max-width: 400px
}

#rewards-hero div span input {
	margin-top: 30px;
	max-width: 300px
}

#rewards-hero div p {
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 24px;
	color: #616161
}

#rewards-hero div h2 {
	margin-top: 10px
}

#rewards-hero>div:last-of-type>p:first-of-type {
	margin-top: .5em
}

.r-table small ul {
	list-style: none;
	padding-left: 0
}

.r-table small ul li {
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 16px;
	color: #888
}

.overflow-scroll.r-table .retreat, .overflow-scroll.r-table .advance {
	display: none
}

.join-club-fieldset {
	display: flex;
	flex-wrap: wrap;
	border: 0;
	background: transparent;
	max-width: 800px;
	margin: auto
}

.join-club-fieldset>span {
	margin: 5px !important;
	padding: 0 !important;
	width: calc(50% - 10px);
	height: 50px
}

.join-club-fieldset>span:nth-last-child(-n+3) {
	width: 100%;
	height: 100%
}

@media only screen and (max-width:767px) {
	#rewards-hero {
		flex-direction: column;
		align-items: center
	}
	#rewards-benefits {
		flex-direction: column;
		align-items: center;
		padding: 50px 0
	}
	#rewards-benefits-detail div {
		flex-direction: column;
		max-height: none;
		padding: 0;
		align-items: center
	}
	#rewards-benefits-detail div div {
		width: 100%;
		margin: 0;
		border-radius: 0 0 8px 8px;
		order: 1;
		margin-top: 20px
	}
	#rewards-benefits-detail div img {
		margin: 0 !important;
		width: 100%;
		padding: 0;
		border-radius: 8px 8px 0 0 !important;
		order: 0
	}
	#rewards-benefits-detail div ul {
		padding-left: 15px;
		padding-right: 1em
	}
	#rewards-benefits div {
		margin-top: 20px;
		margin-bottom: 20px
	}
	#rewards-table tbody tr th:first-child, #rewards-table tbody tr td:first-child
		{
		position: absolute;
		display: flex;
		align-items: center;
		margin-left: -5px;
		margin-top: -1px;
		width: 160px;
		height: 80px;
		background: #fff;
		border: 1px solid #888
	}
	#rewards-table tbody tr th:nth-of-type(2), #rewards-table tbody tr td:nth-of-type(2)
		{
		border-left: 175px solid #fff
	}
	.join-club-fieldset {
		display: none
	}
}

.collapse tr {
	border-color: #1ba7de #fff
}

.collapse.format tr {
	border-top: 1px solid #a5abad;
	border-bottom: 1px solid #a5abad;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff
}

.collapse th {
	padding: 4px 6px;
	background: #1ba7de;
	border-color: #1ba7de;
	color: #fff
}

.collapse.format th {
	background: #000;
	border-color: #000
}

.collapse th a:link, .collapse th a:visited {
	text-decoration: none;
	color: #fff
}

.collapse td {
	padding: 4px 6px;
	border-color: #1ba7de
}

.collapse.format td {
	border-color: #a5abad
}

.collapse.format tfoot td {
	background: #e9e9e9
}

.contactus h1 {
	margin-top: 1em;
	margin-bottom: .5em
}

.contact-us-details-form .flex-grid-thirds .col .inner {
	background-color: #f7f5f4 !important;
	padding-top: 0 !important
}

.contact-us-details-form .flex-grid-thirds .col:first-of-type .logo img
	{
	margin-left: 0;
	margin-top: 12px;
	max-width: 50%;
	height: auto
}

.contact-us-details-form input, .contact-us-details-form select,
	.contact-us-details-form textarea {
	height: 48px !important;
	min-height: 48px;
	border: 0 !important;
	padding: 0 !important;
	font-family: "Titillium Web";
	font-size: 16px !important;
	background-image: none !important
}

.contact-us-details-form select#field_subject {
	background-image: url(/images/svg/icn_chevron_down.svg) !important
}

.form-wrapper fieldset .form-field .select-wrapper:after {
	background-image: none !important
}

.contact-us-details-form input::placeholder, .contact-us-details-form select::placeholder,
	.contact-us-details-form textarea::placeholder {
	font-family: "Titillium Web";
	font-size: 16px;
	color: #616161
}

.contact-us-details-form .flex-grid-thirds .col:nth-child(2) h2 {
	font-size: 30px;
	margin-top: 0
}

.form-wrapper fieldset .form-field textarea {
	min-height: 150px;
	padding: 10px !important
}

.contact-us-details-form input[type="file"] {
	vertical-align: middle;
	text-align: center;
	padding: 10px !important;
	height: 50px !important
}

.contact-us-details-form .captcha {
	margin-bottom: 20px !important
}

.contact-us-details-form .flex-grid-thirds .col:last-of-type .contact-us-submit input
	{
	text-transform: none;
	float: right;
	margin-left: auto;
	max-width: 170px !important;
	border-radius: 4px
}

.contact-us-faq-header {
	background: #f8f6f5;
	text-align: center;
	padding: 20px 0;
	filter: drop-shadow(50vw 0 0 #f8f6f5) drop-shadow(-50vw 0 0 #f8f6f5)
}

.contact-us-faq-header p {
	max-width: 600px;
	margin: auto;
	margin-bottom: 40px
}

.contact-us-content #data-tabs-wrapper {
	position: initial
}

.contact-us-content .contact-us-details-form .flex-grid-thirds .col:first-of-type ul li p
	{
	font-size: 15px
}

.contact-us-content .form-wrapper fieldset .form-field-row-split .form-field
	{
	max-width: calc(50% - 10px);
	overflow: hidden;
	border: 1px solid #afafaf;
	border-radius: 4px;
	max-height: 48px
}

.contact-us-content .form-wrapper fieldset .form-field-row-split .form-field.messsage-field
	{
	max-height: none
}

.contactus .contact-us-content input#captcha_code {
	border: 1px solid #afafaf !important;
	border-radius: 4px
}

.contactus #no_pagebanner {
	background: #f8f6f5
}

.contactus section.contact-us-details-form .flex-grid-thirds {
	padding-top: 70px
}

@media only screen and (max-width:960px) {
	.contact-us-content .form-wrapper fieldset .form-field-row-split .form-field
		{
		max-width: 100%
	}
	.contact-us-content .contact-us-details-form .flex-grid-thirds {
		flex-direction: column
	}
	.contact-us-content .wrapper .column:first-child {
		height: auto
	}
	.contact-us-content .wrapper .column:nth-child(2) {
		text-align: left
	}
	.contact-us-details-form .flex-grid-thirds .col:last-of-type .contact-us-submit input
		{
		margin: auto
	}
	.contact-us-content .contact-us-details-form {
		padding: 0
	}
	.contactus section.contact-us-details-form .flex-grid-thirds {
		padding-top: 50px
	}
	.contact-us-details-form .flex-grid-thirds .col:nth-child(2) p {
		padding: 0
	}
	.contact-us-details-form .form-field.captcha-form {
		text-align: center
	}
	.contact-us-details-form .form-field.captcha-form img {
		margin-bottom: 15px !important;
		margin-top: 30px !important
	}
}

.stepper {
	display: flex;
	justify-content: space-around;
	margin: 0;
	width: 168px;
	height: 48px;
	border-radius: 0 4px 4px 0;
	line-height: 45px;
	font-size: 14px;
	color: #3b3b3b
}

.stepper>span::before {
	content: attr(data-before)
}

.step-down, .step-up {
	font-size: 24px;
	cursor: pointer
}

.product-stepper {
	display: flex
}

.paginator {
	display: flex;
	justify-content: space-evenly;
	max-width: 450px
}

.paginator-pages span {
	margin: 0 10px;
	font-weight: 700;
	color: #3b3b3b;
	cursor: pointer
}

.active-page {
	color: #54833f !important
}

.page-back {
	background-image: url(/images/svg/left-page.svg);
	background-repeat: no-repeat;
	width: 40px;
	cursor: pointer
}

.page-forward {
	background-image: url(/images/svg/right-page.svg);
	background-repeat: no-repeat;
	width: 40px;
	cursor: pointer
}

.disabled-page {
	opacity: 50%;
	cursor: default
}

.accordian {
	max-width: 400px
}

.accordian ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	padding: 0;
	width: auto
}

.accordian ul li {
	border-bottom: none;
	width: 100%;
	height: 60px;
	list-style: none;
	padding: 0 20px;
	overflow: hidden;
	position: relative;
	cursor: pointer
}

.accordian ul li span {
	position: absolute;
	top: 18px;
	right: 25px;
	font-size: 1.5em;
	color: #3b3b3b
}

.accordian ul li h3 {
	color: #3b3b3b
}

.accordian ul li:first-child {
	border-radius: 8px 8px 0 0
}

.accordian ul li:last-child {
	border-radius: 0 0 8px 8px
}

.accordian ul li h4 {
	color: #b0b5cc;
	font-weight: 400
}

.expanded-faq-li {
	height: auto !important
}

.expanded-faq-li span {
	-webkit-transform: scaleX(-1);
	transform: scaleY(-1)
}

.desktop-filter {
	list-style: none;
	width: 175px
}

.desktop-filter li {
	border-top: 1px solid #d5d5d5;
	padding: 5px 0;
	font-size: 14px;
	color: #3b3b3b;
	padding: 9px 0
}

.desktop-filter h3 {
	font-size: 18px
}

.expanded-desktop-filter ul {
	padding: 0
}

.expanded-desktop-filter ul li {
	border-top: 0 !important;
	list-style: none;
	padding: 5px 0
}

.expanded-desktop-filter ul li input[type="text"] {
	width: 175px;
	height: 40px;
	margin: 5px 0;
	border-color: #afafaf;
	font-size: 14px
}

.expanded-desktop-filter {
	display: none;
	margin-top: 5px
}

.show-filters .expanded-desktop-filter {
	display: inherit
}

[data-component="faq-header"] {
	text-align: center;
	margin-bottom: 20px !important;
	margin-top: 10px !important
}

#data-tabs-wrapper ul {
	justify-content: center !important;
	background-color: #f8f6f5 !important;
	top: 0 !important;
	filter: drop-shadow(50vw 0 0 #f8f6f5) drop-shadow(-50vw 0 0 #f8f6f5);
	padding: 25px 0 !important;
	display: flex !important
}

#data-tabs-wrapper {
	position: sticky;
	top: 0;
	z-index: 2
}

#data-tabs-wrapper ul {
	scrollbar-width: none;
	-ms-overflow-style: none
}

#data-tabs-wrapper ul::-webkit-scrollbar {
	width: 0;
	height: 0
}

#data-tabs-wrapper li {
	margin: 0 2em 0 0 !important;
	max-width: 124px;
	min-height: 168px;
	background: #fff;
	box-shadow: 0 2px 4px rgba(14, 31, 53, .04), 0 6px 12px
		rgba(14, 31, 53, .04), 0 12px 20px rgba(14, 31, 53, .03);
	border-radius: 8px
}

.faq-tab-content ul li>header h3 {
	font-size: 18px;
	text-align: left !important;
	margin: 0;
	color: #3b3b3b !important
}

.faq-tab-content ul li>header {
	margin-bottom: 20px;
	background-color: transparent !important;
	padding-left: 0 !important;
	margin-bottom: 0 !important
}

.faq-tab-content-wrapper {
	max-width: 591px;
	margin: 0 auto;
	background: #fff;
	filter: drop-shadow(50vw 0 0 #fff) drop-shadow(-50vw 0 0 #fff)
}

.faq-answer p {
	line-height: 24px;
	font-size: 16px;
	color: #616161
}

.faq-tab-content-wrapper>div>ul>li::after {
	position: absolute;
	top: .5em;
	right: 0;
	width: 25px;
	height: 25px;
	background-image: url(/images/svg/expand-faq.svg);
	background-size: contain;
	background-repeat: no-repeat;
	content: ""
}

.faq-tab-content-wrapper>div>ul>li.opened::after {
	background-image: url(/images/svg/collapse-faq.svg)
}

#hero.duo {
	color: #000 !important;
	position: relative
}

#hero.duo>div>h1 {
	margin: 0;
	padding: 0
}

#hero.duo>div>h1 span {
	color: #1ccf30
}

#hero.duo>div header {
	margin: 0 0 .5em
}

.naturopath-consultation-treatment-service {
	margin-top: 1em !important
}

.naturopath-consultation-treatment-service header h3 {
	margin: 0;
	font-size: 1em !important;
	letter-spacing: 0 !important
}

.naturopath-consultation-treatment-service .container>header {
	margin: 0 0 1em
}

.naturopath-consultation-treatment-service .container>header h3 {
	font-size: 1.5em !important
}

.naturopath-consultation-treatment-service .container .wrapper .column {
	height: auto;
	margin: 0 0 2em
}

.naturopath-consultation-treatment-service .container .wrapper .column:last-of-type
	{
	margin: 0;
	padding: 0
}

.naturopath-consultation-treatment-service .container .wrapper .column:last-of-type ul
	{
	padding: 0 0 0 .75em
}

.naturopath-consultation-treatment-service .container .wrapper .column:last-of-type ul li
	{
	font-size: 18px
}

.naturopath-consultation-treatment-service .container .wrapper .column .more
	{
	margin: 2em 0 0;
	display: flex;
	align-items: flex-start
}

.naturopath-consultation-treatment-service .container .wrapper .column .more a
	{
	margin: 0
}

@media ( min-width :959px) {
	.naturopath-our-naturopath .container .wrapper {
		align-items: flex-start
	}
	.naturopath-consultation-treatment-service header h3 {
		line-height: 40px
	}
}

[data-component="naturopath-book-consultation-overlay"] {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	background-color: rgba(255, 255, 255, .75);
	display: flex;
	align-items: flex-start;
	justify-content: center;
	z-index: 100;
	transition: .5s;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	opacity: 0;
	visibility: hidden;
	padding: 2em 1em
}

[data-component="naturopath-book-consultation-overlay"] .wrapper {
	max-width: 38em;
	position: relative;
	background-color: #fff;
	box-shadow: 0 0 16px -4px rgba(0, 0, 0, .4)
}

[data-component="naturopath-book-consultation-overlay"] .wrapper [data-component="close-consultation-overlay"]
	{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	background: none;
	padding: .5em 0;
	display: flex;
	align-items: center;
	position: absolute;
	right: 0;
	bottom: 100%;
	color: #54833f;
	cursor: pointer
}

[data-component="naturopath-book-consultation-overlay"] .wrapper [data-component="close-consultation-overlay"] span
	{
	display: block;
	margin: 0 .5em 0 0
}

[data-component="naturopath-book-consultation-overlay"] .wrapper [data-component="close-consultation-overlay"] img
	{
	max-width: 1.75em
}

[data-component="naturopath-book-consultation-overlay"] .wrapper .inner
	{
	padding: 2em
}

[data-component="naturopath-book-consultation-overlay"] .wrapper .inner>header
	{
	position: relative;
	min-height: auto;
	clear: none
}

[data-component="naturopath-book-consultation-overlay"] .wrapper .inner>header h3
	{
	margin: 0;
	font-size: 2em !important
}

[data-component="naturopath-book-consultation-overlay"].book-consultation-open
	{
	opacity: 1;
	visibility: visible
}

.naturopath-our-naturopath {
	background-image: linear-gradient(to top, #fee9d2, #ffd8e1);
	padding-top: 2em !important;
	padding-bottom: 2em !important;
	margin-bottom: 0 !important
}

.naturopath-our-naturopath .container>header {
	display: block
}

.naturopath-our-naturopath .container header {
	background: none
}

.naturopath-our-naturopath .container header h3 {
	margin: 0;
	font-size: 1em !important;
	letter-spacing: 0 !important
}

.naturopath-our-naturopath .container .wrapper .column {
	margin: 0 0 2em
}

.naturopath-our-naturopath .container .wrapper .column:first-of-type header
	{
	display: none
}

.naturopath-our-naturopath .container .wrapper .column:last-of-type {
	margin: 0
}

.naturopath-our-naturopath .container .wrapper .column:last-of-type img
	{
	width: 100%
}

.naturopath-our-naturopath .container .wrapper .more {
	margin: 2em 0 0;
	display: flex;
	align-items: flex-start
}

.naturopath-our-naturopath .container .wrapper .more a {
	margin: 0
}

.naturopath-contact-mel {
	margin: 0 !important;
	padding: 2em 1em !important
}

.naturopath-contact-mel .container header h3 {
	margin: 0;
	letter-spacing: 0 !important;
	font-size: 1.5em !important
}

#data-tabs-wrapper ul {
	margin: 0;
	padding: 0;
	list-style: none
}

#data-tabs-wrapper ul li {
	margin: 0 0 .5em;
	padding: 0 !important
}

#data-tabs-wrapper ul li a:link, #data-tabs-wrapper ul li a:visited {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: .5em .5em;
	line-height: 1;
	text-decoration: none !important;
	font-size: 16px;
	color: #3b3b3b
}

#data-tabs-wrapper ul li span {
	font-size: 16px
}

#data-tabs-wrapper ul li a svg {
	width: 46px;
	height: 46px;
	fill: black;
	display: block;
	margin: 0 .5em 0 0
}

#data-tabs-wrapper ul li a[aria-selected="true"], #data-tabs-wrapper ul li:hover
	{
	background-color: #54833f;
	box-shadow: inset 0 2px 4px #54833f
}

#data-tabs-wrapper ul li:hover a:link, #data-tabs-wrapper ul li:hover a:visited
	{
	text-decoration: none !important;
	color: #fff
}

#data-tabs-wrapper ul li a[aria-selected="true"] svg, #data-tabs-wrapper ul li:hover svg
	{
	fill: white
}

#data-tabs-wrapper ul li:last-of-type {
	margin: 0
}

.faq-tab-content-wrapper {
	padding: 1em 0 0
}

.faq-tab-content>header {
	margin: 0 0 1em
}

.faq-tab-content>header h2 {
	margin: 0;
	padding: 0;
	text-align: left !important;
	letter-spacing: 0 !important;
	font-size: 34px !important;
	margin-bottom: 30px
}

.faq-tab-content ul {
	margin: 0;
	padding: 0;
	list-style: none
}

.faq-tab-content ul li {
	position: relative;
	margin: 0 0 .25em
}

.faq-tab-content ul li>header {
	position: relative;
	cursor: pointer;
	background-color: #f0f0f0;
	padding: .5em;
	display: flex;
	align-items: center;
	justify-content: space-between
}

.faq-tab-content ul li>header h3 {
	text-align: left !important;
	margin: 0
}

.faq-tab-content ul li .faq-answer {
	max-height: 0;
	overflow: hidden
}

.faq-tab-content-wrapper li.opened .faq-answer {
	max-height: none
}

.faq-tab-content ul li .faq-answer>div {
	margin: 0 0 1em
}

.faq-tab-content ul li .faq-answer>div ul, .faq-tab-content ul li .faq-answer>div ol
	{
	font-size: 18px;
	padding: 0 0 0 1em;
	margin: 1em 0
}

.faq-tab-content ul li .faq-answer>div ul {
	list-style: disc
}

.faq-tab-content ul li:last-of-type {
	margin: 0
}

.faq-tab-content ul li.open .faq-answer {
	max-height: 100em;
	transition: max-height .5s ease-in-out
}

.faq-content {
	padding: 0 !important
}

[data-component="returns-exchanges-header"] {
	background-image: linear-gradient(to top, #fee9d2, #ffd8e1);
	padding: 2.5em 1em !important;
	margin: 0 !important
}

[data-component="returns-exchanges-header"] header {
	background: none
}

[data-component="returns-exchanges-header"] header h1 {
	margin: 0
}

[data-component="returns-exchanges-section"] {
	margin: 0 0 2em
}

[data-component="returns-exchanges-section"] .wrapper {
	padding: 1.5em 1em
}

[data-component="returns-exchanges-section"] .wrapper .column {
	margin: 0 0 1.5em
}

[data-component="returns-exchanges-section"] .wrapper .column:first-of-type svg
	{
	display: block;
	width: 2.5em;
	height: 2.5em;
	fill: black;
	margin: 0 auto
}

[data-component="returns-exchanges-section"] .wrapper .column:last-of-type
	{
	margin: 0
}

[data-component="returns-exchanges-section"] .wrapper .column:last-of-type header>*
	{
	text-transform: uppercase;
	font-size: 1em !important;
	text-align: center !important;
	letter-spacing: 0 !important;
	padding: 0 !important;
	margin: 0 !important
}

[data-component="returns-exchanges-section"] .wrapper .column:last-of-type p
	{
	margin-bottom: 0
}

[data-component="returns-exchanges-section"] .wrapper .column:last-of-type p small
	{
	opacity: .5
}

[data-component="returns-exchanges-section"]:nth-child(odd) .wrapper {
	background-color: #f2f1ef
}

[data-component="returns-exchanges-section"]:nth-child(even) .wrapper {
	background-color: #fff0f3
}

[data-component="returns-exchanges-section"]:last-of-type {
	margin-bottom: 0
}

[data-component="returns-exchanges-form-section"] {
	max-width: 1200px;
	margin: 0 auto 2em !important;
	padding: 2em 1em 0 !important
}

[data-component="returns-exchanges-form-section"]:before {
	display: none
}

[data-component="returns-exchanges-form-section"] .wrapper {
	background-color: #f2f1ef;
	padding: 1em
}

[data-component="returns-exchanges-form-section"] .wrapper>p {
	max-width: 28em
}

[data-component="returns-exchanges-form-section"] .wrapper>p span {
	color: #54833f
}

[data-component="returns-exchanges-form-section"] .wrapper .returns-exchange-submit
	{
	text-align: center
}

[data-component="returns-exchanges-form-section"] .wrapper .returns-exchange-submit input[type="submit"]
	{
	max-width: 27em
}

.returns-exchanges-content {
	padding: 0 !important
}

.returns-exchanges-content [data-component="returns-exchanges-introduction"] .container
	{
	max-width: 35em !important;
	text-align: center
}

.returns-exchanges-content [data-component="returns-exchanges-introduction"] .container p a
	{
	display: inline-block;
	margin: 0 auto
}

.returns-exchanges-content [data-component="returns-exchanges-introduction"] .container p:last-of-type
	{
	margin: 0
}

.returns-exchanges-content .returns-exchanges-sections-wrapper {
	display: flex;
	flex-direction: column;
	padding: 0 1em;
	margin: 2em 0 0
}

.order-confirmation-header {
	background-image: linear-gradient(to top, #fee9d2, #ffd8e1);
	padding: 2.5em 1em !important;
	margin: 0 !important
}

.order-confirmation-header header {
	background: none
}

.order-confirmation-header header h1 {
	margin: 0
}

.order-confirmation-introduction {
	margin: 2em auto 1em !important
}

.order-confirmation-introduction .wrapper {
	display: flex;
	flex-direction: column;
	background-color: #f2f1ef;
	padding: 1.5em 1em;
	max-width: 1200px;
	margin: 0 auto
}

.order-confirmation-introduction .wrapper .column:first-of-type {
	margin: 0 0 .5em
}

.order-confirmation-introduction .wrapper .column:first-of-type svg {
	display: block;
	width: 2.5em;
	height: 2.5em;
	fill: black;
	margin: 0 auto
}

.order-confirmation-introduction .wrapper .column:last-of-type {
	text-align: center
}

.order-confirmation-introduction .wrapper .column:last-of-type header>*
	{
	text-transform: uppercase;
	font-size: 1em !important;
	text-align: center !important;
	letter-spacing: 0 !important;
	padding: 0 !important;
	margin: 0 !important
}

.order-confirmation-introduction .wrapper .column:last-of-type p {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	max-width: 34em
}

.order-confirmation-order-details .wrapper {
	border: 1px solid #d7d7d7;
	padding: 1.5em 1em 2em;
	max-width: 1200px;
	margin: 0 auto
}

.order-confirmation-order-details .wrapper>header>* {
	margin: 0 !important;
	padding: 0 !important;
	text-transform: uppercase;
	font-size: 1em !important;
	text-align: left !important;
	letter-spacing: 0 !important;
	font-size: 1em !important
}

.order-confirmation-order-details .wrapper ul {
	margin: 0;
	padding: 0;
	list-style: none
}

.order-confirmation-order-details-wrapper {
	display: flex;
	flex-direction: column;
	margin: 1em 0 0;
	font-size: 18px
}

.order-confirmation-order-details-wrapper>li {
	padding: 1.5em 0 !important;
	border-top: 1px solid #d7d7d7;
	border-bottom: 1px solid #d7d7d7
}

.order-confirmation-order-details-wrapper>li:first-of-type {
	border-bottom: 0
}

.order-confirmation-order-details-wrapper>li:last-of-type {
	margin: 0
}

.order-confirmation-order-details-wrapper>li ul li {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin: 0 0 1.5em;
	padding: 0 !important
}

.order-details-line-items>li:last-of-type {
	margin-bottom: 0
}

.order-details-line-items>li div:first-child {
	flex: 1
}

.order-details-line-items>li div:nth-child(2) {
	margin: .5em 0 0
}

.order-details-line-items li.discount-code {
	color: #1ccf30
}

.order-details-line-items li.comments {
	margin-top: 1em;
	padding-top: 1.5em !important;
	border-top: 1px solid #d7d7d7
}

.order-details-line-items li.comments p {
	margin: 0
}

.order-confirmation-refer-social>.wrapper {
	max-width: 1200px;
	margin: 0 auto
}

.order-confirmation-refer-social>.wrapper>.column {
	margin: 0 0 1em
}

.order-confirmation-refer-social>.wrapper>.column p {
	font-size: 16px
}

.order-confirmation-refer-social>.wrapper>.column p.more-people {
	
}

.order-confirmation-refer-social>.wrapper>.column p.terms {
	color: #999
}

.order-confirmation-refer-social>.wrapper>.column p:last-of-type {
	margin-bottom: 0
}

.order-confirmation-refer-social>.wrapper>.column .refer-and-earn-introduction .column:first-of-type,
	.order-confirmation-refer-social>.wrapper>.column .social .column:first-of-type
	{
	padding: 0;
	margin: 0 0 .5em
}

.order-confirmation-refer-social>.wrapper>.column .refer-and-earn-introduction .column:first-of-type svg,
	.order-confirmation-refer-social>.wrapper>.column .social .column:first-of-type svg
	{
	display: block;
	width: 2.5em;
	height: 2.5em;
	fill: black;
	margin: 0 auto
}

.order-confirmation-refer-social>.wrapper>.column .refer-and-earn-introduction .column:last-of-type,
	.order-confirmation-refer-social>.wrapper>.column .social .column:last-of-type
	{
	text-align: center
}

.order-confirmation-refer-social>.wrapper>.column .refer-and-earn-introduction .column:last-of-type header>*,
	.order-confirmation-refer-social>.wrapper>.column .social .column:last-of-type header>*
	{
	text-transform: uppercase;
	font-size: 1em !important;
	text-align: center !important;
	letter-spacing: 0 !important;
	padding: 0 !important;
	margin: 0 !important
}

.order-confirmation-refer-social>.wrapper>.column:first-of-type {
	background-color: #f2f1ef;
	padding: 1.5em 1em
}

.order-confirmation-refer-social>.wrapper>.column:first-of-type>div {
	margin: 0 0 1.5em
}

.order-confirmation-refer-social>.wrapper>.column:first-of-type>div.share-via-link
	{
	padding-bottom: 1.5em;
	border-bottom: 1px solid #d7d7d7
}

.order-confirmation-refer-social>.wrapper>.column:first-of-type>div.share-via-link header h3,
	.order-confirmation-refer-social>.wrapper>.column:first-of-type>div.share-via-email header h3
	{
	font-size: 24px !important;
	margin: 0
}

.order-confirmation-refer-social>.wrapper>.column:first-of-type>div.share-via-link .form-wrapper,
	.order-confirmation-refer-social>.wrapper>.column:first-of-type>div.share-via-email .form-wrapper
	{
	margin: .5em 0 0
}

.order-confirmation-refer-social>.wrapper>.column:first-of-type>div.share-via-link .form-wrapper input#share-code,
	.order-confirmation-refer-social>.wrapper>.column:first-of-type>div.share-via-email .form-wrapper input#share-code
	{
	text-transform: uppercase;
	font-size: 1em !important;
	color: #000
}

.order-confirmation-refer-social>.wrapper>.column:first-of-type>div.share-via-link .form-wrapper .form-field:last-of-type button,
	.order-confirmation-refer-social>.wrapper>.column:first-of-type>div.share-via-email .form-wrapper .form-field:last-of-type button
	{
	width: 100%;
	background: none;
	color: #fff;
	background-color: #54833f;
	border: none;
	text-align: center;
	font-size: 22px;
	padding: .5em;
	text-transform: uppercase;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

.order-confirmation-refer-social>.wrapper>.column:first-of-type>div.share-via-email .form-field:last-of-type
	{
	margin-top: .5em
}

.order-confirmation-refer-social>.wrapper>.column:first-of-type>div:last-of-type
	{
	margin-bottom: 0
}

.order-confirmation-refer-social>.wrapper>.column:first-of-type>div:last-of-type .form-wrapper input
	{
	font-size: 16px
}

.order-confirmation-refer-social>.wrapper>.column:last-of-type {
	margin-bottom: 0
}

.order-confirmation-refer-social>.wrapper>.column:last-of-type .social {
	margin: 0 0 1em;
	padding: 1.5em 1em;
	background-color: #ffeef3
}

.order-confirmation-refer-social>.wrapper>.column:last-of-type .talking-clean-block a
	{
	display: block
}

.order-confirmation-refer-social>.wrapper>.column:last-of-type .talking-clean-block a img
	{
	display: block;
	width: 100%;
	height: auto
}

.order-confirmation-content {
	padding: 0 !important
}

.contact-us-header {
	background-image: linear-gradient(to top, #fee9d2, #ffd8e1);
	padding: 2.5em 1em !important;
	margin: 0 !important
}

.contact-us-header header {
	background: none
}

.contact-us-header header h1 {
	margin: 0
}

.contact-us-introduction {
	margin: 2em auto 1em !important;
	max-width: 1200px
}

.contact-us-introduction .wrapper {
	display: flex;
	flex-direction: column;
	background-color: #f2f1ef;
	padding: 1.5em 1em
}

.contact-us-introduction .wrapper .column:first-of-type {
	margin: 0 0 .5em
}

.contact-us-introduction .wrapper .column:first-of-type svg {
	display: block;
	width: 2.5em;
	height: 2.5em;
	fill: black;
	margin: 0 auto
}

.contact-us-introduction .wrapper .column:last-of-type {
	text-align: center
}

.contact-us-introduction .wrapper .column:last-of-type header>* {
	text-transform: uppercase;
	font-size: 1em !important;
	text-align: center !important;
	letter-spacing: 0 !important;
	padding: 0 !important;
	margin: 0 !important
}

.contact-us-introduction .wrapper .column:last-of-type p {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	max-width: 41em
}

.contact-us-faqs-sections-wrapper {
	padding: 0 1em;
	margin: 1.5em auto 0;
	max-width: 1200px
}

.contact-us-faqs-sections-wrapper ul {
	list-style: none;
	margin: 0;
	padding: 0
}

.contact-us-faqs-sections-wrapper ul li {
	padding: 0 !important;
	margin: 0 0 1em
}

.contact-us-faqs-sections-wrapper ul li a {
	display: flex;
	flex-direction: column;
	background-color: #e9f8eb;
	align-items: center;
	justify-content: center;
	padding: 1.5em 0;
	border: 2px solid transparent;
	transition: .5s
}

.contact-us-faqs-sections-wrapper ul li a .column:first-of-type {
	margin: 0 0 .5em
}

.contact-us-faqs-sections-wrapper ul li a .column:first-of-type svg {
	display: block;
	width: 2em;
	height: 2em;
	fill: black;
	margin: 0 auto;
	fill: black;
	transition: .5s
}

.contact-us-faqs-sections-wrapper ul li a .column:last-of-type header>*
	{
	text-transform: uppercase;
	font-size: 1em !important;
	text-align: center !important;
	letter-spacing: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	transition: .5s
}

.contact-us-faqs-sections-wrapper ul li:hover {
	border-color: #54833f;
	text-decoration: none !important;
	background-color: transparent;
	color: #54833f
}

.contact-us-faqs-sections-wrapper ul li:hover .column svg {
	fill: #54833f
}

.contact-us-faqs-sections-wrapper ul li:hover .column header>* {
	color: #54833f
}

.contact-us-faqs-sections-wrapper ul li:last-of-type {
	margin-bottom: 0
}

.contact-us-details-form {
	margin: 1em auto 1.5em !important;
	max-width: 1200px
}

.contact-us-details-form .wrapper {
	display: flex;
	flex-direction: column-reverse
}

.contact-us-details-form .wrapper .column {
	margin: 0 0 .75em
}

.contact-us-details-form .wrapper .column .inner {
	background-color: #f2f1ef;
	padding: 1.5em 1em
}

.contact-us-details-form .wrapper .column:first-of-type .logo {
	max-width: 10em
}

.contact-us-details-form .wrapper .column:first-of-type .logo img {
	width: 100%;
	height: auto;
	display: block
}

.contact-us-details-form .wrapper .column:first-of-type ul {
	margin: 1em 0 0;
	padding: 0;
	list-style: none
}

.contact-us-details-form .wrapper .column:first-of-type ul li {
	margin: 0 0 1.5em;
	padding: 0 !important
}

.contact-us-details-form .wrapper .column:first-of-type ul li header {
	margin: 0 0 .5em
}

.contact-us-details-form .wrapper .column:first-of-type ul li header h3
	{
	font-size: 1em !important;
	margin: 0;
	color: #333 !important
}

.contact-us-details-form .wrapper .column:first-of-type ul li .customer-service-phone a
	{
	text-decoration: underline;
	color: #54833f
}

.contact-us-details-form .wrapper .column:first-of-type ul li .customer-service-phone span
	{
	display: block;
	font-size: .65em
}

.contact-us-details-form .wrapper .column:first-of-type ul li p {
	margin: .5em 0 0;
	font-size: 17px
}

.contact-us-details-form .wrapper .column:first-of-type ul li p a {
	color: #54833f !important
}

.contact-us-details-form .wrapper .column:first-of-type ul li:last-of-type
	{
	margin: 0
}

.contact-us-details-form .wrapper .column:last-of-type header {
	margin: 0 0 .5em
}

.contact-us-details-form .wrapper .column:last-of-type header h3 {
	font-size: 1em !important;
	margin: 0;
	color: #333 !important
}

.contact-us-details-form .wrapper .column:last-of-type .contact-us-submit
	{
	display: flex;
	justify-content: center
}

.contact-us-details-form .wrapper .column:last-of-type .contact-us-submit input
	{
	max-width: 17em
}

.contact-us-content {
	padding: 0 !important
}

.naturopath-content #breadcrumbs, .faq-content #breadcrumbs,
	.returns-exchanges-content #breadcrumbs, .contact-us-content #breadcrumbs,
	.order-confirmation-content #breadcrumbs, .beauty-box-content #breadcrumbs,
	.blog-content #breadcrumbs, .blog-single-article-content #breadcrumbs {
	max-width: 1200px;
	margin: 0 auto;
	padding: 7px 0
}

.naturopath-content header, .faq-content header,
	.returns-exchanges-content header, .contact-us-content header,
	.order-confirmation-content header, .beauty-box-content header,
	.blog-content header, .blog-single-article-content header {
	position: relative;
	min-height: auto
}

.naturopath-content>section, .faq-content>section,
	.returns-exchanges-content>section, .contact-us-content>section,
	.order-confirmation-content>section, .beauty-box-content>section,
	.blog-content>section, .blog-single-article-content>section {
	padding: 0 1em;
	margin: 2em 0;
	position: relative;
	z-index: 0
}

.naturopath-content>section .container, .faq-content>section .container,
	.returns-exchanges-content>section .container, .contact-us-content>section .container,
	.order-confirmation-content>section .container, .beauty-box-content>section .container,
	.blog-content>section .container, .blog-single-article-content>section .container
	{
	max-width: 1200px;
	margin: 0 auto
}

.naturopath-our-naturopath .container .flex-grid .col {
	height: auto
}

.naturopath-contact-mel .container .flex-grid {
	justify-content: flex-start
}

.form-wrapper fieldset {
	margin: 0;
	padding: 0;
	border: none;
	background: none !important
}

.form-wrapper fieldset .form-field-row-split .form-field {
	margin: 0 0 1em !important
}

.form-wrapper fieldset .form-field {
	margin: 0 0 1em
}

.form-wrapper fieldset .form-field label {
	font-size: 18px;
	display: block;
	margin: 0 0 .5em
}

.form-wrapper fieldset .form-field label span {
	color: #54833f
}

.form-wrapper fieldset .form-field input, .form-wrapper fieldset .form-field select,
	.form-wrapper fieldset .form-field textarea {
	border: 1px solid #d7d7d7;
	padding: .5em;
	border-radius: 0;
	margin: 0;
	height: auto;
	width: 100%;
	box-shadow: none;
	font-size: 18px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

.form-wrapper fieldset .form-field textarea {
	height: 5em;
	resize: none
}

.form-wrapper fieldset .form-field select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: none
}

.form-wrapper fieldset .form-field input[type="submit"] {
	background: none;
	color: #fff;
	background-color: #54833f;
	border: none;
	text-align: center;
	font-size: 22px;
	text-transform: uppercase;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

.form-wrapper fieldset .form-field .select-wrapper {
	position: relative
}

.form-wrapper fieldset .form-field .select-wrapper:after {
	content: '';
	background-image:
		url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjE1cHgiIHZpZXdCb3g9IjAgMCAyNCAxNSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQgMTU7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojRkYyRjgyO30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTIxLDBsMywzLjFMMTIsMTVMMCwzLjFMMywwbDksOUwyMSwweiIvPgo8L3N2Zz4K);
	position: absolute;
	top: 50%;
	right: .5em;
	transform: translateY(-50%);
	display: block;
	width: .65em;
	height: .65em;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	pointer-events: none
}

.form-wrapper fieldset .form-field:last-of-type {
	margin: 0
}

.form-wrapper fieldset .form-field.first-name, .form-wrapper fieldset .form-field.email-address,
	.form-wrapper fieldset .form-field.full-name {
	max-width: 15em
}

.form-wrapper fieldset .form-field .select-wrapper, .form-wrapper fieldset .form-field.phone-number
	{
	max-width: 10em
}

.form-wrapper fieldset .form-field.reason-for-return .select-wrapper,
	.form-wrapper fieldset .form-field.subject .select-wrapper {
	max-width: none
}

.form-wrapper .disclaimer {
	font-size: 16px
}

@media ( max-width :959px) {
	#data-tabs-wrapper li a:link, #data-tabs-wrapper li a:visited {
		display: flex;
		align-items: center;
		flex-direction: column;
		justify-content: space-evenly;
		height: 100%;
		text-align: center;
		width: calc(120px - 1em)
	}
	#data-tabs-wrapper ul li {
		width: 113px;
		height: 120px !important;
		min-height: 0
	}
	#data-tabs-wrapper ul li span {
		font-size: 16px !important
	}
	#data-tabs-wrapper ul {
		justify-content: flex-start !important;
		overflow: auto;
		padding-left: 20px !important;
		padding-right: 20px !important;
		margin-left: -35px !important;
		margin-right: -35px !important
	}
	.faq-tab-content-wrapper {
		padding: 3em 0 0 !important
	}
}

@media ( min-width :1100px) {
	#hero.duo>div>h1 {
		font-size: 2em !important
	}
}

@media ( max-width :975px) {
	.naturopath-our-naturopath .container .flex-grid,
		.naturopath-our-naturopath .container .flex-grid,
		.naturopath-consultation-treatment-service .flex-grid {
		flex-direction: column
	}
	.naturopath-content #hero {
		margin-top: 40px
	}
}

@media ( min-width :768px) {
	.order-confirmation-order-details-wrapper>li ul li {
		flex-direction: row;
		margin: 0 0 .5em
	}
	.order-confirmation-order-details-wrapper>li:first-of-type {
		padding-bottom: 0 !important
	}
	.order-confirmation-order-details-wrapper>li:first-of-type>ul {
		padding-bottom: 1.5em
	}
	.order-confirmation-refer-social>.wrapper>.column:first-of-type {
		display: flex;
		flex-wrap: wrap
	}
	.order-confirmation-refer-social>.wrapper>.column:first-of-type>div.share-via-link,
		.order-confirmation-refer-social>.wrapper>.column:first-of-type>div.share-via-email
		{
		width: calc(50% - .5em);
		margin-right: 1em
	}
	.order-confirmation-refer-social>.wrapper>.column:first-of-type>div.share-via-link
		{
		padding-bottom: 0;
		border-bottom: 0
	}
	.order-confirmation-refer-social>.wrapper>.column:first-of-type>div.share-via-email
		{
		margin-right: 0
	}
	.order-confirmation-refer-social>.wrapper>.column:last-of-type {
		display: flex
	}
	.order-confirmation-refer-social>.wrapper>.column:last-of-type .social {
		margin: 0 1em 0 0;
		display: flex;
		justify-content: center;
		flex-direction: column
	}
	.order-confirmation-refer-social>.wrapper>.column:last-of-type .talking-clean-block
		{
		flex: 1
	}
	.contact-us-faqs-sections-wrapper ul {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap
	}
	.contact-us-faqs-sections-wrapper ul li {
		width: calc(33.33333% - .5em);
		margin: 0 .75em .75em 0
	}
	.contact-us-faqs-sections-wrapper ul li a {
		height: 100%;
		padding: 1.5em
	}
	.contact-us-faqs-sections-wrapper ul li:nth-of-type(3n) {
		margin-right: 0
	}
	.contact-us-faqs-sections-wrapper ul li:last-of-type {
		margin-bottom: .75em
	}
}

@media ( min-width :959px) {
	#hero.duo {
		min-height: 420px;
		max-width: 1200px !important;
		margin: 0 auto 3em !important;
		padding: 11px 0 0 !important
	}
	#hero.duo>div {
		position: absolute;
		top: calc(50% + 5px);
		left: 0;
		transform: translateY(-50%);
		width: 50% !important;
		padding: 2em 1em !important;
		margin: 0 !important
	}
	#hero.duo>div>h1 {
		text-align: left !important;
		font-size: 1.5em !important
	}
	.naturopath-consultation-treatment-service {
		margin-top: 0 !important
	}
	.naturopath-consultation-treatment-service header h3 {
		font-size: 1.75em !important
	}
	.naturopath-consultation-treatment-service .container>header {
		max-width: 34em
	}
	.naturopath-consultation-treatment-service .container>header h3 {
		font-size: 2.5em !important
	}
	.naturopath-consultation-treatment-service .container .wrapper {
		display: flex;
		align-items: flex-start
	}
	.naturopath-consultation-treatment-service .container .wrapper .column {
		width: calc(50% - 2em);
		padding: 0 2em 0 0
	}
	.naturopath-consultation-treatment-service .container .wrapper .column:first-of-type
		{
		margin-bottom: 0
	}
	.naturopath-consultation-treatment-service .container .wrapper .column:last-of-type
		{
		border-left: 1px solid #d7d7d7;
		padding-left: 2em;
		flex: 1
	}
	.naturopath-consultation-treatment-service .container .wrapper .column .more
		{
		text-align: left
	}
	[data-component="naturopath-book-consultation-overlay"] {
		align-items: center;
		padding: 0 1em
	}
	.naturopath-our-naturopath {
		background-image: linear-gradient(to right, #fee9d2, #ffd8e1)
	}
	.naturopath-our-naturopath .container>header {
		display: none
	}
	.naturopath-our-naturopath .container header h3 {
		font-size: 1.75em !important
	}
	.naturopath-our-naturopath .container .wrapper {
		display: flex;
		align-items: center
	}
	.naturopath-our-naturopath .container .wrapper .column {
		width: calc(50% - 3.5em);
		margin: 0 7em 0 0
	}
	.naturopath-our-naturopath .container .wrapper .column:first-of-type header
		{
		display: block
	}
	.naturopath-our-naturopath .container .wrapper .more {
		text-align: left
	}
	.naturopath-contact-mel .container .wrapper {
		max-width: 60%
	}
	.naturopath-contact-mel .container header h3 {
		font-size: 2.5em !important
	}
	#data-tabs-wrapper ul {
		display: flex;
		justify-content: space-between;
		position: sticky;
		top: calc(184px + 0em);
		background-color: #fff;
		z-index: 2;
		padding: .5em 0 0
	}
	#data-tabs-wrapper ul li {
		flex: 1;
		margin: 0 .5em 0 0
	}
	#data-tabs-wrapper ul li a:link, #data-tabs-wrapper ul li a:visited {
		flex-direction: column;
		padding-top: 2em;
		text-align: center;
		height: calc(100% - 2em);
		transition: .5s
	}
	#data-tabs-wrapper ul li a svg {
		width: 58px;
		height: 58px;
		margin: 0 0 1em;
		transition: .5s
	}
	.faq-tab-content-wrapper {
		padding: 0;
		padding-top: 50px
	}
	.faq-tab-content {
		margin: 2em 0;
		flex: 1;
		position: relative;
		z-index: 1
	}
	[data-component="returns-exchanges-header"] {
		background-image: linear-gradient(to right, #fee9d2, #ffd8e1)
	}
	[data-component="returns-exchanges-section"] {
		width: calc(50% - 1em);
		margin: 0 2em 2em 0
	}
	[data-component="returns-exchanges-section"] .wrapper {
		display: flex;
		align-items: flex-start;
		margin: 0 auto;
		padding: 2em 1.5em;
		height: 100%
	}
	[data-component="returns-exchanges-section"] .wrapper .column:first-of-type
		{
		margin: 0 1.5em 0 0
	}
	[data-component="returns-exchanges-section"] .wrapper .column:first-of-type svg
		{
		margin: 0
	}
	[data-component="returns-exchanges-section"] .wrapper .column:last-of-type
		{
		flex: 1
	}
	[data-component="returns-exchanges-section"] .wrapper .column:last-of-type header>*
		{
		text-align: left !important
	}
	[data-component="returns-exchanges-section"]:nth-child(odd) {
		margin-right: 0
	}
	[data-component="returns-exchanges-section"]:nth-last-child(2) {
		margin-bottom: 0
	}
	[data-component="returns-exchanges-section"]:nth-last-child(2) .wrapper
		{
		background-color: #f2f1ef
	}
	[data-component="returns-exchanges-section"]:first-of-type {
		width: 100%;
		margin: 0 0 2em
	}
	[data-component="returns-exchanges-section"]:last-of-type .wrapper {
		background-color: #fff0f3
	}
	[data-component="returns-exchanges-form-section"] {
		padding: 2em 0 0 !important
	}
	[data-component="returns-exchanges-form-section"] .wrapper {
		padding: 1.5em 1em
	}
	.returns-exchanges-content .returns-exchanges-sections-wrapper {
		flex-direction: row;
		flex-wrap: wrap;
		padding: 0;
		max-width: 1200px;
		margin: 2em auto 0
	}
	.order-confirmation-header {
		background-image: linear-gradient(to right, #fee9d2, #ffd8e1)
	}
	.order-confirmation-order-details-wrapper {
		flex-flow: row wrap
	}
	.order-confirmation-order-details-wrapper>li {
		width: calc(50% - .5em);
		margin: 0 1em 0 0
	}
	.order-details-line-items>li div:nth-child(2) {
		margin: 0 2em
	}
	.order-confirmation-order-details-wrapper>li:first-of-type>ul {
		border-bottom: 1px solid #d7d7d7
	}
	.order-confirmation-order-details-wrapper>li:last-of-type div:nth-child(2)
		{
		margin-right: 0
	}
	.order-confirmation-refer-social>.wrapper {
		display: flex
	}
	.order-confirmation-refer-social>.wrapper>.column:first-of-type {
		flex-direction: column
	}
	.order-confirmation-refer-social>.wrapper>.column:first-of-type {
		margin-right: 1em;
		max-width: 55%
	}
	.order-confirmation-refer-social>.wrapper>.column:first-of-type>div.share-via-link,
		.order-confirmation-refer-social>.wrapper>.column:first-of-type>div.share-via-email
		{
		width: 100%;
		margin-right: 0
	}
	.order-confirmation-refer-social>.wrapper>.column:first-of-type>div.share-via-link .form-wrapper .form-field-row-split .form-field,
		.order-confirmation-refer-social>.wrapper>.column:first-of-type>div.share-via-email .form-wrapper .form-field-row-split .form-field
		{
		margin-bottom: .5em !important
	}
	.order-confirmation-refer-social>.wrapper>.column:first-of-type>div.share-via-link .form-wrapper .form-field:last-of-type,
		.order-confirmation-refer-social>.wrapper>.column:first-of-type>div.share-via-email .form-wrapper .form-field:last-of-type
		{
		text-align: center
	}
	.order-confirmation-refer-social>.wrapper>.column:first-of-type>div.share-via-link .form-wrapper .form-field:last-of-type button,
		.order-confirmation-refer-social>.wrapper>.column:first-of-type>div.share-via-email .form-wrapper .form-field:last-of-type button
		{
		max-width: 12em
	}
	.order-confirmation-refer-social>.wrapper>.column:first-of-type>div.share-via-link
		{
		padding-bottom: 1.5em;
		border-bottom: 1px solid #d7d7d7
	}
	.order-confirmation-refer-social>.wrapper>.column:last-of-type {
		flex-direction: column;
		flex: 1
	}
	.order-confirmation-refer-social>.wrapper>.column:last-of-type .social {
		margin: 0 0 1em
	}
	.contact-us-header {
		background-image: linear-gradient(to right, #fee9d2, #ffd8e1)
	}
	.contact-us-introduction {
		padding: 0 !important
	}
	.contact-us-faqs-sections-wrapper {
		padding: 0
	}
	.contact-us-faqs-sections-wrapper ul li a {
		padding: 1.5em
	}
	.contact-us-faqs-sections-wrapper ul li a .column:first-of-type svg {
		margin: 0
	}
	.contact-us-details-form {
		padding: 0 !important
	}
	.contact-us-details-form .wrapper {
		flex-direction: row;
		align-items: flex-start
	}
	.contact-us-details-form .wrapper .column {
		margin-bottom: 0
	}
	.contact-us-details-form .wrapper .column:first-of-type {
		width: calc(33.33333% - .5em);
		margin-right: .75em
	}
	.contact-us-details-form .wrapper .column:last-of-type {
		flex: 1
	}
	.form-wrapper fieldset .form-field-row-split {
		display: flex
	}
	.form-wrapper fieldset .form-field-row-split .form-field {
		width: 50%;
		margin: 0 1em 1em 0 !important
	}
	.form-wrapper fieldset .form-field-row-split .form-field:last-of-type {
		margin-right: 0 !important
	}
}

@media screen and (max-height:970px) {
	[data-component="naturopath-book-consultation-overlay"] {
		align-items: flex-start;
		padding-top: 3em;
		padding-bottom: 3em
	}
}

#fb_comments_box {
	margin: 15px 0 15px 3%;
	position: relative;
	flex: 1 1 30%;
	order: 2
}

#fb_comments_box .fb_comments_heading {
	display: block;
	margin: 0 0 15px;
	padding-left: 45px;
	font-size: 24px;
	letter-spacing: -.02em;
	line-height: 32px;
	font-weight: 700;
	color: #3b5998;
	background: url(/images/icn-islive.gif) 0 0 no-repeat;
	background-size: 30px
}

#fb_header {
	padding: .5em;
	background: #3b5998 url(/images/icon-fb-wo.png) 6px 6px no-repeat;
	line-height: 18px;
	font-family: Helvetica, Arial, sans-serif
}

#fb_header h4 {
	margin: 0 0 0 35px;
	font-size: 14px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	color: #fff
}

#fb_header a {
	float: right;
	color: #fff;
	font-size: 12px
}

#fb_comments {
	padding: 0 .66em;
	height: 450px;
	overflow: scroll;
	background: #f6f7f9;
	border: 1px solid #e1e2e3;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px
}

#content #fb_comments p a:link, #content #fb_comments p a:visited {
	color: #3b5998
}

.fb-post {
	margin: .5em 0;
	padding-left: 34px;
	min-height: 32px
}

.fb-user {
	font-weight: bold
}

.fb-user img {
	float: left;
	padding-right: 7px;
	margin-left: -34px
}

#content #fb_comments p a.fb-user:link, #content #fb_comments p a.fb-user:visited
	{
	text-decoration: none
}

.fb-reply {
	min-height: 17px;
	margin: .5em 0 1em 34px;
	border-left: 2px solid #e5e6e7
}

.fb-reply img {
	width: 17px;
	height: 17px;
	padding-left: 7px
}

.ss-facets .ss-facet-container .ss-title {
	border-top: 1px solid #d5d5d5 !important;
	border-bottom: 0 !important;
	margin-bottom: 0 !important;
	padding-top: 10px !important
}

.ss-facets .ss-facet-container.ss-collapsed .ss-title:before {
	background-image: url(/images/svg/expand-faq.svg) !important;
	top: 15px !important
}

.ss-facets .ss-facet-container .ss-title:before {
	background-image: url(/images/svg/collapse-faq.svg) !important;
	top: 13px !important
}

.ss-facets .ss-facet-container {
	margin-bottom: 0 !important
}

.ss-list, .ss-facet-options {
	margin-bottom: 30px
}

#matrix_filters h3 {
	font-style: normal;
	font-weight: normal !important;
	font-size: 14px !important;
	line-height: 18px;
	margin-top: 20px;
	font-family: "Titillium Web"
}

.ss-targeted .ss-checkbox:before {
	border: 1px solid #3b3b3b !important;
	border-radius: 2px !important;
	background-color: #f8f6f5 !important
}

.ss-targeted .ss-active .ss-checkbox:before {
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(/images/svg/checkbox-active.svg) !important;
	background-size: auto !important
}

.ss-facets .ss-hierarchy .ss-hierarchy-option, .ss-facets .ss-list .ss-list-option
	{
	margin: 5px 0 !important;
	padding: 4px 0 !important
}

.ss-facets .ss-facet-container .ss-facet-options a {
	line-height: 18px
}

.flex {
	display: flex;
	flex-flow: row wrap
}

#footer_notice {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background: #fff;
	z-index: 100;
	padding: 0 0 10px 0;
	box-shadow: 0 -1px 3px rgba(0, 0, 0, .5)
}

#footer_notice_content {
	font-family: "proxima-nova-condensed", "Arial Narrow", Arial, Helvetica,
		sans-serif;
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
	padding: 1.5em 0;
	width: 90%;
	background: #fff;
	border: none
}

#footer_notice_content div {
	padding: 0 1em
}

#footer_notice_content button {
	padding: 1em
}

#footer_notice.dismissed {
	display: none
}

#footer_signup {
	position: fixed;
	bottom: 80px;
	left: 0;
	padding: 0 0 10px 0;
	width: 458px;
	height: 352px;
	background: #fff;
	border: 1px solid #8ba462;
	box-shadow: 0 0 8px rgba(14, 31, 53, .16);
	z-index: 100
}

#footer_signup_form {
	display: flex;
	flex-flow: column wrap;
	margin: 0 auto;
	padding: 1.5em 0;
	width: 90%;
	color: #000
}

#footer_signup_form h3 {
	margin: 0
}

#footer_signup_form a:link, #footer_signup_form a:visited {
	text-decoration: underline;
	color: #000
}

#footer_signup_form>div:last-of-type {
	margin-top: .5em;
	font-size: .8em;
	opacity: .8
}

#footer_signup_form label {
	line-height: 1em;
	font-weight: 600;
	font-size: 1.3em;
	color: #fff
}

#footer_signup_form p {
	color: #000
}

#footer_signup input {
	margin-bottom: 10px;
	width: calc(100% - 5px);
	height: 40px;
	background-color: #fff;
	border: 1px solid #afafaf;
	border-radius: 4px;
	line-height: 40px;
	text-indent: 10px;
	font-size: 17px
}

#footer_signup input[type="submit"] {
	-webkit-appearance: none;
	width: 100%;
	padding: 0;
	background: #8ba462;
	border: 0;
	border-radius: 4px;
	color: #fff;
	cursor: pointer
}

.footer-signup-hide {
	display: flex;
	justify-content: space-evenly;
	align-items: center;
	position: absolute;
	left: 100%;
	top: 0;
	width: 363px;
	height: 34px;
	background: #8ba462 !important;
	border-radius: 6px 6px 0 0;
	font-family: "Arboria-Bold";
	font-size: 18px;
	color: #fff;
	transform-origin: 17px 17px;
	transform: rotate(90deg);
	cursor: pointer
}

.footer-signup-hide img {
	transform: rotate(-90deg)
}

.footer_signup_mobile_hide {
	display: none;
	margin-left: auto;
	margin-right: 20px;
	width: 24px;
	height: 24px;
	background-image: url(/images/svg/icn_Close_white.svg);
	cursor: pointer
}

#footer_signup.hidden .footer-signup-hide img:nth-child(2) {
	transform: rotate(90deg)
}

#footer_signup.dismissed {
	display: none
}

#footer_signup.dismissed, #footer_signup.hidden {
	width: 0 !important
}

#footer_signup.dismissed #footer_signup_form, #footer_signup.hidden #footer_signup_form
	{
	display: none
}

@media only screen and (max-width:767px) {
	#footer_signup {
		bottom: 104px;
		right: -1px;
		left: auto;
		border: 1px solid #d5d5d5;
		border-radius: 0 0 0 6px;
		width: 85%;
		height: auto
	}
	#footer_signup_form h3 {
		font-size: 18px;
		line-height: 22px
	}
	#footer_signup_form label {
		font-size: 1em
	}
	#footer_signup input {
		font-size: 14px
	}
	#footer_signup.hidden .footer-signup-hide {
		width: 48px;
		height: 48px;
		border-radius: 50%;
		right: 0;
		left: calc(100% - 82px) !important;
		font-size: 0;
		justify-content: center
	}
	.footer-signup-hide {
		left: -1px !important;
		padding-right: 1px;
		transform: none;
		width: 100%;
		height: 52px;
		top: -50px;
		border-radius: 6px 0 0 0;
		justify-content: start;
		background-color: #54833f !important;
		border: 1px solid #54833f;
		box-shadow: rgba(22, 22, 22, .16) 0 2px 4px
	}
	.footer-signup-hide img {
		opacity: 0;
		width: 0
	}
	#footer_signup.hidden .footer-signup-hide img {
		opacity: 1;
		width: auto;
		margin-left: 27px
	}
	#footer_signup.hidden {
		width: 100% !important;
		height: 0;
		padding: 0;
		border: 0
	}
	#footer_signup.hidden #footer_signup_form {
		display: none
	}
	.footer-signup-hide>img:first-child {
		margin: 0 20px;
		margin-right: 5px
	}
	.footer-signup-hide>img:nth-child(2) {
		margin-left: auto;
		margin-right: 20px;
		display: none
	}
	.footer_signup_mobile_hide {
		display: block
	}
	#footer_signup input[type="submit"] {
		background-color: #54833f
	}
}

#footer {
	display: flex;
	justify-content: space-between;
	flex-flow: row wrap;
	background: #fff;
	padding: 50px 0 36px;
	filter: drop-shadow(50vw 0 0 #fff) drop-shadow(-50vw 0 0 #fff)
}

#footerextrascontainer {
	width: 100%
}

#footerextrascontainer {
	background: #3b3b3b;
	color: #afafaf
}

#footerextras {
	display: flex;
	justify-content: space-between;
	flex-flow: row wrap;
	width: 1216px;
	position: relative;
	margin: 0 auto;
	padding: 40px 0 32px;
	clear: both
}

#footerbranding {
	display: flex;
	justify-content: space-between;
	align-items: center;
	order: 1;
	width: 100%;
	height: 50px
}

#footerbranding>img {
	width: 176px
}

#footerbranding ul.social {
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-end;
	align-items: center;
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-family: "Arboria-Bold", Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal
}

#footerbranding ul.social img {
	width: 38px;
	height: 38px
}

#footerbranding ul.social a:link, #footerbranding ul.social a:visited {
	display: block;
	margin-left: 1em;
	padding: 0;
	width: 38px;
	height: 38px;
	transition: .3s
}

#footerbranding ul.social a:hover, #footerbranding ul.social a:active {
	opacity: .7
}

#footernav {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	order: 2;
	flex: 3;
	color: #000;
	padding: 50px 0 0
}

#footerclub {
	order: 3;
	flex: 1;
	padding: 50px 0 0
}

#footerclub h3 {
	margin: 0;
	text-align: center;
	color: #54833f
}

#footerclub h3 span {
	font-size: 1.3em
}

#smartlinks, #partners {
	display: flex;
	position: relative;
	justify-content: space-between;
	width: 100%
}

#smartlinks {
	padding: 0;
	flex-flow: row nowrap
}

#partners {
	flex-flow: row wrap
}

#footerclub div, #sidebar-club div {
	display: flex;
	flex-flow: column nowrap;
	align-items: center;
	padding: 40px 24px 24px;
	background: #f4f0ed;
	border-radius: 6px
}

#footerclub p, #sidebar-club p {
	margin: 20px auto 0;
	line-height: 19.2px;
	text-align: center
}

#footerclub p span, #sidebar-club p span {
	font-family: "Arboria-Bold", Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal
}

#footerclub input, #sidebar-club input {
	height: 48px;
	border-radius: 4px
}

#footerclub input[type="submit"], #sidebar-club input[type="submit"] {
	background: #54833f;
	border: 0;
	color: #fff;
	font-family: "Arboria-Bold", Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	outline: 0;
	cursor: pointer;
	-webkit-appearance: none
}

#footerclub form, #sidebar-club form {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%
}

#footernav div, #smartlinks div {
	padding-right: 4%
}

#footernav ul, #smartlinks ul {
	margin: 1em 0;
	padding: 0;
	list-style-type: none
}

#smartlinks ul {
	margin: 0
}

#footernav li, #smartlinks li {
	margin-bottom: 1em
}

#smartlinks li {
	text-transform: capitalize;
	width: 260px;
	padding: 0 20px 0 0
}

#footernav ul li a[ ^="tel :1300"] {
	font-weight: bold
}

#footernav a:link, #footernav a:visited {
	text-decoration: none;
	color: #3b3b3b;
	transition: .3s
}

#footernav a:hover, #footernav a:focus {
	color: #000;
	text-decoration: underline
}

#footernav h4, #footerextras h4 {
	margin: 0 0 32px;
	font-size: 18px;
	color: #3b3b3b
}

#smartlinks h3 {
	text-align: center
}

#smartlinks ul a:link, #smartlinks ul a:visited {
	color: #fff;
	opacity: .7;
	transition: .3s
}

#smartlinks ul a:hover, #smartlinks ul a:focus {
	opacity: 1
}

#footerextras h4 {
	color: #fff
}

#footerextras>#partners>ul {
	display: flex;
	margin: 0;
	padding-left: 0
}

#footerextras>#partners>ul>br {
	display: none
}

#footerextras>#partners>ul>li {
	background-repeat: no-repeat;
	list-style: none;
	display: flex
}

#footerextras>#partners>ul>li>a {
	height: 100%;
	width: 100%
}

#footerextras>#partners>ul>li.terracycle {
	width: 53px;
	height: 36px;
	margin: 4px 12px 0 0;
	background-image: url(/images/terracycle.png);
	background-size: 53px
}

li.terracycle-tag {
	display: flex;
	margin-right: 21px;
	text-transform: uppercase;
	font-size: 8px;
	align-items: center;
	color: #fff
}

#footerextras>#partners>ul li[class^="partner-"] {
	list-style-type: none;
	width: 60px;
	height: 40px;
	margin-right: 12px;
	background-image: url(/images/partner-logos.gif);
	background-size: 492px;
	border-radius: 4px
}

li.partner-visa {
	background-position: 0 0
}

li.partner-mastercard {
	background-position: -72px 0
}

li.partner-paypal {
	background-position: -144px 0
}

li.partner-afterpay {
	background-position: -216px 0
}

li.partner-applepay {
	background-position: -288px 0
}

li.partner-openpay {
	background-position: -360px 0
}

li.partner-zippay {
	background-position: -432px 0
}

#footerextras div.copyright {
	position: absolute;
	right: 0;
	bottom: 0;
	font-size: 14px
}

#we-check-card {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	padding: 50px 0;
	background-color: #f8f6f5;
	filter: drop-shadow(50vw 0 0 #f8f6f5) drop-shadow(-50vw 0 0 #f8f6f5)
}

#we-check-card h2 {
	margin-top: 0;
	margin-bottom: 50px;
	text-align: center
}

#we-check-card a.button {
	background: #8ba462;
	margin: 26px auto;
	padding: 0 30px;
	margin-top: 30px;
	min-width: 279px
}

#we-check-card button:hover {
	background: #8ba462;
	color: #fff;
	opacity: .7
}

.we-check-images {
	margin: 1em 0;
	padding: 0;
	width: 85%;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
	list-style-type: none;
	text-align: center
}

.we-check-images>li {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 0 20px;
	text-align: center
}

.we-check-images>li img {
	margin-bottom: .5em;
	width: 60px;
	height: 60px
}

.layby-card {
	background: #fff;
	border-radius: 16px;
	width: 90%;
	text-align: center;
	font-size: 18px;
	padding: 5px 0;
	min-height: 70px;
	max-height: 120px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 25px;
	flex-wrap: wrap;
	height: auto
}

.layby-card a {
	height: 30px;
	border-right: 1px solid #f4f0ed
}

.layby-card a:last-of-type {
	border: none
}

.layby-card img {
	margin: 0 16px
}

.layby-card a:last-of-type img {
	margin-top: 2px
}

#account-footer-card {
	display: none;
	flex-direction: column;
	justify-content: center;
	align-items: center
}

.myaccount #account-footer-card {
	display: flex;
	background-color: #f0ebe6;
	padding-bottom: 40px;
	min-height: 208px;
	filter: drop-shadow(50vw 0 0 #f0ebe6) drop-shadow(-50vw 0 0 #f0ebe6)
}

#account-footer-card .we-check-images {
	margin: auto;
	justify-content: center;
	display: flex
}

#account-footer-card .we-check-images>li {
	flex-direction: row !important;
	text-align: left
}

#account-footer-card .we-check-images li>div {
	margin-left: 20px;
	font-size: 16px;
	line-height: 20px;
	font-family: "Arboria-Bold", Arial, Helvetica, sans-serif
}

#account-footer-card .we-check-images li>div>p {
	margin-top: 5px;
	font-size: 12px;
	line-height: 16px;
	color: #616161;
	font-family: "Titillium Web"
}

#acknowledgment-of-country {
	text-align: center;
	color: #fff;
	border-top: 1px solid #616161;
	border-bottom: 1px solid #616161;
	margin: 40px 0;
	padding: 30px 0
}

#acknowledgment-of-country>p {
	width: 80%;
	margin: auto;
	font-size: 14px;
	line-height: 24px;
	margin-top: 10px
}

#acknowledgment-of-country>div>img {
	margin: 0 3px
}

@media only screen and (max-width:1215px) {
	#footerextras {
		width: calc(100% - 40px);
		padding: 32px 20px
	}
	#footerextras div.copyright {
		position: relative;
		width: 100%;
		margin-top: 16px;
		font-size: 12px;
		text-align: left
	}
}

@media only screen and (max-width:1023px) {
	#footerclub {
		order: 0
	}
	#footerbranding {
		border-bottom: 1px solid #d5d5d5;
		margin-top: 36px;
		padding-bottom: 30px
	}
	.we-check-images {
		width: 100%;
		display: grid;
		grid-template-columns: 3fr 3fr 3fr;
		grid-gap: 20px
	}
	.we-check-images>li {
		padding: 0
	}
	#we-check-card {
		padding: 32px 0;
		background-color: #fff;
		filter: drop-shadow(50vw 0 0 #fff) drop-shadow(-50vw 0 0 #fff)
	}
	#we-check-card h4 {
		font-size: 28px;
		line-height: 30px;
		text-align: center
	}
	.layby-card {
		background: #f8f6f5
	}
}

@media only screen and (max-width:767px) {
	#we-check-card a.button {
		min-width: 198px
	}
	#footernav div {
		float: none;
		width: auto;
		padding: 0
	}
	#footernav>div {
		max-height: 2.5em;
		overflow: hidden;
		float: none;
		margin: 0;
		width: 100%;
		border: 0;
		padding: 5px
	}
	#footernav h4 {
		cursor: pointer;
		padding: 10px 0 0;
		margin-bottom: 1em
	}
	#footernav h4::after {
		display: block;
		float: right;
		margin-top: 8px;
		background-image: url(/images/svg/expand-faq.svg);
		background-size: contain;
		background-repeat: no-repeat;
		width: 1.5em;
		height: 1.5em;
		content: ""
	}
	#footernav>div.expanded h4::after {
		background-image: url(images/svg/collapse-faq.svg)
	}
	#footernav>div.expanded {
		max-height: none !important;
		overflow: visible
	}
	#footernav>div.follow-us {
		max-height: none !important;
		overflow: visible;
		border: none;
		border-top: 1px solid #000
	}
	#footernav>div.follow-us h4::after {
		display: none
	}
	#footernav {
		flex-direction: column;
		justify-content: flex-start;
		padding: 20px;
		padding-right: 40px
	}
	#footernav>div:nth-of-type(1) {
		border-top: 1px solid #e9e9e9
	}
	#footer {
		display: flex;
		flex-direction: column;
		width: 100%;
		padding: 0
	}
	#footerclub {
		order: 1;
		padding: 0
	}
	#footerclub div {
		border-radius: 0;
		padding: 50px 20px
	}
	#footerbranding {
		order: 2;
		margin-top: 20px;
		margin-bottom: 15px;
		border: 0 !important;
		padding-bottom: 0 !important
	}
	#footerbranding>img {
		display: none
	}
	#footerbranding ul.social {
		margin-left: auto;
		display: flex;
		width: 100%;
		margin-right: 20px !important;
		margin-top: 20px !important
	}
	#footerbranding ul.social li:first-child {
		position: absolute;
		left: 20px;
		font-size: 16px
	}
	#footernav li, #smartlinks li {
		margin-bottom: 1.2em
	}
	#footerextras>#partners>ul {
		max-width: 250px;
		margin: 0 auto;
		flex-flow: row wrap;
		justify-content: space-between
	}
	#footerextras>#partners>ul>br {
		display: initial;
		width: 100%;
		content: ''
	}
	#footerextras>#partners>ul li[class^="partner-"] {
		margin-right: 0;
		margin-bottom: 20px
	}
	#footerextras>#partners>ul .mobile-footer-break {
		width: 100%
	}
	#footerextras>#partners>ul li.terracycle, #footerextras>#partners>ul li.terracycle-tag
		{
		display: none
	}
	li.terracycle-tag {
		flex-basis: 100%;
		margin-bottom: 20px
	}
	#footerextras div.copyright {
		text-align: center
	}
	.layby-card {
		border-radius: 8px;
		width: calc(100% - 24px);
		min-height: auto;
		max-height: auto;
		padding: 0 12px 22px
	}
	.layby-card p {
		width: 100%
	}
	.layby-card a {
		height: 24px
	}
	.layby-card img {
		margin: 0 6px
	}
	.layby-card a:first-of-type img {
		margin-top: 5px;
		margin-left: 0;
		width: 81px;
		height: 15px
	}
	.layby-card a:nth-of-type(2) img {
		width: 51px;
		height: 22px
	}
	.layby-card a:last-of-type img {
		margin-top: 2px;
		margin-right: 0;
		width: 94px;
		height: 18px
	}
}

@media only screen and (max-width:767px) and (orientation:portrait) {
	#footernav>div {
		max-height: 2.5em;
		overflow: hidden;
		float: none;
		margin: 0;
		width: 100%;
		border: 0;
		padding: 5px
	}
	#footernav>div:nth-of-type(1) {
		border-top: 1px solid #e9e9e9
	}
	#footernav>div.follow-us, #footer>div:last-of-type {
		border: none
	}
	#smartlinks {
		display: flex;
		flex-direction: column;
		padding: 0
	}
}

@media only screen and (max-width:374px) and (orientation:portrait) {
	#footerbranding ul.social li:first-child {
		font-size: 14px
	}
}

textarea, input {
	font-family: inherit;
	font-size: inherit
}

button, .button {
	background: #54833f;
	border-radius: 4px;
	border: none;
	font-family: "Arboria-Bold", Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #fff;
	font-size: 16px;
	line-height: 46px;
	text-align: center;
	outline: 0;
	margin: 0;
	padding: 0 0 2px;
	cursor: pointer;
	transition: .3s;
	-webkit-appearance: none
}

a.button {
	display: block;
	color: #fff
}

button.button-padded, .button.button-padded {
	width: fit-content;
	padding: 0 36px 2px
}

button:active, .button:active {
	background: #eea5a0 !important;
	color: #fff !important;
	text-decoration: none !important
}

button:hover, .button:hover, .button:focus, button:focus {
	background: #f7dfdd;
	color: #54833f;
	text-decoration: none !important
}

button#load_more_button {
	padding-left: 32px;
	padding-right: 32px
}

.disabled-button {
	background: #d5d5d5;
	color: #888;
	cursor: default
}

.medium-button {
	width: 197px;
	height: 40px
}

.small-button {
	width: 158px;
	height: 40px
}

.ghost-button {
	border: 1px solid #54833f;
	background: #fff;
	border-radius: 4px;
	color: #54833f !important
}

.disabled-button.ghost-button {
	color: #d5d5d5 !important;
	border: 1px solid #afafaf
}

.ghost-button:hover, .ghost-button:focus {
	background: #54833f;
	color: #fff !important
}

.category-button {
	color: #3b3b3b;
	font-weight: normal;
	background: #fff;
	width: 162px;
	height: 40px;
	filter: drop-shadow(0 3px 7px rgba(14, 31, 53, .12))
}

.category-button:hover {
	background: #8ba462 !important;
	color: #fff !important
}

.category-button:active {
	background: #8ba462 !important;
	color: #fff !important;
	filter: none;
	box-shadow: inset 0 2px 4px #738c4a
}

.category-button:focus {
	background: #fff;
	color: #3b3b3b
}

button.green-button, .button.green-button {
	background: #8ba462
}

button.green-button:hover, .button.green-button:hover, .button.green-button:focus,
	button.green-button:focus {
	background: #e2f0cb;
	color: #8ba462
}

fieldset {
	background-image: none
}

#checkout .flexform-row>div, .standard .flexform-row>div, .fancy .flexform-row>div
	{
	flex-basis: 100%;
	width: 100%
}

.brandspage #brands_search input, fieldset input, fieldset select {
	outline: 0
}

#optionoutofstock input[type="text"], #optionoutofstock input[type="email"],
	fieldset input[type="text"], fieldset input[type="email"], fieldset input[type="tel"],
	fieldset input[type="password"], fieldset input[type="search"],
	fieldset input[type="url"], fieldset input[type="datetime-local"] {
	background-color: #fff;
	border: 1px solid #afafaf;
	border-radius: 4px;
	width: calc(100% - 8px);
	padding: 0 0 0 8px;
	min-height: 48px;
	line-height: 48px;
	font-size: 16px;
	text-indent: 12px;
	margin-top: 0;
	margin-bottom: 16px;
	-webkit-appearance: none
}

input:focus, select:focus, textarea:focus, button:focus {
	outline: none
}

#optionoutofstock input[type="text"]:focus, #optionoutofstock input[type="email"]:focus,
	fieldset input:focus, fieldset input[type="text"]:focus, fieldset input[type="email"]:focus,
	fieldset input[type="tel"]:focus, fieldset input[type="password"]:focus,
	fieldset input[type="search"]:focus, fieldset input[type="url"]:focus,
	fieldset input[type="datetime-local"]:focus {
	border: 1px solid #3b3b3b
}

fieldset input[type="text"]:disabled {
	background-color: #e9e9e9 !important;
	border: 1px solid #afafaf !important
}

fieldset input[type="text"]:disabled+span {
	color: #616161 !important
}

#optionoutofstock input[type="email"]:focus+span, #brands_search input:focus+span,
	.homepage #brands_search input:focus+span, fieldset input:focus+span,
	fieldset input[type="text"]:focus+span, fieldset input[type="email"]:focus+span,
	fieldset input[type="tel"]:focus+span, fieldset input[type="password"]:focus+span,
	fieldset input[type="search"]:focus+span {
	top: -10px;
	left: 10px;
	font-size: 12px;
	background-color: #fff;
	padding: 0 5px;
	height: 15px;
	line-height: 15px
}

fieldset input[type="submit"], .standard fieldset input[type="submit"],
	.fancy fieldset input[type="submit"] {
	background-color: #54833f;
	border: 0;
	color: #fff;
	font-family: "Arboria-Bold", Arial, Helvetica, sans-serif;
	font-size: 16px;
	outline: 0;
	cursor: pointer;
	width: 100%;
	height: 48px;
	border-radius: 4px;
	padding: 0 0 4px !important;
	background-image: none;
	-webkit-appearance: none
}

fieldset input[type="submit"]:hover, .standard fieldset input[type="submit"]:hover,
	.fancy fieldset input[type="submit"]:hover {
	background-color: #eea5a0;
	color: #fff
}

fieldset input.deprecated, fieldset textarea.deprecated {
	background-color: #ffc;
	color: #cc9
}

.register #shipping-worm {
	display: none
}

.register h1 {
	text-align: center;
	padding-top: 40px
}

.register .standard fieldset input[type="submit"] {
	margin-top: 1em
}

.register .signin .flexform-row>div>div {
	width: 100%
}

fieldset input[type="select"]::placeholder {
	color: red
}

fieldset input[type="checkbox"]:before {
	content: "";
	display: inline-block;
	width: 12px;
	height: 12px;
	border-radius: 2px;
	-webkit-appearance: none;
	border: none
}

fieldset input[type="checkbox"] {
	width: 12px;
	height: 12px;
	max-height: 15px;
	min-height: 0;
	margin: 0;
	display: inline;
	margin-right: 5px;
	line-height: 0
}

.text-input {
	position: relative !important;
	padding: 0 !important;
	width: 100%;
	margin: 0
}

.text-input span {
	position: absolute;
	top: 0;
	left: 17px;
	line-height: 48px;
	font-size: 16px;
	color: #616161;
	pointer-events: none
}

.text-input ::placeholder {
	color: transparent !important
}

.text-input input:not (:placeholder-shown ) +span, .text-input input:not
	(:placeholder-shown ) +div+span {
	opacity: 0
}

.input-error {
	background-color: rgba(228, 107, 99, .1) !important;
	border: 1px solid #54833f !important
}

.input-error+span {
	color: #54833f
}

.input-error:focus+span {
	color: #616161
}

select {
	-webkit-appearance: none;
	-moz-appearance: none;
	margin: 8px 10px 0 0;
	padding: 0 36px 0 8px;
	min-height: 40px;
	min-width: 85px;
	background-color: #fff;
	background-image: url(/images/svg/icn_chevron_down.svg);
	background-position-x: 97%;
	background-position-y: 50%;
	background-repeat: no-repeat;
	border: 1px solid #afafaf;
	border-radius: 4px;
	font-family: "Titillium Web";
	text-align: center;
	text-indent: 8px;
	font-weight: normal;
	font-size: 16px;
	color: #616161
}

.filter-input {
	background-image: url(/images/svg/filter.svg);
	background-position-x: 90%;
	background-position-y: 12px
}

.sort-input {
	background-image: url(/images/svg/sort.svg);
	background-position-x: 90%;
	background-position-y: 12px
}

.filter-input, .sort-input {
	width: 158px;
	height: 40px;
	color: #3b3b3b
}

.size-input {
	border: 1px solid #54833f;
	box-sizing: border-box;
	border-radius: 4px;
	width: 138px;
	height: 40px;
	border-right: 40px solid #54833f;
	color: #616161;
	background-position-y: 7px !important
}

.product-input {
	width: 168px;
	margin: 0;
	border: 1px solid #888;
	border-right: 0;
	border-radius: 4px 0 0 4px;
	font-size: 14px;
	color: #3b3b3b
}

.admin main fieldset input[type="text"], .admin main fieldset input[type="email"],
	.admin main fieldset input[type="tel"], .admin main fieldset input[type="password"],
	.admin main fieldset input[type="search"], .admin main fieldset input[type="url"],
	.admin main fieldset input[type="datetime-local"] {
	min-height: 30px;
	line-height: 30px;
	border-radius: 2px;
	width: auto
}

.admin main fieldset input[type="submit"] {
	background-color: #66a3b5;
	height: 32px;
	width: auto;
	padding: 3px 30px 5px !important;
	margin: 10px 0
}

.admin main fieldset input[type="submit"]:hover {
	background-color: #90bbc8;
	color: #fff
}

.forgotten_pw {
	display: block;
	text-align: center;
	font-size: 16px;
	margin: 30px auto 15px;
	color: #616161 !important
}

.signin h1, .forgot-pass h1 {
	font-family: "Arboria-Bold", Arial, sans-seri;
	font-weight: normal;
	font-style: normal
}

#footerclub fieldset, .signin fieldset {
	background: none;
	border: none
}

#footerclub fieldset span, .signin fieldset span {
	margin: 0 !important
}

#footerclub fieldset {
	width: 100%
}

.signin fieldset legend {
	display: none
}

@media only screen and (max-width:1215px) {
	button, .button {
		line-height: 38px
	}
}

#free_samples fieldset {
	position: relative;
	padding: 3em 1em 1em;
	border: 1px solid #20d020
}

#free_samples legend {
	position: absolute;
	top: .5em;
	color: #20d020;
	font-size: 21px
}

#free_samples fieldset label {
	display: none;
	text-transform: none;
	padding: .5em;
	font-weight: normal;
	cursor: pointer
}

#free_samples.active fieldset label {
	display: block !important;
	border-bottom: 1px solid #eee
}

#free_samples:not (.active ) fieldset label:first-of-type {
	background: #fff !important
}

#free_samples.active fieldset label:last-of-type {
	border-bottom: none
}

#free_samples fieldset label:hover {
	background: #c4ffd1
}

#free_samples input[type="radio"] {
	display: none
}

#free_samples input[type="radio"]:checked+label {
	display: block;
	background: #c4ffd1
}

#free_samples fieldset label input {
	margin-left: -21px
}

.giftshop h1 {
	font-family: freight-big-pro, "proxima-nova-extra-condensed", Arial,
		Helvetica, Verdana, sans-serif;
	color: #005624;
	padding-top: .5em
}

#giftshop {
	display: flex;
	flex-flow: row wrap;
	align-items: flex-start;
	justify-content: space-between
}

#giftshop .block {
	flex: 0 1 48%;
	height: 550px;
	margin-bottom: 30px;
	position: relative
}

#giftshop .block a>div {
	width: 100%;
	height: 550px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center
}

#giftshop .block.block-third {
	flex: 0 1 31%
}

#giftshop .block.block-twothird {
	flex: 0 1 64%
}

#giftshop .block:hover, #giftshop .block:hover a {
	text-decoration: none !important
}

.giftshop-title {
	position: absolute;
	left: 0;
	bottom: 0;
	padding: .5em 30px .4em;
	width: auto;
	font-family: freight-big-pro, sans-serif;
	background: rgba(230, 249, 212, .85);
	text-align: center;
	font-size: 1.5em;
	font-weight: 600;
	color: #005624;
	box-shadow: 2px -1px 2px rgba(20, 96, 38, .3);
	transition: .3s
}

#giftshop .block:hover .giftshop-title, .giftshop-title:hover {
	background: rgba(255, 255, 255, .85);
	color: #ff2f82 !important
}

.glossary {
	background-color: #fff
}

.glossary #pagebanner h1 {
	text-align: center;
	margin: auto
}

.glossary #pagebanner>div {
	min-height: 280px
}

.glossary #shipping-worm {
	display: none
}

.glossary-index {
	display: flex;
	justify-content: center;
	margin: 20px 0;
	padding: 0;
	list-style-type: none;
	font-family: "Titillium Web";
	letter-spacing: -.03em;
	font-size: 30px
}

.glossary-index a:link, .glossary-index a:visited {
	margin: 0 10px;
	color: #3b3b3b
}

.glossary-index strong {
	margin: 0 10px;
	text-decoration: underline;
	color: #54833f
}

.glossary-container>div {
	margin: 20px 0;
	padding: 45px 0;
	border-bottom: 1px solid #e7dfd7;
	align-items: flex-start
}

.glossary-item>div:last-child {
	border-bottom: 0
}

.glossary-container>div .col h2, .glossary-container>div .col h3 {
	margin: 0 0 20px 0
}

.glossary-container>div a {
	color: #3b3b3b
}

.glossary-desc {
	height: 10.25ch;
	overflow: hidden
}

.glossary-footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-family: "Titillium Web"
}

.glossary-footer a:link, .glossary-footer a:visited {
	text-decoration: underline !important;
	color: #54833f
}

.glossary-container .read-more {
	text-decoration: none;
	color: #3b3b3b;
	cursor: pointer
}

.glossary-container .read-more::after {
	content: "Read\00a0more\00a0+"
}

@media only screen and (max-width:767px) {
	.glossary-container>div {
		flex-direction: column
	}
	.glossary-container>div .col h3:first-child {
		display: none
	}
	.glossary-index {
		display: grid;
		grid-template-columns: repeat(6, 1fr);
		grid-gap: 25px;
		margin-top: 30px
	}
}

#chat-button {
	right: 20px !important;
	left: unset !important
}

#chat-window {
	right: 0 !important;
	left: unset !important
}

#chat-campaigns {
	right: 0 !important;
	left: unset !important
}

.flex-grid, .flex-grid-thirds, .flex-grid-quarters {
	max-width: 1216px;
	margin: 0 auto;
	clear: both
}

.col {
	margin: 20px
}

.col.padded {
	padding: 15px;
	border: 1px solid #aaa
}

.flex-grid::before, .flex-grid::after, .flex-grid-thirds::before,
	.flex-grid-thirds::after, .flex-grid-quarters::before,
	.flex-grid-quarters::after {
	content: "";
	display: table
}

.flex-grid::after, .flex-grid-thirds::after, .flex-grid-quarters::after
	{
	clear: both
}

.flex-grid {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around
}

.flex-grid .col {
	flex: 1
}

.col.w45 {
	flex: 1 0 45%
}

.flex-grid-thirds {
	display: flex;
	justify-content: space-between
}

.flex-grid-thirds.col33 {
	width: 33%
}

.flex-grid-thirds .col {
	width: 32%
}

.flex-grid-thirds .col.twothirds {
	width: 66%
}

.flex-grid-quarters {
	display: flex
}

.flex-grid-quarters .col {
	width: 25%
}

.flex-grid-half {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-end
}

.flex-grid-half .col {
	width: 49.5%;
	margin: 0 .25% .25% 0
}

.flex-grid-half.stats {
	width: 66%
}

@media ( max-width :1215px) {
	.flex-grid-half .col, .flex-grid-half.stats, .flex-grid-half .col.stats
		{
		width: 100%
	}
	.flex-grid-thirds.col33 {
		width: 100% !important
	}
}

@media ( max-width :767px) {
	.flex-grid, .flex-grid-thirds {
		flex-direction: column
	}
	.flex-grid .col, .flex-grid-thirds .col, .flex-grid-thirds .col.twothirds,
		.flex-grid-half .col, .flex-grid-half.stats, .flex-grid-thirds.col33 {
		display: block;
		width: 100%;
		margin: 0 0 10px 0
	}
	.flex-grid-quarters {
		flex-flow: wrap
	}
	.flex-grid-quarters .col {
		width: 50%
	}
}

.segment {
	width: 100%;
	clear: both;
	margin: 0 auto
}

.segment::before, .segment::after {
	content: "";
	display: table
}

.segment::after {
	clear: both
}

.col {
	display: block;
	float: left;
	margin: 0 0 0 1.6%
}

.col:first-of-type {
	margin-left: 0
}

.quarter-col {
	width: 23.8%
}

.third-col {
	width: 32.26%
}

.half-col {
	width: 49.2%
}

.twothird-col {
	width: 66.13%
}

.threequarter-col {
	width: 74.6%
}

.content-matrix .half-col:nth-child(odd) {
	margin-left: 0
}

.segment h1 {
	font-size: 44px
}

.segment-intro {
	position: relative;
	width: 100%;
	height: 449px
}

.segment-intro .col {
	padding: 40px
}

.segment.charities .col {
	min-height: 375px !important
}

.segment-intro .overlay, .segment-intro .overlay-right {
	z-index: 10;
	display: block;
	position: absolute;
	left: 0;
	top: 0
}

.segment-intro .overlay-right {
	left: calc(50% - 80px)
}

.categoryguide #content {
	padding: 1em 0 2em 0 !important
}

body.categoryguide #content h1 {
	line-height: 45px
}

body.categoryguide #content h1 span {
	font-weight: 300
}

body.categoryguide #content h2.section {
	color: #000
}

.guide_intro_banner {
	position: relative;
	clear: both;
	width: 100%;
	overflow: hidden;
	height: 640px
}

.guide_intro_banner div {
	z-index: 10;
	display: block;
	position: absolute;
	left: 30px;
	top: 30px;
	width: 50%;
	padding: 10px;
	background: rgba(255, 255, 255, .7)
}

.guide_intro_banner p {
	margin: 0
}

.categoryguide #content .matrix {
	font-size: 18px
}

#guide_faqs {
	width: 90%;
	padding: 2em 5%;
	background: #41c66c
}

#content #guide_faqs h2.section {
	margin-top: 0;
	color: #004a27
}

#content #guide_faqs h4 {
	font-size: 1.2em;
	font-weight: 300;
	margin-top: 1em;
	padding-top: .5em;
	padding-right: 2em;
	border-top: 1px solid #006837
}

#guide_faqs h4 a::after {
	display: inline-block;
	width: 1em;
	padding-left: 1em;
	content: "\25BC";
	font-size: .6em
}

#guide_faqs h4.opened a::after {
	display: inline-block;
	width: 1em;
	padding-left: 1em;
	content: "\25B2";
	font-size: .6em
}

#guide_faqs h4 a:link, #guide_faqs h4 a:visited {
	display: block;
	color: #fff;
	text-decoration: none
}

#guide_faqs h4 a:hover, #guide_faqs h4 a:active {
	text-decoration: none;
	color: rgba(255, 255, 255, .5)
}

#guide_faqs .faqbox {
	margin: 0;
	padding: 6px 15px;
	background-color: rgba(255, 255, 255, .5);
	border: none
}

#guide_products .segment {
	padding: 20px 0
}

#guide_products h4, #guide_products p {
	margin: 0;
	padding: 0 20px
}

#guide_products b {
	font-weight: 700
}

.guide_products_type {
	width: 80%;
	margin: 60px auto 20px;
	padding: 40px 10% 40px
}

.guide_intro_banner div#BANNERTEXT {
	left: 0;
	top: 0;
	width: 100%
}

header#headercontainer {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	min-height: 110px;
	background: #fff;
	z-index: 99
}

header#headercontainer.scroll-down {
	position: static;
	margin-top: -184px
}

#header, #topbar, nav {
	max-width: 1216px;
	position: relative;
	margin: 0 auto;
	clear: both
}

#topbarcontainer {
	height: 26px;
	padding-top: 8px;
	background: #54833f;
	line-height: 14px;
	font-size: 14px;
	color: #fff
}

#topbar {
	height: 24px;
	justify-content: space-between;
	align-items: flex-start
}

#topbar div:nth-of-type(1), #topbar div:nth-of-type(3) {
	width: 30%;
	text-align: right
}

#topbar div:nth-of-type(2) {
	width: 40%;
	text-align: center
}

#topbar strong {
	font-family: Arboria-Bold, Arial, Helvetica, sans-serif
}

#topbar a:link, #topbar a:visited {
	text-decoration: none;
	color: #fff;
	padding: 0;
	transition: .3s
}

#topbar div:nth-of-type(2) a:link, #topbar div:nth-of-type(2) a:visited
	{
	text-decoration: underline
}

#topbar a:link:last-of-type, #topbar a:visited:last-of-type {
	padding-right: 0
}

#topbar a:hover, #topbar a:active {
	opacity: .7
}

#header {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	padding: 0;
	height: 88px
}

#header #logo {
	width: 26%;
	background-image: url(/images/logo.svg);
	background-position: center left;
	background-size: 179px 36px;
	background-repeat: no-repeat
}

#header #sphinxsearch {
	width: 48%;
	white-space: nowrap
}

#header #menus {
	width: 26%;
	font-size: 14px;
	position: absolute;
	right: 0
}

#header #menus ul {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-end;
	align-items: center;
	margin: 0;
	padding: 0;
	list-style-type: none
}

#header #menus li {
	padding: 0 12px
}

#header #menus li:first-of-type {
	padding: 0
}

#header #menus li:last-of-type {
	padding-right: 0
}

#header #menus a:link, #header #menus a:visited {
	color: #3b3b3b
}

#header #menus a:hover, #header #menus a:focus {
	color: #54833f;
	text-decoration: none
}

#header #menus .user {
	min-width: 1.1em;
	min-height: 1.1em;
	padding: .35em;
	background: #eea5a0;
	border-radius: 50%;
	font-family: "Titillium Web";
	line-height: 1.1rem;
	text-align: center;
	font-size: 1.1em;
	color: #fff;
	transition: .2s
}

#header #menus .user:hover {
	background: #54833f;
	color: #fff;
	cursor: pointer
}

#header #menus .user a:link, #header #menus .user a:visited, #header #menus .user a:hover,
	#header #menus .user a:focus {
	color: #fff;
	text-decoration: none !important
}

#logo img {
	width: 179px;
	height: 36px
}

#header #menus .user {
	position: relative
}

#header #menus .user ul {
	position: absolute;
	background: #fff;
	border-radius: 4px;
	left: 0;
	right: 0;
	text-align: left;
	margin: auto;
	flex-direction: column;
	box-shadow: 2px 4px 8px rgb(14 31 53/ 16%);
	width: 160px;
	z-index: 10;
	display: none;
	margin-left: -66px;
	margin-top: 25px
}

#header #menus .user ul li {
	height: 40px;
	width: 100%;
	line-height: 40px;
	border-bottom: 1px solid #e9e9e9;
	padding: 0 10px
}

#header #menus .user ul li a {
	color: #616161 !important
}

#header #menus .user ul .chevron {
	width: 0;
	height: 0;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-bottom: 20px solid #fff;
	position: absolute;
	top: -20px
}

#header #menus .user:hover>ul, #header #menus .user ul:hover {
	display: flex
}

#account-menu {
	width: 31px;
	height: 31px
}

#account-menu ul {
	position: relative;
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: inline-block
}

#account-menu ul ul {
	position: absolute;
	display: none;
	background: #fff;
	box-shadow: 0 1px 5px rgba(0, 0, 0, .3);
	z-index: 120;
	left: -50px
}

#account-menu ul:hover ul {
	display: block
}

#account-menu ul ul li {
	padding: .5em 1em;
	white-space: nowrap;
	background: #fff
}

#account-menu ul ul li a:link, #shippingpromise ul ul li a:visited {
	display: block
}

.cart_mybagonly div {
	position: absolute; \
	right: 0;
	width: 44px;
	height: 32px;
	top: -7px;
	z-index: 2
}

#minicart {
	line-height: 32px
}

#minicart>a {
	position: relative
}

#minicart>a>img {
	margin-bottom: -9px
}

#minicart .cart-counter {
	position: absolute;
	top: -10px;
	right: -7px;
	min-width: 1.2rem;
	background: #54833f;
	border-radius: 50%;
	line-height: 1.2rem;
	text-align: center;
	font-size: .6rem;
	color: #fff
}

#announcecontainer {
	padding: 19px 0 18px;
	background: #e1fae4;
	line-height: 1.3em;
	text-align: center;
	color: #006851
}

#announcecontainer .flex {
	margin: 0 auto;
	width: 960px;
	align-items: center;
	justify-content: space-between
}

#announcecontainer .flex>div:first-child {
	flex-grow: 1
}

.sitenotice {
	background: #d1dbc0;
	padding: 16px 0 20px
}

.sitenotice p {
	text-align: center;
	margin: 0;
	padding: 0 1em
}

.sitenotice a:link, .sitenotice a:visited {
	display: inline-block;
	color: #3b3b3b;
	line-height: 1em;
	text-decoration: none;
	border-bottom: 1px dotted #3b3b3b
}

.sitenotice a:hover, .sitenotice a:active {
	color: #54833f;
	text-decoration: none !important;
	border-bottom: 1px dotted #54833f
}

#brandfeaturescontainer-relative {
	position: relative;
	background: #f0ebe6
}

#brandfeaturescontainer {
	display: table;
	position: static;
	margin: 0 auto;
	width: 100%;
	max-width: 950px;
	-moz-scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: none;
	line-height: 40px;
	text-transform: uppercase;
	font-style: normal;
	font-size: 11px;
	letter-spacing: 2px
}

#brandfeaturescontainer::-webkit-scrollbar {
	width: 0;
	height: 0
}

#brandfeatures {
	display: table-row;
	position: static;
	width: 100%;
	justify-content: space-around
}

#brandfeatures a:link, #brandfeatures a:visited {
	color: #3b3b3b;
	transition: .3s
}

#brandfeatures a:hover, #brandfeatures a:active {
	color: #54833f;
	text-decoration: none
}

#brandfeatures div {
	display: table-cell;
	position: relative;
	margin: 0;
	padding: 0 16px;
	transition: .3s;
	text-align: center
}

#brandfeatures>div:after {
	content: '';
	border-right: 1px solid #afafaf;
	height: 12px;
	position: absolute;
	top: 14px;
	right: 0
}

#brandfeatures>div:last-of-type:after {
	border: none
}

#brandfeatures div div {
	display: none;
	position: absolute;
	white-space: nowrap;
	width: fit-content;
	height: 40px;
	margin: 8px auto 0;
	left: 50%;
	transform: translate(-50%, 0);
	font-size: 12px;
	line-height: 36px;
	text-align: center;
	color: #616161;
	text-transform: none;
	letter-spacing: 0;
	background: #fff;
	border-radius: 4px;
	box-shadow: 0 0 4px rgba(0, 0, 0, .2);
	z-index: 90
}

#brandfeatures div:hover div {
	display: block
}

#brandfeatures div div::before {
	content: "";
	position: absolute;
	top: -20px;
	left: calc(50% - 18px);
	display: block;
	height: 20px;
	width: 36px;
	background-color: transparent;
	background-image: url(/images/menu-triangle.png);
	background-repeat: no-repeat;
	background-size: 36px;
	z-index: 150
}

@media only screen and (max-width:1215px) {
	body {
		padding: 122px 0 0
	}
	header#headercontainer {
		min-height: 96px
	}
	#headercontainer.scroll-down {
		margin-top: -146px
	}
	#topbarcontainer {
		font-size: 12px
	}
	#topbar, #header {
		width: 96%;
		padding-right: 2%;
		padding-left: 2%
	}
	#topbar {
		overflow: hidden;
		justify-content: center
	}
	#header>div:first-of-type {
		width: 8%
	}
	#header #logo {
		width: 22%;
		background-size: 141px 28px;
		margin-bottom: -8px
	}
	#header #sphinxsearch {
		width: 50%
	}
	#header #menus {
		width: 20%;
		right: 39px
	}
	#logo img {
		width: 141px;
		height: 28px
	}
	#header #menus li {
		padding: 0 7px
	}
	#header #menus li:nth-of-type(2) {
		padding: 0
	}
	#header #menus li#cart_checkout {
		margin-top: -7px
	}
	#header #menus ul li img {
		width: 24px;
		height: 24px
	}
	#minicart .cart-counter {
		top: -9px;
		right: -3px;
		min-width: 1rem;
		line-height: 1rem;
		font-size: .7rem
	}
	#brandfeaturescontainer {
		font-size: 10px;
		line-height: 32px
	}
}

@media only screen and (max-width:980px) {
	#brandfeatures {
		width: 950px
	}
	#brandfeaturescontainer {
		display: block;
		position: static;
		overflow: scroll;
		overflow-y: visible;
		white-space: nowrap;
		-ms-overflow-style: none;
		-webkit-overflow-scrolling: touch;
		-moz-scrollbar-width: none;
		-ms-overflow-style: none
	}
	#brandfeatures div {
		padding: 0 32px
	}
	#brandfeatures>div:after {
		top: 10px
	}
	#brandfeatures div div {
		display: none !important;
		left: -9999px;
		opacity: 0
	}
}

@media only screen and (max-width:767px) {
	body {
		padding: 144px 0 0
	}
	header#headercontainer {
		min-height: 144px
	}
	#headercontainer.scroll-down {
		margin-top: -184px
	}
	#header {
		justify-content: space-between;
		width: 100%;
		height: 102px;
		padding: 10px 0 0;
		flex-flow: row wrap
	}
	#header>div:first-of-type {
		width: 26%;
		display: flex
	}
	#header>div:first-of-type>a:nth-of-type(2) {
		display: flex
	}
	#header #logo {
		width: 40%;
		background-position-x: 50%;
		margin-bottom: -5px
	}
	#header #menus {
		right: auto;
		top: auto;
		width: 26%;
		position: relative
	}
	#header #menus ul {
		padding-right: 20px
	}
	#header #menus .user {
		min-width: 1em;
		min-height: 1em;
		padding: .37em;
		line-height: .9em;
		font-size: 14px
	}
	#topbar div:nth-of-type(2) {
		width: 90%
	}
}

@media only screen and (max-width:374px) and (orientation:portrait) {
	#logo img {
		width: 127px;
		height: 25px
	}
	#header #logo {
		background-size: 127px 25px
	}
	#header #menus li {
		padding: 0 3px
	}
	#header #menus li:nth-of-type(2) {
		padding: 0 6px 0 0
	}
}

.shop .faqs {
	background-color: #f0f0f0;
	text-align: center;
	padding: 1.6em 0;
	margin-bottom: 40px
}

.shop .faqs a {
	display: block;
	margin: 20px 0;
	text-decoration: underline;
	line-height: 1.6em;
	font-family: "proxima-nova-condensed", Arial, Helvetica, Verdana,
		sans-serif;
	font-weight: 500;
	font-size: 24px;
	color: #ff2f82
}

.shop .faqs h2 {
	font-size: 23px
}

.shop .faqs a.more {
	font-size: 18px
}

#options {
	margin-bottom: 70px
}

#options h3 {
	font-family: "proxima-nova-extra-condensed", Arial, Helvetica, Verdana,
		sans-serif;
	text-transform: uppercase;
	font-size: 1.333em;
	font-weight: 500;
	letter-spacing: .04em;
	text-align: center;
	width: 100%;
	margin-top: 18px
}

#options .promo {
	border: 2px solid #ff2f82;
	padding: 40px 3% 52px 3%;
	width: 100%
}

#options .flex-grid-thirds {
	margin: .7em 0
}

#options .promo:hover {
	border: 2px solid #333
}

#options .promo div {
	padding: 0;
	display: flex;
	align-items: flex-end;
	height: 3em
}

#options .col.promo img {
	margin: auto
}

#options .flex-grid-thirds:first-child .col.promo:first-child img {
	width: 45px;
	height: auto
}

#options .flex-grid-thirds:first-child .col.promo:nth-child(2) img {
	width: 63px;
	height: auto
}

#options .flex-grid-thirds:first-child .col.promo:last-child img {
	width: 55px;
	height: auto
}

#options .flex-grid-thirds:last-child .col.promo:first-child img {
	width: 50px;
	height: auto
}

#options .flex-grid-thirds:last-child .col.promo:nth-child(2) img {
	width: 60px;
	height: auto
}

#options .flex-grid-thirds:last-child .col.promo:last-child img {
	width: 60px;
	height: auto
}

#c-details select {
	width: 100%;
	font-size: 16px
}

#c-details input[type="submit"] {
	font-size: 24px !important;
	width: 50%
}

#c-details {
	font-family: "proxima-nova-condensed", Arial, Helvetica, Verdana,
		sans-serif
}

#c-details.birthday-form-container {
	width: 60%;
	margin: 0 auto;
	padding: 40px;
	background: #eee
}

#c-details h2 {
	margin: 1.2em 0 0 0;
	font-size: 23px
}

#c-details h2:first-child {
	margin-top: 0
}

#c-details a[href^="tel"] {
	display: block;
	font-size: 23px;
	font-weight: 600;
	margin-top: .3em
}

#c-details a[href^="mailto"] {
	display: block;
	text-decoration: underline;
	margin: .3em 0;
	font-size: 16px
}

#c-details fieldset {
	padding: 0
}

#c-details p {
	margin-top: .2em;
	font-size: 16px;
	margin-bottom: 0
}

#c-details i {
	display: block;
	font-weight: 400;
	font-size: 16px;
	margin-bottom: 1em
}

#c-details strong {
	font-weight: 500;
	padding-top: .3em;
	font-size: 16px
}

#c-details .col:first-child {
	background-color: #f0f0f0;
	padding: 40px 100px 50px 40px
}

#c-details input, #c-details textarea, #c-details select {
	margin-top: 20px
}

#c-details .col:last-child {
	padding-left: 120px
}

#c-details .byline {
	font-size: 22px;
	margin: .5em 0 -10px 0
}

#c-details .hidelabels legend {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px
}

#c-details .hidelabels legend.except {
	margin: 0 0 .3em 0;
	position: relative;
	width: auto;
	height: auto;
	text-transform: none;
	font-weight: 400
}

#c-details .half span:not (.msg ) {
	width: 50%;
	display: inline-block
}

#c-details .third span:not (.msg ) {
	width: 31.333%;
	display: inline-block
}

.birthday-form h1 {
	margin-top: 1em !important
}

.healthcare #c-details select#field_gender, .birthday-form #c-details select#field_gender
	{
	height: 40px
}

#c-details fieldset.half span:nth-of-type(odd) {
	padding-right: 10px
}

#c-details fieldset.half span:nth-of-type(even) {
	padding-left: 10px
}

#c-details fieldset.third span:nth-of-type(-n+2) {
	padding-right: 1.5%
}

#c-details fieldset.third span {
	padding-left: 1.5%
}

#c-details fieldset.third span:nth-of-type(3n+1) {
	padding-left: 0
}

#c-details .half .msg {
	padding-right: 0 !important
}

#c-details .half .msg textarea {
	font-size: 16px;
	padding-top: 10px
}

.gradient-full-width.intro {
	margin-top: 10px;
	margin-bottom: 40px
}

.gradient-full-width.intro p {
	font-family: "proxima-nova-extra-condensed", Arial, Helvetica, Verdana,
		sans-serif
}

.gradient-full-width.contact {
	padding: .3em 0
}

.gradient-full-width.contact p {
	font-family: "proxima-nova-condensed", Arial, Helvetica, Verdana,
		sans-serif
}

.gradient-full-width.contact .byline {
	font-size: 24px;
	font-weight: 600;
	margin: .3em 0
}

p.announcement {
	margin: 1em 0;
	font-size: 2em;
	text-align: center;
	text-transform: uppercase;
	padding: 0
}

p.announcement a:link, p.announcement a:visited {
	text-decoration: none !important;
	padding: 7px 14px 4px;
	border: 1px solid #000
}

p.announcement a:hover, p.announcement a:active {
	border: 1px solid #ff2f82;
	color: #ff2f82 !important
}

#home-categories {
	max-width: 1008px;
	margin: 0 auto
}

#home-categories p.section {
	margin-bottom: 60px
}

#home-categories>div {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: (1fr)[4];
	grid-template-columns: repeat(4, minmax(0, 1fr));
	grid-template-rows: repeat(auto-fill, auto);
	grid-gap: 32px
}

#home-categories>div>div div {
	position: relative;
	width: 100%;
	height: 152px;
	margin: 0;
	padding: 0;
	border-radius: 8px;
	background-color: gray;
	background-position: center center;
	background-size: cover
}

#home-categories h2 {
	font-family: "Titillium Web";
	font-weight: normal;
	font-style: normal;
	font-size: 1rem;
	line-height: 64px;
	text-align: center;
	margin: 0
}

#home-categories a:link h2, #home-categories a:visited h2 {
	color: #3b3b3b;
	transition: .2s
}

#home-categories a:hover h2, #home-categories a:focus h2 {
	color: #54833f
}

#home-categories a:hover, #home-categories a:focus {
	text-decoration: none !important
}

#home_slideshow {
	width: 980px;
	height: 340px;
	overflow: hidden;
	clear: both;
	float: none;
	position: relative
}

#home_slideshow img {
	border: none !important
}

#home_slideshow a img {
	border: none !important
}

#home_slideshow a:hover img, #home_slideshow a:active img {
	border: none !important
}

.home-buttons {
	width: 100%;
	margin: 0 auto 40px
}

.home-buttons img {
	padding: 10%
}

img.home-masthead {
	width: 45%;
	height: auto
}

img.home-blogmasthead {
	width: 60%;
	height: auto
}

#home_media {
	width: 480px;
	float: right;
	padding-top: 15px
}

#home_newproducts {
	width: 100%;
	height: 280px;
	clear: both;
	margin: 0 0 2em
}

#home_products a img {
	border: 1px solid #dbcfba
}

#followus {
	height: 25px;
	background: url(/images/followus.png) left top no-repeat;
	background-size: 112px;
	padding-top: 30px
}

#followus a:link, #followus a:visited {
	margin-right: 7px;
	transition: opacity .3s ease-in-out
}

#followus a:hover {
	opacity: .5
}

body.homepage #content {
	position: relative;
	padding-top: 42px
}

body.homepage .home-section.brands {
	max-width: 1008px;
	margin: 0 auto 92px
}

body.homepage #home_newproducts {
	height: auto
}

.home-section.brands #brands_search {
	margin: 59px auto 41px
}

.home-section-head {
	justify-content: flex-start;
	align-items: baseline
}

.home-section-head>* {
	margin-right: 15px !important
}

.home-section-head p {
	margin: 0;
	text-align: left
}

body.homepage #content .home-section-head p.section {
	margin-top: 15px
}

.homepage-products {
	position: relative;
	margin-top: 70px;
	margin-bottom: 84px;
	justify-content: center;
	padding: 130px 104px 70px;
	background: #fff;
	filter: drop-shadow(50vw 0 0 white) drop-shadow(-50vw 0 0 white)
}

.overflow-scroll {
	flex-flow: row nowrap !important;
	overflow-x: scroll;
	overflow-y: hidden;
	width: auto;
	height: 100%;
	padding: 2px;
	justify-content: flex-start;
	-ms-overflow-style: none;
	-moz-scrollbar-width: none;
	-ms-overflow-style: none
}

.overflow-scroll::-webkit-scrollbar {
	width: 0;
	height: 0
}

.overflow-scroll .advance {
	position: absolute;
	z-index: 98;
	right: 0;
	top: 50%
}

.overflow-scroll .retreat {
	position: absolute;
	z-index: 98;
	left: 0;
	top: 50%;
	transform: scaleX(-1);
	opacity: .3
}

.overflow-scroll .advance, .overflow-scroll .retreat {
	background-image:
		url(data:image/svg+xml,%3C%3Fxml\ version=\'1.0\'\ encoding=\'utf-8\'%3F%3E%3Csvg\ version=\'1.1\'\ baseProfile=\'tiny\'\ id=\'Layer_1\'\ xmlns=\'http://www.w3.org/2000/svg\'\ xmlns:xlink=\'http://www.w3.org/1999/xlink\'\ x=\'0px\'\ y=\'0px\'\ viewBox=\'0\ 0\ 24\ 24\'\ overflow=\'visible\'\ xml:space=\'preserve\'%3E%3Cpath\ fill=\'%233B3B3B\'\ d=\'M9,6.7c-0.4,0.4-0.4,1,0,1.4l3.9,3.9L9,15.9c-0.4,0.4-0.4,1,0,1.4s1,0.4,1.4,0l4.6-4.6c0.4-0.4,0.4-1,0-1.4\ l-4.6-4.6C10,6.3,9.4,6.3,9,6.7z\'/%3E%3C/svg%3E%0A);
	width: 40px;
	height: 40px;
	background-color: #fff;
	margin: auto;
	border-radius: 50%;
	box-shadow: 0px 2px 4px rgb(14 31 53/ 4%), 0px 6px 12px
		rgb(14 31 53/ 4%), 0px 12px 20px rgb(14 31 53/ 3%);
	background-repeat: no-repeat;
	background-position: 55%;
	background-size: 30px;
	z-index: 5;
	cursor: pointer
}

.overflow-scroll .advance:hover, .overflow-scroll .retreat:hover {
	box-shadow: 0 0 2px rgba(14, 31, 53, .30)
}

.home-section.homepage-articles .advance, .home-section.homepage-articles .retreat
	{
	top: auto;
	bottom: 150px
}

.overflow-scroll .article-list li {
	max-width: 228px
}

.homepage-products .toggler-item, .category .toggler-item {
	position: relative;
	display: inline-block;
	top: -60px;
	width: auto;
	min-width: 150px;
	margin-bottom: 32px;
	text-align: center;
	font-size: 18px;
	line-height: 26px;
	cursor: pointer;
	transition: .3s
}

.category .toggler-item {
	margin-bottom: 60px
}

.homepage-products .toggler-item:hover, .category .toggler-item:hover {
	color: #000;
	border-bottom: none
}

.homepage-products .toggler-item.active span, .category .toggler-item.active span
	{
	color: #54833f;
	border-bottom: 2px solid #54833f;
	padding-bottom: 14px
}

.homepage #intro {
	background: #fff;
	filter: drop-shadow(50vw 0 0 white) drop-shadow(-50vw 0 0 white);
	padding: 98px 0
}

.home-section.homepage-articles {
	background-color: #8ba462;
	filter: drop-shadow(50vw 0 0 #8ba462) drop-shadow(-50vw 0 0 #8ba462);
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	padding: 48px 0 48px;
	color: #fff
}

.homepage .home-section.homepage-articles {
	padding-bottom: 116px
}

.home-section.homepage-articles>div {
	position: relative;
	width: 100%
}

.home-section.homepage-articles h3 a:link, .home-section.homepage-articles h3 a:visited
	{
	color: #fff
}

.home-section.homepage-articles .overflow-scroll {
	max-width: 1008px;
	margin: 0 auto
}

.home-section.homepage-articles .article-list li {
	width: 228px;
	flex-direction: column;
	height: 312px !important;
	border-radius: 8px
}

.home-section.homepage-articles .article-image-category {
	border-radius: 8px 8px 0 0
}

.home-section.homepage-articles .article-image-category, .home-section.homepage-articles .article-image-category .category
	{
	max-width: 100%
}

.home-section.homepage-articles .article-details>header {
	min-height: 108px
}

.home-section.homepage-articles p.view-all {
	margin-top: 42px
}

.homepage .home-section.homepage-articles p.view-all {
	position: absolute;
	left: 50%;
	transform: translateX(-50%)
}

.home-section.homepage-articles p.view-all a:link, .home-section.homepage-articles p.view-all a:visited
	{
	color: #fff
}

.home-section.homepage-articles p.view-all a::after {
	background-image:
		url(data:image/svg+xml,%3Csvg\ version=\'1.1\'\ baseProfile=\'tiny\'\ id=\'Layer_1\'\ xmlns=\'http://www.w3.org/2000/svg\'\ xmlns:xlink=\'http://www.w3.org/1999/xlink\'\ x=\'0px\'\ y=\'0px\'\ viewBox=\'0\ 0\ 15\ 14\'\ overflow=\'visible\'\ xml:space=\'preserve\'%3E%3Cpath\ fill=\'%23FFFFFF\'\ d=\'M6.7,0.9l0.7-0.7c0.3-0.3,0.8-0.3,1.1,0l6.2,6.2c0.3,0.3,0.3,0.8,0,1.1l-6.2,6.2c-0.3,0.3-0.8,0.3-1.1,0\ l-0.7-0.7c-0.3-0.3-0.3-0.8,0-1.1l3.9-3.7H1.4C1,8.3,0.6,7.9,0.6,7.5v-1c0-0.4,0.3-0.8,0.8-0.8h9.2L6.8,2C6.4,1.7,6.4,1.2,6.7,0.9z\'\ /%3E%3C/svg%3E%0A)
}

.home-section h3 {
	font-size: 34px;
	line-height: 41px;
	margin-bottom: 5px
}

.home-section p {
	font-size: 18px;
	line-height: 26px;
	margin: 0
}

.homepage-products .toggler-details {
	margin-top: -40px
}

.homepage-article-controls {
	max-width: 1008px;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	border-bottom: 1px solid #b9c8a1;
	height: 50px
}

.homepage-article-controls h2 {
	margin: auto 20px;
	margin-bottom: 0;
	padding-bottom: 8px;
	font-size: 18px;
	font-family: "Titillium Web";
	font-style: normal;
	font-weight: normal;
	color: #e8ede0
}

.homepage-article-controls .toggler-item.active {
	border-bottom: 2px solid #fff;
	font-family: "Titillium Web";
	font-weight: normal;
	font-style: normal;
	color: #fff
}

ul.flex.article-list {
	flex-flow: row nowrap;
	display: grid;
	grid-auto-flow: column;
	grid-gap: 32px;
	text-align: left;
	padding: 0
}

.homepage ul.flex.article-list {
	margin: 140px auto 0
}

.homepage .homepage-articles-intro {
	position: absolute;
	width: 90%;
	left: 50%;
	transform: translateX(-50%)
}

ul.flex.article-list li .article-image-category a {
	background: #fff !important;
	color: #8ba462 !important;
	text-decoration: none !important;
	font-family: "Titillium Web";
	font-style: normal;
	font-weight: normal
}

ul.flex.article-list .article-details>header>h4>a {
	font-family: "Titillium Web";
	font-style: normal;
	font-weight: normal
}

ul.flex.article-list .article-details>header>a>div {
	font-family: "Titillium Web";
	font-weight: normal;
	font-style: normal;
	text-decoration: none
}

@media only screen and (max-width:1215px) {
	body.homepage #content {
		padding-top: 24px
	}
	#home-categories p.section {
		margin-bottom: 36px
	}
	#home-categories>div {
		grid-gap: 30px
	}
	#home-categories>div>div div {
		height: 104px;
		border-radius: 4px
	}
	#home-categories h2 {
		font-size: 14px;
		line-height: 56px
	}
	.homepage-products {
		margin-top: 48px;
		padding-top: 110px;
		margin-bottom: 44px
	}
	.homepage-products .toggler-details {
		margin-right: -39px
	}
	.homepage-products .toggler-item, .category .toggler-item {
		min-width: 116px;
		font-size: 16px;
		line-height: 22px;
		margin-bottom: 24px
	}
	.homepage-products .toggler-item.active span, .category .toggler-item.active span
		{
		padding-bottom: 5px
	}
	.home-section.brands {
		width: 100%;
		margin: 0 auto 44px
	}
	.home-section.brands #brands_search {
		margin: 28px auto 23px
	}
	.homepage #intro {
		padding: 48px 0 0
	}
}

@media only screen and (max-width:1088px) {
	.homepage-products {
		padding-left: 0;
		padding-right: 0
	}
	.home-section.homepage-articles .overflow-scroll {
		margin-right: -40px;
		margin-left: -40px;
		padding-left: 40px
	}
	.home-section h3 {
		font-size: 28px;
		line-height: 32px
	}
	.overflow-scroll .advance, .overflow-scroll .advance:hover,
		.overflow-scroll .retreat, .overflow-scroll .retreat:hover,
		.home-section.homepage-articles .advance, .home-section.homepage-articles .advance:hover,
		.home-section.homepage-articles .retreat, .home-section.homepage-articles .retreat:hover
		{
		background-image:
			url(data:image/svg+xml,%3C%3Fxml\ version=\'1.0\'\ encoding=\'utf-8\'%3F%3E%3Csvg\ version=\'1.1\'\ baseProfile=\'tiny\'\ id=\'Layer_1\'\ xmlns=\'http://www.w3.org/2000/svg\'\ xmlns:xlink=\'http://www.w3.org/1999/xlink\'\ x=\'0px\'\ y=\'0px\'\ viewBox=\'0\ 0\ 24\ 24\'\ overflow=\'visible\'\ xml:space=\'preserve\'%3E%3Cpath\ fill=\'%233B3B3B\'\ d=\'M9,6.7c-0.4,0.4-0.4,1,0,1.4l3.9,3.9L9,15.9c-0.4,0.4-0.4,1,0,1.4s1,0.4,1.4,0l4.6-4.6c0.4-0.4,0.4-1,0-1.4\ l-4.6-4.6C10,6.3,9.4,6.3,9,6.7z\'/%3E%3C/svg%3E%0A);
		border: 0;
		background-color: transparent;
		box-shadow: none;
		top: auto;
		bottom: 16px
	}
	.home-section.homepage-articles .advance, .home-section.homepage-articles .advance:hover,
		.home-section.homepage-articles .retreat, .home-section.homepage-articles .retreat:hover
		{
		display: none !important;
		background-image:
			url(data:image/svg+xml,%3C%3Fxml\ version=\'1.0\'\ encoding=\'utf-8\'%3F%3E%3Csvg\ version=\'1.1\'\ baseProfile=\'tiny\'\ id=\'Layer_1\'\ xmlns=\'http://www.w3.org/2000/svg\'\ xmlns:xlink=\'http://www.w3.org/1999/xlink\'\ x=\'0px\'\ y=\'0px\'\ viewBox=\'0\ 0\ 24\ 24\'\ overflow=\'visible\'\ xml:space=\'preserve\'%3E%3Cpath\ fill=\'%23FFFFFF\'\ d=\'M9,6.7c-0.4,0.4-0.4,1,0,1.4l3.9,3.9L9,15.9c-0.4,0.4-0.4,1,0,1.4s1,0.4,1.4,0l4.6-4.6c0.4-0.4,0.4-1,0-1.4\ l-4.6-4.6C10,6.3,9.4,6.3,9,6.7z\'/%3E%3C/svg%3E%0A)
	}
	.home-section.homepage-articles .article-list li {
		width: 180px;
		height: 272px !important
	}
	.home-section.homepage-articles .article-details header h4,
		.home-section.homepage-articles .article-details header div {
		font-size: 14px;
		line-height: 18px
	}
}

@media only screen and (max-width:767px) {
	body.homepage #content {
		padding-top: 16px
	}
	#home-categories p.section {
		margin-bottom: 28px
	}
	#home-categories>div {
		-ms-grid-columns: (1fr)[2];
		grid-template-columns: repeat(2, minmax(0, 1fr));
		grid-gap: 0 20px
	}
	#home-categories>div>div div {
		height: 104px;
		border-radius: 6px
	}
	#home-categories h2 {
		font-size: 1rem;
		line-height: 50px
	}
	.homepage-products {
		justify-content: space-between
	}
	.homepage-products .toggler-details {
		margin-right: -20px
	}
	.homepage-products .toggler-item, .category .toggler-item {
		min-width: auto;
		font-size: 16px;
		line-height: 20px;
		margin-bottom: 8px
	}
	.home-section h3 {
		font-size: 20px;
		line-height: 24px
	}
	.home-section p {
		font-size: 16px;
		line-height: 22px
	}
	.home-section.homepage-articles {
		padding: 24px 0 46px
	}
	.homepage .home-section.homepage-articles {
		padding-bottom: 116px
	}
	.homepage-article-controls h2 {
		margin: auto 0;
		width: 50%
	}
	.home-section .homepage-articles-intro {
		max-width: 286px;
		margin: 0 auto
	}
	.home-section.homepage-articles .article-details>header {
		min-height: 82px
	}
	.home-section.homepage-articles .article-list li img {
		border-radius: 0
	}
	.home-section.homepage-articles .article-details header h4,
		.home-section.homepage-articles .article-details header div {
		font-size: 16px;
		line-height: 20px
	}
	.home-section.brands #brands_search {
		margin: 19px auto 32px
	}
	.home-section.homepage-articles .overflow-scroll {
		margin-right: -20px;
		margin-left: -20px;
		padding-left: 20px
	}
	.home-section.homepage-articles .article-list li {
		width: 246px;
		flex-direction: column;
		height: 319px !important
	}
	.home-section.homepage-articles .article-image-category, .home-section.homepage-articles .article-image-category .category
		{
		max-width: 100%
	}
}

body.instagram {
	padding-top: 0 !important
}

.instagram header#headercontainer, .instagram #brandfeaturescontainer,
	.instagram #shipping-worm {
	display: none !important
}

.instagram .links-logo {
	text-align: center;
	padding: 2em 0 .5em
}

.instagram .gram {
	flex: 0 1 23%;
	transition: .3s
}

.instagram .gram:hover {
	opacity: .75
}

.instagram .gram:hover, .instagram .gram:hover a {
	text-decoration: none !important
}

.aboutus #hero.flex, .meetirene #hero.flex {
	background: #fff;
	filter: drop-shadow(50vw 0 0 #fff) drop-shadow(-50vw 0 0 #fff)
}

.aboutus main .flex {
	flex-direction: column;
	padding: 80px 0;
	padding-bottom: 0
}

.aboutus #pagebanner>div {
	height: 490px
}

.aboutus #pagebanner div>div.nomobile {
	max-width: 50%;
	color: #3b3b3b
}

.aboutus.ourstory #pagebanner div>div.nomobile {
	color: #fff
}

.aboutus #pagebanner>div>h1 {
	color: #3b3b3b
}

.aboutus.ourstory #pagebanner>div>h1 {
	color: #fff
}

.meetirene #pagebanner>div {
	height: 399px
}

.meetirene #pagebanner {
	background: #737134 url(/images/ireneBanner.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover
}

.meetirene #pagebanner div p.nomobile {
	color: #fff;
	font-size: 18px;
	line-height: 24px
}

.meetirene #pagebanner div a.button.nomobile {
	max-width: 350px;
	background: #fff;
	color: #8ba462
}

.aboutus #hero.flex>div {
	flex-direction: row;
	justify-content: space-between;
	align-items: center
}

.aboutus .flex>div h1, .aboutus .flex>div h2, .aboutus .flex>div h3,
	.aboutus .flex>div p {
	line-height: 24px
}

.aboutus .flex>div h3 {
	font-size: 20px
}

.aboutus .flex>div h1 {
	font-size: 48px;
	margin-bottom: 30px
}

.aboutus .flex.nowrap {
	flex-direction: row;
	width: 100%;
	justify-content: space-between;
	align-items: center
}

.aboutus .flex.nowrap>div {
	width: 50%;
	max-width: 487px
}

.aboutus .flex.nowrap>div p {
	width: 100%
}

.aboutus .flex.nowrap>div:last-child {
	margin-right: 80px
}

.aboutus .flex.nowrap ul li {
	background: #f4f0ed;
	box-shadow: 0px 0px 2px rgb(14 31 53/ 12%);
	border-radius: 8px;
	height: 150px;
	list-style: none;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 20px 0;
	display: flex;
	flex-direction: column
}

.aboutus .flex.nowrap ul li h2 {
	margin: 0;
	color: #54833f;
	width: 100%
}

.aboutus .flex.nowrap ul li p {
	margin-bottom: 0;
	max-width: 80%
}

.aboutus .flex>h2 {
	text-align: center;
	margin-top: 0
}

.aboutus .ingredient-policy-card {
	height: fit-content;
	padding-top: 30px;
	padding-bottom: 30px;
	background: #54833f;
	border-radius: 24px;
	margin: 80px 0 !important;
	width: 100% !important;
	display: flex;
	color: #fff
}

.aboutus .ingredient-policy-card>div>p>a:link, .aboutus .ingredient-policy-card>div>p>a:visited
	{
	color: #fff;
	text-decoration: underline !important
}

.aboutus .ingredient-policy-card>div {
	width: 50%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center
}

.aboutus .ingredient-policy-card>div h2, .aboutus .ingredient-policy-card>div h3,
	.aboutus .ingredient-policy-card>div p {
	width: calc(100% - 40px * 2);
	margin: 5px 40px
}

.aboutus .ingredient-policy-card>div h2 {
	margin-bottom: 20px;
	line-height: 1.1em
}

.aboutus .stats {
	min-width: 420px
}

.aboutus .stats p {
	color: #fff;
	border-color: #fff;
	margin: 0 !important;
	max-height: 180px
}

.aboutus .stats p span {
	color: #fff !important;
	margin-bottom: 10px;
	font-size: 30px !important;
	line-height: 1.1em
}

.aboutus .flex-right {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	margin-left: auto !important;
	margin-bottom: 50px !important
}

.aboutus .flex-right div {
	width: 50%
}

.aboutus .flex-right>div>img {
	margin: 40px 0;
	max-height: 50px
}

.aboutus .flex-right>div>p {
	margin-right: 20%
}

.aboutus .flex-right>div>a.button {
	width: 60%
}

.nl-watermark {
	padding: 50px 0;
	background-image: url(/images/svg/nl-watermark.svg);
	background-repeat: no-repeat;
	background-position-x: 85%;
	background-position-y: 40%;
	background-size: contain
}

.nl-watermark h1, .nl-watermark h2, .nl-watermark h3, .nl-watermark p {
	width: calc(50% - 40px * 2);
	margin: 5px 40px
}

.nl-watermark h3 {
	margin-bottom: 40px
}

.aboutus #hero.flex .nl-clean-code-wrapper, .meetirene #hero.flex .nl-clean-code-wrapper
	{
	width: 100%;
	background: #8ba462;
	text-align: center;
	color: #fff;
	height: 296px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	filter: drop-shadow(50vw 0 0 #8ba462) drop-shadow(-50vw 0 0 #8ba462)
}

.nl-clean-code-wrapper p {
	max-width: 590px
}

.nl-clean-code-wrapper a.button {
	background: #fff;
	color: #8ba462;
	padding: 0 40px;
	margin: 40px 0
}

.ingredient-policy-card a.button {
	background: #fff;
	width: calc(100% - 40px);
	margin-top: 40px;
	color: #54833f
}

.irene-stat-icon {
	width: 124px;
	height: 124px;
	border-radius: 50%;
	background: #fff;
	margin-bottom: 26px;
	color: #54833f;
	font-size: 40px;
	line-height: 48px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: "Titillium Web"
}

.irene-stat-icon img {
	margin-right: -10px
}

.meetirene .flex.nowrap>div>ul {
	display: flex;
	background: #f0ebe6;
	height: 320px;
	align-items: center;
	justify-content: space-evenly;
	width: 100%;
	filter: drop-shadow(50vw 0 0 #f0ebe6) drop-shadow(-50vw 0 0 #f0ebe6);
	padding: 0;
	display: flex;
	align-items: flex-start;
	padding-top: 100px
}

.meetirene .flex.nowrap>div>ul>li {
	display: flex;
	flex-direction: column;
	align-items: center;
	max-width: 250px;
	text-align: center;
	justify-content: space-between
}

.meetirene .flex.nowrap>div>ul>li>p {
	margin: 0
}

.irene-stats {
	width: 100%
}

.irene-began {
	max-width: 590px;
	margin: auto
}

.irene-began h3 {
	text-align: center
}

.irene-began p {
	font-size: 16px;
	line-height: 24px
}

.irene-best {
	max-width: 590px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin: auto
}

.irene-began, .irene-best {
	padding: 50px 0
}

.irene-knows {
	height: 296px;
	left: 181px;
	top: 2768px;
	background: #fff;
	border-radius: 16px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	margin: 80px auto
}

.irene-knows h2 {
	margin: 0
}

.irene-knows p {
	width: 50%;
	margin: 40px 0
}

.irene-knows a.button {
	padding: 0 50px
}

.mobile-header-about a.button {
	width: 100%;
	background: #8ba462
}

@media only screen and (max-width:1199px) {
	.aboutus #pagebanner>div>h1 {
		margin-top: 700px;
		z-index: 9
	}
	.aboutus #hero.flex {
		padding-top: 180px
	}
	.aboutus.ourstory #pagebanner>div>h1 {
		color: #3b3b3b
	}
}

@media only screen and (max-width:1008px) {
	.aboutus .ingredient-policy-card {
		flex-direction: column !important;
		height: auto !important;
		padding: 40px 0;
		margin: 40px 0 !important
	}
	.aboutus .ingredient-policy-card>div {
		width: 100% !important
	}
	.aboutus .ingredient-policy-card .stats {
		margin: 40px auto 20px;
		width: calc(100% - 40px);
		min-width: auto
	}
	.aboutus .ingredient-policy-card div.stats p, .aboutus .ingredient-policy-card div.stats a
		{
		margin-left: auto !important;
		margin-right: auto !important
	}
	.aboutus .ingredient-policy-card h2 {
		text-align: center;
		line-height: 1.3em
	}
	.aboutus #hero.flex>div {
		flex-direction: column
	}
	.aboutus .flex-right div, .aboutus .flex.nowrap>div {
		width: 100%;
		max-width: none
	}
	.aboutus .flex-right img {
		width: 100% !important
	}
	.aboutus .flex.nowrap ul {
		padding: 0
	}
	.aboutus .flex.nowrap {
		margin-top: 0;
		flex-direction: column-reverse !important
	}
	.aboutus .flex-right {
		margin-bottom: 0 !important
	}
	.aboutus .flex.nowrap>div:last-child {
		margin-right: 0
	}
	.nl-watermark h1, .nl-watermark h2, .nl-watermark h3, .nl-watermark p {
		width: 100% !important;
		margin: 0 !important
	}
	.nl-watermark h3 {
		padding-bottom: 20px
	}
	.nl-watermark {
		padding-top: 250px;
		background-position-x: center;
		background-position-y: 20px;
		background-size: 208px
	}
	.meetirene .flex.nowrap>div>ul {
		flex-direction: column;
		align-items: center;
		height: auto;
		padding: 70px 0;
		padding-bottom: 60px
	}
	.meetirene .flex.nowrap>div>ul>li {
		margin-bottom: 56px
	}
	.irene-knows {
		margin: 40px 0
	}
	.meetirene hr {
		display: none
	}
	.stats .nomobile {
		display: none
	}
	.aboutus .flex-right>div>a.button {
		width: 100%;
		margin-bottom: 40px
	}
	.aboutus .flex-right>div>p {
		margin-right: 20px
	}
	.irene-began h3 {
		text-align: left
	}
}

@media only screen and (max-width:767px) {
	.aboutus main .flex {
		padding: 40px 0
	}
	.aboutus #pagebanner>div>h1 {
		margin-top: 300px
	}
	.aboutus #hero.flex {
		padding-top: 80px
	}
	.aboutus #pagebanner>div {
		height: 180px
	}
	.aboutus .ingredient-policy-card>div h2 {
		text-align: center
	}
	.meetirene #pagebanner {
		background-size: top
	}
	.meetirene #pagebanner>div {
		height: 180px
	}
	.irene-knows p {
		width: 85%
	}
}

#map {
	margin: 1em auto;
	height: 400px
}

#mapButtons {
	margin: 10px
}

#mapButtons a:link, #mapButtons a:visited {
	margin: 0 4px;
	padding: 3px 8px;
	border: 1px solid #a9bbdf;
	border-radius: 2px;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, .4);
	background: #fff;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fefefe),
		to(#f3f3f3));
	background-image: -moz-linear-gradient(top, #fefefe, #f3f3f3);
	background-image: -o-linear-gradient(top, #fefefe, #f3f3f3);
	background-image: linear-gradient(to bottom, #fefefe, #f3f3f3);
	text-decoration: none;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000
}

#mapButtons a:hover, #mapButtons a:focus {
	border-color: #7791d0;
	text-decoration: none !important
}

#directionsPanel {
	padding: .5em 1em;
	background: rgba(204, 204, 204, .1)
}

.matrix {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: (1fr)[4];
	grid-template-columns: repeat(4, minmax(0, 1fr));
	grid-template-rows: repeat(auto-fill, auto);
	grid-gap: 32px
}

.matrix.flex {
	display: flex;
	flex-flow: row nowrap;
	-ms-grid-columns: auto;
	grid-template-columns: none;
	grid-template-rows: none;
	grid-gap: normal
}

.matrix.flex>form {
	flex: 0 0 228px;
	margin-right: 32px
}

.matrix>form, .matrix>div {
	position: relative;
	display: flex;
	flex-flow: column nowrap;
	justify-content: space-between;
	margin: 0;
	padding: 16px 16px 20px;
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 0 2px rgba(14, 31, 53, .12)
}

.matrix>form:hover, .matrix>div:hover {
	box-shadow: 0 0 2px rgba(14, 31, 53, .30)
}

.matrix>form>p, .matrix>div>p {
	font-size: 16px;
	line-height: 20px;
	margin: 0
}

.matrix>form>div.stars {
	height: 17px
}

.matrix>form>p:nth-of-type(2), .matrix>form>div.formbox {
	min-height: 20px;
	margin-top: 12px
}

.matrix>form>p:first-of-type {
	flex-grow: 1
}

.matrix>form>input:last-of-type, .matrix>form>.add-to-bag {
	min-height: 40px
}

.matrix>form>p:last-of-type a {
	height: 38px
}

.matrix>form>div.formbox p {
	margin: 0;
	line-height: 20px
}

.matrix .fave, #product_grid .fave {
	position: absolute;
	top: 1em;
	right: 1em;
	width: 24px;
	height: 24px;
	background-image: url(/images/svg/icn_faves.svg);
	background-repeat: no-repeat;
	background-size: contain;
	z-index: 10
}

.matrix .fave.on, #product_grid .fave.active {
	background-image: url(/images/svg/icn_faves_added.svg)
}

.matrix .matrix-img {
	position: relative;
	margin-bottom: 8px;
	margin-left: -16px
}

.matrix .matrix-img img {
	width: 100%;
	height: auto;
	text-align: center;
	margin-left: 8px
}

.matrix-img.clearance::after, .matrix-img.new::after, .matrix-img.sale::after,
	.matrix-img.sample::after, .matrix-img.oos::after, .matrix-img.disapproved::after
	{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-position: left 5px top 5px;
	background-size: 3em 3em;
	background-repeat: no-repeat
}

.matrix-img.clearance::after {
	background-image: url(/images/svg/icn_clearance_matrix.svg);
	background-position: left 0 top 0;
	background-size: 75px 28px
}

.matrix-img.sale::after {
	background-image: url(/images/svg/icn_sale.svg)
}

.matrix-img.new::after {
	background-image: url(/images/svg/icn_new.svg)
}

.matrix-img.sample::after {
	background-image: url(/images/icn_sample.svg)
}

.matrix-img.oos::after {
	background-image: url(/images/svg/icn_soldout.svg)
}

.matrix-img.disapproved::after {
	background: url(/images/seal-disapproval.png) center center no-repeat;
	background-size: 100% 100%
}

.matrix .stars, #product_heading .stars {
	display: flex;
	flex-flow: row nowrap;
	position: relative;
	margin: 0
}

.matrix .stars {
	margin-bottom: 1em
}

.matrix .stars small, #product_heading .stars small {
	color: #616161
}

.matrix .stars>div, #product_heading .stars>div {
	width: 65px;
	margin: 3px 2px 0 0;
	background-image: url(/images/svg/starsghost.svg);
	background-position: left top;
	background-size: 65px;
	background-repeat: no-repeat
}

#product_heading .stars>div {
	width: 125px;
	background-size: 125px
}

.matrix .stars>div>div, #product_heading .stars>div>div {
	height: 14px;
	background: url(/images/svg/stars.svg);
	background-position: left top;
	background-size: 65px
}

#product_heading .stars>div>div {
	height: 24px;
	background-size: 125px
}

.matrix .product-notice {
	padding: .5em 1em;
	background: #eee;
	border-radius: 1em
}

.matrix div.add-to-bag, .matrix input.add-to-bag {
	margin: 0
}

.matrix div.add-to-bag {
	position: relative;
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	height: 40px
}

.matrix div.add-to-bag.added::after {
	position: absolute;
	left: 0;
	top: 0;
	padding: .5em;
	width: calc(100% - 1em);
	height: calc(100% - 1em);
	content: "Item added";
	background: #f7dfdd;
	border-radius: 4px;
	text-align: center;
	font-weight: bold;
	font-size: 1em;
	color: #54833f
}

.matrix div.add-to-bag select {
	-webkit-appearance: none;
	-moz-appearance: none;
	margin: 0;
	padding: 0 30px 4px .3em;
	width: calc(100% - 40px);
	border: 1px solid #54833f;
	border-radius: 4px 0 0 4px;
	font-size: 1em;
	min-height: 40px;
	line-height: 36px
}

.matrix div.add-to-bag input.submit {
	-webkit-appearance: none;
	-moz-appearance: none;
	margin: 0;
	padding: .5em;
	width: 40px;
	height: 40px;
	background-color: #54833f;
	background-image: url(/images/icn_Bag_white.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-position-x: 40%;
	background-size: 30px;
	border: 1px solid #54833f;
	border-radius: 0 4px 4px 0;
	font-size: 1em;
	color: #fff;
	cursor: pointer
}

#content .matrix p a.button {
	display: block;
	margin: 0;
	background: #fff;
	border: 1px solid #54833f;
	border-radius: 4px;
	text-align: center;
	line-height: 38px;
	color: #54833f
}

#content .matrix p a.button:hover, #content .matrix p a.button:focus {
	text-decoration: none
}

.matrix input.add-to-bag {
	-webkit-appearance: none;
	-moz-appearance: none;
	padding: .5em;
	background: #54833f;
	border: none;
	border-radius: 4px;
	font-weight: bold;
	font-size: 1em;
	color: #fff;
	cursor: pointer;
	height: 40px;
	width: 100%
}

.matrix input.add-to-bag.added {
	background: #f7dfdd;
	color: #54833f
}

#products_container {
	position: relative;
	display: flex;
	flex-flow: row wrap
}

#matrix_filters {
	margin: 0 32px 0 0;
	padding: 27px 0 10px;
	width: 175px;
	background: transparent
}

#products_display {
	width: 1008px;
	padding-bottom: 75px
}

.prodlink {
	display: inline-block;
	min-height: 80px;
	font-weight: normal !important;
	color: #3b3b3b !important
}

.price {
	color: #3b3b3b;
	font-family: "Arboria-Bold", Arial, Helvetica, sans-serif
}

.price s {
	color: #3b3b3b;
	font-family: "Titillium Web"
}

.price .saleprice {
	color: #54833f;
	font-family: "Arboria-Bold", Arial, Helvetica, sans-serif
}

#products_container button.reset-filters {
	display: inline;
	background-color: transparent;
	border: none;
	letter-spacing: 0 !important;
	text-transform: none;
	text-decoration: underline;
	font-weight: 400;
	font-size: 14px;
	color: #333 !important;
	cursor: pointer
}

#products_container button.reset-filters::before {
	content: '';
	display: inline-block;
	width: 14px;
	height: 15px;
	padding: 0 5px 0 0;
	background-image:
		url(data:image/svg+xml,%3C%3Fxml\ version=\'1.0\'\ encoding=\'utf-8\'%3F%3E%3C!--\ Generator:\ Adobe\ Illustrator\ 23.1.1,\ SVG\ Export\ Plug-In\ .\ SVG\ Version:\ 6.00\ Build\ 0\)\ --%3E%3Csvg\ version=\'1.1\'\ baseProfile=\'tiny\'\ id=\'Layer_1\'\ xmlns=\'http://www.w3.org/2000/svg\'\ xmlns:xlink=\'http://www.w3.org/1999/xlink\'\ x=\'0px\'\ y=\'0px\'\ viewBox=\'0\ 0\ 11.62\ 11.63\'\ xml:space=\'preserve\'%3E%3Cg%3E%3Cpath\ fill=\'%23333333\'\ d=\'M11.62,5.81c0,3.21-2.6,5.81-5.81,5.81S0,9.02,0,5.81C0,2.6,2.6,0,5.81,0S11.62,2.6,11.62,5.81z\ M10.5,5.81\ c0-2.59-2.1-4.69-4.69-4.69s-4.69,2.1-4.69,4.69c0,2.59,2.1,4.69,4.69,4.69S10.5,8.4,10.5,5.81z\ M6.74,5.81L8.2,7.27\ c0.11,0.11,0.11,0.29,0,0.4L7.67,8.2c-0.11,0.11-0.29,0.11-0.4,0L5.81,6.74L4.35,8.2c-0.11,0.11-0.29,0.11-0.4,0L3.43,7.67\ c-0.11-0.11-0.11-0.29,0-0.4l1.46-1.46L3.43,4.35c-0.11-0.11-0.11-0.29,0-0.4l0.53-0.53c0.11-0.11,0.29-0.11,0.4,0l1.46,1.46\ l1.46-1.46c0.11-0.11,0.29-0.11,0.4,0L8.2,3.96c0.11,0.11,0.11,0.29,0,0.4L6.74,5.81z\'/%3E%3C/g%3E%3C/svg%3E%0A);
	background-size: 13px;
	background-repeat: no-repeat;
	margin-bottom: -4px
}

#products_container #filters_dashboard button.reset-filters {
	padding-bottom: 10px
}

#filter_categories_list {
	display: none
}

#matrix_filters h3 {
	margin-top: 0;
	font-size: 1.1em;
	font-weight: 700
}

#matrix_filters h4 {
	padding: 15px 5px 0;
	margin: 1.5em 0 0;
	cursor: pointer
}

#matrix_filters h4:first-of-type {
	margin-top: 0
}

#matrix_filters h4::after {
	display: block;
	float: right;
	margin-top: 5px;
	background-image:
		url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer%5f1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2014.1%2010%22%20style%3D%22enable-background%3Anew%200%200%2014.1%2010%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3A%23ff2f82%3B%7D%0A%3C%2Fstyle%3E%0A%3Cg%20id%3D%22artboard-1%22%3E%0A%09%3Cpath%20class%3D%22st0%22%20d%3D%22M13.8%2C1.7l-6.1%2C8C7.5%2C9.9%2C7.3%2C10%2C7%2C10c-0.2%2C0-0.5-0.1-0.7-0.3l-6.1-8c-0.3-0.4-0.3-1%2C0-1.4%0A%09%09c0.3-0.4%2C0.9-0.4%2C1.3%2C0L7%2C6.5l5.5-6.3c0.3-0.3%2C0.9-0.4%2C1.3%2C0C14.2%2C0.7%2C14.2%2C1.3%2C13.8%2C1.7z%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E);
	background-size: contain;
	background-repeat: no-repeat;
	width: .9em;
	height: .5em;
	content: "";
	transform: scaleY(-1)
}

#matrix_filters h4.collapsed::after {
	transform: scaleY(1)
}

#matrix_filters .checkbox-list {
	max-height: 240px;
	overflow: auto;
	margin-top: 5px;
	padding: 0 5px;
	transition: .1s ease-in
}

#matrix_filters h4.collapsed+.checkbox-list {
	max-height: 1px
}

#matrix_filters .checkbox-list input {
	display: none
}

#matrix_filters label {
	font-family: "Titillium Web" !important;
	display: block;
	cursor: pointer;
	position: relative;
	margin: 10px 0;
	padding: 4px 0 4px 25px;
	font-size: 14px;
	line-height: 15px
}

#matrix_filters label::before {
	content: "";
	display: block;
	width: 18px;
	height: 18px;
	background-image:
		url(data:image/svg+xml,%3C%3Fxml\ version=\'1.0\'\ encoding=\'utf-8\'%3F%3E%3Csvg\ version=\'1.1\'\ baseProfile=\'tiny\'\ id=\'Layer_1\'\ xmlns=\'http://www.w3.org/2000/svg\'\ xmlns:xlink=\'http://www.w3.org/1999/xlink\'\ x=\'0px\'\ y=\'0px\'\ viewBox=\'0\ 0\ 17\ 17\'\ xml:space=\'preserve\'%3E%3Cg%3E%3Crect\ x=\'0.5\'\ y=\'0.5\'\ fill=\'none\'\ stroke=\'%23B3B3B3\'\ stroke-miterlimit=\'10\'\ width=\'16\'\ height=\'16\'/%3E%3C/g%3E%3C/svg%3E%0A);
	background-size: 18px;
	background-position: 0 0;
	background-repeat: no-repeat;
	position: absolute;
	top: 3px;
	left: 0
}

#matrix_filters input:checked+label::before {
	content: "";
	display: inline-block;
	width: 18px;
	height: 18px;
	background-image:
		url(data:image/svg+xml,%3C%3Fxml\ version=\'1.0\'\ encoding=\'utf-8\'%3F%3E%3Csvg\ version=\'1.1\'\ baseProfile=\'tiny\'\ id=\'Layer_1\'\ xmlns=\'http://www.w3.org/2000/svg\'\ xmlns:xlink=\'http://www.w3.org/1999/xlink\'\ x=\'0px\'\ y=\'0px\'\ viewBox=\'0\ 0\ 17\ 17\'\ xml:space=\'preserve\'%3E%3Cg%3E%3Cpath\ fill=\'%23333333\'\ d=\'M14.66,4.33l-0.35-0.35c-0.14-0.14-0.33-0.22-0.53-0.22c0,0,0,0,0,0c-0.2,0-0.39,0.08-0.52,0.22L6.68,10.5\ L4.01,7.8C3.87,7.66,3.68,7.58,3.48,7.58c0,0,0,0,0,0c-0.2,0-0.39,0.08-0.52,0.22L2.6,8.15C2.46,8.29,2.38,8.47,2.38,8.67\ c0,0.2,0.08,0.39,0.22,0.53l3.55,3.58C6.28,12.92,6.47,13,6.67,13c0,0,0,0,0,0c0.2,0,0.38-0.08,0.52-0.22l7.46-7.4\ c0.14-0.14,0.22-0.33,0.22-0.53S14.8,4.47,14.66,4.33z\'/%3E%3Crect\ x=\'0.5\'\ y=\'0.5\'\ fill=\'none\'\ stroke=\'%23B3B3B3\'\ stroke-miterlimit=\'10\'\ width=\'16\'\ height=\'16\'/%3E%3C/g%3E%3C/svg%3E%0A);
	background-size: 18px;
	background-position: 0 0;
	background-repeat: no-repeat
}

#matrix_filters label[style*="linear-gradient"]::before {
	content: "";
	background-image: none
}

#matrix_filters input:checked+label[style*="linear-gradient"]::before {
	content: "";
	background-image: none;
	border: 2px solid #333;
	width: 18px;
	height: 18px
}

#product_filter {
	margin: 0;
	padding: 8px 0 0;
	font-size: .9em;
	color: #bbb
}

#product_filter a:link, #product_filter a:visited {
	text-transform: uppercase;
	text-decoration: none !important;
	margin: 0 3px;
	letter-spacing: -.02em
}

#product_filter b {
	font-weight: normal;
	color: #999;
	margin-right: 2px
}

#filters_dashboard {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: flex-end;
	border-top: solid #000;
	border-width: 2px 0 0;
	background: rgba(255, 255, 255, .9) !important;
	z-index: 50
}

#filters_dashboard>div {
	border-bottom: 2px solid #ccc;
	padding: 4px 0 8px
}

#filters_dashboard>div:nth-of-type(odd) {
	flex-basis: 75%
}

#filters_dashboard>div:nth-of-type(even) {
	flex-basis: 25%;
	text-align: right
}

#filters_dashboard>div:nth-child(1n+4) {
	padding: 9px 0 11px;
	border-bottom: 1px solid #ccc;
	min-height: 36px
}

#numitems {
	font-weight: 600;
	font-size: 1.2em;
	margin-top: 17px
}

#products_sort.fancy select {
	font-weight: 500;
	font-size: 14px;
	width: 160px;
	height: 41px;
	padding-right: 30px;
	font-family: "Titillium Web";
	font-style: normal
}

#filters_applied {
	display: flex;
	flex-flow: row wrap;
	justify-content: left
}

#filters_applied a:link, #filters_applied a:visited {
	margin: 5px;
	padding: 3px 11px;
	background: #dedede;
	border-radius: 15px;
	white-space: nowrap;
	color: #000
}

#filters_applied a:hover, #filters_applied a:focus {
	text-decoration: none !important
}

#filters_applied a::after {
	content: "\00a0\24E7"
}

#filters_applied a:hover::after {
	color: #ff2f82
}

.ss-facets .ss-facet-container .searchspring-search_within_facet input {
	width: calc(100% - 8px) !important
}

.matrix.overlay {
	background: rgba(0, 0, 0, .5)
}

.matrix.popup {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 10
}

@media only screen and (max-width:1215px) {
	.matrix {
		-ms-grid-columns: (1fr)[3];
		grid-template-columns: repeat(3, 1fr);
		grid-template-rows: repeat(auto-fill, auto);
		grid-gap: 30px
	}
	.matrix.flex>form {
		flex: 0 0 180px;
		margin-right: 30px
	}
	.matrix>form, .matrix>div {
		border-radius: 6px
	}
	.matrix>form>p, .matrix>div>p {
		font-size: 14px;
		line-height: 18px
	}
	.matrix>form>p span.price, .matrix>div>p span.price {
		font-size: 16px;
		line-height: 22px
	}
	#matrix_filters {
		width: 20%;
		padding: 10px 0 10px;
		margin-right: 32px
	}
	#products_display {
		width: calc(80% - 32px)
	}
	#products_display .matrix.flex div.product, .matrix.flex div.product {
		flex-basis: 29%
	}
}

@media only screen and (max-width:767px) {
	.matrix {
		-ms-grid-columns: (1fr)[2];
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: repeat(auto-fill, auto);
		grid-gap: 19px
	}
	.matrix.flex>form {
		flex: 0 0 158px;
		margin-right: 20px
	}
	.matrix>form, .matrix>div {
		border-radius: 4px;
		padding: 8px 10px 16px
	}
	.matrix .matrix-img {
		margin-left: -10px
	}
	.matrix .matrix-img img {
		margin-left: 5px
	}
	#products_display {
		width: 100%
	}
	#searchspring-slideout_container {
		right: -300px !important;
		left: auto !important
	}
	#searchspring-slideout_container.ss-slideout_show {
		right: 0 !important;
		left: auto !important
	}
	#searchspring-slideout_container .ss-slideout-header {
		background: #fff !important;
		padding: 0 50px !important
	}
	#searchspring-slideout_container .ss-slideout-header .ss-title {
		font-size: 18px !important;
		font-family: "Titillium Web" !important;
		font-weight: normal !important;
		color: #3b3b3b !important;
		order: 2 !important;
		text-align: center !important
	}
	#searchspring-slideout_container .ss-slideout-header .ss-close {
		background-image: url(/images/svg/icn_Close.svg) !important;
		order: 1 !important;
		right: auto !important;
		left: 20px !important;
		width: 24px !important;
		height: 24px !important
	}
	#filters {
		left: 0;
		height: 60px;
		padding: 5px 0;
		background: rgba(255, 255, 255, .9);
		border: 0;
		border-radius: 0
	}
	#filterlist, #product_filter {
		clear: both;
		float: none;
		text-align: center;
		padding: 5px 0
	}
	#filterlist::before {
		display: none
	}
	#matrix_filters {
		display: none;
		position: fixed;
		top: 0;
		right: 0;
		margin: 0 auto 40px;
		padding: 85px 0 85px 6%;
		width: 100%;
		height: 100%;
		overflow-y: auto;
		background: #fff;
		z-index: 500;
		box-shadow: 0 0 0 100vw rgba(0, 0, 0, .4)
	}
	.filters-menu {
		width: 97%;
		height: 85vh;
		position: relative;
		overflow: auto
	}
	#matrix_filters #filter_catlist, #matrix_filters .checkbox-list,
		#matrix_filters h4 {
		width: 88%
	}
	#products_container #matrix_filters button.reset-filters {
		position: relative
	}
	#filter_categories_list {
		display: block;
		width: 100%;
		margin: 0 0 1em 0;
		padding: 0 14px 0 0;
		background: #ececec;
		list-style-type: none
	}
	#filter_categories_list li:first-child {
		font-weight: bold;
		color: #ff2f82;
		padding: 1em
	}
	#filter_categories_list li:nth-child(n+2) {
		display: none
	}
	#filter_categories_list:hover li {
		display: block
	}
	#matrix_filters #filter_categories_list h4 {
		width: 100%;
		padding: 0;
		margin: 0;
		border-top: 0
	}
	#matrix_filters #filter_categories_list h4:after {
		transform: scaleY(1)
	}
	#matrix_filters #filter_categories_list li a {
		display: block;
		padding: .5em 0 .5em 1em
	}
	#filters_dashboard {
		border-top: solid #ccc
	}
	#filters_dashboard #products_sort {
		flex-basis: 70%;
		border-bottom: none;
		padding-top: 15px
	}
	#filters_dashboard>div:nth-child(1n+4) {
		padding: 9px 0 0;
		border-bottom: none;
		min-height: auto
	}
	.filters-header {
		position: absolute;
		background: #fff;
		width: 85%;
		height: 65px;
		top: 0;
		left: 0;
		margin: 0;
		padding: 20px 6% 0;
		justify-content: space-between;
		z-index: 501
	}
	.filter-btn {
		display: inline-block;
		margin: 15px 0 8px;
		padding: 0 15px;
		height: 40px;
		background-color: #fff;
		border: 1px solid #333;
		border-radius: 2px;
		text-decoration: none;
		text-align: center;
		font-size: 1em;
		cursor: pointer;
		color: #3b3b3b
	}
	.filter-btn.apply-filters {
		margin-top: 0;
		float: right
	}
	.ss-summary-horizontal .ss-summary-container {
		flex-direction: column
	}
	.ss-summary-horizontal .ss-summary-container .ss-summary-reset {
		padding-top: 16px !important;
		font-size: 14px;
		text-align: left !important
	}
}

.myaccount h2 {
	margin-top: 0
}

.myaccount h5 {
	margin-top: 1em
}

h1.level_bronze span {
	color: #a37c52
}

h1.level_silver span {
	color: #969696
}

h1.level_gold span {
	color: #dfae59
}

h1.level_platinum span {
	color: #c9c9c9
}

#myaccount-main .club-rewards.level_bronze h2 span {
	color: #bf9a73;
	text-transform: uppercase;
	font-size: 29px
}

#myaccount-main .club-rewards.level_silver h2 span {
	color: #bbb;
	text-transform: uppercase;
	font-size: 29px
}

#myaccount-main .club-rewards.level_gold h2 span {
	color: #ebc178;
	text-transform: uppercase;
	font-size: 29px
}

#myaccount-main .club-rewards.level_platinum h2 span {
	color: #eee;
	text-transform: uppercase;
	font-size: 29px
}

p.myaccount-nld {
	font-size: 1.6em;
	margin: .3em 0;
	float: right
}

p.myaccount-nld small {
	font-size: .6em
}

#myaccount-nav {
	border: none;
	width: 18%;
	margin: .5em 6.99% 0 0
}

#myaccount-nav nav {
	position: relative;
	border: none;
	height: auto
}

#myaccount-nav ul {
	background-color: #f0f0f0;
	padding: 20px
}

#myaccount-nav a#myaccount-menutrigger {
	display: none
}

#myaccount-nav li {
	display: block;
	padding: 4px 0
}

#myaccount-nav li.current {
	color: #ff2f82
}

#myaccount-nav a {
	color: #000;
	font-weight: 400;
	text-transform: uppercase;
	font-size: 18px
}

#myaccount-nav a.active {
	cursor: default;
	text-decoration: none !important;
	color: #ff2f82
}

#myaccount-main {
	align-items: flex-start;
	width: 75%;
	font-size: 16px;
	margin: 0
}

#myaccount-main .edit {
	padding-top: 15px;
	display: inline-block
}

#myaccount-main h1 {
	font-size: 2.6em;
	font-weight: 600;
	margin-bottom: 0
}

#myaccount-main #sales_banner {
	border-color: #39d44a;
	font-size: 1.0111em;
	padding: 0 2%;
	line-height: 1.2
}

#myaccount-main #sales_banner.dash p {
	font-size: 20px
}

#myaccount-main #sales_banner p {
	margin: .5em;
	padding: .2em 0
}

#myaccount-main #sales_banner a {
	color: #ff2f82;
	text-decoration: underline
}

#myaccount-main #sales_banner span {
	text-transform: uppercase;
	float: none;
	font-size: inherit
}

#myaccount-main h2.club {
	font-weight: 600;
	border-bottom: 2px solid #fff;
	font-size: 2.2em;
	letter-spacing: .03em
}

#myaccount-intro.dash {
	vertical-align: top;
	width: 49.5%;
	display: inline-block;
	margin-bottom: 1.5em
}

#myaccount-main .club-rewards {
	vertical-align: top;
	display: inline-block;
	padding: 20px 20px;
	font-size: 21px;
	border-radius: 9px;
	border: 1px solid #ffa22f;
	margin: 0 0 1.5em 9%;
	background-image: -webkit-linear-gradient(left, #fee9d2, #ffd8e1);
	background-image: -moz-linear-gradient(left, #fee9d2, #ffd8e1);
	background-image: -ms-linear-gradient(left, #fee9d2, #ffd8e1);
	background-image: linear-gradient(to right, #fee9d2, #ffd8e1)
}

#myaccount-main .club-discounts {
	margin-bottom: 32px
}

#myaccount-main h2:not (.club ) {
	text-transform: uppercase;
	font-size: 24px;
	font-weight: 600;
	padding-bottom: 7px;
	border-bottom: 2px solid #ff2f82;
	margin-top: 2.1em;
	margin-bottom: 1.3em;
	letter-spacing: .03em
}

#myaccount-main .flex-grid-half {
	justify-content: flex-start
}

#myaccount-main .flex-grid-half .col {
	margin: 0;
	width: 50%
}

#myaccount-main .flex-grid-half .col .emphasis, #myaccount-main .flex-grid-thirds .col .emphasis
	{
	font-size: 20px;
	padding-top: 7px
}

#myaccount-main .flex-grid-thirds {
	justify-content: flex-start
}

#myaccount-main .input-only[placeholder] {
	text-transform: initial;
	color: #333;
	font-size: 16px
}

#myaccount-main .input-only span, #myaccount-main .input-only a:first-child
	{
	display: inline-block
}

#myaccount-main .input-only span {
	width: 60%
}

#myaccount-main .input-only a:first-of-type {
	width: 36%;
	padding-left: 3%
}

#myaccount-main .input-only a:last-of-type {
	display: block;
	width: 100%;
	margin-top: 2.5em
}

#myaccount-main .input-only input {
	display: block;
	width: 97%;
	padding: 3px 0 0 3%;
	min-height: 36px;
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
	font-size: 16px;
	font-family: inherit;
	color: #333;
	background: #fff;
	-webkit-appearance: none
}

#myaccount-main #matrix {
	width: 100%;
	margin-top: 2em
}

#myaccount-main .matrix.flex {
	padding: 0
}

#myaccount-main .matrix.flex div.product {
	flex-basis: 22%
}

#myaccount-main .product {
	font-size: 17px
}

#myaccount-intro p {
	font-size: 20px;
	margin-top: .5em
}

#myaccount-intro h2 {
	font-weight: 500;
	font-size: 47px;
	letter-spacing: normal;
	padding-top: .444em
}

.product .fav.remove {
	display: none
}

#myaccount-main .product .fav.remove {
	display: block
}

#myaccount-main .product .fav.remove img {
	position: relative;
	height: 30px;
	width: 30px
}

#myaccount-main .product-sharing {
	position: relative;
	text-align: center;
	margin-top: 10px
}

#myaccount-main #matrix.overlay .product .fav.remove {
	display: none
}

#myaccount-main .flex-grid-half p, #myaccount-main .flex-grid-half a {
	font-size: 16px
}

#myaccount-main .flex-grid-half p {
	margin: 0
}

#content #myaccount-main .flex-grid-half a {
	text-decoration: none
}

#myaccount-main .flex-grid-half .byline {
	font-weight: 600;
	margin: 0 0 .666666em 0;
	font-size: 18px
}

#myaccount-main .flex-grid-half div {
	margin-bottom: .666666em
}

#myaccount-main .flex-grid-half .divider {
	color: #333;
	margin: 0;
	border: none
}

#myaccount-main .orders .flex p a {
	color: #ff2f82;
	text-decoration: none;
	display: inline-block;
	padding: 0;
	margin: 0
}

#myaccount-main .orders .flex p a:first-child {
	padding-right: 7px
}

#myaccount-main .orders .flex p a:last-child {
	padding-left: 7px
}

#myaccount-main .orders .divider {
	display: inline-block;
	margin: 0;
	border: none
}

#myaccount-main form.standard legend {
	display: block;
	text-transform: none;
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 0
}

#myaccount-main form.standard {
	margin-top: 1em;
	border: 1px solid #ddd;
	padding: 0 1.8em 1.8em 1.8em
}

#myaccount-main form.standard legend.hide {
	display: none
}

#myaccount-main form.standard input {
	margin-top: 20px
}

#myaccount-main form.standard input[type="submit"] {
	padding: 15px 16px;
	font-size: 21px;
	font-weight: 500
}

#myaccount-main .orders .flex {
	align-items: flex-start;
	width: 89%;
	border-bottom: 1px solid #aaa;
	padding: 10px 0 10px 0
}

#myaccount-main .orders .flex p, #myaccount-main .orders .flex a {
	margin: 0;
	align-content: flex-start
}

#myaccount-main .orders .flex a {
	display: block
}

#myaccount-main .orders .heading {
	border-bottom: 0;
	font-weight: 500;
	padding-bottom: 25px
}

#myaccount-main .orders .flex p:first-child {
	width: 18%
}

#myaccount-main .orders .flex p:nth-child(3) {
	width: 27%
}

#myaccount-main .orders .flex p:nth-child(2), #myaccount-main .orders .flex p:nth-child(4)
	{
	width: 13.5%
}

#myaccount-main .orders .flex p:nth-child(5) {
	width: 12.9%
}

#myaccount-main .orders .flex p:last-child {
	width: 15.1%
}

#myaccount-main .orders .flex.heading p:last-child {
	width: 24.5% !important
}

#myaccount-main .fancy input[type="submit"] {
	width: 50%
}

.myaccount .matrix.floated div.product {
	height: auto
}

.myaccount .favourites.matrix.floated div.product {
	width: 100%;
	clear: both;
	height: 180px;
	padding: 0;
	margin-top: 15px
}

.myaccount .favourites.matrix.floated div.product div.matrix-img {
	width: 30%;
	margin: 0
}

.myaccount .favourites.matrix.floated div.product div.matrix-img img {
	width: 150px;
	height: auto;
	float: left
}

.myaccount .favourites.matrix.floated div.product div.name {
	float: left;
	width: 33%;
	margin-left: 3%
}

.myaccount .favourites.matrix form, .myaccount .favourites.matrix .formbox
	{
	width: 28%;
	float: left;
	margin: 5px 0 0 3%
}

.display-order {
	text-decoration: none !important
}

.display-order::after {
	content: "\25BC";
	margin-left: .4em;
	font-size: .8em
}

.display-order.active::after {
	content: "\2715"
}

.order-details {
	display: none
}

.order-details td {
	border-bottom: 1px solid #ccc
}

.product-sharing a {
	margin: 0 3px
}

.product-sharing .fav {
	display: inline-block;
	width: 18px;
	height: 17px;
	background-size: 100% 100%;
	cursor: pointer
}

.product-sharing .fav-fb {
	background: url(/images/followus-fb-pink.png) left top no-repeat;
	background-size: 17px;
	padding-left: 23px;
	color: #ff2f82 !important
}

.signin h1 {
	margin-bottom: 0
}

.signin form.fancy {
	font-family: proxima-nova-extra-condensed, Arial, Helvetica, Verdana,
		sans-serif;
	max-width: 320px
}

.signin .fancy fieldset {
	margin: 0 0 1em;
	padding: 0 20px 10px;
	border: none;
	background-image: none;
	background: #f4c1c8 !important
}

.signin .fancy legend {
	visibility: hidden
}

.signin .fancy label {
	visibility: hidden;
	display: block;
	height: 0
}

.signin .signin-password {
	display: block;
	position: relative
}

.signin #show_password {
	position: absolute;
	right: -35px;
	top: 0
}

.signin .fancy a.forgotten_pw:link, .signin .fancy a.forgotten_pw:visited
	{
	color: #555;
	margin-left: 55px
}

.signin .fancy input.submit[type="submit"] {
	width: 70%;
	margin: 5px 0 0 0
}

.signin #content>p:nth-of-type(2) {
	font-size: 1.2em
}

.myaccount #matrix {
	flex-wrap: wrap
}

#myaccount-nav ul {
	background: transparent;
	display: flex;
	flex-direction: column;
	text-align: left;
	align-items: flex-start;
	max-width: 220px
}

#myaccount-nav a, #myaccount-nav li {
	text-transform: none;
	font-weight: normal;
	font-family: "Titillium Web";
	font-size: 16px;
	color: #3b3b3b
}

#myaccount-nav li {
	border-bottom: 1px solid #d5d5d5;
	width: 90%;
	text-align: left
}

#myaccount-nav li.current {
	color: #000;
	font-family: "Arboria-Bold", Arial, Helvetica, sans-serif
}

#myaccount-nav li>a:hover {
	color: initial !important;
	border-bottom: 0 !important
}

#myaccount-nav nav {
	width: auto;
	min-width: 300px
}

#myaccount-main {
	display: flex;
	flex-direction: column;
	flex-direction: column;
	margin-bottom: 80px
}

#myaccount-main .club-rewards {
	overflow: hidden;
	margin: 0;
	background: #f4f0ed;
	border-radius: 16px;
	border: 0
}

#myaccount-main {
	background: #fff;
	padding: 20px 40px;
	border-radius: 16px
}

div#myaccount-nav {
	margin-right: 0
}

#myaccount-main .level_bronze h2.club {
	background-image: linear-gradient(95.05deg, #e29e77 5.86%, #fdba84 29.4%, #be5c3f 61.38%,
		#d9855c 97.5%)
}

#myaccount-main .level_silver h2.club {
	color: #000;
	background-image: linear-gradient(90deg, #a5a5a5 .99%, #e7e7e7 25.94%, #afafaf 67.85%,
		#858585 98.23%)
}

#myaccount-main .level_gold h2.club {
	color: #000;
	background-image: linear-gradient(90deg, #e0c87a 0%, #fdf3b3 29.32%, #e0b246 76.27%,
		#e7b640 103.62%)
}

#myaccount-main .level_platinum h2.club {
	color: #000;
	background-image: linear-gradient(90deg, #b2b2b2 -7.46%, #dbd7d6 38.12%, #fbf7f6 67.89%,
		#e4e2e3 82.29%, #a8a9ab 104.92%)
}

#myaccount-main h2.club {
	margin: 0;
	margin-top: -20px;
	margin-left: -20px;
	margin-bottom: 20px;
	padding: 10px;
	width: calc(100% + 20px);
	font-size: 16px;
	height: 28px;
	color: #fff;
	text-align: center;
	line-height: 27px;
	border-bottom: 0
}

#myaccount-main .club-rewards.level_bronze h2 span, #myaccount-main .club-rewards.level_silver h2 span,
	#myaccount-main .club-rewards.level_gold h2 span, #myaccount-main .club-rewards.level_platinum h2 span
	{
	font-size: 18px;
	color: #fff;
	text-transform: none
}

.nld-icon {
	-webkit-mask-image:
		url(data:image/svg+xml,%3C%3Fxml\ version=\'1.0\'\ encoding=\'utf-8\'%3F%3E%3Csvg\ version=\'1.1\'\ baseProfile=\'tiny\'\ id=\'Layer_1\'\ xmlns=\'http://www.w3.org/2000/svg\'\ xmlns:xlink=\'http://www.w3.org/1999/xlink\'\ x=\'0px\'\ y=\'0px\'\ viewBox=\'0\ 0\ 32\ 32\'\ overflow=\'visible\'\ xml:space=\'preserve\'%3E%3Cpath\ fill=\'%23C56747\'\ d=\'M16,32C7.2,32,0,24.8,0,16S7.2,0,16,0s16,7.2,16,16S24.8,32,16,32z\ M16,1C7.7,1,1,7.7,1,16\ c0,8.3,6.7,15,15,15c8.3,0,15-6.7,15-15C31,7.7,24.3,1,16,1z\'/%3E%3Cpath\ fill=\'%23C56747\'\ d=\'M20.4,19.6c0-2.3-1.3-2.9-3.5-4L15.7,15c-2.2-1.1-2.9-1.5-2.9-3c0-1.9,1.7-2.6,3.2-2.6\ c1.5,0,3.2,0.7,3.2,2.6c0,0.3,0.2,0.6,0.6,0.6c0.3,0,0.6-0.2,0.6-0.6c0-2.1-1.5-3.5-3.8-3.7V6.9c0-0.3-0.2-0.6-0.6-0.6\ c-0.3,0-0.6,0.2-0.6,0.6v1.4c-2.3,0.2-3.7,1.7-3.7,3.7c0,2.3,1.3,2.9,3.5,4l1.2,0.6c2.2,1.1,2.9,1.5,2.9,3c0,1.9-1.7,2.6-3.2,2.6\ c-1.6,0-3.2-0.7-3.2-2.6c0-0.3-0.2-0.6-0.6-0.6c-0.3,0-0.6,0.2-0.6,0.6c0,2,1.5,3.5,3.7,3.7v1.4c0,0.3,0.2,0.6,0.6,0.6\ c0.3,0,0.6-0.2,0.6-0.6v-1.4C18.9,23.1,20.4,21.7,20.4,19.6z\'/%3E%3C/svg%3E%0A);
	mask-image:
		url(data:image/svg+xml,%3C%3Fxml\ version=\'1.0\'\ encoding=\'utf-8\'%3F%3E%3Csvg\ version=\'1.1\'\ baseProfile=\'tiny\'\ id=\'Layer_1\'\ xmlns=\'http://www.w3.org/2000/svg\'\ xmlns:xlink=\'http://www.w3.org/1999/xlink\'\ x=\'0px\'\ y=\'0px\'\ viewBox=\'0\ 0\ 32\ 32\'\ overflow=\'visible\'\ xml:space=\'preserve\'%3E%3Cpath\ fill=\'%23C56747\'\ d=\'M16,32C7.2,32,0,24.8,0,16S7.2,0,16,0s16,7.2,16,16S24.8,32,16,32z\ M16,1C7.7,1,1,7.7,1,16\ c0,8.3,6.7,15,15,15c8.3,0,15-6.7,15-15C31,7.7,24.3,1,16,1z\'/%3E%3Cpath\ fill=\'%23C56747\'\ d=\'M20.4,19.6c0-2.3-1.3-2.9-3.5-4L15.7,15c-2.2-1.1-2.9-1.5-2.9-3c0-1.9,1.7-2.6,3.2-2.6\ c1.5,0,3.2,0.7,3.2,2.6c0,0.3,0.2,0.6,0.6,0.6c0.3,0,0.6-0.2,0.6-0.6c0-2.1-1.5-3.5-3.8-3.7V6.9c0-0.3-0.2-0.6-0.6-0.6\ c-0.3,0-0.6,0.2-0.6,0.6v1.4c-2.3,0.2-3.7,1.7-3.7,3.7c0,2.3,1.3,2.9,3.5,4l1.2,0.6c2.2,1.1,2.9,1.5,2.9,3c0,1.9-1.7,2.6-3.2,2.6\ c-1.6,0-3.2-0.7-3.2-2.6c0-0.3-0.2-0.6-0.6-0.6c-0.3,0-0.6,0.2-0.6,0.6c0,2,1.5,3.5,3.7,3.7v1.4c0,0.3,0.2,0.6,0.6,0.6\ c0.3,0,0.6-0.2,0.6-0.6v-1.4C18.9,23.1,20.4,21.7,20.4,19.6z\'/%3E%3C/svg%3E%0A);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	width: 32px;
	height: 32px
}

.points-icon {
	-webkit-mask-image:
		url(data:image/svg+xml,%3C%3Fxml\ version=\'1.0\'\ encoding=\'utf-8\'%3F%3E%3Csvg\ version=\'1.1\'\ baseProfile=\'tiny\'\ id=\'Layer_1\'\ xmlns=\'http://www.w3.org/2000/svg\'\ xmlns:xlink=\'http://www.w3.org/1999/xlink\'\ x=\'0px\'\ y=\'0px\'\ viewBox=\'0\ 0\ 32\ 32\'\ overflow=\'visible\'\ xml:space=\'preserve\'%3E%3Cpath\ fill=\'%23C56747\'\ d=\'M16,32C7.2,32,0,24.8,0,16S7.2,0,16,0s16,7.2,16,16S24.8,32,16,32z\ M16,1C7.7,1,1,7.7,1,16\ c0,8.3,6.7,15,15,15c8.3,0,15-6.7,15-15C31,7.7,24.3,1,16,1z\'/%3E%3Cpath\ fill=\'%23C56747\'\ d=\'M20.8,23.4c-0.2,0-0.4-0.1-0.6-0.2l-4-2.1c-0.1,0-0.2,0-0.3,0l-4,2.1c-0.5,0.2-1,0.2-1.4-0.1\ c-0.4-0.3-0.6-0.8-0.5-1.3l0.9-4.1c0-0.1,0-0.2-0.1-0.2l-3.3-2.8c-0.4-0.3-0.5-0.8-0.4-1.3c0.2-0.5,0.6-0.8,1.1-0.9l4.5-0.5\ c0.1,0,0.2-0.1,0.2-0.1l1.9-3.9c0.2-0.4,0.7-0.7,1.2-0.7c0.5,0,1,0.3,1.2,0.7l1.9,3.8c0,0.1,0.1,0.1,0.3,0.2l4.5,0.5\ c0.5,0.1,1,0.4,1.1,0.9c0.1,0.5,0,1-0.4,1.3l-3.3,2.8c-0.1,0.1-0.1,0.1-0.1,0.2l0.9,4.1c0.1,0.5-0.1,1-0.5,1.3\ C21.3,23.3,21,23.4,20.8,23.4z\ M16,8.4c0,0-0.2,0-0.3,0.2l-1.9,3.9c-0.2,0.4-0.6,0.7-1,0.7l-4.5,0.5c-0.2,0-0.2,0.1-0.2,0.2\ c0,0.1,0,0.2,0.1,0.3l3.3,2.8c0.4,0.3,0.5,0.8,0.4,1.2L11,22.1c0,0.1,0,0.2,0.1,0.2c0,0,0.2,0.1,0.4,0l4-2.1c0.4-0.2,0.9-0.2,1.2,0\ l4,2.1c0.1,0.1,0.3,0,0.3,0c0.1,0,0.1-0.1,0.1-0.2L20.1,18c-0.1-0.4,0.1-0.9,0.4-1.2l3.3-2.8c0.1-0.1,0.1-0.2,0.1-0.2\ c0,0-0.1-0.2-0.3-0.2l-4.5-0.5c-0.5-0.1-0.8-0.3-1-0.7l-1.9-3.9C16.2,8.4,16.1,8.4,16,8.4z\'/%3E%3C/svg%3E%0A);
	mask-image:
		url(data:image/svg+xml,%3C%3Fxml\ version=\'1.0\'\ encoding=\'utf-8\'%3F%3E%3Csvg\ version=\'1.1\'\ baseProfile=\'tiny\'\ id=\'Layer_1\'\ xmlns=\'http://www.w3.org/2000/svg\'\ xmlns:xlink=\'http://www.w3.org/1999/xlink\'\ x=\'0px\'\ y=\'0px\'\ viewBox=\'0\ 0\ 32\ 32\'\ overflow=\'visible\'\ xml:space=\'preserve\'%3E%3Cpath\ fill=\'%23C56747\'\ d=\'M16,32C7.2,32,0,24.8,0,16S7.2,0,16,0s16,7.2,16,16S24.8,32,16,32z\ M16,1C7.7,1,1,7.7,1,16\ c0,8.3,6.7,15,15,15c8.3,0,15-6.7,15-15C31,7.7,24.3,1,16,1z\'/%3E%3Cpath\ fill=\'%23C56747\'\ d=\'M20.8,23.4c-0.2,0-0.4-0.1-0.6-0.2l-4-2.1c-0.1,0-0.2,0-0.3,0l-4,2.1c-0.5,0.2-1,0.2-1.4-0.1\ c-0.4-0.3-0.6-0.8-0.5-1.3l0.9-4.1c0-0.1,0-0.2-0.1-0.2l-3.3-2.8c-0.4-0.3-0.5-0.8-0.4-1.3c0.2-0.5,0.6-0.8,1.1-0.9l4.5-0.5\ c0.1,0,0.2-0.1,0.2-0.1l1.9-3.9c0.2-0.4,0.7-0.7,1.2-0.7c0.5,0,1,0.3,1.2,0.7l1.9,3.8c0,0.1,0.1,0.1,0.3,0.2l4.5,0.5\ c0.5,0.1,1,0.4,1.1,0.9c0.1,0.5,0,1-0.4,1.3l-3.3,2.8c-0.1,0.1-0.1,0.1-0.1,0.2l0.9,4.1c0.1,0.5-0.1,1-0.5,1.3\ C21.3,23.3,21,23.4,20.8,23.4z\ M16,8.4c0,0-0.2,0-0.3,0.2l-1.9,3.9c-0.2,0.4-0.6,0.7-1,0.7l-4.5,0.5c-0.2,0-0.2,0.1-0.2,0.2\ c0,0.1,0,0.2,0.1,0.3l3.3,2.8c0.4,0.3,0.5,0.8,0.4,1.2L11,22.1c0,0.1,0,0.2,0.1,0.2c0,0,0.2,0.1,0.4,0l4-2.1c0.4-0.2,0.9-0.2,1.2,0\ l4,2.1c0.1,0.1,0.3,0,0.3,0c0.1,0,0.1-0.1,0.1-0.2L20.1,18c-0.1-0.4,0.1-0.9,0.4-1.2l3.3-2.8c0.1-0.1,0.1-0.2,0.1-0.2\ c0,0-0.1-0.2-0.3-0.2l-4.5-0.5c-0.5-0.1-0.8-0.3-1-0.7l-1.9-3.9C16.2,8.4,16.1,8.4,16,8.4z\'/%3E%3C/svg%3E%0A);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	width: 32px;
	height: 32px
}

.bronze.nld-icon, .bronze.points-icon {
	background-image: linear-gradient(#c56747, #c56747)
}

.silver.nld-icon, .silver.points-icon {
	background-image: linear-gradient(#919191, #919191)
}

.gold.nld-icon, .gold.points-icon {
	background-image: linear-gradient(#e3b445, #e3b445)
}

.platinum.nld-icon, .platinum.points-icon {
	background-image: linear-gradient(#c0bfbe, #c0bfbe)
}

#myaccount-main .flex-grid-half .col {
	background: #fff;
	padding: 20px;
	width: 312px;
	height: 272px;
	box-shadow: 0 1px 8px rgba(50, 50, 50, .1);
	border-bottom: 1px solid #ccc;
	border-radius: 16px;
	display: flex;
	flex-direction: column;
	margin-bottom: 32px;
	margin-right: 32px;
	position: relative
}

#myaccount-main .flex-grid-half .col a.edit {
	position: absolute;
	top: 11px;
	right: 26px
}

#myaccount-main h2:not (.club ) {
	border-bottom: 0;
	font-size: 18px;
	margin: 0;
	text-transform: none
}

.beauty-box-subs h2, .recent-order-wrapper h2 {
	border-bottom: 1px solid #d5d5d5 !important
}

.myaccount-cards {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: max-content auto;
	grid-gap: 32px;
	width: 100%
}

.voucher-wrapper {
	overflow: hidden;
	margin: 0;
	padding-bottom: 20px;
	background: #e8ede0;
	border-radius: 16px;
	border: 0;
	display: flex;
	flex-direction: column;
	align-items: center
}

.voucher-wrapper>strong:first-child {
	padding: 10px;
	width: calc(100% + 20px);
	font-size: 16px;
	height: 28px;
	background: #8ba462;
	color: #fff;
	text-align: center;
	line-height: 27px;
	font-size: 18px !important;
	margin-bottom: 20px
}

.voucher-wrapper img {
	margin-bottom: 10px
}

.voucher-wrapper small {
	text-align: center;
	margin-top: 5px
}

#myaccount-intro {
	width: 100% !important
}

#myaccount-main h1 {
	font-size: 24px
}

#myaccount-intro p {
	font-size: 16px;
	color: #616161
}

.myaccount #we-check-card {
	display: none
}

.club-rewards>div>div {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 50%
}

.club-rewards>div>div>p {
	font-size: 16px;
	margin: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-top: 10px
}

.club-rewards>div>div:first-child {
	border-right: 1px solid #afafaf
}

.club-rewards>div {
	display: flex
}

#myaccount-main #sales_banner {
	border: 0;
	box-shadow: 0 1px 8px rgba(50, 50, 50, .1);
	border-bottom: 1px solid #ccc;
	border-radius: 16px;
	margin: 0;
	margin: 32px auto;
	padding: 0;
	padding: 10px;
	color: #3b3b3b;
	width: calc(100% - 20px)
}

#myaccount-main #sales_banner p {
	font-size: 16px !important;
	color: #616161
}

#myaccount-main #sales_banner p a {
	text-decoration: underline;
	color: #54833f
}

#myaccount-main .flex-grid-half div {
	margin-bottom: 0
}

.recent-order-wrapper {
	box-shadow: 0 1px 8px rgba(50, 50, 50, .1);
	background: #fff;
	padding: 22px 27px;
	border-bottom: 1px solid #ccc;
	border-radius: 16px;
	width: calc(100% - 54px);
	margin-bottom: 32px
}

.beauty-box-subs {
	width: 100% !important;
	margin-right: 0 !important;
	padding: 22px 27px
}

.my-account-welcome {
	width: 100%;
	display: flex;
	margin: 10px 20px;
	align-items: flex-start;
	justify-content: space-between
}

.my-account-welcome div {
	display: flex;
	align-items: flex-start
}

.my-account-welcome>div>h1 {
	margin-top: 40px
}

.my-account-welcome>p {
	margin-top: 55px;
	margin-right: 100px
}

.my-account-welcome>p:after {
	content: "";
	display: inline-block;
	height: 14px;
	width: 14px;
	margin-left: 8px;
	margin-bottom: -2px;
	background-image: url(data : image/ svg + xml, % 3Csvg version = '1.1' baseProfile =
		'tiny' id = 'Layer_1' xmlns = 'http://www.w3.org/2000/svg' xmlns :
		xlink = 'http://www.w3.org/1999/xlink' x = '0px' y = '0px' viewBox =
		'0 0 15 14' overflow = 'visible' xml : space = 'preserve' % 3E %
		3Cpath fill = '%23E46B63' d =
		'M6.7,0.9l0.7-0.7c0.3-0.3,0.8-0.3,1.1,0l6.2,6.2c0.3,0.3,0.3,0.8,0,1.1l-6.2,6.2c-0.3,0.3-0.8,0.3-1.1,0 l-0.7-0.7c-0.3-0.3-0.3-0.8,0-1.1l3.9-3.7H1.4C1,8.3,0.6,7.9,0.6,7.5v-1c0-0.4,0.3-0.8,0.8-0.8h9.2L6.8,2C6.4,1.7,6.4,1.2,6.7,0.9z'
		/ % 3E % 3C/ svg % 3E % 0A);
	background-size: 14px;
	background-repeat: no-repeat;
	background-position: top left
}

.account-header-hero {
	height: 156px;
	width: 156px;
	background: #f7dfdd;
	margin: 10px;
	border-radius: 50%;
	border: 8px solid #fff;
	margin-right: 40px;
	text-align: center;
	display: flex;
	justify-content: center;
	font-size: 80px;
	color: #fff;
	line-height: 140px
}

.account-tip {
	color: #3b3b3b;
	width: 312px;
	margin: 10px;
	font-size: 14px;
	line-height: 22px
}

#myaccount-main #fancy-container fieldset {
	display: grid;
	width: 656px;
	background: transparent;
	border: 0
}

#myaccount-main #fancy-container fieldset div {
	display: flex;
	margin-right: 10px
}

#myaccount-main #fancy-container fieldset div>div {
	display: flex;
	flex-direction: column;
	width: 323px
}

#myaccount-main #fancy-container fieldset legend {
	border: 0;
	box-shadow: none;
	font-size: 16px;
	padding: 0;
	font-family: "Arboria-Bold", Arial, Helvetica, sans-serif
}

#myaccount-main #fancy-container fieldset textarea {
	width: 630px;
	max-width: 630px;
	min-width: 630px;
	height: 80px;
	margin-bottom: 20px;
	border-radius: 4px;
	margin-top: 10px;
	border: 1px solid #afafaf;
	font-size: 16px;
	line-height: 22px;
	color: #616161;
	font-family: "Titillium Web";
	padding: 13px
}

@media only screen and (max-width:1215px) {
	#myaccount-nav {
		width: 100%;
		display: none
	}
	#myaccount-nav nav ul li {
		display: initial !important;
		position: relative;
		margin-top: 0;
		border-bottom: 0;
		border-top: 1px solid #d5d5d5;
		width: calc(100% - 20px)
	}
	#myaccount-nav nav ul li:first-child {
		
	}
	#myaccount-nav nav ul {
		min-width: calc(100% + 80px);
		padding: 0 20px;
		overflow: hidden;
		margin: 40px -40px
	}
	#myaccount-nav nav ul li.current {
		width: 100%;
		min-width: 100%;
		background: transparent
	}
	#myaccount-container {
		flex-direction: column
	}
	#myaccount-main {
		margin: 0;
		padding: 0;
		border-radius: 0;
		width: 100%
	}
	.myaccount #content {
		background: #fff
	}
	.myaccount-cards {
		margin: 0;
		margin-top: 40px
	}
}

@media only screen and (max-width:767px) {
	#myaccount-container {
		flex-direction: column
	}
	.myaccount-cards {
		grid-template-columns: 1fr
	}
	.my-account-welcome {
		order: 0;
		display: none;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		margin: 0
	}
	.my-account-welcome div {
		flex-direction: column;
		justify-content: center;
		align-items: center;
		margin: 0
	}
	.my-account-welcome>div>h1 {
		margin: 0
	}
	#myaccount-nav {
		order: 2
	}
	#myaccount-main {
		order: 1
	}
	#myaccount-intro {
		text-align: center;
		margin: 10px 0
	}
	.myaccount-back {
		height: 20px;
		width: 20px;
		position: absolute;
		left: 20px;
		top: 25px;
		background-image:
			url(data:image/svg+xml,%3C%3Fxml\ version=\'1.0\'\ encoding=\'utf-8\'%3F%3E%3Csvg\ version=\'1.1\'\ baseProfile=\'tiny\'\ id=\'Layer_1\'\ xmlns=\'http://www.w3.org/2000/svg\'\ xmlns:xlink=\'http://www.w3.org/1999/xlink\'\ x=\'0px\'\ y=\'0px\'\ viewBox=\'0\ 0\ 24\ 24\'\ overflow=\'visible\'\ xml:space=\'preserve\'%3E%3Cpath\ fill=\'%233B3B3B\'\ d=\'M18.8,11H7.6l4.9-4.9c0.4-0.4,0.4-1,0-1.4s-1-0.4-1.4,0l-6.6,6.6c-0.4,0.4-0.4,1,0,1.4l6.6,6.6\ c0.2,0.2,0.4,0.3,0.7,0.3c0.3,0,0.5-0.1,0.7-0.3c0.4-0.4,0.4-1,0-1.4L7.6,13h11.2c0.6,0,1-0.4,1-1S19.3,11,18.8,11z\'/%3E%3C/svg%3E%0A);
		background-size: 20px;
		background-repeat: no-repeat;
		background-position: top left
	}
	.myaccount-signout {
		height: 20px;
		position: absolute;
		right: 20px;
		top: 25px
	}
	.myaccount #no_pagebanner {
		background: #fff
	}
	#myaccount-main #fancy-container fieldset {
		width: calc(100% - 20px)
	}
	#myaccount-main #fancy-container fieldset>div {
		flex-direction: column;
		margin-right: 0;
		margin-bottom: 32px;
		border-bottom: 1px solid #ddd
	}
	#myaccount-main #fancy-container fieldset div>div {
		width: calc(100% - 8px)
	}
	#myaccount-main #fancy-container fieldset textarea {
		width: calc(100% - 26px);
		min-width: calc(100% - 26px)
	}
}

#menutrigger {
	display: none
}

nav {
	display: table;
	width: 1216px;
	height: 40px;
	line-height: 20px
}

nav>ul {
	display: table-row;
	white-space: normal;
	list-style-type: none;
	margin: 0;
	padding: 0
}

nav>ul>li {
	display: table-cell;
	font-family: "Titillium Web";
	padding: 0 9px;
	font-size: 15px;
	line-height: 50px;
	text-align: center
}

nav>ul>li:nth-of-type(2) {
	padding-left: 0;
	text-align: left
}

nav>ul>li:last-of-type {
	padding-right: 0;
	text-align: right
}

nav>ul>li:first-child::before {
	content: ""
}

nav>ul>li>a:link, nav>ul>li>a:visited {
	text-decoration: none;
	color: #3b3b3b;
	transition: .3s;
	padding-bottom: 10px
}

nav>ul>li>a:hover, nav>ul>li>a:focus {
	text-decoration: none !important;
	color: #54833f !important;
	border-bottom: 2px solid
}

nav>ul>li:nth-of-type(2) a:link, nav>ul>li:nth-of-type(2) a:visited {
	color: #54833f
}

nav>ul>li:nth-of-type(2) a:hover, nav>ul>li:nth-of-type(2) a:focus {
	color: #3b3b3b !important
}

.mega-menu {
	display: flex;
	flex-flow: row nowrap;
	margin: 2em 0;
	padding: 0;
	width: 100%;
	max-width: 1216px;
	background: #fff;
	list-style-type: none;
	filter: drop-shadow(50vw 0 0 #fff) drop-shadow(-50vw 0 0 #fff)
		drop-shadow(0 6px 4px rgba(0, 0, 0, .2))
}

nav>ul>li.has-menu>.mega-menu {
	display: none;
	position: absolute;
	left: 0;
	top: 40px;
	padding: 30px 0 20px;
	margin: 0;
	z-index: 10
}

nav>ul.active>li.has-menu:hover>.mega-menu {
	display: flex
}

nav>ul.mobile-active>li.has-menu>.mega-menu {
	top: 46px;
	left: 335px;
	display: flex;
	flex-flow: column nowrap;
	width: 318px;
	min-height: 100%;
	box-shadow: none;
	transition: all .3s ease-in
}

nav>ul.mobile-active>li.has-menu.active>.mega-menu {
	left: 0;
	transition: all .6s ease-out
}

.mega-menu>li {
	padding: 0 3em 0 0;
	position: relative;
	text-align: left
}

.mega-menu>li::before {
	content: "";
	display: block;
	position: absolute;
	left: -40px;
	top: 62px;
	width: 1px;
	height: 275px;
	background-color: #e9e9e9
}

.mega-menu>li:first-of-type::before, .mega-menu>li:empty::before {
	display: none
}

.mega-menu>li:first-child {
	flex: 3;
	z-index: 5
}

.mega-menu>li:nth-child(2) {
	flex: 2
}

.mega-menu>li:last-child {
	width: 384px;
	padding: 0
}

.mega-menu>li:nth-child(2):empty {
	border-left: none
}

.mega-menu li h4 {
	margin-top: 0;
	font-size: 16px
}

.mega-menu li h4 a {
	color: #3b3b3b !important
}

.mega-menu>li>ul {
	display: flex;
	flex-flow: column wrap;
	height: 23em
}

.mega-menu>li ul {
	list-style-type: none;
	margin: 16px 0 0;
	padding: 0;
	font-size: 14px
}

.mega-menu>li>ul li:last-of-type {
	margin-bottom: 0
}

.mega-menu>li li {
	margin: 0 0 16px;
	padding: 0;
	font-family: "Titillium Web";
	line-height: 20px
}

.mega-menu>li li.has-subsubcats {
	font-family: "Arboria-Bold", Arial, Helvetica, sans-serif
}

.mega-menu>li li a:link, .mega-menu>li li a:visited {
	text-decoration: none;
	color: #616161 !important
}

.mega-menu>li li a:hover, .mega-menu>li li a:focus {
	text-decoration: underline;
	color: #3b3b3b
}

.mega-menu>li li ul {
	margin-bottom: 8px
}

.mega-menu a.sale:link, .mega-menu a.sale:visited {
	color: #54833f !important
}

.mega-menu a.bold {
	text-decoration: underline !important;
	font-family: Arboria-Bold, Arial, Helvetica, sans-serif;
	font-weight: normal
}

.mega-menu a.bold:link, .mega-menu a.bold:visited {
	color: #3b3b3b
}

.mega-menu a.bold:hover, .mega-menu a.bold:focus {
	color: #54833f
}

.mega-menu a.bold.small {
	font-size: 14px;
	font-family: Arboria-Bold, Arial, Helvetica, sans-serif
}

.mega-menu>li:first-child li {
	width: 41%;
	padding: 0 5% 0 0
}

.mega-menu>li:first-child li ul {
	padding-left: 0
}

.mega-menu>li:first-child li ul li {
	width: auto
}

.mega-menu .menu-brands li a {
	background-size: 1px;
	background-position: -2000px -2000px;
	background-repeat: no-repeat
}

.mega-menu .menu-brands li:last-of-type a {
	padding-left: 0
}

.mega-menu>li:last-child>div {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	line-height: 20px
}

.mega-menu>li:last-child>div>div {
	flex: 1;
	position: relative;
	font-family: "Titillium Web";
	font-size: 16px
}

.mega-menu>li:last-child>div>div a:link, .mega-menu>li:last-child>div>div a:visited
	{
	color: #3b3b3b
}

.mega-menu>li:last-child>div>div a:hover, .mega-menu>li:last-child>div>div a:active
	{
	color: #54833f
}

.mega-menu>li:last-child>div>div>a>div {
	margin-bottom: 12px;
	padding: 0;
	height: 160px;
	width: 175px;
	border-radius: 6px;
	background-position: top;
	background-size: cover
}

.mega-menu>li:last-child>div>div:first-of-type {
	padding-right: 32px
}

.mega-menu>li:last-child>p {
	position: absolute;
	bottom: 36px
}

.submenu {
	display: table-row;
	margin: 1em 0;
	padding: 0;
	list-style-type: none
}

.submenu li {
	display: table-cell
}

.submenu li:not (:first-child )::before {
	content: "\00a0\00a0|\00a0\00a0"
}

.submenu li.prefix+li::before {
	content: "\00a0"
}

@media only screen and (max-width:1215px) {
	#menutrigger {
		display: block;
		margin: -3px 20 0 45px
	}
	nav {
		display: block;
		position: absolute;
		top: 0;
		padding: 0 !important;
		width: 100%;
		height: 1px
	}
	nav>ul {
		display: block;
		margin: 0;
		padding: 0;
		max-width: 318px;
		background: #fff;
		line-height: 2.0
	}
	nav>ul.mobile-active {
		position: relative;
		height: 100vh;
		overflow-x: hidden;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2), 0 0 0 100vw rgb(0, 0, 0, 0.3)
	}
	nav>ul>li, nav>ul>li:nth-of-type(2), nav>ul>li:last-of-type {
		display: none !important;
		border-bottom: 1px solid #e7dfd7;
		padding: 3px 10px 3px 40px !important;
		font-family: "Titillium Web";
		font-size: 16px;
		text-align: left
	}
	nav>ul.mobile-active>li {
		display: block !important
	}
	nav>ul>li>a:link, nav>ul>li>a:visited {
		padding-bottom: 0
	}
	nav>ul>li>a:hover, nav>ul>li>a:focus {
		border-bottom: none
	}
	nav>ul>li:first-child {
		position: fixed;
		width: 100%;
		max-width: calc(318px - 50px);
		background: #54833f;
		border-bottom: none;
		font-size: 14px;
		font-family: Arboria-Bold, Arial, Helvetica, sans-serif;
		color: #fff;
		z-index: 20
	}
	nav>ul>li:first-child a:link, nav>ul>li:first-child a:visited {
		color: #fff
	}
	nav>ul>li:first-child a:hover, nav>ul>li:first-child a:focus {
		color: #fff !important;
		opacity: .7
	}
	nav>ul>li:first-child a:nth-of-type(2) {
		padding-right: 6px
	}
	nav>ul>li:first-child a:nth-of-type(3) {
		padding-left: 6px
	}
	nav>ul>li:nth-child(2) {
		margin-top: 46px
	}
	nav>ul>li:nth-of-type(2) a:link, nav>ul>li:nth-of-type(2) a:visited {
		font-family: Arboria-Bold, Arial, Helvetica, sans-serif
	}
	nav>ul>li:first-child>a:first-of-type {
		float: right;
		margin-top: 8px;
		padding-right: 21px;
		line-height: 1.0
	}
	nav>ul>li:nth-child(n+2)>a:link, nav>ul>li:nth-child(n+2)>a:visited {
		display: block;
		position: relative
	}
	nav>ul>li:nth-child(n+2)>a::after {
		position: absolute;
		right: 21px;
		top: 8px;
		content: "";
		display: inline-block;
		width: 24px;
		height: 24px;
		background: url(/images/svg/icn_chevron_right.svg) left top no-repeat;
		background-size: 24px
	}
	nav>ul>li>ul {
		position: absolute;
		top: 0
	}
	.mega-menu {
		flex-flow: column nowrap;
		width: calc(100% - 2em);
		filter: drop-shadow(0 5px 5px rgba(0, 0, 0, .2))
	}
	.mega-menu>li {
		padding: 0 1em 0 40px;
		width: 250px;
		flex: 0 1 auto !important
	}
	.mega-menu>li:first-child {
		order: 2
	}
	.mega-menu>li:nth-child(2) {
		order: 3
	}
	.mega-menu>li:last-child {
		order: 1;
		width: 250px;
		padding: 0 40px
	}
	.mega-menu>li:first-child li {
		width: auto
	}
	.mega-menu>li:first-child h4, .mega-menu>li:last-child>div>div:nth-child(2),
		.mega-menu>li:last-child p {
		display: none
	}
	.mega-menu>li:last-child>div>div:first-of-type {
		padding-right: 0
	}
	.mega-menu>li ul:nth-child(n+2) {
		border-right: none
	}
	.mega-menu>li h4 {
		text-transform: uppercase;
		letter-spacing: 1.5px;
		margin-top: 2em
	}
	.mega-menu>li:last-child h4.menu-back {
		cursor: pointer;
		text-align: center;
		text-transform: none;
		letter-spacing: normal;
		margin: 16px 0
	}
	.mega-menu>li:last-child h4.menu-back::before {
		content: "";
		background-image:
			url(data:image/svg+xml,%3Csvg\ width=\'24\'\ height=\'24\'\ viewBox=\'0\ 0\ 24\ 24\'\ fill=\'none\'\ xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cg\ id=\'Navigation\ /\ arrow\ back\'%3E%3Cpath\ id=\'Round\'\ d=\'M18.7915\ 11.0051H7.62148L12.5015\ 6.12508C12.8915\ 5.73508\ 12.8915\ 5.09508\ 12.5015\ 4.70508C12.3147\ 4.51783\ 12.061\ 4.4126\ 11.7965\ 4.4126C11.532\ 4.4126\ 11.2783\ 4.51783\ 11.0915\ 4.70508L4.50148\ 11.2951C4.11148\ 11.6851\ 4.11148\ 12.3151\ 4.50148\ 12.7051L11.0915\ 19.2951C11.4815\ 19.6851\ 12.1115\ 19.6851\ 12.5015\ 19.2951C12.8915\ 18.9051\ 12.8915\ 18.2751\ 12.5015\ 17.8851L7.62148\ 13.0051H18.7915C19.3415\ 13.0051\ 19.7915\ 12.5551\ 19.7915\ 12.0051C19.7915\ 11.4551\ 19.3415\ 11.0051\ 18.7915\ 11.0051Z\'\ x=\'4\'\ y=\'4\'\ width=\'16\'\ height=\'16\'\ fill=\'%233B3B3B\'/%3E%3C/g%3E%3C/svg%3E%0A);
		background-size: 24px;
		background-repeat: no-repeat;
		background-position: left top;
		display: inline-block;
		width: 24px;
		height: 24px;
		float: left
	}
	.mega-menu>li:last-child>div>div>a>div {
		height: 90px;
		width: 107px;
		margin: 8px;
		float: right;
		border-radius: 4px
	}
	.mega-menu>li:last-child>div>div {
		background-color: #f8f6f5;
		border-radius: 5px
	}
	.mega-menu>li:last-child>div>div span {
		display: block;
		padding-left: 12px;
		width: 50%;
		font-family: Arboria-Bold, Arial, Helvetica, sans-serif;
		font-size: 14px;
		line-height: 19px
	}
	.mega-menu>li:last-child>div>div a:link, .mega-menu>li:last-child>div>div a:visited
		{
		display: flex;
		align-items: center;
		flex-direction: row-reverse
	}
	.mega-menu>li ul {
		height: auto
	}
	.mega-menu>li:last-child>div {
		flex-flow: column nowrap
	}
	.mega-menu .menu-brands li {
		margin: 0 0 3px
	}
	.mega-menu .menu-brands li a {
		display: block;
		padding-left: 44px;
		background-position: left center;
		background-size: 39px 39px;
		line-height: 39px
	}
	nav>ul>li.has-menu>.mega-menu {
		padding-top: 0;
		padding-bottom: 40px
	}
}

@media only screen and (max-width:767px) {
	#menutrigger {
		margin: 3px 19px 0 23px
	}
	nav>ul {
		max-width: 286px
	}
	nav>ul>li:first-child {
		max-width: calc(286px - 30px)
	}
	nav>ul>li, nav>ul>li:nth-of-type(2), nav>ul>li:last-of-type {
		padding-left: 20px !important
	}
	nav>ul>li:first-child>a:first-of-type {
		padding-right: 16px
	}
	nav>ul>li:nth-child(n+2)>a::after {
		right: 16px
	}
	.mega-menu>li {
		padding-left: 20px !important
	}
	.mega-menu>li:last-child {
		padding: 0 0 0 20px
	}
}

#signup {
	min-height: 810px;
	background: url(/images/newsletter-bg-2015-2.jpg) right top no-repeat
}

#signup h1 {
	display: block;
	width: 97.5%;
	margin: 0;
	padding: 20px 0 15px 2.5%;
	color: #fff
}

#signup .container {
	width: 73%;
	margin-top: 20px;
	margin-left: 2.5%;
	background: #fff;
	box-shadow: 0 2px 5px rgba(0, 0, 0, .7)
}

#signup .signup-column {
	width: 47%;
	padding: 1.5%;
	float: left;
	background: #fff
}

#signup div div div {
	padding: 3%;
	float: none
}

#signup p {
	line-height: 22px;
	margin: 1em 0 0
}

#signup p small {
	line-height: 16px;
	font-size: .65em;
	color: #666
}

#signup h4 {
	text-transform: uppercase;
	font-weight: bold;
	margin-top: 1.5em
}

#signup form {
	margin: 0 0 .5em
}

#signup fieldset {
	position: relative;
	margin: 0;
	padding: 10px 1em;
	border: 2px solid #ccc;
	background: #fff !important
}

#signup legend {
	position: absolute;
	left: 8px;
	top: 10px;
	box-shadow: none;
	text-transform: none;
	font-weight: bold;
	font-style: italic;
	font-size: 1.8em
}

#signup fieldset p big {
	font-size: 120%;
	margin-left: 104px;
	color: #444
}

#signup fieldset strong {
	color: inherit
}

#signup fieldset input, #signup fieldset textarea, #signup fieldset select
	{
	display: inline-block;
	float: left;
	margin: 10px 8px 0 0;
	padding: 8px 12px;
	border-color: #000;
	line-height: 1.2em;
	text-align: left;
	font-family: inherit
}

#signup fieldset input[type="text"] {
	width: 91.5%
}

#signup fieldset input[type="email"] {
	float: none;
	clear: both;
	width: 91.5%
}

#signup fieldset input[type="checkbox"] {
	margin-top: 0
}

#signup fieldset label {
	margin: .5em 0;
	width: 100%;
	font-size: 100%;
	line-height: 16px;
	text-align: left;
	font-family: inherit;
	color: #333;
	cursor: pointer
}

#signup fieldset label::after {
	content: ""
}

#signup fieldset span {
	float: left;
	margin: 0
}

#signup input:focus {
	border-color: #ff2f82
}

#signup div.captcha {
	padding: 0;
	margin-top: 6px
}

#signup div.captcha label {
	display: none
}

#signup div.captcha small {
	display: block;
	clear: both
}

#signup div.captcha input[type="text"] {
	width: 120px;
	margin: 0
}

#signup img#captcha {
	width: 130px
}

#signup fieldset input[type="submit"] {
	float: none;
	clear: both;
	margin: 0 auto 10px 95px;
	padding: 8px 10px 2px;
	background: #f7fafc;
	background-image: -webkit-linear-gradient(top, #ff2f82, #dd187b);
	background-image: -moz-linear-gradient(top, #ff2f82, #dd187b);
	background-image: -o-linear-gradient(top, #ff2f82, #dd187b);
	background-image: -ms-linear-gradient(top, #ff2f82, #dd187b);
	background-image: linear-gradient(to bottom, #ff2f82, #dd187b);
	box-shadow: 0 1px 0 #a00453;
	text-transform: uppercase;
	font-size: 200%;
	color: #fff
}

#signup fieldset input[type="submit"]:hover {
	background: #ff2f82
}

#signup fieldset input[type="submit"]:active {
	box-shadow: none;
	background: #999
}

#controls {
	display: none;
	float: right;
	text-align: right
}

#controls div:first-child {
	margin: 0 0 5px 0
}

#controls div:first-child input {
	-webkit-appearance: button;
	font-size: 14px
}

#controls input {
	cursor: pointer
}

#controls input.hilite {
	border-width: 1px;
	background: #ff2f82;
	color: #fff
}

.order {
	position: relative;
	margin: 10px 0;
	padding: 8px 24px;
	background: #f2f5f6;
	border: 1px solid #c8d7dc;
	border-radius: 3px/6px
}

.order.reverse {
	border-color: #c33;
	background: #fff5f6
}

.order span {
	color: red
}

.approved span {
	color: green
}

.approved.withheld {
	background: #ababab
}

.approved.invalid {
	background: #ff9
}

.approved.pickup {
	background: #cfc
}

.pending span {
	color: #ffa500
}

.order em {
	color: #ffa500
}

.order table {
	border-collapse: collapse
}

.order th {
	padding: 2px 4px;
	white-space: nowrap;
	vertical-align: top;
	text-align: right
}

.order td {
	padding: 2px 4px
}

.action {
	position: absolute;
	top: 12px;
	right: 6px
}

.action span, .action a:link, .action a:visited {
	margin: 0 5px 0 0;
	padding: 3px 8px;
	background: #a5b8da;
	background-image: -webkit-linear-gradient(top, #a5b8da, #7089b3);
	background-image: -moz-linear-gradient(top, #a5b8da, #7089b3);
	background-image: -ms-linear-gradient(top, #a5b8da, #7089b3);
	background-image: -o-linear-gradient(top, #a5b8da, #7089b3);
	border: 1px solid #7d99ca;
	border-radius: 3px;
	text-shadow: -1px -1px 0 rgba(0, 0, 0, .3);
	text-align: center;
	font-weight: bold;
	color: #fff
}

.intl span, .intl a:link, .intl a:visited {
	background: #1ba7de
}

.action span:hover, .action a:hover, .action a:focus {
	border: 1px solid #5d7fbc;
	background: #819bcb;
	background-image: -webkit-linear-gradient(top, #819bcb, #536f9d);
	background-image: -moz-linear-gradient(top, #819bcb, #536f9d);
	background-image: -ms-linear-gradient(top, #819bcb, #536f9d);
	background-image: -o-linear-gradient(top, #819bcb, #536f9d);
	text-decoration: none !important;
	color: #fff
}

.orderarrow {
	position: absolute;
	top: 8px;
	left: 8px
}

.orderarrow:hover, .orderarrow:focus {
	text-decoration: none !important
}

#product_grid {
	position: relative;
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr 40%;
	-ms-grid-columns: 1fr 40%;
	grid-template-columns: 1fr 40%;
	grid-template-columns: 1fr 40%;
	-ms-grid-rows: auto;
	grid-template-rows: auto;
	margin-top: 1em
}

#product_imagery {
	position: sticky;
	top: 40px;
	height: fit-content;
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: -webkit-min-content 1fr;
	-ms-grid-columns: min-content 1fr;
	grid-template-columns: -webkit-min-content 1fr;
	grid-template-columns: min-content 1fr;
	-ms-grid-rows: min-content 112px;
	grid-template-rows: min-content 112px;
	-ms-grid-row: 1;
	-ms-grid-row-span: 2;
	grid-row: 1/span 2;
	-ms-grid-column: 1;
	grid-column: 1
}

#productphotos {
	-ms-grid-row: 1;
	grid-row: 1;
	-ms-grid-column: 2;
	grid-column: 2;
	position: relative;
	width: 95%
}

#productphotos .clearance {
	position: absolute;
	left: 1em;
	top: 1em;
	width: 60px;
	height: 60px;
	background-image: url(/images/svg/icn_clearance_pdp.svg);
	background-size: contain;
	background-repeat: no-repeat
}

#productphotos .forsale {
	position: absolute;
	left: 1em;
	top: 1em;
	width: 60px;
	height: 60px;
	background-image: url(/images/svg/icn_sale.svg);
	background-size: contain;
	background-repeat: no-repeat
}

#productphotos .samples {
	position: absolute;
	left: 1em;
	top: calc(2em + 60px);
	width: 60px;
	height: 60px;
	background-image: url(/images/icn_sample.svg);
	background-size: contain;
	background-repeat: no-repeat
}

#productphotos::after {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0);
	background-position: center center;
	transition: .5s
}

#productphotos.transition::after {
	animation-name: fade;
	animation-duration: 1s;
	animation-timing-function: ease-out;
	animation-fill-mode: forward;
	content: ""
}

@
keyframes fade { 0% {
	background-color: rgba(255, 255, 255, 0);
}

100%
{
background-color
:
 
rgba
(255
,
255,255,1);
}
}
#productthumbnails {
	position: relative;
	-ms-grid-row: 1;
	grid-row: 1;
	-ms-grid-column: 1;
	grid-column: 1;
	width: auto;
	min-height: 0
}

#productthumbnails .imglink {
	display: inline-block;
	margin: 5px
}

#productthumbnails .imglink img {
	border: 1px solid #f8f6f5
}

#productthumbnails .imglink.current img {
	border: 1px solid #000
}

#productthumbnails a.imglink:hover img, #productthumbnails a.imglink:focus img
	{
	border: 1px solid #000 !important
}

#thumblinks {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	max-height: 84%;
	overflow-y: scroll;
	scrollbar-width: none;
	-ms-overflow-style: none
}

#thumblinks::-webkit-scrollbar {
	width: 0;
	height: 0
}

#thumbs_up, #thumbs_down {
	position: absolute;
	top: 0;
	display: block;
	width: calc(100% - 15px);
	width: 3rem;
	height: calc(100% - 20px);
	padding: 10px 0;
	background-image:
		url(data:image/svg+xml,%3C%3Fxml\ version=\'1.0\'\ encoding=\'utf-8\'%3F%3E%3Csvg\ version=\'1.1\'\ baseProfile=\'tiny\'\ id=\'Layer_1\'\ xmlns=\'http://www.w3.org/2000/svg\'\ xmlns:xlink=\'http://www.w3.org/1999/xlink\'\ x=\'0px\'\ y=\'0px\'\ viewBox=\'0\ 0\ 24\ 24\'\ overflow=\'visible\'\ xml:space=\'preserve\'%3E%3Cpath\ fill=\'%233B3B3B\'\ d=\'M9,6.7c-0.4,0.4-0.4,1,0,1.4l3.9,3.9L9,15.9c-0.4,0.4-0.4,1,0,1.4s1,0.4,1.4,0l4.6-4.6c0.4-0.4,0.4-1,0-1.4\ l-4.6-4.6C10,6.3,9.4,6.3,9,6.7z\'/%3E%3C/svg%3E%0A);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 2rem;
	cursor: pointer
}

#thumbs_up {
	left: 0;
	transform: rotate(180deg)
}

#thumbs_down {
	right: 0
}

#product_brandlogo {
	-ms-grid-row: 2;
	grid-row: 2;
	-ms-grid-column: 1;
	-ms-grid-column-span: 2;
	grid-column: 1/span 2;
	text-align: center
}

h1.forsale {
	padding-left: 50px;
	background: url(/images/sale-sticker2.png) left top no-repeat
}

#product_heading {
	-ms-grid-row: 1;
	grid-row: 1;
	-ms-grid-column: 2;
	grid-column: 2
}

#product_details {
	-ms-grid-row: 2;
	grid-row: 2;
	-ms-grid-column: 2;
	grid-column: 2
}

#product_footer {
	-ms-grid-row: 3;
	grid-row: 3;
	-ms-grid-column: 1;
	-ms-grid-column-span: 2;
	grid-column: 1/span 2
}

#user-contributed {
	-ms-grid-row: 4;
	grid-row: 4;
	-ms-grid-column: 1;
	-ms-grid-column-span: 2;
	grid-column: 1/span 2;
	max-width: 1216px;
	margin: 0;
	padding: 40px
}

#shop_similar {
	padding-bottom: 60px;
	-ms-grid-row: 5;
	grid-row: 5;
	-ms-grid-column: 1;
	-ms-grid-column-span: 2;
	grid-column: 1/span 2
}

.productpage p.section {
	margin: 0 auto 2em;
	text-align: center
}

div#review_avg {
	display: inline-block;
	font-style: normal;
	font-size: 1.2em;
	line-height: 1.4em;
	margin: 5px 0 0
}

.productpage .mainphoto {
	width: 100%;
	height: auto;
	vertical-align: middle
}

.productpage .disapproved {
	position: relative
}

.productpage .disapproved::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: "";
	background: url(/images/seal-disapproval.png) center center no-repeat;
	background-size: 100% 100%
}

#product_footer {
	margin: 40px 0 0;
	padding-top: 40px
}

#product_footer, #shop_similar {
	padding: 52px 0 64px
}

#shop_similar {
	border-top: 2px solid #d5d5d5
}

#product_footer #matrix {
	max-width: 1008px
}

.productpage .fav {
	display: inline-block;
	float: right;
	margin: 5px 10px -3px;
	padding: 4px 0 3px 22px;
	background-position: 0 6px;
	background-repeat: no-repeat;
	background-size: 17px 15px;
	font-size: .95em
}

.fav.off {
	background-image: url(/images/icn-fav-off.png)
}

.fav.on {
	background-image: url(/images/icn-fav-on.png) !important;
	cursor: default
}

#productdesc {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between
}

#productdesc>div {
	max-width: calc(50% - 1em)
}

.discount-pct {
	font-size: 14px;
	width: 69px;
	height: 24px;
	background: #f7dfdd;
	border-radius: 4px;
	padding: 2px 5px;
	padding-bottom: 4px;
	color: #54833f;
	position: relative;
	top: -5px;
	left: 5px
}

.saleprice {
	color: #54833f;
	font-family: "Arboria-Bold", Arial, Helvetica, sans-serif
}

#buybox {
	justify-content: space-between;
	padding: 15px
}

#addtocart_after {
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 438px
}

#addtocart_after img {
	margin: 0 16px
}

span.pmttype-info {
	display: flex;
	margin-top: 1em;
	line-height: 20px;
	font-weight: normal
}

span.pmttype-info strong {
	padding-right: 4px;
	font-family: "Titillium Web";
	font-style: normal;
	font-weight: normal
}

span.pmttype-info img {
	height: 1.7em;
	margin-bottom: -4px;
	padding: 0 4px 0 0
}

span.pmttype-info a {
	margin-left: 8px;
	font-size: 12px;
	color: #3b3b3b !important;
	text-decoration: underline !important
}

#addtocart_after span.pmttype-info p.MhkBt {
	font-weight: normal !important
}

span.no-returns {
	font-size: 1rem;
	color: red
}

#instock {
	font-size: 16px
}

#instock.limited::after {
	margin-left: 3px;
	content: "Limit " attr(data-order-limit) " per order";
	color: #f08100
}

#addtocart {
	clear: both;
	margin: .5em 0;
	padding: 0;
	width: 100%;
	border-radius: 5px;
	font-size: 1.4em
}

#addtocart .stepper {
	border: 1px solid #888
}

#addtocart .qty {
	-webkit-appearance: none;
	-moz-appearance: textfield;
	padding: 0 2px;
	width: 1em;
	text-align: center;
	background: transparent;
	border: none;
	box-shadow: none;
	font-size: inherit
}

#addtocart .qty::-webkit-outer-spin-button, #addtocart .qty::-webkit-inner-spin-button
	{
	-webkit-appearance: none
}

#addtocart.outofstock .addtocart-btn {
	display: none
}

#addtocart.outofstock .stepper {
	color: #999
}

#addtocart.outofstock .stepper input {
	display: none
}

#addtocart h5 {
	margin: 20px 15px 0 0
}

.certification {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	margin: 1em auto;
	border-bottom: 1px solid #d5d5d5
}

.certification>a {
	margin: 0 10px
}

.certification>a {
	display: flex;
	flex-direction: column;
	align-items: center;
	color: #3b3b3b
}

.certification>a>span {
	max-width: 80%;
	text-align: center
}

#optioninstock button {
	font-size: .7em
}

#optionnotify {
	border-right: 0
}

#optionnotify p {
	margin: 0
}

#addtocart.outofstock #optionnotify {
	display: block !important
}

#addtocart #optionoutofstock {
	display: none
}

#addtocart.outofstock #optionoutofstock {
	display: block
}

#optionoutofstock input {
	width: 100%
}

.addtocart-btn {
	flex: 5 1 0;
	padding: 10px 10px 0
}

.instock {
	padding: 0 10px;
	width: calc(100% - 26px)
}

#addtocart.outofstock .instock {
	display: none
}

#nl_points_container {
	flex: 3 1 0;
	padding: 0 10px 10px;
	font-size: .65em;
	line-height: 1.25em;
	flex-wrap: wrap
}

#nl_points {
	font-size: 1.1em
}

#nl_points_container a:link, #nl_points_container a:visited {
	text-decoration: underline
}

#content .productpage-tags>a:link, #content .productpage-tags>a:visited,
	#content .productpage-tags>span.for-you {
	display: inline-block;
	margin: 3px 3px 0 0;
	padding: 4px 10px;
	background: #fff;
	border: 0;
	border-radius: 2px;
	line-height: 1.6em;
	text-transform: lowercase;
	text-decoration: none;
	font-weight: 400;
	font-size: .85em;
	color: #54833f;
	transition: .2s
}

#content .productpage-tags a:hover, #content .productpage-tags a:active
	{
	box-shadow: 0 0 5px rgba(0, 0, 0, .1)
}

#content .productpage-tags>span.for-you {
	color: green
}

#content .productpage-tags>span.for-you::before {
	content: "For you: "
}

#toggler_details_ingredients, #toggler_details_notes,
	#toggler_details_howtouse, #toggler_details_video {
	display: none;
	position: relative
}

#toggler_details_video iframe {
	width: 100%;
	min-height: 300px
}

#toggler_details_notes {
	position: relative;
	height: 400px;
	overflow: hidden
}

#read_more {
	display: block;
	position: absolute;
	bottom: 0;
	margin: 30px 0 0;
	padding: 25px 0;
	width: 100%;
	background: #fff;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 1) 30%);
	line-height: 1 !important
}

#toggler_details_notes.see-all {
	height: auto
}

#ingdisplay {
	display: none;
	justify-content: center;
	align-items: flex-start;
	position: absolute;
	left: 0;
	top: 60px;
	width: 100%;
	content: ""
}

#ingdisplay>div {
	padding: .5em 1em;
	width: 60%;
	background: #fff;
	box-shadow: 0 2px 4px rgba(14, 31, 53, .04), 0 6px 12px
		rgba(14, 31, 53, .04), 0 12px 20px rgba(14, 31, 53, .03);
	border-radius: 6px
}

#ingdisplay>div .close {
	float: right
}

.related {
	display: inline-block;
	margin: 20px 0 10px 0;
	padding-bottom: 5px;
	border-bottom: none;
	text-align: center;
	line-height: 21px;
	font-size: 1.35em;
	font-weight: 600;
	color: #000;
	cursor: pointer;
	transition: .2s
}

.related.active {
	border-bottom: 3px solid #000
}

.related-content {
	
}

.related-content ul {
	margin: .5em 0
}

.related-content li {
	margin-bottom: 2px
}

.related-content h3 {
	margin: 0 0 -.5em
}

.related-content iframe {
	margin: 1em auto
}

.scarab-itemlist {
	display: flex;
	flex-flow: row wrap
}

.scarab-item {
	flex: 1;
	max-width: 24%;
	padding: 10px;
	line-height: 1.2em
}

.scarab-item a:link, .scarab-item a:visited {
	color: #333
}

.scarab-item img {
	max-width: 100%;
	height: auto
}

.scarab-prev, .scarab-next {
	display: none
}

#swatches {
	margin: .5em 0
}

#swatches>a {
	position: relative;
	display: inline-block;
	margin-right: .4em;
	width: 1.5em;
	height: 1.5em;
	background-repeat: repeat;
	background-size: cover;
	cursor: pointer
}

#swatches>a.selected {
	outline: 1px solid #999
}

#swatches>a[data-title]:hover::after {
	position: absolute;
	top: -3em;
	left: -2em;
	padding: .5em;
	width: calc(100% + 3em);
	background: #fff;
	border: 1px solid #ccc;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, .2);
	content: attr(data-title);
	white-space: nowrap;
	text-align: center;
	font-size: .5em
}

#shop_similar h3 {
	text-align: center
}

#shop_similar>div {
	display: flex;
	flex-flow: row nowrap;
	justify-content: center
}

#shop_similar>div>div {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 1em;
	width: 384px;
	height: 216px;
	background-color: #e98881;
	background-size: cover;
	background-position: right center;
	background-repeat: no-repeat;
	border-radius: 8px
}

#shop_similar>div>div>a:link, #shop_similar>div>div>a:visited {
	padding: 1em;
	background: #fff;
	border-radius: 4px;
	font-weight: bold;
	color: #000
}

.product-promo-msg {
	margin: 1em 0;
	padding: .5em 1em;
	background-color: #e8edde;
	border: 2px dashed;
	border-radius: .25em;
	font-weight: bold;
	color: #8ba462
}

@media only screen and (max-width:1088px) {
	.productpage #product_footer p.section {
		margin-bottom: 0;
		text-align: left
	}
	.productpage #shop_similar p.section {
		margin-bottom: 32px
	}
	#product_footer #matrix {
		max-width: 1008px;
		margin-left: -40px;
		margin-right: -40px;
		padding-left: 40px
	}
	.productpage .toggler {
		margin-bottom: 30px
	}
	.productpage .toggler-item:first-of-type {
		border-top: none
	}
	.product-page .overflow-scroll {
		margin-left: -40px;
		margin-right: -40px;
		padding-left: 40px
	}
	.productpage .advance, .productpage .advance:hover, .productpage .retreat,
		.productpage .retreat:hover {
		top: -50px;
		bottom: auto
	}
	.productpage .retreat {
		left: auto;
		right: 65px
	}
}

@media only screen and (max-width:767px) {
	#product_grid {
		grid-template-columns: 100%;
		grid-template-rows: auto;
		margin: 5px 5%
	}
	#product_imagery {
		position: relative;
		top: auto;
		margin-top: 32px;
		grid-row: 2;
		grid-column: 1;
		grid-template-columns: 100%;
		grid-template-rows: auto
	}
	#product_heading {
		grid-row: 1;
		grid-column: 1
	}
	#productphotos {
		grid-row: 1;
		grid-column: 1;
		margin-right: 0;
		width: 100%
	}
	#productthumbnails {
		grid-row: 2;
		grid-column: 1;
		width: auto !important
	}
	#product_brandlogo {
		grid-row: 3;
		grid-column: 1
	}
	#product_brandlogo p {
		margin: 0
	}
	#productthumbnails>div {
		position: static;
		text-align: center
	}
	#productthumbnails>div:nth-of-type(2) {
		position: static;
		max-height: none
	}
	#productthumbnails>div:nth-of-type(1), #productthumbnails>div:nth-of-type(3)
		{
		x-display: none
	}
	#productthumbnails .imglink {
		width: .8em;
		height: .8em;
		border-radius: .5em;
		background: #f7dfdd;
		border: 2px solid #f7dfdd;
		box-shadow: none
	}
	#productthumbnails .imglink.current, #productthumbnails .imglink:hover,
		#productthumbnails .imglink:active {
		background: #54833f;
		border: 2px solid #54833f !important;
		box-shadow: none
	}
	#productthumbnails .imglink img {
		display: none
	}
	#thumbs_up, #thumbs_down {
		display: none
	}
	#product_details {
		grid-row: 3;
		grid-column: 1
	}
	#product_footer {
		grid-row: 4;
		grid-column: 1
	}
	#user-contributed {
		grid-row: 5;
		grid-column: 1;
		flex-direction: column;
		padding: 0
	}
	#toggler_item_notes {
		order: 1
	}
	#toggler_details_notes {
		order: 2
	}
	#toggler_item_video {
		order: 3
	}
	#toggler_details_video {
		order: 4
	}
	#toggler_item_ingredients {
		order: 5
	}
	#toggler_details_ingredients {
		order: 6
	}
	#toggler_item_howtouse {
		order: 7
	}
	#toggler_details_howtouse {
		order: 8
	}
	#thumblinks {
		display: flex;
		flex-wrap: nowrap;
		overflow-x: auto;
		margin-top: 10px;
		justify-content: space-evenly
	}
	#productthumbnails #thumblinks a.imglink {
		max-width: 1vh;
		max-height: 1vh;
		margin: 5px 2px
	}
	#productthumbnails {
		padding-right: 0 !important
	}
}

.addtocart-btn input {
	width: 90%;
	margin: 0
}

.addtocart-btn {
	padding: 0;
	margin-top: 30px
}

#swatches a {
	border-radius: 50%;
	margin: 2px
}

#addtocart .stepper {
	background: #fff
}

.product-stepper {
	margin-bottom: 10px;
	margin-top: 10px
}

#nl_points_container {
	display: flex;
	align-items: center
}

iframe#findation-button-iframe {
	border: 0 !important
}

#product_heading h1 {
	font-size: 34px;
	line-height: 41px
}

#product_heading p {
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: #616161;
	letter-spacing: 1.5px;
	margin-top: 0
}

#product_tabs {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between
}

#product_tabs .toggler-item {
	padding: 0 2px 5px 2px;
	line-height: 22px;
	font-family: "Titillium Web";
	font-size: 18px;
	color: #3b3b3b
}

#product_tabs .related.active {
	border-bottom: 2px solid #54833f;
	color: #54833f;
	font-family: "Titillium Web" !important
}

#product_tabs .related-content {
	font-size: 16px;
	line-height: 24px;
	color: #616161
}

#read_more {
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%,
		rgb(248, 246, 245) 30%)
}

#read_more a:link {
	color: #616161 !important;
	font-size: 16px
}

#buynow #addtocart .stepper, #buynow .product-input {
	width: 50%
}

#buynow .product-input {
	padding-right: 30px
}

#buynow #addtocart p {
	font-size: 16px;
	font-style: normal;
	font-weight: normal
}

#buynow #addtocart p #price {
	font-size: 34px;
	font-family: "Titillium Web"
}

.productpage .product-stepper, .productpage #optionoutofstock,
	.productpage #optionnotify {
	width: 90%
}

.notify-thanks {
	width: calc(90% - 16px);
	padding: 8px;
	background: #f0ebe6;
	text-align: center;
	border-radius: 4px
}

.productpage .certification {
	padding: 20px 0
}

#swatches>a.selected {
	border: 2px solid #000;
	outline: 0
}

#product_footer {
	background: #fff;
	border-top: 0;
	filter: drop-shadow(50vw 0 0 #fff) drop-shadow(-50vw 0 0 #fff);
	text-align: center;
	padding-bottom: 60px
}

#product_footer .matrix.flex.overflow-scroll {
	margin: auto;
	margin-top: 20px;
	margin-bottom: 20px
}

.more a::after {
	content: "";
	display: inline-block;
	height: 14px;
	width: 14px;
	margin-left: 8px;
	margin-bottom: -2px;
	background-image: url('data:image/svg+xml,%3Csvg version=' 1.1 ' baseProfile=' tiny ' id='
		Layer_1 ' xmlns=' http :// www.w3.org/ 2000/ svg ' xmlns:xlink=' http
		:// www.w3.org/ 1999/ xlink ' x=' 0px ' y=' 0px ' viewBox=' 0 0 15 14
		' overflow=' visible ' xml:space=' preserve '%3E%3Cpath fill=' %
		23E46B63 ' d=' M6.7, 0.9l0 .7 -0.7c0 .3 -0.3, 0.8 -0.3, 1.1, 0l6 .2,
		6.2c0 .3, 0.3, 0.3, 0.8, 0, 1.1l-6 .2, 6.2c-0 .3, 0.3 -0.8, 0.3 -1.1,
		0 l-0.7-0.7c-0.3-0.3-0.3-0.8, 0 -1.1l3 .9 -3.7H1 .4C1, 8.3, 0.6, 7.9,
		0.6, 7.5v-1c0-0 .4, 0.3 -0.8, 0.8 -0.8h9 .2L6 .8, 2C6 .4, 1.7, 6.4,
		1.2, 6.7, 0.9z ' /%3E%3C/svg%3E%0A');
	background-size: 14px;
	background-repeat: no-repeat;
	background-position: top left
}

#nl_points_container {
	padding: 0;
	margin-bottom: 23px;
	margin-top: 5px
}

#nl_points_container p {
	margin: 0 5px
}

#nl_points_container a {
	color: #3b3b3b !important
}

#nl_points {
	color: #8ba462
}

#shop_reviews {
	min-height: 100px;
	background-color: #f8f6f5
}

#optionnotify fieldset, #optionoutofstock fieldset {
	background-color: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	margin-top: 10px
}

#optionnotify p, #optionoutofstock p, #instock {
	display: flex;
	align-items: flex-start;
	font-size: 14px !important;
	margin: 16px auto
}

#optionnotify p span, #optionoutofstock p span, #instock span {
	margin-left: 5px;
	max-width: calc(100% - 28px)
}

#optionnotify p span strong, #optionoutofstock p span strong, #instock span strong
	{
	padding-right: 5px
}

#instock {
	flex-wrap: wrap;
	padding-left: 0
}

select#options_list:only-child {
	width: 100%;
	border-right: 1px solid #888;
	border-radius: 4px !important;
	height: 50px
}

.productpage #we-check-card {
	display: none
}

@media only screen and (max-width:767px) {
	.productpage .product-stepper, .productpage #optionoutofstock,
		.productpage #optionnotify {
		width: 100%
	}
	.notify-thanks {
		width: calc(100% - 16px)
	}
	#product_heading p {
		margin-top: 1em
	}
	.addtocart-btn, .addtocart-btn input {
		width: 100%
	}
	#product_grid {
		margin: 0 !important
	}
	#product_tabs {
		flex-flow: column wrap;
		justify-content: flex-start
	}
	#product_tabs .toggler-item {
		line-height: 40px
	}
	.related {
		display: block;
		margin: 0;
		padding: 1em;
		border: 0;
		text-align: left
	}
	.related:hover {
		border-bottom: none !important
	}
	.related::after {
		content: "";
		display: block;
		float: right;
		margin-top: 5px;
		background-image: url(/images/svg/expand-faq.svg);
		background-size: contain;
		background-repeat: no-repeat;
		width: 24px;
		height: 24px;
		transition: .3s
	}
	#product_tabs .related.active {
		color: #3b3b3b;
		border-bottom: none
	}
	.related.active::after {
		background-image: url(/images/svg/contract.svg)
	}
	#product_footer, #shop_similar {
		padding: 42px 0 32px
	}
	#product_footer #matrix {
		max-width: 1008px;
		margin-left: -20px;
		margin-right: -20px;
		padding-left: 20px
	}
	#shop_similar>div {
		flex-direction: column
	}
	#shop_similar>div>div {
		margin: 0;
		margin-bottom: 16px;
		width: 100%
	}
}

body.instagram #content {
	background: none
}

#promotions {
	display: grid;
	-ms-grid-columns: (1fr)[3];
	grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
	grid-template-rows: repeat(auto-fill, auto);
	grid-gap: 32px
}

.gram {
	position: relative;
	margin-bottom: 30px;
	flex: 0 1 31%;
	box-shadow: 0 0 2px rgba(14, 31, 53, .12);
	background: #fff;
	border-radius: 8px;
	max-height: 500px;
	overflow: hidden;
	padding-bottom: 16px
}

.gram-image {
	position: relative;
	flex-grow: 1;
	height: 200px;
	overflow: hidden
}

.gram-image img {
	display: block;
	border-radius: 8px 8px 0 0
}

.gram-title {
	background: #fff;
	text-align: left;
	font-size: 20px;
	color: #54833f;
	padding: 16px 4px 8px 16px;
	width: calc(100% - 20px);
	font-family: "Titillium Web";
	font-weight: normal;
	font-style: normal
}

.gram-details {
	background: #fff;
	border-radius: 0 0 8px 8px
}

.gram-description {
	margin: 0;
	white-space: normal;
	max-height: 99px;
	overflow: hidden;
	padding: 0 16px 16px
}

.gram-details .matrix.floated div.product {
	float: none;
	display: inline-block;
	margin: 25px 6px;
	padding: 0;
	border-bottom: 0;
	vertical-align: top;
	white-space: normal
}

.gram-description p {
	margin-top: 0;
	font-size: 14px;
	line-height: 16px;
	color: #616161
}

.gram-details h3 {
	margin: 0;
	padding: 25px 25px 0
}

#promotions .conditions {
	clear: both;
	padding: 0 25px;
	width: calc(100% - 50px);
	white-space: normal;
	font-style: italic;
	font-size: .9em
}

.promo-link {
	font-family: "Arboria-Bold", Arial, Helvetica, sans-serif;
	text-decoration: underline;
	position: absolute;
	bottom: 8px
}

#promotions .promo-link a:link, #promotions .promo-link a:visited {
	color: #3b3b3b
}

#promotions .promo-link a:hover, #promotions .promo-link a:focus {
	color: #54833f
}

.promotions .intro {
	display: flex;
	justify-content: center;
	text-align: center;
	max-width: 50%;
	margin: 42px auto 50px
}

.promotions .intro p {
	font-size: 14px;
	line-height: 24px;
	text-align: center;
	color: #616161
}

#promo_filters label {
	display: block;
	cursor: pointer
}

#promo_applied_filters {
	white-space: normal
}

#promo_applied_filters label {
	display: inline-block;
	margin: 0 .5em .5em 0;
	padding: 5px 15px;
	background: #fff;
	color: #3b3b3b;
	cursor: pointer;
	font-size: 14px;
	box-shadow: 0 0 2px rgba(14, 31, 53, .12);
	border-radius: 4px
}

#promo_applied_filters label::after {
	content: "\00a0\d7"
}

#filters_dashboard {
	border-top: 0 !important;
	background: transparent !important
}

#filters_dashboard>div {
	border-bottom: 0 !important
}

#matrix_filters h4 {
	font-family: "Titillium Web" !important;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 18px;
	text-transform: initial;
	border-top: 1px solid #d5d5d5 !important
}

#matrix_filters h4::after {
	margin-top: -1px;
	background-image: url(images/svg/collapse-faq.svg);
	width: 20px;
	height: 20px
}

.gram-details>.conditions {
	display: none
}

.checkbox-list input[type="search"] {
	position: relative;
	height: 30px;
	width: calc(100% - 8px);
	border-radius: 4px;
	border-width: 1px;
	padding-left: 8px
}

.checkbox-list input[type="search"]::after {
	content: '';
	display: block;
	width: 14px;
	height: 14px;
	background-repeat: no-repeat;
	background-position: center center;
	background-image:
		url(data:image/svg+xml,%3Csvg\ xmlns=\'http://www.w3.org/2000/svg\'\ viewBox=\'0\ 0\ 56\ 56\'\ preserveAspectRatio=\'xMinYMid\'%3E%3Cpath\ fill=\'%233B3B3B\'\ d=\'M38.769\ 23.692c0-8.313-6.764-15.077-15.077-15.077s-15.077\ 6.764-15.077\ 15.077\ 6.764\ 15.077\ 15.077\ 15.077\ 15.077-6.764\ 15.077-15.077zM56\ 51.692c0\ 2.356-1.952\ 4.308-4.308\ 4.308-1.144\ 0-2.255-0.471-3.029-1.279l-11.543-11.51c-3.937\ 2.726-8.649\ 4.173-13.428\ 4.173-13.091\ 0-23.692-10.601-23.692-23.692s10.601-23.692\ 23.692-23.692\ 23.692\ 10.601\ 23.692\ 23.692c0\ 4.779-1.447\ 9.49-4.173\ 13.428l11.543\ 11.543c0.774\ 0.774\ 1.245\ 1.885\ 1.245\ 3.029z\'/%3E%3C/svg%3E);
	position: absolute;
	top: 8px;
	right: 8px
}

@media only screen and (max-width:1215px) {
	.promotions #matrix_filters {
		width: 75%
	}
}

@media only screen and (max-width:767px) {
	#promotions {
		width: 100%
	}
	.promotions .intro {
		max-width: 90%;
		margin: 26px auto 32px
	}
	.gram {
		margin-bottom: 0
	}
	.gram-image img {
		margin-top: -40px
	}
}

#reviews-list {
	display: flex;
	flex-flow: row wrap;
	align-items: flex-start;
	position: relative;
	flex: 1 1 100%;
	order: 1
}

#fb_comments_box+#reviews-list {
	display: flex;
	width: 60%;
	position: relative;
	flex: 2 1 60%;
	order: 1
}

#reviews h3, #reviews h4 {
	text-transform: uppercase;
	font-family: "futura-pt-condensed", Arial, Helvetica, sans-serif
}

#reviews h2 {
	margin-top: 0
}

#reviews h3 {
	margin: 0;
	font-size: 1.8em
}

#reviews h3 a:link, #reviews h3 a:visited {
	color: #000
}

#reviews h3 span {
	color: #1ba7de
}

#reviews h3::after {
	padding-left: 5px;
	content: "\25Be";
	color: #999
}

.more-reviews {
	
}

#more-reviews {
	width: 100%;
	margin: 0 auto;
	padding: 15px 0 30px;
	order: 3;
	text-align: center
}

#more-reviews a:link, #more-reviews a:visited {
	color: #ff2f82
}

#fb_comments_box+#reviews-list+#more-reviews {
	width: 60%;
	margin: 0 auto 0 0;
	order: 3
}

#new-review {
	width: 100%;
	margin: 30px auto 0;
	order: 4
}

#show-hide-review-form {
	margin: 0;
	text-align: center;
	color: #ff2f82;
	cursor: pointer
}

#show-hide-review-form:hover {
	text-decoration: underline;
	color: #000
}

#post-review {
	display: none;
	margin: 1em auto;
	max-width: 480px
}

#post-review legend {
	display: none
}

#post-review #field_firstname, #post-review #field_review_title,
	#post-review #field_review_comments {
	width: 300px
}

.starback {
	padding: 0 !important;
	height: auto !important;
	background: url(/images/starsgrey.png) left no-repeat;
	background-size: 120px;
	border-bottom: 0 !important
}

.starback.inline {
	float: left;
	width: 120px !important
}

.starfront {
	padding: 0 !important;
	height: 25px !important;
	background: url(/images/starsgold.png);
	background-size: 120px;
	border-bottom: 0 !important
}

.matrix .starback {
	background: url(/images/starsgrey.png) left no-repeat;
	background-size: 100px;
	border-bottom: 0 !important
}

.matrix .starback.inline {
	float: left;
	width: 100px !important
}

.matrix .starfront {
	padding: 0 !important;
	height: 21px !important;
	background: url(/images/starsgold.png);
	background-size: 100px;
	border-bottom: 0 !important
}

.review {
	float: left;
	padding: 15px 3% 15px 0;
	width: 30%;
	overflow: auto
}

.review:nth-child(3n+1) {
	clear: left
}

#reviews-list .review {
	flex: 1 0 30%;
	width: auto;
	float: none
}

#fb_comments_box+#reviews-list .review {
	flex: 1 0 45%;
	width: auto;
	float: none
}

.review h4 {
	font-family: le-monde-livre-std, serif;
	font-weight: 400;
	font-style: italic;
	font-size: 1.5em
}

.review h4, .review p {
	margin: 2px 0
}

.review p small {
	color: #aaa;
	text-align: center
}

.redflag {
	float: right;
	background: url(/images/redflag.png) left no-repeat;
	font-size: 10px;
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
	transition: .2s
}

.redflag:hover {
	-webkit-filter: grayscale(0);
	filter: grayscale(0)
}

.redflag a:link, .redflag a:visited {
	padding-left: 18px;
	font-size: .9em;
	color: #ababab
}

.reply {
	margin-left: 40px
}

.reply h4 strong {
	font-weight: normal;
	color: #f23375
}

.review-thanks {
	font-size: 18px;
	color: #29a702
}

.social_counters a {
	margin: 0 5px 0 0;
	padding: .3em .6em .3em 1.9em;
	background-repeat: no-repeat;
	background-position: .5em center;
	background-size: 1em 1em;
	border: .1em solid #ccc;
	border-radius: .2em;
	text-decoration: none !important;
	font-size: 1em;
	line-height: 3em;
	color: #fff !important
}

.social_counters .likes {
	border-color: #3b5a99;
	background-color: #3b5a99;
	background-image:
		url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeBAMAAADJHrORAAAALVBMVEUAAAD///////////////////////////////////////////////////////+hSKubAAAADnRSTlMAIDBAYHCAj5+vv8/f7yBm13QAAABUSURBVBiVY5j3Dhm8ZHiHCkjg71q1FplfyMDAhcR/yoDK34DGD2BgNLZG4hswyKGYb8CQRwHfgAEE+ND4dgT4eXD+rlUKDF6rzlHNPbTjz0PhvwAANBJTpYz9VFsAAAAASUVORK5CYII=)
}

.social_counters .likes:hover {
	border-color: #273c66;
	background-color: #273c66
}

.social_counters .tweets {
	border-color: #32aadc;
	background-color: #32aadc;
	background-image:
		url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAd1JREFUeNp8Us9PE0EUnnk7O9vutrU0rbWARoxGo+HgDyJK8KQHrxxJ8C/gjjHxjIlH/gIORKInTyQargY4EILGgFRIBBI3QLtt6S6z3Znx1Qrhl/2yyc6bfC/v+7437N77IvkPGkoLqfHADcqB4klrwpQmodKWQelJth+pq0n++JINlMy7wfeySHFIW8DyNntSsKfWKiaQo65A6oGC86Y/n40ZWNYaanLF63TYu2IFsOHV/dzY3SwltN5QOBBV5GLG+MN/bETShNHeTN/FeLdjQhApvHpxMz31tPvZ5QTOKAvZ6Zi5uHHK0vKe+PLbZyuemPm1//xK4nbGmhgsFCshykV5Z/F5s1YWEbuW4mkOGIgJTQPXL3D8zg3NjzQDCp6QtzqsFrsNSkKiFg4Arh+9nHO39hvtGxZcfyeQBiUQY4AxfysJpds1fPhZpaTJALQntd6ohm1Efdyozbl+nDWjANw2/t8u7Y7Mbi24wVn219LB+OIOO9wpczjEDXiQYI/ydk/qdD6z2/XX8249UvxQAMMXMnwjPdSTbE1sIVJ6ee9gulj9tFlDb/yYXNo7vYZVV8K8k7GyFgZNvFD+8MJVT4RS23hx0htrbQBjXa+G+m9QWCMNn/S5y/kjwACDM794g/E0DgAAAABJRU5ErkJggg==)
}

.social_counters .tweets:hover {
	border-color: #2682a8;
	background-color: #2682a8
}

.social_counters .pinterest {
	border-color: #e13640;
	background-color: #e13640;
	background-image:
		url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAM1BMVEUAAAD///////////////////////////////////////////////////////////////+3leKCAAAAEHRSTlMAECAwQFBgcICPn6+/z9/vIxqCigAAASRJREFUKJFtU1uihSAIxNTUUnH/q708xOp4+ah0gGGAAJYd6apkVzpgt7ONZe38Af0LFAf/CR2bpQe9dnSMa4ttJedc2jfe6wmzVexvvQlyUu/GoA8huJWvP6mrA5dRSZ1dnhbcCV3akBLlGe6N5qW8AjjJ5CEJsbrnkBSnphR+Z7inhs4HawGRRn7fUDX3QU+uXTjZMSjLhPnEOuoHxl94NUSSD4WJG6UgvRymrGppVY7BKuvGUmctEdwYzsRTsmPWoG3BM0qMwM2ZgiCC1a45gO6tlxyQDJYF8znS03XTZ59SbtORBx0d8mxNDHJKLDFkG07U7ZDuU38fnlXLs4qk5v4X1fgwZ7yjxI8Ev7Yd4/c3cdkvCbS0bvvJ4CiVHHotr8g/4Usguch/A3IAAAAASUVORK5CYII=)
}

.social_counters .pinterest:hover {
	border-color: #9a252b;
	background-color: #9a252b
}

.social_counters .hint {
	border-color: #844aa0;
	background-color: #844aa0;
	background-image: url(/images/icon-hint-hint.png)
}

.social_counters .hint:hover {
	border-color: #5a326d;
	background-color: #5a326d
}

.shoppage #pagebanner {
	background-position: top right;
	min-height: 330px
}

.shoppage #pagebanner p:nth-of-type(2) {
	width: 45%;
	color: #fff;
	margin: 0;
	font-size: 20px
}

.shoppage #pagebanner h1 {
	margin: 90px 0 10px
}

.shoppage #productdesc {
	position: relative
}

.shoppage #productdesc>div {
	max-width: calc(100% - 1em)
}

.shoppage #see_all {
	display: none
}

.shoppage p#see_all a:link:before, .shoppage p#see_all a:visited:before,
	.shoppage p#see_all a:link:after, .shoppage p#see_all a:visited:after {
	padding-top: 0
}

.shoppage .shopsubcats {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 20px;
	padding: 0
}

.shoppage h2.section, .shoppage .shop_hotproducts p.section {
	text-align: center;
	font-size: 34px;
	margin: 0
}

.shoppage .shop_hotproducts p.section {
	font-size: 28px;
	margin: 60px 0 30px
}

.shoppage .shopsubcats>li {
	list-style-type: none;
	padding: 0
}

.shoppage .shopsubcats>li a {
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	box-shadow: 0px 0px 2px rgb(14 31 53/ 12%);
	border-radius: 5px;
	min-height: 46px;
	color: #3b3b3b
}

.shoppage .shopsubcats>li a:hover {
	background: #8ba462;
	color: #fff;
	text-decoration: none
}

.shoppage .shop_hotproducts>.matrix.floated {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 30px;
	margin-bottom: 60px
}

.shoppage .shop_hotproducts>.matrix.floated .product {
	max-width: 220px
}

.shop_catlist>p:first-of-type {
	display: none
}

.subcat-banner-img {
	width: 100%;
	height: 360px;
	background: #ccc;
	margin: 40px 0;
	border-radius: 6px;
	background-size: cover;
	background-position: center right
}

.shoppage .shop-section-wrapper:nth-child(odd) {
	background-color: #f4f0ed;
	filter: drop-shadow(50vw 0 0 #f4f0ed) drop-shadow(-50vw 0 0 #f4f0ed)
}

.shoppage .shop-section-wrapper {
	padding: 70px 0 90px;
	max-width: 904px;
	margin: 0 auto
}

.shoppage .shop-section-wrapper>a {
	color: #3b3b3b;
	text-decoration: none
}

.shoppage .shop-text {
	display: flex;
	justify-content: space-between;
	margin-top: 50px;
	margin-bottom: 80px
}

.shoppage .shop-text p, .shoppage .shop-text small {
	width: 50%;
	margin: 0 16px
}

@media only screen and (max-width:1215px) {
	.shoppage #pagebanner h1 {
		max-width: 100%;
		margin: 160px 0 20px;
		text-align: center;
		text-shadow: 0 3px 35px #273844
	}
	.shoppage .shop-text, .shoppage #productdesc {
		flex-direction: column
	}
	.shoppage .shop-text p, .shoppage .shop-text small {
		width: 100%
	}
	.shoppage #productdesc {
		height: 74px;
		overflow: hidden;
		margin: 40px auto
	}
	.shoppage #see_all {
		display: initial
	}
	.shoppage .shop-text {
		margin: 0
	}
	.shoppage .shop-text p, .shoppage .shop-text small {
		margin: 0 0 1em
	}
	.shoppage .matrix form:nth-of-type(4) {
		display: none
	}
}

@media only screen and (max-width:767px) {
	.subcat-banner-img {
		height: 184px
	}
	.shoppage .matrix form:nth-of-type(4) {
		display: flex
	}
	.shoppage .shopsubcats {
		grid-template-columns: repeat(2, 1fr)
	}
	.shoppage .shopsubcats {
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 5px
	}
	.shoppage .shopsubcats>li a {
		background: none;
		box-shadow: none;
		border-radius: 0;
		min-height: 36px
	}
	.shoppage .shopsubcats>li a:hover {
		background: none;
		color: #54833f;
		text-decoration: underline
	}
}

#brands_search {
	position: relative;
	white-space: nowrap;
	margin: 41px auto 44px
}

#sphinxsearch form {
	margin: 0;
	padding: 0
}

#brands_search form {
	padding: 0;
	width: 592px;
	margin: 0 auto
}

.homepage #brands_search form {
	width: 100%
}

#sphinxsearch .text-input {
	width: calc(100% - 50px)
}

#sphinxsearch .text-input>span {
	font-size: 14px;
	line-height: 38px;
	color: #888
}

#sphinxsearch .text-input input:focus+div+span {
	visibility: hidden
}

#sphinxsearch input, #brands_search input {
	-webkit-appearance: none;
	width: 100%;
	margin: 0 -1px 0 0;
	padding: 0 0 0 8px;
	height: 40px;
	background-color: #fff;
	border: solid #d5d5d5;
	border-width: 1px 0 1px 1px;
	border-radius: 8px 0 0 8px;
	line-height: 24px;
	font-family: Arboria-Book, Arial, Helvetica, sans-serif;
	font-size: 14px
}

#brands_search input {
	width: 100%;
	line-height: 48px;
	height: 48px;
	border-radius: 4px 0 0 4px;
	font-size: 16px
}

#brands_search input+span {
	line-height: 48px
}

.homepage #brands_search input {
	height: 58px;
	line-height: 58px;
	border-radius: 4px 0 0 4px;
	font-size: 20px
}

.homepage #brands_search input+span {
	left: 24px;
	font-size: 20px;
	line-height: 57px;
	color: #888
}

#brands_search input:focus+span {
	left: 10px;
	font-size: 12px;
	line-height: 15px
}

#brands_search .text-input {
	width: calc(100% - 50px)
}

#sphinxsearch button, #brands_search button {
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	color: #000;
	width: 50px;
	height: 40px;
	background: #fff;
	border: solid #d5d5d5;
	border-width: 1px 1px 1px 0;
	border-radius: 0 8px 8px 0;
	vertical-align: bottom
}

#brands_search button {
	border-radius: 0 4px 4px 0;
	height: 48px
}

.homepage #brands_search button {
	height: 58px
}

#sphinxsearch button:active, #brands_search button:active {
	background: none !important
}

#search-left-panel {
	float: left;
	margin: 0 1em 1em 0;
	padding: 0 15px;
	width: 18%;
	background: #f3f3f3;
	border-right: 1px solid #ccc
}

#search-left-panel h4 {
	font-family: Arboria-Bold, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 1.3em;
	margin: .5em 0 .5em;
	border-bottom: 1px solid #aaa
}

#search-left-panel ul {
	margin: 0 0 1em;
	padding: 0;
	list-style-type: none
}

#search-left-panel li {
	display: block;
	line-height: 1.25em;
	margin-bottom: .5em
}

#search-left-panel a {
	display: block;
	padding-left: 48px;
	height: 40px;
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 40px 40px;
	color: #555
}

#search-left-panel .results-tags a {
	padding-left: 0;
	min-height: auto
}

#search-right-panel {
	float: right;
	width: 80%
}

#search-right-panel h3 {
	margin-top: 0;
	border-bottom: 2px solid #ccc;
	font-style: normal
}

#search-nav-links {
	text-align: center
}

ul#hijack-links {
	padding-left: 0;
	font-size: 1.5em;
	margin-top: 0;
	list-style-type: none
}

#brands_search_results {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: (1fr)[6];
	grid-template-columns: repeat(6, minmax(0, 1fr));
	grid-template-rows: repeat(auto-fill, auto);
	grid-gap: 12px 32px
}

#brands_search_results a {
	background: #fff;
	border-radius: 50%;
	width: 122px;
	height: 122px;
	display: flex;
	justify-content: center;
	align-items: center;
	place-self: center
}

.category .top-brands-wrapper #brands_search_results a {
	background: #f8f6f5
}

#brands_search_results img {
	padding: .5em;
	width: 70%;
	height: auto;
	filter: grayscale(100%)
}

[ss-autocomplete] {
	position: fixed !important;
	top: 120px !important;
	left: 0 !important;
	width: 100% !important;
	height: calc(100vh - 120px);
	background: rgba(0, 0, 0, .5)
}

[ss-autocomplete] .ss-ac-container {
	width: 1200px !important;
	margin: 0 auto;
	box-shadow: none !important;
	border: none !important;
	border-radius: unset !important
}

[ss-autocomplete] .ss-ac-container div {
	position: relative
}

[ss-autocomplete] .ss-ac-container p, [ss-autocomplete] .ss-ac-container div
	{
	line-height: 22px
}

[ss-autocomplete] .ss-ac-container .ss-ac-results .ss-ac-item-container .ss-ac-item
	{
	width: calc(25% - 16px) !important;
	padding: 16px !important;
	margin: 0 8px 16px !important;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .1) !important;
	border-radius: 8px !important
}

[ss-autocomplete] .ss-ac-container div a:hover, [ss-autocomplete] .ss-ac-container div a:focus
	{
	text-decoration: none !important
}

[ss-autocomplete] .ss-ac-container .ss-ac-results .ss-ac-item-container .ss-ac-item .prodlink
	{
	display: block !important
}

[ss-autocomplete] .ss-ac-container .ss-ac-results .ss-ac-item-container .ss-ac-item .ss-ac-item-image .ss-image-wrapper
	{
	padding-bottom: 0 !important;
	height: 175px !important;
	background-size: auto 175px !important
}

[ss-autocomplete] .ss-ac-container .ss-ac-terms .ss-list .ss-focused, [ss-autocomplete] .ss-ac-container .ss-ac-facets .ss-ac-facet-container .ss-focused,
	[ss-autocomplete] .ss-ac-container .ss-ac-results .ss-ac-item-container .ss-ac-item .ss-focused .ss-ac-item-details .ss-ac-item-name
	{
	font-weight: normal !important
}

[ss-autocomplete] .ss-ac-container .ss-ac-item-price span {
	position: relative;
	line-height: 22px;
	top: auto;
	left: 0
}

@media only screen and (max-width:1215px) {
	#sphinxsearch input {
		font-size: 16px;
		line-height: 30px;
		height: 32px;
		border-radius: 6px 0 0 6px
	}
	#sphinxsearch button {
		padding: 2px 12px 0;
		height: 32px;
		border-radius: 0 6px 6px 0
	}
	#sphinxsearch .text-input span {
		font-size: 12px;
		line-height: 30px
	}
	.autosuggest {
		top: 102px
	}
	#brands_search form {
		width: 100%
	}
	#brands_search input, .homepage #brands_search input {
		font-size: 16px;
		line-height: 48px;
		height: 48px
	}
	#brands_search .text-input input+span, .homepage #brands_search .text-input input+span
		{
		font-size: 16px;
		line-height: 48px
	}
	#brands_search button, .homepage #brands_search button {
		height: 48px
	}
	input[type="search"]::-webkit-search-cancel-button {
		-webkit-appearance: none;
		-moz-appearance: none;
		height: 14px;
		width: 14px;
		display: block;
		background-image:
			url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAn0lEQVR42u3UMQrDMBBEUZ9WfQqDmm22EaTyjRMHAlM5K+Y7lb0wnUZPIKHlnutOa+25Z4D++MRBX98MD1V/trSppLKHqj9TTBWKcoUqffbUcbBBEhTjBOV4ja4l4OIAZThEOV6jHO8ARXD+gPPvKMABinGOrnu6gTNUawrcQKNCAQ7QeTxORzle3+sDfjJpPCqhJh7GixZq4rHcc9l5A9qZ+WeBhgEuAAAAAElFTkSuQmCC);
		background-repeat: no-repeat;
		background-size: 14px;
		margin-right: 10px
	}
	[ss-autocomplete] .ss-ac-container {
		width: 90% !important
	}
}

@media only screen and (max-width:1024px) {
	#brands_search_results {
		-ms-grid-columns: (1fr)[3];
		grid-template-columns: repeat(3, minmax(0, 1fr))
	}
	#brands_search_results a {
		height: 98px;
		width: 98px
	}
}

@media only screen and (max-width:767px) {
	#header #sphinxsearch {
		order: 10;
		flex: 0 1 auto;
		width: calc(100% - 40px);
		margin: 0 auto;
		padding: 6px 8px 10px
	}
	#sphinxsearch div.flex {
		flex-direction: row !important;
		justify-content: center
	}
	#sphinxsearch input {
		line-height: 38px;
		height: 40px;
		border-radius: 4px 0 0 4px
	}
	#sphinxsearch .text-input span {
		font-size: 14px;
		line-height: 38px
	}
	#sphinxsearch button {
		height: 40px;
		padding: 2px 0 0;
		border-radius: 0 4px 4px 0
	}
	.autosuggest {
		top: 102px
	}
	#brands_search input, .homepage #brands_search input {
		font-size: 14px;
		line-height: 40px;
		height: 40px
	}
	#brands_search .text-input input+span, .homepage #brands_search .text-input input+span
		{
		line-height: 40px
	}
	#brands_search button, .homepage #brands_search button {
		height: 40px
	}
	[ss-autocomplete] {
		top: 140px !important;
		right: unset !important;
		height: calc(100vh - 140px)
	}
	[ss-autocomplete] .ss-ac-container .ss-ac-results .ss-ac-item-container .ss-ac-item
		{
		width: calc(50% - 16px) !important
	}
}

@media only screen and (max-width:374px) and (orientation:portrait) {
	#sphinxsearch .text-input span {
		font-size: 13px
	}
}

[data-component="score-range"] {
	position: relative
}

[data-component="score-range"] ul {
	padding: 0;
	display: flex;
	list-style: none;
	width: 100%;
	justify-content: space-between;
	position: absolute;
	top: -8px;
	pointer-events: none
}

.survey #pagebanner h1 {
	font-size: 32px;
	line-height: 38px;
	text-align: center;
	max-width: 90%;
	margin: 0 auto
}

.survey-form {
	padding-top: 40px
}

.survey-form .wrapper .pt1 [data-component="score-range"] {
	padding-bottom: 20px
}

.survey-form .wrapper .pt1 [data-component="score-range"] ul li {
	height: 30px;
	width: 30px;
	border-radius: 50%;
	display: flex;
	line-height: 30px;
	text-align: center;
	justify-content: center
}

body.survey {
	background: #f8f6f5
}

.survey-form .form-wrapper fieldset {
	margin: 0;
	padding: 0;
	border: none;
	background: #f4f0ed !important;
	margin-bottom: 50px;
	padding: 48px 52px;
	width: 70%;
	margin: auto;
	border-radius: 12px;
	margin-bottom: 50px;
	min-height: 200px;
	display: flex;
	flex-direction: column;
	text-align: center
}

.completed .survey-form .form-wrapper fieldset {
	background: #f0ebe6 !important
}

input::-webkit-slider-runnable-track {
	background: transparent;
	border-color: transparent;
	color: transparent
}

input::-moz-range-track {
	background: transparent;
	border-color: transparent;
	color: transparent
}

input::-ms-track {
	background: transparent;
	border-color: transparent;
	color: transparent
}

.survey-form .form-wrapper fieldset div.pt1 {
	padding-bottom: 40px !important
}

.survey-form .wrapper fieldset div.pt1 [data-component="score-range"] input[type="range"]
	{
	height: 50px
}

.survey-form .wrapper fieldset div.pt1 [data-component="score-range"] {
	position: relative;
	margin: 1em 0 0
}

.survey-form .wrapper fieldset div.pt1 [data-component="score-range"] .background-track
	{
	width: 0;
	background-color: #ff2f82;
	height: 2px;
	display: block;
	position: absolute;
	top: 20px;
	pointer-events: none
}

.survey-form .wrapper fieldset div.pt1 [data-component="score-range"] input[type="range"]
	{
	-webkit-appearance: none;
	margin: 0;
	padding: 0;
	border: 0;
	width: 100%
}

.survey-form .wrapper fieldset div.pt1 [data-component="score-range"] input[type="range"]:focus
	{
	outline: none
}

.survey-form .wrapper fieldset div.pt1 [data-component="score-range"] input[type="range"]::-webkit-slider-thumb
	{
	box-shadow: 0 0 0 #000, 0 0 0 #0d0d0d;
	border: 0 solid #000;
	height: 25px;
	width: 25px;
	border-radius: 50%;
	background: #ff2f82;
	cursor: pointer;
	-webkit-appearance: none;
	margin-top: -.75em
}

.survey-form .wrapper fieldset div.pt1 [data-component="score-range"] input[type="range"]::-moz-range-thumb
	{
	box-shadow: 0 0 0 #ff2f82, 0 0 0 #ff2f82;
	border: 0 solid #ff2f82;
	height: 25px;
	width: 25px;
	border-radius: 50%;
	background: #ff2f82;
	cursor: pointer
}

.survey-form .wrapper fieldset div.pt1 [data-component="score-range"] input[type="range"]::-ms-track
	{
	width: 100%;
	height: 2px;
	cursor: pointer;
	background: transparent;
	border-color: transparent;
	border-width: 39px 0;
	color: transparent
}

.survey-form .wrapper fieldset div.pt1 [data-component="score-range"] input[type="range"]::-ms-thumb
	{
	box-shadow: 0 0 0 #ff2f82, 0 0 0 #ff2f82;
	border: 0 solid #ff2f82;
	height: 25px;
	width: 25px;
	border-radius: 50%;
	background: #ff2f82;
	cursor: pointer
}

.survey-form .wrapper fieldset div.pt1 [data-component="score-range"] ul
	{
	margin: .5em 0 0;
	padding: 0;
	list-style: none;
	display: flex !important;
	justify-content: space-between;
	align-items: center
}

.survey-form .wrapper fieldset div.pt1 [data-component="score-range"] ul li
	{
	font-size: 17px;
	min-width: 25px;
	text-align: center;
	padding: 0 !important;
	cursor: pointer
}

.survey-form .wrapper fieldset div.pt1 [data-component="score-range"]:before,
	.survey-form .wrapper fieldset div.pt1 [data-component="score-range"]:after
	{
	font-family: "Arboria-Medium";
	position: absolute;
	top: calc(100% + 5px);
	white-space: nowrap; ! important;
	font-size: 17px
}

.survey-form .wrapper fieldset div.pt1 [data-component="score-range"]:before
	{
	content: 'Not Likely';
	left: 0
}

.survey-form .wrapper fieldset div.pt1 [data-component="score-range"]:after
	{
	content: 'Very Likely';
	right: 0
}

.satisfied-level {
	cursor: pointer
}

.survey-form .radios {
	width: 100%
}

.survey-form .pt1 .radios {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: (1fr)[11];
	grid-template-columns: repeat(11, minmax(0, 1fr));
	grid-template-rows: repeat(auto-fill, auto);
	grid-gap: 32px;
	margin: 0 auto
}

.survey-form .form-field>ul {
	display: flex;
	flex-wrap: wrap;
	margin: auto;
	padding: 0;
	justify-content: space-evenly
}

.survey #content hr {
	background: #e7dfd7;
	width: 100%;
	margin-bottom: 30px
}

.survey-form fieldset div.pt2 .form-field:first-of-type>div {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: (1fr)[3];
	grid-template-columns: repeat(3, minmax(0, 1fr));
	grid-template-rows: repeat(auto-fill, auto);
	grid-gap: 32px
}

.survey-form fieldset div.pt2 .radios {
	height: 64px;
	text-align: center
}

.survey-form .wrapper fieldset div.pt2 .radios label {
	position: relative;
	margin: 0 0 0 1em;
	padding: 0
}

.survey-form .wrapper fieldset div.pt2 .radios label svg {
	display: block;
	width: 42px;
	height: 42px
}

.survey-form .pt2 .form-field label, .survey-form .pt1 .form-field>label
	{
	font-size: 22px !important;
	line-height: 34px;
	text-align: center;
	color: #3b3b3b;
	font-family: "Titillium Web";
	margin: 20px 0 40px
}

.survey-form .pt2 .form-field label small {
	font-family: "Titillium Web"
}

.survey-form fieldset div.pt2 .form-field:nth-of-type(2)>label {
	font-family: "Titillium Web";
	font-size: 20px !important;
	margin-bottom: 20px
}

.survey-form .pt1 .form-field .radios label {
	font-size: 28px !important;
	line-height: 34px;
	text-align: center;
	color: #3b3b3b;
	font-family: "Titillium Web";
	margin: 0;
	position: relative;
	width: 42px;
	height: 42px;
	display: flex;
	justify-content: center;
	cursor: pointer
}

.survey-form .pt1 .radios>label>span {
	margin: 0 !important;
	width: 42px;
	height: 42px;
	line-height: 48px;
	font-family: "Titillium Web";
	font-size: 15px;
	color: #3b3b3b
}

.survey-form .pt1 .radios input:focus+span, .survey-form .pt1 .radios input:checked+span
	{
	font-size: 15px;
	background-color: transparent;
	color: #fff !important;
	padding: 0;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0
}

.survey-form .wrapper fieldset div.pt2 .radios label svg #stroke,
	.survey-form .wrapper fieldset div.pt2 .radios label svg #border {
	fill: #54833f
}

.survey-form .wrapper fieldset div.pt2 .radios label svg #fill {
	fill: transparent
}

.survey-form .wrapper fieldset div.pt2 .radios label input:checked ~ svg #fill
	{
	fill: #54833f
}

.survey-form .wrapper fieldset div.pt2 .radios label input:checked ~ svg #stroke
	{
	fill: #f4f0ed
}

.survey-form .wrapper fieldset div.pt2 .radios label input {
	position: absolute;
	width: 100%;
	min-height: 65px;
	cursor: pointer;
	opacity: 1;
	background: #e7dfd7;
	border-radius: 6px;
	border: 0
}

.survey-form .wrapper fieldset div.pt2 .radios label input:checked {
	border: 2px solid #54833f
}

.survey-form .wrapper fieldset .form-field .radios label {
	display: flex
}

.survey-form .wrapper fieldset .form-field .radios label span {
	z-index: 1;
	font-size: 20px !important;
	line-height: 70px;
	color: #3b3b3b;
	width: auto;
	text-align: center;
	position: absolute;
	margin: 0 6px;
	top: -15px
}

.survey-form .wrapper fieldset div.pt2 .form-field:first-of-type .radios label span
	{
	margin: 0;
	top: -4px;
	width: 100%;
	font-family: "Arboria-Medium"
}

.survey-form .wrapper fieldset div.pt2 .radios label:first-of-type {
	margin-left: 0
}

.form-field.survey-form-submit {
	display: flex
}

.form-field.survey-form-submit .button {
	margin: auto;
	padding: 0 40px
}

.pt1 .radios input[type="radio"] {
	position: absolute;
	height: 42px;
	width: 42px;
	background-color: #fff;
	border-radius: 50%;
	border: 0
}

.pt1 .radios input[type="radio"]:checked {
	background-color: #54833f;
	color: #fff
}

.completed.survey .survey-form .pt1 .form-field .radios label {
	height: 40px;
	width: 40px
}

.completed.survey .survey-form .pt1 .form-field .radios label span {
	background-color: #fff;
	height: 40px;
	width: 40px;
	border-radius: 50%;
	border: 0;
	color: #3b3b3b !important;
	font-size: 15px;
	width: 42px;
	height: 42px;
	line-height: 40px;
	margin: 0 !important;
	font-family: "Titillium Web";
	left: 0
}

.survey-form .wrapper fieldset .form-field textarea {
	border-radius: 4px;
	max-width: 760px;
	max-height: calc(72px - 22px);
	min-height: 0;
	margin-right: auto;
	margin-left: auto
}

@media only screen and (max-width:1215px) {
	.survey-form fieldset div.pt2 .form-field:first-of-type>div {
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: (1fr)[2];
		grid-template-columns: repeat(2, minmax(0, 1fr));
		grid-template-rows: repeat(auto-fill, auto);
		grid-gap: 32px
	}
}

@media only screen and (max-width:767px) {
	.survey #pagebanner h1 {
		font-size: 24px;
		line-height: 28px
	}
	.survey-form {
		margin-top: 20px;
		padding: 0 !important
	}
	.survey-form .form-field>div {
		display: flex;
		flex-wrap: wrap;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		padding: 0
	}
	.survey-form .form-field>div>div {
		width: 100%;
		margin: 0
	}
	.survey-form .pt1 .radios {
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: (1fr)[4];
		grid-template-columns: repeat(4, minmax(0, 1fr));
		grid-template-rows: repeat(auto-fill, auto);
		grid-gap: 32px;
		max-width: 300px;
		margin: 0 auto
	}
	.survey-form .form-wrapper fieldset {
		margin: 0;
		margin-bottom: 30px;
		padding: 20px !important;
		width: calc(100% - 40px)
	}
	.survey-form .radios {
		justify-content: space-evenly
	}
	.survey-form .wrapper fieldset div.pt1 [data-component="score-range"]:before
		{
		content: '0 - Not Likely';
		left: 0;
		font-size: 12px
	}
	.survey-form .wrapper fieldset div.pt1 [data-component="score-range"]:after
		{
		content: '10 - Very Likely';
		right: 0;
		font-size: 12px
	}
	.survey-form .wrapper fieldset .form-field textarea {
		max-width: calc(100% - 40px)
	}
	.form-field.survey-form-submit .button {
		width: 100%
	}
	.survey-form .pt2 .form-field label, .survey-form .pt1 .form-field>label
		{
		font-size: 18px !important;
		line-height: 22px !important
	}
	.survey-form fieldset div.pt2 .form-field:first-of-type>div {
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: (1fr)[1];
		grid-template-columns: repeat(1, minmax(0, 1fr));
		grid-template-rows: repeat(auto-fill, auto);
		grid-gap: 24px
	}
	.survey-form fieldset div.pt2 .radios {
		height: 56px;
		text-align: center
	}
	.survey-form .wrapper fieldset div.pt2 .radios label input {
		min-height: 56px
	}
	.survey-form .wrapper fieldset div.pt2 .form-field:first-of-type .radios label span
		{
		font-size: 18px !important;
		line-height: 60px
	}
	.survey-form fieldset div.pt2 .form-field:nth-of-type(2)>label {
		font-size: 18px !important
	}
}

.blog.podcast h1 {
	margin: 1em 0 5px;
	width: 100%;
	padding-bottom: 0;
	font-weight: 500;
	font-style: normal;
	font-size: 45px !important;
	line-height: 1.1em
}

.podcast #hero .byline {
	font-size: 24px;
	font-weight: 600;
	line-height: 1.2em
}

.grey-full-width.talking_clean {
	background: #faf8f0
}

#talking_clean_carousel {
	position: relative;
	margin: 0 auto;
	padding: 40px 0;
	width: 1200px;
	height: 290px
}

#talking_clean_container {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden
}

#talking_clean_carousel .dots {
	position: absolute;
	bottom: 43px;
	display: flex;
	width: 100%;
	justify-content: center
}

#talking_clean_carousel .dot {
	margin: 4px;
	width: 11px;
	height: 11px;
	background: url(/images/dot-off.svg);
	background-size: cover;
	cursor: pointer;
	filter: brightness(0) invert(1)
}

#talking_clean_carousel .dot.on {
	background-image: url(/images/dot-on.svg);
	cursor: default
}

#talking_clean_carousel .advance {
	display: block;
	position: absolute;
	z-index: 98;
	width: 43px;
	height: 45px;
	right: 0;
	top: 43%;
	background-image: url(/images/console-arrow.png);
	background-repeat: no-repeat;
	background-size: 43px;
	cursor: pointer
}

#talking_clean_carousel .retreat {
	display: none;
	position: absolute;
	z-index: 98;
	width: 43px;
	height: 45px;
	left: 0;
	top: 43%;
	background-image: url(/images/console-arrow.png);
	background-repeat: no-repeat;
	background-size: 43px;
	transform: scaleX(-1);
	cursor: pointer
}

#talking_clean_carousel .talking-clean:nth-child(2) {
	left: 100%
}

#talking_clean_carousel .talking-clean:nth-child(3) {
	left: 200%
}

.talking-clean {
	position: absolute;
	left: 0;
	top: 0;
	margin: 0 auto;
	height: 290px;
	width: 100%;
	background: #faf8f0 url(/images/podcast-home-2.jpg) left top no-repeat;
	background-size: 415px;
	color: #000
}

.talking-clean>div {
	padding: 25px;
	height: 240px
}

.talking-clean .tc-branding, .talking-clean .tc-photo {
	flex: 5 1 0
}

.talking-clean .tc-photo>div {
	height: 100%;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover
}

.talking-clean .tc-photo img {
	width: 100%;
	height: 90%
}

.talking-clean .tc-text {
	flex: 4 1 0;
	background-color: #faf8f0;
	padding: 25px 50px 25px 0
}

.talking-clean p, .talking-clean h3, .talking-clean a:link,
	.talking-clean a:visited {
	color: #000 !important
}

.talking-clean p.more {
	text-align: left
}

@media only screen and (max-width:1199px) {
	#talking_clean_carousel, #talking_clean_container {
		width: 100%;
		height: 290px
	}
	.talking-clean {
		background-size: 40%
	}
}

@media only screen and (max-width:767px) {
	#talking_clean_carousel, #talking_clean_container {
		height: 540px
	}
	#talking_clean_carousel .advance, #talking_clean_carousel .retreat {
		visibility: hidden
	}
	.talking-clean {
		height: 540px;
		background-size: 62%
	}
	.talking-clean>div {
		height: auto
	}
	talkingclean .tc-branding, talkingclean .tc-photo {
		flex-basis: 50%
	}
	.talking-clean .tc-text {
		flex-basis: 100%;
		padding-top: 10px 25px 25px
	}
	.talking-clean p, .talking-clean h3 {
		margin-top: 0
	}
	#talking_clean_carousel .dots {
		bottom: 10px
	}
	#talking_clean_carousel .dot {
		filter: none
	}
}

@media only screen and (max-width:767px) and (orientation:portrait) {
	#talking_clean_carousel, #talking_clean_container {
		height: 390px
	}
	.talking-clean {
		height: 390px;
		background-size: 67%
	}
}

.video-container {
	overflow: hidden;
	position: relative;
	width: 100%
}

.video-container::after {
	padding-top: 56.25%;
	display: block;
	content: ''
}

.video-container.vertical::after {
	padding-top: 177.78%;
	display: block;
	content: ''
}

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

.completed #dispatch-worm, .admin #dispatch-worm {
	display: none
}

#dispatch-worm, #click-frenzy-worm a:hover {
	text-decoration: none
}

#dispatch-worm, #click-frenzy-worm a div {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 56px;
	transition: .2s;
	text-align: center
}

#dispatch-worm, #click-frenzy-worm a div:hover {
	filter: brightness(75%)
}

.countdown-worm h3 {
	margin: 0 10px 0 0;
	font-family: "Arboria-Book", Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 20px
}

.countdown-worm h3 strong {
	font-variant-numeric: tabular-nums;
	white-space: nowrap
}

#dispatch-worm h3 strong::before {
	content: "Order in the next\00a0";
	font-family: "Arboria-Book", Arial, sans-serif
}

#dispatch-worm h3 strong::after {
	content: "\00a0to get same-day dispatch"
}

#click-frenzy-worm strong::before {
	content: "Afterpay Day sale ends in\00a0";
	font-family: "Titillium Web"
}

.completed #shipping-worm, .admin #shipping-worm, .survey #shipping-worm
	{
	display: none
}

#shipping-worm .worm-progress {
	flex-direction: column;
	text-align: center;
	font-size: 14px
}

#checkout #shipping-worm .worm-progress {
	background: transparent;
	margin-bottom: 16px
}

#shipping-worm #worm-progress-bar {
	height: 8px;
	width: 100%;
	background-color: #e8ede0
}

#shipping-worm #worm-progress-bar>div {
	height: 100%;
	background-color: #a2b681;
	border-radius: 0 5px 5px 0
}

@media only screen and (max-width:767px) {
	#dispatch-worm, #click-frenzy-worm a div {
		flex-direction: column;
		text-align: center;
		height: auto
	}
	#dispatch-worm p, #click-frenzy-worm p {
		margin: 10px 0;
		margin-bottom: 0
	}
	#dispatch-worm p img, #click-frenzy-worm p img {
		margin-top: -3px;
		vertical-align: middle;
		width: 30px
	}
	#dispatch-worm h3, #click-frenzy-worm h3 {
		margin: 0 !important;
		margin-bottom: 10px !important
	}
	#dispatch-worm p::after {
		content: "To get same day dispatch order in the next\00a0"
	}
	#dispatch-worm h3 strong::before {
		content: ""
	}
	#dispatch-worm h3 strong::after {
		content: ""
	}
	#click-frenzy-worm p::after {
		content: "Afterpay Day sale ends in\00a0";
		font-family: "Titillium Web"
	}
	#click-frenzy-worm h3 strong::before {
		content: ""
	}
	#click-frenzy-worm h3 strong::after {
		content: ""
	}
}

#Embed button.wrapper-AtBcr {
	border-radius: 5px !important
}

iframe#launcher {
	z-index: 50 !important
}

#lightbox_overlay {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 1000;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .7
}

#lightbox_viewer {
	display: none;
	z-index: 1010;
	position: fixed;
	left: 50%;
	top: 100px;
	padding: 10px;
	overflow-x: auto;
	overflow-y: hidden;
	background: #fff;
	border-radius: 4px;
	box-shadow: 0 0 10px rgba(0, 0, 0, .5);
	line-height: 1.4;
	color: #666
}

#lightbox_image_container {
	position: relative;
	padding-bottom: 4px;
	min-width: 160px;
	min-height: 160px;
	max-height: 100%;
	text-align: center
}

#lightbox_image_container img {
	max-width: 100%
}

#lightbox_loading {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background-image:
		url(data:image/gif;base64,R0lGODlhKQAnAPc/AI2NjfDw8Nvb2/39/c3NzePj4/Ly8tHR0dPT09DQ0NnZ2enp6evr6+bm5ufn58zMzPn5+dXV1fHx8eDg4LOzs5WVlfv7+8XFxaamptTU1JOTk6Kiot/f352dnZ6enq+vr/r6+snJyf///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFCgA/ACwAAAAAKQAnAAAIxAB/CBxIsKDBgwgTKlzIsKHDhxAjSkQYomLFHwAyZpyY0KJHjBo1ciTosSTIkCI5ljSJEqXKlRZPtgQg8SLMizM3XnT4EebAmT8+NjQZE6FIkwx9hlhI0+fCm0OddpSalKpBq1WRUlwZEStJrhC9DgTbVevIswXJhjV7VW1UtmndZhW6Fe5TuV/x1rWbl29cvX1jLlW4VOxfmzsPCqZ7F7FWpUWjBoV6s/DgtZQrv8wMdTNXzWgh+51IlDHa06hTq159NiAAIfkEBQoAPwAsFQAEAA8ADwAACEEAQwgU+KOgwYMDEx5EmFDhwoYNH0IcKHHiDwAAGEbEiHHhD4ocO3oMcTGkyIUmOXosmPIkypQrS5qM2TKmTI4BAQAh+QQFCgA/ACwbAAkACQAVAAAIPwB/CPwRIsTAgQULHkyoUCDDhAQfNpQ4UaJDixEfItR4sKNAACBDfgwp8gfJkidBmkzJUuXKkwNhHiTp0eWPgAAh+QQFCgA/ACwVABQADwAPAAAIQgB/CBw4MITBgwQJHlyYsOBCgw0FPoTYcCJFhRYbAviRkSCAjxwZCvxIEqTIkihDDkSZ0iNLkglfgozJMuKPljYDAgAh+QQFCgA/ACwKABoAFQAJAAAIPQB/CPwBYKBBgyEOCgTAUOHAEBAPMpzYUCDEixEXUqT4A6NHghs5evQYUuTIiyBLdjyZcKDKkw5TNvxoMCAAIfkEBQoAPwAsBQAUAA8ADwAACEMAAQgc+KOgQYMDEx48mJDgwoINBT6EGBHAxB8VLT6s+CPExIYdQ3hcqFCkSZEMLZ5cuXAly4MuTz6MiXJizIsFVwYEACH5BAUKAD8ALAUACQAJABUAAAhCAH8IBABAoMEfBAkeRJiw4MCGChlCnJhQYsOHEDFetBhx4cIQIEMaDElSIEmRP06CNKkyBEuVKWG+XDkS5UGaAgMCACH5BAUKAD8ALAUABAAPAA8AAAhDAH8IHEgQgEGDBAsePJjwx8KHCR9CVCgRocAQIRxWBHARY8aKAz1i1MiRoEiPDhueRJlw5UiVKxt2PCnzh8uaMWsGBAA7);
	background-position: center center;
	background-repeat: no-repeat
}

#lightbox_prev, #lightbox_next {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	height: 100%;
	background-repeat: no-repeat;
	cursor: pointer
}

#lightbox_prev {
	left: 0
}

#lightbox_prev:hover {
	background-image:
		url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2CAYAAACMRWrdAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAklJREFUeNrU2ltPwjAUB/B2oDj1I5ioiUR98Nnv/+izD0o0QRM/goi4Qe3wFBuyS6/rf01OGsIk+3FmL4dyIQQzaZxzFrFxipGMTOurtpGx1npBsW1N9z9m6ZuOqu7ngPoRvV9hShmF9prpuCgw04w3PAU6qgJNVMjPfaNrzmW3ousUaN312VmyNNWjjmWcKhR9ce+yy+n9Md0zh4S1oE4k5KXmqZjTdSMNxqFgHahZyyP/YZKpJDBXFP3tWdeAkQTmibqiUVEN+6ILmQ0AdS27pYwfGvY3JpnLBoBa1MDSPoqBUF80jxV1K4/eYSlR0WCpUVFgCKjgMBRUUBgSKhgMDRUEhogKAYNE+cJgUT4waJQrDB7lAhsEyhWmqkk2qJs+UbYwla1My1ZugLptQgmfElfMjNUVXvZQd7SX+qb9VC8oV9i2UquXyBpQ9wRRsdv9xkYlrSuiwQR962uZkYvWC4V4oP9FFbtiJ4/8Q4ArTNXSV/L+ph24R/ZXxT2Sccj+i57RcZklSmWsoBFuSfNTG+6pmhJoapj0hfPKGA3hCwPccxOOWVR3Y8MUrrDEzfrEuYyKg8C5DvfwOJ95DBrnO0HD4rxXHrQ8gsMFWVIh4oKtFdFwQRfBSLjgq3sUXJRtCwIu2n4sNS7qRjMlLvoOOhAup/3c2PSeeykNBMDtw3COHHniXhnykSNPHO6RIx8c7JEjC9y0BnXJEI8cWeI+9dIeHcRc0vvGR444wJlgm6OzJdv7MQP5TLDQAIwyUjLDw85N7VeAAQDVB1mOzbRUqgAAAABJRU5ErkJggg==);
	background-position: left 50%
}

#lightbox_next {
	right: 0
}

#lightbox_next:hover {
	background-image:
		url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2CAYAAACMRWrdAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAk9JREFUeNrc2s1OAjEQAOC2sCLiI5iIiQY9ePb9j549KNFETHwEURGkTpMpDGSXdvtDB5tMCiEl/ZjdLjtbqbUWPk1KuXqJ0YFQpDdtCfFLeo2RrTXNv9vyeyjKjK2w7+DnBrOAmJP3IjcuBUxgdsy4I4hjiB78am+Y1SF0MxIrnG74acmRkLSpgIxZWA+ib1E4+Ql0pxAn+HmF2ZQylyABTBKYmWwFkNeaY/4ZukFpnAocJwHwvuOEHpfGhcI0zO/MsVoVxbWB2aXbLuVzmN8lV1zbjFmYWdJ/IL5gfiOOuJBDcQMGMY3BYbDImLaHIl6rPjniQjJ2ELjgVZE7TkWMZY1TkePZ4mJh9s8tO5xKkXaOOJXqZOWGSwbjhksK44RLDuOCywLjgMsGK43LCvPAXbfEdQmuLMwDd+OB65OsKZ+s7QXWgDP3c994s3rrGPvMMmM1OHuzOrcBuDvH2IlYV515wbjWFaMb1jho0bWyARm5d4wdivVzAc0GRlAdxNgSuakmPzjGXuGCsxDrhx3lYTWoHi7hA0A9OsaOsGg0w/NxKTye4qjCqCcP1BQvDXwy5kCNW6LmosUzN/UfUdlgpVFZYBxQyWFcUElhnFDJYNxQSWAcUSlgLFGxMLaoGBhrVCiMPSoEdhCo0IzRLUd9jqjQjG3AYlDad+tdZljdlqMXjqioVXHXlqPSqBjYzi1HpVFtYXVbji4aCi9FUSEZo8VOM2lTxT3fKpF9lEbZc8X3z+72dcy1dXYh9rAvONWeYE0AgmSv2GbnpvYnwACZ+Vt9L3+oIgAAAABJRU5ErkJggg==);
	background-position: right 50%
}

#lightbox_prev.nohover:hover, #lightbox_next.nohover:hover {
	background-image: none;
	cursor: auto
}

#lightbox_details {
	overflow: hidden;
	transition: .4s max-height
}

#lightbox_caption {
	font-weight: bold
}

#lightbox_caption span {
	font-weight: normal
}

#lightbox_counter {
	display: block;
	clear: left;
	font-size: .9em
}

#lightbox_close {
	float: right;
	padding-bottom: 1.2em;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 1.1em;
	color: inherit
}

#lightbox_close:hover, #lightbox_close:focus {
	text-decoration: none !important;
	cursor: pointer;
	color: #666
}

#lightbox_close::before {
	content: "\2717";
	padding-right: .15em;
	text-decoration: none;
	font-size: 1.1em;
	color: #666
}

#lightbox_close:hover::before, #lightbox_close:focus::before {
	color: #c33
}

@media only screen and (max-width:799px) {
	#lightbox_viewer {
		flex-flow: column nowrap;
		justify-content: space-around;
		left: 0 !important;
		top: 0 !important;
		margin: 0 auto !important;
		width: calc(100% - 20px) !important;
		max-width: none !important;
		height: calc(100% - 20px) !important;
		max-height: none !important;
		background: #000;
		box-shadow: none;
		color: #fff
	}
	#lightbox_image_container {
		max-height: none
	}
	#lightbox_image_container img {
		min-width: 0;
		max-height: 100%
	}
	#lightbox_close::before {
		color: #666
	}
	#lightbox_close:hover {
		color: #fff
	}
}

.float{
	position:fixed;
	width:50px;
	height:70px;
	bottom:70px;
	right:30px;
	z-index: 9999;
	background-color:#54833e;
	color:#ffffff;
	border-radius:0px;
	text-align:center;
	line-height: 18px;
	font-size: 14px;
	font-weight: 500;
}

.float:hover {
background-color:#efa120;
	color:#FFF;
}