.oM {
	display: block;
}
.noM {
	display: none;
}
.noD {
	display: inline;
}
a, a:hover, button {
	transition: none;
}
header {
    padding: var(--space-2);
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 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);
	position: fixed;
	width: calc(100% - 2 * var(--space-2));
	z-index: 150;
	-webkit-box-shadow: 0px 0px 8px 0px rgba(51, 51, 51, 0.4);
	-moz-box-shadow: 0px 0px 8px 0px rgba(51, 51, 51, 0.4);
	box-shadow: 0px 0px 8px 0px rgba(51, 51, 51, 0.4);
}
header a#logo {
    content: url(../../../gfx/inplus_gastro_icon.svg);
    width: var(--space-4);
    height: var(--space-4);
    margin: 0 0 0 0;
}
header nav#contacts,
header nav#mainMenu {
    display: none;
}
header div#headTop {
    border-bottom: none;
    width: calc(100% - var(--space-6));
}
header form.search {
    margin: 0;
	height: auto;
}
header form.search input[type=text] {
    width: 100%;
	border: none;
	padding: 6px var(--space-6) 6px var(--space-2);
	border-radius: 6px;
}
header form.search input[type=submit] {
    margin: 0 0 0 calc(var(--space-4) * -1);
}
div#dynamicSearch {
    padding: var(--space-2) var(--space-2) var(--space-2) var(--space-2);
    top: 0px;
    left: 0px;
    width: calc(100% - 32px);
	position: fixed;
    max-width: none;	
	-webkit-box-shadow: 0px 0px 8px 0px rgba(51, 51, 51, 0.4);
	-moz-box-shadow: 0px 0px 8px 0px rgba(51, 51, 51, 0.4);
	box-shadow: 0px 0px 8px 0px rgba(51, 51, 51, 0.4);	
}
div#searchResults {
	max-height: 260px;	
}
div#searchResults ul li {
	padding: var(--space-1) 0;	
}
div#searchResults ul li a img {
	width: 48px;
	height: 48px;
}
div#searchResults ul li a span:nth-of-type(2) {
	width: 100%;	
}
div#searchResults ul li a span:nth-of-type(3) {
	white-space: nowrap;
}
div.basket {
    width: 42px;
    height: 32px;
	margin: 0 0 0 var(--space-2);
}
div.basket:not(.full) {
    display: none;
}
div.basket.full#basket {
	-webkit-animation: scale-up-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: scale-up-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}	
div#inbasket {
	margin: var(--space-2) 0 0 0;
}
div#content {
    padding-top: var(--space-9);
}
section#banners {
    width: 100%;
	overflow-x: auto;
    background-color: var(--color-white);
	margin: var(--space-1) 0 0 0;
	z-index: 100;
	position: relative;
	align-items: flex-start;
	scroll-behavior: smooth;
	scroll-snap-type: x mandatory;
}
section#banners div {
	border-top-right-radius: var(--space-1);
    border-top-left-radius: var(--space-1);
}
section#banners div:first-of-type {
	margin-left: var(--space-2);
}
section#banners::-webkit-scrollbar,
section#buttons > nav::-webkit-scrollbar,
div.offers.cols::-webkit-scrollbar,
section div[role=tablist]:not(.notabs)::-webkit-scrollbar,
section#courses > div::-webkit-scrollbar,
section#partners > div::-webkit-scrollbar,
div#mobileMenuExp div#levels > nav::-webkit-scrollbar,
div#mobileMenuExp div#levels::-webkit-scrollbar,
div#mobileMenuExp div.flexColumns::-webkit-scrollbar,
section.categories div#partners::-webkit-scrollbar,
ul#paging::-webkit-scrollbar,
ul#productPhotos::-webkit-scrollbar,
div#partnersList::-webkit-scrollbar,
div#porfolioList::-webkit-scrollbar,
div.portfolio ul::-webkit-scrollbar,
nav#breadcrumbs::-webkit-scrollbar,
section#otherCourses > div::-webkit-scrollbar { 
	display: none; 
}

