﻿/* 2025 layout changes */
.desktop {
	display: none;
}

.pager-wrap.pager-top {
	position: relative;
    display: none;
    justify-content: center;
    align-items: center;
}
	.pager-wrap.pager-top .pager {
		position: absolute;
		top: -74px; /* 48 + 2 + 24 */
		margin: 0;
	}
.product-selectors .product-select-block select {
	border-color: #ebebeb;
}
.selectors-bottom {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
	padding-top: 8px;
}
	.selectors-bottom .product-select-block.product-sorting {
		display: none !important;
	}
	.selectors-bottom .filters-button {
		display: none !important;
	}

@media all and (min-width: 1201px) {
	.pager-wrap.pager-top {
		display: flex;
	}
	.selectors-bottom {
		justify-content: flex-end;
		padding-top: 0;
	}
	.selectors-bottom .product-selectors {
		position: absolute;
		top: -49px; /* 48 + 1 */
		margin: 0;
		padding: 0;
	}
}

/* 2024 new Umbraco content*/
.box h2 {
	font-size: var(--fs-h3);
}
@media all and (min-width: 1201px) {
	.box h2 {
		font-size: var(--fs-h2);
	}
}
.box img {
	height: auto;
}
.box.block-1 .umb-cover .img-fluid, .box.block-2 .umb-cover .img-fluid {
	position: absolute;
	object-fit: cover;
	object-position: center;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
}
.box .element {
	margin-bottom: 80px !important;
}
@media all and (max-width: 768px) {
	.box .element {
		margin-bottom: 40px !important;
	}
}
.align-self-end {
	align-self: flex-end;
}

.box .video-container div.video-wrapper > iframe {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	border: none;
}
.umb-image + .umb-rte {
	padding-top: 24px;
}

.box:not(.block-1) .umb-float {
	margin-top: 60% !important;
}

.box.block-1 .element-container {
	min-width: 20%;
	max-width: 70%;
}

.box.block-1 .umb-cover .img-fluid {
	position: absolute;
	object-fit: cover;
	object-position: center;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
}

.umb-cover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 0;
	height: 100%;
}

.umb-rte {
	position: relative;
	z-index: 1;
}

/* 2024 */
:root {
	--h-font-family: 'Pt Serif'; /*Pt Serif, Mermaid-Bold*/
	--b-font-family: 'Nunito'; /*Flama-Basic*/
	--b-font-family-light: 'Nunito'; /*Flama-Light*/
	--b-font-family-medium: 'Nunito'; /*Flama-Medium*/
	--b-font-family-bold: 'Nunito'; /*Flama-Bold*/
	--fw-normal: 350;
	--fw-light: 300;
	--fw-medium: 600;
	--fw-bold: 700;
	--fw-bolder: 775;
	--fw-heavy: 875;
	--fs-xxs: 11px;
	--fs-xs: 13px;
	--fs-xss: 14px;
	--fs-sm: 15px;
	--fs-md: 17px;
	--fs-lg: 19px;
	--fs-xl: 25px;
	--fs-xxl: 29px;
	--fs-h1: 55px;
	--fs-h2: 41px;
	--fs-h25: 32px;
	--fs-h3: 23px;
	--fs-h4: 19px;
	--white: #fff;
	--gray: #444;
	--darkgray: #333;
	--coal: #222;
	--danger: #da0000;
	--primary: #528205;
	--primary-rgb: 82,103,5;
	--primary-dark: #3e4b34;
	--primary-darkmode: #81BA27; /*#619906;*/
	--bs-gutter-x: 4rem;
	--bs-gutter-y: 1rem;
}

/* BC fix */
.product-details-page-body .breadcrumb {
	display: none !important;
}

 /* Buy the look fix */
 .product-grid .item-grid:not(.slick-slider) {
	 display: flex;
	 flex-wrap: wrap;
 }
 .product-grid .item-box.upSaleProdItemOuterBox .product-item {
	 height: 100% !important;
 }
.product-grid .item-grid.slick-slider .item-box {
	margin-left: 0 !important;
}
.product-grid .item-grid.slick-slider.line-count-2 .slick-slide > div:last-child .item-box {
	margin-bottom: 0;
}
.item-grid.line-count-2 .item-box {
	padding: 0 2px 1px;
}
.slick-dots {
	margin: 16px 0 !important;
}

/*Footer*/
.footer .row {
	display: flex;
	flex-wrap: wrap;
	margin-top: calc(-1* var(--bs-gutter-y));
	margin-right: calc(-.5* var(--bs-gutter-x));
	margin-left: calc(-.5* var(--bs-gutter-x));
}
	.footer .row > * {
		flex-shrink: 0;
		width: 100%;
		max-width: 100%;
		padding-right: calc(var(--bs-gutter-x)* .5);
		padding-left: calc(var(--bs-gutter-x)* .5);
		margin-top: var(--bs-gutter-y);
	}
	.footer {
        background-color: #222;
        color: rgba(255,255,255,.8);
	}
.footer-middle {
	padding: 62px 20px 38px;
	font-size: var(--fs-sm);
	margin: auto;
	max-width: 1400px;
}
	.f-box {
		padding-bottom: 24px;
	}
	.f-box a {
		color: #fff;
		margin: 0 0 12px;
		display: inline-block;
	}
	.f-box a:hover {
		text-decoration: underline;
	}
		.f-box .title {
			position: relative;
			padding: 0 0 24px;
			font-family: var(--b-font-family-medium);
			font-weight: var(--fw-bold);
			font-size: var(--fs-md);
			color: var(--primary-darkmode);
			text-transform: uppercase;
		}
	.f-brand {

	}
	.f-contact {

	}
	.f-menu {

	}
	.footer-logo {
		margin: 0 0 24px;
	}
	.footer-social-buttons a:hover {
		text-decoration: none;
	}

/*Slider*/
/*#slider-container.ag-slider {
	width: 100% !important;
	height: 600px;
}
.ag-slides {
	width: 100%;
	height: 100%;
}
.ag-figure {
	position: relative;
	overflow: hidden;
	width: 100% !important;
	height: 100%;
}
.ag-figure > div:first-child {
	width: 100% !important;
	height: 100%;
}*/
.ag-image {
	/*position: absolute !important;
	object-fit: cover;
	object-position: center;
	height: 100% !important;
	width: 100% !important;
	top: 0;
	left: 0;*/
}
.upSaleProdItem {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}
.upSaleProdItemTextBox {
	padding-top: unset !important;
	margin-bottom: 16px;
}
.upSaleProdItemOuterBox {
	margin-bottom: 30px !important;
}
	.upSaleProdItemOuterBox.card-pin .overlay:hover {
		border-color: var(--primary) !important;
	}

.master-column-wrapper {
	scroll-margin-top: 200px;
}
/*Basic*/
h1, h2, h3, h4 {
	font-family: var(--h-font-family);
}

h1, h2 {
	line-height: 1.1;
	margin-bottom: .85em;
}
h3, h4 {
	line-height: 1.2;
	margin-bottom: .85em;
}
p {
	line-height: 1.5;
	margin-bottom: 1rem;
}
.fw-medium {
	font-weight: var(--fw-medium);
}
input[type="button"].btn-primary, input[type="submit"].btn-primary, button.btn-primary {
	background-color: var(--primary);
	border-color: var(--primary);
	color: #fff;
	padding: 12px 24px;
	line-height: 1.5;
}

/* umbraco content */
.topic-block .element .element-container p:last-of-type a:after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	content: "";
}
.topic-block .element .element-container p:last-of-type {
	position: unset !important;
	margin-top: auto;
}
.topic-block .element {
	display: flex;
	flex-direction: column;
}
.topic-block .element .element-container {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}
 
/* cart */
.cart-item-row {
	font-weight: var(--fw-bold);
}
.order-total {
	font-weight: var(--fw-bold);
}

/* text-info */
.text-info {
	color: var(--primary); /* wai-safe green var(--primary), #619906 on dark bg, old green: #8 0b926 & #8 0ba27 */
	line-height: 1.4;
}
.text-info-login {
	order: 10;
	font-size: var(--fs-md);
	font-family: var(--b-font-family);
	font-weight: var(--fw-bold);
}

	.text-info-login a {
		color: var(--primary) !important;
	}

		.text-info-login a:hover {
			color: var(--primary);
			text-decoration: underline;
		}

.details .text-info-login {
	font-size: var(--fs-sm);
}


/* CSS RESET */
html {
	scroll-behavior: smooth;
}

body {
	background-color: #fff;
}

* {
	margin: 0;
	outline: none;
	padding: 0;
	text-decoration: none;
	box-sizing: border-box;
}

html {
	margin: 0 !important;
	-webkit-text-size-adjust: none;
}

ol, ul {
	list-style: none;
}

a img {
	border: none;
}

.d-block {
	display: block;
}

.btn {
	border-radius: 3px;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 1px solid transparent;
	padding: 6px 12px;
}

	.btn.btn-back-top {
		background-color: #707070;
		display: none;
		right: 40px;
		bottom: 40px;
		position: fixed;
		width: 61px;
		height: 48px;
		z-index: 1000;
	}

		.btn.btn-back-top:before {
			content: "";
			display: block;
			position: relative;
			left: 7px;
			top: 12px;
			width: 22px;
			height: 22px;
			border-right: 6px solid white;
			border-top: 6px solid white;
			-webkit-transform: rotate( -45deg );
			-moz-transform: rotate(-45deg);
			-ms-transform: rotate(-45deg);
			-o-transform: rotate(-45deg);
			transform: rotate( -45deg );
			-webkit-transition: all 0.2s;
			-moz-transition: all 0.2s;
			-ms-transition: all 0.2s;
			-o-transition: all 0.2s;
			transition: all 0.2s;
		}
/* mobile */
@media all and (max-width: 768px) {
	.box .element {
		margin-left: 0 !important;
		margin-right: 0 !important ;
	}
	.grecaptcha-badge {
		display: none !important;
	}
}
@media all and (max-width: 1024px) {
	.btn.btn-back-top {
		background-color: #707070;
		right: 16px;
		bottom: 16px;
		position: fixed;
		width: 50px;
		height: 30px;
	}
		.btn.btn-back-top:before {
			content: "";
			display: block;
			position: relative;
			left: 6px;
			top: 4px;
			width: 14px;
			height: 14px;
		}
}

img.img-fluid {
	max-width: 100%;
	height: auto;
}

div.video-wrapper {
	position: relative;
	width: 100%;
	overflow: hidden;
	padding-top: 56.25%; /* 16:9 Aspect Ratio */
}

	div.video-wrapper > iframe.responsive-item {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		width: 100%;
		height: 100%;
		border: none;
	}

a:active {
	outline: none;
}

button::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
	margin: 0;
	border: 0;
	padding: 0;
}

input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
textarea, button, select {
	border-radius: 0;
}

input[type="button"],
input[type="submit"],
input[type="reset"] {
	-webkit-appearance: none;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
	opacity: 1;
}

input:-webkit-autofill {
	-webkit-box-shadow: inset 0 0 0 1000px #fff;
	-webkit-transition-delay: 99999s;
}

script {
	display: none !important;
}

#readMore {
	text-transform: lowercase;
	font-weight: var(--fw-bold);
}

	#readMore span.hidden,
	#dots.hidden,
	#more.hidden {
		display: none;
	}

/* FONT FACES */


@font-face {
	font-family: 'аvenue-icons';
	src: url('../fonts/avenue_font.eot?');
	src: url('../fonts/avenue_font.eot?#iefix') format('embedded-opentype'), url('../fonts/avenue_font.ttf?') format('truetype'), url('../fonts/avenue_font.woff?') format('woff'), url('../fonts/avenue_font.svg?#аvenue_font') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

/*@font-face {
	font-family: 'Mermaid-Bold';
	src: url('../fonts/Mermaid-Bold.ttf.woff') format('woff'), url('../fonts/Mermaid-Bold.ttf.svg#Mermaid-Bold') format('svg'), url('../fonts/Mermaid-Bold.ttf.eot'), url('../fonts/Mermaid-Bold.ttf.eot?#iefix') format('embedded-opentype');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Flama-Light';
	src: local('Flama-Light'), url('../fonts/Flama-Light.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Flama-LightItalic';
	src: local('Flama-LightItalic'), url('../fontsFlama-LightItalic.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Flama-Basic';
	src: local('Flama-Basic'), url('../fonts/Flama-Basic.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Flama-Medium';
	src: local('Flama-Medium'), url('../fonts/Flama-Medium.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Flama-Bold';
	src: local('Flama-Bold'), url('../fonts/Flama-Bold.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}*/

/*@font-face {
	font-family: var(--b-font-family);
	font-style: normal;
	font-weight: 500;
	src: local(var(--b-font-family)), url('https://fonts.cdnfonts.com/s/14320/Flama Regular.woff') format('woff');
}

@font-face {
	font-family: var(--b-font-family);
	font-style: italic;
	font-weight: 500;
	src: local(var(--b-font-family)), url('https://fonts.cdnfonts.com/s/14320/Flama Italic.woff') format('woff');
}

@font-face {
	font-family: var(--b-font-family);
	font-style: italic;
	font-weight: 700;
	src: local(var(--b-font-family)), url('https://fonts.cdnfonts.com/s/14320/Flama Bold Italic.woff') format('woff');
}*/

*:before, *:after {
	font-family: 'аvenue-icons';
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	box-sizing: border-box;
}


/* GLOBAL STYLES */


html {
	overflow-x: hidden;
}

body {
	max-width: 100%;
	overflow-x: hidden;
	background-color: #fff;
	/*font-family: var(--b-font-family);
	font-size: 14px;*/
	font-family: var(--b-font-family-light);
	font-size: var(--fs-md);
	font-weight: var(--fw-normal);
	/*letter-spacing: 1px;*/
	color: var(--coal);
}

table {
	width: 100%;
	border-collapse: collapse;
}

p {
	line-height: 1.5;
}

a {
	color: inherit;
	cursor: pointer;
}

p a {
	color: #222;
}

strong {
	font-weight: var(--fw-bold);
}

img {
	max-width: 100%;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
textarea, select {
	height: 50px;
	border: 1px solid #ebebeb;
	box-shadow: none !important;
	padding: 0 15px;
	vertical-align: middle;
	font-family: var(--b-font-family);
	font-size: var(--fs-md);
	font-weight: var(--fw-medium);
	color: var(--coal);
	line-height: 30px;
}

textarea {
	min-height: 200px;
	padding: 15px;
}

select {
	min-width: 60px;
	background: url('../img/select-arrow.png') right 10px center no-repeat;
	padding: 0 24px 0 12px; /*select padding is never cross-browser consistent*/
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

	select::-ms-expand {
		display: none;
	}

	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="email"]:focus,
	input[type="tel"]:focus,
	textarea:focus, select:focus {
		border-color: #f6f6f6;
		background-color: #f6f6f6;
		color: #222;
	}

		input:focus::-webkit-input-placeholder,
		textarea:focus::-webkit-input-placeholder {
			color: transparent;
		}

		input:focus::-moz-placeholder,
		textarea:focus::-moz-placeholder {
			color: transparent;
		}

		input:focus:-ms-input-placeholder,
		textarea:focus:-ms-input-placeholder {
			color: transparent;
		}

input[type="button"],
input[type="submit"],
button {
	border: none;
	background-color: transparent;
	font-family: var(--b-font-family);
	font-size: var(--fs-md);
	font-weight: var(--fw-medium);
	color: inherit;
	cursor: pointer;
}

input[type="radio"],
input[type="checkbox"],
label, label + * {
	vertical-align: middle;
}

	input[type="radio"] + span,
	input[type="checkbox"] + span {
		vertical-align: middle;
	}
/*custom checkboxes and radio buttons*/
input[type="radio"],
input[type="checkbox"] {
	margin-right: -17px;
	opacity: 0;
}

	input[type="radio"] + label,
	input[type="checkbox"] ~ label {
		position: relative;
		padding-top: 1px; /*cross-browser consistency*/
		padding-left: 20px;
		color: #222;
		cursor: pointer;
	}

		input[type="radio"] + label:before,
		input[type="checkbox"] ~ label:before {
			content: "";
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			width: 12px;
			height: 12px;
			margin: auto;
			border: 1px solid #c5c5c5;
			box-shadow: inset 0 0 0 2px #fff;
			background-color: #fff;
		}

		input[type="radio"] + label:before {
			border-radius: 50%;
			box-shadow: inset 0 0 0 3px #fff;
		}

	input[type="radio"]:checked + label,
	input[type="checkbox"]:checked ~ label {
		color: var(--danger);
	}

		input[type="radio"]:checked + label:before,
		input[type="checkbox"]:checked ~ label:before {
			border: 1px solid var(--danger);
			background-color: var(--danger);
		}

.master-wrapper-content {
	position: relative;
	z-index: 0; /*giving priority to header*/
	padding: 0 4%;
	/**padding: 35px 0 0;**/
}

.master-column-wrapper:after {
	content: "";
	display: block;
	clear: both;
}

.center-1,
.center-2 {
	margin: 0 0 65px;
}

.side-2 {
	margin: 0 0 50px;
}

	.side-2:after {
		content: "";
		display: block;
		clear: both;
	}

	.side-2 .filtersHead {
		background-color: transparent;
		color: #333;
		position: relative;
		font-size: 20px;
		letter-spacing: 1px;
		line-height: 40px;
		font-family: var(--b-font-family-medium);
	}

		.side-2 .filtersHead .clearFilterOptionsAll {
			color: var(--primary);
			font-family: var(--b-font-family);
			font-size: var(--fs-sm);
			font-weight: var(--fw-bold);
			margin-top: 2px;
			text-transform: uppercase;
		}
		.side-2 .filtersHead .clearFilterOptionsAll:hover {
			text-decoration: underline;
		}

			.side-2 .filtersHead .clearFilterOptionsAll:after {
				background-color: initial;
				margin-top: 15px;
				content: none;
			}

	.side-2 .filter-block {
		margin: 0;
		border-bottom: initial;
		padding: 0;
	}

/* plp */
.filtersPanel .filter-block .title {
}
.filtersPanel .filter-block .title:after {
	
}
	.filtersPanel .filter-block .title a:after {
	}

.filtersPanel {
	display: flex;
	flex-direction: column;
}
.filter-block .filtersGroupPanel {
	margin: 0 0 10px !important;
}
.filter-block:last-child {
	padding-bottom: 0 !important;
}
.filtersGroupPanel .checkbox-item label {
	padding: 6px 0 5px 25px !important;
}

.filter-block.inStockFilterPanel7Spikes .title {
	display: block !important;
}

.filter-block .title {
	padding: 24px 0 8px !important;
	letter-spacing: 0 !important;
}

.filter-block .title:before,
.filter-block .title .toggleControl:before {
	display: none !important;
}

.filter-block input[type="checkbox"] ~ label:before {
	width: 15px;
	height: 15px;
	border: 1px solid #000;
}

.filter-block .title .toggleControl:after {
	color: #333;
	content: "\e910";
	margin-left: 5px;
	vertical-align: middle;
	font-size: 10px;
	transition: all .3s ease;
}
.filter-block .title .toggleControl.closed:after {
	transform: rotate(180deg);
}

.filter-block .toggleControl {
	font-family: var(--b-font-family-medium);
	font-size: var(--fs-sm) !important;
	font-weight: var(--fw-bold) !important;
	display: flex !important;
	width: 100% !important;
	justify-content: space-between;
	align-items: center;
}

.filter-block .clearFilterOptions {
	/*display: none !important;*/
	color: var(--primary);
	font-family: var(--b-font-family);
	font-size: 14px !important;
	line-height: 40px;
	margin-top: 6px;
	text-transform: uppercase;
	position: absolute;
	top: 17.5px;
	right: 40px;
}

	.filter-block .clearFilterOptions:after {
		content: "" !important;
	}

.filter-block.inStockFilterPanel7Spikes {
	order: 3;
}

	.filter-block.inStockFilterPanel7Spikes .title,
	.filter-block.inStockFilterPanel7Spikes .filtersGroupPanel.filtersCheckboxPanel,
	.filter-block.inStockFilterPanel7Spikes .filtersGroupPanel.filtersCheckboxPanel ul.checkbox-list,
	.filter-block.inStockFilterPanel7Spikes .filtersGroupPanel.filtersCheckboxPanel ul.checkbox-list li,
	.filter-block.inStockFilterPanel7Spikes .filtersGroupPanel.filtersCheckboxPanel ul.checkbox-list li label {
		display: inline;
	}

		.filter-block.inStockFilterPanel7Spikes .title:after {
			display: none;
		}

	.filter-block.inStockFilterPanel7Spikes .toggleControl {
		font-family: var(--b-font-family);
		font-size: 10.3px;
		letter-spacing: .5px;
	}

	.filter-block.inStockFilterPanel7Spikes .filter-item-name {
		color: transparent;
		display: block !important;
		/*max-width: 30px;*/
	}

	.filter-block.inStockFilterPanel7Spikes input[type="checkbox"] ~ label:before {
		/*width: 28px;
		height: 28px;
		margin: 14px auto 0;*/
	}

label {
	font-weight: var(--fw-medium);
}
.instantSearch .instant-search-item .picture {
	margin-left: 20px;
}

.instantSearch .instant-search-item > a {
	display: flex;
}

	.instantSearch .instant-search-item > a .details {
		align-self: center;
	}

		.instantSearch .instant-search-item > a .details .title {
			color: #333;
			font-family: var(--b-font-family);
			font-size: 16px;
		}

		.instantSearch .instant-search-item > a .details .sku {
			color: #333;
			font-family: var(--b-font-family-medium);
			font-size: 14px;
			text-transform: uppercase;
		}

		.instantSearch .instant-search-item > a .details .price {
			display: none;
		}

.store-search-box .all-results {
	/**display: inline-block !important;**/
	outline: 1px solid #333 !important;
	background-color: initial !important;
	color: #333 !important;
	text-transform: initial !important;
	font-family: var(--b-font-family-light);
	font-size: 18px;
	line-height: 30px;
	width: 50%;
	margin: 20px;
	max-height: 50px;
	min-width: 65%;
	text-align: left !important;
}

	.store-search-box .all-results:after {
		content: "\e912";
		font-size: 12px;
		float: right;
	}

.page {
	min-height: 200px;
	/**text-align: center;**/
}

.page-body .masonry {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-start;
}

	.page-body .masonry > a {
		width: 48%;
		margin: 1%;
		flex: 1 0 auto;
	}

.page-body > p:empty {
	display: none;
}

.page-body > p > br {
	display: none;
	margin: 0;
	height: 0;
}

.page.registration-page .page-title {
	background-image: url('../images/uploaded/forklaede-og-vaerktoej.jpg');
}

.page.category-page {
	pointer-events: none;
}
.category-page .page-body {
	padding-top: 0;
}

.page-title {
	/*background-image: url('../images/uploaded/potter.jpg') !important*/
	background-image: url('/images/thumbs/001/0017835_Om-nordiq-top.jpeg');
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	margin: 0 -4.5% 24px;
	pointer-events: all !important;
	text-align: left;
}

.shopping-cart-page-body .remove-from-cart button[aria-label],
.wishlist-page-body .remove-from-cart button[aria-label] {
	font-size: 0;
}

	.shopping-cart-page-body .remove-from-cart button[aria-label]:before,
	.wishlist-page-body .remove-from-cart button[aria-label]:before {
		content: "\e905";
		color: var(--danger);
		font-size: 14px;
	}

.wishlist-page-body .add-to-cart button[aria-label]:before {
	/*content: "\e04f";
	font-size: 18px;*/
	content: "";
}

.shopping-cart-page-body #ph-title.page-title {
	background: initial;
	margin: initial;
}
/*@media all and (max-width: 1500px) {
	.page-title[style] {
		background-image: none !important;
	}
}*/
.page-title-container {
	/*background-color: #fff;
	left: 50%;
	min-width: 1400px;
	padding: 110px 9.5% 30px;*/
	padding: 116px 4% 0;
	/*position: inherit;*/
	/**top: 414px;
	transform: translate(-50%,0);
	min-height: 216px;**/
	pointer-events: auto;
}

	.page-title-container .category-description {
		background-color: #fff;
		padding: 8px 24px;
	}

.page-title h1 {
	font-size: var(--fs-h3);
	background-color: #fff;
	padding: 16px 24px 8px;
	margin: 0;
	/*display: inline-block;
	position: relative;
	font-weight: var(--fw-bold);
	margin: 30px 0 0;
	font-family: var(--h-font-family);
	min-width: 80%;
	padding: 20px 30px 0;*/
}

}
/*.page-title h1:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -3px;
	height: 2px;
	background-color: #222;
}*/
.page-title h1:empty {
	display: none;
}

