/* Fonts */
@font-face {
	font-family: 'Calibre';
	src: url('../fnt/CalibreWeb-Regular.woff2') format('woff2'), url('../fnt/CalibreWeb-Regular.woff') format('woff');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Calibre';
	src: url('../fnt/CalibreWeb-Medium.woff2') format('woff2'), url('../fnt/CalibreWeb-Medium.woff') format('woff');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Gotham Rounded';
	src: url('../fnt/Gotham-Rounded-Light.woff') format('woff');
	font-weight: 200;
	font-style: normal;
	font-display: swap;
}

/* General / global */
*, *:before, *:after {
	box-sizing: border-box;
}

html, body {
	margin: 0px;
	padding: 0;
}

html {
	background: #f5f4f1;
	font-family: sans-serif;
}

body {
	font-family: 'Calibre',sans-serif;
	-webkit-font-smoothing: antialiased;
	min-width: 1280px; /* overflow-x: hidden; */
}

iframe {
	width: 100%;
}

.lockup p {
	margin: 0;
}

/* Utils */

.grow {
	flex-grow: 1;
	display: block;
}

.center {
	text-align: center;
}

.lockup {
	display: flex;
	align-items: center;
}

.space-between {
	justify-content: space-between;
}

.hidden {
	display: none !important;
}

.disable-user-select {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.disable-context-menu {
}

/* Typography */
h1 {
	font-family: 'Gotham Rounded',sans-serif;
	font-size: 2em;
	margin: 0 0 .6em 0;
	font-weight: 200;
	line-height: 1em;
}

h2 {
	font-family: 'Gotham Rounded',sans-serif;
	font-size: 1.8em;
	margin: 0 0 .4em 0;
	font-weight: 200;
}

h3 {
	font-family: 'Gotham Rounded',sans-serif;
	font-size: 1.34em;
	margin: 0 0 .4em 0;
	font-weight: 500;
}

h4 {
	margin: 2.2em 0 0;
	font-weight: 600;
	font-size: 14px;
	color: #787878;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	font-family: 'Calibre',sans-serif;
}

p,
.content li {
	font-size: 1.2em;
	line-height: 1.4em;
	color: #5b5b5b;
}

p.large {
	font-size: 1.3em;
}

h4 + p {
	margin-top: 0.6em;
}

p a {
	text-decoration: none;
}

p a:hover {
	text-decoration: underline;
}

p a:hover {
	opacity: 0.6;
}

ul {
	padding-left: 30px;
}

ul li {
}

a {
	color: #000000;
	text-decoration: underline;
}

hr {
}

img, video {
	max-width: 100%;
}

.dark * {
	color: white;
}

p > i {
	color: #939393;
	margin-right: 0.5em;
}

@media screen and (max-width:1450px) {
	p,
	.content li {
		font-size: 1em;
	}
}

@media screen and (max-width:960px) {
	h1 {
	}

	h2 {
		font-size: 2.4em;
	}

	h3 {
		font-size: 1.6em;
	}
}

@media screen and (max-width:450px) {
	h1 {
	}

	h2 {
		font-size: 2.2em;
	}

	h2 .sup-heading {
		font-size: 0.5em;
	}

	h3 {
		font-size: 1.4em;
	}

	p,
	.content li {
		font-size: 1em;
	}
}

/* Forms */
form {
}

form fieldset {
	padding: 0;
	border: 0;
	margin: 0;
}

form fieldset input[type="radio"] {
	margin: -3px 10px -3px 0;
	background: transparent;
}

form fieldset input[type="radio"] + label {
	padding: 12px 0px;
	cursor: pointer;
}

form fieldset input[type="radio"] + label img {
	max-height: 20px;
	margin: -5px 0 0 0;
	position: relative;
	top: 5px;
}

form label {
	font-size: 15px;
}

form table.outline label {
	font-size: 1em;
}

form textarea {
	min-height: 80px;
	max-width: 100%;
	resize: vertical;
}

form input, form select, select,
form textarea,
form .upload {
	width: 100%;
	font-size: 15px;
	background: #e8e6df;
	border: 1px solid transparent;
	padding: 10px 14px;
	height: 41px;
	border-radius: 4px;
	color: #4a5568;
	-webkit-appearance: none;
	font-family: inherit;
	border: 1px solid #e2e0d7;
	background-color: white;
	background: #e8e6df;
	border: 1px solid transparent;
}

.tile form input,
.tile form select,
.tile select,
.tile form textarea,
.tile form .upload {
	background-color: #f5f4f1;
}

[type="number"] {
	width: auto;
}

form input[type="submit"] {
	width: auto;
	height: auto;
}

form input[type="submit"]:hover,
form input[type="submit"]:focus {
	background: #8bc34a;
	border-color: #8bc34a;
	color: white;
}

form input[type="submit"][disabled] {
	box-shadow: none;
	border: 1px solid #73bf44;
	opacity: 0.6;
	background: transparent;
	color: #4a5568;
	cursor: default;
}

form button[disabled] {
	box-shadow: none;
	border-color: #ececec;
	opacity: 0.5;
	background: transparent;
	color: #4a5568;
	cursor: default !important;
	pointer-events: none;
}

form select, select {
	padding-right: 40px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='width:24px;height:24px' viewBox='0 0 24 24'%3E%3Cpath fill='%23000000' d='M7,10L12,15L17,10H7Z' /%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: 17px;
	background-position: right 8px center;
}

form input:focus, form textarea:focus, form select:focus, select:focus {
	outline: none;
	background-color: #ffffff;
	border: 1px solid #0000001f;
}

fieldset .select {
	position: relative;
}

fieldset .select i {
	position: absolute;
	top: 11px;
	right: 9px;
	pointer-events: none;
}

form button[type="submit"] {
	border: 1px solid;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 13px;
	font-family: inherit;
	transition: all .2s ease-in;
	text-decoration: none;
	letter-spacing: .08em;
	padding: 18px 27px;
	font-weight: 600;
	display: inline-block;
	white-space: nowrap;
	position: relative;
	overflow: hidden;
	border-radius: 4px;
	height: auto;
	border: 1px solid #73bf44;
	cursor: pointer;
	margin-right: 16px;
	background: transparent;
}

form button[type="submit"]:hover {
	border-color: #73bf44;
	background: #73bf44; /* box-shadow: 0px 4px 4px -3px rgba(0, 0, 0, 0.16); */
	color: white;
}

form button[type="submit"]:focus {
	outline: none;
	border-color: #73bf44;
	background: #73bf44; /* box-shadow: 0px 4px 4px -3px rgba(0, 0, 0, 0.16); */
}

input[type="radio"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: inline-block;
	position: relative;
	background: transparent;
	height: 18px;
	width: 18px;
	border: 2px solid rgba(0, 0, 0, 0.15);
	border-radius: 50px;
	cursor: pointer;
	margin: 0px 9px 0px 0;
	outline: none;
	transition: 0.2s ease all;
	padding: 0;
}

input[type="radio"]:hover {
	border-color: #73bf44;
}

input[type="radio"]:checked {
	border: 6px solid #73bf44;
}

input[type="radio"]:checked::before {
}

input[type="checkbox"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: inline-block;
	position: relative;
	background: transparent;
	height: 18px;
	width: 18px;
	border: 2px solid rgba(0, 0, 0, 0.15) !important;
	cursor: pointer;
	margin: 0px 9px 0px 0;
	outline: none;
	transition: 0.2s ease all;
	border-radius: 4px;
	padding: 0;
}

input[type="checkbox"]:hover {
	border-color: #73bf44;
}

input[type="checkbox"]:checked {
	border-color: #73bf44;
	background: #73bf44;
}

input[type="checkbox"]:checked::before {
	content: "\F12C";
	display: block;
	position: absolute;
	font-family: 'Material Design Icons';
	top: -2px;
	right: -2px;
	font-size: 13px;
	width: 18px;
	height: 18px;
	color: white;
	transition: 0.2s ease all;
	text-align: center;
	line-height: 19px;
}

input + .note, select + .note, textarea + .note {
	display: block;
	color: #9d9d9c;
	font-weight: 400;
	font-family: inherit;
	text-align: left;
	font-size: 13px;
	margin-top: 6px;
}

.field-validation-error, .bulk-amount div span.field-validation-error {
	color: #de2e54;
	font-size: 14px;
	line-height: 1.6em;
	padding-top: 7px;
}

/* Upload / file dialog */
.file-dialog {
}

.file-dialog input {
	display: none;
}

form .upload {
	display: block;
	cursor: pointer;
	position: relative;
	padding-right: 40px;
}

form .upload::before {
	content: "\f552";
	display: block;
	position: absolute;
	right: 10px;
	font-family: "Material Design Icons";
	color: #939393;
	top: 12px;
}

/* Tables */
table {
	border-collapse: collapse !important;
	width: 100%;
}

table tr {
}

table th,
table td {
	padding: 0 10px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

table tr:last-child th,
table tr:last-child td {
	border-bottom: 0px;
}

table th {
	text-align: left;
	color: #4a5568;
}

table td {
	color: #6e6e6e;
}

table th:last-child,
table td:last-child {
	text-align: right;
}

table.outline {
	border-radius: 6px;
	border-collapse: separate !important;
}

table.outline tr {
}

table.outline td {
	padding: 10px 11px;
}

table.outline td p {
	margin: 0;
	font-size: 1em;
}

/* Buttons */
.button-group {
	margin-top: 2.2em;
	display: flex;
}

.center .button-group {
	justify-content: center;
}

.button-group.navigation {
	margin: -10px 0 18px 0;
}

.button-group.align-right {
	justify-content: flex-end;
}

.button-group.align-center {
	justify-content: center;
}

.button-group .button {
	margin-right: 10px;
}

.button-group .button:last-child {
	margin-right: 0px;
}

a.button, .button {
	border: 1px solid;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 13px;
	font-family: 'Calibre', sans-serif;
	transition: all .1s ease-in;
	text-decoration: none;
	letter-spacing: .08em;
	padding: 18px 30px;
	font-weight: 600;
	display: inline-block;
	white-space: nowrap;
	position: relative;
	overflow: hidden;
	border-radius: 4px;
	position: relative;
	background: transparent;
	cursor: pointer;
	outline: none;
	border: 1px solid #8bc34a;
}

a.button:hover, .button:hover, .button.outline:hover {
	border-color: #7fc057;
	background: #7fc057; /* box-shadow: 0px 4px 4px -3px rgba(0, 0, 0, 0.16); */
	color: white;
}

a.button:disabled, .button:disabled {
	cursor: default !important;
	pointer-events: none;
	opacity: 0.5;
}

.button.outline {
	border-color: rgba(0, 0, 0, 0.13);
}

.button.outline:hover {
	color: black;
}

.tile a.button, .tile .button {
	background: white;
}

.tile a.button:hover, .tile .button:hover {
	background: #8bc34a;
	border-color: #8bc34a;
	box-shadow: none;
	color: white;
}

.tile a.button.outline:hover, .tile .button.outline:hover {
	background: transparent;
	border-color: black;
	color: black;
}


a.button.small, .button.small {
	padding: 12px 24px;
}

.dark a.button {
	border-color: white;
}

.dark a.button:hover {
	border-color: rgba(255, 255, 255, 0.3);
	background: transparent;
	box-shadow: none;
	color: white;
}

a.button.ghost, .button.ghost {
	border: none;
	padding: 0;
	font-size: 16px;
	font-family: 'Calibre', sans-serif;
	color: #787878;
	transition: all .16s ease-in;
	text-decoration: none;
	padding: 9px 15px;
	font-weight: 600;
	white-space: nowrap;
	text-transform: initial;
	letter-spacing: 0;
	display: inline-flex;
	align-items: center;
}

a.button.ghost:hover, .button.ghost:hover {
	color: black;
	background: transparent;
	box-shadow: none;
}

.button.outline {
	border-color: rgba(0, 0, 0, 0.13);
}

.navigation a.button {
	padding-left: 0px;
	padding-right: 0px;
}


.button[class*="icon"] {
	display: inline-flex;
	align-items: center;
}

.button[class*="icon"] i {
	font-size: 19px;
	transition: 0.2s all ease;
	line-height: 16px;
}

.button[class*="icon-left"] {
}

.button[class*="icon-left"] i {
	margin-right: 7px;
	transform: translateY(1px);
}

.button[class*="icon-right"] i {
	margin-left: 7px;
	transform: translateY(1px);
}

.button[class*="icon-button"] {
	padding: 0;
	width: 40px;
	height: 40px;
	border-radius: 30px;
	text-align: center;
	border: 0;
	color: #939393;
}

.button[class*="icon-button"]:hover {
	background: transparent;
}

.button[class*="icon-button"] i {
	font-size: 20px;
	display: block;
	width: 40px;
	line-height: 40px;
}

.button.icon-button-delete:hover, .tile .button.icon-button-delete:hover,
.button.icon-button-red:hover, .tile .button.icon-button-red:hover {
	color: #de2e54;
}

.button.icon-button-green:hover, .tile .button.icon-button-green:hover {
	color: #73bf44;
}

/* Tags */
.tag {
	background: #f5f4f1;
	display: inline-block;
	border-radius: 50px;
	color: #909090;
	font-weight: 600;
	padding: 4px 11px 5px 9px;
	font-size: 14px;
	display: flex;
	align-items: center;
	cursor: default;
}

td .tag {
	display: inline-block;
}

td.orders-status .tag {
}

td.orders-status.editable .tag {
	cursor: pointer;
	position: relative;
	padding-right: 27px;
}

td.orders-status.editable .tag:after {
	content: "\F140";
	font: normal normal normal 19px/1 "Material Design Icons";
	position: absolute;
	margin-left: 2px;
	right: 6px;
	top: 3px;
}

td.orders-status .tag:hover {
	color: black;
}

.tag i {
	font-size: 14px;
	margin-right: 6px;
	position: relative;
	transform: translateY(1px);
}

.tag.green {
	background: rgba(139, 195, 74, 0.14);
	color: #5ba52e;
}

.tag.red {
	background: rgba(222, 46, 84, 0.14);
	color: #de2e54;
}

.tag-small {
	color: #888;
}

/* Grids */
.grid {
	display: flex;
	flex-wrap: wrap;
}

.grid.medium > .col.tile {
	margin: 0 0 30px;
}

.grid.col-2.medium {
	margin: 0 -16px;
}

.grid.col-2 {
	margin: 0 -36px;
	position: relative;
}

.grid.col-2 > .col {
	width: calc(50% - 72px);
	margin: 0 36px 30px;
}

.grid.col-2.medium > .col.tile {
	width: calc(50% - 32px);
	margin: 0 16px 30px;
}

.grid.col-2.tight {
	margin: 0;
}

.grid.col-2.tight > .col {
	width: 50%;
	margin: 0;
}

.grid.col-3 {
	width: calc(100% + 20px);
	margin: 0 -10px;
}

.grid.col-3 > .col {
	width: calc(33.33% - 20px);
	margin: 0 10px;
}

.grid.col-4 {
	width: calc(100% + 20px);
	margin: 0 -10px;
}

.grid.col-4 > .col {
	width: calc(25% - 20px);
	margin: 0 10px;
}

.grid.col-5 {
	width: calc(100% + 20px);
	margin: 0 -10px;
}

.grid.col-5 > .col {
	width: calc(20% - 20px);
	margin: 0 10px;
}

/* Tile / outline styling */
.tile {
	background: white;
	box-shadow: 0px 4px 4px -3px rgba(0, 0, 0, 0.16);
	border-radius: 3px;
}

.outline {
	border: 1px solid #eee;
	box-shadow: none;
}

.tile.content {
	padding: 30px;
	width: 100%;
}

a.tile {
	font-family: 'Gotham Rounded', sans-serif;
	font-size: 16px;
	display: block;
	padding: 20px;
	margin: 0 0 10px;
	text-decoration: none;
	cursor: pointer;
}

/*.tile.intro-form {
	padding: 30px;
	margin-top: 30px;
}*/

/* Card */
.grid.tile-list .card {
	box-shadow: 0px 4px 4px -3px rgba(0, 0, 0, 0.16);
	border-radius: 3px;
	margin-bottom: 20px;
	position: relative;
}

.card a.card-image span {
}

.card a.card-image {
	display: block;
	overflow: hidden;
}

.card a.card-image span {
	display: block;
	padding-bottom: 60%;
	transition: 0.6s ease all;
	position: relative;
}

.card a.card-image:hover span {
	transform: scale(1.1);
}

.card a.card-image span:before {
	content: ' ';
	display: block;
	height: 100%;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.61) 0%, rgba(0,0,0,0) 100%);
	width: 100%;
	position: absolute;
}

