/**
 * Sumoshop Basic v1.120 CUSTOM
 * Snippets: 383, 196, 197
 * Copyright 2023 Sumoshop https://www.sumoshop.dk
 * All rights reserved
 */
:root {
	--basic-full: 1200px;
	--basic-innerwidth: 1200px;
	--basic-mobile: 600px;
	--basic-print: 900px;
	--basic-mail: 600px;
	--basic-margin: 10px;
	--basic-padding: 0px;
	--basic-innerpadding: 10px;
	--basic-columnwidth: 1/4;
	--basic-commodityratio: 1.4;
	--basic-background-color: #ffffff;
	--basic-header-background-color: #ffffff;
	--basic-main-background-color: #ffffff;
	--basic-footer-background-color: #eeeeee;
	--basic-color: #333333;
	--basic-hover-color: #888888;
	--basic-offer-color: #000000;
	--basic-border-color: #888888;
	--basic-border-radius: 0px;
	--basic-button-background-color: #000000;
	--basic-button-color: #ffffff;
	--basic-button-hover-background-color: #888888;
	--basic-button-hover-color: #ffffff;
	--basic-font-family: "Roboto", Arial, Helvetica, sans-serif;
	--basic-font-size: 12px;
	--basic-font-weight: 300;
	--basic-headline-font-family: "Roboto", Arial, Helvetica, sans-serif;
	--basic-headline-font-weight: 300;
	--basic-glow-color: #ffee00;
	--basic-zoom-factor: 1.25;
	--basic-innerborder-width: 3px;
	--basic-innerborder-margin: 10px;
	--basic-animate-speed: 0.2s;
	--basic-animate-slow-speed: 0.6s;
	--basic-animate-veryslow-speed: 6.0s;
}

* {
	background-repeat: no-repeat;
}

html {
	box-sizing: border-box;
	transform: none !important;
}

*, *::before, *::after {
	box-sizing: inherit;
}

body {
	color: #333333;
	color: var(--basic-color);
	line-height: 1.2;
}

body, input, textarea, select {
	font-family: "Roboto", Arial, Helvetica, sans-serif;
	font-family: var(--basic-font-family);
	font-size: 12px;
	font-size: var(--basic-font-size);
	font-weight: 300;
	font-weight: var(--basic-font-weight);
}

html, body, div, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, address, code, img, svg, strike, strong, dl, dt, dd, ol, ul, li, fieldset, form, input, select, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0 solid;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
	background-repeat: no-repeat;
	background-position: center;
}

strong {
	font-weight: bold;
}

mark {
	color: inherit;
	background-color: inherit;
}

span {
	border: 0 solid;
	background: transparent;
	background-repeat: no-repeat;
	background-position: center;
}

body, .body, header, footer, main, .common-menu-hover, input, select, textarea, .groupsubcontainer-subcontainer {
	background-color: #ffffff;
	background-color: var(--basic-background-color);
}

.body {
	overflow: hidden;
}

header, footer, main {
	display: block;
	clear: both;
	position: relative;
	width: 100%;
}

header {
	z-index: 1000;
	background-color: #ffffff;
	background-color: var(--basic-header-background-color);
}

main>*, .header-content>*, .footer-content>*, .block-oversize>.group-subcontainer, .groupsubcontainer-subcontainer>.slider-wrapper {
	float: none !important;
	width: calc(1200px) !important;
	width: calc(var(--basic-full)) !important;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}

main, footer>section {
	padding: calc(10px * 4 + 0px * 4) 0;
	padding: calc(var(--basic-margin) * 4 + var(--basic-padding) * 4) 0;
}

main {
	min-height: 600px;
	padding-top: 0;
	background-color: #ffffff;
	background-color: var(--basic-main-background-color);
}

footer {
	background-color: #eeeeee;
	background-color: var(--basic-footer-background-color);
}

a {
	color: #333333;
	color: var(--basic-color);
	text-decoration: none;
}

a:hover {
	color: #888888;
	color: var(--basic-hover-color);
}

.description a, .text a {
	text-decoration: underline;	
}

a:focus, input, textarea {
	outline: none;
}

a.selected, .progress .active>span  {
	font-weight: bold;
}

img, svg {
	display: block;
	max-width: 100%;
}

br {
	clear: both;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

th {
	text-align: left;
}

ol, ul {
	list-style: none;
}

h1, h2, h3, h4, .headline, .subheadline, .button, .buttonbig, #giftcertificate-form label, #menu-main>ul>li>a, #menu-main .common-menu-hover-sub ul>li>span {
	font-family: "Roboto", Arial, Helvetica, sans-serif;
	font-family: var(--basic-headline-font-family);
	font-weight: 300;
	font-weight: var(--basic-headline-font-weight);
}

h1, h2, h3, h4, #giftcertificate-form label {
	line-height: 1;
	text-transform: uppercase;
	text-overflow: ellipsis;
}

h1 {
	font-size: 48px;
}

h2 {
	font-size: 32px;
}

h3 {
	font-size: 20px;
}

h4 {
	font-size: 16px;
}

h1>a, h2>a, h3>a, h4>a {
	font-weight: inherit;
}

input:not([type="checkbox"]):not([type="radio"]), select, textarea {
	border-radius: 0px;
	border-radius: var(--basic-border-radius);
	padding: 10px;
	padding: var(--basic-innerpadding);
	apperance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
}

input[type="text"], input[type="search"], input[type="number"], input[type="tel"], input[type="email"], input[type="date"], input[type="time"], input[type="password"], input[type="url"], select, textarea, .form-fieldset-haslabel>ul {
	border-width: 1px;
	border-style: solid;
	border-color: #888888;
	border-color: var(--basic-border-color);
}

