* {
	margin: 0;
	scrollbar-width: thin;
}

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

:is(h1, h2, h3, h4, h5) +:is(h1, h2, h3, h4, h5) {
	margin-top: 0;
}

:is(h1, h2, h3, h4, h5):has(+:is(h1, h2, h3, h4, h5)) {
	margin-bottom: .75rem;
}

img {
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	border: 0;
	max-width: 100%;
	height: auto;
	display: block;
}

.svgIcon * {
	fill: currentColor;
}

svg {
	display: block;
	max-width: 100%;
	height: auto;
}

.svgIcon {
	width: 1em;
	height: auto;
}

[class] [fill] {
	fill: currentColor;
	stroke-width: 0;
}

[class] [stroke] {
	stroke: currentColor;
	fill: none;
}

.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;
}

.uppercase {
	text-transform: uppercase;
}

.nomargin {
	margin: 0 !important;
}

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

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

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

.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;
}

.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;
}

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

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

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


/*velikosti*/

.xxs {
	font-size: .625rem !important;
}

.xs {
	font-size: .75rem !important;
}

.s {
	font-size: .875rem !important;
}

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

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

.xl {
	font-size: 1.25rem !important;
}

.xxl {
	font-size: 1.375rem !important;
}

.xxxl {
	font-size: 1.5rem !important;
}

.xxxxl {
	font-size: 1.75rem !important;
}

.xxxxxl {
	font-size: 2rem !important;
}

big {
	font-size: 1.25em;
}

small {
	font-size: .875em;
}

.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;
}


/*obrazky*/

.obr, .obr-left {
	float: left;
	margin: 0px 1.75rem .5rem 0;
}

.obr2, .obr-right {
	float: right;
	margin: 0px 0px .5rem 1.75rem;
}

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

@media (min-width: 480px) {
	.maxw50 {
		max-width: 50% !important;
	}
	.maxw33 {
		max-width: 33% !important;
	}
}

p, ul, ol {
	margin: 1.5em 0 0 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: auto;
}

figure {
	margin: 0;
}

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

hr {
	height: 1px;
	clear: both;
	padding: 0;
	border: 0;
	background: var(--bdrColor);
	margin: var(--hSpace) 0;
}

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

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

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

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

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


/*
:any-link:focus, button:focus {
	outline: var(--textColor) dotted 1px;
}

:any-link:focus img {
	outline: var(--primColor) solid 2px;
}
*/

i.fa {
	font-family: 'Font Awesome 6 Pro';
	font-weight: 400;
	display: inline-block;
}

.fa::before, .fab::before {
	display: inline-block;
}

.minw {
	min-width: 1.5em;
}

.videoIframe *, .videoCont *, .embededContent * {
	aspect-ratio: 16 / 9;
	width: 100%;
	height: auto;
	display: block;
}

@media (min-width: 600px) {
	.to2columns {
		column-count: 2;
		column-gap: 3rem;
		margin: 1.5em 0;
	}
}

@media (min-width: 761px) {
	.to3columns {
		column-count: 3;
		column-gap: 3rem;
		margin: 1.5em 0;
	}
}

:is(.to2columns, .to3columns):is(h1, h2, h3, h4, h5, h6, li) {
	page-break-inside: avoid;
	-webkit-column-break-inside: avoid;
	break-inside: avoid;
}

.scrollBox {
	overflow: auto;
	overflow-x: auto;
	overflow-y: visible;
	max-width: 100%;
	width: 100%;
}

.vSpace {
	margin: var(--vSpace) 0;
}

.hSpace {
	margin: var(--hSpace) 0;
}

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

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

.secColor {
	color: var(--secColor);
}

.altColor {
	color: var(--altBgColor);
}

.fwB, strong, strong strong, .bold {
	font-weight: var(--fwB);
}

.fwL {
	font-weight: var(--fwL);
}

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

.inRow {
	display: flex;
	justify-content: space-between;
	flex-flow: row wrap;
	align-items: center;
	gap: 1em;
}

.inRow > *, .inRow > *[class] {
	margin: 0;
}

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

.content {
	container-type: inline-size;
}

div[class^="col-"] {
	position: relative;
}

.row {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	gap: 1.5rem;
}

.col-1 {
	grid-column: span 1;
}

.col-2 {
	grid-column: span 2;
}

.col-3 {
	grid-column: span 3;
}

.col-4 {
	grid-column: span 4;
}

.col-5 {
	grid-column: span 5;
}

.col-6 {
	grid-column: span 6;
}

.col-7 {
	grid-column: span 7;
}

.col-8 {
	grid-column: span 8;
}

.col-9 {
	grid-column: span 9;
}

.col-10 {
	grid-column: span 10;
}

.col-11 {
	grid-column: span 11;
}

.col-12 {
	grid-column: span 12;
}

.span-2 {
	grid-row: span 2;
}

.span-3 {
	grid-row: span 3;
}

.row:not(:nth-child(1 of .row)) {
	margin-top: var(--vSpace);
}

.row-pad0 {
	gap: 0;
}

.row-pad5 {
	gap: 10px;
}

.row-pad10 {
	gap: 20px;
}

.row-pad20 {
	gap: 40px;
}

.row-pad25 {
	gap: 50px;
	gap: clamp(24px, 5cqw, 50px);
}

.row-pad30 {
	gap: 60px;
	gap: clamp(24px, 6cqw, 60px);
}

.row-pad50 {
	gap: 100px;
	gap: clamp(24px, 7cqw, 100px);
}

div[class^="col-"] {
	container-type: inline-size;
}

div[class^="col-"] > *:last-child {
	margin-bottom: 0;
}

div[class^="col-"] > *:not([class]):first-child {
	margin-top: 0;
}

@container (max-width: 30rem) {
	.row {
		grid-template-columns: 1fr;
	}
	div[class^="col-"] {
		grid-column: 1 / 2;
	}
}

@media (max-width: 374px) {
	.goHalf {
		grid-template-columns: 1fr;
		gap: var(--vSpace);
	}
}

@media screen { 
/*/var/www/bcas.cz/www_root/css/default.css*/
html {
	background: #fff;
	margin: 0;
	padding: 0;
}

body {
	background: transparent;
	margin: 0;
	padding: 0;
	font-size: 1em;
	line-height: 1.5em;
	font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
	color: var(--textColor);
	font-optical-sizing: auto;
	font-style: normal;
	font-weight: var(--fwN);
}

#page {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	min-height: 100dvh;
	padding: 12px 12px;
	max-width: 1440px;
	margin: 0 auto;
}

main {
	flex: auto;
	outline: none;
}

h1, h2, h3, h4, h5, .likeH1, .likeH2, .likeH3, .likeH4, .likeH5 {
	margin: 2em 0 1.5rem 0;
	line-height: 1.25em;
	color: var(--hdrColor);
	font-weight: var(--fwB);
	letter-spacing: -.025em;
}

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

:is(h1, h2, h3, h4, h5) strong {
	color: var(--primColor);
	display: block;
}

h1, .likeH1 {
	font-size: 3em;
	font-size: clamp(2.25em, 4.5vw, 3em);
	margin-top: 0;
}

h2, .likeH2 {
	font-size: 2.5em;
	font-size: clamp(1.875em, 4vw, 2.25em);
}

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

h4, .likeH4 {
	font-size: clamp(1.25em, 3vw, 1.5em);
}

h5, .likeH5 {
	font-size: 1.25em;
}

a {
	color: var(--primColor);
	transition: color 0.25s, border-color 0.25s, background 0.25s;
}

*[class] {
	margin: 0;
}

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

.section--wider {
	max-width: 1168px;
	padding: 0;
}

header {
	position: absolute;
	left: 12px;
	right: 12px;
	top: 12px;
	z-index: 100;
	transition: top .2s;
}

.header {
	display: grid;
	place-content: center;
	grid-template-columns: 17.5rem 1fr 17.5rem;
	padding: 20px;
	padding-bottom: 8px;
	max-width: 1416px;
	margin: 0 auto;
	gap: 24px;
	z-index: 2;
	position: relative;
	transition: background .5s;
	background: var(--primBgColor);
}

@media (min-width: 1201px) {
	.header--fixOn .header {
		padding-bottom: 20px;
	}
}

.header--fixOn header {
	position: fixed;
	top: 0;
	animation: headerFix .25s ease-out;
}

@keyframes headerFix {
	from {
		transform: translateY(-110%)
	}
	to {
		transform: translateY(0%)
	}
}

.landingPage .header {
	display: flex;
	justify-content: space-between;
}

.HPindex .header {
	background: var(--primBgColor);
}

.menuOn .header {
	background-color: white;
}

.header__r {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 4px;
}

.logo {
	max-width: 100px;
	display: flex;
}

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

.logo h1 {
	margin: 0;
}

.topBtn:hover, .topBtn:focus {
	text-decoration: none;
	color: white;
	background: var(--secColor);
}

.topBtn {
	cursor: pointer;
	font-size: .875rem;
	padding: 8px 14px;
	text-align: center;
	color: var(--primColor);
	border: 2px solid transparent;
	text-decoration: none;
	display: flex;
	gap: 8px;
	line-height: 1.25rem;
	align-items: center;
	justify-content: center;
	background: var(--primColor);
	color: white;
	transition: all .25s;
	border-radius: 2px;
	font-weight: var(--fwB);
}

.topBtn .svgIcon {
	font-size: 1rem;
}

.topBtn--lang:hover, .topBtn--lang:focus {
	text-decoration: none;
	color: var(--primColor);
	background: transparent;
}

.topBtn--lang {
	background: transparent;
	color: var(--contentPrimary);
}

.content {
	padding: clamp(120px, 10vw, 160px) 0 clamp(56px, 10vw, 160px) 0;
}

.pageHeader {
	padding-top: clamp(124px, 10vw, 160px);
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 24px 48px;
	background: var(--primBgColor);
	margin-bottom: 40px;
}

.pageHeader--white {
	background-color: white;
}

.pageHeader--imgs {
	grid-template-columns: 1fr 1.1fr;
	gap: 16px;
	max-width: 100%;
	padding-top: 82px;
	margin-bottom: 42px;
}

.pageHeader__cont {
	display: flex;
	flex-flow: column nowrap;
	justify-self: end;
	width: 100%;
	max-width: 36em;
	padding: 0 0 clamp(56px, 5vw, 80px) 12px;
}

.pageHeader__links {
	display: flex;
	flex-flow: column nowrap;
	align-items: stretch;
	gap: 8px;
	max-width: 36.25em;
	padding: 16px 12px;
	align-self: center
}

.pageHeader--links {
	gap: 0 48px;
}

.pageHeader--imgs .pageHeader__cont {
	padding-top: 66px;
	max-width: 35.75rem;
}

.pageHeader__hdr {
	font-size: clamp(2.25em, 4.5vw, 3em);
	margin: 0 0 1.5rem 0;
	width: 100%;
}

.pageHeader address {
	color: var(--hdrColor);
	font-weight: var(--fwB);
}

.pageHeader__text {
	font-size: clamp(1em, 3vw, 1.125em);
	line-height: 1.5em;
	width: 100%;
	max-width: 30.375rem;
	margin-top: .5rem;
}

.pageHeader__video::before, .mainVideoBox::before, .playBtn {
	content: ' ';
	display: block;
	background: url(/img/playButton.svg) center center no-repeat;
	width: 50px;
	height: 50px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	pointer-events: none;
}

.pageHeader__video {
	max-width: 538px;
	position: relative;
	cursor: pointer;
}

.pageHeader .section {
	padding-bottom: 32px;
	grid-column: 1 / -1;
}

.btnBox {
	display: flex;
	flex-flow: row wrap;
	gap: 8px;
}

.pageHeader__btns {
	width: 100%;
	margin: 2.5rem 0 0 0;
}

.pageHeader__imgs {
	max-width: 718px;
	display: grid;
	grid-template-columns: 1.15625fr 1fr;
	margin-bottom: -30px;
	align-items: start;
	justify-self: end;
	flex: auto;
	width: 100%;
	gap: clamp(12px, 2vw, 24px);
}

.pageHeader__imgs video {
	position: absolute;
	top: 0;
	right: 0;
}

.pageHeader__img {
	margin-bottom: -20px;
	align-items: start;
	flex: auto;
	display: flex;
	align-items: flex-end;
}

.pageHeader__imgs1 {
	padding-top: 50px;
	width: 100%;
}

.pageHeader__imgs2 {
	display: grid;
	grid-template-columns: 1fr;
	gap: clamp(12px, 2vw, 24px);
	justify-self: start;
	width: 100%;
}

.pageHeader__search {
	position: relative;
	max-width: 530px;
	width: 100%;
}

.pageHeader--hp img {
	filter: saturate(80%);
}

.phImg1, .phImg2, .phImg3, .phImg4, .phImg5 {
	aspect-ratio: 1;
	position: relative;
	width: 100%;
}

.phImg1 video {
	left: 32px;
	right: 0;
	top: 0;
	bottom: 0;
	width: calc(100% - 32px);
	height: auto;
}

.phImg1 {
	grid-column: span 2;
	padding-left: 32px;
	justify-self: end;
	aspect-ratio: 396 / 340;
	width: 100%;
	animation-delay: .25s;
}

.phImg2 {
	max-width: 148px;
	flex: .74;
}

.phImg3 {
	max-width: 200px;
	flex: 1;
}

.pageHeader__imgs--double {
	display: flex;
	gap: 23px;
	padding-top: clamp(12px, 2vw, 24px);
}

.phImg4 {
	justify-self: start;
	max-width: 240px;
}

.phImg5 {
	max-width: 320px;
}

.smallHdr {
	font-size: 1.5em;
	font-weight: var(--fwB);
	letter-spacing: -2.5%;
	margin: 0 0 1em 0;
}

.crossSection {
	padding-top: 1rem;
	padding-bottom: 3.5em;
	max-width: 1296px;
	margin: 0 auto;
}

.cross {
	list-style-type: none;
	margin: 1.5em 0 0 0;
	padding: 0;
	display: grid;
	gap: 8px;
	grid-template-columns: repeat(auto-fit, minmax(15em, 1fr));
}

.cross__link:hover {
	background: var(--altHoverColor);
	color: var(--contentPrimary);
	text-decoration: none;
}

.cross__item {
	display: flex;
	align-items: stretch;
}

.cross__link {
	padding: 20px;
	flex: auto;
	padding-right: 12px;
	display: grid;
	align-items: center;
	grid-template-columns: 36px 1fr 36px;
	font-size: 1.125em;
	color: var(--contentPrimary);
	text-decoration: none;
	border-radius: 2px;
	gap: 8px;
	background: var(--primBgColor);
	letter-spacing: .005em;
	line-height: 1.25em;
}

.cross__text {
	padding-left: 8px;
}

.cross__ico {
	color: var(--primColor);
}

