@font-face {
	font-family: "Gotham-Black";
	src: url("fonts/Gotham-Black.eot");
	src: url("fonts/Gotham-Black.woff2") format("woff2"), url("fonts/Gotham-Black.woff") format("woff"), url("fonts/Gotham-Black.ttf") format("truetype"), url("fonts/Gotham-Black.svg#Gotham-Black") format("svg");
	font-weight: normal;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: "Gotham-Light";
	src: url("fonts/Gotham-Light.eot");
	src: url("fonts/Gotham-Light.woff2") format("woff2"), url("fonts/Gotham-Light.woff") format("woff"), url("fonts/Gotham-Light.ttf") format("truetype"), url("fonts/Gotham-Light.svg#Gotham-Light") format("svg");
	font-weight: normal;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: "LifehackSans-Regular";
	src: url("fonts/LifehackSans-Regular.eot");
	src: url("fonts/LifehackSans-Regular.woff2") format("woff2"), url("fonts/LifehackSans-Regular.woff") format("woff"), url("fonts/LifehackSans-Regular.ttf") format("truetype"), url("fonts/LifehackSans-Regular.svg#LifehackSans-Regular") format("svg");
	font-weight: normal;
	font-style: normal;
	font-display: swap
}

html {
	overflow-x: hidden
}

html.overflow-hidden {
	overflow: hidden !important
}

html.overflow-hidden body {
	overflow: hidden !important
}

body {
	margin: 0;
	padding: 0;
	position: relative;
	color: #000;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	font-family: "Gotham-Light", sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: calc(14px + 4*(100vw - 768px)/1152);
	overflow-x: hidden;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-font-smoothing: subpixel-antialiased
}

@media(min-width: 1920px) {
	body {
		font-size: 18px
	}
}

@media only screen and (max-width: 768px) {
	body {
		font-size: 14px
	}
}

form {
	margin: 0;
	padding: 15px 0
}

form input,
form select,
form textarea {
	font-size: calc(14px + 4*(100vw - 768px)/1152)
}

@media(min-width: 1920px) {

	form input,
	form select,
	form textarea {
		font-size: 18px
	}
}

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

	form input,
	form select,
	form textarea {
		font-size: 14px
	}
}

form input,
form textarea,
form select {
	border: 1px solid #b4b4b4;
	display: block;
	width: 100%;
	background-color: #fff;
	color: #000;
	margin: 15px 0;
	padding: .5em 1em;
	border-radius: 10px;
	font-family: "Gotham-Light"
}

form input:focus,
form textarea:focus,
form select:focus {
	border-color: #8cb324
}

form select {
	padding: .5em .8em;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: url("img/select-arrow.png");
	background-position: center right;
	background-repeat: no-repeat
}

form select::-ms-expand {
	display: none
}

form select option {
	font-family: sans-serif
}

form textarea {
	resize: vertical;
	overflow: auto
}

form input[type=radio],
form input[type=checkbox] {
	width: auto;
	display: inline-block;
	border: none
}

form .with-checkbox {
	font-size: .778em;
	padding: 15px 0
}

@media only screen and (max-width: 1024px) {
	form .with-checkbox {
		font-size: 11px
	}
}

form .with-checkbox input {
	vertical-align: top;
	margin-top: 0
}

form .with-checkbox label {
	padding-top: 3px;
	vertical-align: top;
	width: calc(100% - 30px);
	display: inline-block
}

form .with-checkbox label p {
	padding: 0 !important
}

form input[type=button],
form input[type=submit],
form input[type=reset],
form button {
	cursor: pointer;
	border: none;
	width: auto;
	display: inline-block;
	background: #8cb324;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	padding: .55em 1em .45em 1em;
	margin: px 0;
	line-height: 100%;
	font-family: "LifehackSans-Regular", sans-serif;
	border-radius: 10px;
	text-align: center;
	-webkit-filter: saturate(1);
	filter: saturate(1);
	font-size: calc(20px + 8*(100vw - 768px)/1152)
}

@media(min-width: 1920px) {

	form input[type=button],
	form input[type=submit],
	form input[type=reset],
	form button {
		font-size: 28px
	}
}

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

	form input[type=button],
	form input[type=submit],
	form input[type=reset],
	form button {
		font-size: 20px
	}
}

@media only screen and (min-width: 769px) {

	form input[type=button]:hover,
	form input[type=button].hover,
	form input[type=button].active,
	form input[type=submit]:hover,
	form input[type=submit].hover,
	form input[type=submit].active,
	form input[type=reset]:hover,
	form input[type=reset].hover,
	form input[type=reset].active,
	form button:hover,
	form button.hover,
	form button.active {
		color: #fff;
		text-decoration: none;
		-webkit-filter: saturate(1.5);
		filter: saturate(1.5)
	}
}

form input[type=reset] {
	background: #585858
}

*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

*:active,
*:focus {
	outline: none !important
}

img.aligncenter {
	text-align: center;
	margin: 0 auto;
	display: block;
	float: none;
	clear: both
}

img.alignright {
	text-align: right;
	margin: 0 0 0 auto;
	display: block;
	float: none;
	clear: both
}

img.alignleft {
	text-align: left;
	margin: 0 auto 0 0;
	display: block;
	float: none;
	clear: both
}

header,
main,
footer,
section,
aside,
article,
nav {
	display: block;
	margin: 0;
	padding: 0;
	position: relative
}

h1,
h2,
h3 {
	padding: 15px 0;
	margin: 0;
	color: #8cb324;
	font-family: "LifehackSans-Regular", sans-serif;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	line-height: 1em
}

h1.black-color,
h2.black-color,
h3.black-color {
	color: #000
}

h4,
h5,
h6 {
	margin: 0;
	padding: 0 0 15px 0;
	font-family: "Gotham-Black", sans-serif;
	font-weight: normal;
	font-style: normal;
	color: #8cb324
}

h4.black-color,
h5.black-color,
h6.black-color {
	color: #000
}

a h1,
a h2,
a h3,
a h4,
a h5,
a h6 {
	color: #000;
	text-decoration: none;
	-webkit-transition: color .3s ease-out;
	-o-transition: color .3s ease-out;
	transition: color .3s ease-out
}

@media only screen and (min-width: 769px) {

	a:hover h1,
	a:hover h2,
	a:hover h3,
	a:hover h4,
	a:hover h5,
	a:hover h6,
	a.hover h1,
	a.hover h2,
	a.hover h3,
	a.hover h4,
	a.hover h5,
	a.hover h6 {
		color: #8cb324;
		text-decoration: none
	}
}

h1,
h2,
.h2 {
	font-size: calc(38px + 42*(100vw - 768px)/1152)
}

@media(min-width: 1920px) {

	h1,
	h2,
	.h2 {
		font-size: 80px
	}
}

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

	h1,
	h2,
	.h2 {
		font-size: 38px
	}
}

h3,
.h3 {
	font-size: calc(26px + 24*(100vw - 768px)/1152)
}

@media(min-width: 1920px) {

	h3,
	.h3 {
		font-size: 50px
	}
}

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

	h3,
	.h3 {
		font-size: 26px
	}
}

h3.medium,
.h3.medium {
	font-size: calc(26px + 44*(100vw - 768px)/1152)
}