.page:after,
.page-title:after,
.page-body:after {
	content: "";
	display: block;
	clear: both;
}

.page-body {
	margin-top: 32px;
	position: relative;
}

.topic-page-body .page-body {
	margin-top: 0;
}

.buttons {
	text-align: center;
}

.home-page .title {
	margin: 0 0 35px;
	text-align: center;
	font-size: 21px;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	color: #222;
}

	.home-page .title strong {
		position: relative;
	}

		.home-page .title strong:after {
			content: "";
			position: absolute;
			left: 0;
			right: 0;
			bottom: -2px;
			height: 2px;
			background-color: #222;
		}

.home-page-body #slider-container div[data-u='bg'] img {
	position: absolute;
	object-fit: cover;
	object-position: center;
	height: 100% !important;
	width: 100% !important;
	top: 0 !important;
	left: 0 !important;
}

.home-page-body #slider-container[style] {
	max-height: 850px !important;
	/**min-height: 536px;**/
}

/*.home-page-body #slider-container[style],
.home-page-body #slider-container[style] > div[style],
.home-page-body #slider-container[style] > div[style] > div[style] {
	width: 100% !important;
}*/

@media all and (max-width: 1024px) {
	.home-page-body #slider-container[style] {
		/*margin: 50px 0 0;*/
	}
}
.home-page-body .slide-description > *:last-child {
	margin-bottom: 0;
}
.home-page-body .slide-description > p > a {
	display: inline-block;
}
.home-page-body .slide-description {
	/*transform: scale(.92);*/
	bottom: 12%;
	padding: 24px;
	width: 75%;
	left: 20px;
}

	.home-page-body .slide-description p.outline {
		display: inline-block;
		font-family: var(--b-font-family-medium);
		font-size: 14px;
		line-height: initial;
	}
	 
	.home-page-body .slide-description p.outline,
	.home-page-body .slide-description p a {
		border: 1px solid #333;
		color: inherit;
		padding: 10px 15px;
		text-align: center;
	}

		.home-page-body .slide-description p.outline:hover,
		.home-page-body .slide-description p a:hover {
			color: #ffffff;
			background-color: #333333;
		}

.jssorb05 div {
	/*border: 1px solid #333;*/
	background-color: #fff !important;
	border-radius: 50%;
	opacity: .5;
}

.jssorb05 .av {
	opacity: 1;
}

.jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
	width: 6px !important;
	height: 6px !important;
}

.category-description ul,
.manufacturer-description ul,
.vendor-description ul,
.full-description ul,
.topic-html-content ul,
.topic-page ul, .custom-tab ul,
.post-body ul, .news-body ul {
	margin: 20px;
	padding: 0 0 0 36px;
	list-style: disc;
}

	.category-description ul.slick-dots,
	.manufacturer-description ul.slick-dots,
	.vendor-description ul.slick-dots,
	.full-description ul.slick-dots,
	.topic-html-content ul.slick-dots,
	.topic-page ul, .custom-tab ul.slick-dots,
	.post-body ul, .news-body ul.slick-dots {
		padding: 0;
		position: relative;
		bottom: 0;
	}

.category-description ol,
.manufacturer-description ol,
.vendor-description ol,
.full-description ol,
.topic-html-content ol,
.topic-page ol, .custom-tab ol,
.post-body ol, .news-body ol {
	margin: 20px 0;
	padding: 0 0 0 36px;
	list-style: decimal;
}

.category-description td,
.manufacturer-description td,
.vendor-description td,
.full-description td,
.topic-html-content td,
.topic-page td, .custom-tab td,
.post-body td, .news-body td {
	border: 1px solid #ebebeb;
	padding: 10px 20px;
}

.category-description p,
.manufacturer-description p,
.vendor-description p,
.full-description p,
.topic-page p, .custom-tab p,
.topic-html-content p {
	margin: 0 0 20px;
	word-wrap: break-word;
}

.category-description a {
	text-decoration: underline;
}

.post-body p ~ p,
.news-body p ~ p {
	margin-top: 20px;
}

.post-body p ~ table,
.news-body p ~ table {
	margin-top: 20px;
}

.no-data {
	padding: 20px;
	text-align: center;
	color: #222;
}

.noscript {
	background-color: #ff9;
	padding: 20px;
	text-align: center;
}

.link-rss {
	display: none;
}


/* GLOBAL FORMS */


@media all and (max-width: 501px) {
	.fieldset .form-fields {
		display: flex;
		flex-direction: column;
	}

		.fieldset .form-fields .inputs.half-width {
			order: 2;
		}

			.fieldset .form-fields .inputs.half-width + .inputs.half-width {
				order: 4;
			}

		.fieldset .form-fields .title {
			order: 1;
		}

			.fieldset .form-fields .title + .title {
				order: 3;
			}
}

.fieldset, .section {
	margin: 0 0 60px;
}
	/**.fieldset + .buttons {
	display: none;
}**/
	.fieldset + .buttons,
	.section + .buttons {
		margin-top: -25px;
	}

	.fieldset .title,
	.section .title {
		margin: 0 0 35px;
		text-align: center;
		font-size: 19px;
		line-height: 30px;
		letter-spacing: 1.5px;
		text-transform: uppercase;
		color: #222;
	}

		.fieldset .title strong,
		.section .title strong {
			position: relative;
		}

			.fieldset .title strong:after,
			.section .title strong:after {
				content: "";
				position: absolute;
				left: 0;
				right: 0;
				bottom: -2px;
				height: 2px;
				background-color: #222;
			}

.form-fields {
	font-size: 0;
}

	.form-fields:after {
		content: "";
		display: block;
		clear: both;
	}

.inputs {
	position: relative;
	margin: 0 0 25px;
	text-align: center;
	font-size: 0;
	white-space: nowrap; /*keeps 'required' elements on the same line*/
}

	.inputs:after {
		content: "";
		display: block;
		clear: both;
	}

	.inputs label {
		display: block;
		margin: 0 0 10px;
		text-align: center;
		font-size: 14px; /*reset zeroing*/
		text-transform: uppercase;
		color: #222;
	}

	.inputs input[type="text"],
	.inputs input[type="password"],
	.inputs input[type="email"],
	.inputs input[type="tel"],
	.inputs select, .inputs textarea {
		width: 350px;
		max-width: 100%;
		vertical-align: middle;
	}

	.inputs .option-list {
		display: inline-block;
		white-space: normal;
	}

		.inputs .option-list li {
			margin: 10px 0;
		}

		.inputs .option-list label,
		.inputs.reversed label {
			display: inline;
			margin-bottom: 0;
			text-transform: none;
		}

.required {
	position: absolute;
	width: 5px;
	height: 5px;
	margin-left: 5px;
	border-radius: 50%;
	background-color: var(--danger);
	font-size: 0;
}

.inputs .required {
	margin: 5px 0 0 -10px;
}
.input .field-validation-error {
	white-space: normal;
}

.inputs .option-list + .required {
	margin-left: 5px;
}

.message-error,
.field-validation-error,
.username-not-available-status,
.poll-vote-error, .password-error {
	display: block;
	font-size: var(--fs-md);
	font-weight: var(--fw-bold);
	color: var(--danger);
	text-align: left;
}
.validation-summary-errors {
	background: var(--danger);
	color: #fff;
	padding: 8px 16px;
}

.field-validation-valid,
.username-available-status {
	display: block;
	text-align: left;
	font-size: 11px;
	color: #1fc163;
}

.inputs .message-error,
.inputs .field-validation-error,
.inputs .field-validation-valid,
.inputs #username-availabilty {
	margin-top: 3px;
}

.accept-privacy-policy,
.terms-of-service {
	margin: 0 0 25px;
	text-align: center;
	color: #222;
}

	.accept-privacy-policy .read,
	.terms-of-service .read {
		color: var(--danger);
		cursor: pointer;
	}

.fieldset + .accept-privacy-policy,
.fieldset + .terms-of-service {
	margin-top: -20px;
}

.accept-privacy-policy + .accept-consent,
.terms-of-service + .accept-consent {
	margin-top: -20px;
}

.accept-privacy-policy label:before,
.terms-of-service label:before {
	/*multi-line txt workaround*/
	bottom: auto !important;
	top: 4px !important;
}

.captcha-box {
	clear: both;
	margin: 30px 0 0;
	text-align: center;
}

	.captcha-box > div {
		display: inline-block;
	}

	.captcha-box iframe {
		margin: 0;
	}

	.captcha-box input {
		height: auto;
	}


/* GLOBAL TABLES */


.cart, .data-table,
.forums-table-section table {
	margin: 0 0 30px;
	/**border: 1px solid #ebebeb;**/
	border: 1px solid #e2e2e2;
}

	.cart th, .data-table th,
	.forums-table-section th {
		border-width: 1px 0;
		border-style: solid;
		border-color: #ebebeb;
		padding: 20px 15px;
		text-align: left;
		font-size: 12px;
		font-weight: var(--fw-bold);
		color: #222;
		text-transform: uppercase;
		white-space: nowrap;
	}

	.cart th {
		background-color: #f5f5f5;
		font-family: var(--b-font-family-medium);
		font-size: 16px;
		line-height: 28px;
		text-transform: initial;
	}

	.cart td, .data-table td,
	.forums-table-section td {
		min-width: 50px;
		border-width: 1px 0;
		border-style: solid;
		border-color: #ebebeb;
		padding: 20px 15px;
		text-align: left;
	}

		.cart td.sku,
		.cart td.product,
		.cart td.product .labelText,
		.cart td.product .short-description {
			font-family: var(--b-font-family-medium);
			font-size: var(--fs-sm) !important;
			font-weight: var(--fw-medium);
		}

			.cart td.product .labelText {
				color: var(--primary);
				font-weight: var(--fw-bold);
			}

			.mini-shopping-cart .freeShipping > h2,
			.cart-footer .totals > h2,
			.cart td.product a {
				display: block;
				font-family: var(--h-font-family);
				font-size: var(--fs-xl);
				font-weight: var(--fw-bold);
			}
			/*.cart td.product a:first-letter {
	text-transform: capitalize;
}*/
			.cart td.product .stockLabel {
				color: var(--primary);
				font-family: var(--b-font-family-medium);
				font-size: var(--fs-xss);
			}

		.cart td.unit-price {
			font-family: var(--b-font-family);
			font-size: 16px;
			line-height: 40px;
		}

	.cart a, .data-table a,
	.forums-table-section a {
		font-weight: 400;
		color: #222;
	}

	.cart .product,
	.data-table .product,
	.data-table .message,
	.data-table .info,
	.data-table .name {
		text-align: left;
	}

	.cart .remove-from-cart,
	.cart .add-to-cart,
	.data-table .select-boxes,
	.data-table .order {
		text-align: center;
	}

		.cart .remove-from-cart input[type="checkbox"] ~ label:before,
		.cart .add-to-cart input[type="checkbox"] ~ label:before {
			border: 1px solid #e2e2e2;
			height: 18px;
			width: 18px;
		}

	.cart input + .td-title,
	.data-table input + .td-title {
		padding-left: 1px;
		font-size: 0;
	}

	.cart td.product-picture {
		font-size: 0;
	}

	.cart .product-picture a {
		display: inline-block;
		font-size: 0;
	}

	.cart .product-picture img {
		max-width: 60px;
	}

	.cart .attributes,
	.cart .edit-item {
		margin: 5px 0;
	}

		.cart .edit-item a {
			color: var(--danger);
		}

	.cart .rental-info,
	.cart .message-error {
		margin: 5px 0;
	}

	.cart .unit-price {
		white-space: nowrap;
	}

	.cart .qty-input {
		/**width: 55px;**/
		text-align: center;
	}

	.cart .qty-input,
	.cart .qty-dropdown {
		border-color: #202020;
		color: #333;
		font-family: var(--b-font-family-medium);
		font-size: 16px;
		line-height: 40px;
		width: 110px;
		height: 40px;
	}

	.cart .qty-dropdown {
		direction: rtl;
	}

	.cart .product-subtotal {
		/**color: var(--danger);**/
		color: #333 !important;
		font-family: var(--b-font-family-medium);
		font-size: 18px;
		line-height: 30px;
		white-space: nowrap;
	}

	.cart .subtotal .discount,
	.cart .subtotal .discount-info {
		margin: 5px 0;
		white-space: nowrap;
		display: none; /**/
	}


/* NOTIFICATIONS & POPUPS */


.bar-notification {
	display: none;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 1040;
	width: 100%;
	box-shadow: 0 0 20px rgba(0,0,0,0.15);
	background-color: #fff;
	padding: 15px 30px 15px 15px;
	color: #fff !important;
	font-size: 18px;
}

	.bar-notification.success {
		background-color: var(--primary);
	}

	.bar-notification.error {
		background-color: var(--danger);
	}

	.bar-notification.warning {
		background-color: #f6781c;
	}

	.bar-notification .content a {
		text-decoration: underline;
		color: inherit;
	}

	.bar-notification .close {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		height: 16px;
		margin: auto;
		padding: 0 15px;
		cursor: pointer;
	}

		.bar-notification .close:after {
			content: "\e905";
			display: block;
			font-size: 14px;
			line-height: 16px;
			color: #fff;
		}

.eu-cookie-bar-notification {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 1050;
	width: 100%;
	overflow: hidden;
	box-shadow: 0 0 10px rgba(0,0,0,0.25);
	background-color: #222;
	padding: 25px;
	text-align: center;
	color: #fff;
}

	.eu-cookie-bar-notification .text {
		margin: 0 0 20px;
	}

	.eu-cookie-bar-notification .ok-button,
	.eu-cookie-bar-notification .learn-more {
		position: relative;
		margin: 0 10px;
		padding-left: 30px;
		text-transform: uppercase;
	}

		.eu-cookie-bar-notification .ok-button:before,
		.eu-cookie-bar-notification .learn-more:before {
			position: absolute;
			top: -2px;
			left: 0;
			font-size: 20px;
		}

		.eu-cookie-bar-notification .ok-button:before {
			content: "\e080";
		}

		.eu-cookie-bar-notification .learn-more:before {
			content: "\e079";
		}

.ui-dialog-content iframe {
	height: 76vh !important;
}
.ui-dialog-content .slide-container {
	margin-bottom: 0;
}
.ui-dialog-content .center-1 {
	margin-bottom: 0 !important;
}
.ui-dialog-content .slick-dots {
	margin: 0;
}

.ui-dialog .page {
	overflow-y: auto;
}

.ui-dialog {
	position: fixed !important;
	z-index: 1050;
	max-width: 95%;
	box-shadow: 0 0 20px rgba(0,0,0,0.15);
	background-color: #fff;
	top: 112px !important;
}
@media all and (min-width: 1025px) {
	.ui-dialog {
		top: 48px !important;
    }
}

	.ui-dialog:before {
		content: "";
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: -1;
		background-color: #000;
		opacity: 0.6;
	}

	.ui-dialog:after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: -1;
		box-shadow: 0 0 20px rgba(0,0,0,0.15);
		background-color: #fff;
	}

.ui-dialog-titlebar {
	position: relative;
	background-color: #fff;
	padding: 25px 50px 0;
	text-align: center;
	font-size: 21px;
	line-height: 30px;
	font-weight: var(--fw-bold);
	font-family: var(--h-font-family);
	color: #222;
}

	.ui-dialog-titlebar button {
		position: absolute;
		top: 0;
		right: 0;
		width: 50px;
		height: 50px;
		margin: auto;
		outline: 1px solid transparent;
		background-color: #222;
		font-size: 0;
		transition: all 0.2s ease;
	}

		.ui-dialog-titlebar button:after {
			content: "\e905";
			display: block;
			padding-left: 2px;
			font-size: 14px;
			color: #fff;
			transition: all 0.2s ease;
		}

		.ui-dialog-titlebar button:hover {
			outline-color: #222;
		}

.ui-dialog-content {
	height: auto !important;
	background-color: #fff;
	padding: 30px 25px 40px;
	text-align: center;
	line-height: 25px;
	overflow-x: auto;
	max-height: 70vh !important;
}
@media all and (min-width: 1025px) {
	.ui-dialog-content {
		max-height: 85vh !important;
	}
}

	.ui-dialog-content .page {
		min-height: 0;
		text-align: center;
	}

	.ui-dialog-content .page-title {
		position: static;
		height: auto;
		background: none;
	}

		.ui-dialog-content .page-title h1 {
			margin: 0;
			font-size: 21px;
			line-height: 30px;
		}

	.ui-dialog-content .page-body p {
		margin: 20px 0 0;
	}

	.ui-dialog-content .page-body button {
		margin: 20px 0 0;
		outline: 1px solid transparent;
		background-color: #222;
		padding: 10px 25px;
		font-size: 11px;
		color: #fff;
		text-transform: uppercase;
		transition: all 0.2s ease;
	}

		.ui-dialog-content .page-body button:hover {
			outline-color: #222;
		}


/* PRE-LOADERS */


.master-loading-overlay {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 9999;
	background: rgba(255,255,255,0.9);
}

.ajax-loading-block-window {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 999;
	width: 100% !important;
	height: 100% !important;
	margin: auto !important;
	background: rgba(255,255,255,0.9);
}

	.master-loading-overlay:before,
	.ajax-loading-block-window:before {
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		width: 80px;
		height: 80px;
		margin: auto;
		border: 1px solid var(--danger);
		border-top-color: transparent !important;
		border-radius: 50%;
		-webkit-animation: spin 0.5s linear infinite;
		animation: spin 1s linear infinite;
	}

@-webkit-keyframes spin {
	to {
		transform: rotate(360deg);
	}
}

@keyframes spin {
	to {
		transform: rotate(360deg);
	}
}

/* HEADER */
.home-page-body .slide-description {
	background-color: rgba(255,255,255,.9) !important;
	color: #333333;
}

	.home-page-body .slide-description p {
		font-size: var(--fs-sm);
		font-family: var(--b-font-family);
	}

		.home-page-body .slide-description p:first-of-type {
			font-family: var(--b-font-family-medium);
			font-weight: var(--fw-bold);
			margin: 0 0 10px;
		}

		.home-page-body .slide-description p:first-of-type,
		.box.block-1 .element.campain-1 .element-container p:first-of-type,
		.box.block-1 .element.campain-1.reverse .element-container p:first-of-type {
			color: var(--primary);
		}

.box.block-1 .element.campain-1 .element-container {
	background-color: rgba(255,255,255,.9);
}

.box.block-1 .element.campain-1.reverse .element-container {
	background-color: transparent;
	color: #fff;
}

.home-page-body .slide-description h2 {
	font-size: var(--fs-h3);
	font-family: var(--h-font-family);
	margin: 0 0 20px;
}

.header {
	background-color: #fff;
}

.admin-header-links {
	background-color: #222;
	padding: 5px 15px;
	text-align: center;
	color: #fff;
	white-space: nowrap;
}

	.admin-header-links a,
	.admin-header-links span {
		display: inline-block;
		margin: 0 8px;
		line-height: 25px;
	}

		.admin-header-links a:hover {
			text-shadow: 0 0 5px #fff;
		}

	.admin-header-links .impersonate {
		display: inline-block;
	}

		.admin-header-links .impersonate ~ a {
			display: none;
		}

.header-selects select {
	/*width: 100%;
	min-width: 100px;*/
	height: 60px;
	border-width: 0 0 1px;
	border-color: #ddd;
	padding: 0 10px; /*4px diff between Chrome and FF*/
	color: #333;
	/*text-transform: uppercase;*/
}

.language-list {
	max-width: 100%;
	font-size: 0;
}

	.language-list li {
		display: inline-block;
	}

	.language-list a {
		display: block;
		position: relative;
		width: 42px;
		height: 60px;
	}

	.language-list img {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		margin: auto;
	}

.header-text {
	font-family: var(--b-font-family);
	font-size: var(--fs-xs);
	font-weight: var(--fw-bold);
	line-height: 30px;
}

	.header-text span span {
		font-weight: var(--fw-heavy);
	}

.sticky {
	position: sticky;
	transition: 0.36s;
	top: 0;
	z-index: 999;
}

/*.fixed {
	font-size: 24px;
	position: fixed;
	height: 20px;
	transition: 0.34s;
	z-index: 999;
}*/
.fixed { /*header-lower mobile*/
	position: fixed;
	transition: none;
	z-index: 999;
	background: #fff;
	/*border-bottom: 1px solid #ccc;*/
	box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.1);
}

.header-lower {
	display: table;
	width: 100%;
	/*border-bottom: 1px solid #9c9c9c;*/
}

.header-lower-inner {
	display: table-row;
}

.header-lower .table-cell {
	display: table-cell;
	height: 60px;
	vertical-align: middle;
	font-size: 0;
}

.header-lower .nav-button {
	display: inline-block;
	vertical-align: middle;
}
	/**.header-lower .nav-button.menu-button {	
	width: 80px;
}
.header-lower .nav-button .home,**/
	.header-lower .nav-button .trigger {
		display: block;
		position: relative;
		width: 40px;
		height: 50px;
		text-align: center;
		cursor: pointer;
		float: left
	}
		/**.header-lower .nav-button .home:before,**/
		.header-lower .nav-button .trigger:before {
			display: block;
			position: relative;
			font-size: 18px;
			line-height: 50px;
			color: #222;
		}

.header-lower .menu-button .trigger:before {
	content: "\e909";
	font-size: 14px;
}
/**.header-lower .menu-button .home:before {
	content: "\e069";
}**/
.header-lower .search-button .trigger:before {
	content: "\e090";
	top: 1px;
	left: 2px;
}

.header-lower .personal-button .trigger:before {
	content: "\e005";
}

.header-lower .wishlist-button .trigger:before {
	content: "\e08a";
}

.header-lower .cart-button .trigger:before {
	content: "\e04f";
}

.header-logo-wrapper {
	padding: 5px 7px;
	text-align: left;
	white-space: nowrap;
}

.header-logo {
	display: inline-block;
	max-width: calc(100% - 43px);
	margin-left: 3px;
	vertical-align: middle;
	min-width: 112px;
}

	.header-logo a {
		display: block;
		max-width: 100%;
	}

.header-lower .header-logo a svg {
	max-width: 112px;
}


	.header-lower .header-logo a svg .st0 {
		fill: var(--primary-darkmode);
	}

	.header-lower .header-logo a svg .st1 {
		fill: #646363;
	}


/**.header-logo a img {
	max-height: 50px;
	max-width: 100%;
}

@media all and (max-width: 1200px) {
	.header-logo a.logo svg {
		display: none;
	}
}**/

.responsive-nav-wrapper {
	padding: 5px 7px;
	text-align: right;
	white-space: nowrap;
}
	/*.responsive-nav-wrapper.nav-down {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.responsive-nav-wrapper.nav-up {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
}*/
	.responsive-nav-wrapper .counter {
		/*position: absolute;
	top: 7px;
	right: 0px;
	width: 18px;
	border-radius: 50%;
	background-color: var(--danger);
	text-align: center;
	font-size: 10px;
	line-height: 18px;
	letter-spacing: 0;
	font-weight: 400;
	color: #fff;*/
		display: inline-block;
		height: 8px;
		width: 8px;
		border-radius: 50%;
		position: absolute;
		top: 10px;
		right: 5px;
	}