.cross .cross__arrow {
	color: var(--iconColor);
	font-size: 36px;
}

.photoText {
	padding: 8px 0;
	position: relative;
	scroll-timeline-name: --photoTextTimeline;
}

.photoText__in {
	position: absolute;
	left: 0;
	top: 8px;
	right: 0;
	bottom: 8px;
	padding: 12px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.photoText__img {
	object-fit: cover;
	width: 100%;
	height: 100%;
	min-height: 30em;
}

.photoText__cont .sectionHdr {
	margin: 0;
}

.photoText__cont .eyebrow {
	margin-bottom: -.5rem;
}

.photoText__cont:has(.photoText__hdr) .eyebrow {
	margin-bottom: -1rem;
}

.photoText__cont {
	background-color: white;
	padding: clamp(32px, 4vw, 40px);
	max-width: 30.75em;
	height: 30.75em;
	min-height: max-content;
	display: flex;
	flex-flow: column nowrap;
	align-items: stretch;
	gap: 1.5rem;
}

.photoText__text, .photoText__tags {
	flex: auto;
}

.photoText__text img {
	align-items: flex-start;
}

.photoText__text * {
	margin: 0;
}

.photoText__text {
	display: flex;
	flex-flow: column nowrap;
	align-items: stretch;
	gap: 1em;
}

.photoText__btns, .photoText__hdr {
	flex: none;
}

.photoText--reverse .photoText__in {
	justify-content: flex-start;
}

@media (min-width: 761px) {
	.photoText__in {
		background: linear-gradient(276deg, rgba(0, 0, 0, 0.20) 11.39%, rgba(0, 0, 0, 0.00) 54.9%) !important;
	}
	.photoText--reverse .photoText__in {
		background: linear-gradient(96deg, rgba(0, 0, 0, 0.20) 11.39%, rgba(0, 0, 0, 0.00) 54.9%) !important;
	}
}

@media (min-width: 761px) {
	.photoText__cont {
		animation-name: fromRightEdge;
		view-timeline: --subjectReveal block;
		animation-timeline: --subjectReveal;
		animation-range: entry 20% contain 25%;
		animation-fill-mode: both;
		animation-duration: 1ms;
	}
	.photoText--reverse .photoText__cont {
		animation-name: fromLeftEdge;
	}
}

@keyframes fromRightEdge {
	from {
		transform: translateX(0);
	}
	to {
		transform: translateX(clamp(-68px, -4vw, -16px));
	}
}

@keyframes fromLeftEdge {
	from {
		transform: translateX(0);
	}
	to {
		transform: translateX(clamp(16px, 4vw, 68px));
	}
}

.eyebrow {
	font-family: var(--altFont);
	color: var(--primColor);
	font-weight: 400;
	letter-spacing: .01em;
	font-size: 1rem;
	margin-top: 0;
}

.sectionHdr {
	margin: 0;
}

strong {
	color: var(--hdrColor);
}

.sectionHeader {
	text-align: center;
	margin: 0 auto;
	padding: clamp(80px, 10vw, 140px) 0 clamp(56px, 7vw, 80px) 0;
	display: flex;
	flex-flow: column nowrap;
	align-items: stretch;
	gap: 1rem;
}

.sectionHeader, .textContent__in {
	max-width: 43.75em;
}

.sectionHeader:not(:first-child) {
	padding: 80px 0 56px 0;
}

.content > .sectionHeader:first-child {
	padding-top: 0;
}

.sectionHeader__img {
	align-self: center;
	padding-bottom: clamp(16px, 4vw, 32px);
}

.sectionHeader__btn {
	margin-top: 2rem;
	display: flex;
	justify-content: center;
}

.moreBtn {
	display: flex;
	flex-flow: column nowrap;
	align-items: center;
	justify-content: center;
	gap: 2rem;
	padding: clamp(48px, 5vw, 64px) 0 clamp(60px, 7vw, 104px) 0;
}

.moreBtn__text {
	font-size: 1.125em;
	text-align: center;
	display: flex;
	flex-flow: column nowrap;
	align-items: stretch;
	gap: .75em;
	max-width: 35em;
	color: var(--hdrColor);
}

.cntc {
	background: var(--primBgColor);
}

.cntcCards {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 8px;
	max-width: 1178px;
	margin: 0 auto;
}

.cntcCardsRow {
	display: flex;
	gap: 8px;
	grid-column: 1 / -1;
}

.cntcCard:hover {
	text-decoration: none;
	color: currentColor;
	background: var(--altHoverColor);
}

.cntcCard {
	background-color: white;
	padding: 28px;
	display: flex;
	flex-flow: column nowrap;
	align-items: center;
	justify-content: space-between;
	text-decoration: none;
	color: currentColor;
	text-align: center;
	flex: 1;
	max-width: 18rem;
	margin: 0 auto;
}

.cntcBox__hdr {
	font-weight: var(--fwB);
	color: var(--hdrColor);
	display: block;
}

.cntcBox__ico {
	max-width: 96px;
	aspect-ratio: 1;
	flex: auto;
	width: 100%;
	display: grid;
	place-content: center;
	transform: scale(1);
	transition: transform .5s ease-out;
}

.cntcBox__info .svgIcon {
	color: var(--iconColor);
	width: 24px;
}

.cntcBox__info strong {
	color: var(--hdrColor);
	text-decoration: none;
	font-size: 1.5em;
	font-weight: var(--fwB);
	letter-spacing: -.025em;
	display: flex;
	justify-content: center;
	margin-bottom: 1rem;
}

@media (min-width: 1178px) {
	.cntcCard {
		aspect-ratio: 1;
	}
}

.cntcCards--b2b li {
	display: flex;
	flex: 1;
	max-width: 288px;
	justify-content: center;
}

.cntcCards--b2b {
	grid-template-columns: repeat(3, 1fr);
	max-width: 880px;
	display: flex;
	justify-content: center;
	align-items: stretch;
}

.cntcBox strong {
	display: block;
	font-size: 1rem;
}

.cntcCardHor {
	display: grid;
	grid-template-columns: 40px 1fr 1fr;
	align-items: center;
	padding: 24px clamp(16px, 4vw, 32px);
	text-decoration: none;
	gap: 24px 16px;
	background-color: white;
	text-align: left;
	color: currentColor;
	flex: 1;
}

.cntcCardsHor {
	display: flex;
	flex-flow: column nowrap;
	align-items: stretch;
	gap: 8px;
	max-width: 1060px;
	margin: 0 auto;
}

.cntcCardHor--double {
	grid-template-columns: 40px 1fr 1fr 1fr;
}

.cntcCardsHor a {
	color: var(--hdrColor);
	text-decoration: none;
}

.cntcCardHor--double .cntcBox__info strong {
	justify-content: flex-start;
}

a.cntcCardHor:hover {
	text-decoration: none;
	color: currentColor;
	background: var(--altHoverColor);
}

.cntcCardHor__ico {
	color: var(--primColor);
	width: clamp(32px, 5vw, 40px);
}

.cntcCardHor__photo {
	width: clamp(32px, 5vw, 60px);
}

.cntcCardHor__hdr {
	font-weight: var(--fwB);
	font-size: 1.25em;
	color: var(--hdrColor);
	letter-spacing: -.025em;
}

.cntcCardHor .socLinks {
	justify-content: flex-start;
}

@media (min-width: 761px) {
	.cntcCardHor--double {
		padding-top: 0;
		padding-bottom: 0;
		padding-right: 0;
		min-height: 100px;
	}
	.cntcCardHor .socLinks {
		grid-column-start: 4;
		padding: 24px;
	}
	.cntcCardHor__info {
		padding: 24px;
	}
	.cntcCardsRow .cntcCardHor--double {
		gap: 0;
	}
}

.pageHeader__links .cntcCardHor__info {
	padding: 0;
}

a.cntcCardHor__info:hover {
	background: #FFEBE1;
	text-decoration: none;
}

.cntcCardHor__info {
	font-size: .875em;
	line-height: 1.25em;
	text-decoration: none;
	display: flex;
	align-items: center;
	flex-flow: row wrap;
	gap: 8px 4px;
	flex: 1;
	align-items: center;
}

.cntcCardsRow .cntcCardHor--double {
	display: flex;
}

.cntcCardHor__info strong {
	font-size: clamp(1rem, 2vw, 1.125rem);
	display: block;
	width: 100%;
	flex: auto;
}

.cntcHeader {
	background: var(--altColor);
	padding-bottom: clamp(56px, 8vw, 80px);
}

.cntcBox {
	display: flex;
	align-items: center;
	font-size: .75rem;
	width: max-content;
	margin: 0 auto 56px auto;
	gap: 1rem;
	line-height: 1.5em;
	margin-top: -24px;
}

.cntc--b2b {
	background: var(--altBgColor);
}

.cntcBox__info {
	font-size: .875em;
	width: 100%;
	align-items: center;
	display: block;
}

.cntcBox__info span, .circleMark {
	display: inline-block;
	vertical-align: baseline;
	margin-right: 4px;
	width: 8px;
	height: 8px;
	min-width: 8px;
	border-radius: 32px;
	background: #70BF7A;
}

.footer {
	padding-top: clamp(64px, 7vw, 104px);
	padding-bottom: clamp(64px, 5vw, 70px);
	font-size: .875em;
	line-height: 1.5em;
}

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

.ftr {
	display: grid;
	grid-template-columns: 1.1fr 2fr 1.9fr;
	gap: 96px clamp(16px, 5vw, 64px);
}

.ftr__hdr {
	font-size: 1.125rem;
	grid-column: span 2;
	margin-bottom: 24px;
	margin-top: 0;
}

.ftr__links {
	display: grid;
	grid-template-columns: 1.25fr 1fr;
	gap: 1.5rem;
	grid-template-rows: auto 1fr;
}

.ftr .checkList {
	font-size: 1rem;
	margin-top: 12px;
}

.ftr__menu a {
	color: var(--hdrColor);
	font-weight: var(--fwB);
}

.ftr__menu {
	display: flex;
	flex-flow: column nowrap;
	align-items: stretch;
	gap: 1rem;
	margin-top: 24px;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.ftr__menu a {
	text-decoration: none;
}

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

.nwl {
	display: flex;
	flex-flow: column nowrap;
	align-items: stretch;
	gap: 1.75rem;
}

.nwl__input input {
	font-size: 1rem;
}

.nwl__ok {
	font-weight: var(--fwB);
	color: var(--hdrColor);
}

.nwl__btn .btn, .nwl2 .btn {
	width: 100%;
	max-width: 150px;
}

.nwl2 {
	margin-top: 24px;
}

.nwl2 input {
	margin-top: 8px;
}

.nwl2 p {
	margin: 24px 0;
}

.ftr__about {
	display: flex;
	flex-flow: column nowrap;
	align-items: stretch;
	gap: 1.5rem;
	line-height: 150%;
}

.brands {
	margin-top: clamp(96px, 8vw, 120px);
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: center;
	gap: 16px;
}

.brands__item {
	aspect-ratio: 3 / 1;
	display: grid;
	place-content: center;
}

.brands img {
	object-fit: scale-down;
}

.ftr2 {
	margin-top: clamp(96px, 8vw, 120px);
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: center;
	gap: 1em;
}

.ftr2__copy {
	font-size: .875rem;
	gap: 16px;
	display: flex;
	align-items: center;
}

.ftr2__soc {
	display: flex;
	gap: 8px;
	align-items: center;
	justify-content: center;
}

.ftr2__nav {
	display: flex;
	gap: 8px;
	justify-content: flex-end;
}

.ftr3 {
	margin-top: clamp(16px, 8vw, 120px);
	color: var(--iconColor);
	text-align: center;
}

.secNav {
	display: flex;
	justify-content: space-between;
	gap: 16px;
	align-items: baseline;
	border-bottom: 1px solid var(--bdrColor);
	position: relative;
	background-color: white;
	padding: 0 clamp(4px, 3vw, 24px);
	width: 100%;
	max-width: 1416px;
	overflow: auto;
}

.secNav__btn {
	min-width: max-content;
}

.innerNavSection {
	position: relative;
}

.secNavBox {
	position: sticky;
	top: 0;
	z-index: 90;
	background-color: white;
	padding: 0 12px;
	margin: 0 -12px;
}

.secNav__ul {
	list-style-type: none;
	margin: 0;
	padding: 18px 0 16px 0;
	display: flex;
	gap: 8px;
}

.secNav__link {
	display: flex;
	gap: 8px;
	text-decoration: none;
	color: currentColor;
	padding: 10px;
	font-size: .875em;
	white-space: nowrap;
}

.secNav__link--active {
	font-weight: var(--fwB);
	color: var(--hdrColor);
}

.secNav__progress {
	position: absolute;
	left: 12px;
	bottom: 0;
	right: 12px;
}

.secNav__progressBar {
	background: var(--primColor);
	height: 2px;
}

.secNav--fix .secNav {
	animation: secNavOn .25s;
	position: fixed;
	z-index: 100;
	background-color: white;
	top: 0;
	animation-fill-mode: backwards;
}

@keyframes secNavOn {
	from {
		transform: translateY(-120%);
	}
	to {
		transform: translateY(0)
	}
}

.anthracite-50, .altPage .articles, .altPage .file, .altPage .altBox, .altPage .pageHeader, .altPage .header, .altPage .why, .altPage .points__ico, .altPage .points__item--steps {
	background: var(--altBgColor);
}

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

.subPage .header, .subPage .pageHeader {
	background-color: white;
}

.currentColor {
	color: currentColor;
}

.doubleText {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-flow: row nowrap;
	gap: 2em;
}

@media (min-width: 761px) {
	.doubleText .sectionHeader {
		max-width: 26em;
		text-align: left;
		order: 2;
		padding: 0;
		margin: 0;
	}
}

.backLink:hover {
	text-decoration: none;
	color: var(--secColor);
}

.backLink {
	padding-left: 0;
	padding-right: 0;
	font-size: .75rem;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	padding: 6px 0;
	align-self: flex-start;
	margin-bottom: clamp(24px, 4vw, 32px);
	margin-top: -2rem !important;
	gap: 8px;
}

.backLink .svgIcon {
	transform: rotate(180deg);
	font-size: 18px;
}

.content--narrow {
	display: grid;
	grid-template-columns: [fullwidth-start] 1fr [narrow-start] minmax(0, 44rem) [narrow-end] 1fr [fullwidth-end];
	padding-bottom: clamp(64px, 8vw, 120px);
}

.subPage .content {
	padding-bottom: 40px;
}

.content--narrow > * {
	grid-column: narrow;
	margin-top: 0;
}

.content--inner {
	padding-bottom: 64px;
	padding-top: 24px;
}

.fullwidth {
	grid-column: fullwidth;
}

.content--listHeader {
	padding-bottom: 24px;
	max-width: 30em;
}

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

.columns {
	display: grid;
	grid-template-columns: 1fr 3.5fr;
	gap: 48px 32px;
	margin-top: 60px;
}

aside .rollMenu {
	display: none;
}

aside h2 {
	margin: 0 0 clamp(16px, 2vw, 24px) 0;
}

.asideNav {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: flex;
	flex-flow: column nowrap;
	align-items: stretch;
	gap: 8px;
}

.asideNav__item {
	display: block;
	padding: 10px 0;
	text-decoration: none;
	font-weight: var(--fwB);
}

.columns .content {
	max-width: 52rem;
	padding-top: .25em;
	width: 100%;
	justify-self: end;
	padding-bottom: 64px;
}

a:hover, a:focus {
	color: var(--hdrColor);
	text-decoration: underline;
}

}
@media screen { 
/*/var/www/bcas.cz/www_root/css/nav.css*/
.nav {
	margin: 0;
	padding: 0;
}

.nav__item {
	position: relative;
	text-align: left;
}

.nav--topNavLvl1 {
	display: flex;
	align-items: stretch;
	gap: clamp(16px, 2vw, 32px);
}

.nav__item--topNavLvl1 {
	display: flex;
	align-content: stretch;
	float: left;
}

.nav__link--topNavLvl1, .nav__link--respNavLvl1 {
	display: flex;
	flex: auto;
	align-items: stretch;
	justify-content: center;
	height: 2.5rem;
	line-height: 1.25em;
	font-size: .875em;
	color: var(--textColor);
	font-weight: var(--fwN);
	text-align: center;
	text-decoration: none;
}

span.nav__linkText {
	display: flex;
	align-items: center;
}

.nav__itemBox {
	flex: auto;
}

.nav__link--active, .nav__item--topNavLvl1:hover .nav__link--topNavLvl1, .nav__link--topNavLvl1:focus {
	text-decoration: none;
	color: var(--primColor);
	outline: none;
}

.nav__link--active .nav__linkText {
	font-weight: var(--fwB);
	color: var(--hdrColor);
	outline: none;
	background: linear-gradient(to bottom, var(--primColor) 0%, var(--primColor) 100%) 0 100% no-repeat;
	background-size: 100% 2px;
}

.submenu--topNavLvl1 {
	position: absolute;
	left: 0;
	bottom: 0;
	transform: translateY(100%);
	width: 240px;
	background: var(--altBgColor);
	z-index: 5000;
	min-width: 100%;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.25s ease-out;
}

.nav__link--topNavLvl2 {}

.nav__link--topNavLvl2:hover {}

.hasSubmenu:hover .submenu--menuLvl1, .hasSubmenu:hover .submenu--topNavLvl1 {
	opacity: 1;
	visibility: visible;
}

.menuBtn, .respNav, #dark {
	display: none;
}


/* responsivni menu */

.menuBtn, .respNav, #dark, .respNav .langBox {
	display: none;
}