section#banners div {
	height: 160px;
    border: none;
	margin: 0 var(--space-1) 0 0;
	flex-shrink: 0;
	scroll-snap-align: center;
    background-size: cover;
	animation-name: none;
}
section#banners div:last-of-type {
	margin-right: var(--space-2);
}
section#banners div.expanded,
section#banners div.collapsed {
	width: 85%;
	max-width: 85%;
	background-color: var(--color-white);
	background-blend-mode: normal;	
}
section#banners div.collapsed h2,
section#banners div.expanded h2 {
    width: 100%;
    padding: 0 var(--space-2) 0 var(--space-2);
    height: var(--space-6);
	background: linear-gradient(0deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0) 100%);	
}
section#banners div.expanded h2 a,
section#banners div.collapsed h2 a {
    font-size: 18px;
	margin: var(--space-1) 0 var(--space-0) 0;
    display: inline-block;
    padding: 0 var(--space-3) 0 0;
    background-size: var(--space-2) var(--space-2);
    background-image: url(../../../gfx/icons/chevron.svg);
    background-repeat: no-repeat;
    background-position: right center;	
}'
section#banners div.collapsed h2 {
    background-image: none;
}
section#banners div.expanded h2 a:hover {
	padding: 0 var(--space-3) 0 0;
	animation-name: none;
}
section#banners div.expanded:hover h2,
section#banners div.collapsed:hover h2,
section#banners div.collapsed:hover {
	background-image: none;
	animation-name: none;	
}
section#buttons {
	margin: var(--space-2) 0 var(--space-4) 0;
}
section#buttons > nav {
	display: flex;
	width: 100%;
    overflow-x: auto;
    margin: 0;
    z-index: 100;
    position: relative;
    align-items: flex-start;
}
section#buttons nav ul {
	justify-content: space-evenly;
}
section#buttons nav ul li {
	width: auto;
}
section#buttons nav ul li a {
	width: 80px;
    padding: var(--space-8) var(--space-1) var(--space-1) var(--space-1);
    margin: 0 var(--space-1) 0 0;
    box-shadow: 0px 0px 0px 0px rgba(51, 51, 51, 0);
	font-size: var(--text-size-smallest);
	background-size: var(--space-5) var(--space-5);
	transition: none;	
}
section#buttons nav ul li:first-of-type a {
    margin: 0 var(--space-1) 0 var(--space-2);
}
section#buttons nav ul li:last-of-type a {
    margin: 0 var(--space-2) 0 0;
}
section#buttons nav ul li a:hover {
	box-shadow: none;
	transition: none;
}
section#buttons nav ul li a:active {
	background-color: var(--color-shite);
}
section.pageSection h2 {
    font-size: var(--text-size-mobile-medium);
    margin: 0 0 var(--space-1) 0;
}
section.pageSection h2 a {
    padding: 0 var(--space-3) 0 0;
    background-size: var(--space-2) var(--space-2);
}
section.pageSection h2 a:hover {
    padding: 0 var(--space-3) 0 0;
    animation-name: none;
}
section#bestsellers,
section#recommended,
section#courses,
section#partners {
	margin: var(--space-4) 0 var(--space-2) 0;
}
section#bestsellers h2,
section#recommended h2,
section#courses h2,
section#partners h2 {
    margin: 0 0 var(--space-2) var(--space-2);
}
div.offers.cols {
	justify-content: flex-start;
	flex-wrap: nowrap;
    overflow-x: auto;	
	width: auto;
}
section#bestsellers div.offers.cols a {
    padding: var(--space-1) var(--space-1) var(--space-3) var(--space-1);
	width: 140px;
	max-width: none;
	flex-shrink: 0;	
}
section#bestsellers div.offers.cols a span:last-of-type {
    bottom: var(--space-1);
}
section#bestsellers div.offers.cols a:first-of-type {
    margin-left: var(--space-1);
}
section#bestsellers div.offers.cols a:last-of-type {
    margin-right: var(--space-1);
}
section#bestsellers:after,
section#recommended:after,
section:not(.allPartners)#partners:after {
	content: "";
	height: 1px;
	display: block;
	border-bottom: 1px solid var(--color-dark-grey);
	margin: var(--space-3) var(--space-2);
}
section.allPartners#partners:before,
section.partnersOffer:before  {
	content: "";
	height: 1px;
	display: block;
	border-bottom: 1px solid var(--color-medium-grey);
	margin: 0 var(--space-2) var(--space-3) var(--space-2);
}
section#partners:not(.subPage) > div div:nth-child(n+5)  {
	padding: 0 var(--space-2) 0 var(--space-2);
	margin: 0 0 var(--space-2) 0;	
	display: block;
}
section#partners > div > p {
	display: none;
}
section#partners:not(.subPage) > div div:nth-of-type(4n) {
	border-right: 1px solid var(--color-medium-grey);
}
section div[role=tablist]:not(.notabs) {
    max-width: none;
    overflow-x: auto;
}
section div[role=tablist]:not(.notabs) button[role=tab]:first-of-type {
    margin-left: var(--space-2);
}
section div[role=tablist]:not(.notabs) button[role=tab]:last-of-type {
    margin-right: var(--space-2);
}
section#recommended div[role=tabpanel] a:hover span:first-of-type, section#recommended div[role=tabpanel] a:focus-visible span:first-of-type {
    transition: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: none;
}
section#recommended div[role=tabpanel] {
	margin: 0 var(--space-2);
	padding: var(--space-2) 0 0 0;
	flex-wrap: wrap;
}
section#recommended div[role=tabpanel] a {
	width: 100%;
	max-width: 50%;
	text-align: center;
	padding: var(--space-2) var(--space-2) var(--space-4) var(--space-2);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	border-bottom: 1px dotted var(--color-dark-grey);
}
section#recommended div[role=tabpanel] a:nth-child(2n-1):after {
	content: "";
	width: var(--space-1);
	height: var(--space-1);
	background: var(--color-white);
	position: absolute;
	right: -1px;
	bottom: -1px;
}
section#recommended div[role=tabpanel] a:nth-child(2n):after {
	content: "";
	width: var(--space-1);
	height: var(--space-1);
	background: var(--color-white);
	position: absolute;
	left: -1px;
	bottom: -1px;
}
section#recommended div[role=tabpanel] a:last-of-type {
    margin: 0;
}
section#recommended div[role=tabpanel] a,
section#recommended div[role=tabpanel] a:first-of-type {
   	margin: var(--space-1) 0 0 0;
}
section#recommended div.offers.cols a span:nth-of-type(2) {
    font-size: var(--text-size-smaller);
}
section#recommended div[role=tabpanel] a img {
    width: 100%;
    max-width: 60%;
    height: 80px;
	object-fit: contain;
}
section#recommended div[role=tabpanel] a span:first-of-type {
    border: none;
    padding: 0;
    transition: none;
}
section#recommended div[role=tabpanel] a:nth-child(2n-1) {
	border-right: 1px dotted var(--color-dark-grey);
}
section#recommended div[role=tabpanel] a:nth-last-of-type(-n+2) {
   border-bottom: none;
}
section#recommended div.offers.cols a span:last-of-type {
    bottom: var(--space-2);
    transition: none;
}
section#courses {
    margin: 0;
}
section#courses > div {
    display: flex;
    align-items: stretch;
    flex-wrap: nowrap;
    overflow-x: auto;
	scroll-behavior: smooth;
	scroll-snap-type: x mandatory;
}
section#courses > div > div[role=link],
section#courses > div > div[role=link]:first-of-type,
section#courses > div div[role=link] div {
    width: auto;
	flex-shrink: 0;
	scroll-snap-align: center;
}
section#courses > div > div[role=link]:first-of-type {
	margin: 0 var(--space-2);	
}
section#courses div span div[role=link] {
	scroll-snap-align: center;
    transition: none;
	margin: 0 var(--space-2) 0 0;
}
section#courses div span div[role=link]:last-of-type {
	margin: 0 var(--space-2) 0 0;
}
section#courses > div > div[role=link]:first-of-type button.secondary {
    display: none;
}
section#courses > div > div[role=link] p,
section#courses > div > div[role=link]:first-of-type p,
section#courses > div span div[role=link] p:first-of-type {
	display: none;
}
section#courses > div > div[role=link] p.for,
section#courses > div div[role=link] > div p.for {
	display: block;
    margin: 0 var(--space-2) var(--space-2) var(--space-2);
	font-size: var(--text-size-smaller);	
}
section#courses div span {
    width: auto;
	display: flex;
    align-items: stretch;
    flex-wrap: nowrap;
}
section#courses > div div[role=link] img,
section#courses div span div[role=link] img {
    max-width: 100px;
}
section#courses > div > div[role=link]:first-of-type div,
section#courses > div div[role=link] div {
    margin: 0 0 0 100px;
	width: 200px;
}
section#courses > div div[role=link] h3 {
    margin: var(--space-2) var(--space-2) var(--space-1) var(--space-2);
	font-size: var(--text-size-regular);
}
section#bestsellers, section#recommended, section#partners {
    margin: 0 0 var(--space-2) 0;
}
section#partners > div {
    flex-wrap: nowrap;
    overflow-x: auto;
	scroll-behavior: smooth;
	scroll-snap-type: x mandatory;
}
section#partners > div div[role=link] {
    min-width: 200px;
	max-width: 240px;
	width: 100%;
	scroll-snap-align: center; 
}
section#partners:not(.subPage) > div div {
	padding: 0;
}
section#partners > div div p {
    font-size: var(--text-size-smallest);
}
section#mainFaq > div {
	flex-direction: column;
	margin: var(--space-3) 0 0 0;
}
section#mainFaq > div > div {
    width: 100%;
    margin: 0;
}
section#mainFaq,
section.pageSection#mainBlog,
section.addTexts > div {
    margin: var(--space-4) var(--space-2) var(--space-2) var(--space-2);
}
section#mainFaq div.faq {
    margin-bottom: var(--space-2);
}
div.faq button,
div.faq div[role=region] {
    padding: 0 0 0 var(--space-4);
}
section#mainFaq div.contact {
    width: 100%;
}
section#contact li a {
	color: var(--brand-color-orange);
}
h3.header a {
    color: var(--brand-color-orange);
}
h3.header.phone a {
    background-image: url(../../../gfx/icons/phone_orange.svg);
}
section.pageSection:not(#mainFaq):not(#mainBlog):not(.course):not(#otherCourses):not(#contact) {
    margin: var(--space-4) 0 var(--space-2) 0 !important;
}
div#subpage section.addTexts div {
    margin: 0 var(--space-2) var(--space-2) 0;
}
div#subpage section.pageSection.addTexts {
    margin: 0 var(--space-2) !important;
	padding: var(--space-4) 0 0 var(--space-2) !important;	
}
section#otherCourses {
    padding: 0 0 var(--space-4) 0;
}
section#mainBlog > div {
	flex-direction: column;
	margin: var(--space-3) 0 0 0;
}
section#mainBlog > div > div {
    width: 100%;
}
div.blogPrev {
    margin: 0 0 var(--space-2) 0;
}
div.blogPrev img {
    max-width: var(--space-10);
    max-height: var(--space-10);
    margin: 0 var(--space-2) 0 0;
}
div.blogPrev h3 {
    font-size: var(--text-size-regular);
}
section#addTexts {
    margin: var(--space-4) var(--space-2) var(--space-2) var(--space-2);
}
section#addTexts div h2 {
    font-size: var(--text-size-regular);
}
div#mobileMenu {
	background-color: var(--brand-color-orange);
	border-radius: var(--space-1);
	position: fixed;
	z-index: 1500;
	bottom: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;	
	width: calc(100% - var(--space-4));
	height: auto;
	margin: 0 var(--space-2) var(--space-2) var(--space-2);
	-webkit-box-shadow: 0px 0px 8px 0px rgba(51, 51, 51, 0.4);
	-moz-box-shadow: 0px 0px 8px 0px rgba(51, 51, 51, 0.4);
	box-shadow: 0px 0px 8px 0px rgba(51, 51, 51, 0.4);
	display: block;
	opacity: 1;
}
div#mobileMenu.withButton {
	border: 1px solid var(--color-white);
}
div#mobileMenu > button[type=button] {
	border: none;
	background-color: transparent;
	color: var(--color-white);
	font-size: var(--text-size-mobile-medium);
	display: flex;
	padding: var(--space-1) var(--space-13);
	margin: 0 auto;
	animation-name: revealIcon;
	animation-duration: 0.4s;	
	animation-timing-function: var(--animation-easeOut);
}
div#mobileMenu > button[type=button]:before {
	content: url('../../../gfx/icons/menu.svg');
	width: 18px;
	height: 18px;
	margin: 1px var(--space-1) 0 0;
	
}
div#mobileMenuExp {
	display: none;
	width: calc(100% - var(--space-4));
	margin: var(--space-1) var(--space-2);
}
div#mobileMenuExp h2 {
	margin: 0 0 var(--space-2) 0;
	font-size: var(--text-size-mobile-medium);
}
div#mobileMenuExp h2 a {
	color: inherit;
	text-decoration: none;
    background-image: url(../../../gfx/icons/chevron.svg);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: var(--space-2) var(--space-2);	
	padding: 0 var(--space-3) 0 0;	
}
div#mobileMenu h2:after {
	content: url(../../../gfx/icons/close.svg);
    width: var(--space-2);
    height: var(--space-2);
    position: absolute;
    right: var(--space-2);
    top: var(--space-1);
    cursor: pointer;
}
div#mobileMenuExp ul[role=menu] {
	margin: 0;
	padding: 0;
	width: 100%;
	flex-shrink: 0;
	scroll-snap-align: center;	
}
div#mobileMenuExp ul[role=menu] > li:not(.categoryLink) {
	display: block;
	font-size: var(--text-size-regular);
}
div#mobileMenuExp ul[role=menu] > li > a {
	padding: var(--space-1) var(--space-6) var(--space-1) 0;
	border-bottom: 1px dotted var(--color-dark-grey);
	display: block;
	color: inherit;
	text-decoration: none;
}
div#mobileMenuExp ul[role=menu] > li > a:active {
	color: var(--brand-color-orange);
}
div#mobileMenuExp ul[role=menu] > li:last-of-type > a {
	border-bottom: none;
}
div#mobileMenuExp nav:last-of-type ul[role=menu] > li.expandable > a {
	background: url('../../../gfx/icons/chevron-blank-right.svg') no-repeat right center;
	background-size: var(--space-2) var(--space-2);
}
div#mobileMenuExp div#levels,
div#mobileMenuExp div.flexColumns {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
    overflow-x: auto;
	scroll-behavior: smooth;
	scroll-snap-type: x mandatory;
	align-items: flex-start;
	align-self: flex-start;
	align-content: flex-start;
}
div#mobileMenuExp div#levels > nav {
	max-height: 264px;
	height: auto;
	overflow-y: auto;
	width: 100%;
	min-width: 100%;
	flex-shrink: 0 var(--space-2) 0 0;
	scroll-snap-align: center;
	margin: 0;
	border-bottom: 1px dotted var(--color-dark-grey);	
}
div#mobileMenuExp > button[type=button] {
	background: transparent;
	border: none;
	color: var(--brand-color-orange);
	font-size: var(--text-size-regular);
	background: url('../../../gfx/icons/chevron-blank-left.svg') no-repeat left center;
	background-size: var(--space-2) var(--space-2);
	padding: 0 0 0 var(--space-3);
	margin: var(--space-2) 0;
	position: absolute;
	bottom: 0;
	display: none;
}
div#subpage {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}
div#subpage div#mainContent,
div#subpage div#addContent {
    width: 100%;
    max-width: 100%;
}
div#subpage div#addContent {
    margin: 0 0 0 0;
}
section#subMenuSection,
div#mainContent section.addTexts,
p.CMS_edit {
	display: none;
}
section#intro div#openingImage,
section#intro div#openingImage.opening0 {
    height: 148px;
	margin: calc(var(--space-2) * -1) 0 var(--space-3) 0;
	background-size: cover;
}
span.icon {
    margin: 0 var(--space-2) var(--space-2) 0;
}

