:root {
	--default-text-color: #393939;
	--wrapper-bg-color: #fff;
	--mobile-bg-cover: #fff;
	--desktop-bg-cover: transparent;
	--std-font-family: 'Poppins', sans-serif;
	--alt-font-family: 'Montserrat', sans-serif;
	--cashier-bg: #eee;
	--selectArea-bg: #fff;
	--selectAreaCheckedLabel: #fff;
	--rdoBorderColor: #525050;
	--rdoBgColor: #fff;
	--activeSelectionColor: var(--accent-green-tms);/*#0059A7;*/
	--activeSelectionColor-hover: var(--accent-green-tms-hover);/*#00427b; */
	--inactiveSelectionColor: #ccc;
	--placeholder-color-mobile: #333;
	--placeholder-color-focus-mobile: transparent;
	--placeholder-color-desktop: #585858;
	--placeholder-color-focus-desktop: #ccc;
	--desktop-stickyheader-hide-transform: translate3d(0,-35px,0);
	--desktop-stickyheader-allmostall-transform: translate3d(0,-35px,0);
	--button-default-color: var(--accent-green-tms);/*#006636;*/
	--button-default-color-hover: var(--accent-green-tms-hover);/*#0f4d0c*/;
	--button-default-text-color: #fff;
	--button-alternative-color: #525050;
	--button-alternative-color-hover: #494747;
	--button-alternative-text-color: #fff;
	--button-action-color: #0059A7;
	--button-action-color-hover: #005db1;
	--transition-bg-color: background-color .3s ease;
	--default-focus-visible-outline: 2px solid #000;
	--toparea-bg-color-desktop: #f1f1f1;
	--topbar-bg-color-desktop: #fff;
	--top-menu-bg-color: #fff;/*#f5f5f5;*/
	--top-menu-bg-color-active-desktop: #525050;
	--top-menu-text-color: #191919;
	--sale-color: #e82b15;
	--accordion-bg-color: #525050;
	--error-color: #933;
	--productlistcontaner-article-height: 410px; /*455px; /* performance related */
	--footer-height-mobile: 1150px; /* performance related */
	--footer-height: 700px; /* performance related */
	--indexTopPadding: 1.5em;
	--nav-text-color: #1e1e1e;

	/* border radius*/
	--border-radius-btn: 0;/*40px;*/
	--border-radius-small-btn: 15px;
	--border-radius-small-tag: 30px;
	--border-radius-small-tag-2: 20px;
	--border-radius-small-input: 18px;
	--border-radius-big-input: 40px;
	--border-radius-dropdown: 9px;
	--border-radius-search-input: 0px;

	--std-transition: transform 0.3s ease-in-out;
	--accent-green-tms: #539335;
	--accent-green-tms-hover: #358315;
	--accent-green2-tms: #78af32;


	/* padding */
	--padding-side-mobile: 10px;

}

@font-face {
	font-family: 'Open Sans';
	src: url('../fonts/OpenSans-ExtraBold.eot');
	src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'),
	url('../fonts/OpenSans-ExtraBold.eot?#iefix') format('embedded-opentype'),
	url('../fonts/OpenSans-ExtraBold.woff2') format('woff2'),
	url('../fonts/OpenSans-ExtraBold.woff') format('woff'),
	url('../fonts/OpenSans-ExtraBold.svg#OpenSans-ExtraBold') format('svg');
	font-weight: bold;
	font-style: normal;
	font-display: fallback;
}

@font-face {
	font-family: 'Open Sans';
	src: url('../fonts/OpenSans-Bold.eot');
	src: local('Open Sans Bold'), local('OpenSans-Bold'),
	url('../fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
	url('../fonts/OpenSans-Bold.woff2') format('woff2'),
	url('../fonts/OpenSans-Bold.woff') format('woff'),
	url('../fonts/OpenSans-Bold.svg#OpenSans-Bold') format('svg');
	font-weight: bold;
	font-style: normal;
	font-display: fallback;
}

@font-face {
	font-family: 'Open Sans';
	src: url('../fonts/OpenSans-Italic.eot');
	src: local('Open Sans Italic'), local('OpenSans-Italic'),
	url('../fonts/OpenSans-Italic.eot?#iefix') format('embedded-opentype'),
	url('../fonts/OpenSans-Italic.woff2') format('woff2'),
	url('../fonts/OpenSans-Italic.woff') format('woff'),
	url('../fonts/OpenSans-Italic.svg#OpenSans-Italic') format('svg');
	font-weight: normal;
	font-style: italic;
	font-display: fallback;
}

@font-face {
	font-family: 'Open Sans';
	src: url('../fonts/OpenSans-Regular.eot');
	src: local('Open Sans Regular'), local('OpenSans-Regular'),
	url('../fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
	url('../fonts/OpenSans-Regular.woff2') format('woff2'),
	url('../fonts/OpenSans-Regular.woff') format('woff'),
	url('../fonts/OpenSans-Regular.svg#OpenSans-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: fallback;
}

@font-face {
	font-family: 'Open Sans';
	src: url('../fonts/OpenSans-MediumItalic.eot');
	src: local('Open Sans Medium Italic'), local('OpenSans-MediumItalic'),
	url('../fonts/OpenSans-MediumItalic.eot?#iefix') format('embedded-opentype'),
	url('../fonts/OpenSans-MediumItalic.woff2') format('woff2'),
	url('../fonts/OpenSans-MediumItalic.woff') format('woff'),
	url('../fonts/OpenSans-MediumItalic.svg#OpenSans-MediumItalic') format('svg');
	font-weight: 500;
	font-style: italic;
	font-display: fallback;
}

@font-face {
	font-family: 'Open Sans';
	src: url('../fonts/OpenSans-Medium.eot');
	src: local('Open Sans Medium'), local('OpenSans-Medium'),
	url('../fonts/OpenSans-Medium.eot?#iefix') format('embedded-opentype'),
	url('../fonts/OpenSans-Medium.woff2') format('woff2'),
	url('../fonts/OpenSans-Medium.woff') format('woff'),
	url('../fonts/OpenSans-Medium.svg#OpenSans-Medium') format('svg');
	font-weight: 500;
	font-style: normal;
	font-display: fallback;
}

@font-face {
	font-family: 'Open Sans';
	src: url('../fonts/OpenSans-SemiBold.eot');
	src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
	url('../fonts/OpenSans-SemiBold.eot?#iefix') format('embedded-opentype'),
	url('../fonts/OpenSans-SemiBold.woff2') format('woff2'),
	url('../fonts/OpenSans-SemiBold.woff') format('woff'),
	url('../fonts/OpenSans-SemiBold.svg#OpenSans-SemiBold') format('svg');
	font-weight: 600;
	font-style: normal;
	font-display: fallback;
}

@font-face {
	font-family: 'Open Sans';
	src: url('../fonts/OpenSans-LightItalic.eot');
	src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'),
	url('../fonts/OpenSans-LightItalic.eot?#iefix') format('embedded-opentype'),
	url('../fonts/OpenSans-LightItalic.woff2') format('woff2'),
	url('../fonts/OpenSans-LightItalic.woff') format('woff'),
	url('../fonts/OpenSans-LightItalic.svg#OpenSans-LightItalic') format('svg');
	font-weight: 300;
	font-style: italic;
	font-display: fallback;
}

@font-face {
	font-family: 'Open Sans';
	src: url('../fonts/OpenSans-Light.eot');
	src: local('Open Sans Light'), local('OpenSans-Light'),
	url('../fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'),
	url('../fonts/OpenSans-Light.woff2') format('woff2'),
	url('../fonts/OpenSans-Light.woff') format('woff'),
	url('../fonts/OpenSans-Light.svg#OpenSans-Light') format('svg');
	font-weight: 300;
	font-style: normal;
	font-display: fallback;
}
@font-face {
	font-family: 'Montserrat';
	src: url('../fonts/Montserrat-Light.eot');
	src: local('Montserrat Light'), local('Montserrat-Light'),
	url('../fonts/Montserrat-Light.eot?#iefix') format('embedded-opentype'),
	url('../fonts/Montserrat-Light.woff2') format('woff2'),
	url('../fonts/Montserrat-Light.woff') format('woff'),
	url('../fonts/Montserrat-Light.svg#Montserrat-Light') format('svg');
	font-weight: 300;
	font-style: normal;
	font-display: fallback;
}

@font-face {
	font-family: 'Montserrat';
	src: url('../fonts/Montserrat-Medium.eot');
	src: local('Montserrat Medium'), local('Montserrat-Medium'),
	url('../fonts/Montserrat-Medium.eot?#iefix') format('embedded-opentype'),
	url('../fonts/Montserrat-Medium.woff2') format('woff2'),
	url('../fonts/Montserrat-Medium.woff') format('woff'),
	url('../fonts/Montserrat-Medium.svg#Montserrat-Medium') format('svg');
	font-weight: 500;
	font-style: normal;
	font-display: fallback;
}

@font-face {
	font-family: 'Montserrat';
	src: url('../fonts/Montserrat-ExtraBold.eot');
	src: local('Montserrat ExtraBold'), local('Montserrat-ExtraBold'),
	url('../fonts/Montserrat-ExtraBold.eot?#iefix') format('embedded-opentype'),
	url('../fonts/Montserrat-ExtraBold.woff2') format('woff2'),
	url('../fonts/Montserrat-ExtraBold.woff') format('woff'),
	url('../fonts/Montserrat-ExtraBold.svg#Montserrat-ExtraBold') format('svg');
	font-weight: bold;
	font-style: normal;
	font-display: fallback;
}

@font-face {
	font-family: 'Montserrat';
	src: url('../fonts/Montserrat-Regular.eot');
	src: local('Montserrat Regular'), local('Montserrat-Regular'),
	url('../fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
	url('../fonts/Montserrat-Regular.woff2') format('woff2'),
	url('../fonts/Montserrat-Regular.woff') format('woff'),
	url('../fonts/Montserrat-Regular.svg#Montserrat-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: fallback;
}

@font-face {
	font-family: 'Montserrat';
	src: url('../fonts/Montserrat-Black.eot');
	src: local('Montserrat Black'), local('Montserrat-Black'),
	url('../fonts/Montserrat-Black.eot?#iefix') format('embedded-opentype'),
	url('../fonts/Montserrat-Black.woff2') format('woff2'),
	url('../fonts/Montserrat-Black.woff') format('woff'),
	url('../fonts/Montserrat-Black.svg#Montserrat-Black') format('svg');
	font-weight: 900;
	font-style: normal;
	font-display: fallback;
}

@font-face {
	font-family: 'Montserrat';
	src: url('../fonts/Montserrat-Bold.eot');
	src: local('Montserrat Bold'), local('Montserrat-Bold'),
	url('../fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
	url('../fonts/Montserrat-Bold.woff2') format('woff2'),
	url('../fonts/Montserrat-Bold.woff') format('woff'),
	url('../fonts/Montserrat-Bold.svg#Montserrat-Bold') format('svg');
	font-weight: bold;
	font-style: normal;
	font-display: fallback;
}

@font-face {
	font-family: 'Montserrat';
	src: url('../fonts/Montserrat-SemiBold.eot');
	src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'),
	url('../fonts/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'),
	url('../fonts/Montserrat-SemiBold.woff2') format('woff2'),
	url('../fonts/Montserrat-SemiBold.woff') format('woff'),
	url('../fonts/Montserrat-SemiBold.svg#Montserrat-SemiBold') format('svg');
	font-weight: 600;
	font-style: normal;
	font-display: fallback;
}

/* Poppins Regular */
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Regular.eot');
    src: local('Poppins Regular'), local('Poppins-Regular'),
         url('../fonts/Poppins-Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Poppins-Regular.woff2') format('woff2'),
         url('../fonts/Poppins-Regular.woff') format('woff'),
         url('../fonts/Poppins-Regular.svg#Poppins-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: fallback;
}

/* Poppins Regular Italic */
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Italic.eot');
    src: local('Poppins Italic'), local('Poppins-Italic'),
         url('../fonts/Poppins-Italic.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Poppins-Italic.woff2') format('woff2'),
         url('../fonts/Poppins-Italic.woff') format('woff'),
         url('../fonts/Poppins-Italic.svg#Poppins-Italic') format('svg');
    font-weight: 400;
    font-style: italic;
    font-display: fallback;
}

/* Poppins Medium */
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Medium.eot');
    src: local('Poppins Medium'), local('Poppins-Medium'),
         url('../fonts/Poppins-Medium.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Poppins-Medium.woff2') format('woff2'),
         url('../fonts/Poppins-Medium.woff') format('woff'),
         url('../fonts/Poppins-Medium.svg#Poppins-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: fallback;
}

/* Poppins SemiBold */
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-SemiBold.eot');
    src: local('Poppins SemiBold'), local('Poppins-SemiBold'),
         url('../fonts/Poppins-SemiBold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Poppins-SemiBold.woff2') format('woff2'),
         url('../fonts/Poppins-SemiBold.woff') format('woff'),
         url('../fonts/Poppins-SemiBold.svg#Poppins-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: fallback;
}

/* Poppins Bold */
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Bold.eot');
    src: local('Poppins Bold'), local('Poppins-Bold'),
         url('../fonts/Poppins-Bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Poppins-Bold.woff2') format('woff2'),
         url('../fonts/Poppins-Bold.woff') format('woff'),
         url('../fonts/Poppins-Bold.svg#Poppins-Bold') format('svg');
    font-weight: 700;
    font-style: normal;
    font-display: fallback;
}

/* Poppins Bold Italic */
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-BoldItalic.eot');
    src: local('Poppins Bold Italic'), local('Poppins-BoldItalic'),
         url('../fonts/Poppins-BoldItalic.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Poppins-BoldItalic.woff2') format('woff2'),
         url('../fonts/Poppins-BoldItalic.woff') format('woff'),
         url('../fonts/Poppins-BoldItalic.svg#Poppins-BoldItalic') format('svg');
    font-weight: 700;
    font-style: italic;
    font-display: fallback;
}

/* Poppins ExtraBold */
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-ExtraBold.eot');
    src: local('Poppins ExtraBold'), local('Poppins-ExtraBold'),
         url('../fonts/Poppins-ExtraBold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Poppins-ExtraBold.woff2') format('woff2'),
         url('../fonts/Poppins-ExtraBold.woff') format('woff'),
         url('../fonts/Poppins-ExtraBold.svg#Poppins-ExtraBold') format('svg');
    font-weight: 800;
    font-style: normal;
    font-display: fallback;
}

/* Poppins Black */
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Black.eot');
    src: local('Poppins Black'), local('Poppins-Black'),
         url('../fonts/Poppins-Black.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Poppins-Black.woff2') format('woff2'),
         url('../fonts/Poppins-Black.woff') format('woff'),
         url('../fonts/Poppins-Black.svg#Poppins-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: fallback;
}


*, *:after, *:before { margin: 0; /*padding: 0;*/ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.preload * { -webkit-transition: none !important; -moz-transition: none !important; -ms-transition: none !important; -o-transition: none !important; }
html, body { border: none; height: 100%;}

body {
	height: 100vh;
	padding: 0;
	margin: 0;
	color: var(--default-text-color);
	font: 16px var(--std-font-family);
	background-color: #fff;
	display: flex;
	flex-direction: column;
	-webkit-font-smoothing: antialiased;
}

img,
object,
video { border: none; height: auto; max-width: 100%; -webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  user-select: none; }
input[type=text] { -webkit-user-select: text; color: #393939; }

img { /*object-fit: cover;*/ }
img, picture, video, canvas { display: block; max-width: 100%; }
input, button, textarea, select { font: inherit; color: #393939; background-color: #fff; }
p, h1, h2, h3, h4, h5, h6 { /*overflow-wrap: break-word;*/ }
p { /*overflow-wrap: break-word; hyphens: auto;*/ }

iframe { border: none; max-width: 100%; }
a { text-decoration:none; color:var(--default-text-color); outline: none; }
a:active,
a:hover { outline: 0; }
a:focus,
a:hover { text-decoration:underline; color: #014A82; }
a:focus-visible { outline: 1px solid black; }
a:active { background-color:transparent; outline:none }
.visually-hidden { position: absolute; border: 0; clip: rect(0 0 0 0); clip-path: inset(100%); width: 1px; height: 1px; margin: -1px; padding: 0; white-space: nowrap; overflow: hidden; }
button,
textarea,
input,
select,
a {
	font-family: var(--std-font-family);
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-tap-highlight-color: transparent;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

h1, h2, h3, h4 { font-family: var(--alt-font-family); }
h1 { font-size: 2.2em; font-weight: 700; margin-bottom: 0.5em; line-height: 1.2; }
h2 { color: var(--default-text-color); display: block; font-size: 1.8em; margin: 0; padding: 10px 0; font-weight: 700; /*text-align: center;*/ }
h1.styled,
h2.styled {
	position: relative;
	font-size: 1.8em;
	font-weight: 700;
	padding: 15px 0 20px 0;
	text-align: center;
}
h1.indexStyle,
h2.indexStyle {
	text-transform: uppercase;
	color: black;
}
.topPa {
	padding-top:var(--indexTopPadding);
}

h1 .h1prefix { color: #707070; }
h3 { margin:0; padding:0 0 3px 0; display:block; font-size:1.5em; font-weight: 700; }

p { line-height: 1.6em; margin-bottom: 0em;}
.infotext ul li a,
p a { text-decoration: underline; color: var(--default-text-color); }
.standardformat ul { list-style-type: disc; margin: 5px 0 5px 50px; }
.pad { padding: 5px; }
.container {max-width:1300px; margin:0 auto; }
/* KQL-related example */
.container.category_burtoncustom { max-width: none; margin-top: -150px; }
.container.category_burtoncustom .bodytext p:not(:first-child) { max-width: 1300px; margin: 0 auto; }

#wrapper { padding: 0; background-color: var(--wrapper-bg-color)}

div#dealOfTheDayGlobal { height: 40px; background-color: #2c2c2c; color: #fff; display: flex; align-items: center; justify-content: center; }
div#dealOfTheDayGlobal a { color: #fff; font-weight: 600; display: flex; flex-basis: 100%; justify-content: center; height: 100%; align-items: center; }

#notice_bar { background-color: #000000 !important; display: flex; padding: 10px; align-items: center; justify-content: center; color: #fff; }
    
#notice_bar a { color: #fff; text-decoration: none; font-weight: bold!important;}

ul { list-style-type: none; margin:0; padding: 0; }
div:focus { outline: none; }

input,
select,
textarea { border: 1px solid #ccc; font-family: inherit; }
input[type=number] {-moz-appearance: textfield; color: #393939; background-color: #fff;}
::-webkit-inner-spin-button { -webkit-appearance: none;}
::-webkit-outer-spin-button { -webkit-appearance: none;}
button, input {font-family:  var(--alt-font-family); }

/*
button, input { font-family:  var(--std-font-family); }
*/
input,
textarea,
button { -webkit-border-radius: 0; }
input[type=text], input[type=password], textarea { transition: all 0.30s ease-in-out; outline: none; padding: 3px 0 3px 3px; margin: 5px 1px 3px 0; border: 1px solid #6b6b6b; color: #393939; background-color: #fff; }
.styled-select { border: 1px solid #6b6b6b; }
input[type=text]:focus,
textarea:focus {}
caption { text-align: left; border-bottom: 1px solid #ccc; padding-bottom: 3px; }
label { font-size: 1em; font-weight: 400; text-align: left; }
.smallLabelText { font-weight: normal; font-size: .8em; }
form { width: 100%; }
form,
fieldset { margin:0; padding:0; border:none; clear: both; }

.nav-icon { margin: 0 auto; width: 24px; cursor: pointer; }
.nav-icon:after,
.nav-icon:before,
.nav-icon span { background-color: #fff; border-radius: 3px; content: ""; display: block; height: 2px; margin: 5px 0; transition: all 0.2s ease-in-out; }
/*Note: If you changed width of lines of head of arrow, then you also might have to set the transformation of those line accordingly*/
.nav-icon.closed:before { transform: translate3d(-2px,3px,0) rotate(135deg); width: 14px; }
.nav-icon.closed:after { transform: translate3d(-2px,-3px,0) rotate(-135deg);  width: 14px; }

#topFavouriteWrapper { display: flex; width: 60px; order: 10; align-items: center; justify-content: center; background-color: var(--mobile-bg-cover); }
#topFavourite { position: relative; cursor: pointer; color: var(--default-text-color); display: flex; align-items: center; justify-content: center;flex-wrap: wrap;}
#topFavourite .dyn-favourites-count { display: none; top: 50%; position: absolute; color: var(--default-text-color); display: flex; width: 20px; height: 20px; align-items: center; justify-content: center; border-radius: 100%; font-size: .8em; font-weight: normal; transition: color .3s; transform: translate3d(0,-50%,0) }
#topFavourite.active .dyn-favourites-count { display: flex; }
#topFavourite { display: flex; align-items: center; justify-content: center; }
#topFavourite:hover,
#topFavourite:focus { text-decoration: none; }
#topFavourite:hover svg,
#topFavourite:focus svg { fill: var(--button-alternative-color-hover); }
#topFavourite:focus-visible { outline: var(--default-focus-visible-outline); outline-offset: 2px; }
#topFavourite.favourites-text svg { fill: none; stroke: #9f9f9f; stroke-width: 20; transition: fill .3s; display: flex; align-items: center; justify-content: center; width: 35px; height: 35px;}
#topFavourite.favourites-text.active svg { color: #000; }
#topFavourite.favourites-text.active .dyn-favourites-count { color: #484747;  background-color: transparent; font-weight: 600;}
#topFavourite.favourites-text:hover svg,
#topFavourite.favourites-text:focus svg { fill: #f2f2f2; }
#topFavourite.favourites-text:hover .dyn-favourites-count,
#topFavourite.favourites-text:focus .dyn-favourites-count { color: #484747; }

#topLogo,
#topCartContent,
#topContact,
#topFlag,
#topFavouriteWrapper { z-index: 2; }

body.stickyheader #topBar { position: fixed; width: 100%; z-index: 11; min-height: 118px; top: 0; /*transform: translate3d(0,0,0);*/ transition: transform .25s; backface-visibility: hidden; background-color: var(--topbar-bg-color-desktop); }


@media (max-width: 767.98px) {
	body.stickyheader.pagemode-qcashier #topBar {
		min-height: 40px;
	}
	body.stickyheader.pagemode-qcashier #wrapper {
		margin-top: 60px;
	}
	body.stickyheader.pagemode-qcashier #topBar #topLogo {
		justify-content: center;
	}
	body.stickyheader.pagemode-qcashier #topBar #topSearch,
	body.stickyheader.pagemode-qcashier #topBar #btnNav,
	body.stickyheader.pagemode-qcashier #topBar #topFavouriteWrapper
	{
		display: none;
	}

}
/*
body.stickyheader #topBar:after {  content: \'\'; position: absolute; z-index: -1; width: 100%; opacity: 0; transition: opacity 0.3s ease; box-shadow: 0 -7px 20px 4px #9e9e9e;}
body.stickyheader #topBar.hide { transform: translateY(-120px); transition: transform .25s; backface-visibility: hidden; }
body.stickyheader #topBar.hide:after { opacity: 1; }
*/

body.stickyheader #topBar.hide { max-height: 60px; min-height: auto;}
body.stickyheader #topBar.hide #topLogo { flex: auto; background-color: var(--mobile-bg-cover);}
body.stickyheader #topBar #btnNav,
body.stickyheader #topBar #topSearch { transition: transform .25s; }
body.stickyheader #topBar.hide #topSearch,
body.stickyheader #topBar.hide #btnNav { transform: translate3d(0,-60px,0); z-index:-1; }
body.stickyheader #topBar.allmostall #topSearch,
body.stickyheader #topBar.allmostall #btnNav	{ transform: translate3d(0,0,0); z-index:1}
body.stickyheader #wrapper { margin-top: 120px; }


#manufacturerPage {
	background-color: #f7f7f7;
	padding-top: 10px;
	padding-left: var(--padding-side-mobile);
	padding-right: var(--padding-side-mobile);
}

/* Calenderdeal */
#index-slider.withCalender {
	width: 100%;
	order: 2;
}

#sliderCalenderWrapper {
		display: flex;
		flex-direction: column;
}

#calendarDeals {
	margin: 3px 0;
	order: 1;
}

@media (min-width: 768px) {
	#calendarDeals {
		margin: unset;
		display: flex;
		flex: 0 0 25%;
		min-height: 270px;
		order: 2;
	}
	#sliderCalenderWrapper {
		flex-direction: row;
	}
	#sliderCalenderWrapper {
		display: flex;
		flex-direction: row;
		width: 100%;
		gap: 3px;
	}
	#index-slider.withCalender {
		width: calc(75% - 3px);
		display: flex;
		order: 1;
	}
	/* END Calenderdeal */
	#manufacturerPage {
		padding-left: unset;
		padding-right: unset;
	}
}
#manufacturerPage h1 {
	margin-bottom:0.8em;
}

.paging {
	padding-bottom: 8px;
}
#categoryPage {
	background-color: #eceff1;
	padding-bottom: 50px;
}

