body {
	background: var(--color-light-grey);
	display: flex;
	justify-content: center;	
}
div#page {
	background: var(--brand-color-dark);	
	width: 100%;
	max-width: 1464px;
	margin: 0 auto 0 auto;
	position: relative;
}
header {
	padding: var(--space-4);
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-flow: row wrap;
	background: var(--color-white);
}
header a#logo {
	content: url('../../../gfx/inplus_gastro.svg');
	width: 175px;
	height: 57px;
	margin: 0 0 0 0;
}
header a#logo:active {
	opacity: 0.8;
}
header nav#contacts {
	padding: 0;
}
header nav#contacts ul {
	margin: 12px 0 0 0;
	display: table;
}
header nav#contacts ul li {
	font-weight: 600;
	font-size: var(--text-regular);
	padding: 0 var(--space-4) 0 0;
	height: var(--space-2);
	display: table-cell;
	white-space: nowrap;
}
header nav#contacts ul li a {
	color: var(--text-color-regular);
	text-decoration: none;
	display: flex;
	align-items: center;
}
header nav#contacts ul li a:hover {
	color: var(--brand-color-orange);
}
header nav#contacts ul li.iconlink a:before {
	content: '';
	background-size: var(--space-2) var(--space-2);
	background-repeat: no-repeat;
	background-position: bottom center;
	width: var(--space-2);
	height: var(--space-2);
	display: inline-block;
	margin: 0 var(--space-1) 0 0;
	margin: 0 14px 0 0;
}
header nav#contacts ul li.iconlink.phone a:before {
    background-image: url('../../../gfx/icons/phone.svg');
}
header nav#contacts ul li.iconlink.email a:before {
    background-image: url('../../../gfx/icons/email.svg');
}
header form.search,
div#dynamicSearch form.search  {
	width: 100%;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	width: 100%;
	margin: 0 var(--space-4) 0 0;
	height: 41px;
}
header form.search {
	max-width: 510px;	
	display: flex;
	justify-content: flex-end;
	align-items: center;
	width: 100%;
	margin: 0 var(--space-4) 0 0;
	height: 41px;
}
div#dynamicSearch form.search  {
	margin: 0 auto 0 auto;
	height: auto;
	display: block;
	text-align: center;
}
header form.search input[type=text],
div#dynamicSearch form.search input[type=text],
div.contact.lead input[type=text] {
	background: var(--color-light-grey);
	border-radius: var(--space-1);
	border: 1px solid #d5d5d5;
	-webkit-box-shadow: inset 0px 0px 4px 0px rgba(51, 51, 51, 0.2);
	-moz-box-shadow: inset 0px 0px 4px 0px rgba(51, 51, 51, 0.2);
	box-shadow: inset 0px 0px 4px 0px rgba(51, 51, 51, 0.2);
	border: 2px solid;
	border-color: var(--color-white);
	color: var(--text-color-regular);			
}
div#addContent section:first-of-type#sidecontact {
    background: var(--color-light-grey);
    border: 1px solid var(--color-dark-grey);
    padding: var(--space-3) var(--space-4);
    -webkit-border-bottom-right-radius: var(--space-1);
    -webkit-border-bottom-left-radius: var(--space-1);
    -moz-border-radius-bottomright: var(--space-1);
    -moz-border-radius-bottomleft: var(--space-1);
    border-bottom-right-radius: var(--space-1);
    border-bottom-left-radius: var(--space-1);		
}
div#addContent section:first-of-type#sidecontact div.contact {
	border: none;
	padding: 0;
	text-align: center;
}
header form.search input[type=text] {
	height: 21px;
	font-size: var(--text-size-regular);
	width: calc(100% - 90px);
	padding: var(--space-1) var(--space-6) var(--space-1) var(--space-2);
}
div#dynamicSearch form.search input[type=text] {
	height: 31px;
	font-size: var(--text-size-bigger);
	background-image: url('../../../gfx/icons/search-grey.svg');
	background-size: var(--space-3) var(--space-3);
	background-position: calc(100% - var(--space-2)) center;
	background-repeat: no-repeat;
	margin: 0 0 var(--space-3) 0;
	width: calc(100% - var(--space-8));
	padding: var(--space-1) var(--space-6) var(--space-1) var(--space-2);
}
div.contact.lead input[type=text] {
	height: 31px;
	font-size: var(--text-size-medium);
	background-color: var(--color-white);
	margin: 0 auto 4px auto;
	width: calc(100% - var(--space-4));
	padding: var(--space-1) var(--space-2) var(--space-1) var(--space-2);
	border: none;
	max-width: 320px;
}
div.contact.lead button {
	margin: 12px auto 0 auto;
}
header form.search input[type=text]::placeholder,
div#dynamicSearch form.search input[type=text]::placeholder {
	font-weight: 500;
	color: var(--text-color-light);	
}
header form.search input[type=text]:focus,
div#dynamicSearch form.search input[type=text]:focus {
	outline: none;
	border-color: var(--brand-color-orange);
}
header form.search input[type=submit] {
	background: none;
	border: none;
	width: 36px;
	height: 20px;
	background-image: url('../../../gfx/icons/search-grey.svg');
	background-size: contain;
	background-position: left center;
	background-repeat: no-repeat;
	margin: 0 0 0 -36px;
	padding: 0 var(--space-2) 0px 0px;
}
div#dynamicSearch  form.search input[type=submit] {
	margin: 0 auto 0 auto;
}
header form.search:focus-within input[type=submit],
div#dynamicSearch form.search:focus-within input[type=text] {
	background-image: url('../../../gfx/icons/search.svg');
}

div.basket {
	width: 54px;
	height: 41px;
	background: url('../../../gfx/icons/basket.svg') no-repeat bottom left;
	background-size: contain;
	opacity: 0.4;
	text-align: right;
}
div.basket p {
	margin: 0;
	padding: 2px;
	background: var(--color-light-grey);
	color: var(--text-color-regular);
	display: inline-block;
	border-radius: 50%;
	font-size: 12px;
	font-weight: 600;
	height: var(--space-2);
	min-width: var(--space-2);
	text-align: center;
	line-height: var(--space-2);
	border: 1px solid #fff;
}
div.basket.full {
	opacity: 1;
}
div#basket.full {
	cursor: pointer;
}
div.basket.full p {
	background: var(--brand-color-orange);
	color: var(--color-white);
}
header div#headTop {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	justify-content: space-between;
	border-bottom: 1px solid var(--color-medium-grey);
	width: calc(100% - 175px - var(--space-4));
}
header div#toRight {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;	
}
header nav#mainMenu {
	width: 100%;
}
header nav#mainMenu ul.level-0-menu {
	margin: var(--space-2) 0 0 0;
	position: relative;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-end;
}
header nav#mainMenu ul.level-0-menu > li {
	font-size: var(--text-size-regular);
	font-weight: 600;
	margin: 0 0 0 0;
	display: inline;
	margin: 0 0 0 var(--space-8);
}
header nav#mainMenu ul.level-0-menu > li a {
	text-decoration: none;
	color: var(--text-color-regular);
	white-space: nowrap;
}
header nav#mainMenu ul.level-0-menu > li.expandable > a {
	background: url('../../../gfx/icons/chevron-blank-down.svg') no-repeat right center;
	background-size: var(--space-2) var(--space-2);
	padding-right: var(--space-4);
}
header nav#mainMenu ul.level-0-menu > li.expandable.expanded > a {
	background: url('../../../gfx/icons/chevron-blank-up.svg') no-repeat right center;
	background-size: var(--space-2) var(--space-2);
}
header nav#mainMenu ul.level-0-menu > li a:hover,
header nav#mainMenu ul > li.current > a,
header nav#mainMenu ul.level-0-menu > li.expandable.expanded > a,
header nav#mainMenu ul.level-1-menu > li.expanded > a {
	color: var(--brand-color-orange);
}
header nav.subMenu {
	position: absolute;
	top: var(--space-3);
	background-color: var(--color-white);
	-webkit-border-radius: var(--space-1);
	-webkit-border-top-right-radius: 0;
	-moz-border-radius: var(--space-1);
	-moz-border-radius-topright: 0;
	border-radius: var(--space-1);
	border-top-right-radius: 0;
	border-top-left-radius: 0;	
	z-index: 200;
	padding: 0 var(--space-4) var(--space-2) var(--space-4);
	margin: calc(var(--space-3) + 5px) 0 0 calc(-1 * var(--space-4));
	display: none;
}
header nav.subMenu.template-0,
header nav.subMenu.template-1,
header nav.subMenu.template-2 {
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: contain;
	width: 100%;
}
header nav.subMenu.template-0 {
	max-width: 630px;
}
header nav.subMenu.template-1,
header nav.subMenu.template-2 {
	max-width: 450px;
}
header nav.subMenu.template-0 {
	background-image: url('../../../gfx/menu/template-0.jpg');
}
header nav.subMenu.template-1 {
	background-image: url('../../../gfx/menu/template-1.jpg');
}
header nav.subMenu.template-2 {
	background-image: url('../../../gfx/menu/template-2.jpg');
}
header nav.subMenu ul.level-1-menu {
	min-height: 220px;
}
header nav.subMenu ul.level-1-menu,
header nav.subMenu ul.level-2-menu {
	text-align: left;
	padding: 0;	
}
header nav.subMenu ul.level-1-menu {
	margin: 0;
}
header nav.subMenu.template-0 ul.level-1-menu {

}
header nav.subMenu.template-0 ul.level-2-menu {
	width: calc(60% - 2 *var(--space-1));
}
header nav.subMenu ul.level-2-menu {
	margin: 41px 0 0 var(--space-4);
	display: none;
}
header nav.subMenu ul.level-1-menu > li,
header nav.subMenu ul.level-2-menu > li {
	display: grid;
	font-size: var(--text-size-regular);
	font-weight: 600;
}
header nav.subMenu ul.level-1-menu > li > a {
	padding: var(--space-1) var(--space-8) var(--space-1) 0;
	border-bottom: 1px dotted var(--color-dark-grey);
}
header nav.subMenu ul.level-1-menu > li.expandable > a {
	background: url('../../../gfx/icons/chevron-blank-right.svg') no-repeat right center;
	background-size: var(--space-2) var(--space-2);
}
header nav.subMenu ul.level-2-menu > li > a {
	padding: var(--space-1) var(--space-4) var(--space-1) 0;
	border-bottom: 1px dotted var(--color-dark-grey);
}
header nav.subMenu ul.level-1-menu > li:first-child > a,
header nav.subMenu ul.level-2-menu > li:first-child > a {
	padding: var(--space-1) var(--space-1) var(--space-1) 0;
}
header nav.subMenu ul.level-1-menu > li:last-child > a,
header nav.subMenu ul.level-2-menu > li:last-child > a {
	padding: var(--space-1) var(--space-1) var(--space-1) 0;
	border-bottom: none;
}
header nav.subMenu ul.level-1-menu > li.categoryLink > a {
	font-weight: 800;
}

div#dynamicSearch {
	position: absolute;
	background-color: var(--color-white);
	-webkit-border-radius: var(--space-1);
	-webkit-border-top-right-radius: 0;
	-moz-border-radius: var(--space-1);
	-moz-border-radius-topright: 0;
	border-radius: var(--space-1);
	border-top-right-radius: 0;
	border-top-left-radius: 0;	
	z-index: 200;
	padding: 27px var(--space-3) var(--space-3) var(--space-3);
	top: 0;
	right: 0;
	max-width: 614px;	
	width: calc(100% - (2 * var(--space-3)));
	text-align: center;
	display: none;
}
div#dynamicSearch button[type=submit] {
	margin-right: auto;
	margin-left: auto;
}