.search-box {
	position: relative;
}
	/*.search-box .search-form {
	position: relative;
	margin: 20px;
}*/
	.search-box .search-box-text {
		width: 100%;
		padding-right: 47px;
	}

		.search-box .search-box-text::placeholder {
			color: #666;
			/*font-size: 12px;*/
			font-family: var(--b-font-family);
			font-weight: var(--fw-normal);
			line-height: 30px;
		}

	.search-box .search-box-button {
		position: absolute;
		top: 0;
		right: 0;
		width: 47px;
		height: 50px;
		font-size: 0;
	}

		.search-box .search-box-button:after {
			content: "\e090";
			margin-right: 3px;
			font-size: 16px;
			color: #222;
		}

.ui-helper-hidden-accessible {
	display: none;
}

.ui-autocomplete {
	position: static !important;
	width: auto !important;
	margin-top: -5px;
	background-color: #fff;
	padding: 0 20px 20px;
}

	.ui-autocomplete .ui-menu-item {
		padding: 5px 0;
	}

		.ui-autocomplete .ui-menu-item:first-child {
			padding-top: 0;
		}

		.ui-autocomplete .ui-menu-item:last-child {
			padding-bottom: 0;
		}

	.ui-autocomplete .ui-menu-item-wrapper {
		display: block;
		font-size: 0;
	}

	.ui-autocomplete .ui-menu-item-image {
		width: 50px;
		margin-right: 10px;
		vertical-align: middle;
	}

	.ui-autocomplete .ui-menu-item-text {
		display: inline-block;
		width: calc(100% - 60px);
		vertical-align: middle;
		font-size: 13px;
	}

	.ui-autocomplete .ui-state-active {
		color: #222;
	}

.wishlist-page-body .master-wrapper-page .page-title,
.shopping-cart-page-body .master-wrapper-page .page-title,
.checkout-pages-body .master-wrapper-page .page-title,
.customer-pages-body .master-wrapper-page .page-title,
.login-page-body .master-wrapper-page .page-title,
/*.registration-page-body .master-wrapper-page .page-title,
.topic-page-body .master-wrapper-page .page-title,*/
.notfound-page-body .master-wrapper-page .page-title,
.order-details-page-body .master-wrapper-page .page-title,
.password-recovery-page-body .master-wrapper-content .page-title,
.password-recovery-confirm-page-body .master-wrapper-content .page-title,
.register-result-page-body .master-wrapper-content .page-title {
	background-image: none !important;
}

	.wishlist-page-body .master-wrapper-page .page-title h1,
	.shopping-cart-page-body .master-wrapper-page .page-title h1,
	.checkout-pages-body .master-wrapper-page .page-title h1,
	.customer-pages-body .master-wrapper-page .page-title h1,
	.login-page-body .master-wrapper-page .page-title h1,
	/*.registration-page-body .master-wrapper-page .page-title h1,
.topic-page-body .master-wrapper-page .page-title h1,*/
	.notfound-page-body .master-wrapper-page .page-title h1,
	.order-details-page-body .master-wrapper-page .page-title h1,
	.password-recovery-page-body .master-wrapper-content .page-title h1,
	.password-recovery-confirm-page-body .master-wrapper-content .page-title h1,
	.register-result-page-body .master-wrapper-content .page-title h1 {
		display: block;
		margin: 60px 0 0;
		text-align: center;
	}

	.wishlist-page-body .master-wrapper-page .page-title p
	.shopping-cart-page-body .master-wrapper-page .page-title p,
	.checkout-pages-body .master-wrapper-page .page-title p,
	.customer-pages-body .master-wrapper-page .page-title p,
	.login-page-body .master-wrapper-page .page-title p,
	.notfound-page-body .master-wrapper-page .page-title p,
	.order-details-page-body .master-wrapper-page .page-title p,
	.password-recovery-page-body .master-wrapper-content .page-title p,
	.password-recovery-confirm-page-body .master-wrapper-content .page-title p,
	.register-result-page-body .master-wrapper-content .page-title p {
		text-align: center;
	}

.ps-container.ps-active-y > .ps-scrollbar-y-rail {
	opacity: 0.6;
}

.mini-shopping-cart {
	padding: 20px;
	font-weight: var(--fw-medium);
}

	.mini-shopping-cart .count {
		margin: 0;
		padding: 16px 0;
		font-family: var(--b-font-family);
		font-size: var(--fs-sm);
		border-bottom: 1px solid #ccc;
	}

		.mini-shopping-cart .count a {
			color: var(--danger);
		}
		.mini-shopping-cart .price span {
			margin: 0 !important;
		}

	.mini-shopping-cart .items {
		position: relative;
		max-height: 300px; /*two visible items*/
		overflow: hidden;
		width: calc(100% + 20px); /*scrollbar space*/
		padding-right: 20px; /*offset fix*/
	}

	.mini-shopping-cart .item {
		border-bottom: 1px solid #ebebeb;
		overflow: hidden;
		padding: 16px 0;
		display: flex;
		flex-direction: row;
		align-items: center;
	}

		.mini-shopping-cart .item.first {
			/*padding-top: 0;*/
		}

	.mini-shopping-cart .picture {
		float: left;
		width: 80px;
		text-align: center;
		font-size: 0;
	}

		.mini-shopping-cart .picture a {
			display: inline-block;
			max-width: 100%;
		}
	/**.mini-shopping-cart .picture + .product {
	margin-left: 100px;
}**/
	.mini-shopping-cart .product {
		position: relative;
		padding-right: 30px;
		flex: 1;
		display: flex;
		flex-direction: column;
	}

	.mini-shopping-cart .name {
		/**max-height: 40px;**/
		overflow: hidden;
		margin: 0 0 10px;
		color: #222;
		font-family: var(--h-font-family);
		font-size: var(--fs-md);
		font-weight: var(--fw-bold);
		margin: 0 0 10px;
	}

		.mini-shopping-cart .name a {
			display: block;
			font-family: var(--h-font-family);
			font-size: var(--fs-md);
			/*margin: 0 0 10px;*/
		}
	/*.mini-shopping-cart .name a:first-letter {
	text-transform: capitalize;
}*/
	.mini-shopping-cart .short-description {
		display: inline-block;
		font-family: var(--b-font-family);
		font-size: 13px;
		line-height: 15px;
		margin: 0 0 10px;
		order: initial;
	}

	.mini-shopping-cart .attributes {
		margin: 10px 0;
	}

	.mini-shopping-cart .price {
		/**font-weight: 400;
	color: var(--danger);**/
		color: #333 !important;
		font-family: var(--b-font-family-medium);
		font-size: 14px;
		line-height: 15px;
		margin: 0 0 10px;
	}

	.mini-shopping-cart .quantity span {
		float: initial !important;
	}

	.mini-shopping-cart .quantity {
		display: inline-block;
		font-family: var(--b-font-family);
		font-size: 13px;
		line-height: 15px;
	}

	.mini-shopping-cart .remove {
		position: absolute;
		top: 50%;
		right: 0;
		height: 30px;
		font-size: 0;
		line-height: 30px;
		cursor: pointer;
		transform: translate(0, -50%);
	}

		.mini-shopping-cart .remove:after {
			content: "\e082";
			font-size: 18px;
			color: #222;
		}

	.mini-shopping-cart .totals {
		font-family: var(--b-font-family-medium);
		font-size: 18px;
		line-height: 30px;
		padding: 20px 0;
		/**font-size: 17px;
	font-weight: 400;
	color: #222;**/
		text-align: center;
		text-transform: uppercase;
		border-top: 1px solid #ccc;
	}

		.mini-shopping-cart .totals strong {
			/**font-weight: 400;**/
			font-family: var(--b-font-family-medium);
			font-size: 18px;
			color: var(--danger);
		}

	.mini-shopping-cart .buttons {
		font-size: 0;
		white-space: nowrap;
	}

	.mini-shopping-cart .button-1 {
		width: 48.5%;
		height: 40px;
		margin-right: 3%;
		/**border: 1px solid #222;**/
		outline: 1px solid transparent;
		overflow: hidden;
		padding: 0 20px;
		font-family: var(--b-font-family-medium);
		font-size: 16px;
		line-height: 30px;
		/**text-transform: uppercase;**/
		white-space: nowrap;
		color: #222;
		transition: all 0.2s ease;
	}

		.mini-shopping-cart .button-1 + input {
			/**background-color: #222;**/
			background-color: var(--primary);
			color: #fff;
		}

		.mini-shopping-cart .button-1:only-child {
			width: 100%;
			/**background-color: #222;**/
			background-color: var(--primary);
			/**font-size: 14px;**/
			font-size: 16px;
			line-height: normal;
			color: #fff;
		}

		.mini-shopping-cart .button-1:hover {
			outline-color: var(--primary);
		}

	.mini-shopping-cart .freeShipping {
		font-family: var(--b-font-family);
		font-size: 16px;
		line-height: 20px;
		margin: 20px 0 0;
		/**text-align: center;**/
	}

		.mini-shopping-cart .freeShipping p {
			margin: 0 0 25px;
		}

			.mini-shopping-cart .freeShipping br,
			.mini-shopping-cart .freeShipping p:empty {
				display: none;
			}

		.mini-shopping-cart .freeShipping h2 {
			padding: 25px 0 0;
		}

			.mini-shopping-cart .freeShipping h2:first-of-type {
				padding: 0;
			}

		.mini-shopping-cart .freeShipping span {
			display: block;
			float: none !important;
			font-family: var(--b-font-family-light) !important;
			margin: 0 !important;
		}

/* FOOTER */

.footer-logo svg {
	max-width: 180px;
}

	.footer-logo svg path:nth-of-type(2) {
		fill: #ffffff;
	}

/**.footer {
	text-align: center;
}**/
.newsletter {
	display: none;
}

.home-page-body
.newsletter {
	display: block;
}

.newsletter .title {
	margin: 0 0 20px;
	padding: 0 20px;
	font-size: 28px;
	color: #222;
}

	.newsletter .title .color {
		color: var(--danger);
	}

.newsletter-subscribe {
	padding: 0 0 35px;
	font-size: 0;
}

.newsletter-email {
	display: inline-block;
	overflow: hidden;
	vertical-align: middle;
}

.newsletter-subscribe-text {
	float: left;
	width: 100%;
	border-color: #666 !important;
	text-align: center;
}

.newsletter-subscribe-button {
	float: left;
	width: 100%;
	height: 46px;
	background-color: #222 !important;
	padding: 0 20px;
	font-size: 12px !important;
	color: #fff !important;
	text-transform: uppercase;
}

.newsletter-email .options {
	clear: both;
	height: 0; /*no options*/
	overflow: hidden;
}

	.newsletter-email .options span {
		display: inline-block;
		margin: 10px 5px 0;
		font-size: 12px;
	}

.newsletter-result {
	background-color: #ebebeb;
	padding: 15px 20px;
	line-height: 30px;
	text-transform: lowercase;
	color: #222;
}

	.newsletter-result:empty {
		display: none;
	}

.newsletter-validation {
	display: none !important;
}

.footer-text {
	padding: 60px 20px 55px;
}

	.footer-text .text,
	.footer-block .text {
		/**max-width: 700px;**/
		/**line-height: 28px;**/
		color: #fff;
		font-family: var(--b-font-family);
		font-size: var(--fs-sm);
		line-height: 22px;
	}

	.footer-text .text {
		margin: 20px 0 30px;
	}

		.footer-text .text.bold {
			font-family: var(--b-font-family-medium);
			font-size: 16px;
			line-height: 30px;
		}
/**.footer-text .read-more {
	display: inline-block;
	min-width: 130px;
	border: 1px solid #fff;
	padding: 8px 15px 7px;
	font-size: 11px;
	color: #fff;
	text-transform: uppercase;
	transition: all 0.2s ease;
}
.footer-text .read-more:hover {
	box-shadow: 0 0 5px rgba(255,255,255,0.4);
}**/

.footer-text {
	padding-bottom: 65px;
}

.footer-block-wrapper {
	display: table;
	width: 100%;
	padding: 0 0 60px;
}

.footer-block-wrapper {
	color: #fff;
	padding: 0 20px;
}

.footer-block .title {
	position: relative;
	margin: 30px 0 0;
	padding: 0 0 16px;
	font-family: var(--b-font-family-medium);
	font-weight: var(--fw-bold);
	font-size: var(--fs-md);
	color: var(--primary-darkmode);
	text-transform: uppercase;
}

/*.footer-block .title:before,
.footer-block .title:after {
	content: "\e910";
	position: absolute;
	top: 0;
	bottom: 0;
	height: 6px;
	margin: auto;
	font-size: 6px;
	color: #fff;
	transition: all 0.2s ease;
}
.footer-block .title:before {
	left: 5px;
}
.footer-block .title:after {
	right: 5px;
}
.footer-block .title.open:before,
.footer-block .title.open:after {
	transform: rotate(180deg);
}
.footer-block .title strong {
	font-weight: 400;
}
.footer-block .list {
	display: none;
	padding: 10px 0;
}*/
.footer-block .text a,
.footer-block .list a {
	display: inline-block;
	padding: 7px 0;
	/**font-size: 13px;**/
	transition: all 0.1s ease;
	color: #fff;
	font-family: var(--b-font-family);
	font-size: 14px;
	line-height: 22px;
}

	.footer-block .list a:hover,
	.footer-block .text a:hover {
		/**color: #fff;**/
		text-decoration: underline;
	}

.footer-lower {
	padding: 40px 0 50px;
}

.footer-social-buttons {
	margin: 24px 0 0;
}

	.footer-social-buttons ul {
		display: flex;
		font-size: 0;
		gap: 16px;
	}

	.footer-social-buttons li {
		display: inline-block;
		margin: 0 5px;
	}

	.footer-social-buttons a {
		display: block;
		width: 24px;
		height: 24px;
		text-align: center;
	}

		.footer-social-buttons a:before {
			font-size: 24px;
			/*color: #222;*/
			color: #fff;
		}

	.footer-social-buttons .facebook {
		background-color: #fff;
		border-radius: 2px;
		padding: 3px 2px 0px 10px;
	}

	.footer-social-buttons .pinterest {
		background-color: #fff;
		border-radius: 50%;
		padding: 3px 0 0;
	}

	.footer-social-buttons .facebook:before {
		content: "\e90a";
		color: #222;
		font-size: 22px;
	}

	.footer-social-buttons .twitter:before {
		content: "\e90b";
	}

	.footer-social-buttons .google:before {
		content: "\e916";
	}

	.footer-social-buttons .pinterest:before {
		content: "\e90c";
		color: #222;
		font-size: 19px;
	}

	.footer-social-buttons .instagram:before {
		content: "\e90d";
	}

	.footer-social-buttons .youtube:before {
		content: "\e917";
	}

	.footer-social-buttons .vimeo:before {
		content: "\e915";
	}

	.footer-social-buttons .rss:before {
		content: "\e90e";
	}

.footer-site-info {
	font-size: 13px;
	line-height: 25px;
	color: #222;
}

	.footer-site-info a {
		color: var(--danger);
	}

.footer-payment-methods {
	margin: 30px 0 0;
}

	.footer-payment-methods ul {
		font-size: 0;
	}

	.footer-payment-methods li {
		display: inline-block;
		width: 34px;
		height: 22px;
		margin: 0 5px;
		background: url('../img/payment_sprite.png') no-repeat;
	}

	.footer-payment-methods .method1 {
		background-position: 0 0;
	}

	.footer-payment-methods .method2 {
		background-position: -34px 0;
	}

	.footer-payment-methods .method3 {
		background-position: -68px 0;
	}

	.footer-payment-methods .method4 {
		background-position: -102px 0;
	}

	.footer-payment-methods .method5 {
		background-position: -136px 0;
	}

	.footer-payment-methods .method6 {
		background-position: -170px 0;
	}

.theme-selector {
	position: relative;
	margin: -15px 0 30px;
}

	.theme-selector select {
		position: relative;
		width: 200px;
		border: none;
		outline: 25px solid #fff;
		background-color: #ebebeb !important;
		color: #222;
	}

	.theme-selector:before {
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		height: 1px;
		margin: auto;
		background-color: #dfdfdf;
	}


/* HOMEPAGE INFO PANEL */


.information-panel {
	display: none; /*hidden on small screens*/
	margin: 0 0 60px;
	overflow: hidden;
	/**background: url('../img/pattern.png') repeat;**/
	padding: 10px;
}

.information-box {
	float: left;
	width: calc(100% - 20px);
	margin: 10px;
	background-color: #fff;
	padding: 25px;
	text-align: center;
}

	.information-box .image {
		margin: 0 0 25px;
		font-size: 0;
	}

	.information-box .title {
		margin: 0 0 15px;
		font-size: 26px;
		letter-spacing: 1px;
		text-transform: none;
	}

	.information-box .description {
		margin: 0 0 -5px;
		line-height: 25px;
	}


/* LEFT/RIGHT COLUMN */

.box .element p, .box .element h1, .box .element h2, .box .element h3, .box .element h4 {
	margin-bottom: 18px;
}

.box {
	display: block;
}

	.box .element {
		background-position: center top;
		background-repeat: no-repeat;
		margin: 0 15px 40px;
		position: relative;
	}

		.box .element p:empty {
			display: none;
		}

		.box .element > h1,
		.box .element > h2,
		.box .element h3 {
			font-family: var(--h-font-family);
		}

		.box .element > h4,
		.box .element > h5 {
			font-family: var(--b-font-family-light);
		}

		.box .element h5 {
			text-transform: uppercase;
		}

	.box.block-1 .element {
		/*width: 100%;*/
		background-size: cover;
		/**height: 330px;**/
		position: relative;
	}

		.box.block-1 .element[style] {
			height: 455px;
		}
		.box.block-1 .element.has-bg {
			height: 455px;
		}
		.box.block-2 .element.has-bg {
			height: 455px;
		}

		/**.box.block-1 .element.shadowBg:after {
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		display: inline-block;
		background: rgb(255,255,255);
		background: -moz-linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(0,0,0,.75) 100%);
		background: -webkit-linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(0,0,0,.75) 100%);
		background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(0,0,0,.75) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#000000",GradientType=1);
		z-index: 2;
	}**/

		.box.block-1 .element .element-container {
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%,-50%);
			z-index: 4;
			width: 75%;
			padding: 20px 20px 0;
			text-align: left;
		}

			.box.block-1 .element .element-container h2,
			.box.block-1 .element .element-container h3 {
				display: block;
				font-family: var(--h-font-family);
			}

			.box.block-1 .element .element-container h2 {
				font-size: var(--fs-h3);
			}

			.box.block-1 .element .element-container h3 {
				font-size: var(--fs-h4);
			}

			.box.block-1 .element .element-container p {
				font-family: var(--b-font-family);
			}

				.box.block-1 .element .element-container p:first-of-type {
					font-family: var(--b-font-family-medium);
					font-weight: var(--fw-bold);
					font-size: var(--fs-md);
					letter-spacing: 0;
					margin: 0 0 10px;
				}


	/**
		.box.block-1 .element .element-container h2,
		.box.block-1 .element .element-container h3 {
			color: #ffffff;
		}

		.box.block-1 .element .element-container p {
			color: #fff;
		}
		**/
	.box.block-2 .element {
		background-size: cover;
	}

		.box.block-2 .element.campain-1 {
			position: relative;
		}

			.box.block-2 .element.campain-1[style]:before {
				content: "";
				display: block;
				padding-top: 74.2857%;
				width: 100%;
			}


			.box.block-2 .element.campain-1 .element-container {
				background-color: rgba(255,255,255,.9);
				padding: 30px;
				position: absolute;
				left: 50%;
				bottom: 50%;
				transform: translate(-50%, 50%);
			}