.card-copy {
	position: absolute;
	bottom: 0;
	z-index: 1;
	width: 100%;
	padding: 14px 16px;
}

.card-copy h3 {
	margin: 0;
}

.card-copy h3 a {
	color: white;
	text-decoration: none;
}

/* Header */
header {
	background: white;
}

.shipping-banner {
	display: block;
	background: #31A05F;
	color: white;
	text-align: center;
	padding: 8px 10px;
	text-decoration: none;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	background: #24231B;
	width: 100%;
}

.shipping-banner:hover {
	text-decoration: underline;
}

.header-inner {
	display: flex;
	align-items: center;
	/* border-bottom: 1px solid #eee; */
	min-height: 100px;
}

.header-inner > .inner {
	width: 1440px;
	padding: 0 40px;
}

.header-inner > .inner {
	padding-top: 21px;
}

header a.logo {
	display: block;
	width: 190px;
	height: 65px;
	background: url(../img/plantco.svg);
	background-size: 100%;
	background-repeat: no-repeat;
	font-size: 0;
	color: transparent;
	text-indent: -9999px;
	margin-right: 50px;
	margin-left: 21px;
	flex-shrink: 0;
}

header .user-logged-in {
	display: flex;
	align-items: center
}

header a.header-button {
	font-size: 16px;
	font-family: 'Calibre', sans-serif;
	color: #787878;
	transition: all .2s ease-in;
	text-decoration: none;
	padding: 9px 15px;
	font-weight: 600;
	white-space: nowrap;
	border: 1px solid #ececec;
	border-radius: 4px;
}

header a.header-button:hover {
	color: black;
}

.header-icon {
	display: block;
	height: 94px;
	display: flex;
	align-items: center;
	padding: 9px 18px;
	cursor: pointer;
	position: relative;
}

.header-icon.header-cart {
	margin-right: 16px;
}

.header-icon > i {
	font-size: 25px;
	color: #939393;
	transition: all .2s ease-in;
}

.header-icon:hover > i {
	color: #000000;
}

.header-icon span.amount {
	position: absolute;
	background: #74bf44;
	display: block;
	width: 14px;
	height: 14px;
	color: #ffffff;
	border-radius: 10px;
	text-align: center;
	line-height: 14px;
	font-size: 10px;
	top: 24px;
	right: 5px;
}

form.header-search {
	position: relative;
	margin-left: 2px;
	margin-right: 24px;
}

form.header-search i {
	position: absolute;
	top: 8px;
	font-size: 20px;
	color: #bbb;
	left: 7px;
	/* transition: 0.26s ease all; */
}

form.header-search input {
	outline: none;
	width: 180px;
	padding: 7px 10px 7px 30px;
	font-family: inherit;
	font-size: 14px;
	font-weight: normal;
	line-height: 20px;
	vertical-align: middle;
	color: #bbb;
	border: none;
	background: #fafafa;
	border-radius: 4px;
	-webkit-appearance: none;
	margin: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 39px;
	border: 1px solid #eee;
}

form.header-search input::-ms-clear {
	display: none;
	width: 0;
	height: 0;
}

form.header-search input::-ms-reveal {
	display: none;
	width: 0;
	height: 0;
}

form.header-search input::-webkit-search-decoration,
form.header-search input::-webkit-search-cancel-button,
form.header-search input::-webkit-search-results-button,
form.header-search input::-webkit-search-results-decoration {
	display: none;
}

form.header-search input::-webkit-input-placeholder {
	color: #bbb
}

.header-search-results {
	position: absolute;
	background: white;
	box-shadow: 0px 14px 14px -3px rgba(0, 0, 0, 0.16);
	border-radius: 0px 0px 4px 4px;
	z-index: 1;
	right: 0;
	min-width: 100%;
	padding: 10px 0px;
}

.header-search-results:empty {
	display: none;
}

.header-search-results ul {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}

.header-search-results li {
	border-bottom: 1px solid #eee;
	line-height: 1em;
}

.header-search-results li:last-child {
	border-bottom: none;
}