section#banners {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	width: calc(100% - 12px);
	margin-left: 12px;
	background-color: var(--color-light-grey);
}
section#banners div {
    position: relative;
	width: 100%;
}
section#banners {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	width: calc(100% - 12px);
	margin-left: 12px;
	background-color: var(--color-light-grey);
}
section#banners div {
    position: relative;
	width: 100%;
}
section#banners div {
	height: 300px;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-border-bottom-right-radius: var(--space-1);
	-webkit-border-bottom-left-radius: var(--space-1);
	-moz-border-radius-bottomright: var(--space-1);
	-moz-border-radius-bottomleft: var(--space-1);
	border-bottom-right-radius: var(--space-1);
	border-bottom-left-radius: var(--space-1);
	border-right: 2px solid var(--color-white);
	border-bottom: 2px solid var(--color-white);
	border-left: 2px solid var(--color-white);	
	overflow: hidden;
	margin-left: -12px;
	animation-name: scaleBackgroundDown;
	animation-duration: 2s;	
	animation-timing-function: var(--animation-easeOut);
	background-size: auto 100%;
	max-width: 14%;
}
section#banners div:first-of-type {
	border-left: 0;
}
section#banners div:last-of-type {
	border-right: 0;
}
section#banners div.expanded {
	background-color: var(--color-medium-grey);
	z-index: 100;
	width: calc(100% + 12px);
	max-width: calc(100% + 12px);
}
section#banners div.collapsed {
	background-color: rgba(0, 0, 0, 0.66);
	background-blend-mode: darken;
	cursor: pointer;
}
section#banners div.collapsed:nth-of-type(1) {
	z-index: 50;	
}
section#banners div.collapsed:nth-of-type(2) {
	z-index: 40;	
}
section#banners div.collapsed:nth-of-type(3) {
	z-index: 30;	
}
section#banners div.collapsed:nth-of-type(4) {
	z-index: 20;	
}
section#banners div h2 {
	position: absolute;
	bottom: 0;
	width: calc(100% - (2*var(--space-4)));
	padding: 0 var(--space-4) 0 var(--space-4);
	margin: 0;
	height: var(--space-8);
}
section#banners div.expanded h2 {
	background: linear-gradient(0deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);
	text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.4);
}
section#banners div h2,
section#banners div h2 a {
	color: var(--color-white);
	font-size: 24px;
	font-weight: 500;
}
section#banners div h2 a {
	text-decoration: none;
}
section#banners div.expanded h2 a {
	padding: 0 var(--space-5) 0 0;
	background-image: url('../../../gfx/icons/chevron.svg');
	background-repeat: no-repeat;
	background-position: right center;
	background-size: var(--space-3) var(--space-3);
}
section#banners div.expanded h2 a:hover {
	padding: 0 var(--space-6) 0 0;
	text-shadow: 1px 1px 6px rgba(255, 255, 255, 1);
	animation-name: moveChevron;
	animation-duration: 0.2s;	
}
section#banners div.collapsed h2 a {
	display: none;
}
section#banners div.expanded h2 a {
	margin: var(--space-2) 0 var(--space-2) 0;
	display: inline-block;
}
section#banners div.collapsed h2 {
	padding: 0 calc(var(--space-5) + 12px) 0 0;
	background-image: url('../../../gfx/icons/chevron-inactive.svg');
	background-repeat: no-repeat;
	background-position: var(--space-4) center;
	background-size: var(--space-3) var(--space-3);
}
section#banners div.collapsed:hover {
	background-color: #ffffff;
	background-size: auto 110%;
	animation-name: showCollapsed;
	animation-duration: 0.5s;
	animation-timing-function: var(--animation-easeOut);
}
section#banners div.collapsed:hover h2 {
	background-image: url('../../../gfx/icons/chevron.svg');
	background-position: var(--space-5) center;
	animation-name: moveChevronInactive;
	animation-duration: 0.2s;
	animation-timing-function: var(--animation-easeOut);	
}
div#content {
	background: #fff;
	display: block;
	padding: 0 0 var(--space-1) 0;
	-webkit-border-bottom-right-radius: var(--space-1);
	-webkit-border-bottom-left-radius: var(--space-1);
	-moz-border-radius-bottomright: var(--space-1);
	-moz-border-radius-bottomleft: var(--space-1);
	border-bottom-right-radius: var(--space-1);
	border-bottom-left-radius: var(--space-1);
}
section.pageSection {
	margin: var(--space-4) var(--space-4) var(--space-8) var(--space-4);
}
section.pageSection.course {
	margin: var(--space-4) var(--space-4) var(--space-8) 0;
}
section.pageSection:last-of-type {
	margin: var(--space-4) var(--space-4) var(--space-2) var(--space-4);
}
section#buttons nav ul {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0;
	width: 100%;
}
section#buttons nav ul li {
	display: inline-block;
	width: calc(100% / 6);
}
section#buttons nav ul li a {
	color: var( --text-color-regular);
	background-color: var(--color-medium-grey);
	background-repeat: no-repeat;
	background-size: 46px 46px;
	background-position: center 18px;
	padding: var(--space-10) var(--space-1) var(--space-2) var(--space-1);
	text-align: center;
	border-radius: var(--space-1);
	display: block;
	text-decoration: none;
	border: 1px solid var(--color-dark-grey);
	margin: 0 var(--space-2);
	box-shadow: 0px 0px 0px 0px rgba(51, 51, 51, 0);
	transition: all 0.6s ease;	
}
section#buttons nav ul li.confectionery a {
	background-image: url('../../../gfx/families/confectionery.svg');	
}
section#buttons nav ul li.confectionery a:hover,
section#buttons nav ul li.confectionery a:focus-visible {
	background-image: url('../../../gfx/families/confectionery-rich.svg');
}
section#buttons nav ul li.bakeries a {
	background-image: url('../../../gfx/families/bakeries.svg');	
}
section#buttons nav ul li.bakeries a:hover,
section#buttons nav ul li.bakeries a:focus-visible {
	background-image: url('../../../gfx/families/bakeries-rich.svg');
}
section#buttons nav ul li.chocolate a {
	background-image: url('../../../gfx/families/chocolate.svg');	
}
section#buttons nav ul li.chocolate a:hover,
section#buttons nav ul li.chocolate a:focus-visible {
	background-image: url('../../../gfx/families/chocolate-rich.svg');
}
section#buttons nav ul li.coffee a {
	background-image: url('../../../gfx/families/coffee.svg');	
}
section#buttons nav ul li.coffee a:hover,
section#buttons nav ul li.coffee a:focus-visible {
	background-image: url('../../../gfx/families/coffee-rich.svg');
}
section#buttons nav ul li.gastronomy a {
	background-image: url('../../../gfx/families/gastronomy.svg');	
}
section#buttons nav ul li.gastronomy a:hover,
section#buttons nav ul li.gastronomy a:focus-visible {
	background-image: url('../../../gfx/families/gastronomy-rich.svg');
}
section#buttons nav ul li.icecream a {
	background-image: url('../../../gfx/families/icecream.svg');	
}
section#buttons nav ul li.icecream a:hover,
section#buttons nav ul li.icecream a:focus-visible {
	background-image: url('../../../gfx/families/icecream-rich.svg');
}
section#buttons nav ul li a:hover,
section#buttons nav ul li a:focus-visible {
	color: var(--brand-color-orange);
	background-color: var(--color-white);
	transition: all 0.3s ease;
	font-weight: 600;
	-webkit-box-shadow: 0px 0px var(--space-2) 0px rgba(51, 51, 51, 0.2);
	-moz-box-shadow: 0px 0px var(--space-2) 0px rgba(51, 51, 51, 0.2);
	box-shadow: 0px 0px var(--space-2) 0px rgba(51, 51, 51, 0.2);
}
section#buttons nav ul li a:active {
	outline: 2px solid var(--color-white);
	-webkit-box-shadow: 0px 0px 4px 0px rgba(51, 51, 51, 0.8);
	-moz-box-shadow: 0px 0px 4px 0px rgba(51, 51, 51, 0.8);
	box-shadow: 0px 0px 4px 0px rgba(51, 51, 51, 0.8);
}
div.offers.cols {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: stretch;
	width: 100%;
}
div.offers.cols.accessories {
	flex-wrap: wrap;
	padding: var(--space-1) var(--space-2) var(--space-4) var(--space-2);		
}
section#bestsellers div.offers.cols a,
section.offer.details div.offers.cols a {
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: auto;
	text-align: center;
	overflow: hidden;
	color: var(--text-color-regular);
	text-decoration: none;
	border-right: 1px dotted var(--color-dark-grey);
	position: relative;
}
section#bestsellers div.offers.cols a {
	padding: var(--space-1) 0 var(--space-2) 0;	
	max-width: calc(100% / 8);
}
section.offer.details div.offers.cols:not(.accessories) a {
	padding: var(--space-1) var(--space-2) var(--space-4) var(--space-2);	
	width: calc(100% / 6);
}
section#bestsellers div.offers.cols a:last-of-type,
section.offer.details div.offers.cols a:last-of-type {
	border-right: none;	
}
section#bestsellers div.offers.cols a span,
section.offer.details div.offers.cols a span {
	font-size: 15px;
	color: var(--text-color-regular);
	display: inline-block;
}
section#bestsellers div.offers.cols a span:nth-of-type(2),
section.offer.details div.offers.cols a span:nth-of-type(2) {
	margin: var(--space-2) var(--space-1);
	font-weight: 500;
}
section#recommended div.offers.cols a span:nth-of-type(2),
div.offers.cols.accessories a span:nth-of-type(2) {
	margin: var(--space-2) 0;
	font-weight: 500;
}
section#recommended div.offers.cols a span:nth-of-type(3),
div.offers.cols.accessories a span:nth-of-type(3) {
	padding: var(--space-2) 0 0 0;
}
section#bestsellers div.offers.cols a span:last-of-type,
section.offer.details div.offers.cols a span:last-of-type,
section#recommended div.offers.cols a span:last-of-type,
div.offers.cols.accessories a span:last-of-type {
	font-weight: 800;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	transition: all 0.6s ease;		
}
section#bestsellers div.offers.cols a img,
section.offer.details div.offers.cols a img  {
	width: 100%;
	height: 120px;
	object-fit: contain;	
	max-width: var(--space-14);
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;		
}
section#bestsellers div.offers.cols a:hover span:nth-of-type(2),
section#bestsellers div.offers.cols a:focus-visible span:first-of-type,
section.offer.details div.offers.cols a:hover span:nth-of-type(2),
section.offer.details div.offers.cols a:focus-visible span:first-of-type,
section#recommended div.offers.cols a:hover span:nth-of-type(2),
section#recommended div.offers.cols a:focus-visible span:first-of-type {
	color: var(--text-color-dark);
}
section#bestsellers div.offers.cols a:hover span:nth-of-type(3),
section#bestsellers div.offers.cols a:focus-visible span:last-of-type,
section.offer.details div.offers.cols a:hover span:nth-of-type(3),
section.offer.details div.offers.cols a:focus-visible span:last-of-type,
section#recommended div.offers.cols a:hover span:nth-of-type(3),
section#recommended div.offers.cols a:focus-visible span:last-of-type {
	color: var(--brand-color-orange);
	transition: all 0.1s ease;
}
section div[role=tabpanel].folded {
	display: none;
}
section div[role=tablist]:not(.notabs)  {
	border-bottom: 1px solid var(--color-dark-grey);
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	max-width: 100%;
	overflow: hidden;
	width: 100%;
}
section div[role=tabpanel]:not(.notabs) {
	padding: var(--space-4) 0 0 0;
}
section#courseTabs div[role=tabpanel] {
	padding: var(--space-2) 0 0 0;
}
section#details div[role=tabpanel] p,
section.courseTabs div[role=tabpanel] p,
section.projectTabs div[role=tabpanel] p {
	margin-top: 0;
}
button[role=tab] {
	border: none;
	background: none;
	font-size: var(--text-size-regular);
	cursor: pointer;
	padding: var(--space-1) var(--space-2) 5px var(--space-2);
	border-bottom: 3px solid var(--color-white);
	transition: all 0.1s ease;
	white-space: nowrap;
}
button[aria-selected=true] {
	font-weight: 800;
	border-bottom: 3px solid var(--brand-color-orange);
	transition: all 0.3s ease;	
}
button[role=tab]:hover {
	color: var(--brand-color-orange);
	transition: all 0.1s ease;
}
section#recommended div[role=tabpanel] a span {
	display: block;
}
section#recommended div[role=tabpanel] a span:first-of-type {
	border: 1px solid var(--color-dark-grey);
	display: block;
	border-radius: var(--space-1);
	padding: var(--space-2);
	text-align: center;
	transition: all 0.6s ease;
}
section#recommended div[role=tabpanel] a img {
	width: 100%;
	max-width: 200px;
	height: 200px;
	object-fit: contain;	
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;		
}
section#recommended div[role=tabpanel] a,
div.offers.cols.accessories a {
	width: 100%;
	max-width: 25%;
	color: var(--text-color-regular);
	position: relative;
	text-decoration: none;
	padding: 0 0 var(--space-1) 0;
}
section#recommended div[role=tabpanel] {
	margin: 0;
}
div.offers.cols.accessories a {
	margin: 0 0 var(--space-4) 0;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
div.offers.cols.accessories a:nth-child(n+5) {
	border-top: 1px dotted var(--color-dark-grey);
	padding-top: var(--space-4);
}
div.offers.cols.accessories a:nth-of-type(4n)  {
	border-right: none !important;	
}
section#recommended div[role=tabpanel] a {
	margin: 0 var(--space-1);
}
section#recommended div[role=tabpanel] a:first-of-type {
	margin: 0 var(--space-1) 0 0;
}
section#recommended div[role=tabpanel] a:last-of-type {
	margin: 0 0 0 var(--space-1);
}
section#recommended div[role=tabpanel] a:hover span:first-of-type,
section#recommended div[role=tabpanel] a:focus-visible span:first-of-type {
	transition: all 0.3s ease;
	font-weight: 600;
	-webkit-box-shadow: 0px 0px var(--space-2) 0px rgba(51, 51, 51, 0.2);
	-moz-box-shadow: 0px 0px var(--space-2) 0px rgba(51, 51, 51, 0.2);
	box-shadow: 0px 0px var(--space-2) 0px rgba(51, 51, 51, 0.2);
	border: 1px solid var(--color-white);	
}
section#otherCourses,
section#gpsr  {
	border-top: 1px solid var(--color-dark-grey);
	padding: var(--space-6) 0 0 0;
}
section#courses > div {
	display: inline-flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: stretch;
	flex-wrap: wrap;
}
section#otherCourses > div {
    display: flex;
    flex-direction: row;
    align-items: stretch;
	flex-wrap: wrap;
}
section#courses > div div[role=link],
section#otherCourses > div div[role=link] {
	background-color: var(--color-light-grey);
	border-radius: var(--space-1);
	border: 1px solid var(--color-dark-grey);
	display: inline-flex;
	cursor: pointer;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	align-items: stretch;
	position: relative;
	overflow: hidden;
}
section#otherCourses > div div[role=link] {
	max-width: calc(50% - var(--space-2));
	margin: 0 var(--space-4) var(--space-4) 0;
}
section#otherCourses > div div[role=link]:nth-child(even) {
	margin: 0 0 var(--space-4) 0;
}
section#courses > div div[role=link] div {
	margin: 0 0 var(--space-1) 30%;
}
section#otherCourses > div div[role=link] div {
	margin: 0 0 var(--space-1) var(--space-1);
}
section#courses > div > div[role=link]:first-of-type div {
	margin: 0 0 0 60%;
}
section#courses > div div[role=link] h3,
section#otherCourses > div div[role=link] h3 {
	font-size: 20px;
	font-weight: 600;
	display: inline-block;
}
section#courses > div div[role=link] h3 {
	margin: var(--space-3) var(--space-4) var(--space-2) var(--space-4);
}
section#otherCourses > div div[role=link] h3 {
	margin: var(--space-3) var(--space-4) var(--space-2) var(--space-2);
}
section#courses > div div[role=link] > div p,
section#otherCourses > div div[role=link] > div p {
	font-size: var(--text-size-smaller);
	font-weight: 500;
	display: none;
}
section#courses > div div[role=link] > div p {
	margin: 0 var(--space-2) var(--space-2) var(--space-4);
}
section#otherCourses > div div[role=link] > div p {
	margin: 0 var(--space-2) var(--space-2) var(--space-2);
}
section#courses > div span div[role=link] p:first-of-type,
section#courses > div > div[role=link]:first-of-type p,
section#otherCourses > div > div[role=link] div > p:first-of-type {
	display: block;
}
section#courses > div > div[role=link] p.for {
	display: none;
}
section#courses div div[role=link] > div h3 a,
section#otherCourses div div[role=link] > div h3 a {
	color: inherit;
	text-decoration: none;
}
section#courses div span div[role=link] {
	width: 100%;
	margin: 0 0 var(--space-4) 0;
	transition: all 0.6s ease;
}
section#courses div span {
	width: 40%;
}
section#courses > div > div[role=link]:first-of-type {
	width: calc(60% - var(--space-4));
	margin: 0 var(--space-4) 0 0;
}
section#courses > div > span div[role=link]:last-of-type {
	margin: 0;
}
section#courses > div div[role=link] img {
	-webkit-border-top-left-radius: var(--space-1);
	-webkit-border-bottom-left-radius: var(--space-1);
	-moz-border-radius-topleft: var(--space-1);
	-moz-border-radius-bottomleft: var(--space-1);
	border-top-left-radius: var(--space-1);
	border-bottom-left-radius: var(--space-1);
	height: 100%;
	width: 100%;
	object-fit: cover;
	display: block;
	position: absolute;
	top:0;
	left: 0;
}
section#courses > div div[role=link] img {
	max-width: 60%;
}
section#courses div span div[role=link] img,
section#otherCourses div div[role=link] img  {
	max-width: 30%;
	object-fit: cover;	
}
section#courses > div div[role=link] button.secondary,
section#otherCourses > div div[role=link] button.secondary {
	margin: var(--space-2) 0 var(--space-4) var(--space-4);
	display: none;
}
section#courses > div > div[role=link]:first-of-type button.secondary {
	display: flex;
}
section#courses > div div[role=link]:hover button.secondary {
	color: var(--color-white);
	background-color: var(--brand-color-orange);
	transition: all 0.1s ease;
	cursor: pointer;
}
section#courses > div div[role=link]:hover h3 a.dialog,
section#otherCourses > div div[role=link]:hover h3 a {
	color: var(--brand-color-orange);
}
section.staff div#staffList h3 a,
section#employees h3 a.dialog {
	color: inherit;
    text-decoration: none;
    border: none;
    background-image: url(../../../gfx/icons/chevron.svg);
    background-repeat: no-repeat;
    background-position: right center;
	padding: 0 var(--space-3) 0 0;
	background-size: var(--space-2) var(--space-2);
}
section#courses > div div[role=link]:hover,
section#courses > div div[role=link]:focus-visible,
section#otherCourses > div div[role=link]:hover,
section#otherCourses > div div[role=link]:focus-visible {
	background-color: var(--color-white);
	font-weight: 600;
	-webkit-box-shadow: 0px 0px var(--space-2) 0px rgba(51, 51, 51, 0.2);
	-moz-box-shadow: 0px 0px var(--space-2) 0px rgba(51, 51, 51, 0.2);
	box-shadow: 0px 0px var(--space-2) 0px rgba(51, 51, 51, 0.2);
	transition: all 0.3s ease;
}
section#partners > div {
    display: flex;
    flex-direction: row;
	align-content: space-between;
	flex-wrap: wrap;	
}
section#partners > div > p {
    margin-bottom: 0;	
	width: 100%;
}
section#partners > div > p > a {
    text-decoration: none;	
}
section#partners > div > p > a:hover {
    text-decoration: underline;
}
section#partners:not(.subPage) > div div {
	padding: 0 var(--space-4) 0 var(--space-4);
	border-right: 1px dotted var(--color-dark-grey);
	width: 100%;
	max-width: 25%;
	margin: 0 0 var(--space-2) 0;
	box-sizing: border-box;
}
section#partners:not(.subPage) > div div:nth-child(n+5)  {
	padding: var(--space-2) var(--space-2) 0 var(--space-2);
	margin: var(--space-2) 0 var(--space-2) 0;
	display: none;
}
section#partners:not(.subPage) > div div:nth-of-type(4n) {
	border-right: none;
}
section.subPage#partners > div div {
	padding: 0 0 var(--space-3) 0;
	border-bottom: 1px dotted var(--color-dark-grey);
	margin: 0 var(--space-3) var(--space-3) 0;
	width: 100%;
	max-width: calc((100% - var(--space-6)) / 3);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;	
}
section.subPage#partners > div div:nth-of-type(3n) {
	margin: 0 0 var(--space-3) 0;
}
section#partners > div div:last-of-type {
	padding: 0 0 0 var(--space-2);
	border-right: none;	
}
section#partners > div div img {
	height: auto;
	width: 100%;
	margin: 0 0 var(--space-1) 0;
}
section#partners > div div p {
	font-size: var(--text-size-smaller);
	margin: 0;
}
section#partners:not(.subPage) > div div a {
	display: block;
	text-align: center;
}
section#mainFaq > div {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
}
section#mainFaq > div > div {
	width: calc(38% - var(--space-4));
	margin: 0 var(--space-4) 0 0;
}
section#mainFaq div.contact {
	width: 24%;
    margin: 0;
}
section#mainFaq > div > div:last-of-type {
	margin-bottom: 0;
	display: flex;
	flex-direction: column;
}
section#mainBlog > div {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: nowrap;	
}
section#mainBlog > div > div {
	width: 30%;	
}
section#mainBlog > div div:last-of-type div.blogPrev {
	margin: 0;
}
section.pageSection p a,
div.bodyText p a,
div.bodyText li a,
section.addTexts p a,
section.addTexts li a,
div.custom p a,
div.custom li a {
	color: var(--brand-color-orange);
}
div.bodyText ul,
section.courseTabs ul,
div.modalText ul,
div[role=tabpanel] ul {
	padding: 0 0 0 var(--space-2);
}
div.bodyText li::marker,
section.courseTabs li::marker,
div.modalText li::marker,
div[role=tabpanel] li::marker {
	color: var(--brand-color-orange);
}
div.bodyText li,
section.courseTabs li,
div.modalText li {
	margin: 0 0 var(--space-2) 0;
}
div[role=tabpanel] li {
	margin: 0 0 4px 0;
}
footer {
	background-color: var(--brand-color-dark);
	padding: var(--space-4) var(--space-4) var(--space-3) var(--space-4);
	display: flex;
	justify-content: space-between;
}
footer div#linx {
	display: flex;
}
footer div#linx ul {
	padding: 0;
	margin: 0 var(--space-6) 0 0;
}
footer div#linx ul li {
	display: block;
	font-size: var(--text-size-smaller);
	font-weight: 600;
	line-height: 2rem;
}
footer div#linx ul li a {
	color: var(--color-dark-grey);
	padding: 0 0 0 var(--space-3);
	background-size: 14px 14px;
	background-position: left  center;
	background-repeat: no-repeat;
	text-decoration: none;
	transition: all 0.6s ease;	
}
footer div#linx ul li a.phone {
	background-image: url('../../../gfx/icons/phone-white.svg');
}
footer div#linx ul li a.mail {
	background-image: url('../../../gfx/icons/email-white.svg');
}
footer div#linx ul li a.cookies {
	background-image: url('../../../gfx/icons/cookies.svg');
}
footer div#linx ul li a.privacy {
	background-image: url('../../../gfx/icons/privacy.svg');
}
footer div#linx ul li a.rules {
	background-image: url('../../../gfx/icons/rules.svg');
}
footer div#linx ul li a:hover,
footer div#linx ul li a:focus-visible {
	color: var(--brand-color-orange);
	transition: all 0.3s ease;	
}
footer div#icons {
	display: flex;
	flex-direction: column;
	text-align: right;
	justify-content: flex-end;
}
footer div#icons ul {
	display: flex;
	padding: 0;
	margin: 0 0 var(--space-1) 0;
	text-align: right;
	justify-content: flex-end;	
}
footer div#icons ul li {
	display: block;
}
footer div#icons ul li a {
	width: var(--space-4);
	height: var(--space-4);
	margin: 0 0 0 var(--space-4);
	opacity: 0.6;
	transition: all 0.6s ease;		
}
footer div#icons ul li a:hover,
footer div#icons ul li a:focus-visible {
	opacity: 1;
	transition: all 0.3s ease;		
}
footer div#icons ul li a.facebook {
	content: url('../../../gfx/icons/facebook.svg');
}
footer div#icons ul li a.instagram {
	content: url('../../../gfx/icons/instagram.svg');
}
footer div#icons ul li a.linkedin {
	content: url('../../../gfx/icons/linkedin.svg');
}
footer div#icons ul li a.youtube {
	content: url('../../../gfx/icons/youtube.svg');
}
footer div#icons p {
	color: var(--color-dark-grey);
	margin: 0;
	font-size: var(--text-size-smallest);
	font-weight: 600;
	line-height: 2rem;	
}
div#searchResults {
	display: none;
	max-height: 400px;
	overflow: auto;
	margin: 0 0 var(--space-3) 0;
	border-top: 1px solid var(--color-medium-grey);
	border-bottom: 1px solid var(--color-medium-grey);		
}
div#searchResults ul {
	display: flex;
	flex-direction: column;
	text-align: left;
	margin: var(--space-1);
	padding: 0;
}
div#searchResults ul li {
	display: block;
	margin: 0;
	padding: var(--space-1) 0 0 0;
	border-bottom: 1px dotted var(--color-dark-grey);	
}
div#searchResults ul li:last-of-type {
	border-bottom: none;	
}
div#searchResults ul li a {
	color: inherit;
	text-decoration: none;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