section#intro h1 {
    font-size: 22px;
    margin: 0 var(--space-2) var(--space-1) var(--space-2);
}
div.bodyText, div#mainContent section#addTexts div {
    margin: 0 var(--space-2) var(--space-2) var(--space-2);
}
div.bodyText p {
	font-size: var(--text-size-mobile-regular);
	margin: 0 0 var(--space-2) 0;
}
div#mainContent section:not(.notfound):not(.course) > h2 {
    font-size: var(--text-size-mobile-medium);
    margin: var(--space-4) var(--space-2) var(--space-2) var(--space-2);
}
div#mainContent section.course > h2 {
    font-size: var(--text-size-mobile-medium);
    margin: 0 var(--space-2) var(--space-2) var(--space-2);
}
div#mainContent section:not(.notfound) > h2.sub {
	font-size: var(--text-size-mobile-smaller);
    margin: 0 var(--space-2) var(--space-1) var(--space-2);
}
div#mainContent section:not(.noP)#intro {
    margin: 0 0 var(--space-4) 0;
}
div#mainContent section.noP#intro {
    margin: var(--space-2) 0 var(--space-3) 0;
}
div#mainContent div#partners {
    flex-wrap: nowrap;
    overflow-x: auto;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
	width: 100%;
	margin: var(--space-2) 0 var(--space-4) 0;
}
div#mainContent section:not(.staff):not(.course):not(.blogNew):not(.blogEntries):not(#trainers):not(#intro):not(#contact):not(.sideFaq):not(.company.partners.pageSection):not(.mainFaq):not(.checkoutStep) {
    margin: 0 0 var(--space-3) 0 !important;
}
div#mainContent section.mainFaq {
	margin: 0 var(--space-2);
}
div#mainContent section.sideFaq {
	margin: 0;
}