.header-search-results li em {
	display: block;
	font-size: 14px;
	padding: 7px 11px;
	color: rgba(82,67,62,.72);
}

.header-search-results li .sku {
	display: block;
	font-size: 12px;
	line-height: 14px;
	color: rgba(82,67,62,.72);
}

.header-search-results li a {
	text-decoration: none;
	display: block;
	font-size: 14px;
	padding: 7px 11px;
}

.header-search-results li a:hover .name {
	text-decoration: underline;
}

form.header-search:before {
	border: 3px solid rgba(116, 191, 69, 0.2);
	content: ' ';
	border-top-color: #73bf44;
	border-radius: 50%;
	width: 16px;
	height: 16px;
	display: block;
	animation: spin 1s linear infinite;
	position: absolute;
	top: 12px;
	left: 8px;
	opacity: 0;
}

form.header-search.processing:before {
	opacity: 1;
}

form.header-search.processing i {
	opacity: 0;
}

header nav {
	flex-grow: 1;
}

header nav::after {
	content: ' ';
	display: block;
	flex-grow: 1;
	width: 100%;
}

header nav > ul {
	display: flex;
	list-style: none;
	margin: 0;
	padding: 0;
}

header nav > ul > li {
	margin: 0;
}

header nav > ul > li > a {
	text-transform: uppercase;
	font-size: 14px;
	font-family: 'Calibre', sans-serif;
	color: rgba(82,67,62,.72);
	transition: all .2s ease-in;
	text-decoration: none;
	letter-spacing: .08em;
	padding: 39px 13px;
	font-weight: 600;
	display: block;
	white-space: nowrap;
	position: relative;
	overflow: hidden;
}

header nav > ul > li:hover > a {
	color: black;
}

header nav > ul > li > a::before {
	content: "";
	background: #73bf44;
	height: 1px;
	width: calc(100% - 26px);
	transform: translateX(calc(-100% - 26px));
	display: block;
	transition: transform .25s cubic-bezier(.645,.045,.355,1);
	margin-top: 21px;
	position: absolute;
	opacity: 0;
}

header nav > ul > li:hover > a::before {
	transform: translateX(0%);
	opacity: 1;
}

header nav > ul > li > a::after {
	content: "\F415";
	font-family: "Material Design Icons";
	margin-left: 2px;
	font-size: 12px;
}

header nav > ul > li > a:hover {
	color: black;
}

header nav > ul > li > ul {
	position: absolute;
	pointer-events: none;
	transition: all 0.2s ease-in;
	background: white;
	min-width: 210px;
	box-shadow: 0px 4px 4px -3px rgba(0, 0, 0, 0.16);
	border-radius: 0px 0px 4px 4px;
	opacity: 0;
	margin-left: -19px;
	padding: 0px 20px 20px;
	z-index: 1;
}

header nav > ul > li:hover > ul {
	pointer-events: all;
	opacity: 1;
}

header nav > ul > li > ul > li {
	list-style: none;
}

header nav > ul > li > ul > li a {
	font-size: 16px;
	font-family: 'Calibre', sans-serif;
	color: #787878;
	transition: all .2s ease-in;
	text-decoration: none;
	padding: 4px 0;
	white-space: nowrap;
	display: block;
}

header nav > ul > li > ul > li a:hover {
	color: black;
	text-decoration: underline;
}

@media screen and (max-width:1560px) {
	header a.logo {
		margin-right: 24px;
	}
}

@media screen and (max-width:1520px) {
	.header-inner nav {
		position: absolute;
		bottom: -49px;
		background: white;
		width: 100%;
		border-top: 1px solid #eee;
	}

	header a.logo {
		margin-right: auto;
	}

	.header-inner {
		display: flex;
		border-top: 1px solid #eee;
		position: relative;
		margin-bottom: 50px;
	}

	header .header-inner nav > ul {
		justify-content: space-around;
		padding: 0 60px;
	}

	header .header-inner nav > ul > li > a {
		padding: 16px 0;
	}

	header .header-inner nav > ul > li > a::before {
		width: 100%;
		transform: translateX(-100%);
		margin-top: 31px;
	}

	header .header-inner nav > ul > li:hover > a::before {
		transform: translateX(0%);
	}
}

/* Megamenu */
.mega-parent {
}

.megamenu {
	position: absolute;
	width: 100%;
	left: 0;
	background: white;
	z-index: 2;
	box-shadow: 0 20px 20px -20px #00000045;
	border-top: 1px solid #eee;
	pointer-events: none;
	transition: 0.2s ease-in all;
	opacity: 0;
	transform: translateY(-10px);
}

.mega-parent.active:hover .megamenu {
	pointer-events: all;
	opacity: 1;
	transform: translateY(0px);
}

.megamenu .grid {
	max-width: calc(100% - 333px);
	margin: auto;
	padding: 38px 40px 47px;
	margin-left: 210px;
}

.megamenu .grid .col {
	margin: 0 24px;
	width: calc(33.33% - 48px);
}

.megamenu .grid h5 {
	margin-bottom: 21px;
	font-size: 18px;
	border-bottom: 1px solid #000;
	padding: 0px 0 16px 0;
	margin-top: 0;
}

.megamenu .grid ul {
	columns: 2;
	list-style: none;
	padding-left: 0;
	column-gap: 0px;
}

.megamenu .grid ul li {
}

.megamenu .grid ul li a {
	padding: 3px 0px;
	display: block;
	text-decoration: none; /* color: #636363; */
}

.megamenu .grid ul li a:hover {
	text-decoration: underline;
}

.megamenu .grid .col.genus {
	width: 100%;
	margin-top: 50px;
	display: flex;
	align-items: center;
}

.megamenu .grid .col.genus + .col.genus {
	margin-top: 14px;
}

.megamenu .grid .col.genus h5 {
	border: 0;
	margin: 0 30px 0 0;
	padding: 0;
	min-width: 123px;
}

.megamenu .grid .col.genus ul {
	columns: unset;
	display: flex;
	flex-grow: 1;
	justify-content: stretch;
}

.megamenu .grid .col.genus li {
	width: 100%;
	margin: 0px 3px;
}

.megamenu .grid .col.genus li:hover {
}

.megamenu .grid .col.genus li a {
	border: 1px solid #eee;
	width: 100%;
	text-align: center;
	padding: 9px 9px;
	transition: 0.1s ease-in all;
	border-radius: 4px;
}

.megamenu .grid .col.genus li a:hover {
	text-decoration: none;
	border-color: #f5f4f1;
	background: #f5f4f1;
}

@media screen and (max-width:1820px) {
	.megamenu .grid {
		max-width: 100%;
		margin: 0;
	}
}

/* Footer */
footer {
	background: black;
}

footer .inner {
	padding: 50px 0px 0;
}

footer img {
	max-width: 80%;
	width: 210px;
}

footer h4 {
}

footer p {
	font-size: 15px;
	color: #a2a2a2;
	margin-top: 1em;
}

footer p a {
}

footer ul {
	padding-left: 0;
}

/*footer .col:last-child ul {
	column-count: 2;
}*/

footer li {
	list-style: none;
	font-size: 14px;
	margin: 4px 0px;
}

footer li a {
	text-decoration: none;
	color: #a2a2a2;
}

footer li a:hover {
	color: white;
	text-decoration: underline;
}

.footer-sub {
	display: flex;
	justify-content: space-between;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	padding: 20px 0px 20px;
	margin-top: 35px;
}

.footer-sub p {
	font-size: 13px;
}

footer .sep {
	color: rgba(255, 255, 255, 0.2);
	margin: 0 4px;
}

/* Slick slider */
.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent; /* z-index: 2; */
}

.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.slick-list:focus {
	outline: none;
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}

.slick-slider .slick-track, .slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	margin: 0;
}

.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
}

.slick-track:before, .slick-track:after {
	display: table;
	content: '';
}

.slick-track:after {
	clear: both;
}

.slick-loading .slick-track {
	visibility: hidden;
}

.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
	outline: none;
}

.slick-slide.vheight-70 {
	height: 70vh;
}

[dir='rtl'] .slick-slide {
	float: right;
}

.slick-slide img {
	display: block;
}

.slick-slide.slick-loading img {
	display: none;
}

.slick-slide.dragging img {
	pointer-events: none;
}

.slick-initialized .slick-slide {
	display: block;
}

.slick-loading .slick-slide {
	visibility: hidden;
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
	display: none;
}

.slick-dots {
	width: 100%;
	text-align: center;
	margin: 17px 0 0 0;
	padding: 0px;
	z-index: 1;
}

.slick-dots button {
	background: rgba(0, 0, 0, 0.15);
}

.slick-dots li {
	font-size: 0px;
	display: inline-block;
	margin: 0 5px;
}

.slick-dots button {
	border: 0px;
	width: 20px;
	height: 3px;
	display: block;
	padding: 0px;
	outline: none;
	font-size: 0px;
}

.slick-dots li.slick-active {
}

.slick-dots li.slick-active button {
	background: #73bf44;
}

.slick-dotted.slick-slider {
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.slick-dots li button {
}

.slick-prev,
.slick-next {
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: 50%;
	margin-top: -30px;
	padding: 0;
	cursor: pointer;
	color: transparent;
	border: none;
	outline: none;
	background: transparent;
	z-index: 1;
	background: #73bf44;
	width: 60px;
	height: 60px;
	font-size: 20px;
	text-align: center;
	display: block;
	opacity: 0;
	transition: 0.2s ease-in all;
}

.product-slider:hover .slick-prev,
.product-slider:hover .slick-next {
	opacity: 1;
}

.product-slider:hover .slick-prev:hover,
.product-slider:hover .slick-next:hover {
	opacity: 0.7;
}

.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
	opacity: 1;
}

.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
	opacity: .25;
}

.slick-prev:before, .slick-next:before {
	font-size: 40px;
	line-height: 1;
	opacity: .75;
	color: #fff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family: "Material Design Icons";
	font-size: 29px;
	opacity: 1;
	line-height: 60px;
	width: 60px;
	text-align: center;
	display: block;
}

.slick-prev {
	left: 0;
}

.slick-disabled, .slick-disabled:hover {
	opacity: 0;
}

[dir='rtl'] .slick-prev {
	right: -25px;
	left: auto;
}

.slick-prev:before {
	content: "\f04d";
}