@media all and (max-width: 1024px) {
	.box.block-2 .element.campain-1:before {
		padding-top: 100%;
	}

	.box.block-2 .element.campain-1 .element-container p:not(:nth-last-of-type(1)) {
		max-width: 266px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

		.box.block-2 .element.campain-1 .element-container h3 br,
		.box.block-2 .element.campain-1 .element-container p:not(:nth-last-of-type(1)) br {
			display: none;
		}
}


.box.block-2 .element.campain-1 .element-container h3 {
	/*font-size: 35px;
	line-height: 45px;
	margin-bottom: 30px;*/
	font-size: var(--fs-h3);
	font-family: var(--h-font-family);
	/*margin: 0;*/
}

	.box.block-2 .element.campain-1 .element-container h3 + p:last-of-type {
		margin: 30px 0 0;
	}

.box.block-2 .element.campain-1 .element-container p {
	margin: 0 0 20px;
}

	.box.block-2 .element.campain-1 .element-container p:last-of-type {
		margin: 0;
	}

	.box.block-2 .element.campain-1 .element-container p a {
		color: #000;
		outline: 1px solid #000;
	}

		.box.block-2 .element.campain-1 .element-container p a:hover {
			background-color: #000;
			color: #fff;
		}

.box.block-11 .element,
.box.block-21 .element {
	text-align: left;
}

	.box.block-11 .element h3 {
		font-size: 20px;
		font-family: var(--h-font-family);
		margin-bottom: 15px;
	}

	.box.block-11 .element h2,
	.box.block-21 .element h2 {
		font-size: 22px;
		font-family: var(--h-font-family);
		margin-bottom: 15px;
	}

	.box.block-11 .element p,
	.box.block-21 .element p {
		line-height: 30px;
		margin-bottom: 15px;
	}

		.box.block-11 .element p a.btn {
			border: 1px solid #707070;
			color: #707070;
			display: inline-block;
			font-size: 20px;
			margin: 35px 0;
			padding: 10px 60px 10px 20px;
			position: relative;
		}

			.box.block-11 .element p a.btn:after {
				content: "\203A";
				position: absolute;
				right: 30px;
				top: 5px;
				font-size: larger;
			}


.box.block-3,
.box.block-4,
.box.new-block-3 {
	display: flex;
	flex-direction: column;
}

	.box.block-3 .element,
	.box.block-4 .element {
		background-size: contain;
	}

		.box.block-3 .element[style]:before,
		.box.block-4 .element[style]:before {
			content: "";
			display: block;
			padding-top: calc(75.86206% - 50px);
			width: 100%;
		}

		.box.block-3 .element .element-container,
		.box.block-4 .element .element-container {
			background-color: #fff;
			margin: 0 25px;
			padding: 25px 15px 0px;
			/*position: relative;*/
			text-align: center;
		}

			.box.block-3 .element .element-container h3,
			.box.block-4 .element .element-container h3 {
				text-align: center;
			}

			.box.block-3 .element .element-container h3 {
				/*margin: 0 0 15px;*/
			}

			.box.block-4 .element .element-container h3 {
				margin-bottom: 0;
				margin-top: 0;
			}

			.box.block-3 .element .element-container p,
			.box.block-4 .element .element-container p {
				font-family: var(--b-font-family-light);
				font-size: var(--fs-md);
				/*line-height: 25px;*/
				color: #000000;
				position: relative;
				margin-bottom: 20px;
			}

.box.block-1-3 .element,
.box.block-3-1 .element {
	font-family: var(--b-font-family-light);
	font-size: 18px;
	line-height: 30px;
	color: #000000;
}

/*@media all and (max-width: 501px) {

		.box.block-3 .element .element-container p,
		.box.new-block-3 .element.campain-1.news .element-container p,
		.box.block-4 .element .element-container p,
		.box.new-block-4 .element.campain-1.news .element-container p {
			max-height: 50px;
			overflow: hidden;
			padding-right: 16px;
		}

			.box.block-3 .element .element-container p:before,
			.box.new-block-3 .element.campain-1.news .element-container p:before,
			.box.block-4 .element .element-container p:before,
			.box.new-block-4 .element.campain-1.news .element-container p:before {
				position: absolute;
				content: "\002026";
				bottom: 0;
				right: 0;
			}

			.box.block-3 .element .element-container p:after,
			.box.new-block-3 .element.campain-1.news .element-container p:after,
			.box.block-4 .element .element-container p:after,
			.box.new-block-4 .element.campain-1.news .element-container p:after {
				content: "";
				position: absolute;
				right: 0;
				width: 16px;
				height: 16px;
			}

			.box.new-block-3 .element.campain-1.news .element-container p:last-of-type:before,
			.box.block-3 .element .element-container p:last-of-type:before,
			.box.new-block-4 .element.campain-1.news .element-container p:last-of-type:before,
			.box.block-4 .element .element-container p:last-of-type:before {
				content: "";
			}
	}*/

.box.block-3 .element .element-container p:last-of-type,
.box.block-4 .element .element-container p:last-of-type {
	/*position: absolute;*/
	bottom: 0;
	left: 0;
	margin-bottom: 0;
	width: 100%;
}

	.box.block-3 .element .element-container p:last-of-type a,
	.box.block-3 .element.campain-1.news .element-container p:last-of-type a,
	.box.block-4 .element .element-container p:last-of-type a,
	.box.block-4 .element.campain-1.news .element-container p:last-of-type a {
		background-color: var(--primary);
		color: #fff;
		display: inline-block;
		font-family: var(--b-font-family-medium);
		font-weight: var(--fw-medium);
		font-size: var(--fs-md);
		min-width: 130px;
		outline: 1px solid transparent;
		padding: 12px 24px;
		text-align: center;
		text-decoration: none;
		transition: all 0.2s ease;
	}

.box.block-1 .element p a.btn-primary,
.box.block-2 .element p a.btn-primary,
.box.block-3 .element p a.btn-primary,
.box.block-4 .element p a.btn-primary {
	background-color: var(--primary);
	color: #fff;
	display: inline-block;
	font-family: var(--b-font-family-medium);
	font-size: 16px;
	min-width: 130px;
	outline: 1px solid transparent;
	padding: 12px 24px;
	text-align: center;
	text-decoration: none;
	transition: all 0.2s ease;
}

.box.block-3 .element .element-container p:last-of-type a:hover,
.box.block-3 .element.campain-1.news .element-container p:last-of-type a:hover,
.box.block-4 .element .element-container p:last-of-type a:hover,
.box.block-4 .element.campain-1.news .element-container p:last-of-type a:hover {
	outline-color: var(--primary);
}

.box.block-1 .element p a.btn-primary:hover,
.box.block-2 .element p a.btn-primary:hover,
.box.block-3 .element p a.btn-primary:hover,
.box.block-4 .element p a.btn-primary:hover {
	outline-color: var(--primary);
}


.box.block-1 .element .element-container p:last-of-type a,
.box.block-2 .element .element-container a {
	color: #222 !important;
	outline: 1px solid #222 !important;
	display: inline-block;
	font-family: var(--b-font-family-medium);
	font-weight: var(--fw-medium);
	font-size: var(--fs-md);
	min-width: 130px;
	outline: 1px solid #fff;
	padding: 10px 24px;
	text-align: center;
	text-decoration: none;
	transition: all 0.2s ease;
}

	.box.block-1 .element .element-container p:last-of-type a:hover,
	.box.block-2 .element .element-container a:hover {
		color: #fff !important;
		outline-color: #fff;
	}

.box.block-1 .element p a.btn-outline,
.box.block-2 .element p a.btn-outline,
.box.block-3 .element p a.btn-outline,
.box.block-3-1 .element p a.btn-outline,
.box.block-4 .element p a.btn-outline {
	color: #222;
	outline: 1px solid #222 !important;
	display: inline-block;
	font-family: var(--b-font-family-medium);
	font-size: 16px;
	min-width: 130px;
	outline: 1px solid #fff;
	padding: 10px 24px;
	text-align: center;
	text-decoration: none;
	transition: all 0.2s ease;
}

	.box.block-1 .element p a.btn-outline:hover,
	.box.block-2 .element p a.btn-outline:hover,
	.box.block-3 .element p a.btn-outline:hover,
	.box.block-3-1 .element p a.btn-outline:hover,
	.box.block-4 .element p a.btn-outline:hover {
		color: #fff !important;
		background-color: #000;
		outline-color: #fff !important;
	}

.box.block-3 .element.campain-1.news,
.box.block-4 .element.campain-1.news {
	background-color: #f5f5f5;
	padding: 30px 15px;
}

	.box.block-3 .element.campain-1.news:before,
	.box.block-4 .element.campain-1.news:before {
		content: none;
	}

	.box.block-3 .element.campain-1.news .element-container,
	.box.block-4 .element.campain-1.news .element-container {
		background-color: #f5f5f5;
		text-align: left;
	}

		.box.block-3 .element.campain-1.news .element-container h3,
		.box.block-4 .element.campain-1.news .element-container h3 {
			text-align: left;
		}

		.box.block-3 .element.campain-1.news .element-container time,
		.box.block-4 .element.campain-1.news .element-container time {
			color: var(--primary);
			font-size: 16px;
			line-height: 40px;
		}

		.box.block-3 .element.campain-1.news .element-container h3,
		.box.block-4 .element.campain-1.news .element-container h3 {
			font-family: var(--h-font-family);
			font-size: 25px;
			/*margin-bottom: 40px;*/
			margin-bottom: 10px;
		}

		.box.block-3 .element.campain-1.news .element-container p,
		.box.block-4 .element.campain-1.news .element-container p {
			color: #000000;
			font-family: var(--b-font-family-light);
			font-size: 16px;
			line-height: 25px;
			position: relative;
			margin: 0 0 20px;
		}

			.box.block-3 .element.campain-1.news .element-container p:last-of-type,
			.box.block-4 .element.campain-1.news .element-container p:last-of-type {
				margin: 0;
			}

.block.block-category-navigation,
.block.block-manufacturer-navigation,
.block.block-recently-viewed-products {
	display: none;
}

.block {
	/**display: none;**/
	margin: 0 0 10px;
	text-align: left;
}

	.block .title {
		background-color: #222;
		padding: 14px 30px;
		letter-spacing: 1.2px;
		color: #fff;
		text-transform: uppercase;
		cursor: pointer;
	}

		.block .title:before {
			content: "\e910";
			margin-right: 5px;
			vertical-align: middle;
			font-size: 6px;
			color: var(--danger);
		}

		.block .title strong {
			vertical-align: middle;
		}

	.block .listbox {
		display: none;
		margin: 0 0 12px;
		border-width: 0 1px 1px;
		border-style: solid;
		border-color: #ebebeb;
		padding: 0 25px;
	}

		.block .listbox:after {
			content: "";
			display: block;
			clear: both;
		}

		.block .listbox img {
			display: none;
		}

	.block .list li,
	.block .view-all {
		border-top: 1px solid #ebebeb;
	}

		.block .list a,
		.block .view-all a {
			display: block;
			overflow: hidden;
			padding: 15px 0;
			line-height: 20px;
			color: #222;
			transition: all 0.2s ease;
		}

			.block .list a:before,
			.block .view-all a:before {
				content: "\e902";
				float: left;
				margin-right: 10px;
				font-size: 7px;
				color: var(--danger);
			}

			.block .list a:hover,
			.block .view-all a:hover {
				color: var(--danger);
			}

	.block .list .active > a {
		color: var(--danger);
	}

	.block .list .name {
		float: left;
	}

	.block .list .number {
		float: right;
		color: #222;
	}

	.block .sublist a {
		padding-left: 15px;
	}

	.block .sublist .sublist a {
		padding-left: 30px;
	}

	.block .view-all {
		font-weight: 400;
	}

	.block .tags {
		padding: 15px 0;
	}

		.block .tags ul {
			font-size: 0;
		}

		.block .tags li,
		.product-tags-all-page li {
			display: inline-block;
			position: relative;
			margin: 0 10px 0 0;
			overflow: hidden;
			font-size: 16px !important; /*base size*/
		}

		.block .tags a,
		.product-tags-all-page a {
			float: left;
			line-height: 30px;
			color: #222;
			transition: all 0.2s ease;
		}

			.block .tags a:hover,
			.product-tags-all-page a:hover {
				color: var(--danger);
			}

		.block .tags + .view-all {
			margin-bottom: 20px;
			border: none;
		}

			.block .tags + .view-all a {
				padding: 0;
			}

	.block .poll {
		padding: 20px 0 25px;
	}

.colorOptions .color {
	box-shadow: initial !important;
	border-radius: initial !important;
	width: 20px !important;
	height: 16px !important;
	background-image: url('../img/color-option-overlay.png');
	background-size: contain;
}

.poll strong {
	display: block;
	margin: 0 0 10px;
	text-transform: uppercase;
	color: #222;
}

.poll-options li,
.poll-results li {
	padding: 10px 0;
}

.poll .buttons {
	padding: 15px 0 0;
	text-align: left;
}

	.poll .buttons input {
		background-color: #222;
		padding: 8px 24px;
		font-size: 11px;
		text-transform: uppercase;
		color: #fff;
	}

	.poll .buttons .please-wait {
		display: none !important;
	}

.poll-total-votes {
	display: block;
	margin: 10px 0 0;
	line-height: 20px;
	color: #222;
}

.home-page-polls li,
.home-page-polls li {
	display: inline-block;
	margin: 0 10px;
}


/* CATEGORY PAGE */
.colorOptions .color {
	right: 40% !important;
}

.breadcrumb {
	/**background: url('../img/pattern.png') repeat;**/
	padding: 0;
	position: relative;
	width: 100%;
	margin: auto;
	font-size: var(--fs-xs);
}

	.breadcrumb ul {
		padding: 8px 16px 7px;
		background: rgba(255,255,255, .65);
		position: absolute;
		z-index: 11;
	}

	.breadcrumb li {
		display: inline-block;
	}

	.breadcrumb a,
	.breadcrumb strong,
	.breadcrumb .delimiter {
		display: inline-block;
		vertical-align: middle;
		font-weight: var(--fw-medium);
		color: var(--coal);
	}
	.breadcrumb .delimiter {
		padding: 0 6px 0 4px;
	}

	.breadcrumb .current-item {
		font-weight: var(--fw-medium);
		opacity: .75;
	}

	.breadcrumb a:hover {
		color: var(--coal);
		text-decoration: underline;
	}

	.breadcrumb .delimiter {
		margin-top: -1px;
		font-size: 0;
	}

		.breadcrumb .delimiter:after {
			content: "\e902";
			font-size: 8px;
		}

.sub-category-list {
	margin: 0;
	padding: 16px 4%;
	background: #fff;
	/*font-size: 0;*/
}

.sub-category-item {
	display: inline-block;
	position: relative;
	padding: 0 10px;
	font-size: var(--fs-sm);
	font-weight: var(--fw-medium);
}

	.sub-category-item:first-of-type,
	.sub-category-item:first-of-type a.name {
		padding-left: 0;
	}

	.sub-category-item:before {
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		left: -1px;
		width: 1px;
		height: 15px;
		margin: auto;
		background-color: #c5c5c5;
	}

	.sub-category-item:first-child:before {
		display: none;
	}

	.sub-category-item .name {
		display: block;
		padding: 5px;
	}

		.sub-category-item .name:hover {
			color: #222;
			text-decoration: underline;
		}

.category-description,
.manufacturer-description,
.vendor-description {
	padding: 0 0 30px;
}

.contact-vendor {
	display: none; /*hidden*/
	margin: 0 0 40px;
}

.contact-vendor-button {
	background-color: #222 !important;
	padding: 8px 24px;
	font-size: 12px !important;
	text-transform: uppercase;
	color: #fff !important;
}

.filters-button {
	display: none;
	margin: 0 0 15px;
	background-color: #222;
	padding: 15px;
	font-weight: 400;
	color: #fff;
	text-transform: uppercase;
	cursor: pointer;
	text-align: center;
	pointer-events: auto;
}

	.filters-button:before {
		content: "\e06c";
		margin-right: 5px;
		vertical-align: middle;
		font-size: 17px;
		color: #fff;
	}

	.filters-button span {
		vertical-align: middle;
	}

.product-filters {
	display: none; /*unsupported*/
}

.totalProductCount {
	font-family: var(--b-font-family);
	font-size: 14px;
	letter-spacing: 0;
	line-height: 40px;
	position: absolute;
	top: -45px;
}

.product-selectors {
	/**margin: 0 0 30px;**/
	display: flex;
	justify-content: space-between;
	gap: 16px;
	margin: 0;
	padding: 16px 0 24px;
	pointer-events: none;
}

	.product-selectors:after {
		/*content: "";
		display: block;
		clear: both;*/
	}

.product-select-block {
	display: flex !important;
	/*float: right !important;*/
	/*float: left;*/
	/*width: 48%;*/
	/*/margin-right: 4%;*/
	pointer-events: all;
	align-items: center;
	gap: 8px;
}

	.product-select-block.add {
		display: none;
	}

	.product-select-block span.select-show {
	}
	.product-select-block span.select-per-page {
	}
	.product-select-block span.select-order-by {
		display: none;
	}

	.product-select-block span {
		/*display: none;*/
		white-space: nowrap;
	}

	.product-select-block select {
		width: 100%;
		border-color: transparent;
		background-color: #fff !important;
		/**text-transform: lowercase;**/
		color: #222;
	}

.product-page-size {
	margin-right: 0 !important;
}

.product-viewmode {
	display: none;
	font-size: 0;
}

	.product-viewmode a {
		display: inline-block;
		position: relative;
		width: 50px;
		height: 50px;
		text-align: center;
		vertical-align: middle;
		font-size: 0;
	}

		.product-viewmode a:after {
			display: block;
			position: relative;
			font-size: 18px;
			line-height: 50px;
		}

		.product-viewmode a.grid:after {
			content: "\e06a";
			left: 1px;
		}

		.product-viewmode a.list:after {
			content: "\e067";
		}

		.product-viewmode a.selected {
			background-color: #222;
			color: #fff;
		}


.item-grid:after {
	content: "";
	display: block;
	clear: both;
}

.item-box .picture > button {
	position: absolute;
	bottom: 10px !important;
	right: 10px;
	z-index: 10;
}

/*.item-grid.line-count-1 .item-box:not(:first-child) {
	margin: 0 3px 0 0;
}

.item-grid.line-count-1 .item-box:last-child {
	margin: 0;
}*/

.item-grid.line-count-1 .item-box {
	/*margin: 0 !important;*/
	padding: 0 3px 1px;
	clear: none !important;
}


.item-box {
	position: relative;
	float: left;
	width: 48%; /*two per row*/
	margin: 0 0 30px 4%;
	pointer-events: auto;
}

	.item-box:nth-child(2n+1) {
		clear: both;
		margin-left: 0;
	}

	.item-box .picture {
		border: 1px solid #e2e2e2;
		margin: 0 0 8px;
		position: relative;
		z-index: 10;
	}
	.item-box .picture figcaption {
		position: absolute;
		z-index: 1;
		background: #f0f0f0;
		padding: 1px 6px;
		top: 0;
		right: 0;
		font-size: var(--fs-xxs);
		opacity: .8;
		pointer-events: none;
		line-height: 1.4;
	}

		.item-box .picture button {
			display: inline-block;
			width: 40px;
			height: 40px;
			font-size: 0;
		}

			.item-box .picture button:before {
				display: block;
				position: relative;
				font-size: 18px;
				line-height: 40px;
				color: #222;
			}

		.item-box .picture:hover span {
			min-width: 130px;
			cursor: pointer;
			outline: 1px solid #fff;
			padding: 10px 24px;
			display: inline-block;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			font-family: var(--b-font-family-medium);
			font-size: 16px;
			line-height: 40px;
			color: #ffffff;
			text-align: center;
			z-index: 1;
			pointer-events: none;
		}

		.item-box .picture:hover:before {
			background-color: rgba(0,0,0,.3);
			content: "";
			cursor: pointer;
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			z-index: 1;
			pointer-events: none;
		}

		.item-box .picture a {
			display: block;
			position: relative;
			overflow: hidden;
		}

			.item-box .picture a:before {
				content: "";
				display: block;
				padding-top: 88.8554%;
			}

		.item-box .picture img {
			position: absolute;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			max-width: 100%;
			margin: auto;
			object-fit: contain;
			width: 100%;
			height: 100%;
		}

		.item-box .picture span {
			display: none;
		}

	.item-box .details {
		/*text-align: center;*/
		color: #333333;
		display: flex;
		flex-direction: column;
		/**min-height: 193px;**/
	}

		.item-box .details .product-title {
			order: 1;
		}

		.item-box .details .priceWidget {
			font-family: var(--b-font-family-medium);
			font-size: var(--fs-sm);
			order: 4;
			padding: 8px 0;
		}

			.item-box .details .priceWidget .normalPrice:empty,
			.item-box .details .priceWidget .normalColli:empty,
			.item-box .details .priceWidget .campaignLabel:empty {
				display: none;
			}

			.item-box .details .priceWidget .normalPrice,
			.item-box .details .priceWidget .normalCampaignLabel,
			.item-box .details .priceWidget .normalColli {
				font-size: var(--fs-xss);
				font-weight: var(--fw-bold);
			}

			.item-box .details .priceWidget .priceLabel,
			.item-box .details .priceWidget .campaignLabel,
			.item-box .details .priceWidget .colliLabel {
				font-size: var(--fs-lg);
				font-weight: var(--fw-heavy);
			}
			.item-box .details .priceWidget .colliLabel {
				font-size: var(--fs-xss);
			}

			.item-box .details .priceWidget .priceLabel,
			.item-box .details .priceWidget .campaignLabel {
				font-family: var(--b-font-family-bold);
				font-weight: var(--fw-heavy);
			}

			.item-box .details .priceWidget .campaignLabel,
			.item-box .details .priceWidget .normalCampaignLabel {
				color: var(--primary);
			}

		/*.item-box .details .colliUnitLabel {
	font-family: var(--b-font-family-medium);
	font-size: 18px;
	line-height: 28px;
}
.item-box .details .sku {
	margin: 0 0 10px;
}*/
		.item-box .details .short-description {
			font-family: var(--b-font-family-medium);
			font-weight: var(--fw-medium);
			font-size: var(--fs-sm);
			margin: 0 0 16px;
			order: 2;
		}
		/*.item-box .details .short-description:first-letter {
	text-transform: capitalize;
}*/

		.item-box .details .stockLabel {
			color: var(--primary);
			font-family: var(--b-font-family-medium);
			font-size: var(--fs-sm);
			font-weight: var(--fw-bold);
			order: 3;
		}
		.item-box .details .stockLabel .labelText {
			font-weight: var(--fw-bold);
		}

	.item-box .product-title {
		margin-bottom: 8px;
		/*overflow: hidden;*/
		font-size: var(--fs-h5);
		font-family: var(--h-font-family);
	}
		/*.item-box .product-title:first-letter {
    text-transform: capitalize;
}*/
		.item-box .product-title a {
			display: block;
			text-decoration: none;
		}
		.item-box .product-title a:hover {
			text-decoration: underline;
		}

	.item-box .rating-box {
		display: none; /*hidden*/
	}

	.item-box .rating-box,
	.overview .rating-box,
	.search-box .rating-box {
		margin: 0 0 10px;
		font-size: 0;
	}

	.item-box .rating-icons,
	.overview .rating-icons,
	.search-box .rating-icons {
		display: inline-block;
		position: relative;
		height: 11px;
		color: #f6e030;
		white-space: nowrap;
		letter-spacing: 3px;
	}

		.item-box .rating-icons:before,
		.overview .rating-icons:before,
		.search-box .rating-icons:before {
			content: "\e900 \e900 \e900 \e900 \e900";
			position: absolute;
			left: 0;
			font-size: 10px;
		}

		.item-box .rating-icons .rating,
		.overview .rating-icons .rating,
		.search-box .rating-icons .rating {
			position: relative;
			overflow: hidden;
		}

			.item-box .rating-icons .rating:before,
			.overview .rating-icons .rating:before,
			.search-box .rating-icons .rating:before {
				content: "\e901 \e901 \e901 \e901 \e901";
				font-size: 10px;
			}

	.item-box .description {
		/*display: none; unsupported*/
	}

		.item-box .description p {
			font-size: 14px;
			line-height: 40px;
		}

	.item-box .old-price {
		text-decoration: line-through;
		margin: 0 3px;
		color: #999;
	}

	.item-box .actual-price {
		margin: 0 3px;
		/*font-size: 17px;
	font-weight: 400;
	color: #222;*/
		font-family: var(--b-font-family-bold);
		font-weight: var(--fw-bold);
		font-size: 18px;
		line-height: 28px;
		color: #333333;
		text-transform: uppercase;
	}

	.item-box .buttons {
		/*display: none; not available on small screens*/
	}
		/**.item-box .buttons button {
	display: inline-block;
	width: 40px;
	height: 40px;
	font-size: 0;
}
.item-box .buttons button:before {
	display: block;
	position: relative;
	font-size: 18px;
	line-height: 40px;
	color: #222;
}**/


.ajax-cart-button-wrapper input, .ajax-cart-button-wrapper select {
	height: 36px !important;
}
		.item-box .buttons .wrap {
			text-align: left;
			width: 100%;
		}

			.item-box .buttons .wrap .ajax-cart-button-wrapper > input[type=text],
			.item-box .buttons .wrap .ajax-cart-button-wrapper > select {
				border: 1px solid #999;
				border-radius: initial;
				display: inline-block !important;
				width: 60px;
				/**width: 100%;
	height: 52px;**/
				direction: rtl;
				font-family: var(--b-font-family-medium);
				font-size: 16px;
				line-height: 36px;
			}

			.item-box .buttons .wrap .product-box-add-to-cart-button {
				font-family: var(--b-font-family-medium);
				font-weight: var(--fw-medium);
				font-size: var(--fs-md);
				line-height: 1;
				height: 36px;
				color: #ffffff;
				text-align: center;
				background-color: var(--primary);
				padding: 7px 16px 8px;
				/**float: right;**/
			}

				.item-box .buttons .wrap .product-box-add-to-cart-button:before {
					content: "";
				}


.quick-view-button:before {
	content: "\e090";
	top: 1px;
	left: 2px;
}

.add-to-compare-list-button:before {
	content: "\e059";
	top: -1px;
	left: 1px;
}

.add-to-wishlist-button:before {
	content: "\e08a";
}

.product-box-add-to-cart-button:before {
	content: "\e04f";
}

.manufacturer-item .title,
.vendor-item .title {
	/**background: url('../img/pattern.png') repeat;**/
	text-align: center;
	font-size: 17px;
	line-height: 24px;
	font-weight: 400;
	color: #222;
}

	.manufacturer-item .title a,
	.vendor-item .title a {
		display: block;
		padding: 14px 18px 12px;
	}

.manufacturer-item .picture,
.vendor-item .picture {
	margin-bottom: 0;
}

	.manufacturer-item .picture a:before,
	.vendor-item .picture a:before {
		padding-top: 65%;
	}

.product-grid .title {
	margin: 0 0 35px;
	text-align: center;
	font-size: 21px;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	color: #222;
}

	.product-grid .title strong {
		position: relative;
		font-weight: var(--fw-bold);
	}

		.product-grid .title strong:after {
			content: "";
			position: absolute;
			left: 0;
			right: 0;
			bottom: -2px;
			height: 2px;
			background-color: #222;
		}

.home-page .product-grid {
	margin: 0 0 20px;
}

.featured-product-grid .title {
	display: none;
}

.related-products-grid,
.also-purchased-products-grid {
	margin: 0 0 20px;
}

.product-grid.cross-sells {
	margin-top: 50px;
}

.pager {
	margin: 10px 0 0;
	pointer-events: all;
	text-align: center;
}

	.pager ul {
		font-size: 0;
	}

	.pager li {
		display: inline-block;
		margin: 0 -1px -1px 0;
		border: 1px solid #ebebeb;
		vertical-align: middle;
	}

		.pager li a,
		.pager li span {
			display: block;
			width: 48px;
			height: 48px;
			background-color: #fff;
			font-size: 14px; /*reset zeroing*/
			line-height: 49px; /*odd number for cross-browser consistency*/
			font-weight: 400;
			color: #222;
			cursor: pointer;
			transition: all 0.2s ease;
		}

			.pager li a:hover {
				background-color: #222;
				color: #fff;
			}

		.pager li span {
			border-color: #222;
			background-color: #222;
			color: #fff;
		}

	.pager .previous-page a,
	.pager .next-page a,
	.pager .first-page a,
	.pager .last-page a {
		font-size: 0;
		color: #444;
	}

		.pager .previous-page a:before,
		.pager .next-page a:before,
		.pager .first-page a:before,
		.pager .last-page a:before {
			display: block;
			font-size: 11px;
		}

		.pager .previous-page a:before {
			content: "\e903";
		}

		.pager .next-page a:before {
			content: "\e904";
		}

		.pager .first-page a:before {
			content: "\e913";
		}

		.pager .last-page a:before {
			content: "\e914";
		}

/* FEATURED CATEGORIES */


.featured-categories.default {
	margin: 0 0 20px;
}

	.featured-categories.default .title {
		margin-bottom: 25px;
		font-size: 17px;
	}

	.featured-categories.default .text,
	.featured-categories.default .button {
		display: none;
	}

	.featured-categories.default .picture {
		margin: 0;
	}

		.featured-categories.default .picture img {
			max-width: none;
			height: 100%;
		}

.featured-categories.in-header {
	position: relative;
	z-index: 0;
}

	.featured-categories.in-header .item-box {
		clear: none;
		width: 100%;
		margin: 0;
	}

	.featured-categories.in-header .wrapper {
		position: relative;
	}

	.featured-categories.in-header .details {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 1;
	}

	.featured-categories.in-header .table {
		display: table;
		width: 100%;
		height: 100%;
	}

	.featured-categories.in-header .table-cell {
		display: table-cell;
		vertical-align: middle;
	}

	.featured-categories.in-header .title {
		font-family: 'Times New Roman', serif;
		font-size: 9vw;
		/*letter-spacing: 0px;*/
		text-transform: uppercase;
		color: #fff;
	}

	.featured-categories.in-header .button {
		display: none; /*inline-block to show*/
		margin: 15px 0 0;
		border: 1px solid #fff;
		padding: 11px 25px 9px;
		font-size: 11px;
		white-space: nowrap;
		text-transform: uppercase;
		color: #fff;
	}

	.featured-categories.in-header .picture {
		margin: 0;
	}

		.featured-categories.in-header .picture:after {
			content: "";
			position: absolute;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			opacity: 0.8;
		}

	.featured-categories.in-header
	.item-box:nth-child(3n+1) .picture:after {
		background-color: var(--danger);
	}

	.featured-categories.in-header
	.item-box:nth-child(3n+2) .picture:after {
		background-color: #58c4ed;
	}

	.featured-categories.in-header
	.item-box:nth-child(3n+3) .picture:after {
		background-color: #e1c900;
	}

	.featured-categories.in-header img {
		max-width: none;
		height: 100%;
	}

	.featured-categories.in-header
	.sub-category-list {
		display: none;
	}

	.featured-categories.in-header
	.sub-category-item:before {
		background-color: #fff;
	}

	.featured-categories.in-header
	.sub-category-list .name {
		color: #fff;
		transition: all 0.1s ease;
	}

		.featured-categories.in-header
		.sub-category-list .name:hover {
			text-shadow: 0 0 0 #fff;
		}


/* PRODUCT PAGE */

.dot {
	font-weight: bold;
	-webkit-text-stroke: black 1px;
	font-size: 18px;
}

/*.labelText {
	font-size: 12px !important;
}*/

.overview .add-to-cart {
	display: inline !important;
}

.availability {
	display: none !important;
}

/* slideshows */
.nop-jcarousel .slick-dots button,
.nop-jcarousel .slick-dots .slick-active button, .nop-jcarousel .slick-dots button:hover {
	background-color: transparent !important;
}
.nop-jcarousel .item-grid {
	overflow: unset !important;
}
.nop-jcarousel .slick-prev, .nop-jcarousel .slick-next {
	transform: translateY(-50%);
	margin-top: 0;
	background-color: transparent !important;
	border: 0;
	width: 20px !important;
	height: 20px !important;
}
.nop-jcarousel .slick-prev:before, .nop-jcarousel .slick-next:before {
	color: #222 !important;
	font-size: 25px !important;
}
	.nop-jcarousel .slick-prev:before {
		content: '←' !important;
	}
.nop-jcarousel .slick-prev:after, .nop-jcarousel .slick-next:after {
	display: none !important;
}

.nop-jcarousel .slick-next {
	right: -25px !important;
}
.nop-jcarousel .slick-prev {
	left: -25px !important;
}

.slick-slide {
	margin: 0 2px;
	height: auto !important;
}

.product-details-page .nop-jcarousel .carousel-title {
	font-size: var(--fs-h2);
	text-transform: initial;
	font-family: var(--h-font-family);
}

	.product-details-page .nop-jcarousel .carousel-title strong {
		
	}

		.product-details-page .nop-jcarousel .carousel-title strong:after {
			height: 0;
		}

.product-details-page .nop-jcarousel .carousel-item .item-box {
	text-align: initial;
}

.product-details-page .nop-jcarousel button.button-2.add-to-wishlist-button[style] {
	top: initial !important;
}

.product-essential {
	margin: 0 0 60px;
}

	.product-essential:after {
		content: "";
		display: block;
		clear: both;
	}

.product-collateral {
	display: none;
}

.gallery {
	border: 1px solid #e2e2e2;
	max-width: 600px;
	margin: 0 auto 40px;
}

	.gallery .picture {
		position: relative;
		overflow: hidden;
		text-align: center;
		font-size: 0;
	}

		.gallery .picture a {
			display: inline-block;
			max-width: 100%; /*Ie fix*/
		}

	.gallery .picture-thumbs {
		overflow: hidden;
		text-align: center;
		font-size: 0;
	}

	.gallery .thumb-item {
		position: relative;
		float: left;
		width: 22.75%;
		margin: 3% 0 0 3%;
		overflow: hidden;
	}

		.gallery .thumb-item:nth-child(4n+1) {
			clear: both;
			margin-left: 0;
		}

		.gallery .thumb-item:before {
			content: "";
			display: block;
			padding-top: 100%;
		}

		.gallery .thumb-item img {
			position: absolute;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			max-width: 100%;
			max-height: 100%;
			margin: auto;
		}





div.slide-container {
	display: inline-block;
	margin-bottom: 2%;
	width: 100%;
}

	div.slide-container > div.picture,
	div.slide-container > div.product-grid {
		display: inline-block;
		float: left;
		margin-top: 20px;
	}

	div.slide-container > div.picture {
		width: 49%;
		margin-right: 1%
	}

		div.slide-container > div.picture > img {
			max-width: 100%;
			height: auto;
		}

	div.slide-container > div.product-grid {
		width: 49%;
	}

		div.slide-container > div.product-grid > div.slider-controls {
			display: flex;
			justify-content: center;
		}

			div.slide-container > div.product-grid > div.slider-controls button.slick-disabled {
				opacity: .3;
				cursor: default;
			}

	div.slide-container .item-box .details .short-description {
		max-width: 275px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	div.slide-container .item-box .details .product-title {
		/*min-height: 50px !important;*/
	}

	div.slide-container div.slick-track {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	div.slide-container ul.slick-dots li:only-child {
		display: none;
	}
/*.slick-dots li button {
	border-radius: 50%;
}*/
.slick-dots li button:before {
	background-color: #222;
	color: initial;
	content: "" !important;
	height: 5px !important;
	margin: 7px 0;
}

.slick-dots li.slick-active button {
	background-color: transparent;
	/*border: 1px solid #222 !important;*/
}

.topic-page-body .slick-prev,
.topic-page-body .slick-next {
	top: auto !important;
	bottom: 2px;
	z-index: 10;
}

.topic-page-body .slick-prev {
	left: 0 !important;
}

.topic-page-body .slick-next {
	right: 0 !important;
}

	.topic-page-body .slick-prev:before,
	.topic-page-body .slick-next:before {
		color: #222 !Important;
		font-size: xx-large !Important;
		opacity: 1 !Important;
	}

.topic-page-body .slick-prev:before {
	content: "\02039" !Important;
}

.topic-page-body .slick-next:before {
	content: "\0203A" !Important;
}

.brandImage {
	position: absolute;
	top: 25px;
	right: 10px;
	height: 75px;
	width: 75px;
	z-index: 10;
}

.ribbon-position.top-left {
	top: 10px !important;
	left: 10px !important;
	z-index: 99;
}

.ribbon-position.top-right {
	top: 30px !important;
	right: 30px !important;
}

.product-ribbon {
	width: 50px;
	height: 50px;
	background-color: var(--primary);
	border-radius: 50%;
}

	.product-ribbon.q-pris {
		background-image: url('../images/svg/q.svg');
		background-repeat: no-repeat;
		background-position: 55% 30%;
		background-size: 50%;
	}

		.product-ribbon.q-pris .ribbon-text {
			font-family: var(--b-font-family);
			text-transform: uppercase;
			color: #fff;
			position: absolute;
			bottom: 10px;
			transform: translate(-50%);
			left: 50%;
		}

	.product-ribbon.tilbud .ribbon-text {
		font-family: var(--b-font-family);
		text-transform: uppercase;
		color: #fff;
		position: absolute;
		top: 50%;
		transform: translate(-50%, -50%);
		left: 50%;
	}

	.product-ribbon.percent .ribbon-text {
		font-family: var(--b-font-family);
		font-size: 28px;
		line-height: 30px;
		color: #fff;
		position: absolute;
		top: 45%;
		transform: translate(-50%, -50%);
		left: 50%;
	}

.miniProductDetailsView .gallery img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	max-width: 100%;
	max-height: 100%;
	margin: auto;
	width: unset !important;
}

.discontinued-product {
	margin: 0 0 10px;
	text-align: center;
}

	.discontinued-product h4 {
		font-size: 18px;
		font-weight: 400;
		color: var(--danger);
	}

.overview {
	display: flex;
	flex-direction: column;
}

	.overview .product-name {
		/**position: absolute;
			top: 80px;
			left: 0;
			right: 0;**/
		max-width: 800px;
		/**margin: auto;**/
		background-color: #fff;
		padding: 0 4%;
		order: 1;
	}

		.overview .product-name h1 {
			/**font-size: 20px;
	font-weight: 300;
	color: #222;**/
			font-family: var(--h-font-family);
			font-size: var(--fs-h2);
		}

	/*.overview .product-name h1:first-letter {
	text-transform: capitalize;
}*/

	.overview .priceWidget {
		font-family: var(--b-font-family-medium);
		font-size: 18px;
		line-height: 28px;
		order: 6;
	}


	.overview .stockLabel {
		font-family: var(--b-font-family-medium);
		font-size: 14px;
		line-height: 28px;
		order: 5;
	}

	.overview .full-description {
		font-family: var(--b-font-family-light);
		font-size: var(--fs-md);
		margin: 0 0 20px;
		order: 4;
		text-align: left;
	}

	.overview .priceWidget {
		padding: 16px 0;
	}
		.overview .priceWidget .normalPrice,
		.overview .priceWidget .normalCampaignLabel,
		.overview .priceWidget .normalColli {
			font-size: var(--fs-lg);
			font-weight: var(--fw-bold);
			padding-bottom: 8px;
			display: inline-block;
		}
		.overview .priceWidget .priceLabel,
		.overview .priceWidget .campaignLabel,
		.overview .priceWidget .colliLabel {
			font-size: var(--fs-xl);
			font-weight: var(--fw-medium);
		}

	.overview .priceWidget .priceLabel,
	.overview .priceWidget .campaignLabel {
		font-family: var(--b-font-family-bold);
		font-weight: var(--fw-bold);
	}

	.overview .priceWidget .normalCampaignLabel,
	.overview .priceWidget .campaignLabel {
		color: var(--primary);
	}

	.overview .cart-buttons-wrapper {
		order: 7;
	}


	/*.overview .product-price {
	color: #333 !important;
	font-family: var(--b-font-family-bold);
	font-size: 25px;
	line-height: 34px;
}

.product-reviews-overview {
	margin: 7px 0 14px;
}
.overview .rating-box {
	display: inline-block;
	margin: 0;
}
.product-no-reviews,
.product-review-links {
	margin: 5px 0 0;
}
.product-no-reviews a,
.product-review-links a {
	font-size: 13px;
	color: #222;
}*/

	.overview .prices label,
	.variant-overview .prices label {
		display: none;
	}

	.overview .rental-price,
	.variant-overview .rental-price {
	}

	.overview .old-product-price,
	.variant-overview .old-product-price,
	.overview .non-discounted-price,
	.variant-overview .non-discounted-price {
		text-decoration: line-through;
		color: #999;
	}

	.overview .product-price,
	.variant-overview .product-price {
		font-size: 28px;
		color: var(--danger);
	}

	.overview .value,
	.variant-overview .value {
	}

		.overview .value a,
		.variant-overview .value a {
			color: var(--danger);
		}

.manufacturers {
	margin: 0 0 30px;
	text-transform: uppercase;
}

	.manufacturers .label {
		display: none;
	}

	.manufacturers +
	.additional-details {
		font-family: var(--b-font-family-medium);
		font-size: 16px;
		line-height: 30px;
		/**margin-top: -25px;**/
	}

.additional-details {
	/**margin: 0 0 30px;**/
	margin: 0 0 40px;
	line-height: 28px;
	order: 2;
}
	/**.additional-details .gtin,
.additional-details .mpn,**/
	.additional-details .sku {
		/**text-decoration: underline;**/
		font-family: var(--b-font-family-medium);
		font-size: var(--fs-md);
		font-weight: var(--fw-bold);
		text-transform: uppercase;
		padding-top: 8px;
	}

.short-description {
	font-family: var(--b-font-family-medium);
	font-size: var(--fs-xl);
	font-weight: var(--fw-medium);
	/*line-height: 34px;*/
	/**line-height: 25px;**/
	max-width: 800px;
	margin: 0 auto 40px;
	order: 3;
	display: inline;
}

.delivery {
	margin: 0 0 40px;
}

	.delivery .free-shipping {
		font-weight: 400;
		text-transform: uppercase;
		color: #222;
	}

		.delivery .free-shipping:before {
			content: "\e00c";
			position: relative;
			top: -2px;
			margin: 0 7px 0 -10px;
			vertical-align: middle;
			font-size: 20px;
		}

.download-sample {
	margin: 0 0 40px;
}

.download-sample-button {
	font-weight: 400;
	text-transform: uppercase;
	color: var(--danger);
}

	.download-sample-button:before {
		content: "\e083";
		position: relative;
		top: -1px;
		margin-right: 7px;
		vertical-align: middle;
		font-size: 20px;
	}

.attributes {
	margin: 30px 0;
}

	.attributes dt {
		display: block;
		margin: 30px 0 15px;
		font-weight: 400;
		text-transform: uppercase;
		color: #222;
	}

	.attributes dd {
		margin: 15px 0 30px;
	}

	.attributes dt:first-child {
		margin-top: 0;
	}

	.attributes dd:last-child {
		margin-bottom: 0;
	}

	.attributes dt#checkout_attribute_label_4,
	.attributes dd#checkout_attribute_input_4 {
		display: none;
	}

	.attributes dt#checkout_attribute_label_5 label.text-prompt {
		font-family: var(--b-font-family-medium);
	}

		.attributes dt#checkout_attribute_label_5 label.text-prompt span {
			color: #9b4646;
		}

	.attributes dd#checkout_attribute_input_5 ul.option-list li {
		display: inline-block;
		vertical-align: top;
		width: 50%;
	}

		.attributes dd#checkout_attribute_input_5 ul.option-list li div.rdListText {
			font-weight: lighter;
		}

	.attributes dd#checkout_attribute_input_5 input[type="radio"] ~ label {
		color: #222;
		font-family: var(--b-font-family);
		font-size: 18px;
		line-height: 30px;
		padding: 5px 0 0 40px;
	}

		.attributes dd#checkout_attribute_input_5 input[type="radio"] ~ label:before {
			border: 1px solid #222;
			border-radius: 0;
			height: 30px;
			width: 30px;
		}

	.attributes dd#checkout_attribute_input_5 input[type="radio"]:checked ~ label:before {
		background-color: transparent;
		color: #222;
		content: "\e905";
		padding: 0 4px;
	}

	.attributes dt label {
		display: inline-block; /*reserves space for "*"*/
	}

		.attributes dt label.text-prompt span#deliverydate {
			font-family: var(--b-font-family-light);
			font-size: smaller;
		}

		.attributes dt label.text-prompt span span {
			display: block;
			font-family: var(--b-font-family-medium);
			font-size: 18px;
			line-height: 30px;
		}

	.attributes li {
		margin: 15px 0;
	}

	.attributes select {
		width: auto;
		min-width: 150px;
		max-width: 290px; /*percentage is not working*/
	}

	.attributes .qty-box {
		margin-left: -5px;
	}

		.attributes .qty-box label {
			display: none;
		}

		.attributes .qty-box input {
			width: 60px;
			padding: 0 1px 0 0;
			text-align: center;
		}

			.attributes .qty-box input:focus {
				border-color: #ebebeb;
				background-color: #fff;
			}