@media(min-width: 1920px) {

	h3.medium,
	.h3.medium {
		font-size: 70px
	}
}

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

	h3.medium,
	.h3.medium {
		font-size: 26px
	}
}

h3.smaller,
.h3.smaller {
	font-size: calc(24px + 16*(100vw - 768px)/1152)
}

@media(min-width: 1920px) {

	h3.smaller,
	.h3.smaller {
		font-size: 40px
	}
}

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

	h3.smaller,
	.h3.smaller {
		font-size: 24px
	}
}

h3.smallest,
.h3.smallest {
	font-size: calc(20px + 14*(100vw - 768px)/1152)
}

@media(min-width: 1920px) {

	h3.smallest,
	.h3.smallest {
		font-size: 32px
	}
}

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

	h3.smallest,
	.h3.smallest {
		font-size: 18px
	}
}

h4,
.h4 {
	font-size: calc(18px + 12*(100vw - 768px)/1152)
}

@media(min-width: 1920px) {

	h4,
	.h4 {
		font-size: 30px
	}
}

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

	h4,
	.h4 {
		font-size: 18px
	}
}

h5,
.h5 {
	font-size: calc(15px + 8*(100vw - 768px)/1152)
}

@media(min-width: 1920px) {

	h5,
	.h5 {
		font-size: 23px
	}
}

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

	h5,
	.h5 {
		font-size: 15px
	}
}

h6,
.h6 {
	font-size: calc(13px + 6*(100vw - 768px)/1152)
}

@media(min-width: 1920px) {

	h6,
	.h6 {
		font-size: 19px
	}
}

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

	h6,
	.h6 {
		font-size: 13px
	}
}

p {
	margin: 0;
	padding: 0 0 15px 0
}

.column p:first-of-type {
	padding-top: 15px
}

hr {
	margin: 15px 0;
	padding: 0;
	border-top: 1px solid #b4b4b4;
	border-left: none;
	border-right: none;
	border-bottom: none;
	display: block;
	width: 100%
}

strong,
b {
	font-family: "Gotham-Black";
	font-weight: normal
}

h1 strong,
h1 b,
h2 strong,
h2 b,
h3 strong,
h3 b {
	font-family: "LifehackSans-Regular", sans-serif;
	font-weight: normal
}

a {
	text-decoration: underline;
	color: #006838;
	-webkit-transition: color .3s ease-out, background-color .3s ease-out, opacity .3s ease-out, -webkit-filter .3s ease-out;
	transition: color .3s ease-out, background-color .3s ease-out, opacity .3s ease-out, -webkit-filter .3s ease-out;
	-o-transition: color .3s ease-out, background-color .3s ease-out, filter .3s ease-out, opacity .3s ease-out;
	transition: color .3s ease-out, background-color .3s ease-out, filter .3s ease-out, opacity .3s ease-out;
	transition: color .3s ease-out, background-color .3s ease-out, filter .3s ease-out, opacity .3s ease-out, -webkit-filter .3s ease-out
}

@media only screen and (min-width: 769px) {
	a:hover {
		color: #8cb324
	}
}

a img {
	border: none
}

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

img.radius {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	border-radius: 10px
}

video {
	max-width: 100%;
	height: auto
}

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

section ul,
section ol,
header ul,
header ol {
	margin: 0;
	padding: 15px 0 15px 1em
}

section ul,
header ul {
	list-style-type: none
}

section ul li::before,
header ul li::before {
	content: "■";
	color: #8cb324;
	font-weight: 700;
	display: inline-block;
	position: relative;
	width: 1em;
	font-size: .88em;
	margin-left: -1em;
	-webkit-transform: translateY(-0.1em);
	-ms-transform: translateY(-0.1em);
	transform: translateY(-0.1em)
}

.page-container {
	position: relative;
	opacity: 0;
	-webkit-transition: opacity .3s ease-out;
	-o-transition: opacity .3s ease-out;
	transition: opacity .3s ease-out;
	overflow-x: hidden
}

.page-container.font-active {
	opacity: 1
}

.loading {
	position: fixed;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	pointer-events: none
}

.space-for-menu {
	display: block;
	font-size: calc(24px + 6*(100vw - 768px)/1152);
	height: calc(2.233em + 30px);
	pointer-events: none;
	width: 15px;
	margin: 0 0 0 auto;
	clear: both
}

.space-for-menu.half-height {
	height: calc((2.233em + 30px)/2)
}

@media(min-width: 1920px) {
	.space-for-menu {
		font-size: 30px
	}
}

@media only screen and (max-width: 768px) {
	.space-for-menu {
		font-size: 24px
	}
}

.transparent-menu .space-for-menu {
	display: none
}

.transparent-menu .space-for-menu.show-when-transparent {
	display: block
}

.inner {
	margin: 0 auto;
	width: 78%;
	max-width: 1470px;
	position: relative;
	padding: 15px 3.3634%;
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}

@media only screen and (max-width: 1280px) {
	.inner.expand-on-1280 {
		width: calc(84.7268% + 30px);
		padding-left: 0;
		padding-right: 0
	}
}

@media only screen and (max-width: 768px) {
	.inner {
		width: 100%;
		padding-left: 0;
		padding-right: 0
	}

	.inner.expand-on-1280 {
		width: 100%
	}
}

.border-radius {
	border-radius: 10px
}

.light-grey-bg {
	background: #f4f4f4
}

.border-grey {
	border: 1px solid #b4b4b4
}

.small-text {
	font-size: 11px
}

@media only screen and (max-width: 768px) {
	.small-text {
		font-size: 9px
	}
}

.padding-top-15 {
	padding-top: 15px !important
}

.padding-bottom-15 {
	padding-bottom: 15px !important
}

.btn {
	border: none;
	width: auto;
	display: inline-block;
	background: #8cb324;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	padding: .55em 0.5em .45em 0.5em;
	margin: 0;
	line-height: 100%;
	font-family: "LifehackSans-Regular", sans-serif;
	border-radius: 10px;
	text-align: center;
	cursor: pointer;
	-webkit-filter: saturate(1);
	filter: saturate(1);
	font-size: calc(26px + 12*(100vw - 768px)/1152);
	white-space: nowrap;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}

@media(min-width: 1920px) {
	.btn {
		font-size: 38px
	}
}

@media only screen and (max-width: 768px) {
	.btn {
		font-size: 26px
	}
}

@media only screen and (min-width: 769px) {

	a.with-button:hover .btn,
	.btn:hover,
	.btn.hover,
	.btn.active {
		color: #fff;
		text-decoration: none;
		-webkit-filter: saturate(1.5);
		filter: saturate(1.5)
	}
}

.btn.ghost {
	border: 1px solid #8cb324;
	color: #8cb324;
	background: #fff
}

@media only screen and (min-width: 769px) {

	.btn.ghost:hover,
	.btn.ghost.hover,
	.btn.ghost.active {
		border: 1px solid #8cb324;
		color: #fff;
		background: #8cb324
	}
}

.btn.smaller {
	font-size: calc(20px + 8*(100vw - 768px)/1152)
}

@media(min-width: 1920px) {
	.btn.smaller {
		font-size: 28px
	}
}