div#searchResults ul li a img {
	width: 64px;
	height: 64px;
	object-fit: contain;
	margin: 0px var(--space-2) 0 0;
}
div#searchResults ul li a span:nth-of-type(2) {
	display: block;
	color: var(--text-color-regular);
	font-weight: 600;
	flex-grow: 2;	
}
div#searchResults ul li a span:nth-of-type(3) {
	margin: 0 0 0 var(--space-2);
	font-weight: 800;
	white-space: nowrap;
}
div#searchResults ul li.notFound {
	text-align: center;
	color: var(--text-color-regular);
	margin: 0 0 var(--space-1) 0;
}
div#searchResults ul li a:hover span {
	color: var(--brand-color-orange);
}

/* width */
div#searchResults::-webkit-scrollbar {
  width: 4px;
}
div#cartPositions::-webkit-scrollbar {
  width: 4px;
}

/* Track */
div#searchResults::-webkit-scrollbar-track {
  background: var(--color-light-grey); 
}
div#cartPositions::-webkit-scrollbar-track {
  background: var(--color-light-grey); 
}
 
/* Handle */
div#searchResults::-webkit-scrollbar-thumb {
  background: var(--text-color-light); 
}
div#cartPositions::-webkit-scrollbar-thumb {
  background: var(--text-color-light); 
}

/* Handle on hover */
div#searchResults::-webkit-scrollbar-thumb:hover {
  background: var(--text-color-regular); 
}
div#cartPositions::-webkit-scrollbar-thumb:hover {
  background: var(--text-color-regular); 
}

