/*VERZE 2.0*/

html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

html, body {
	margin: 0;
	padding: 0;
	font-size: 100%;
	line-height: 1.2em;
}

* {
	margin: 0;
}

*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
}

img {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

i.fa {
	font-weight: 300;
}

.center {
	text-align: center !important;
}

.center-block {
	margin-left: auto !important;
	margin-right: auto !important;
	display: block !important;
}

.right {
	text-align: right !important;
}

.left {
	text-align: left !important;
}

.justify {
	text-align: justify !important;
}

.kur {
	font-style: italic !important;
}

.light {
	font-weight: normal !important;
}

.bold {
	font-weight: bold !important;
}

.uppercase {
	text-transform: uppercase;
}

.odskok {
	padding-top: 1em !important;
}

.bezmarginu, .nomargin {
	margin: 0 !important;
}

.bezmarginu-top, .nomargin-top {
	margin-top: 0 !important;
}

.bezmarginu-left, .nomargin-left {
	margin-left: 0 !important;
}

.bezmarginu-right, .nomargin-right {
	margin-right: 0 !important;
}

.bezmarginu-bottom, .nomargin-bottom {
	margin-bottom: 0 !important;
}

.nopad {
	padding: 0 !important;
}

.nopad-top {
	padding-top: 0 !important;
}

.nopad-left {
	padding-left: 0 !important;
}

.nopad-right {
	padding-right: 0 !important;
}

.nopad-bottom {
	padding-bottom: 0 !important;
}

.clear {
	clear: both !important;
}

.clear-left {
	clear: left !important;
}

.clear-right {
	clear: right !important;
}

.proexp {
	position: relative !important;
}

.bezramu, .noborder {
	border: 0 !important;
}

.bezpozadi, .nobg {
	background-image: none !important;
	background-color: transparent !important;
}

.block {
	display: block !important;
}

.inline {
	display: inline !important;
}

.inline-block {
	display: inline-block !important;
}

.no, .none {
	display: none !important;
}

.nowrap {
	white-space: nowrap !important;
}

.full {
	width: 100% !important;
}

.auto {
	width: auto !important;
}

.hand {
	cursor: pointer;
}

.float-right {
	float: right !important;
}

.float-left {
	float: left !important;
}

.nofloat {
	float: none !important;
}

.top {
	vertical-align: top !important;
}

.middle {
	vertical-align: middle !important;
}

.bottom {
	vertical-align: bottom !important;
}

.abc {
	list-style-type: lower-alpha !important;
}

.bezodrazek {
	list-style-type: none !important;
}

.btn {
	cursor: pointer;
	overflow: visible;
}

.nounder {
	text-decoration: none !important;
}

.under {
	text-decoration: underline !important;
}


/*velikosti*/

.xxxs {
	font-size: .6em !important;
}

.xxs {
	font-size: .7em !important;
}

.xs {
	font-size: .8em !important;
}

.s {
	font-size: .9em !important;
}

.m {
	font-size: 1em !important;
}

.l {
	font-size: 1.1em !important;
}

.xl {
	font-size: 1.2em !important;
}

.xxl {
	font-size: 1.3em !important;
}

.xxxl {
	font-size: 1.4em !important;
}

.xxxxl {
	font-size: 1.5em !important;
}

.xxxxxl {
	font-size: 1.6em !important;
}

.xxxxxxl {
	font-size: 1.7em !important;
}

big {
	font-size: 1.2em;
}

small {
	font-size: .8em;
}

.lh-xxxs {
	line-height: .6em !important;
}

.lh-xxs {
	line-height: .7em !important;
}

.lh-xs {
	line-height: .8em !important;
}

.lh-s {
	line-height: .9em !important;
}

.lh-m {
	line-height: 1em !important;
}

.lh-l {
	line-height: 1.2em !important;
}

.lh-xl {
	line-height: 1.4em !important;
}

.lh-xxl {
	line-height: 1.6em !important;
}

.lh-xxxl {
	line-height: 1.8em !important;
}

.lh-xxxxl {
	line-height: 2em !important;
}

.lh-xxxxxl {
	line-height: 2.2em !important;
}


/*obrazky*/

.obr, .obr-left {
	float: left;
	margin: 0px 25px 5px 0;
	display: inline;
}

.obr2, .obr-right {
	float: right;
	margin: 0px 0px 5px 25px;
	display: inline;
}

.obr3, .obr-center {
	float: none;
	margin: 0px auto 12px auto;
	display: block;
}

p, ul, ol {
	margin: 1em 0;
	padding: 0;
}

ol {
	padding-left: 2.2em;
}

ul {
	list-style-type: none;
}

ul ul, ol ol {
	margin: 1em 0em 1em 1.5em;
}

ul ul ul, ol ol ol {
	margin: 1em 0em 1em 3em;
}

q, blockquote {
	quotes: "\201E" "\201C";
}

figure {
	margin: 0;
}

address {
	font-style: normal;
	display: block;
	margin: .5em 0;
}

hr {
	height: 1px;
	color: #e8e8e8;
	background: #e8e8e8;
	clear: both;
	padding: 0;
	border: 0;
}

h1 a, h2 a, h3 a, h4 a, h5 a {
	text-decoration: none;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover {
	text-decoration: none;
}

th {
	text-align: left;
}

.borderbox, .col {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

input, textarea, select, button {
	font-family: inherit;
	line-height: normal;
	text-transform: none;
	font-size: 1em;
	vertical-align: middle;
	visibility: visible;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
	cursor: pointer;
	-webkit-appearance: button;
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

button::-moz-focus-inner, input::-moz-focus-inner {
	padding: 0;
	border: 0;
}

textarea {
	font-size: 1em;
	font-family: inherit;
	overflow: auto;
	vertical-align: top;
}

table {
	font-size: 1em;
	font-family: inherit;
	border-collapse: collapse;
	border-spacing: 0;
}

img {
	border: 0;
}

fieldset {
	border: 0;
	padding: 0;
	margin: 0;
}

form {
	margin: 0;
	padding: 0;
}

input[type="checkbox"], input[type="radio"] {
	border: 0;
	padding: 0;
	background: transparent none;
	margin: 0;
	width: auto;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-border-radius: 0;
}

.lomic {
	margin: 0;
	height: 1px;
	margin-top: -1px;
	clear: both;
}

strong strong, strong, .bold .bold, .bold strong {
	font-weight: bold;
}

.checkableReplacement {
	background: transparent;
	border: 0;
	cursor: pointer;
	vertical-align: middle;
}

.orez, .hellip {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.cover, img[src="/img/1x1.gif"], img[src="/img/3x2.gif"] {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.w25 {
	width: 25px !important;
}

.w50 {
	width: 50px !important;
}

.w100 {
	width: 100px !important;
}

.w200 {
	width: 200px !important;
}

.w300 {
	width: 300px !important;
}

.w400 {
	width: 400px !important;
}

.w500 {
	width: 500px !important;
}

.w600 {
	width: 600px !important;
}

.w700 {
	width: 700px !important;
}

.w150 {
	width: 150px !important;
}

.w250 {
	width: 250px !important;
}

.w350 {
	width: 350px !important;
}

.w450 {
	width: 450px !important;
}

.w10p {
	width: 10% !important;
}

.w20p {
	width: 20% !important;
}

.w30p {
	width: 30% !important;
}

.w40p {
	width: 40% !important;
}

.w50p {
	width: 50% !important;
}

.w60p {
	width: 60% !important;
}

.w80p {
	width: 80% !important;
}

.w90p {
	width: 90% !important;
}

.w25p {
	width: 25% !important;
}

.w75p {
	width: 75% !important;
}

.w33p {
	width: 33.33% !important;
}

.w66p {
	width: 66.66% !important;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11 {
	min-height: 1px;
	position: relative;
}


/*.col-1:after,.col-2:after,.col-3:after,.col-4:after,.col-5:after,.col-6:after,.col-7:after,.col-8:after,.col-9:after,.col-10:after,.col-11:after{ content: " "; clear: both; display: block; }*/

.col-1 {
	width: 8.33333333333333%;
}

.col-2 {
	width: 16.66666666666666%;
}

.col-3 {
	width: 25%;
}

.col-4 {
	width: 33.33333333333333%;
}

.col-5 {
	width: 41.6666666666666%;
}

.col-6 {
	width: 50%;
}

.col-7 {
	width: 58.33333333333333%;
}

.col-8 {
	width: 66.66666666666666%;
}

.col-9 {
	width: 75%;
}

.col-10 {
	width: 83.3333333333333%;
}

.col-11 {
	width: 91.66666666666666%;
}

.col-12 {
	width: 100%;
}

.row {
	margin-left: -15px;
	margin-right: -15px;
	clear: both;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-align-items: stretch;
	-moz-align-items: stretch;
	-ms-align-items: stretch;
	-o-align-items: stretch;
	align-items: stretch;
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	-o-flex-flow: row wrap;
	flex-flow: row wrap;
}

.row-pad0 {
	margin-left: 0;
	margin-right: 0;
	clear: both;
}

.row-pad5 {
	margin-left: -5px;
	margin-right: -5px;
	clear: both;
}

.row-pad10 {
	margin-left: -10px;
	margin-right: -10px;
}

.row-pad20 {
	margin-left: -20px;
	margin-right: -20px;
}

.row-pad25 {
	margin-left: -25px;
	margin-right: -25px;
}

.row-pad30 {
	margin-left: -30px;
	margin-right: -30px;
}

.row-pad50 {
	margin-left: -50px;
	margin-right: -50px;
}

.row > *:first-child {
	margin-top: 0;
}

.row>div[class^="col"] {
	padding: 0 15px;
}

.row-pad0>div[class^="col"] {
	padding: 0 0;
}

.row-pad5>div[class^="col"] {
	padding: 0 5px;
}

.row-pad10>div[class^="col"] {
	padding: 0 10px;
}

.row-pad20>div[class^="col"] {
	padding: 0 20px;
}

.row-pad25>div[class^="col"] {
	padding: 0 25px;
}

.row-pad30>div[class^="col"] {
	padding: 0 30px;
}

.row-pad50>div[class^="col"] {
	padding: 0 50px;
}

.separated > div[class^="col"] {
	border-left: 1px solid #ccd8df;
	border-right: 1px solid #ccd8df;
}

.separated > div[class^="col"]:first-child {
	border-left: 0;
}

.separated > div[class^="col"]:last-child {
	border-right: 0;
}

.separated > div[class^="col"]+div[class^="col"] {
	margin-left: -1px;
}

.separated > div[class^="col"] {
	border-color: #ccd8df;
}

.img-responsive, .responsive-img {
	height: auto;
	width: 100%;
}

.img-circle {
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-border-radius: 50%;
}

a[href^="tel:"] {
	cursor: default !important;
	text-decoration: none;
}


/* flex */

#page {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	-webkit-flex-wrap: nowrap;
	-moz-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	-o-flex-wrap: nowrap;
	flex-wrap: nowrap;
	min-height: 100vh;
}

main {
	-webkit-flex-grow: 2;
	-moz-flex-grow: 2;
	-ms-flex-grow: 2;
	-o-flex-grow: 2;
	flex-grow: 2;
}


/* Icomoon */

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

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-search:before {
	content: "\e036";
}

.icon-ico_chemicke:before {
	content: "\e92b";
}

.icon-ico_pratelny30:before {
	content: "\e92c";
}

.icon-ico_tuhost29:before {
	content: "\e92a";
}

.icon-ico_nosnost-kg:before {
	content: "\e929";
}

.icon-ico_hp_7:before {
	content: "\e920";
}

.icon-ico_pratelny40:before {
	content: "\e91f";
}

.icon-ico_nosnost:before {
	content: "\e914";
}

.icon-oteviraci-doba:before {
	content: "\e909";
}

.icon-ico_dual:before {
	content: "\e90f";
}

.icon-ico_snimatelny:before {
	content: "\e910";
}

.icon-ico_deti:before {
	content: "\e911";
}

.icon-ico_zaruka:before {
	content: "\e912";
}

.icon-ico_pratelny:before {
	content: "\e913";
}

.icon-ico_potah:before {
	content: "\e915";
}

.icon-ico_kolekce:before {
	content: "\e916";
}

.icon-ico_tuhost5:before {
	content: "\e917";
}

.icon-ico_tuhost4:before {
	content: "\e918";
}

.icon-ico_tuhost3:before {
	content: "\e919";
}

.icon-ico_tuhost2:before {
	content: "\e91a";
}

.icon-ico_tuhost1:before {
	content: "\e91b";
}

.icon-ico_vyska:before {
	content: "\e91c";
}

.icon-ico_rozmer:before {
	content: "\e91d";
}

.icon-ico_monitor:before {
	content: "\e91e";
}

.icon-ico_hodiny:before {
	content: "\e921";
}

.icon-ico_mapa:before {
	content: "\e922";
}

.icon-ico_hp_6:before {
	content: "\e923";
}

.icon-ico_hp_5:before {
	content: "\e924";
}

.icon-ico_hp_4:before {
	content: "\e925";
}

.icon-ico_hp_3:before {
	content: "\e926";
}

.icon-ico_hp_2:before {
	content: "\e927";
}

.icon-ico_hp_1:before {
	content: "\e928";
}

.icon-certifikaty:before {
	content: "\e901";
}

.icon-email:before {
	content: "\e906";
}

.icon-konzultace:before {
	content: "\e907";
}

.icon-mapa:before {
	content: "\e908";
}

.icon-patent:before {
	content: "\e90a";
}

.icon-telefon:before {
	content: "\e90b";
}

.icon-tradice:before {
	content: "\e90c";
}

.icon-zaruka:before {
	content: "\e90d";
}

.icon-zdravy-spanek:before {
	content: "\e90e";
}

.icon-cross-small:before {
	content: "\e900";
}

.icon-arrow-left:before {
	content: "\e902";
}

.icon-arrow-right:before {
	content: "\e903";
}

.icon-arrow-right-big:before {
	content: "\e904";
}

.icon-arrow-left-big:before {
	content: "\e905";
}

textarea, input[type="text"], input[type="button"], input[type="reset"], input[type="search"], input[type="email"], input[type="submit"], input[type="url"], input[type="tel"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

select::-ms-expand {
	display: none;
}

.hidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

@media screen { 
/*/domains1/magniflex_cz/public/www_root/css/default.css*/
html {
	background: White;
	margin: 0;
	padding: 0;
}

body {
	background: transparent;
	margin: 0;
	padding: 0;
}

html,
body,
input,
textarea,
select,
table {
	font-family: "Montserrat", sans-serif;
	color: var(--textColor);
	font-style: normal;
	font-weight: 400;
}

hr {
	background: var(--bdrColor);
	height: 1px;
	margin: 2em 0;
}

h1,
h2,
h3,
h4,
h5 {
	font-weight: var(--fwB);
	line-height: 1.25em;
	margin: 2.5em 0 1.5em 0;
	color: var(--secColor);
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a {
	color: currentColor;
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover {
	color: #22b24c;
}

h1,
.likeH1 {
	font-size: clamp(1.75em, 4vw, 2em);
	margin-top: 0;
}

h2 {
	font-size: clamp(1.375em, 3vw, 1.5em);
}

h3 {
	font-size: clamp(1.25em, 2vw, 1.375em);
}

h4 {
	font-size: clamp(1.125em, 2vw, 1.25em);
}

h5 {
	font-size: 1em;
}

a {
	color: var(--secColor);
	cursor: pointer;
}

button {
	padding: 0;
	margin: 0;
	border-width: 0;
	background: transparent none;
	box-shadow: none;
	border-radius: 0;
	cursor: pointer;
	font: inherit;
	outline: none;
	color: var(--textColor);
}

input,
textarea,
select,
.btn,
.addFileButton {
	background: White;
	border: 1px solid var(--inputBdrColor);
	padding: 12px 24px;
	margin: 0;
	display: inline-block;
	text-decoration: none;
	width: 100%;
	border-radius: 8px;
	line-height: 1.5rem;
	outline: 0;
}

body {
	font-size: 1em;
	line-height: 1.75em;
}

.section {
	max-width: 1230px;
	display: block;
	margin: 0 auto;
	padding: 0 16px;
	position: relative;
	width: 100%;
}

.section--wider {
	max-width: 1600px;
	padding: 0 clamp(15px, 1.25vw, 48px);
}

.section--narrow {
	max-width: 60rem;
}

.leftCol a.subpagetitle {
	padding: 15px 0 10px 0;
	display: block;
	text-transform: none;
	font-size: 12pt;
}

.logo {
	max-width: 200px;
	width: 15%;
	align-self: center;
}

.logo h1 {
	margin: 0;
}

.logo svg,
.logo img {
	width: 100%;
	height: auto;
	display: block;
}

.logo .logo__img--small {
	display: none;
}

.fa {
	font-weight: 300;
}

.branch__link:hover {
	color: var(--primColor);
}

.branch__link {
	color: currentColor;
}

@media (min-width: 1219px) {
	.branch__link {
		white-space: nowrap;
		display: block;
		text-overflow: ellipsis;
		overflow: hidden;
		max-width: 28vw;
	}
}

.branch__tel {
	white-space: nowrap;
	align-self: center;
	color: currentColor;
	text-decoration: none;
}

.branch {
	display: flex;
	flex-flow: row wrap;
	gap: 0 0.5em;
}

.topBarL {
	display: flex;
	font-size: 0.75em;
	gap: 8px 1.5em;
	font-weight: 500;
	line-height: 1.25em;
}

.branch .loader {
	width: 16px;
	height: 16px;
	border-width: 2px;
}

.branch__btn:hover {
	color: white;
	background: var(--primColor);
}

.branch__btn {
	color: currentColor;
	font-size: 0.6875rem;
	background: var(--altColor);
	padding: 2px 9px;
	border-radius: 24px;
	white-space: nowrap;
	align-self: center;
	text-decoration: none;
}

.topBar__btn .svgIcon {
	width: 36px;
	margin-top: -4px;
}

.topBar__btn:hover {
	background: var(--secColor);
	color: white;
	text-decoration: none;
	border-color: var(--secColor);
}

.topBar__btn img {
	transition: all 0.15s;
}
.topBar__btn:hover img {
	filter: brightness(0) invert(1);
}

.topBar__btn {
	background-color: white;
	border: 1px solid currentColor;
	border-top-width: 0;
	color: var(--primColor);
	font-weight: var(--fwN);
	min-height: 48px;
	display: flex;
	align-items: center;
	border-radius: 0px 0px 10px 10px;
	padding: 0 12px;
	text-decoration: none;
	line-height: 1.2em;
	gap: 12px;
	font-size: 0.8125em;
	letter-spacing: -0.025em;
	transition: all 0.15s;
}

.topBar__btn--2 .svgIcon {
	margin: 0;
	width: 26px;
}

.topBar__btn--2 {
	color: var(--textColor);
}

.topBarR {
	align-self: flex-start;
	display: flex;
	gap: 4px;
}

.topBar {
	border-bottom: 1px solid var(--bdrColor);
}

.topBar .fa-spinner {
	line-height: 19px;
}

header .section {
	padding: 0 clamp(15px, 1.25vw, 48px);
	align-items: center;
	display: flex;
	justify-content: space-between;
	height: 36px;
	gap: clamp(16px, 1.5vw, 30px);
}

header {
	position: relative;
}

.header .section {
	height: 120px;
}

.header hr {
	flex: auto;
}

.topBtns {
	display: flex;
	gap: 10px;
	align-items: center;
}

.topBtn:hover {
	color: var(--primColor);
}

.topBtn {
	padding: 0;
	border-width: 0;
	width: 40px;
	height: 40px;
	display: grid;
	place-content: center;
	font-size: 1.375em;
	border-radius: 0;
	background: transparent;
}

.header__r {
	display: flex;
	align-items: center;
	flex: auto;
	gap: clamp(4px, 1.5vw, 30px);
}

.lang {
	display: flex;
	gap: 8px;
	font-size: 12px;
	text-transform: uppercase;
}

.lang img {
	width: 20px;
	height: 20px;
	display: block;
	border-radius: 50%;
	border: 3px solid var(--bdrColor);
}

nav a,
nav span.respNav__a {
	display: inline-block;
	padding: 0 10px;
	text-decoration: none;
	text-align: center;
	line-height: 1.2em;
	font-weight: 400;
}

nav li {
	position: relative;
}

nav ul {
	margin: 0;
	padding: 0;
}

.topNav {
	padding-left: clamp(16px, 2.5vw, 48px);
	flex: auto;
}

.topNav ul a,
.topNav .submenu__level {
	color: #0c4763;
	font-weight: 600;
}

.topNav a:hover,
.topNav a.aktivni {
	border-bottom-color: #22b24c;
	text-decoration: none;
	color: #0c4763;
}

.pageID1 .topNav a.aktivni {
	border-bottom-color: white;
}

.topNav > ul > li {
	height: 120px;
	display: flex;
	align-items: center;
}

.topNav > ul {
	display: flex;
	gap: clamp(12px, 2vw, 24px);
	justify-content: space-between;
	align-items: center;
}

.topNav .hasSubmenuMulti {
	position: static;
}

.topNav > ul > li > a {
	display: flex;
	flex: auto;
	padding: 4px 0;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative;
	height: 60px;
}

.topNav > ul li a:after {
	content: " ";
	height: 3px;
	width: 0%;
	background: #22b24c;
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	transition: width 0.3s;
}

.topNav > ul > li:hover > a::after,
.topNav > ul li a.aktivni::after {
	width: 100%;
}

.pageID1 .topNav > ul li a.aktivni:after {
	/*width: 0%;*/
}

.topNav .topNav__sub {
	position: absolute;
	left: -16px;
	bottom: 0;
	min-width: 220px;
	background: #fff;
	box-shadow: 0 20px 20px rgba(0, 0, 0, 0.1);
	margin: 0;
	padding: 0;
	z-index: 5000;
	padding: 0 0 24px 0;
	transform: translateY(100%);
}

.hasSubmenuMulti:hover .submenu,
.topNav .hasSubmenu:hover .submenu {
	opacity: 1;
	pointer-events: auto;
}

.submenu {
	position: absolute;
	display: block;
	bottom: 1px;
	right: 0;
	left: 0;
	bottom: 0;
	z-index: 99;
	background-color: white;
	overflow: visible;
	transform: translateY(100%);
	padding: 16px clamp(16px, 4vw, 48px);
	box-shadow: -5px 20px 50px rgba(0, 0, 0, 0.12);
	gap: 32px 24px;
	display: grid;
	gap: 16px;
	padding-bottom: 24px;
	pointer-events: none;
	opacity: 0;
	grid-template-columns: repeat(4, 1fr);
	transition: all 0.25s;
}

.topNav .submenu a,
.topNav .submenu__level {
	padding: 4px 0;
	display: block;
	text-align: left;
}
.submenu hr {
	margin: 10px 0;
	width: 40px;
	height: 1px;
	background: #ccc;
}

.topNav ul .topNav__ghostLink {
	color: #5d5d5d;
}

.topNav ul ul li {
	padding: 0;
	float: none;
	margin: 0;
}
.submenu hr {
	margin: 10px 0;
	width: 40px;
	height: 1px;
	background: #ccc;
}

.topNav ul .topNav__ghostLink {
	color: #5d5d5d;
}

.submenu hr {
	margin: 10px 0;
	width: 40px;
	height: 1px;
	background: #ccc;
}

.topNav ul .topNav__ghostLink {
	color: #5d5d5d;
}

.topNav ul ul a.aktivni {
	color: var(--textColor);
	text-decoration: underline;
}

.topNav ul ul a, .topNav ul ul > li > span {
	padding: 10px 16px;
	display: block;
	text-decoration: none;
	color: var(--textColor);
	text-align: left;
	font-weight: var(--fwL);
	font-size: 0.875em;
	font-weight: 500;
}

.topNav ul ul a:hover {
	color: var(--primColor);
	text-decoration: underline;
}

.topNav li:last-child ul {
	left: auto;
	right: 0;
}

.menu a {
	color: #0c4763;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 0.75em;
	display: block;
	text-decoration: none;
	padding: 8px 0;
	line-height: 1.25em;
}

.menu a.aktivni,
.menu a:hover {
	color: #22b24c;
	text-decoration: none;
}

.menu li {
	position: relative;
	z-index: 10;
}

.menu ul {
	margin: 0;
	padding: 0;
}

.topNav__sub {
}

.menu {
	top: 16px;
	position: sticky;
}

strong {
	font-weight: var(--fwN);
}

.content {
	padding: 36px 0 var(--vSpace) 0;
}

main ul:not([class]) {
	margin-left: 0;
	padding: 0;
	margin-top: var(--hSpace);
	list-style-image: none;
}

main ul:not([class]) li {
	padding: 0;
	margin: 0.7em 0;
	position: relative;
	display: block;
	padding-left: 30px;
}

main ul:not([class]) > li:before {
	content: " ";
	background: var(--secColor);
	display: block;
	clear: both;
	border-radius: 50%;
	width: 6px;
	height: 6px;
	display: inline-block;
	position: absolute;
	left: 0;
	top: calc(1.5em / 2 - 1px);
}

main ol:not([class]) {
	margin-top: var(--hSpace);
	margin-left: 0;
	padding: 0;
	list-style-image: none;
}

main ol:not([class]) li {
	padding: 0;
	margin: 1em 0;
	position: relative;
	padding-left: 40px;
	display: block;
	counter-increment: step-counter;
}

main ol:not([class]) li:before {
	position: absolute;
	left: 0;
	top: -1px;
	color: #0c4763;
	width: 30px;
	line-height: 28px;
	text-align: center;
	font-size: 0.875em;
	font-weight: var(--fwN);
	border: 1px solid #0c4763;
	background: white;
	display: inline-block;
	border-radius: 50%;
	content: counter(step-counter);
}

.content > h1:nth-of-type(1) {
	margin-top: 0;
}

.content img {
	height: auto;
	max-width: 100%;
}

.content h4 img.center-block[src*="/img/pin-"] {
	width: 36px;
	height: 44px;
	max-width: 36px;
	object-fit: contain;
	margin-bottom: 8px;
}

aside {
	float: left;
	max-width: 240px;
	min-width: 11em;
	padding: 36px 0 var(--vSpace) 0;
	line-height: 1.3em;
}

aside h4 {
	margin: 0 0 15px 0;
	font-size: 1.125em;
	padding-bottom: 10px;
	border-bottom: 3px solid #22b24c;
}

main:after {
	clear: both;
	height: 1px;
	content: " ";
	display: block;
}

.productBar {
	background: #fff url(/img/bar.jpg) 0 0 no-repeat;
	background-size: cover;
	text-align: right;
	line-height: 50px;
	color: white;
	font-size: 0.75em;
	text-transform: uppercase;
}

.productBar ul {
	float: left;
	margin: 0;
	padding: 0 0 0 0px;
}

.catalog span {
	text-decoration: underline;
	display: inline-block;
}

.catalog {
	color: white;
	text-decoration: none;
}

.catalog:hover:before {
	background: #22b24c;
	border-color: #22b24c;
	color: white;
}

.productBar ul li:last-child a:hover:before,
.productBar ul li:last-child a.aktivni:before {
	background: #22b24c;
	border-color: #22b24c;
	color: white;
}

.productBar ul li:last-child a:before {
	content: "PDF";
	border-radius: 8px;
	border: 1px solid white;
	margin-right: 5px;
	padding: 2px 5px;
	line-height: 1em;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.productBar ul li:last-child a {
	text-decoration: underline;
	font-weight: 400;
}

.productBar ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
}

.productBar ul li {
	float: left;
	margin-right: 1.5vw;
}

.productBar ul a.aktivni:after {
	content: " ";
	display: block;
	position: absolute;
	width: 12px;
	height: 12px;
	background: white;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	left: 50%;
	bottom: -7px;
	margin-left: -5px;
}

.productBar a.aktivni,
.productBar a:hover {
	color: #22b24c;
	text-decoration: none;
}

.productBar ul a {
	display: block;
	position: relative;
	color: white;
	padding: 0 5px;
	font-weight: 600;
	text-decoration: none;
	overflow: hidden;
}

.tab,
table[border="1"] {
	font-size: 1em;
	border: 0;
	border-collapse: collapse;
	margin: 1em 0;
	width: auto;
	line-height: 1.3em;
}

.tab td,
.tab th,
table[border="1"] td,
table[border="1"] th {
	border: 0;
	border-top: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
	border-color: rgba(166, 168, 176, 0.3);
	padding: 6px 10px;
}

.tab th,
table[border="1"] th {
	font-weight: bold;
	text-align: left;
	vertical-align: top;
	font-size: 1em;
}

.tab tr:nth-of-type(odd) {
}

.popup {
	display: inline-block;
	position: relative;
}

.popupIco {
	display: block;
	cursor: pointer;
	width: 24px;
	height: 24px;
	line-height: 24px;
	color: white;
	background: gray;
	border-radius: 50%;
	text-align: center;
}

.popupIco:hover {
	background: #118dc0;
	color: white;
	text-decoration: none;
}

.popup dialog {
	display: none;
	padding: 1em;
	margin: 0;
	font-size: 0.9em;
	line-height: 1.2em;
	z-index: 10;
	position: absolute;
	background: gray;
	color: white;
	width: 200px;
	border: 0;
	top: 30px;
}

.popupIco:target dialog {
	display: block;
}

.dialogOpen dialog {
	display: block;
}

.popup dialog:after {
	content: " ";
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 24px;
	height: 24px;
	background: gray;
	position: absolute;
	top: -10px;
	left: 15px;
	z-index: -1;
}

.loga {
	display: flex;
	align-items: center;
	justify-content: space-around;
	flex-flow: row wrap;
	margin-top: var(--hSpace);
}

.loga span {
	padding: 10px;
	display: inline-block;
	flex: 1;
	flex-basis: 0;
	min-width: 65px;
	text-align: center;
	max-width: 90px;
	width: 25%;
}

.loga img {
	max-width: 100%;
	height: auto;
}

footer,
.down {
	background: #f0f0f0;
}

.viteze {
	text-align: center;
	max-width: 50rem;
	margin: var(--hSpace) auto 0 auto;
}

.viteze h2::before {
	height: 5px;
	display: block;
	margin: 0 auto;
	width: 50px;
	margin-bottom: 30px;
	background: #22b24c;
	content: " ";
}

.viteze h2 {
	margin-top: 0;
	margin-bottom: 0;
}

.soc {
	text-align: center;
	padding: 20px 0;
}

.soc a:hover {
	color: #fff;
	background: #0c4763;
}

.soc a {
	text-decoration: none;
	color: var(--textColor);
	border-radius: 50%;
	background: white;
	width: 44px;
	height: 44px;
	line-height: 44px;
	display: inline-block;
	margin: 0 5px;
	text-align: center;
	font-size: 18px;
}

footer .section {
	max-width: 960px;
}

.footer .row {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	-ms-grid-row-align: stretch;
	align-items: stretch;
	-ms-flex-line-pack: center;
	align-content: center;
	text-align: center;
}

.footer .row > div {
	padding: 20px 15px;
	font-size: 0.85em;
	font-weight: 300;
	color: #0c4763;
}

.inter {
	text-transform: uppercase;
	text-align: center;
	font-size: 1em;
	margin-top: 15px;
}

.inter a {
	font-weight: 700;
	margin: 0 10px;
}

.footer a {
	margin: 0 5px;
	color: currentColor;
}

.sortby {
	display: inline-block;
	position: relative;
	margin: 0;
	vertical-align: middle;
}

.sortby span.click,
.link {
	display: inline-block;
	text-decoration: none;
	line-height: 32px;
	cursor: pointer;
	text-align: left;
	padding: 0 12px;
	border-radius: 16px;
	background: #22b24c;
	color: white;
	text-transform: uppercase;
	font-weight: 600;
	white-space: nowrap;
	min-width: 160px;
	text-align: center;
}

.link {
	background: #e8682f;
}

.link:hover {
	background: #22b24c;
}

.sortby span.click:hover {
	color: white;
	background: #22b24c;
	text-decoration: none;
}

.sortby span.click i {
	line-height: 32px;
	margin-left: 3px;
	text-align: center;
}

.sortby ul {
	list-style-type: none;
	display: none;
	z-index: 10;
	margin: 0;
	padding: 4px 0;
	text-align: left;
	position: absolute;
	top: 32px;
	right: 0;
	min-width: 100%;
	background: #22b24c;
	border-top: 0;
	border-radius: 0 0 16px 16px;
	white-space: normal;
	font-weight: 700;
}

.sortbyOpen span.click {
	border-radius: 16px 16px 0 0px;
}

.sortby ul li {
	cursor: pointer;
}

.sortby ul li a {
	color: white;
	text-decoration: none;
	padding: 4px 15px;
	display: block;
	line-height: 1.2em;
}

.sortby ul li a:hover {
	color: white;
	text-decoration: underline;
}

.sortbyOpen ul {
	display: block;
}

.datum {
	color: #22b24c;
	font-size: 12px;
	line-height: 1.2em;
}

.article p {
	margin: 0;
}

article a {
	color: currentColor;
}

.h2spec {
	margin-top: 0;
}

.blueSlides {
	text-align: center;
	color: white;
	background: #0c4763;
	position: relative;
	min-height: 700px;
	background: #0c4763 no-repeat center center;
	background-size: cover;
	overflow: hidden;
}

.kolekce .bookmarks li {
	background-color: rgba(12, 71, 99, 0.7);
}

.kolekce .blueSlide {
	padding-top: 40px;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.kolekce .blueSlideText {
	margin: 0 auto;
	max-width: 480px;
	background-color: rgba(12, 71, 99, 0.7);
	padding: 20px 15px;
	border-radius: 15px;
}

.kolekce > h2 {
	display: none;
}

.reference {
	min-height: 850px;
}

.reference h2 {
	position: absolute;
	width: 100%;
	text-align: center;
	top: 60px;
	left: 0;
	z-index: 20;
}

.blueSlide {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	padding: 150px 90px 90px 90px;
	background: #0c4763 no-repeat center center;
	background-size: cover;
	-webkit-transition: left 0.5s, right 0.5s;
	-o-transition: left 0.5s, right 0.5s;
	transition: left 0.5s, right 0.5s;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-line-pack: center;
	align-content: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-flow: column wrap;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-flow: column wrap;
}

.blueSlideNext {
	left: auto;
	right: -100%;
}

.blueSlidePrev {
	left: -100%;
}

.moveNext .blueSlideNext {
	right: 0%;
}

.movePrev .blueSlidePrev {
	left: 0%;
}

.blueSlides .h2spec:after {
	background: #ed1c24;
	margin-bottom: 0;
}

.blueSlides .bookmarks {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	z-index: 20;
}

.blueSlides .arr {
	color: rgba(255, 255, 255, 0.6);
}

.blueSlides .arr:hover {
	color: #22b24c;
}

.blueSlides img {
	border-radius: 50%;
	display: block;
	margin: 0 auto;
}

.blueSlides .btn {
	margin: 3px 5px;
}

.blueSlides h3 {
	font-size: 2.6em;
	margin: 10px 0;
}

.reference h3 {
	text-transform: none;
	margin-bottom: 0;
}

.blueSlides p {
	margin: 0;
	text-transform: uppercase;
	font-size: 12px;
	color: rgba(255, 255, 255, 0.7);
}

.kolekce.blueSlides blockquote {
	font-size: 1.1em;
}

.blueSlides blockquote {
	font-size: 1.25em;
	line-height: 1.2em;
	margin: 5px auto 40px auto;
	max-width: 960px;
	display: block;
}

.reference blockquote:before {
	display: block;
	content: url(/img/uv.svg);
	text-align: left;
}

.bookmarks {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	list-style-type: none;
	margin: 0;
	padding: 60px 0 0 0;
	-ms-flex-flow: row nowrap;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	flex-flow: row nowrap;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.bookmarks li {
	float: left;
	-webkit-box-flex: 1;
	-ms-flex: auto;
	flex: auto;
	width: calc(100% / 8);
	min-width: 120px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.15);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-align-items: stretch;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	min-height: 50px;
}

.bookmarks a {
	color: rgba(255, 255, 255, 0.7);
	text-transform: uppercase;
	font-size: 0.75em;
	display: block;
	-webkit-box-flex: 1;
	-ms-flex: auto;
	flex: auto;
	text-align: center;
	border-bottom: 5px solid transparent;
	padding: 10px 5px 5px 5px;
	text-decoration: none;
	line-height: 1.5em;
	white-space: normal;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.bookmarks a strong {
	display: block;
	margin-bottom: 2px;
	color: white;
}

.bookmarks li + li {
	border-left: 1px solid rgba(255, 255, 255, 0.15);
}

.bookmarks a:hover,
.bookmarks a.aktivni,
.bookmarks .active a {
	border-color: #ed1c24;
	color: white;
	text-decoration: none;
}

.shops .map {
	height: 530px;
	background: #fff url(/img/map.jpg) 0 0 no-repeat;
	background-size: cover;
}

.showrooms {
	padding-bottom: var(--vSpace);
}

.showrooms .section + .section {
	margin-top: 0;
}

.showrooms ol {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.showrooms li {
	float: left;
	width: 33.333%;
	width: calc(100% / 3);
	text-align: center;
	position: relative;
	z-index: 2;
}
.showrooms li:nth-child(2) {
    display: none;
}

.showrooms .section {
	padding: 0;
}

.showrooms .section .row {
	margin: 0 !important;
}

.showrooms li a {
	display: block;
	color: #0c4763;
	text-decoration: none;
	padding: 25px 10px;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 0.75em;
	border-bottom: 5px solid transparent;
}

.showrooms li strong {
	display: block;
	font-size: clamp(1.25em, 3vw, 2.5em);
	line-height: 1.2em;
	text-transform: none;
}

.showrooms hr {
	margin: 0 0 0 0;
	position: relative;
	top: -4px;
}

.showrooms li.aktivni a {
	color: #22b24c;
	border-color: #22b24c;
}

.showrooms li a:hover {
	color: #22b24c;
}

.showrooms .section {
	max-width: 960px;
}

.showroomDet i {
	display: block;
	margin: 0 auto 0 auto;
	font-size: 70px;
	line-height: 70px;
}

.showroomDet p {
	margin: 5px 0 0 0;
}

.showroomDet {
	display: flex;
	text-align: center;
	gap: 16px clamp(24px, 2vw, 48px);
	justify-content: space-between;
	margin-top: var(--hSpace);
}

.showroomDet > div {
	max-width: 18em;
}

.showroomDet a {
	text-decoration: none;
}

.showroomDet strong {
	display: block;
	font-weight: 600;
	text-transform: none;
	font-size: 1.125rem;
}

.blue {
	color: #0c4763;
}

.blue:hover {
	color: #22b24c;
}

.perex {
	font-size: 1.125em;
	line-height: 1.375em;
	margin: 1.5em 0;
}

.bread {
	text-transform: uppercase;
	font-size: 0.8em;
}

h1 ~ .bread {
	margin-top: -1.2em;
}

.bread a,
.bread span {
	color: #0c4763;
	font-weight: 600;
	margin: 0 2px;
	text-decoration: none;
}

.bread a:hover {
	color: #22b24c;
}

.detPic img {
	display: block;
	border-radius: 20px;
}

.detInfo .btn {
	margin-right: 10px;
}

.cena {
	font-size: 0.8em;
	font-weight: 400;
}

.cena span {
	opacity: 0.5;
}

.cena strong {
	display: block;
	font-size: 1.35em;
}

.pruvodce {
	border-top: 1px solid #e6ecef;
	border-bottom: 1px solid #e6ecef;
	text-align: center;
}

.catImg {
	border-radius: 40px 0 40px 0;
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
}

.sort {
	text-transform: uppercase;
	font-size: 0.8em;
	margin: 40px 0 0 0;
}

.sort a {
	color: #0c4763;
	text-decoration: none;
}

.sort .inputHolder {
	float: left;
	margin-right: 25px;
}

.sort:after {
	clear: both;
	height: 1px;
	content: " ";
	display: block;
}

.sort strong {
	margin-left: 5px;
}

.productList {
	margin: 0 -20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	clear: both;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-ms-flex-flow: row wrap;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	flex-flow: row wrap;
}

.product {
	float: left;
	-ms-flex-preferred-size: 33.333%;
	flex-basis: 33.333%;
	width: 33.333%;
	max-width: 33.333%;
	padding: 40px 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-flow: column wrap;
	flex-flow: column wrap;
}

.product .perex {
	-webkit-box-flex: 2;
	-ms-flex-positive: 2;
	flex-grow: 2;
}

.product .parametry {
	margin: 0;
	padding: 5px 0;
	display: block;
	width: 100%;
	max-width: 360px;
	font-size: 0.7em;
}

.product .img {
	position: relative;
	max-width: 100%;
	padding-bottom: 15px;
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
	min-height: 230px;
}

.product img {
	display: block;
	border-radius: 20px;
	max-width: 100%;
	width: 100%;
	height: auto;
}

.product p {
	padding: 5px 0 0 0;
	margin: 0;
}

.product h3 {
	font-size: 1.1em;
	padding: 5px 0;
	-webkit-box-flex: 3;
	-ms-flex-positive: 3;
	margin: 0;
}

.product .blue {
	font-size: 0.85em;
	font-weight: 400;
}

.product .btn {
	margin-right: 15px;
}

.product .cena {
	font-size: 1em;
}

.product .cena strong {
	display: inline;
}

.products h2 {
	margin: 0;
	padding-top: 40px;
	font-size: 1.1em;
}

.products {
	border-top: 1px solid #e6ecef;
}

.products .productList .product {
	width: 33.333%;
	-ms-flex-preferred-size: 33.333%;
	flex-basis: 33.333%;
}

.zalozky {
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 0.85em;
	font-weight: 600;
	text-transform: uppercase;
	border-right: 1px solid #d0dade;
	height: 50px;
	float: right;
	width: 100%;
	max-width: 420px;
	margin-top: -50px;
	position: relative;
	z-index: 2;
}

.zalozky a.aktivni {
	color: #22b24c;
	margin-bottom: -10px;
	border-bottom: 10px solid #fff;
	height: 60px;
}

.zalozky a {
	text-decoration: none;
	color: #0c4763;
	display: block;
	text-align: center;
	height: 50px;
	border-left: 1px solid #d0dade;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.zalozky li {
	float: left;
	width: 50%;
}

/*BUTTON*/

.btn {
	width: auto;
	border: 1px solid #22b24c;
	color: white;
	text-decoration: none;
	display: inline-flex;
	gap: 4px;
	padding-left: 15px;
	padding-right: 15px;
	vertical-align: middle;
	border-radius: 24px;
	line-height: 16px;
	padding: 8px 25px;
	font-size: 0.875rem;
	font-weight: 600;
	background: #22b24c;
	margin: 3px 0;
	justify-content: center;
	text-align: center;
}

.btn:hover {
	text-decoration: none;
	background: #0c4763;
	color: white;
	border-color: #0c4763;
}

.btn2 {
	background: transparent;
	color: var(--primColor);
	border-color: var(--primColor);
}

.btn2:hover {
	background: #0c4763;
	border-color: #0c4763;
}

.btn3 {
	background: transparent;
	color: var(--textColor);
	border-color: var(--secColor);
}

.btn4 {
	color: var(--textColor);
	background: var(--inputBdrColor);
	border-color: transparent;
}

/*hovers*/

a:hover {
	color: var(--primColor);
	text-decoration: underline;
}

/*animace*/

a,
.btn,
button {
	transition: color 0.2s, border-color 0.2s, background-color 0.2s;
}

.menu ul ul,
.topNav__sub {
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity 0.3s ease-out;
	-o-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
}

.menu li:hover ul,
.topNav li:hover ul {
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
	visibility: visible;
}

.cert {
	display: block;
	background: transparent url(../img/cert.png) no-repeat;
	float: right;
	text-align: center;
	text-decoration: none;
	color: White;
	width: 120px;
	height: 120px;
	line-height: 1.3em;
}

.ref .cert {
	float: none;
	position: absolute;
	left: -58px;
	top: 50px;
}

.content > ol {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
}

.content > ol li {
	counter-increment: step-counter;
	position: relative;
	padding-left: 50px;
	margin: 12px 0;
}

.content > ol li:before {
	position: absolute;
	left: 0;
	top: -1px;
	color: #0c4763;
	width: 30px;
	line-height: 28px;
	text-align: center;
	font-size: 1em;
	font-weight: 400;
	border: 1px solid #0c4763;
	background: white;
	display: inline-block;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	content: counter(step-counter);
}

.jinyrozmer {
	border-top: 1px solid #e6ecef;
	border-bottom: 1px solid #e6ecef;
	padding: 15px 0;
	text-align: center;
}

.jinyrozmer input {
	max-width: 100px;
}

.jinyrozmer div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-align-items: center;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	-ms-flex-flow: row wrap;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	flex-flow: row wrap;
}

.jinyrozmer p {
	margin: 0;
	display: inline-block;
	padding: 5px 10px;
	line-height: 1.2em;
}

.jinyrozmer h4 {
	margin: 0 0 5px 0;
}

.loga .c1 {
	display: inline-block;
	background: transparent url(/img/cert/01CB.png) no-repeat;
	background: transparent -webkit-image-set(url(/img/cert/01CB.webp) 1x) no-repeat;
	background: transparent image-set(url(/img/cert/01CB.webp) 1x) no-repeat;
	background-size: contain;
}

.loga .c2 {
	display: inline-block;
	background: transparent url(/img/cert/02CBr.png) no-repeat;
	background: transparent -webkit-image-set(url(/img/cert/02CBr.webp) 1x) no-repeat;
	background: transparent image-set(url(/img/cert/02CBr.webp) 1x) no-repeat;
	background-size: contain;
}

.loga .c3 {
	display: inline-block;
	background: transparent url(/img/cert/03CB.png) no-repeat;
	background: transparent -webkit-image-set(url(/img/cert/03CB.webp) 1x) no-repeat;
	background: transparent image-set(url(/img/cert/03CB.webp) 1x) no-repeat;
	background-size: contain;
}

.loga .c4 {
	display: inline-block;
	background: transparent url(/img/cert/04CB.png) no-repeat;
	background: transparent -webkit-image-set(url(/img/cert/04CB.webp) 1x) no-repeat;
	background: transparent image-set(url(/img/cert/04CB.webp) 1x) no-repeat;
	background-size: contain;
}

.loga .c5 {
	display: inline-block;
	background: transparent url(/img/cert/05CB.png) no-repeat;
	background: transparent -webkit-image-set(url(/img/cert/05CB.webp) 1x) no-repeat;
	background: transparent image-set(url(/img/cert/05CB.webp) 1x) no-repeat;
	background-size: contain;
}

.loga .c6 {
	display: inline-block;
	background: transparent url(/img/cert/06CB.png) no-repeat;
	background: transparent -webkit-image-set(url(/img/cert/06CB.webp) 1x) no-repeat;
	background: transparent image-set(url(/img/cert/06CB.webp) 1x) no-repeat;
	background-size: contain;
}

.loga .c7 {
	display: inline-block;
	background: transparent url(/img/cert/07CB.png) no-repeat;
	background: transparent -webkit-image-set(url(/img/cert/07CB.webp) 1x) no-repeat;
	background: transparent image-set(url(/img/cert/07CB.webp) 1x) no-repeat;
	background-size: contain;
}

.loga .c8 {
	display: inline-block;
	background: transparent url(/img/cert/08CB.png) no-repeat;
	background: transparent -webkit-image-set(url(/img/cert/08CB.webp) 1x) no-repeat;
	background: transparent image-set(url(/img/cert/08CB.webp) 1x) no-repeat;
	background-size: contain;
}

.loga a {
	-webkit-transition: all 0.1s;
	-o-transition: all 0.1s;
	transition: all 0.1s;
	width: 85px;
	height: 85px;
	background-size: contain;
}

#compare {
	position: fixed;
	bottom: 0;
	right: 10px;
	background: #0c4763;
	padding: 4px 10px;
	color: white;
	z-index: 9999;
	border-radius: 20px 20px 0 0px;
}

#compare strong {
	font-weight: 300;
}

.label {
	background: transparent url("/img/pecet.png") no-repeat scroll 0 0;
	background-size: cover;
	display: block;
	height: 60px;
	position: absolute;
	right: 5px;
	top: 5px;
	width: 60px;
}

.pImg a {
	display: block;
	height: 100%;
	width: 100%;
}

.pImg .label {
	background: transparent url("/img/pecet3.png") no-repeat scroll 0 0;
	background-size: cover;
	width: 150px;
	height: 150px;
	right: 0;
	left: 5px;
}

.productImg {
	position: relative;
}

.productImg .label {
	width: 100px;
	height: 100px;
}

.contactForm {
	text-align: center;
	padding-top: 40px;
}

.contactForm input,
.contactForm textarea {
	border-color: #d9d9d9;
}

.contactForm p {
	margin: 4px 0;
}

.sale {
	position: absolute;
	left: 5px;
	top: 5px;
	text-decoration: none;
	border: 0;
	text-align: center;
	width: 100px;
	height: 100px;
	line-height: 100px;
	font-size: 1.3em;
	color: White;
	z-index: 4;
	background: #22b24c;
	border-radius: 50%;
	-webkit-border-radius: 50%;
}

.sale span {
	vertical-align: middle;
	font-size: 1.6em;
	font-weight: 600;
}

.bookmarksIn {
	border-bottom: 1px solid #e8e8e8;
	padding-top: 0;
}

.bookmarksIn ul {
	width: 100%;
}

.bookmarksIn li {
	width: auto;
	border-bottom: 0;
}

.bookmarksIn a {
	background: #0c4763;
	font-size: 0.8em;
	color: white;
	min-height: 0;
	font-weight: 600;
}

/*
.dotaz h3 {
cursor: pointer;
}

.dotaz h3:hover {
text-decoration: underline;
}
*/

.row-matrace {
	min-height: 40px;
}

.row-matrace .col-2 {
	padding: 0 2px !important;
}

.row-matrace .col-3 {
	padding-right: 3px !important;
}

.row-matrace .col-1 {
	padding-left: 3px !important;
}

.row-matrace .btn {
	padding-left: 12px;
	padding-right: 12px;
}

.shopList {
	background: #f0f0f0;
}

.shopListIn p {
	margin: 3px 0;
	font-size: 0.9em;
	line-height: 1.35em;
	position: relative;
	padding-left: 34px;
}

.shopListIn a img {
	vertical-align: middle;
	width: 22px;
	height: 28px;
	object-fit: contain;
	position: absolute;
	left: 0;
	top: 0;
}

.shopListIn a:hover {
	color: #22b24c;
}

.shopListIn a {
	text-decoration: none;
	color: #0c4763;
	padding: 3px 0;
	display: block;
}

.shopListIn {
	-webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3;
	-webkit-column-gap: 30px;
	-moz-column-gap: 30px;
	column-gap: 30px;
	margin-top: var(--hSpace);
}

label {
	cursor: pointer;
}

q {
	font-style: normal;
}

#prodejny {
	margin-bottom: 20px;
}

.videoIframe iframe {
	position: absolute;
	width: 100%;
	height: 100%;
}

.videoIframe {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
}

.obr2 {
	max-width: 50% !important;
}

h1 .btn.btn2 i {
	font-size: 1.2em;
	vertical-align: middle;
	margin-left: 10px;
}

h1 .btn.btn2 {
	margin-right: 0 !important;
	padding: 5px 10px;
	white-space: nowrap;
}

.results {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-auto-rows: 1fr;
	grid-column-gap: 20px;
	grid-row-gap: 20px;
	padding-bottom: var(--hSpace);
}

.results {
	min-height: 100px;
	position: relative;
}

.loading {
	position: absolute;
	right: 0;
	left: 0;
	top: 0;
	bottom: 0;
	z-index: 20000;
	background-color: rgba(255, 255, 255, 0.4);
}

.loading .loader {
	position: absolute;
	margin: -40px 0 0 -40px;
	left: 50%;
	top: 50%;
	z-index: 20001;
}

.loader {
	width: 80px;
	height: 80px;
	display: block;
	animation: animLoader 1.25s infinite linear;
	border-width: 8px;
	border-style: solid;
	border-color: var(--primColor) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.2);
	border-radius: 50%;
}

@keyframes animLoader {
	0% {
		transform: rotate(0);
	}
	100% {
		transform: rotate(359deg);
	}
}

.prodbox h3 {
	font-size: 1.125em;
	margin: 0.25rem 0;
}

.prodboxin {
	position: relative;
	line-height: 1.25em;
}

.lbl {
	position: absolute;
	top: 4%;
	left: 4%;
	border-radius: 20px;
	font-size: 0.65rem;
	line-height: 1.2em;
	color: white;
	padding: 4px 12px;
	max-width: max-content;
}

.lbl.lbl1 {
	background: #24b14b;
}

.lbl.lbl2 {
	background: #3c94ad;
}

.lbl.lbl3 {
	background: #0f4763;
}

.lbl.lbl4 {
	background: #ee1c24;
}

.columns .content {
	max-width: 60rem;
}

.columns {
	display: grid;
	position: relative;
	grid-template-columns: 1fr 3.5fr;
	gap: 0 clamp(16px, 4vw, 48px);
}

.overTab {
	overflow: auto;
}

.tab.porovnavac h4 {
	margin: 10px 0;
	font-size: 1.25em;
}

.tab.porovnavac td,
.tab.porovnavac th {
	font-size: 0.875em;
}

.tab.porovnavac td {
	vertical-align: top;
	min-width: 10em;
}

/***** vyprodane-vypis.php *****/

.content--unavailable {
	display: flex;
	justify-content: center;
	padding: 88px 0px var(--vSpace) 0;
}

.product-unavailable {
	max-width: 640px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 24px;
}

.product-unavailable h1,
.product-unavailable p {
	margin: 0;
	text-align: center;
}

/*.item__btns a {
	background-color: rgb(255, 255, 255);
	min-width: 42px;
	text-align: center;
	height: 42px;
	display: grid;
	padding: 0px;
	border-radius: 50%;
	place-content: center;
	text-decoration: none;
	border-width: 4px;
	border-style: solid;
	border-color: rgb(248, 248, 248);
	border-image: initial;
}*/

}
.pic {
	overflow: hidden;
	display: table;
	width: 100%;
}

.pic span {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.pic span img {
	display: block;
	margin: 0 auto;
}

.popup:before {
	content: " ";
	display: block;
	position: absolute;
	left: 0;
	top: -20px;
	height: 20px;
	width: 40px;
}

.subpagesSimple ul li:before {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.subpages .aPic img {
	max-width: 85px;
	width: auto;
	height: auto;
	margin-top: 5px;
	margin-right: 25px;
}

.subpages .aPic {
	width: 110px;
}

.subpages .aPic, .subpages .text {
	display: table-cell;
	vertical-align: top;
}

.subpages .text {
	width: 100%;
	vertical-align: middle;
}

.subpages ul, .subpages ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.subpages ul li:before {
	display: none;
}

.subpages h4, .subpagesSimple h4 {
	margin: 0 0 0 0;
	font-weight: 400;
	font-size: 1.5em;
	text-align: left;
	font-weight: 400;
}

.subpages p {
	font-size: .95em;
	line-height: 1.4em;
	color: #64666C;
}

.subpages ul li+li {
	margin-top: 1em;
}

.subpages p {
	margin: 4px 0 0 0;
}

.subpagesSimple ul li:before {
	color: #0c4763;
	content: "\f105";
	background: transparent;
	display: block;
	clear: both;
	-moz-border-radius: 0%;
	border-radius: 0%;
	-webkit-border-radius: 0%;
	width: auto;
	height: auto;
	display: inline-block;
	position: absolute;
	left: 0;
	top: .7em;
}

.box .article {
	margin-top: 10px;
	font-size: .95em;
	line-height: 1.6em;
}

.box .article+.article {
	padding-top: 10px;
	border-width: 0 0 0 0;
}

.box .article h3 {
	margin: 5px 0 5px 0;
	font-weight: 400;
	font-size: 1.3em;
	line-height: 1.4em;
}

.box {
	margin: 30px 0;
}

.box h3 {
	color: #2D2E31;
	font-size: 1.8em;
	margin-bottom: 15px;
}

.ad img {
	height: auto;
	max-width: 100%;
}

.ad p {
	margin: 0;
}

.ad-right {
	margin: 0;
}

.calendar, .anketa, .shopBox {
	max-width: 250px;
}

.calendar table {
	width: 100%;
	table-layout: fixed;
	border: 0;
}

.calendar td {
	vertical-align: middle;
	text-align: center;
	border: 0;
	line-height: 25px;
	font-size: .95em;
}

.calendar th {
	vertical-align: middle;
	text-align: center;
	border: 0;
	font-weight: 600;
	line-height: 25px;
}

.calendar .popup {
	display: none;
	text-align: left;
	left: 1px;
	top: 30px;
}

.calendar .active:hover .popup {
	display: block;
	z-index: 10;
}

.calendar td.past {
	color: #d2d4d9;
}

.calendar td .active>a {
	-moz-border-radius: 50%;
	text-decoration: none;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	color: White;
	margin: 0 auto;
	text-align: center;
	display: inline-block;
	width: 25px;
	height: 25px;
	background: #0c4763;
	cursor: pointer;
}

.calendar td .active:hover>a {
	background: #0c4763;
}

.calendar td .active {
	position: relative;
}

.calendar h3 {
	text-align: center;
}

.calendar .btnIco {
	float: left;
	position: relative;
	bottom: -3px;
}

.calendar .btnIco+.btnIco {
	float: right;
}

.calendar .btnIcoXs {
	font-size: 13px;
	line-height: 26px;
	min-width: 28px;
}

.calendar td:hover .active {
	z-index: 9;
}

.calendar .active:hover a {
	z-index: 11;
	position: relative;
}

.socIco {
	float: right;
	padding: 0 0 0 50px;
}

.socIco a, .socIco span {
	display: inline-block;
	cursor: pointer;
	margin-left: 7px;
	vertical-align: middle;
	float: left;
	-moz-box-shadow: 1px 1px 2px #aeaeae;
	-webkit-box-shadow: 1px 1px 2px #aeaeae;
	box-shadow: 1px 1px 2px #aeaeae;
}

.socIco img {
	display: block;
}

.socIco .btn+.btn {
	margin-right: 20px;
}

.filter {
	border-width: 0 0 1px 0;
	padding: 0 0 17px 0;
}

.gallery {
	margin: 0 -15px;
}

.gallery hr {
	margin: 0 15px;
}

.tabRow {
	display: table;
	width: 100%;
	border: 0;
	margin: 20px 0;
	border-collapse: collapse;
}

p.shop {
	text-align: right;
	margin-bottom: 0;
	float: right;
	width: 50%;
}

p.shop strong {
	font-weight: normal;
	font-size: .9em;
}

p.shop button {
	padding: 0;
	width: 35px;
	height: 31px;
	text-align: center;
}

p.shop input {
	padding: 6px;
	width: 35px;
	height: 31px;
}

.prodCode {
	margin: 0;
	font-size: .85em;
	float: right;
}

.tabShop {
	width: 100%;
}

.tabShop td, .tabShop th {
	white-space: nowrap;
}

.t-naz {
	width: 100%;
}

.tabProducts {
	width: 100%;
}

.tabProducts p.price {
	text-align: right;
	float: none;
	margin: 0;
	width: auto;
}

.tabProducts p.shop {
	text-align: right;
	float: none;
	margin: 0;
	width: auto;
}

.tabProducts h3 {
	margin: 0;
	font-size: 1.4em;
}

.filter .typ {
	float: right;
}

.filter span span {
	white-space: nowrap;
}

.abs {
	font-size: 1.3em;
	line-height: 1.7em;
	margin-top: 0;
}

.content .search fieldset, .dialog__cont .search fieldset {
	position: relative;
	margin-bottom: 10px;
}

.content .search button, .dialog__cont .search button {
	border-left: 0;
	height: 100%;
	width: 50px;
	padding: 0;
	font-size: 20px;
	margin: 0;
	position: absolute;
	right: 0;
	border: 0;
	top: 0;
	padding: 0;
	text-align: center;
	line-height: 51px;
	border-left: 0;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	background: #22b24c;
	color: white;
}

.content .search, .dialog__cont .search {
	max-width: 100%;
	padding: 0;
	display: block;
	height: auto;
}

.content .search input, .dialog__cont .search input {
	height: 51px;
	padding: 15px;
	padding-right: 60px;
	max-width: 100%;
}

.search button span {
	display: none;
}

.form {
	margin: 0px 0;
	padding: 1px 0;
}

.form-group {
	margin-bottom: 5px;
}

.form strong {
	font-weight: 400;
}

.form .inputBox {
	padding-bottom: 10px;
}

.formGen .formRow {
	display: table;
	width: 100%;
	table-layout: fixed;
	margin-bottom: 10px;
}

.formGen .formRow>.labelBox {
	padding: 0 30px 0 0;
	width: 25%;
	display: table-cell;
	vertical-align: middle;
	min-height: 1px;
	vertical-align: top;
}

.formGen .inputBox {
	/*width: 100%;
	padding: 0;
	display: table-cell;
	vertical-align: middle;
	padding-bottom: 5px;*/
}

.formGen .labelBox label {
	margin: 0;
	padding: 0;
	cursor: pointer;
}

.formGen fieldset {
	width: 100%;
}

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

.formGen .labelBox label {
	display: table-cell;
	vertical-align: middle;
	line-height: 1.2em;
}

.inputDesc {
	line-height: 1.2em;
	display: block;
	padding-top: 6px;
}

.formGen {
	display: flex;
	flex-flow: column nowrap;
	gap: 1em;
}

.formGen p {
	margin: 0;
}

.formGen ul {
	display: block;
	margin: 0;
	padding: 0;
}

.formGen ul li {
	display: table;
	width: 100%;
	margin: 0 0 5px 0;
	padding: 0;
}

.formGen ul li:before {
	display: none;
}

.formGen ul .inputBox {
	padding: 0 0;
	float: none;
	display: table-cell;
	width: 30px;
	vertical-align: top;
	padding-right: 10px;
}

.formGen ul .labelBox {
	width: auto;
	padding: 0 0;
	float: none;
	display: table-cell;
	vertical-align: top;
}

.formGen ul .labelBox label {
	height: auto;
	display: block;
}

.help-block.error, .has-error .labelBox {
	color: #CA0000;
}

.has-error .inputBox input[type="text"], .has-error .inputBox textarea, .has-error .inputBox input[type="file"], .has-error .inputBox input[type="password"] {
	border-color: #CA0000;
}

.required .inputDesc:after {
	content: "*";
	padding-left: 5px;
}

.addFileButton {
	cursor: pointer;
	display: inline-block;
}

.addFileButton i, .fileIns i {
	margin-right: 5px;
}

.addFileButton:hover, .fileRemove:hover {
	background: #0c4763;
	border-color: #0c4763;
	color: white;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.fileIns {
	margin: 8px 0 0 0;
	padding: 0;
	list-style-position: inside;
}

.fileIns i {
	margin-left: 5px;
}

.fileRemove {
	cursor: pointer;
	line-height: 20px;
	width: 20px;
	font-size: 12px;
	display: inline-block;
	vertical-align: baseline;
	text-align: center;
	margin-left: 5px;
}

.checkbox-replaced:before {
	line-height: 18px;
	display: inline-block;
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
}

.checkbox-replaced, .radio-replaced {
	border: 1px solid #cbd5db;
	background: white;
	cursor: pointer;
	display: block !important;
	vertical-align: middle;
	text-align: center;
	line-height: 18px;
	font-size: 11px;
	width: 18px;
	height: 18px;
}

.checkbox-replaced.checked.disabled:before {
	color: #dfdfdf;
}

.checkbox-replaced.disabled, .radio-replaced.disabled {
	border-color: #ededed;
	cursor: default;
	background: #f8f8f8;
}

.checkbox-replaced:before {
	content: "\f00c";
	color: #2d2e31;
	visibility: hidden;
}

.radio-replaced {
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	line-height: 18px;
	position: relative;
}

.radio-replaced:before {
	content: " ";
	background: #2d2e31;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -4px 0 0 -4px;
	width: 8px;
	height: 8px;
	line-height: 18px;
	display: inline-block;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	visibility: hidden;
}

.radio-replaced.checked.disabled:before {
	background: #dfdfdf;
}

.checkbox-replaced.checked:before, .radio-replaced.checked:before {
	visibility: visible;
}

.checkbox-replaced:hover, .radio-replaced:hover {
	border-color: #0c4763;
}

.navig {
	margin: var(--vSpace) 0 0 0;
	text-align: center;
	font-size: .75em;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: clamp(1px, 1vw, 8px);
}

.navig a, .navig strong {
	color: #0c4763;
	width: 30px;
	line-height: 30px;
	min-width: 32px;
	text-align: center;
	display: inline-block;
	text-decoration: none;
	font-weight: var(--fwN);
	font-size: .875rem;
	border-radius: 50%;
}

.navig strong {
	background: #0c4763;
	color: White;
	font-weight: normal;
}

.navig span {
	display: inline-block;
	content: "...";
	color: #0c4763;
	line-height: 30px;
	margin: 0 5px;
}

.navig a:hover {
	background: #22b24c;
	color: White;
	text-decoration: none;
}

.navig i {
	font-size: 1.2em;
	display: contents;
}

.plusko {
	float: left;
	margin-right: 10px;
	cursor: pointer;
	width: 36px;
	line-height: 36px;
	height: 36px;
	color: white;
	background: #0c4763;
	font-size: 12px;
	text-align: center;
}

.plusko:hover {
	background: #0F7FAC;
	color: White;
}

.help-block {
	font-size: .8em;
	line-height: 1.25em;
	color: rgba(0, 0, 0, .7);
	display: block;
	padding-top: 2px;
	margin: 0;
}

h4 .pozn {
	font-size: .5em;
}

.gray {
	color: rgba(0, 0, 0, .6);
}

.red {
	color: #CA0000;
}

fieldset {
	display: block;
	margin: 0;
}

fieldset+fieldset {
	border-top: 1px solid rgba(166, 168, 176, .2);
	padding: 20px 0 0 0;
	margin-top: 20px;
}

fieldset h4 {
	margin-top: 0;
}

.agree {
	margin: 2px 0;
	border: 1px solid #cbd5db;
	overflow: auto;
	height: 80px;
	color: #0c4763;
	padding: 6px;
	display: inline-block;
	background: White;
	-moz-box-shadow: 0 0 4px #ededed inset;
	-webkit-box-shadow: 0 0 4px #ededed inset;
	box-shadow: 0 0 4px #ededed inset;
}

label {
	display: inline-block;
	padding-top: 4px;
}

input[type="file"] {
	padding: 4px;
}

.wysiwyg.fancybox, .fancybox {
	cursor: zoom-in;
	cursor: url("/img/zoomin.png"), url("/img/zoomin.cur"), zoom-in;
}

.filesDwnl .file {
	float: left;
	width: 50%;
	padding: 5px 12px 5px 0;
	color: #747a89;
}

.filesDwnl .file a {
	text-decoration: none;
	font-size: 1em;
	display: inline-block;
	line-height: 1.4em;
	word-break: break-all;
	display: block;
}

.filesDwnl .file a em {
	white-space: nowrap;
	word-break: normal;
}

.filesDwnl .file i {
	font-size: 1.5em;
	color: #747a89;
	vertical-align: middle;
}

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

.filesDwnl .file span {
	display: table-cell;
	padding-right: 8px;
	vertical-align: top;
}

.filesDwnl .file:nth-of-type(2n+1) {
	clear: left;
}

.filesDwnl p {
	margin: 0;
	display: table;
	width: 100%;
}

.filesDwnl .file span+span {
	width: 100%;
}

.breakAll {
	word-break: break-all;
	display: inline-block;
}

.filesDwnl .file a em {
	font-size: .85em;
	color: #747a89;
	font-style: normal;
}

.advr {
	font-size: .95em;
	color: #999a9c;
	text-align: center;
	max-width: 80%;
	margin: 0 auto;
	line-height: 1.3em;
	clear: both;
}

.advr a {
	color: #999a9c;
	text-decoration: none;
}

a.rss {
	background: transparent url(/img/RSS.png) no-repeat 0 center;
	padding-left: 17px;
}

a.xml {
	background: transparent url(/img/googlehp.png) no-repeat 0 center;
	padding-left: 17px;
}

.content .bookmarks ul, .content .search ul {
	margin: 0;
	padding: 0;
}

.content .bookmarks li {
	margin: 0;
	padding: 0 0 0 0;
	float: left;
	line-height: 1.2em;
}

.content .bookmarks li:before, .content .search li:before {
	display: none;
}

.content .search ul li {
	margin: 0;
	padding: 0;
}

.UserFooter p {
	margin: 0;
	display: inline;
	padding: 0;
}

.pagePassword {
	padding: 25px;
	border: 1px solid rgba(0, 0, 0, .1);
	text-align: center;
	margin: 1.5em 0;
}

.pagePassword p {
	margin: 0;
}

.pagePassword form {
	margin: 15px auto 0 auto;
	max-width: 400px;
}

.pagePassword form input {
	width: 60%;
	float: left;
}

.pagePassword form button {
	width: 40%;
	float: left;
}

.message {
	z-index: 10000;
	position: fixed;
	width: 90%;
	right: clamp(16px, 5vw, 64px);
	bottom: clamp(16px, 5vw, 64px);
	font-weight: var(--fwB);
	padding: clamp(32px, 4vw, 48px);
	display: none;
	background: var(--textColor);
	cursor: pointer;
	color: white;
	box-shadow: 0 0 40px rgba(0, 0, 0, .2);
	display: flex;
	align-items: center;
	min-height: 10em;
	max-width: 28em;
	border-radius: var(--radius);
}

.message button {
	min-width: 50px;
	text-align: center;
	width: auto;
	font-size: 1em;
	position: absolute;
	display: block;
	width: 50px;
	height: 50px;
	max-height: 100%;
	right: 0;
	top: 0;
	background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjZmZmZmZmIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KCTxwYXRoIGQ9Ik0xOSA2LjQxTDE3LjU5IDUgMTIgMTAuNTkgNi40MSA1IDUgNi40MSAxMC41OSAxMiA1IDE3LjU5IDYuNDEgMTkgMTIgMTMuNDEgMTcuNTkgMTkgMTkgMTcuNTkgMTMuNDEgMTJ6IiAvPgoJPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIgLz4KPC9zdmc+Cg==);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 30px 30px;
	border-radius: 50%;
}

.message button:hover, .message button:focus {
	background-color: rgba(0, 0, 0, 0.2);
}

.message h4 {
	margin: 0;
}

.message--error {
	background-color: #9b0000;
}

.support h5 {
	margin: 0;
}

.support ol {
	list-style-type: none;
	margin: 0 0 20px 0;
	padding: 0;
	display: table;
	width: 100%;
	table-layout: fixed;
	width: 100%;
}

.support li {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	height: 90px;
	padding: 0 5px;
}


/*.support li:first-child{ text-align: left; }
.support li:last-child{ text-align: right; }*/

.support img {
	display: inline-block;
	max-width: 100%;
	height: auto;
}

.inputHolder {
	display: table;
	margin: 8px 0;
}

.inputHolder span {
	display: table-cell;
	vertical-align: top;
	line-height: 1.2em;
}

.inputHolder label {
	min-height: 22px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding-left: 3px;
}

.checkbox-replaced, .radio-replaced {
	border: 1px solid #cbd5db;
	/*barva ramecku*/
	background-color: white;
	-webkit-transition: border-color 1s;
	transition: border-color 1s;
	cursor: pointer;
	display: inline-block !important;
	vertical-align: middle;
	text-align: center;
	line-height: 22px;
	font-size: 16px;
	width: 24px;
	height: 24px;
	transition: border-color 1s;
	border-radius: 2px;
}

.checkbox-replaced:hover, .radio-replaced:hover {
	border-color: #0c4763;
}

.checkbox-replaced.checked.disabled:before {
	color: #dfdfdf;
}

.checkbox-replaced.disabled, .radio-replaced.disabled {
	border-color: #d9d9d9;
	cursor: default;
	background: #f8f8f8;
}

.checkbox-replaced:before {
	line-height: 24px;
	content: "\f00c";
	color: #0c4763;
	/*barva zaskrtnuti*/
	visibility: hidden;
	display: inline-block;
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	opacity: 0;
}

.radio-replaced {
	border-radius: 50%;
	-webkit-border-radius: 50%;
	line-height: 18px;
	position: relative;
}

.radio-replaced:before {
	content: " ";
	background: #0c4763;
	/*barva zaskrtnuti*/
	position: absolute;
	left: 50%;
	top: 50%;
	width: 10px;
	height: 10px;
	margin: -5px 0 0 -5px;
	line-height: 26px;
	display: inline-block;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	visibility: hidden;
	opacity: 0;
}

.radio-replaced.checked {
	border-color: #0c4763;
}

.radio-replaced.checked.disabled:before {
	background: #dfdfdf;
}

.checkbox-replaced.checked:before, .radio-replaced.checked:before {
	visibility: visible;
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1)
}


/*animace*/

.radio-replaced:before, .checkbox-replaced:before {
	-webkit-transform: scale(3);
	transform: scale(3);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

@media screen and (max-width: 960px) {
	.content .perexImg {
		max-width: 50%;
		height: auto;
		width: 100%;
	}
}

@media screen and (max-width: 760px) {
	.gallery {
		margin: 0 -10px;
	}
	.filter .typ {
		float: none;
		display: block;
		margin-bottom: 5px;
	}
	.tabShop .thRow th:nth-of-type(2) {
		display: none;
	}
	.tabShop td:nth-of-type(1) {
		display: none;
	}
	.tabShop td:nth-of-type(2) {
		padding-left: 0;
	}
	.filesDwnl .file {
		width: 100%;
		float: none;
	}
	.support ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
		display: block;
	}
	.support li {
		display: inline-block;
		vertical-align: middle;
		text-align: center;
		height: auto;
		padding: 10px 5px;
	}
}

@media screen and (max-width: 600px) {
	.articleFtr .socIco {
		display: block;
		margin: 0 0 5px -7px;
		float: none;
		padding: 0;
		text-align: left;
		width: 100%;
	}
	.articleFtr .socIco:after {
		content: " ";
		clear: both;
		display: block;
	}
	p.shop, .product p.price {
		text-align: center;
		margin: 4px 0;
		float: none;
		width: 100%;
	}
	.tabProducts h3 {
		margin: 0;
		font-size: 1em;
	}
}

@media screen and (max-width: 500px) {
	.tabRow {
		display: block;
		margin: 0;
	}
	.gallery hr {
		display: none;
	}
	.tabShop tr.thRow {
		display: none;
	}
	.tabShop td {
		display: block;
		border: 0;
		text-align: left !important;
		padding: 2px 0;
	}
	.tabShop td:nth-of-type(2) {
		font-size: 1.3em;
	}
	.tabShop tr {
		display: block;
		padding: 10px 0;
		border-bottom: 1px solid #E4E4E4;
	}
	.formGen .formRow {
		display: block;
		width: 100%;
		table-layout: fixed;
	}
	.formGen .labelBox {
		padding: 0 0 0 0;
		width: 100%;
		float: none;
		min-height: 1px;
		display: block;
	}
	.formGen .inputBox {
		width: 100%;
		padding: 0 0;
		float: none;
		display: block;
	}
	.formGen .labelBox label, .inputDesc {
		height: auto;
		padding-bottom: 5px;
		display: block;
	}
	.formGen .inputBox div div {
		height: auto;
	}
	.formGen ul {
		padding: 0;
	}
	.formGen form .formRow {
		padding: 8px 0;
		width: 100%;
	}
	.inputDesc {
		line-height: 1.2em;
		display: block;
		padding-top: 0;
	}
}

@media screen and (max-width: 470px) {
	.autocomplete {
		font-size: .9em;
	}
	.pagePassword form input, .pagePassword form button {
		width: 100%;
		float: none;
	}
	.navig span {
		display: block;
		line-height: 10px;
		height: 20px;
	}
	.content .perexImg {
		max-width: 100%;
		height: auto;
		float: none;
		margin-bottom: 1em;
	}
}

.cookies {
	background: #E3E3E3;
	border-top: 1px solid var(--bdrColor);
	padding: 10px 5px;
	display: flex;
	font-size: .85em;
	line-height: 1.25em;
	position: fixed;
	right: 0;
	left: 0;
	bottom: 0;
	width: 100;
	z-index: 100;
	justify-content: center;
	align-items: center;
}

.cookies p {
	margin: 0;
}

.cookiesBtn {
	padding: 0 10px;
}

.cookiesIn {
	max-width: 800px;
	padding: 0 10px;
}

.cookies .btn {
	padding: 5px 10px;
}


/* window popup */

.windowPopup {
	position: fixed;
	display: block;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 1000;
	background: rgba(0, 0, 0, 0.35);
	display: none;
}

.windowPopupIn {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 15px;
}

.window__hdr {
	margin-top: 0;
	font-size: 1.5rem;
}

.window__contScroll {
	overflow: auto;
	position: relative;
	margin-right: -20px;
	padding-right: 20px;
	max-height: calc(100vh - 30px - 80px);
	overscroll-behavior-y: contain;
}

.window {
	background-color: white;
	padding: 40px;
	max-width: 760px;
	width: 100%;
	z-index: 5;
	border-radius: 6px;
	position: relative;
}

@media (max-width: 479px) {
	.window {
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 20px;
	}
}

.window--smaller {
	max-width: 480px;
	text-align: center;
}

.window--bigger {
	max-width: 1120px;
}

.window__contScroll:after {
	clear: both;
	height: 1px;
	content: ' ';
	display: block;
}

.window .close, .cookieWindow .close {
	position: absolute;
	z-index: 10;
	top: 5px;
	right: 5px;
}

.close {
	cursor: pointer;
	top: 10px;
	right: 10px;
	width: 26px;
	height: 26px;
	padding-top: 0;
	text-align: center;
	display: block;
	margin: 0 auto 10px auto;
	padding-top: 13px;
}

.close:after, .close:before {
	content: ' ';
	display: block;
	margin: 0 auto;
	height: 1px;
	width: 17px;
	background: gray;
	transform: rotate(45deg);
	transform-origin: 50% 50%;
}

.close:before {
	transform: rotate(-45deg);
	margin-bottom: -1px;
}

.close:hover {
	transform-origin: 50% 50%;
	transform: scale(1.2);
}

.year__hdr {
	background-color: white;
	text-align: center;
	margin: 0;
	padding: 20px 0;
	font-size: 4em;
}

.year__item {
	margin: 1.5em 0;
}

@media (min-width: 640px) {
	.timeline:after {
		content: ' ';
		display: block;
		background: rgb(224, 224, 224);
		width: 1px;
		top: 0;
		bottom: 0;
		left: 50%;
		position: absolute;
	}
	.timeline {
		position: relative;
	}
	.year {
		position: relative;
		z-index: 2;
		padding-bottom: 100px;
	}
	.year__item:hover:before {
		transform: scale(1.4);
	}
	.year__item:before {
		content: ' ';
		display: block;
		width: 17px;
		height: 17px;
		border-radius: 50%;
		background: #22b24c;
		position: absolute;
		top: -8px;
		right: -9px;
		border: 4px solid #fff;
		transition: transform .2s;
		z-index: 5;
	}
	.year__item {
		position: relative;
		width: 50%;
		padding-right: 50px;
		margin-top: 50px;
		margin: 0;
		padding-bottom: 20px;
		margin-bottom: -100px;
	}
	.year__item:nth-of-type(even):before {
		right: auto;
		left: -8px;
	}
	.year__item:nth-of-type(even) {
		margin-left: auto;
		margin-top: 0px;
		padding-right: 0;
		padding-left: 50px;
		margin-top: -200px;
	}
	.timeline img {
		display: block;
	}
	.timeline .year__subhdr {
		margin: 1em 0 .5em;
		font-size: 1.25em;
		text-transform: none;
	}
	.timeline .year__txt {
		font-size: .9375rem;
		line-height: 1.4em;
	}
}

.rvwForm {
	min-height: 100dvh;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 16px;
}

.rvwForm__form {
	background: #f8f8f8;
	padding: clamp(16px, 4vw, 48px);
	border-radius: 30px;
	display: flex;
	flex-flow: column nowrap;
	gap: clamp(16px, 4vw, 32px);
	max-width: 36em;
}

.rvwForm .btn--submit {
	width: 100%;
	font-size: 1.25em;
	padding: 1em;
}

.rvwForm .logo {
	width: 100%;
	display: flex;
	justify-content: center;
}

.rvwForm__item .revRate__stars {
	font-size: clamp(1.5em, 3vw, 1.75em);
	gap: 4px;
	cursor: pointer;
	width: max-content;
}

.rvwForm__item label {
	font-weight: var(--fwB);
	padding: 0 0 8px 0;
}

.rvwForm__item {
	display: flex;
	flex-flow: column nowrap;
	align-items: stretch;
	gap: 12px;
}

.rvwForm__itemIn {
	display: flex;
	flex-flow: row wrap;
	gap: 16px;
	justify-content: space-between;
	align-items: center;
}

.rvwForm img {
	border-radius: 6px;
	display: block;
	max-width: 100%;
	height: auto;
}

.rvwForm__hdr {
	text-align: center;
	margin: 0;
	font-size: clamp(1.25em, 3vw, 1.5em);
}

.ofGal {
	background: #F7F7F7 0% 0% no-repeat padding-box;
	border: 1px dashed #9EAAB5;
	border-radius: 4px;
	padding: 16px;
}

.ccc {
	display: flex;
	flex-flow: column nowrap;
	justify-content: space-between;
}

.ofGal .fa {
	display: block;
	margin: auto;
	text-align: center;
	font-size: 24px;
}

.ofGal--inRow img {
	max-width: 40px;
	width: 100%;
}

.ofGal__img {
	position: relative;
	cursor: pointer;
}

.ofGal__img img {
	width: 100%;
	height: auto;
	max-width: 100%;
}

.ofGal__over {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	background: rgba(0, 196, 90, 0.65) 0% 0% no-repeat padding-box;
	mix-blend-mode: multiply;
	display: grid;
	place-content: center;
}

.scrollIco {
	bottom: 16px;
}

.scrollIcoUp {
	top: -12px;
}

.ofGal__img .fa {
	background: #00C45A;
	color: white;
	border-radius: 50%;
	width: 32px;
	height: 32px;
	display: grid;
	place-content: center;
}

.ofGal__btns {
	display: flex;
	justify-content: center;
	flex-flow: row wrap;
	gap: 12px;
}

.ofGal--alt {
	border: 1px solid #828486;
	background-color: white;
}

.ofGal .btn {
	font-size: .75em;
}

.ofGal {
	width: 100%;
	flex: auto;
	display: flex;
	flex-flow: column nowrap;
	justify-content: space-between;
	gap: 12px;
}

.ofGal__cont2 {
	display: flex;
	align-items: center;
	flex: auto;
	flex-flow: column nowrap;
	justify-content: center;
	font-size: .875rem;
	gap: 12px;
	text-align: center;
	line-height: 1.25em;
}

.ofGal__progress div {
	width: 50%;
	background: var(--primColor);
	height: 6px;
	border-radius: 3px;
}

.ofGal__progress {
	width: 100%;
	background: rgba(0, 0, 0, 0.11);
	margin: 0 auto;
	border-radius: 3px;
	min-width: 100px;
	visibility: hidden;
}

.ofGal__progress--on {
	visibility: visible;
}

.ofGal.afterUpload .uploadSpace, .ofGal.afterUpload .uploadButton {
	display: none;
}

.ofGal .deleteButton {
	display: none;
} 
.ofGal.afterUpload .deleteButton {
	display: inline;
} 
.ofGal.drag-over {
	border: 2px dashed #007bff;
	background-color: rgba(0, 123, 255, 0.1);
}

.ofGal.drag-over .ofGal__cont2 {
	pointer-events: none;
}

.faq {
	background: var(--altColor);
	padding: clamp(16px, 4vw, 48px);
	margin: var(--vSpace) 0;
}

.accord {
	border: 1px solid var(--bdrColor);
	border-width: 1px 0;
	clear: both;
}

.accord + .accord {
	border-top-width: 0;
}

.accord__hdr {
	margin: 0;
	padding: 20px 0;
	position: relative;
	cursor: pointer;
	font-size: 1em;
	padding-right: 50px;
	font-weight: var(--fwB);
	text-align: left;
}

.accord--open .accord__cont {
	display: block;
}

.accord--open .accord__btn .fa {
	transform: rotate(45deg);
}

.accord__hdr:hover {
	color: currentColor;
	text-decoration: underline;
}

.accord__btn {
	position: absolute;
	width: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	right: 0;
	top: 0;
	cursor: pointer;
	transition: transform .15s;
}

.accord__cont {
	padding: 15px 0;
	padding-top: 1px;
	display: none;
	overflow-y: auto;
}

.accord__btn i {
	min-width: 0;
}




/* 404 */

.fa.superIco {
	font-size: 120px;
	vertical-align: middle;
	display: block;
	text-align: center;
	margin: 0 auto 20px auto;
}
.mainHdr {
	margin-top: 0;
}

.HPindex .content {
	padding-top: var(--vSpace);
}

.svgIcon {
	display: block;
	width: 1em;
	height: auto;
	fill: currentColor;
}

.svgIcon * {
	fill: currentColor;
}

.HPbanners {
	display: flex;
	gap: 16px;
	overflow: auto;
}

@media (min-width: 1221px) {
	#page {
		padding-top: 157px;
	}
	header {
		position: absolute;
		top: 0;
		right: 0;
		left: 0;
		background-color: white;
		z-index: 999;
		box-shadow: 0 0 20px rgba(0, 0, 0, 0);
	}
	.header--show header {
		position: fixed;
		box-shadow: 0 0 20px rgba(0, 0, 0, .12);
		animation: headershow .5s;
	}
}

@keyframes headershow {
	from {
		transform: translateY(-100%)
	}
	to {
		transform: translateY(0%)
	}
}

.HPbanner {
	background: var(--bdrColor);
	/*color: #0c0c0d;*/
	flex-flow: column nowrap;
	display: flex;
	flex: 1;
	min-width: 17.5em;
	container-type: inline-size;
	max-width: 375px;
}

.HPbanner__img::before {
	content: ' ';
	display: block;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, currentColor 100%);
	left: 0;
	right: 0;
	height: 25%;
	bottom: 0;
	position: absolute;
}

.HPbanner__img.noGradient::before {
	content: none;
}

.HPbanner__cont {
	padding: clamp(12px, 7cqw, 32px);
	padding-top: 0;
	position: relative;
	background: currentColor;
	max-width: 500px;
	display: flex;
	flex-flow: column nowrap;
	flex: auto;
	justify-content: flex-end;
}

.HPbanner__btn .btn {
	display: inline-block;
}

.HPbanner__subHdr {
	color: currentColor;
	font-size: clamp(1.25em, 3vw, 1.75em);
	font-size: clamp(1.25em, 7cqw, 1.5em);
	line-height: 1.25em;
	color: white;
	width: 100%;
}

.HPbanner__img img, .HPbanner__img video {
	display: block;
	width: 100%;
	height: auto;
}

.HPbanner--blackText .HPbanner__subHdr, .HPbanner--blackText .HPbanner__hdr {
	color: #000;
}

.HPbanner__img {
	max-width: 500px;
	position: relative;
	background: currentColor;
}

.HPbanner__hdr {
	font-size: clamp(1.25em, 7.5cqw, 1.625em);
	line-height: 1.25em;
	font-weight: var(--fwB);
	color: white;
	width: 100%;
	letter-spacing: -.025em;
}

.HPbanner__btn {
	margin-top: 12px;
}

.about {
	display: grid;
	grid-template-columns: 1fr 1.115fr;
	align-items: center;
	margin-top: 24px;
	gap: clamp(16px, 5vw, 64px);
}

.points span {
	align-items: center;
	display: flex;
	gap: 16px;
}

.points span::before {
	content: ' ';
	display: block;
	background: rgba(0, 0, 0, 0.20);
	height: 1px;
	flex: auto;
	min-width: clamp(16px, 4vw, 40px);
	max-width: clamp(16px, 4vw, 40px);
	flex: auto;
}

.points i {
	font-size: clamp(28px, 5vw, 36px);
	font-weight: 100;
	text-align: center;
}

.points li {
	width: 100%;
	max-width: 20em;
}

.points a {
	display: grid;
	grid-template-columns: 40px 1fr;
	place-content: center;
	align-items: center;
	gap: 16px;
	width: max-conent;
	width: 100%;
	color: white;
	text-decoration: none;
}

.points {
	color: white;
	background: var(--primColor);
	padding: clamp(16px, 4vw, 48px);
	font-size: clamp(1em, 3vw, 1.25em);
	margin: 0;
	list-style-type: none;
	display: flex;
	flex-flow: column nowrap;
	gap: 24px;
	align-items: center;
	margin-bottom: -60px;
	position: relative;
	z-index: 5;
}

.about__l *:last-child {
	margin-bottom: 0;
}

.about__l {
	padding: 30px 0;
}

.about__l h2 {
	margin-top: 0;
}

.altBox {
	background: var(--bdrColor);
}

.articles {
	display: grid;
	grid-template-columns: 1fr 1fr;
	margin-top: 24px;
	align-items: stretch;
	gap: clamp(24px, 4vh, 56px) clamp(16px, 7vw, 95px);
}

@media (min-width: 961px) {
	.articles--3 {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
	}
}

.articles--3 {
	grid-template-rows: repeat(4, auto);
}

.articles--3 .article {
	display: grid;
	grid-row: span 4;
	grid-template-rows: subgrid;
}

.related .article {
	display: grid;
	grid-template-columns: clamp(80px, 25vw, 180px) 1fr;
	gap: 8px 24px;
	grid-template-rows: auto 1fr;
	margin: 12px 0;
}

.aPic img {
	display: block;
	max-width: 100%;
	height: auto;
}

.aPic {
	grid-row: span 2;
}

.article {
	display: flex;
	flex-flow: column nowrap;
	gap: .75rem;
}

.article__hdr {
	margin: 0;
	font-size: clamp(1.125em, 3vw, 1.25em);
	text-align: left;
	text-transform: none;
	font-weight: var(--fwN);
	flex: auto;
}

.article img {
	height: auto;
	display: block;
}

.article p {
	display: block;
	margin: 0;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
}


/*
.nwl::after {
	content: "\f063";
	font-family: var(--fa-style-family, "Font Awesome 6 Pro");
	font-weight: 400;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	background-color: var(--bdrColor);
	width: 40px;
	height: 40px;
	display: grid;
	place-content: center;
	border-radius: 50%;
	position: absolute;
	left: 0%;
	top: 0;
	transform: translate(0%, -50%);
	z-index: 2;
	border: 1px solid #ccc;
	color: #666;
	outline-width: 10px;
	outline-style: solid;
	outline-color: var(--bdrColor)
}
*/

.HPindex .articles {
	padding-bottom: 50px;
}

.nwl {
	position: relative;
	/*
	border: 1px solid #ccc;
	border-width: 1px 0 0 0;
	padding-top: 50px;*/
	color: white;
	display: flex;
	gap: 1rem clamp(16px, 4vw, 48px);
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: center;
}

.nwlBox {
	color: white;
	background: var(--textColor);
	padding: 24px 0;
	max-width: 1570px;
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	transform: translateY(-50%);
	z-index: 90;
}

.nwlBox--active {
	position: fixed;
	top: 0;
	transform: none;
	width: 100%;
}

@media (min-width: 1571px) {
	.nwlBox--active {
		left: calc(50vw - 785px);
	}
}

@media (max-width: 1221px) {
	.nwlBox--active {
		top: 60px;
		left: 0;
		right: 0;
	}
}

.nwl .btn.btn3 {
	border-color: var(--inputBdrColor);
}

.nwl .checkList {
	font-size: .75rem;
	gap: 16px;
	max-width: 18em;
	align-items: center;
}

.nwl__cont {
	gap: 8px 1em;
	flex: auto;
	max-width: 38em;
}

.nwl a {
	color: currentColor;
}

.nwl h3 {
	color: white;
	font-size: clamp(.9375em, 3vw, 1.25em);
	margin: 0;
}

.nwl__agree {
	font-size: .75em;
	opacity: .8;
	line-height: 1.2em;
	margin-top: 4px;
}

.nwl input {
	border-radius: 16px;
}

.refBox {
	display: flex;
	flex-flow: column nowrap;
	gap: clamp(16px, 4vw, 64px);
}

.ref q {
	font-style: italic;
	line-height: 1.5em;
}

.ref p {
	margin: .25em 0;
	font-weight: var(--fwN);
}

.ref h3 {
	margin: 0;
}

.ref {
	display: block;
	margin: var(--hSpace) 0;
	padding-top: var(--hSpace);
	border: 1px solid var(--bdrColor);
	border-width: 1px 0 0 0;
}

.refBox .ref {
	display: flex;
	align-items: center;
	gap: var(--hSpace);
	margin: 0;
	padding: 0;
	border-width: 0;
}

.ref__hdr {
	margin: 0;
	padding-right: 1em;
	flex: none;
}

.ref__img {
	flex: 1;
	aspect-ratio: 1;
}

.ref img {
	border-radius: 50%;
	display: block;
	width: 100%;
}

.ref__cont {
	flex: 2;
}

.ref__text {
	font-size: 1.125em;
}

.ref__name {
	font-size: clamp(1.25em, 2vw, 1.75em);
	font-weight: var(--fwB);
	margin-top: 8px;
}

.ref__q svg {
	min-width: 30px;
}

.ref__q {
	font-size: 1.125em;
	flex: 2.5;
	gap: 1em;
	display: flex;
}

.refs__in {
	margin-left: -16px;
	margin-right: -16px;
	display: flex;
	justify-content: space-between;
}

.refs hr {
	width: 1px;
	margin: 0;
	align-self: center;
	height: 70px;
}

.ref__btn {
	margin-top: 1em;
}

.ref__more {
	text-align: center;
}

.ref__item:hover img {
	transform: scale(1.075);
}

.ref__item:hover strong {
	text-decoration: underline;
}

.ref__item {
	display: flex;
	align-items: center;
	background-color: white;
	padding: 16px;
	cursor: pointer;
	gap: 24px;
	max-width: 20em;
	flex: auto;
}

.ref__item img {
	border-radius: 50%;
	grid-row: span 2;
	align-items: center;
	transition: transform .15s;
	max-width: 90px;
	height: auto;
}

.ref__item strong {
	display: block;
	font-size: clamp(1em, 2vw, 1.25em);
}

.shops {
	margin-bottom: 30px;
	position: relative;
}

.HPindex .shops {
	margin-bottom: 80px;
}

.tabs button.off {
	opacity: .5;
}

.tabs button img {
	width: 24px;
	height: auto;
	display: block;
}

.tabs button {
	display: grid;
	font-weight: var(--fwN);
	color: var(--textColor);
	font-size: .75rem;
	grid-template-columns: 24px 1fr;
	align-items: center;
	gap: 10px;
}

.tabs button:hover {
	text-decoration: underline;
}

.tabs {
	background: var(--bdrColor);
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translate(-50%, 50%);
	display: flex;
	gap: clamp(16px, 4vw, 32px);
	z-index: 2;
	flex-flow: row wrap;
	width: 95%;
	max-width: max-content;
	padding: 12px clamp(16px, 4vw, 32px);
	justify-content: center;
}

.mapSearch .section {
	gap: clamp(16px, 4vw, 48px);
	display: flex;
	align-items: center;
	z-index: 5;
}

.mapSearch {
	color: white;
	background: var(--textColor);
	padding: 16px 0;
	max-width: 1570px;
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	transform: translateY(50%);
	z-index: 10;
}

.mapSearch h2 {
	margin: 0;
	color: white;
}

.mapSearch form {
	display: flex;
	gap: clamp(16px, 4vw, 48px);
	flex: auto;
}

.mapSearch__inp::-webkit-input-placeholder {
	color: #fff;
	line-height: normal !important;
}

.mapSearch__inp {
	background: transparent;
	color: white;
	border-width: 0 0 1px 0;
	border-radius: 0;
	border-color: rgba(255, 255, 255, 0.25);
}

.mapSearch__btn {
	width: auto;
	border-radius: 0;
	background: transparent;
	border-width: 0;
	color: white;
	font-size: 1.5em;
	padding: 0;
}

.sld__cont {
	background: rgba(39, 78, 100, 0.70);
	padding-top: 24px;
	padding-bottom: 64px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}

.sld__contIn {
	padding: 0 64px;
	max-width: 1480px;
	margin: 0 auto;
	position: relative;
	width: 95%;
}

.sld__photo {
	height: 100%;
}

.sld {
	aspect-ratio: 2560 / 1200;
	position: relative;
	margin-bottom: 80px;
}

.sld__img {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	overflow: hidden;
}

.sld__img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.sld__cont .section {
	color: white;
	display: grid;
	grid-template-columns: 1fr 2.7fr 1fr;
	gap: clamp(16px, 3vw, 48px);
	align-items: center;
	max-width: 100%;
}

.sld__hdr {
	font-size: clamp(.75em, 3vw, 1.125em);
}

.sld__hdr strong {
	display: block;
	font-size: 1.5em;
	line-height: 1.2em;
}

.sld__text {
	font-size: clamp(.75em, 3vw, 1.125em);
}

.sld__cont .btn {
	border-color: #fff;
	color: white;
	background: transparent;
}

.sld__ctrl {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	transform: translateY(50%);
	z-index: 50;
}

.sld__ctrlIn {
	background: var(--textColor);
	display: flex;
	justify-content: center;
	gap: 1em;
	max-width: 1480px;
	margin: 0 auto;
	width: 95%;
	position: relative;
	justify-content: space-around;
	padding: 0 16px;
}

.sld__ctrl .arr:hover {
	text-decoration: none;
	background: var(--primColor);
}

.sld__ctrl .arr {
	position: absolute;
	left: 1%;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: var(--secColor);
	display: grid;
	padding: 0;
	top: -80px;
	place-content: center;
}

.sld__ctrl .arrR {
	transform: rotate(180deg);
	left: auto;
	right: 1%;
}

.sld__ctrl button:hover {
	text-decoration: underline;
}

.sld__ctrl button.active::after {
	content: ' ';
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 8px 10px 8px;
	border-color: transparent transparent var(--textColor) transparent;
	position: absolute;
	top: -10px;
	left: 50%;
	margin-left: -8px;
}

.sld__ctrl button {
	color: white;
	font-weight: var(--fwB);
	font-size: 1em;
	background: transparent;
	border-radius: 0;
	width: auto;
	height: 80px;
	border-width: 0;
	position: relative;
	appearance: none;
}

.shops ~ .showrooms, .sld ~ .showrooms {
	border-top-width: 0;
}

.dialog {
	position: absolute;
	display: none;
	bottom: 1px;
	right: 0;
	left: 0;
	z-index: 99;
	overflow: visible;
	transform: translateY(100%);
}

.dialogBg {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	backdrop-filter: blur(16px);
	background: rgba(0, 0, 0, 0.25);
}

.dialog__box {
	background-color: white;
	padding: 20px;
	padding: max(20px, 5vh) clamp(16px, 5vw, 70px);
	padding-right: 70px;
	box-shadow: -5px 20px 50px rgba(0, 0, 0, 0.12);
	max-height: calc(100vh - var(--headerHeight) - 1px);
	overflow: auto;
	overscroll-behavior-y: contain;
}

.dialog__cont {
	max-width: 25em;
	margin-left: auto;
	margin-right: auto;
}

.loginForm input, .loginForm .btn {
	margin: 0;
	box-shadow: none;
}

.loginForm__item {
	margin: 24px 0;
}

.loginBtns {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	margin-top: 16px;
}

.rr i {
	text-align: right;
}

.rr {
	display: block;
	text-decoration: none;
	font-size: 1em;
	line-height: 1.3em;
	color: var(--textColor);
	padding: 5px;
	font-size: .875em;
	text-transform: uppercase;
}

.dialog__hdr {
	font-size: .875rem;
	color: var(--text2Color);
	display: block;
	text-transform: none;
	font-weight: var(--fwN);
	text-decoration: none;
}

.dialog__hdr strong {
	font-weight: var(--fwB);
	color: var(--primColor);
	font-size: 1.125rem;
}

.dialogMenu {
	margin: 1em 0 0 0;
	padding: 0;
}

.dialogMenu__item {
	margin: 0;
	padding: 0;
	display: block;
	float: none;
	font-size: 1.125em;
	color: var(--textColor);
	padding: 4px 0;
}

.dialogMenu__link i {
	min-width: 1.2em;
	display: inline-block;
	float: right;
	line-height: 1em;
	font-size: 14px;
	text-align: center;
	min-width: 2em;
	opacity: .5;
	margin-right: -3px;
}

.dialogMenu__link .num {
	margin: -3px 0 -3px 3px;
	background-color: white;
}

.dialogMenu__link {
	display: block;
	text-decoration: none;
	text-align: left;
	line-height: 1.125em;
	font-weight: var(--fwB);
	background: #F5F8FB;
	display: flex;
	text-decoration: none;
	color: currentColor;
	padding: 20px;
	padding: 1rem clamp(15px, 3.5vw, 24px);
	gap: 24px;
	border: 1px solid transparent;
}

.dialogMenu__text {
	align-self: center;
}

.dialogMenu__ico {
	width: 32px;
	min-width: 32px;
	transform: translateY(-0.075em)
}

.dialogMenu__link:hover {
	text-decoration: none;
	color: var(--primColor);
	border-color: var(--primColor);
}

.userName {
	padding: 10px 15px;
	margin: 0;
	font-size: 1.25em;
	background: #f8f8f8;
}

.minw {
	min-width: 1.5em;
}

.searchMobTetx {
	display: none;
}

.fMenu {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	margin: var(--hSpace) 0;
	gap: .5em;
	border: 1px solid rgba(0, 0, 0, 0.22);
	border-width: 0 0 1px 0;
	padding-bottom: var(--hSpace);
}

.fMenu a {
	font-weight: var(--fwN);
	font-size: .875em;
	text-decoration: none;
	padding: 6px 16px;
	border-radius: 20px;
}

.gm-style-iw-d h3 {
	margin: 0 0 8px 0;
}

.headerSoc {
	display: flex;
	gap: 4px;
}

.headerSoc__link:hover {
	color: var(--primColor);
	text-decoration: none;
}

.headerSoc__link {
	border: 1px solid var(--bdrColor);
	width: 2rem;
	height: 2rem;
	display: grid;
	place-content: center;
	text-decoration: none;
	border-radius: 50%;
}

.langBtn--active .langBtn__check .fa {
	background: var(--primColor);
	color: currentColor;
	text-decoration: none;
	color: white;
	border-color: var(--primColor);
}

.topBtn--lang img {
	width: 20px;
	height: 20px;
	border-radius: 50%;
}

.topBtn--lang {
	font-weight: var(--fwB);
	text-transform: uppercase;
	font-size: .75rem;
	border: 1px solid var(--bdrColor);
	display: flex;
	width: auto;
	padding: 0 8px 0 4px;
	height: 2rem;
	align-items: center;
	gap: 6px;
	border-radius: 1rem;
	align-self: center;
	background: #f8f8f8;
}

.topBtn--search:hover {
	background: #e8e8e8;
}

.topBtn--search {
	background: var(--secColor);
	color: white;
	border-radius: 50%;
	font-size: 18px;
}

.langBtn {
	display: flex;
	border: 1px solid var(--bdrColor);
	background: fff;
	min-height: 56px;
	padding: 0 7%;
	align-items: center;
	margin: 16px 0;
	text-decoration: none;
	color: var(--textColor);
	background: var(--altColor);
}

.langBtn--active, .langBtn:hover {
	text-decoration: none;
	color: var(--primColor);
	border-color: var(--secColor);
}

.langBtn__check .fa {
	border: 1px solid var(--bdrColor);
	width: 22px;
	height: 22px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: white;
	color: white;
	font-size: 12px;
}

.langBtn__text {
	font-weight: var(--fwB);
	flex: auto;
	padding: 0 15px;
	font-size: 1.125em;
}

.langBtn__curr {
	font-size: .875em;
	color: var(--text2Color);
	padding-right: 10px;
}

.langBtn__flag img {
	display: block;
	width: 24px;
	border-radius: 50%;
	height: auto;
}

@media (max-width: 760px) {
	.mapSearch .section {
		flex-flow: column nowrap;
		gap: .5rem;
	}
	.mapSearch form {
		flex: auto;
		width: 100%;
	}
	.mapSearch__inp::-webkit-input-placeholder {
		color: transparent;
	}
	.searchMobTetx {
		display: block;
		text-align: center;
		line-height: 1.25em;
		font-size: .75em;
	}
	.nwl {
		text-align: center;
		justify-content: center;
	}
	.nwl__agree {
		text-align: center;
	}
	.nwlBox {
		transform: none;
		width: 100%;
	}
	.HPindex .articles {
		padding-bottom: 0;
	}
}

@media (max-width: 479px) {}

.dotaz {
	cursor: pointer;
}

.relative {
	position: relative;
}

.itemList {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 23px;
	margin-top: 10px;
	max-width: 1543px;
}

@media (min-width: 761px) {
	.midCol .itemList {
		grid-template-columns: repeat(2, 1fr);
	}
}

.item {
	display: flex;
	flex-flow: column nowrap;
	background: #f8f8f8;
}

.itemList img {
	display: block;
	width: 100%;
	border: 1px solid #f8f8f8;
	border-bottom-width: 0;
	mix-blend-mode: multiply;
}

.item__brand {
	font-weight: var(--fwN);
	font-size: 0.875em;
}

.item__img {
	position: relative;
	border-bottom: 1px solid #eee;
}

.item__params {
	margin: 8px 0 16px 0;
}

.item__hdr {
	margin: 0;
	font-size: clamp(1.125em, 3vw, 1.125em);
}

.item__cont {
	padding: clamp(16px, 4vw, 24px);
	background: #f8f8f8;
	flex: auto;
}

.item__text {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	font-size: 0.875em;
	line-height: 1.5em;
}

.item__price {
	font-size: clamp(1.125em, 3vw, 1.125em);
	font-weight: var(--fwN);
	color: var(--secColor);
}

.item__top {
	display: flex;
	justify-content: space-between;
	flex-flow: row wrap;
	gap: 12px;
	align-items: baseline;
	min-height: 2.3em;
}

.item__btns a {
	background-color: #fff;
	padding: 0;
	min-width: 42px;
	text-align: center;
	height: 42px;
	border-radius: 50%;
	display: grid;
	place-content: center;
	border-width: 0;
	text-decoration: none;
	border: 4px solid #f8f8f8;
}

.item__btns a:hover {
	color: white;
	background: var(--primColor);
}

.item__btn {
	display: flex;
}

.item__btn a {
	background-color: #fff;
	padding: 0;
	min-width: 42px;
	text-align: center;
	height: 42px;
	border-radius: 50%;
	display: grid;
	place-content: center;
	border-width: 0;
	text-decoration: none;
	border: 4px solid #f8f8f8;
}

.item__btns {
	position: absolute;
	display: flex;
	bottom: 0;
	left: 0%;
	right: 0;
	padding: 0 16px;
	transform: translate(0%, 50%);
	gap: 8px;
	align-items: center;
	justify-content: space-between;
}

.revRate {
	display: flex;
	align-items: center;
	flex-flow: row wrap;
	gap: 0.5em;
	color: currentColor;
	font-size: 1rem;
	text-decoration: none;
	color: var(--text2Color);
	border-radius: 32px;
	max-width: max-content;
	align-self: center;
	/*background-color: white;*/
}

.item .revRate {
	background: #f8f8f8;
	font-size: 0.75rem;
	padding: 3px 16px;
}

.revRate__stars {
	display: flex;
	align-items: center;
	line-height: 1.125rem;
	width: auto;
}

.starsToRate:hover svg * {
	opacity: 0.2;
}

.starsToRate svg .hoverStar,
.revRate__stars svg .activeStar {
	opacity: 1;
	fill: #ffc107;
}

.revRate__result {
	color: var(--textColor);
	line-height: 1em;
	font-size: 0.75rem;
}

.revRate__stars svg * {
	fill: #ccc;
}

.revRate__stars svg {
	width: 1.125em;
	height: auto;
	display: block;
}

.revRate:hover {
	text-decoration: none;
}

.revRate__link:hover {
	color: var(--primColor) !important;
	background: none !important;
}

.revRate__link {
	color: currentColor;
	display: inline-block;
	text-align: left;
	text-decoration: underline;
	cursor: pointer;
	font-size: 0.875em;
}

.rollMenu,
.rollOut {
	position: relative;
	display: inline-block;
	font-size: 0.875rem;
}

.rollMenu__btn {
	display: flex;
	height: 2.5rem;
	cursor: pointer;
	text-align: left;
	padding: 0 1em 0 0;
	border: 1px solid transparent;
	position: relative;
	color: var(--text2Color);
	background-size: 20px auto;
	white-space: nowrap;
	position: relative;
	gap: 0.5em;
	align-items: center;
	appearance: none;
	z-index: 20;
}

.rollMenu__btn strong {
	color: var(--textColor);
	margin-left: 5px;
	align-self: stretch;
	display: flex;
	align-items: center;
	border: 2px solid transparent;
	border-width: 2px 0;
}

.rollOut__btn {
	position: relative;
	color: var(--primColor);
	z-index: 101;
	padding-left: 20px;
}

.rollOut__btn .fa {
	font-size: 1.5rem;
	text-align: right;
}

.rollMenu__btn .fa {
	position: absolute;
	height: 100%;
	display: flex;
	align-items: center;
	right: 0;
	top: 0;
	font-size: 0.75em;
	width: 1.125em;
	justify-content: flex-end;
}

.rollMenu__dialog {
	list-style-type: none;
	display: none;
	z-index: 50;
	margin: 0;
	padding: 4px 0;
	text-align: left;
	position: absolute;
	bottom: 0;
	transform: translateY(100%);
	left: 0;
	padding-top: 20px;
	padding-bottom: 20px;
	width: 100%;
	background: #fff;
	box-shadow: -5px 20px 30px #5a656f26;
	min-width: 16em;
	z-index: 100;
}

.rollOut .rollMenu__dialog {
	min-width: 100%;
	width: 100%;
	font-size: 1.25rem;
}

.rollMenu--open .rollMenu__btn strong {
	border-bottom-color: var(--textColor);
}

.rollMenu__link {
	color: var(--textColor);
	text-decoration: none;
	font-size: 1rem;
	padding: 8px 20px;
	display: block;
	line-height: 1.2em;
}

.rollMenu__link--active {
	font-weight: var(--fwB);
	pointer-events: none;
}

.rollMenu--open .rollMenu__dialog {
	display: block;
}

.itemsHeader h1 {
	margin: 0;
}

.itemsHeader {
	display: flex;
	flex-flow: row wrap;
	gap: clamp(16px, 4vw, 48px);
	margin-bottom: var(--hSpace);
	border: 1px solid var(--bdrColor);
	border-width: 0 0 1px 0;
	padding-bottom: var(--hSpace);
}

.ctgs {
	display: flex;
	flex-flow: row wrap;
	gap: 8px;
	align-self: center;
}

.ctg__item:hover {
	text-decoration: underline;
	color: var(--textColor);
}

.ctg__item {
	border: 1px solid var(--textColor);
	color: var(--textColor);
	font-weight: var(--fwN);
	text-decoration: none;
	font-size: 0.8125em;
	padding: 6px 16px;
	border-radius: 24px;
}

.ctgDesc h2 {
	margin: 0 0 8px 0;
}

.ctgDesc {
	display: flex;
	gap: clamp(16px, 4vw, 48px);
	justify-content: space-between;
	margin-bottom: 10px;
	align-items: flex-start;
	min-height: 8em;
	border: 1px solid var(--bdrColor);
	border-width: 0 0 1px 0;
	padding-bottom: var(--hSpace);
}

.ctgDesc__r {
	flex: 1.5;
	max-width: 760px;
	display: flex;
	width: 100%;
	justify-content: flex-end;
}

.ctgDesc__l {
	align-self: flex-start;
	flex: 1;
	max-width: 50rem;
}

.imgSlider {
	position: relative;
	aspect-ratio: 76 / 42;
	flex: auto;
}

.imgSlider__img {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}

.imgSlider__img img {
	width: 100%;
}

.slidesSwitcher {
	position: absolute;
	display: flex;
	justify-content: center;
	gap: 8px;
	bottom: 3%;
	left: 0;
	right: 0;
}

.slidesSwitcher__btn {
	border: 1px solid var(--textColor);
	width: 12px;
	height: 12px;
	border-radius: 50%;
	transition: transform 0.2s;
}

.slidesSwitcher__btn:hover,
.slidesSwitcher__btn--active {
	background: var(--primColor);
	border-color: var(--primColor);
	transform: scale(1.2);
}

.innerVid iframe {
	width: 100%;
	height: auto;
	display: block;
	aspect-ratio: 16 / 9;
}

.ctg__item--active {
	background: var(--textColor);
	color: white;
	pointer-events: none;
}

.btnConfig .svgIcon {
	font-size: 3em;
}

.btnConfig {
	display: flex;
	align-items: center;
	width: max-content;
	align-items: center;
	gap: 16px;
	border-radius: 8px;
	font-size: clamp(1em, 2vw, 1.125em);
}

.innerVid {
	width: 100%;
}

.det {
	display: grid;
	grid-template-areas: "detText detParams  detImg " "detCont detParams  detImg ";
	grid-template-rows: auto 1fr;
	grid-template-columns: 1.5fr 0.8fr 1.5fr;
	gap: clamp(16px, 4vw, 36px);
	align-items: flex-start;
}

.ckeditor > *:first-child {
	margin-top: 0;
}

.det__hdr {
	grid-area: detHdr;
	margin: 0;
}

.det__paramsTop {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}

.det__top {
	padding-bottom: 24px;
	margin-bottom: 24px;
	border: 1px solid var(--bdrColor);
	border-width: 0 0 1px 0;
	display: flex;
	gap: 1em;
	justify-content: space-between;
}

.btn .fa {
	font-size: 1rem;
}

.det img {
	display: block;
}

.det__img {
	grid-area: detImg;
	justify-self: end;
	max-width: 560px;
}

.det__btns .btn {
	font-size: 0.875em;
	justify-content: center;
	flex: auto;
	justify-content: center;
	align-items: center;
	min-width: 18em;
	padding: 12px 32px;
	align-items: center;
	max-width: 50em;
}

.det__btns {
	max-width: max-content;
	display: flex;
	gap: 4px 12px;
	flex-flow: row wrap;
	grid-area: detBtns;
}

.det__gal img {
	display: block;
}

.det__gal {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 10px;
	padding-top: 10px;
}

.det__cont {
	grid-area: detCont;
}

.det__text {
	grid-area: detText;
	max-width: 50em;
}

.det__text p {
	margin-top: 0;
}

.det__params {
	grid-area: detParams;
}

.det__price {
	display: flex;
	gap: 0.1em 1em;
	background: #f8f8f8;
	margin: 0 0 16px 0;
	padding: clamp(8px, 2vh, 20px) 16px;
	line-height: 1.25em;
	flex-flow: row wrap;
	align-items: center;
	justify-content: space-around;
}

.det__priceLabel {
	font-weight: var(--fwL);
	font-size: 0.75em;
}

.saleTag {
	border-radius: 10px 10px 0 0;
	display: block;
	max-width: max-content;
	white-space: nowrap;
	font-size: clamp(1.25em, 5vw, 1.5em);
	color: white;
	background: var(--primColor);
	padding: 12px;
	margin-left: auto;
}

.det__priceVal {
	font-weight: var(--fwB);
	color: var(--secColor);
	font-size: clamp(1.125em, 3vw, 1.375em);
	text-align: center;
}

.det__priceVal .red {
	margin-bottom: 0.4em;
}

.det__priceVal--sale {
	color: #9b0000;
}

.origPrice::after {
	content: " ";
	display: block;
	background: #9b0000;
	height: 1px;
	width: 100%;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
}

.origPrice {
	position: relative;
	display: block;
	max-width: max-content;
	white-space: nowrap;
	font-size: 0.65em;
	font-weight: var(--fwL);
	margin-left: auto;
	color: #9b0000;
	line-height: 1.25em;
}

.det__mainImg {
	display: flex;
	flex-flow: column nowrap;
	gap: 10px;
}

.det__params {
	align-self: stretch;
	position: relative;
}

.det__priceDPH {
	font-size: 0.7125rem;
	font-weight: var(--fwL);
}

.params {
	list-style-type: none;
	padding: 0;
	margin: 0;
	display: flex;
	align-items: stretch;
	flex-flow: row nowrap;
	gap: 8px;
	font-size: 0.75em;
	justify-content: space-between;
}

.params__item .btn .fa {
	font-size: 1rem;
}

.params__item .btn {
	grid-column: span 2;
	width: 100%;
	max-width: 20em;
	display: flex;
	gap: 8px;
	justify-content: center;
	align-items: center;
}

.params__item {
	margin: 0;
	line-height: 1.3em;
	display: grid;
	grid-template-columns: auto auto;
	grid-template-rows: auto 1fr;
	justify-items: center;
}

.params__val {
	text-transform: none;
	font-weight: var(--fwN);
	grid-column: span 2;
	text-align: center;
	font-size: 0.8125rem;
}

.params__label {
	display: block;
	flex-grow: 2;
	align-self: center;
	justify-self: start;
}

.params__ico i {
	display: block;
	font-size: 40px;
	color: #22b24c;
	position: relative;
	left: -4px;
}

.params__ico i + i {
	margin-left: -48px;
}

.params__ico {
	display: flex;
	margin: -4px;
}

.parametry li img {
	display: block;
	width: 42px;
	height: 42px;
	border-radius: 0;
}

.item__price--sale {
	color: #9b0000;
	line-height: 1.2em;
}

.det .params__item {
	width: 100%;
	max-width: 100%;
	text-align: left;
	justify-items: start;
	gap: 3px 16px;
	grid-template-columns: 4em 1fr;
}

.det .params {
	flex-flow: column nowrap;
	gap: clamp(4px, 1vh, 12px);
	border-left: 1px solid var(--bdrColor);
	padding-left: clamp(16px, 3vw, 32px);
}

.det__paramsIn {
	position: sticky;
	top: 2em;
}

.det .params__ico {
	grid-row: span 2;
	margin: 0;
}

.det .params__ico i {
	left: 0;
}

.det .params__val {
	grid-column: 2;
	text-align: left;
	font-size: 1rem;
}

.where__hdr span {
	display: block;
	font-size: 1rem;
	font-weight: var(--fwN);
}

.where {
	display: flex;
	max-height: 100%;
	gap: 24px;
	margin-top: var(--vSpace);
}

.whereList__item:hover {
	text-decoration: none;
	background: #f8f8f8;
}

.whereList__item {
	display: grid;
	grid-template-columns: 32px 1fr;
	color: currentColor;
	text-decoration: none;
	align-items: center;
	border-bottom: 1px solid var(--bdrColor);
	padding: 12px 0;
	line-height: 1.2em;
}

.whereList__ico img {
	display: block;
	width: 20px;
	height: auto;
}

.whereList__ico {
	grid-row: span 2;
}

.whereList__name {
	font-weight: var(--fwN);
	align-self: end;
}

.where__hdr {
	margin: 0 0 24px 0;
	text-transform: uppercase;
}

.whereList__item address {
	font-size: 0.875em;
	align-self: start;
	margin: 0;
}

.whereList::after {
	content: " ";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 50px;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0.01) 0%, #fff 100%);
}

.whereList__in {
	position: relative;
	height: 500px;
	overflow: auto;
}

.whereList {
	display: flex;
	flex-flow: column nowrap;
	max-width: 40em;
	flex: 1;
	position: relative;
}

.where__map {
	justify-self: end;
	flex: 1.5;
}

.searchResults .article {
	border: 1px solid var(--bdrColor);
	border-width: 1px 0 0 0;
	margin-top: var(--hSpace);
	padding-top: var(--hSpace);
}

.textContent iframe {
	max-width: 100%;
}

.textContentBottom {
	border: 1px solid var(--bdrColor);
	border-width: 1px 0 0 0;
	margin-top: var(--hSpace);
	padding-top: var(--hSpace);
}

/* drobeckova navigace */

.breadCrumbs {
	margin-bottom: 8px;
	font-size: 0.75em;
	color: #7e7c7c;
	margin-top: 8px;
}

.breadCrumbs__ul {
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	gap: 2px 8px;
	margin: 0;
}

.breadCrumbs__item {
	gap: 8px;
	display: flex;
	line-height: 1.2em;
	align-items: center;
}

.breadCrumbs a:hover {
	color: var(--secColor);
	text-decoration: underline;
}

.breadCrumbs a {
	color: currentColor;
	text-decoration: none;
	padding: 0;
}

.breadCrumbs__sep {
	min-width: 0;
	opacity: 0.7;
	font-size: 10px;
	display: inline-block;
}

.ckeditor {
	font-size: 0.9375em;
}

.vid {
	max-width: 60rem;
	margin: var(--vSpace) auto 0 auto;
}

.vid iframe {
	aspect-ratio: 16 / 9;
	width: 100%;
	height: auto;
}

.refimg {
	float: right;
}

.refimg span {
	background-size: cover;
	max-width: 190px;
	width: 40vw;
	aspect-ratio: 1;
	display: block;
	border-radius: 50%;
	margin-left: 16px;
}

.leftCol__hdr {
	font-size: 1.25em;
	margin-top: 0;
}

.filter__search {
	margin-top: -10px;
	margin-bottom: 16px;
}

.searchInput {
	padding: 5px 40px 5px 15px;
	background: #000;
	background: #f5f8fb url(/img/ico-hledat.svg) 97% center no-repeat;
	min-height: 0;
}

.bkmrks {
	overflow: auto;
	padding-bottom: 1px;
	margin-bottom: var(--hSpace);
}

.bkmrks + .hdrRow {
	margin-top: var(--hSpace);
}

.bkmrks__in {
	display: flex;
	gap: 5px clamp(15px, 5vw, 64px);
	border: 1px solid var(--bdrColor);
	border-width: 0 0 1px 0;
}

.num {
	background: var(--primColor);
	color: white;
	font-weight: var(--fwB);
	min-width: 1.25em;
	height: 1.25em;
	border-radius: 0.6em;
	font-size: 0.9em;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
	letter-spacing: var(--ls);
	padding: 0 0.25em;
}

.bkmrksItem:hover {
	color: var(--primColor);
}

.linkBar__num {
	color: var(--text2Color);
	font-weight: var(--fwL);
	display: inline-block;
	white-space: nowrap;
	font-size: 0.875em;
}

.bkmrksItem {
	appearance: none;
	display: flex;
	gap: 12px;
	justify-content: center;
	align-items: center;
	font-weight: var(--fwB);
	color: var(--textColor);
	height: 3.25em;
	line-height: 1.2em;
	border-bottom: 2px solid transparent;
	position: relative;
	bottom: -2px;
	z-index: 1;
	font-size: 1.375em;
	font-size: clamp(1em, 2.5vw, 1.375em);
	text-decoration: none;
	gap: 8px;
	text-align: center;
}

.bkmrksItem--active {
	color: var(--primColor);
	border-color: var(--primColor);
}

.inRow {
	display: flex;
	justify-content: space-between;
	flex-flow: row wrap;
	align-items: center;
	gap: 16px;
}

.inRow * {
	margin: 0;
}

.nrst__hdr {
}

div.nrst {
	padding: clamp(16px, 4vw, 48px);
	background: var(--altColor);
	border-radius: 4px;
	display: flex;
	flex-flow: row wrap;
	gap: 0.25em 1.5em;
	min-width: 20em;
}

.shopDet {
	display: grid;
	grid-template-columns: 1.4fr 1fr;
	gap: clamp(32px, 4vw, 64px);
	justify-content: space-between;
	margin-top: var(--vSpace);
}

.shopDet__l > *:first-child {
	margin-top: 0;
}

.shopDet__r .det__gal {
	grid-template-columns: 1fr 1fr 1fr;
}

.shopDet__r {
	max-width: 560px;
	justify-self: end;
	width: 100%;
}

.textHide__btn {
	display: none;
}

.rvws {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px;
	padding-bottom: 8px;
	margin: 24px 0;
}

.rvw {
	border-radius: 12px;
	background: #f8f8f8;
	padding: 24px clamp(16px, 4vw, 32px);
	font-size: .875rem;
	line-height: 1.4em;
	display: flex;
	flex-flow: column nowrap;
	align-items: stretch;
	gap: .25rem;
}

.rvw__hdr {
	font-weight: var(--fwB);
	margin-bottom: 8px;
	font-size: 1.125em;
}

.rvw__score {
	display: flex;
	gap: 8px 1.25em;
	font-family: var(--altFont);
	margin-bottom: .25rem;
	align-items: center;
	justify-content: space-between;
	flex-flow: row wrap;
}

.rvw__top {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	gap: 1em;
	margin-bottom: 0;
	align-items: flex-end;
}

.rvw .btn.btn3 {
	font-size: .75rem;
	padding: 4px 1rem;
	margin: 0;
	border-color: var(--bdrColor);
	display: flex;
	gap: .5em;
	align-items: center;
	justify-content: center;
	text-align: center;
	white-space: nowrap;
}

.rvw .btn.btn3.is-disabled {
	cursor: default;
	opacity: .72;
}

.rvw .btn.btn3.is-disabled:hover,
.rvw .btn.btn3.is-disabled:focus {
	background: #fff;
	border-color: var(--bdrColor);
	color: #0c4763;
}

.rvws .rvw__date {
	font-size: .75rem;
	opacity: .7;
}

.rvw__author svg {
	opacity: .7;
}

.rvw__author {
	display: flex;
	align-items: center;
	gap: 8px;
}

.rvws blockquote {
	font-style: italic;
	line-height: 1.5em;
}

.rvw[hidden] {
	display: none;
}

.rwsHP .rvws {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.homepageReviewsToggle {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	clip-path: inset(50%);
}

.rwsHP .rvw--additional {
	display: none;
}

.rwsHP .homepageReviewsToggle:checked + .rvws {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.rwsHP .homepageReviewsToggle:checked + .rvws .rvw--additional {
	display: block;
}

.rwsHP .homepageReviewsToggle:checked ~ .ref__more {
	display: none;
}

.rwsHP .homepageReviewsToggle:focus ~ .ref__more .btn {
	outline: 2px solid var(--primColor);
	outline-offset: 2px;
}

@media (max-width: 1280px) {
	.det .params {
		position: static;
	}
	.det {
		grid-template-areas: "detText detText" "detCont detParams" "detCont detImg ";
		grid-template-rows: auto auto 1fr;
		grid-template-columns: 1.5fr 1fr;
	}
}

@media (max-width: 960px) {
	.itemList {
		grid-template-columns: repeat(2, 1fr);
	}
	.ctgDesc {
		flex-flow: column-reverse nowrap;
	}
	.ctgs {
		flex-wrap: nowrap;
		align-items: flex-start;
		overflow: auto;
		margin-right: -16px;
	}
	.ctg__item {
		min-width: max-content;
	}
	.rwsHP .rvws,
	.rwsHP .homepageReviewsToggle:checked + .rvws {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 760px) {
	.det {
		grid-template-areas: "detText detText" "detParams detImg" "detCont detCont";
		grid-template-rows: auto;
		grid-template-columns: 1fr 1fr;
	}
	.det__paramsIn {
		position: static;
	}
	.where {
		flex-flow: column nowrap;
	}
	.det__top {
		flex-flow: row wrap;
		gap: 1em;
	}
	.mapSearch,
	.tabs {
		transform: translateY(20%);
		left: 0;
		width: 100%;
	}
	.shops .map {
		height: 80vh;
	}
}

@media (max-width: 639px) {
	.itemList,
	.rvws {
		grid-template-columns: 1fr;
	}
	.rwsHP .rvws,
	.rwsHP .homepageReviewsToggle:checked + .rvws {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 479px) {
	.item .parametry ol {
		justify-content: center;
	}
	.det {
		grid-template-areas: "detText" "detParams" "detCont" "detImg ";
		grid-template-columns: 1fr;
	}
	.textHide {
		position: relative;
		overflow: hidden;
		height: clamp(30em, 70vh, 80em);
	}
	.textHide--more {
		height: auto;
	}
	.textHide.textHide--more::after {
		display: none;
	}
	.textHide::after {
		content: " ";
		display: block;
		pointer-events: none;
		height: 50px;
		bottom: 0;
		left: 0;
		right: 0;
		background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 100%);
		z-index: 2;
		position: absolute;
	}
	.textHide__btn {
		display: flex;
		color: var(--primColor);
		gap: 12px;
		align-items: center;
		font-weight: var(--fwB);
		border-width: 0;
		padding: 12px 0;
		appearance: none;
		width: 100%;
		flex: auto;
	}
	.textHide__btn::before,
	.textHide__btn::after {
		content: " ";
		display: block;
		height: 1px;
		background: var(--bdrColor);
		flex: auto;
	}
}

.modalWindowBox {
	width: 100%;
	height: 100%;
	position: fixed;
	background: rgba(0, 0, 0, .25);
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: 10000;
	padding: 24px;
	display: flex;
	justify-content: center;
	align-items: center;
	backdrop-filter: blur(2px);
	overscroll-behavior-y: contain;
}

.modalWindow {
	background-color: white;
	flex: auto;
	max-width: 930px;
	box-shadow: 0 0 30px rgba(0, 0, 0, .12);
	position: relative;
	overscroll-behavior-y: contain;
}

.modalWindow--photo .modalWindow__close button:hover {
	background: var(--primColor);
}

.modalWindow--photo .modalWindow__close button {
	color: white;
	background: #454A50;
}

.modalWindow--photo .modalWindow__close, .dialog .modalWindow__close {
	position: absolute;
	z-index: 30;
	top: 20px;
	color: white;
	right: 20px;
}

.modalWindow--small {
	max-width: 34em
}

#modalWindowBoxAtypickyRozmer {
	outline: red dotted thick;
}

#modalWindowBoxAtypickyRozmer .row {
	align-items: flex-end;
}

.modalWindow__top {
	border: 1px solid #eee;
	border-width: 0 0 1px 0;
	min-height: 80px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 20px;
	padding: 15px clamp(15px, 3vw, 32px);
	position: relative;
	gap: 8px;
}

.modalWindow__close button:hover {
	background: var(--textColor);
	color: white;
}

.modalWindow__close button {
	border-radius: 50%;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	border-width: 0;
}

.modalWindow__close svg * {
	filL: currentColor;
}

.modalWindow__close svg {
	display: block;
	max-width: 17px;
	height: auto;
}

.modalWindow__hdr {
	margin: 0;
	padding-right: 15px;
}

.modalWindow__search {
	flex: auto;
	max-width: 18em;
}

.modalWindow__main {
	display: flex;
	position: relative;
}

.modalWindow__cols {
	display: flex;
	flex-flow: row wrap;
}

.filter__hdr {
	font-size: .875em;
	margin: 0 0 1em 0;
	color: var(--text2Color);
}

@media (min-width: 639px) {
	.filter__box .filter__cont {
		column-count: 2;
		gap: 0 40px;
	}
}

.filterMenu {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.filterMenu__link {
	display: block;
	text-decoration: none;
	padding: 12px 12px 12px clamp(5px, 3vw, 32px);
	font-weight: var(--fwB);
	color: var(--textColor);
	border-bottom: 1px solid #eee;
}

.filterMenu__link--active {
	background-color: white;
	color: var(--primColor);
	text-decoration: none;
}

.modalWindow__cont {
	flex: auto;
	padding: 24px clamp(15px, 3vw, 32px);
	overflow: auto;
	max-height: calc(100vh - 15em);
	overscroll-behavior-y: contain;
	display: flex;
	flex-flow: column nowrap;
	gap: 1em;
}

.modalWindow__aside {
	overflow: auto;
	max-height: calc(100vh - 18em);
	min-width: 8em;
	width: 15vw;
	max-width: 200px;
	flex: auto;
	background: var(--altColor);
	line-height: 1.2em;
	overscroll-behavior-y: contain;
}

.modalWindow__search2 {
	flex: auto;
	width: 50%;
	padding: clamp(15px, 3vw, 32px);
}

.modalWindow__result {
	width: 50%;
	background: var(--altColor);
	max-width: 364px;
	flex: auto;
	padding: clamp(15px, 3vw, 32px);
}

.modalWindow__ftr {
	color: white;
	background: var(--textColor);
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 8px clamp(8px, 2vw, 32px);
	min-height: 90px;
	flex-flow: row wrap;
	gap: 8px;
}

.modalWindow__topIn {
	min-width: 70%;
	align-items: center;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	gap: 8px;
}

.btn.btn--reset:hover {
	text-decoration: underline;
}

.btn.btn--reset {
	background: transparent;
	border-color: transparent;
	color: white;
	padding: 4px;
}

.inContentSearch {
	min-height: 40vh;
}

.inContentSearch .searchInput {
	min-height: 56px;
}

.addressSearch h2 {
	margin-top: 0;
	font-size: 1.25em;
}

.addressSearch__img {
	display: block;
	margin-bottom: 1em;
}

.otv td, .otv th {
	padding: 4px 10px 4px 0;
	line-height: 1.35em;
}

.autoCom {
	border: 1px solid var(--bdrColor);
	border-width: 0 1px 1px 1px;
}

.modalWindow__innerScroll {
	overflow: auto;
	max-height: calc(100vh - 18em);
	overscroll-behavior-y: contain;
}

.autoCom__item:hover {
	text-decoration: underline;
}

.autoCom__item--active {
	background: var(--primColor);
	color: white;
}

.autoCom__item {
	padding: 10px 15px;
	border: 1px solid var(--bdrColor);
	border-width: 1px 0 0 0;
	line-height: 1.2em;
	cursor: pointer;
	font-weight: var(--fwN);
}

.addressSearch {
	padding-bottom: 15px;
}

.otv {
	margin: 1em 0;
}

.modalWindow--fullscreen {
	max-width: 100%;
	height: 100%;
	display: flex;
	flex-flow: column nowrap;
}

.modalWindow__iframe {
	flex: auto;
}

@keyframes animLoader {
	0% {
		transform: rotate(0);
	}
	100% {
		transform: rotate(359deg);
	}
}

@media (max-width: 760px) {}

@media (max-width: 639px) {
	.filter__box .filter__cont {
		display: block;
	}
	.modalWindowBox {
		padding: 10px;
	}
	.modalWindow__cols {
		overflow: auto;
		max-height: calc(100vh - 100px);
		overscroll-behavior-y: contain;
	}
	.modalWindow__search2, .modalWindow__result {
		width: 100%;
		max-width: 100%;
	}
	.inContentSearch {
		min-height: 0;
	}
	.modalWindow__innerScroll {
		max-height: calc(40vh - 100px);
		min-height: 7em;
	}
}

@media (max-width: 479px) {}

textarea, input[type="text"], input[type="button"], input[type="reset"], input[type="search"], input[type="email"], input[type="submit"], input[type="url"], input[type="tel"] {
	appearance: none;
}

select::-ms-expand {
	display: none;
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

button::-moz-focus-inner, input::-moz-focus-inner {
	padding: 0;
	border: 0;
}

input::-webkit-input-placeholder {
	line-height: normal !important;
}

button {
	padding: 0;
	margin: 0;
	border-width: 0;
	background: transparent none;
	box-shadow: none;
	border-radius: 0;
	cursor: pointer;
	font: inherit;
	outline: none;
	color: var(--textColor);
}

input, textarea, select, .select2 {
	font-size: 1rem;
}

input:focus, textarea:focus, select:focus {
	border-color: var(--primColor);
}

input[type="date"], input[type="time"], input[type="number"] {
	padding-right: 8px;
	appearance: none;
}

textarea {
	overflow: auto;
	vertical-align: top;
}

select {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj4NCgk8cGF0aCBmaWxsPSIjNjY2IiBkPSJNMjEyLjcgMzMxLjNjNi4yIDYuMiAxNi40IDYuMiAyMi42IDBsMTYwLTE2MGM2LjItNi4yIDYuMi0xNi40IDAtMjIuNnMtMTYuNC02LjItMjIuNiAwTDIyNCAyOTcuNCA3NS4zIDE0OC43Yy02LjItNi4yLTE2LjQtNi4yLTIyLjYgMHMtNi4yIDE2LjQgMCAyMi42bDE2MCAxNjB6IiAvPg0KPC9zdmc+DQo=);
	background-repeat: no-repeat;
	background-position: right 0.7rem bottom 50%;
	background-size: 1rem auto;
	appearance: none;
	padding-right: 2rem;
	position: relative;
}


/* layout formulare */

form, fieldset {
	margin: 0;
	padding: 0;
	border: 0;
	width: 100%;
	min-inline-size: unset;
}

label {
	user-select: none;
}

.form .row, .formBox .formRow {
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 0;
	margin-bottom: 0;
	align-items: start;
}

.formLayout--top .row {
	margin-top: 0;
	margin-bottom: 0;
}

.form fieldset+fieldset {
	border-top: 1px solid var(--bdrColor);
	margin-top: var(--vSpace);
	padding-top: var(--vSpace);
}

.form h2, .form h4 {
	margin: 0 0 5px 0;
}

.agree {
	margin: 2px 0;
	border: 1px solid #cbd5db;
	overflow: auto;
	height: 80px;
	color: var(--primColor);
	padding: 6px;
	display: inline-block;
	background: White;
	box-shadow: 0 0 4px var(--bdrColor) inset;
}

.help-block, .pozn {
	font-size: .75rem;
	line-height: 1.35em;
	display: block;
	margin: 0;
	padding-top: .15rem;
}

.help-block:empty {
	display: none !important;
}

.submitForm {
	margin-top: 2rem;
}

.btn sup {
	position: relative;
	display: inline-block;
	margin-top: -7px;
}


/* validace */

.help-block.error, .has-error .labelBox, .has-error label {
	color: #d50000;
}

.has-error input, .has-error textarea, .has-error .inputBox input[type="text"], .has-error .inputBox textarea, .has-error .inputBox input[type="file"], .has-error .inputBox input[type="password"] {
	border-color: #d50000;
}

.inputReplaceGroup.has-error input[type="checkbox"],
.inputReplaceGroup.has-error input[type="radio"] {
	border-color: #d50000;
}

.inputReplaceGroup.has-error label {
	color: #d50000;
}

.g-recaptcha .has-error {
	width: auto !important;
	height: auto !important;
}

.required .inputDesc:after, .required label:after {
	content: "*";
	padding-left: 3px;
	font-size: .75rem;
	line-height: 1em;
}

.formLayout--placeholder .required {
	position: relative;
}

.formLayout--placeholder .required:not(:has(.formInfoText)):after {
	content: "*";
	font-size: .85em;
	position: absolute;
	right: 5px;
	top: 5px;
	z-index: 2;
	line-height: .85em;
	opacity: .75;
}

.inputReplaceGroup label:after {
	display: none;
}


/* vnitrni mini-form */

.formBox fieldset {
	margin: 0;
}

.formBox {
	max-width: 500px;
	padding: 5px 20px;
	border: 1px solid var(--bdrColor);
	margin: 0 auto;
}

.formBox label, .talkForm label {
	display: inline-block;
	padding-bottom: .35em;
}

.formBox .inRow {
	margin-top: 5px;
	margin-bottom: 5px;
	display: flex;
}

.loginlinkbox {
	align-self: center;
}

.loginlinkbox a {
	color: var(--textColor);
}

.loginlinkbox a:hover {
	color: var(--primColor);
}


/* generovane formulare */

.formLayout--SBS .formRow {
	width: 100%;
	display: flex;
	margin-top: 10px;
	margin-bottom: 10px;
	align-items: flex-start;
	justify-content: flex-start;
}

.formGen input, .formGen select, .formGen textarea {
	margin: 0;
}

.labelBox {
	display: flex;
	margin: 0;
	padding: 0;
	line-height: 1em;
	font-size: .875em;
}

.formLayout--SBS .labelBox {
	padding: 0 var(--hSpace) 0 0;
	width: 25%;
	align-items: center;
	min-height: 2.625rem;
}

.formLayout--top .labelBox:empty, .formLayout--SBS .labelBox:empty {
	padding: 0;
	min-height: 0;
	/* prazdny labelBox (napr. u Submit radku) jinak dedi width:25%/display:table-cell
	   z .formGen .formRow>.labelBox (components.css), ktera se nacita pred timhle souborem -
	   bez tohohle zustane viditelna prazdna bunka pred tlacitkem */
	width: 0;
	display: none;
}

.formLayout--SBS .inputBox {
	width: 75%;
}

.formLayout--top .labelBox {
	align-items: flex-end;
	padding: .5em 0;
}

.addFileButton {
	cursor: pointer;
	display: inline-block;
	text-align: left;
}

.addFileButton:hover, .fileRemove:hover {
	background: var(--primColor);
	border-color: var(--primColor);
	color: white;
	box-shadow: none;
}

.fileIns {
	margin: 8px 0 10px 0;
	padding: 0;
	list-style-position: inside;
}

.fileIns i {
	margin: 0 5px;
	font-size: 1rem;
}

.fileIns .fileRemove {
	cursor: pointer;
	line-height: 20px;
	width: 20px;
	font-size: 12px;
	display: inline-block;
	vertical-align: baseline;
	text-align: center;
	margin-left: 5px;
}

.rowForm__input, .btn.rowForm__btn {
	margin: 0;
	text-align: center;
	width: 100%;
	height: 34px;
}

.formInfoText {
	font-size: .875em;
	margin-top: 10px;
	margin-bottom: 10px;
}

.formInfoText a {
	color: currentColor;
}

.rowForm {
	display: flex;
	flex-flow: column nowrap;
	gap: 4px;
}

@media (min-width: 480px) {
	.rowForm__l {
		flex: auto;
	}
	.rowForm__input {
		text-align: left;
		border-right-width: 0;
		padding-right: 36px;
		font-size: .875rem;
	}
	.btn.rowForm__btn {
		width: auto;
		margin-left: -24px;
	}
	.rowForm {
		display: flex;
		flex-direction: row;
		flex: auto;
		gap: 0;
	}
	.rowForm__r {
		flex: none;
	}
}

@media (max-width: 760px) {
	.form .row > div[class^="col-"] {
		margin-top: 0;
		padding-bottom: 0;
	}
	.formLayout--placeholder .row > div[class^="col-"] {
		margin-top: 10px;
	}
	.formLayout--top .labelBox {
		min-height: 0;
		margin-top: 10px;
	}
}

@media (max-width: 600px) {
	.formLayout--SBS .formRow {
		flex-flow: row wrap;
	}
	.formLayout--SBS .labelBox {
		padding: 0;
		width: 100%;
		min-height: 0;
		padding: .35rem 0;
	}
	.formLayout--SBS .inputBox {
		width: 100%;
	}
	.submitForm {
		margin-top: 1rem;
	}
}

.inputReplaceRow, .checkList {
	display: grid;
	margin: 5px 0;
	gap: 5px .75em;
	align-items: flex-start;
	grid-template-columns: 1.5em auto;
}

.inputReplaceLabel, .checkList label {
	align-self: center;
	line-height: 1.25em;
	margin: 0;
	padding: 0;
}

.inputReplaceLabel label {
	padding: 0;
	margin: 0;
}

input[type="checkbox"], input[type="radio"] {
	appearance: none;
	/* For iOS < 15 */
	background-color: white;
	width: 1.5em;
	height: 1.5em;
	transform: translateY(-0.05em);
	place-content: center;
	border: 1px solid var(--inputBdrColor);
	border-radius: 2px;
	position: relative;
	display: grid;
	transition: all .15s;
	cursor: pointer;
	flex: none;
	margin: 0;
	padding: 0;
	min-height: 0;
}

input[type="radio"] {
	border-radius: 50%;
}


/* hover */

input[type="checkbox"]:enabled:hover, input[type="radio"]:enabled:hover, input[type="checkbox"]:enabled:focus, input[type="radio"]:enabled:focus {
	border-color: var(--primColor);
}


/* zaskrtnuti */

input[type="checkbox"]:checked, input[type="radio"]:checked {
	background: var(--primColor);
	border-color: var(--primColor);
	box-shadow: 2px 1px 3px rgba(0, 0, 0, .1) inset;
}

input[type="checkbox"]:checked:after, input[type="radio"]:checked:after {
	opacity: 1;
	transform: scale(1);
}

input[type="checkbox"]:after, input[type="radio"]:after {
	content: ' ';
	pointer-events: none;
	transform: scale(2);
	transition: 100ms transform ease-out;
	opacity: 0;
	display: grid;
}

input[type="checkbox"]:after {
	width: .9375em;
	height: .9375em;
	clip-path: polygon(32% 70%, 90% 17%, 99% 28%, 33% 90%, 1% 59%, 11% 49%);
	box-shadow: inset 1em 1em #fff;
	/* Windows High Contrast Mode */
	background-color: CanvasText;
}

input[type="radio"]:after {
	background-color: white;
	border-radius: 50%;
	width: .5em;
	height: .5em;
}

input:checked + label, input:checked + .inputReplaceLabel label {
	color: var(--primColor);
}

input[type="checkbox"]:disabled, input[type="radio"]:disabled {
	filter: grayscale(1);
	opacity: .5;
	pointer-events: none;
}

.switcher {
	display: inline-flex;
}

.switcher__l, .switcher__r {
	position: relative;
	flex: 1;
	border: 1px solid var(--inputBdrColor);
	border-width: 1px 0 1px 1px;
	border-radius: 2px 0 0 2px;
	padding: 2px;
}

.switcher__r {
	border-left-width: 0;
	border-width: 1px 1px 1px 0;
	border-radius: 0 2px 2px 0;
}

.switcher .switcher__input {
	appearance: none;
	border-radius: 0;
	width: 4em;
	height: 2em;
	background: transparent;
	border-width: 0;
	display: block;
	transition-delay: 0;
	box-shadow: none;
	transform: none;
	transition: none;
	border-radius: 2px;
	cursor: pointer;
	background-color: #fff;
}

.switcher__label {
	display: grid;
	place-content: center;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	font-size: .875em;
	padding: 0;
	margin: 0;
	z-index: 2;
	color: var(--textColor);
	transition: color .2s;
	transition-delay: 0;
	pointer-events: none;
}

.switcher .switcher__input:not(:checked):hover {
	background: rgba(0, 0, 0, 0.05);
}


/* posouvátko */

.switcher .switcher__input:checked:before {
	content: ' ';
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background: var(--primColor);
	border-radius: 2px;
	z-index: 2;
}

.switcher .switcher__input:checked + .switcher__label {
	color: white;
	transition-delay: .15s;
}


/* biColor */


/*
.switcher__l .switcher__input:checked, .switcher__l .switcher__input:checked:before {
	background: green;
}

.switcher__r .switcher__input:checked, .switcher__r .switcher__input:checked:before {
	background: red;
}
*/

.switcher__l .switcher__input:checked:focus::before {
	/*cas posunu */
	animation: s1 .3s ease-in-out;
}

.switcher__r .switcher__input:checked:focus::before {
	/*cas posunu */
	animation: s2 .3s ease-in-out;
}

.switcher .switcher__input:checked {
	transition: background .1s;
	/*cas posunu */
	transition-delay: .3s;
	box-shadow: none;
	/* prevence opetovneho kliknuti na chcecked */
	pointer-events: none;
}

@keyframes s1 {
	from {
		transform: translateX(100%);
	}
	to {
		transform: translateX(0%);
	}
}

@keyframes s2 {
	from {
		transform: translateX(-100%);
	}
	to {
		transform: translateX(0%);
	}
}

.switcher .switcher__input:after {
	display: none;
}

.inRow {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	margin: -5px;
}

.resultRow {
	background-color: white;
	box-shadow: 0px 3px 10px #0C47630D;
	padding: 15px 0;
	border: 1px solid #E8EBED;
	border-width: 1px 0 0 0;
	position: relative;
	z-index: 4;
}

.inRow > * {
	padding: 5px;
}

.config__hdr {
	font-weight: 600;
	text-transform: uppercase;
}

.result {
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	font-size: .75rem;
}




.resut__text {
	margin: 0 1em;
}

.cSteps ol:before {
	position: absolute;
	content: ' ';
	display: block;
	top: 0;
	left: 25px;
	width: 1px;
	border-left: 1px dashed #0C4763;
	bottom: 0;
	border-color: #C9CDD0;
}

.cSteps {
	position: relative;
	padding-bottom: 40px;
	background: #f0f0f0;
}

.config {
	padding: 40px 0;
}

@media (min-width: 761px) {
	.configBox {
		background: linear-gradient(to right, #F0F0F0 50%, #fff 50%);
	}
	.cSteps {
		width: 40%;
		position: relative;
		padding-bottom: 70px;
		max-width: 360px;
	}
	.config {
		width: 60%;
		flex: auto;
		background-color: white;
		padding: 70px 0;
		order: 2;
	}
	.switchBox__in, .config__in {
		max-width: 610px;
		margin-left: auto;
		margin-right: auto;
		padding: 0 0 0 30px;
	}
	.config__in2 .switchBox__in {
		max-width: 100%;
	}
	.config__in2 {
		padding-left: 30px;
	}
	.cSteps:after {
		width: 10px;
		background: #0c4763;
		height: 5px;
		border-radius: 0 0 5px 5px;
		position: absolute;
		top: 0;
		left: 20px;
		z-index: 2;
		content: ' ';
		display: block;
	}
	.cSteps:before {
		content: ' ';
		display: block;
		height: 70px;
		width: 1px;
		border-left: 1px dashed #0C4763;
		position: relative;
		left: 24px;
	}
	.cSteps__item--active:before {
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 10px 10px 10px 0;
		border-color: transparent #fff transparent transparent;
		content: ' ';
		display: block;
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-10px);
	}
}


.cSteps .btn {
	width: 100%;
	background: #0c4763;
	border-color: #0c4763;
	max-width: 300px;
}

.btn.btn3:hover {
	background: #0c4763;
	color: white;
}

.btn.btn3 {
	background: #fff;
	color: #0c4763;
	border-color: #0c4763;
}

.cSteps ol {
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: relative;
	padding-bottom: 1px;
}

.cSteps__btn {
	display: block;
	text-decoration: none;
	display: flex;
	align-items: center;
	border-radius: 24px;
	border: 1px solid #C9CDD0;
	color: #c9cdd0;
	align-items: center;
	padding: 8px;
	font-size: .875rem;
	line-height: 1.4em;
	max-width: 300px;
}

.cSteps__item {
	background: #F0F0F0;
	padding: 4px 17px 4px 0;
	margin-bottom: 20px;
	position: relative;
	counter-increment: step-counter;
}

.cSteps__item--empty .cSteps__btn {
	font-weight: 600;
	text-transform: uppercase;
	pointer-events: none;
}

.cSteps__item--active .cSteps__btn, .cSteps__btn:hover {
	background-color: white;
	color: #22B24C;
	text-decoration: none;
	box-shadow: 0px 3px 6px #0C47630D;
	border-color: #fff;
}

.cSteps__item--active .cSteps__btn:before {
	color: white;
	background: #22b24c;
}

.cSteps__item--past .cSteps__btn {
	background-color: transparent;
	color: #0c4763;
	text-decoration: none;
	border-color: transparent;
}

.cSteps__text {
	display: block;
	text-align: left;
}

.cSteps__item--past .cSteps__btn:hover {
	box-shadow: none;
	text-decoration: underline;
}

.cSteps__item--past .cSteps__btn:before {
	color: white;
	background: #0c4763;
}

.cSteps__btn:before {
	color: #818181;
	width: 32px;
	height: 32px;
	display: flex;
	color: white;
	justify-content: center;
	font-weight: 600;
	align-items: center;
	border-radius: 50%;
	font-size: 16px;
	margin-right: 15px;
	background: #C9CDD0;
	content: counter(step-counter);
	min-width: 32px;
}

.configBox .section {
	display: flex;
	flex-flow: row wrap;
}

.note {
	display: flex;
	font-size: .8125rem;
	line-height: 1.8em;
	margin: 2em 0;
}

.config__subhdr strong {
	color: #22b24c;
}

.config__subhdr {
	font-size: 1em;
	margin-top: 3em;
}

.note svg {
	fill: #22b24c;
	display: block;
	margin-right: 10px;
	margin-top: 4px;
}

.config__row {
	margin: 32px 0;
	display: flex;
	flex-flow: row wrap;
}

.config__col + .config__col {
	padding: 0 0 0 16px;
}

.config__col {
	width: 50%;
	padding-right: 16px;
}

.config--radio .inputReplaceRow:not([class*="inputReplaceRow--"]):hover,
.config--multicheckbox .inputReplaceRow:not([class*="inputReplaceRow--"]):hover {
	border-color: #0c4763;
	cursor: pointer;
}

.config--radio .inputReplaceRow,
.config--multicheckbox .inputReplaceRow {
	display: flex;
	border: 1px solid #C9CDD0;
	border-radius: 8px;
	padding: 10px;
	padding-left: 24px;
	min-height: 90px;
	align-items: flex-start;
	flex: auto;
	transition: all .2s;
}

.inputHidden {
	position: absolute;
	opacity: 0;
	z-index: -100;
}

.config--radio .inputReplaceLabel label,
.config--multicheckbox .inputReplaceLabel label {
	font-weight: 600;
}

.config--radio .inputReplaceRow--active .inputReplaceLabel p,
.config--multicheckbox .inputReplaceRow--active .inputReplaceLabel p {
	display: block;
}

.config--radio .inputReplaceLabel p,
.config--multicheckbox .inputReplaceLabel p {
	font-size: .875rem;
	line-height: 1.25em;
	margin: 0;
	padding-top: 10px;
	display: none;
}

.config--radio .inputReplaceLabel,
.config--multicheckbox .inputReplaceLabel {
	align-self: center;
	flex: auto;
	padding-left: 15px;
	text-align: left;
	cursor: default;
}

.config--radio .inputReplace,
.config--multicheckbox .inputReplace {
	min-height: 70px;
	display: flex;
	align-items: center;
}

.config--radio .inputReplaceLabel label,
.config--multicheckbox .inputReplaceLabel label {
	padding: 0;
	margin: 0;
	display: block;
	cursor: pointer;
	line-height: 1.3em;
}

.config--radio .inputReplaceRow--active .checkbox-replaced,
.config--radio .inputReplaceRow--active .radio-replaced,
.config--multicheckbox .inputReplaceRow--active .checkbox-replaced,
.config--multicheckbox .inputReplaceRow--active .radio-replaced {
	border-color: #fff;
}

.config--radio .inputReplaceRow.inputReplaceRow--active,
.config--multicheckbox .inputReplaceRow.inputReplaceRow--active {
	box-shadow: 0px 3px 10px #126A2C33;
	background: #22b24c;
	color: white;
	border-color: #22b24c;
}

.inputReplaceIco .svgIcon * {
	fill: #0c4763;
}

.config--radio .inputReplaceRow--disabled,
.config--multicheckbox .inputReplaceRow--disabled {
	color: #ccc;
	border-color: #eee;
}

.inputReplaceRow--disabled .inputReplaceIco .svgIcon * {
	fill: #ccc;
}

.inputReplaceRow--active .inputReplaceIco .svgIcon * {
	fill: #fff;
}

.inputReplaceIco .svgIcon {
	width: 70px;
	height: auto;
	display: block;
}

.config--radio .inputReplaceRow--disabled label,
.config--multicheckbox .inputReplaceRow--disabled label {
	cursor: default;
}

.config__input {
	border-radius: 4px;
	font-weight: 600;
	color: #0c4763;
	padding-right: 2.5em;
	text-align: right;
}

.units span {
	font-weight: 600;
	color: #0c4763;
	position: absolute;
	display: flex;
	align-items: center;
	right: .8em;
	top: 0;
	bottom: 0;
}

.units {
	flex: auto;
	position: relative;
	max-width: 6em;
}

.config__hdr {
	margin-top: 0;
}

.note p {
	margin: 0 0 .5em 0;
}

.noteBubble:before {
	content: ' ';
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 10px 10px 10px;
	border-color: transparent transparent #F3F5F6 transparent;
	position: absolute;
	left: 24px;
	top: -10px;
}

.noteBubble {
	background: #F3F5F6;
	border-radius: 8px;
	padding: 1px 24px;
	margin: 32px 0;
	position: relative;
}

.noteBubble--alert {
	background-color: #FFF0F5;
}

.note--alert {
	font-weight: 600;
}

.switch span {
	display: block;
	width: 42px;
	height: 35px;
	border-radius: 4px;
	background: #22b24c;
	-webkit-transition: all .5s;
	transition: all .5s;
	border-radius: 18px;
	width: calc(50% - 2px);
	position: absolute;
	z-index: 1;
	left: 2px;
}

.switch {
	background: #fff;
	border-radius: 4px;
	height: 41px;
	border-radius: 22px;
	border: 1px solid #C9CDD0;
	width: 16.25rem;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	display: flex;
	align-items: center;
}

.switchBox__in {
	margin-top: -21px;
}

.switch__item:first-child {
	color: white;
}

.switch__item {
	width: 50%;
	position: relative;
	z-index: 2;
	text-align: center;
	transition: color .2s;
	transition-delay: .2s;
}

.switch--off .switch__item:first-child {
	color: #0c4763;
}

.switch--off .switch__item+.switch__item {
	color: #fff;
}

.switch--off span {
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
}

.btn[disabled] {
	background: #c9cdd0;
	border-color: #C9CDD0;
	cursor: default;
}

.switchBox {
	border: 1px solid #C9CDD0;
	border-width: 1px 0 0 0;
	margin-top: 62px;
}

.bookmarksC ul {
	margin: 0;
	list-style-type: none;
	padding: 0;
	display: flex;
}

.bmCont {
	background: #f8f8f8;
	padding: 25px;
}

.bookmarksC {
	border-width: 0;
	margin-top: var(--vSpace);
}

.bookmarksC .active a {
	background: #f8f8f8;
	border-width: 3px 0 0 0;
	border-top: 2px solid #0c4763;
	color: #0c4763;
}

.bookmarksC a:hover {
	color: #0c4763;
	text-decoration: underline;
}

.bookmarksC a {
	background: #fff;
	display: flex;
	align-items: center;
	text-decoration: none;
	font-weight: 700;
	justify-content: center;
	flex-flow: row wrap;
	min-height: 60px;
	padding: 0 20px;
	color: #0c4763;
	font-size: 1rem;
	border-top: 2px solid transparent;
	text-transform: none;
}

.agreeBox p {
	margin: 0;
	padding: 5px 0;
}

.agreeBox {
	font-size: .75rem;
	margin: 15px 0;
	line-height: 1.25em;
	overflow: auto;
	max-height: 3.4rem;
	padding: 0 5px;
	border: 1px solid #eee;
	border-radius: 8px;
	border-radius: 4px;
}

@media (max-width: 760px) {
	.cSteps {
		width: auto;
		max-width: none;
		flex: auto;
		margin: 0 -15px;
		padding: 30px 15px;
	}
	.configBox .section {
		display: block;
	}
}

@media (max-width: 480px) {
	.config__col {
		width: 100%;
		padding: 0;
	}
	.config__col + .config__col {
		padding: 0;
		margin-top: 16px;
	}
	.config__row {
		margin: 16px 0;
	}
}

.slider {
	display: flex;
	overflow: hidden;
	position: relative;
	background: #fff;
	margin-left: -15px;
	margin-right: -15px;
}

.slider__over {
	flex: auto;
	overflow: hidden;
}

.slider__move {
	display: flex;
	transition: transform .5s ease-out;
	transform: translateX(0);
}

.slider__item img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
	height: auto;
}

.slider__item {
	padding: 15px;
	width: 480px;
	min-width: 480px;
}

.slider__arrow:hover i {
	background: #000;
	color: white;
}

.slider__arrow i {
	background: var(--primColor);
	color: white;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.slider__arrow {
	position: absolute;
	height: 100%;
	right: 0;
	z-index: 10;
	top: 0;
	width: 70px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #fff 100%);
	cursor: pointer;
	visibility: hidden;
	opacity: 0;
	z-index: -2;
	transition: opacity .75s;
}

.slider__arrow--backwards {
	transform: rotate(180deg);
	right: auto;
	left: 0;
}

.slider__arrow--active {
	visibility: visible;
	opacity: 1;
	z-index: 10;
}

@media (max-width: 760px) {
	.slider__item {
		width: 45vw;
		min-width: 45vw;
	}
	.slider__arrow {
		display: none;
	}
	.slider__move {
		transform: none !important;
		overflow: auto;
	}
}

@media (max-width: 639px) {
	.slider__item {
		width: 90vw;
		min-width: 90vw;
	}
}

.ftResultList {
	padding-left: 1.5em;
	display: flex;
	flex-flow: column nowrap;
	gap: 1em;
}

.ftResultList li {
	list-style: disc;
}

.ftResultList h3 {
	margin: 0 0 .25em;
}

.ftResultList .text {
	color: #555;
	font-size: .9em;
}

.dialogBox--search .dialog__box {
	max-height: calc(100dvh - var(--headerHeight));
	flex: auto;
	padding-right: clamp(16px, 5vw, 70px);
}

.dialogBox--search .dialog__hdr {
	padding-bottom: 16px;
}

.searchBox {
	position: relative;
}

.searchBox input {
	padding-right: 60px;
}

.searchBox button {
	width: auto;
	border-width: 0;
	position: absolute;
	top: 0;
	right: 0;
	background: transparent;
	font-size: 1.5em;
	padding: 0;
	width: 60px;
	bottom: 0;
	display: grid;
	place-content: center;
}

.dialogBox--search .dialog__cont {
	max-width: 60em;
	flex: auto;
}


/* naseptavac */

.autocomplete {
	flex: auto;
}

.autocomplete__in {
	display: flex;
	gap: clamp(16px, 4vw, 48px);
	padding: clamp(16px, 4vw, 32px) 0;
}

.autocomplete__part {
	flex: 1;
}

.autocomplete__hdr:after {
	content: ' ';
	display: block;
	flex: auto;
	background: var(--bdrColor);
	height: 1px;
}

.autocomplete__hdrNum {
	font-weight: var(--fwL);
	color: var(--text2Color);
}

.autocomplete__hdr ~ .autocomplete__hdr {
	margin-top: 24px;
}

.autocomplete__hdr {
	align-items: center;
	margin: 0 0 16px 0;
	font-size: 1rem;
	font-weight: var(--fwB);
	color: currentColor;
	display: flex;
	flex-flow: row wrap;
	gap: 10px;
}

.ac__list {
	margin: 0 0 8px 0;
	padding: 0;
	list-style-type: none;
}

.ac__item {
	padding: 2px;
	display: flex;
	flex-flow: row nowrap;
	margin: 0 -3px;
}

.acLink {
	text-decoration: none;
	width: 100%;
	line-height: 1.1em;
	border: 1px solid transparent;
	color: var(--textColor);
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 10px;
	padding: 2px;
}

.acLink__img img {
	display: block;
	margin: 0 auto;
	width: 100%;
	height: auto;
}

.acLink:hover .acLink__hdr {
	text-decoration: underline;
}

.acLink:hover {
	text-decoration: none;
}

.acLink__img {
	min-width: 60px;
	max-width: 80px;
	color: var(--tetx2Color);
	text-align: center;
	font-size: 16px;
}

.acLink__cont {
	flex: auto;
	text-align: left;
}

.acLink__hdr {
	font-weight: var(--fwN);
	display: block;
}

.acLink__price {
	margin: 2px 0 0 0;
	display: block;
}

.acLink__text {
	display: block;
	color: var(--text2Color);
	margin: 2px 0 0 0;
	font-size: .875em;
}

.autocomplete .moreLink {
	font-size: .75rem;
}

.completeResultLink {
	display: block;
	text-align: center;
	text-decoration: none;
	padding: 10px 15px;
	background: var(--altColor);
	font-weight: var(--fwB);
}

.highlight {
	color: var(--secColor);
}


/* zhednodušný našeptávač */

.autocomplete--simple {
	min-width: 0;
	width: 100%;
	max-width: 100%;
	text-align: left;
	font-size: .9em;
}

.modalWindow .autocomplete--simple {
	max-height: 12.2em;
	overflow: auto;
}

.autocomplete--simple .ac__item {
	width: 100%;
	padding: 0;
}

.autocomplete--simple .acLink i {
	font-size: 14px;
}

.autocomplete--simple .acLink__img {
	min-width: 0;
	padding-right: 0;
}

.autocomplete--simple .acLink__text, .autocomplete--simple .acLink__hdr {
	display: inline-block;
	padding: 0 0 0 5px;
}

.searchResultInfo {
	line-height: 1.5em;
	font-size: .875em;
	text-align: right;
}

@media (max-width: 1230px) {
	.autocomplete {
		min-width: 0;
		top: 40px;
	}
	.search:not(.search404) {
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		background: var(--altColor);
		z-index: 101;
		padding-right: 115px;
		height: 60px;
		padding-left: 40px;
		transform: translateY(-100%);
		opacity: 0;
		transition: transform .25s;
		display: flex;
		align-items: center;
		max-width: 100%;
	}
	.searchOn .search {
		transform: translateY(0);
		opacity: 1;
	}
	.search__input {
		height: 48px;
		padding-top: 2px;
		padding-bottom: 2px;
		background-color: white;
		padding-right: 48px;
		padding-left: 20px;
	}
	.search__button {
		background: transparent;
		right: 0;
		left: auto;
		height: 48px;
		width: 48px;
	}
	.search__box {
		max-width: 100%;
	}
	.searchClose {
		position: absolute;
		display: block;
		line-height: 64px;
		color: var(--textColor);
		cursor: pointer;
		text-align: center;
		width: 40px;
		left: 0;
		top: 0;
	}
}

@media (max-width: 760px) {
	.acLink__img {
		min-width: 40px;
	}
}

@media (max-width: 570px) {
	.ac__item {
		width: 100%;
		float: none;
		padding: 2px;
	}
}

@media (max-width: 640px) {
	.search {
		padding-right: 50px;
	}
	.autocomplete__in {
		flex-flow: row wrap;
	}
	.autocomplete__part {
		flex: auto;
	}
}

@media screen { 
/*/domains1/magniflex_cz/public/www_root/css/responsive.css*/
.popisek, .menuBtn, .respNav, #dark, .kolekceResp, .topBar__close, .upperBtn {
	display: none;
}

#dark {
	z-index: -100;
}

@media screen and (max-width: 1220px) {
	.topNav, .header hr {
		display: none;
	}
	.header {
		background: #fff;
		box-shadow: 0 0 20px rgba(0, 0, 0, .12);
		position: fixed;
		left: 0;
		top: 0;
		right: 0;
		z-index: 99;
	}
	.topBar {
		background: var(--bdrColor);
		width: auto;
		border-width: 0;
		padding: 0;
		background: var(--bdrColor);
		display: flex;
		align-items: center;
		justify-content: space-between;
		height: auto;
	}
	.geoLocOff .topBar {
		display: none;
	}
	header .section {
		height: auto;
	}
	.header .section {
		height: 60px;
	}
	.header__r {
		flex: 1;
		max-width: none;
		padding-right: 40px;
	}
	.logo {
		max-width: none;
		flex: 5;
		width: auto;
		transform: translateY(20%);
	}
	.logo svg, .logo img {
		width: 100%;
		max-width: 145px;
	}
	.logo svg g {
		display: none;
	}
	.logo .logo__img--full {
		display: none;
	}
	.logo .logo__img--small {
		display: block;
	}
	.topBar__close {
		display: grid;
		width: 40px;
		height: 40px;
		place-content: center;
	}
	.topBtn--search {
		color: var(--secColor);
		background: transparent;
		font-size: 1.375em;
	}
	.HPbanners {
		margin-top: 12px;
		gap: 12px;
	}
	.row {
		margin-left: -15px !important;
		margin-right: -15px !important;
	}
	.row div[class^="col"] {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
	.row-pad0 div[class^="col"] {
		margin: 0 !important;
	}
	.row-pad5 div[class^="col"] {
		padding-left: 5px !important;
		padding-right: 5px !important;
	}
	.row-pad10 div[class^="col"] {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
	.row-pad5 {
		margin-left: -5px !important;
		margin-right: -5px !important;
	}
	.row-pad10 {
		margin-left: -10px !important;
		margin-right: -10px !important;
	}
	.productList {
		margin: 0 -15px;
	}
	.product {
		padding: 25px 15px;
	}
	.sortby span, .link {
		min-width: 0;
	}
	#page {
		padding-top: 60px;
	}
	.productBar {
		line-height: 1.5em;
		text-align: center;
		padding: 5px 0;
	}
	.productBar ul a:after {
		display: none !important;
	}
	.productBar ul a {
		padding-top: 5px;
		padding-bottom: 5px;
	}
	.productBar ul {
		padding-left: 0;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		width: 100%;
	}
	.catalog {
		text-align: center;
		display: block;
		padding: 5px 10px;
	}
	.bookmarks {
		-ms-flex-flow: row wrap;
		-webkit-flex-flow: row wrap;
		flex-flow: row wrap;
	}
	.bookmarks li {
		width: 25%;
	}
	.product .perex {
		font-size: 1em;
		line-height: 1.4em;
	}
	.blueSlides.kolekce .blueSlide {
		padding-bottom: 120px;
	}
	.products .productList .product {
		width: 50%;
		-ms-flex-preferred-size: 50%;
		-webkit-flex-basis: 50%;
		flex-basis: 50%;
		max-width: 50%;
	}
	.product .img {
		min-height: 0;
	}
	.product .img {
		height: auto;
		min-height: 0;
	}
	.shopListIn {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
	}
	.threeBox .h2spec span {
		min-height: 0;
	}
	.loga a {
		width: 65px;
		height: 65px;
	}
	.topBarR {
		display: none;
	}
	.topBarL {
		flex: auto;
		padding-top: 3px;
		padding-bottom: 3px;
	}
	body:not(.pl) .header__r .headerSoc {
		display: none;
	}
	.respNav .headerSoc {
		display: flex;
		position: absolute;
		top: 10px;
		left: 20px;
		align-items: center;
		min-height: 40px;
	}
	.upperBtn svg, .upperBtn img {
		width: auto;
		height: 24px;
	}
	.upperBtn {
		border-radius: 50%;
		color: var(--secColor);
		align-items: center;
		justify-content: center;
		min-width: 32px;
		margin-top: -3px;
		font-size: 8px;
		border-width: 0;
		max-width: min-content;
		text-align: center;
		line-height: 1em;
		display: flex;
		flex-flow: column nowrap;
		text-transform: uppercase;
		font-weight: var(--fwB);
		text-decoration: none;
		gap: 4px
	}
	.respNavBtns {
		display: flex;
		flex-flow: column nowrap;
		gap: 6px;
		padding: 10px 10px 0 10px;
	}
	.topBar__btn {
		border-width: 1px;
		border-radius: 6px;
		justify-content: center;
	}
}

@media screen and (max-width: 960px) {
	.sld__ctrlBtn {
		display: none;
	}
	.sld__cont {
		padding-top: 24px;
		padding-bottom: 24px;
		width: 100%;
	}
	.sld__ctrlIn {
		width: 100%;
	}
	.refs__in {
		display: contents;
	}
	.refs hr {
		display: none;
	}
	.ref__cont {
		display: contents;
	}
	.ref__hdr, .ref__q {
		grid-column: span 2;
	}
	.ref__img {
		grid-row: span 2;
	}
	.refBox .ref {
		display: grid;
		grid-template-columns: 1fr 3fr;
		grid-auto-rows: auto;
		gap: 1em;
	}
	.ref__text {
		align-self: end;
	}
	.ref__name {
		align-self: start;
		margin: 0;
	}
	.refs {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}
	.ref__btn {
		order: 6;
		margin: 0;
		text-align: center;
		grid-column: span 2;
	}
	.showroomDet {
		flex-flow: row wrap;
		justify-content: center;
	}
	.shopDet {
		grid-template-columns: 1fr;
	}
	.shopDet__r {
		order: -1;
		max-width: 100%;
	}
	.results {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media screen and (max-width: 760px) {
	.columns {
		grid-template-columns: 1fr;
	}
	.content {
		padding-top: 24px;
	}
	aside {
		order: 2;
		background: var(--altColor);
		padding: 16px;
		margin: 0 -15px;
		max-width: none;
	}
	.lang {
		display: none;
	}
	.topBar {
		padding: 5px 0;
	}
	.about {
		grid-template-columns: 1fr;
		gap: 0;
		margin: 0;
	}
	.articles {
		grid-template-columns: 1fr;
	}
	.article__btn {
		padding-top: 0;
	}
	.points {
		margin: 0 -16px;
	}
	.sld__cont .section {
		display: flex;
		flex-flow: column nowrap;
	}
	.sld__img img {
		width: 100%;
		height: auto;
		display: block;
	}
	.sld {
		aspect-ratio: 3 / 3;
		background: var(--textColor);
		text-align: center;
		margin-bottom: 0;
	}
	.sld__text {
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
		overflow: hidden;
		font-size: .875em;
	}
	.sld__ctrl, .sld__ctrlIn {
		position: static;
		display: contents;
	}
	.sld__ctrl .arr {
		top: 50%;
	}
	.sld__cont {
		background: var(--textColor);
	}
	.row:after {
		clear: both;
		height: 1px;
		content: ' ';
		display: block;
	}
	.row div[class^="col"] {
		width: 100%;
		float: none;
		margin: 10px 0;
		clear: both;
	}
	.row div[class^="col"]:first-child {
		margin-top: 0;
	}
	.row.separated div[class^="col"] {
		border: 0;
		margin-left: 0;
		margin-right: 0;
	}
	.link {
		display: none;
	}
	.reference blockquote::before {
		display: none;
	}
	.bookmarks {
		border-top: 1px solid rgba(255, 255, 255, 0.15);
	}
	.bookmarks li:last-child {
		border-right: 1px solid rgba(255, 255, 255, 0.15);
	}
	.product {
		width: 50%;
		-ms-flex-preferred-size: 50%;
		-webkit-flex-basis: 50%;
		flex-basis: 50%;
		max-width: 50%;
	}
	.product.parametry ol li {
		max-width: 25%;
	}
	.parametry ol {
		-ms-flex-flow: row wrap;
		-webkit-flex-flow: row wrap;
		flex-flow: row wrap;
	}
	.slide h2, .slide h3 {
		margin: 4px 0;
	}
	.slideShow {
		min-height: 130px;
	}
	.slideShow .btn {
		padding: 5px 12px;
		font-size: .75rem;
	}
	div.mapa {
		margin-top: 3em;
	}
}

@media screen and (max-width: 600px) {
	table.tab, table.tab tr, table.tab td, table.tab th, .tab tbody, table[border="1"] tbody, table[border="1"], table[border="1"] tr, table[border="1"] td, table[border="1"] th {
		display: block;
		width: 100% !important;
		text-align: left !important;
		border: 0;
		background: transparent;
	}
	thead {
		display: none;
	}
	table.tab tr, table[border="1"] tr {
		border-bottom: 1px solid #eaeaea;
		padding: 10px 0;
	}
	table.tab, table[border="1"] {
		border-top: 1px solid #eaeaea;
	}
	table.tab td:empty, table.tab th:empty, table.tab tr:empty, table[border="1"] td:empty, table[border="1"] th:empty, table[border="1"] tr:empty {
		display: none;
	}
	.sortby {
		display: none;
	}
	.loga a {
		width: 50px;
		height: 50px;
	}
	.refs {
		display: grid;
		grid-template-columns: 1fr;
		gap: 10px;
		margin: 0;
	}
	.ref__item {
		padding: 0;
		align-self: center;
		margin: 0 auto;
		width: 100%;
	}
	body.pl .topBarL {
		display: grid;
		grid-template-columns: 1fr auto;
	}
	body.pl .branch__btn {
		grid-area: 1 / 2 / 3 / 3;
		max-width: min-content;
	}
	body:not(.pl) .branch__tel {
		display: none;
	}
}

@media screen and (max-width: 470px) {
	.sld__img img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.sld {
		aspect-ratio: 1 / 2;
	}
	.sld__contIn {
		padding: 0;
	}
	.sld__photo {
		aspect-ratio: 1 / 1.25;
	}
	.refSlideShow .slide {
		padding: 0;
	}
	.arr, .prepinac {
		display: none;
	}
	.slideVideo__cont {
		padding-left: 20px;
	}
	.bookmarks li {
		width: 50%;
	}
	.menu li {
		float: none;
		width: 100%;
	}
	.products .productList .product {
		width: 100%;
		-ms-flex-preferred-size: 100%;
		-webkit-flex-basis: 100%;
		flex-basis: 100%;
		max-width: 100%;
	}
	.product {
		width: 100%;
		-ms-flex-preferred-size: 100%;
		-webkit-flex-basis: 100%;
		flex-basis: 100%;
		max-width: 100%;
	}
	.slide .section {
		padding-bottom: 15px;
	}
	.shopListIn {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
		-webkit-column-gap: 0;
		-moz-column-gap: 0;
		column-gap: 0;
	}
	.formGen .formRow {
		margin-bottom: 0;
	}
	.loga {
		padding: 20px 0;
	}
	.viteze h2::before {
		margin: 0 auto 30px;
	}
	.obr2 {
		width: 100%;
		max-width: 100% !important;
		margin: 0 0 1.5em 0;
	}
	.results {
		grid-template-columns: repeat(2, 1fr);
		font-size: .875em;
	}
	.topBtns {
		gap: 3px;
	}
	.branch__btn {
		white-space: normal;
		text-align: center;
		line-height: 1.2em;
		padding: 8px;
		border-radius: 4px;
	}
}


/* MENU */

@media screen and (max-width: 1220px) {
	.menuBtn {
		position: fixed;
		height: 60px;
		padding: 22px 15px 0 15px;
		text-align: center;
		display: block;
		right: 0;
		top: 0;
		line-height: 11px;
		font-size: 1em;
		font-weight: 400;
		color: var(--textColor);
		font-size: 12px;
		font-weight: 600;
		text-transform: uppercase;
		cursor: pointer;
		z-index: 200;
		white-space: nowrap;
	}
	.menuBtn span {
		display: inline-block;
		vertical-align: middle;
		width: 20px;
		position: relative;
		height: 16px;
		overflow: hidden;
	}
	.menuBtn em {
		display: block;
		background: var(--textColor);
		height: 2px;
		margin: 7px auto 0 auto;
		width: 20px;
	}
	.menuBtn span:after {
		display: block;
		background: var(--textColor);
		height: 2px;
		content: " ";
		width: 100%;
		position: absolute;
		left: 0;
		top: 0;
	}
	.menuBtn span:before {
		display: block;
		background: var(--textColor);
		height: 2px;
		content: " ";
		width: 100%;
		position: absolute;
		left: 0;
		bottom: 0;
	}
	.menuBtn em {
		-webkit-transition: width .2s, background-color .2s;
		transition: width .2s, background-color .2s;
	}
	.menu a span:after {
		-webkit-transition: width 0.2s ease-out;
		-webkit-transition: width .2s ease-out;
		transition: width .2s ease-out;
	}
	.menuBtn {
		-webkit-transition: color 0.2s ease-out;
		-webkit-transition: color .2s ease-out;
		transition: color .2s ease-out;
		-webkit-transition-delay: .4s;
		transition-delay: .4s;
		-moz-transition-delay: .4s;
		-o-transition-delay: .4s;
	}
	.menuBtn span:before, .menuBtn span:after {
		-webkit-transition: all 0.2s;
		-webkit-transition: all .2s;
		transition: all .2s;
		-webkit-transition-delay: .2s;
		transition-delay: .2s;
		-moz-transition-delay: .2s;
		-o-transition-delay: .2s;
		-webkit-transform-origin: 50% 50%;
		-ms-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
	}
	.respNav {
		background: white;
		padding-top: 60px;
		position: fixed;
		z-index: 150;
		right: 0;
		top: 0;
		height: 100%;
		width: 90%;
		max-width: 360px;
		margin: 0;
		float: none;
		margin: 0;
		display: block;
		box-shadow: 0 2px 2px rgba(0, 0, 0, .2);
		transform: translateX(105%);
	}
	.respNav {
		transition: transform .2s ease-out;
	}
	#dark {
		position: fixed;
		display: none;
		z-index: -100;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, .2);
		cursor: pointer;
	}
	.respNav-in {
		max-height: 100%;
		overflow: auto;
	}
	.respNav ul a, .respNav ul span.respNav__a {
		display: block;
		text-align: left;
		text-decoration: none;
		padding: 0;
		color: var(--textColor);
		font-weight: 600;
		font-size: 1rem;
		cursor: pointer;
	}
	.respNav ul a.respNav__ghostLink {
		color: rgba(0, 0, 0, 0.45);
	}
	.respNav ul a:hover {
		text-decoration: none;
	}
	.respNav ul {
		padding: 0;
		margin: 0 0 0 0;
		left: 0;
	}
	.respNav ul+ul {
		border-bottom: 1px solid rgba(0, 0, 0, .05);
	}
	.respNav li {
		border-top: 1px solid rgba(0, 0, 0, .05);
	}
	.respNav-in>ul {
		position: relative;
	}
	.respNav li span {
		position: relative;
		display: block;
		padding: 12px 20px;
	}
	.respNav ul ul {
		display: none;
		border-bottom: 0;
		margin: 0;
		padding: 0 0 0 10px;
	}
	.respNav .rozbal>ul {
		display: block;
	}
	/* submenu wrapper (nová struktura s div.submenu) */
	.respNav .submenu {
		position: static;
		opacity: 1;
		pointer-events: auto;
		transform: none;
		box-shadow: none;
		padding: 0;
		display: none;
		grid-template-columns: 1fr;
		transition: none;
		background: transparent;
		z-index: auto;
	}
	.respNav .rozbal>.submenu {
		display: block;
	}
	.respNav .rozbal>.submenu ul {
		display: block;
	}
	.respNav .subex .open:before {
		content: "\f107";
		font-family: 'Font Awesome 6 Pro';
		font-weight: 400;
		-moz-osx-font-smoothing: grayscale;
		-webkit-font-smoothing: antialiased;
		font-style: normal;
		font-variant: normal;
		text-rendering: auto;
	}
	.respNav .subex .open {
		display: block;
		position: absolute;
		z-index: 5;
		right: 0;
		top: 0;
		cursor: pointer;
		width: 40px;
		text-align: center;
		height: 100%;
		padding: 0;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-moz-align-items: center;
		-ms-align-items: center;
		-o-align-items: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
		-moz-justify-content: center;
		-ms-justify-content: center;
		-o-justify-content: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		border-left: 1px solid rgba(0, 0, 0, .05);
		background: rgba(0, 0, 0, 0.02);
	}
	.respNav .subex .open:hover {
		background: rgba(0, 0, 0, .05);
	}
	.respNav .rozbal.subex>a .open:before, .respNav .rozbal.subex>span.respNav__a .open:before {
		content: "\f106";
	}
	.respNav .rozbal {
		background: #fcfcfc;
	}
	.respNav ul ul a, .respNav ul ul span.respNav__a {
		text-transform: none;
		font-weight: 500;
		font-size: .875em;
	}
	.respNav ul ul li span {
		padding-top: 8px;
		padding-bottom: 8px;
	}
	.menuOn .menuBtn em {
		width: 0;
	}
	.menuOn .menuBtn span:after {
		position: absolute;
		left: 0;
		top: 7px;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.menuOn .menuBtn span:before {
		position: absolute;
		left: 0;
		bottom: 7px;
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	.menuOn .respNav {
		transform: translate(0);
	}
	.menuOn #dark {
		z-index: 101;
		display: block;
	}
	.menuOn .menuBtn em, .menuOn .menuBtn span:after, .menuOn .menuBtn span:before {
		background-color: #3aa935;
	}
	.menuOn .menuBtn {
		background: transparent;
		border-color: transparent;
	}
}

}
/* NEW PRODEJNA STYLES - temp-prodejna-new.php */
.shopDet-main {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 32px;
}

@media only screen and (max-width: 640px) {
	.content hr:first-of-type {
		display: none;
	}
}

/* left col */
.shopDet__l {
	height: fit-content;
	display: flex;
	flex-direction: column;
	gap: 16px;
	background-color: rgba(29, 64, 83, 0.06);
	padding: 24px;
	border-radius: 24px;
}

/* -- bez pozadí */

.shopDet__l--transparent {
	background: transparent;
}

/* Tags - common */

.shopTag,
.availabilityTag {
	max-width: fit-content;
	display: flex;
	align-items: center;
	gap: 4px;
	background-color: rgba(34, 178, 76, 0.1);
	border: 1px solid var(--primColor);
	border-radius: 50px;
	padding: 4px 8px;
	font-weight: var(--fwN);
	font-size: 14px;
}

.availabilityTag:hover {
	text-decoration: none;
	background: #0c4763;
	color: white;
	cursor: pointer;
}

.availabilityTag:hover .availabilityTag__icon {
	fill: white;
}

/* shopTag - Sklep */
.shopTag {
	background-color: rgba(34, 178, 76, 0.1);
	border: 1px solid var(--primColor);
	color: var(--primColor);
}
.shopTag svg {
	fill: currentColor;
}

.shopTag--1 {
	color: #22b24c;
	border-color: #22b24c;
	background-color: rgba(34, 178, 76, 0.1);
}

.shopTag--2 {
	color: #3d94ad;
	border-color: #3d94ad;
	background-color: #3d94ad21;
}

.shopTag--3 {
	color: #0c4763;
	border-color: #0c4763;
	background-color: rgba(12, 71, 99, 0.1);
}

.shopTag--4 {
	color: #9b0000;
	border-color: #9b0000;
	background-color: rgba(155, 0, 0, 0.1);
}

/* availabilityTag - Počet kusů na prodejně */

.availabilityTag {
	background: rgba(12, 71, 99, 0.25);
	/* color: #0c4763; */
	color: #023147;
	border: 1px solid #0c4763;
	text-decoration: none;
}

.availabilityTag svg {
	width: 22px;
	height: auto;
	fill: #0c4763;
}

.availabilityTag__text--long {
	display: inline; /* Zobrazeno na >360px */
}

.availabilityTag__text--short {
	display: none; /* Skryto na >360px */
}

@media only screen and (max-width: 360px) {
	.availabilityTag__text--long {
		display: none; /* Skryje dlouhý text */
	}

	.availabilityTag__text--short {
		display: inline; /* Zobrazí kratší text */
	}
}

/* OVERVIEW PAGE / Počet kusu - dropdown */

details.availabilityTag--dropdown {
	display: inline-block;
	border: 1px solid #0c4763;
	border-radius: 50px;
	padding: 4px 8px;
	background: rgba(12, 71, 99, 0.25);
	cursor: pointer;
	max-width: 300px;
	/* transition: all 0.3s ease; */
}

.availabilityTag[open] {
	border-radius: 16px;
	background: rgba(12, 71, 99, 0.25);
}

/* summary řádek */
.availabilityTag summary {
	list-style: none;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	cursor: pointer;
}

.availabilityTag summary::-webkit-details-marker {
	display: none;
}

.availabilityTag svg {
	width: 18px;
	height: 18px;
	fill: #0c4763;
}

.availabilityTag summary::after {
	content: "▾";
	font-size: 0.9em;
	color: #666;
	transition: transform 0.2s ease;
}

.availabilityTag[open] summary::after {
	transform: rotate(180deg);
}

/* obsah dropdownu */
.availabilityTag__dropdown {
	display: flex;
	justify-content: space-between;
	margin-top: 8px;
	padding: 0 32px 0 26px;
	font-size: 0.875rem;
	color: #0c4763;
	border-top: 1px solid rgba(0, 0, 0, 0.05);
}

body p.availabilityTag__dropdown-name {
	font-weight: var(--fwB);
	font-size: 0.875rem;
}

.shopDet__l h2 {
	font-size: 22px;
	font-weight: var(--fwN);
	margin: 0;
	display: block;
}
.shopDet__l h2 span {
	font-weight: var(--fwL);
	display: block;
	font-size: 16px;
}

.shopDet__l p {
	margin: 0;
}
.shopDet__l ul.shopDet__l__kontakty {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.shopDet__l ul.shopDet__l__kontakty strong {
	font-weight: var(--fwB);
}

.shopDet__l ul.shopDet__l__kontakty li {
	margin: 0;
}

/* 4 info boxes */
.shopDet__detail {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(150px, 150px));
	justify-content: flex-start;
	gap: 16px;
}
.shopDet_detail__box {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 4px;
	background: rgba(29, 64, 83, 0.06);
	border-radius: 24px;
	width: 150px;
	max-width: 100%;
	min-height: 132px;
	padding: 16px 4px;
}
.shopDet_detail__box p {
	margin: 0;
	text-align: center;
	line-height: 1.2;
	font-weight: 600;
	font-size: 15px;
}
.shopDet_detail__box img {
	width: 72px;
	height: auto;
	object-fit: contain;
	margin-bottom: 8px;
}
/* right col */
.shopDet__r {
	max-width: 100%;
}
.shopDet__r .det__img {
	width: 100%;
	max-width: none;
	height: auto;
	max-height: 424px;
}
.shopDet__r .det__img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 24px;
}

.shopDet .shopDet__r .det__img {
	max-height: none;
}

.shopDet__r .switch-content {
	height: 100%;
	display: flex;
	gap: 32px;
	flex-direction: column;
	/* justify-content: space-between; */
}
.shopDet__r .zalozky {
	height: auto;
	max-width: fit-content;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 0;
	align-self: center;
	gap: 24px;
	border-right: 0px;
	border: 1px solid rgba(39, 78, 100, 1);
	border-radius: 50px;
	padding: 0 4px;
}
.shopDet__r .zalozky li {
	width: fit-content;
}

.shopDet__r .zalozky li .tabBtn.aktivni {
	min-width: 170px;
}
.shopDet__r .zalozky button.tabBtn.gallery {
	margin: 0;
}
.shopDet__r .zalozky button.tabBtn.neaktivni {
	min-width: 170px;
	background-color: transparent;
	border: 1px solid white;
	color: rgba(0, 0, 0, 1);
}

.shopDet__r .zalozky button.tabBtn.neaktivni:hover {
	text-decoration: none;
	background: #0c4763;
	color: white;
	border-color: #0c4763;
}
@media only screen and (max-width: 960px) {
	/* first section */
	.shopDet-main {
		display: flex;
		flex-direction: column;
	}
	.shopDet-main .shopDet__r {
		order: 1;
	}
	.shopDet-main .shopDet__l {
		order: 2;
	}
	.shopDet__r .switch-content {
		gap: 32px;
	}
	.shopDet__r .switch-content .det__img {
		max-height: none;
	}
	.shopDet__r .zalozky {
		justify-content: space-between;
	}
	.shopDet__r .det__img img {
		min-height: auto;
		height: auto;
		aspect-ratio: 1 / 1;
		object-fit: cover;
	}

	.shopDet__r .zalozky li .tabBtn.aktivni,
	.shopDet__r .zalozky button.tabBtn.neaktivni {
		min-width: 150px;
	}
}
@media only screen and (max-width: 640px) {
	.shopDet__r .zalozky {
		max-width: 100%;
		justify-content: center;
		width: fit-content;
	}
	.shopDet__r .zalozky li .tabBtn.aktivni,
	.shopDet__r .zalozky button.tabBtn.neaktivni {
		min-width: 120px;
	}
}
/* recenze section */

.review-wrap .review__box h3 {
	font-weight: var(--fwN);
}

.review-wrap {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 24px;
	/* padding: 24px; */
}
.review-wrap .review__box {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	background-color: rgba(29, 64, 83, 0.06);
	border-radius: 24px;
	padding: 16px;
	gap: 14px;
}
.review-wrap .review__box h3,
.review-wrap .review__box p {
	margin: 0;
}
.review-wrap .review__box h3 {
	font-size: 20px;
}

.review-wrap .review__box__rating {
	line-height: 1;
}

.review-wrap .review__box p {
	font-size: 16px;
	line-height: 1.55;
}

.review-wrap .review__box a,
.review-wrap .review__box .btn {
	background: transparent;
}

.review-wrap .review__box .btn {
	margin-top: auto;
	width: 100%;
}

.review-wrap .review__box .btn:hover,
.review-wrap .review__box .btn:focus {
	background: #0c4763;
	border-color: #0c4763;
	color: white;
}

.review-wrap .review__box .btn.is-disabled {
	cursor: default;
	opacity: .72;
}

.review-wrap .review__box .btn.is-disabled:hover,
.review-wrap .review__box .btn.is-disabled:focus {
	background: transparent;
	border-color: var(--secColor);
	color: var(--textColor);
}
@media only screen and (max-width: 960px) {
	.review-wrap {
		display: flex;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		gap: 16px;
		padding: 16px;
	}
	.review-wrap .review__box {
		flex: 0 0 50%;
		scroll-snap-align: start;
		min-width: 50%;
	}
}
@media only screen and (max-width: 640px) {
	.review-wrap .review__box {
		flex: 0 0 100%;
		scroll-snap-align: start;
		min-width: 100%;
	}
}
/* spodni cast section */
.shopDet__l.white--bg {
	background-color: #fff;
}
.shopDet {
	display: grid;
	grid-template-areas: "text gallery" "text mainImg";
	grid-template-columns: 1fr 1fr;
	gap: 32px;
}

.shopDet h2.content__Title {
	grid-area: text;
	margin: O !important;
}

.title-desktop-hide {
	display: block;
}

.shopDet__text {
	grid-area: text;
	display: flex;
	flex-direction: column;
	gap: 24px;
}
.shopDet__text .content-wrap {
	display: flex;
	flex-direction: column;
	gap: 24px;
	overflow: hidden;
}
.shopDet__text .content-wrap h2 {
	margin: 0;
}
.shopDet__gallery {
	grid-area: gallery;
}
.shopDet__gallery .det__gal {
	height: 100%;
	padding: 0;
	gap: 32px;
}
.shopDet__gallery .det__gal img {
	height: 100%;
	object-fit: cover;
	border-radius: 24px;
}
.shopDet__mainImg {
	grid-area: mainImg;
}
.shopDet__mainImg img {
	border-radius: 24px;
}
.content-wrap hr,
.content-wrap p {
	margin: 0;
}
@media only screen and (max-width: 960px) {
	.shopDet {
		display: flex;
		flex-direction: column;
	}

	.title-desktop-hide {
		display: block;
		margin: 0;
	}

	.title-mobile-hide {
		display: none;
	}
	.shopDet__detail {
		grid-template-columns: repeat(4, 1fr);
	}
	.shopDet__text {
		order: 2;
	}
	.shopDet__gallery {
		order: 1;
	}
	.shopDet__gallery .det__gal {
		display: flex;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		gap: 16px;
		padding: 16px;
	}
	.shopDet__gallery .det__gal a {
		flex: 0 0 100%;
		scroll-snap-align: start;
		min-width: 100%;
	}
	.shopDet__mainImg {
		order: 3;
	}
}
@media only screen and (max-width: 640px) {
	.shopDet__detail {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.shopDet_detail__box {
		width: auto;
	}
}

@media only screen and (max-width: 320px) {
	.shopDet__detail {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
}

/***** Prodejny overview NEW - temp-prodejna-overview.php *****/

.content-main {
	padding: 36px 0 0 0;
}

.title-section-wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	padding: 0 30px;
}
@media only screen and (max-width: 640px) {
	.title-section-wrap {
		padding: 0;
		margin-bottom: 30px;
	}
}
.shopOverview {
	--shop-overview-map-height: 700px;
	display: grid;
	grid-template-columns: 1fr 2fr;
	gap: 32px 40px;
	padding: 24px;
	align-items: start;
}
@media only screen and (max-width: 960px) {
	.shopOverview {
		display: flex;
		flex-direction: column;
		align-items: stretch;
	}
}
.shopOverview__l,
.overview-shopBox-wrap,
.overview-shopBox,
.overview-shopBox__content {
	display: flex;
	flex-direction: column;
}
/* search input */
.overview-searchBox {
	max-width: 536px;
	display: flex;
	flex-direction: column;
	gap: 4px;
	/* padding: 0 24px; */
}
.overview-searchBox form {
	display: flex;
	gap: 16px;
	justify-content: space-between;
}
.overview-searchBox .search-more {
	display: flex;
	align-items: center;
	gap: 4px;
}
.search-input-wrapper {
	position: relative;
	flex: 1;
}

.search-input-wrapper input {
	padding: 12px 48px 12px 24px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.searchBox input {
	max-width: 327px;
}

.overview-searchBox .search-icon {
	position: absolute;
	right: 16px;
	top: 50%;
	transform: translateY(-50%);
	pointer-events: none;
	display: flex;
}
.overview-searchBox form button {
	display: flex;
	align-items: center;
}

@media only screen and (max-width: 640px) {
	.search-input {
		padding: 12px 12px;
	}
}

/* left col - prodejny */
.shopOverview__l {
	justify-content: flex-start;
	gap: 32px;
	height: var(--shop-overview-map-height);
	max-height: var(--shop-overview-map-height);
	min-height: 0;
}
.overview-shopBox-wrap {
	gap: 20px;
	flex: 1;
	min-height: 0;
	overflow-y: auto;
}

#placesListItems {
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.overview-shopBox-wrap h3 {
	margin: 0;
}

.overview-shopBox__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}

.overview-shopBox {
	background: rgba(29, 64, 83, 0.06);
	border-radius: 24px;
	border: 1px solid rgb(255, 255, 255);
	padding: 20px;
	gap: 28px;
}
.overview-shopBox:hover {
	border: 1px solid rgba(34, 178, 76, 1);
}

@media only screen and (max-width: 640px) {
	.overview-shopBox.boxActive {
		border: none;
	}
}

.overview-shopBox__content {
	gap: 12px;
}
.overview-shopBox__content__header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	/* gap: 18px 24px; */
	gap: 8px;
}
.shopTag__icon {
	width: 22px;
	height: 28px;
	object-fit: contain;
	flex: 0 0 auto;
}
.overview-shopBox__content__header .shopTag.premium {
	background-color: rgba(155, 0, 0, 0.1);
	border: 1px solid #9b0000;
	color: #9b0000;
}
.overview-shopBox__content__header p {
	font-size: 16px;
	font-weight: var(--fwL);
	margin: 0;
}

.kontakt-row a {
	text-decoration: underline;
}

.kontakt-row {
	display: flex;
	align-items: center;
	gap: 10px;
}

.overview-shopBox h2 {
	font-size: 20px;
	margin: 0;
}
.overview-shopBox h2 span {
	display: block;
	font-weight: var(--fwL);
	line-height: 1.45;
	margin-top: 4px;
}
.overview-shopBox .text-link {
	line-height: 1.35;
}

@media only screen and (max-width: 640px) {
	.overview-shopBox h2 span {
		max-width: 310px;
	}
}
@media only screen and (max-width: 960px) {
	.shopOverview__l {
		order: 2;
		height: auto;
		max-height: none;
	}
	.overview-shopBox-wrap {
		overflow-y: visible;
		max-height: none;
	}
}
/* right col - map */

@media only screen and (max-width: 640px) {
	.shopOverview__r .overview-map_m {
		max-height: 300px !important;
	}
}

.shopOverview__r__content {
	width: fit-content;
	/*      width: 100%;
     height: 100%; */
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 24px;
}
.shopOverview__r__content .filters {
	width: fit-content;
	display: flex;
	align-items: center;
	align-self: flex-end;
	flex-wrap: wrap;
	gap: 12px;
	padding: 16px;
	background: rgba(29, 64, 83, 0.06);
	border-radius: 10px;
}
.shopOverview__r__content .filters .filters__label {
	font-weight: var(--fwN);
}
.shopOverview__r__content .filters .filters__options {
	display: flex;
	align-items: center;
	gap: 16px;
	flex-wrap: wrap;
}
.shopOverview__r__content .filters .filters__options label.filter-option {
	display: flex;
	gap: 4px;
	align-items: center;
}

/* option Premium Partner */
.filter-option.opt--4 input[type="checkbox"],
input[type="radio"]:checked {
	border-color: #9b0000;
}
.opt--4 input[type="checkbox"]:checked,
input[type="radio"]:checked {
	background: #9b0000;
	border-color: #9b0000;
}
/* option Showroom */
.filter-option.opt--3 input[type="checkbox"],
input[type="radio"]:checked {
	border-color: rgba(29, 64, 83, 1);
}
.opt--3 input[type="checkbox"]:checked,
input[type="radio"]:checked {
	background: rgba(29, 64, 83, 1);
	border-color: rgba(29, 64, 83, 1);
}
/* option certificate shop */
.filter-option.opt--2 input[type="checkbox"],
input[type="radio"]:checked {
	border-color: #3d94ad;
}
.opt--2 input[type="checkbox"]:checked,
input[type="radio"]:checked {
	background: #3d94ad;
	border-color: #3d94ad;
}
.shopOverview__r__content #overview-map {
	display: flex;
	flex-direction: column;
}
@media only screen and (max-width: 1440px) {
	.overview-searchBox {
		max-width: 100%;
	}
}
@media only screen and (max-width: 960px) {
	.shopOverview {
		grid-template-columns: 1fr 1fr;
	}
	.overview-searchBox {
		max-width: 100%;
	}
}

@media only screen and (max-width: 640px) {
	.overview-searchBox,
	.shopOverview {
		padding: 0;
	}
	.overview-searchBox {
		margin-bottom: 0px;
	}
	.shopOverview__r {
		order: 1;
	}
	.shopOverview__r__content .filters {
		width: 100%;
	}
	.shopOverview__r__content #overview-map {
		max-height: 300px !important;
		height: 300px !important;
	}
}

@media only screen and (max-width: 350px) {
	.overview-shopBox__content__header {
		flex-direction: column;
		align-items: flex-start;
		margin-bottom: 16px;
	}
}

/* text area */

.textContent-m {
	/* padding: 24px 0 0 0 !important; */
	padding: 30px;
}

@media only screen and (max-width: 960px) {
	.textContent-m {
		padding: 24px 32px !important;
	}
}

@media only screen and (max-width: 640px) {
	.textContent-m {
		padding: 24px 0 !important;
	}
}

.textContent h2 {
	margin: 0;
}

/* Našteptávač - searchbox */

.autocomplete-dropdown {
	display: none;
	position: absolute;
	top: calc(100% + 4px);
	left: 0;
	right: 0;
	background: #fff;
	border: 1.5px solid #274e64;
	border-radius: 12px;
	list-style: none;
	margin: 0;
	padding: 0;
	z-index: 1000;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
	overflow: hidden;
}

.autocomplete-dropdown.active {
	display: block;
}

.autocomplete-dropdown li {
	padding: 14px 20px;
	cursor: pointer;
	font-size: 15px;
	color: #274e64;
	border-bottom: 1px solid #e8edf0;
	transition: background 0.15s;
}

.autocomplete-dropdown li:last-child {
	border-bottom: none;
}

.autocomplete-dropdown li:hover,
.autocomplete-dropdown li.highlighted {
	background: #f0f4f7;
}

.autocomplete-dropdown li strong {
	font-weight: 700;
}

/* Počet výsledků: default např. 6 */
.autocomplete-show-more {
	padding: 12px 20px;
	cursor: pointer;
	font-size: 14px;
	color: #fff;
	background: #f0f4f7;
	text-align: center;
	font-weight: 500;
	transition: background 0.15s;
}

body .autocomplete-show-more:hover {
	background: #1a3a4a;
	color: #fff;
}

.autocomplete-count {
	opacity: 0.8;
}

/* search - vymazat input */
.search-clear {
	position: absolute;
	right: 16px;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
	padding: 4px;
	opacity: 0.6;
	transition: opacity 0.15s;
	display: none; /* hide close křížek */
}

.search-clear:hover {
	opacity: 1;
}
/* close ico default skrytá */
.search-clear.hidden {
	display: none;
}

/* "Přepínání lupy/ křížku když uživatel */
.search-input-wrapper.has-value .search-clear {
	display: flex; /* ukáže křížek */
}

.search-input-wrapper.has-value .search-icon {
	display: none; /* schová lupu */
}

@media (max-width: 640px) {
	.autocomplete-dropdown {
		width: 100vw;
	}
}
/* GOOGLE MAP - PIN POINTS MAP */

.gm-style .gm-style-iw-c.mapPopupWindow {
	padding: 0 !important;
	border-radius: 24px !important;
	max-width: 392px !important;
	max-height: none !important;
	overflow: visible !important;
}

.gm-style .gm-style-iw-c.mapPopupWindow .gm-style-iw-d {
	overflow: hidden !important;
	max-height: none !important;
}

.gm-style .gm-style-iw-c.mapPopupWindow .gm-style-iw-chr {
	position: absolute;
	top: 14px;
	right: 14px;
	height: auto !important;
	margin: 0 !important;
	z-index: 2;
}

.gm-style .gm-style-iw-c.mapPopupWindow .gm-style-iw-chr::after {
	display: none !important;
}

.mapPopup {
	color: var(--textColor);
}

.gmap__location {
	width: 100%;
}

.gmap__content {
	display: flex;
	flex-direction: column;
	gap: 18px;
	padding: 26px 24px 20px;
	min-width: 300px;
	max-width: 344px;
	color: var(--textColor);
}

.gmap__content-header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 16px;
	padding-right: 34px;
}

.gmap__tag {
	max-width: fit-content;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 6px 14px;
	border-radius: 999px;
	border: 1px solid var(--primColor);
	background: rgba(34, 178, 76, 0.1);
	color: var(--primColor);
	font-size: 14px;
	font-weight: var(--fwN);
	line-height: 1.2;
}

.gmap__tag svg {
	width: 18px;
	height: 22px;
	flex: 0 0 auto;
	fill: currentColor;
}

.gmap__tag--1 {
	color: #22b24c;
	border-color: #22b24c;
	background: rgba(34, 178, 76, 0.1);
}

.gmap__tag--2 {
	color: #3d94ad;
	border-color: #3d94ad;
	background: rgba(61, 148, 173, 0.12);
}

.gmap__tag--3 {
	color: #0c4763;
	border-color: #0c4763;
	background: rgba(12, 71, 99, 0.08);
}

.gmap__tag--4 {
	color: #9b0000;
	border-color: #9b0000;
	background: rgba(155, 0, 0, 0.1);
}

.gmap__textlink {
	color: var(--textColor);
	font-size: 14px;
	line-height: 1.4;
	text-decoration: underline;
	text-underline-offset: 2px;
	white-space: nowrap;
}

.gmap__content-text {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.gmap__content-title {
	margin: 0;
	color: var(--textColor);
	font-size: 22px;
	line-height: 1.2;
	font-weight: var(--fwN);
}

.gmap__content-address {
	display: block;
	margin-top: 10px;
	font-size: 16px;
	line-height: 1.35;
	font-weight: var(--fwL);
}

.gmap__content-contact {
	display: flex;
	align-items: center;
	gap: 8px;
	color: var(--textColor);
}

.gmap__content-contact .fa {
	font-size: 14px;
}

.gmap__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 48px;
	padding: 10px 20px;
	border-radius: 999px;
	border: 1px solid var(--primColor);
	background: var(--primColor);
	color: #fff;
	font-weight: var(--fwN);
	font-size: 16px;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	transition:
		background-color 0.2s ease,
		border-color 0.2s ease,
		color 0.2s ease;
}

.gmap__btn:hover {
	text-decoration: none;
	background: #0c4763;
	color: white;
}

/* temp GMAP PINS */

.temp-pins {
	display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 2rem;
  padding: 2rem;
  background: rgba(0, 0, 0, 0.05);
}

.temp-pinswrap {
	display: flex;
  flex-direction: column;
  align-items: center;
	width: fit-content;
	gap: 1rem;
}

.articleInfo {
	font-size: .75em;
	display: flex;
	flex-flow: row wrap;
	gap: 4px 12px;
	align-items: center;
	line-height: 1.25em;
	gap: 16px;
}

.articleInfo__sep {
	background: #ccc;
	width: 4px;
	height: 4px;
	border-radius: 3px;
}

.article__cont .article__hdr {
	flex: none;
}

.article__cont {
	display: flex;
	flex-flow: column nowrap;
	align-items: stretch;
	gap: .35rem;
}

.article__text {
	font-size: .875em;
	line-height: 1.5em;
}

.articleList {
	display: flex;
	flex-flow: column nowrap;
	gap: 1.5em;
}

.articleList .article {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 24px;
	align-items: center;
}

.articleList .article__img {
	max-width: 25vw;
	align-self: flex-start
}

.articleInfo__item {
	text-decoration: none;
	color: currentColor;
	display: flex;
	align-items: center;
	gap: 8px;
}

.articleInfo__author strong {
	display: block;
}

.articleInfo__img {
	border-radius: 50%;
	border: 3px solid var(--bdrColor);
}

.article--main {
	font-size: 1.25em;
	align-self: start;
}

.blog__top {
	display: grid;
	grid-template-columns: 2fr 1fr;
	gap: 32px;
}

.articleCtgs {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px;
}

.articleCtg .article {
	align-items: center;
}

.articleCtg {
	padding: 24px;
	display: flex;
	flex-flow: column nowrap;
	gap: 24px;
}

.articleCtgs__hdr {
	margin: 0;
	font-size: 1em;
	text-transform: uppercase;
}

.articleCtg--alt {
	background: var(--altColor);
}

.article__hdr {
	font-size: 1.125em;
}

@media (max-width: 960px) {
	.articleCtgs, .blog__top {
		grid-template-columns: 1fr;
	}
}

.author .soc a {
	border: 1px solid var(--bdrColor);
	font-size: 16px;
	width: 36px;
	height: 36px;
	line-height: 36px;
	margin: 0 2px;
}

.author .soc {
	margin: 0;
	padding: 0;
	gap: 4px
}

.author {
	border-radius: 16px;
	background: #f8f8f8;
	padding: clamp(16px, 4vw, 32px);
	font-size: .875em;
	line-height: 1.4em;
	display: grid;
	grid-template-columns: 1fr 6fr;
	gap: 32px;
	margin: 2em 0;
	clear: both;
}

.content--nopadbottom {
	padding-bottom: 0;
}

.content--nopadtop {
	padding-top: 0;
}

.author img {
	border-radius: 50%;
	min-width: 80px;
}

.author__cont {
	display: flex;
	flex-flow: column nowrap;
	align-items: stretch;
	gap: 1rem;
}

.author__fce {
	display: flex;
	flex-flow: column nowrap;
	gap: 4px;
	justify-content: flex-start;
}

.author__hdl {
	margin: 0;
	font-size: 1.75em;
}

.author p {
	margin: 0;
}

/* Gallery widget */

.photogallery {
	margin: 1.5rem 0;
}

.photogallery h2 {
	margin-bottom: 1rem;
}

.photogalleryList {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 8px;
}

.photo__box {
	position: relative;
	overflow: hidden;
	border-radius: 3px;
}

.photo__img {
	display: block;
	aspect-ratio: 4 / 3;
	overflow: hidden;
}

.photo__link {
	display: block;
	width: 100%;
	height: 100%;
}

.photo__link picture,
.photo__link img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .3s ease;
}

.photo__box:hover .photo__link img {
	transform: scale(1.05);
}

.photo__desc {
	padding: 4px 6px;
	font-size: .75em;
	color: #555;
	background: #f8f8f8;
}

@media (max-width: 900px) {
	.photogalleryList {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (max-width: 600px) {
	.photogalleryList {
		grid-template-columns: repeat(2, 1fr);
	}
}


/* plugins */

/* @import url('jquery-ui-1.10.3.custom.css'); */
/* @import url('select2.css'); */
/* @import url('select2-custom.css'); */
/* @import url('thin.min.css'); */
/*!
 * Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 * Copyright 2022 Fonticons, Inc.
 */
:host,:root{--fa-style-family-classic:"Font Awesome 6 Pro";--fa-font-light:normal 300 1em/1 "Font Awesome 6 Pro"}@font-face{font-family:"Font Awesome 6 Pro";font-style:normal;font-weight:300;font-display:swap;src:url(../webfonts/fa-light-300.woff2) format("woff2"),url(../webfonts/fa-light-300.ttf) format("truetype")}.fa-light,.fal{font-weight:300}
/*!
 * Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 * Copyright 2022 Fonticons, Inc.
 */
/* Subset vygenerovan 2026-09-08 - obsahuje jen ikony pouzivane v kodu (viz PageSpeed optimalizace). Puvodni nezmenseny soubor je ulozen vedle jako fontawesome-full.css (pripadne brands-full.css) - pro pridani nove ikony z nej subset pregenerovat, ne rucne dopisovat. */

:host,:root{--fa-style-family-brands:"Font Awesome 6 Brands";--fa-font-brands:normal 400 1em/1 "Font Awesome 6 Brands"}@font-face{font-family:"Font Awesome 6 Brands";font-style:normal;font-weight:400;font-display:swap;src:url(../webfonts/fa-brands-400.woff2) format("woff2"),url(../webfonts/fa-brands-400.ttf) format("truetype")}.fa-brands,.fab{font-weight:400}.fa-linkedin-in:before{content:"\f0e1"}.fa-facebook-f:before{content:"\f39e"}.fa-tiktok:before{content:"\e07b"}.fa-instagram:before{content:"\f16d"}.fa-pinterest-p:before{content:"\f231"}.fa-youtube:before{content:"\f167"}
/*!
 * Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 * Copyright 2022 Fonticons, Inc.
 */
/* Subset vygenerovan 2026-09-08 - obsahuje jen ikony pouzivane v kodu (viz PageSpeed optimalizace). Puvodni nezmenseny soubor je ulozen vedle jako fontawesome-full.css (pripadne brands-full.css) - pro pridani nove ikony z nej subset pregenerovat, ne rucne dopisovat. */

.fa{font-family:var(--fa-style-family,"Font Awesome 6 Pro");font-weight:var(--fa-style,900)}.fa,.fa-brands,.fa-classic,.fa-duotone,.fa-light,.fa-regular,.fa-sharp,.fa-sharp-solid,.fa-solid,.fa-thin,.fab,.fad,.fal,.far,.fas,.fass,.fat{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:var(--fa-display,inline-block);font-style:normal;font-variant:normal;line-height:1;text-rendering:auto}.fa-classic,.fa-light,.fa-regular,.fa-solid,.fa-thin,.fal,.far,.fas,.fat{font-family:"Font Awesome 6 Pro"}.fa-brands,.fab{font-family:"Font Awesome 6 Brands"}.fa-classic.fa-duotone,.fa-duotone,.fad{font-family:"Font Awesome 6 Duotone"}.fa-sharp,.fass{font-family:"Font Awesome 6 Sharp";font-weight:900}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-2xs{font-size:.625em;line-height:.1em;vertical-align:.225em}.fa-xs{font-size:.75em;line-height:.08333em;vertical-align:.125em}.fa-sm{font-size:.875em;line-height:.07143em;vertical-align:.05357em}.fa-lg{font-size:1.25em;line-height:.05em;vertical-align:-.075em}.fa-xl{font-size:1.5em;line-height:.04167em;vertical-align:-.125em}.fa-2xl{font-size:2em;line-height:.03125em;vertical-align:-.1875em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:var(--fa-li-margin,2.5em);padding-left:0}.fa-ul>li{position:relative}.fa-li{left:calc(var(--fa-li-width, 2em)*-1);position:absolute;text-align:center;width:var(--fa-li-width,2em);line-height:inherit}.fa-border{border-radius:var(--fa-border-radius,.1em);border:var(--fa-border-width,.08em) var(--fa-border-style,solid) var(--fa-border-color,#eee);padding:var(--fa-border-padding,.2em .25em .15em)}.fa-pull-left{float:left;margin-right:var(--fa-pull-margin,.3em)}.fa-pull-right{float:right;margin-left:var(--fa-pull-margin,.3em)}.fa-beat{-webkit-animation-name:fa-beat;animation-name:fa-beat;-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,ease-in-out);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-bounce{-webkit-animation-name:fa-bounce;animation-name:fa-bounce;-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1));animation-timing-function:var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1))}.fa-fade{-webkit-animation-name:fa-fade;animation-name:fa-fade;-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1));animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-beat-fade,.fa-fade{-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s)}.fa-beat-fade{-webkit-animation-name:fa-beat-fade;animation-name:fa-beat-fade;-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1));animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-flip{-webkit-animation-name:fa-flip;animation-name:fa-flip;-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,ease-in-out);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-shake{-webkit-animation-name:fa-shake;animation-name:fa-shake;-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,linear);animation-timing-function:var(--fa-animation-timing,linear)}.fa-shake,.fa-spin{-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal)}.fa-spin{-webkit-animation-name:fa-spin;animation-name:fa-spin;-webkit-animation-duration:var(--fa-animation-duration,2s);animation-duration:var(--fa-animation-duration,2s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,linear);animation-timing-function:var(--fa-animation-timing,linear)}.fa-spin-reverse{--fa-animation-direction:reverse}.fa-pulse,.fa-spin-pulse{-webkit-animation-name:fa-spin;animation-name:fa-spin;-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,steps(8));animation-timing-function:var(--fa-animation-timing,steps(8))}.fa-beat,.fa-beat-fade,.fa-bounce,.fa-fade,.fa-flip,.fa-pulse,.fa-shake,.fa-spin,.fa-spin-pulse{-webkit-animation-delay:-1ms;animation-delay:-1ms;-webkit-animation-duration:1ms;animation-duration:1ms;-webkit-animation-iteration-count:1;animation-iteration-count:1;transition-delay:0s;transition-duration:0s}0%,90%{-webkit-transform:scale(1);transform:scale(1)}45%{-webkit-transform:scale(var(--fa-beat-scale,1.25));transform:scale(var(--fa-beat-scale,1.25))}0%,90%{-webkit-transform:scale(1);transform:scale(1)}45%{-webkit-transform:scale(var(--fa-beat-scale,1.25));transform:scale(var(--fa-beat-scale,1.25))}0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}10%{-webkit-transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0);transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)}30%{-webkit-transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em));transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))}50%{-webkit-transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0);transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)}57%{-webkit-transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em));transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em))}64%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}to{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}10%{-webkit-transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0);transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)}30%{-webkit-transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em));transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))}50%{-webkit-transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0);transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)}57%{-webkit-transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em));transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em))}64%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}to{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}50%{opacity:var(--fa-fade-opacity,.4)}50%{opacity:var(--fa-fade-opacity,.4)}0%,to{opacity:var(--fa-beat-fade-opacity,.4);-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(var(--fa-beat-fade-scale,1.125));transform:scale(var(--fa-beat-fade-scale,1.125))}0%,to{opacity:var(--fa-beat-fade-opacity,.4);-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(var(--fa-beat-fade-scale,1.125));transform:scale(var(--fa-beat-fade-scale,1.125))}50%{-webkit-transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg));transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}50%{-webkit-transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg));transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}4%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}8%,24%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}12%,28%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}16%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)}20%{-webkit-transform:rotate(22deg);transform:rotate(22deg)}32%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}36%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}40%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}4%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}8%,24%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}12%,28%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}16%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)}20%{-webkit-transform:rotate(22deg);transform:rotate(22deg)}32%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}36%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}40%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}.fa-rotate-90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fa-flip-vertical{-webkit-transform:scaleY(-1);transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{-webkit-transform:scale(-1);transform:scale(-1)}.fa-rotate-by{-webkit-transform:rotate(var(--fa-rotate-angle,none));transform:rotate(var(--fa-rotate-angle,none))}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%;z-index:var(--fa-stack-z-index,auto)}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:var(--fa-inverse,#fff)}.fa-trash-alt:before,.fa-trash-can:before{content:"\f2ed"}.fa-file-alt:before,.fa-file-lines:before,.fa-file-text:before{content:"\f15c"}.fa-pencil-alt:before,.fa-pencil:before{content:"\f303"}.fa-caret-right:before{content:"\f0da"}.fa-circle-notch:before{content:"\f1ce"}.fa-empty-set:before{content:"\f656"}.fa-bars:before,.fa-navicon:before{content:"\f0c9"}.fa-film:before{content:"\f008"}.fa-arrow-right-from-bracket:before,.fa-sign-out:before{content:"\f08b"}.fa-unlock-alt:before,.fa-unlock-keyhole:before{content:"\f13e"}.fa-sitemap:before{content:"\f0e8"}.fa-asterisk:before{content:"\2a"}.fa-comment-lines:before{content:"\f4b0"}.fa-list-squares:before,.fa-list:before{content:"\f03a"}.fa-lock:before{content:"\f023"}.fa-edit:before,.fa-pen-to-square:before{content:"\f044"}.fa-eye-slash:before{content:"\f070"}.fa-chevron-up:before{content:"\f077"}.fa-stamp:before{content:"\f5bf"}.fa-angle-right:before{content:"\f105"}.fa-user:before{content:"\f007"}.fa-key:before{content:"\f084"}.fa-bullhorn:before{content:"\f0a1"}.fa-globe:before{content:"\f0ac"}.fa-arrow-right-to-bracket:before,.fa-sign-in:before{content:"\f090"}.fa-folder-open:before{content:"\f07c"}.fa-image:before{content:"\f03e"}.fa-angle-double-right:before,.fa-angles-right:before{content:"\f101"}.fa-check-circle:before,.fa-circle-check:before{content:"\f058"}.fa-arrow-circle-down:before,.fa-circle-arrow-down:before{content:"\f0ab"}.fa-cloud-arrow-up:before,.fa-cloud-upload-alt:before,.fa-cloud-upload:before{content:"\f0ee"}.fa-arrows-rotate:before,.fa-refresh:before,.fa-sync:before{content:"\f021"}.fa-file-archive:before,.fa-file-zipper:before{content:"\f1c6"}.fa-arrow-circle-right:before,.fa-circle-arrow-right:before{content:"\f0a9"}.fa-sort:before,.fa-unsorted:before{content:"\f0dc"}.fa-language:before{content:"\f1ab"}.fa-code:before{content:"\f121"}.fa-arrow-up-right-from-square:before,.fa-external-link:before{content:"\f08e"}.fa-chart-line:before,.fa-line-chart:before{content:"\f201"}.fa-arrow-right:before{content:"\f061"}.fa-heart:before{content:"\f004"}.fa-recycle:before{content:"\f1b8"}.fa-file-audio:before{content:"\f1c7"}.fa-wrench:before{content:"\f0ad"}.fa-file-image:before{content:"\f1c5"}.fa-circle-question:before,.fa-question-circle:before{content:"\f059"}.fa-basket-shopping:before,.fa-shopping-basket:before{content:"\f291"}.fa-eye:before{content:"\f06e"}.fa-balance-scale-left:before,.fa-scale-unbalanced:before{content:"\f515"}.fa-comment-dots:before,.fa-commenting:before{content:"\f4ad"}.fa-phone:before{content:"\f095"}.fa-user-cog:before,.fa-user-gear:before{content:"\f4fe"}.fa-trash:before{content:"\f1f8"}.fa-arrow-left:before{content:"\f060"}.fa-align-left:before{content:"\f036"}.fa-file-video:before{content:"\f1c8"}.fa-file-pdf:before{content:"\f1c1"}.fa-user-secret:before{content:"\f21b"}.fa-table-cells-large:before,.fa-th-large:before{content:"\f009"}.fa-envelope:before{content:"\f0e0"}.fa-paperclip:before{content:"\f0c6"}.fa-circle-info:before,.fa-info-circle:before{content:"\f05a"}.fa-calendar-check:before{content:"\f274"}.fa-minus:before,.fa-subtract:before{content:"\f068"}.fa-file-award:before,.fa-file-certificate:before{content:"\f5f3"}.fa-cog:before,.fa-gear:before{content:"\f013"}.fa-cart-shopping:before,.fa-shopping-cart:before{content:"\f07a"}.fa-clock-four:before,.fa-clock:before{content:"\f017"}.fa-sliders-h:before,.fa-sliders:before{content:"\f1de"}.fa-images:before{content:"\f302"}.fa-download:before{content:"\f019"}.fa-mobile-android:before,.fa-mobile-phone:before,.fa-mobile:before{content:"\f3ce"}.fa-home-alt:before,.fa-home-lg-alt:before,.fa-home:before,.fa-house:before{content:"\f015"}.fa-upload:before{content:"\f093"}.fa-bolt:before,.fa-zap:before{content:"\f0e7"}.fa-industry:before{content:"\f275"}.fa-angle-down:before{content:"\f107"}.fa-thumbs-down:before{content:"\f165"}.fa-arrow-right-long:before,.fa-long-arrow-right:before{content:"\f178"}.fa-ellipsis-h:before,.fa-ellipsis:before{content:"\f141"}.fa-bed:before{content:"\f236"}.fa-bell:before{content:"\f0f3"}.fa-file:before{content:"\f15b"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-magnifying-glass:before,.fa-search:before{content:"\f002"}.fa-pen-square:before,.fa-pencil-square:before,.fa-square-pen:before{content:"\f14b"}.fa-chevron-down:before{content:"\f078"}.fa-list-dots:before,.fa-list-ul:before{content:"\f0ca"}.fa-copy:before{content:"\f0c5"}.fa-add:before,.fa-plus:before{content:"\2b"}.fa-close:before,.fa-multiply:before,.fa-remove:before,.fa-times:before,.fa-xmark:before{content:"\f00d"}.fa-angle-up:before{content:"\f106"}.fa-chevron-left:before{content:"\f053"}.fa-spinner:before{content:"\f110"}.fa-angle-double-left:before,.fa-angles-left:before{content:"\f100"}.fa-clock-rotate-left:before,.fa-history:before{content:"\f1da"}.fa-calendar:before{content:"\f133"}.fa-chain-broken:before,.fa-chain-slash:before,.fa-link-slash:before,.fa-unlink:before{content:"\f127"}.fa-table-list:before,.fa-th-list:before{content:"\f00b"}.fa-user-plus:before{content:"\f234"}.fa-check:before{content:"\f00c"}.fa-angle-left:before{content:"\f104"}.fa-user-tag:before{content:"\f507"}.fa-exclamation-triangle:before,.fa-triangle-exclamation:before,.fa-warning:before{content:"\f071"}.fa-paper-plane:before{content:"\f1d8"}.fa-file-spreadsheet:before{content:"\f65b"}.fa-thumbs-up:before{content:"\f164"}.fa-exclamation:before{content:"\21"}.fa-bank:before,.fa-building-columns:before,.fa-institution:before,.fa-museum:before,.fa-university:before{content:"\f19c"}.fa-sr-only,.fa-sr-only-focusable:not(:focus),.sr-only,.sr-only-focusable:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}
@charset "UTF-8";.fancybox-enabled{overflow:hidden}.fancybox-enabled body{overflow:visible;height:100%}.fancybox-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99993;-webkit-backface-visibility:hidden;backface-visibility:hidden}.fancybox-container~.fancybox-container{z-index:99992}.fancybox-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f0f11;opacity:0;transition-timing-function:cubic-bezier(.55,.06,.68,.19);-webkit-backface-visibility:hidden;backface-visibility:hidden}.fancybox-container--ready .fancybox-bg{opacity:.87;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-controls{position:absolute;top:0;left:0;right:0;text-align:center;opacity:0;z-index:99994;transition:opacity .2s;pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;direction:ltr}.fancybox-show-controls .fancybox-controls{opacity:1}.fancybox-infobar{display:none}.fancybox-show-infobar .fancybox-infobar{display:inline-block;pointer-events:all}.fancybox-infobar__body{display:inline-block;width:70px;line-height:44px;font-size:13px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;text-align:center;color:#ddd;background-color:rgba(30,30,30,.7);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:subpixel-antialiased}.fancybox-buttons{position:absolute;top:0;right:0;display:none;pointer-events:all}.fancybox-show-buttons .fancybox-buttons{display:block}.fancybox-slider-wrap{overflow:hidden;direction:ltr}.fancybox-slider,.fancybox-slider-wrap{position:absolute;top:0;left:0;bottom:0;right:0;padding:0;margin:0;z-index:99993;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-tap-highlight-color:transparent}.fancybox-slide{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;overflow:auto;outline:none;white-space:normal;box-sizing:border-box;text-align:center;z-index:99994;-webkit-overflow-scrolling:touch}.fancybox-slide:before{content:"";height:100%;width:0}.fancybox-slide:before,.fancybox-slide>*{display:inline-block;vertical-align:middle}.fancybox-slide>*{position:relative;padding:24px;margin:44px 0;border-width:0;text-align:left;background-color:#fff;overflow:auto;box-sizing:border-box}.fancybox-slide--image{overflow:hidden}.fancybox-slide--image:before{display:none}.fancybox-content{display:inline-block;position:relative;margin:44px auto;padding:0;border:0;width:80%;height:calc(100% - 88px);vertical-align:middle;line-height:normal;text-align:left;white-space:normal;outline:none;font-size:16px;font-family:Arial,sans-serif;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch}.fancybox-iframe{display:block;margin:0;padding:0;border:0;width:100%;height:100%;background:#fff}.fancybox-slide--video .fancybox-content,.fancybox-slide--video .fancybox-iframe{background:transparent}.fancybox-placeholder{z-index:99995;background:transparent;cursor:default;overflow:visible;-webkit-transform-origin:top left;transform-origin:top left;background-size:100% 100%;background-repeat:no-repeat;-webkit-backface-visibility:hidden;backface-visibility:hidden}.fancybox-image,.fancybox-placeholder,.fancybox-spaceball{position:absolute;top:0;left:0;margin:0;padding:0;border:0}.fancybox-image,.fancybox-spaceball{width:100%;height:100%;max-width:none;max-height:none;background:transparent;background-size:100% 100%}.fancybox-controls--canzoomOut .fancybox-placeholder{cursor:zoom-out}.fancybox-controls--canzoomIn .fancybox-placeholder{cursor:zoom-in}.fancybox-controls--canGrab .fancybox-placeholder{cursor:-webkit-grab;cursor:grab}.fancybox-controls--isGrabbing .fancybox-placeholder{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-spaceball{z-index:1}.fancybox-tmp{position:absolute;top:-9999px;left:-9999px;visibility:hidden}.fancybox-error{position:absolute;margin:0;padding:40px;top:50%;left:50%;width:380px;max-width:100%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:#fff;cursor:default}.fancybox-error p{margin:0;padding:0;color:#444;font:16px/20px Helvetica Neue,Helvetica,Arial,sans-serif}.fancybox-close-small{position:absolute;top:0;right:0;width:44px;height:44px;padding:0;margin:0;border:0;border-radius:0;outline:none;background:transparent;z-index:10;cursor:pointer}.fancybox-close-small:after{content:"×";position:absolute;top:5px;right:5px;width:30px;height:30px;font:20px/30px Arial,Helvetica Neue,Helvetica,sans-serif;color:#888;font-weight:300;text-align:center;border-radius:50%;border-width:0;background:#fff;transition:background .2s;box-sizing:border-box;z-index:2}.fancybox-close-small:focus:after{outline:1px dotted #888}.fancybox-slide--video .fancybox-close-small{top:-36px;right:-36px;background:transparent}.fancybox-close-small:hover:after{color:#555;background:#eee}.fancybox-caption-wrap{position:absolute;bottom:0;left:0;right:0;padding:60px 30px 0;z-index:99998;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8));opacity:0;transition:opacity .2s;pointer-events:none}.fancybox-show-caption .fancybox-caption-wrap{opacity:1}.fancybox-caption{padding:30px 0;border-top:1px solid hsla(0,0%,100%,.4);font-size:14px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;color:#fff;line-height:20px;-webkit-text-size-adjust:none}.fancybox-caption a,.fancybox-caption button{pointer-events:all}.fancybox-caption a{color:#fff;text-decoration:underline}.fancybox-button{display:inline-block;position:relative;width:44px;height:44px;line-height:44px;margin:0;padding:0;border:0;border-radius:0;cursor:pointer;background:transparent;color:#fff;box-sizing:border-box;vertical-align:top;outline:none}.fancybox-button--disabled{cursor:default;pointer-events:none}.fancybox-button,.fancybox-infobar__body{background:rgba(30,30,30,.6)}.fancybox-button:hover{background:rgba(0,0,0,.8)}.fancybox-button:after,.fancybox-button:before{content:"";pointer-events:none;position:absolute;border-color:#fff;background-color:currentColor;color:currentColor;opacity:.9;box-sizing:border-box;display:inline-block}.fancybox-button--disabled:after,.fancybox-button--disabled:before{opacity:.5}.fancybox-button--left:after{left:20px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.fancybox-button--left:after,.fancybox-button--right:after{top:18px;width:6px;height:6px;background:transparent;border-top:2px solid currentColor;border-right:2px solid currentColor}.fancybox-button--right:after{right:20px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.fancybox-button--left{border-bottom-left-radius:5px}.fancybox-button--right{border-bottom-right-radius:5px}.fancybox-button--close{float:right}.fancybox-button--close:after,.fancybox-button--close:before{content:"";display:inline-block;position:absolute;height:2px;width:16px;top:calc(50% - 1px);left:calc(50% - 8px)}.fancybox-button--close:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.fancybox-button--close:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.fancybox-loading{border:6px solid hsla(0,0%,39%,.4);border-top:6px solid hsla(0,0%,100%,.6);border-radius:100%;height:50px;width:50px;-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;position:absolute;top:50%;left:50%;margin-top:-25px;margin-left:-25px;z-index:99999}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@media (max-width:800px){.fancybox-controls{text-align:left}.fancybox-button--left,.fancybox-button--right,.fancybox-buttons button:not(.fancybox-button--close){display:none!important}.fancybox-caption{padding:20px 0;margin:0}}.fancybox-button--fullscreen:before{width:15px;height:11px;left:15px;top:16px;border:2px solid;background:none}.fancybox-button--play:before{top:16px;left:18px;width:0;height:0;border-top:6px inset transparent;border-bottom:6px inset transparent;border-left:10px solid;border-radius:1px;background:transparent}.fancybox-button--pause:before{top:16px;left:18px;width:7px;height:11px;border-style:solid;border-width:0 2px;background:transparent}.fancybox-button--thumbs span{font-size:23px}.fancybox-button--thumbs:before{top:20px;left:21px;width:3px;height:3px;box-shadow:0 -4px 0,-4px -4px 0,4px -4px 0,inset 0 0 0 32px,-4px 0 0,4px 0 0,0 4px 0,-4px 4px 0,4px 4px 0}.fancybox-container--thumbs .fancybox-caption-wrap,.fancybox-container--thumbs .fancybox-controls,.fancybox-container--thumbs .fancybox-slider-wrap{right:220px}.fancybox-thumbs{position:absolute;top:0;right:0;bottom:0;left:auto;width:220px;margin:0;padding:5px 5px 0 0;background:#fff;z-index:99993;word-break:normal;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:transparent;box-sizing:border-box}.fancybox-thumbs>ul{list-style:none;position:absolute;position:relative;width:100%;height:100%;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;font-size:0}.fancybox-thumbs>ul>li{float:left;overflow:hidden;max-width:50%;padding:0;margin:0;width:105px;height:75px;position:relative;cursor:pointer;outline:none;border:5px solid #fff;border-top-width:0;border-right-width:0;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box}li.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li>img{position:absolute;top:0;left:0;min-width:100%;min-height:100%;max-width:none;max-height:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-thumbs>ul>li:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:2px;border:4px solid #4ea7f9;z-index:99991;opacity:0;transition:all .2s cubic-bezier(.25,.46,.45,.94)}.fancybox-thumbs>ul>li.fancybox-thumbs-active:before{opacity:1}@media (max-width:800px){.fancybox-thumbs{display:none!important}.fancybox-container--thumbs .fancybox-caption-wrap,.fancybox-container--thumbs .fancybox-controls,.fancybox-container--thumbs .fancybox-slider-wrap{right:0}}

/* print */

@media print { 
/*/domains1/magniflex_cz/public/www_root/css/print.css*/
@media print{
*{ color: Black !important; background-color: White !important; text-shadow: none !important; background: transparent !important;  }
html,body{ color: Black !important; background-color: White !important; font-size: 11pt; }
a{ color: Black !important; background-color: White !important; }

*,*:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  -webkit-background-clip: padding-box;  -moz-background-clip: padding;  background-clip: padding-box; }
img{ -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

@page{ margin: 0.5cm; } 

.topBar,
.topCont,
.topNav,
.hidden,
.menu,
.leftCol,
.rightCol,
.zal,
.footer,
#nav, 
#menu, 
#left, 
.zapati, 
.potvrzeni,  
#top, 
#right, 
div#submenu,
.banner, 
.ban-top, 
.ban2, 
#login, 
#topnav, 
#supernav, 
#drobky, 
object, 
#flash, 
.zapati, 
.search, 
#pata, 
#search, 
.drobky, 
#mutace, 
.mutace, 
.submenu, 
#submenu, 
form, 
.noprint, 
.banner, 
#banner-top, 
.banner-top,
video
{
	display: none;
}


/*div#head .hidden{ position: static; top: auto; left: auto; font-size: 20pt; font-weight: bold;  display: block;}*/

.tab{ border-collapse: collapse; font-size: 1em; }
.tab td,.tab th{ border: 1px solid silver; }

input, textarea, select{ font-size: 1em; }


img{ float: left; margin: 0 2em .5em 0; }


a img{ border: 0; }


h1,h2,h3, .main, .lomic{ clear: both; }
h1,h2,h3,h4,h5,h6{page-break-after:avoid; font-family: inherit; font-weight:bold;margin:.4em 0; }

h1{font-size:15pt; margin:15pt 0 3pt 0;}
h2{font-size:14pt; margin:15pt 0 6pt 0;}
h3{font-size:13pt; margin:15pt 0 4pt 0;}
h4{font-size:12pt; margin:15pt 0 3pt 0;}
h5{font-size:11pt; margin:15pt 0 2pt 0;}
h6{font-size:10pt; margin:15pt 0 2pt 0;}


hr{ height: 1px; color: gray; background: gray; clear: both; margin: 0; padding: 0; border: 0; }

img, ul, ol{page-break-inside:avoid;}

.obr, .obr-left{ float: left; margin: 0px 10px 5px 0; display: inline; }
.obr2, .obr-right{ float: right; margin: 0px 0px 5px 10px; display: inline; }
.obr3, .obr-center{ float: none; margin: 0px auto 12px auto; display: block; }
.obr-text{ vertical-align: text-bottom; }

.lomic{ clear: both; }

.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11 {min-height:1px; float: left;  position: relative; padding: 0 15px;}
.col-1:after,.col-2:after,.col-3:after,.col-4:after,.col-5:after,.col-6:after,.col-7:after,.col-8:after,.col-9:after,.col-10:after,.col-11:after{ content: " "; clear: both; display: block; }
.col-pad5{  padding: 0 5px; }
.col-pad10{  padding: 0 10px; }
.col-pad15 {  padding: 0 15px; }
.col-pad20 {  padding: 0 20px; }
.col-pad25 {  padding: 0 25px; }
.col-pad30 {  padding: 0 30px; }
.col-pad50 {  padding: 0 50px; }

.col-1 { width: 8.333333333333332%; }
.col-2 { width: 16.666666666666664%; }
.col-3 { width: 25%; }
.col-4 { width: 33.33333333333333%; }
.col-5 { width: 41.66666666666667%; }
.col-6 { width: 50%; }
.col-7 { width: 58.333333333333336%; }
.col-8 { width: 66.66666666666666%; }
.col-9 { width: 75%; }
.col-10 { width: 83.33333333333334%; }
.col-11 { width: 91.66666666666666%; }
.col-12 { width: 100%; }

.row{ margin-left: -15px; margin-right: -15px;  clear: both; }
.row-pad5{ margin-left: -5px; margin-right: -5px;  clear: both; }
.row-pad10{ margin-left: -10px; margin-right: -10px;  }
.row-pad20{ margin-left: -20px; margin-right: -20px;  }
.row-pad25{ margin-left: -25px; margin-right: -25px; }
.row-pad30{ margin-left: -30px; margin-right: -30px;  }
.row-pad50{ margin-left: -50px; margin-right: -50px;  }
.row h1:first-child, .row h2:first-child, .row h3:first-child, .row h4:first-child, .row h5:first-child{ margin-top: 0; }


.row:before, .row:after, hr:before, hr:after{ content: " "; display: table; clear: both; display: block;  }

}

}

/* vars */

:root {
--textColor: #274E64;
--primColor: #22B24C;
--secColor: #1d4053;
--altColor: #F5F5F5;
--bdrColor: #EDEDED;
--inputBdrColor: #ccc;
--hSpace: 30px;
--vSpace: 64px;
--RhSpace: 15px;
--RvSpace: 15px;
--fwB: 700;
--fwN: 600;
--fwL: 400;
--setOpacity: .7;
--radius: 0;
--headerHeight: 157px;
}

@media (max-width: 1220px) {
:root {
--headerHeight: 60px;
}
}

@media (max-width: 760px) {
:root {
--hSpace: 15px;
--vSpace: 36px;
}
}