input[type="color"] {
	padding: 0 !important;
}

textarea {
	font: inherit;
}

select {
	padding-right: 30px;
	background-image: url("../icon/open.svg");
	background-size: auto 10px;
	background-position: calc(100% - 10px) center;
	background-position: calc(100% - var(--basic-innerpadding)) center;
}

input:focus:invalid, input.invalid, select:focus:invalid, select.invalid, ul.invalid {
	outline: none;
	box-shadow: 0 0 2px 1px rgba(255, 0, 0, 0.5);
}

.block, .innerblock, .headline, .subheadline, .description, .text, .slugline, .image, .button, .buttonbig, ul.list>li, .list-table, .list-tablelike, dl, .form label, .form input, .form select, .form textarea, .form-error, .link, .block-content-inner {
	margin: 10px;
	margin: var(--basic-margin);
}

.innerblock, .headline, .subheadline, .description, .text, .slugline, .image, .button, .buttonbig, ul.list:not(.list-image):not(.list-tablelike)>li, .list-table, .list-tablelike, dl, .form label, .form-error, .block-content-inner {
	padding: 0px;
	padding: var(--basic-padding);
}

.link {
	margin: calc(10px + 0px);
	margin: calc(var(--basic-margin) + var(--basic-padding));
}

.block-spacer {
	margin-top: 0;
	margin-bottom: 0;
}

.block-spacer.line, .block-spacer.doubleline {
	margin: 10px;
	margin: var(--basic-margin);
}

.content::after {
	content: "";
	clear: both;
	display: block;
}

.content-inner {
	padding: 0 calc(10px + 0px);
	padding: 0 calc(var(--basic-margin) + var(--basic-padding));
}

.content-inner .subheadline {
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
}

.description, .text {
	overflow: auto;
	line-height: 1.6;
}

.slugline {
	font-style: italic;
}

.block.block-container {
	margin: 0;
}

.headline {
	clear: left;
}

.headline mark, .subheadline mark {
	display: inline-block;
}

.image img {
	border-radius: inherit;
}

.hidden, .active-visible, .active>.active-hidden {
	display: none !important;
}

.visible, .active>.active-visible {
	display: block !important;
}

.transparent {
	opacity: 0;
}

.disabled {
	opacity: 0.5;
}

a.disabled:hover, .button.disabled:hover {
	cursor: default;
}

a.disabled:hover {
	color: #333333;
	color: var(--basic-color);
}

.left {
	float: left;
}

.right {
	float: right;
}

.fullwidth {
	width: 100%;
}

.fullheight {
	height: 100%;
}

.noscroll {
	overflow-y: hidden;
	height: 100%;
}

.vertical-center, .vertical-top, .vertical-bottom {
	clear: both;
}