div#subpage {
	display: inline-flex;
	flex-wrap: nowrap;
	flex-direction: row-reverse;
	width: 100%;
}
div#subpage div#mainContent {
	width: 73%;
	max-width: 73%;
}
div#subpage div#addContent {
	width: 27%;
	max-width: 27%;
}
div#subpage div#addContent section {
	margin: 0 var(--space-4) var(--space-6) var(--space-4);
}
div#subpage div#addContent section nav#offerSubMenu,
div#subpage div#addContent section div#conditions,
div#payInfoAfter {
	background: var(--color-light-grey);
	border: 1px solid var(--color-dark-grey);
	padding: var(--space-3);
	-webkit-border-bottom-right-radius: var(--space-1);
	-webkit-border-bottom-left-radius: var(--space-1);
	-moz-border-radius-bottomright: var(--space-1);
	-moz-border-radius-bottomleft: var(--space-1);
	border-bottom-right-radius: var(--space-1);
	border-bottom-left-radius: var(--space-1);	
}
div#payInfoAfter {
	background: var(--color-light-grey);
	border: 1px solid var(--color-dark-grey);
	padding: var(--space-3);
	border-radius: var(--space-1);
    border: 1px solid var(--color-dark-grey);
	margin: var(--space-3) auto var(--space-2) auto;
}
div#payInfoAfter,
div#saleConfirm p,
div#saleConfirm h3,
div#saleConfirm h4 {
	max-width: var(--max-content-width);
	margin-left: auto;
	margin-right: auto;
}
a[data-copy]:active {
	color: var(--color-white) !important;
	background: var(--brand-color-orange);
	text-decoration: none;
}
div#payInfoAfter h4 {
	text-align: center;
	margin: 0 0 var(--space-3) 0;
	font-size: var(--text-size-medium);
}
div#subpage div#addContent section h2 {
	font-size: 20px;
	font-weight: 600;
	margin: 0 0 var(--space-3) 0;
	color: var(--text-color-regular);
}
div#subpage div#addContent section nav#offerSubMenu h2 {
	font-size: var(--space-3);
	font-weight: 700;
	margin: 0 0 var(--space-1) 0;
}
div#subpage div#addContent section nav#offerSubMenu ul {
	padding: 0;
	margin: 0;
}
div#subpage div#addContent section nav#offerSubMenu ul > li {
	font-size: var(--text-size-regular);
	display: block;
	font-weight: 600;
}
div#subpage div#addContent section nav#offerSubMenu ul li ul li {
	font-size: var(--text-size-smaller);
	font-weight: 500;
	line-height: 1.3em;
	margin: var(--space-2) 0;
}
div#subpage div#addContent section nav#offerSubMenu ul li ul li:first-of-type {
	margin: 0 0 var(--space-2) 0;
}
div#subpage div#addContent section nav#offerSubMenu ul li ul li:last-of-type {
	margin: var(--space-2) 0 0 0;
}
div#subpage div#addContent section nav#offerSubMenu ul li > ul {
	margin: 0 0 0 var(--space-2);
	padding: 0 0 var(--space-1) 0;
	display: none;
}
div#subpage div#addContent section nav#offerSubMenu ul li.expanded > ul {
	display: block;
}
div#subpage div#addContent section nav#offerSubMenu > ul.level-0-menu > li > a {
	padding: var(--space-1) 0;
	display: block;	
	border-top: 1px dotted var(--color-dark-grey);
}
div#subpage div#addContent section nav#offerSubMenu > ul.level-0-menu > li:first-of-type a {
	border-top: none;
}
div#subpage div#addContent section nav#offerSubMenu ul li a {
	color: inherit;
	text-decoration: none;	
}
div#subpage div#addContent section nav#offerSubMenu ul li a:hover,
div#subpage div#addContent section nav#offerSubMenu ul li.current > a {
	color: var(--brand-color-orange);
}
div#subpage div#addContent section nav#offerSubMenu ul li.current > a {
	font-weight: 600;
}
div#mainContent section:not(.staff):not(.course):not(.blogNew):not(.blogEntries):not(#trainers):not(#intro):not(#contact):not(.categories):not(.parts):not(.partnerOffer section):not(.mainFaq):not(.sideFaq) {
	margin: 0 var(--space-4) var(--space-6) 0;
}
div#mainContent section#intro:not(.checkout) {
	margin: 0 0 var(--space-6) 0;
}
section#intro div#openingImage {
	width: 100%;
	background-color: var(--color-light-grey);	
	background-position: center center;
	background-size: 100% auto;
	background-repeat: no-repeat;
	-webkit-border-bottom-right-radius: var(--space-1);
	-webkit-border-bottom-left-radius: var(--space-1);
	-moz-border-radius-bottomright: var(--space-1);
	-moz-border-radius-bottomleft: var(--space-1);
	border-bottom-right-radius: var(--space-1);
	border-bottom-left-radius: var(--space-1);
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
	margin: 0 0 var(--space-4) 0;
	animation-name: scaleBackgroundDownWidth;
	animation-duration: 2s;	
	animation-timing-function: var(--animation-easeOut);	
}
section.searchResults {
	margin: 0 var(--space-4) var(--space-4) 0 !important;
}
section#intro div.bordered#openingImage {
	border: 1px solid var(--color-dark-grey);
	background-color: var(--color-white);		
	border-right: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;	
	background-size: auto 100%;
	animation-name: none;
}
section#intro div#openingImage.opening0 {
	height: 220px;
}
section#intro div#openingImage.opening1 {
	height: 350px;
}
section#intro div#openingImage.opening2 {
	height: 600px;
}
span.icon {
	display: block;
	width: 32px;
	height: 32px;
	margin: 0 var(--space-4) var(--space-2) 0;
	background-color: var(--brand-color-orange);
	border-radius: 50%;
	padding: 6px var(--space-1) var(--space-1) var(--space-1);
	animation-name: rotateElement;
	animation-duration: 0.5s;	
	animation-timing-function: var(--animation-easeOut);
}
span.icon.confectionery {
	content: url('../../../gfx/families/confectionery-glyph.svg');
}
span.icon.bakeries {
	content: url('../../../gfx/families/bakeries-glyph.svg');	
}
span.icon.chocolate {
	content: url('../../../gfx/families/chocolate-glyph.svg');	
}
span.icon.coffee {
	content: url('../../../gfx/families/coffee-glyph.svg');	
}
span.icon.gastronomy {
	content: url('../../../gfx/families/gastronomy-glyph.svg');	
}
span.icon.icecream {
	content: url('../../../gfx/families/icecream-glyph.svg');	
}
span.icon.production {
	content: url('../../../gfx/families/production-glyph.svg');	
}
section#intro nav#breadcrumbs ul {
	padding: 0;
	margin: 0;
}
section#intro nav#breadcrumbs ul li {
	display: inline;
	font-size: var(--text-size-smallest);
	color: var(--text-color-light);	
}
section#intro nav#breadcrumbs ul li a {
	text-decoration: none;
	color: inherit;
}
section#intro nav#breadcrumbs ul li:first-of-type a {
	padding: 0 0 0 18px;
	background: url('../../../gfx/icons/home.svg') no-repeat left center;
	background-size: 12px 12px;
}
section#intro nav#breadcrumbs ul li a:after  {
	content: "\00BB";
	margin: 0 4px 0 6px;
}
section#intro nav#breadcrumbs ul li:last-of-type a:after  {
	content: '';
	margin: 0;
}
section#intro nav#breadcrumbs ul li a:hover,
section#intro nav#breadcrumbs ul li a:focus-visible {
	color: var(--brand-color-orange);
}
section#intro h1 {
	font-size: 32px;
	font-weight: 700;
	line-height: 1.3em;
	margin: var(--space-1) 0 var(--space-3) 0;
	max-width: var(--max-content-width);
}
div#mainContent section.addTexts div {
	max-width: var(--max-content-width);
}
div.bodyText,
div#mainContent section.addTexts div {
	margin: 0 var(--space-4) var(--space-2) 0;
}
div.bodyText p, div.bodyText ul, div.bodyText ol, div.bodyText h2, div.bodyText h3, div.bodyText h4,
div#mainContent section.addTexts div,
div.faq,
section.courseTabs div[role=tabpanel],
section.projectTabs div[role=tabpanel] p,
section.searchResults div#tab-pozostale div#others div.found {
	max-width: var(--max-content-width);
}
div.bodyText,
div#mainContent section.addTexts div {
	margin: 0;
}
div.bodyText ul, div.bodyText ol {
	margin: var(--space-2) 0;
}
div.bodyText ol {
	padding: 0 var(--space-2);
}
div#mainContent section.addTexts {
	padding: var(--space-4) 0 0 var(--space-4);
	border-left: var(--space-2) solid #f1f1f1;
}
div#mainContent div#partners {
    display: flex;
    flex-direction: row;
    align-items: stretch;
	align-content: space-between;
	margin: 0 0 var(--space-4) 0;
}
div#mainContent div#partners div {
	padding: 0 var(--space-2) 0 var(--space-2);
	border-right: 1px dotted var(--color-dark-grey);
	width: calc(100% / 6);
}
div#mainContent div#partners div:last-of-type {
	border-right: none;	
}
div#mainContent div#partners div img {
	height: auto;
	width: 100%;
	margin: 0 0 var(--space-1) 0;
}
section.categories ul {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: stretch;
	margin: 0;
	padding: 0;
	margin: 0 var(--space-4) 0 0;
}
section.categories ul li {
	display: block;
	max-width: calc((100% / 3) - var(--space-2));
	font-size: var(--text-size-medium);
	margin: 0 var(--space-3) var(--space-4) 0;
	position: relative;
}
section.categories ul li:nth-of-type(3n) {
	margin: 0 0 var(--space-4) 0;
}
section.categories ul li img {
	width: 100%;
	height: auto;
	max-height: 192px;
	-webkit-border-radius: var(--space-1);
	-moz-border-radius: var(--space-1);
	border-radius: var(--space-1);
	transition: all .6s ease;
	margin: 0;
	background-color: #fff;
    z-index: 50;
}
section.categories ul li a {
	color: var(--text-color-regular);
	text-decoration: none;
	font-weight: 600;
	display: block;
	overflow: hidden;
	-webkit-border-radius: var(--space-1);
	-moz-border-radius: var(--space-1);
	border-radius: var(--space-1);
	transition: all 0.3s ease;		
}
section.categories ul li a span {
	background-color: var(--brand-color-orange);
	color: var(--color-white);
	font-size: 	var(--text-size-smallest);
	text-align: center;
	font-weight: 600;
	border-radius: 50%;
	min-width: 26px;
	height: 26px;
	display: inline-block;
	padding: 0;
	position: absolute;
	right: var(--space-1);
	margin-top: calc(var(--space-5) * -1);
	transition: all 0.6s ease;	
}
section.categories ul a:hover,
section.categories ul a:focus-visible  {
	color: var(--brand-color-orange);
}
section.categories ul li a:hover span {
	background-color: var(--color-white);
	color: var(--brand-color-orange);
	transition: all 0.3s ease;
	transform: rotate(1turn);
	-webkit-box-shadow: 0px 0px 4px 0px rgba(51, 51, 51, 0.4);
	-moz-box-shadow: 0px 0px 4px 0px rgba(51, 51, 51, 0.4);
	box-shadow: 0px 0px 4px 0px rgba(51, 51, 51, 0.4);
}
section.categories ul li a:hover img,
section.categories ul li a:focus-visible img  {
   transition: all .3s ease;
   z-index: 100;
}
div.bodyText div[role=region].collapsed,
div#filtry-ustawienia.collapsed,
section.seo div.inSeo div.collapsed {
	display: none;
}
div.bodyText button[type=button],
section.seo div.inSeo button[type=button].collapsed, 
section.seo div.inSeo button[type=button].expanded {
	background: none;
	border: none;
	color: var(--brand-color-orange);
	font-size: var(--text-size-regular);
	font-weight: 600;
	padding: 0 0 0 var(--space-3);
	background-repeat: no-repeat;
	background-position: left 3px;
	background-size: var(--space-2) var(--space-2);
	cursor: pointer;
}
div.bodyText button[type=button].collapsed,
div#filters button[type=button].collapsed,
section.seo div.inSeo button[type=button].collapsed {
	background-image: url('../../../gfx/icons/element-folded.svg');
}
div.bodyText button[type=button].expanded,
div#filters button[type=button].expanded,
section.seo div.inSeo button[type=button].expanded {
	background-image: url('../../../gfx/icons/element-expanded.svg');
}
div.inSeo {
	margin: 0 0 var(--space-3) 0;
}
div#mainContent section#offers:before,
div#mainContent section.course:before {
	content: '';
	display: block;
	height: 1px;
	border-top: 1px solid var(--color-dark-grey);
	margin: 0 0 var(--space-4) 0;	
}
div#mainContent section:not(.notfound) > h2 {
	font-size: var(--space-3);
	margin: 0 0 var(--space-4) 0;
}
div#mainContent section:not(.notfound) > h2.sub {
	font-size: var(--text-size-smaller);
	margin: 0 0 var(--space-2) 0;
}
div#mainContent section h3 {
	font-weight: 600;
	font-size: 17px;
}
div#mainContent section div[role=tabpanel] h3 {
	margin-top: 0;
}
div#mainContent section div.offerDescription h3 {
	font-size: 15px;
}
div#filters {
	max-width:var(--max-content-width);
	margin: 0 0 var(--space-8) 0;
}
div#filters button[type=button] {
	background: none;
	border: none;
	color: var( --text-color-regular);
	font-size: var(--text-size-regular);
	font-weight: 600;
	padding: var(--space-1) 0 var(--space-1) var(--space-5);
	background-repeat: no-repeat;
	background-position: left 7px;
	background-size: var(--space-3) var(--space-3);
	cursor: pointer;
	text-align: left;
}
div#filters div#filtry-ustawienia {
	padding: var(--space-1) 0 0 var(--space-5);
}
div#filters div#ops {
	display: flex;
	align-items: flex-start;
}
div#filters div#ops > div {
	width: auto;
	max-width: 33%;
}
div#filters div#ops div label,
section.ask form#askForm label,
div.formData label {
	width: 100%;
	display: block;
	font-size: var(--text-size-smallest);
	margin: 0 0 4px 0;
}
div#filters div#ops div select {
	font-size: var(--text-size-regular);
	background: var(--color-white);
	border: 1px solid var(--color-dark-grey);
	padding: 4px var(--space-1);
	border-radius: 4px;
	margin: 0 var(--space-2) var(--space-2) 0;
}
div#filters div#ops div input[type=number],
section.ask form#askForm input[type=text],
section.ask form#askForm textarea,
div.formData input[type=text],
div.formData input[type=number],
div.formData textarea {
	font-size: var(--text-size-regular);
	background: var(--color-white);
	border: 1px solid var(--color-dark-grey);
	padding: 4px var(--space-1);
	border-radius: 4px;
	margin: 0 0 var(--space-2) 0;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	max-width: calc(100% - 	var(--space-2));
}
div#filters div#ops div input[name=prizeFrom] {
	margin: 0 var(--space-1) var(--space-1) 0;
}
div#filters div#ops div.flexy.rows {
	 flex-wrap: nowrap;
}
div#filters div#ops div.flexy.rows > div {
	 width: calc(50% - var(--space-1)/2);
}
div#filters div#ops > div.flexy.rows div.flexy.cols:first-of-type{
	 margin-right: var(--space-1);
}
div#filters div#ops > div.flexy.cols {
	 margin: 0 var(--space-8) 0 0;
}
div#filters div#ops > div.flexy.cols:last-of-type {
	 margin: 0;
}
div#filters div#ops fieldset label[for=macufacturer] {
	margin: 0 0 var(--space-1) 0;
}
div#filters div#ops fieldset#manufacturer label:not([for=macufacturer]) {
	font-size: var(--text-size-regular);
	display: inline;
}
div#filters div#ops fieldset#manufacturer label:not([for=macufacturer])::after {
    content: "\a";
    white-space: pre;
}
div#filters div#ops fieldset input[type=checkbox] {
    margin: 0 var(--space-1) 12px 0;
	width: var(--space-2);
	height: var(--space-2);
	background: var(--color-white);
	border: 1px solid var(--color-dark-grey);
	padding: 4px var(--space-1);	
	transform: scale(1.1);
}
div#filters div#ops fieldset#displays label:not([for=display]) {
	width: 60px;
	height: 80px;
	margin: var(--space-1);	
}
div#filters div#ops fieldset#displays label[for=display-tiles] {
	content: url('../../../gfx/grid/tiles.svg');
}
div#filters div#ops fieldset#displays label[for=display-rows] {
	content: url('../../../gfx/grid/rows.svg');
}
div#filters div#ops fieldset#displays label[for=display-blocks] {
	content: url('../../../gfx/grid/blocks.svg');
}
div#filters div#ops fieldset input[type=radio] {
	transform: scale(1.2);
}
div#filters:not(.blogFilters) button[type=submit] {
	max-width: calc(33% - var(--space-1));
	margin: var(--space-2) 0 var(--space-1) 0;
}
p#resetFilters a {
	color: var(--brand-color-orange);
	text-decoration: none;
}
div.offersList {
	display: flex;
    justify-content: flex-start;
    align-items: stretch;
	width: 100%;
}
div.offersList.tiles,
div.offersList.rows {
	 flex-direction: row;
	 flex-wrap: wrap;
}
div.offersList.blocks {
	 flex-direction: column;
}
div.offersList.tiles div.offer,
div.offersList.rows div.offer  {
	padding: var(--space-1) 0 var(--space-1) 0;
	border-bottom: 1px dotted var(--color-dark-grey);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	display: flex;
	align-items: stretch;
	position: relative;
	cursor: pointer;
}
div.offersList.tiles div.offer {
	width: calc(100% / 6);
}
div.offersList.rows div.offer {
	width: 100%;
	max-width: calc(100% / 2);
}
div.offersList.blocks div.offer {
	width: 100%;
}
div.offersList.tiles div.offer:after,
div.offersList.rows div.offer:after {
	content:'';
	display: block;
	width: var(--space-2);
	height: 1px;
	position: absolute;
	background-color: var(--color-white);
	bottom: -1px;
	right: -7px;
	z-index: 300;
}
div.offersList.tiles div.offer div.offerHolder,
div.offersList.rows div.offer div.offerHolder {
    border-right: 1px dotted var(--color-dark-grey);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	display: flex;
	align-items: stretch;
	align-content: stretch;
	height: 100%;
	width: 100%;
}
div.offersList.tiles div.offer div.offerHolder {
	flex-direction: column;
	padding: var(--space-1) var(--space-2) var(--space-4) var(--space-2);	
}
div.offersList.rows div.offer div.offerHolder {
	padding: var(--space-2) var(--space-2) var(--space-1) var(--space-2);	
}
div.offersList.rows div.offer div.offerHolder,
div.offersList.blocks div.offer div.offerHolder {
	display: flex;
	flex-direction: row;
}
div.offersList.tiles div.offer:nth-child(6n) div.offerHolder,
div.offersList.rows div.offer:nth-child(2n) div.offerHolder,
div.offersList.tiles div.offer:last-of-type div.offerHolder,
div.offersList.rows div.offer:last-of-type div.offerHolder {
    border-right: none;
}
div.offersList.tiles div.offer div.offerDescription h4,
div.offersList.tiles div.offer div.offerDescription p:not(.prize),
div.offersList.rows div.offer div.offerDescription p:not(.prize),
div.offersList.tiles div.offer div.offerLinks,
div.offersList.rows div.offer div.offerLinks {
	display: none;
}
div.offersList:not(.blocks) div.offerFoto img {
	width: auto;
	height: 112px;
	object-fit: contain;
	display: block;
	margin: auto;	
}
div.offersList.blocks div.offerFoto img {
	width: 100%;
	height: auto;
	object-fit: contain;
	display: block;
	margin: auto;	
}
div.tiles div.offerFoto,
div.rows div.offerFoto {
	min-width: 112px;
}
div.offersList.tiles div.offerFoto img,
div.offersList.rows div.offerFoto img {
	max-width: var(--space-14);
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;	
}
div.offersList.rows div.offerFoto {
	margin: 0 var(--space-2) 0 var(--space-1);
}
div.offersList.tiles h3,
div.offersList.rows h3 {
    color: var(--text-color-regular);
    display: inline-block;
	font-weight: 600;
}
div.offersList.tiles h3 {
	font-size: 15px;
	text-align: center;
	display: block;
}
div.offersList div.notfound h3 {
	text-align: left;
}
div.offersList.rows h3 {
	font-size: var(--text-size-regular);
	margin: 0 0 var(--space-1) 0;
}
div.offersList.blocks h3 {
	font-size: var(--text-size-medium);
	margin: 0 0 var(--space-1) 0;
}
div.offersList h4 {
	font-size: var(--text-size-smallest);
	font-weight: 500;
	margin: 0 0 var(--space-1) 0;
}
div.offersList h3 a {
	color: inherit;
	text-decoration: none;
}
div.offersList.tiles p {
	font-size: 15px;
}
div.offersList.rows div.offer div.offerDescription {
	position: relative;
}
div.offersList.tiles p.prize,
div.offersList.rows p.prize {
	font-weight: 800;
    transition: all 0.6s ease;
	line-height: 1.2em;
	width: 100%;
	position: absolute;
	left: 0;
	z-index: 100;
}
div.offersList.blocks p.prize {
	font-weight: 800;
    transition: all 0.6s ease;
	line-height: 1.2em;
	width: 100%;
}
div.offersList.tiles p.prize {
	text-align: center;
	bottom: 8px;
}
div.offersList.rows p.prize {
	bottom: 0;
}
div.offersList div.offer:hover p.prize {
	color: var(--brand-color-orange);
    transition: all 0.2s ease;		
}
div.offersList.blocks div.offer {
	background-color: var(--color-light-grey);
	border: 1px solid var(--color-dark-grey);
	border-radius: var(--space-1);
	margin: 0 0 var(--space-4) 0;
	overflow: hidden;
}
div.offersList.blocks div.offer:last-of-type {
	margin: 0;
}
div.offersList.blocks div.offer div.offerFoto,
div.offersList.blocks div.offer div.offerDescription {
	background: var(--color-white);
}
div.offersList.blocks div.offer div.offerFoto {
	-webkit-border-top-left-radius: var(--space-1);
	-webkit-border-bottom-left-radius: var(--space-1);
	-moz-border-radius-topleft: var(--space-1);
	-moz-border-radius-bottomleft: var(--space-1);
	border-top-left-radius: var(--space-1);
	border-bottom-left-radius: var(--space-1);
	padding: var(--space-4);
	max-width: 210px;
	cursor: pointer;
}
div.offersList.blocks div.offer div.offerDescription {
	-webkit-border-top-right-radius: var(--space-1);
	-webkit-border-bottom-right-radius: var(--space-1);
	-moz-border-radius-topright: var(--space-1);
	-moz-border-radius-bottomright: var(--space-1);
	border-top-right-radius: var(--space-1);
	border-bottom-right-radius: var(--space-1);
	border-right: 1px solid var(--color-dark-grey);
	padding: var(--space-4) var(--space-4) var(--space-3) 0;
	width: 100%;
}
div.offersList.blocks div.offerFoto {
	width: 100%;
	max-width: 270px;
}
div.offersList.blocks div.offer div.offerDescription p:not(.prize) {
	font-size: 15px;
}
div.offersList.blocks div.offerLinks {
	padding: var(--space-4) 0;
	text-align: center;
	display: flex;
	flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width: 320px;	
}
div.offersList.blocks div.offerLinks p {
	margin: var(--space-1) auto;
	display: block;
}
div.offersList.blocks div.offerLinks p a.button {
	white-space: nowrap;
	padding: 12px var(--space-3);
	display: block;
	height: auto;
	width: 240px;
}
div.offersList.blocks div.offerLinks p a.primary.button {
	color: var(--color-white);
}
ul#paging {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin: var(--space-4) 0;
	padding: 0;
	border-bottom: 1px solid var(--color-dark-grey);
	width: 100%;
}
section.blogEntries ul#paging {
	border-bottom: none;
}
nav.paging {
	width: 100%;
}
section.blogEntries {
	margin: 0 var(--space-4) 0 0;
}
section.blogEntries ul#paging {
	margin: 0;
}
ul#paging li {
	display: inline;
	padding: 0;
	margin: 0 var(--space-2) var(--space-2) 0;
	text-align: center;
	font-size: var(--text-size-medium);
	font-weight: 600;
}
ul#paging li a {
	background: var(--color-light-grey);
	border: 1px solid var(--color-dark-grey);
	padding: 4px 6px;
	color: var(--text-color-regular);
	text-decoration: none;
	border-radius: var(--space-1);
	transition: all 0.6s ease;
	min-width: var(--space-2);
	display: inline-block;
}
ul#paging li a[aria-current=true],
ul#paging li a:hover {
	background: var(--brand-color-orange);
	border: 1px solid var(--brand-color-orange);
	color: var(--color-white);
	transition: all 0.1s ease;
}
ul#paging li a:active {
	border: 1px solid var(--color-white);
}
section#contact {
	padding: var(--space-4) 0 0 0;
}
section#contact div.contact {
	min-width: 320px;
}
section#contact > div > div:first-of-type {
	padding: 0 var(--space-4) 0 0;
}
section#contact li a {
	text-decoration: none;
	color: var(--text-color-regular);
}
div.custom {
	background: url('../../../gfx/icons/sad.webp');
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 150px 150px;
	padding: 0 0 0 170px;
	min-height: 130px;
}
div.custom.notfound {
	background-image: url('../../../gfx/icons/sad.webp');
}
p.manufacturer {
	font-size: var(--text-size-smaller);
	color: var(--text-color-light);
	margin: 0;
}
p.manufacturer span {
	color: var(--text-color-regular);
	font-weight: 600;
}
p.manufacturer span a {
	color: inherit;
	text-decoration: none;
	transition: all 0.6s ease;	
}
p.manufacturer span a:hover {
	color: var(--brand-color-orange);
	transition: all 0.1s ease;	
}
section.offer.header div.flexi.cols {
	margin: var(--space-4) 0;
}
section.offer.header div.prizeBox {
		margin: var(--space-4) 0 var(--space-3) 0;
}
section.offer.header div.prizeBox p:first-of-type {
	font-size: var(--text-size-bigger);
	font-weight: 700;
	margin: 0 0 var(--space-1) 0;
}
section.offer.header div.prizeBox p:last-of-type {
	font-size: var(--text-size-smallest);
	margin: 0;
}
section.offer.header div.prizeBox p:last-of-type a {
	color: var(--brand-color-orange);
	font-weight: 600;
	text-decoration: none;
}
section.offer.header div.prizeBox.brutto {
	display: none;
}
section.offer.header div.prizeBox.netto {
	display: block;
}
section.offer.header div.offerIntro {
	margin: var(--space-4) var(--space-4) var(--space-4) 0;
}
section.offer.header div.offerIntro > div {
	max-width: calc(50% - var(--space-4));
	min-width: calc(50% - var(--space-4));
	width: calc(50% - var(--space-4));
	margin-right: var(--space-4);
	position: relative;
}
section.offer.header div.offerIntro div#productImage {
	max-height: 400px;
	height: 400px;
	width: 100%;
}
section.offer.header div.offerIntro div#productImage img,
section.offer.header div.offerIntro ul#productPhotos li a img {
	height: 100%;
	width: 100%;
	object-fit: contain;
	display: block;
	margin: auto;
}
section.offer.header div.offerIntro div#productImage img {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;		
}
section.offer.header div.offerIntro div#productImage a:hover,
a.zoom {
	cursor: zoom-in;
}
a.zoom:active {
	opacity: 0.8;
}	
section.offer.header div.offerIntro ul#productPhotos {
	display: flex;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
	justify-content: center;
	align-content: flex-start;
	margin: var(--space-3) 0 0 0;
}
section.offer.header div.offerIntro ul#productPhotos.asCarousel {
	flex-wrap: nowrap;
	overflow-x: hidden;
	justify-content: flex-start;
}
section.offer.header div.offerIntro a.fotoFlow {
    width: var(--space-2);
    height: var(--space-2);
	display: block;
	position: absolute;
}
section.offer.header div.offerIntro a.fotoFlow.toLeft {
    margin: var(--space-7) 0 0 calc(var(--space-3) * -1);
}
section.offer.header div.offerIntro a.fotoFlow.toRight {
    margin: -52px 0 0 var(--space-2);
	right: -26px;
}
section.offer.header div.offerIntro a.fotoFlow.toLeft.inactive {
    content: url(../../../gfx/icons/chevron-blank-left-inactive.svg);
	cursor: initial;
}
section.offer.header div.offerIntro a.fotoFlow.toLeft.active {
    content: url(../../../gfx/icons/chevron-blank-left.svg);
	cursor: pointer;	
}
section.offer.header div.offerIntro a.fotoFlow.toRight.inactive {
    content: url(../../../gfx/icons/chevron-blank-right-inactive.svg);
	cursor: initial;	
}
section.offer.header div.offerIntro a.fotoFlow.toRight.active {
    content: url(../../../gfx/icons/chevron-blank-right.svg);
	cursor: pointer;
}
section.offer.header div.offerIntro ul.photos1#productPhotos {
	display: none;
}
section.offer.header div.offerIntro ul#productPhotos li {
	display: inline;
}
section.offer.header div.offerIntro ul#productPhotos li a {
	width: var(--space-8);
	height: var(--space-8);
	padding: 5px;
	border: 1px solid var(--color-dark-grey);
	display: block;
	margin: 0 var(--space-1) var(--space-1) var(--space-1);
	border-radius: var(--space-1);
	overflow: hidden;
	transition: all 0.6s ease;
	opacity: 0.6;
}
section.offer.header div.offerIntro ul#productPhotos li a.current {
	border: 1px solid var(--text-color-light);
	opacity: 1;
}
section.offer.header div.offerIntro ul#productPhotos li a:hover {
	-webkit-box-shadow: 0px 0px var(--space-1) 0px rgba(51, 51, 51, 0.2);
	-moz-box-shadow: 0px 0px var(--space-1) 0px rgba(51, 51, 51, 0.2);
	box-shadow: 0px 0px var(--space-1) 0px rgba(51, 51, 51, 0.2);
	opacity: 1;
	transition: all 0.3s ease;
}
div#downloads {
	margin: var(--space-4) 0;
}
div#downloads ul{
	margin: 0;
	padding: 0;
}
div.modalDownloads ul {
	margin: var(--space-2) 0;
	padding: 0;
}
div#downloads ul li,
div.modalDownloads ul li {
	display: block;
	margin: 0 0 var(--space-1) 0;
}
div#downloads ul li a,
div.modalDownloads ul li a {
	display: inline-block;
	color: var(--brand-color-orange);
	text-decoration: none;
}
div#downloads ul li a,
div.modalDownloads ul li a  {
	background-image: url('../../../gfx/icons/document-outlined.svg');
	background-repeat: no-repeat;
	background-position: 2px left;
	background-size: 18px 18px;
	padding: 0 0 0 var(--space-4);
}
div#downloads ul li a:hover,
div.modalDownloads ul li a:hover  {
	background-image: url('../../../gfx/icons/document-filled.svg');
}
section.offer.details div[role=tabpanel] p,
section.offer.details div[role=tabpanel] div.faq {
	max-width: var(--max-content-width);
}
section.offer.details div[role=tabpanel] ul,
section.offer.details div[role=tabpanel] ol {
	max-width: calc(var(--max-content-width) - var(--space-2));
}
section div#conditions h3 {
	font-size: var(--text-size-regular);
	font-weight: 700;
	margin: 0;
}
section div#conditions p {
	font-size: var(--text-size-smaller);
	margin: 0 0 var(--space-2) 0;
}
section div#conditions > div {
	padding: 0px 0px 0px var(--space-7);
	background-repeat: no-repeat;
	background-position: top left;
	background-size: var(--space-4) var(--space-4);
}
section div#conditions > div.delivery {
	background-image: url('../../../gfx/icons/delivery.svg');
}
section div#conditions > div.safety {
	background-image: url('../../../gfx/icons/safety.svg');
}
section div#conditions > div.return {
	background-image: url('../../../gfx/icons/return.svg');
}
section div#conditions > p {
	margin: 0;
}
section div#conditions > p > a {
	font-weight: 600;
	color: var(--brand-color-orange);
	text-decoration: none;
}
section#similars ul {
	display: flex;
	flex-direction: column;
	padding: 0;
	margin: 0;
}
section#similars ul li {
	display: block;
	line-height: 1.2em;
}
section#similars ul li a {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	text-decoration: none;
	font-size: var(--text-size-smaller);
	color: 	var(--text-color-regular);
	position: relative;
	padding: var(--space-2) 0;
	border-bottom: 1px dotted var(--color-dark-grey);
}
section#similars ul li:first-of-type a {
	padding: 0 0 var(--space-2) 0;
}
section#similars ul li:last-of-type a {
	border-bottom: 1px solid var(--color-dark-grey);
}
section#similars ul li a img {
	width: 100%;
	height: 80px;
	object-fit: contain;
	margin: 0 0 0 0;
}
section#similars ul li a span:nth-of-type(1) {
	width: calc(30% - var(--space-1));
	margin: 0 var(--space-1) 0 0;
}
section#similars ul li a span:nth-of-type(2) {
	font-weight: 600;
	width: 70%;
	margin-bottom: var(--space-4);
}
section#similars ul li a span:nth-of-type(3) {
	position: absolute;
	bottom: var(--space-2);
	left: 30%;
	font-weight: 800;
	transition: all 0.6s ease;
}
section#similars ul li:hover a span:nth-of-type(3) {
	color: var(--brand-color-orange);
	transition: all 0.3s ease;	
}
section.notfound h2 {
	font-size: var(--text-size-medium);
}
section.notfound p {
	text-align: center;
}
section.notfound p.muffin,
section.notfound p.muffin img {
	height: 300px;
}
section.notfound p.muffin {
	width: 100%;
	display: block;
	margin: 0 auto;
	background: url('../../../gfx/icons/happy.webp') no-repeat center center;
	background-size: contain;
	padding: 0;
}
section.notfound p.muffin img {
	width: auto;
	padding: 0;
	margin: 0;
	background-color: var(--color-white);	
}
section.notfound p a {
	color: var(--brand-color-orange);	
}
section.distro.tiles {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	align-items: stretch;
}
section.distro.tiles > div {
    max-width: calc((100% / 3) - var(--space-3));
	margin: 0 var(--space-4) var(--space-4) 0;
}
section.distro.tiles > div:nth-of-type(3n) {
	margin: 0 0 var(--space-4) 0;
}
section.distro > div > div {
	position: relative;
}
section.distro.tiles > div > div {
	margin: var(--space-2) var(--space-2) 0 var(--space-2);
}
section.distro.blocks > div > div {
	margin: var(--space-4);
	width: 50%;
}
section.distro.tiles > div > div h2 {
    font-size: 20px;
    font-weight: 600;
	margin: 0 0 var(--space-1) 0;
}
section.distro.blocks > div > div h2 {
    font-size: var(--space-3);
    font-weight: 600;
	margin: 0 0 var(--space-1) 0;
}
section.distro > div > div h2 a {
    color: inherit;
    text-decoration: none;
	transition: all 0.1s ease;
}
section.distro > div:hover > div h2 a {
    color: var(--brand-color-orange);
	transition: all 0.6s ease;	
}
section.distro > div > div p {
	margin: 0 0 var(--space-2) 0;
	font-size: var(--text-size-smaller);
}
section.distro > div > div p {
	margin: 0 0 var(--space-2) 0;
	font-size: var(--text-size-smaller);
}
section.distro.tiles > div > div button {
	display: none;
}
section.distro > div > div span.icon {
	position: absolute;
}
section.distro.tiles > div > div span.icon {
	right: calc(var(--space-4) * -1);
	top: calc(var(--space-10) * -1);
}
section.distro.blocks > div > div span.icon {
	left: calc(var(--space-14) * -1);
	top: calc(var(--space-1) * -1);
}
section.distro > div:nth-of-type(1) span.icon {
	animation-delay: 0s;
}
section.distro > div:nth-of-type(2) span.icon {
	animation-delay: 0.2s;
}
section.distro > div:nth-of-type(3) span.icon {
	animation-delay: 0.4s;
}
section.distro > div:nth-of-type(4) span.icon {
	animation-delay: 0.6s;
}
section.distro > div:nth-of-type(5) span.icon {
	animation-delay: 0.8s;
}
section.distro > div:nth-of-type(6) span.icon {
	animation-delay: 1s;
}
section.distro > div:hover span.icon {
	animation-delay: 0s;
	animation-name: rotateElement2;
	animation-duration: 0.5s;	
	animation-timing-function: var(--animation-easeOut);
}
section.distro.blocks {
	display: flex;
	flex-wrap: nowrap;
	flex-direction: column;
	align-items: flex-start;
}
section.distro.blocks > div {
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	margin: 0 0 var(--space-6) 0;
}
section.distro.blocks > div:last-of-type {
	margin: 0;
}
section.distro.blocks > div > img {
	width: 100%;
	height: auto;
	max-width: 50%;
	object-fit: cover;
}
section.company {
	border-top: 1px solid var(--color-dark-grey);
	padding: var(--space-6) 0 0 0;
}
section.company.staff {
	margin: 0 var(--space-4) 0 0;
}
section.company.portfolio {
	margin: 0 0 var(--space-4) 0;
}
div#staffList {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: stretch;
	flex-wrap: wrap;
}
div#staffList div {
	margin: 0 var(--space-3) var(--space-6) 0;
	max-width: calc((100% - (5 * var(--space-3))) / 6);
}
div#staffList div:nth-of-type(6n) {
	margin: 0 0 var(--space-6) 0;
}
div#staffList div img {
	width: 256px;
	height: auto;
	max-width: 100%;
	object-fit: cover;	
	border-radius: var(--space-1);
	margin: 0 0 var(--space-1) 0;
}
div#staffList div a img,
section#employees div img {
	border: 1px solid var(--color-white);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;		
}
div#staffList div a:hover img,
section#employees div a:hover img {
    font-weight: 600;
    -webkit-box-shadow: 0px 0px var(--space-2) 0px rgba(51, 51, 51, 0.2);
    -moz-box-shadow: 0px 0px var(--space-2) 0px rgba(51, 51, 51, 0.2);
    box-shadow: 0px 0px var(--space-2) 0px rgba(51, 51, 51, 0.2);
    transition: all 0.3s ease;
}
section.employeeDetails div#employeePhoto p img {
	height: 300px;
	width: 300px;
	object-fit: cover;	
	border-radius: var(--space-1);
	margin: 0;
}
section.employeeDetails div#employeePhoto {
	margin: 0 var(--space-3) 0 0;	
}
section.employeeDetails div#employeeDetailsData {
	display: flex;
}
section.employeeDetails div#employeeData p a {
	font-weight: bold;
	text-decoration: none;
}
p.employeeContact a {
	background-size: var(--space-2) var(--space-2);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0 0 0 var(--space-3);
}
p.employeeContact.mail a {
	background-image: url('../../../gfx/icons/email.svg');
	color: var(--brand-color-orange);
}
p.employeeContact.tel a {
	background-image: url('../../../gfx/icons/phone.svg');
	color: inherit;
}
div#staffList div h3 {
	margin: 0;
	padding: 0;
	font-size: var(--text-size-regular);
}
div#staffList div h3:first-of-type {
	font-weight: 700;
}
div#staffList div h3:nth-of-type(2n) {
	color: var(--text-color-light);
	font-weight: 500;	
}
div#partnersList {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: stretch;
	flex-wrap: wrap;
}
div#partnersList div {
	border-right: 1px dotted var(--color-dark-grey);
	padding: 0;
	max-width: calc(20% - 1px);
	margin: 0 0 var(--space-2) 0;
}
div#partnersList div:nth-child(5n) {
	border-right: none;
}
div#partnersList div:last-of-type {
	border-right: none;	
}
div#partnersList div img {
	width: 100%;
}
div#porfolioList {
	display: inline-flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: stretch;
	flex-wrap: nowrap;
	gap: var(--space-4);
}
div#porfolioList > div img {
	width: 100%;
	height: 340px;
	object-fit: cover;
	border-radius: var(--space-1);
	margin: 0 0 var(--space-2) 0;
}
div#porfolioList > div h3 {
	margin: 0;
	font-size: var(--text-color-regular);
	font-weight: 600;
}
div#porfolioList > div h3 a {
	color: inherit;
	text-decoration: none;
	transition: all 0.6s ease;		
}
div#porfolioList > div:hover h3 a {
	color: var(--brand-color-orange);
	transition: all 0.1s ease;		
}
section#inmodal {
	margin: 0;
	padding: var(--space-1) var(--space-2);
	width: 100%;
	max-width: calc(100% - var(--space-4));
	min-width: 250px;
}
section#inmodal h3,
h3.inModalHeader {
	font-size: var(--text-size-bigger);
	font-weight: 600;
	margin: 0 0 var(--space-1) 0;
}
h4.inModalHeader {
	font-size: var(--text-size-medium);
	font-weight: 600;
	margin: 0 0 var(--space-1) 0;
}
section#inmodal h4 {
	font-size: var(--text-size-medium);
	font-weight: 600;
	margin: 0 0 var(--space-2) 0;
}
div.portfolio {
	display: none;
	min-width: 960px;
}
div.portfolio:first-of-type {
	display: block;
}
div.portfolio ul {
	display: inline-flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: nowrap;
	padding: 0;
	margin: 0 0 var(--space-4) 0;
}
div.portfolio ul li {
	display: block;
	margin: 0;
	padding: 0;
	margin: 0 var(--space-1) 0 0;
}
div.portfolio ul li:last-of-type {
	margin: 0;
}
div.portfolio ul li a {
	display: block;
}
div.portfolio ul li img {
	width: 100%;
	height: 300px;
	object-fit: cover;
	border-radius: var(--space-1);
	margin: 0;	
}
div.portfolio div.zoomed {
	margin: 0 0 var(--space-4) 0;
	display: none;
}
div.portfolio div.zoomed div img {
	margin: 0 0 var(--space-2) 0;
	background-image: url('../../../gfx/animations/loader.svg');
	background-repeat: no-repeat;
	background-size: var(--space-4) var(--space-4);
	background-position: center center;
	width: 100%;
	border-radius: var(--space-1);	
}
div.portfolio div.zoomed button {
	border: none;
	background: none;
	color: var(--brand-color-orange);
	font-weight: 600;
	font-size: var(--text-size-regular);
	padding: 0;
	cursor: pointer;
}
div#portControls {
	display: flex;
	justify-content: space-between;
	margin: var(--space-6) 0 0 0;
}
div#portControls button,
button.closer {
	color: var(--brand-color-orange);
	background: none;
	border: 2px solid var(--brand-color-orange);
	font-size: var(--text-size-medium);
	border-radius: var(--space-1);
	padding: 8px var(--space-2);
	width: 100%;
	max-width: 200px;
	align-items: center;
	justify-content: center;
	height: 48px;
	transition: all 0.6s ease;	
}
div#portControls button.primary {
	color: var(--color-white);
	background: var(--brand-color-orange);
	border: 2px solid var(--brand-color-orange);	
}
div#portControls button.inactive {
	color: var(--color-white);
	background: var(--color-light-grey);
	border: 2px solid var(--color-light-grey);	
}
div#portControls button:not(.inactive):hover,
section.confirm button.closer:hover {
	-webkit-box-shadow: 0px 0px 8px 0px rgba(51, 51, 51, 0.6);
	-moz-box-shadow: 0px 0px 8px 0px rgba(51, 51, 51, 0.6);
	box-shadow: 0px 0px 8px 0px rgba(51, 51, 51, 0.6);
	transition: all 0.1s ease;		
}
div#portControls button:not(.inactive):active,
button.closer:active {
	outline: 2px solid var(--color-white);
	-webkit-box-shadow: 0px 0px 4px 0px rgba(51, 51, 51, 0.8);
	-moz-box-shadow: 0px 0px 4px 0px rgba(51, 51, 51, 0.8);
	box-shadow: 0px 0px 4px 0px rgba(51, 51, 51, 0.8);	
}
div.bigPreview {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: nowrap;
    background: var(--color-light-grey);
    border: 1px solid var(--color-dark-grey);
    border-radius: var(--space-1);
    overflow: hidden;
    cursor: pointer;
    transition: all 0.6s ease;
	margin: 0;	
}	
div.bigPreview > div {
	width: 50%;
    margin: var(--space-4);
}
div.bigPreview > img {
	max-width: 50%;
	height: auto;
	object-fit: cover;	
}
div.bigPreview > div h2 {
    font-size: var(--space-3);
    font-weight: 600;
    margin: 0 0 var(--space-1) 0;
}
div.smallPreview > div h2 {
    font-size: var(--text-size-regular);
    font-weight: 600;
    margin: 0 0 var(--space-1) 0;
}
div.bigPreview > div h2 a,
div.smallPreview > div h2 a {
    color: inherit;
    text-decoration: none;
    transition: all 0.1s ease;
}
div.bigPreview > div p,
div.smallPreview > div p {
    margin: 0 0 var(--space-2) 0;
    font-size: var(--text-size-smaller);
}
div.bigPreview:hover {
	background-color: var(--color-white);
    -webkit-box-shadow: 0px 0px var(--space-2) 0px rgba(51, 51, 51, 0.2);
    -moz-box-shadow: 0px 0px var(--space-2) 0px rgba(51, 51, 51, 0.2);
    box-shadow: 0px 0px var(--space-2) 0px rgba(51, 51, 51, 0.2);
    transition: all 0.3s ease;
}
div.bigPreview:hover > div h2 a,
div.smallPreview:hover > div h2 a {
	color: var(--brand-color-orange);
}
div.bigPreview > div p.date,
div.smallPreview > div p.date {
	color: var(--text-color-light);
	font-size: var(--text-size-smallest);
	margin: 0;
}
div.smallPreview {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: stretch;
    overflow: hidden;
    cursor: pointer;
    transition: all 0.6s ease;
	border-bottom: 1px dotted var(--color-dark-grey);
	margin: 0 0 var(--space-3) 0;
	padding: 0 0 var(--space-1) 0;
}
section.blogNew div.smallPreview:last-of-type {
	border-bottom: none;
	margin: 0;
	padding: 0;
}
div.smallPreview > div {
	margin: 0;
}
div.smallPreview > img {
    width: 90px;
    height: 90px;
    border-radius: var(--space-1);
	margin: var(--space-3) 0 0 var(--space-3);	
}
section.blogNew div.flexy.rows > div:first-of-type {
	min-width: 66%;
}
section.blogNew div.flexy.rows > div:last-of-type:not(:first-of-type) {
	margin: 0 0 0 var(--space-4);	
}
section.blogEntries div.flexy.rows.wrap {
	
}
section.blogEntries div.flexy.rows.wrap > div {
	margin: 0 var(--space-4) var(--space-4) 0;
	max-width: calc((100% - var(--space-8)) / 3);
}
section.blogEntries div.flexy.rows.wrap > div:nth-of-type(3n) {
	margin: 0 0 var(--space-4) 0;
}
div#mainContent section.blogNew {
	margin: 0 var(--space-4) var(--space-6) 0;
	border-bottom: 1px solid var(--color-dark-grey);
	padding: 0 0 var(--space-2) 0;
}
div#filters fieldset#tags {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin: 0 0 var(--space-2) 0;
}
div#filters fieldset#tags input[type=checkbox] {
	width: 13px;
	margin: 0 var(--space-1) var(--space-2) 0;	
}
div#filters fieldset#tags label {
	width: calc(100% - var(--space-3));
	margin: 0 0 var(--space-2) 0;
}
div#filters label[for=tags] {
	font-size: var(--text-size-smallest);
	margin: 0 0 var(--space-2) 0;
	display: block;
}
ul#tags {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	padding: 0;
	margin: var(--space-2);	
}
ul#tags li {
	display: block;
	font-size: var(--text-size-smallest);
	margin: 0 0 0 var(--space-2);
}
ul#tags li a {
	display: block;
	background: var(--brand-color-orange);
	color: var(--color-white);
	padding: 4px var(--space-1);
	text-decoration: none;
    transition: all 0.6s ease;
	border-radius: var(--space-1);
}
ul#tags li a:hover {
	background: var(--color-white);
	color: var(--brand-color-orange);
    transition: all 0.3s ease;	
}
section#trainers {
	margin: var(--space-6) 0 0 0;
}	
section#employees,
section#trainers > div  {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
    margin: 0 var(--space-4) var(--space-4) 0;
}
section#employees  {
    border-top: 1px dotted var(--color-dark-grey);
	border-bottom: 1px solid var(--color-dark-grey);
    padding: var(--space-4) 0 var(--space-4) 0;	
}
section#employees > div,
section#trainers > div > div {
	width: 100%;
	max-width: calc(50% - var(--space-4));
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	padding: 0 var(--space-2) 0 0;
}
section#employees > div:nth-child(odd):not(:last-of-type),
section#trainers > div > div:nth-child(odd):not(:last-of-type) {
	border-right: 1px dotted var(--color-dark-grey);
	margin: 0 var(--space-2) var(--space-3) 0;
}
section#employees > div:nth-child(even),
section#trainers > div > div:nth-child(even) {
	margin: 0 0 var(--space-3) var(--space-2);
	border-right: none;	
}
section#employees > div img,
section#trainers > div > div > img {
    width: 90px;
    height: 90px;
    border-radius: var(--space-1);
    margin: 0 var(--space-3) 0 0;
}
section#employees > div p,
section#trainers > div > div p {
	margin: 0;
	font-size: var(--text-size-smaller);	
}
section#employees > div p.role {
	font-size: var(--text-size-smallest);
	color: var(--text-color-light);
}
section#employees > div h3,
section#trainers > div > div h3 {
	font-size: var(--text-size-medium);
	margin: 0 0 4px 0;
}
section.subPage#partners > div div h2 {
	font-size: 20px;
	margin: 0 0 var(--space-1) 0;
}
section.subPage#partners > div div h2 a {
	padding: 0 var(--space-3) 0 0;
	background-size: var(--space-2) var(--space-2);
}
section.subPage#partners > div div h2 a:hover {
    padding: 0 var(--space-4) 0 0;
    animation-name: moveChevronSmall;
}
section.subPage#partners,
section.partnersOffer {
    border-top: 1px solid var(--color-dark-grey);
    padding: var(--space-6) 0 var(--space-2) 0;
	margin: 0 var(--space-4) 0 0;
}
div#mainContent section.sideFaq {
	margin: 0 var(--space-4) var(--space-4) 0;
}
div#mainContent div.scroller {
	display: inline-flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: nowrap;
	max-width: 100%;
	width: 100%;
}
div#mainContent div.scroller button.scroll {
	display: none;
}
div#mainContent div.scroller.active button.scroll {
	display: block;
	width: var(--space-3);
	height: var(--space-3);
	background-color: transparent;
	border: none;
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
}
div#mainContent div.scroller.active button.scroll:active {
	background-size: var(--space-2) var(--space-2);
}
div#mainContent div.scroller.active button.scroll.left {
	margin: var(--space-1) var(--space-2) 0 0;	
}
div#mainContent div.scroller.active button.scroll.right {
	margin: var(--space-1) 0 0 var(--space-2);		
}
div#mainContent div.scroller.active button.scroll.left.inactive {
	background-image: url('../../../gfx/icons/chevron-blank-left-inactive.svg');
}
div#mainContent div.scroller.active button.scroll.left.active {
	background-image: url('../../../gfx/icons/chevron-blank-left.svg');
}
div#mainContent div.scroller.active button.scroll.right.inactive {
	background-image: url('../../../gfx/icons/chevron-blank-right-inactive.svg');
}
div#mainContent div.scroller.active button.scroll.right.active {
	background-image: url('../../../gfx/icons/chevron-blank-right.svg');	
}
section.projectTabs div[role=tabpanel] ul.projectsGallery {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: wrap;
	padding: 0;
	margin: var(--space-4) 0 0 0;
}
section.projectTabs div[role=tabpanel] ul.projectsGallery li,
section.projectTabs div[role=tabpanel] ul.projectsGallery li a {
	display: inline-block;
}
section.projectTabs div[role=tabpanel] ul.projectsGallery li img {
	width: 100%;
	height: auto;
	border-radius: var(--space-1);
}
section.projectTabs div[role=tabpanel] ul.projectsGallery li {
	width: calc(50% - var(--space-2));
	margin: 0 var(--space-4) var(--space-4) 0;
}
section.projectTabs div[role=tabpanel] ul.projectsGallery li:nth-child(even) {
	margin: 0 0 var(--space-4) 0;
}
div#mainContent section#contact {
	padding: 0 0 var(--space-4) 0;
	margin: 0 var(--space-4) var(--space-4) 0;
	border-bottom: 1px solid var(--color-dark-grey);
}
section#contact ul {
	display: flex;
	flex-direction: column;
	padding: 0;
	margin: 0;
}
section#contact ul li {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	width: 50%;
	font-size: var(--text-size-medium);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: var(--space-3) var(--space-3);
	padding: 0 0 0 var(--space-5);
	font-weight: 600;
	margin: 0 0 var(--space-2) 0;
	height: var(--space-6);
}
section#contact div.contact.lead {
	margin: 0;
}
section#contact ul li a.secondary {
	min-width: 60px;
}
section#contact ul li.phone {
    background-image: url(../../../gfx/icons/phone.svg);
}
section#contact ul li.mail {
    background-image: url(../../../gfx/icons/email.svg);
}
section#contact ul li.form {
    background-image: url(../../../gfx/icons/form.svg);
}
section#contact ul li.map {
    background-image: url(../../../gfx/icons/map.svg);
}