@media only screen and (max-width: 768px) {
	.btn.smaller {
		font-size: 20px
	}
}

.btn.smallest {
	font-size: calc(18px + 6*(100vw - 768px)/1152)
}

@media(min-width: 1920px) {
	.btn.smallest {
		font-size: 24px
	}
}

@media only screen and (max-width: 768px) {
	.btn.smallest {
		font-size: 18px
	}
}

.tabs {
	list-style-type: none;
	padding: 0;
	margin: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	border-bottom: 1px solid #b3b3b3;
	font-family: "LifehackSans-Regular", sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: calc(22px + 16*(100vw - 768px)/1152)
}

@media(min-width: 1920px) {
	.tabs {
		font-size: 38px
	}
}

@media only screen and (max-width: 768px) {
	.tabs {
		font-size: 22px
	}
}

.tabs li {
	margin: 0 10px 0 0;
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background: #e9e9e9;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	line-height: 100%;
	cursor: pointer;
	text-align: center;
	-webkit-transition: background-color .3s ease-out;
	-o-transition: background-color .3s ease-out;
	transition: background-color .3s ease-out
}

@media only screen and (max-width: 540px) {
	.tabs li {
		margin-right: 5px;
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
		-ms-flex-preferred-size: 0;
		flex-basis: 0
	}
}

.tabs li::before {
	content: none !important;
	display: none !important
}

.tabs li a {
	display: block;
	color: #585858;
	text-decoration: none;
	padding: .5em 1em;
	-webkit-transform: translateY(0.05em);
	-ms-transform: translateY(0.05em);
	transform: translateY(0.05em);
	margin: 0 auto
}

@media only screen and (max-width: 768px) {
	.tabs li a {
		padding: .25em .5em
	}
}

@media only screen and (min-width: 769px) {
	.tabs li:hover a {
		color: #8cb324
	}
}

.tabs li.active {
	background: #8cb324
}

.tabs li.active a {
	color: #fff
}

.tabs li.active:hover a {
	color: #fff
}

.tab-content.hidden {
	display: none !important
}

.breadcrumb {
	margin: 0;
	padding: 0 0 15px 0;
	list-style-type: none;
	font-size: .778em
}

.breadcrumb li {
	margin: 0;
	padding: 0;
	display: inline
}

.breadcrumb a {
	text-decoration: none;
	color: #000
}

@media only screen and (min-width: 769px) {
	.breadcrumb a:hover {
		color: #8cb324
	}
}

@media only screen and (max-width: 1024px) {
	.breadcrumb {
		font-size: 10px
	}
}

.columns {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch
}

.columns.vertical-align-top {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start
}

.columns.vertical-align-middle {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.columns.vertical-align-bottom {
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end
}

.columns.flex-wrap {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.columns.justify-content-space-between {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.columns.justify-content-flex-start {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.columns.justify-content-flex-end {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end
}

.columns.justify-content-center {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.columns .column {
	width: 100%;
	padding: 15px;
	position: relative
}

.columns .column.width-auto {
	width: auto
}

.columns .column.width-50-percent {
	width: 50% !important
}

.columns .column.width-33-percent {
	width: 33.333% !important
}

.columns .column.width-25-percent {
	width: 25% !important
}

.columns .column.width-20-percent {
	width: 20% !important
}

@media only screen and (max-width: 1024px) {
	.columns .column.on-1024-width-100-percent {
		width: 100% !important
	}

	.columns .column.on-1024-width-50-percent {
		width: 50% !important
	}

	.columns .column.on-1024-width-33-percent {
		width: 33.333% !important
	}

	.columns .column.on-1024-width-25-percent {
		width: 25% !important
	}

	.columns .column.on-1024-width-20-percent {
		width: 20% !important
	}
}

@media only screen and (max-width: 768px) {
	.columns {
		padding-left: 7.5px;
		padding-right: 7.5px
	}

	.columns .column {
		padding: 7.5px
	}

	.columns .column.on-768-width-100-percent {
		width: 100% !important
	}

	.columns .column.on-768-width-50-percent {
		width: 50% !important
	}

	.columns .column.on-768-width-33-percent {
		width: 33.333% !important
	}

	.columns .column.on-768-width-25-percent {
		width: 25% !important
	}

	.columns .column.on-768-width-20-percent {
		width: 20% !important
	}
}

@media only screen and (max-width: 540px) {
	.columns .column.on-540-width-100-percent {
		width: 100% !important
	}

	.columns .column.on-540-width-50-percent {
		width: 50% !important
	}

	.columns .column.on-540-width-33-percent {
		width: 33.333% !important
	}
}

.navbar {
	position: fixed;
	left: 0;
	width: 100%;
	z-index: 1000;
	font-family: "LifehackSans-Regular", sans-serif;
	background-color: #fff;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .25);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .25);
	-webkit-transition: background-color .3s ease-out;
	-o-transition: background-color .3s ease-out;
	transition: background-color .3s ease-out;
	text-transform: uppercase;
	white-space: nowrap;
	font-size: calc(24px + 6*(100vw - 768px)/1152)
}

@media(min-width: 1920px) {
	.navbar {
		font-size: 30px
	}
}

@media only screen and (max-width: 768px) {
	.navbar {
		font-size: 24px
	}
}

.navbar .inner {
	padding-top: 0 !important;
	padding-bottom: 0 !important
}

.navbar a {
	text-decoration: none;
	color: #000;
	line-height: 100%;
	font-weight: normal
}

@media only screen and (min-width: 769px) {
	.navbar a:hover {
		color: #8cb324;
		text-decoration: none
	}
}

.navbar .navbar-inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	width: 100%
}

.navbar .logo {
	padding: 15px
}

.navbar .logo a {
	display: block;
	height: auto;
	width: 3.333em;
	height: 2.233em;
	margin: 0 auto 0 0
}

.navbar .logo .cls-6,
.navbar .logo .cls-7 {
	fill: #000 !important
}

.navbar .logo .cls-7 {
	font-size: 77px !important;
	font-family: "LifehackSans-Regular", sans-serif !important
}

.navbar .main-menu {
	padding: 0 30px;
	width: 100%
}

@media only screen and (max-width: 1024px) {
	.navbar .main-menu {
		padding: 0 15px
	}
}

@media only screen and (max-width: 768px) {
	.navbar .main-menu {
		display: none
	}
}

.navbar .main-menu ul {
	list-style-type: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	margin: 0 auto 0 0;
	padding: 0;
	width: 95%
}

@media only screen and (max-width: 768px) {
	.navbar .main-menu ul {
		display: none
	}
}

.navbar .main-menu ul li {
	margin: 0;
	padding: 0;
	position: relative;
	overflow: visible
}

.navbar .main-menu ul a {
	display: inline-block;
	padding: 15px .5em;
	line-height: 2.233em
}

.navbar .main-menu ul a .txt {
	display: block;
	-webkit-transform: translateY(0.15em);
	-ms-transform: translateY(0.15em);
	transform: translateY(0.15em)
}

.navbar .main-menu ul .sub-menu-wrapper-outer {
	position: absolute;
	top: calc(2.233em + 20px);
	left: -10000px;
	z-index: -1001;
	opacity: 0;
	padding-top: 50px;
	-webkit-transition: opacity .3s ease-out, padding-top .3s ease-out;
	-o-transition: opacity .3s ease-out, padding-top .3s ease-out;
	transition: opacity .3s ease-out, padding-top .3s ease-out
}

.navbar .main-menu ul .sub-menu-wrapper {
	border-radius: 10px;
	overflow: hidden;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .25);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .25);
	position: relative;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	background: #fff
}

.navbar .main-menu ul .sub-menu-arrow {
	width: 1em;
	height: 0;
	overflow: hidden;
	position: absolute;
	top: 50px;
	left: .8em;
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
	z-index: 1002;
	-webkit-transition: height .3s ease-out, top .3s ease-out;
	-o-transition: height .3s ease-out, top .3s ease-out;
	transition: height .3s ease-out, top .3s ease-out
}

.navbar .main-menu ul .sub-menu-arrow::after {
	content: " ";
	background: #fff;
	width: 1em;
	height: 1em;
	position: absolute;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 15px;
	left: .5em;
	-webkit-transform-origin: top left;
	-ms-transform-origin: top left;
	transform-origin: top left;
	-webkit-box-shadow: -5px -5px 10px -5px rgba(0, 0, 0, .25);
	box-shadow: -5px -5px 10px -5px rgba(0, 0, 0, .25)
}

@media only screen and (min-width: 769px) {

	.navbar .main-menu ul li:hover a,
	.navbar .main-menu ul li.hover a {
		color: #8cb324
	}
}

.navbar .main-menu ul li:hover .sub-menu-wrapper-outer,
.navbar .main-menu ul li.hover .sub-menu-wrapper-outer {
	opacity: 1;
	padding-top: 35px;
	z-index: 10001;
	left: 0
}

.navbar .main-menu ul li:hover .sub-menu-arrow,
.navbar .main-menu ul li.hover .sub-menu-arrow {
	height: calc(.5em + 15px);
	top: 36px
}

.navbar .main-menu ul ul {
	display: table;
	font-size: calc(20px + 4*(100vw - 768px)/1152)
}

@media(min-width: 1920px) {
	.navbar .main-menu ul ul {
		font-size: 24px
	}
}

@media only screen and (max-width: 768px) {
	.navbar .main-menu ul ul {
		font-size: 20px
	}
}

.navbar .main-menu ul ul li {
	display: table-row;
	width: 100%
}

.navbar .main-menu ul ul li a {
	background: #fff !important;
	color: #000 !important;
	text-shadow: none !important;
	border-top: 1px solid #b4b4b4;
	display: table-cell;
	padding: .5em 1em;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0)
}

.navbar .main-menu ul ul li a .icon-text {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap
}

.navbar .main-menu ul ul li a .icon-text .icon {
	width: 1.083em;
	height: 1.75em;
	position: relative;
	-webkit-transition: -webkit-filter .3s ease-out;
	transition: -webkit-filter .3s ease-out;
	-o-transition: filter .3s ease-out;
	transition: filter .3s ease-out;
	transition: filter .3s ease-out, -webkit-filter .3s ease-out
}

.navbar .main-menu ul ul li a .icon-text .icon img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	height: auto;
	width: auto;
	image-rendering: -webkit-optimize-contrast
}