#categoryPage h1 {
	margin-bottom: 0;
}

#catContent {
	margin-top: 10px;
}
#categoryPage .fadeout {
	display: block;
}
#categoryPage .cptoggle {
	display: block;
}

#categoryPage #category-bodytext section.bodytext {
	margin-bottom: 10px;
}
#categoryPage #top-banner.onlyProdCss,
#categoryPage #category-bodytext.onlyProdCss {
	/*background-color: #fff;*/
}

@media (min-width: 768px) {
	#categoryPage #top-banner.onlyProdCss .category-listing {
		margin-bottom: 10px;
	}
	#categoryPage #category-bodytext.onlyProdCss .bodytext {
		margin: 0;
	}
}

#pageIndex {
	/* padding-bottom: 50px;*/
}
/*
body.stickyheader #topBar.allmostall { transform: translateY(0); transition: transform .25s; backface-visibility: hidden; }
body.stickyheader #topBar.allmostall:after { opacity: 1; }
body.stickyheader #wrapper { margin-top: 120px; }
*/

#topBar { position: relative; color: var(--default-text-color); background-color: #fff; }
#topBar > .container { display: flex; flex-wrap: wrap; position: relative; padding: 0; background-color: var(--mobile-bg-cover); max-height: 60px;}
#topArea { display: none;}


#topLogo {
	order: 10;
	background-color: var(--mobile-bg-cover);
	flex: auto;
	display: flex;
	align-items: center;
	padding-left: 10px; /* TEST --> */
	width: min-content;
	min-width: 40%;
}

#topLogo img { /*max-height: 55px; width: auto; max-width: 175px;*/ /* TEST --> */ width: 100%; height: auto; max-height: 45px; }
#topLogo svg { width: 100%; height: auto; max-height: 60px; max-width: 200px; }
#topLogo a { display: flex; align-items: center; justify-content: center; height: 60px; max-width: 200px;}
#topLogo .logotext { fill: #fff; }
body.cashierrelated #topLogo {/*  width: 85%; */}

@media (min-width: 768px) {
	body.cashierrelated #topLogo {/*  width: 85%; */
		width: 100%;
		flex: unset;
		max-width: unset;}
}