.vertical-center>*:not(.fixed-content), .vertical-center>.fixed-content>* {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.vertical-bottom>* {
	position: relative;
	top: 100%;
	transform: translateY(-100%);
}

.vertical-center>.block, .vertical-center>.fixed-content>.block {
	margin-top: 0;
	margin-bottom: 0;
}

.vertical-bottom>.block {
	position: relative;
	top: calc(100% - 10px * 2);
	top: calc(100% - var(--basic-margin) * 2);
}

body .fixed-top, body .fixed-bottom, .fixed-auto-top .fixed-content, .fixed-auto-bottom .fixed-content, .fixed-auto-top .fixed-subcontainer, .fixed-auto-bottom .fixed-subcontainer {
	z-index: 100;
	position: fixed;
	top: 0;
	background-color: #ffffff;
	background-color: var(--basic-background-color);
}

body .fixed-top, body .fixed-bottom {
	margin: 0;
}

body .fixed-bottom {
	top: auto;
	bottom: 0;
}

body .fixed-top:not(.block-oversize):not(.blockcontainer-oversize), .fixed-bottom:not(.block-oversize):not(.blockcontainer-oversize), .fixed-auto-top .fixed-content .fixed-auto-bottom .fixed-content {
	max-width: calc(1200px);
	max-width: calc(var(--basic-full));
}

.fixed-auto-top .fixed-subcontainer, .fixed-auto-bottom.fixed-subcontainer {
	transform: none;
}

.fixed-auto:not(.fixed-auto-top) .fixed-content {
	left: auto !important;
	width: auto !important;
}

.fixed-auto:not(.fixed-auto-bottom) .fixed-content {
	bottom: auto !important;
}

.fixed-auto-bottom .fixed-content {
	position: absolute;
	top: auto !important;
	left: auto !important;
}

.fixed-layout, .fixed-subcontainer {
	display: none;
	float: left;
	max-width: 100%;
}

.fixed-auto-top .fixed-layout, .fixed-auto-bottom .fixed-layout, .fixed-auto-top .fixed-subcontainer, .fixed-auto-bottom .fixed-subcontainer {
	display: block;
}

.block, .block-container {
	overflow: hidden;
	float: left;
	position: relative;
}

.block-static {
	position: static;
}

.block-outer, .block-inner {
	overflow: hidden;
}

.block-inner {
	max-height: 100%;
	text-overflow: ellipsis;
}

.block-list, .block-list .list, .block-list .list>li, .block-list .list>li>*, .block-outer, .block-outer>*, .block-list>*>.bx-viewport {
	transition: inherit;
	-webkit-transition: inherit;
}

.block-container.block-group:not(.vertical-bottom) {
	overflow: visible;
}

.block.right, .block-container.right {
	float: right;
}

/* .block.center, .block-container.center {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
} */

.block.center, .block-container.center {
	clear: both;
	float: none;
	margin-left: auto;
	margin-right: auto;
}

.blockcontainer-oversize {
	clear: both;
	margin: 10px 0;
	margin: var(--basic-margin) 0;
}

main .blockcontainer-oversize {
	padding-top: 10px;
	padding-top: var(--basic-margin);
}

.common-blocks>div.blockcontainer-oversize:first-child {
	margin-top: 0;
	padding-top: 0;
}

.blockcontainer-oversize.fixed-bottom, .blockcontainer-oversize.fixed-top {
	left: 0;
	width: 100%;
}

main .blockcontainer-oversize.groupcontainer-subcontainer {
	padding-top: 10px;
	padding-top: var(--basic-margin);
}

.blockcontainer-oversize:not([class*=groupcontainer-subcontainer]) {
	height: 600px;
}

.block-oversize {
	clear: both;
	left: 0;
	width: 100%;
	margin: 0;
}

.block-oversize.block-list .list>li {
	width: 100%;
	margin: 0;
}

.block-oversize:not(.fixed-top):not(.fixed-bottom) {
	position: absolute !important;
}

main .groupsubcontainer-subcontainer {
	background-color: #333333;
	background-color: var(--basic-color);
}

.groupsubcontainer-subcontainer>* {
	padding: 10px 0;
	padding: var(--basic-margin) 0;
}

.block-1_1 {
	width: calc(1200px - 10px * 2);
	width: calc(var(--basic-full) - var(--basic-margin) * 2);
	max-width: calc(100vw - 10px * 2);
	max-width: calc(100vw - var(--basic-margin) * 2);
}

.block-oversize:not(.groupsubcontainer-subcontainer) .block-1_1, .menu-toggle-always .block-1_1 {
	width: calc(100% - 10px * 2);
	width: calc(100% - var(--basic-margin) * 2);
}

.block-1_1.block-container, .block-1_1.block.margin-none {
	width: 1200px;
	width: var(--basic-full);
	max-width: 100vw;
}

.block-oversize:not(.groupsubcontainer-subcontainer) .block-1_1.block-container, .menu-toggle-always .block-1_1.block-container, .block-oversize:not(.groupsubcontainer-subcontainer) .block-1_1.block.margin-none {
	width: 100%;
}

.block-5_6 {
	width: calc(1200px * 5/6 - 10px * 2);
	width: calc(var(--basic-full) * 5/6 - var(--basic-margin) * 2);
	max-width: calc(100vw * 5/6 - 10px * 2);
	max-width: calc(100vw * 5/6 - var(--basic-margin) * 2);
}

.block-oversize:not(.groupsubcontainer-subcontainer) .block-5_6 {
	width: calc(100% * 5/6 - 10px * 2);
	width: calc(100% * 5/6 - var(--basic-margin) * 2);
}

.block-5_6.block-container, .block-5_6.block.margin-none {
	width: calc(1200px * 5/6);
	width: calc(var(--basic-full) * 5/6);
	max-width: calc(100vw * 5/6);
}

.block-oversize:not(.groupsubcontainer-subcontainer) .block-5_6.block-container, .block-oversize:not(.groupsubcontainer-subcontainer) .block-5_6.block.margin-none {
	width: calc(100% * 5/6);
}

.block-4_5 {
	width: calc(1200px * 4/5 - 10px * 2);
	width: calc(var(--basic-full) * 4/5 - var(--basic-margin) * 2);
	max-width: calc(100vw * 4/5 - 10px * 2);
	max-width: calc(100vw * 4/5 - var(--basic-margin) * 2);
}

.block-oversize:not(.groupsubcontainer-subcontainer) .block-4_5 {
	width: calc(100% * 4/5 - 10px * 2);
	width: calc(100% * 4/5 - var(--basic-margin) * 2);
}

.block-4_5.block-container, .block-4_5.block.margin-none {
	width: calc(1200px * 4/5);
	width: calc(var(--basic-full) * 4/5);
	max-width: calc(100vw * 4/5);
}

.block-oversize:not(.groupsubcontainer-subcontainer) .block-4_5.block-container, .block-oversize:not(.groupsubcontainer-subcontainer) .block-4_5.block.margin-none {
	width: calc(100% * 4/5);
}

.block-3_4 {
	width: calc(1200px * 3/4 - 10px * 2);
	width: calc(var(--basic-full) * 3/4 - var(--basic-margin) * 2);
	max-width: calc(100vw * 3/4 - 10px * 2);
	max-width: calc(100vw * 3/4 - var(--basic-margin) * 2);
}

.block-oversize:not(.groupsubcontainer-subcontainer) .block-3_4 {
	width: calc(100% * 3/4 - 10px * 2);
	width: calc(100% * 3/4 - var(--basic-margin) * 2);
}

.block-3_4.block-container, .block-3_4.block.margin-none {
	width: calc(1200px * 3/4);
	width: calc(var(--basic-full) * 3/4);
	max-width: calc(100vw * 3/4);
}

.block-oversize:not(.groupsubcontainer-subcontainer) .block-3_4.block-container, .block-oversize:not(.groupsubcontainer-subcontainer) .block-3_4.block.margin-none {
	width: calc(100% * 3/4);
}

.block-2_3 {
	width: calc(1200px * 2/3 - 10px * 2);
	width: calc(var(--basic-full) * 2/3 - var(--basic-margin) * 2);
	max-width: calc(100vw * 2/3 - 10px * 2);
	max-width: calc(100vw * 2/3 - var(--basic-margin) * 2);
}

.block-oversize:not(.groupsubcontainer-subcontainer) .block-2_3 {
	width: calc(100% * 2/3 - 10px * 2);
	width: calc(100% * 2/3 - var(--basic-margin) * 2);
}

.block-2_3.block-container, .block-2_3.block.margin-none {
	width: calc(1200px * 2/3);
	width: calc(var(--basic-full) * 2/3);
	max-width: calc(100vw * 2/3);
}

.block-oversize:not(.groupsubcontainer-subcontainer) .block-2_3.block-container, .block-oversize:not(.groupsubcontainer-subcontainer) .block-2_3.block.margin-none {
	width: calc(100% * 2/3);
}

.block-3_5 {
	width: calc(1200px * 3/5 - 10px * 2);
	width: calc(var(--basic-full) * 3/5 - var(--basic-margin) * 2);
	max-width: calc(100vw * 3/5 - 10px * 2);
	max-width: calc(100vw * 3/5 - var(--basic-margin) * 2);
}

.block-oversize:not(.groupsubcontainer-subcontainer) .block-3_5 {
	width: calc(100% * 3/5 - 10px * 2);
	width: calc(100% * 3/5 - var(--basic-margin) * 2);
}

.block-3_5.block-container, .block-3_5.block.margin-none {
	width: calc(1200px * 3/5);
	width: calc(var(--basic-full) * 3/5);
	max-width: calc(100vw * 3/5);
}

.block-oversize:not(.groupsubcontainer-subcontainer) .block-3_5.block-container, .block-oversize:not(.groupsubcontainer-subcontainer) .block-3_5.block.margin-none {
	width: calc(100% * 3/5);
}

.block-1_2 {
	width: calc(1200px * 1/2 - 10px * 2);
	width: calc(var(--basic-full) * 1/2 - var(--basic-margin) * 2);
	max-width: calc(100vw * 1/2 - 10px * 2);
	max-width: calc(100vw * 1/2 - var(--basic-margin) * 2);
}

.block-oversize:not(.groupsubcontainer-subcontainer) .block-1_2 {
	width: calc(100% * 1/2 - 10px * 2);
	width: calc(100% * 1/2 - var(--basic-margin) * 2);
}

.block-1_2.block-container, .block-1_2.block.margin-none {
	width: calc(1200px * 1/2);
	width: calc(var(--basic-full) * 1/2);
	max-width: calc(100vw * 1/2);
}

.block-oversize:not(.groupsubcontainer-subcontainer) .block-1_2.block-container, .block-oversize:not(.groupsubcontainer-subcontainer) .block-1_2.block.margin-none {
	width: calc(100% * 1/2);
}

.block-2_5 {
	width: calc(1200px * 2/5 - 10px * 2);
	width: calc(var(--basic-full) * 2/5 - var(--basic-margin) * 2);
	max-width: calc(100vw * 2/5 - 10px * 2);
	max-width: calc(100vw * 2/5 - var(--basic-margin) * 2);
}

.block-oversize:not(.groupsubcontainer-subcontainer) .block-2_5 {
	width: calc(100% * 2/5 - 10px * 2);
	width: calc(100% * 2/5 - var(--basic-margin) * 2);
}

.block-2_5.block-container, .block-2_5.block.margin-none {
	width: calc(1200px * 2/5);
	width: calc(var(--basic-full) * 2/5);
	max-width: calc(100vw * 2/5);
}

.block-oversize:not(.groupsubcontainer-subcontainer) .block-2_5.block-container, .block-oversize:not(.groupsubcontainer-subcontainer) .block-2_5.block.margin-none {
	width: calc(100% * 2/5);
}

.block-1_3 {
	width: calc(1200px * 1/3 - 10px * 2);
	width: calc(var(--basic-full) * 1/3 - var(--basic-margin) * 2);
	max-width: calc(100vw * 1/3 - 10px * 2);
	max-width: calc(100vw * 1/3 - var(--basic-margin) * 2);
}

.block-oversize:not(.groupsubcontainer-subcontainer) .block-1_3 {
	width: calc(100% * 1/3 - 10px * 2);
	width: calc(100% * 1/3 - var(--basic-margin) * 2);
}

.block-1_3.block-container, .block-1_3.block.margin-none {
	width: calc(1200px * 1/3);
	width: calc(var(--basic-full) * 1/3);
	max-width: calc(100vw * 1/3);
}

.block-oversize:not(.groupsubcontainer-subcontainer) .block-1_3.block-container, .block-oversize:not(.groupsubcontainer-subcontainer) .block-1_3.block.margin-none {
	width: calc(100% * 1/3);
}

.block-1_4 {
	width: calc(1200px * 1/4 - 10px * 2);
	width: calc(var(--basic-full) * 1/4 - var(--basic-margin) * 2);
	max-width: calc(100vw * 1/4 - 10px * 2);
	max-width: calc(100vw * 1/4 - var(--basic-margin) * 2);
}

.block-oversize:not(.groupsubcontainer-subcontainer) .block-1_4 {
	width: calc(100% * 1/4 - 10px * 2);
	width: calc(100% * 1/4 - var(--basic-margin) * 2);
}

.block-1_4.block-container, .block-1_4.block.margin-none {
	width: calc(1200px * 1/4);
	width: calc(var(--basic-full) * 1/4);
	max-width: calc(100vw * 1/4);
}

.block-oversize:not(.groupsubcontainer-subcontainer) .block-1_4.block-container, .block-oversize:not(.groupsubcontainer-subcontainer) .block-1_4.block.margin-none {
	width: calc(100% * 1/4);
}

.block-1_5 {
	width: calc(1200px * 1/5 - 10px * 2);
	width: calc(var(--basic-full) * 1/5 - var(--basic-margin) * 2);
	max-width: calc(100vw * 1/5 - 10px * 2);
	max-width: calc(100vw * 1/5 - var(--basic-margin) * 2);
}

.block-oversize:not(.groupsubcontainer-subcontainer) .block-1_5 {
	width: calc(100% * 1/5 - 10px * 2);
	width: calc(100% * 1/5 - var(--basic-margin) * 2);
}

.block-1_5.block-container, .block-1_5.block.margin-none {
	width: calc(1200px * 1/5);
	width: calc(var(--basic-full) * 1/5);
	max-width: calc(100vw * 1/5);
}

.block-oversize:not(.groupsubcontainer-subcontainer) .block-1_5.block-container, .block-oversize:not(.groupsubcontainer-subcontainer) .block-1_5.block.margin-none {
	width: calc(100% * 1/5);
}

.block-1_6 {
	width: calc(1200px * 1/6 - 10px * 2);
	width: calc(var(--basic-full) * 1/6 - var(--basic-margin) * 2);
	max-width: calc(100vw * 1/6 - 10px * 2);
	max-width: calc(100vw * 1/6 - var(--basic-margin) * 2);
}

.block-oversize:not(.groupsubcontainer-subcontainer) .block-1_6 {
	width: calc(100% * 1/6 - 10px * 2);
	width: calc(100% * 1/6 - var(--basic-margin) * 2);
}

.block-1_6.block-container, .block-1_6.block.margin-none {
	width: calc(1200px * 1/6);
	width: calc(var(--basic-full) * 1/6);
	max-width: calc(100vw * 1/6);
}

.block-oversize:not(.groupsubcontainer-subcontainer) .block-1_6.block-container, .block-oversize:not(.groupsubcontainer-subcontainer) .block-1_6.block.margin-none {
	width: calc(100% * 1/6);
}

.block-oversize:not(.groupsubcontainer-subcontainer)>.block, .block-oversize:not(.groupsubcontainer-subcontainer)>.block-container {
	max-width: none;
}

.block-auto {
	display: inline-block;
}

.block-spacing {
	position: relative;
	overflow: hidden;
}

.block-popup {
	position: absolute;
	top: 100px;
	left: 50%;
	z-index: 2000;
}

.block-popup>div {
	position: relative;
	left: -50%;
}

.block-fancybox {
	display: none;
}

.button, .buttonbig, .pager a {
	border-radius: 0px;
	border-radius: var(--basic-border-radius);
	background-color: #000000;
	background-color: var(--basic-button-background-color);
	color: #ffffff;
	color: var(--basic-button-color);
}

.button:hover:not([class*="disabled"]), .buttonbig:hover:not([class*="disabled"]), .pager a:hover {
	background-color: #888888;
	background-color: var(--basic-button-hover-background-color);
	color: #ffffff;
	color: var(--basic-button-hover-color);
}

.button.selected, .buttonbig.selected, .pager a.selected, .autocomplete .selected {
	background-color: #888888;
	background-color: var(--basic-hover-color);
}

.border {
	border: 1px solid #000000;
}

.list::after, .common-blocks::after, .block-group::after, .common-menu-hover::after, .common-menu-ordered::after {
	content: "";
	clear: both;
	display: block;
}

.common-menu-hover .common-blocks::after {
	clear: none;
}

.menu-toggle-always>.common-menu-hover .common-blocks::after {
	clear: both;
}

.button, .buttonbig {
	display: inline-block;
	border: 0;
	padding: 10px;
	padding: var(--basic-innerpadding);
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 16px;
	cursor: pointer;
	transition: all 0.1s ease;
}

.buttonbig {
	padding: 20px;
	font-size: 24px;
}

.button:hover, .buttonbig:hover {
	text-decoration: none;
}

.form li {
	padding: 0px;
	padding: var(--basic-padding);
}

.form li.form-fieldset {
	padding: 0;
}

form label {
	vertical-align: middle;
}

.form label:not(.label-radiolist-option):not(.label-radiolistul-option), .form span.label-multilist-option {
	display: inline-block;
	width: calc(1200px * 1/4 - 10px * 2);
	width: calc(var(--basic-full) * 1/4 - var(--basic-margin) * 2);
	max-width: calc(100% - 10px * 2);
	max-width: calc(100% - var(--basic-margin) * 2);
	margin: 10px;
	margin: var(--basic-margin);
	padding: 0px;
	padding: var(--basic-padding);
}

.form label.label-radiolist, .form label.label-radiolistul, .form label.label-multilist {
	vertical-align: top;
}

.form .radiolistul label.label-radiolist-option {
	display: inline-block;
}

.form .label-radiolist-option-description {
	display: block;
}

.form label.required::after {
	content: " *";
}

.form label.rightlabel {
	margin-left: 0;
	width: auto;
}

.form label.empty.cancel {
	display: none;
}

.form li label {
	padding-left: 0;
	padding-right: 0;
}

.form .multilist {
	margin: 10px;
	margin: var(--basic-margin);
	display: block;
}

.form .multilist label {
	display: inline;
}

.form div, .form .radiolistul {
	display: inline-block;
}

.form input[type="text"], .form input[type="search"], .form input[type="email"], .form input[type="tel"], .form input[type="date"], .form input[type="time"], .form input[type="url"], .form input[type="number"], .form input[type="password"], .form input[type="submit"], .form input[type="button"], .form textarea, .form select, .form .form-input-wrap, .form .form-textarea-wrap, .form .form-select-wrap {
	width: calc(1200px * 1/2 - 10px * 2);
	width: calc(var(--basic-full) * 1/2 - var(--basic-margin) * 2);
	max-width: calc(100% - 10px * 2);
	max-width: calc(100% - var(--basic-margin) * 2);
	vertical-align: middle;
}

.form .radiolist, .form .radiolistul {
	width: calc(1200px * 1/2);
	width: calc(var(--basic-full) * 1/2);
	max-width: 100%;
	vertical-align: middle;	
}

.form input[type="button"].cancel, .form input[type="reset"].cancel {
	opacity: 0.5;
	width: calc(1200px * 1/4 - 10px * 2);
	width: calc(var(--basic-full) * 1/4 - var(--basic-margin) * 2);
}

.form input[type="checkbox"] {
	vertical-align: middle;
}

.form input.toggle-checkbox {
	display: none !important;
}

.form label.toggle {
	position: relative;
	display: inline-block !important;
	width: 50px !important;
	height: 30px;
	cursor: pointer;
	border-radius: 10px;
	background-color: rgba(0, 0, 0, 0.3);
	transition: .1s;
}

.form label.toggle::before {
	content: "";
	position: absolute;
	top: 5px;
	left: 5px;
	width: 20px;
	height: 20px;
	border-radius: 8px;
	background-color: #ffffff;
	background-color: var(--basic-button-color);
	transition: .2s;
}

.form input.toggle-checkbox:checked+label.toggle::before {
	left: 25px;
}

.form input.toggle-checkbox:checked+.toggle {
	background-color: #000000;
	background-color: var(--basic-button-background-color);
}

.form .radiolist label {
	display: inline;
	margin: 0;
	vertical-align: middle;
}

.form .radiolist>span::after, .form .radiolist>label::after {
	content: "";
	display: block;
	margin: 10px 100% 10px 0;
	margin: var(--basic-margin) 100% var(--basic-margin) 0;
}

.form .radiolist input[type=radio], .form input[type=checkbox] {
	margin: calc(10px + 0px);
	margin: calc(var(--basic-margin) + var(--basic-padding));
	margin-left: 10px;
	margin-left: var(--basic-margin);
}

.form .radiolist .image, .form .radiolistul .image {
	max-width: calc(100% - 10px * 2);
	max-width: calc(100% - var(--basic-margin) * 2);
}

.form .multilist input[type=checkbox], .form .multilist label.toggle {
	margin: 0;
}

.form .datepicker {
	vertical-align: middle;
}

.form .datepicker select, .form .datepicker .form-select-wrap {
	display: block;
	float: left;
	width: calc(1200px * 1/6 - 10px * 2);
	width: calc(var(--basic-full) * 1/6 - var(--basic-margin) * 2);
}

.form .link {
	display: inline-block;
}

form .autocomplete {
	position: relative;
	display: block;
	clear: both;
	opacity: 0;
	transition-duration: 0.2s;
}

form .autocomplete.visible {
	opacity: 1;
}

form .autocomplete>ul {
	position: absolute;
	z-index: 10;
	display: block;
	overflow: hidden;
	width: 100%;
	max-height: 0;
	border: 1px solid #888888;
	border: 1px solid var(--basic-border-color);
	padding: 10px;
	padding: var(--basic-margin);
	background-color: #ffffff;
	background-color: var(--basic-background-color);
	transition-duration: 0.2s;
	text-align: left;
}

form .autocomplete.visible>ul {
	max-height: 1000px;
	transition-duration: 0.5s;
}

form .autocomplete>ul>li {
	display: block;
	padding: calc(10px / 2);
	padding: calc(var(--basic-margin) / 2);
	cursor: pointer;
}

form .autocomplete>ul>li::after {
	content: "";
	display: block;
	clear: both;
}

.autocomplete-type {
	margin-right: 10px;
	text-transform: uppercase;
	font-weight: bold;
}

.autocomplete-image {
	display: block;
	float: left;
	width: 60px;
	margin-right: 10px;
}

form .autocomplete {
	position: relative;
	display: block;
	clear: both;
	opacity: 0;
	transition-duration: 0.2s;
}

form .autocomplete.visible {
	opacity: 1;
}

form .autocomplete>ul {
	position: absolute;
	z-index: 10;
	display: block;
	overflow: hidden;
	width: 100%;
	max-height: 0;
	border: 1px solid #888888;
	border: 1px solid var(--basic-hover-color);
	padding: 10px;
	padding: var(--basic-margin);
	background-color: #ffffff;
	background-color: var(--basic-background-color);
	transition-duration: 0.2s;
	text-align: left;
}

form .autocomplete.visible>ul {
	max-height: 1000px;
	transition-duration: 0.5s;
}

form .autocomplete>ul>li {
	display: block;
	padding: calc(10px / 2);
	padding: calc(var(--basic-margin) / 2);
	cursor: pointer;
}

form .autocomplete>ul>li::after {
	content: "";
	display: block;
	clear: both;
}

form .autocomplete>ul>li.selected {
	box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.2);
}