.navbar .main-menu ul ul li a .icon-text .txt {
	padding-left: 1em;
	-webkit-transform: translateY(0.1em);
	-ms-transform: translateY(0.1em);
	transform: translateY(0.1em);
	line-height: 100%
}

@media only screen and (min-width: 769px) {
	.navbar .main-menu ul ul li a:hover {
		background: #8cb324 !important;
		color: #fff !important
	}

	.navbar .main-menu ul ul li:first-child a {
		border-top: none
	}
}

	.navbar .lang-menu {
		padding: 0 0 0 15px
	}

	.navbar .lang-menu ul {
		list-style-type: none;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		margin: 0;
		padding: 0
	}

	@media only screen and (max-width: 768px) {
		.navbar .lang-menu ul {
			display: none
		}
	}

	.navbar .lang-menu .lang-item {
		-webkit-transition: border-color .3s ease-out;
		-o-transition: border-color .3s ease-out;
		transition: border-color .3s ease-out
	}

	.navbar .lang-menu a {
		display: inline-block;
		opacity: .5;
		-webkit-transform: translateY(0.15em);
		-ms-transform: translateY(0.15em);
		transform: translateY(0.15em);
		padding: .25em 15px;
		border-left: 1px solid #000
	}

	@media only screen and (min-width: 769px) {
		.navbar .lang-menu a:hover {
			opacity: 1
		}
	}

	.navbar .lang-menu .lang-item-first a {
		border-left: none
	}

	.navbar .lang-menu .current-lang a {
		opacity: 1
	}

	.navbar .lang-menu .hamburger-container {
		display: none;
		line-height: normal
	}

	@media only screen and (max-width: 768px) {
		.navbar .lang-menu .hamburger-container {
			display: block
		}
	}

	.navbar .lang-menu .hamburger {
		padding: 15px 15px;
		display: inline-block;
		cursor: pointer;
		-webkit-transition-property: opacity, -webkit-filter;
		transition-property: opacity, -webkit-filter;
		-o-transition-property: opacity, filter;
		transition-property: opacity, filter;
		transition-property: opacity, filter, -webkit-filter;
		-webkit-transition-duration: .15s;
		-o-transition-duration: .15s;
		transition-duration: .15s;
		-webkit-transition-timing-function: linear;
		-o-transition-timing-function: linear;
		transition-timing-function: linear;
		font: inherit;
		color: inherit;
		text-transform: none;
		background-color: rgba(0, 0, 0, 0);
		border: 0;
		margin: 0;
		overflow: visible
	}

	.navbar .lang-menu .hamburger-box {
		width: 40px;
		height: 24px;
		display: block;
		position: relative
	}

	.navbar .lang-menu .hamburger-inner {
		display: block;
		top: 50%;
		margin-top: -2px
	}

	.navbar .lang-menu .hamburger-inner,
	.navbar .lang-menu .hamburger-inner::before,
	.navbar .lang-menu .hamburger-inner::after {
		width: 40px;
		height: 4px;
		background-color: #000;
		border-radius: 4px;
		position: absolute;
		-webkit-transition-property: background-color, -webkit-transform;
		transition-property: background-color, -webkit-transform;
		-o-transition-property: transform, background-color;
		transition-property: transform, background-color;
		transition-property: transform, background-color, -webkit-transform;
		-webkit-transition-duration: .15s;
		-o-transition-duration: .15s;
		transition-duration: .15s;
		-webkit-transition-timing-function: ease;
		-o-transition-timing-function: ease;
		transition-timing-function: ease
	}

	.navbar .lang-menu .hamburger-inner::before,
	.navbar .lang-menu .hamburger-inner::after {
		content: "";
		display: block
	}

	.navbar .lang-menu .hamburger-inner::before {
		top: -10px
	}

	.navbar .lang-menu .hamburger-inner::after {
		bottom: -10px
	}

	.navbar .lang-menu .hamburger--slider .hamburger-inner {
		top: 2px
	}

	.navbar .lang-menu .hamburger--slider .hamburger-inner::before {
		top: 10px;
		-webkit-transition-property: opacity, background-color, -webkit-transform;
		transition-property: opacity, background-color, -webkit-transform;
		-o-transition-property: transform, opacity, background-color;
		transition-property: transform, opacity, background-color;
		transition-property: transform, opacity, background-color, -webkit-transform;
		-webkit-transition-timing-function: ease;
		-o-transition-timing-function: ease;
		transition-timing-function: ease;
		-webkit-transition-duration: .15s;
		-o-transition-duration: .15s;
		transition-duration: .15s
	}

	.navbar .lang-menu .hamburger--slider .hamburger-inner::after {
		top: 20px
	}

	.navbar .lang-menu .hamburger--slider.is-active .hamburger-inner {
		-webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
		transform: translate3d(0, 10px, 0) rotate(45deg)
	}

	.navbar .lang-menu .hamburger--slider.is-active .hamburger-inner::before {
		-webkit-transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
		transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
		opacity: 0
	}

	.navbar .lang-menu .hamburger--slider.is-active .hamburger-inner::after {
		-webkit-transform: translate3d(0, -20px, 0) rotate(-90deg);
		transform: translate3d(0, -20px, 0) rotate(-90deg)
	}

	.navbar.transparent-bg {
		background: none;
		-webkit-box-shadow: none;
		box-shadow: none
	}

	.navbar.transparent-bg .logo .cls-6,
	.navbar.transparent-bg .logo .cls-7 {
		fill: #fff !important
	}

	.navbar.transparent-bg a {
		color: #fff;
		text-shadow: 0px 0px 10px rgba(0, 0, 0, .25)
	}

	@media only screen and (min-width: 769px) {
		.navbar.transparent-bg a:hover {
			color: #8cb324
		}
	}

	.navbar.transparent-bg .main-menu .sub-menu-wrapper-outer {
		padding-top: 20px
	}

	.navbar.transparent-bg .main-menu .sub-menu-arrow {
		top: 20px
	}

	@media only screen and (min-width: 769px) {

		.navbar.transparent-bg .main-menu li:hover a,
		.navbar.transparent-bg .main-menu li.hover a {
			color: #8cb324
		}
	}

	.navbar.transparent-bg .main-menu li:hover .sub-menu-wrapper-outer,
	.navbar.transparent-bg .main-menu li.hover .sub-menu-wrapper-outer {
		padding-top: 0
	}

	.navbar.transparent-bg .main-menu li:hover .sub-menu-arrow,
	.navbar.transparent-bg .main-menu li.hover .sub-menu-arrow {
		top: 0
	}

	.navbar.transparent-bg .lang-menu .lang-item a {
		border-color: #fff
	}

	.navbar.transparent-bg .hamburger-inner,
	.navbar.transparent-bg .hamburger-inner::before,
	.navbar.transparent-bg .hamburger-inner::after {
		background: #fff
	}

	.mobile-menu {
		height: 100%;
		width: 100%;
		overflow: hidden;
		position: fixed;
		left: -10000px;
		bottom: 0;
		z-index: -900;
		width: 100%;
		background-color: #8cb324;
		color: #fff;
		opacity: 0;
		-webkit-transition: opacity .3s ease-out;
		-o-transition: opacity .3s ease-out;
		transition: opacity .3s ease-out;
		text-transform: uppercase;
		font-family: "LifehackSans-Regular", sans-serif;
		display: none;
		left: 100%;
		font-size: 38px
	}

	@media only screen and (max-width: 768px) {
		.mobile-menu {
			display: block
		}
	}

	.mobile-menu.is-active {
		opacity: 1;
		z-index: 900;
		left: 0
	}

	.mobile-menu.is-active ul {
		z-index: 901
	}

	.mobile-menu.is-active ul.sub-menu {
		z-index: 905
	}

	.mobile-menu.is-active .next-link {
		z-index: 903
	}

	.mobile-menu ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
		position: absolute;
		top: 83px;
		left: 0;
		overflow-y: auto;
		overflow-x: hidden;
		height: calc(100% - 166px);
		width: 100%;
		background-color: #8cb324;
		color: #fff
	}

	.mobile-menu ul.sub-menu {
		top: 0;
		left: 100%;
		height: 100%;
		-webkit-transition: left .3s ease 0s;
		-o-transition: left .3s ease 0s;
		transition: left .3s ease 0s
	}

	.mobile-menu.without-languages ul {
		height: calc(100% - 83px)
	}

	.mobile-menu.without-languages ul.sub-menu {
		height: 100%
	}

	.mobile-menu .current-menu-parent ul.sub-menu {
		left: 0
	}

	.mobile-menu a {
		text-decoration: none;
		color: #fff;
		border-bottom: 1px solid #758c22;
		text-align: left;
		display: block;
		position: relative
	}

	.mobile-menu a:hover {
		color: #fff;
		text-decoration: none
	}

	.mobile-menu a .icon-text {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		padding: 15px 50px 15px 15px
	}

	.mobile-menu a .icon-text .icon {
		width: 36px;
		height: 36px;
		position: relative;
		-webkit-transition: -webkit-filter .3s ease-out;
		transition: -webkit-filter .3s ease-out;
		-o-transition: filter .3s ease-out;
		transition: filter .3s ease-out;
		transition: filter .3s ease-out, -webkit-filter .3s ease-out
	}

	.mobile-menu a .icon-text .icon img {
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		max-width: 100%;
		max-height: 100%;
		height: auto;
		width: auto;
	}

	.mobile-menu a .icon-text .txt {
		padding-left: 15px;
		line-height: 100%;
		-webkit-transform: translateY(2px);
		-ms-transform: translateY(2px);
		transform: translateY(2px)
	}

	.mobile-menu .next-link {
		content: " ";
		background-image: url("img/nav-arrow-right.png");
		background-repeat: no-repeat;
		background-position: center center;
		width: 50px;
		height: 68px;
		position: absolute;
		top: 50%;
		right: 0;
		cursor: pointer;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);

	}

	.mobile-menu .languages {
		list-style-type: none;
		margin: 0;
		padding: 0;
		top: calc(100% - 83px);
		height: 83px;
		border-top: 1px solid #86a02b;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		overflow: hidden
	}

	.mobile-menu .languages li {
		margin: 0;
		padding: 0;
		vertical-align: middle;
		font-size: 28px;
		border-left: 1px solid rgba(255, 255, 255, .5)
	}

	.mobile-menu .languages li a {
		text-decoration: none;
		border: none;
		display: inline-block;
		padding: 10px 15px;
		opacity: .5
	}

	.mobile-menu .languages .current-lang a {
		opacity: 1
	}

	.mobile-menu .languages .lang-item-first {
		border-left: none
	}

	footer {
		background: #f4f4f4
	}

	footer a,
	footer a:hover {
		text-decoration: none !important;
		display: block;
		line-height: 100%
	}

	footer ul {
		margin: 0;
		padding: 0;
		text-transform: uppercase;
		font-family: "LifehackSans-Regular", sans-serif;
		font-size: 1.5em;
		list-style-type: none;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}

	@media only screen and (max-width: 768px) {
		footer ul {
			-webkit-box-pack: center;
			-ms-flex-pack: center;
			justify-content: center;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap
		}
	}

	footer ul li {
		margin: 0;
		padding: 5px 0 5px 1em;
		white-space: nowrap
	}

	@media only screen and (max-width: 768px) {
		footer ul li {
			padding: 5px 7.5px
		}
	}

	footer .logo-links {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}

	@media only screen and (max-width: 768px) {
		footer .logo-links {
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
			-webkit-box-pack: center;
			-ms-flex-pack: center;
			justify-content: center;
			width: 100%
		}
	}

	footer .logo-links .logo {
		display: block;
		width: 5em;
		height: 3em;
		margin-right: 30px
	}

	footer .logo-links .logo .cls-7 {
		font-size: 78px !important;
		font-family: "LifehackSans-Regular", sans-serif !important
	}

	@media only screen and (max-width: 768px) {
		footer .logo-links .logo {
			margin-left: auto;
			margin-right: auto
		}
	}

	@media only screen and (max-width: 768px) {
		footer .logo-links .footer-links {
			padding-top: 30px;
			padding-bottom: 15px;
			width: 100%
		}
	}

	footer .logo-links .footer-links a {
		-webkit-transform: translateY(0.225em);
		-ms-transform: translateY(0.225em);
		transform: translateY(0.225em)
	}

	@media only screen and (max-width: 768px) {
		footer .logo-links .footer-links a {
			-webkit-transform: none;
			-ms-transform: none;
			transform: none
		}
	}

	@media only screen and (max-width: 768px) {
		footer .logo-links .logo-outer {
			width: 100%
		}
	}

	footer .copy-socials {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		width: auto
	}

	@media only screen and (max-width: 768px) {
		footer .copy-socials {
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
			-webkit-box-pack: center;
			-ms-flex-pack: center;
			justify-content: center;
			width: 100%
		}
	}

	footer .copy-socials .social-links {
		padding-left: 30px
	}

	@media only screen and (max-width: 768px) {
		footer .copy-socials .social-links {
			padding-left: 0;
			padding-top: 15px;
			width: 100%
		}
	}

	footer .copy-socials .social-links svg {
		display: block;
		height: 1.8em;
		width: 1.8em
	}

	.page-header {
		background: #f4f4f4
	}

	.page-header .page-header-outer {
		margin: 0;
		padding: 0;
		display: table;
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
		height: 26vw;
		max-height: 490px;
		min-height: 400px;
		width: 100%
	}

	.page-header .page-header-outer.password-header {
		background-image: url("img/bg-password-header.jpg")
	}

	.page-header .page-header-outer.page-404-header {
		background-image: url("img/bg-404-header.jpg")
	}

	.page-header .page-header-inner {
		display: table-cell;
		background: url("img/page-header-overlay.png");
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
		vertical-align: middle
	}

	.page-header .page-header-inner.no-overlay {
		background: url("img/page-header.png")
	}

	.page-header .inner,
	.page-header .column {
		padding-top: 0;
		padding-bottom: 0
	}

	.page-header h1 {
		color: #fff !important;
		text-shadow: 0px 0px 10px rgba(0, 0, 0, .25);
		width: 66%;
		-webkit-transform: translateY(0.1em);
		-ms-transform: translateY(0.1em);
		transform: translateY(0.1em)
	}

	.page-header h2,
	.page-header h3,
	.page-header h4,
	.page-header h5,
	.page-header h6 {
		color: #fff !important;
		text-shadow: 0px 0px 10px rgba(0, 0, 0, .25);
		width: 66%
	}

	.page-header p {
		color: #fff !important;
		text-shadow: 0px 0px 10px rgba(0, 0, 0, .25);
		width: 66%
	}

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

		.page-header h2,
		.page-header p {
			width: 100%
		}
	}

	.taxonomy-products-categories {
		padding: 30px 0
	}

	@media only screen and (max-width: 768px) {
		.taxonomy-products-categories {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
			-webkit-box-align: stretch;
			-ms-flex-align: stretch;
			align-items: stretch
		}
	}

	.taxonomy-products-categories .category-outer {
		padding: 15px 0 30px 0;
		position: relative
	}

	@media only screen and (max-width: 768px) {
		.taxonomy-products-categories .category-outer {
			padding: 0;
			width: 50%;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-align: stretch;
			-ms-flex-align: stretch;
			align-items: stretch
		}
	}

	@media only screen and (max-width: 540px) {
		.taxonomy-products-categories .category-outer {
			width: 100%;
			display: block
		}
	}

	@media only screen and (max-width: 768px) {
		.taxonomy-products-categories .category-outer .columns {
			-webkit-box-align: start;
			-ms-flex-align: start;
			align-items: flex-start;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap
		}
	}

	.taxonomy-products-categories .category-outer .image-column,
	.taxonomy-products-categories .category-outer .text-column {
		width: 50%
	}

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

		.taxonomy-products-categories .category-outer .image-column,
		.taxonomy-products-categories .category-outer .text-column {
			width: 100%
		}
	}

	.taxonomy-products-categories .category-outer:nth-child(even) fieldset legend {
		margin-left: 54% !important
	}

	@media only screen and (max-width: 768px) {
		.taxonomy-products-categories .category-outer:nth-child(even) fieldset legend {
			margin-left: 0 !important
		}
	}

	.taxonomy-products-categories .category-outer:nth-child(even) .element-on-frame {
		right: calc(4.25% - 15px);
		-webkit-transform: translate(100%, -50%);
		-ms-transform: translate(100%, -50%);
		transform: translate(100%, -50%);
		pointer-events: none
	}

	.taxonomy-products-categories .category-outer:nth-child(even) .element-on-frame img {
		margin: 0 auto 0 0
	}

	.taxonomy-products-categories .category-outer:nth-child(even) .image-column {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
		padding: 0 0 0 15px
	}

	@media only screen and (max-width: 768px) {
		.taxonomy-products-categories .category-outer:nth-child(even) .image-column {
			padding: 0 7.5px
		}
	}

	.taxonomy-products-categories .category-outer:nth-child(even) .text-column {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
		padding-left: 0
	}

	@media only screen and (max-width: 768px) {
		.taxonomy-products-categories .category-outer:nth-child(even) .text-column {
			padding: 7.5px
		}
	}

	.taxonomy-products-categories .category-outer:nth-child(even) .text-column .text {
		padding-left: calc(8.5% + 15px)
	}

	@media only screen and (max-width: 768px) {
		.taxonomy-products-categories .category-outer:nth-child(even) .text-column .text {
			padding: 0
		}
	}

	.taxonomy-products-categories .category-outer:nth-child(even) .bg-wrapper {
		border-top-left-radius: 10px;
		border-bottom-left-radius: 10px
	}

	.taxonomy-products-categories .category-outer:nth-child(even) .btn-wrapper {
		margin-left: 54%;
		padding: 0 15px
	}

	@media only screen and (max-width: 768px) {
		.taxonomy-products-categories .category-outer:nth-child(even) .btn-wrapper {
			margin-left: 0;
			padding: 0 15px 30px 15px
		}
	}

	.taxonomy-products-categories .category-outer:nth-child(odd) .bg-wrapper {
		border-top-right-radius: 10px;
		border-bottom-right-radius: 10px
	}

	.taxonomy-products-categories .category-outer:nth-child(odd) .element-on-frame {
		left: calc(4.25% - 15px);
		-webkit-transform: translate(-100%, -50%);
		-ms-transform: translate(-100%, -50%);
		transform: translate(-100%, -50%)
	}

	.taxonomy-products-categories .category-outer:nth-child(odd) .element-on-frame img {
		margin: 0 0 0 auto
	}

	.taxonomy-products-categories .category-outer:nth-child(odd) .image-column {
		padding: 0 15px 0 0
	}

	@media only screen and (max-width: 768px) {
		.taxonomy-products-categories .category-outer:nth-child(odd) .image-column {
			-webkit-box-ordinal-group: 2;
			-ms-flex-order: 1;
			order: 1;
			padding: 0 7.5px
		}
	}

	.taxonomy-products-categories .category-outer:nth-child(odd) .text-column {
		padding-right: 0
	}

	@media only screen and (max-width: 768px) {
		.taxonomy-products-categories .category-outer:nth-child(odd) .text-column {
			-webkit-box-ordinal-group: 3;
			-ms-flex-order: 2;
			order: 2;
			padding: 7.5px
		}
	}

	.taxonomy-products-categories .category-outer:nth-child(odd) .text-column .text {
		padding-right: calc(8.5% + 15px)
	}

	@media only screen and (max-width: 768px) {
		.taxonomy-products-categories .category-outer:nth-child(odd) .text-column .text {
			padding: 0
		}
	}

	.taxonomy-products-categories .category-outer:nth-child(odd) .btn-wrapper {
		padding: 0 15px
	}

	@media only screen and (max-width: 768px) {
		.taxonomy-products-categories .category-outer:nth-child(odd) .btn-wrapper {
			padding: 0 15px 30px 15px
		}
	}

	.taxonomy-products-categories fieldset {
		padding-top: 0;
		padding-bottom: 0;
		display: block;
		position: relative;
		-webkit-transition: border-color .3s ease-out;
		-o-transition: border-color .3s ease-out;
		transition: border-color .3s ease-out
	}

	@media only screen and (max-width: 768px) {
		.taxonomy-products-categories fieldset {
			border: none;
			padding-bottom: 80px
		}
	}

	@media only screen and (max-width: 540px) {
		.taxonomy-products-categories fieldset {
			padding-bottom: 0
		}
	}

	.taxonomy-products-categories fieldset legend {
		margin: 0;
		padding: 0 15px;
		position: relative;
		z-index: 3
	}

	.taxonomy-products-categories fieldset legend h2 {
		padding-bottom: 0;
		padding-top: 0
	}

	@media only screen and (max-width: 768px) {
		.taxonomy-products-categories fieldset legend h2 {
			padding-top: 15px;
			padding-bottom: 15px
		}
	}

	.taxonomy-products-categories fieldset.hovered {
		border-color: #8cb324
	}

	.taxonomy-products-categories .element-on-frame {
		position: absolute;
		z-index: 2;
		top: calc(50% - .25em);
		width: 11.75%;
		max-width: 185px;
		pointer-events: none
	}

	.taxonomy-products-categories .element-on-frame img {
		display: block;
		max-width: 100%;
		height: auto
	}

	@media only screen and (max-width: 768px) {
		.taxonomy-products-categories .element-on-frame {
			display: none
		}
	}

	.taxonomy-products-categories .image {
		display: block;
		position: relative
	}

	@media only screen and (max-width: 768px) {
		.taxonomy-products-categories .image {
			padding-bottom: calc(20% + 15px)
		}
	}

	.taxonomy-products-categories .image img {
		display: block;
		width: 100%;
		height: auto
	}

	.taxonomy-products-categories .image .bg-wrapper {
		overflow: hidden;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		position: relative
	}

	@media only screen and (max-width: 768px) {
		.taxonomy-products-categories .image .bg-wrapper {
			border-radius: 10px !important
		}
	}

	.taxonomy-products-categories .image .bg {
		width: 100%;
		min-height: 130px;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		-webkit-transition: -webkit-transform .3s ease-out, -webkit-filter .3s ease-out;
		transition: -webkit-transform .3s ease-out, -webkit-filter .3s ease-out;
		-o-transition: transform .3s ease-out, filter .3s ease-out;
		transition: transform .3s ease-out, filter .3s ease-out;
		transition: transform .3s ease-out, filter .3s ease-out, -webkit-transform .3s ease-out, -webkit-filter .3s ease-out;
		position: relative;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-filter: saturate(1);
		filter: saturate(1);
		image-rendering: -webkit-optimize-contrast
	}

	.taxonomy-products-categories .image .packshot {
		position: absolute;
		left: 15px;
		top: 15px;
		z-index: 3;
		width: calc(100% - 30px)
	}

	@media only screen and (max-width: 768px) {
		.taxonomy-products-categories .image .packshot {
			width: 100%;
			left: 0;
			top: auto;
			bottom: 0
		}
	}

	.taxonomy-products-categories .image .packshot .packshot-placeholder {
		display: block;
		width: 100%;
		height: auto
	}

	.taxonomy-products-categories .image .packshot .packshot-image {
		display: block;
		max-width: 100%;
		max-height: 100%;
		width: auto;
		height: auto;
		position: absolute;
		z-index: 4;
		bottom: 0;
		left: 50%;
		-webkit-transform: translateX(-50%) translateZ(0);
		transform: translateX(-50%) translateZ(0);
		-o-object-fit: contain;
		object-fit: contain;
		-webkit-transform-origin: center center;
		-ms-transform-origin: center center;
		transform-origin: center center;
		image-rendering: -webkit-optimize-contrast
	}

	@media only screen and (min-width: 769px) {

		.taxonomy-products-categories .image:hover .bg,
		.taxonomy-products-categories .image.hover .bg {
			-webkit-transform: scale(1.03) translateZ(0);
			transform: scale(1.03) translateZ(0);
			-webkit-filter: saturate(1.5);
			filter: saturate(1.5)
		}
	}

	.taxonomy-products-categories .btn-wrapper {
		display: inline-block;
		-webkit-transform: translateY(50%);
		-ms-transform: translateY(50%);
		transform: translateY(50%);
		background: #fff;
		position: relative;
		margin-top: -100%;
		z-index: 3
	}

	@media only screen and (max-width: 768px) {
		.taxonomy-products-categories .btn-wrapper {
			max-width: 100%;
			width: 100%;
			-webkit-transform: none;
			-ms-transform: none;
			transform: none;
			background: none;
			margin-top: 0;
			position: absolute;
			bottom: 0;
			left: 0;
			z-index: 2
		}

		.taxonomy-products-categories .btn-wrapper .btn {
			width: 100%
		}
	}

	@media only screen and (max-width: 540px) {
		.taxonomy-products-categories .btn-wrapper {
			position: relative
		}
	}

	.taxonomy-products-categories .taxanomy-category-spacer {
		height: calc(15px + 60*(100vw - 768px)/1152)
	}

	@media only screen and (max-width: 768px) {
		.taxonomy-products-categories .taxanomy-category-spacer {
			height: 0;
			display: none
		}
	}

	.taxanomy-products {
		padding-top: 15px
	}

	.taxanomy-products .taxanomy-product-list .column {
		padding-top: 0
	}

	.taxanomy-products .taxanomy-product-list a {
		text-decoration: none
	}

	.taxanomy-products .taxanomy-product-list .product {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		padding: 30px 15px;
		border: 1px solid rgba(0, 0, 0, 0);
		-webkit-transition: border-color .3s ease-out;
		-o-transition: border-color .3s ease-out;
		transition: border-color .3s ease-out;
		width: 100%;
		height: 100%;
		text-align: center;
		overflow: hidden
	}

	@media only screen and (max-width: 768px) {
		.taxanomy-products .taxanomy-product-list .product {
			padding: 15px
		}
	}

	@media only screen and (min-width: 769px) {
		.taxanomy-products .taxanomy-product-list .product:hover {
			border-color: #8cb324
		}
	}

	.taxanomy-products .taxanomy-product-list .product div {
		width: 100%
	}

	.taxanomy-products .taxanomy-product-list .product .packshot {
		max-width: 11vw;
		max-height: 15vw;
		width: auto;
		height: auto;
		margin: 0 auto;
		position: relative;
		-o-object-fit: contain;
		object-fit: contain;
		-webkit-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		transform-origin: bottom center;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		image-rendering: -webkit-optimize-contrast
	}

	@media only screen and (max-width: 768px) {
		.taxanomy-products .taxanomy-product-list .product .packshot {
			max-width: 105px;
			max-height: 140px
		}
	}

	@media only screen and (max-width: 540px) {
		.taxanomy-products .taxanomy-product-list .btn {
			display: none
		}
	}

	.news-list {
		padding: 15px 0
	}

	.news-list h3 {
		padding-top: 30px
	}

	.news-list a {
		text-decoration: none
	}

	.news-list .column {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: stretch;
		-ms-flex-align: stretch;
		align-items: stretch
	}

	.news-list .news {
		border-bottom: 1px solid #b3b3b3;
		padding-bottom: 30px;
		position: relative
	}

	.news-list .image {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		overflow: hidden;
		position: relative;
		display: block
	}

	.news-list .image .bg {
		-webkit-transition: -webkit-transform .3s ease-out, -webkit-filter .3s ease-out;
		transition: -webkit-transform .3s ease-out, -webkit-filter .3s ease-out;
		-o-transition: transform .3s ease-out, filter .3s ease-out;
		transition: transform .3s ease-out, filter .3s ease-out;
		transition: transform .3s ease-out, filter .3s ease-out, -webkit-transform .3s ease-out, -webkit-filter .3s ease-out;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		image-rendering: -webkit-optimize-contrast
	}

	.news-list .image .bg img {
		display: block;
		width: 100%;
		height: auto
	}

	@media only screen and (min-width: 769px) {

		.news-list .image:hover .bg,
		.news-list .image.hover .bg {
			-webkit-transform: scale(1.03);
			-ms-transform: scale(1.03);
			transform: scale(1.03);
			-webkit-filter: saturate(1.5);
			filter: saturate(1.5)
		}
	}

	.news-list .button {
		position: absolute;
		left: 0;
		bottom: 30px;
		z-index: 2;
		max-width: 100%
	}

	.news-list .spacer-button {
		visibility: hidden !important;
		display: block
	}

	.news-list .spacer-button span {
		display: block;
		height: 1em
	}

	@media only screen and (max-width: 540px) {
		.news-list .spacer-button {
			display: none !important
		}
	}

	@media only screen and (max-width: 540px) {
		.news-list h3 {
			padding-top: 15px
		}

		.news-list .news {
			padding-bottom: 0
		}

		.news-list .btn {
			display: none
		}
	}

	.pagination {
		text-align: center;
		line-height: 100%
	}

	.pagination a.page-numbers {
		color: #000;
		text-decoration: none;
		display: inline-block;
		padding-left: .5em;
		padding-right: .5em
	}

	@media only screen and (min-width: 769px) {
		.pagination a.page-numbers:hover {
			color: #8cb324
		}
	}

	.pagination b {
		font-family: "LifehackSans-Regular", sans-serif;
		display: inline-block;
		line-height: 1em;
		padding-top: .13em;
		padding-bottom: .07em;
		font-weight: normal !important
	}

	.pagination b.dots {
		min-width: 0;
		background: none;
		border: none
	}

	.pagination .current b {
		background: #8cb324;
		color: #fff;
		border-radius: 5px;
		min-width: 1.2em
	}

	.pagination .prev,
	.pagination .next {
		background-position: center center;
		background-size: cover;
		background-repeat: no-repeat;
		max-width: 60px;
		max-height: 60px;
		width: 3.333em;
		height: 3.333em;
		border: 1px solid #8cb324;
		border-radius: 50%;
		cursor: pointer;
		display: inline-block;
		background-color: rgba(0, 0, 0, 0);
		color: #8cb324;
		vertical-align: middle;
		-webkit-transform: translateY(-0.5em);
		-ms-transform: translateY(-0.5em);
		transform: translateY(-0.5em)
	}

	.pagination .prev.disabled,
	.pagination .next.disabled {
		cursor: auto;
		-webkit-filter: grayscale(1);
		filter: grayscale(1);
		opacity: .35
	}

	.pagination .prev {
		background-image: url("img/pages-arrow-left.png");
		margin-right: 1em
	}

	.pagination .prev.disabled {
		margin-right: 1.3em
	}

	@media only screen and (max-width: 540px) {
		.pagination .prev {
			margin-right: .5em
		}

		.pagination .prev.disabled {
			margin-right: .8em
		}
	}

	.pagination .next {
		background-image: url("img/pages-arrow-right.png");
		margin-left: 1em
	}

	.pagination .next.disabled {
		margin-left: 1.3em
	}

	@media only screen and (max-width: 540px) {
		.pagination .next {
			margin-left: .5em
		}

		.pagination .next.disabled {
			margin-left: .8em
		}
	}

	.news-details {
		background-image: url("img/gradiend-bg.png");
		background-position: top center;
		background-size: 100%;
		background-repeat: no-repeat
	}

	.news-details .news-header h1 {
		padding-bottom: 0
	}

	.news-details .news-header .column {
		padding-top: 2.5em;
		padding-bottom: 0
	}

	.news-details .news-header .news-date {
		background: #8cb324;
		color: #fff;
		display: inline-block;
		padding: .5em 1em;
		line-height: 100%
	}

	.news-details .news-back .column {
		padding-bottom: 2.5em
	}

	#cookie_info {
		padding: 2em;
		position: fixed;
		width: 100%;
		bottom: 0;
		left: 0;
		z-index: 10000;
		background: rgba(0, 0, 0, .75);
		text-align: center;
		font-size: 12px !important;
		color: #fff
	}

	#cookie_info a,
	#cookie_info a:hover {
		color: #fff;
		text-decoration: underline
	}

	@media only screen and (max-width: 768px) {
		#cookie_info {
			font-size: 11px !important
		}
	}

	#close_cookie_info {
		font-size: 22px !important;
		cursor: pointer
	}

	@media only screen and (max-width: 768px) {
		#close_cookie_info {
			font-size: 18px !important
		}
	}