@keyframes headerShow {
	from {
		transform: translateY(-120%)
	}
	to {
		transform: translateY(0)
	}
}

@media (max-width: 1200px) {
	.menuBtn {
		width: 40px;
		height: 40px;
		display: flex;
		align-items: center;
		justify-content: center;
		right: 12px;
		top: 12px;
		background-color: transparent;
		cursor: pointer;
		z-index: 200;
		transition: all .1s ease-out;
		color: var(--hdrColor);
		border: 1px solid var(--bdrColor);
		border-radius: 2px;
	}
	/*barva ikony*/
	.menuBtn em, .menuBtn span:after, .menuBtn span:before {
		background: var(--hdrColor);
		background-clip: border-box;
		transition: all .1s ease-out;
	}
	.respNav {
		position: fixed;
		z-index: 1;
		right: 0;
		top: 0;
		left: 0;
		margin: 0;
		float: none;
		margin: 0;
		display: block;
		transform: translateX(105%);
		transition: transform .5s ease-out;
		overscroll-behavior-y: contain;
		padding-top: 64px;
		min-height: 100dvh;
		max-height: 100dvh;
		display: flex;
		flex-flow: column nowrap;
		align-items: center;
		gap: 24px;
		background-color: white;
	}
	.headerFixed:not(.menuOn) header {
		position: fixed;
		animation: headerShow .25s ease-out;
	}
	.menuOn header {
		position: fixed;
	}
	.respNavIn {
		overflow: auto;
		overflow-x: hidden;
		overflow-y: auto;
		padding: clamp(16px, 5vh, 64px) 24px;
		flex: auto;
		overscroll-behavior-y: contain;
		width: 100%;
	}
	.nav--respNav, .nav--respNavLvl1 {
		display: flex;
		flex-flow: column nowrap;
		align-items: stretch;
		gap: clamp(4px, 2vh, 16px);
	}
	#dark {
		position: fixed;
		z-index: -100;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, .4);
		visibility: hidden;
		opacity: 0;
		transition: opacity .5s ease-out;
	}
	/*MENU IKONA*/
	.menuBtn span {
		display: block;
		vertical-align: middle;
		width: 14px;
		position: relative;
		height: 12px;
		overflow: hidden;
	}
	.menuBtn em {
		display: block;
		height: 2px;
		margin: 5px 0 0 0;
		width: 16px;
	}
	.menuBtn span:after, .menuBtn span:before {
		display: block;
		height: 2px;
		content: " ";
		width: 100%;
		position: absolute;
		left: 0;
		top: 0;
		transform-origin: 50% 50%;
	}
	.menuBtn span:before {
		top: auto;
		bottom: 0;
	}
	/* vysunuti menu */
	/* barva ikony*/
	.menuOn .menuBtn em, .menuOn .menuBtn span:after, .menuOn .menuBtn span:before {
		background-color: var(--hdrColor);
	}
	.menuOn .menuBtn em {
		width: 0;
	}
	.menuOn .menuBtn span:after {
		top: 5px;
		transform: rotate(45deg);
	}
	.menuOn .menuBtn span:before {
		bottom: 5px;
		transform: rotate(-45deg);
	}
	.menuOn #dark {
		z-index: 101;
		display: block;
		visibility: visible;
		opacity: 1;
	}
	.menuOn .respNav, .respNav:focus, .respNav:focus-within {
		transform: translateY(0);
	}
}

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

.overTab {
	overflow: auto;
	padding: 32px;
	border: 1px solid var(--bdrColor);
	margin-top: var(--vSpace);
}

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

.tab td, .tab th, table[border="1"] td, table[border="1"] th {
	border: 1px solid var(--bdrColor);
	padding: 1em 1.5em;
	border-width: 1px 0;
	font-size: .875em;
}

.tab thead th, table[border="1"] thead th {
	vertical-align: middle;
}

.tab th, table[border="1"] th {
	border-width: 0;
	font-weight: var(--fwN);
	text-align: left;
	vertical-align: top;
	color: var(--iconColor);
}

.tab th:not(:first-child), .tab td:not(:first-child) {
	border-left-width: 1px;
}

.tab th p, table[border="1"] th p, .tab td p, table[border="1"] td p {
	padding: 0;
	margin: 0;
}

.tab thead th, table[border="1"] thead th {
	border-width: 0 0 1px 0;
}

.tab tr:nth-of-type(even), table[border="1"] tr:nth-of-type(even) {
	background: rgba(0, 0, 0, 0.025);
}

.thReplace {
	display: none;
}

caption {
	font-size: 1.2rem;
	padding: .5rem 0;
}

@media (max-width: 600px) {
	.respTab, .respTab tr, .respTab td, .respTab th, .respTab tbody {
		display: block;
		width: 100% !important;
		text-align: left !important;
		border-width: 0;
		background: transparent;
	}
	.respTab thead, .respTab tr.thRow {
		display: none;
	}
	table.respTab tr {
		display: block;
		width: 100%;
		padding: 0;
	}
	table.respTab {
		border-width: 1px 0 0 0;
	}
	.respTab td:empty, .respTab th:empty, .respTab tr:empty {
		display: none;
	}
	table.respTab .thReplace, table.respTab .tdCont {
		width: 60%;
		padding: 10px;
		vertical-align: top;
		min-width: 10em;
		font-weight: var(--fwB);
	}
	table.respTab .thReplace {
		display: block;
		color: var(--primColor);
		font-weight: var(--fwN);
		width: 40%;
	}
	table.respTab td {
		display: flex;
		width: 100%;
		border-width: 0 0 1px 0;
		padding: 0;
	}
	table.respTab caption {
		margin: 1.5em 0;
		width: 100%;
		display: block;
		padding: 0;
	}
	table.respTab tbody th {
		font-size: 1.1em;
		font-weight: var(--fwB);
	}
}

@media screen { 
/*/var/www/bcas.cz/www_root/css/form.css*/
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, .btn, .addFileButton {
	font: inherit;
	background: White;
	border: 1px solid var(--inputBdrColor);
	padding: 11px 14px;
	margin: 0;
	display: inline-block;
	text-decoration: none;
	width: 100%;
	line-height: 1.5rem;
	transition: border-color 1s;
	border-radius: var(--radius);
	text-transform: none;
	vertical-align: middle;
	visibility: visible;
	outline: none;
	color: var(--hdrColor);
	border-radius: 2px;
	font-size: .875rem;
	letter-spacing: .005em;
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
}

*[disabled] {
	opacity: .5;
	pointer-events: none;
}

input:focus, textarea:focus, select:focus {
	border-color: rgba(0, 0, 0, 0.2);
}

input:focus, textarea:focus, select:focus {
	border-color: #334146;
}

input[type="date"], input[type="time"], input[type="number"] {
	padding-right: 8px;
	appearance: none;
}

textarea::-webkit-input-placeholder, input::-webkit-input-placeholder {
	color: var(--textColor);
	line-height: normal !important;
}

select {
	-webkit-appearance: none;
	appearance: none;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuNzExMDYgNC40NDY5N0M5LjkyMTQzIDQuMzM3NjcgMTAuMTc5OSA0LjM1NjUgMTAuMzc0MyA0LjUwMjMxTDEzLjcwNzYgNy4wMDIzMUMxMy45ODM2IDcuMjA5NDYgMTQuMDM5MiA3LjYwMTA5IDEzLjgzMjEgNy44NzcxNEMxMy42MjUgOC4xNTMwNiAxMy4yMzM0IDguMjA4NyAxMi45NTczIDguMDAxNjZMOS45OTkxNCA1Ljc4MjQyTDcuMDQwOTcgOC4wMDE2NkM2Ljc2NDkyIDguMjA4NyA2LjM3MzI5IDguMTUzMDYgNi4xNjYxNCA3Ljg3NzE0QzUuOTU5MDkgNy42MDEwOSA2LjAxNDczIDcuMjA5NDYgNi4yOTA2NSA3LjAwMjMxTDkuNjIzOTggNC41MDIzMUw5LjcxMTA2IDQuNDQ2OTdaIiBmaWxsPSIjNDg2QTcyIi8+CjxwYXRoIGQ9Ik0xMi45NTczIDEyLjAwMjNDMTMuMjMzNCAxMS43OTUzIDEzLjYyNSAxMS44NTA5IDEzLjgzMjEgMTIuMTI2OEMxNC4wMzkyIDEyLjQwMjkgMTMuOTgzNiAxMi43OTQ1IDEzLjcwNzYgMTMuMDAxN0wxMC4zNzQzIDE1LjUwMTdDMTAuMTUyMSAxNS42NjgzIDkuODQ2MiAxNS42NjgzIDkuNjIzOTggMTUuNTAxN0w2LjI5MDY1IDEzLjAwMTdDNi4wMTQ3MyAxMi43OTQ1IDUuOTU5MDkgMTIuNDAyOSA2LjE2NjE0IDEyLjEyNjhDNi4zNzMyOSAxMS44NTA5IDYuNzY0OTIgMTEuNzk1MyA3LjA0MDk3IDEyLjAwMjNMOS45OTkxNCAxNC4yMjA3TDEyLjk1NzMgMTIuMDAyM1oiIGZpbGw9IiM0ODZBNzIiLz4KPC9zdmc+Cg==);
	background-repeat: no-repeat;
	background-position: right 10px top 50%;
	padding-right: 30px;
	position: relative;
	background-size: 20px auto;
}

textarea {
	overflow: auto;
	vertical-align: top;
}


/*BUTTON*/

.btn {
	cursor: pointer;
	max-width: max-content;
	border-color: transparent;
	background: var(--primColor);
	color: #fff;
	text-decoration: none;
	display: flex;
	position: relative;
	z-index: 1;
	cursor: pointer;
	overflow: visible;
	text-align: center;
	transition: all .3s ease-out;
	gap: 8px;
	font-weight: var(--fwB);
	align-items: center;
	padding-top: 7px;
	padding-bottom: 7px;
	justify-content: center;
	min-width: 40px;
	box-shadow: none;
}

.btn:hover, .btn:focus {
	color: white;
	background: var(--secColor);
	text-decoration: none;
	outline: none;
}

.btn2 {
	background-color: white;
	color: var(--hdrColor);
}

.btn2:hover, .btn2:focus {
	background: var(--altHoverColor);
	color: var(--hdrColor);
}

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

.btn--outline:hover {
	border-color: var(--secColor);
	color: var(--secColor);
	background: transparent;
}

.btn2--outline {
	background: transparent;
	border-color: var(--bdrColor);
	color: var(--hdrColor);
}

.btn2--outline:hover {
	border-color: var(--secColor);
	color: var(--hdrColor);
	background: transparent;
}

.btn--plain {
	background: transparent;
	color: var(--primColor);
}

.btn--plain:hover {
	background: transparent;
	border-color: transparent;
	color: var(--secColor);
}

.btn--xl {
	padding: 11px 25px;
	font-size: 1em;
}

.btn .svgIcon {
	font-size: 1.25rem;
	align-self: center;
}

.btn--icon.btn--xl {
	font-size: 1.25em;
	min-width: 50px;
}

.btn--back .svgIcon {
	transform: rotate(180deg);
	color: var(--iconColor);
}

.btn--xs {
	padding: 6px 25px;
	font-size: .75rem;
	gap: 4px;
}

.btn--l {
	padding: 11px 16px;
	font-size: 1rem;
	gap: 4px;
}

.btn--back {
	margin-right: auto;
	padding-left: 0;
	padding-right: 0;
}

.btn--icon {
	padding-left: 0;
	padding-right: 0;
	aspect-ratio: 1;
	padding: 0;
}


/* layout formulare */

form, fieldset {
	margin: 0;
	padding: 0;
	border: 0;
	width: 100%;
	min-inline-size: unset;
}

label {
	user-select: none;
}

.form.formGen .row {
	margin: 0;
}

.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 h3, .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 {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-end;
	gap: .5rem;
}