form .autocomplete>ul>li>span {
	display: block;
}

.autocomplete-type {
	margin-right: 10px;
	text-transform: uppercase;
	font-weight: bold;
}

.autocomplete-image {
	float: left;
	width: 60px;
	margin-right: 10px;
}

form .autocomplete {
	position: relative;
	display: block;
	clear: both;
	opacity: 0;
	transition-duration: 0.2s;
}

form .autocomplete.visible {
	opacity: 1;
}

form .autocomplete>ul {
	position: absolute;
	z-index: 10;
	display: block;
	overflow: hidden;
	width: 100%;
	max-height: 0;
	border: 1px solid #888888;
	border: 1px solid var(--basic-hover-color);
	padding: 10px;
	padding: var(--basic-margin);
	background-color: #ffffff;
	background-color: var(--basic-background-color);
	transition-duration: 0.2s;
	text-align: left;
}

form .autocomplete.visible>ul {
	max-height: 1000px;
	transition-duration: 0.5s;
}

form .autocomplete>ul>li {
	display: block;
	padding: calc(10px / 2);
	padding: calc(var(--basic-margin) / 2);
	cursor: pointer;
}

form .autocomplete>ul>li::after {
	content: "";
	display: block;
	clear: both;
}

form .autocomplete>ul>li.selected {
	box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.2);
}