#topSearch { order: 30; align-items: center; justify-content: center; display: flex; flex-grow: 1; min-width: 77%;}
#topSearch form { display: flex; width: 100%; height: 60px; align-items: center; justify-content: center;}
#topSearch fieldset { width: 100%; height: 100%; }
.search-form-new .searchContainer { position: relative; display: flex; height: 100%; align-items: center; justify-content: center; }
.search-form-new .searchContainer .twitter-typeahead { width: 100%; height: 100%; position: relative; top: 0; }
.search-form-new .text { height: 100%; padding: 5px 5px 5px 10px; font-size: 16px; width: 100%; border: 0; border-radius: 0; background-color: #fff; margin: 0; z-index: 2;border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;}
.search-form-new .text:focus { color: #333;  }
.search-form-new .text:focus,
.search-form-new .text:active { background-color: #fff; }
.search-form-new .text::placeholder { color: #333; }
.search-form-new .text::-webkit-input-placeholder { color:var(--placeholder-color-mobile); }
.search-form-new .text:-moz-placeholder { color: var(--placeholder-color-mobile); }
.search-form-new .text:-moz-placeholder { color: var(--placeholder-color-mobile); }
.search-form-new .text:-ms-input-placeholder { color: var(--placeholder-color-mobile); }
.search-form-new .text:focus-visible { }
.search-form-new .text:focus::placeholder { color: var(--placeholder-color-focus-mobile); }
.search-form-new .text:focus::-webkit-input-placeholder { color: var(--placeholder-color-focus-mobile); }
.search-form-new .text:focus:-moz-placeholder { color: var(--placeholder-color-focus-mobile); }
.search-form-new .text:focus::-moz-placeholder { color: var(--placeholder-color-focus-mobile); }
.search-form-new .text:focus:-ms-input-placeholder { color: var(--placeholder-color-focus-mobile); }

.search-form-new .icon {
	cursor: pointer;
	position: absolute;
	justify-content: center;
	align-items: center;
	color: #727272;
	background-color: unset;
	height: 60px;
	width: 60px;
	font-size: 18px;
	top: 0;
	right: 0;
	border: 0;
	transition: all 250ms ease;
}
.search-form-new .icon {
	z-index: 2;
	display: flex;
	left: auto;
	right: 0px;
	top: 8px;
	color: #484747;
	height: 45px;
	width: 45px;
	font-size: 18px;
	margin-right: 10px;

}


.search-form-new .icon:hover { color: #fff; transition: all 250ms ease }
.search-form-new .icon:hover svg,
.search-form-new .icon:focus svg { fill: #727272; }
.search-form-new svg { width: 18px; height: 18px; fill: #727272; transition: all 250ms ease}

.jsShakeArea { display: flex; align-items: stretch; flex-direction: column; height: 100%; }
#topCartContent { order: 20; align-items: center; justify-content: right; width: 60px;}
#topCartOpen { height: 100%; align-items: center; justify-content: flex-end; display: flex; }

#topFlag { position: relative; display: flex; align-items: center; justify-content: center; order: 15; background-color: var(--mobile-bg-cover);}
#topFlag #btnFlag { width: 60px; position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%;border: 0; cursor: pointer; background-color: transparent;}
#topFlag #btnFlag .btnlabel { font-size: .9em; }
#topFlag #btnFlag .btnlabel.btnlabel2 { color: #000; background-color: rgb(255 255 255 / 80%); font-size: .7em; padding: 2px 5px; border-radius: 20px; position: absolute; bottom: 4px; min-width: 90px; }
#topFlag #btnFlag svg { width: 25px; height: 25px; fill: var(--default-text-color); transition: fill .4s ease; }
#topFlag #btnFlag[aria-expanded=true] svg { fill: #C72D25; }
#topFlag #btnFlag[aria-expanded=true]:after { bottom:0; left:50%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(222, 222, 222, 0);	border-bottom-color: #dedede; border-width: 6px; margin-left: -6px; }

#topFlagInner { display: none; position: absolute; width: 230px; right: 0; background-color: #fff; top: 100%; box-shadow: 5px 12px 18px -4px #333; max-height: 0; overflow: hidden; transition: max-height .3s; will-change: max-height; }
#topFlagInner.open { display: block;  max-height: 80vh; transition: max-height .3s; z-index: 1;}
#topFlagInner ul { display: flex; flex-direction: column; justify-content: center; }
#topFlagInner li { display: flex; flex-basis: 100%;}
#topFlagInner li.active a { background-color: #f0f0f0; opacity: 1; }
#topFlagInner a { display: flex; align-items: center; flex-basis: 100%; padding: 10px; font-size: .9em;  opacity: .7; }
#topFlagInner a:hover { text-decoration: none; background-color: #f7f7f7; opacity:1; }
#topFlagInner a:focus-visible { outline: 1px solid #000; background-color: #f7f7f7; opacity:1;}
#topFlagInner img { margin-right: 10px; }
#topFlagInner .cName { margin-right: 0; margin-left: auto;}
#topFlagInner .cShort {}
#topFlag .flagImg { width: 30px; height: 30px; background-repeat: no-repeat; background-position: center center; background-size: cover; }
#topFlag .flagImg.sub { margin-right: 10px; }

/*#topContact { display: none; align-items: center; justify-content: center; order: 15; width: 60px;}*/
#topContact { display: flex; align-items: center; justify-content: center; order: 15; width: 140px; background-color: var(--mobile-bg-cover);}
#topContact .md_switch{ color: var(--default-text-color);}
#topContact #topContactInner { /*display: none;*/ position: absolute; width: 100%; left: 0; background-color: #dedede; top: 59px; box-shadow: 5px 12px 18px -4px #333; max-height: 0; overflow: hidden; transition: max-height .3s; will-change: max-height; }
#topContact #topContactInner.open { /*display: block;*/  max-height: 80vh; transition: max-height .3s; }
#topContact #topContactInner ul { padding: 20px; }
#topContact #btnContact { width: 60px; position: relative; /*display: flex;*/ display: none; flex-direction: column; align-items: center; justify-content: center; height: 100%;border: 0; cursor: pointer; background-color: #3c8bc3; }
#topContact #btnContact svg { width: 25px; height: 25px; fill: #fff; transition: fill .4s ease; }
#topContact #btnContact[aria-expanded=true] svg { fill: #C72D25; }
#topContact #btnContact[aria-expanded=true]:after { bottom:0; left:50%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(222, 222, 222, 0);	border-bottom-color: #dedede; border-width: 6px; margin-left: -6px; }

#topMenu { display: flex; align-items: center; justify-content: center; }
#topMenu { display: flex; align-items: center; justify-content: flex-end; place-content: flex-end; position: absolute; right: 0; bottom: 0; height: 60px; }
#topMenu #loginlink {display: none;}


#btnNav { z-index: 2; order: 40; cursor: pointer; color: #fff; background-color: var(--button-alternative-color); border: 0; width: 60px; height: 60px; display: flex; flex-direction: column; align-items: center; justify-content: center; }
#btnNav:hover { background-color: var(--button-alternative-color);}
#btnNav:focus {color: var(--default-text-color);outline: none; background-color: var(--button-alternative-color); }
#btnNav:focus-visible {outline: var(--default-focus-visible-outline); }
#btnNav .menuText { font-size: .7em; font-weight: 500; color: #fff;}

#basketItems { border: 0; color: #393939; display: flex; align-items: center; position: relative; cursor: pointer; font-weight: 600; font-size: 1em; height: 100%; background-color: var(--mobile-bg-cover); width: 60px; justify-content: center; }
#basketItems.hasitems {}
#basketItems.hasitems svg { }
#basketItems .iconwrapper { display: flex; align-items: center; position: relative;}
#basketItems .iconwrapper i {
	font-size: 2em;
	padding: 0 7px;
	vertical-align: sub;
	color: #a9a9a9;
}


#basketItems.hasitems .iconwrapper i {
	color: #444444;
}
#basketItems .iconwrapper .basketQty { width: 23px; height: 23px; background-color: #a4a4a4; border: 2px solid #fff; display: flex; align-items: center; justify-content: center; color: #fff; border-radius: 100%; position: absolute; font-size: .7em; top: -12px; right: 0; }
#basketItems.hasitems .iconwrapper .basketQty { background-color: var(--accent-green-tms);/*#0A8539;*/ }
#basketItems svg { width: 30px; height: 30px; margin-right: 10px; fill: var(--default-text-color);}
#basketItems .basketTotal {display: none; }
#basketItem:hover { color: #fff; }
#basketItems:hover,
#basketItems:focus { outline: 2px solid transparent; }
#basketItems:focus-visible .iconwrapper { outline-offset: 2px; outline: var(--default-focus-visible-outline);;}
#btnToCashier { display: none; }


/*#wrapper { padding: 0 10px; }*/

#breadcrumbs { font-size: .8em; padding: 0 10px;}
#breadcrumbs nav ul { display: flex; align-items: stretch; flex-wrap: nowrap; padding: 5px 0; overflow-x: auto; scroll-snap-type: x mandatory;
	/*
    background-image: linear-gradient(to right, #f7f7f7, #f7f7f7), linear-gradient(to right, #f7f7f7, #f7f7f7), linear-gradient(to right, rgba(0, 0, 0, 0.25), rgba(255, 255, 255, 0)), linear-gradient(to left, rgba(0, 0, 0, 0.25), rgba(255, 255, 255, 0));
    background-position: left center, right center, left center, right center;
    background-repeat: no-repeat;
    background-size: 20px 100%, 20px 100%, 10px 100%, 10px 100%;
    background-attachment: local, local, scroll, scroll;*/
}
#breadcrumbs nav ul::-webkit-scrollbar { width: 0; background: transparent; height: 0;}
#breadcrumbs nav li { flex: none;  margin-right: 10px; scroll-snap-align: start; display: flex; align-items: center; justify-content: center;}
#breadcrumbs nav li a { min-height: 44px; display: flex; align-items: center; }
#breadcrumbs nav a#activecrumb { background-color: #c72d25; color: #fff; }
#breadcrumbs li.arrow:before { content:"/"; padding-right:10px; }
#breadcrumbs li.lastchild { font-weight: 600; }
#breadcrumbs li.lastchild a { padding:0 10px;}
#breadcrumbs li.lastchild:before { padding-right: 0; }


/* padding in mobile*/

.pageMainPadding {

}
--padding-side-mobile

#productPageUpper {	/*background-color: #f1f1f1;*/ }
#productPageUpper section {	display: flex; flex-wrap: wrap; }
#productPageUpper #prodImage {width: 100%; order: 1; }
#productPageUpper .productImageWrapper { background-color: #fff;  }
#productPageUpper #prodInfo { background-color:#fff; flex: 1; order: 2; /*background-color: #f5f5f5;*/ -webkit-transition: all 0.3s ease;transition: all 0.3s ease; position: relative; padding: 10px; }
#assoc2Wrapper, #assoc3Wrapper { margin-top: 20px; }
#productPageUpper #mimagecont img { max-height: 30px; margin-bottom: 8px; }
#productPageUpper #mimagecont a { display: inline-block; }
#productPageUpper #mimagecont a:focus-visible { outline: 1px solid #000; }
.productImageWrapper {position: sticky; top: 0;}
.productImageContainer {position: relative; overflow: hidden;}
.productImageContainer .next,
.productImageContainer .prev {cursor: pointer;font-size: 50px;font-weight: 600;position: absolute;color: #333; top: 50%; transform: translate3d(0,-50%,0) }
.productImageContainer .next {right: 5px;}
.productImageContainer .prev {left: 5px;}
.productImageContainer .next:hover,
.productImageContainer .prev:hover {color: #787878;}
.productImage {display: flex; justify-content: center; align-items: center; height: 350px; background-color: #fff;position: relative;width: 100%;/*overflow: hidden*/;max-width: 700px;margin: 0 auto 0;/*height: 320px;line-height: 320px;*/}
.productImage img {max-height: 350px; width: auto;}
.productImage a,
.productImage video { display: flex; justify-content: center; align-items: center; margin: auto; }
.productImage video { width: 90%; }
.productImage .image-caption { position: absolute; bottom: 30px; height: 40px; line-height: 40px; width: 100%; font-size: .9em; padding: 0 25px;
	background: -moz-linear-gradient(left,  rgba(229,229,229,0) 0%, rgba(229,229,229,.7) 15%, rgba(229,229,229,.7) 85%, rgba(229,229,229,0) 100%);
	background: -webkit-linear-gradient(left,  rgba(229,229,229,0) 0%,rgba(229,229,229,.7) 15%,rgba(229,229,229,.7) 85%,rgba(229,229,229,0) 100%);
	background: linear-gradient(to right,  rgba(229,229,229,0) 0%,rgba(229,229,229,.7) 15%,rgba(229,229,229,.7) 85%,rgba(229,229,229,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00e5e5e5", endColorstr="#00e5e5e5",GradientType=1 );
}
#slider { visibility: hidden; overflow: hidden; }
#prodInfo .rating {	cursor: pointer; margin: -10px 0 15px 0; }

.stars { position: relative; white-space: nowrap; isolation: isolate;}
.stars svg { width: 20px; }
.cover { background: white; height: 100%; overflow: hidden; mix-blend-mode: color; position: absolute; top: 0; right: 0; }
.stars svg { fill: gold;}

#prodInfo p { padding: 8px 0;  }
#prodInfo p.giftwraptext { margin: 10px 0; font-size: .9rem; display: flex; align-items: center; color: rgb(174, 101, 0); padding: 0 !important; }
#prodInfo p.giftwraptext svg { width: 20px; height: 20px; margin-right: 10px; fill: rgb(174, 101, 0); }
#prodInfo .selProdAssoc { width: 100%; }
#prodInfo .dealPill { background-color: #000; display: inline-flex; color: #fff; padding: 4px 10px; font-size: .8em; border-radius: 20px; margin-bottom: 5px; font-weight: bold; }
#prodInfo h1 {padding-top: 0;padding-bottom: 17px;padding-left: 0; text-align: left; font-size: 1.8em; font-weight: 700; margin-bottom: 0.3rem;}
#prodInfo .subscriptSpot {margin-top: 10px;font-size: .8em;text-align: center;}
#prodInfo .subscriptSpot span {background-color: #333; padding: 4px 10px; color: #fff; border-radius: 2px;color: #272627;}

#productManufacturer {
	text-align: left;
	margin: 15px 0 10px 0;
	padding: 0;
	font-size: 1em;
	font-weight: 300;
	/*color: #727272;*/
}

#productPage h2.h2RelCat {
	font-size: 1em;
	font-weight: bold;
	padding: 18px 0 7px 0;
}

#productManufacturer .artno { color: #393939; }
#prodInfo .agreeprice { border: 1px solid #414141; background-color: #fff; padding: 10px; font-size: 1em; font-weight: 600; margin: 10px 0; }
#prodInfo .agreeprice i { font-size: 2.6em; float: left; margin-right: 9px; color: #00a6f4; }
#prodInfo .shortDesc { margin-top: 10px; }
#prodInfo .symbolContainerInfo { display: flex; margin: 20px 0; align-items: center; gap: 20px; }
#prodInfo .symbolContainerInfo .attrRefInner { width: 50px; height: 50px; display: flex; align-items: center; }
#prodInfo .symbolContainerInfo .attrRefInner.url { background-size: contain; background-repeat: no-repeat; }
#prodInfo .helpttext { position: relative; margin: 10px 0; padding: 10px; font-size: .9em; }
#prodInfo #data-attrib-result .helpttext { background-color: #ececec; }
#prodInfo #data-attrib-result .productBuy input { background-color: #fff; }
#prodInfo .assoc { margin: 0px 0 0px; background-color: #efefef; padding: 10px 10px 15px 0; border-radius: 8px; }

#prodInfo .prices {
	display: flex;
	flex-wrap: wrap;
	font-weight: 700;
	font-size: 2.2rem;
	position: relative;
	margin: 15px 0;
	gap: 0.5em;
	font-family: var(--alt-font-family);
}

#prodInfo .prices .priceNew {
	min-width: fit-content;
}
#prodInfo .savePrice {
	/*background-color: #f1f1f1;*/
	color: #000;
	padding: 1px 1px;
	font-size: 15px;
	border-radius: 0px;
	text-transform: uppercase;
	font-weight: 500;
	display: flex;
	width: fit-content;
	align-items: center;
	color: #888;
}

#prodInfo .pricescont { display: inline-block; width: 60%; vertical-align: middle; }
#prodInfo .actions { position: absolute; right: 5px; top: 10px; }
#prodInfo .priceOld {   font-size: 1.3rem; }

#prodInfo .stockStatusAndMsgWrapper {
	/*border-top: 1px solid #dddddd;*/
	/*padding: 10px 5px 15px 5px;*/
	/*border-bottom: 1px solid #dddddd;*/
	margin: 0 0 0 0;
	padding: 3px 0px 3px 0px;
	display: flex;
    	justify-content: left;
}

#prodInfo .stockStatus {
	font-size: .9em;
	font-family: var(--alt-font-family);
	font-weight: 500;
    	line-height: 24px;
    	padding: 0 10px;
	display: inline-block;
	vertical-align: middle;
	color: #26753C;
	background: rgba(38, 117, 60, 0.1);
    	border-radius: 0px
    	    	    
    	
}

#prodInfo .stockStatus .delDays {}
#prodInfo .stockStatus .stockstatustext,
#prodInfo .stockStatus .deliverydays { flex-basis: 100%;}

#prodInfo .bracketPrices { background-color: #efefef; padding: 10px; position: relative; margin:5px 0 15px 0; font-size: .9em; width: 100%; }
#prodInfo .bracketPrices table { width: 100%; }
#prodInfo .bracketPrices .col1 { width: 25%; }
#prodInfo .productBuy .stockQty { font-size: .7em; display: flex; align-items: center; justify-content: center; padding: 5px; margin-bottom: -10px; }
#prodInfo .bracketPrices caption { font-weight: 700; margin-bottom: 5px; }
#prodInfo .bracketPrices th { font-size: .9em; text-align: left; }
#prodInfo .bracketPrices:after {top: 100%;left: 40px;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(247, 247, 247, 0);border-top-color: #efefef;border-width: 10px;margin-left: -10px;}
#prodInfo .installment {margin-top: 8px;font-size: 13px;font-weight: normal;}
#prodInfo .productOptions { margin-top: 20px; padding-top: 4px; border-top: 1px dashed #ccc; }
#prodInfo .productBuy {display: flex; flex-wrap: wrap;}
#prodInfo .productBuy .col1 {position: relative; width: 63px; margin-right: 10px;}
#prodInfo .productBuy .col2 {flex: 1;}
#prodInfo #maxQty { display: flex; flex-basis: 100%; background-color: #cef2ec; margin: -12px 0 10px 0; padding: 5px; }

#prodInfo .notify { width: 100%; }
#prodInfo .notifyme { padding-top: 11px !important; }
#prodInfo .productBuy input {border: 1px solid #6b6b6b;line-height: 50px; height: 50px;text-align: center;font-weight: 600; border-radius: 0px ; font-size: 1.3em; background-color: #fff; width: 100%;}
#prodInfo .productBuy input[readonly] { background: #ebebeb; color: #9a9a9a; }
#prodInfo .productBuy button.showCart,
#prodInfo .productBuy a.linkToCashier {display: flex; align-items:center; justify-content: center; width: 100%; line-height: normal; background-color: #535353; padding: 10px; font-size: .9em; border-radius: 20px; color: #fff; margin-top: 10px;}
#prodInfo .stickywrap { min-height: 50px; margin-bottom: 25px; margin-top: 9px; }
.priceAndIconWrapper {
	/* border-top: 1px solid #dddddd; */
	padding: 0 5px 0 5px;
}

.payIcons {
	margin: 10px auto;
	padding-top: 10px;
	max-width:400px;
}

.producthello {
	overflow: hidden;
	position: relative;
}

body.makesticky #prodInfo .stickywrap a.linkToCashier { display: none; }

.freightNotice { color: red; margin-top: 25px; }
#miniCart .freightNotice,
#cashierCart .freightNotice { margin-top: 5px; font-weight: normal; font-size: .7rem; }
#prodInfo .assoc { }
#prodInfo .assocText { }
#prodInfo .assocText span { color: red; }
#prodInfo .assocSelectWrapper { flex-basis: 100%; }
#prodInfo #assocSelectLabel { margin:0 0 0 10px; font-size: 0.9em; }
#prodInfo .assocName { font-weight: bold; }
#prodInfo .selProdAssoc { width: 100%; }
#prodInfo .selProdAssocImg { display: flex; gap: 10px; flex-wrap: wrap; margin-left: 9px; }
#prodInfo .selProdAssocImg .assocChoiceLabel { padding: 5px; border-radius: 5px; cursor:pointer; border: 2px solid #eaeaea; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; width: 100px; height: 100px; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; background-color: #fff; margin-bottom: 10px; margin-top: 10px;}
#prodInfo .selProdAssocImg .assocChoiceLabel input[type=radio].assocChoice { opacity: 0; position: absolute; cursor: pointer; }
#prodInfo .selProdAssocImg .assocChoiceLabel:hover { border: 2px solid #999; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
#prodInfo .selProdAssocImg .assocChoiceLabel.selected  { border: 2px solid #0aa328; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
#prodInfo .selProdAssocImg .assocChoiceLabel img { max-height: 50px; font-size: 1px; }
#prodInfo .selProdAssocImg .assocChoiceLabel.disabled { opacity: .7; position: relative; }
#prodInfo .selProdAssocImg .assocChoiceLabel.disabled img { filter: grayscale(1); opacity: .7; position: relative; overflow: hidden; }
#prodInfo .selProdAssocImg .assocChoiceLabel.disabled:after{ content: ""; position: absolute; border-top: 2px solid #5d5d5d; width: 87px; transform: rotate(45deg); transform-origin: 0 0; top: -4px; left: 0; }
#prodInfo .selProdAssocImg .assocChoiceLabel .assocname { flex: auto; font-size: .7em; margin-top: 9px; margin-left: -5px; -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; }
#prodInfo .selProdAssocImg .assocChoiceLabel .assocname span { display: none; }


#prodInfo .screenProtectWrapper {
	background-color: #f7f7f7;
	padding: 15px;
	margin: 0 0 16px 0;
	border-radius: 5px;
	font-size: .9em;
	width: 100%;
}

#prodInfo .screenProtectWrapper h3 {
	font-size: 1em;
	font-weight: 600;
	padding: 10px 0 3px 0;
}