/* 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: #D52F2E;
}

.required .inputDesc:after, .required label:after {
	content: "*";
	padding-left: 3px;
	font-size: .75rem;
	line-height: 1em;
}

.formLayout--placeholder .required {
	position: relative;
}

.formLayout--placeholder .required: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);
}

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

.dragdrop__ico {
	color: var(--iconColor);
	font-size: 32px;
}

.dragdrop__area {
	font: inherit;
	background: White;
	border: 1px solid var(--inputBdrColor);
	padding: 11px 14px;
	margin: 0;
	text-decoration: none;
	line-height: 1.5rem;
	transition: border-color 1s;
	border-radius: var(--radius);
	text-transform: none;
	color: var(--hdrColor);
	font-size: .875rem;
	letter-spacing: .005em;
	display: flex;
	flex-flow: column nowrap;
	align-items: center;
	justify-content: center;
	gap: 8px;
	font-size: 12px;
	flex: auto;
	min-height: 11em;
}

.dragdrop__info2 {
	font-size: .875rem;
	color: var(--textColor);
}


/* generovane formulare */

.form {
	margin-top: 1em;
}

.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;
}

.form fieldset {
	display: flex;
	flex-flow: column nowrap;
	align-items: stretch;
	gap: 1.5rem;
}

.labelBox {
	display: flex;
	margin: 0;
	padding: 0;
	line-height: 1em;
	font-size: .875em;
	font-weight: var(--fwB);
	color: var(--hdrColor);
	padding-bottom: 12px;
	display: flex;
	flex-flow: row wrap;
	gap: .5rem;
	align-items: center;
}

.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;
}

.formLayout--SBS .inputBox {
	width: 75%;
}

.formLayout--top .labelBox {}

.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%;
}

.formInfoText {
	font-size: .875em;
	margin-top: 10px;
	margin-bottom: 10px;
}

.formInfoText a {
	color: currentColor;
}

.formMessage svg {
	margin-top: 2px;
}

.formMessage {
	max-width: max-content;
	display: flex;
	padding: 7px 10px;
	align-items: flex-start;
	gap: 7px;
	font-size: .875rem;
	border-radius: 2px;
	background: #F1F9F1;
	text-align: left;
	line-height: 1.25em;
}

.positiveColor {
	color: #2D6C35;
}

.formMessage.negativeColor {
	background: #FCF1F1;
}

.negativeColor {
	color: #AB3130;
}

.loginForm .likeH2 {
	margin-bottom: 40px;
}

.loginForm {
	display: flex;
	flex-flow: column nowrap;
	align-items: stretch;
	gap: 16px;
	padding: 0;
	max-width: 466px;
	margin: 0 auto;
}

label {
	color: var(--hdrColor);
	font-weight: var(--fwB);
}

.loginForm__item label {
	display: inline-block;
	padding-bottom: 12px;
}

.inputHasIco {
	padding-right: 56px;
}

.loginForm__input {
	position: relative;
}

.formIco {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	min-width: 40px;
	display: grid;
	place-content: center;
}

.secLevelInfo {
	display: block;
	margin-top: .5rem;
	color: var(--iconColor);
}

.formInfo {
	color: var(--hdrColor);
	font-size: .875em;
	line-height: 1.25em;
}

.loginForm__item {
	position: relative;
}

.loginForm .btn, .loginForm .formMessage {
	max-width: 100%;
	margin-top: 16px;
}

@media (min-width: 480px) {
	.rowForm__l {
		flex: auto;
	}
	.rowForm__input {
		text-align: left;
		border-right-width: 0;
	}
	.btn.rowForm__btn {
		width: auto;
	}
	.rowForm {
		display: flex;
		max-width: 35rem;
		margin-left: auto;
		margin-right: auto;
	}
	.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;
	}
}

@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;
	}
}

}
/* webredakce */

.photoTextSm__list {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
}

.photoTextSm__list--refs {
	grid-template-rows: 1fr 1fr;
}

.photoTextSm {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	padding: 24px;
	gap: 8px;
	min-height: 22.5em;
	position: relative;
	overflow: hidden;
}

.photoTextSm__text {
	color: var(--contentPrimary);
	display: block;
	line-height: 157%;
	flex: auto;
}

q.photoTextSm__text {
	font-weight: var(--fwB);
}

.photoTextSm__btn {
	position: relative;
	z-index: 2;
}

.photoTextSm__in {
	background-color: white;
	padding: 24px;
	font-size: .875em;
	display: flex;
	flex-flow: column nowrap;
	align-items: stretch;
	max-width: 19.5rem;
	align-self: stretch;
	position: relative;
	z-index: 2;
	gap: 24px 8px;
	pointer-events: none;
}

.photoTextSm__in--nonflex {
	align-self: flex-end;
}

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

@media ((any-hover: hover) AND (pointer:fine)) {
	.photoTextSm__link:hover {
		transform: scale(1.05);
	}
	.photoTextSm:hover .btn {
		background: var(--secColor);
	}
}

.photoTextSm__link {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	transform: scale(1);
	transition: transform .5s ease-out;
}

.photoTextSm__hdr {
	font-size: 1.5em;
	margin: 0;
}

.photoTextSm__sign span {
	font-size: .75rem;
	display: block;
}

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

@media (min-width: 761px) {
	.photoText__aside {
		position: absolute;
		left: clamp(24px, 6vw, 80px);
		bottom: clamp(24px, 6vw, 80px);
	}
	.photoText--reverse .photoText__aside {
		position: absolute;
		left: auto;
		right: clamp(24px, 6vw, 80px);
		bottom: clamp(24px, 6vw, 80px);
	}
}

.articleList {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 3em 8px;
	grid-template-rows: repeat(3, auto);
}

.articleList--for4 {
	grid-template-columns: repeat(4, 1fr);
}

.articleList--podcasts {
	grid-template-columns: repeat(2, 1fr);
	gap: clamp(40px, 6vw, 80px) 48px;
	margin: 40px auto;
}

.cross2 {
	margin: clamp(56px, 9vw, 120px) 0 56px 0;
}

.articles {
	background: var(--primBgColor);
}

.articles .section {
	max-width: 1204px;
}

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

.article--podcast {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 24px;
	grid-template-rows: auto;
}

.article__hdl {
	margin: 0;
	font-size: 1.25em;
}

.article__img img {
	transform: scale(1);
	transition: transform .35s ease-out;
}

.article__img {
	overflow: hidden;
	position: relative;
}

.article__img--border {
	outline: var(--bdrColor) solid 1px;
}

.article__btn, .mediaplayer {
	flex: auto;
	display: flex;
	align-items: flex-end;
}

.article__text {
	font-size: .875em;
	line-height: 1.5em;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.article__cont {
	display: flex;
	flex-flow: column nowrap;
	gap: 12px;
}

.article:hover .article__img img {
	transform: scale(1.05);
}

.article__hdr {
	margin: 1.5em 0 8px 0;
	font-size: 1em;
}

.article__type, .article__time, .article__info {
	font-size: .875rem;
	text-decoration: none;
	color: currentColor;
	letter-spacing: .025em;
	display: flex;
	flex-flow: row wrap;
	gap: 8px;
}

.article__time span {
	color: var(--primColor);
}

.article--new {
	gap: 40px;
	margin: 40px 0;
}

.article--det {
	margin-top: 0;
	grid-template-columns: 1fr 1.4fr;
}

.article--new .article__hdl {
	font-size: 1.875em;
}

.article--new .article__cont {
	gap: 28px;
}

.article--new .article__text {
	font-size: 1em;
	line-height: 1.65em;
}

.article--new .article__btn {
	align-items: flex-start;
}

.articleInfo__link {
	color: currentColor;
	display: block;
}

.apps__hdl {
	font-size: 1.125em;
	font-weight: var(--fwB);
	color: var(--hdrColor);
}

.apps__in {
	display: grid;
	padding-top: 24px;
	gap: 8px;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(10em, 1fr));
}

a.app:hover {
	text-decoration: none;
	background: var(--altColor);
}

.app {
	color: var(--iconColor);
	font-size: .75rem;
	line-height: 1.2em;
	display: grid;
	grid-template-columns: 25px 1fr;
	border: 1px solid var(--bdrColor);
	text-decoration: none;
	gap: 0 12px;
	padding: 8px 0 8px 12px;
}

.app__img {
	grid-row: span 2;
}

.apps strong {
	display: block;
	font-size: .875rem;
}

.articlesFilter {
	display: flex;
	flex-flow: row wrap;
	gap: 8px;
	justify-content: space-between;
	margin: 40px 0;
	align-items: flex-start;
}

.resultHdl {
	margin: 40px 0;
}

.emptyResult {
	margin-top: clamp(48px, 6vw, 80px);
	margin-bottom: 104px;
	display: flex;
	flex-flow: column nowrap;
	gap: 8px;
	align-items: center;
}

.emptyResult__hdl {
	margin-top: 24px;
	font-size: clamp(1.5em, 3.5vw, 1.875em);
	line-height: 1.25em;
	color: var(--hdrColor);
	font-weight: var(--fwB);
	letter-spacing: -.025em;
}

.emptyResult .emptyResult__btn {
	margin-top: 16px;
}

.inlineSearch {
	padding-left: 40px;
}

.inlineSearchBtn {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 40px;
	display: grid;
	place-content: center;
}

.articlesFilter__item {
	position: relative;
	flex: auto;
	max-width: 18rem;
}

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

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

.accord__hdr {
	margin: 0;
	padding: 1.5rem 0;
	position: relative;
	cursor: pointer;
	font-size: 1.25em;
	padding-right: 50px;
	line-height: 1.2em;
	color: var(--hdrColor);
	letter-spacing: -.025em;
	font-weight: var(--fwB);
}

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

.accord--open .accord__btn path:first-child {
	display: none;
}

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

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

.accord__btn {
	position: absolute;
	width: 48px;
	height: 48px;
	display: grid;
	place-content: center;
	color: var(--iconColor);
	right: -8px;
	top: 16px;
	font-size: 32px;
	cursor: pointer;
	transition: transform .15s;
}

.accord__nextBtn {
	margin-top: 1.5em;
}

.accord__cont {
	padding: 0 0 1.5rem 0;
	padding-top: 1px;
	display: none;
	overflow-y: auto;
	font-size: clamp(1em, 2vw, 1.125em);
	line-height: 1.5em;
}

.accord__btn i {
	min-width: 0;
}

.faq {
	padding: 0 12px;
}

.faq__cont p {
	margin: 0;
}

.faq__cont {
	max-width: 52em;
	margin: 0 auto;
	width: 100%;
}

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

.innerSectionHdr {
	display: flex;
	flex-flow: column nowrap;
	gap: 8px;
}

.faqImg__in {
	display: grid;
	grid-template-columns: 485fr 720fr;
	gap: 32px clamp(32px, 4vw, 80px);
	max-width: 1280px;
	margin: 0 auto;
}

.chartSection {
	padding: clamp(16px, 4vw, 56px) 0;
}

.chart {
	position: relative;
	min-height: 32rem;
	display: flex;
	align-items: flex-end;
}

.compare {
	display: grid;
	grid-template-columns: 1fr 1fr;
}

.compare__top {
	max-width: 28.75em;
}

.compare__top p {
	margin-bottom: 2em;
}

.compare__hdr {
	margin: 0 0 1rem 0;
}

.compare__brand {
	display: flex;
	flex-flow: column nowrap;
	align-items: end;
}

.brand__text {
	text-align: right;
	font-size: .75em;
	max-width: 378px;
}

.compare__chart {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	text-align: left;
	gap: 1em;
}

.chart__label {
	display: flex;
	gap: .5em;
}

@media (min-width: 640px) {
	.compare__chart {
		grid-area: 2 / 1 / 3 / 3;
		position: relative;
		margin-top: -5%;
	}
	.chart__label {
		position: absolute;
		right: 0;
		text-align: right;
	}
	.chart__labelMark {
		display: none;
	}
	.chart__top {
		position: absolute;
		top: clamp(16px, 4vw, 56px);
		max-width: 30rem;
	}
}

.chart__labelMark {
	width: 4px;
	height: 4px;
	min-width: 4px;
	margin-top: .65em;
}

.mainVideoBox {
	position: relative;
}

.doubleImgs {
	max-width: 1178px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 32px 8px;
	padding: clamp(56px, 10vw, 140px) 0 0 0;
}

.textContent__in * {
	margin-bottom: 0;
}

.textContent__in {
	padding: clamp(56px, 10vw, 120px) 0 0 0;
	margin: 0 auto;
	font-size: clamp(1em, 2vw, 1.125em);
	line-height: 1.5em;
}

.imgDesc {
	padding-top: 1rem;
	font-size: .875em;
	line-height: 1.25em;
	color: var(--iconColor);
}

.perex, .mainArticleImg {
	font-size: clamp(1em, 2vw, 1.25em);
	line-height: 1.5em;
	margin-top: 2rem;
	margin-bottom: clamp(2rem, 4vw, 4rem);
}

.perex * {
	margin: 0;
}

.refList {
	margin-top: 12px;
}

@media (min-width: 761px) {
	.refList {
		gap: 12px;
		column-count: 2;
		margin-top: 12px;
	}
}

.ref {
	border: 1px solid var(--bdrColor);
	padding: clamp(32px, 4vw, 48px);
	display: flex;
	flex-flow: column nowrap;
	gap: clamp(32px, 4vw, 40px);
	font-size: .875em;
	line-height: 1.5em;
	break-inside: avoid;
	margin-bottom: 12px;
}

.ref__sign {
	display: flex;
	color: var(--iconColor);
	gap: 1rem;
	align-items: center;
	font-size: .75rem;
}

.ref__signText strong {
	display: block;
	font-size: .875rem;
}

.gal {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 8px;
}

.gal__in {
	position: relative;
	display: flex;
}

.gal__in .btn {
	position: absolute;
	z-index: 2;
	bottom: 32px;
	left: 32px;
}

.mappin {
	position: absolute;
	transform: translate(-50%, -50%);
}

.articleBody {
	margin-bottom: var(--vSpace);
}


/*responsive */