form .autocomplete>ul>li>span {
	display: block;
}

.autocomplete-type {
	margin-right: 10px;
	text-transform: uppercase;
	font-weight: bold;
}

.autocomplete-image {
	float: left;
	width: 60px;
	margin-right: 10px;
}

form .autocomplete {
	position: relative;
	display: block;
	clear: both;
	opacity: 0;
	transition-duration: 0.2s;
}

form .autocomplete.visible {
	opacity: 1;
}

form .autocomplete>ul {
	position: absolute;
	z-index: 10;
	display: block;
	overflow: hidden;
	width: 100%;
	max-height: 0;
	border: 1px solid #888888;
	border: 1px solid var(--basic-hover-color);
	padding: 10px;
	padding: var(--basic-margin);
	background-color: #ffffff;
	background-color: var(--basic-background-color);
	transition-duration: 0.2s;
	text-align: left;
}

form .autocomplete.visible>ul {
	max-height: 1000px;
	transition-duration: 0.5s;
}

form .autocomplete>ul>li {
	display: block;
	padding: calc(10px / 2);
	padding: calc(var(--basic-margin) / 2);
	cursor: pointer;
}

form .autocomplete>ul>li::after {
	content: "";
	display: block;
	clear: both;
}

form .autocomplete>ul>li.selected {
	box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.2);
}