.rental-attributes {
	font-size: 0;
}

	.rental-attributes .attribute-item {
		display: inline-block;
		margin: 0 5px;
		font-size: 14px; /*reset zeroing*/
	}

	.rental-attributes .attribute-label {
		display: block;
		margin: 0 0 10px;
		font-weight: 400;
		text-transform: uppercase;
		color: #222;
	}

	.rental-attributes .datepicker {
		width: 130px;
		text-align: center;
	}

.ui-datepicker {
	width: 290px;
	background-color: #fff;
	text-align: center;
}

.ui-datepicker-header {
	position: relative;
	height: 42px;
	background-color: #222;
	color: #fff;
}

	.ui-datepicker-header .ui-datepicker-prev,
	.ui-datepicker-header .ui-datepicker-next {
		position: absolute;
		top: 0;
		z-index: 1;
		width: 40px;
		height: 42px;
		overflow: hidden;
		font-size: 0;
		line-height: 42px;
	}

	.ui-datepicker-header .ui-datepicker-prev {
		left: 0;
	}

	.ui-datepicker-header .ui-datepicker-next {
		right: 0;
	}

		.ui-datepicker-header .ui-datepicker-prev:before,
		.ui-datepicker-header .ui-datepicker-next:after {
			position: absolute;
			font-size: 11px;
		}

	.ui-datepicker-header .ui-datepicker-prev:before {
		content: "\e903";
		left: 15px;
	}

	.ui-datepicker-header .ui-datepicker-next:after {
		content: "\e904";
		right: 14px;
	}

.ui-datepicker-title {
	line-height: 42px;
	font-weight: 400;
	text-transform: uppercase;
}

.ui-datepicker-calendar th {
	font-weight: 400;
	color: #222;
	text-shadow: 0 0 0 #222;
}

.ui-datepicker-calendar th,
.ui-datepicker-calendar td {
	width: 14.285%;
	border: 1px solid #ebebeb;
}

	.ui-datepicker-calendar th span,
	.ui-datepicker-calendar td a {
		display: block;
		min-height: 36px;
		line-height: 36px;
		transition: all 0.1s ease;
	}

		.ui-datepicker-calendar td a:hover {
			color: #000;
		}

.ui-datepicker-calendar a.ui-state-active,
.ui-datepicker-calendar a.ui-state-active:hover {
	color: var(--danger);
}

.attribute-squares {
	margin-bottom: -10px;
	font-size: 0;
}

	.attribute-squares li {
		display: inline-block;
		position: relative;
		margin: 2px;
		text-align: center;
	}

	.attribute-squares label {
		display: block;
		position: relative;
		overflow: hidden;
		padding: 0;
	}

	.attribute-squares input {
		position: absolute;
		top: 5px;
		left: 6px;
		z-index: -1;
		margin: 0;
	}

.attribute-square-container {
	display: block;
	border: 1px solid transparent;
	border-radius: 50%;
	background-color: #fff;
	padding: 5px;
}

	.attribute-square-container span {
		display: block;
		width: 12px;
		height: 12px;
		border-radius: 50%;
		cursor: pointer;
	}

	.attribute-square-container[title~="White"] span {
		border: 1px solid #ddd;
	}

.selected-value .attribute-square-container {
	border-color: #ddd;
}

.image-squares .attribute-square {
	width: 32px;
	height: 32px;
}

.image-squares .tooltip-container {
	display: none;
	position: absolute;
	bottom: 56px;
	left: -79px;
	width: 200px;
	height: 200px;
	box-shadow: 0 0 10px rgba(0,0,0,0.15);
	background-color: #fff;
	padding: 10px;
}

	.image-squares .tooltip-container:after {
		content: "";
		position: absolute;
		bottom: -10px;
		left: 50%;
		margin-left: -10px;
		border-width: 10px 10px 0;
		border-style: solid dashed dashed;
		border-color: #fff transparent transparent;
		filter: drop-shadow(0px 2px 2px rgba(0,0,0,0.06));
	}

.image-squares li:hover .tooltip-container {
	display: block;
}

.page .qq-upload-button,
.k-window .qq-upload-button {
	width: 100%;
	min-width: 280px;
	height: 50px;
	border: 1px solid #ebebeb;
	background-color: #fff;
	padding: 15px;
	text-align: left;
	font-size: 14px;
	color: #777;
}

.page .qq-upload-list li,
.k-window .qq-upload-list li {
	background: none !important;
	color: #333 !important;
	font-size: 12px;
}

.page .qq-upload-list span,
.k-window .qq-upload-list span {
	margin: 0 5px;
}

	.page .qq-upload-list span:empty,
	.k-window .qq-upload-list span:empty {
		display: none;
	}

.giftcard {
	max-width: 380px;
	margin: 0 auto 30px;
}

	.giftcard div {
		margin: 10px 0;
	}

	.giftcard label {
		display: block;
		margin: 0 0 5px;
		color: #222;
		text-transform: uppercase;
	}

	.giftcard input,
	.giftcard textarea {
		width: 100%;
		background-color: #f6f6f6;
	}

	.giftcard textarea {
		min-height: 150px;
	}

.tier-prices {
	margin: 0 0 40px;
}

	.tier-prices .title {
		margin: 0 0 10px;
		text-transform: uppercase;
		color: #222;
	}

		.tier-prices .title strong {
			font-weight: 400;
		}

	.tier-prices .prices-table {
		border: 1px solid #ebebeb;
		overflow: hidden;
	}

	.tier-prices .prices-row {
		float: left;
		width: 50%;
	}

		.tier-prices .prices-row > div {
			border-top: 1px solid #ebebeb;
			padding: 10px;
		}

		.tier-prices .prices-row.thead > div {
			border-right: 1px solid #ebebeb;
		}

	.tier-prices .field-header {
		border-top: none !important;
		color: #222;
	}

	.tier-prices .item-quantity {
		color: #222;
	}

.product-estimate-shipping {
	margin: 35px 0 25px !important;
}

	.product-estimate-shipping a {
		display: inline-block;
	}

	.product-estimate-shipping i {
		display: inline-block;
		transform: rotate(45deg);
		margin: 0 0 3px 10px;
		border: solid black;
		border-width: 0 1px 1px 0;
		padding: 3px 3px;
	}

	.product-estimate-shipping .shipping-loading {
		display: none !important; /*disable preloader*/
	}

	.product-estimate-shipping .shipping-title {
		margin: 0 0 5px;
		font-size: 16px;
		font-weight: 400;
		color: #222;
	}

	.product-estimate-shipping .shipping-price {
		margin: 0 0 0 5px;
		vertical-align: middle;
	}

	.product-estimate-shipping .shipping-date {
		margin: 15px 0 0;
	}

.cart-buttons-wrapper {
	margin: 0 0 25px;
	font-size: 0;
}

.customer-entered-price {
	margin: 0 0 10px;
	font-size: 14px; /*reset zeroing*/
}

	.customer-entered-price .enter-price-label {
		display: block;
		margin: 0 0 10px;
		font-weight: 400;
		text-transform: uppercase;
		color: #222;
	}

	.customer-entered-price .enter-price-input {
		width: 300px;
		max-width: 100%;
		text-align: center;
		font-size: 13px;
		letter-spacing: 1px;
	}

.pre-order-availability-date {
	margin: 0 0 10px;
	font-size: 14px; /*reset zeroing*/
}

	.pre-order-availability-date label {
		display: block;
		color: #222;
	}

.min-qty-notification {
	margin: 0 0 10px;
	font-size: 14px; /*reset zeroing*/
	color: #222;
}

.overview .add-to-cart,
.variant-overview .add-to-cart {
	display: inline-block;
	vertical-align: middle;
}

.add-to-cart .qty-input,
.add-to-cart .qty-dropdown {
	width: 120px;
	height: 48px;
	margin: 8px 4px;
	border: none;
	outline: 1px solid #000;
	background-color: #fff;
	padding: 0 20px 0 60px;
	text-align: center;
	vertical-align: middle;
	font-size: 20px;
	color: #333;
	transition: all 0.2s ease;
	font-family: var(--b-font-family-medium);
}

.add-to-cart .qty-dropdown {
	background-image: url('../img/select-arrow.png');
	background-position-x: 90%;
}

	.add-to-cart .qty-input:hover,
	.add-to-cart .qty-dropdown:hover {
		outline-color: #222;
	}

.add-to-cart-panel {
	/**display: inherit;**/
	display: inline-block;
}

.overview .qty-input:focus,
.variant-overview .qty-input:focus {
	outline-color: #222;
	background-color: #222;
	color: #fff;
}

.ajax-cart-button-wrapper {
	display: flex !important;
	gap: 8px;
	flex-wrap: wrap;
}
.overview .ajax-cart-button-wrapper {
	display: inline-block !important;
	padding-left: 2px;
}

.item-box .buttons .wrap .ajax-cart-button-wrapper > input[type=text],
.item-box .buttons .wrap .ajax-cart-button-wrapper > select {
	width: 100px;
}
.ajax-cart-button-wrapper > select, .ajax-cart-button-wrapper > option {
	font-family: var(--b-font-family), Arial, Helvetica, sans-serif !important; /*Firefox fix*/
}

.overview .add-to-cart-button,
.variant-overview .add-to-cart-button {
	/**min-width: 180px;**/
	/**height: 42px;**/
	min-width: 120px;
	height: 50px;
	margin: 8px 4px;
	outline: 1px solid transparent;
	overflow: hidden;
	/**background-color: #222;**/
	background-color: var(--primary);
	padding: 0 20px;
	vertical-align: middle;
	/**font-size: 14px;**/
	font-size: var(--fs-md);
	font-weight: var(--fw-medium);
	font-family: var(--b-font-family-medium);
	line-height: 31px; /*odd number for cross-browser consistency*/
	text-transform: uppercase;
	color: #fff;
	transition: all 0.2s ease;
}

	.overview .add-to-cart-button:before,
	.variant-overview .add-to-cart-button:before {
		/**content: "+";**/
		display: inline-block;
		position: relative;
		top: -1px;
		left: -5px;
		height: 42px;
		vertical-align: middle;
		font-size: 18px;
	}

	.overview .add-to-cart-button span,
	.variant-overview .add-to-cart-button span {
		vertical-align: middle;
	}

	.overview .add-to-cart-button:hover,
	.variant-overview .add-to-cart-button:hover {
		/**outline-color: #222;**/
		outline-color: var(--primary);
	}

.overview-buttons {
	display: inline-block;
	vertical-align: middle;
}

	.overview-buttons .add-to-wishlist,
	.overview-buttons .compare-products {
		display: inline-block;
		margin: 8px 4px;
		vertical-align: middle;
	}

	.overview-buttons .email-a-friend,
	.overview-buttons .email-a-friend-button {
		display: none !important;
	}

	.overview-buttons .add-to-wishlist-button,
	.overview-buttons .add-to-compare-list-button,
	.overview-buttons .variants-scroll-button {
		display: block;
		width: 45px;
		height: 42px;
		outline: 1px solid transparent;
		background-color: #222;
		font-size: 0;
		color: #fff;
		text-transform: uppercase;
		transition: all 0.2s ease;
	}

	.overview-buttons .add-to-wishlist-button {
		background-color: transparent;
		color: #333;
	}

.group-product .add-to-compare-list-button {
	width: auto;
	margin: -10px 0 10px;
	outline: none !important;
	background-color: transparent;
	font-size: 14px; /*reset zeroing*/
	color: #222;
}

.overview-buttons .variants-scroll-button {
	width: auto;
	min-width: 200px;
	margin: 0 0 40px;
	padding: 0 20px;
	font-size: 14px; /*reset zeroing*/
}
	/**.overview-buttons .add-to-wishlist-button:hover,**/
	.overview-buttons .add-to-compare-list-button:hover,
	.overview-buttons .variants-scroll-button:hover {
		outline-color: #222;
	}

	.overview-buttons .add-to-wishlist-button:before,
	.overview-buttons .add-to-compare-list-button:before,
	.overview-buttons .variants-scroll-button:before {
		display: block;
		font-size: 15px;
		letter-spacing: 0;
		color: #fff;
	}

.overview-buttons .add-to-wishlist-button:before {
	color: #333;
}

.overview-buttons .add-to-compare-list-button:before {
	content: "\e059";
	position: relative;
	top: -2px;
	left: 0;
}

.group-product .add-to-compare-list-button:before {
	display: inline;
	top: 1px;
	margin-right: 10px;
	color: #222;
}

.overview-buttons .variants-scroll-button:before {
	content: "\e07b";
	display: inline;
	margin-right: 10px;
	position: relative;
	top: 1px;
}

.availability {
	margin: 0 0 30px;
}

	.availability .stock {
		text-decoration: underline;
	}

.back-in-stock-subscription {
	margin: 5px 0 0;
	font-size: 0;
	color: var(--danger);
}

.product-share label {
	display: block;
	margin: 0 0 5px;
	font-weight: 400;
	text-transform: uppercase;
	color: #222;
}

.product-share .share-item {
	display: inline-block;
}

.product-share .share-link {
	display: block;
	width: 32px;
	height: 32px;
	text-align: center;
}

	.product-share .share-link:before {
		font-size: 13px;
		line-height: 32px;
		color: #222;
	}

.product-share .facebook a:before {
	content: "\e90a";
}

.product-share .twitter a:before {
	content: "\e90b";
}

.product-share .pinterest a:before {
	content: "\e90c";
}

.product-share .google a:before {
	content: "\e916";
	font-size: 12px;
}

.product-share .rss a:before {
	content: "\e90e";
}

.product-variant-line {
	margin: 0 0 30px;
	border-bottom: 1px solid #ebebeb;
	padding: 0 0 20px;
}

	.product-variant-line:after {
		content: "";
		display: block;
		clear: both;
	}

.variant-picture {
	position: relative;
	max-width: 320px;
	margin: 0 auto 35px;
	overflow: hidden;
	font-size: 0;
}

.variant-overview .prices {
	margin: 0 0 25px;
}

.variant-overview .variant-name {
	margin: 0 0 10px;
	font-size: 20px;
	color: #222;
}

.variant-overview .variant-description {
	margin: -5px 0 35px;
	line-height: 25px;
}

.full-description {
	max-width: 1700px;
	margin: 0 auto 70px;
	text-align: center;
	line-height: 25px;
}

.product-collateral .title {
	margin: 0 0 35px;
	text-align: center;
	font-size: 20px;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	color: #222;
}

	.product-collateral .title strong {
		position: relative;
		font-weight: var(--fw-bold);
	}

		.product-collateral .title strong:after {
			content: "";
			position: absolute;
			left: 0;
			right: 0;
			bottom: -2px;
			height: 2px;
			background-color: #222;
		}

.product-specs-box {
	margin: 0 0 70px;
}

	.product-specs-box .data-table {
		margin: 0;
	}

	.product-specs-box .spec-name,
	.product-specs-box .spec-value {
		width: 50%;
		padding: 15px;
		text-align: center;
	}

	.product-specs-box .spec-name {
		color: #222;
	}

	.product-specs-box thead {
		display: none;
	}

	.product-specs-box
	.attribute-square-container {
		border-color: #ddd;
	}

	.product-specs-box .attribute-squares {
		display: inline-block;
		vertical-align: middle;
		margin: 0;
	}

	.product-specs-box .attribute-square {
		cursor: default;
	}

.product-tags-list {
	margin: 0 0 70px;
	text-align: center;
	font-size: 0;
	font-weight: 400;
	color: var(--danger);
}

	.product-tags-list li {
		display: inline-block;
		font-size: 14px; /*reset zeroing*/
	}

		.product-tags-list li.separator {
			margin: 0 5px 0 3px;
		}

.ui-tabs {
	margin: 0 0 60px;
	border-width: 1px 0;
	border-style: solid;
	border-color: #ebebeb;
	padding: 50px 0;
}

	.ui-tabs .ui-tabs-nav {
		margin: 0 0 20px;
		text-align: center;
	}

		.ui-tabs .ui-tabs-nav li {
			padding: 7px 0;
		}

		.ui-tabs .ui-tabs-nav a {
			display: inline-block;
			position: relative;
			font-size: 18px;
			font-weight: var(--fw-bold);
			color: #222;
			text-transform: uppercase;
		}

			.ui-tabs .ui-tabs-nav a:after {
				content: "";
				position: absolute;
				left: 0;
				right: 0;
				bottom: -2px;
				height: 2px;
				background-color: transparent;
			}

	.ui-tabs .ui-tabs-active,
	.ui-tabs .ui-tabs-selected {
		margin-bottom: 5px;
	}

		.ui-tabs .ui-tabs-active a,
		.ui-tabs .ui-tabs-selected a {
			color: var(--danger);
		}

			.ui-tabs .ui-tabs-active a:after,
			.ui-tabs .ui-tabs-selected a:after {
				background-color: var(--danger);
			}

	.ui-tabs .ui-tabs-panel {
		max-width: 1400px;
		margin: auto;
		text-align: center;
	}

	.ui-tabs .ui-tabs-hide {
		display: none;
	}


/* ESTIMATE SHIPPING */


.estimate-shipping-popup {
	position: relative;
	max-width: 800px;
	margin: auto;
	background-color: #fff;
	padding: 25px;
	transform: scale(0.8);
	transition: all 0.2s ease;
	opacity: 0;
}

	.estimate-shipping-popup strong {
		visibility: hidden;
		font-weight: 300;
		text-transform: uppercase;
		color: #222;
	}

.mfp-ready .estimate-shipping-popup {
	transform: scale(1);
	opacity: 1;
}

.mfp-removing .estimate-shipping-popup {
	transform: scale(0.8);
	opacity: 0;
}

.estimate-shipping-popup-zoom-in.mfp-removing {
	transition: all 0.3s ease;
	opacity: 0;
}

.estimate-shipping-row {
	display: flex;
	display: -webkit-flex;
	align-items: center;
	position: relative;
}

.estimate-shipping-row-item {
	flex: 0 1 100%;
}

.mfp-container .address-item {
	margin: 10px 0 0;
}

	.mfp-container .address-item + div {
		padding: 0 0 0 15px;
	}

.estimate-shipping-address-control {
	width: 100%;
	height: 44px !important;
}

.mfp-container .address-item .required {
	top: 5px;
	right: 5px;
}

.mfp-container .shipping-options {
	position: relative; /*preloader referrence*/
	margin: 10px 0 25px;
}

.mfp-container .shipping-options-header {
	font-size: 14px;
	color: #222;
	text-transform: uppercase;
}

.mfp-container .shipping-header-item {
	align-self: flex-end;
	border: none !important;
	padding: 12px 5px !important;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.mfp-container .shipping-options-body {
	display: table;
	table-layout: fixed;
	width: 100%;
	border: 1px solid #ebebeb;
	border-collapse: collapse;
}

.mfp-container .shipping-option {
	display: table-row;
	font-size: 13px;
	cursor: pointer;
}

	.mfp-container .shipping-option.active {
		font-weight: 700;
		color: #222;
	}

	.mfp-container .shipping-option > div {
		display: table-cell;
		border-top: 1px solid #ebebeb;
		padding: 11px;
	}

.mfp-container .shipping-item {
	border-right: 1px solid #ebebeb;
	overflow: hidden;
	padding: 8px 0;
	overflow-wrap: break-word;
}

.estimate-shipping-row-item-radio {
	flex: 0 0 30px;
	width: 24px;
}

.estimate-shipping-radio {
	display: none;
}

.apply-shipping-button-container {
	text-align: center;
}

.mfp-container .apply-shipping-button {
	min-width: 180px;
	height: 44px;
	outline: 1px solid transparent;
	background-color: #222;
	padding: 0 25px;
	font-size: 16px;
	color: #fff;
	text-transform: uppercase;
	transition: all 0.2s ease;
}

	.mfp-container .apply-shipping-button:hover {
		outline-color: #222;
	}

.mfp-container .no-shipping-options {
	padding: 30px 15px;
	text-align: center;
}

.mfp-container .message-failure {
	margin: 10px 0 -5px;
}

@media all and (max-width: 600px) {

	.estimate-shipping-popup {
		padding: 25px 3%;
	}

	.mfp-container .shipping-address {
		flex-flow: column;
	}

	.mfp-container .address-item {
		width: 100%;
	}

		.mfp-container .address-item + div {
			padding: 0;
		}
}


/* PRODUCT REVIEWS */


.product-reviews-page h1 a {
	font-style: italic;
}

	.product-reviews-page h1 a:before,
	.product-reviews-page h1 a:after {
		content: "''";
	}

.write-review {
	margin: 50px 0;
	text-align: center;
}

.write-review-button {
	display: inline-block;
	border: 1px solid #222;
	outline: 1px solid transparent;
	padding: 10px 25px;
	font-weight: 300;
	color: #222;
	cursor: pointer;
	text-transform: uppercase;
	transition: all 0.2s ease;
}

	.write-review-button:hover {
		outline-color: #222;
	}

	.write-review-button .close {
		display: none;
	}

.write-review .review-form {
	display: none;
	margin: 50px -3% 0;
	/**background: url('../img/pattern.png') repeat;**/
	padding: 20px;
}

.write-review .form-wrapper {
	background-color: #fff;
	padding: 30px 5%;
}

.write-review .message-error {
	margin: -10px 0 30px;
}

.write-review .review-rating {
	text-align: center;
}

	.write-review .review-rating + div {
		margin: 20px 0 0;
	}

	.write-review .review-rating > label {
		display: block;
		margin: 0 0 10px;
		font-size: 14px;
		text-transform: uppercase;
		color: #222;
	}

.write-review .rating-options {
	display: inline-block;
}

	.write-review .rating-options input {
		position: absolute;
		margin: 1px 0 0 5px;
	}

	.write-review .rating-options label {
		display: inline-block;
		max-width: 16px;
		margin: 0 2.5px;
		padding: 0;
	}

		.write-review .rating-options label:before {
			content: "\e901";
			display: block;
			position: static;
			width: auto;
			height: auto;
			border: none !important;
			background: none !important;
			box-shadow: none;
			font-size: 14px;
			color: #f6e030;
		}

	.write-review .rating-options
	input:checked + label ~ label:before {
		content: "\e900";
	}

.write-review .button-1 {
	min-width: 180px;
	outline: 1px solid transparent;
	background-color: #222;
	padding: 15px 25px;
	color: #fff;
	text-transform: uppercase;
	transition: all 0.2s ease;
}

	.write-review .button-1:hover {
		outline-color: #222;
	}

.write-review-result {
	margin: 50px 0;
	text-align: center;
	color: #222;
}

.product-review-list {
	max-width: 900px;
	margin: auto;
}

.product-review-item {
	border-top: 1px solid #ebebeb;
	padding: 30px 0;
}

.review-item-head {
	margin: 0 0 20px;
	overflow: hidden;
}

	.review-item-head .title {
		margin: 0 0 10px;
		font-size: 15px;
		font-weight: 400;
		color: #222;
	}

	.review-item-head .rating-box {
		display: inline-block;
		font-size: 0;
	}

	.review-item-head .rating-icons {
		display: inline-block;
		position: relative;
		height: 11px;
		color: #f6e030;
		white-space: nowrap;
		letter-spacing: 3px;
	}

		.review-item-head .rating-icons:before {
			content: "\e900 \e900 \e900 \e900 \e900";
			position: absolute;
			left: 0;
			font-size: 10px;
		}

		.review-item-head .rating-icons .rating {
			position: relative;
			overflow: hidden;
		}

			.review-item-head .rating-icons .rating:before {
				content: "\e901 \e901 \e901 \e901 \e901";
				font-size: 10px;
			}

.review-type-rating-ext {
	display: none; /*disabled by default*/
}

.product-review-item .review-text {
	margin: 0 0 20px;
	overflow: hidden;
	line-height: 25px;
}

.product-review-item .review-avatar {
	position: relative;
	width: 120px;
	height: 120px;
	margin: 0 auto 15px;
	font-size: 0;
	line-height: normal;
}

	.product-review-item .review-avatar a {
		display: block;
		height: 100%;
	}

	.product-review-item .review-avatar img {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		max-width: 100%;
		max-height: 100%;
		margin: auto;
		border: 1px solid #ebebeb;
		border-radius: 50%;
	}

.product-review-item .review-info {
	overflow: hidden;
	font-size: 13px;
}

.product-review-helpfulness {
	margin: 10px 0 0;
	font-size: 0;
}

	.product-review-helpfulness > span {
		display: inline-block;
		margin: 0 3px;
		font-size: 13px; /*reset zeroing*/
	}

	.product-review-helpfulness .vote {
		padding: 0 5px;
		font-weight: 400;
		color: var(--danger);
		cursor: pointer;
	}

	.product-review-helpfulness .result {
		display: block;
		margin-top: 10px;
	}

		.product-review-helpfulness .result:empty {
			display: none;
		}

.product-review-item .reply {
	margin: 30px 0 0;
	/**background: url('../img/pattern.png') repeat;**/
	padding: 20px;
}

.product-review-item .reply-wrapper {
	background-color: #fff;
	padding: 30px 15px;
}

.product-review-item .reply-header {
	margin: 0 0 10px;
	font-weight: 400;
	font-style: italic;
	color: #222;
}

.product-review-item .reply-text {
	line-height: 25px;
}


/* WISHLIST & COMPARE LIST */


.wishlist-content {
	margin: 15px 0 50px;
}

	.wishlist-content .message-error {
		margin: 0 0 25px;
	}

	.wishlist-content .tax-shipping-info {
		margin: 0 0 30px;
		text-align: center;
	}

	.wishlist-content .buttons {
		font-size: 0;
	}

	.wishlist-content .button-2,
	.nopAjaxCartProductListAddToCartButton {
		/**margin: 10px 0 0;**/
		border: 1px solid #222;
		outline: 1px solid transparent;
		padding: 4px 15px;
		color: #222;
		/**text-transform: uppercase;
			min-width: 200px;**/
		transition: all 0.2s ease;
		font-family: var(--b-font-family-medium);
		font-size: 16.3px;
		line-height: 30px;
	}
		/**
		.wishlist-content .button-2 {
			min-width: 200px;
		}

		.nopAjaxCartProductListAddToCartButton {
			min-width: 100%;
		}
		**/
		.wishlist-content .button-2:hover {
			outline-color: #222;
		}

		.wishlist-content .button-2.update-wishlist-button {
			margin-right: 10px;
		}

	.wishlist-content .buttons
	.wishlist-add-to-cart-button,
	.nopAjaxCartProductListAddToCartButton {
		/**background-color: #222;**/
		transition: all 0.2s ease;
		background-color: var(--primary);
		border: 1px solid var(--primary);
		color: #fff;
	}

		.wishlist-content .buttons
		.wishlist-add-to-cart-button:hover {
			outline: var(--primary);
		}

.wishlist-page .share-info {
	text-align: center;
	color: #222;
}

	.wishlist-page .share-info a {
		display: block;
		margin: 0 0 5px;
		color: var(--danger);
	}

.compare-products-table {
	display: none;
}

.compare-products-page .page-body {
	position: relative;
	margin: 0 -3%;
	/**background: url('../img/pattern.png') repeat;**/
	padding: 20px;
}

.compare-products-page .clear-list,
.compare-products-page .remove-button {
	display: inline-block;
	border: 1px solid #222;
	outline: 1px solid transparent;
	background-color: #fff;
	padding: 5px 15px;
	white-space: nowrap;
	font-size: 12px;
	font-weight: var(--fw-bold);
	color: #222;
	text-transform: uppercase;
	transition: all 0.2s ease;
}

	.compare-products-page .clear-list:before,
	.compare-products-page .remove-button:before {
		content: "\e054";
		position: relative;
		top: 1px;
		margin-right: 5px;
		font-size: 14px;
	}
/*.compare-products-page .clear-list:hover,
.compare-products-page .remove-button:hover {
	outline-color: #222;
}*/
.compare-section {
	margin: 20px 0 0;
	border: 1px solid #ebebeb;
	background-color: #fff;
}

	.compare-section .title {
		border-bottom: 1px solid #ebebeb;
		padding: 15px 10px;
		text-align: center;
		font-weight: var(--fw-bold);
		text-transform: uppercase;
		color: #222;
	}

	.compare-section .item {
		display: table;
		width: 100%;
		padding: 15px;
		text-align: left;
	}

		.compare-section .item + .item {
			margin-top: -15px;
		}

	.compare-section .cells {
		display: table-cell;
		padding: 0;
		vertical-align: middle;
		text-align: left;
	}

	.compare-section .picture {
		width: 50px;
		font-size: 0;
	}

		.compare-section .picture a {
			display: block;
		}

		.compare-section .picture img {
			width: 50px;
			max-width: 300px;
		}

		.compare-section .picture + .cells {
			padding: 0 15px;
		}

	.compare-section .button {
		width: 33px;
		font-size: 0;
	}

	.compare-section .remove-button {
		width: 33px;
		height: 33px;
		padding: 0;
		font-size: 0;
	}

		.compare-section .remove-button:before {
			display: block;
			top: 0;
			left: 1px;
			margin: 0;
		}


/* TOPICS */


.topic-block {
	max-width: 1700px;
	margin: 0 auto 30px;
	/*text-align: center;*/
}

.topic-block-title {
	display: none;
	color: #222;
}

.topic-block-body,
.topic-page .page-body {
	line-height: 25px;
}

.topic-block a, .topic-page a {
	text-decoration: underline;
	color: #222;
}

.home-page .topic-block {
	margin: 0 auto 40px;
}

.home-page .topic-block-title {
	display: block;
	margin: 0 0 20px;
	text-transform: none;
}

	.home-page .topic-block-title h2 {
		font-size: 28px;
		font-weight: 400;
	}

.ui-dialog .topic-page {
	margin: 0;
}

	.ui-dialog .topic-page p {
		margin: 0;
	}

		.ui-dialog .topic-page p + p {
			margin-top: 20px;
		}

.not-found-page p {
	margin: 30px 0;
}

.not-found-page strong {
	font-weight: 400;
	color: #222;
}

.topic-password {
	margin: 0 -3%;
	/**background: url('../img/pattern.png') repeat;**/
	padding: 20px;
	text-align: center;
}

	.topic-password form {
		background-color: #fff;
		padding: 30px 5%;
	}

.enter-password-title {
	margin: 0 0 15px;
	color: #222;
}

.topic-password #password {
	display: block;
	width: 350px;
	max-width: 100%;
	margin: 0 auto 20px;
}

.topic-password #button-password {
	min-width: 180px;
	outline: 1px solid transparent;
	background-color: #222;
	padding: 15px 25px;
	color: #fff;
	text-transform: uppercase;
	transition: all 0.2s ease;
}

	.topic-password #button-password:hover {
		outline-color: #222;
	}

.topic-password .password-error {
	margin: 10px 0 0;
}


/* CONTACT PAGES */


.contact-page form,
.contact-page .form,
.email-a-friend-page form,
.apply-vendor-page form {
	margin: -5px -3% 0;
	/**background: url('../img/pattern.png') repeat;**/
	padding: 20px;
}

.contact-page .fieldset,
.email-a-friend-page .fieldset,
.apply-vendor-page .wrapper {
	margin-bottom: 0;
	background-color: #fff;
	padding: 30px 5%;
}

.contact-page .message-error,
.email-a-friend-page .message-error,
.apply-vendor-page .message-error {
	max-width: 1000px;
	margin: 0 auto 20px;
}