@media (max-width: 960px) {
	.photoTextSm__list {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 760px) {
	.photoText {
		margin-left: -12px;
		margin-right: -12px;
		overflow: hidden;
	}
	.photoTextSm__in--nonflex {
		align-self: stretch;
	}
	.photoText__in {
		background: transparent;
		position: relative;
		z-index: 2;
		padding-top: 0;
		top: 0;
		bottom: 0;
		flex-flow: column nowrap;
		align-items: stretch;
		gap: 0;
	}
	.photoText__aside {
		text-align: center;
		padding-bottom: 40px;
		margin: -12px;
		flex: auto;
		padding-top: 16px;
		align-items: center;
		/*background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 40%) center center no-repeat;*/
		padding-top: 48px;
	}
	.photoText__asideHdr {
		mix-blend-mode: difference;
	}
	.photoText__cont {
		max-width: 100%;
		margin-top: -24px;
	}
	.photoText__img {
		width: 150%;
		position: relative;
		z-index: 2;
		height: auto;
		object-fit: unset;
		max-width: none;
		min-height: 0;
	}
	.photoText--reverse .photoText__img, .photoText--reverse .photoTextBgIn {
		justify-self: end;
		justify-content: flex-end;
	}
	.photoTextSm {
		flex-flow: column nowrap;
		gap: 0;
		padding: 0;
		margin-left: -12px;
		margin-right: -12px;
	}
	.photoTextSm__in {
		max-width: 100%;
		margin: -24px 12px 12px 12px;
	}
	.photoTextSm__list--refs .photoTextSm__in {
		padding-bottom: 88px;
	}
	.photoTextSm__btn {
		position: absolute;
		left: 32px;
		bottom: 32px;
	}
	.photoTextSm__link img {
		min-width: 100%;
		height: auto;
	}
	.photoTextSm__link {
		position: relative;
		display: flex;
		justify-content: center;
		overflow: hidden;
		order: -1;
	}
	.photoTextBg {
		display: block;
	}
	.articleList--for4 {
		grid-template-columns: 1fr 1fr;
	}
	.photoTextSm__bg {
		position: absolute;
		top: 50%;
		left: -60px;
		right: -60px;
		bottom: -60px;
		filter: blur(10px);
	}
	.articleList--podcasts, .gal {
		grid-template-columns: 1fr;
	}
	.article--new {
		gap: 24px;
	}
}

@media (max-width: 639px) {
	.chart {
		min-height: 0;
		flex-flow: column nowrap;
		align-items: stretch;
	}
}

@media (max-width: 479px) {
	.articleList, .doubleImgs {
		display: flex;
		flex-flow: column nowrap;
		align-items: center;
	}
	.articleList {
		max-width: 18.375rem;
		margin-left: auto;
		margin-right: auto;
	}
	.accord {
		padding: 0;
	}
	.faqImg__in {
		display: flex;
		flex-flow: column-reverse nowrap;
		align-items: stretch;
	}
	.article--podcast {
		grid-template-columns: 1fr;
		margin-left: auto;
		margin-right: auto;
	}
	.article--det {
		margin-bottom: 32px;
		flex-flow: column-reverse nowrap;
		display: flex;
		gap: 40px;
	}
}

@media (max-width: 374px) {}

@media screen { 
/*/var/www/bcas.cz/www_root/css/login.css*/
.loginBox, .langBox {
	position: relative;
}

.dialog {
	position: absolute;
	display: none;
	bottom: 0;
	transform: translateY(100%);
	left: 0;
	z-index: 10;
	overflow: visible;
	padding-top: 8px;
}

.dialog__window {
	border-radius: var(--radius);
	background-color: white;
	border: 1px solid var(--bdrColor);
	box-shadow: 0px 4px 6px -4px rgba(0, 0, 0, 0.10), 0px 10px 15px -3px rgba(0, 0, 0, 0.10);
	font-size: .875rem;
	width: max-content;
	min-width: max-content;
	padding: 4px;
}

.dialog--login {
	left: auto;
	right: 0;
}

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

.dialogMenu__link {
	display: block;
	text-decoration: none;
	padding: 8px 1rem;
	text-align: left;
	color: var(--hdrColor);
	line-height: 1.125rem;
}

.dialogMenu__item {
	margin: 0;
	padding: 0;
	display: block;
	float: none;
}

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

.userName i {
	font-size: 18px;
	vertical-align: middle;
	padding-right: 5px;
}

.userName {
	padding: 10px 15px;
	margin: 0;
	font-size: 1.1em;
	background: #f8f8f8;
	color: var(--primColor);
}

}
@media screen { 
/*/var/www/bcas.cz/www_root/css/search.css*/

}

@media screen { 
/*/var/www/bcas.cz/www_root/css/input-replace.css*/
.inputReplaceRow, .checkList {
	display: grid;
	margin: 0;
	gap: 5px 12px;
	align-items: flex-start;
	grid-template-columns: 1rem auto;
}

.inputReplaceLabel, .checkList label {
	align-self: center;
	line-height: 1.25em;
	margin: 0;
	text-align: left;
	padding: 0;
	font-size: .875em;
	align-self: flex-start;
}

.inputReplaceLabel label {
	padding: 0;
	margin: 0;
}

input[type="checkbox"], input[type="radio"] {
	appearance: none;
	/* For iOS < 15 */
	background-color: white;
	width: 1rem;
	height: 1rem;
	transform: translateY(-0.05em);
	place-content: center;
	border: 1px solid #ccc;
	border-radius: 2px;
	position: relative;
	display: grid;
	transition: all .15s;
	cursor: pointer;
	flex: none;
	margin: 0;
	padding: 0;
	min-height: 0;
	box-shadow: none;
}

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: #b6c2c3;
}


/* zaskrtnuti */

input[type="checkbox"]:checked, input[type="radio"]:checked {
	background: var(--primColor);
	border-color: var(--primColor);
}

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: .75rem;
	height: .75rem;
	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: .5rem;
	height: .5rem;
}

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 #ccc;
	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;
}

}
ul:not([class]) {
	margin-left: 0;
	padding: 0;
	list-style-image: none;
	list-style-type: none;
	display: flex;
	flex-flow: column nowrap;
	align-items: stretch;
	gap: .5em;
}

ul:not([class]) > li {
	padding: 0;
	position: relative;
	padding-left: 20px;
	display: block;
}

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

ol:not([class]) {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
}

ol:not([class]) > li {
	counter-increment: step-counter;
	position: relative;
	margin: 8px 0;
	padding: 0 0 0 0;
	padding-left: 2rem;
}

ol:not([class]) > li::before {
	content: counter(step-counter);
	position: absolute;
	left: -.5rem;
	top: 0;
	color: var(--textColor);
	width: 1.5rem;
	height: 1.5rem;
	text-align: center;
	font-size: .8125rem;
	border: 1px solid var(--bdrColor);
	display: inline-block;
	font-weight: var(--fwB);
	display: grid;
	place-content: center;
}

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

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