form .autocomplete>ul>li>span {
	display: block;
}

.autocomplete-type {
	margin-right: 10px;
	text-transform: uppercase;
	font-weight: bold;
}

.autocomplete-image {
	float: left;
	width: 60px;
	margin-right: 10px;
}

.form input[type=text].securityimage-code {
	width: 180px;
}

.securityimage-image {
	display: inline-block;
	vertical-align: top;
	margin: 10px;
	margin: var(--basic-margin);
	margin-top: calc(10px + 0px);
	margin-top: calc(var(--basic-margin) + var(--basic-padding));
}

.form-error {
	display: inline-block;
	color: red;
}

.form-highlight {
	animation: highlight 2s infinite;
	-webkit-animation: highlight 2s infinite;
}

.breadcrumbs, .progress {
	margin: 10px;
	margin: var(--basic-margin);
}

.breadcrumbs li, .progress li {
	display: inline-block;
}

.breadcrumbs li:before, .progress li::before {
	content: " > ";
}

.breadcrumbs li:first-child::before, .progress li:first-child::before {
	content: none;
}

.icon {
	display: inline-block;
	width: 30px;
	height: 30px;
	margin: calc(10px + 0px);
	margin: calc(var(--basic-margin) + var(--basic-padding));
	text-indent: -9999px;
	background-size: contain;
	background-position: center center;
}