div#mainContent div:not(.partnerOffer) section.sideFaq {
	margin: 0 var(--space-2) !important;
}
div#mainContent div.partnerOffer section.sideFaq {
	margin: 0 0 var(--space-3) 0;
}
section.company.partners.pageSection {
	margin: var(--space-2) 0 var(--space-4) 0 !important;
}
section.company.partners.pageSection:after {
	content: "";
	display: block;
	height: 0px;
	margin: var(--space-2) var(--space-2) 0 var(--space-2);
	border-bottom: 1px solid var(--color-dark-grey);
}
div#mainContent div#partners div[role=link] {
    min-width: 140px;
    scroll-snap-align: center;
    padding: 0;
    width: auto;	
}
div#mainContent div#partners div img {
    margin: 0;
}
section.categories:after {
	content: "";
	display: block;
	height: 1px;
	margin: var(--space-2) 0 0 0;
	border-bottom: 1px solid var(--color-dark-grey);
}
section.categories ul {
    margin: var(--space-3) var(--space-2) 0 var(--space-2);
}
div[role=tabpanel] section.categories ul {
    margin: var(--space-1) 0 0 0;
}
section.categories ul li,
section.categories ul li:nth-of-type(3n) {
    width: calc(50% - var(--space-1));
	max-width: none;
    font-size: var(--text-size-mobile-smaller);
    margin: 0 var(--space-1) var(--space-3) 0;
	line-height: 1.3em;
}
section.categories ul li:nth-of-type(2n) {
    margin: 0 0 var(--space-3) var(--space-1);
}
section.categories ul li img {
    object-fit: cover;
	height: 100px;
	margin: 0 0 var(--space-0) 0;
}
section.categories ul li a span {
    font-size: var(--text-size-mobile-smallest);
    font-weight: 500;
    min-width: 22px;
    height: 20px;
	padding: 2px 0 0 0;
	top: 110px;
}
div#addContent section.addTexts {
	display: block;
	padding: var(--space-5) 0 0 0;
}
div#subpage div#addContent section {
    margin: var(--space-3) var(--space-2) var(--space-3) var(--space-2);
}
div#addContent section.sideFaq:before {
	content: '';
	height: 1px;
	display: block;
	border-top: 1px solid var(--color-dark-grey);
	margin: 0 0 var(--space-3) 0;
}
div#addContent section.addTexts {
	display: block;
	padding: var(--space-5) 0 0 0;
		padding: var(--space-4) 0 0 var(--space-4);
	border-left: var(--space-2) solid #f1f1f1;
}
div#subpage div#addContent section.addTexts h2 {
    font-size: var(--text-size-regular);
    margin: 0 0 var(--space-2) 0;
}
section.addTexts div p,
section.addTexts div li {
    font-size: var(--text-size-mobile-smaller);
	font-weight: 500;
}
div.bodyText div[role=region] {
	margin: var(--space-2) 0 0 0;
}
div#filters {
    margin: 0 0 var(--space-4) 0;
}
section#offers div#filters {
    margin: var(--space-3) var(--space-2) var(--space-4) var(--space-2);
}
div#filters div#ops {
    flex-direction: column;
}
div#filters div#ops > div {
	width: 100%;
    max-width: 100%;
}
div#filters div#ops > div.flexy.cols,
div#filters div#ops > div.flexy.cols:last-of-type {
	margin: 0 0 var(--space-3) 0;
}
div#filters:not(.blogFilters) button[type=submit] {
    max-width: 100%;
}
div#filters div#ops fieldset#displays label:not([for=display]) {
    margin: var(--space-1) auto var(--space-1) auto;
}
div.offersList {
    margin: 0;
	justify-content: flex-start
}
div.offersList.tiles div.offer {
    width: 50%;
}
div.offersList.tiles div.offer:nth-child(even) div.offerHolder,
div.offersList.rows div.offer div.offerHolder  {
    border-right: none;
}
div.offersList.rows div.offer {
    max-width: 100%;
}
section#contact div.flexy.rows {
    flex-direction: column;
    margin: 0;
    width: 100%;	
}
section#contact div.contact {
    width: 100%;
}
section.addTexts div ol {
	padding: 0;
}
div.offersList.rows h3 {
    font-size: var(--text-size-mobile-regular);
}
div.offersList.rows div.offerFoto {
   	flex-shrink: 0;
	margin: 0 var(--space-2) 0 0;
	max-width: 70px;
}
div.offersList.rows div.offer div.offerHolder {
    padding: var(--space-2) 0 var(--space-1) 0;
}
div.offersList.tiles p.prize, div.offersList.rows p.prize {
    position: relative;
	margin: 0;
}
div.offersList.blocks div.offer,
div.offersList.blocks div.offer:last-of-type {
	background-color: transparent;
	margin: 0;
	border-top: none;
	border-right: none;
	border-left: none;
	border-bottom: 1px dotted var(--color-dark-grey);
	padding: var(--space-4) 0 0 0;
}
div.offersList.blocks div.offerLinks {
    display: none;
}
div.offersList.blocks div.offer div.offerHolder {
    flex-direction: column;
}
div.offersList.blocks div.offer div.offerFoto {
    border: none;
    padding: 0;
    max-width: 210px;
	margin: auto;
}
ul#paging {
    justify-content: flex-start;
	margin: var(--space-4) 0;
	flex-wrap: nowrap;
    overflow-x: auto;
	padding: 0 0 0 var(--space-2);
}
section#intro div#openingImage {
    animation-name: none;
}
section.offer.header div.offerIntro {
    margin: var(--space-2) 0 0 0;
	flex-direction: column;
}
section.offer.header div.offerIntro > div:first-of-type {
	order: 2;
	margin: var(--space-4) var(--space-2) var(--space-2) var(--space-2);
	max-width: calc(100% - var(--space-4));
}
section.offer.header div.offerIntro > div:last-of-type {
	order: 1;
}
section.offer.header div.offerIntro > div {
    width: auto;
    max-width: 100%;
    min-width: auto;
}
section.offer.header div.offerIntro div#productImage {
    display: none;
}
section.offer.header div.offerIntro ul#productPhotos,
section.offer.header div.offerIntro ul.photos1#productPhotos {
	display: flex;
    flex-wrap: nowrap;
    margin: var(--space-1) 0;
	justify-content: flex-start;
    overflow-x: auto;
	width: 100%;
	scroll-behavior: auto;
	scroll-snap-type: x mandatory;	
}
section.offer.header div.offerIntro ul#productPhotos li {
	width: 100%;
	flex-shrink: 0;
	scroll-snap-align: center;
	display: block;
	scroll-snap-stop: always;
}
section.offer.header div.offerIntro ul#productPhotos li a,
section.offer.header div.offerIntro ul#productPhotos li a.current,
section.offer.header div.offerIntro ul#productPhotos li a:hover {
    width: 100%;
    height: 260px;
    padding: 0;
    border: none;
    margin: 0;
    transition: none;
    opacity: 1;
	display: block;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;	
}
ul#dots {
	display: flex;
	flex-wrap: nowrap;
	padding: 0;
	margin: var(--space-2) auto 0 auto;
	justify-content: center;
}
ul#dots li {
	background-color: var(--color-dark-grey);
	border-radius: 50%;
	display: block;
	width: var(--space-1);
	height: var(--space-1);
	margin: 0 var(--space-1);
}
ul#dots li.current {
	background-color: var(--brand-color-orange);
	animation-name: revealIcon;
	animation-duration: 0.5s;	
	animation-timing-function: var(--animation-easeOut);	
}
section.offer#intro h1 {
    font-size: 22px;
    margin: 0 0 var(--space-1) 0;
}
section.offer#intro div.bodyText {
    margin: 0 0 var(--space-3) 0;
}
section.offer#intro div.bodyText p {
    margin: 0 0 var(--space-1) 0;
}
section div[role=tabpanel]:not(.notabs) {
     margin: 0 var(--space-2);
}
section#details div[role=tabpanel] div.offers.cols {
    overflow-x: auto;
	width: 100%;
	scroll-behavior: smooth;
	scroll-snap-type: x mandatory;
	flex-wrap: wrap;	
}
section#details div[role=tabpanel] div.offers.cols a,
section#details div[role=tabpanel] div.offers.cols a:last-of-type  {
	width: 50%;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-bottom: 1px dotted var(--color-dark-grey);
    border-right: 1px dotted var(--color-dark-grey);	
	margin: var(--space-1) 0 0 0;
	overflow: visible;
}
section#details div[role=tabpanel] div.offers.cols a:nth-of-type(even) {
    border-right: none;	
}
section#details div[role=tabpanel] div.offers.cols a img {
    max-width: 86px;
}
section#details div[role=tabpanel] div.offers.cols a span:last-of-type {
    bottom: var(--space-2);
}
section#details div[role=tabpanel] div.offers.cols a:nth-child(2n-1):after {
    content: "";
    width: var(--space-1);
    height: var(--space-1);
    background: var(--color-white);
    position: absolute;
    right: -1px;
    bottom: -1px;
}
section#details div[role=tabpanel] div.offers.cols a:nth-child(2n):after {
    content: "";
    width: var(--space-1);
    height: var(--space-1);
    background: var(--color-white);
    position: absolute;
    left: -1px;
    bottom: -1px;
}
section#details div[role=tabpanel] div.offers.cols a:nth-last-of-type(-n+2) {
	border-bottom: none;
}
div#subpage div#addContent section div#conditions {
    background: transparent;
    border: none;
}
div#subpage div#addContent section div#conditions,
div#subpage div#addContent section#similars {
    padding: var(--space-5) 0 0 0;
	border-top: 1px solid var(--color-dark-grey);
}
div.notabs {
	margin: 0 var(--space-2);
}
div#modalLayer img.zoomed {
    max-width: 100%;
}
div#modalLayer > div#modalWindow {
    position: absolute;
	bottom: 0;
	z-index: 3000;
}
div#modalWindow {
    max-width: 100%;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-border-top-left-radius: var(--space-1);
	-webkit-border-top-right-radius: var(--space-1);
	-moz-border-radius-topleft: var(--space-1);
	-moz-border-radius-topright: var(--space-1);
	border-top-left-radius: var(--space-1);
	border-top-right-radius: var(--space-1);
    padding: var(--space-2) 0 0 0;
    min-width: 100%;
	bottom: 0;
	min-height: 60px;	
}
div#modalWindow:not(.modal-portfolio) section#inmodal {
    padding: 0 var(--space-2) var(--space-2) var(--space-2);
}
div#modalWindow.modal-portfolio section#inmodal {
    padding: 0;
	max-width: 100%;
}
section.confirm img.muffin {
    max-width: 150px;
    height: 150px;
    width: auto;
    margin: var(--space-2) auto 0 auto;
}
div#mainContent section.notfound#intro {
	margin: var(--space-4) var(--space-2);
}
div#mainContent section.notfound#intro h1 {
    margin: 0 var(--space-2) var(--space-1) 0;
}
section.notfound p.muffin,
section.notfound p.muffin img {
    width: 200px;
	height: 200px;
}
div#cartWindow {
	width: 100%;
    padding: 0;
    max-height: 100%;	
}
div#cartData {
    width: calc(100% - var(--space-4));
	margin: 0 var(--space-2) var(--space-3) var(--space-2);
}
div#cart div#cartHeader {
    margin: 0;
}
div#cart div#cartHeader h2 {
    margin: var(--space-2) 0 0 0;
}
div#cart div#cartPositions > div {
    padding: var(--space-1) 0;
}
div#cart div#cartPositions > div h3 {
    font-size: var(--text-size-mobile-smaller);
}
div#cart div#cartPositions > div img {
    width: var(--space-6);
    height: var(--space-6);
}
div#cart div#toPay h3 {
    font-size: var(--text-size-mobile-bigger);
}
div#cart div#freeSend {
    min-height: var(--space-6);
    padding: var(--space-1) 0 var(--space-1) 80px;
}
div#cart div#cartPositions > div > div:last-of-type {
    margin: 0 0 0 var(--space-2);
}
div#cart ul {
    margin: 0;
}
div#cart ul li a.button {
    width: calc(100% - var(--space-8));
}
div.askForm {
	overflow: auto;
	overflow-y: auto;
	padding: 0;
}
section#inmodal h3 {
    font-size: var(--text-size-mobile-bigger);
    margin: 0 var(--space-4) 0 0;
}
section.ask form#askForm input[type=text], section.ask form#askForm textarea {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
form#askForm .inValidate {
    margin: 0 0 0 3px;
}
div#filters div#ops div input[type=number], section.ask form#askForm input[type=text], section.ask form#askForm textarea {
    margin: 0 var(--space-1) var(--space-1) 3px;
}
section.ask form#askForm div > span input[type=checkbox] {
    margin: 0 var(--space-2) 0 3px;
}
section.distro.tiles > div, 
section.distro.tiles > div:nth-of-type(3n) {
    max-width: 100%;
    margin: 0 var(--space-2) var(--space-2) var(--space-2);
	border-radius: 0;
}
section.distro.tiles > div:last-of-type {
    margin: 0 var(--space-2) 0 var(--space-2);
}
section.distro.tiles > div > div {
    position: relative;
    margin: var(--space-2) 0;	
}
section.distro.tiles > div > img {
    height: 150px;
	border-radius: var(--space-1);	
}
section.distro.tiles > div > div span.icon {
    right: 0;
}
section.distro > div > div h2 a {
	color: inherit;
    text-decoration: 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.distro.blocks > div {
    margin: 0 var(--space-2) var(--space-4) var(--space-2);
}
section.distro.blocks > div > img {
    max-width: 20%;
	-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);	
}
section.distro.blocks > div:last-of-type {
    margin: 0 var(--space-2) 0 var(--space-2);	
}
section.distro.blocks > div > div span.icon {
    left: -85px;
}
section.distro.blocks > div > div {
    margin: var(--space-2) 0 var(--space-2) var(--space-3);
    width: 80%;
}
section.distro.blocks > div > div h2,
section.distro.tiles > div > div h2 {
    font-size: var(--text-size-mobile-medium);
}
div#addContent section:first-of-type#sidecontact {
    padding: var(--space-2) var(--space-2);
    border-radius: var(--space-1);
}
div.sideBox, section.distro > div {
    background: transparent;
    border: none;
}
section.confirm#inmodal {
    margin: 0 0 var(--space-3) 0;
}
button.scroll {
	display: none;
}
div#cart div.notfound {
    background-size: 100px 100px;
    padding: 0 0 0 120px;
    min-height: 100px;
}
section > p > a.button.anchor,
section > button.project {
    margin: var(--space-3) var(--space-2) var(--space-3) var(--space-2);
	width: calc(100% - var(--space-4));
	height: auto;
	display: block;
	padding: var(--space-2) 0;
	text-align: center;
}
section.course {
	margin: 0 0 var(--space-4) 0 !important;
}
section.course div.faq {
	margin: 0 0 var(--space-2) 0;
}
section#employees > div, section#trainers > div > div,
section#trainers > div > div:nth-child(even) {
    max-width: 100%;
	width: 100%;
	padding: 0 0 var(--space-2) 0;
    margin: 0 0 var(--space-3) 0;	
}
section#employees, section#trainers > div {
    flex-direction: column;
    margin: 0 0 var(--space-2) 0;
}
section#otherCourses > div div[role=link],
section#otherCourses > div div[role=link]:nth-child(even) {
    max-width: calc(100% - var(--space-2));
    margin: 0 0 0 var(--space-2) !important;
}
section#otherCourses > div div[role=link]:last-of-type {
    margin: 0 var(--space-2) !important;
}
div.sideBox, section.distro > div {
	border-radius: 0;
}
div.sideBox img {
    height: 150px;
	border-radius: var(--space-1);
}
div.sideBox p, section.distro > div p {
    margin: var(--space-2) 0;
}
div#modalLayer img.zoomed {
	border-radius: 0;
	-webkit-border-top-left-radius: var(--space-1);
	-webkit-border-top-right-radius: var(--space-1)
	-moz-border-radius-topleft: var(--space-1);
	-moz-border-radius-topright: var(--space-1);
	border-top-left-radius: var(--space-1);
	border-top-right-radius: var(--space-1);
	margin: var(--space-4) 0 0 0;
	width: 100%;
	max-width: 100%;
	object-fit: contain;	
}
div#modalWindow.modal-photo:after {
	content: 'Powiększanie';
	font-size: var(--text-size-smaller);
	display: table;
	margin: 0 auto var(--space-2) auto;
	text-align: center;
	background-image: url('../../../gfx/icons/pinch-zoom.svg');
	background-repeat: no-repeat;
	background-position: left center;
	background-size: contain;
	width: auto;
	position: absolute;
	border-radius: var(--space-1);
	padding: 2px var(--space-1) 2px var(--space-4);
	top: var(--space-2);
	left: var(--space-2);
	opacity: 0.7;
}
section.projectTabs div[role=tabpanel] ul.projectsGallery li,
section.projectTabs div[role=tabpanel] ul.projectsGallery li:nth-child(even) {
    width: 100%;
    margin: 0 0 var(--space-2) 0;
}
section.sideBox:hover div.sideBox, section.distro > div:hover {
    background-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    transition: none;
}
div#staffList {
    margin: var(--space-4) var(--space-2) 0 var(--space-2);
}
div#staffList div {
    margin: 0 var(--space-2) var(--space-4) 0;
    max-width: calc(50% - var(--space-1));
}
div#staffList div:nth-child(even) {
    margin: 0 0 var(--space-4) 0;
}
section.company {
    border-top: none;
    padding: 0;
}
section.company:not(.partners):before {
	content: "";
	width: calc(100% - var(--space-4));
	display: block;
	background: var(--color-dark-grey);
	margin: 0 var(--space-2) var(--space-4) var(--space-2);
	height: 1px;
}
div#partnersList,
div#porfolioList {
	overflow-x: auto;
	align-items: flex-start;
	scroll-behavior: smooth;
	scroll-snap-type: x mandatory;
}
div#partnersList {
	flex-wrap: nowrap;
	margin: var(--space-2) 0 0 0;
}
div#partnersList div,
div#porfolioList div {
	flex-shrink: 0;
	scroll-snap-align: center;
}
div#partnersList div {
	width: 60%;
	max-width: 40%;
	margin: var(--space-2) 0 var(--space-2) 0;	
}
div#partnersList div:nth-child(5n) {
	border-right: 1px dotted var(--color-dark-grey);
}
div#porfolioList div {
	width: 75%;
}
div#porfolioList {
	margin: var(--space-2) 0 0 0;
	gap: var(--space-2);	
}
div#porfolioList div:first-of-type {
	margin: 0 0 0 var(--space-2);
}
div#porfolioList div:last-of-type {
	margin: 0 var(--space-2) 0 0;
}
div.portfolio {
	max-width: 100%;
	min-width: auto;
	margin: var(--space-2) 0 0 0;	
}
div.portfolio ul {
	justify-content: flex-start;
    flex-wrap: nowrap;
    overflow-x: auto;
    width: auto;
	scroll-behavior: smooth;
	scroll-snap-type: x mandatory;
	padding: 0 var(--space-2);
    margin: 0 0 var(--space-2) 0;	
}
div.portfolio ul li {
	flex-shrink: 0;
	scroll-snap-align: center;
}
div.portfolio ul li img {
    max-width: 300px;
}
div.modal-portfolio section#inmodal h3,
div.modal-portfolio section#inmodal h4 {
    margin: 0 var(--space-2);
}
div.modal-portfolio section#inmodal p {
    margin: 0 var(--space-2) var(--space-1) var(--space-2);
	font-size: var(--text-size-mobile-smaller);
}
div.portfolio div.zoomed {
    margin: 0 var(--space-2) var(--space-3) var(--space-2);
    display: none;
}
div#portControls {
    display: flex;
    justify-content: space-between;
    margin: var(--space-3) var(--space-2) var(--space-2) var(--space-2);
}
div#portControls button.prev,
div#portControls button.next {
	font-size: 0;
	width: auto;
}
div#portControls button.prev:after {
	content: url('../../../gfx/icons/chevron-blank-left.svg');
}
div#portControls button.next:after {
	content: url('../../../gfx/icons/chevron-white-right.svg');
}
div#portControls button.prev.inactive:after {
	content: url('../../../gfx/icons/chevron-white-left.svg');
}
div#portControls button.next.inactive:after {
	content: url('../../../gfx/icons/chevron-white-right.svg');
}
div#portControls button.prev:after,
div#portControls button.next:after {
	display: block;
	width: var(--space-3);
	height: var(--space-3);
}
div.custom {
    background-position: top center;
    padding: 160px 0 0 0;
	margin: 0 var(--space-2);
}
div#mainContent section.blogNew {
	border-bottom: 1px dotted var(--color-dark-grey);
	margin: 0 var(--space-2) var(--space-2) var(--space-2);
	padding: 0;	
}
section.blogNew > div.flexy.rows {
	flex-direction: column;
}
section.blogNew div.bigPreview {
    flex-direction: column;
    margin: 0 0 var(--space-3) 0;
	overflow: visible;
	background: transparent;
	padding: 0 0 var(--space-2) 0;
	border: none;
	border-bottom: 1px dotted var(--color-dark-grey);	
}
div.bigPreview:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    transition: none;
}
div.bigPreview > img {
    max-width: 100%;
	max-height: 150px;
	border-radius: var(--space-1);
}
div.bigPreview > div {
    width: 100%;
    margin: var(--space-2) 0 0 0;
}
div.bigPreview > div h2 {
    font-size: var(--text-size-mobile-medium);
}
div.bigPreview > div h2:after {
    content: url('../../../gfx/icons/chevron.svg');
	width: var(--space-2);
	height: var(--space-2);
	display: inline-block;
	margin: 0 0 0 var(--space-1);
}
div.bigPreview button[role=link] {
	display: none;
}
ul#tags li {
    font-size: var(--text-size-mobile-smallest);
    margin: 0 0 0 var(--space-1);
}
section.blogNew div.flexy.rows > div:last-of-type:not(:first-of-type) {
    margin: 0;
}
div.smallPreview,
section.blogNew div.smallPreview:last-of-type {
    padding: 0 0 var(--space-1) 0;
}
div.smallPreview > div h2 {
    font-size: var(--text-size-medium);
    font-weight: 600;
    margin: 0 0 var(--space-1) 0;
}
div.smallPreview > img {
    width: 80px;
    height: 80px;
    margin: var(--space-4) 0 0 var(--space-3);
}
section.blogEntries {
    margin: 0;
	padding: 0;
}
section.blogEntries div.flexy.rows.wrap {
    margin: 0 var(--space-2);
	flex-direction: column;
}
section.blogEntries div.flexy.rows.wrap > div,
section.blogEntries div.flexy.rows.wrap > div:nth-of-type(3n) {
    margin: var(--space-2) 0 0 0;
    max-width: 100%;
}
section.blogEntries div.flexy.rows.wrap > div:first-of-type {
    margin: 0;
}
div#mainContent section:not(.notfound):not(.partners):not(.partnersOffer):not(.categories):not(#offers):not(.company):not(.projectTabs):not(.course):not(#otherCourses):not(.blogEntries):not(.mainFaq):not(.parts) > h2 {
    display: none;
}
section.course section.sideFaq {
    margin: 0 var(--space-2) !important;	
}
div.smallPreview > div {
    margin: var(--space-1) 0 0 0;
}
section.blogEntries ul#paging {
    margin: var(--space-2) 0;
	border-bottom: none;
}
div.bodyText p.date {
    font-size: var(--text-size-mobile-smaller);
	margin: var(--space-2) 0 var(--space-1) 0
}
div.bodyText > ul,
div.bodyText > ol {
	padding-left: var(--space-2);
}
section#employees {
	border-top: none;
	padding: var(--space-2) 0 0 0;
	margin: 0;
}
section#employees:before {
	content: "";
	border-top: 1px dotted var(--color-dark-grey);
    margin: 0 var(--space-2) var(--space-4) var(--space-2);
	max-width: calc(100% - var(--space-4));
}
section#employees > div,
section#employees > div:nth-child(odd) {
    border-right: none;
	border-bottom: 1px dotted var(--color-dark-grey);	
    margin: 0 var(--space-2) var(--space-3) var(--space-2) !important;
}
section#employees  {
	border-bottom: none;
}
section#employees:after {
	content: '';
	height: 1px;
	border-top: 1px solid var(--color-dark-grey);
	height: 1px;
	margin: 0 var(--space-2);
    max-width: calc(100% - var(--space-4));
}
section#employees > div:last-of-type {
	border-bottom: none;
	margin: 0 var(--space-2) var(--space-2) var(--space-2);	
}
section.company.staff {
    margin: 0 0 var(--space-3) 0;
}
section.company.staff:after {
	content: "";
	height: 1px;
	display: block;
	border-bottom: 1px solid var(--color-medium-grey);
	margin: var(--space-3) var(--space-2);
}
div#mainContent section#contact {
	max-width: calc(100% - var(--space-4));
	margin: 0 var(--space-2) var(--space-4) var(--space-2);
}
section#contact ul li {
    width: calc(100% - var(--space-4));
    font-size: var(--text-size-mobile-regular);
    background-size: var(--space-3) var(--space-3);
    padding: 0 0 0 var(--space-5);
    font-weight: 600;
    margin: 0;
    height: var(--space-6);
    justify-content: space-between;
}
section#contact ul li a.secondary {
    min-width: 60px;
    font-size: var(--text-size-regular);
    border-radius: var(--space-1);
    padding: 3px var(--space-1) 2px var(--space-1);
	position: absolute;
	right: var(--space-2);	
}
section#contact ul li:first-of-type a.secondary {
    background-color: var(--brand-color-orange);
	color: var(--color-white);
}
section#contact ul li > span {
	max-width: 60%;
}
section.pageSection.moreContact {
    padding: 0 var(--space-2) var(--space-2) var(--space-2);	
}
section.pageSection.moreContact div[role=region] p {
	font-size: var(--text-size-mobile-regular);
	margin: var(--space-2) 0 0 0;
}
section.allPartners#partners {
	border-top: none;
    padding: var(--space-3) 0 0 0;
	margin: 0;
}
section.allPartners#partners > div {
    flex-direction: column;
    align-items: flex-start;
    align-content: center;
}
section.allPartners#partners > div > div,
section.allPartners#partners > div > div:nth-of-type(3n),
section.allPartners#partners > div > div:last-of-type {
    width: 100%;
	min-width: calc(100% - var(--space-4));
	margin: var(--space-2) var(--space-2);
	padding: 0 0 var(--space-3) 0;
}
section.allPartners#partners > div > div  p {
    font-size: var(--text-size-mobile-regular);
}
section.pageSection.addTexts {
    margin: var(--space-4) var(--space-2) var(--space-2) var(--space-2);	
}
section.addTexts div ul, section.addTexts div ol {
    padding: 0 0 0 var(--space-2);
}
div#mainContent section.mainContact#contact {
    margin: 0 var(--space-2) var(--space-4) var(--space-2);
}
section#intro div.bordered#openingImage {
    border: none;
	background-size: 110% auto;
	background-position: center center;
	margin: var(--space-2) 0 0 0;
}
div.partnerOffer section.sideFaq,
div.partnerOffer div#downloads {
	padding: 0 var(--space-2);	
}
section.partnersOffer {
	border-top: none;
    padding: 0 0 var(--space-2) 0;	
}
div.partnerOffer section.partnersOffer h2 {
	display: block;
    font-size: var(--text-size-mobile-medium);
	font-weight: 700;
	margin: 0 var(--space-2) var(--space-2) var(--space-2);
}
div.partnerOffer div.offersList.tiles div.offer {
    width: 50%;
}
div.moveHere {
	padding: 0 var(--space-2);	
}
div.moveHere div {
	margin: var(--space-2) 0 0 0 !important;
}
div.anchors {
	display: block;
}
li.categoryLink {
	display: none;
}
section.offer.header div.offerIntro > div {
    margin-right: 0;
}
a.imgCarousel.leftArrow {
	content: url('../../../gfx/icons/chevron-blank-left.svg');
	width: var(--space-3);
	height: var(--space-3);
	left: 0;
}
a.imgCarousel.rightArrow {
	content: url('../../../gfx/icons/chevron-blank-right.svg');
	width: var(--space-3);
	height: var(--space-3);
	right: 0;
}
div.offers.cols.accessories {
	padding: var(--space-1) 0 var(--space-4) 0;
}
div.offers.cols.accessories a {
	max-width: 50%;
	padding: 0 0 var(--space-4) 0;
}
div.offers.cols.accessories a:nth-child(n+5) {
	border-top: none;
	padding-top: inherit;
}
div.offers.cols.accessories a:nth-of-type(4n)  {
	border-right: inherit;
}
nav#breadcrumbs {
	margin: 0 0 var(--space-1) 0;
	padding: 0 var(--space-2);
	overflow-x: auto;
}
section.notfound nav#breadcrumbs {
	padding: 0;
}
section#intro nav#breadcrumbs ul {
    display: inline-flex;
    white-space: nowrap;
}
section#otherCourses > div {
	width: 100%;
	display: flex;
	align-items: stretch;	
    max-width: 100%;
    overflow-x: auto;
    margin: var(--space-1) 0 0 0;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
	flex-wrap: nowrap;	
}
section#otherCourses > div > div[role=link] {
    width: 80%;
    max-width: 80%;
	min-width: 80%;
	margin: 0 0 var(--space-2) var(--space-2);
	flex-direction: column;
    flex-shrink: 0;
    scroll-snap-align: center;	
}
div#mainContent section#courses div span div[role=link] img, div#mainContent section#otherCourses div div[role=link] img {
    max-width: 100%;
}
section#otherCourses > div > div[role=link]:last-of-type {
	margin: 0 var(--space-2) var(--space-2) var(--space-2);
}
div#section#courses > div div[role=link] h3, section#otherCourses > div div[role=link] h3 {
    font-size: var(--text-size-regular);
}
span#hamburgerMenu {
	display: block;
	width: var(--space-3);
	height: var(--space-3);
	margin: 4px 0 0 var(--space-3);
	content: url(../../../gfx/icons/menu-orange.svg);
}
div#modalWindow {
	max-height: calc(100% - var(--space-4));
}
section.ask div.radioOpt {
    display: block;
}
section#intro div#checkoutHeader {
	flex-direction: column;
	margin: 0 var(--space-2);
}
div.steps {
	flex-direction: column-reverse;	
}
div.steps button {
	width: 100%;
	margin: 0 0 var(--space-2) 0;
	max-width: 100% !important;
}
section.checkoutStep {
	margin: 0 var(--space-2) !important;
}
section#intro div#checkoutHeader > div:first-of-type,
section#intro div#checkoutHeader > div:last-of-type {
	width: 100%;
}
section#intro div#checkoutHeader h2 {
   font-size: var(--text-size-mobile-medium);
}
section.checkoutStep div#cartPositions > div img {
    width: var(--space-8);
    height: var(--space-8);
    margin: 0 var(--space-1) 0 0;
}
section.checkoutStep div#cartPositions > div p {
    font-size: var(--text-size-mobile-smaller);
	white-space: nowrap;
}
section.checkoutStep div#cartPositions > div h3 {
    font-size: var(--text-size-mobile-smaller);
}
section.checkoutStep div.toPaySummary {
    margin: var(--space-3) 0 var(--space-3) 0;	
}
section.checkoutStep div.toPaySummary h3 {
    font-size: var(--text-size-mobile-bigger);
    margin: 0 0 var(--space-1) 0;
}
section.checkoutStep div.toPaySummary p {
    margin: 0;
	white-space: nowrap;
}
div#checkoutClientData > div:not(.orderType):not(#invoiceAddress),
div#checkoutClientData div#invoiceAddressDetails > div {
    gap: var(--space-2);
}
div#checkoutClientData > div > div input[type=text], div#checkoutClientData > div > div input[type=number] {
    width: 100%;
	max-width: 100%;
}
div#checkoutClientData > div.parts.three > div:nth-of-type(2),
div#checkoutClientData > div.parts.three > div:nth-of-type(3),
div#checkoutClientData > div#invoiceAddressDetails > div.parts.three > div:nth-of-type(2),
div#checkoutClientData > div#invoiceAddressDetails > div.parts.three > div:nth-of-type(3) {
    width: calc(25% - var(--space-1));
}
div#checkoutClientData > div.orderType, div#checkoutClientData > div#invoiceAddress {
    flex-direction: column;
}
div#checkoutClientData > div.orderType > div,
div#checkoutClientData > div#invoiceAddress > div  {
    margin: 0 0 var(--space-1) 0;
}
div.checkoutOps > div > div:first-of-type,
div#payments > div > div:first-of-type {
    width: 100%;
	margin: 0 var(--space-2) 0 0;
}
div.checkoutOps > div > div:last-of-type,
div#payments > div > div:last-of-type {
    width: 100%;
}
div.checkoutOps > div > div:last-of-type img,
div#payments > div > div:last-of-type img {
    width: auto;
	max-width: 160px;
    height: 80px;
	margin: var(--space-2) 0 0 0;
}
div.checkoutOps > div,
div#payments > div {
    flex-direction: column;
	gap: 0;
}
div#checkoutClientData > div.parts.two > div:nth-of-type(1),
div#checkoutClientData > div.parts.two > div:nth-of-type(1) {
    width: 60%;
}
div#checkoutClientData > div.parts.two > div:nth-of-type(2) {
    width: 40%;
}
div.packPoints {
    max-width: 100%;
}
div#packPreview {
	width: 80px;
	min-width: 80px;
	height: 80px;
	margin: var(--space-1) 0 var(--space-1) var(--space-1);
	border-radius: var(--space-1);
}
div#packDetails > div:last-of-type {
	padding: var(--space-1) var(--space-2) 0 var(--space-1);
}
h3.inModalHeader {
	margin: 0 var(--space-2);
}
div#inError {
	margin: 0 var(--space-2) var(--space-2) var(--space-2);
}
div.modalText {
	margin: 0 var(--space-2) var(--space-2) var(--space-2);
}
div.modalButtons {
	flex-direction: column;
	gap: var(--space-2);
}
section.confirm img.muffin, div#saleConfirm img.muffin, div#error img.muffin {
    max-width: 150px;
    height: 150px;
}
div#downloads {
    margin: var(--space-4) var(--space-2);
}
section#details div#downloads {
    margin: var(--space-4) 0;
}
h3.singleHeader {
	margin: 0 var(--space-2) var(--space-2)var(--space-2);
}
div#mainContent section#offers, div#mainContent section.course {
    padding: var(--space-2) 0 0 0;
}
div#mainContent section#offers:before,
div#mainContent section.course:before {
	margin: 0 var(--space-2) var(--space-4) var(--space-2);	
}
div#addContent section h2 a:hover {
	padding: 0 var(--space-3) 0 0 !important;
    animation-name: none !important;	
}
div.offersList.blocks div.offer div.offerDescription {
    padding: var(--space-4) 0;
	border-radius: 0;
}
section#contact h2 {
	margin-top: 0;
}
section#employees div.flexy.rows {
	max-width: calc(100% - var(--space-4));
	border-right: none;
}
div.askForm:not(.modalText) {
	margin: 0 0 var(--space-6) 0;
}
div.askForm.modalText {
	margin: 0 var(--space-2) var(--space-4) var(--space-2);
}
div#formButtons button.closer {
	display: none !important;
}
div#formButtons {
	position: fixed;
	bottom: 0;
	width: 100%;
	max-width: calc(100% - var(--space-4));
	margin: 0 0 var(--space-2) 0;
}
div.askForm:not(.modalText) span.goDown {
	bottom:  var(--space-8);
}
div.askForm.modalText span.goDown {
	bottom: 30px;
}
div.modalText div.innerAsk {
	margin: 0;
}
section.offer.header div.offerIntro ul#productPhotos.asCarousel {
	overflow-x: auto;
}
section.employeeDetails div#employeeDetailsData {
	flex-direction: column;
}
section.employeeDetails div#employeePhoto {
	margin: 0;	
}
section.employeeDetails div#employeePhoto p {
	text-align: center;
}
p.employeeContact.tel a {
	color: var(--brand-color-orange);
}



footer,
footer div#linx {
	flex-direction: column;
}
footer div#icons {
    border-top: 1px solid var(--text-color-regular);
	margin: var(--space-4) 0 0 0;
}
footer div#icons ul {
    margin: var(--space-4) 0;
    text-align: center;
    justify-content: space-evenly
}
footer div#icons ul li a {
    margin: 0 var(--space-2);
}
footer div#icons p {
    text-align: center;
	line-height: 1.4rem;
}
section#gpsr ul {
	margin: 0 var(--space-2);
	flex-direction: column;
	gap: var(--space-1);	
}