.loader {
	width: 80px;
	height: 80px;
	display: block;
	animation: animLoader 1s infinite ease-in-out;
	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 {
	100% {
		transform: rotate(359deg);
	}
}

.btn.btn--loading {
	position: relative;
	color: rgba(0, 0, 0, 0);
	pointer-events: none;
	background: var(--primColor);
}

.btn.btn--loading:after {
	content: ' ';
	display: block;
	position: absolute;
	left: 50%;
	width: 2em;
	height: 2em;
	border-radius: 50%;
	border: .4em solid currentColor;
	animation: animLoader 1.25s infinite linear;
	border-color: #fff rgba(255, 255, 255, 0.25) rgba(255, 255, 255, 0.25) rgba(255, 255, 255, 0.25);
	opacity: .8;
	margin-left: -.9em;
}

.navigBar {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	align-items: center;
	margin-top: clamp(48px, 6vw, 80px);
	margin-bottom: 104px;
}

.loadBtn {
	grid-column-start: 2;
	display: flex;
	justify-content: center;
}

.navig {
	display: flex;
	align-items: center;
	justify-content: center;
}

.navig .svgIcon {
	min-width: 24px;
}

.navig .navigPrev svg {
	transform: rotate(180deg)
}

.navig span {
	color: var(--primColor);
}

.navig strong {
	color: var(--primColor);
	padding: 13px 16px;
	background: #FBF6EE;
}

.filesDwnlList {
	display: flex;
	flex-flow: column nowrap;
	align-items: stretch;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	margin-top: 32px;
	margin-bottom: var(--vSpace);
}

.file:hover {
	background: #FFEBE1;
	text-decoration: none;
}

.file {
	display: flex;
	min-width: 240px;
	padding: 24px 32px;
	align-items: center;
	gap: 24px;
	align-self: stretch;
	background: var(--primBgColor);
	text-decoration: none;
	color: var(--textColor);
}

.file__ico {
	color: var(--primColor);
}

.file__name {
	color: var(--hdrColor);
	display: block;
	font-size: clamp(1em, 2vw, 1.125em);
}

.file__size {
	font-size: .875em;
}

.points {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	margin: 0;
	padding: clamp(56px, 6vw, 96px) 0;
	list-style-type: none;
	gap: 2rem;
	max-width: 1368px;
	margin: 0 auto;
}

.files {
	display: flex;
	flex-flow: column nowrap;
	gap: 40px
}

.files__item {
	display: flex;
	flex-flow: column nowrap;
	gap: 8px;
}

.files__hdl {
	padding-bottom: 16px;
	font-weight: var(--fwB);
	color: var(--hdrColor);
	font-size: 1.25em;
}

.files__ver:hover {
	background: var(--altColor);
	color: var(--hdrColor);
}

.files__ver {
	background: #F3F8F8;
	color: var(--hdrColor);
	max-width: 100%;
	justify-content: flex-start;
	text-align: left;
}

.files .btn svg {
	transform: rotate(90deg)
}

.points--steps {
	display: flex;
	flex-flow: row wrap;
	gap: 8px;
	justify-content: center;
	max-width: 70em;
	padding-top: 0;
	padding-bottom: 16px;
}

.points--flex {
	padding-top: 32px;
	padding-bottom: 64px;
	display: flex;
	justify-content: space-around;
	gap: 40px 1.5em;
}

.points--stepsFor4 {
	max-width: 80em;
	padding-bottom: 0;
}

.points__item {
	display: grid;
	grid-template-columns: 96px 1fr;
	gap: 4px 2rem;
	grid-template-rows: auto 1fr;
}

.points__num {
	color: var(--primColor);
	text-align: center;
	font-size: 3.75rem;
	line-height: 1.6em;
}

.points__claimHdr {
	font-size: clamp(2.25em, 3vw, 3em);
	color: var(--primColor);
	margin: 0 0 clamp(16px, 3vw, 40px) 0;
}

@media (min-width: 961px) {
	.points__claim {
		grid-area: 1 / 3 / 3 / 4;
	}
}

.points__claim .points__text {
	max-width: 25em;
}

.points__item--steps {
	display: flex;
	flex-flow: column nowrap;
	align-items: stretch;
	gap: 8px;
	text-align: center;
	padding: 20px;
	padding-top: 40px;
	background: var(--primBgColor);
	aspect-ratio: 1;
}

.points__item--flex .points__ico {
	background: transparent;
}

.points__item--grid .points__ico {
	flex: none;
	background: transparent;
	padding-bottom: 16px;
	width: auto;
	align-self: flex-start;
	aspect-ratio: unset;
}

.points__item--grid {
	display: flex;
	flex-flow: column nowrap;
	align-items: stretch;
}

.points__item--flex {
	display: flex;
	flex-flow: column nowrap;
	align-items: center;
	gap: 24px;
	max-width: 14em;
	text-align: center;
	margin: 0 auto;
}

.points--steps li {
	max-width: 19.25em;
}

.points__ico {
	font-size: 24px;
	color: var(--primColor);
	background: var(--primBgColor);
	aspect-ratio: 1;
	display: grid;
	place-content: center;
	grid-row: span 2;
}

.points__hdr {
	font-size: 1.25em;
	font-weight: var(--fwB);
	color: var(--hdrColor);
	letter-spacing: -.025em;
	margin: 0;
}

.points--grid {
	gap: 40px;
	padding-top: clamp(24px, 4vw, 64px);
}

.points__text {
	font-size: .875em;
	max-width: 19.5em;
}

.square {
	background: #F3F8F8;
	padding: 20px;
	text-align: center;
	max-width: 14.375rem;
	aspect-ratio: 1;
	display: flex;
	flex-flow: column nowrap;
	align-items: center;
	justify-content: center;
	gap: 4px;
}

.square__text {
	margin-top: .75em;
}

.tags {
	display: flex;
	flex-flow: row wrap;
	gap: .625em .5em;
	font-size: .875em;
	line-height: 1.25em;
	flex: auto;
	margin: 0;
	padding: 0;
	align-items: flex-start;
	justify-content: flex-start;
}

.tags li {
	display: flex;
	align-items: center;
	gap: 8px;
}

.tags li:not(:first-child)::before {
	content: ' ';
	display: block;
	width: 4px;
	height: 4px;
	min-width: 4px;
	margin-top: -1px;
	background: var(--primColor);
}

.tag {
	text-decoration: none;
	display: flex;
}

.why {
	margin: 6px 0;
	padding: 0;
	background: var(--primBgColor);
}

.why__list {
	margin: 0;
	padding: clamp(56px, 4vw, 64px) 0;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	gap: 3rem 1em;
}

.why__item {
	display: flex;
	flex-flow: column nowrap;
	align-items: center;
	font-size: .875em;
	max-width: 14.5em;
	text-align: center;
	letter-spacing: -.005em;
	gap: 8px;
	line-height: 1.25em;
	color: var(--iconColor);
}

.why__item strong {
	font-size: 30px;
	line-height: 120%;
	color: var(--hdrColor);
	gap: 8px;
	letter-spacing: -.025em
}

.aboutus {
	text-align: center;
	max-width: 58.88em;
	margin: 0 auto;
	padding: clamp(56px, 9vw, 144px) 12px;
	display: flex;
	flex-flow: column nowrap;
	align-items: stretch;
	gap: 8px;
}

.claim {
	color: var(--contentPrimary, #171F22);
	text-align: center;
	font-size: clamp(1.125em, 3vw, 2.25em);
	font-style: normal;
	font-weight: 600;
	line-height: 1.5em;
}

.locs {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 9px;
	margin: 0;
	padding: 12px 0;
}

.loc {
	position: relative;
	display: flex;
	flex-flow: column nowrap;
	align-items: stretch;
	max-width: 466px;
}

.loc address, .loc__cont {
	background-color: white;
	position: absolute;
	left: clamp(16px, 2vw, 40px);
	bottom: clamp(16px, 2vw, 40px);
	padding: 1.5rem;
	min-width: 70%;
	max-width: 90%;
}

.loc__cont {
	width: auto;
	max-width: 20em;
	min-width: inherit;
	right: clamp(16px, 2vw, 40px);
}

.loc h4 {
	margin: 0 0 1rem 0;
}

.loc p {
	margin: 8px 0 0 0;
}

address a {
	color: currentColor;
	text-decoration: none;
}

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

.persons {
	display: flex;
	justify-content: space-between;
	gap: 2em;
}

.persons__cont {
	flex: auto;
	max-width: 22rem;
	display: flex;
	flex-flow: column nowrap;
	align-items: stretch;
	gap: 1.5em;
	flex: 1;
}

.persons__list {
	flex: 2;
	display: flex;
	justify-content: flex-end;
	flex-flow: row wrap;
	gap: clamp(40px, 3vw, 56px) 8px;
}

.persons__listRow {
	gap: clamp(40px, 3vw, 56px) 8px;
	max-width: 706px;
	display: flex;
	justify-content: flex-end;
	flex-flow: row wrap;
	flex: auto;
}

.persons__listRow + .persons__listRow {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
}

.person {
	display: flex;
	flex-flow: column nowrap;
	gap: .5em;
	flex: 1;
	text-align: left;
	max-width: 14.375rem;
}

.person__img {
	margin-bottom: 16px;
}

.person__name {
	font-weight: var(--fwB);
	color: var(--hdrColor);
}

.person__fce {
	font-size: .875em;
	line-height: 1.25em;
	padding-right: min(2vw, 2.5em);
}

.person__cnt a {
	text-decoration: none;
	color: currentColor;
}

.person__cnt {
	flex: auto;
	display: flex;
	flex-flow: column nowrap;
	align-items: stretch;
	justify-content: flex-end;
	padding-top: 1em;
	font-weight: var(--fwB);
	font-size: .875em;
	color: var(--hdrColor);
}


/* window popup */

.modalWinBox {
	position: fixed;
	display: block;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 1000;
	background: rgba(0, 0, 0, 0.35);
	display: none;
	backdrop-filter: blur(3px);
}

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

.modalWin {
	background-color: white;
	padding: 24px;
	padding-right: 12px;
	position: relative;
	max-height: 100%;
	max-width: 760px;
	width: 100%;
	z-index: 5;
	display: flex;
	flex-flow: column nowrap;
	align-items: stretch;
	gap: .5rem;
}

.modalWin__top {
	display: flex;
	gap: 1em;
	justify-content: space-between;
	align-items: center;
}

.modalWin__hdr {
	font-size: 1.5em;
	font-weight: var(--fwB);
	letter-spacing: -.025em;
	color: var(--hdrColor);
}

.window__contScroll {
	max-height: calc(100dvh - 12em);
	overflow: auto;
	padding-right: 12px;
	container-type: inline-size;
}

.modalWin--small {
	max-width: 44rem;
}

.diff__in * {
	margin: 0;
}

.diff__in {
	margin: 1.5em 0;
	display: flex;
	flex-flow: column nowrap;
	align-items: stretch;
	gap: .5em;
	padding-left: 32px;
}

.diff__in:nth-child(1) {
	outline: red dotted thick;
}

.diff {
	max-width: 60em;
	margin: 0 auto;
	overflow: auto;
}

.diff__inner {
	min-width: 30rem;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: repeat(6, auto);
	grid-auto-flow: column;
}

@media (max-width: 31.5rem) {
	.diff {
		margin: 0 -12px 0 0;
	}
}

h3:first-of-type + .diff__in, h4 + .diff__in {
	border-right: 1px solid var(--bdrColor);
	padding-right: 32px;
	padding-left: 12px;
}

.diff__hdr {
	background: #FFEBE1;
	padding: 16px 21px;
	color: var(--primColor);
	font-size: 1.5em;
}

.diff__subhdr {
	background: var(--altBgColor);
	padding: 16px 21px;
	grid-column: span 2;
	font-size: 1.125em;
}

.tooltip .svgIcon {
	cursor: pointer;
}

.tooltip {
	position: relative;
	font-size: 24px;
	display: inline-block;
}

.tooltipWin--open {
	z-index: 10;
}

.tooltipWin {
	position: absolute;
	font-size: .75rem;
	line-height: 1.5em;
	color: var(--hdrColor);
	white-space: normal;
	left: -8px;
	bottom: -5px;
	transform: translateY(100%);
	display: grid;
	place-content: center;
	z-index: 5;
	font-weight: var(--fwN);
}

.tooltipWin__close .btn {
	min-width: 30px;
}

.tooltipWin__close {
	position: absolute;
	right: 5px;
	top: 5px;
}

.tooltipWin__in {
	border-radius: var(--radius);
	background-color: white;
	border: 1px solid var(--bdrColor);
	box-shadow: 0px 4px 6px -4px rgba(0, 0, 0, 0.10), 0px 10px 15px -3px rgba(0, 0, 0, 0.10);
	font-size: .75rem;
	padding: 4px;
	padding: 32px;
	width: 100%;
	max-width: 30em;
	min-width: 20em;
}

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

.map {
	position: relative;
}

.mapSearch {
	position: absolute;
	top: clamp(12px, 1vw, 24px);
	left: clamp(12px, 1vw, 24px);
	bottom: clamp(12px, 1vw, 24px);
	background-color: white;
	width: 40%;
	max-width: 360px;
	padding: 16px;
	padding-bottom: 0;
	display: flex;
	flex-flow: column nowrap;
	align-items: stretch;
	gap: 8px;
	box-shadow: 0px -4px 6px -4px rgba(0, 0, 0, 0.05), 0px -10px 15px -3px rgba(0, 0, 0, 0.05);
	Colors Hex Hex Background colors Core/white
}

.mapSearch__top {
	display: grid;
	grid-template-columns: 1fr 3rem;
	gap: 8px;
}

.mapSearch input {
	background: url(/img/search-big-left.svg) 12px center no-repeat;
	padding-left: 40px;
	font-size: 1rem;
}

.mapSearch__rslt {
	display: flex;
	flex-flow: column nowrap;
	align-items: stretch;
	gap: 8px;
	overflow: auto;
	padding-bottom: 12px;
}

.mapSearch__loc:hover {
	background: var(--altColor);
}

.mapSearch__loc {
	border: 1px solid var(--bdrColor);
	padding: 12px;
	font-size: .75rem;
	line-height: 1.5em;
	text-align: left;
	display: grid;
	gap: 8px;
	grid-template-columns: 1fr auto;
	border-radius: var(--radius);
}

.mapSearch__hdr {
	color: var(--hdrColor);
	font-weight: var(--fwB);
	font-size: 1rem;
	text-decoration: none;
}

.mapSearch__label {
	color: var(--primColor);
	font-size: .75rem;
	display: flex;
	padding: 4px 6px;
	border-radius: 2px;
	background: var(--altColor);
}

.mapSearch address {
	margin: 0;
}

.mapSearch__expand {
	display: none;
}

.mapSearch__btn {
	justify-self: end;
	font-size: 24px;
	grid-area: 2 / 2 / 4 / 3;
	align-self: end;
}

.mapSearch__null {
	padding-top: 32px;
	display: flex;
	flex-flow: column nowrap;
	align-items: center;
	gap: 24px;
	text-align: center;
}

.mapSearch__nullIco {
	background: var(--altColor);
	color: var(--primColor);
	padding: 18px;
}

.mapSearch__nullText {
	font-size: 1.25em;
	font-weight: var(--fwB);
	margin-bottom: -16px;
}

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

.mapSearch__clear {
	border: 1px solid var(--inputBdrColor);
	border-left-width: 0;
	margin-left: -9px;
	display: flex;
	padding-left: 18px;
	justify-content: center;
	background-color: white;
}

.photogallery {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 8px;
}

.photo {
	display: block;
}

.socLinks {
	display: flex;
	gap: 8px;
	align-items: center;
	justify-content: center;
}

.icoCross {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 32px 8px;
	padding-bottom: clamp(56px, 10vw, 144px);
}

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

a.icoCross__item:hover .icoCross__ico {
	background: var(--altColor);
}

.icoCross__item {
	font-weight: var(--fwB);
	letter-spacing: -.025em;
	display: flex;
	flex-flow: column nowrap;
	align-items: stretch;
	gap: 1.5rem;
	text-decoration: none;
	color: currentColor;
	max-width: 230px;
	justify-self: center;
	width: 100%;
}

.icoCross__ico {
	aspect-ratio: 1;
	background-color: var(--altBgColor);
	display: grid;
	place-content: center;
	color: var(--primColor);
	font-size: clamp(48px, 8vw, 72px);
}

.anthracite-50 .icoCross__ico {
	background-color: white;
}

.fullwidth .icoCross {
	padding-bottom: 0;
}

.bookmarks {
	display: flex;
	flex-flow: column nowrap;
	gap: 32px;
}

.bookmarks__ctrl {
	display: flex;
	overflow: auto;
	justify-content: center;
	gap: 32px;
}

.bookmarks__btn:hover {
	color: var(--secColor);
}

.bookmarks__btn {
	font-size: .875rem;
	padding: 10px 0;
	text-decoration: none;
	color: currentColor;
	line-height: 1.25rem;
	display: flex;
	align-items: baseline;
	min-width: max-content;
	gap: 4px;
	text-align: center;
	justify-content: center;
	border-bottom: 2px solid transparent;
}

.bookmarks__num {
	color: var(--secColor);
	width: 1.25rem;
	min-width: 1.25rem;
	height: 1.25rem;
	font-size: .75rem;
	background: var(--altColor);
	border-radius: 50%;
}

.bookmarks__btn--active {
	color: var(--hdrColor);
	border-color: var(--secColor);
	font-weight: var(--fwB);
}

.rollMenu {
	position: relative;
	font-size: .875rem;
}

.rollMenu__btn {
	background: #fff url(/img/arrow-up-down.svg) right 12px center no-repeat;
	border: 1px solid var(--inputBdrColor);
	padding: 11px 12px;
	margin: 0;
	text-decoration: none;
	display: flex;
	width: 100%;
	line-height: 1.5rem;
	transition: border-color 1s;
	border-radius: var(--radius);
	text-transform: none;
	vertical-align: middle;
	visibility: visible;
	outline: none;
	color: var(--hdrColor);
	border-radius: 2px;
	letter-spacing: .005em;
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
}

.rollMenu__dialog {
	position: absolute;
	left: 0;
	right: 0;
	top: 52px;
	list-style-type: none;
	display: none;
	border-radius: 2px;
	border: 1px solid var(--bdrColor);
	background: var(--Background-backgroundPrimary, #FFF);
	box-shadow: 0 4px 6px -4px rgba(0, 0, 0, 0.10), 0 10px 15px -3px rgba(0, 0, 0, 0.10);
	z-index: 100;
	padding: 4px;
}

.rollMenu__link {
	color: var(--textColor);
	text-decoration: none;
	padding: 8px 10px;
	display: block;
	line-height: 1.2em;
}

.rollMenu--open .rollMenu__dialog {
	display: block;
}

.opTime {
	padding: 0 12px clamp(16px, 6vw, 80px) 12px;
	max-width: 21.5rem;
	width: 100%;
	margin: 0 auto
}

.opTime__top {
	display: flex;
	flex-flow: row wrap;
	gap: 8px;
	justify-content: space-between;
	padding-top: 8px;
}

.opTime h2 {
	font-size: 1.125em;
	margin: 0;
}

.badge, .badge2, .badge3 {
	border-radius: 2px;
	background: #DCFCE7;
	color: #15803D;
	font-size: .75rem;
	padding: 4px 6px;
	line-height: 1.2em;
	max-width: max-content;
}

.badge2 {
	color: #B45309;
	background: #FEF3C7;
}

.badge3 {
	color: #B91C1C;
	background: #FEE2E2;
}

.opTime__tab {
	margin-top: 24px;
	width: 100%;
	font-size: clamp(1em, 2vw, 1.125em);
}

.opTime__tab th {
	text-align: left;
	font-weight: var(--fwL);
	width: 100%;
}

.opTime__tab td {
	font-weight: var(--fwN);
	color: var(--hdrColor);
	padding-left: 16px;
	white-space: nowrap;
}

.logInHeader {
	display: flex;
	flex-flow: column nowrap;
	gap: 1.5em;
	align-items: center;
	margin: 0 auto 16px auto;
	text-align: center;
	max-width: 30rem;
}

.modalGal {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 1000;
	display: none;
}

.modalGal__in {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	padding: 20px clamp(16px, 4vw, 40px);
	background: rgba(0, 0, 0, 0.85);
	color: white;
	display: flex;
	flex-flow: column nowrap;
	align-items: center;
	justify-content: center;
}

.modalGal__close {
	display: flex;
	justify-content: flex-end;
	padding-bottom: 4px;
}

.modalGal__close, .modalGal__cont {
	max-width: 80vw;
	width: 100%;
}

.modalGal__cont {
	overflow: auto;
	max-height: calc(100dvh - 94px);
	display: flex;
	align-items: center;
	overscroll-behavior-y: contain;
}

.modalGal__close .svgIcon {
	font-size: 2rem;
}

.modalGal__cont iframe {
	width: 100%;
	height: 100%;
	display: block;
}

.modalGal__vid {
	width: 100%;
	aspect-ratio: 16 / 9;
	display: flex;
	align-items: center;
	justify-content: center;
}

.modalGal__close .btn:hover {
	background: var(--primColor);
}

.modalGal__close .btn {
	background: transparent;
}

.modalGal__vid iframe {
	width: 100%;
}

.smallMap {
	aspect-ratio: 1;
	width: 100%;
}

.dipCalc {
	max-width: 31.75em;
	border-radius: 2px;
	border: 1px solid var(--Border-borderPrimary, #C6D9DB);
	background: var(--Background-backgroundPrimary, #FFF);
	padding: 2rem;
	container-type: inline-size;
	width: 100%;
	align-self: center;
	justify-self: center;
}

.dipCalc__progressIn span {
	height: 2px;
	background: #E1EBEC;
	display: block;
	border-radius: 2px;
}

.dipCalc__progressIn {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 8px;
}

.dipCalc__text {
	font-size: .75rem;
	display: flex;
	justify-content: space-between;
	gap: .5em;
	padding-top: 8px;
}

span.dipCalc__pos {
	background: var(--primColor);
}

.dipCalc .form {
	margin-top: 2rem;
}

.dipCalcBox {
	width: 100%;
	min-height: 30rem;
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
	margin: clamp(16px, 8vw, 96px) 0;
}

.tableBox {
	border: 1px solid var(--bdrColor);
	margin: 0 auto;
	max-width: 60em;
	padding: clamp(12px, 4vw, 32px);
	display: flex;
	flex-flow: column nowrap;
	align-items: stretch;
	gap: 1.5rem;
	padding-bottom: 40px;
	margin-bottom: clamp(80px, 10vw, 160px);
}

.tabCompare {
	width: 100%;
	font-size: .875em;
	color: var(--hdrColor);
}

.tabCompare .thRow th {
	color: var(--primColor);
	font-size: 1.25em;
	font-weight: var(--fwB);
	letter-spacing: -.025em;
	text-align: left;
	padding: 10px 1.5rem;
	border-bottom: 1px solid var(--bdrColor);
}

.tabCompare tr:nth-of-type(even) {
	background: var(--altBgColor);
}

.tabCompare th {
	text-align: left;
	font-weight: var(--fwN);
	padding: 1rem 1.5rem;
}

.tabCompare td {
	padding: 1rem 1.5rem;
}

.tabCompare__suma {
	background: #FFEBE1;
}

.tabCompare__suma td, .tabCompare__suma th {
	font-size: 1.125em;
	font-weight: var(--fwB);
}

.tabCompare__suma td {
	color: var(--primColor);
	white-space: nowrap;
}

.tableInfo {
	font-size: .75em;
	line-height: 1.5em;
}

.infoBox {
	background: var(--altBgColor);
	padding: 1em 1.5em;
	display: grid;
	grid-template-columns: 96px auto 1fr;
	align-items: center;
	gap: 1em;
}

.infoBox__ico {
	color: var(--primColor);
	width: 96px;
	height: 96px;
	display: grid;
	place-content: center;
}

.tabScroll {
	overflow: auto;
}

.dipCalc2 {
	max-width: 374px;
	display: flex;
	flex-flow: column nowrap;
	align-items: stretch;
	gap: 1em;
}

.inputBox__years {
	display: grid;
	grid-template-columns: 1fr 5em;
	gap: 1rem;
	align-items: center;
}

.chartMulti {
	background-color: white;
	padding: 32px;
	flex: auto;
	max-width: 31.75rem;
	display: flex;
	flex-flow: column nowrap;
	align-items: stretch;
	gap: 24px;
	position: relative;
}

.chartMulti__vals, .chartMulti__legend {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	font-size: .75em;
	line-height: 1.2em;
}

.chartMulti__vals strong {
	font-size: 1rem;
	color: var(--hdrColor);
	display: block;
	line-height: 1.5em;
	display: flex;
	align-items: center;
	gap: 8px;
}

.chartMulti__vals--sum strong {
	font-size: 1.5rem;
}

.chartMulti__vals--sum {
	position: absolute;
	left: 32px;
	top: 40px;
}

.chartMulti__legend {
	border-bottom: 1px solid var(--bdrColor);
	padding-bottom: 12px;
}

.dipCalc__resultHdr {
	font-size: 1em;
	margin-top: 2rem;
}

.dipCalc__result {
	display: grid;
	gap: 1em;
}

.dipCalc__resultItem {
	background: var(--altColor);
	padding: 2em 1em;
	text-align: center;
	font-size: .875em;
	line-height: 1.25em;
}

.dipCalc__resultItem strong {
	font-size: 1.875rem;
	display: block;
	margin-bottom: .75rem;
	letter-spacing: -.025em;
}

.respNavBtn {
	overflow: auto;
	overflow-x: hidden;
	overflow-y: auto;
	padding: clamp(16px, 5vh, 64px) 24px;
	overscroll-behavior-y: contain;
	width: 100%;
	display: flex;
	justify-content: center;
}

.ftr4 {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	align-items: center;
	gap: 2em 1em;
}

@media (max-width: 960px) {
	.menuBtn {
		display: none;
	}
}

@container (min-width: 24em) {
	.dipCalc__result {
		grid-template-columns: 1fr 1fr;
	}
	.dipCalc__resultHdr, .dipCalc__resultItem:last-child {
		grid-column: span 2
	}
}

@media (max-width: 760px) {
	.infoBox {
		grid-template-columns: 1fr;
		text-align: center;
		justify-items: center;
	}
	.dipCalcBox {
		min-height: 0;
	}
	.ftr4 {
		grid-template-columns: 1fr;
	}
	.ftr2__nav, .ftr2__copy {
		justify-content: center;
	}
	.ftr2__copy {
		flex-flow: column nowrap;
		align-items: center;
	}
}

@media (max-width: 640px) {
	.menuBtn {
		display: flex;
	}
	.landingPage .loginBox {
		display: none;
	}
}

@media screen { 
/*/var/www/bcas.cz/www_root/css/responsive.css*/
@media (max-width: 1360px) {
	.header {
		display: flex;
		justify-content: space-between;
	}
}

@media (max-width: 1200px) {
	header {
		top: 0;
	}
	.header {
		padding: 12px;
		border-top: 12px solid #fff;
	}
	.topNav {
		display: none;
	}
	.photoText__cont {
		height: auto;
	}
	.why__list, .brands {
		justify-content: space-around;
	}
	.pageHeader--imgs {
		padding-top: 58px;
	}
	.secNav__ul {
		padding-top: 12px;
		padding-bottom: 12px;
	}
	.navigBar {
		display: flex;
		flex-flow: column nowrap;
		gap: 24px;
	}
}

@media (max-width: 960px) {
	.cntcCards {
		grid-template-columns: repeat(2, 1fr);
	}
	.ftr {
		grid-template-columns: 1fr 2fr;
	}
	.ftr__nwl {
		grid-column: span 2;
		max-width: 40em;
		padding-left: 8px;
		padding-right: 8px;
	}
	.points {
		display: grid;
		grid-template-columns: 1fr;
	}
	.points--steps {
		display: flex;
	}
	.points--grid {
		grid-template-columns: 1fr 1fr;
	}
	.cntcCards--b2b {
		flex-flow: column nowrap;
	}
	.cntcCards--b2b li {
		max-width: 100%;
	}
}

@media (max-width: 760px) {
	.pageHeader {
		display: flex;
		flex-flow: column nowrap;
		align-items: stretch;
	}
	.ftr2__copy {
		flex: auto;
		width: 100%;
		order: 3;
		text-align: center;
	}
	.pageHeader__imgs {
		margin-bottom: -10px;
		margin-right: -12px;
		margin-left: -12px;
		max-width: none;
		width: auto;
	}
	.pageHeader__cont {
		padding-left: 12px;
		padding-right: 12px;
	}
	input, textarea {
		font-size: 1rem;
	}
	.pageHeader__img {
		margin: 0;
	}
	.persons {
		flex-flow: column nowrap;
	}
	.locs {
		grid-template-columns: 1fr;
		justify-items: center;
	}
	.doubleText {
		padding-left: 12px;
		padding-right: 12px;
		display: flex;
		flex-flow: column nowrap;
		align-items: center;
		gap: 2em;
	}
	.icoCross {
		grid-template-columns: repeat(3, 1fr);
	}
	.cntcCardHor--double {
		grid-template-columns: 1fr;
	}
	.cntcCardsRow {
		flex-flow: column nowrap;
	}
	.tooltipWin {
		position: fixed;
		right: 0;
		bottom: 0;
		left: 0;
		transform: none;
	}
	.tooltipWin--open {
		z-index: 999;
		box-shadow: 0 -10px 10px rgba(0, 0, 0, .08);
	}
	.tooltipWin__close {
		position: absolute;
		right: 1px;
		top: 1px;
	}
	.tooltipWin__in {
		font-size: .875rem;
		width: 100%;
		max-width: 100%;
		min-width: 0em;
	}
	aside .rollMenu {
		display: block;
	}
	aside .asideNav {
		display: none;
	}
	.columns {
		grid-template-columns: 1fr;
		margin-top: 32px;
	}
}

@media (max-width: 639px) {
	.ftr {
		display: flex;
		flex-flow: column nowrap;
		align-items: stretch;
	}
	.compare {
		grid-template-columns: 1fr;
		text-align: center;
		justify-self: center;
	}
	.compare__top, .compare__brand {
		display: flex;
		align-items: center;
		flex-flow: column nowrap;
	}
	.brand__text {
		text-align: center;
	}
	.compare__brand {
		margin-top: 64px;
	}
	.photogallery {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (max-width: 479px) {
	.langBox {
		display: none;
	}
	.respNav .dialog {
		transform: translateY(-100%);
		bottom: auto;
		left: 0;
	}
	.respNav .langBox {
		position: relative;
		display: flex;
		justify-content: center;
		padding-bottom: clamp(16px, 4vh, 40px);
	}
	.btnBox .btn {
		width: auto;
		max-width: none;
	}
	.btnBox {
		flex-flow: column nowrap;
		align-items: stretch;
	}
	.pageHeader {
		grid-template-columns: 1fr;
	}
	.why__item strong {
		font-size: 2.25em;
	}
	.cntcCards {
		grid-template-columns: 1fr;
	}
	.cntcCard {
		max-width: 294px;
		margin: 0 auto;
		aspect-ratio: 1;
	}
	.ftr {
		text-align: center;
	}
	.ftr__links {
		gap: 40px;
		grid-template-columns: 1fr;
	}
	.ftr__about {
		align-items: center;
	}
	.ftr__hdr {
		grid-column: 1;
		margin: 0;
	}
	.nwl__btn, .ftr2 {
		display: flex;
		justify-content: center;
	}
	.nwl__text {
		margin-top: 24px;
	}
	.ftr2 {
		gap: 3em;
	}
	.persons {
		align-items: center;
		text-align: center;
	}
	.persons__listRow {
		flex-flow: column nowrap;
		gap: 2.5em;
		justify-items: center;
		align-items: center;
	}
	.persons__listRow + .persons__listRow {
		grid-template-columns: 1fr;
	}
	.points--grid {
		grid-template-columns: 1fr;
		max-width: 18.75em;
	}
	.points__item--grid {
		align-items: center;
		text-align: center;
	}
	.points__item--grid .points__ico {
		align-self: center;
	}
	.map__in {
		height: 600px;
	}
	.mapSearch {
		top: auto;
		max-height: 50%;
		max-width: none;
		right: 12px;
		width: auto;
		gap: 0;
		padding: 8px 8px 0 8px;
	}
	.mapSearch input {
		background-image: none;
		padding-left: 12px;
	}
	.mapSearch__top {
		padding-bottom: 8px;
	}
	.mapSearch__expand svg {
		transform: rotate(-90deg);
	}
	.mapSearch__expand {
		width: 52px;
		display: grid;
		place-content: center;
		height: 26px;
		position: absolute;
		left: 50%;
		font-size: 20px;
		top: -26px;
		transform: translateX(-50%);
		background-color: white;
		border-radius: 2px 2px 0 0;
	}
	.photogallery {
		grid-template-columns: repeat(2, 1fr);
	}
	.cntcCardHor {
		grid-template-columns: 40px 1fr;
	}
	.cntcCardHor__info {
		grid-column: span 2;
	}
	.icoCross {
		display: flex;
		flex-flow: column nowrap;
		align-items: center;
	}
	.innerNavSection > section:last-child {
		padding-bottom: 68px;
	}
	.innerSectionHdr {
		text-align: center;
	}
	.secNavBox {
		top: calc(100% - 45px - 1.5em);
		box-shadow: 0 0 20px rgba(0, 0, 0, .12);
	}
	.secNav__progress {
		left: 0;
		right: 0;
		top: 0;
		bottom: auto;
	}
	.navigPrev {
		display: none;
	}
	.navig .btn {
		padding-left: 0;
		padding-right: 0;
		min-width: 2.25rem;
	}
	.articlesFilter__item {
		max-width: 100%;
	}
	.opTime {
		padding-bottom: 0;
		max-width: none;
	}
	.pageHeader__cont {
		padding-bottom: 24px;
	}
}

@media (max-width: 439px) {
	.why__list {
		flex-flow: column nowrap;
		align-items: center;
	}
	.claim {
		padding-top: 8px;
	}
}

@media (max-width: 374px) {}

}
/* plugins */

/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */

.noUi-target, .noUi-target * {
	-webkit-touch-callout: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-user-select: none;
	-ms-touch-action: none;
	touch-action: none;
	-ms-user-select: none;
	-moz-user-select: none;
	user-select: none;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.noUi-target {
	position: relative;
}

.noUi-base, .noUi-connects {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 1;
}


/* Wrapper for all connect elements.
 */

.noUi-connects {
	z-index: 0;
}

.noUi-connect, .noUi-origin {
	will-change: transform;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	height: 100%;
	width: 100%;
	-ms-transform-origin: 0 0;
	-webkit-transform-origin: 0 0;
	-webkit-transform-style: preserve-3d;
	transform-origin: 0 0;
	transform-style: flat;
}


/* Offset direction
 */

.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
	left: 0;
	right: auto;
}


/* Give origins 0 height/width so they don't interfere with clicking the
 * connect elements.
 */

.noUi-vertical .noUi-origin {
	top: -100%;
	width: 0;
}

.noUi-horizontal .noUi-origin {
	height: 0;
}

.noUi-handle {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	position: absolute;
}

.noUi-touch-area {
	height: 100%;
	width: 100%;
}

.noUi-state-tap .noUi-connect, .noUi-state-tap .noUi-origin {
	-webkit-transition: transform 0.3s;
	transition: transform 0.3s;
}

.noUi-state-drag * {
	cursor: inherit !important;
}


/* Slider size and handle placement;
 */

.noUi-horizontal {
	height: 2px;
}

.noUi-horizontal .noUi-handle {
	width: 14px;
	height: 14px;
	right: -7px;
	top: -5px;
	border-radius: 50%;
}

.noUi-horizontal .noUi-handle.noUi-handle-lower {
	right: 0;
}

.noUi-vertical {
	width: 18px;
}

.noUi-vertical .noUi-handle {
	width: 14px;
	height: 14px;
	right: -6px;
	bottom: -7px;
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
	left: -17px;
	right: auto;
}


/* Styling;
 * Giving the connect element a border radius causes issues with using transform: scale
 */

.noUi-target {
	background: #E1EBEC;
	border-radius: 4px;
	height: 6px;
	border-radius: 3px;
}

.noUi-connects {
	border-radius: 3px;
}

.noUi-connect {
	background: var(--primColor);
	height: 6px;
	margin-top: -1px;
	border-radius: 3px;
}


/* Handles and cursors;
 */

.noUi-draggable {
	cursor: ew-resize;
}

.noUi-vertical .noUi-draggable {
	cursor: ns-resize;
}

.noUi-handle {
	background-color: white;
	border: 1px solid var(--primColor);
	cursor: default;
	box-shadow: 0 0 20px rgba(0, 0, 0, .12);
}

.noUi-active {
	background: var(--secColor);
}


/* Handle stripes;
 */

.noUi-origin + .noUi-origin .noUi-handle:before {
	content: "\f105";
}


/* Disabled state;
 */

[disabled] .noUi-connect {
	background: #B8B8B8;
}

[disabled].noUi-target, [disabled].noUi-handle, [disabled] .noUi-handle {
	cursor: not-allowed;
}


/* Base;
 *
 */

.noUi-pips, .noUi-pips * {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.noUi-pips {
	position: absolute;
	color: #999;
}


/* Values;
 *
 */

.noUi-value {
	position: absolute;
	white-space: nowrap;
	text-align: center;
}

.noUi-value-sub {
	color: #ccc;
	font-size: 10px;
}


/* Markings;
 *
 */

.noUi-marker {
	position: absolute;
	background: #CCC;
}

.noUi-marker-sub {
	background: #AAA;
}

.noUi-marker-large {
	background: #AAA;
}


/* Horizontal layout;
 *
 */

.noUi-pips-horizontal {
	padding: 10px 0;
	height: 80px;
	top: 100%;
	left: 0;
	width: 100%;
}

.noUi-value-horizontal {
	-webkit-transform: translate(-50%, 50%);
	transform: translate(-50%, 50%);
}

.noUi-rtl .noUi-value-horizontal {
	-webkit-transform: translate(50%, 50%);
	transform: translate(50%, 50%);
}

.noUi-marker-horizontal.noUi-marker {
	margin-left: -1px;
	width: 2px;
	height: 5px;
}

.noUi-marker-horizontal.noUi-marker-sub {
	height: 10px;
}

.noUi-marker-horizontal.noUi-marker-large {
	height: 15px;
}


/* Vertical layout;
 *
 */

.noUi-pips-vertical {
	padding: 0 10px;
	height: 100%;
	top: 0;
	left: 100%;
}

.noUi-value-vertical {
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	padding-left: 25px;
}

.noUi-rtl .noUi-value-vertical {
	-webkit-transform: translate(0, 50%);
	transform: translate(0, 50%);
}

.noUi-marker-vertical.noUi-marker {
	width: 5px;
	height: 2px;
	margin-top: -1px;
}

.noUi-marker-vertical.noUi-marker-sub {
	width: 10px;
}

.noUi-marker-vertical.noUi-marker-large {
	width: 15px;
}

.noUi-tooltip {
	display: block;
	position: absolute;
	border: 1px solid #D9D9D9;
	border-radius: 3px;
	background: #fff;
	color: #000;
	padding: 5px;
	text-align: center;
	white-space: nowrap;
}

.noUi-horizontal .noUi-tooltip {
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	left: 50%;
	bottom: 120%;
}

.noUi-vertical .noUi-tooltip {
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	top: 50%;
	right: 120%;
}

.noUi-horizontal .noUi-origin > .noUi-tooltip {
	-webkit-transform: translate(50%, 0);
	transform: translate(50%, 0);
	left: auto;
	bottom: 10px;
}

.noUi-vertical .noUi-origin > .noUi-tooltip {
	-webkit-transform: translate(0, -18px);
	transform: translate(0, -18px);
	top: auto;
	right: 28px;
}



body.compensate-for-scrollbar {
    overflow: hidden;
}

.fancybox-active {
    height: auto;
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute !important;
    top: -9999px;
    visibility: hidden;
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: none;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    transform: translateZ(0);
    width: 100%;
    z-index: 99992;
}

.fancybox-container * {
    box-sizing: border-box;
}

.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
}

.fancybox-bg {
    background: rgb(30, 30, 30);
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.47, 0, .74, .71);
}

.fancybox-is-open .fancybox-bg {
    opacity: .9;
    transition-timing-function: cubic-bezier(.22, .61, .36, 1);
}

.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
    direction: ltr;
    opacity: 0;
    position: absolute;
    transition: opacity .25s ease, visibility 0s ease .25s;
    visibility: hidden;
    z-index: 99997;
}

.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button {
    opacity: 1;
    transition: opacity .25s ease 0s, visibility 0s ease 0s;
    visibility: visible;
}

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.fancybox-toolbar {
    right: 0;
    top: 0;
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    transform: translateZ(0);
    z-index: 99994;
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden;
}

.fancybox-slide {
    -webkit-backface-visibility: hidden;
    /* Using without prefix would break IE11 */
    display: none;
    height: 100%;
    left: 0;
    outline: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: transform, opacity;
    white-space: normal;
    width: 100%;
    z-index: 99994;
}

.fancybox-slide::before {
    content: '';
    display: inline-block;
    font-size: 0;
    height: 100%;
    vertical-align: middle;
    width: 0;
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
    display: block;
}

.fancybox-slide--image {
    overflow: hidden;
    padding: 44px 0;
}

.fancybox-slide--image::before {
    display: none;
}

.fancybox-slide--html {
    padding: 6px;
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: relative;
    text-align: left;
    vertical-align: middle;
}

.fancybox-slide--image .fancybox-content {
    animation-timing-function: cubic-bezier(.5, 0, .14, 1);
    -webkit-backface-visibility: hidden;
    background: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    -ms-transform-origin: top left;
    transform-origin: top left;
    transition-property: transform, opacity;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995;
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: zoom-out;
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: zoom-in;
}

.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content {
    cursor: -webkit-grab;
    cursor: grab;
}

.fancybox-is-grabbing .fancybox-content {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

.fancybox-container [data-selectable='true'] {
    cursor: text;
}

.fancybox-image,
.fancybox-spaceball {
    background: transparent;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
}

.fancybox-spaceball {
    z-index: 1;
}

.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--iframe .fancybox-content {
    height: 100%;
    overflow: visible;
    padding: 0;
    width: 100%;
}

.fancybox-slide--video .fancybox-content {
    background: #000;
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df;
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff;
}

.fancybox-video,
.fancybox-iframe {
    background: transparent;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

/* Fix iOS */
.fancybox-iframe {
    left: 0;
    position: absolute;
    top: 0;
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%;
}

.fancybox-error p {
    color: #444;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0;
}

/* Buttons */

.fancybox-button {
    background: rgba(30, 30, 30, .6);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px;
}

.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
    color: #ccc;
}

.fancybox-button:hover {
    color: #fff;
}

.fancybox-button:focus {
    outline: none;
}

.fancybox-button.fancybox-focus {
    outline: 1px dotted;
}

.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
    color: #888;
    cursor: default;
    outline: none;
}

/* Fix IE11 */
.fancybox-button div {
    height: 100%;
}

.fancybox-button svg {
    display: block;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%;
}

.fancybox-button svg path {
    fill: currentColor;
    stroke-width: 0;
}

.fancybox-button--play svg:nth-child(2),
.fancybox-button--fsenter svg:nth-child(2) {
    display: none;
}

.fancybox-button--pause svg:nth-child(1),
.fancybox-button--fsexit svg:nth-child(1) {
    display: none;
}

.fancybox-progress {
    background: #ff5268;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -ms-transform-origin: 0;
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    z-index: 99998;
}

/* Close button on the top right corner of html content */

.fancybox-close-small {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: .8;
    padding: 8px;
    position: absolute;
    right: -12px;
    top: -44px;
    z-index: 401;
}

.fancybox-close-small:hover {
    color: #fff;
    opacity: 1;
}

.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    right: 0;
    top: 0;
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
    overflow: hidden;
}

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
    display: none;
}

/* Navigation arrows */

.fancybox-navigation .fancybox-button {
    background-clip: content-box;
    height: 100px;
    opacity: 0;
    position: absolute;
    top: calc(50% - 50px);
    width: 70px;
}

.fancybox-navigation .fancybox-button div {
    padding: 7px;
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    left: env(safe-area-inset-left);
    padding: 31px 26px 31px 6px;
}

.fancybox-navigation .fancybox-button--arrow_right {
    padding: 31px 6px 31px 26px;
    right: 0;
    right: env(safe-area-inset-right);
}

/* Caption */

.fancybox-caption {
    background: linear-gradient(to top,
        rgba(0, 0, 0, .85) 0%,
        rgba(0, 0, 0, .3) 50%,
        rgba(0, 0, 0, .15) 65%,
        rgba(0, 0, 0, .075) 75.5%,
        rgba(0, 0, 0, .037) 82.85%,
        rgba(0, 0, 0, .019) 88%,
        rgba(0, 0, 0, 0) 100%);
    bottom: 0;
    color: #eee;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 75px 44px 25px 44px;
    pointer-events: none;
    right: 0;
    text-align: center;
    z-index: 99996;
}

@supports (padding: max(0px)) {
    .fancybox-caption {
        padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left));
    }
}

.fancybox-caption--separate {
    margin-top: -50px;
}

.fancybox-caption__body {
    max-height: 50vh;
    overflow: auto;
    pointer-events: all;
}

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none;
}