.imagezoom-handle {
	display: none;
}

.imagezoom-zoom:hover {
	cursor: move;
}

.imagezoom-zoom-onclick:not(.active):hover, .imagezoom-zoom-ontoggle:hover {
	cursor: zoom-in;
}

.imagezoom-zoom-ontoggle.active:hover {
	cursor: zoom-out;
}

.imagezoom-zoom-ongrab:hover {
	cursor: grab;
}

.imagezoom-zoom-ongrab.active:hover {
	cursor: grabbing;
}

.message {
	display: block;
	z-index: 1000;
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw !important;
	height: 100vh;
	background-color: rgba(0,0,0,0.5);
}

.message>div {
	display: block;
	z-index: 10001;
	position: fixed;
	left: calc(50% - 150px);
	top: 100px;
	width: 300px;
	border: 1px solid #888888;
	padding: calc(10px + 0px);
	padding: calc(var(--basic-margin) + var(--basic-padding));
	background-color: #ffffff;
	text-align: center;
	opacity: 0;
}

.message .none {
	display: none;
}

.message .warning {
	border: 1px solid #ff8800;
}

.message .error {
	border: 1px solid #cc0000;
}

.message>div>span {
	display: block;
	padding: calc(10px + 0px);
	padding: calc(var(--basic-margin) + var(--basic-padding));
	padding-top: 0;
}

.message .button {
	display: inline-block;
	margin: 10px;
	margin: var(--basic-margin);
	min-width: 80px;
}

.message .hidden {
	display: block;
	z-index: -10;
	opacity: 0;
	transition-duration: 0.4s;
}

.message .reveal {
	display: block;
	opacity: 1;
	transition-duration: 0.2s;
}

.message .image {
	margin-left: auto;
	margin-right: auto;
}