#prodInfo .screenProtectWrapper input { width: 19px; height: 19px; line-height: 12px;}
#prodInfo .screenProtectWrapper .optionRow { margin: 12px 0px; }
#prodInfo .screenProtectWrapper input[type="radio"].styled:checked {
	background-color: #54b018;
	border: 1px solid #409f00;
}
#prodInfo .screenProtectWrapper input[type="radio"].styled::before {
	content: '\f00c';
	color: white;
	font-size: 10px;
	margin-left: -1px;
	font-family: FontAwesome;
}
#prodInfo .screenProtectWrapper input[type="radio"].styled {
	float: left;
	width: 19px;
	height: 19px;
	line-height: 16px;
	cursor: pointer;
	-moz-appearance: none;
	-webkit-appearance: none;
	-o-appearance: none;
	appearance: none;
	text-align: center;
	outline: none;
	border-radius: 10px;
	border: 1px solid #373737;
	background-color: white;
}

#loginPage .container h1{
	font-size: 1.8em;
	font-weight: 700;
	text-align: center;
}

#loginPage .loginPageWrapper {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 20px;
	padding: 0 var(--padding-side-mobile);
}

#loginPage .loginPageWrapper .formWrapper {
	border: 1px solid #eee;
	border-radius: 10px;
	padding: 20px;
	min-height: 391px;
}

#loginPage .loginPageWrapper .logInLastFormRow {
	margin-bottom:0;
}

#loginPage .loginPageWrapper .formInner {
	padding: unset;
}

@media (min-width: 780px) {
	#loginPage .loginPageWrapper {
		padding: unset;
	}
}

#dynStickyContent.hide { display: none; }
@media (max-width: 767.98px) {
	body.makesticky #prodInfo .productBuy { display: flex; flex-wrap: wrap; position: fixed; bottom: 0; background-color: #fff; z-index: 4; width: 100%; left: 0; min-height: 75px; padding: 5px 10px; animation: fadein 1s; box-shadow: 0 1px 2px rgba(0,0,0,0.07),	0 2px 4px rgba(0,0,0,0.07),	0 4px 8px rgba(0,0,0,0.07),	0 8px 16px rgba(0,0,0,0.07),0 16px 32px rgba(0,0,0,0.07),0 32px 64px rgba(0,0,0,0.07); }
	#dynStickyContent { display: flex; max-width: 100%; flex-basis: 100%; font-size: 13px; font-weight: bold; margin-top: -2px; justify-content: space-between; align-items: center; padding: 0 10px; }
	#dynStickyContent .h1div { max-width: 69%;/* height:*/ 13px; margin-bottom: 7px; text-overflow: ellipsis; overflow: hidden; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
}

#prodStructure { position: relative; margin: 10px 0 20px 0; padding: 10px; background-color: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0, 0, 0, .24); border-radius: 4px;  transition: all 0.3s cubic-bezier(.25,.8,.25,1); }
#prodStructure:hover { box-shadow: 0 6px 10px rgba(0, 0, 0, .25), 0 1px 4px rgba(0, 0, 0, .22); }
#prodStructure h2 { margin: 5px 0 12px 0; font-weight: bold; text-align: left; padding: 7px 0 7px 0; font-size: 1.1em;}
#prodStructure li { flex-basis: 100%; align-items: center; }
#prodStructure ul { display: flex; flex-wrap: wrap; gap: 6px; }
#prodStructure ul li a { display: flex; align-items: center; gap: 25px; background-color: #f7f7f7; font-size: .9em;}
#prodStructure span.sIcon { position: absolute; top: 5px; right: 11px; }
#prodStructure span.sIcon svg { width: 40px; height: 40px; fill: #565656; }
#prodStructure span.sAmount { justify-content: flex-end; display: flex; width: 40px; font-size: .8em; font-weight: 600; }
#prodStructure span.sImage { height: 50px; width: 50px; display: flex; align-items: center; justify-content: center; background-color: #fff; margin-right: -25px; }
#prodStructure span.sImage img { object-fit: none; }
#structureInfo { margin-top: 10px; padding: 10px; font-size: .9rem; background-color: #eaf7fe; }
#structureInfo strong { display: block; margin-bottom: 5px;}

#prodDesc { padding-top: 30px; }
#prodDesc .container { display: flex; flex-wrap: wrap; position: relative; padding: 10px 0; }
#prodDesc p { padding: 1rem 0 0.5rem; font-size: 1rem; font-weight: 400; line-height: 1.5; }

    
#prodDesc p:first-of-type { margin-top: 0;}
#prodDesc h3 { font-weight: bold; }
#productEmail,
#wishList { margin-left: 10px; font-size: .6em;}

#prodOthers { /*background-color: #f7f7f7;*/ }
#prodOthers section { padding-bottom: 40px; margin: 20px 0 0 0; }

#extracontainer { position: relative; display: flex; align-items: center; justify-content: space-between; padding: 0 10px }
#productInfoConditions { color: #333;margin-bottom: 0;font-weight: 400;font-size: .9em; display: flex; flex-basis: 100%; margin-top: 10px;}
#productInfoConditions span { color: var(--default-text-color); font-size: 1.1em; margin-right: 6px; font-weight: 600; }
#productInfoConditions div {padding: 3px 0;margin-right: 5px;flex-basis: 100%;}
#productInfoConditions #pUsp {	display: flex; justify-content: space-between; flex-wrap: wrap; flex-basis: 100%; }


#printIcon { display: flex; justify-content: center; margin-right: 15px; }
#printIcon svg { width: 20px; height: 20px; fill: #fff; }
#printIcon a { background-color: var(--activeSelectionColor); padding: 10px; border-radius: 50%; display: flex; }
#printIcon a:hover,
#printIcon a:focus { background-color: var(--activeSelectionColor-hover); }

#pUsp p { display: inline; }

#prodHelloArea {
	width: 100%;
	padding: 20px 8px 0 8px;
	background-color: #fff;
	margin-top: 10px;
}
#prodMisc {
	display: flex;
	flex-direction: column;
	width: 100%;
	padding: 20px 8px 0 8px;
	background-color: #fff;
	margin-top: 10px;
}

#prodAttributes table { font-size: .9em; }

#prodMisc h2 { font-size: 1.8em; font-weight: 700; padding:  15px 0 5px 0; margin: 10px 0; text-align: left; }
#prodMisc h2:first-of-type { margin-top: 0; }
#prodMisc ul li i { font-size: .7em; }

#lowestDaily .chart { margin-bottom: 10px; }
#lowestDaily .single { color: #626262; }
#lowestDaily .multi .single { font-size: .9em; padding: 10px; }


.modalRightClose { position: absolute; height: 50px; width: 50px; right: 3px; top: 5px; background-color: transparent; }
.modalRightClose:hover svg,
.modalRightClose:focus svg { outline: 0; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg);  -ms-transform: rotate(90deg);   -o-transform: rotate(90deg);  transform: rotate(90deg);	transition: all 200ms ease 0s; }

.modalRightClose:focus-visible { outline: var(--default-focus-visible-outline); }

@media (max-width: 767.98px) {
	.right-open.modalShadow {box-shadow: 1px 0 15px rgba(0,0,0,.5); }
	.modalRightTransition {  transform: translate3d(85vw,0,0); width: 85vw; backface-visibility: hidden; will-change: transform; /*transition: transform 0.3s;*/ transition: all 0.45s ease}
	.modalRightTransition,
		/*.modalRightTransition > * { transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), box-shadow 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);  }*/
	.modalRightTransition > * { transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86) }
	.right-open { visibility:visible !important; transform: translate3d(0,0,0) !important; /*transition: transform 0.3s;*/ transition: all 0.45s ease; backface-visibility: hidden; will-change: transform;}
	.modalRight h3,
	.modalRight strong { display: flex; background-color: #fff; font-weight: 600; font-size: 1.1em; color: var(--default-text-color); height: 60px; align-items: center; padding: 0 15px; }
	.modalRight h3 > svg,
	.modalRight strong > svg{ width: 20px; height: 20px; fill: var(--default-text-color); margin-right: 10px; }
	.modalRightClose { transition: all 200ms ease 0s; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; border: 0; outline: none; margin-left: auto; }
	.modalRightClose svg { width: 18px; height: 18px; fill: var(--default-text-color); }
}


#topContact li { margin: 4px 0; }
#topContact a { color: #c72d25; }
#topContact a:hover,
#topContact a:focus { color: #c72d25; text-decoration: underline;}

/*
#topFlag li { margin: 4px 0; }
#topFlag a { color: #c72d25; }
#topFlag a:hover,
#topFlag a:focus { color: #c72d25; text-decoration: underline;}
*/