.fancybox-caption a:hover {
    color: #fff;
    text-decoration: underline;
}

/* Loading indicator */

.fancybox-loading {
    animation: fancybox-rotate 1s linear infinite;
    background: transparent;
    border: 4px solid #888;
    border-bottom-color: #fff;
    border-radius: 50%;
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 99999;
}

@keyframes fancybox-rotate {
    100% {
        transform: rotate(360deg);
    }
}

/* Transition effects */

.fancybox-animated {
    transition-timing-function: cubic-bezier(0, 0, .25, 1);
}

/* transitionEffect: slide */

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

/* transitionEffect: fade */

.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
    opacity: 0;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1;
}

/* transitionEffect: zoom-in-out */

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(1.5, 1.5, 1.5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(.5, .5, .5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    transform: scale3d(1, 1, 1);
}

/* transitionEffect: rotate */

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

/* transitionEffect: circular */

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
}

/* transitionEffect: tube */

.fancybox-fx-tube.fancybox-slide--previous {
    transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg);
}

.fancybox-fx-tube.fancybox-slide--next {
    transform: translate3d(100%, 0, 0) scale(.1) skew(10deg);
}

.fancybox-fx-tube.fancybox-slide--current {
    transform: translate3d(0, 0, 0) scale(1);
}

/* Styling for Small-Screen Devices */
@media all and (max-height: 576px) {
    .fancybox-slide {
        padding-left: 6px;
        padding-right: 6px;
    }

    .fancybox-slide--image {
        padding: 6px 0;
    }

    .fancybox-close-small {
        right: -6px;
    }

    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 36px;
        opacity: 1;
        padding: 6px;
        right: 0;
        top: 0;
        width: 36px;
    }

    .fancybox-caption {
        padding-left: 12px;
        padding-right: 12px;
    }

    @supports (padding: max(0px)) {
        .fancybox-caption {
            padding-left: max(12px, env(safe-area-inset-left));
            padding-right: max(12px, env(safe-area-inset-right));
        }
    }
}
/* Share */