.loading {
	opacity: 0.50;
	transition-duration: 0.2s;
}

.loaded {
	opacity: 1;	
	transition-duration: 0.2s;
}

.loader {
	clear: both;
	overflow: hidden;
	width: 100%;
	height: 200px;
	background-image: url("../graphics/loader.gif");
}

.updated {
	animation: blinker 0.6s linear 3;
	-webkit-animation: blinker 0.6s linear 3;
}

@keyframes blinker {  
	50% {
		opacity: 0.2;
	}
}

@keyframes highlight { 
	0%, 100% {
		background-color: rgba(255, 240, 0, 0.5);
	}
	50% {
		background-color: rgba(240, 180, 0, 0.5);
	}
}

@media only screen and (max-width: 1200px) {
	html {
		width: 100vw;
		overflow-x: hidden;
		overflow-y: scroll;
	}

	main>*, .header-content>*, .footer-content>*, .block-oversize>.group-subcontainer, .groupsubcontainer-subcontainer>.slider-wrapper, .block-1_1.block-container {
		width: 100% !important;
	}

	body .fixed-top:not(.block-oversize), .fixed-bottom:not(.block-oversize), .fixed-auto-top .fixed-content .fixed-auto-bottom .fixed-content {
		max-width: 100% !important;
	}

	.fixed .fixed-subcontainer {
		display: none;
	}

	.message>div {
		left: calc(50% - 150px);
	}
}

@media only screen and (max-width: 900px) {
	.block-5_6, .block-4_5, .block-3_4, .block-2_3, .block-3_5 {
		width: calc(1200px - 10px * 2);
		width: calc(var(--basic-full) - var(--basic-margin) * 2);
		max-width: calc(100vw - 10px * 2);
		max-width: calc(100vw - var(--basic-margin) * 2);
	}

	.block-5_6.block-container, .block-4_5.block-container, .block-3_4.block-container, .block-2_3.block-container, .block-3_5.block-container {
		width: 1200px;
		width: var(--basic-full);
		max-width: 100vw;
	}
}

@media only screen and (min-width: 601px) {
	.hidden-desktop {
		display: none !important;
	}
}

@media only screen and (max-width: 600px) {
	h1 {
		font-size: 40px;
	}

	h2 {
		font-size: 28px;
	}

	h3 {
		font-size: 18px;
	}

	main {
		min-height: 0px;
	}

	.hidden-mobile {
		display: none !important;
	}

	.block-oversize.block-image img, .block-oversize.block-imagecontent img {
		max-width: 200%;
		width: 200%;
	}

	.block-1_2, .block-2_5, .block-1_3 {
		width: calc(1200px - 10px * 2);
		width: calc(var(--basic-full) - var(--basic-margin) * 2);
		max-width: calc(100vw - 10px * 2);
		max-width: calc(100vw - var(--basic-margin) * 2);
	}

	.block-1_2.block-container, .block-2_5.block-container, .block-1_3.block-container {
		width: 1200px;
		width: var(--basic-full);
		max-width: 100vw;
	}

	.block-1_4, .block-1_5, .block-1_6 {
		width: calc(1200px * 1/2 - 10px * 2);
		width: calc(var(--basic-full) * 1/2 - var(--basic-margin) * 2);
		max-width: calc(100vw * 1/2 - 10px * 2);
		max-width: calc(100vw * 1/2 - var(--basic-margin) * 2);
	}

	.block-1_4.block-container, .block-1_5.block-container, .block-1_6.block-container {
		width: calc(1200px * 1/2);
		width: calc(var(--basic-full) * 1/2);
		max-width: calc(100vw * 1/2);
	}

	.block-spacing {
		margin: 0 !important;
	}

	.common-menu-hover .common-blocks::after {
		clear: both;
	}

	.form input[type=text], .form input[type=search], .form input[type=email], .form input[type=tel], .form input[type=date], .form input[type=time], .form input[type=number], .form input[type=password], .form textarea, .form select, .form .radiolist, .form .radiolistul, .form .multilist, .form input[type=button].cancel {
		width: calc(100% - 10px * 2);
		width: calc(100% - var(--basic-margin) * 2);
	}

	.form .radiolist input:checked+span, .form .radiolist input:checked+label {
		font-weight: bold;
	}

	.form:not([class*="form-itemselector"]) label:not([class*="rightlabel"]):not([class*="label-radiolist"]):not([class*="label-radiolistul"]):not([class*="label-multilist-option"]) {
		display: none;
		margin-bottom: 0;
	}

	.form label.empty {
		display: none;
	}

	.form label.label-radiolist-option {
		max-width: calc(100% - 60px);
	}

	.form-error {
		margin: 10px;
		margin: var(--basic-margin);
	}

	.imagezoom-handle {
		display: block;
		margin: 10px;
		margin: var(--basic-margin);
		text-indent: -9999px;
	}
}

@media only screen and (max-width: 300px) {
	.block-1_4 {
		width: calc(1200px - 10px * 2);
		width: calc(var(--basic-full) - var(--basic-margin) * 2);
		max-width: calc(100vw - 10px * 2);
		max-width: calc(100vw - var(--basic-margin) * 2);
	}

	.block-1_4.block-container {
		width: 1200px;
		width: var(--basic-full);
		max-width: 100vw;
	}
}

@media (pointer: coarse) {
	input[type=radio] {
		background-color: #888888;
	}

	.imagezoom-handle {
		display: block;
		margin: 10px;
		margin: var(--basic-margin);
		text-indent: -9999px;
	}

	.noscroll {
		position: fixed;
	}
}