section.searchResults div#tab-pozostale div#others {
	display: flex;
	flex-direction: column;
}
section.searchResults div#tab-pozostale div#others div.found {
	display: flex;
	flex-direction: row;
	margin: 0 0 var(--space-4) var(--space-3);
	cursor: pointer;
}
section.searchResults div#tab-pozostale div#others div.found h3 {
    font-size: var(--text-size-medium);
    margin: 0 0 var(--space-1) 0;
}
section.searchResults div#tab-pozostale div#others div.found p {
    margin: 0;
}
section.searchResults div#tab-pozostale div#others div.found h3 a {
	color: inherit;
	text-decoration: none;
    transition: all 0.6s ease;	
}
section.searchResults div#tab-pozostale div#others div.found:hover h3 a {
	color: var(--brand-color-orange);	
	transition: all 0.1s ease;
}
section.confirm,
section.ask {
	max-width: 250px;
}
section.confirm img.muffin,
div#saleConfirm img.muffin,
div#error img.muffin {
	max-width: 250px;
	height: 250px;
	width: auto;
	display: block;
	margin: var(--space-4) auto 0 auto;
	animation-name: muffin;
	animation-duration: 1s;	
	animation-timing-function: cubic-bezier(0.280, 0.840, 0.420, 1);
}
section.confirm button.closer,
div#error button.closer {
	display: block;
	margin: var(--space-4) auto 0 auto;	
}
div.askForm {
	overflow: auto;
	overflow-y: auto;
	max-height: calc(100vh - 96px);
}
section.ask div#formButtons button {
	width: 100%;
	margin: var(--space-2) auto 0 auto;
	display: flex;
	max-width: 400px;
}
section.ask form#askForm {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: stretch;
	flex-wrap: nowrap;
	margin: 0 0 var(--space-2) 0;
	padding: 0 var(--space-1);
}
section.ask form#askForm label {
	margin: 0 0 4px 0;
}
section.ask form#askForm input[type=text],
section.ask form#askForm textarea,
div.formData input[type=text],
div.formData input[type=number],
div.formData form#askForm textarea {
	-webkit-box-shadow: inset 0px 0px 4px 0px rgba(51, 51, 51, 0.2);
	-moz-box-shadow: inset 0px 0px 4px 0px rgba(51, 51, 51, 0.2);
	box-shadow: inset 0px 0px 4px 0px rgba(51, 51, 51, 0.2);
	background-color: var(--color-light-grey);
    padding: var(--space-1);
	font-size: var(--text-size-regular);
}
section.ask legend {
	font-size: var(--text-size-regular);
	font-weight: 600;
	margin: 0 0 var(--space-1) 0;
}
section.ask div.radioOpt {
	display: flex;
	gap: var(--space-1);
	margin: 0;
}
section.ask input[type="file"] {
  display: none;
}
section.ask label[for=file] {
	color: var(--brand-color-orange);
	background-color: var(--color-white);
	font-size: var(--text-size-medium);
	font-weight: 600;
	border: 2px solid var(--brand-color-orange);
	border-radius: var(--space-1);
	padding: var(--space-1) var(--space-2) var(--space-1) var(--space-6);
	display: table !important;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
	max-width: var(--space-14) !important;
	background: url('../../../gfx/icons/attachment.svg') no-repeat var(--space-2) center;
	background-size: var(--space-2) var(--space-2);
}
section.ask div.attach {
	display: flex;
	align-items: center;
}
section.ask div.attach span#attached {
	font-size: var(--text-size-smaller);
	text-align: left;
	margin: 0 0 0 var(--space-2);
}
section.ask div.radioOpt div {
	display: flex;
	align-items: flex-start;
}
section.ask div.radioOpt div input[type=radio] {
		margin: 0 var(--space-1) 0 0;
}
section.ask form#askForm div > span {
	display: flex;
	flex-direction: row-reverse;
	justify-content: flex-start;
	margin: var(--space-2) 0 0 0;
}
section.ask form#askForm div > span label {
	margin: 0;
	font-size: var(--text-size-smaller);
}
div#rules label {
	margin: 0;
	font-size: var(--text-size-regular);
}
section.ask form#askForm div > span label[for=agree],
div#rules label[for=rule] {
	margin: 0 0 12px 0;
}
section.ask form#askForm div > span input[type=checkbox],
div#rules input[type=checkbox] {
    margin: 0 var(--space-2) 0 0;
	width: var(--space-2);
	height: var(--space-2);
	background-color: var(--color-light-grey);
	border: 1px solid var(--color-dark-grey);
	padding: 4px var(--space-1);	
	transform: scale(1.1);
}
div#cart div#cartHeader {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin: 0 0 var(--space-2) 0;
}
div#cart div#cartHeader h2 {
	font-size: var(--text-size-bigger);
	font-weight: 700;
	margin: var(--space-1) 0;
}
div#cart div#cartPositions {
	display: flex;
	flex-direction: column;
	width: 100%;
	max-height: calc((100vh / 2) - 64px);
	overflow-y: auto;
}
div#cart div#cartPositions > div {
	display: flex;
	flex-direction: row;
	align-items: center;
	width: 100%;
	padding: var(--space-2) 0;
	border-bottom: 1px dotted var(--color-dark-grey);	
}
div#cart div#cartPositions > div > div:first-of-type {
	width: 100%;	
}
div#cart div#cartPositions > div > div:last-of-type {
	display: flex;
	flex-direction: row;	
}
div#cart div#cartPositions > div img {
	width: var(--space-8);
	height: var(--space-8);
	object-fit: contain;	
	margin: 0 var(--space-2) 0 0;
}
section.checkoutStep {
	display: none;
}
section#checkoutBasket {
	display: block;
}
section.checkoutStep div#cartPositions > div img {
	width: var(--space-10);
	height: var(--space-10);
	object-fit: contain;	
	margin: 0 var(--space-2) 0 0;
}
section.checkoutStep div#cartPositions > div {
	display: flex;
	width: 100%;
	padding: var(--space-2) 0;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px dotted var(--color-dark-grey);	
}
section.checkoutStep div#cartPositions > div:last-of-type {
	padding: var(--space-2) 0 0 0;
	border-bottom: none;	
}
section.checkoutStep div#cartPositions > div:first-of-type {
	padding: 0 0 var(--space-2) 0;	
}
section.checkoutStep div#cartPositions > div > div {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
div#cart div#cartPositions > div h3 {
	font-size: var(--text-size-smaller);
	font-weight: 600;
	margin: 0 0 var(--space-1) 0;
}
section.checkoutStep div#cartPositions > div p {
	font-weight: 800;
	font-size: var(--text-size-medium);
}
section.checkoutStep div.toPaySummary,
section.checkoutStep div#allCostsReview {
	text-align: right;
	padding: 0;
	margin:  var(--space-3) 0 var(--space-4) 0;
}
section.checkoutStep div.toPaySummary,
section.checkoutStep div#allCostsReview {
    border-top: 1px dotted var(--color-dark-grey);
	padding: 0;
	margin:  var(--space-1) 0 var(--space-4) 0;
}
section.checkoutStep div.toPaySummary:before,
section.checkoutStep div#allCostsReview:before {
	width: 100%;
	height: 1px;
	content: '';
	display: block;
	border-top: 1px dotted var(--color-dark-grey);
	margin: var(--space-1) 0 var(--space-3) 0;
}
section.checkoutStep div.toPaySummary h3,
section.checkoutStep div#allCostsReview h3 {
	font-size: var(--text-size-bigger) !important;
	margin: 0 0 var(--space-1) 0;
	font-weight: 500 !important;	
}
section.checkoutStep div.toPaySummary h4,
section.checkoutStep div#allCostsReview h4 {
	font-size: var(--text-size-medium);
	margin: 0 0 var(--space-1) 0;
	font-weight: 500;
}
div#cart div#cartPositions > div h3 a,
section.checkoutStep div#cartPositions > div h3 a {
	color: inherit;
	text-decoration: none;
	transition: all 0.3s ease;		
}
div#cart div#cartPositions > div h3 a:hover,
section.checkoutStep div#cartPositions > div h3 a:hover {
	color: var(--brand-color-orange);
	transition: all 0.1s ease;		
}
div.steps {
	display: flex;
	justify-content: space-between;	
}
div#cart div#cartPositions > div p {
	font-size: var(--text-size-smaller);
	font-weight: 700;
	margin: 0;
}
div#cart div#cartPositions input[type=number] {
	background: var(--color-light-grey);
    border-radius: var(--space-1);
    border: 1px solid #d5d5d5;
    -webkit-box-shadow: inset 0px 0px 4px 0px rgba(51, 51, 51, 0.2);
    -moz-box-shadow: inset 0px 0px 4px 0px rgba(51, 51, 51, 0.2);
    box-shadow: inset 0px 0px 4px 0px rgba(51, 51, 51, 0.2);
    border: 2px solid;
    border-color: var(--color-white);
    color: var(--text-color-regular);
	text-align: center;
	font-size: var(--text-size-medium);
	padding: var(--space-1);
	width: var(--space-3);
}
div#cart div#cartPositions button[type=button] {
	background-color: transparent;
	color: var(--brand-color-orange);
	font-size: var(--text-size-medium);
	font-weight: 700;
	border: 2px solid var(--brand-color-orange);
    border-radius: var(--space-1);
	margin: 0 var(--space-1);
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	text-align: center;
	width: var(--space-4);
	transition: all 0.3s ease;		
}
div#cart div#cartPositions button[type=button].inactive {
	color: var(--color-dark-grey);
	border: 2px solid var(--color-dark-grey);	
}
div#cart div#cartPositions button[type=button]:not(.inactive):hover {
	background-color: var(--brand-color-orange);
	color: var(--color-white);
	transition: all 0.1s ease;	
}
div#cart div#cartPositions button[type=button]:not(.inactive):active {
	border: 2px solid var(--color-white);	
}
div#cart div.notfound {
	background: url('../../../gfx/icons/sad.webp');
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 130px 130px;
	padding: 0 0 0 150px;
	min-height: 120px;
}
div#cart div.notfound a,
div#cart div#toPay p a,
div.toPaySummary p a,
section.checkoutStep div#allCostsReview p a {
	color: var(--brand-color-orange);
}
div#cart div#freeSend,
section.checkoutStep div#freeSendSummary {
	background: url('../../../gfx/icons/delivery-free.svg');
	background-repeat: no-repeat;
	background-position: var(--space-2) center;
	background-size: var(--space-5) var(--space-5);
	min-height: var(--space-8);
	padding: var(--space-2) 0 var(--space-2) 80px;
	border-bottom: 1px dotted var(--color-dark-grey);	
	border-top: 1px dotted var(--color-dark-grey);
	margin: 2px 0;
	-webkit-animation: slide-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	animation: slide-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;	
}
div#cart div#freeSend h3,
section.checkoutStep div#freeSendSummary h3 {
	font-size: var(--text-size-regular);
	font-weight: 700;
	margin: 4px 0 4px 0;
}
div#cart div#cartPositions > div p,
div#cart div#freeSend p,
div#freeSendSummary p {
	font-size: var(--text-size-smaller);
	font-weight: 500;
	margin: 0;
}
div#cart div#toPay {
	padding: var(--space-2) 0;
}
div#cart div#toPay h3 {
	text-align: right;
	font-size: var(--text-size-bigger);
	font-weight: 500;
	margin: 0;
}
div#cart div#toPay h3 strong {
	font-weight: 700;
}
div#cart div#toPay p {
	font-size: var(--text-size-smallest);
	text-align: right;
	margin: 0;
}
.netto {
	display: none;
}
div#cart ul {
	display: flex;
	flex-direction: column;
	width: 100%;
	padding: 0;
}
div#cart ul li {
	display: block;
	padding: 0;
	text-align: center;
	margin: var(--space-2) 0 0 0;
}
div#cart ul li a.button {
	display: inline-flex;
	width: 60%;
	height: 48px;
	height: auto;
	text-align: center;
	border: 2px solid var(--brand-color-orange);
	padding: 12px var(--space-4);
}
div#addContent section.addTexts {
	display: none;	
}
ul#dots {
	display: none;
}
p.CMS_edit {
	text-align: right;
	margin: 0 var(--space-4) -24px 0;
}
p.CMS_edit a {
	font-weight: bold;
	color: var(--brand-color-orange);
}
div.anchors {
	background-color: var(--color-light-grey);
    border-radius: var(--space-1);
    border: 1px solid var(--color-dark-grey);
	padding: var(--space-2);
	margin: var(--space-2) 0;
	display: inline-table;
}
div.anchors h3 {
	margin: 0 0 var(--space-1) 0;
}
div.anchors ul {
	margin: 0;
	padding-left: 0;
}
div.anchors ul ul {
	padding-left: var(--space-2);
	margin: 4px 0 0 0;
}
div.anchors ul li {
	margin: 0 0 4px 0;
	font-size: var(--text-size-smaller);
	list-style-type: none;
}
div.anchors ul li a {
	text-decoration: none;
}
div.anchors ul li a:hover {
	text-decoration: underline;
}
a.imgCarousel {
	display: none;
	position: absolute;
	z-index: 2000;
	top: calc(50% - 20px);
	background: rgba(255, 255, 255, 0.8);
	padding: var(--space-1);
}
a.imgCarousel.leftArrow {
	content: url('../../../gfx/icons/chevron-blank-left.svg');
	width: var(--space-4);
	height: var(--space-4);
	left: var(--space-1);
	-webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-radius-topright: 8px;
	-moz-border-radius-bottomright: 8px;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
}
a.imgCarousel.rightArrow {
	content: url('../../../gfx/icons/chevron-blank-right.svg');
	width: var(--space-4);
	height: var(--space-4);
	right: var(--space-1);
	-webkit-border-top-left-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-bottomleft: 8px;
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;	
}
span#hamburgerMenu {
	display: none;
}
section#intro div#checkoutHeader {
	display: flex;
	margin: 0 var(--space-4) 0 0;
}
section#intro.checkout {
	margin: 0 0 var(--space-3);
}
section#intro div#checkoutHeader > div:first-of-type {
	width: 40%;
}
section#intro div#checkoutHeader > div:last-of-type {
	width: 60%;
}
section#intro div#checkoutHeader h1 {
    margin: var(--space-1) 0 0 0;
}
section#intro div#checkoutHeader h2 {
    margin: 0 0 var(--space-2) 0;
	font-weight: 500;
}
section#intro div#checkoutHeader ul {
	display: inline-flex;
	list-style-type: none;
	margin: var(--space-2) 0 0 0;
	padding: 0;
	width: 100%;
	justify-content: space-between;
	background-image: url('../../../gfx/line.png');
	background-repeat: no-repeat;
	background-position-x: right;
	background-position-y: 22px;
	background-size: 200% 2px;	
}
section#intro div#checkoutHeader ul li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: var(--text-size-smallest);
	background: var(--color-white);
	width: var(--space-7);
	display: block;
}
section#intro div#checkoutHeader ul li:before {
	font-size: var(--text-size-regular);
	border: 2px solid var(--brand-color-orange);
	border-radius: 50%;
	color: var(--brand-color-orange);
	width: var(--space-5);
	height: calc(var(--space-5) - 11px);
	display: block;
	padding-top: 11px;
	text-align: center;
	margin: 0 auto var(--space-1) auto;
}
section#intro div#checkoutHeader ul li:nth-of-type(1):before {
	content: "1";
}
section#intro div#checkoutHeader ul li:nth-of-type(2):before {
	content: "2";
}
section#intro div#checkoutHeader ul li:nth-of-type(3):before {
	content: "3";
}
section#intro div#checkoutHeader ul li:nth-of-type(4):before {
	content: "4";
}
section#intro div#checkoutHeader ul li.staged {;
	font-weight: 600;
}
section#intro div#checkoutHeader ul li.staged:before {
	background: var(--brand-color-orange);
	color: var(--color-white);
	font-weight: 600;
	-webkit-animation: flip-show 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
	animation: flip-show 0.3s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;	
}
section#checkoutBasket p#editBasket {
	text-align: right;
}
section.emptyCart p {
	text-align: center;
}
section.emptyCart p.muffinSad img {
	width: 300px;
    height: 300px;
}
section.emptyCart p:last-of-type {
	margin: var(--space-4) 0 0 0;
}
div.formData,
div#checkoutDeliveryOps,
div#payments {
	width: 100%;
	margin: 0 0 var(--space-4) 0;
}
div.formData {
	max-width: var(--max-content-width);
}
div#checkoutDeliveryOps,
div#payments {
	max-width: calc(var(--max-content-width) - var(--space-4));
}
div#checkoutClientData > div:not(.orderType):not(#invoiceAddressDetails) {
	display: flex;
	width: 100%;
}
div#checkoutClientData > div.orderType,
div#checkoutClientData > div#invoiceAddress {
	margin: var(--space-2) 0 var(--space-2) 0;
}
div#checkoutClientData > div.orderType,
div#checkoutClientData > div.orderType > div,
div#checkoutClientData > div#invoiceAddress,
div#checkoutClientData > div#invoiceAddress > div {
	display: flex;
}
div#checkoutClientData > div:not(.parts):not(.orderType):not(#invoiceAddress) > div {
	width: 100%;
}
div#checkoutClientData > div.orderType > div,
div#checkoutClientData > div#invoiceAddress > div {
	margin: 0 var(--space-4) 0 0;
	align-items: center;
}
div#checkoutClientData > div.orderType > div label,
div#checkoutClientData > div#invoiceAddress > div label {
	font-size: var(--space-2);
	margin: 3px 0 0 var(--space-1);
}
div#checkoutClientData > div > div input[type=text],
div#checkoutClientData > div > div input[type=number] {
	width: calc(100% - var(--space-4));
}
div#checkoutClientData div.parts.three > div:nth-of-type(1) {
	width: 50%;
}
div#checkoutClientData div.parts.three > div:nth-of-type(2),
div#checkoutClientData div.parts.three > div:nth-of-type(3) {
	width: 25%;
}
div#checkoutClientData div.parts.two > div:nth-of-type(1) {
	width: 75%;
}
div#checkoutClientData div.parts.two > div:nth-of-type(2) {
	width: 25%;
}
div#invoiceAddressDetails {
	display: none;
}
div#invoiceAddressDetails > div {
	display: flex;
	width: 100%;
}
div#invoiceAddressDetails > div > div {
	width: 100%;
}
section.checkoutStep h3 {
	font-weight: 700 !important;
}
div.checkoutOps > div,
div#payments > div {
	display: flex;
	flex-direction: row;
	gap: var(--space-2);
}
div.checkoutOps > div > div:first-of-type,
div#payments > div > div:first-of-type {
	width: 80%;
}
div.checkoutOps > div > div:first-of-type > p,
div#payments > div > div:first-of-type > p {
	margin: var(--space-2) 0 0 var(--space-3);
}
div.checkoutOps > div > div:last-of-type,
div#payments > div > div:last-of-type {
	width: 20%;
	text-align: center;
}
div.checkoutOps > div > div:last-of-type img,
div#payments > div > div:last-of-type img {
	width: auto;
	max-width: 80%;
	height: 75px;
    object-fit: contain;
	margin: var(--space-2) 0 0 0;	
}
div.checkoutOps > div > div:first-of-type > p,
div.checkoutOps > div > div:last-of-type,
div#payments > div > div:first-of-type > p,
div#payments > div > div:last-of-type {
	display: none;
}
div.checkoutOps > div.expanded > div:first-of-type > p,
div.checkoutOps > div.expanded > div:last-of-type,
div#payments > div.expanded > div:first-of-type > p,
div#payments > div.expanded > div:last-of-type {
	display: block;
}
div.checkoutOps > div.expanded > div:first-of-type label,
div#payments > div.expanded > div:first-of-type label {
	font-weight: 700;
}
div.checkoutOps > div > div label,
div#payments > div > div label {
	cursor: pointer;
}
div#inpostSelectorInner {
	margin: 0 var(--space-2) 0 var(--space-3);
}
div#checkoutDeliveryOps > div:not(.expanded) div#inpostSelectorInner {
	display: none;
}
div#checkoutDeliveryOps > div.expanded div#inpostSelectorInner {
	display: block;
}
div.packPoints {
	max-width: 1464px;
	max-height: calc(100vh - var(--space-16));
	display: block;
}
div#packDetails {
	display: flex;
	background: var(--color-white);
	border-radius: var(--space-1);
	margin-bottom: var(--space-2);
	box-shadow: 0px 0px 0px 0px rgba(51, 51, 51, 0);
}
div#packDetails.active {
	margin-top: var(--space-2);
	margin-bottom: var(--space-4);			
}
div#packPreview {
	width: 200px;
	height: 200px;
	background-size: cover;
	background-position: center center;
	margin: 0 var(--space-2) 0 0;
	-webkit-border-top-left-radius: var(--space-1);
	-webkit-border-bottom-left-radius: var(--space-1);
	-moz-border-radius-topleft: var(--space-1);
	-moz-border-radius-bottomleft: var(--space-1);
	border-top-left-radius: var(--space-1);
	border-bottom-left-radius: var(--space-1);
}
div#packDetails > div:last-of-type {
	padding: var(--space-2) var(--space-2) 0 var(--space-2);
}
div#packDetails > div:last-of-type h4 {
	font-size: var(--text-size-mobile-medium);
}
div#packDetails > div:last-of-type h4,
div#packDetails > div:last-of-type p {
	margin: 0 0 var(--space-1) 0;
}
p.note {
	font-size: var(--text-size-mobile-smaller);
}
div#inpostSelectorInner p.invalid {
	margin: var(--space-2) 0 0 0;	
}
div#rules {
	margin: var(--space-4) 0;
}
div#rules span {
	display: flex;
}
div#rules a,
div.modalText a,
div#saleConfirm p a {
	color: var(--brand-color-orange);
}
div.modalText {
	padding: 0 var(--space-2) 0 0;
}
div#saleConfirm h3 {
	font-size: var(--text-size-bigger) !important;
}
div#saleConfirm h3,
div#saleConfirm p {
	text-align: center;
}
button.button.loader {
	content: url('../../../gfx/animations/loader.svg');
	background-color: var(--color-light-grey) !important;
}
div.modalButtons {
	display: flex;
	gap: var(--space-4);
}
div.modalButtons button.current {
	background-image: url('../../../gfx/icons/check-white.svg');
	background-size: var(--space-3) var(--space-3);
	background-repeat: no-repeat;
	background-position: var(--space-2) center;
}
div[data-contains=cookie_banner] h3.inModalHeader:before {
	content: url('../../../gfx/icons/cookies-orange.svg');
	width: var(--space-3);
	height: var(--space-3);
	display: inline-block;
	margin: 0 var(--space-2) 0 0;
}
.noD {
	display: none;
}
div.askForm span.goDown {
	position: absolute;
	bottom:  0;
	left: 0;
	width: 100%;
	height: var(--space-6);
	background: rgb(255,255,255);
	background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);	
}
h3.singleHeader {
	margin: 0 0 var(--space-2) 0;
}
div#leasingContainer {
	display: none;
}
section#gpsr ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: flex;
	flex-direction: row;
	gap: var(--space-4);
}
section#gpsr ul li a {
	font-weight: 600;
    color: var(--brand-color-orange);
    text-decoration: none;
	padding: 0 0 0 var(--space-3);
	background-position: left center;
	background-size: 12px 20px;
	background-repeat: no-repeat;
}
section#gpsr ul li a.gpsr-responsibility {
	background-image: url('../../../gfx/icons/responsibility.svg');
}
section#gpsr ul li a.gpsr-security {
	background-image: url('../../../gfx/icons/security.svg');
}
div.modalSection {
	border-top: 1px solid var(--color-dark-grey);
    padding: var(--space-2) 0 0 0;
}