[dir='rtl'] .slick-prev:before {
	content: '>';
}

.slick-next {
	right: 0;
}

[dir='rtl'] .slick-next {
	right: auto;
	left: -25px;
}

.slick-next:before {
	content: "\f054";
}

[dir='rtl'] .slick-next:before {
	content: '<';
}

/* Breadcrumbs */
.breadcrumbs {
	margin: 0 0 20px 0;
	list-style: none;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
}

.center .breadcrumbs {
	justify-content: center;
}

.breadcrumbs li {
	font-size: 13px;
	color: #787878;
	margin-right: 2px;
}

.breadcrumbs li::after {
	content: "\F142";
	display: inline-block;
	margin-left: 2px;
	font-family: "Material Design Icons";
	font-size: 12px;
}

.breadcrumbs li:last-child::after {
	display: none;
}

.breadcrumbs li a {
	text-decoration: none;
}

.breadcrumbs li a:hover {
	text-decoration: underline;
}

/* Layers */
.layer {
	display: flex;
	justify-content: center;
}

.layer .inner {
	position: relative;
	width: 1500px;
	padding-left: 80px;
	padding-right: 80px;
	max-width: 100%;
}

.layer.bg-white {
	background-color: white;
}

.layer.divider {
	height: 177px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	opacity: .77;
	background-color: #333;
}

.layer.divider.small {
	height: 99px;
}

/* section header */
.section-header {
	margin-bottom: 24px;
}

.section-header h2 {
	font-size: 26px;
}

.section-header h3 {
}

.section-header h3 + p {
	margin: 0;
}

/* Background images */
.background-image {
	position: relative;
	background-size: cover;
	background-position: center;
}

.background-image.overlay::before {
	content: ' ';
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background: #001e21;
	opacity: 0.46;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.background-image.fixed {
	background-attachment: fixed;
}

/* CTA Layer */
.cta {
	text-align: center;
}

.cta .inner {
	padding: 145px 0px 120px;
}

.cta h1, .cta h2 {
	font-size: 3em;
}

/* Intro Layer */
.intro {
}

.intro .inner {
	padding-top: 46px;
	padding-bottom: 30px;
}

.intro.cta .inner {
	padding-top: 120px;
	padding-bottom: 120px;
}

.intro.cta i:first-child {
	font-size: 2.8em;
	display: block;
	margin-bottom: 0.4em;
}

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

.intro.cta h1 {
	font-size: 3.4em;
	/* max-width: 540px; */
	line-height: 1.2em;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
}

.intro.cta p {
	max-width: 980px;
	font-size: 18px;
	font-weight: 200;
	font-family: 'Gotham Rounded',sans-serif;
	line-height: 2em;
	margin-left: auto;
	margin-right: auto
}

.intro.cta .button {
}

.intro.cta .button.alternate {
	border: none;
	background: #73bf44;
}

.intro.cta .button.alternate:hover {
	background: rgba(115, 191, 68, 0.7);
}


.intro.cta .button.alternate-2 {
	border: none;
	background: #fff;
	color: #73bf44;
}

.intro.cta .button.alternate-2:hover {
	background: rgba(255, 255, 255, 0.7);
}

.intro.catalog .inner {
	padding-top: 60px;
	padding-bottom: 60px;
}

.intro.catalog h1 {
	font-size: 2.4em;
	line-height: 1.2em;
	margin-bottom: 26px;
	margin-left: auto;
	margin-right: auto;
}

.intro.catalog p {
	max-width: 980px;
	font-size: 16px;
	font-weight: 200;
	font-family: 'Gotham Rounded',sans-serif;
	line-height: 1.8em;
	margin-left: auto;
	margin-right: auto;
}

.intro.catalog *:last-child {
	margin-bottom: 0;
}

.intro.alternating .grid {
	flex-direction: row-reverse;
}

.intro.alternating h1 {
	font-size: 3.4em;
	max-width: 540px;
	line-height: 1.2em;
}

.intro.alternating h1 + p {
	max-width: 540px;
	font-size: 18px;
	font-weight: 200;
	font-family: 'Gotham Rounded',sans-serif;
	line-height: 2em;
}

.intro .breadcrumbs {
	margin-bottom: 10px;
}

.intro.center .breadcrumbs {
	margin-bottom: 30px;
}

.intro.background-image .breadcrumbs li {
	color: rgba(255, 255, 255, 0.6);
}

.intro.background-image .breadcrumbs li a {
}

.intro.left {
	text-align: left;
}

.intro.left .inner {
	padding-left: 80px;
	padding-right: 80px;
	padding-top: 120px;
	padding-bottom: 120px;
}

.intro.left p {
	margin-left: 0;
	margin-right: 0;
	max-width: 780px;
}

/* Single product */

.single-product {
	max-width: 100%;
}

.single-product > .inner {
	padding-top: 50px;
	padding-bottom: 1px; /* width: 1600px; */
}

.single-product .inner > .grid {
	margin: 0 -20px;
}

.single-product .grid .product-images { /* width: calc(67% - 40px); */
	margin: 0 20px 30px;
	width: calc(100% - 480px);
}

.single-product .product-slider {
	margin-bottom: 3px;
}

.single-product .product-slider-nav {
	padding: 0px 0 0px;
}

.single-product .product-slider .slide,
.single-product .product-slider-nav .slide {
	background: #fff;
	position: relative;
	/*background-size: cover;
	background-position: center;*/
}

.single-product .product-slider .slide .product-image {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	position: absolute;
	background-repeat: no-repeat;
	background-position: center;
}

.single-product .product-slider .slide .product-image.fit-cover {
	background-size: cover;
}

.single-product .product-slider .slide .product-image.fit-contain {
	background-size: contain;
	top: 30px;
	left: 30px;
	right: 30px;
	bottom: 30px;
}

.single-product .slide svg {
	pointer-events: none;
	display: block;
}

.single-product .product-slider-nav .slide {
	opacity: 0.5;
	transition: 0.2s ease-in;
	margin: 0 2px;
}

.single-product .product-slider-nav .slide {
	opacity: 0.4;
}

.single-product .product-slider-nav .slide.slick-current {
	opacity: 1;
}

.single-product .grid .product-details { /* max-width: calc(33% - 40px); */
	margin: 0 20px 30px;
	width: 400px;
}

.single-product .product-details h4 {
	margin-bottom: 0.2em;
	font-size: 20px;
	font-weight: 700;
	margin-top: 0;
	margin-bottom: 40px;
}

.single-product .product-details h1 span {
	font-size: 15px;
	display: block;
	font-weight: 400;
	color: #787878;
}

.single-product .product-details h1 + a.button.ghost {
	padding-left: 0;
	padding-right: 0;
}

.product-details form {
	margin-bottom: 25px;
	margin-top: 20px;
}

.product-details .form-row {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

.product-details form fieldset {
	margin: 0 10px 0 0;
}

.product-details form .form-row label {
	display: block;
	color: #4a5568;
	font-weight: 400;
	margin-bottom: 6px;
	font-family: inherit;
}

.product-details form input {
}

.product-details .price {
	font-size: 2em;
	margin-left: auto;
}

.product-details .price span {
	font-size: 0.6em;
	position: relative;
	transform: translateY(-0.4em);
	display: inline-block;
	margin-right: 0.2em;
	font-weight: 600;
}

.variant-selector {
	margin-bottom: 20px;
}

.variant-selector-row {
	padding: 14px 16px 18px;
	border-bottom: 1px solid #eee;
	display: flex;
	justify-content: space-between;
}

.variant-selector-row.disabled .radio {
	pointer-events: none;
	opacity: 0.3;
	background: #f5f4f1;
	border-bottom: 1px solid #bababa;
}

.variant-selector-row:last-child {
	border: 0;
}

.variant-selector-row .flex-inline {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
}

.variant-selector-row.active {
}

.variant-selector-row label {
	font-size: 18px;
	line-height: 26px;
	font-weight: 700;
	cursor: pointer;
	text-transform: capitalize;
}

.variant-selector-row.disabled label {
	cursor: text;
}

.variant-selector-row label + span, .variant-selector-row label + span + span {
	display: block;
	width: 100%;
	padding-left: 40px;
	font-size: 15px;
	color: #5b5b5b;
	margin-top: -2px;
}

.variant-selector .variant-price {
	font-size: 20px;
	line-height: 26px;
}

.variant-selector .variant-quote {
	line-height: 26px;
	padding: 3px 0 0;
	display: block;
	white-space: nowrap;
}

.variant-selector-row.active span:first-child {
}

.variant-selector-row .radio {
	display: inline-block;
	padding: 0;
	position: relative;
	/*top: 3px;*/
	position: relative;
	background: transparent;
	height: 26px;
	width: 26px;
	border: 2px solid rgba(0, 0, 0, 0.15);
	border-radius: 50px;
	cursor: pointer;
	margin: 0px 14px 0px 0;
	outline: none;
	transition: 0.2s ease all;
	padding: 0;
}

.variant-selector-row.active .radio {
	border: 8px solid #73bf44;
}

.product-details .bulk-discount {
	align-items: unset;
	flex-wrap: nowrap;
}

.bulk-amount {
	width: 100%;
}

.bulk-amount .title {
	padding: 16px;
	border-bottom: 1px solid #eee;
}

.bulk-amount h3 {
	font-size: 1.1em;
	line-height: 1.6em;
	margin-bottom: 0;
}

.bulk-amount h3 i {
	float: right;
	font-size: 1.6em;
	color: #73bf44;
}

.bulk-amount p {
	font-size: 15px;
	margin: -2px 0 0;
}

.bulk-amount .inline {
	display: flex;
	margin: 0;
	padding: 16px;
}

/*.bulk-amount div {
	color: #4a5568;
	font-weight: 400;
}*/

.bulk-amount div span {
	display: block;
	color: black;
	font-size: 22px;
	line-height: 31px;
	padding-top: 7px;
}

.bulk-amount .old-price {
	flex-grow: 1;
	text-align: right;
}

.bulk-amount .old-price span {
	text-decoration: line-through;
	color: #998e8e;
}

.bulk-amount .new-price {
	text-align: right;
	margin-left: 22px;
}

.bulk-amount .total-price {
	text-align: right;
	margin-left: 22px;
}

.product-details .button-group:last-child {
	display: flex;
}

.product-details .button-group:last-child button {
	flex-grow: 1;
	margin-right: 6px;
}

.product-details input.product-quantity {
	max-width: 100px;
}

.product-information {
}

.product-information .inner {
	padding-bottom: 55px;
}

.product-information .grid {
	flex-wrap: nowrap;
}

.product-information .col {
	padding: 30px 30px;
}

.product-information .col h3 {
}

.product-description {
}

.product-attributes {
	width: 430px;
	flex-shrink: 0;
	border-right: 1px solid #eee;
}

.product-attributes table tr {
}

.product-attributes table td {
	border: 0;
	padding: 9px 0;
}

.product-attributes table td:first-child {
	padding-left: 9px;
	padding-right: 18px;
	font-weight: 600;
	font-size: 11px;
	white-space: nowrap;
	color: #6e6e6e;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	position: relative;
	user-select: none;
	font-family: 'Calibre',sans-serif;
}

.product-attributes table td:last-child {
	padding-right: 8px;
}

.product-attributes table tr:nth-child(even) td {
	background: #f5f4f1;
}

/* Inspiration (Single item) */
.inspiration {
}

.inspiration > .inner {
	padding-top: 50px;
	padding-bottom: 44px;
}

.inspiration .grid.col-2 > .col:first-child {
	width: calc(60% - 72px);
}

.inspiration .grid.col-2 > .col:last-child {
	width: calc(40% - 72px);
}

/* Tooltips */
.tooltip-holder {
	position: relative;
}

.tooltip-holder > img {
	width: 100%;
}

.tooltips {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.tooltip {
	position: absolute;
}

.tooltip img {
}

.tooltip-indicator {
	width: 40px;
	height: 40px;
	position: relative;
	left: -20px;
	top: -20px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(255, 255, 255, 0);
	border-radius: 60px;
	transition: 0.26s ease all;
	animation: glowing 3000ms infinite;
}

.tooltip-indicator:hover {
	animation: none;
	background: rgba(255, 255, 255, 0.44);
	transform: scale(1.3);
}

@keyframes glowing {
	0% {
		box-shadow: 0 0 0px 0px rgba(255, 255, 255, 0.46);
	}

	100% {
		box-shadow: 0 0 0px 30px rgba(255, 255, 255, 0);
	}
}

.tooltip-indicator::before {
	content: ' ';
	display: block;
	width: 12px;
	height: 12px;
	background: white;
	border-radius: 20px;
}

.tooltip-details {
	width: 260px;
	background: white;
	box-shadow: 0px 20px 24px -6px rgba(0, 0, 0, 0.33);
	border-radius: 4px;
	display: flex;
	align-items: center;
	position: absolute;
	opacity: 0;
	transition: 0.3s ease all;
	top: calc(-100% + -27px);
	left: -106px;
	transform: translateY(10px) scale(0.8);
	pointer-events: none;
}

.tooltip-indicator:hover + .tooltip-details {
	opacity: 1;
	transform: translateY(0px);
}

.tooltip-image {
	background-size: cover;
	background-position: center;
	width: 50px;
	height: 50px;
	margin: 6px;
	flex-shrink: 0;
	border-radius: 3px;
	margin-right: 9px;
}

.tooltip-copy {
	padding: 7px 10px 7px 0px;
}

.tooltip-copy h4 {
	margin-top: 0px;
	font-size: 16px;
	line-height: 0.95em;
}

.tooltip-copy .price {
	font-size: 14px;
}

/* Tabs */
.tabs {
	list-style: none;
	padding: 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
	margin: 0px 0 31px 0;
	display: flex;
}

.tabs li {
	margin-right: 46px;
}

.tabs li a {
	text-decoration: none;
	padding: 10px 0px 12px;
	display: block;
	margin-bottom: -1px;
	font-size: 18px;
	font-weight: 600;
	color: #8a8a8a;
}

.tabs li.active a {
	border-bottom: 2px solid #73bf44;
	color: #2c2c2c;
}

.tabs li a:hover {
	color: #2c2c2c;
}

/* Tooltip */
.tooltip-note {
	position: relative;
	text-align: center;
	line-height: inherit;
	display: inline-block;
}

.tooltip-note i {
	color: #aaaaaa;
}

.tooltip-note::before {
	content: attr(data-note);
	display: inline-block;
	position: absolute;
	font-size: 13px;
	text-align: center;
	z-index: 1;
	background: white;
	box-shadow: 0px 4px 4px -3px rgba(0, 0, 0, 0.16);
	border-radius: 3px;
	padding: 8px 10px;
	left: 50%;
	bottom: 100%;
	line-height: 1.2em;
	transition: 0.2s all ease-in;
	opacity: 0;
	pointer-events: none;
	transform: translate(-50%, 0);
	white-space: nowrap;
}

input[name="climate"] + label + span.tooltip-note::before {
	font-size: 12px;
	min-width: 130px;
}

.tooltip-note::after {
	content: ' ';
	display: block;
	width: 10px;
	height: 10px;
	border-top: 6px solid white;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 1;
	pointer-events: none;
	transition: 0.2s all ease-in;
	opacity: 0;
	margin: 0 0 0 -5px;
}

.tooltip-note.sm::before {
	width: 180px;
	white-space: normal;
}

.tooltip-note.md::before {
	width: 240px;
	white-space: normal;
}

.tooltip-note.lg::before {
	width: 400px;
	white-space: normal;
}

.tooltip-note:hover::before, .tooltip-note:hover::after {
	opacity: 1;
}

/* Submenu */
.submenu-toggle {
	margin-bottom: 25px;
	display: flex;
	padding-top: 4px;
	margin-top: -4px;
}

.submenu-toggle .button {
	border: 0; /* background: #e8e6df; */
	padding: 14px 24px;
	margin-right: 0;
	border-radius: 0;
	width: 50%;
	color: #8a8a8a;
	border: 1px solid rgba(0, 0, 0, 0.1);
}

.submenu-toggle .button:first-child {
	border-radius: 4px 0px 0px 4px;
	border-right: 0px;
}

.submenu-toggle .button:last-child {
	border-radius: 0px 4px 4px 0px;
	border-left: 0;
}

.submenu-toggle .button:hover {
	color: black;
	background: transparent;
}

.submenu-toggle .button.active {
	background: white;
	box-shadow: 0px 6px 7px -2px rgba(0, 0, 0, 0.13);
	z-index: 1;
	color: black; /* border-radius: 4px; */
	border-color: white;
	text-decoration: none;
}

.submenu {
	display: none;
}

.submenu.active {
	display: block;
}

.submenu p {
	margin-top: 0;
}

.submenu ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.submenu ul li {
	font-size: 23px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	position: relative;
	padding: 0;
}

.submenu ul li:last-child {
	border-bottom: 0px;
}

.submenu ul li.active {
}

/*.submenu ul li.active::before {
	content: ' ';
	display: block;
	width: 6px;
	height: 6px;
	background: #8dcb66;
	border-radius: 10px;
	position: absolute;
	top: 27px;
	left: -21px;
}*/

.submenu ul li a {
	text-decoration: none;
	padding: 14px 0px;
	display: block;
	color: #6e6e6e;
}

.submenu ul li a:hover {
	color: black;
}

.submenu ul li.active > a {
	color: black;
	font-weight: 700;
	text-decoration: none;
}

.submenu ul li ul {
	margin-bottom: 20px;
	/* margin-top: -6px; */
	display: none;
}

.submenu ul li.active > ul {
	display: block;
}

.submenu ul li ul li {
	font-size: 17px;
	border: 0;
}

/*.submenu ul li ul li.active::before {
	top: 13px;
	left: -8px;
}
*/
/*.submenu ul li ul li a {
	padding: 5px 10px;
}*/

/* Products filter */
.product-filter {
	background-image: url(../img/plant-illustrations.png);
	background-position: bottom -1px center;
	background-repeat: no-repeat;
	background-size: 1290px;
}

.product-filter .inner {
	display: flex;
	padding-bottom: 260px;
}

.product-filter .filter-wrap {
	padding: 0 0 40px 0;
	flex-shrink: 0;
	margin-right: 32px;
	width: 270px;
}

.product-filter .filter {
	display: none;
}

.product-filter .filter.active {
	display: block;
}

.product-filter .filter-wrap .filter-group {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	transition: 0.6s ease all;
}

.product-filter .filter-wrap .filter-group:first-of-type {
	border-top: 0px;
}

.product-filter .filter-wrap .filter-group.active {
	margin-bottom: 24px;
}

.product-filter .submenu ul li a,
.product-filter .filter-group h4 {
	padding: 18px 0;
	margin: 0;
	display: flex;
	cursor: pointer;
	font-weight: 600;
	font-size: 14px;
	color: #6e6e6e;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	position: relative;
	user-select: none;
	font-family: 'Calibre',sans-serif;
}

.product-filter .submenu ul li ul li a {
	padding: 7px 17px;
	text-transform: none;
	letter-spacing: 0;
	font-weight: normal;
	font-size: 15px;
}

.product-filter .submenu ul li ul li ul li a {
	padding: 7px 34px;
}

.product-filter .submenu ul li ul li a:hover,
.product-filter .filter-group h4:hover,
.filter-group.active h4,
.filter-group h4:hover::after,
.filter-group.active h4::after {
	color: black;
}

.submenu ul li::after,
.product-filter .filter-group h4::after {
	content: "\F415";
	display: inline-block;
	margin-left: auto;
	font-family: 'Material Design Icons';
	font-weight: 400;
	font-size: 19px;
	position: absolute;
	top: 15px;
	right: 0;
	color: rgba(120, 120, 120, 0.64);
}

.submenu ul li.active::after,
.product-filter .filter-group.active h4::after {
	content: "\F374";
}

.submenu ul li ul li::after {
	content: '';
	display: none;
}

.product-filter .filter-group.active h4:hover::after {
}

.product-filter .filter-group fieldset {
	border: 0;
	margin: 0;
	padding: 0;
	display: none;
}

.product-filter .filter-group.active fieldset {
}

.filter-row {
	display: flex;
	align-items: center;
}

.filter-row .note {
}

.filter-row label {
	color: #686868;
	cursor: pointer;
	flex-grow: 1;
	padding: 7px 0px;
	user-select: none;
}

.product-filter .submenu ul li.active > a,
.filter-row input:checked + label {
	color: black;
}

/* Coloured checkbox inputs */
.colour-checkbox {
	margin: 4px 2px 0;
	width: 30px;
	height: 30px;
	border: none !important;
	position: relative;
	box-shadow: 0px 0px 0px 0px transparent;
	border-radius: 15px;
	cursor: pointer;
}

.colour-checkbox:hover {
	border-color: transparent;
}

.colour-checkbox input[type="checkbox"] {
	opacity: 0;
	z-index: 1;
	width: 30px;
	height: 30px;
	margin: 0;
	border: 0 !important;
	padding: 0;
}

.colour-checkbox input[type="checkbox"]:checked {
}

.colour-checkbox input[type="checkbox"]:checked::before {
	display: none !important;
}

.colour-checkbox input[type="checkbox"] + span::before {
	content: "\F12C";
	display: block;
	position: absolute;
	font-family: 'Material Design Icons';
	top: 0;
	right: 0;
	font-size: 20px;
	border-radius: 30px;
	width: 30px;
	height: 30px;
	color: white;
	opacity: 0;
	transition: 0.2s ease all;
	text-align: center;
	line-height: 31px;
}

.colour-checkbox input[type="checkbox"]:checked + span::before {
	opacity: 1;
}

.colour-checkbox.colour-multi input[type="checkbox"] + span::before {
	background: rgba(0, 0, 0, 0.17);
}

.colour-checkbox.colour-white input[type="checkbox"] + span::before {
	color: #e0e0e0;
}

.colour-checkbox.colour-multi {
	background-image: url(../img/multicolour.png);
	background-size: cover;
}

.colour-checkbox.colour-variegated {
	background-image: url(../img/variegated.png);
	background-size: cover;
}

.colour-checkbox.colour-pink {
	background: #ffbdbd;
}

.colour-checkbox.colour-purple {
	background: #9C27B0;
}

.colour-checkbox.colour-blue {
	background: #2196F3;
}

.colour-checkbox.colour-green {
	background: #8BC34A;
}

.colour-checkbox.colour-yellow {
	background: #FFEB3B;
}

.colour-checkbox.colour-orange {
	background: #FF9800;
}

.colour-checkbox.colour-peach {
	background: #f5ceaa;
}

.colour-checkbox.colour-copper {
	background: #e56b3f;
}

.colour-checkbox.colour-red {
	background: #e22525;
}

.colour-checkbox.colour-brown {
	background: #915641;
}

.colour-checkbox.colour-black {
	background: black;
}

.colour-checkbox.colour-silver {
	background: #9eb0b8;
}

.colour-checkbox.colour-cream {
	background: #ecdbbd;
}

.colour-checkbox.colour-white {
	/*background: white;
	box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.4);*/
	background: white;
	box-shadow: 0px 0px 0px 1px #e0e0e0 inset;
}

/* Product list */
.product-list-wrap, .tile-list-wrap {
	flex-grow: 1;
}

.product-list-head {
}

.product-list, .product-tiles .tile-list {
	display: flex;
	flex-wrap: wrap;
	padding-bottom: 30px;
}

.product-list .product-item.col,
.tile-list.grid .tile {
	margin-bottom: 24px;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	border-radius: 4px;
}

a.product-item-image, .product-item-image, a.tile-image {
	display: block;
	overflow: hidden;
}

a.product-item-image span, a.tile-image span {
	display: block;
	padding-bottom: 60%;
	transition: 0.6s ease all;
}

a.product-item-image:hover span,
a.tile-image:hover span {
	transform: scale(1.1);
}

.product-item-copy {
	padding: 23px 20px 1px;
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	align-items: baseline;
}

.tile-copy {
	padding: 23px 20px;
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	align-items: baseline;
}

.col-3 .tile-copy p,
.col-4 .tile-copy p {
	color: #636363;
	font-size: 14px;
	margin-bottom: 20px;
	margin-top: 8px;
}

.tile-copy > p:last-child {
	margin-bottom: 0px;
}

.product-item h3 {
	margin: 0;
}

.product-item h3 a,
.tile h3 a {
	text-decoration: none;
}

.product-item h3 a:hover,
.tile h3 a:hover {
	text-decoration: underline;
}

.product-item-copy .tag {
	margin-bottom: 14px;
}

.product-item p {
	color: #636363;
	font-size: 14px;
	margin-bottom: 20px;
	margin-top: 5px;
}

.product-item-actions {
	border-top: 1px solid #eee;
	margin-top: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 11px 0px 13px;
	width: 100%;
}

.product-item-actions .price {
	font-size: 1.5em;
	line-height: 0.5em;
}

.product-item-actions .price span {
	text-transform: uppercase;
	letter-spacing: 0.025em;
	color: #6d6d6d;
	font-weight: 700;
	display: block;
	font-size: 12px;
	margin-bottom: 8px;
}

.product-item-actions .price sup {
	position: relative;
	font-size: 0.7em;
	margin: 0 2px 0 0;
	vertical-align: unset;
	font-weight: 600;
	transform: translateY(-0.3em);
	display: inline-block;
}

.product-item-actions .button {
	margin-right: -16px;
}

.product-list-footer {
}

.product-list-footer .button {
	width: 100%;
}

.insp-details .product-item.col {
	width: 100%;
	flex-direction: row;
	align-items: center;
	padding: 10px 10px 2px 80px;
	position: relative;
	margin-bottom: 17px;
}

.insp-details .product-item-image {
	width: 70px;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
}

.insp-details a.product-item-image span {
	height: 100%;
}

.insp-details .product-item-copy {
	padding: 0px;
}

.insp-details .product-item-copy h3 {
	font-size: 18px;
	font-weight: 700;
	font-family: 'Calibre',sans-serif;
	margin: 0 0 -4px 0;
}

.insp-details .product-item-actions {
	border: 0px;
	padding: 0;
}

.insp-details .product-item-actions .price {
	margin-bottom: 0;
	font-size: 17px;
}

.insp-details .product-item-actions .price span {
	display: inline-block;
	margin: 0;
}

.product-list-no-products {
	background: white;
	box-shadow: 0px 4px 4px -3px rgba(0, 0, 0, 0.16);
	border-radius: 3px;
	margin-bottom: 20px;
	padding: 20px 25px;
	font-family: 'Gotham Rounded',sans-serif;
	font-size: 1.2em;
	font-weight: 500;
}


.product-list-no-products i.mdi {
	margin: 0 20px 0 0;
	font-size: 47px;
	float: left;
	line-height: 51px;
	color: #fff;
	width: 51px;
	text-align: center;
	font-size: 32px;
	border-radius: 50%;
}

.product-list-no-products i.mdi-power-plug {
	background: #73bf44;
}

.product-list-no-products i.mdi-power-plug-off {
	background: #de2e54;
}

.product-list-no-products span {
	font-family: Calibre;
	font-size: 15px;
	display: block;
	line-height: 19px;
	margin: 9px 0 0px;
	color: #6e6e6e;
}

.cart .product-list-no-products {
	margin-bottom: 40px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

/* Product tiles layer */
.product-tiles {
}

.product-tiles .inner {
	padding-top: 46px;
}

/* Plant finder */
.plant-finder {
	margin-top: 60px;
	margin-bottom: 60px;
}

.finder-filter.advanced {
	border-top: 1px solid #eee;
	display: none;
}

.finder-filter .grid {
	margin: 0;
	width: 100%;
}

.finder-filter .grid .col {
	border-right: 1px solid #eee;
	display: flex;
	flex-direction: column;
}

.finder-filter .grid.col-3 .col {
	margin: 0;
	width: 33.33%;
	justify-content: stretch;
}

.finder-filter .grid.col-4 .col {
	margin: 0;
	width: 25%;
}

.finder-filter .grid .col:last-child {
	border-right: 0px;
}

.finder-filter .filter-group {
	border-bottom: 1px solid #eee;
	padding: 29px 23px 28px;
}

.finder-filter .filter-group:last-child {
	border-bottom: none;
}

.finder-filter:first-child .filter-group {
	min-height: 50%
}

.finder-filter .filter-group h4 {
	margin: 0 0 1em 0;
	display: flex;
	cursor: pointer;
	font-weight: 600;
	font-size: 14px;
	color: #6e6e6e;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	position: relative;
	user-select: none;
	font-family: 'Calibre',sans-serif;
}

.finder-filter fieldset {
	border: 0px;
	padding: 0px;
	margin: 0;
}

.finder-footer {
	border-top: 1px solid #eee;
	padding: 17px 20px;
	display: flex;
}

.finder-footer .button#advanced-filters-toggle i:before {
	content: "\F415";
}

.advanced-open .finder-footer .button#advanced-filters-toggle i:before {
	content: "\f374";
}

.finder-footer .button#search-button {
	padding: 12px 27px 12px 36px;
	margin-left: 20px;
}

.product-results .inner {
	padding-top: 60px;
	padding-bottom: 60px;
}

/* Illustrated footer */

section.illustrated-footer {
	background-image: url(../img/plant-illustrations.png);
	background-position: bottom -1px center;
	background-repeat: no-repeat;
	background-size: 1290px;
}

section.illustrated-footer > .inner {
	padding-bottom: 240px;
}

/* Product results */
.product-results {
	background-image: url(../img/plant-illustrations.png);
	background-position: bottom -1px center;
	background-repeat: no-repeat;
	background-size: 1290px;
}

.product-results .inner {
	padding-bottom: 260px;
	display: none;
}

.product-results.show-results .inner {
	display: block;
}

.product-results-head {
	display: flex;
	margin: 0 0 17px 0;
	align-items: center;
	justify-content: space-between;
}

.product-results-head span.amount {
	color: #636363;
	font-size: 14px;
}

.product-results-head select {
	width: auto;
}

.product-results .product-list-footer {
	display: none;
}

.product-results.show-load-more .product-list-footer {
	display: block;
}

/* Cart */
.cart {
	background-image: url(../img/plant-illustrations.png);
	background-position: bottom -1px center;
	background-repeat: no-repeat;
	background-size: 1290px;
}

.cart .inner {
	padding-bottom: 140px;
}

.cart-table-wrap table,
table.generic-table {
	margin-bottom: 30px;
}

.cart-table-wrap th, .cart-table-wrap td,
.cart-table-wrap table tr:last-child th,
table.generic-table th, table.generic-table td,
table.generic-table tr:last-child th {
	padding: 14px 20px;
	border-bottom: 1px solid #eee;
	font-weight: 400;
}

table.generic-table li {
	font-size: 1em;
	color: #6e6e6e;
}

.state-selector {
	transition: 0.26s ease all;
	pointer-events: none;
	opacity: 0;
	transform: scale(0.5);
	transform-origin: center top;
	display: none;
}

.orders-status {
	position: relative;
}

.state-selector.active {
	display: block;
	position: absolute;
	z-index: 2;
	pointer-events: all;
	opacity: 1;
	transform: scale(1);
	left: 20px;
	top: 41px;
}

.state-selector ul {
	list-style: none;
	padding: 0px 0;
	background: white;
	box-shadow: 0px 7px 7px -3px rgba(0, 0, 0, 0.16);
	border-radius: 3px;
	margin: 0;
}

.state-selector li a {
	color: #6e6e6e;
	text-decoration: none;
	padding: 10px 12px;
	display: block;
}

.state-selector li:first-child a {
	border-radius: 3px 3px 0px 0px;
}

.state-selector li a:hover {
	background: rgba(245, 244, 241, 0.5);
}

table.generic-table th.align-right, table.generic-table td.align-right {
	text-align: right;
}

.cart-table-wrap th.cart-total, .cart-table-wrap td.cart-total {
	text-align: right;
}

.cart-table-wrap th.cart-actions, .cart-table-wrap td.cart-actions {
}

.cart-product-lockup,
.product-lockup {
	display: flex;
	align-items: center;
}

.cart-product-lockup > a.product-item-image,
.product-lockup > a.product-item-image {
	width: 60px;
	height: 60px;
	display: block;
	background-size: cover;
	border-radius: 3px;
	background-position: center;
	margin-right: 20px;
}

a.product-item-image:hover {
	opacity: 0.7;
}

.cart-product-lockup-copy {
	overflow: hidden;
}

.cart-product-lockup-copy h3 {
	margin: 0 0 0.4em 0;
	font-size: 17px;
}

.cart-product-lockup-copy h3 a {
	text-decoration: none;
}

.cart-product-lockup-copy h3 a:hover {
	text-decoration: underline;
}

.cart-product-lockup-copy p {
	margin: 0;
	font-size: 14px;
}

.product-lockup p {
	max-width: 65%;
	margin: 0;
	line-height: 1.2em;
}

.product-lockup p span {
	font-size: 13px;
	display: block;
	color: rgba(82,67,62,.72);
	line-height: 1em;
	margin: .2em 0 0;
}

.cart-table-wrap fieldset {
	padding: 0px;
	border: 0px;
}

.cart-table-wrap tr.cart-product-row td.cart-actions {
	width: 80px;
}

.cart-table-wrap + .grid .discount-form {
	padding-bottom: 40px;
	display: flex;
	width: 380px;
	max-width: 100%;
	position: relative;
}

.cart-table-wrap + .grid .discount-form button {
	padding: 10px 20px;
	flex-shrink: 0;
	margin-left: 12px;
}

.cart-table-wrap + .grid .discount-form .field-validation-error {
	position: absolute;
	bottom: 12px;
}

.cart-subtotal-block {
	text-align: right;
	margin-bottom: 70px;
}

.cart-subtotal-block table {
	width: auto;
	margin-left: auto;
}

.cart-subtotal-block table td {
	border: 0;
	font-size: 24px;
	padding: 6px 0;
}

.cart-subtotal-block table td:last-child {
	padding-left: 80px;
}

.cart-subtotal-block table tr:nth-last-child(2) td {
	padding-bottom: 17px;
}

.cart-subtotal-block table tr:last-child td {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	padding-top: 13px;
	color: black;
}

.cart-subtotal-block p {
	margin: 0;
	color: #717988;
	font-style: italic;
	font-size: 15px;
}

/* Sections */
.tile-section,
.generic-form .form-section {
	margin-bottom: 40px;
}

.tile-section:last-child,
.generic-form .form-section:last-child {
	margin-bottom: 0px;
}


/* General form */
.generic-form {
}

.generic-form .lockup h3,
.generic-form .lockup p {
	margin: 0;
}

.generic-form .form-row {
	display: flex;
	margin-bottom: 16px;
}

.generic-form .form-row.form-footer {
	margin-top: 39px;
}

.generic-form .form-row:last-child, .generic-form .form-row.form-footer {
	margin-bottom: 0px;
}

.generic-form .form-row.col-2 {
	margin-left: -6px;
	margin-right: -6px;
}

.generic-form .form-row fieldset {
	width: 100%;
	margin: 0;
}

.generic-form .form-row fieldset label {
	display: block;
	color: #4a5568;
	font-weight: 400;
	margin-bottom: 6px;
	font-family: inherit;
	text-align: left;
}

.generic-form .form-row.col-2 {
}

.generic-form .form-row.col-2 fieldset {
	width: calc(50% - 12px);
	margin: 0 6px;
	flex-shrink: 0;
	max-width: calc(50% - 12px);
}

.generic-form .form-row.col-3 {
	margin-left: -6px;
	margin-right: -6px;
}

.generic-form .form-row.col-3 fieldset {
	width: calc(33.33% - 12px);
	margin: 0 6px;
}

.generic-form .form-row.col-3 input[type="number"] {
	width: 100%;
}

.generic-form .form-row fieldset input[type="checkbox"] { /*background: transparent;*/
}

.generic-form .form-row fieldset input[type="checkbox"] + label {
	display: inline-block;
	margin: 0;
	position: relative;
	top: -5px;
	font-weight: 400;
}

/* Checkout */
.checkout {
}

.checkout .inner {
	padding-top: 40px;
	padding-bottom: 70px;
}

.checkout-grid {
}

.checkout .breadcrumbs {
	margin-bottom: 30px;
}

@media screen and (min-width:1521px) {
	.checkout .inner {
		min-height: calc(100vh - 495px);
	}
}

@media screen and (max-width:1520px) {
	.checkout .inner {
		min-height: calc(100vh - 546px);
	}
}

/* cart form */
.checkout-grid .col.tile {
	padding: 40px;
	margin-right: 2%;
	width: 63%;
}

/* cart summary */
.checkout-grid .col.summary {
	width: 33%;
	margin-left: 2%;
}

.checkout-grid .col.summary .product-lockup {
	padding-bottom: 20px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	margin-bottom: 20px;
}

.checkout-grid .col.summary .product-item-image {
	width: 58px;
	height: 58px;
	border-radius: 8px;
	position: relative;
	overflow: visible;
	background-size: cover;
	background-position: center;
	margin-right: 18px;
}

.checkout-grid .col.summary .product-item-image .amount {
	position: absolute;
	width: 20px;
	height: 20px;
	color: white;
	background: black;
	border-radius: 20px;
	text-align: center;
	line-height: 20px;
	font-size: 13px;
	top: -7px;
	right: -7px;
}

.checkout-grid .col.summary .discount-form {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid rgba(0,0,0,0.1);
}

.checkout-grid .col.summary .discount-form input[type="text"] {
}

.checkout-grid .col.summary .discount-form input[type="submit"] {
	padding: 10px 20px;
	flex-shrink: 0;
	margin-left: 12px;
}

table.totals {
}

table.totals td {
	border: 0;
	padding: 5px 0px;
}

table.totals tbody tr:last-child td {
	padding-bottom: 20px;
}

table.totals tfoot td {
	padding-top: 20px;
	border-top: 1px solid rgba(0,0,0,0.1);
	color: black;
}

table.totals td.total-price {
	font-size: 22px;
}

table.totals td.total-price .currency {
	font-size: 12px;
	color: #717988;
	margin-right: 8px;
}

/* Accordion */
.accordion {
	border: 1px solid #eee;
	border-radius: 6px;
}

.accordion .row {
	border-bottom: 1px solid #eee;
}

/*.accordion .row.poli-payment-row {
	background-image: url('../img/poli.png');
	background-repeat: no-repeat;
	background-position: right 20px top 16px;
}*/

.accordion .row.payment-row {
	position: relative;
	cursor: pointer;
}

.accordion .row.payment-row .logos {
	position: absolute;
	pointer-events: none;
	right: 20px;
	top: 15px;
	width: 140px;
}

.accordion .row.payment-row .logos img {
	display: block;
	height: 26px;
	margin: 0 0 0 5px;
	float: right;
}

.accordion .row:last-child {
	border-bottom: 0px;
}

.accordion .row-head {
	padding: 24px;
	cursor: pointer;
	font-size: 14px;
	font-weight: 600;
	color: #787878;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	position: relative;
	user-select: none;
}

.accordion .row-body {
	display: none;
	padding: 0 24px 24px 24px;
}

.accordion .active .row-body {
	display: block;
}

.accordion .payment-row .row-head {
	padding: 0px 16px;
}

.accordion .row.payment-row.active .row-head {
	box-shadow: none;
}

.accordion .active .row-body p {
	font-size: 1em;
}

.accordion .active .row-body p:first-child {
	margin-top: 0;
}

.accordion .active .row-body p:last-child {
	margin-bottom: 0px;
}

form .accordion fieldset input[type="radio"] + label {
	width: calc(100% - 40px);
	display: inline-block;
	padding: 19px 0px;
	color: #4a5568;
	text-transform: none;
	letter-spacing: 0;
}

.accordion .active fieldset input[type="radio"] + label {
	color: inherit;
}

/* Outline content */
.content-outline {
	border: 1px solid #eee;
	margin-bottom: 30px;
	border-radius: 6px;
}

.content-outline .content-copy {
	padding: 20px;
}

/* Success + Failed lockup */
.success-lockup, .failed-lockup {
	display: flex;
	margin-bottom: 31px;
}

.success-lockup i {
	color: #73bf44;
	font-size: 56px;
	margin-right: 13px;
}

.failed-lockup i {
	color: #de2e54;
	font-size: 56px;
	margin-right: 13px;
}

.success-copy, .failed-copy {
}

.success-copy p, .failed-copy p {
	margin: 0;
}

.success-copy h1, .failed-copy h1 {
	margin: 0;
}

/* Login / Create an account */
.login {
	text-align: center;
	background-image: url(../img/plant-illustrations.png);
	background-position: bottom -1px center;
	background-repeat: no-repeat;
	background-size: 1290px;
}

.login .inner {
	width: 650px;
	padding-top: 60px;
	padding-bottom: 210px;
}

.login .breadcrumbs {
	justify-content: center;
}

.login .tile {
	padding: 30px;
	margin-bottom: 27px;
}

.login .section-header {
	margin-top: 10px;
	margin-bottom: 41px;
}

.login input[type="submit"] {
	width: 100%;
}

/* Account */
.account {
}

.account .inner {
	padding-top: 46px;
	padding-bottom: 30px;
}

/* Orders */
.orders-table-wrap table {
	margin-bottom: 30px;
}

.orders-table-wrap th, .orders-table-wrap td,
.orders-table-wrap table tr:last-child th {
	padding: 14px 20px;
	border-bottom: 1px solid #eee;
	font-weight: 400;
}

.orders-table-wrap .orders-status,
.orders-table-wrap .orders-date {
	text-align: right;
}

.orders-table-wrap span.product-item-image {
	width: 60px;
	height: 60px;
	display: block;
	background-size: cover;
	border-radius: 3px;
	background-position: center;
	margin-right: 20px;
}

.orders-product-lockup-copy {
	overflow: hidden;
}

.orders-product-lockup-copy h3 {
	margin: 0 0 0.4em 0;
	font-size: 17px;
}

.orders-product-lockup-copy h3 a {
	text-decoration: none;
}

.orders-product-lockup-copy h3 a:hover {
	text-decoration: underline;
}

.orders-product-lockup-copy p {
	margin: 0;
	font-size: 14px;
}

.orders-table-wrap fieldset {
	padding: 0px;
	border: 0px;
}

.orders-table-wrap tr.cart-product-row td.cart-actions {
	width: 80px;
}

.orders-list-footer button {
	width: 100%
}

/* Catalogs */

.catalog .inner {
	padding-bottom: 30px;
	padding-top: 60px;
}

.catalog .tile .inner {
	padding: 0;
}

.catalog .tile ul {
	padding-left: 0;
	margin-bottom: 0;
	display: block;
	list-style-type: none;
}

.catalog .tile ul.col-2 {
	columns: 2;
}

.catalog .tile .ul-col-4 ul,
.catalog .tile ul.col-4 {
	columns: 4;
}

.catalog .tile h4 {
	margin-top: 0;
}

.catalog .tile a {
	text-decoration: none;
}

.catalog .tile a:hover {
	text-decoration: underline;
}

.catalog .genus {
	width: 100%;
	display: flex;
	align-items: center;
}

.catalog .genus ul {
	columns: unset;
	display: flex;
	flex-grow: 1;
	justify-content: stretch;
}

.catalog .genus li {
	width: 100%;
	margin: 0px 3px;
}

.catalog .genus li a {
	border: 1px solid #eee;
	width: 100%;
	text-align: center;
	padding: 9px 9px;
	transition: 0.1s ease-in all;
	border-radius: 4px;
	display: block;
}

.catalog .genus li:first-child {
	margin-left: 0;
}

.catalog .genus li:last-child {
	margin-right: 0;
}

.catalog .genus li a:hover {
	text-decoration: none;
	border-color: #f5f4f1;
	background: #f5f4f1;
}

/* Admin Panel */
.admin, .admin body {
	height: 100%;
	min-height: 100%;
	overflow: hidden;
}

.admin body {
	display: flex;
}

/* Admin sidebar */
.admin .sidebar {
	background: white;
	min-width: 270px;
	border-right: 1px solid #eeeeee;
}

.admin .logo {
	padding: 20px 20px 11px;
	border-bottom: 1px solid #eeeeee;
}

.sidebar-inner {
}

.admin .sidebar h3 {
	font-family: 'Calibre',sans-serif;
	font-weight: 600;
	font-size: 15px;
	border-bottom: 1px solid #eee;
	margin: 0;
	padding: 20px 20px 16px;
}

.admin .sidebar ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.admin .sidebar ul li {
	font-size: 0.96em;
	border-bottom: 1px solid #eee;
}

.admin .sidebar ul li.active {
	box-shadow: inset 6px 0px 0px #73bf44;
}

.admin .sidebar ul li a {
	text-decoration: none;
	display: block;
	padding: 14px 18px;
	color: #8a8a8a;
	display: flex;
	align-items: center;
}

.admin .sidebar ul li a:hover,
.admin .sidebar ul li a:active,
.admin .sidebar ul li.active a {
	color: #3a3a3a;
}

.admin .sidebar ul li a i {
	margin-right: 15px;
	font-size: 20px;
}

.admin .sidebar ul li.active a i {
	color: #73bf44;
}

/* Admin Content */
.admin body > .content {
	width: calc(100% - 270px);
	height: 100%;
	overflow-y: auto;
}

.admin .layer .inner {
	padding: 30px 30px;
}

.admin .intro {
	background: #ffffff;
	border-radius: 0;
}

.admin .intro .inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.admin .intro .button-group {
	margin: 0;
}

/* Designer (Single item) */
.designer {
}

.designer > .inner {
	padding-top: 50px;
	padding-bottom: 44px;
}

.designer .grid.col-2 > .col:first-child {
	width: calc(42% - 72px);
}

.designer .grid.col-2 > .col:last-child {
	width: calc(58% - 72px);
}

.contact-details {
	padding: 10px;
}

.contact-details .col {
	padding: 20px;
}

/* Single column content */
.single-column {
}

.single-column > .inner {
	width: 940px;
	padding-bottom: 60px;
	padding-top: 40px;
}

.single-column > .inner img {
	margin-left: -80px;
	margin-right: -80px;
	width: calc(100% + 160px);
	max-width: calc(100% + 160px);
	margin-top: 18px;
	margin-bottom: 18px;
}

.intro.single-column .accordion {
	margin: 30px 0 0;
	background-color: #fff;
}


/* Alternating layer */
.alternating {
}

.alternating .inner {
	padding-top: 80px;
	padding-bottom: 20px;
}

.single-column + .alternating .inner {
	padding-top: 1px;
}

.alternating .grid {
	align-items: center;
	margin-bottom: 30px;
}

.alternating .grid.align-top {
	align-items: flex-start;
}

.alternating .grid:nth-child(odd) {
}

.alternating .grid:nth-child(even) {
	flex-direction: row-reverse;
}

.alternating .col {
}

.alternating .feature {
	position: relative;
}

.alternating .feature img:first-child {
	border-radius: 5px;
}

.feature img:last-child {
	position: absolute;
}

.feature-inspiration img:last-child {
	right: -8%;
	bottom: 22%;
	width: 43%;
}

.feature-finder img:last-child {
	top: 12%;
	right: -14%;
	width: 52%;
}

.feature-designer img:last-child {
	width: 69%;
	left: -5%;
	top: 51%;
}

.feature-garden img:last-child {
	right: -6%;
	width: 16%;
	top: 15%;
}

.feature-delivery img:last-child {
	left: 2.4%;
	width: 92%;
	bottom: -12%;
}


/* Features layer */
.features {
}

.features .inner {
	padding-top: 80px;
	padding-bottom: 80px;
}

.features .grid {
}

.features .col {
	text-align: center;
}

.features .tile-copy {
	text-align: center;
	align-items: center;
}

.features a.feature-icon {
	width: 80px;
	height: 80px;
	background: rgba(139, 195, 74, 0.15);
	color: #8bc34a;
	border-radius: 17px;
	font-size: 36px;
	line-height: 80px;
	margin: 0 0 30px;
	transition: 0.2s ease all;
}

.features a.feature-icon:hover {
	transform: scale(0.9);
}

.features a.feature-icon-alt {
	color: #8bc34a;
	font-size: 72px;
	line-height: 72px;
	margin: 0 0 30px;
	transition: 0.2s ease all;
}

.features a.feature-icon-alt:hover {
	transform: scale(0.9);
}

.features .tile-copy h3 a {
	text-decoration: none;
}

.features .tile-copy h3 a:hover {
	text-decoration: underline;
}

/* Contact page */
.contact-logo {
	margin: 20px 0 0px;
}

.contact-form {
	padding: 30px;
}

.contact-content {
	padding: 30px 0px;
}

/* FAQ's page */

.tile.intro-tile {
	padding: 30px;
	margin: 30px 0 0;
}

/* Loading spinner */
span.loader {
	border: 3px solid rgba(116, 191, 69, 0.2);
	border-top-color: #73bf44;
	border-radius: 50%;
	width: 53px;
	height: 53px;
	display: block;
	animation: spin 1s linear infinite;
}

@keyframes spin {
	to {
		transform: rotate(360deg);
	}
}

.product-list-footer .loader {
	margin: 0px auto 1px;
}

/* Popup alert */
.popup-alert {
	background: #73bf44;
	display: flex;
	align-items: center;
	justify-content: center;
	position: fixed;
	bottom: 0;
	width: 100%;
	color: white;
	transition: 0.4s ease all;
	transform: translateY(100%);
}

.popup-alert.active {
	transform: translateY(0%);
}

.popup-alert p {
	color: white;
}

.popup-alert i {
	position: absolute;
	right: 20px;
	font-size: 24px;
	opacity: 0.6;
}

.popup-alert i:hover {
	opacity: 1;
	cursor: pointer;
}

/* Categories */
.categories {
}

.categories .inner {
	padding-bottom: 30px;
}

.categories .tile.content {
	margin-top: -70px;
	padding: 53px 50px 33px;
	margin-bottom: 30px;
}

.categories h5 {
	margin-bottom: 34px;
	font-size: 18px;
	border-bottom: 1px solid #eee;
	padding: 0px 0 24px 0;
	margin-top: 0;
}

.categories-list {
	columns: 2;
	position: relative;
}

.categories-list:after {
	content: ' ';
	display: block;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	height: 2px;
	background: white;
}

.categories-row {
	display: inline-flex;
	width: 100%;
	align-items: center;
	border-bottom: 1px solid #eee;
	padding: 22px 0px;
}

.categories-row > a:first-child {
	display: block;
	width: 60px;
	height: 60px;
	position: relative;
	border-radius: 100%;
	background-size: cover;
	margin-right: 22px;
	margin: 0 26px 0 0;
	transition: 0.26s ease all;
}

.categories-row > a:first-child:hover {
	opacity: 0.6;
}

.categories-row h3 {
	margin: 0;
}

.categories-row > a:first-child:hover + h3 {
	text-decoration: underline;
}

.categories ul {
	columns: 2;
	list-style: none;
	padding-left: 0;
	column-gap: 0px;
}

.categories ul li a {
	padding: 3px 0px;
	display: block;
	text-decoration: none;
}