.priceRegular {	color: var(--default-text-color); }
.priceNew { color:#ff5151 ; display: block; }
.priceOld { color: #888; display: flex; align-items: center; font-weight:600; font-size: 0.7em; text-decoration: line-through; }
.recPrice { font-size: .4em; color: #717171; display: block; font-weight: 400; text-decoration: line-through;}
.recPrice { font-size: .4em; color: #717171; display: block; font-weight: 400; }
.recPrice span { /*text-decoration: line-through;*/}
.prodBottomInfoWrapper {
	margin-top:5px;
	height: 16px;
}
.stockstatustext { display: flex; align-items: center; font-weight: 500;}
.stockstatustext svg { width: 14px; height: 14px; margin-right: 5px; }
.stockstatustext.instock svg { fill: var(--accent-green-tms); }
.stockstatustext.outofstock svg { fill: var(--default-text-color); }
.stockstatustext.orderitem svg { fill: var(--default-text-color); }
.stockstatustext.onitsway svg { fill: var(--default-text-color); }
.stockstatustext.instock.few svg { fill: #ed6700; }
.deliverydays { display: flex; align-items: center; }
.deliverydays .deldate { padding-left: 4px;}

/* in stock */

/*.instock2:before { */
/*	color: #000; */
/*	content: "\f00c"; */
/*	font-family: FontAwesome; */
/*	margin-left: 3px; */
/*} */

.instock2:before {
    color: #000;
    content: "\f00c";
    font-family: FontAwesome;
    margin-left: 1px;
    color: #78af32;
    display: inline-block;
    height: 14px;
    margin-right: 5px;
    margin-top: 10px;
   } 

.inStockCircleWrapper {
	display: flex;
	align-items: center;
	font-size:0.9em;
}
.inStockCircleWrapper:hover {
	color: black;
}
.circleStock {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	display: inline-block;
	margin-right: 0.4em;
}
.stockIcons {
	margin-right: 0.4em;
	color: var(--accent-green-tms);
}
.inStockCircle {
	background-color: green;
}
.outOfStockCircle {
	background-color: red;
}
.orderedToStockCircle {
	background-color: #f9de06;
}

.navbar { contain: layout; position: relative; height: 60px; display: block; align-items: center; justify-content: center; /*z-index: 100;*/ }
.navbar a { font-family: var(--alt-font-family); color: var(--nav-text-color); font-weight: 500;}

/* Top-level */
.navbar > .navbar-menu > li > a {
	display: flex;
	height: 100%;
	align-items: center;
	color: var(--top-menu-text-color);
	background: transparent;
	transition: background 0.25s linear, color 0.25s linear;
}

.navbar > .navbar-menu > li > a:hover,
.navbar > .navbar-menu > li > a:focus {	color: var(--accent-green2-tms); }
.navbar > .navbar-menu > li > a[aria-expanded=true] { /* background-color:  var(--top-menu-bg-color-active-desktop); */}
.navbar > .navbar-menu > li > a[aria-expanded=true]:after { /*top: 47px; left: 50%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(247, 247, 247, 0); border-bottom-color: #f7f7f7; border-width: 7px; margin-left: -7px;*/ }

.navbar-menu { display: flex; align-items: center; /*justify-content: center;*/ justify-content: flex-start; width: 100%; height: 100%; }
.navbar-menu a { display: block; padding: 0 20px; text-decoration: none; }
.navbar-menu,
.navbar-menu ul { margin: 0; padding: 0; list-style: none; }

/* Nested */
/*.navbar-menu ul { position: absolute; top: 100%; visibility: hidden; opacity: 0; width: 100%; box-shadow: 0 0.25rem 1.5rem -8px #91919F; transition: visibility 0s linear 0.1s, opacity 0.1s linear; background-color: #f7f7f7; min-height: 300px; background: linear-gradient(90deg, #fff 250px, #f7f7f7 0%); max-width: 1500px; margin: 0 auto; left: 50%; transform: translateX(-50%); }*/
.navbar-menu ul { position: absolute; top: 100%; visibility: hidden; opacity: 0; width: 100%; box-shadow: 0 0.25rem 1.5rem -8px #91919F; transition: visibility 0s linear 0.1s, opacity 0.1s linear; background-color: #f7f7f7; max-width: 1500px; margin: 0 auto; /* left: 50%; transform: translate3d(-50%,0,0); */ left: 0; }
.navbar-menu li { height: 100%; display: flex; align-items: center; }

.navbar-menu li a .navFirstLevelWrapper {
	display: flex;
	align-items: center;
	gap: 1em;
}


/* Top level in menu*/
.navbar > .navbar-menu > li.special { display: flex; }
.navbar > .navbar-menu > li > a.other.brands {}
.navbar > .navbar-menu > li > a.other.brands .menuName { order: 2; }
.navbar > .navbar-menu > li > a.other.brands:hover,
.navbar > .navbar-menu > li > a.other.brands:focus { background-color: #dadada; }
.navbar > .navbar-menu > li > a.other.brands:after { content: ""; width: 70px; height: 35px; background-size: 28px; margin-left: 5px; margin-right: 15px; background-repeat: no-repeat; background-position: center; transition: all 0.25s linear;
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M461.056,70.867V50.959C461.056,22.86,438.196,0,410.097,0H268.371c-13.613,0-26.409,5.301-36.034,14.927L31.899,215.366 c-9.626,9.625-14.927,22.422-14.927,36.034c0,13.612,5.301,26.409,14.927,36.034l20.367,20.367 c-0.863,3.744-1.32,7.609-1.32,11.545c0,13.612,5.301,26.409,14.927,36.034L207.596,497.1C217.53,507.033,230.58,512,243.629,512 c13.049,0,26.099-4.967,36.033-14.902l200.44-200.44c9.626-9.626,14.927-22.422,14.927-36.034v-141.72 C495.029,96.76,480.826,77.879,461.056,70.867z M55.921,263.411c-3.208-3.208-4.976-7.474-4.976-12.012 c0-4.538,1.768-8.802,4.976-12.012L256.36,38.948c3.209-3.207,7.474-4.975,12.012-4.975h141.724 c9.366,0,16.986,7.62,16.986,16.986v16.986H302.344c-13.613,0-26.409,5.301-36.034,14.927L70.848,278.336L55.921,263.411z M456.08,272.636l-200.44,200.44c-6.625,6.624-17.4,6.622-24.022,0L89.894,331.356c-3.208-3.208-4.976-7.474-4.976-12.012 c0-4.538,1.768-8.802,4.976-12.012l200.439-200.44c3.209-3.207,7.474-4.975,12.012-4.975h141.724 c9.366,0,16.986,7.62,16.986,16.986v141.72h0.001C461.056,265.161,459.288,269.427,456.08,272.636z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M376.124,135.891c-28.099,0-50.959,22.86-50.959,50.959s22.86,50.959,50.959,50.959s50.959-22.86,50.959-50.959 S404.223,135.891,376.124,135.891z M376.124,203.837c-9.366,0-16.986-7.62-16.986-16.986c0-9.366,7.62-16.986,16.986-16.986 c9.366,0,16.986,7.62,16.986,16.986C393.11,196.217,385.49,203.837,376.124,203.837z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}
.navbar-menu > li > a { font-size: 1em; }
.navbar-menu li > a .menuImg { width: 80px; height: 80px; margin: 0 15px 0 0; /*isolation: isolate;*/ }
.navbar-menu li > a .menuImg img { max-height: 80px; width: auto; transition: opacity 0.25s linear;  mix-blend-mode: multiply; }

/* First level in submenu */
.navbar-menu ul > li { height: auto; }
/*.navbar-menu ul > li > a { width: 250px; padding: 15px; font-size: .9em; display: flex; align-items: center; }*/
.navbar-menu ul > li > a { padding: 15px; font-size: .9em; display: flex; align-items: center; flex-wrap: wrap; flex-basis: 100%; justify-content: center; }
.navbar-menu ul > li > a:hover { background-color: #f7f7f7; color:var(--top-menu-text-color); }
.navbar-menu ul > li > a .menuImg { flex-basis: 100%; align-items: center; justify-content: center;display: flex; margin-bottom: 15px; }
.navbar-menu ul > li > a img { max-height: 80px; }
.navbar-menu ul > li > a[aria-expanded=true] { background-color: #ececec; }
.navbar-menu ul > li > a[aria-expanded=true]:after {left: 100%; top: 50%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: transparent; border-left-color: #ececec; border-width: 7px; margin-top: -7px;background-color: transparent; }

.navbar-menu li.allproducts a { font-weight: 600; }


.nav-icon-wrapper img {
	height: 30px;
	min-width:30px;
}

/* Second level in submenu */
@media (min-width: 768px) {
	.navbar-menu ul > li > ul { background: none; left: 250px; width: calc(100% - 250px); top: 0; max-height: 100%; min-height: 100%; overflow-y: auto; overflow-x: hidden; box-shadow: none; display: flex; flex-direction: row; flex-wrap: wrap; align-items: flex-start; align-content: flex-start; border-top: none; transform: translate3d(0, 0, 0); }
	.navbar-menu ul > li > ul > li { background-color: transparent; display: flex; flex: 0 0 25%; }
	.navbar-menu ul > li > ul > li > a { width: 100%; background-color: transparent; }
	.navbar-menu ul > li > ul > li > a:hover { background-color: transparent; }
	.navbar-menu ul > li > ul > li.allproducts { display: none; }

	body.leftMenuOrientation #wrapper { display: flex; flex-direction: column; margin-top: 145px; }
	#leftNavContentWrapper { display: flex; width: 100%; }
	#menuLeft { flex: none; background-color: #fff; width: 280px; display: flex; /* <-- Fill height or not */ /* flex-wrap: wrap; */ /* flex-direction: row; */ animation: fadein 2s; }
	#contentWithLeftMenu { padding-left: 30px; }
	#menuLeft .navbar { height: auto; justify-content: flex-start; align-items: flex-start; flex-direction: column; background-color: transparent; }
	#menuLeft .navbar-menu { width: 100%; height: auto; flex-direction: column; flex-wrap: wrap; }
	#menuLeft .navbar-menu li { display: flex; width: 100%; padding: 0; height: auto; flex-direction: column; }
	#menuLeft .navbar-menu li ul li { padding: 0; }
	#menuLeft .navbar-menu ul > li > a { padding: 8px 20px; justify-content: flex-start; width: 100%; }
	#menuLeft .navbar-menu ul a[aria-current=page] { background-color: #fbfbfb; }
	#menuLeft .navbar-menu ul a[aria-current=page] .subname { color: #2198f2; }
	#menuLeft .navbar-menu ul > li > a .menuImg { display: none; }
	#menuLeft .navbar-menu ul > li > a .subname { background-color: transparent; color: #393939; padding: 0; border-radius: unset; }
	#menuLeft .navbar > .navbar-menu > li > a { /* First sub level */ background-color: #fff; color: #393939; width: 100%; height: 100%; padding: 15px 25px 15px 10px; flex: 1; border-bottom: 1px solid #e9e9e9; transition: padding-left .3s ease-in-out, background-color .3s ease-in-out; }
	#menuLeft .navbar > .navbar-menu > li > a[aria-expanded=true] { color: #393939; background-color: #e9e9e9; }
	#menuLeft .navbar > .navbar-menu > li > a:hover { padding-left: 15px; background-color: #e9e9e9; }
	#menuLeft .navbar-menu li:hover > ul,
	#menuLeft .navbar-menu ul li:hover > ul,
	#menuLeft .navbar-menu ul li:focus-within > ul { visibility: hidden; opacity: 0; transition-delay: unset; }

	/* active sub menu ..*/
	#menuLeft .navbar-menu > li > a[aria-expanded=true] + ul,
	#menuLeft .navbar-menu ul > li > ul,
	#menuLeft .navbar-menu > li > ul > li > a[aria-expanded=true] + ul { max-height: none; box-shadow: none; position: relative; display: block; top: auto; left: auto; transform: none; grid-template-columns: none; grid-gap: unset; visibility: visible; opacity: 1; margin: 0; transition: none;  }
	#menuLeft .navbar-menu ul > li > ul { min-height: unset; overflow: unset; width: 100%; visibility: hidden; opacity: 0; display: none; }
	#menuLeft .navbar-menu ul > li > ul > li { padding-left: 15px; }
	#menuLeft .navbar-menu > li.has-children > a:hover:before,
	#menuLeft .navbar-menu > li.has-children > a:hover:after { /*outline: 1px solid red;*/ background-color: transparent; }
	#menuLeft .navbar-menu li.has-children > a:before { position: absolute; right: 0; content: " "; width: 25px; height: 12px; font-size: 20px; font-weight: 600; order:2; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 330 330'%3E%3Cpath d='M325.6 79.4c-5.9-5.9-15.4-5.9-21.2 0l-139.4 139.4L25.6 79.4c-5.9-5.9-15.4-5.9-21.2 0 -5.9 5.9-5.9 15.4 0 21.2l150 150c2.8 2.8 6.6 4.4 10.6 4.4s7.8-1.6 10.6-4.4l150-150C331.5 94.7 331.5 85.3 325.6 79.4z'/%3E%3C/svg%3E%0A"); background-size: 15px; background-repeat: no-repeat; background-position: center center; transition: transform  0.3s ease; }
	#menuLeft .navbar-menu li.has-children > a[aria-expanded=true]:before {transform: rotate(-180deg); }


	@keyframes spin { 100% {transform: rotate(180deg);} }
	#navbar .drop-menu-icon { border: 0; cursor: pointer; position: relative; left: 0; opacity: 1; transition: all 0.3s ease-in 0s; color: #fff; margin-right: 18px; background-color: lightgrey; display: flex; justify-content: center; align-items: center; padding: 5px; border-radius: 100%; }
	#navbar .drop-menu-icon svg { width: 20px; height: 20px; }
	#navbar .drop-menu-icon svg:hover { -webkit-animation: spin 0.2s 2 ease-in; animation: spin 0.2s 2 ease-in; }
	#navbar .drop-menu-icon.hidden { width: 20px; padding: 0; overflow: hidden; align-self: center; visibility: hidden; left: 15px; opacity: 0; }
	#navbar ul.dropdown-menu.hidden { visibility: hidden; opacity: 0; top: 80%; }
	#navbar ul.dropdown-menu { position: absolute; background: #fff; right: -23px; top: 90%; transition: all 0.3s ease-in 0s; min-width: 150px; box-shadow: 0 2px 5px 2px rgba(0, 0, 0, 0.09); margin: 0; padding: 0; }
	#navbar ul.dropdown-menu:before { content: ""; border-bottom: 10px solid #fff; border-left: 10px solid transparent; border-right: 10px solid transparent; position: absolute; top: -9px; right: 10px; }
	#navbar ul.dropdown-menu li { padding-right: 1rem; font-size: 0.95em; transition: all 0.5s; list-style-type: none; }
	#navbar ul.dropdown-menu li:hover { background: #f3f3f3; }
	#navbar ul.dropdown-menu li:hover a { color: #0054FF; }
	#navbar ul.dropdown-menu li:first-child { margin-top: 10px; }
	#navbar ul.dropdown-menu li:last-child { margin-bottom: 10px; }
	#navbar ul.dropdown-menu li a { color: #393939; display: block; padding: 5px 10px; }
	#navbar ul.dropdown-menu li ul { display: none; }

}

/* HACK: Prevents box shadow from child dropdowns from overlapping its parent dropdown */
.navbar-menu li.has-children > a { position: relative; }
.navbar-menu li.has-children > a:after { position: absolute; content: ''; top: 0; right: 0; height: 100%; /*width: 1rem;*/ background: inherit; z-index: 999; }
/* ENDHACK */

.navbar-menu ul { display: none; }
.navbar-menu .activesub { display: flex;  visibility: visible; opacity: 1; transition-delay: 0s; } /* This can be found in media query for dekstop to where hover acts the same!! */

#loginlink { background-color: #ebebeb; }
#loginlink svg { width: 20px; margin-right: 8px; }

@media (min-width: 768px) {

	html{ overflow-y: scroll; margin-left: auto; margin-right: auto; }
	h2 { text-align: left; }

	#topLogo,
	#topCartContent,
	#topContact,
	#topFlag,
	#topFavouriteWrapper { z-index: auto; }


	#topFavouriteWrapper { width: 55px; order: 27; background-color: var(--desktop-bg-cover); }

	#topFavourite .dyn-favourites-text { font-size: .7em; color: var(--default-text-color); margin-top: 2px; }

	#topBar > .container { background-color: transparent; max-height: none; }

	#topLogo { background-color: var(--desktop-bg-cover); }
	#topLogo svg { -webkit-filter: none; filter:none; max-height: 80px}
	#topLogo .logotext { fill: var(--default-text-color); }

	#topSearch { min-width: 35%;}
	#topSearch form { /*width: 100%;*/}

	.search-form-new .text {
		background-color: #fafafa;
		outline: none;
		border: 1px solid #ddd;
		height: 45px;
		padding: 5px 50px 5px 20px;
		width: 100%;
		border-radius: var(--border-radius-search-input);
	}

	.search-form-new .text:focus { border-color: #969696; }

	.search-form-new .text::placeholder {
		font-size:0.9em;
		color: #bbb;
	}
	.search-form-new .text::-webkit-input-placeholder { color:var(--placeholder-color-desktop); }
	.search-form-new .text:-moz-placeholder { color:var(--placeholder-color-desktop); }
	.search-form-new .text:-moz-placeholder { color:var(--placeholder-color-desktop); }
	.search-form-new .text:-ms-input-placeholder { color:var(--placeholder-color-desktop); }
	.search-form-new .text:focus::placeholder { color: var(--placeholder-color-focus-desktop); }
	.search-form-new .text:focus::-webkit-input-placeholder { color: var(--placeholder-color-focus-desktop); }
	.search-form-new .text:focus:-moz-placeholder { color: var(--placeholder-color-focus-desktop); }
	.search-form-new .text:focus:-moz-placeholder { color: var(--placeholder-color-focus-desktop); }
	.search-form-new .text:focus:-ms-input-placeholder { color: var(--placeholder-color-focus-desktop); }

	.search-form-new svg { fill: #727272; }
	.search-form-new .icon:hover svg,
	.search-form-new .icon:focus svg { fill: #282828
	}
	.search-form-new .icon:focus-visible { outline: var(--default-focus-visible-outline);; outline-offset: 2px; }


	body.stickyheader #topBar.hide { max-height: none; min-height: auto;}
	body.stickyheader #topBar.hide #topSearch { transform: none; opacity: 1; z-index: 1; }
	body.stickyheader #topBar.allmostall #topSearch	{ transform: none; opacity: 1; z-index: 1; }

	.search-form-new .searchContainer .twitter-typeahead { top: 3px; }
	.topFlagInner { left: 0; }
	#breadcrumbs { font-size: .9em; padding: 0;}
	#breadcrumbs nav ul { flex-wrap: wrap; background: none; }
	#prodInfo h1 {text-align: left;}
	#productInfoConditions div {padding: 3px 0 3px 3px;margin-right: 5px;flex-basis: 100%;}
	#prodInfo .assocRow .assocCol { flex-basis: 46%; }
	#printIcon { justify-content: flex-end; margin-bottom: 0; }
	.modalRightClose { display: none; }
	.modalRightTransition { display: none; }

	#btnNav { display: none; }

	body.stickyheader #topBar.hide { max-height: 200px; min-height: auto;}
	body.stickyheader #topBar.hide #topLogo {/* flex: 1;*/ background-color: transparent;}

	body.stickyheader #topBar { position: fixed; width: 100%;z-index: 11; /*min-height: 209px;*/ /*transform: translate3d(0,0,0);*/ transition: transform .25s; backface-visibility: hidden; }
	body.stickyheader #topBar.hide {transform: var(--desktop-stickyheader-hide-transform); transition: transform .25s; backface-visibility: hidden; }
	body.stickyheader #topBar #topMenu .navbar {
		max-height: 58px;
		max-width: 1300px;
		margin: 0 auto;
		/*transition: max-height .25s; box-shadow: 0 13px 8px -10px rgba(0,0,0,.15);*/  }
	body.stickyheader #topBar.hide #topMenu .navbar { max-height: 50px;  }
	body.stickyheader #topBar.allmostall {  transform: var(--desktop-stickyheader-allmostall-transform); transition: transform .25s; backface-visibility: hidden; }
	body.stickyheader #wrapper { margin-top: 205px; /* padding-bottom: 100px;*/ }

	.navWrapper {
		width: 100%;
		max-height: 60px;
		transition: max-height .25s;
		box-shadow: 0 13px 8px -10px rgba(0,0,0,.15);
		border-top: 1px solid #eee;
	}

	#wrapper { /*padding: 0 10px; */ }
	#topBar > .container { padding: 15px 10px; gap: 1em}
	#topArea > .container { padding: 0 10px;}

	#topLogo { order: 10; flex: 1; /*min-width: 200px;*/ /*padding: 10px;*/ padding-left: 0;
		min-width: 25%;
		max-width: 270px;
	}
	#topLogo a {display: flex; height: 100%; width: 100%; max-width: 280px;}
	#topLogo a:focus-visible { outline: var(--default-focus-visible-outline); }
	#topLogo img {  /*max-height: 75px; height: auto; max-width: 260px; min-height: 20px; width: auto; max-height: 60px;*/ /* TEST --> */ max-height: 80px; width: auto;}
	#topLogo svg { max-width: 260px;}
	#topSearch { order:20; padding: 10px 1rem; width: 40%; }
	#topCartContent { order: 30; width: fit-content;}
	#topContact { display: flex; order:25; flex-direction: column; width: auto; font-size: .9em; text-align: right; font-weight: 600;}
	#topContact #btnContact { display: none; }
	#topContact #topContactInner { display: block; max-height: none; position: relative; width: auto; left: auto; background-color: transparent; padding: 0; top: auto; box-shadow: none;}
	#topContact #topContactInner ul { padding: 0; }
	#topContact #topContactInner:after { display: none;}


	#topFlag { display: flex; order:25; flex-direction: column; width: auto; font-size: .9em; text-align: right; font-weight: 600; background-color: var(--desktop-bg-cover);}
	#topFlag #btnContact { display: none; }
	/*
	#topFlag #topFlagInner { display: none; max-height: none; position: relative; width: auto; left: auto; background-color: transparent; padding: 0; top: auto; box-shadow: none;}
	#topFlag #topFlagInner ul { padding: 0; }
	#topFlag #topFlagInner:after { display: none;}
	 */



	#topMenu { position: relative; bottom: 0; right: auto; }

	#topArea { display: flex; font-size: .8em; width: 100%; background-color:#eceff1 ; height: 35px; }
	#topArea .container { display: flex; /*align-items: stretch; justify-content: space-between;*/ align-items: center; justify-content: center; padding: 5px 0; height: 100%; width: 100%;}
	#topAreaLeft,
	#topAreaLeft a { color: var(--default-text-color); font-size: .85em; }

	#topAreaLeft {
		display: flex;
		align-items: center;
		justify-content: start;
		flex: 1;
		gap: 2em
	}
	#topAreaLeft ul { display: flex; align-items: center; justify-content: flex-start; }
	#topAreaLeft li { display: flex; position: relative; padding: 2px 0 2px 0;  margin-right: 20px; }
	#topAreaLeft li p {
		font-weight: 700;
		text-transform: uppercase;
		color: #666;
	}
	#topAreaLeft li:before {
		/*
		content: "\2713";
		font-size: 1.1em;
		margin-right: 6px;
		font-weight: 600;
		display: inline-flex;
		*/
		color: var(--accent-green-tms);
		font-family: FontAwesome;
		content: "\f00c";
		display: flex;
		padding-right: 5px;
		font-size: 1em;
		align-content: end;
		justify-content: center;
		align-items: center;
	}

	#topAreaRight {
		display: flex;
		align-items: center;
		position: relative; /*margin-left: auto;*/
		font-size: .9em;
		gap: 15px;
	}

	#topAreaRight a {
		color: #191919;
		text-decoration: none;
		font-weight: 600;
		transition: all 0.3s ease;
	}

	#topAreaRight p {
		line-height: unset;
	}
	#topLogin { margin-right: 15px; }

	#topLogin a {
	}

	#topAreaRight a:hover,
	#topAreaRight a:focus-visible {
		color: #1d578c;
	}

	#basketItems { background-color: transparent; width: 100%; margin-right: 10px; }
	#basketItems svg { fill: var(--default-text-color); }
	#basketItems.hasitems {background-color: transparent; }
	#basketItems.hasitems svg { }
	#basketItems .basketTotal {display: flex; font-size: .8em; color: var(--default-text-color); }

	#btnToCashier { display: flex; }
	#btnToCashier a { display:none !important; font-size: 1em; color: var(--button-default-text-color);  background-color: var(--button-default-color); transition: var(--transition-bg-color); height: 40px; line-height: 40px; padding: 0 15px; display: block; position: relative; border-radius: 30px; }
	#btnToCashier a:hover,
	#btnToCashier a:focus {background-color: var(--button-default-color-hover); text-decoration: none;}
	#btnToCashier a:focus-visible { outline: var(--default-focus-visible-outline);; }

	#productPage {
		background-color: #eceff1;
	}

	#productPageUpper #prodImage,
	#prodDesc #prodTabs {width: 50%; background-color:#fff; transition: opacity .7s ease-in-out; min-width: 550px; }
	#productPageUpper #prodImage {margin-top: 10px;}
	#product-hello-area-1 {width: 49%; }
	#prodDesc #prodTabs { background-color: #fff;
		padding: 15px 10px; }
	#prodDesc #product-hello-area-1 {
		background-color: #fff;
		padding: 15px 10px;
		margin-left: 10px;
	}
	#prodDesc #prodHelloArea {
		position: relative;
		background-color: transparent;
		margin-top: 0;

	}
	#prodDesc #prodMisc {
		flex: 1;
		padding: 0 20px;
		position: relative;
		background-color: transparent;
		margin-top: 0;
	}

	#productPageUpper #prodInfo { padding: 10px 10px 10px 25px; margin-top: 10px; margin-left: 10px; }
	#prodDesc { background-color: #eceff1; padding: 5px 0; }
	#prodDesc .container { display: flex; flex-wrap: wrap; position: relative; /*background: linear-gradient(180deg, #fbfbfb 55%, #fff 100%); border-top: 1px solid #eaeaea; */}
	#prodReviews {background-color: #eceff1; padding-bottom: 20px;}
	#prodReviews .container {background-color: #fff;}


	.productImage { height: 600px;  }
	.productImage img { max-height: 550px; padding: 30px; }
	#mimagecont { text-align: left;	margin: 0; }


	#extracontainer { padding: 0 }

	#loginlink { display: none; }

	.navbar-menu.container { max-width: 1300px; justify-content: space-around; }

	.navbar-menu > li > a { font-size: .9em; font-weight: 600; }
	.navbar { background-color: var(--top-menu-bg-color); width: 100%; /*z-index: 99;*/ display: flex; }
	.navbar > h3, .navbar > strong { color: #393939; position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; /* = visually-hidden */ }
	.navbar-menu { position: relative; }
	.navbar > .navbar-menu > li > a[aria-expanded=true] { /*  color: #fff; */}
	.navbar > .navbar-menu > li > a { color: var(--top-menu-text-color); }
	.navbar > .navbar-menu > li.login { display: none; }
	.navbar-menu li.allproducts { display:none;/*position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden;*/ /* = visually-hidden */ }
	.navbar-menu li.allproducts a {height: 100%;  font-weight: 500; font-size: .9em; }
	.navbar-menu li.allproducts a:focus-visible { background-color: #333; color: #fff; }
	.navbar-menu li.allproducts a .menuImg { display: none; }
	.navbar-menu .activesub { display: grid; }
	.navbar-menu li.special { margin-right: 0; margin-left: auto; }

	.navbar-menu > li.has-children > a {position: relative; }
	/*
	.navbar-menu > li.has-children > a:before,
	.navbar-menu > li.has-children > a:after { content: ""; display: block; width: 6px; height: 1px; background: var(--top-menu-text-color); position: absolute; top: 50%; transition: transform .5s; transform: translate3d(0,-50%,0); }
	.navbar-menu > li.has-children > a:before { right: 10px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; transform: rotate(45deg); }
	.navbar-menu > li.has-children > a:after { right: 7px; transform: rotate(-45deg); }
	 */
	.navbar-menu li.level-0.has-children > a:before {

		position: absolute;
		content: " ";
		width: 8px;
		height: 8px;
		right: 8px;
		font-size: 20px;
		font-weight: 600;
		order: 2;
		/*
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 330 330'%3E%3Cpath d='M325.6 79.4c-5.9-5.9-15.4-5.9-21.2 0l-139.4 139.4L25.6 79.4c-5.9-5.9-15.4-5.9-21.2 0 -5.9 5.9-5.9 15.4 0 21.2l150 150c2.8 2.8 6.6 4.4 10.6 4.4s7.8-1.6 10.6-4.4l150-150C331.5 94.7 331.5 85.3 325.6 79.4z'/%3E%3C/svg%3E%0A");
		background-size: 15px;
		background-repeat: no-repeat;
		background-position: center center;
		transition: transform 0.3s ease;
		*/
		transition: transform 0.3s ease;
		content: '\f078';
		font-family: FontAwesome;
		display: inline-block;
		zoom: 1;
		font-size: 10px;
		padding-left: 5px;
		color: var(--top-menu-text-color);

	}
	.navbar-menu li.has-children:hover > a:before {
		color: var(--accent-green2-tms);
	}

	/*.navbar-menu li.has-children > a[aria-expanded=true]:before {transform: rotate(-180deg); }*/


	.navbar-menu > li.has-children > a:hover:before,
	.navbar-menu > li.has-children > a:hover:after {/*  filter: invert(1); */}

	.navbar-menu > li > a { position: relative; }
	/*.navbar-menu > li > a:before { content: ""; position: absolute; right: 0; top: 50%; height: 60%; width: 1px; background: #d2d2d2; transform: translateY(-50%); }*/
	.navbar-menu > li > a:hover,
	.navbar-menu > li > a:focus {/*  background-color: var(--top-menu-bg-color-active-desktop);color: #fff; */}
	.navbar-menu > li > a .menuImg img { opacity: .5; }
	.navbar-menu > li > a:hover .menuImg img,
	.navbar-menu > li.activeli > a .menuImg img { opacity: 1; }
	.navbar-menu > li.activeli > a .menuImg img { filter: invert(0.6) sepia(1) saturate(5) hue-rotate(174deg); }
	.navbar-menu li > a .menuImg img { /*animation: fadein 1s;*/ }
	.navbar-menu ul > li > a .subname { background-color: #3b3b3b; border-radius: var(--border-radius-small-tag); padding: 5px 10px; color: #ffff; }

	.navbar-menu ul > li > ul > li.allproducts a { border: 0;}
	.navbar-menu li > a .menuImg { margin: 0 15px 0 2%; }
	.navbar-menu li > a .menuName { line-height: 1.5em; letter-spacing: .03em; margin-right: 2%; }

	/*.navbar-menu li:focus-within > ul*/
	/*
	.navbar-menu li:hover > ul,
	.navbar-menu ul li:hover > ul,
	.navbar-menu ul li:focus-within > ul { visibility: visible; opacity: 1; transition-delay: .1s;} */ /* This can be found in media query for mobile/general above, where hover acts the same!! */

	/*.navbar-menu .activesub { visibility: visible; opacity: 1; transition-delay: 0s; max-height: 68vh; overflow-y: auto;}*/
	.navbar-menu ul { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); grid-gap: 0; background-color: #fff;}
	.navbar-menu ul li { /*background: linear-gradient(207deg, rgba(250,250,250,1) 0%, rgb(248 248 248) 0%, rgba(255,255,255,1) 100%);*/
		background: linear-gradient(207deg, rgba(250,250,250,1) 0%, rgb(243 242 242) 0%, rgba(255,255,255,1) 100%)}
	.navbar-menu .activesub { visibility: visible; opacity: 1; transition-delay: 0s; max-height: 68vh; overflow-y: auto;}

}

/* mainpage*/

#pageIndex .indexPadding {
	padding: 0 10px;
}

#pageIndex #indexModelsWrapper {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	grid-gap: 10px;
	margin-top: 10px;
}

