:root {
	--default-text-color: #171717;
	--wrapper-bg-color: var(--color-bg-basic);
	--mobile-bg-cover: #fff;
	--desktop-bg-cover: transparent;
	--std-font-family: 'Nunito', Arial, sans-serif;
	--cashier-bg: #eee;
	--selectArea-bg: #fff;
	--selectAreaCheckedLabel: #fff;
	--rdoBorderColor: var(--color-green);
	--rdoBgColor: #fff;
	--activeSelectionColor: var(--color-green);
	--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(--color-green);
	--button-default-color-hover: var(--color-green-hover);
	--button-default-text-color: #fff;
	--button-alternative-color: var(--color-dark-red);
	--button-alternative-color-hover: #494747;
	--button-alternative-text-color: #fff;
	--button-action-color: #0770cf;
	--button-action-color-hover: #005db1;
	--transition-bg-color: background-color .3s ease;
	--default-focus-visible-outline: 2px solid #000;
	--toparea-bg-color-desktop: var(--color-dark-red);
	--topbar-bg-color-desktop: #fff;
	--top-menu-bg-color: #fff;
	--top-menu-bg-color-active-desktop: #525050;
	--top-menu-text-color: var(--color-dark-red);
	--sale-color: #B00331;
	--accordion-bg-color: var(--color-dark-red);
	--error-color: #933;
  --productlistcontaner-article-height: 420px; /* performance related */
	--footer-height-mobile: 1089px; /* performance related */
	--footer-height: 990px; /* performance related */

	--link-color: #CD5B47;
	--link-color-hover: #943424;

	--modal-width: 85vw;
	--modal-width-max: 450px;
	--modal-close-width-height: 81px;
	--modal-top-bg-color: #fff;
	--modal-top-text-color: #000;


	/* Theme */
	/*--color-dark-red: hsl(10.2,52.5%,19.8%);*/
	/*--color-dark-red: hsl(10,36%,29%);*/
	--color-dark-red: #4D2118;
	--color-dark-red-hover: hsl(10deg 72% 16%);
	--color-dark-red-opac: #4D211817;
	--color-white: #fff;
	/*--color-green: #62B59F;*/
	--color-green: #3D7F74;
	--color-green-hover: #3b8672;
	--color-bg-basic: #faf9f9;
	--color-notify: #6d6d6d;
	--color-notify-hover: #333;

	/* border radius*/
	--border-radius-btn: 10px;
	--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: var(--border-radius-btn);
	--border-radius-dropdown: 9px;
	--border-radius-search-input: 18px;

}

*, *: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%;}

html{scroll-padding-top:212px}