.contact-page .buttons,
.email-a-friend-page .buttons {
	background-color: #fff;
	padding-bottom: 30px;
}

.contact-page .button-1,
.email-a-friend-page .button-1,
.apply-vendor-page .button-1 {
	min-width: 180px;
	outline: 1px solid transparent;
	background-color: #222;
	padding: 15px 25px;
	color: #fff;
	text-transform: uppercase;
	transition: all 0.2s ease;
}

	.contact-page .button-1:hover,
	.email-a-friend-page .button-1:hover,
	.apply-vendor-page .button-1:hover {
		outline-color: #222;
	}

.contact-page .topic-block,
.email-a-friend-page .title,
.apply-vendor-page .topic-block {
	padding: 30px 0;
}

	.contact-page .topic-block ~ form .message-error,
	.email-a-friend-page .title ~ form .message-error,
	.apply-vendor-page .topic-block ~ form .message-error {
		margin-top: -20px;
	}

.email-a-friend-page .title {
	margin-bottom: 5px;
	text-align: center;
}

	.email-a-friend-page .title h2 {
		letter-spacing: 1.5px;
		font-weight: 400;
		color: #222;
		text-transform: uppercase;
	}


/* REGISTRATION & LOGIN */


.registration-page .page-body {
	/**max-width: 900px;
		margin: 0 -3%;
		background: url('../img/pattern.png') repeat;
		padding: 20px;**/

	max-width: 850px;
	margin: auto;
}

.registration-page form {
	background-color: #fff;
	padding: 30px 5%;
}

	.registration-page form .fieldset .title {
		font-size: 22px;
		font-family: var(--h-font-family);
		text-align: left;
		text-transform: initial;
	}

	.registration-page form .inputs input[type="checkbox"] ~ label {
		font-family: var(--b-font-family-light);
		margin-bottom: 0;
		padding: 0 0 0 40px;
	}

		.registration-page form .inputs input[type="checkbox"] ~ label:before {
			height: 30px;
			width: 30px;
		}

	.registration-page form .inputs label {
		font-family: var(--b-font-family-medium);
		font-size: 17.3px;
		line-height: 30px;
		text-align: left;
		text-transform: initial;
	}


.gender span {
	display: inline-block;
	margin: 5px 10px;
}

.gender label,
.news-letter label {
	display: inline-block;
	margin-bottom: 0;
	text-transform: none;
}

.news-letter .wrapper {
	display: inline-block;
	margin: 10px 0 15px;
}

.date-of-birth >
.date-picker-wrapper {
	display: inline-block;
	width: 350px;
	max-width: 100%;
}

.date-of-birth select {
	width: 31% !important;
}

	.date-of-birth select + select {
		margin-left: 3.5%;
	}

#check-availability-button {
	margin: 20px 0 0;
	/**background-color: #222;**/
	background-color: var(--primary);
	padding: 10px 20px;
	font-size: 12px;
	text-transform: uppercase;
	color: #fff;
}

#availability-check-progress {
	display: none !important;
}

#username-availabilty:empty {
	display: none;
}

.vat-status, .vat-note {
	display: block;
	margin: 5px 0 0;
	text-align: center;
	font-size: 13px; /*reset zeroing*/
	white-space: normal;
}

.login-page .button-1,
.registration-page .button-1,
.registration-result-page .button-1,
.password-recovery-page .button-1 {
	/**min-width: 180px;**/
	min-width: 230px;
	outline: 1px solid transparent;
	/**background-color: #222;**/
	background-color: var(--primary);
	/**padding: 15px 25px;**/
	padding: 10px 25px 14px;
	color: #fff;
	text-transform: uppercase;
	transition: all 0.2s ease;
	font-family: var(--b-font-family-medium);
	font-size: 20px;
}

	.login-page .button-1:hover,
	.registration-page .button-1:hover,
	.registration-result-page .button-1:hover,
	.password-recovery-page .button-1:hover {
		/**outline-color: #222;**/
		outline-color: var(--primary);
	}

.registration-result-page .result,
.account-activation-page .result {
	margin: 60px 0;
	text-align: center;
	color: #222;
}

.registration-page .message-error,
.customer-blocks .message-error {
	margin: -10px 0 30px;
}

.customer-block {
	margin: 0 -3% -21px;
	/**background: url('../img/pattern.png') repeat;**/
	padding: 20px;
	text-align: center;
}

	.customer-block .wrapper {
		background-color: #fff;
		padding: 30px 5%;
	}

	.customer-block .title {
		display: block;
		margin: 0 0 30px;
		font-size: 17px;
		letter-spacing: 1.5px;
		text-transform: uppercase;
		color: #222;
	}

		.customer-block .title strong {
			font-weight: var(--fw-bold);
		}

	.customer-block .input-name {
		display: none; /*replaced with placeholder text*/
	}

	.customer-block .remember,
	.customer-block .forgot-password {
		margin: 0 5px;
		padding-top: 1px;
		font-size: 14px; /*reset zeroing*/
		color: #222;
		transition: all 0.1s ease;
	}

		.customer-block .remember:hover,
		.customer-block .forgot-password:hover {
			text-shadow: 0 0 0 #222;
		}

	.customer-block .captcha-box {
		margin-bottom: 35px;
	}

	.customer-block .text {
		min-height: 165px;
		margin: 0 0 30px;
		line-height: 25px;
	}

		.customer-block .text:before {
			content: "\e060";
			display: block;
			width: 60px;
			height: 60px;
			margin: 0 auto 30px;
			background-color: var(--primary);
			padding: 17px 18px 19px;
			font-size: 28px;
			color: #fff;
		}

	.customer-block .guest-button {
		display: block;
		min-width: 215px;
		margin: 0 auto 10px;
	}

		.customer-block .guest-button + input {
			min-width: 215px;
		}

.customer-blocks ~ .topic-block {
	margin-top: 70px;
}

.external-authentication {
	margin-top: 50px;
	text-align: center;
	font-size: 0;
}

	.external-authentication .title {
		display: none;
	}

	.external-authentication .facebook-btn {
		width: 244px;
		height: 42px;
		outline: 1px solid transparent;
		background: url('../img/fb-login.png') no-repeat !important;
		transition: all 0.2s ease;
	}

		.external-authentication .facebook-btn:hover {
			outline-color: #222;
		}

.password-recovery-page .tooltip {
	margin: 0 0 20px;
	padding: 30px 0;
	text-align: center;
}

.password-recovery-page .result {
	color: var(--primary);
	font-weight: bold;
	margin: 30px 0 0;
	text-align: center;
}


/* ACCOUNT PAGES */


.block.block-account-navigation {
	float: none;
	width: auto;
	max-width: 450px;
	margin: auto;
}

.block-account-navigation .list a:before {
	font-size: 14px;
	color: #222;
}

.block-account-navigation .customer-info a:before {
	content: "\e005";
}

.block-account-navigation .customer-addresses a:before {
	content: "\e069";
}

.block-account-navigation .customer-orders a:before {
	content: "\e00c";
}

.block-account-navigation .downloadable-products a:before {
	content: "\e083";
}

.block-account-navigation .back-in-stock-subscriptions a:before {
	content: "\e051";
}

.block-account-navigation .return-requests a:before {
	content: "\e050";
}

.block-account-navigation .reward-points a:before {
	content: "\e028";
}

.block-account-navigation .change-password a:before {
	content: "\e08c";
}

.block-account-navigation .customer-avatar a:before {
	content: "\e021";
}

.block-account-navigation .forum-subscriptions a:before {
	content: "\e02c";
}

.block-account-navigation .customer-reviews a:before {
	content: "\e09b";
}

.block-account-navigation .customer-vendor-info a:before {
	content: "\e04c";
}

.block-account-navigation .customer-gdpr a:before {
	content: "\e08e";
}

.block-account-navigation
.customer-check-gift-card-balance a:before {
	content: "\e918";
}

.block-account-navigation .price-match-requests a:before {
	content: "$";
	position: relative;
	top: -1px;
	font-size: 15px;
}

.customer-pages-body .center-2 {
	margin-top: -15px;
	margin-left: -3%;
	margin-right: -3%;
	/**background: url('../img/pattern.png') repeat;**/
	padding: 20px;
}

.customer-pages-body .page-title {
	display: none;
}

.customer-pages-body .page-body {
	max-width: 900px;
	margin: auto;
}

.account-page .button-1,
.return-request-page .button-1,
.user-agreement-page .button-1 {
	min-width: 180px;
	outline: 1px solid transparent;
	/**background-color: #222;**/
	background-color: var(--primary);
	padding: 15px 25px;
	color: #fff;
	text-transform: uppercase;
	transition: all 0.2s ease;
}

	.account-page .button-1:hover,
	.return-request-page .button-1:hover,
	.user-agreement-page .button-1:hover {
		/*outline-color: #222;*/
		outline-color: var(--primary);
	}

.account-page .button-2 {
	min-width: 100px;
	/**border: 1px solid #222;**/
	outline: 1px solid transparent;
	background-color: var(--primary);
	/**padding: 8px 24px;d
		font-size: 12px;**/
	padding: 15px 25px;
	/**color: #222;
		text-transform: uppercase;**/
	color: #fff;
	transition: all 0.2s ease;
	font-family: var(--b-font-family-medium);
	font-size: 20px;
	line-height: 20px;
}

	.account-page .button-2:hover {
		/**outline-color: rgba(34,34,34,0.8);
			text-shadow: 0 0 0 rgba(34,34,34,0.5);**/
		outline-color: var(--primary);
	}

.account-page .message-error {
	margin: -10px 0 30px;
}

.account-page .data-table {
	background-color: #fff;
}

.account-page .description {
	margin: 0 0 30px;
	text-align: center;
	color: #222;
}

.customer-info-page,
.address-edit-page,
.change-password-page,
.customer-avatar-page,
.customer-reviews-list,
.giftcard-balance-page,
.vendor-info-page {
	background-color: #fff;
	padding: 30px 5%;
}

.email-to-revalidate,
.email-to-revalidate-note {
	display: block;
	margin: 5px 0 0;
	text-align: center;
	font-size: 13px; /*reset zeroing*/
	white-space: normal;
}

.add-more-external-records {
	font-size: 14px; /*reset zeroing*/
}

.address-list-page .no-data {
	display: none;
}

.address-list-page .section,
.order-list-page .section,
.return-request-list .section,
.gdpr-tools-page .section,
.price-match-list.section {
	margin: 0 0 20px;
	border: 1px solid #ebebeb;
	background-color: #fff;
	padding: 30px 0;
}

.address-list-page .title {
	margin-bottom: 15px;
}

.order-list-page .title,
.return-request-list .title,
.gdpr-tools-page .title,
.price-match-list .title {
	margin-bottom: 20px;
}

.address-list-page strong:after,
.order-list-page strong:after,
.return-request-list strong:after,
.reward-points-page strong:after,
.gdpr-tools-page strong:after,
.price-match-list strong:after {
	display: none;
}

.address-list-page .buttons {
	/**margin-bottom: 30px;
		border-bottom: 1px solid #ebebeb;
		padding-bottom: 30px;**/
	display: none;
}

.order-list-page .buttons,
.gdpr-tools-page .buttons {
	margin-top: 25px;
}

.address-list button:before,
.order-list button:before {
	margin-right: 5px;
	vertical-align: middle;
}

.edit-address-button:before {
	content: "\e05f";
}

.delete-address-button:before {
	content: "\e054";
}

.return-items-button:before {
	content: "\e050";
}

.address-list-page span,
.order-list-page span {
	vertical-align: middle;
}

.address-list-page .info,
.order-list-page .info,
.return-request-list .info,
.gdpr-tools-page .info,
.price-match-list .info {
	padding: 0 5%;
	text-align: center;
	line-height: 25px;
}

	.address-list-page .info .name,
	.address-list-page .info .email {
		font-weight: 400;
		color: #222;
	}

	.address-list-page .info .email {
		margin: 0 0 20px;
	}

.address-list-page .add-button {
	/**text-align: center;**/
	display: none;
}

.recurring-payments form {
	margin: 0 -1px;
}

.return-request-list .link,
.price-match-list .link {
	color: var(--danger);
}

.return-request-list .comments {
	margin: 20px 0 0;
	color: #222;
}

.downloadable-products-page table {
	margin: 0;
}

.downloadable-products-page .link,
.back-in-stock-subscription-list a {
	color: var(--danger);
}

.terms-of-agreement {
	margin: 40px 0;
	text-align: center;
}

.reward-points-history {
	margin-bottom: 0;
}

.reward-points-overview {
	margin: 0 0 40px;
	border: 1px solid #ebebeb;
	background-color: #fff;
	padding: 30px 5%;
	text-align: center;
	color: #222;
}

	.reward-points-overview strong {
		display: block;
		margin: 10px 0;
		font-size: 20px;
	}

	.reward-points-overview span {
		font-size: 20px;
		color: var(--danger);
	}

.reward-points-page .title {
	margin-bottom: 25px;
}

.reward-points-page .pager {
	margin-bottom: 15px;
}

.reward-points-page .total-summary {
	display: none;
}

.change-password-page label {
	display: none;
}

.customer-avatar-page {
	text-align: center !important;
}

	.customer-avatar-page .wrapper {
		margin: 0 0 15px;
	}

	.customer-avatar-page .image {
		margin: 0 0 20px;
	}

		.customer-avatar-page .image img {
			border: 1px solid #ebebeb;
			border-radius: 50%;
		}

	.customer-avatar-page .select-image {
		text-align: center;
	}

	.customer-avatar-page .buttons {
		margin: 40px 0 0;
	}

	.customer-avatar-page .button-1,
	.customer-avatar-page .button-2 {
		min-width: 115px;
		margin: 0 3px;
		border: 1px solid #222;
		padding: 10px 25px;
		font-size: 14px;
	}

.customer-reviews-page
.product-review-item:first-child {
	border-top: none;
	padding-top: 0;
}

.customer-reviews-page
.product-review-item:last-child {
	border-bottom: none;
	padding-bottom: 0;
}

.customer-reviews-page .review-title {
	font-size: 16px;
	color: #222;
}

.customer-reviews-page .title-text {
	font-weight: 400;
}

.customer-reviews-page .rating-box {
	margin-top: 10px;
}

.customer-reviews-page .product-name {
	color: var(--danger);
}

.customer-reviews-page .review-info {
	line-height: 25px;
}

.customer-reviews-page .separator {
	margin: 0 5px;
}

.giftcard-balance-page .result {
	margin: 0 0 30px;
	text-align: center;
	color: #222;
}

.vendor-info-page .vendor-picture {
	margin: 20px 0;
}


/* SHOPPING CART */

.order-summary-content form h2 {
	display: block;
	font-family: var(--h-font-family);
	font-size: 35px;
	line-height: 38px;
	margin: 0 0 20px;
}

.order-progress {
	margin: 0 0 30px;
	text-align: center;
	font-size: 0;
}

	.order-progress ul {
		display: inline-block;
		overflow: hidden;
	}

	.order-progress li {
		float: left;
		width: calc(50% - 3px);
		margin: 1.5px;
	}

	.order-progress a {
		display: block;
		padding: 8px 12px;
		font-size: 12px;
		font-weight: 400;
		text-transform: uppercase;
	}

	.order-progress li.active-step a {
		background-color: var(--danger);
		color: #fff;
		cursor: pointer;
	}

	.order-progress li.inactive-step a {
		background-color: #ebebeb;
		cursor: default;
	}

.shopping-cart-page .message-error {
	margin: 0 0 25px;
}

/**
@media all and (max-width: 1500px) {

	form#shopping-cart-form {
		display: inline-flex;
		flex-direction: column;
	}

	.cart-wrapper {
		order: 1;
	}
}
**/
.cart-options {
	margin: 0 0 30px;
	/**text-align: center;**/
}

	.cart-options .buttons {
		overflow: hidden;
		padding: 1px;
		font-size: 0;
	}

	.cart-options button {
		min-width: 240px;
		margin: 0 5px 5px;
		border: 1px solid #222;
		outline: 1px solid transparent;
		padding: 10px 20px;
		text-align: left;
		/*font-size: 12px;*/
		/*color: #222;*/
		/*text-transform: uppercase;*/
		transition: all 0.2s ease;
	}

		.cart-options button.button-2.clear-cart-button {
			display: none;
		}

		.cart-options button:hover {
			outline-color: #222;
		}

		.cart-options button span {
			vertical-align: middle;
		}

		.cart-options button:before {
			margin-right: 10px;
			vertical-align: middle;
			font-size: 18px;
		}

	/*.cart-options label[for=cart-order-comment] {
			display: block;
			font-family: var(--b-font-family-medium);
			font-size: 18px;
			line-height: 30px;
		}

		.cart-options textarea {
			border: 1px solid #e2e2e2;
			font-family: var(--b-font-family-light);
			width: 100%;
		}*/

	.cart-options .checkout-buttons {
		text-align: center;
	}

	.cart-options .terms-of-service input[type="checkbox"] ~ label {
		font-family: var(--b-font-family-light);
		font-weight: var(--fw-medium);
		font-size: var(--fs-md);
		padding: 5px 0 0 40px;
	}

		.cart-options .terms-of-service input[type="checkbox"] ~ label:before {
			height: 30px;
			width: 30px;
		}

	.cart-options .checkout-buttons .button-1.checkout-button {
		display: none;
	}

		.cart-options .checkout-buttons .button-1.checkout-button:hover {
			outline-color: var(--primary);
		}

.update-cart-button:before {
	content: "\e098";
}

.clear-cart-button:before {
	content: "\e054";
}

.more-shopping-button:before {
	content: "\e04e";
	position: relative;
	top: -1px;
}

.cart-footer {
	display: flex;
	flex-direction: column;
	max-width: 900px;
	margin: auto;
}


	.cart-options .attributes-wrapper,
	.cart-footer .attributes-wrapper {
		border: initial;
		padding: initial;
		order: 3;
	}

		.cart-options .attributes-wrapper .option-list p,
		.cart-footer .attributes-wrapper .option-list p {
			font-style: italic;
			font-weight: normal;
			margin: 5px 0 0;
			text-align: left;
		}

	.cart-options .attributes dt label,
	.cart-footer .attributes dt label {
		font-family: var(--b-font-family-medium);
		font-weight: var(--fw-bold);
		font-size: 18px;
		line-height: 30px;
		/*margin-top: 30px;*/
		text-transform: initial;
	}

	.cart-options .attributes dd textarea,
	.cart-footer .attributes dd textarea {
		border: 1px solid #e2e2e2;
		font-family: var(--b-font-family-light);
		width: 100%;
		margin: 0 0 30px;
	}

.cart-collaterals {
	margin: 0 0 30px;
}

	.cart-collaterals .box {
		margin-bottom: -1px;
		border: 1px solid #ebebeb;
	}

	.cart-collaterals .box-title {
		position: relative;
		/**background: url('../img/pattern.png') repeat;**/
		padding: 15px 20px;
		text-align: left;
		font-weight: var(--fw-bold);
		color: #222;
		text-transform: uppercase;
		cursor: pointer;
	}

		.cart-collaterals .box-title:after {
			content: "\e910";
			position: absolute;
			top: 0;
			right: 18px;
			bottom: 0;
			height: 8px;
			margin: auto;
			font-size: 6px;
			color: var(--danger);
		}

		.cart-collaterals .box-title strong {
			vertical-align: middle;
		}

	.cart-collaterals .box-wrapper {
		display: none;
		border-top: 1px solid #ebebeb;
		padding: 7%;
	}

.coupon-box + .giftcard-box {
	margin-top: 30px;
}

.cart-collaterals .box .title {
	margin: -5px 0 10px;
	color: #222;
	text-transform: uppercase;
}

.cart-collaterals .box .hint {
	display: none;
	margin: 0 0 10px;
}

.cart-collaterals .box .button-2 {
	height: 42px;
	border: 1px solid #222;
	outline: 1px solid transparent;
	padding: 0 20px;
	font-size: 12px;
	color: #222;
	text-transform: uppercase;
	transition: all 0.2s ease;
}

	.cart-collaterals .box .button-2:hover {
		outline-color: #222;
	}

.cart-collaterals .coupon-code {
	position: relative;
}

.cart-collaterals .discount-coupon-code,
.cart-collaterals .gift-card-coupon-code {
	width: 100%;
}

.cart-collaterals .coupon-code .button-2 {
	width: 100%;
	background-color: #222;
	color: #fff;
}

.cart-collaterals .message-failure {
	margin-top: 10px;
	color: var(--danger);
}

.cart-collaterals .message-success {
	margin-top: 10px;
	color: #1fc163;
}

.cart-collaterals .current-code {
	position: relative;
	margin-top: 10px;
}

.remove-discount-button:after,
.remove-giftcard-button:after {
	content: "\e905";
	display: block;
	font-size: 11px;
	color: #222;
}

.remove-discount-button,
.remove-giftcard-button {
	margin-left: 5px;
	vertical-align: middle;
	font-size: 0;
}

.applied-discount-code {
	vertical-align: middle;
}

.giftcard-remaining {
	display: block;
}

.estimate-shipping-button {
	border: 1px solid #222;
	outline: 1px solid transparent;
	padding: 12px 20px;
	font-size: 12px;
	color: #222;
	text-transform: uppercase;
	transition: all 0.2s ease;
}

	.estimate-shipping-button:hover {
		outline-color: #222;
	}

.estimate-shipping .title {
	display: none;
}

.estimate-shipping-result {
	padding-top: 15px;
}

	.estimate-shipping-result:empty {
		display: none;
	}

	.estimate-shipping-result li {
		margin-top: 15px;
	}

	.estimate-shipping-result strong {
		display: block;
		margin-bottom: 2px;
		color: #222;
	}

	.estimate-shipping-result span {
		font-size: 13px;
	}

.attributes-wrapper {
	margin-bottom: -1px;
	border: 1px solid #ebebeb;
	padding: 7%;
}

.html-shopping-cart-page .attributes-wrapper {
	margin: 0 0 30px;
	border: 1px solid #9b4646;
	padding: 4%;
}

.checkout-attributes,
.selected-checkout-attributes {
	font-weight: 600;
	margin: 0;
}

.cart-footer .totals {
	/**border: 1px solid #ebebeb;**/
	border: 1px solid #333;
	/**padding: 7%;**/
	padding: 6% 0;
	margin-bottom: 40px
}

	.cart-footer .totals:not(:first-child) {
		border: 1px solid #e2e2e2;
		font-family: var(--b-font-family-medium);
		font-size: 20px;
		line-height: 30px;
	}



		.cart-footer .totals:not(:first-child) > div {
			margin-top: 25px;
		}

	/**	.cart-footer .totals:not(:first-child) p:not(:first-child) {
		margin-top: 40px;
	}

	.cart-footer .totals:not(:first-child) :not(:first-child) span {
		display: block;
		font-family: var(--b-font-family-light);
		font-size: 18px;
		line-height: 30px;
		margin-top: 10px;
	}
**/

	.cart-footer .totals br,
	.cart-footer .totals p:empty {
		display: none;
	}

	.cart-footer .totals h2 {
		border-top: 1px solid #e2e2e2;
		margin-top: 25px;
		padding-top: 25px !important;
	}

		.cart-footer .totals h2:first-of-type {
			border-top: 0;
			margin-top: 0;
			padding-top: 0 !important;
		}

	.cart-footer .totals p {
		margin-top: 25px;
	}

	.cart-footer .totals h2,
	.cart-footer .totals p,
	.cart-footer .totals div {
		padding: 0 6%;
	}

	.cart-footer .totals span {
		margin-top: 10px;
	}

	.cart-footer .totals span {
		display: block;
		font-family: var(--b-font-family-light);
	}

/**.cart-footer .total-info {
	margin: 0 0 30px;
	border-bottom: 1px solid #ebebeb;
	padding-bottom: 20px;
}**/
.cart-footer .cart-total tr.order-subtotal,
.cart-footer .cart-total tr.shipping-cost,
.cart-footer .cart-total tr.tax-value {
	display: none;
}

.cart-footer .cart-total td {
	width: 50%;
	padding: 5px;
}

.cart-footer .cart-total-left {
	text-align: left;
}