#pageIndex .smallCatIcons p {
	display: flex;
	justify-content: center;
	/* border: 2px solid #d2d2d7; */
	border-radius: 100px;
	display: inline-block;
	margin: 4px;
	position: relative;
    	vertical-align: middle;
	background-color: #ebe8e3;    
}
#pageIndex .smallCatIcons h5 {
	margin-top: 10px;
}
#pageIndex .smallCatPanelsWrapper {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
	grid-gap: 20px 10px;
	padding: 1em 1em;
	justify-content: center;
}

#pageIndex #rectangularBannersWrapper {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	grid-gap: 10px;
	padding-top: 15px;
}
#pageIndex .squareBannersWrapper {
	display: grid;
	/* grid-template-columns: repeat(2, 1fr);*/
	grid-gap: 10px;
	padding-top: 15px !important;
}
#pageIndex .squareBanner {height: fit-content;}

#pageIndex .squareBanner p {
	line-height: 0;
}

#pageIndex .squareBanner p:first-child {
	line-height: 1.6;
}

#pageIndex .squareBannersWrapper .oddBannerCount {
	grid-column: 1 / span 2;
}


#pageIndex #brandWrapper {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
	grid-gap: 10px 10px;
	padding: 1em 10px;
}


@media (min-width: 768px){
	#pageIndex .smallCatPanelsWrapper {
		grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
	}
	#pageIndex .squareBannersWrapper {
		grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
		grid-gap: 25px 15px;
	}
	#pageIndex .squareBannersWrapper .oddBannerCount {
		grid-column: auto;
	}
	#pageIndex #rectangularBannersWrapper {
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 15px;
	}

	#pageIndex .indexPadding {
		padding: 0;
	}

}