.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center;
}

.fancybox-share h1 {
    color: #222;
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 20px 0;
}

.fancybox-share p {
    margin: 0;
    padding: 0;
}

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px 5px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
}

.fancybox-share__button:visited,
.fancybox-share__button:link {
    color: #fff;
}

.fancybox-share__button:hover {
    text-decoration: none;
}

.fancybox-share__button--fb {
    background: #3b5998;
}

.fancybox-share__button--fb:hover {
    background: #344e86;
}

.fancybox-share__button--pt {
    background: #bd081d;
}

.fancybox-share__button--pt:hover {
    background: #aa0719;
}

.fancybox-share__button--tw {
    background: #1da1f2;
}

.fancybox-share__button--tw:hover {
    background: #0d95e8;
}

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px;
}

.fancybox-share__button svg path {
    fill: #fff;
}

.fancybox-share__input {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0 0;
    outline: none;
    padding: 10px 15px;
    width: 100%;
}
/* Thumbs */

.fancybox-thumbs {
    background: #ddd;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px 2px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    top: 0;
    width: 212px;
    z-index: 99995;
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden;
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block;
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px;
}

.fancybox-thumbs__list {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%;
}

.fancybox-thumbs-x .fancybox-thumbs__list {
    overflow: hidden;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
    width: 7px;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px;
}

.fancybox-thumbs__list a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: rgba(0, 0, 0, .1);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: none;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px;
}

.fancybox-thumbs__list a::before {
    border: 6px solid #ff5268;
    bottom: 0;
    content: '';
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .2s cubic-bezier(.25, .46, .45, .94);
    z-index: 99991;
}

.fancybox-thumbs__list a:focus::before {
    opacity: .5;
}

.fancybox-thumbs__list a.fancybox-thumbs-active::before {
    opacity: 1;
}

/* Styling for Small-Screen Devices */
@media all and (max-width: 576px) {
    .fancybox-thumbs {
        width: 110px;
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 110px;
    }

    .fancybox-thumbs__list a {
        max-width: calc(100% - 10px);
    }
}
/* print */

@media print { 
/*/var/www/bcas.cz/www_root/css/print.css*/
* {
	text-shadow: none !important;
}

html, body {
	color: Black !important;
	background: transparent none;
	font-size: 11pt;
}

a {
	color: Black !important;
	background-color: transparent !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;
	max-width: 100%;
	height: auto;
}

@page {
	margin: 0.5cm;
}

section {
	background: transparent none;
}

.topBar, .topCont, .topBox, .slideShow, .topNav, .respNav, #dark, .thReplace, .asideCol, .menuBtn, .leftCol, .rightCol, footer, form, .breadCrumbs, object, video, .slideShow, .loga, .socIco, .soc, .searchBox, .photogallery, .windowPopup {
	display: none;
}

.tab {
	border-collapse: collapse;
	font-size: 1em;
	border: 1px solid var(--bdrColor);
}

.tab td, .tab th {
	border: 1px solid var(--bdrColor);
}

input, textarea, select {
	font-size: 1em;
}

img {
	float: left;
	margin: 0 2em .5em 0;
	max-width: 30%;
	height: auto;
}

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;
	background: transparent none;
}

h1 {
	font-size: 21pt;
	margin: 15pt 0 3pt 0;
}

.logo span {
	display: inline-block;
	vertical-align: middle;
}

.logo img {
	max-width: 4cm;
	height: auto;
}

h2 {
	font-size: 19pt;
	margin: 15pt 0 6pt 0;
}

h3 {
	font-size: 17pt;
	margin: 15pt 0 4pt 0;
}

h4 {
	font-size: 15pt;
	margin: 15pt 0 3pt 0;
}

h5 {
	font-size: 13pt;
	margin: 15pt 0 2pt 0;
}

h6 {
	font-size: 11pt;
	margin: 15pt 0 2pt 0;
}

hr {
	height: 1px;
	color: #dddddd;
	background: #ddd;
	clear: both;
	margin: 0;
	padding: 0;
	border: 0;
	width: 100%;
}

img, ul, ol, article {
	page-break-inside: avoid;
}

.content {
	page-break-inside: auto;
}

.lomic {
	clear: both;
}

.columns {
	display: block;
}

main {
	clear: both;
}

#page, .header {
	background-image: none !important;
}
hr{margin: 1cm 0;}

}
/* vars */

:root {
/*Content/contentSecondary*/
--textColor: #394B51;
/*Content/contentPrimary*/
--hdrColor: #171F22;
--contentPrimary: #171F22;
/*Content/contentAccentPrimary*/
--primColor: #F4403F;
--secColor: #BE1817;
/*Background/backgroundSecondary*/
--altColor: #FBF6EE;
--primBgColor: #FBF6EE;
--altHoverColor: #FFEBE1;
/*Border/borderPrimary*/
--bdrColor: #C6D9DB;
--inputBdrColor: #C6D9DB;
/*Content/contentTertiary*/
--iconColor: #486A72;
/*Background/backgroundAnthracitePrimary*/
--altBgColor: #F3F8F8;
--hSpace: 40px;
--vSpace: 3.5rem;
--RhSpace: 15px;
--RvSpace: 15px;
--fwB: 600;
--fwN: 500;
--fwL: 300;
--setOpacity: .7;
--radius: 0;
--contentWidth: 50em;
--altFont: "Libre Baskerville", serif;
}

@media (max-width: 760px) {
:root {
--vSpace: 40px;
}
}