.cart-footer .cart-total-right {
	text-align: right;
}

.cart-footer .order-total {
	/**font-size: 16px;
	font-weight: 400;
	color: var(--danger);**/
	color: #333 !important;
}

	.cart-footer .order-total,
	.cart-footer .order-total strong {
		font-family: var(--b-font-family-medium);
		font-size: 22px;
		line-height: 28px;
	}

		.cart-footer .order-total strong {
			color: var(--primary);
		}

.cart-footer .checkout-buttons {
	text-align: center;
}

.cart-footer .checkout-button {
	min-width: 200px;
	height: 50px;
	outline: 1px solid transparent;
	/**background-color: #222;**/
	background-color: var(--primary);
	padding: 0 25px;
	/**font-size: 16px;**/
	font-family: var(--b-font-family-medium);
	font-size: 20px;
	color: #fff;
	text-transform: uppercase;
	transition: all 0.2s ease;
	width: 100%;
}

	.cart-footer .checkout-button:hover {
		outline-color: #222;
	}

.cart-footer .checkout-disabled {
	font-size: 18px;
	color: var(--danger);
}

.cart-footer .addon-buttons {
	text-align: center;
}


/* CHECKOUT */


.checkout-page .section {
	margin: 0 0 30px;
	text-align: center;
}

	.checkout-page .section .title {
		margin: 0 0 25px;
	}

.checkout-page .title strong:after {
	display: none;
}

.checkout-page .button-1 {
	/**min-width: 180px;**/
	min-width: 230px;
	outline: 1px solid transparent;
	/**background-color: #222;
		padding: 15px 25px;**/
	padding: 10px 25px 14px;
	color: #fff;
	text-transform: uppercase;
	transition: all 0.2s ease;
	font-size: 20px;
	font-family: var(--b-font-family-medium);
}

	.checkout-page .button-1:hover {
		outline-color: #222;
	}

	.checkout-page .button-1.new-address-next-step-button,
	.checkout-page .button-1.payment-info-next-step-button,
	.checkout-page .button-1.confirm-order-next-step-button {
		background-color: var(--primary);
	}

		.checkout-page .button-1.new-address-next-step-button:hover,
		.checkout-page .button-1.payment-info-next-step-button:hover,
		.checkout-page .button-1.confirm-order-next-step-button:hover {
			outline-color: var(--primary);
		}

.checkout-page .order-summary {
	margin: 60px 0 0;
}

.checkout-page .cart label {
	display: none;
}

.checkout-page .total-info {
	margin-bottom: 0;
	border-bottom: none;
	padding-bottom: 0;
}

.new-billing-address,
.new-shipping-address {
	display: none;
}

.checkout-page .address-grid,
.checkout-page .new-address {
	margin: 0 -3%;
	overflow: hidden;
	/**background: url('../img/pattern.png') repeat;**/
	padding: 20px;
}

.checkout-page .address-item,
.checkout-page .enter-address {
	background-color: #fff;
	padding: 30px 5%;
}

.checkout-page .address-item {
	margin: 0 0 20px;
}

.checkout-page .address-box {
	margin: 0 0 25px;
	line-height: 25px;
}

	.checkout-page .address-box .name,
	.checkout-page .address-box .email {
		font-size: 16px;
		color: #222;
	}

	.checkout-page .address-box .email {
		margin: 0 0 20px;
	}

.checkout-page .address-item.add-new {
	margin-bottom: 0;
}

.address-item.add-new .address-box {
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: normal;
}

.address-item.add-new .new:before {
	content: "\e096";
	display: block;
	height: 180px;
	font-size: 150px;
	color: #c5c5c5;
	transition: all 0.2s ease;
}

.address-item.add-new .active:before {
	color: var(--danger);
}

.address-item.add-new button .close {
	display: none;
}

.pickup-in-store .description {
	margin: 5px 0 0;
}

.checkout-page .pickup-points {
	margin: 0;
}

.checkout-page .single-pickup-point {
	display: inline-block;
	margin: 0 5px;
}

.checkout-page .select-address select {
	max-width: 100%;
}

.checkout-page .pickup-points-map {
	height: 300px;
	margin: 30px 0;
}

.select-pickup-point + .buttons {
	margin-top: 30px;
}

.method-list {
	margin: 0 -3% 30px;
	overflow: hidden;
	/**background: url('../img/pattern.png') repeat;**/
	padding: 0 20px;
}

	.method-list li {
		margin: 20px 0;
		background-color: #fff;
		padding: 30px 5%;
	}

.method-description {
	max-width: 300px;
	margin: 5px auto 0;
}

.use-reward-points {
	margin: 0 0 30px;
}

li .payment-logo {
	display: none;
}

.payment-info .wrap {
	margin: 0 -3% 30px;
	/**background: url('../img/pattern.png') repeat;**/
	padding: 20px;
}

.payment-info .info {
	background-color: #fff;
	padding: 30px 5%;
}

.payment-info tr {
	display: block;
	max-width: 500px;
	margin: auto;
}

.payment-info td {
	display: block;
	width: 100%;
	padding: 5px;
}

.payment-info label {
	color: #222;
}

.payment-info select {
	width: 100%;
}

.payment-info td input {
	width: 100% !important;
}

.payment-info #ExpireMonth,
.payment-info #ExpireYear {
	width: calc(50% - 7px);
}

.payment-info .message-error {
	margin: 0 0 20px;
}

.confirm-order .terms-of-service {
	max-width: 370px;
	margin-left: auto;
	margin-right: auto;
}
.terms-of-service {
	font-weight: var(--fw-medium);
}

.confirm-order input.button-1 {
	margin: 15px 0 0;
	font-size: 16px;
}

.order-completed .details {
	margin: 0 -3% 30px;
	/**background: url('../img/pattern.png') repeat;**/
	padding: 20px;
}

.order-completed .wrapper {
	background-color: #fff;
	padding: 30px 5%;
}

.order-completed .order-number {
	/**text-transform: uppercase;
		color: #222;**/
	display: none;
}

.order-completed .details-link {
	/**margin: 10px 0 0;
		color: var(--danger);**/
	display: none;
}

.opc.default {
	margin: 0 -3%;
	/**background: url('../img/pattern.png') repeat;
		padding: 20px;**/
	text-align: center;
}

	.opc.default > li + li {
		margin-top: 15px;
	}

.opc .step-title {
	/**background-color: #fff;
		padding: 20px 5%;**/
	display: none;
}

/*.opc .step-title .number,
		.opc .step-title .title {
			display: inline-block;
			vertical-align: middle;
			font-size: 14px;
			letter-spacing: 2px;
			font-weight: 400;
			color: #c5c5c5;
			text-transform: uppercase;
		}

		.opc .step-title .number {
			margin-right: 8px;
		}

	.opc .allow .step-title {
		cursor: pointer;
	}

	.opc .active .step-title {
		cursor: default;
	}*/

.opc .allow .step-title .number,
.opc .allow .step-title .title {
	font-weight: var(--fw-bold);
	color: #222;
	cursor: pointer;
}

.opc .active .step-title .number,
.opc .active .step-title .title {
	color: var(--danger);
	cursor: default;
}

/*.opc .step-body {
		border-top: 1px solid #f6f6f6;
		background-color: #fff;
		padding: 30px 5%;
	}*/

.opc .checkout-data {
	margin: 0 !important;
}

.opc .section i {
	font-style: normal;
	color: #222;
}

.opc .section > label {
	display: block;
	margin: 0 0 10px;
}

.opc .address-select {
	max-width: 100%;
}

.opc .new-billing-address {
	display: block; /*checkout as guest*/
}

.opc .enter-address {
	padding-bottom: 0 !important;
}

.opc .edit-address {
	margin-bottom: 0;
}

.opc .pickup-points {
	margin-bottom: 30px;
}

	.opc .pickup-points .title {
		display: none;
	}

	.opc .pickup-points .buttons {
		display: none;
	}

.opc .method-list {
	overflow: visible;
	background: none;
	padding: 0;
}

	.opc .method-list li {
		margin: 0;
		padding: 15px 5%;
	}

.opc .use-reward-points {
	margin: 0 0 20px;
}

.opc .payment-info {
	margin-bottom: 0;
}

	.opc .payment-info .info {
		padding-top: 0;
	}

.opc .confirm-tab .wrap {
	margin: 0;
	background: none;
	padding: 0;
}

.opc .confirm-tab ul {
	margin: 0;
	padding: 0;
}

.opc .order-summary {
	margin: 0 0 15px;
}

.opc .terms-of-service {
	max-width: 370px;
	margin-left: auto;
	margin-right: auto;
}

.opc .back-link {
	display: inline-block;
	min-width: 100px;
	margin: 10px 0;
	border: 1px solid #222;
	outline: 1px solid transparent;
	padding: 14px 24px;
	font-weight: 400;
	color: #222;
	text-transform: uppercase;
	transition: all 0.2s ease;
}

	.opc .back-link:hover {
		outline-color: #222;
	}

.opc .please-wait {
	display: block;
	margin: 10px 0 0;
}


/* ORDER DETAILS & RETURN REQUEST */


.order-review-data,
.billing-info-wrap {
	display: none !important;
}

.order-details-area,
.shipment-details-area {
	margin: 0 0 60px;
}

	/**.order-review-data > div,**/
	.order-details-area > div,
	.shipment-details-area > div {
		margin: 0 0 30px;
	}

	/**.order-review-data .wrap,**/
	.order-details-area .wrap,
	.shipment-details-area .wrap {
		margin: 0 -3% 30px;
		/**background: url('../img/pattern.png') repeat;**/
		padding: 20px;
	}

	/**.order-review-data ul,**/
	.order-details-area ul,
	.shipment-details-area ul {
		background-color: #fff;
		padding: 30px 5%;
	}

	/**.order-review-data li,**/
	.order-details-area li,
	.shipment-details-area li {
		padding: 5px 0;
	}

	/**.order-review-data .name,**/
	.order-details-area .name,
	/**.order-review-data .email,**/
	.order-details-area .email {
		font-size: 16px;
		color: #222;
	}

	/**.order-review-data .email,**/
	.order-details-area .email {
		margin: 0 0 20px;
	}

.payment-method-info ul,
.shipping-method-info ul {
	margin-top: -40px;
	font-size: 16px;
	color: #222;
}

.payment-method-info .label,
.shipping-method-info .label,
.payment-method-info .value,
.shipping-method-info .value {
	display: block;
	padding: 5px 0;
}

.order-details-page .title {
	margin-bottom: 25px;
	font-size: 17px;
}

.order-details-page .button-2 {
	display: inline-block;
	margin: 0 3px;
	outline: 1px solid transparent;
	background-color: #222;
	padding: 12px 24px;
	font-size: 14px; /*reset zeroing*/
	line-height: normal;
	font-weight: 400;
	color: #fff;
	text-transform: uppercase;
	transition: all 0.2s ease;
}

	.order-details-page .button-2:hover {
		outline-color: #222;
	}

.order-details-page .order-overview {
	margin-bottom: 30px;
	text-align: center;
	line-height: 28px;
}

.order-details-page .order-buttons {
	/**margin: 0 0 30px;
		font-size: 0;**/
	display: none;
}

.order-details-page .order-number {
	margin: 0 0 15px;
	font-weight: var(--fw-bold);
	text-transform: uppercase;
	color: #222;
}

.order-details-page .order-info {
	font-weight: 400;
	color: #222;
}

.order-details-page .order-price {
	font-weight: 400;
	color: var(--danger);
}

.order-details-area,
.shipment-details-area {
	text-align: center;
}

	.order-details-area .title,
	.shipment-details-area .title {
		font-weight: var(--fw-bold);
	}

.order-details-page .repost p {
	margin: 5px 0 0;
}

.order-details-page .view-detail,
.order-details-page .download a {
	color: var(--danger);
}

.order-tax + .order-attributes {
	margin-top: 15px;
}

.order-details-page .cart-footer {
	color: #222;
}

.order-details-page .actions {
	text-align: center;
	font-size: 0;
}

	.order-details-page .actions input {
		min-width: 180px;
		margin: 0 3px 5px;
	}

.shipment-details-area .title {
	margin-bottom: 15px;
}

.return-request-page .title {
	margin: 0 0 20px;
}

.return-request-page .fix:after {
	display: none;
}

.return-request-page .wrapper {
	margin: 0 -3%;
	/**background: url('../img/pattern.png') repeat;**/
	padding: 20px;
}

.return-request-page .form-fields {
	background-color: #fff;
	padding: 30px 5%;
}

.return-request-file > label {
	white-space: normal;
}

.return-request-page .buttons {
	margin: 35px 0 10px;
}


/* SEARCH & SITEMAP */
.search-page-body .master-wrapper-content {
	padding-top: 0 !important;
}


.search-page .page-title {
	display: none;
}

.search-input {
	padding: 0;
}

	.search-input form {
		background-color: #fff;
		padding: 30px 0;
	}

	.search-input .inputs,
	.search-input .inputs label {
		text-align: left;
	}

	.search-input .basic-search .inputs label {
		font-family: var(--h-font-family);
		font-size: 25px;
		line-height: 30px;
		margin: 0 0 30px;
		text-transform: initial;
	}

		.search-input .basic-search .inputs label > span {
			display: none;
		}

	.search-input .inputs label,
	.search-input .inputs.reversed label {
		font-family: var(--b-font-family-medium);
		font-weight: var(--fw-medium);
		font-size: var(--fs-md);
		text-transform: initial;
	}

	.search-input .inputs label {
		text-transform: uppercase;
	}

	.search-input .buttons {
		padding-left: 1%;
		text-align: left;
	}

.basic-search,
.advanced-search {
	max-width: 700px;
	display: block !important;
	/**margin-left: auto;
	margin-right: auto;**/
}

	.basic-search .inputs.reversed,
	.advanced-search .inputs.reversed {
		display: none;
	}

	.advanced-search label[for=price-range] {
		display: none;
	}

	.advanced-search .price-from,
	.advanced-search .price-to {
		/**width: calc(50% - 5px) !important;
	max-width: 150px !important;**/
		display: none;
	}

	.advanced-search .price-to {
		/**margin-left: 9px;**/
		display: none;
	}

.search-input .button-1 {
	min-width: 180px;
	outline: 1px solid transparent;
	/**background-color: #222;**/
	background-color: var(--primary);
	/**padding: 15px 25px;**/
	padding: 12px 24px;
	color: #fff;
	text-transform: uppercase;
	transition: all 0.2s ease;
	font-family: var(--b-font-family-medium);
	font-size: 16px;
	width: 100%
}

	.search-input .button-1:hover {
		outline-color: var(--primary);
	}

.search-input ~ .search-results {
	/**margin: 0 60px;**/
	margin: 0;
	font-family: var(--b-font-family-medium);
	font-size: 20px;
}

.search-results .filters-button {
	min-width: 180px;
	margin: -20px 0 30px;
}

.search-results .warning,
.search-results .no-result {
	/**text-align: center;**/
	color: #222;
}

.sitemap-page .entity {
	margin: 0 0 50px;
	text-align: center;
}

.sitemap-page .entity-title {
	margin: 0 0 25px;
	text-align: center;
	font-size: 19px;
	line-height: 30px;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	color: #222;
}

.sitemap-page .entity-body {
	margin: 0 -3%;
	/**background: url('../img/pattern.png') repeat;**/
	padding: 20px;
}

.sitemap-page .entity-list {
	background-color: #fff;
	padding: 30px 0;
}

	.sitemap-page .entity-list li {
		display: inline-block;
		margin: 8px 15px;
	}

	.sitemap-page .entity-list a {
		display: block;
		color: #222;
	}

		.sitemap-page .entity-list a:hover {
			color: var(--danger);
		}

		.sitemap-page .entity-list a:empty {
			display: none;
		}

.sitemap-page .description {
	margin: 0 0 50px;
	text-align: center;
}


/* BLOG & NEWS */




.block .year strong {
	display: block;
	padding: 15px 0;
	color: #222;
}

.blog-post, .news-item {
	margin: 0 auto 50px;
	border-bottom: 1px solid #ebebeb;
	padding-bottom: 40px;
}

	.blog-post .post-head,
	.news-item .news-head {
		margin: 0 0 25px;
		text-align: center;
	}

	.blog-post .post-title,
	.news-item .news-title {
		display: table;
		position: relative;
		margin: 0 auto 30px;
		font-size: 30px;
		font-weight: 400;
		color: #222;
	}
		/*.news-item .news-title:after,*/
		.blog-post .post-title:after {
			content: "";
			position: absolute;
			right: 0;
			bottom: -15px;
			left: 0;
			width: 30px;
			height: 2px;
			margin: auto;
			background-color: var(--danger);
		}

	.blog-post .post-date,
	.news-item .news-date {
		display: inline-block;
		line-height: 30px;
	}

	.blog-post .post-comments,
	.news-item .news-comments {
		display: inline-block;
		line-height: 30px;
		color: var(--danger);
	}

	.blog-post .post-body,
	.news-item .news-body {
		line-height: 25px;
	}

		.blog-post .post-body a:hover,
		.news-item .news-body a:hover {
			color: var(--danger);
		}

.blog-posts .buttons,
.news-items .buttons {
	margin: 30px 0 0;
}

.blog-posts .read-more,
.news-items .read-more {
	display: inline-block;
	min-width: 130px;
	outline: 1px solid transparent;
	background-color: #222;
	padding: 12px 24px;
	text-align: center;
	font-size: 12px;
	font-weight: 400;
	color: #fff;
	text-transform: uppercase;
	transition: all 0.2s ease;
}

	.blog-posts .read-more:hover,
	.news-items .read-more:hover {
		outline-color: #222;
	}

.blog-page .tags {
	margin: 30px 0 0;
}

	.blog-page .tags label {
		margin: 0 5px;
		color: #222;
	}

	.blog-page .tags ul,
	.blogpost-page .tags ul {
		display: inline-block;
		font-size: 0;
	}

	.blog-page .tags li,
	.blogpost-page .tags li {
		display: inline-block;
		font-size: 14px; /*reset zeroing*/
	}

		.blog-page .tags li.separator,
		.blogpost-page .tags li.separator {
			margin-right: 5px;
		}

	.blog-page .tags a,
	.blogpost-page .tags a {
		display: block;
		color: var(--danger);
	}

.blogpost-page .subtitle,
.news-item-page .subtitle {
	margin: 25px 0 0;
}

.blogpost-page .post-comments,
.news-item-page .news-comments {
	color: var(--danger);
}

.blogpost-page .post-body,
.news-item-page .news-body {
	margin: 0 0 35px;
	border-bottom: 1px solid #ebebeb;
	padding-bottom: 30px;
}

.new-comment {
	margin: 60px 0;
	text-align: center;
}

	.new-comment button {
		display: inline-block;
		border: 1px solid #222;
		outline: 1px solid transparent;
		padding: 10px 25px;
		font-weight: 300;
		color: #222;
		cursor: pointer;
		text-transform: uppercase;
		transition: all 0.2s ease;
	}

		.new-comment button:hover {
			outline-color: #222;
		}

		.new-comment button .close {
			display: none;
		}

	.new-comment .message-error {
		margin-top: 30px;
	}

	.new-comment .result {
		margin-top: 30px;
		color: #222;
	}

	.new-comment .form {
		display: none;
		margin: 30px -3% 0;
		/**background: url('../img/pattern.png') repeat;**/
		padding: 20px;
	}

	.new-comment .wrapper {
		background-color: #fff;
		padding: 30px 5%;
	}

	.new-comment .inputs label {
		display: none;
	}

	.new-comment .buttons {
		margin-top: 25px;
	}

	.new-comment .button-1 {
		min-width: 180px;
		outline: 1px solid transparent;
		background-color: #222;
		padding: 15px 25px;
		color: #fff;
		text-transform: uppercase;
		transition: all 0.2s ease;
	}

		.new-comment .button-1:hover {
			outline-color: #222;
		}

.blog-comment,
.news-comment {
	margin: 0 0 40px;
	border-bottom: 1px solid #ebebeb;
	overflow: hidden;
	padding-bottom: 35px;
}

.comment .avatar {
	position: relative;
	width: 120px;
	height: 120px;
	margin: 0 auto 15px;
	overflow: hidden;
}

	.comment .avatar a {
		display: block;
		height: 100%;
	}

	.comment .avatar img {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		max-width: 100%;
		max-height: 100%;
		margin: auto;
		border: 1px solid #ebebeb;
		border-radius: 50%;
	}

.comment-head {
	margin: 0 0 20px;
	overflow: hidden;
}

.comment-author {
	font-size: 16px;
	font-weight: var(--fw-bold);
	color: #222;
	text-transform: uppercase;
}

.comment-time {
	display: block;
	margin-top: 5px;
	font-size: 11px;
}

.comment-body {
	line-height: 25px;
}

.news-list-homepage,
.home-page-polls {
	margin: 0 0 50px;
	text-align: center;
}

	.news-list-homepage .news-item {
		max-width: 900px;
		margin: 0 auto 30px;
	}

	.news-list-homepage .news-title {
		font-size: 28px;
		line-height: 33px;
	}

	.news-list-homepage .news-body,
	.news-list-homepage .buttons,
	.home-page-polls .buttons {
		text-align: center !important;
	}

	.news-list-homepage .view-all {
		margin-top: 40px;
	}

		.news-list-homepage .view-all a {
			font-weight: var(--fw-bold);
			text-transform: uppercase;
			color: #222;
		}


.home-page-body .news-item {
	border-bottom: initial;
	margin: 2% 1% 40px;
	position: relative;
}

.home-page-body .news-items .read-more {
	background-color: var(--primary);
	font-family: var(--b-font-family-medium);
	font-size: 16px;
	text-transform: initial;
}

	.home-page-body .news-items .read-more:hover {
		outline-color: var(--primary);
	}

.home-page-body .news-list-homepage .news-item figure {
	position: inherit;
	background-color: #E2E2E2;
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 58 58"><path d="M57 6H1a1 1 0 0 0-1 1v44a1 1 0 0 0 1 1h56a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1zm-1 44H2V8h54v42zM16 28.138a5.58 5.58 0 0 0 5.57-5.568A5.58 5.58 0 0 0 16 17a5.58 5.58 0 0 0-5.57 5.57c0 3.072 2.498 5.57 5.57 5.57zM16 19c1.968 0 3.57 1.602 3.57 3.57s-1.6 3.57-3.57 3.57-3.57-1.6-3.57-3.568A3.58 3.58 0 0 1 16 19zM7 46c.234 0 .47-.082.66-.25L23.973 31.4l10.302 10.3a1 1 0 0 0 1.414-1.414l-4.807-4.807 9.18-10.054 11.26 10.323a1 1 0 1 0 1.351-1.475l-12-11a1.03 1.03 0 0 0-.72-.262 1 1 0 0 0-.694.325l-9.794 10.727-4.743-4.743a1 1 0 0 0-1.368-.044L6.34 44.25a1 1 0 0 0-.09 1.412c.198.225.474.34.75.34z"/></svg>');
	background-position: center;
	background-size: 10%;
	background-repeat: no-repeat;
}

	.home-page-body .news-list-homepage .news-item figure:before {
		content: "";
		display: block;
		padding-top: 75.86206%; /*400/580*100%*/
		width: 100%;
	}

	.home-page-body .news-list-homepage .news-item figure img {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
	}

.home-page-body .news-item .news-head {
	background-color: #fff;
	bottom: 0;
	left: 30px;
	margin: initial;
	max-height: 80px;
	padding: 25px 0;
	position: absolute;
	right: 30px;
}

.home-page-body .news-item .news-title {
	color: #333;
	display: block;
	font-family: var(--h-font-family);
	font-size: 25px;
	margin: initial;
}

.home-page-body .news-item .news-body {
	margin: 0 60px;
	padding: 30px 0;
}

.instantSearch .k-item {
	display: block !important;
	cursor: inherit !important;
}

.bar-notification .content {
	text-align: center;
	margin-right: 1rem;
}

#CookiebotWidget:not(.CookiebotWidget-open) .Cookiebotwidget-logo {
	outline: none !important;
}