@media (min-width: 900px){
	#pageIndex #indexModelsWrapper {
		grid-template-columns: repeat(2, 1fr);
	}
	#pageIndex #brandWrapper {
		grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
		padding: 0 1em;
	}
}


@media (min-width: 1200px){
	#pageIndex #indexModelsWrapper {
		margin-top: 10px;
		grid-template-columns: repeat(4, 1fr);
	}
}

#pageIndex #indexModelsWrapper .indexModelBox {
	display: flex;
	flex-direction: column;
}
.indexModelBox .indexModelBoxImage {
	display: flex;
	justify-content: center;
}
.indexModelBox .indexModelBoxImage img {
	width: 80px;
	height: auto;
}

.indexModelBox .indexModelBoxContent {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.indexModelBox .indexModelBoxContent h3 {
	margin: 5px 0 10px 0;
	padding: 10px 0 3px 0;
	display: block;
	font-size: 1.4em;
	font-weight: 600;
}
.indexModelBox .indexModelBoxContent ul {
	width: 80%;
}
.indexModelBox .indexModelBoxContent li {
	background-color: #efefef;
	font-weight: bold;
	margin: 0 10px 10px 0;
	padding: 5px 10px;
	display: block;
	border-radius: 15px;
	text-align: center;
	font-size: 14px;
}

@media (min-width: 1200px) {
	#topAreaLeft {
		gap: 5em;
	}
}

@media (max-width: 1200px) and (min-width: 768px) {
	.navbar-menu > li > a .menuImg,
	.navbar > .navbar-menu > li > a.other.brands:after { display: none; }
	.navbar,
	.navbar-menu.container {  justify-content: flex-start; }
	.navbar-menu li > a .menuName { font-size: .9em; }
	.navbar > .navbar-menu > li > a {min-width: 85px;}
}

@media (max-width: 767.98px) {
	#topMenuMobile { z-index: 100;}
	.navbar { visibility:hidden; flex-direction: column; align-items: normal; background-color: #fff; /*height: 100vh;*/ z-index: 1000; height: auto; bottom: 0; width: 85vw; position: fixed; top: 0; right:0; transform:translate3d(85vw,0,0); transition: all 0.45s ease; padding-bottom: 60px; /* 60 is the header height in fixed sidebar div ... */}
	.navbar-menu { /*flex-direction: column; */  flex-wrap: wrap; align-content: baseline; align-items: normal; overflow-x: hidden; justify-content: flex-start; font-size: .9em; overscroll-behavior-y: contain; overflow-y: auto;}
	.navbar > .navbar-menu > li > a { font-weight:600; flex: 1; color: var(--nav-text-color); padding: 20px 15px; justify-content: space-between; border-bottom: 1px solid #dfdfdf;}
	.navbar-menu .activesub { position: relative; top: auto; left: 0; box-shadow: none; /*width: 100%;*/ flex-wrap: wrap; align-content: baseline; }
	.navbar-menu li { flex: 0; align-items: normal; flex-direction: column; height: auto; flex-basis: 100%;}
	.navbar-menu li.has-children a:before { content: " "; width: 25px; height: 12px; font-size: 20px; font-weight: 600; order:2; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 330 330'%3E%3Cpath d='M325.6 79.4c-5.9-5.9-15.4-5.9-21.2 0l-139.4 139.4L25.6 79.4c-5.9-5.9-15.4-5.9-21.2 0 -5.9 5.9-5.9 15.4 0 21.2l150 150c2.8 2.8 6.6 4.4 10.6 4.4s7.8-1.6 10.6-4.4l150-150C331.5 94.7 331.5 85.3 325.6 79.4z'/%3E%3C/svg%3E%0A"); background-size: 15px; background-repeat: no-repeat; background-position: center center; transition: transform  0.3s ease; }
	.navbar-menu li.has-children a[aria-expanded=true]:before {transform: rotate(-180deg); fill: red;}
	.navbar-menu li.no-children a:before { content: ""; display: none;  }
	.navbar-menu ul { min-height: auto; transition: none; border-top: 0; max-width: none; margin: auto; left: auto; transform: translate3d(0,0,0); }
	.navbar-menu ul > li { background-color: #f7f7f7; border-bottom: 1px solid #ccc; }
	.navbar-menu ul > li:last-child { border-bottom: 0; }
	.navbar-menu ul > li > a {width: auto; padding-left: 35px; font-size: 1em; justify-content: space-between;}
	.navbar-menu ul > li > a .menuImg { display: none; }
	.navbar-menu ul > li > ul > li {flex: 0 0 100%; }
	.navbar-menu ul > li > ul > li.allproducts { display: block;}
	.navbar-menu ul > li > ul > li > a { padding-left: 55px; }
	.navbar-menu li > a[aria-current=page] { background-color: #e2e2e2 !important; color: #000; }
	.navbar > .navbar-menu > li > a[aria-expanded=true] { background-color: #fff; }
	.navbar > .navbar-menu > li > a[aria-expanded=true]:after { /*display: none;*/ }
	.navbar > .navbar-menu > li > a:hover,
	.navbar > .navbar-menu > li > a:focus {	color: var(--default-text-color); }
	.navbar-menu .-more {display: none;}
	.navbar-menu .menuName { margin-left: 0; margin-right: auto; }
	.navbar-menu > li > a .menuImg { display: none; width: 30px; height: 30px; }
	.navbar-menu li > a .menuImg img { height: 30px; }

	.navbar > .navbar-menu > li > a.other.brands:after { display: none;}

	.navbar-menu.closed { display: none; }
	#navbar-support { padding: 10px 20px; }
	#navbar-support h3 { background-color: transparent;	padding: 10px 0; border-bottom: 1px solid #bfbfbf; margin-bottom: 10px;	}
}

.navbar-menu a { position: relative; overflow: hidden; }

@keyframes fadein { from { opacity: .4; } to   { opacity: 1; } }
@-moz-keyframes fadein { from { opacity: .4; } to   { opacity: 1; } }
@-webkit-keyframes fadein { from { opacity: .4; } to   { opacity: 1; } }
@-ms-keyframes fadein { from { opacity: .4; } to   { opacity: 1; } }
@-o-keyframes fadein { from { opacity: .4; } to   { opacity: 1; } }
@keyframes fadeout { from { opacity: 1; } to   { opacity: 0; } }
@-moz-keyframes fadeout { from { opacity: 1; } to   { opacity: 0; } }
@-webkit-keyframes fadeout { from { opacity: 1; } to   { opacity: 0; } }
@-ms-keyframes fadeout { from { opacity: 1; } to   { opacity: 0; } }
@-o-keyframes fadeout { from { opacity: 1; } to   { opacity: 0; } }

/*css by SIS start*/
.form-steps{display: none!important;}
body.cashierrelated #notice_bar {
    display: none!important;
}
.swiper-button-next, .swiper-button-prev{color: #51657a!important;}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: #51657a!important;}
/*css by SIS end*/