body { height: 100vh; padding: 0; margin: 0; color: var(--default-text-color); font: 16px 'Nunito', Arial, sans-serif; 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: #000; }

img { /*object-fit: cover;*/ }
img, picture, video, canvas { display: block; max-width: 100%; }
input, button, textarea, select { font: inherit; color: #000; background-color: #fff; }
p, h1, h2, h3, h4, h5, h6 { /*overflow-wrap: break-word;*/ }
#cashierPage h1 { margin-bottom: 0; text-align: center; }
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; left: -10000px; top: auto; width: 1px; height: 1px; 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(--std-font-family); }
h1 { font-size: 2em; font-weight: 900; margin-bottom: 20px; }
h2 { color: var(--default-text-color); display: block; font-size: 1.8em; margin: 0; padding: 25px 0; font-weight: 900; text-align: center; }
h1.styled,
h2.styled { position: relative; font-size: 1.7em; font-weight: 900; padding: 15px 0 20px 0; text-align: center;}
h1 .h1prefix { color: #707070; }
h3 { margin:0; padding:0 0 3px 0; display:block; /*font-size:1em; font-weight: 400;*/ }
p { line-height: 1.6em; }
.infotext ul li a,
p a { text-decoration: underline; color: var(--default-text-color); }
.standardformat ul { list-style-type: disc; margin: 10px 0 10px 22px; }
.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: #efe9e9; /* #517A82*/; color: #4D2118; display: flex; align-items: center; justify-content: center; }
div#dealOfTheDayGlobal a { color: #4D2118; font-weight: 600; display: flex; flex-basis: 100%; justify-content: center; height: 100%; align-items: center; }

#notice_bar { background-color: #B00331; display: flex; padding: 20px; align-items: center; justify-content: center; color: #fff; }
#notice_bar a { color: #fff; text-decoration: none; }

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: #000; background-color: #fff;}
::-webkit-inner-spin-button { -webkit-appearance: none;}
::-webkit-outer-spin-button { -webkit-appearance: none;}
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: #000; 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: 0.9em; font-weight: 600; }
.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: 15; 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 { top: -5px; position: absolute; color: #fff; width: 23px; height: 23px; align-items: center; justify-content: center; border-radius: 100%; font-size: .8em; font-weight: normal; transition: color .3s; background-color: var(--color-green); right: -8px; display: none; }
#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: var(--button-alternative-color); transition: fill .3s; display: flex; align-items: center; justify-content: center; width: 35px; height: 35px;}
#topFavourite.favourites-text.active svg { fill: var(--button-alternative-color); color: #fff; }
#topFavourite.favourites-text:hover svg,
#topFavourite.favourites-text:focus svg { fill: var(--button-alternative-color-hover); }
#topFavourite.favourites-text:hover .dyn-favourites-count,
#topFavourite.favourites-text:focus .dyn-favourites-count { color: #fff; }

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

body.stickyheader #topBar { position: fixed; width: 100%; z-index: 10; min-height: 118px; top: 0; /*transform: translate3d(0,0,0);*/ transition: transform .25s; backface-visibility: hidden; background-color: var(--topbar-bg-color-desktop); box-shadow: 0px 3px 6px #00000029; }
body.stickyheader #topBar.hide { max-height: 50px; min-height: auto;}
body.stickyheader #topBar.hide #topLogo { flex: auto; background-color: var(--mobile-bg-cover);}
body.stickyheader #topBar #topSearch { transition: transform .25s; }
body.stickyheader #topBar.hide #topSearch { transform: translate3d(0,-60px,0); z-index:-1; }
body.stickyheader #topBar.allmostall #topSearch { transform: translate3d(0,0,0); z-index:1}
body.stickyheader #wrapper { margin-top: 120px; padding-bottom: 50px; }

#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: 50px;}
#topArea { display: none;}

#topLogin { margin-right: 15px; }
#topLogin a {padding: 5px 10px !important; background-color: #535353; color: #fff; border-radius: var(--border-radius-small-btn); transition: background-color .3s ease-in-out; }
#topLogin a:hover,
#topLogin a:focus-visible { background-color: #353535; }

#topLogo { order: 10; background-color: var(--mobile-bg-cover); flex: auto; display: flex; align-items: center; padding-left: 10px;}
#topLogo img { max-height: 45px; width: auto; height: 60px;}
#topLogo svg { width: 100%; height: auto; max-height: 60px; max-width: 200px; }
#topLogo a { display: flex; align-items: center; justify-content: center; height: 60px; }
#topLogo .logotext { fill: #fff; }
body.cashierrelated #topLogo {/*justify-content: center;*/}

#topSearch { order: 30; align-items: center; justify-content: center; display: flex; flex-grow: 1; min-width: 73%;}
#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 5px; font-size: 16px; width: 100%; border: 0; border-radius: 0; /*background-color: #f8f8f8;     border-top: 1px solid #eee;*/ background-color: #efebea; border-top: 1px solid #4d2118; border-bottom: 1px solid #4d2118; margin: 0; z-index: 2;     box-shadow: 0px -1px 7px #333;}
.search-form-new .text:focus { color: #333;  }
.search-form-new .text:focus,
.search-form-new .text:active { background-color: #f7f7f7; }
.search-form-new .text::placeholder { color: var(--color-dark-red); font-size: .9rem; }
.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: #fff; background-color: transparent; height: 60px; width: 60px; font-size: 18px; top: 0; right: 0; border: 0; transition: all 250ms ease; }
.search-form-new .icon svg { fill: var(--button-alternative-color); }
.search-form-new .icon:hover { color: #fff; transition: all 250ms ease }
.search-form-new .icon:hover,
.search-form-new .icon:focus { background-color: var(--button-alternative-color); }
.search-form-new .icon:hover svg,
.search-form-new .icon:focus svg { fill: #fff }
.search-form-new svg { width: 18px; height: 18px; fill: #fff; 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; }

#topUser { position: relative; display: flex; align-items: center; justify-content: center; order: 10; background-color: var(--mobile-bg-cover);}
#topUser svg { width: 35px; height: 35px; fill: #4a231a; }

#bottomFlag { position: relative; display: flex; align-items: center; justify-content: center; margin: -119px auto 28px auto; z-index: 1; }
#bottomFlag #btnFlag { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; border: 0; cursor: pointer; color: #fff; background-color: rgb(47 22 16 / 70%); padding: 25px; padding-right: 40px; border-radius: 30px; }
#bottomFlag #btnFlag .btnlabel { font-size: .9em; margin-top: 4px; }
#bottomFlag #btnFlag svg { width: 25px; height: 25px; fill: var(--default-text-color); transition: fill .4s ease; }
#bottomFlag #btnFlag[aria-expanded=true] svg { fill: #C72D25; }
#bottomFlag #btnFlag[aria-expanded=true]:after { bottom:-7px; left:50%; transform: translateX(-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; }
#bottomFlag svg { width: 35px; height: 35px; fill: #4a231a; }
#bottomFlag #btnFlag:before { filter: invert(1); position: absolute; right: 10px; margin-top: 1px; 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; }
#bottomFlag #btnFlag[aria-expanded=true]:before {transform: rotate(-180deg); }
#bottomFlagInner { display: none; position: absolute; width: 230px; background-color: #fff; top:78px; box-shadow: 5px 12px 18px -4px #333; max-height: 0; overflow: hidden; transition: max-height .3s; will-change: max-height; border-radius: 14px; }
#bottomFlagInner.open { display: block;  max-height: 80vh; transition: max-height .3s; z-index: 1;}
#bottomFlagInner li a { color: #000; display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: auto; font-size: 1.1rem; padding: 0; padding-right: 15px; }
#bottomFlagInner li a * { display: flex; align-items: center; }
#bottomFlagInner ul { display: flex; flex-direction: column; justify-content: center; }
#bottomFlagInner li { display: flex; flex-basis: 100%;}
#bottomFlagInner li.active a { background-color: #f0f0f0; opacity: 1; }
#bottomFlagInner a { display: flex; align-items: center; flex-basis: 100%; padding: 10px; font-size: .9em;  /*opacity: .7;*/ }
#bottomFlagInner a:hover { text-decoration: none; background-color: #f7f7f7; opacity:1; }
#bottomFlagInner a:focus-visible { outline: 1px solid #000; background-color: #f7f7f7; opacity:1;}
#bottomFlagInner img { margin-right: 10px; }
#bottomFlagInner .cName { margin-right: 0; margin-left: auto; font-weight: 300; }
#bottomFlagInner .cShort {}
#bottomFlag .flagImg { width: 30px; height: 30px; background-repeat: no-repeat; background-position: center center; /* background-size: 147%; border-radius: 100%;*/ }
#bottomFlag .flagImg.sub { margin-right: 10px; }
#bottomFlag a { display: flex; flex-wrap: wrap; justify-content: center; }
#bottomFlag a span { flex-basis: 100%; text-align: center; font-size: .8em; }

/*#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: flex-start; position: absolute; right: 0; bottom: 0; height: 50px; }
#btnNav { z-index: 2; /*order: 40;*/ order: 1; 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 svg { width: 25px; height: 25px; fill: #fff; }
#btnNav .menuText { font-size: .8em; font-weight: bold; color: #fff;}

#btnMenuDesktop { display: none; }
#navbarExtraLinks { display: none; }
@media (min-width: 768px) {
	#bottomFlagInner { top: 78px; }
	#btnMenuDesktop { display: flex; justify-content: center; align-items: center; background-color: #4d2118; padding:17px 25px; border: 0; color: #fff; font-weight: 600; border-radius: 4px; cursor: pointer; box-shadow: 1px 2px 4px #000; margin-top: 0; margin-left: 10px;	}
	#btnMenuDesktop svg { fill: #fff; width: 25px; height: 25px; }
	#btnMenuDesktop .menuText { margin-left: 13px; }
	#btnMenuDesktop:focus-visible { outline: var(--default-focus-visible-outline); outline-offset: 3px; }
	#navbarExtraLinks { display: flex; font-weight: 600; margin-left: 5em; gap: 4em; }
	#navbarExtraLinks a { display: flex; align-items: center; color: var(--color-dark-red); text-decoration: underline; text-underline-offset: 2px; }
	#navbarExtraLinks a:hover,
	#navbarExtraLinks a:focus { color: var(--color-dark-red-hover); }
	#navbarExtraLinks a:focus-visible { outline-offset: 2px; outline: var(--default-focus-visible-outline); }

	#navbarExtraLinks .extra a:before { content: ""; display: inline-flex; background-size: 30px 30px; background-position: center center; background-repeat: no-repeat; width: 35px; height: 35px; margin-right: 9px; background-image: url(../images/symbols/symbol_new.svg); }
	#navbarExtraLinks .extra1 a:before { background-image: url(../images/symbols/symbol_new.svg); }
	#navbarExtraLinks .extra2 a:before { background-image: url(../images/symbols/symbol_offer.svg); }
	#navbarExtraLinks .extra3 a:before { background-image: url(../images/symbols/symbol_star.svg); }

}


#basketItems { border: 0; color: #000; 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 .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: .8em; top: -8px; right: 0; font-weight: normal; }
#basketItems.hasitems .iconwrapper .basketQty { background-color: var(--color-green);}
#basketItems svg { width: 30px; height: 30px; margin-right: 10px; fill: var(--color-dark-red); }
#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; }

#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; }
#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; color: var(--color-dark-red)}
#breadcrumbs li.lastchild:before { padding-right: 0; }

#productPageUpper { }
#productPageUpper section {	display: flex; flex-wrap: wrap; }
#productPageUpper #prodImage {width: 100%; order: 1; }
#productPageUpper .productImageWrapper { background-color: transparent;  }
#productPageUpper #prodInfo { flex: 1; order: 2; /*background-color: #f5f5f5;*/ -webkit-transition: all 0.3s ease;transition: all 0.3s ease; position: relative; padding: 10px; }
#productPageUpper #prodInfo h3 { font-weight: bold; border-bottom: 1px solid #dbdbdb; font-size: 1.1em; padding-bottom: 10px; margin-top: 10px; }
#productPageUpper #prodInfo .innerBox { word-break: break-word; }
#assoc2Wrapper, #assoc3Wrapper { margin-top: 20px; }
#productPageUpper #mimagecont img { max-height: 150px; margin-bottom: 8px; mix-blend-mode: multiply; }
#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; box-shadow: 0 3px 6px #00000029; padding: 10px 0; background-color: #fff; }
.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: 0; 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; }

.stars { position: relative; white-space: nowrap; isolation: isolate; display: flex; gap: 3px; margin-bottom: 3px;}
.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 .cover { background-color: var(--wrapper-bg-color); }

@media (min-width: 768px) {
	.lRev .cover,
	#ratingWrapper .cover { background-color: var(--wrapper-bg-color); }
}

#prodInfo h2 { text-align: left; }
#prodInfo p { padding: 8px 0;     word-break: break-word; }
#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: #517A82; 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: 0;padding-left: 0; text-align: left; font-size: 1.6em; margin-bottom: 0; }
#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; }
#productManufacturer { text-align: left; margin: 5px 0 10px; padding: 0; font-size: .85em; font-weight: normal; color: #535353;}
#productManufacturer .artno { color: #000; }
#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; font-weight: 600;}
#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: 15px 0 20px; /*background-color: #fff;*/ padding: 10px 10px 15px 0; border-radius: 4px; }
#prodInfo .prices { font-weight:600; font-size: 2.3em; position: relative; margin: 0 0 15px 0;}
#prodInfo .pricescont { display: inline-block; width: 60%; vertical-align: middle; }
#prodInfo .actions { position: absolute; right: 5px; top: 10px; }
#prodInfo .priceOld { font-size: .5em; }
#prodInfo .stockStatus { display: flex; justify-content: space-between; font-size: 1.1em; margin: 15px 0 0; padding: 15px 5px; flex-wrap: wrap; gap: 5px; }
#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: 80px; 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; background-color: var(--color-notify); }
#prodInfo .productBuy input {border: 1px solid #eeebea;line-height: 59px;height: 59px;text-align: center;font-weight: 600;border-radius: var(--border-radius-big-input); font-size: 1.3em; background-color: #eeebea; 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; }
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 { 	display: flex; justify-content: center; flex: 1; align-items: center; }
#prodInfo .assocText span { color: red; }
#prodInfo .assocSelectWrapper { flex-basis: 100%; }
#prodInfo #assocSelectLabel { margin: 5px 0 0; font-size: 1em; }
#prodInfo .assocName { font-weight: bold; }
#prodInfo .selProdAssoc { width: 100%; }
#prodInfo .selProdAssocImg { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 20px; }
#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: 60px; height: 60px; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; background-color: #fff; margin-bottom: 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 .selProdAssocButton { display: flex; gap: 1em; flex-wrap: wrap;}
#prodInfo .selProdAssocButton .assocChoice { position: relative; border: 1px solid #2b2b2b; padding: .5em 1em; border-radius: 40px; cursor: pointer; align-items: center; display: flex; flex-wrap: wrap; gap: 0 .3em; font-size: .9em;}
#prodInfo .selProdAssocButton .assocChoice[aria-pressed="true"] { background-color: #323232 !important; color: #fff; }
#prodInfo .selProdAssocButton .assocChoice:focus-visible { outline-offset: 4px; }
#prodInfo .selProdAssocButton .assocChoice .saleNotice { /*background-color: var(--sale-color); color: #fff;*/ font-weight: bold; padding-left: .5em; border-radius: 20px; font-size: 1em; }
#prodInfo .selProdAssocButton .assocChoice[aria-pressed="true"] .saleNotice { /*background-color: #000;*/ }


#prodInfo .selProdAssocButton .assocChoice.outofstock { position: relative; opacity: .7; }
#prodInfo .selProdAssocButton .assocChoice.outofstock:after{ content: ""; position: absolute; border-top: 3px solid #484848; border-radius: 20px; width: 105%; transform: rotate(9deg); transform-origin: 0 0; top: 4px; left: -3px; }
#prodInfo .selProdAssocButton .assocChoice .btnInnerWrapper { display: flex; width: 100%; justify-content: center; }
#prodInfo .selProdAssocButton .assocChoice .assocTextState { font-size: .8em; display: flex; justify-content: center; width: 100%; position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); font-weight: bold; }

#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; }
	#prodInfo .stickywrap #maxQty { position: absolute; top: -20px; left: 0; }
}

#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: 0; }
#prodDesc .container { display: flex; flex-wrap: wrap; position: relative; padding: 0; }
#prodDesc p { line-height: 1.8em; margin: 10px 0; }
#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: #10b1e0; padding: 10px; border-radius: 50%; display: flex; }
#printIcon a:hover,
#printIcon a:focus { background-color: #1498bf; }

#pUsp p { display: inline; }
#prodMisc {	display: flex; flex-direction: column;  width: 100%; padding: 10px 10px 0 10px; background-color: #fff; margin-top: 10px; }
#prodAttributes table { font-size: .9em; }
#prodMisc h2, h2.prodpageLike { font-size: 1.2em; font-weight: 900; 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: var(--modal-close-width-height); width: var(--modal-close-width-height); right: 0; top: 0; 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: 5px 0 15px rgba(0,0,0,.5); }
	.modalRightTransition:not(#attributes) {  transform: translate3d(calc(var(--modal-width) * -1),0,0); width: var(--modal-width); max-width: var(--modal-width-max); backface-visibility: hidden; will-change: transform; /*transition: transform 0.3s;*/ transition: all 0.45s ease}
	.modalRightTransition:not(#attributes),
		/*.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:not(#attributes) > * { /*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:not(#attributes) h3,
	.modalRight:not(#attributes) strong { display: flex; background-color: var(--modal-top-bg-color); font-weight: 600; font-size: 1.5em; color: var(--modal-top-text-color); height: var(--modal-close-width-height); align-items: center; padding: 0 30px;     border-bottom: 1px solid #e6e6e6;}
	.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(--modal-top-text-color); }
/*}*/

#attributes.modalRightTransition .modalRightClose { display: none; }


@media (max-width: 767.98px) {
	#attributes.modalRightTransition .modalRightClose { display: block; }
	#attributes.modalRightTransition { transform: translate3d(85vw, 0, 0); width: 85vw; backface-visibility: hidden; will-change: transform; /*transition: transform 0.3s;*/ transition: all 0.45s ease }
	#attributes.modalRightTransition,
	#attributes.modalRightTransition > * { transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86) }

	#attributes.modalRightTransition {  transform: translate3d(calc(var(--modal-width) * -2),0,0); width: var(--modal-width); max-width: var(--modal-width-max); backface-visibility: hidden; will-change: transform; /*transition: transform 0.3s;*/ transition: all 0.45s ease}
	#attributes.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;}
	#attributes.modalRight h3,
	#attributes.modalRight strong { display: flex; background-color: var(--modal-top-bg-color); font-weight: 600; font-size: 1.5em; color: var(--modal-top-text-color); height: var(--modal-close-width-height); align-items: center; padding: 0 30px;     border-bottom: 1px solid #e6e6e6;}
}

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

.priceRegular {	color: var(--default-text-color); }
#prodPageForm .priceRegular {	color: #EB4D16; }
.priceNew { color: var(--sale-color); display: block; }
.priceOld { color: #565656; display: block; font-weight:normal; font-size: 0.8em; margin-top: -2px; 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;*/}
.stockstatustext { display: flex; align-items: center; font-weight: 600;}
.stockstatustext svg { width: 14px; height: 14px; margin-right: 5px; }
.stockstatustext.instock svg { fill: var(--default-text-color); }
.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;}

#loginlink svg { width: 20px; margin-right: 8px; fill: #fff; }

@media (min-width: 768px) {

	html{ overflow-y: scroll; margin-left: auto; margin-right: auto; }
	#cashierPage h1 { margin-bottom: 0; text-align: left; }
	h2 { text-align: left; }

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


	#topFavouriteWrapper { width: 55px; order: 27; background-color: var(--desktop-bg-cover); }
	#topFavourite.favourites-text svg { fill: var(--button-alternative-color) }
	#topFavourite .dyn-favourites-text { font-size: .7em; color: var(--default-text-color); margin-top: 2px; }
	#topFavourite.favourites-text.active svg { fill: var(--button-alternative-color); color: var(--default-text-color); }
	#topFavourite.favourites-text.active .dyn-favourites-count { color: #fff; }

	#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: auto;}
	#topSearch form { /*width: 80%;*/ height: 77px;}
	.search-form-new .text { background: var(--color-dark-red-opac); outline: none; border: 1px solid var(--toparea-bg-color-desktop); box-shadow: none; }
	.search-form-new .text:focus { border-color: #969696; }

	.search-form-new .text::placeholder { color: var(--placeholder-color-desktop); }
	.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); }

	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; }
	.bottomFlagInner { left: 0; }
	#breadcrumbs { font-size: .9em; padding: 0;}
	#breadcrumbs nav ul { flex-wrap: wrap; background: none; padding: 20px 0; }
	#prodInfo h1 {text-align: left; font-size: 2em; margin-bottom: 20px; }
	#prodInfo .prices { margin: 15px 0;}
	#productInfoConditions div {padding: 3px 0 3px 3px;margin-right: 5px;flex-basis: 100%;}
	#prodInfo .assocRow .assocCol { flex-basis: 46%; }
  #prodInfo .rating { margin: -10px 0 15px 0; }
	#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: 50px; transition: max-height .25s;border-top: 1px solid #eeebea; }
	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: 213px; padding-bottom: 100px; }

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

	#topLogo { order: 20; flex: 1; /*min-width: 200px;*/ /*padding: 10px;*/ padding-left: 0; justify-content: center;}
	#topLogo a {display: flex; height: 100%; width: 40%;}
	#topLogo a:focus-visible { outline: var(--default-focus-visible-outline); }
	#topLogo img {  max-height: 95px; /*width: auto;*/ height: auto; max-width: 260px; /*min-height: 70px;*/}
	#topLogo svg { max-width: 260px;}
	#topSearch { order: 10; flex-grow: unset; padding: 10px; width: 25%; padding-left: 0; }
	#topCartContent { order: 30; width: 11%;}
	#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;}

	#topUser { display: flex; order:25; margin-right: 20px; flex-direction: column; width: auto; font-size: .9em; text-align: right; font-weight: 600; background-color: var(--desktop-bg-cover);}
	#topMenu { position: relative; bottom: 0; right: auto; max-width: 1300px; margin: 0 auto; }

	#topArea { display: flex; font-size: .9em; width: 100%; background-color: var(--toparea-bg-color-desktop); 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(--color-white); font-size: .9em; text-decoration: none; }
	#topAreaLeft { align-items: center; justify-content: center; flex: 1; }
	#topAreaLeft ul { display: flex; align-items: center; justify-content: center; }
	#topAreaLeft li { display: flex; position: relative; padding: 2px 0 2px 0;  margin-right: 85px; }
	#topAreaLeft li img { display: none; }
	#topAreaLeft li svg { width: 20px; height: 20px; fill: #fff; margin-right: 7px; }
	#topAreaLeft li:last-child { margin-right: 0; }
	#topAreaRight  { display: flex; align-items: center; position: relative; /*margin-left: auto;*/ font-size: .9em; }

	.search-form-new .text { height: 48px; padding: 5px 50px 5px 20px; width: 100%; border-radius: var(--border-radius-search-input); }
	.search-form-new .icon { z-index: 2; display: flex; left: auto; right: 6px; top: 20px; color: #fff; height: 38px; width: 38px; font-size: 18px; border-radius: 13px;  }
	.search-form-new svg { fill: #fff; }
	.search-form-new .icon:hover,
	.search-form-new .icon:focus { }
	.search-form-new .icon:hover svg,
	.search-form-new .icon:focus svg { fill: #fff }
	.search-form-new .icon:focus-visible { outline: var(--default-focus-visible-outline);; outline-offset: 2px; }

	#basketItems { background-color: transparent; width: 100%; margin-right: 10px; }
	#basketItems svg { fill: var(--color-dark-red); }
	#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 { 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);; }

	#productPageUpper #prodImage,
	#prodDesc #prodTabs {width: 50%; margin-right: 40px; background-color:transparent; transition: opacity .7s ease-in-out; }
	.productImageContainer {border-radius: 10px; padding: 0; background-color: transparent;}
	#prodDesc #prodTabs { background-color:transparent; }
	#prodDesc #prodMisc { flex: 1; padding: 0 20px; position: relative; background-color: transparent; margin-top: 0;}
	#productPageUpper #prodInfo { padding: 20px; }
	#prodDesc { padding-top: 0; background-color: transparent; margin-top: 8px; }
	#prodDesc .container { display: flex; flex-wrap: wrap; position: relative; /*background: linear-gradient(180deg, #fbfbfb 55%, #fff 100%); border-top: 1px solid #eaeaea; */}

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

/* @media (max-width: 767.98px) { */
	#topMenuMobile { z-index: 9999999999;}

	.navbar { contain: layout; position: relative; height: 50px; display: block; align-items: center; justify-content: center; /*z-index: 100;*/ }
	.navbar a { }

	/* 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: white; }
	.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; width: 100%; box-shadow: 0 0.25rem 1.5rem -8px #91919f; background-color: #f7f7f7; height: 100%; top :0; will-change: transform;}
	.navbar-menu li { height: 100%; display: flex; align-items: center; }

	/* 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: 1.1em; font-weight: 600; }
	.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: 20px 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 ul > li > a[aria-current="page"] { background-color: #eae2e0 !important; color: var(--color-dark-red); }
	.navbar-menu li.allproducts a { font-weight: 600; }

	.navbar-menu li.level-0.no-children.extra { background-color: #fbfbfb; }
	.navbar-menu li.level-0.no-children.extra a { padding: 10px 30px; border-bottom: 0; transition: padding-left .3s ease-in-out; }
	.navbar-menu li.level-0.no-children.extra a:hover,
	.navbar-menu li.level-0.no-children.extra a:focus-visible { padding-left: 45px; }
	.navbar-menu li.level-0.no-children.extra a:focus-visible { outline: 1px solid #333; }
	.navbar-menu li.level-0.no-children.extra.extra a:before { content: ""; display: inline-flex; background-size: 30px 30px; background-position: center center; background-repeat: no-repeat; width: 35px; height: 35px; margin-right: 25px; background-image: url(../images/symbols/symbol_new.svg); }
	.navbar-menu li.level-0.no-children.extra.extra1 a:before { background-image: url(../images/symbols/symbol_new.svg); }
	.navbar-menu li.level-0.no-children.extra.extra2 a:before { background-image: url(../images/symbols/symbol_offer.svg); }
	.navbar-menu li.level-0.no-children.extra.extra3 a:before { background-image: url(../images/symbols/symbol_star.svg); }
	.navbar-menu li.level-0.no-children.extra.extra3 a { border-bottom: 1px solid #d5d2d1; }

	li.level-0.no-children.extrabottom.extra1 { margin-top: 20px;}
	li.level-0.no-children.extrabottom { padding: 0 20px; margin-bottom: 9px }
	li.level-0.no-children.extrabottom a { background-color: var(--color-green); border-radius: 11px; padding: 10px; color: #fff; justify-content: center; }
	li.level-0.no-children.extrabottom.extra4 a { background-color: var(--color-dark-red); }
	li.level-0.no-children.extrabottom.extra4 a:hover,
	li.level-0.no-children.extrabottom.extra4 a:focus-visible { background-color: var(--color-dark-red-hover); color: #fff; }

	/* 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: block; }
	.navbar-menu .activesub { /*visibility: visible;*/ opacity: 1; transition-delay: 0s; } /* This can be found in media query for dekstop to where hover acts the same!! */

	.navbar { visibility:hidden; flex-direction: column; align-items: normal; background-color: #fff; /*height: 100vh;*/ z-index: 1000; height: auto; bottom: 0; width: var(--modal-width); max-width: var(--modal-width-max); position: fixed; top: 0; left:0; transform:translate3d(calc(var(--modal-width) * -1),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; padding-bottom: 50px;}
	.navbar > .navbar-menu > li > a { flex: 1; color: var(--color-dark-red); padding: 20px 30px; justify-content: flex-start; border-bottom: 1px solid #d5d2d1;     width: 100%;}
	.navbar > .navbar-menu > li > a > .subimg { width: 35px; height: 35px; margin-right: 25px; display: flex; }
	.navbar > .navbar-menu > li > a > .subimg img { object-fit: unset; }
	.navbar-menu ul { /*visibility: hidden; min-height: auto; transition: none; border-top: 0; max-width: none; margin: auto; left: auto; top: 60px; transform: translate3d(360px,0,0); transform-origin: 50% 0;*/ animation: menuSlideOut .3s; animation-fill-mode: forwards; }
	.navbar-menu .activesub { position: absolute; top: var(--modal-close-width-height); box-shadow: none; flex-wrap: wrap; align-content: baseline; height: 100%; background-color: white; z-index: 1; animation: menuSlideIn .3s; animation-fill-mode: forwards; overflow-y: auto; left: 0; top: 0; }
	.navbar-menu ul > li.subheader {  display: flex; align-items: center; justify-content: left; padding: 0 0 29px 0; font-size: 1.5em; font-weight: 900; flex-direction: row; color: var(--color-dark-red); background: linear-gradient(to bottom, rgb(246 246 246) 0%, rgba(255,255,255,1) 100%); flex-wrap: wrap; }
	.navbar-menu ul > li.subheader .subimg { width: 40px; height: auto; margin-right: 15px;     margin-left: 25px;}
	.navbar-menu ul > li.subheader .subimg img { /*filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(181deg) brightness(107%) contrast(101%);*/ }
	.navbar-menu ul > li.subheader .navBackButton {  top: -82px; cursor: pointer; border: 0; background-color: var(--modal-top-bg-color); width: calc(100% - var(--modal-close-width-height)); font-size: 1rem; height: var(--modal-close-width-height); left: 0; display: flex; align-items: center; padding-left: 30px; color: var(--modal-top-text-color); z-index: 22; width: 100%; top: 0; margin-bottom: 25px; border-bottom: 1px solid #ded9d7; }
	.navBackButton svg { width: 25px; height: 25px; fill: var(--modal-top-text-color);}
	.navBackButton .navBtnImage { display: flex; align-items: center;margin-right: 20px; }
	li.no-children.allproducts { /*background-color: #f0eaea;*/ }
	.navbar-menu li { flex: 0; /*align-items: normal;*/ flex-direction: column; height: auto; flex-basis: 100%; width: 100%;}
	.navbar-menu li.has-children .nextArrow { width: 25px; height: 25px; transform: rotate(180deg); fill: var(--color-dark-red); margin-right: 0; margin-left: auto;}
	.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 > li { background-color: #fff; border-bottom: 1px solid #ded9d7; }
	.navbar-menu ul > li:last-child { border-bottom: 0; }
	.navbar-menu ul > li > a {width: auto; padding: 20px 30px; font-size: 1.1em; font-weight: 600; justify-content: space-between; color: var(--color-dark-red);     width: 100%;}
	.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],
	.navbar-menu li > a[aria-current=page]:hover { /*background-color: #957f79 !important; color: #fff;*/}
	/* location */
	.navbar-menu li > a:hover,
	.navbar-menu li > a:focus { background-color: #ececec; }
	.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 menuSlideIn { from { transform: translate3d(calc(var(--modal-width) * -1),0,0); /*z-index: 0*/ } to { transform: translate3d(0,0,0); /*z-index: 1; visibility: visible;*/ } }
	@keyframes menuSlideOut { from { transform: translate3d(0,0,0); /*z-index: 1;*/ } to { transform: translate3d(calc(var(--modal-width) * -1),0,0); /*z-index: 0; visibility: 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; } }

.navbar > .navbar-menu > li > a:hover .nextArrow,
.navbar > .navbar-menu > li > a:focus-visible .nextArrow { -moz-animation: bounceWithRotFix 2s infinite; -webkit-animation: bounceWithRotFix 2s infinite; animation: bounceWithRotFix 2s infinite; }
.navBackButton:hover .navBtnImage,
.navBackButton:focus-visible .navBtnImage{ -moz-animation: bounce 2s infinite; -webkit-animation: bounce 2s infinite; animation: bounce 2s infinite; }

@-moz-keyframes bounce {
	0%, 20%, 50%, 80%, 100% { -moz-transform: translateX(0); transform: translateX(0); }
	40% { -moz-transform: translateX(-30px); transform: translateX(-30px); }
	60% { -moz-transform: translateX(-15px);	transform: translateX(-15px); }
}
@-webkit-keyframes bounce {
	0%, 20%, 50%, 80%, 100% { -webkit-transform: translateX(0); transform: translateX(0); }
	40% { -webkit-transform: translateX(-30px); transform: translateY(-30px); }
	60% { -webkit-transform: translateX(-15px); transform: translateY(-15px); }
}
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% { -moz-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); }
	40% { -moz-transform: translateX(-30px);	-ms-transform: translateX(-30px); -webkit-transform: translateX(-30px); transform: translateX(-30px); }
	60% { -moz-transform: translateX(-15px); -ms-transform: translateX(-15px); -webkit-transform: translateX(-15px); transform: translateX(-15px); }
}

@-moz-keyframes bounce {
	0%, 20%, 50%, 80%, 100% { -moz-transform: translateX(0); transform: translateX(0); }
	40% { -moz-transform: translateX(-30px); transform: translateX(-30px); }
	60% { -moz-transform: translateX(-15px);	transform: translateX(-15px); }
}
@-webkit-keyframes bounce {
	0%, 20%, 50%, 80%, 100% { -webkit-transform: translateX(0); transform: translateX(0); }
	40% { -webkit-transform: translateX(-30px); transform: translateY(-30px); }
	60% { -webkit-transform: translateX(-15px); transform: translateY(-15px); }
}
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% { -moz-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); }
	40% { -moz-transform: translateX(-30px);	-ms-transform: translateX(-30px); -webkit-transform: translateX(-30px); transform: translateX(-30px); }
	60% { -moz-transform: translateX(-15px); -ms-transform: translateX(-15px); -webkit-transform: translateX(-15px); transform: translateX(-15px); }
}

@-moz-keyframes bounceWithRotFix {
	0%, 20%, 50%, 80%, 100% { -moz-transform: translateX(0) rotate(180deg); transform: translateX(0) rotate(180deg); }
	40% { -moz-transform: translateX(-30px) rotate(180deg); transform: translateX(-30px) rotate(180deg); }
	60% { -moz-transform: translateX(-15px) rotate(180deg);	transform: translateX(-15px) rotate(180deg); }
}
@-webkit-keyframes bounceWithRotFix {
	0%, 20%, 50%, 80%, 100% { -webkit-transform: translateX(0) rotate(180deg); transform: translateX(0) rotate(180deg); }
	40% { -webkit-transform: translateX(-30px) rotate(180deg); transform: translateY(-30px) rotate(180deg); }
	60% { -webkit-transform: translateX(-15px) rotate(180deg); transform: translateY(-15px) rotate(180deg); }
}
@keyframes bounceWithRotFix {
	0%, 20%, 50%, 80%, 100% { -moz-transform: translateX(0) rotate(180deg); -ms-transform: translateX(0) rotate(180deg); -webkit-transform: translateX(0) rotate(180deg); transform: translateX(0) rotate(180deg); }
	40% { -moz-transform: translateX(-30px) rotate(180deg);	-ms-transform: translateX(-30px) rotate(180deg); -webkit-transform: translateX(-30px) rotate(180deg); transform: translateX(-30px) rotate(180deg); }
	60% { -moz-transform: translateX(-15px) rotate(180deg); -ms-transform: translateX(-15px) rotate(180deg); -webkit-transform: translateX(-15px) rotate(180deg); transform: translateX(-15px) rotate(180deg); }
}

@-moz-keyframes bounceWithRotFix {
	0%, 20%, 50%, 80%, 100% { -moz-transform: translateX(0) rotate(180deg); transform: translateX(0) rotate(180deg); }
	40% { -moz-transform: translateX(-30px) rotate(180deg); transform: translateX(-30px) rotate(180deg); }
	60% { -moz-transform: translateX(-15px) rotate(180deg);	transform: translateX(-15px) rotate(180deg); }
}
@-webkit-keyframes bounceWithRotFix {
	0%, 20%, 50%, 80%, 100% { -webkit-transform: translateX(0) rotate(180deg); transform: translateX(0) rotate(180deg); }
	40% { -webkit-transform: translateX(-30px) rotate(180deg); transform: translateY(-30px) rotate(180deg); }
	60% { -webkit-transform: translateX(-15px) rotate(180deg); transform: translateY(-15px) rotate(180deg); }
}
@keyframes bounceWithRotFix {
	0%, 20%, 50%, 80%, 100% { -moz-transform: translateX(0) rotate(180deg); -ms-transform: translateX(0) rotate(180deg); -webkit-transform: translateX(0) rotate(180deg); transform: translateX(0) rotate(180deg); }
	40% { -moz-transform: translateX(-30px) rotate(180deg);	-ms-transform: translateX(-30px) rotate(180deg); -webkit-transform: translateX(-30px) rotate(180deg); transform: translateX(-30px) rotate(180deg); }
	60% { -moz-transform: translateX(-15px) rotate(180deg); -ms-transform: translateX(-15px) rotate(180deg); -webkit-transform: translateX(-15px) rotate(180deg); transform: translateX(-15px) rotate(180deg); }
}

@font-face { font-family: 'Nunito'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofIOOaBXso.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: 'Nunito'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofIMeaBXso.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Nunito'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofIOuaBXso.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: 'Nunito'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofIO-aBXso.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Nunito'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofINeaB.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Nunito'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofIOOaBXso.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: 'Nunito'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofIMeaBXso.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Nunito'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofIOuaBXso.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: 'Nunito'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofIO-aBXso.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Nunito'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofINeaB.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Nunito'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofIOOaBXso.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: 'Nunito'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofIMeaBXso.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Nunito'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofIOuaBXso.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: 'Nunito'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofIO-aBXso.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Nunito'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofINeaB.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Nunito'; font-style: normal; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofIOOaBXso.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: 'Nunito'; font-style: normal; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofIMeaBXso.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Nunito'; font-style: normal; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofIOuaBXso.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: 'Nunito'; font-style: normal;	font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofIO-aBXso.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Nunito'; font-style: normal; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofINeaB.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }