* {
	margin: 0;
}

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

html, body {
	overscroll-behavior-y: none;
}


/*
: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: 1rem;
}
*/

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

svg * {
	fill: currentColor;
}

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

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

.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: 1em 0;
	padding: 0;
}

ol {
	padding-left: 2.2em;
}

ul {
	list-style-type: none;
}

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

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

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

figure {
	margin: 0;
}

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

hr {
	height: 1px;
	clear: both;
	padding: 0;
	border: 0;
	background: var(--bdrColor);
	margin: var(--vSpace) 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: ' ';
}

.contentText {
	text-align: center;
	padding: var(--hSpace) 0 var(--hSpace) 0;
}

.contentText .btn {
	padding: 12px 2em;
}

a[href^="tel:"], a[href^="tel:"]:hover {
	cursor: default;
	text-decoration: none;
	color: currentColor;
}


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

@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(--altColor);
}

.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: 16px;
}

.inRow * {
	margin: 0;
}

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

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

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

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

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

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

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

.row:not(:first-of-type) {
	margin-top: var(--vSpace);
}

.row-pad0 {
	gap: 0;
}

.row-pad5 {
	gap: 10px;
}

.row-pad10 {
	gap: 1rem;
}

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

@media (max-width: 47.5rem) {
	.row {
		display: flex;
		flex-flow: column nowrap;
	}
	.row .row {
		display: grid;
		grid-template-columns: repeat(12, 1fr);
	}
}

@container (max-width: 30rem) {
	.row, .row .row {
		display: flex;
		flex-flow: column nowrap;
	}
}

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

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

body {
	background: transparent;
	margin: 0;
	padding: 0;
	font-size: .875em;
	line-height: 2em;
	font-family: 'Poppins', system-ui, sans-serif;
	color: var(--textColor);
	font-style: normal;
	letter-spacing: -0.03em;
}

#page {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	min-height: 100vh;
	margin-left: auto;
	margin-right: auto;
	background-color: white;
	position: relative;
	padding-top: 80px;
}

main {
	flex: auto;
	outline: none;
}

h1, h2, h3, h4, h5 {
	margin: 2em 0 1.5rem 0;
	line-height: 1.2em;
	color: var(--secColor);
}

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

h1 {
	font-size: 3em;
	font-size: clamp(2em, 7vw, 3em);
	margin-top: 0;
}

h2 {
	font-size: 2.5em;
	font-size: clamp(1.75em, 4vw, 2.5em);
}

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

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

h5 {
	font-size: 1.125em;
}

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

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

header {
	position: fixed;
	left: 0;
	top: 0;
	background-color: white;
	right: 0;
	z-index: 100;
}

.header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: clamp(16px, 4vw, 64px);
}

.section--header {
	position: static;
	max-width: 1300px;
}

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

.logo h1 {
	margin: 0;
}

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

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

.topBtn {
	cursor: pointer;
	width: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 15px;
	color: var(--secColor);
	font-weight: var(--fwB);
	border: 1px solid var(--bdrColor);
	border-width: 0 0 0 0;
	text-decoration: none;
	display: flex;
	align-items: center;
	justify-content: center;
}

.topBtn--lang:hover {
	text-decoration: none;
}

.topBtn--lang {
	height: 50px;
	font-size: 1em;
	width: auto;
	text-decoration: none;
	gap: 10px;
	font-size: .9375rem;
}

.topBox hr {
	margin: 0;
	width: 1px;
	height: 50px;
}

.topBox {
	display: flex;
	align-items: center;
	gap: clamp(8px, 2vw, 40px);
}

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

.dialog--lang .dialogMenu__link {
	padding-right: 5px;
	line-height: 1em;
	padding-left: 5px;
	line-height: 1em;
}

.langBox .dialog--lang {
	min-width: 10em;
	text-align: left;
}

.content, .asideCol {
	padding: var(--hSpace) 0 var(--hSpace) 0;
}

.subHdr {
	color: var(--primColor);
	text-transform: uppercase;
	font-size: .875rem;
	font-weight: var(--fwB);
	margin-bottom: 8px;
	line-height: 1.2em;
}

.subHdr:not(:first-child) {
	margin-top: var(--vSpace);
}

.mainHdr {
	font-size: clamp(1.25rem, 3vw, 2.5rem);
	margin-top: 8px;
}

.HPindex .subHdr, .HPindex .mainHdr {
	text-align: center;
}

.cross__in {
	margin: var(--vSpace) 0 0 0;
	padding: 0;
	list-style-type: none;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-around;
	gap: clamp(16px, 4vw, 48px);
}

.cross__item {
	flex: 1;
}

.cross__in:has(.cross__item:nth-child(2):last-child) {
	margin-left: clamp(0px, 12vw, 10em);
	margin-right: clamp(0px, 12vw, 10em);
}

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

.cross__link {
	text-decoration: none;
	color: var(--secColor);
	font-size: clamp(1rem, 2vw, 1.25rem);
	font-weight: var(--fwB);
	display: flex;
	flex-flow: column nowrap;
	align-items: center;
	text-align: center;
}

.cross__img {
	margin-bottom: 24px;
}
.cross__img img {
	height: 56px;
}

.arr svg {
	transform: rotate(-45deg);
	display: block;
	visibility: hidden;
	width: 0;
	transition: all .2s;
}

.arr {
	display: block;
	background: var(--primColor);
	transform: rotate(45deg);
	margin-top: 16px;
	color: white;
	border-radius: 0px;
	width: 8px;
	height: 8px;
	display: grid;
	place-content: center;
	font-size: 1px;
	transition: all .2s;
	position: relative;
	top: 0;
}

.scrollTo {
	color: var(--secColor);
	display: inline-block;
	margin-top: var(--hSpace);
	display: flex;
	gap: 16px;
	align-items: center;
	font-weight: var(--fwB);
	text-decoration: none;
	font-size: 1.25rem;
}

.arr2, .arr3 {
	display: block;
	background: var(--primColor);
	transform: rotate(45deg);
	color: white;
	border-radius: 4px;
	width: 24px;
	height: 24px;
	display: grid;
	place-content: center;
	font-size: 1px;
	transition: all .2s;
	position: relative;
	top: 0;
	transition: all .2s;
}

.moreLink:hover .arr3 {
	right: -10px;
}

.moreLink {
	color: var(--secColor);
	display: inline-block;
	display: inline-flex;
	gap: 16px;
	align-items: center;
	font-weight: var(--fwB);
	text-decoration: none;
}

.arr3 svg {
	transform: rotate(-45deg);
}

.arr2 svg {
	transform: rotate(45deg);
}

:link:hover .arr, .item:hover .arr {
	font-size: 12px;
	transform: rotate(45deg);
	border-radius: 4px;
	width: 24px;
	height: 24px;
	margin: 0px;
	top: 8px;
}

:link:hover .arr svg, .item:hover .arr svg {
	visibility: visible;
	width: 6px;
}

.ill {
	background: #F6F6F6 url(/img/Ilustrace.svg) center 0px no-repeat;
	padding-bottom: 15px;
	background-size: 2680px auto;
}

.ill video {
	mix-blend-mode: multiply
}

.ill .section {
	max-width: 1258px;
}

.ill--desk a {
	position: absolute;
	width: 13%;
	aspect-ratio: 1.5 / 1;
	z-index: 2;
}

.bub1 {
	left: 27%;
	top: 9%;
}

.bub2 {
	left: 13.5%;
	top: 28%;
}

.bub3 {
	left: 66%;
	top: 19%;
}

.bub4 {
	left: 47%;
	top: 54%;
}

.bub5 {
	left: 27.5%;
	top: 78%;
}

.bub6 {
	left: 69.3%;
	top: 72%;
}

.ill--desk {
	position: relative;
}

.ill__texts li {
	background: #f3e9e9;
	padding: 16px clamp(16px, 4vw, 48px);
	text-align: center;
	line-height: 1.25em;
	font-size: 1.125em;
	position: relative;
}

.ill__texts li::before {
	content: ' ';
	display: block;
	background: var(--primColor);
	transform: rotate(45deg) translate(-50%, 50%);
	margin-top: 16px;
	color: white;
	border-radius: 0px;
	width: 8px;
	height: 8px;
	display: grid;
	place-content: center;
	font-size: 1px;
	transition: all .2s;
	position: relative;
	bottom: 0;
	position: absolute;
	left: 50%;
}

.ill__texts {
	margin: 24px auto 0 auto;
	max-width: max-content;
	display: flex;
	flex-flow: column nowrap;
	gap: 12px;
	font-weight: var(--fwN);
	color: var(--secColor);
}

.ill--mob {
	display: none;
}

.altBox {
	background: #f3e9e9;
}

.imgCross {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 16px;
}

.imgCross__item {
	display: block;
	text-decoration: none;
	color: currentColor;
}

.imgCross__item:hover {
	text-decoration: none;
	background-color: white;
}

.imgCross__item:hover .imgCross__img img {
	transform: scale(1.05)
}

.imgCross__item img {
	transition: transform .2s;
	border-radius: 4px;
}

.imgCross__img {
	display: block;
	overflow: hidden;
}

.imgCross__cont {
	padding: clamp(16px, 2vw, 24px);
	display: flex;
	flex-flow: column nowrap;
	gap: .5em;
}

.imgCross--articles .imgCross__hdr {
	font-size: 1.25em;
}

.imgCross__hdr {
	font-weight: var(--fwB);
	color: var(--secColor);
	font-size: clamp(1.25rem, 3vw, 1.5rem);
}

.bottomBox .content {
	padding-top: 0;
}

.bottomBox {
	background-image: url(/img/prechodovy-pruh.svg), linear-gradient(to bottom, #fff 50%, #f6f6f6 50%);
	background-repeat: repeat-x, no-repeat;
	background-position: 0 50%, 0 100%;
	margin-top: var(--hSpace);
}

footer {
	color: #B9B3B3;
	background: var(--secColor);
	padding: 0 0 var(--vSpace) 0;
}

.certs {
	background: var(--bdrColor);
	padding: var(--hSpace) 0;
	border-top: 1px solid #fff;
}

.certs__in a:hover img {
	filter: grayscale(0)
}

.certs__in img {
	filter: grayscale(1);
	height: auto;
	max-height: 18vw;
	margin-bottom: 8px;
	width: auto;
	max-width: 30vw;
}

.certs__in a, .certs__in span {
	max-width: max-content;
	text-decoration: none;
	color: currentColor;
}

.certs__in {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	gap: clamp(16px, 4vw, 48px);
	color: var(--secColor);
	font-weight: var(--fwB);
	text-align: center;
	align-items: center;
	line-height: 1.25em;
}

footer h3 {
	margin: 0;
	color: white;
}

footer a:hover {
	color: currentColor;
}

.ftr__about {
	color: #EDEDED;
}

.ftr__about img {
	margin-bottom: 16px;
}

footer .row {
	margin-top: var(--vSpace);
}

footer hr {
	margin: var(--vSpace) 0;
	background: rgba(240, 205, 203, 0.27);
}

.ftr__hdr {
	color: rgba(240, 205, 203, 1);
	display: block;
	margin-bottom: 16px;
}

.nwl p {
	margin-bottom: 0;
	max-width: 35em;
}

.nwl {
	padding-top: 1px;
}

.nwl form {
	padding-top: 1.5em;
}

.ftr__link {
	color: white;
	display: block;
	margin: 8px 0;
	font-size: 1rem;
}

footer a {
	color: white;
	text-decoration: none;
}

.fr {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: baseline;
}

.fr a {
	font-size: 1rem;
	font-weight: var(--fwB);
}

.narrow {
	display: grid;
	grid-template-columns: [fullwidth-start] minmax(15px, 1fr) [narrow-start] minmax(0, 50rem) [narrow-end] minmax(15px, 1fr) [fullwidth-end];
}

.narrow > * {
	grid-column: narrow;
}

.cntBox__info {
	flex: auto;
	max-width: 489px;
}

.cntBox__form {
	flex: auto;
	max-width: 590px;
}

.cntBox {
	/*margin-top: var(--vSpace);*/
	display: flex;
	gap: 32px;
	justify-content: space-between;
	grid-column: fullwidth;
}

.articleDetImg {
	margin: var(--hSpace) 0;
	grid-column: fullwidth;
	display: flex;
	flex-flow: column nowrap;
}

.HPtext {
	line-height: 2em;
	max-width: 54rem;
	text-align: center;
	margin: 0 auto;
}

h1 div {
	font-size: .75em;
	font-weight: var(--fwL);
}

.hpBox .content, .hpBox h1 {
	margin-bottom: 0;
	padding-bottom: 0;
}

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

/***** Podstranka: O NAS *****/

/* general */


section.hero .section,
section.about .section,
.process__container,
.company__container {
	max-width: 900px;
	margin: 0 auto;
}

body.about {
	overflow-x: hidden;
}

section.hero {
	position: relative;
	background-image: url(/img/prechodovy-pruh.svg), linear-gradient(to top, #f6f6f6 50%, #fff 50%);
    background-repeat: repeat-x, no-repeat;
    background-position: 0 367px, 0 100%;
}

.hero__content {
	padding: 48px 0;
}

.hero__title {
	font-size: 2rem;
}

.hero__image {
	position: relative;
	max-width: 1360px;
	height: 460px;
	margin: 0 auto;
	z-index: 2;
}

.hero__video {
	position: relative;
	width: 100%;
	height: 100%;
	aspect-ratio: 16/9;
	object-fit: cover;
	object-position: center;
}

/* .gray-bg {
	background: #F4F5F5;
    position: absolute;
	top: 450px;
	left: 0;
    width: 100%;
    height: 500px;
    z-index: 0;
} */

.hero__text {
	max-width: 400px;
	font-size: 1.25rem;
}

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

/* Section - Co delame */

.about__container {
	position: relative;
}

.about__container .section__intro {
	position: relative;
}

img.about__map {
    max-width: 250px;
    height: auto;
    object-fit: contain;
    position: absolute;
    bottom: 0;
    right: 0;
	z-index: -1;
}

section.about {
	position: relative;
	background-color: #fff;
	z-index: 2;
	overflow-x: clip;
}

section.about::before {
	content: "";
    position: absolute;
    top: 0;
    left: -8%;
    background: url(/img/oil-isolated-1.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 20%;
    height: 66%;
    transform: rotate(345deg);
}

section.about::after {
    content: "";
    position: absolute;
    top: -200px;
    right: -160px;
    background: url(/img/oil-isolated-2.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 25%;
    height: 66%;
    transform: rotate(348deg);
}

.about__features {
	max-width: 1260px;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	gap: 30px;
	margin: 0 auto;
	padding: 64px 0;
}

/* === BOX === */
.about__feature {
	display: flex;
	flex-direction: column;
	align-items: center;
  	background: #fff;
	border-radius: 12px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	padding: 40px 25px;
	text-align: center;

}

.about__icon {
  margin-bottom: 20px;
}

.about__icon img {
  width: 48px;
  height: 48px;
  object-fit: contain;
}

.about__feature-title {
  font-size: 1.25rem;
  font-weight: 600;
  color: #2d1a10;
  margin-bottom: 10px;
  margin-top: 0;
}

/* === Text === */

.about__text {
	max-width: 660px;
	font-size: 1.25rem;
	color: #555555;
}

.about__feature-text {
  color: #555;
  font-size: 0.875rem;
  line-height: 1.5;
  max-width: 240px;
  margin: 0 auto;
}

/* === Responsivita === */
@media (max-width: 1024px) {
  .about__features {
    gap: 20px;
  }
}

@media (max-width: 768px) {
  .about__feature {
    padding: 30px 20px;
  }
}

@media (max-width: 480px) {
  .about__feature-title {
    font-size: 1rem;
  }
  .about__feature-text {
    font-size: 0.9rem;
  }
}

/* Section - o společnosti */

.company {
	background-image: url(/img/prechodovy-pruh.svg), linear-gradient(to top, #f6f6f6 98%, #fff 0%);
    background-repeat: repeat-x, no-repeat;
    background-position: 0 0px, 0 100%;
}

@media (max-width: 863px) {
	.company {
		background-position: 0 8px, 0 100%;
	}
	
}

.company__container {
  display: flex;
  align-items: center;
	flex-wrap: wrap;
  gap: 40px;
  margin: 0 auto;
}

@media (max-width: 991px) {
	.company__container {
		flex-wrap: wrap;
		justify-content: center;
	}
}

.company__content {
	flex: 1 1 50%;
	max-width: 640px;
}

.company__text {
	font-size: 1.25rem;
	color: #555555;
}

/* Section - filozofie */

section.philosophy {
	position: relative;
}

section.philosophy {
	background-image: url(/img/prechodovy-pruh.svg), linear-gradient(to top, #f6f6f6 90%, #fff 0%);
    background-repeat: repeat-x, no-repeat;
    background-position: 0 220px, 0 100%;
}

@media (max-width: 690px) {
  	section.philosophy {
		background-image: url(/img/prechodovy-pruh.svg), linear-gradient(to top, #f6f6f6 95%, #fff 0%);
	}
}
.section__intro {
	max-width: 900px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin: 0 auto;
}

@media (max-width: 810px) {
	.section__intro {
		align-items: center;
	}
}

.philosophy__text {
	font-size: 1.25rem;
}

.philosophy__text .textRed {
	font-weight: var(--fwB);
}

.philosophy__block {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 64px;
}

.philosophy__block--reverse {
  flex-direction: row-reverse;
}

.philosophy__image img {
  max-width: 375px;
  height: auto;
  border-radius: 16px;
  object-fit: contain;
}

.philosophy__content {
  flex: 1;
}

.philosophy__icon {
	width: fit-content;
	background-color: var(--primColor);
	border-radius: 4px;
	transform: rotate(45deg);
	margin-bottom: 24px;
}

.philosophy__icon img {
  width: 40px;
  height: 40px;
  margin-bottom: 15px;
  transform: rotate(314deg);
  padding: 6px;
}

.philosophy__subtitle {
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 10px;
  margin: 0;
  color: var(--primColor);
}

.philosophy__description {
  color: #555555;
  line-height: 1.6;
  font-size: 1.25rem;
}

/* Responsivní úpravy */
@media (max-width: 768px) {
  .philosophy__block,
  .philosophy__block--reverse {
    flex-direction: column;
    text-align: center;
	gap: 0;
  }

  .philosophy__image {
	order: 2;
  }

  .philosophy__image img {
    max-width: 100%;
  }

  .philosophy__icon {
	align-self: center;
  }

  .philosophy__icon img {
	margin: 0;
  }

  .philosophy__content {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;

  }
}

/* Section: Vyrobni scenar */

.process {
	background: #fff;
}

.process__bottom {
	background: #fff;
}

.process__bottom .section {
	display: flex;
	justify-content: center;
}

.process__claim {
	max-width: 870px;
}

.process__claim-text {
	font-size: clamp(1.5rem, 1.2241rem + 1.3793vw, 2rem);
	color: #270D0E;
	line-height: 1.6;
}

.process__text {
	font-size: 1.25rem;
}


/* SLIDER */

.slider {
  position: relative;
  width: 100%;
  max-width: 1320px;
  margin: 0 auto;
  overflow: hidden;
  padding: 40px 0;
  background: #fff;
}

/* arrows nav */
.slider__navigation {
	display: flex;
    width: fit-content;
}

.slider__navigation button {
	width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
	color: transparent;
}

.slider__arrow svg {
	fill: none!important;
}

/* === wrapper === */
.slider__over {
  overflow: hidden;
}

.slider__move {
  display: flex;
  transition: transform 0.6s ease;
}

/* === slide === */
.slider__item {
  flex: 0 0 40%;
  padding: 40px 20px;
  box-sizing: border-box;
}

.slider__item-inner {
	position: relative;
  	display: flex;
  	align-items: center;
  	gap: 40px;
}

.slider__item-inner::after {
	content: "";
	position: absolute;
	top: 0;
	right: -20px;
	background: #D0D1D4;
	width: 1px;
	height: 100%;
}

.slider__item-inner--reverse {
  flex-direction: row-reverse;
}

/* === image === */
.slider__image {
  /* flex: 0 0 40%; */
  display: flex;
  justify-content: center;
}

.slider__image img {
  width: 100%;
  max-width: 380px;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border-radius: 12px;
  /* transform: rotate(45deg); */
}

/* === content === */
.slider__content {
  flex: 1;
}

.slider__title {
  font-size: 1.5rem;
  font-weight: 600;
  color: #222;
  margin-bottom: 15px;
}

.slider__title span {
  color: #b22222;
  margin-right: 6px;
}

.slider__text {
  color: #555;
  line-height: 1.6;
  font-size: 1rem;
}

/* === responsive === */



@media (max-width: 1120px) {
	.slider__item {
		flex: 0 0 70%;
	}
}

@media (max-width: 768px) {
  .slider__item-inner,
  .slider__item-inner--reverse {
    flex-direction: column;
    text-align: center;
  }

  .slider__image img {
    transform: rotate(0);
    max-width: 250px;
  }
}

@media (max-width: 640px) {
	.slider__item {
		flex: 0 0 100%;
	}
}
}
@media screen { 
/*/domains1/pepito_cz/public/www_root/css/nav.css*/
.nav {
	margin: 0;
	padding: 0;
}

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

.topNav {
	flex: auto;
}

.nav--topNavLvl1 {
	justify-content: space-between;
	display: flex;
	align-items: stretch;
}

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

.nav__link--topNavLvl1 {
	display: flex;
	flex: auto;
	padding: 4px 0;
	align-items: center;
	justify-content: center;
	height: 104px;
	line-height: 1.25em;
	text-align: center;
	text-decoration: none;
	color: var(--secColor);
	font-weight: var(--fwB);
	text-transform: uppercase;
	font-size: .9375rem;
	letter-spacing: .01em
}

.nav__itemBox {
	flex: auto;
}

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

.nav__item--topNavLvl1:hover .nav__link--topNavLvl1::after {
	content: ' ';
	display: block;
	position: absolute;
	bottom: -4px;
	left: 50%;
	background: var(--primColor);
	width: 8px;
	height: 8px;
	transform: rotate(45deg) translateX(-50%);
	z-index: 2000;
}

.submenu--topNavLvl1 {
	position: absolute;
	left: -20px;
	bottom: 0;
	transform: translateY(100%);
	width: 240px;
	background: #fff;
	z-index: 1000;
	min-width: 100%;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.25s ease-out;
	box-shadow: 0px 4px 16px #43393914;
	padding: 24px 0;
}

.nav__link--topNavLvl2 {
	display: block;
	padding: 10px 20px;
	color: var(--secColor);
	text-decoration: none;
	border-top: 1px solid rgba(255, 255, 255, 0.15);
	line-height: 1.25em;
}

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

.nav__link--menuLvl1, .nav__link--menuLvl2 {
	background: var(--primColor);
	color: White;
	font-weight: var(--fwL);
	font-size: 1.1em;
	display: block;
	text-decoration: none;
	padding: 10px 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.menu .nav__item {
	z-index: 2;
}

.submenu--menuLvl1 {
	position: absolute;
	right: -250px;
	top: 0;
	width: 250px;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.25s ease-out;
}

.nav__link--menuLvl1:hover, .nav__link--menuLvl2, .nav__link--menuLvl1.nav__link--active, .nav__item--menuLvl1:hover .nav__link--menuLvl1, .nav__link--menuLvl1:focus {
	background-image: linear-gradient( rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15));
	color: White;
	text-decoration: none;
	outline: none;
}

.nav__link--menuLvl2:hover {
	background-image: linear-gradient( rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25));
	text-decoration: none;
	color: white;
}

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

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


/* responsivni menu */

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

@media (max-width: 960px) {
	.menuBtn {
		position: fixed;
		height: 50px;
		display: flex;
		align-items: center;
		justify-content: center;
		right: 0;
		top: 0;
		background-color: white;
		line-height: 14px;
		font-size: 15px;
		text-transform: uppercase;
		cursor: pointer;
		z-index: 200;
		transition: all .1s ease-out;
		width: 100px;
		color: var(--primColor);
	}
	.menuBtn:focus {}
	.menuBtn:after {
		content: 'MENU';
		padding-left: 10px;
		font-weight: var(--fwB);
	}
	/*barva ikony*/
	.menuBtn em, .menuBtn span:after, .menuBtn span:before {
		background: var(--primColor);
		background-clip: border-box;
		transition: all .1s ease-out;
	}
	.respNav {
		background: white;
		padding-top: 50px;
		position: fixed;
		z-index: 150;
		right: 0;
		top: 0;
		bottom: 0;
		width: 290px;
		margin: 0;
		float: none;
		margin: 0;
		display: block;
		box-shadow: 0 2px 2px rgba(0, 0, 0, .2);
		transform: translateX(105%);
		transition: transform .2s ease-out;
		overscroll-behavior-y: contain;
	}
	.respNavIn {
		height: 100%;
		overflow: auto;
		overflow-x: hidden;
		overflow-y: auto;
		border: 1px solid var(--bdrColor);
		border-width: 1px 0 0 0;
		overscroll-behavior-y: contain;
	}
	.respNav .nav__link {
		display: block;
		text-align: left;
		text-decoration: none;
		padding: 0;
		font-size: 1rem;
		color: var(--secColor);
		font-weight: var(--fwB);
		padding: 12px 25px;
	}
	.respNav .nav__link:hover {
		color: var(--primColor);
		text-decoration: none;
	}
	.respNav .nav__item {
		border: 1px solid var(--bdrColor);
		border-width: 0 0 1px 0;
	}
	.respNav .submenu .nav__item {
		border-width: 0;
	}
	.respNav .submenu {
		display: none;
		margin: 0;
		padding: 0 0 12px 15px;
	}
	.respNav .submenu .nav__link {
		text-transform: none;
		font-weight: var(--fwL);
		padding: 10px;
	}
	.respNav .hasSubmenu > .nav__itemBox {
		position: relative;
		padding-right: 40px;
	}
	.respNav .hasSubmenu .nav__openBtn {
		position: absolute;
		z-index: 5;
		right: 0;
		top: 0;
		cursor: pointer;
		width: 40px;
		text-align: center;
		height: 100%;
		padding: 0;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.respNav .hasSubmenu .nav__openBtn:before {
		content: "\f107";
		font-family: "Font Awesome 6 Pro";
		-moz-osx-font-smoothing: grayscale;
		-webkit-font-smoothing: antialiased;
		display: inline-block;
		font-style: normal;
		font-variant: normal;
		text-rendering: auto;
		line-height: 1;
		font-size: 14px;
		height: 36px;
		width: 36px;
		background: #f0f0f0;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.respNav .showSubmenu > .nav__itemBox .nav__openBtn:before, .respNav .hasSubmenu .nav__openBtn:hover:before, .respNav .hasSubmenu .nav__openBtn:focus:before {
		color: white;
		background: var(--primColor);
	}
	.respNav .showSubmenu > .nav__itemBox .nav__openBtn:before {
		transform: rotate(180deg);
	}
	.respNav .showSubmenu > .nav__link {
		color: var(--primColor);
	}
	.respNav .showSubmenu > .submenu {
		display: block;
	}
	.nav__item--home {
		display: none;
	}
	#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: 20px;
		position: relative;
		height: 16px;
		overflow: hidden;
	}
	.menuBtn em {
		display: block;
		height: 2px;
		margin: 7px 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(--primColor);
	}
	/*barva tlacitka*/
	.menuOn .menuBtn {
		background: transparent;
		border-color: transparent;
	}
	.menuOn .menuBtn em {
		width: 0;
	}
	.menuOn .menuBtn span:after {
		top: 7px;
		transform: rotate(45deg);
	}
	.menuOn .menuBtn span:before {
		bottom: 7px;
		transform: rotate(-45deg);
	}
	.menuOn #dark {
		z-index: 101;
		display: block;
		visibility: visible;
		opacity: 1;
	}
	.menuOn .respNav, .respNav:focus, .respNav:focus-within {
		transform: translateX(0);
	}
}

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

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

.tab, table[border="1"] {
	font-size: 1em;
	border-collapse: collapse;
	margin: var(--hSpace) 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: 10px 10px;
	border-width: 1px 0;
}

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

.tab th, table[border="1"] th {
	border-width: 0;
	font-weight: var(--fwB);
	text-align: left;
	vertical-align: top;
	font-size: .9em;
	color: var(--primColor);
	border-bottom: 3px solid var(--primColor);
}

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

.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 { 
/*/domains1/pepito_cz/public/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: 12px 15px;
	margin: 0;
	display: inline-block;
	text-decoration: none;
	width: 100%;
	line-height: 1.375rem;
	transition: border-color 1s;
	border-radius: 0;
	text-transform: none;
	font-size: 1em;
	vertical-align: middle;
	visibility: visible;
	outline: none;
	color: var(--textColor);
	border-radius: 4px;
}

input, textarea, select, .select2 {
	font-size: 1rem;
}

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

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

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


/*BUTTON*/

.btn {
	cursor: pointer;
	width: auto;
	border-color: transparent;
	background: var(--primColor);
	color: #fff;
	text-decoration: none;
	display: inline-flex;
	vertical-align: middle;
	position: relative;
	z-index: 1;
	cursor: pointer;
	overflow: visible;
	background-size: 100% 0;
	transition: box-shadow .15s ease-out;
	text-align: center;
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0) inset;
	font-size: 1rem;
	gap: .5em;
}

.btn:hover, .btn:focus {
	background: var(--primColor);
	color: white;
}

.btn.btn-xxs {
	padding: 1px 6px;
	font-size: .9em;
}

.btn.btn-xs {
	padding: 4px 10px;
	font-size: .9em;
}

.btn.btn-s {
	padding: 6px 12px;
}

.btn.btn-l {
	padding: 12px 25px;
}

.btn.btn-xl {
	padding: 15px 30px;
	font-size: 1.1em;
}

.btn.btn-xxl, .btn--submitForm {
	display: inline-block;
	appearance: none;
	width: 100%;
	max-width: 10em;
}

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

.btn3 {
	border-color: var(--altColor);
	background: var(--altColor);
}


/* layout formulare */

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

label {
	user-select: none;
}

.form .row, .formBox .formRow {
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 0;
	margin-bottom: 0;
}

.formLayout--top .row {
	margin-top: 0;
	margin-bottom: 1.5em;
}

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

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

.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 {
	flex: auto;
}


/* validace */

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

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

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


/* generovane formulare */

.formLayout--SBS .formRow {
	width: 100%;
	display: flex;
	margin-top: 10px;
	margin-bottom: 10px;
	align-items: flex-start;
	justify-content: flex-start;
}

.formGen input, .formGen select, .formGen textarea {
	margin: 0;
}

.labelBox {
	display: flex;
	margin: 0;
	padding: 0;
	line-height: 1em;
}

.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 {
	align-items: center;
	padding: 0 0 .75em 0;
}

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

.addFileButton:hover, .fileRemove:hover {
	background: var(--primColor);
	border-color: var(--primColor);
	color: white;
	box-shadow: none;
}

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

.fileIns i {
	margin: 0 5px;
	font-size: 1rem;
}

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

.rowForm__input, .btn.rowForm__btn {
	margin: 0;
	text-align: center;
	width: 100%;
}

.btn.rowForm__btn:hover, .btn.rowForm__btn:focus {
	background: var(--textColor);
	border-color: var(--primColor);
}

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

.formInfoText a {
	color: currentColor;
}

@media (min-width: 480px) {
	.rowForm__l {
		flex: auto;
	}
	.rowForm__input {
		text-align: left;
		border-right-width: 0;
	}
	.btn.rowForm__btn {
		width: auto;
		min-width: 10em;
	}
	.rowForm {
		display: flex;
		max-width: 35rem;
		margin-left: auto;
		margin-right: auto;
		gap: 16px;
	}
	.rowForm__r {
		flex: none;
	}
}

@media (max-width: 760px) {
	.form .row > div[class^="col-"] {
		margin-top: 0;
		padding-bottom: 0;
	}
	.formLayout--placeholder .row > div[class^="col-"] {
		margin-top: 10px;
	}
	.formLayout--top .labelBox {
		min-height: 0;
		margin-top: 10px;
	}
}

@media (max-width: 600px) {
	.formLayout--SBS .formRow {
		flex-flow: row wrap;
	}
	.formLayout--SBS .labelBox {
		padding: 0;
		width: 100%;
		min-height: 0;
		padding: .35rem 0;
	}
	.formLayout--SBS .inputBox {
		width: 100%;
	}
	.submitForm {
		margin-top: 1rem;
	}
}

}
@media screen { 
/*/domains1/pepito_cz/public/www_root/css/about.css*/
/***** Podstranka: O NAS *****/

/* general */


section.hero .section,
section.about .section,
.process__container,
.company__container {
	max-width: 900px;
	margin: 0 auto;
}

body.about {
	overflow-x: hidden;
}

section.hero {
	position: relative;
	background-image: url(/img/prechodovy-pruh.svg), linear-gradient(to top, #f6f6f6 50%, #fff 50%);
    background-repeat: repeat-x, no-repeat;
    background-position: 0 367px, 0 100%;
}

.hero__content {
	padding: 48px 0;
}

.hero__title {
	font-size: 2rem;
}

.hero__image {
	position: relative;
	max-width: 1360px;
	height: 460px;
	margin: 0 auto;
	z-index: 2;
}

.hero__video {
	position: relative;
	width: 100%;
	height: 100%;
	aspect-ratio: 16/9;
	object-fit: cover;
	object-position: center;
}

/* .gray-bg {
	background: #F4F5F5;
    position: absolute;
	top: 450px;
	left: 0;
    width: 100%;
    height: 500px;
    z-index: 0;
} */

.hero__text {
	max-width: 400px;
	font-size: 1.25rem;
}

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

/* Section - Co delame */

.about__container {
	position: relative;
}

.about__container .section__intro {
	position: relative;
}

img.about__map {
    max-width: 250px;
    height: auto;
    object-fit: contain;
    position: absolute;
    bottom: 0;
    right: 0;
	z-index: -1;
}

section.about {
	position: relative;
	background-color: #fff;
	z-index: 2;
	overflow-x: clip;
}

section.about::before {
	content: "";
    position: absolute;
    top: 0;
    left: -8%;
    background: url(/img/oil-isolated-1.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 20%;
    height: 66%;
    transform: rotate(345deg);
}

section.about::after {
    content: "";
    position: absolute;
    top: -200px;
    right: -160px;
    background: url(/img/oil-isolated-2.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 25%;
    height: 66%;
    transform: rotate(348deg);
}

.about__features {
	max-width: 1260px;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	gap: 30px;
	margin: 0 auto;
	padding: 64px 0;
}

/* === BOX === */
.about__feature {
	display: flex;
	flex-direction: column;
	align-items: center;
  	background: #fff;
	border-radius: 12px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	padding: 40px 25px;
	text-align: center;

}

.about__icon {
  margin-bottom: 20px;
}

.about__icon img {
  width: 48px;
  height: 48px;
  object-fit: contain;
}

.about__feature-title {
  font-size: 1.25rem;
  font-weight: 600;
  color: #2d1a10;
  margin-bottom: 10px;
  margin-top: 0;
}

/* === Text === */

.about__text {
	max-width: 660px;
	font-size: 1.25rem;
	color: #555555;
}

.about__feature-text {
  color: #555;
  font-size: 0.875rem;
  line-height: 1.5;
  max-width: 240px;
  margin: 0 auto;
}

/* === Responsivita === */
@media (max-width: 1024px) {
  .about__features {
    gap: 20px;
  }
}

@media (max-width: 768px) {
  .about__feature {
    padding: 30px 20px;
  }
}

@media (max-width: 480px) {
  .about__feature-title {
    font-size: 1rem;
  }
  .about__feature-text {
    font-size: 0.9rem;
  }
}

/* Section - o společnosti */

.company {
	background-image: url(/img/prechodovy-pruh.svg), linear-gradient(to top, #f6f6f6 98%, #fff 0%);
    background-repeat: repeat-x, no-repeat;
    background-position: 0 0px, 0 100%;
}

@media (max-width: 863px) {
	.company {
		background-position: 0 8px, 0 100%;
	}
	
}

.company__container {
  display: flex;
  align-items: center;
	flex-wrap: wrap;
  gap: 40px;
  margin: 0 auto;
}

@media (max-width: 991px) {
	.company__container {
		flex-wrap: wrap;
		justify-content: center;
	}
}

.company__content {
	flex: 1 1 50%;
	max-width: 640px;
}

.company__text {
	font-size: 1.25rem;
	color: #555555;
}

/* Section - filozofie */

section.philosophy {
	position: relative;
}

section.philosophy {
	background-image: url(/img/prechodovy-pruh.svg), linear-gradient(to top, #f6f6f6 90%, #fff 0%);
    background-repeat: repeat-x, no-repeat;
    background-position: 0 220px, 0 100%;
}

@media (max-width: 690px) {
  	section.philosophy {
		background-image: url(/img/prechodovy-pruh.svg), linear-gradient(to top, #f6f6f6 95%, #fff 0%);
	}
}
.section__intro {
	max-width: 900px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin: 0 auto;
}

@media (max-width: 810px) {
	.section__intro {
		align-items: center;
	}
}

.philosophy__text {
	font-size: 1.25rem;
}

.philosophy__text .textRed {
	font-weight: var(--fwB);
}

.philosophy__block {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 64px;
}

.philosophy__block--reverse {
  flex-direction: row-reverse;
}

.philosophy__image img {
  max-width: 375px;
  height: auto;
  border-radius: 16px;
  object-fit: contain;
}

.philosophy__content {
  flex: 1;
}

.philosophy__icon {
	width: fit-content;
	background-color: var(--primColor);
	border-radius: 4px;
	transform: rotate(45deg);
	margin-bottom: 24px;
}

.philosophy__icon img {
  width: 40px;
  height: 40px;
  margin-bottom: 15px;
  transform: rotate(314deg);
  padding: 6px;
}

.philosophy__subtitle {
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 10px;
  margin: 0;
  color: var(--primColor);
}

.philosophy__description {
  color: #555555;
  line-height: 1.6;
  font-size: 1.25rem;
}

/* Responsivní úpravy */
@media (max-width: 768px) {
  .philosophy__block,
  .philosophy__block--reverse {
    flex-direction: column;
    text-align: center;
	gap: 0;
  }

  .philosophy__image {
	order: 2;
  }

  .philosophy__image img {
    max-width: 100%;
  }

  .philosophy__icon {
	align-self: center;
  }

  .philosophy__icon img {
	margin: 0;
  }

  .philosophy__content {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;

  }
}

/* Section: Vyrobni scenar */

.process {
	background: #fff;
}

.process__bottom {
	background: #fff;
}

.process__bottom .section {
	display: flex;
	justify-content: center;
}

.process__claim {
	max-width: 870px;
}

.process__claim-text {
	font-size: clamp(1.5rem, 1.2241rem + 1.3793vw, 2rem);
	color: #270D0E;
	line-height: 1.6;
}

.process__text {
	font-size: 1.25rem;
}


/* SLIDER */

.slider {
  position: relative;
  width: 100%;
  max-width: 1320px;
  margin: 0 auto;
  overflow: hidden;
  padding: 40px 0;
  background: #fff;
}

/* arrows nav */
.slider__navigation {
	display: flex;
    width: fit-content;
}

.slider__navigation button {
	width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
	color: transparent;
}

.slider__arrow svg {
	fill: none!important;
}

/* === wrapper === */
.slider__over {
  overflow: hidden;
}

.slider__move {
  display: flex;
  transition: transform 0.6s ease;
}

/* === slide === */
.slider__item {
  flex: 0 0 40%;
  padding: 40px 20px;
  box-sizing: border-box;
}

.slider__item-inner {
	position: relative;
  	display: flex;
  	align-items: center;
  	gap: 40px;
}

.slider__item-inner::after {
	content: "";
	position: absolute;
	top: 0;
	right: -20px;
	background: #D0D1D4;
	width: 1px;
	height: 100%;
}

.slider__item-inner--reverse {
  flex-direction: row-reverse;
}

/* === image === */
.slider__image {
  /* flex: 0 0 40%; */
  display: flex;
  justify-content: center;
}

.slider__image img {
  width: 100%;
  max-width: 380px;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border-radius: 12px;
  /* transform: rotate(45deg); */
}

/* === content === */
.slider__content {
  flex: 1;
}

.slider__title {
  font-size: 1.5rem;
  font-weight: 600;
  color: #222;
  margin-bottom: 15px;
}

.slider__title span {
  color: #b22222;
  margin-right: 6px;
}

.slider__text {
  color: #555;
  line-height: 1.6;
  font-size: 1rem;
}

/* === responsive === */



@media (max-width: 1120px) {
	.slider__item {
		flex: 0 0 70%;
	}
}

@media (max-width: 768px) {
  .slider__item-inner,
  .slider__item-inner--reverse {
    flex-direction: column;
    text-align: center;
  }

  .slider__image img {
    transform: rotate(0);
    max-width: 250px;
  }
}

@media (max-width: 640px) {
	.slider__item {
		flex: 0 0 100%;
	}
}
}

/* webredakce */

.article {
	margin-top: var(--hSpace);
	border: 1px solid var(--bdrColor);
	border-width: 0;
	overflow-wrap: break-word;
	word-wrap: break-word;
	hyphens: auto;
}

blockquote {
	background: #f3e9e9;
	font-weight: var(--fwB);
	padding: clamp(16px, 4vw, 48px);
	font-size: clamp(1.25em, 3vw, 2em);
	line-height: 1.375em;
	color: var(--secColor);
	margin: 1.5em 0;
}

.articleList .article+.article {
	padding-top: var(--hSpace);
	border-width: 1px 0 0 0;
}

.articleList--pages {
	margin-top: 30px;
}

.articleList--pages .article+.article {
	padding-top: 30px;
}

.articleIn {
	display: flex;
	flex-flow: row nowrap;
}

.articleImg~.articleCont {
	padding-left: var(--hSpace);
	width: 60%;
}

.articleCont {
	flex: auto;
}

.articleImg img {
	height: auto;
	display: block;
	width: 100%;
}

.articleImg {
	padding-top: .25em;
	max-width: 240px;
	width: 40%;
}

.articleHdr {
	margin: 0;
}

.articleHdr__link {
	text-decoration: underline;
}

.articleHdr__link:hover, .articleHdr__link:active {
	color: var(--primColor);
	text-decoration: underline;
}

.articleInfo {
	line-height: 1.3em;
	font-size: .9em;
}

.articleInfo__item {
	display: inline-block;
	margin: 2px 10px 2px 0;
	opacity: var(--setOpacity);
}

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

.tk i {
	margin-right: 4px;
	min-width: 0;
}

.tk {
	display: inline-block;
	color: var(--altColor);
}

.date {
	color: #666;
	white-space: nowrap;
	opacity: 1;
	opacity: .7;
}

.articleInfo, .articleText, .more {
	margin-top: 8px;
}

.articleText p {
	margin: 0;
}

.articleInfo__item .num {
	line-height: 16px;
	font-size: 11px;
	color: White;
	background: #646b6f;
	border-radius: 7px;
	padding: 0 3px;
	text-align: center;
	display: inline-block;
	min-width: 16px;
	text-decoration: none;
}


/* clanky ve sloupecku */

.box .article {
	margin-top: 15px;
}

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

.box .articleHdr {
	margin: 0;
	font-size: 1.25em;
	line-height: 1.25em;
}

.box .articleInfo {
	margin: 2px 0 0 0;
}

.box .articleText {
	margin-top: 2px;
}


/* detail clanku */

.dateRange span {
	opacity: var(--setOpacity);
}

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

.dateRange strong {
	font-weight: var(--fwL);
	color: var(--secColor);
	font-size: 1.5em;
	line-height: 1.3em;
	display: block;
	opacity: 1;
}

.imgDesc p {
	margin: 0 auto;
	max-width: 50rem;
}

.imgDesc {
	font-size: .875em;
	padding: 1em;
	overflow-wrap: break-word;
	word-wrap: break-word;
	hyphens: auto;
	margin: 0 auto;
	border-width: 0 0 1px 0;
	grid-column: span 2;
	width: 100%;
	background: #F6F6F6;
}

.abs, .perex {
	font-size: 1.25em;
	margin-top: 0;
	line-height: 2em;
}

.perex p {
	margin: 0;
}

.articleDetInfo .socIco a:hover, .articleDetInfo .socIco span:hover {
	color: white;
	background: var(--primColor);
	border-color: var(--primColor);
}

.articleDetInfo .socIco a, .articleDetInfo .socIco span {
	color: var(--textColor);
	border: 1px solid #dadada;
	cursor: pointer;
	border-radius: 50%;
	line-height: 32px;
	min-width: 34px;
	display: inline-block;
	text-align: center;
	font-size: 18px;
	margin: 2px;
}

.articleDetInfo .socIco i {
	opacity: var(--setOpacity);
}

.articleDetInfo .socIco {
	order: 2;
	padding-left: var(--hSpace);
}

.articleDetInfo {
	display: flex;
	justify-content: space-between;
	align-items: center;
	clear: both;
}

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


/* vypis souvisejicich clanku */

.relatedArticleList .articleHdr {
	font-size: 1em;
	font-weight: var(--fwN);
	line-height: 1.25em;
}

.relatedArticleList {
	display: flex;
	flex-flow: row wrap;
	align-items: stretch;
}

.relatedArticleList .article {
	width: 50%;
	float: left;
	margin: 0;
	padding: 0;
}

.relatedArticleList .article:nth-of-type(even) {
	padding-left: var(--hSpace);
	border-left-width: 1px;
}

.relatedArticleList .article:nth-of-type(odd) {
	padding-right: var(--hSpace);
}

.relatedArticleList .article:nth-of-type(n+3) {
	padding-top: 15px;
}

.relatedArticleList .articleImg img {
	max-width: 90px;
}

.relatedArticleList .articleInfo {
	margin: 0 0 4px 0;
	font-size: .95em;
}

.relatedArticleList .articleImg~.articleCont {
	padding-left: 15px;
}

.relatedArticleList .articleImg {
	padding-top: 0;
	max-width: 90px;
	flex-shrink: 10;
}

li *:first-child {
	margin-top: 0;
}

li *:last-child {
	margin-bottom: 0;
}

.colBtn {
	text-align: center;
	padding-top: 1.5em;
}

@media (min-width: 1200px) {
	.colBtn .btn {
		display: flex;
		justify-content: space-between;
		font-weight: var(--fwB);
		font-size: 1em;
	}
	.colBtn {
		grid-column-start: 3;
		grid-row: 1 / 2;
		padding-left: 16px;
		position: sticky;
		top: 104px;
	}
}

@media (max-width: 760px) {
	.articleList .articleImg img {
		width: 100%;
	}
	.articleList .articleImg {
		width: 35%;
		min-width: 35%;
	}
}

@media (max-width: 479px) {
	.relatedArticleList .article {
		width: 100%;
	}
	.relatedArticleList .article:nth-of-type(even) {
		padding-left: 0;
	}
	.relatedArticleList .article:nth-of-type(odd) {
		padding-right: 0;
	}
	.relatedArticleList .article:nth-of-type(n+2) {
		border-top-width: 1px;
		margin-top: 10px;
		padding-top: 10px;
	}
	.articleDetInfo {
		flex-wrap: wrap;
	}
	.articleDetInfo .socIco {
		order: -1;
		padding-left: 0;
		margin: 0 0 15px 0;
	}
}

@media (max-width: 374px) {
	.articleList .articleIn {
		flex-wrap: wrap;
		display: block;
	}
	.articleList .articleImg img {
		max-width: 360px;
	}
	.articleList .articleImg {
		width: 100%;
		min-width: 100%;
		padding-top: 0;
		padding-bottom: .5em;
	}
	.articleList .articleImg~.articleCont {
		padding-left: 0;
	}
	.articleImg~.articleCont {
		width: 100%;
	}
}

@media screen { 
/*/domains1/pepito_cz/public/www_root/css/login.css*/
.loginBox {
	position: relative;
}

.dialog {
	position: absolute;
	display: none;
	top: 55px;
	right: 0;
	width: 100%;
	z-index: 10;
	overflow: visible;
	min-width: 240px;
}

.dialog__window {
	background: white;
	padding: 20px;
	box-shadow: 0px 4px 16px #43393914;
}

.boxHdr {
	margin: 0 0 15px 0;
	color: var(--primColor);
	font-size: 1.1em;
}

.dialogHdr {
	font-weight: var(--fwB);
	color: var(--secColor);
	text-align: left;
	font-size: 1.125rem;
	margin-bottom: 8px;
}

.btn--loginForm {
	width: 100%;
	text-align: left;
}

.loginForm__item {
	margin: 8px 0;
}

.loginForm__fieldset {
	padding: 15px;
}

.loginForm__item input {
	margin: 0;
}

.btn--loginForm i {
	float: right;
	font-size: 12px;
	line-height: 20px;
}

.loginBtns {
	border-top: 1px solid var(--bdrColor);
	padding: 5px 0;
}

.rr {
	display: block;
	text-decoration: none;
	font-size: .75rem;
	line-height: 1.3em;
	padding: 0 15px;
	color: var(--textColor);
	margin: 10px 0;
}

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

.rr i {
	opacity: .75;
	font-size: 14px;
	min-width: 2em;
}

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

.dialogMenu__link {
	display: block;
	text-decoration: none;
	padding: 10px 15px;
	text-align: left;
	color: var(--textColor);
	line-height: 1.2rem;
}

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

.dialogMenu__link i {
	display: inline-block;
	float: right;
	font-size: 14px;
	text-align: center;
	min-width: 2em;
	color: var(--textColor);
	opacity: .5;
	line-height: 1.2rem;
}

.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 { 
/*/domains1/pepito_cz/public/www_root/css/search.css*/
.searchBox {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	transform: translateY(-100%);
	transition: transform .2s ease-out;
	z-index: -20;
	visibility: hidden;
	opacity: 0;
	background: var(--altColor);
}

.searchBoxIn {
	height: 100%;
	display: flex;
	align-items: center;
	width: 100%;
}

.search--on .searchBox {
	transform: translateY(0);
	visibility: visible;
	opacity: 1;
	z-index: 50;
}

.search__input {
	padding: 20px;
	margin: 0;
	height: 50px;
	padding: 0 15px;
	width: 100%;
	min-height: 0;
	background: transparent;
	border-radius: 0;
	border-width: 0 0 1px 0;
}

.search__fieldset {
	position: relative;
	display: block;
	width: 100%;
	padding-left: 50px;
	padding-right: 50px;
}

.search__btn:hover, .search__btn:focus {
	color: #000;
}

.search__btn {
	width: 50px;
	height: 50px;
	line-height: 50px;
	margin: 0;
	border: 0;
	position: absolute;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	top: 0;
	background: transparent;
	color: var(--primColor);
	font-size: 18px;
	padding: 0;
	min-height: 0;
}

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

.search__closeIco {
	display: block;
	margin: 0 auto;
	width: 20px;
	height: 20px;
}

.search__close {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 50px;
	cursor: pointer;
	z-index: 201;
	display: flex;
	align-items: center;
	justify-content: center;
}


/* vyhledavani v obsahu */

.searchInContent .btn {
	margin: 0;
	border-radius: 0;
	position: absolute;
	right: 0;
	top: 0;
	padding: 0;
	cursor: pointer;
	line-height: 55px;
	width: 55px;
	display: inline-block;
	text-align: center;
	height: 55px;
}

.searchInContent .btn i {
	min-width: 0;
	text-align: center;
}

.searchInContent input {
	margin: 0;
	height: 55px;
	padding-right: 55px;
}

.searchInContent p, .searchInContent fieldset {
	position: relative;
	margin: 0;
}

.searchInContent {
	margin: 20px auto;
}


/* naseptavac */

.autocomplete {
	position: absolute;
	width: 100%;
	z-index: -10;
	left: 0;
	right: 0;
	visibility: hidden;
	opacity: 0;
	transition: opacity .5s ease-out;
}

header .autocomplete {
	padding-left: 50px;
	padding-right: 50px;
}

.autocompleteIn {
	background: var(--altColor);
	/*color: white;*/
	white-space: normal;
	text-align: left;
	box-shadow: 0 10px 15px rgba(0, 0, 0, .1);
	max-width: 900px;
}

.ac__list {
	margin: 0 0 10px 0;
	padding: 0;
	list-style-type: none;
}

.ac__item {
	width: 100%;
}

.autocomplete__hdr {
	margin: 10px 15px 0 15px;
	padding: 10px 0 5px 0;
	font-size: 1rem;
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-width: 1px 0 0 0;
	font-weight: var(--fwB);
}

.acLink {
	text-decoration: none;
	display: flex;
	width: 100%;
	color: var(--textColor);
	padding: 8px 15px;
	/*color: white;*/
	line-height: 1.2em;
	align-items: center;
}

.acLink:hover {
	background: rgba(0, 0, 0, 0.05);
	color: currentColor;
	text-decoration: none;
}

.acLink__img i {
	opacity: .75;
	font-size: 20px;
}

.acLink__img {
	vertical-align: middle;
	padding: 0;
	min-width: 90px;
	text-align: center;
	flex-shrink: 10;
}

.acLink__img img {
	height: auto;
	display: block;
	margin: 0 auto;
}

.acLink__cont {
	width: 100%;
	text-align: left;
	padding-left: 15px;
	flex: auto;
}

.acLink__hdr {
	font-weight: normal;
}

.autocomplete__hdr:first-child {
	border: 0;
	margin-top: 0;
}

.search--on .autocomplete--on .autocomplete, .content .autocomplete--on .autocomplete {
	opacity: 1;
	visibility: visible;
	z-index: 10;
}

.autocomplete .autocompleteSelected a, .autocomplete .autocompleteSelected a:hover {
	background: rgba(0, 0, 0, 0.05);
}

.acLink__date {
	font-size: .9em;
	line-height: 1.2em;
	font-style: normal;
	display: block;
	padding: 0;
	opacity: .75;
}

.autocompleteAll {
	display: block;
	font-size: .9em;
	margin-top: 10px;
	padding: 5px 10px;
	color: var(--textColor);
	background: rgba(0, 0, 0, 0.15);
	text-decoration: none;
	line-height: 1.2em;
	text-align: center;
}

.autocompleteAll i {
	margin-right: 5px;
}

.autocompleteAll:hover {
	color: white;
	background: rgba(0, 0, 0, 0.25);
	text-decoration: none;
}

@media (max-width: 960px) {
	.searchBox {
		padding-right: 100px;
	}
	.section.section--search {
		padding: 0;
	}
}

@media (max-width: 479px) {
	header .autocomplete {
		padding-left: 0;
		padding-right: 0;
		font-size: .9em;
	}
	.search__input {
		padding-left: 5px;
		padding-right: 5px;
	}
	.section--search {
		padding: 0;
	}
}

@media (max-width: 374px) {
	.searchBox {
		padding-right: 50px;
	}
}

}
.itemList {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
}

.content section .itemList {
	padding-top: 6px;
}

.itemList--narrow .item {
	width: 33.3333%;
}

.item {
	display: flex;
	align-items: stretch;
	padding: 0 8px;
	width: 25%;
}

.itemIn {
	border: 1px solid var(--bdrColor);
	border-width: 0;
	display: flex;
	flex-flow: column nowrap;
	align-items: stretch;
	flex: auto;
	align-items: center;
	min-width: 1%;
}

.itemParam {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	gap: .5em 1.5em;
	margin: 1em 0;
}

.param img {
	width: 20px;
	ha
}

.param {
	display: flex;
	gap: 0 .5em;
	flex: auto;
	max-width: max-content;
}

.itemMore {
	text-align: center;
	display: flex;
	justify-content: center;
}

.itemCont h3 {
	margin: 0;
	font-size: clamp(1rem, 3vw, 1.25rem);
	text-align: center;
}

.itemCont p {
	margin: 0;
	max-width: 100%;
	overflow: hidden;
	width: 100%;
	overflow-wrap: break-word;
	word-wrap: break-word;
	hyphens: auto;
}

.itemText {
	margin-top: 8px;
	flex-grow: 100;
}

.price span {
	display: block;
	opacity: var(--setOpacity);
	font-size: .7rem;
	line-height: 1.2em;
}

.price strong {
	display: block;
	font-size: 1.4em;
	line-height: 1.2em;
	white-space: nowrap;
}

.price {
	margin: 8px 0 0 0;
}

.item .price {
	flex: 0 100 auto;
}

.box .price {
	margin: 2px 0 0 0;
}

.box .price strong {
	font-size: 1.1em;
}

.priceInDet strong {
	font-size: 2em;
}

.priceInDet .price {
	display: inline-block;
	border: 1px solid var(--bdrColor);
	padding: 15px 30px;
}

.priceInDet {
	margin: 15px 0;
}

.itemCont {
	line-height: 1.25em;
	padding-top: 10px;
	display: flex;
	flex-flow: column nowrap;
	flex: auto;
	position: relative;
	z-index: 2;
}

.itemImg {
	flex: none;
}

.item:hover .itemImg img {
	transform: scale(1.05);
}

.itemImg img {
	display: block;
	transition: transform .2s;
	height: auto;
}


/*filtorovani */

.sortBox {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-flow: row wrap;
	margin: -5px -15px 30px -15px;
}

.sortBoxL, .sortBoxR {
	padding: 5px 15px;
}

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

.sortby__btn strong {
	text-transform: lowercase;
}

.sortby__btn {
	display: block;
	line-height: 30px;
	cursor: pointer;
	text-align: left;
	padding: 0 10px;
	border: 1px solid transparent;
	border-bottom-width: 0;
	white-space: nowrap;
	min-width: 120px;
}

.sortby__btn:hover, .sortby__btn:focus {
	color: var(--primColor);
}

.sortby__btn i {
	margin-left: 8px;
	vertical-align: middle;
}

.sortby ol {
	list-style-type: none;
	display: none;
	z-index: 10;
	margin: 0;
	padding: 4px 0;
	text-align: left;
	position: absolute;
	top: 31px;
	left: 0;
	width: 100%;
	background: #f8f8f8;
	border: 1px solid var(--bdrColor);
	border-top-width: 0;
	min-width: 120px;
	box-shadow: 0 15px 15px rgba(0, 0, 0, .1);
}

.sortbyOpen .sortby__btn, .sortbyOpen .sortby__btn:focus {
	background: #f8f8f8;
	border-color: var(--bdrColor);
	outline: 0;
}

.sortby ol li {
	cursor: pointer;
}

.sortby ol li a {
	color: var(--textColor);
	text-decoration: none;
	padding: 8px 10px;
	display: block;
}

.sortby ol li a:hover, .sortby ol li a:focus {
	color: var(--primColor);
	text-decoration: underline;
}

.sortbyOpen ol {
	display: block;
}

.det {
	display: grid;
	grid-template-areas: "c a" "c b";
	grid-template-columns: 1fr 1fr;
	gap: 16px clamp(16px, 4vw, 48px);
	grid-template-rows: auto 1fr;
}

.det__top {
	grid-area: a;
}

.det__img {
	grid-area: c;
}

.det__cont {
	grid-area: b;
}

.det__cont .param {
	display: grid;
	grid-template-columns: 16px 1fr;
	gap: 8px 16px;
}

.content .row.itemsPerex {
	margin-top: var(--hSpace);
}

.det__cont .itemParam {
	border: 1px solid var(--bdrColor);
	border-width: 1px 0;
	padding: var(--hSpace) 0;
	align-items: center;
	justify-content: flex-start;
	margin: 0 0 var(--hSpace) 0;
	gap: 8px clamp(16px, 4vw, 48px);
}

.param__val {
	font-weight: var(--fwB);
	line-height: 1.2em;
	color: var(--secColor);
	font-size: clamp(1em, 2vw, 1.25em);
}

.param__hdr {
	grid-column: span 2
}

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

.brands__hdr {
	align-items: center;
	margin: 0px 0 0 0;
	letter-spacing: var(--ls);
	display: flex;
	flex-flow: row wrap;
	gap: 10px;
	color: var(--primColor);
}

.brands__ul {
	column-count: 4;
	gap: 0 24px;
	padding: 0;
	margin: .25em 0 var(--hSpace) 0;
}

.brands__li {
	break-inside: avoid-column;
	padding: .25em 0;
	margin: 0;
	line-height: 1.25em;
}

.brands__link {
	color: currentColor;
}

.brands__hdr:after {
	content: ' ';
	display: block;
	flex: auto;
	background: #ccc;
	height: 1px;
}

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

.abcd__ul {
	list-style-type: none;
	display: flex;
	gap: 5px;
	flex-flow: row wrap;
	margin: var(--hSpace) 0;
	padding: 0;
}

.btn.abcd__btn--dis {
	pointer-events: none;
	opacity: .5;
}

.btn.abcd__btn {
	padding: 0;
	min-height: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2rem;
	min-width: 0;
	height: 2rem;
}

@media (max-width: 760px) {
	.det {
		grid-template-areas: "a" "c" "b";
		grid-template-columns: 1fr;
	}
	.det__cont {
		display: flex;
		flex-flow: column nowrap;
		align-items: stretch;
	}
	.brands__ul {
		column-count: 2;
	}
	.det__top {
		padding-right: 11em;
	}
	.det__cont .scrollTo {
		background: white;
		padding: 8px;
		margin: 0;
		border-radius: 4px;
		border: 1px solid black;
		z-index: 10;
		font-size: .875rem;
		max-width: max-content;
		margin-top: 1em;
		position: fixed;
		bottom: auto;
		left: auto;
		right: 16px;
		top: 60px;
	}
	.itemMore {
		display: none;
	}
	.item {
		width: 50%;
	}
}

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

.photo__desc p {
	margin: 0;
}

.photo__desc {
	line-height: 1.25em;
	font-size: .875em;
	padding-top: 10px;
	text-align: center;
	opacity: var(--setOpacity);
}

.photogalleryList img {
	width: 100%;
}

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

@media screen { 
/*/domains1/pepito_cz/public/www_root/css/calendar.css*/
.popup {
	background: White;
	padding: 10px;
	border: 1px solid var(--bdrColor);
	position: absolute;
	width: 250px;
	line-height: 1.25em;
	display: none;
	text-align: left;
	left: -2px;
	top: 32px;
}

.popup .arrow {
	display: block;
	width: 10px;
	height: 10px;
	border-width: 1px;
	border-style: solid;
	border-color: var(--bdrColor) transparent transparent var(--bdrColor);
	background-color: white;
	transform: rotate(45deg);
	position: absolute;
	left: 8px;
	overflow: hidden;
	top: -5px;
	z-index: 2;
}

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

.popup p {
	margin: 0;
}

.popup p+p {
	margin-top: 10px;
}

.popup a {
	text-decoration: none;
}

.cal {
	max-width: 18em;
}

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

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

.cal__dayName {
	vertical-align: middle;
	text-align: center;
	border: 0;
	line-height: 25px;
	color: var(--primColor);
	font-weight: var(--fwN);
}

@media (hover: hover) {
	.cal__day:hover .popup {
		display: block;
		z-index: 10;
	}
}

.cal__day--past {
	color: rgba(45, 46, 49, 0.3);
}

.cal__link, .cal__link:hover {
	text-decoration: none;
	border-radius: 50%;
	color: White;
	margin: 0 auto;
	text-align: center;
	display: inline-block;
	width: 25px;
	height: 25px;
	background: var(--primColor);
	cursor: pointer;
}

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

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

.cal__month {
	text-align: center;
	color: var(--textColor);
	margin: 0;
	font-size: 1.25em;
	order: 2;
}

.cal__day:hover .calendar__event {
	z-index: 9;
}

.cal__event:hover .cal__link {
	z-index: 11;
	position: relative;
}

.cal__hdr {
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px;
	align-items: center;
}

.cal__btn:hover, .cal__btn:focus {
	color: var(--primColor);
	border-color: var(--bdrColor);
}

.cal__btn {
	display: inline-block;
	font-size: 18px;
	width: 32px;
	min-width: 32px;
	line-height: 30px;
	text-align: center;
	cursor: pointer;
	border: 1px solid transparent;
	transition: color .15s, border-color .15s;
	order: 1;
}

.cal__btn--next {
	order: 3;
}

.cal .date, .events .date {
	font-size: .9em;
}

.events ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

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

.events h3 {
	margin: 2px 0 0 0;
	font-size: 1.25em;
}

.cal__item + .cal__item {
	margin-top: 8px;
}

}
/*pobocka*/

.hotNews p + p {
	margin-top: 10px;
}

.hotNews p {
	margin: 0;
}

.hotNews {
	border-left: 10px solid var(--primColor);
	padding: 10px 15px;
	background: #f8f8f8;
}

.openTime {
	margin-top: 30px;
	margin-bottom: 30px;
}

.openTime span {
	white-space: nowrap;
	padding-right: 15px;
	display: inline-block;
	font-size: 1.2em;
}

.openTable {
	display: none;
}

.openTable td {
	padding-left: 15px;
}

.shop .bookmarks {
	margin-bottom: 0;
}

.shopMap {
	margin-bottom: 30px;
}

.postAddress {
	font-size: 1.2em;
	line-height: 1.4em;
}

.contactBox i, .UserFooter i {
	min-width: 1.5em;
	vertical-align: middle;
	text-align: center;
	opacity: .5;
	padding-right: 5px;
}

.fullwidth {
	grid-column: fullwidth;
	margin-top: var(--vSpace);
}

.contactPers {
	display: flex;
	gap: clamp(16px, 4vw, 40px);
	align-items: center;
	font-size: 1rem;
	color: var(--secColor);
	background: #f3e9e9 0% 0% no-repeat padding-box;
	border-radius: 4px;
	padding: clamp(16px, 3vw, 40px);
	margin: 2px 0 1em;
}

.cnts {
	margin-top: var(--vSpace);
	display: flex;
	flex-flow: row wrap;
	gap: 1em;
	justify-content: space-around;
}

.cnts a {
	display: flex;
	align-items: center;
	font-size: clamp(1.375em, 3vw, 1.75em);
	color: var(--secColor);
	text-decoration: none;
}

.cnts a .fa.cnts a .fa .contactPers__img {
	max-width: 160px;
	flex: auto;
	min-width: 80px;
	width: 40%;
}

.contactPers__name {
	margin: 0;
	font-size: clamp(1.25em, 3vw, 1.25rem);
	font-weight: var(--fwB);
	color: var(--secColor);
	margin-bottom: 1em;
}

.contactPers__img img {
	width: 100%;
	max-width: 100%;
	height: auto;
	border-radius: 50%;
}

.contactPers__cont {
	flex: auto;
	width: 55%;
	margin: 0;
	font-style: normal;
	line-height: 1.25em;
}

.contactPers__tel, .contactPers__mobile, .contactPers__email, .contactPers__note {
	margin-top: .35em;
}

.nPoint span {
	margin-right: 15px;
}

.nPoint {
	margin: 25px 0;
	border: 1px solid var(--bdrColor);
	padding: 10px;
}


/* google mapy */

.gm-style {
	text-align: center;
	font-size: .9em !important;
	font-size: .9rem !important;
}

.gm-style .btn {
	margin-top: 5px;
}

.gm-style h3, .gm-style h4 {
	margin: 0 0 5px 0;
}

.gm-style .gm-style-iw {
	font-size: 1em !important;
}

/* diksuze */

.disHeader, .talkHeader {
	display: flex;
	justify-content: space-between;
	flex-flow: row wrap;
	align-items: center;
}

.talk .text {
	margin: 5px 0;
}

.talk h2 {
	display: inline-block;
	vertical-align: middle;
	margin: 0;
}

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

.talk .ip {
	font-size: .85em;
	opacity: .75;
}

.talk .up, .talk .down {
	white-space: nowrap;
	font-size: .9em;
	margin-right: 10px;
}

.talkSet span {
	display: inline-block;
}

.talkSet a {
	text-decoration: none;
	color: var(--textColor);
}

.talkSet i {
	font-size: 1.2em;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
	width: 2.2em;
	line-height: 30px;
	opacity: var(--setOpacity);
}

.talkSet .spam:hover, .talkSet span.spam {
	background: #d50000;
	color: white;
	border-color: #d50000;
}

.talk .up a:hover i, .talkSet .green i, .talkSet .green {
	color: darkgreen;
}

.talk .down a:hover i, .talkSet .red i, .talkSet .red {
	color: #d50000;
}

.talkSet .spam {
	border: 1px solid #646b6f;
	display: inline-block;
	border-radius: 50%;
	width: 20px;
	line-height: 18px;
	text-align: center;
	font-weight: var(--fwB);
	font-size: 12px;
	color: #646b6f;
}

.talkBox .talkBox {
	padding: 10px 0 0 20px;
	margin-top: 10px;
	border-top: 1px solid #cbd5db;
}

.talk .talkBox {
	margin: 1em 0 0 0;
	background: #f8f8f8;
	padding: 15px;
}

.talk blockquote {
	margin-bottom: 10px;
	opacity: var(--setOpacity);
	padding: 5px 0;
	border-bottom: 1px dashed #cbd5db;
	display: none;
}

.quote > span {
	font-size: .85em;
	cursor: pointer;
}

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

.talk h4 {
	margin: 3px 0;
	font-size: .85em;
	font-weight: var(--fwN);
	line-height: 1.4em;
	color: var(--textColor);
}

.talkForm label {
	display: block;
}

.talkForm {
	margin: 0;
	background: #f8f8f8;
	padding: 15px 20px;
	display: none;
}

.textLength {
	float: right;
	font-size: .9em;
	opacity: var(--setOpacity);
}

.addToCart {
	border: 1px solid var(--bdrColor);
	padding: 20px 15px;
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: space-around;
	max-width: 32em;
	width: auto;
}

.addToCart > div {
	margin-top: 5px;
	margin-bottom: 5px;
}

.priceDet {
	font-size: 2em;
	display: block;
	font-weight: var(--fwB);
	white-space: nowrap;
}

.priceDet__curr {
	font-size: .7em;
}

.priceDet__desc {
	display: block;
	line-height: 1.2em;
	opacity: .5;
	font-size: .75em;
	margin-top: .5em;
}

.addToCart__btn .btn {
	min-height: 60px;
	text-align: left;
}


/*odkaz do kosiku */

.cartBtn {
	color: var(--primColor);
	text-decoration: none;
	display: flex;
	align-items: center;
	position: relative;
	padding: 0 10px;
	height: 50px;
	font-size: 1rem;
	border: 1px solid var(--bdrColor);
	border-width: 0 0 0 1px;
	font-size: .75rem;
	font-weight: var(--fwB);
	min-width: 50px;
	justify-content: center;
	width: auto;
}

.cartBtn:hover {
	text-decoration: none;
}

.cartBtn__ico {
	display: block;
	width: auto;
	font-size: 18px;
	display: flex;
	height: 50px;
	align-items: center;
	justify-content: center;
}

.cartBtn__num {
	position: absolute;
	background-color: var(--secColor);
	border-radius: 50%;
	color: white;
	min-width: 16px;
	height: 16px;
	line-height: 16px;
	font-weight: var(--fwN);
	font-size: 10px;
	text-align: center;
	display: block;
	right: 5px;
	top: 8px;
}

.cartBtn__amount {
	padding-right: 10px;
}


/* numinput*/

.numInput {
	position: relative;
	border: 1px solid var(--bdrColor);
	display: inline-flex;
	align-items: center;
	padding: 0 20px 0 10px;
	margin: 0 20px;
}

.numInput__unit {
	font-size: .75rem;
	padding-left: .5em;
}

.numInput input:hover {
	border-color: transparent;
	background: transparent;
}

.numInput input {
	color: var(--textColor);
	width: 1.9rem;
	padding: 0;
	font-size: 1rem;
	border-radius: 0;
	border: 0;
	text-align: right;
	margin: 0;
	background: transparent;
	box-shadow: none;
	font-weight: var(--fwB);
	height: 58px;
	text-align: center;
	text-align: right;
}

.numInput input:disabled {
	opacity: 1;
	color: var(--textColor);
}

.numInput__btn .fa {
	color: var(--primColor);
	background: var(--bdrColor);
	width: 20px;
	height: 20px;
	font-size: 11px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.numInput__btn:hover .fa, .numInput__btn:focus .fa {
	background: var(--primColor);
	color: white;
}

.numInput__btn {
	position: absolute;
	top: 50%;
	left: 0;
	text-align: center;
	width: 39px;
	height: 39px;
	line-height: 20px;
	cursor: pointer;
	z-index: 5;
	display: flex;
	align-items: center;
	justify-content: center;
	transform: translate(-50%, -50%);
}

.numInput__btn--up {
	left: auto;
	right: 0;
	transform: translate(50%, -50%);
}


/* tabulka kosiku */

.cartTab {
	margin-top: 0;
	min-width: 100%;
	margin-bottom: var(--vSpace);
}

.cartTab thead th:first-child {
	padding-left: 0;
}

.cartTab th {
	font-size: .75rem;
	color: var(--textColor);
	opacity: var(--setOpacity);
	border: 1px solid var(--bdrColor);
	border-width: 0 0 1px 0;
	text-align: left;
	padding: 10px;
}

.cartTab td {
	padding: 20px 10px;
	border: 1px solid var(--bdrColor);
	border-width: 0 0 1px 0;
}

.cartTab .cartTab__centerAli {
	text-align: center;
}

.cartTab .cartTab__rightAli {
	text-align: right;
}

.cartTab__numBox {
	display: flex;
	align-items: center;
	flex-flow: row wrap;
	justify-content: center;
}

.cartTab__price--sum .tdCont {
	font-size: 1em;
	text-align: right;
	font-weight: var(--fwB);
}

.cartTab .cartTab__price {
	white-space: nowrap;
	text-align: right;
}

.cartTab__price--sumFin .tdCont {
	font-size: 1.25em;
	font-weight: var(--fwB);
}

.cartTab__img {
	padding-right: 20px;
}

.cartTab__img img {
	display: block;
	background: var(--bdrColor);
	width: 90px;
	min-width: 90px;
	height: auto;
}

.cartTab__item .date {
	display: block;
	margin-bottom: 5px;
}

.cartTab .cartTab__item {
	font-size: 1.125em;
	font-weight: var(--fwB);
	padding-left: 0;
}

.cartTab__itemIn {
	display: flex;
	align-items: center;
}

.cartTab__name {
	flex: auto;
}

.cartTab .cartTab__remove {
	padding-right: 0;
}

.cartTab__link {
	text-decoration: none;
}

.removeBtn:hover, .removeBtn:focus {
	background: var(--primColor);
	color: white;
}

.removeBtn {
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--bdrColor);
	font-size: 14px;
	width: 36px;
	height: 36px;
	margin-left: auto;
}

.cartTab__tfoot th {
	border-bottom-width: 1px;
}

.cartTab .cartTab__tfootLabel {
	text-align: right;
	padding-left: 0;
}

.cartNext .inputReplaceLabel label {
	display: block;
}

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

.labelWprice__text {
	padding-right: 1.5em;
}

.labelWprice__price {
	font-weight: var(--fwB);
	white-space: nowrap;
}

.orderSum {
	background: #f8f8f8;
	border: 1px solid var(--bdrColor);
	padding: 10px 20px;
	margin: var(--hSpace) 0;
	font-weight: var(--fwB);
	justify-content: center;
	display: flex;
	flex-flow: row wrap;
	align-items: center;
}

.orderSum__text {
	display: block;
}

.orderSum__price {
	font-size: 1.5em;
	margin: .5em;
}

@media (max-width: 640px) {
	.cartTab, .cartTab tr, .cartTab td, .cartTab th, .cartTab tbody, .cartTab tfoot {
		display: block;
		text-align: left;
		border-width: 0;
		background: transparent;
	}
	.cartTab td {
		padding: 5px 0;
		border-width: 0 0 0 0;
	}
	.cartTab__thead {
		display: none;
	}
	.cartTab .cartTab__centerAli, .cartTab .cartTab__rightAli, .cartTab .cartTab__price, .cartTab .cartTab__tfootLabel {
		text-align: left;
	}
	.cartTab .thReplace {
		display: inline-block;
		vertical-align: middle;
		min-width: 10em;
		text-align: left;
	}
	.cartTab__numBox {
		justify-content: flex-start;
	}
	.cartTab__price .tdCont {
		text-align: left;
		display: inline-block;
		vertical-align: middle;
	}
	.cartTab__itemIn {
		padding-right: 50px;
	}
	.cartTab .cartTab__remove {
		position: absolute;
		right: 0;
		top: 5px;
		display: block;
		width: auto;
		padding: 0;
	}
	.cartTab tr {
		display: block;
		width: 100%;
		padding: 0 0 10px 0;
		margin-bottom: 10px;
		position: relative;
		background-color: white;
		border: 1px solid var(--bdrColor);
		border-width: 0 0 1px 0;
	}
	.cartTab__price--sumFin .tdCont {
		font-size: 1.5em;
	}
	.cartTab .numInput {
		margin-left: 0;
	}
	.cartTab .numInput input {
		height: 42px;
	}
	.cartTab__img {
		padding-right: 10px;
	}
}

@media screen { 
/*/domains1/pepito_cz/public/www_root/css/input-replace.css*/
.inputReplaceRow, .checkList {
	display: grid;
	margin: 5px 0;
	gap: 5px .75em;
	align-items: flex-start;
	grid-template-columns: 1.5em auto;
}

.inputReplaceLabel, .checkList label {
	align-self: center;
	line-height: 1.25em;
	margin: 0;
	padding: 0;
}

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

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

input[type="radio"] {
	border-radius: 50%;
}


/* hover */

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


/* zaskrtnuti */

input[type="checkbox"]:checked, input[type="radio"]:checked {
	background: var(--primColor);
	border-color: var(--primColor);
	box-shadow: 2px 1px 3px rgba(0, 0, 0, .1) inset;
}

input[type="checkbox"]:checked:after, input[type="radio"]:checked:after {
	opacity: 1;
	transform: scale(1);
}

input[type="checkbox"]:after, input[type="radio"]:after {
	content: ' ';
	pointer-events: none;
	transform: scale(2);
	transition: 100ms transform ease-out;
	opacity: 0;
	display: grid;
}

input[type="checkbox"]:after {
	width: .9375em;
	height: .9375em;
	clip-path: polygon(32% 70%, 90% 17%, 99% 28%, 33% 90%, 1% 59%, 11% 49%);
	box-shadow: inset 1em 1em #fff;
	/* Windows High Contrast Mode */
	background-color: CanvasText;
}

input[type="radio"]:after {
	background-color: white;
	border-radius: 50%;
	width: .5em;
	height: .5em;
}

input:checked + label, input:checked + .inputReplaceLabel label {
	color: var(--primColor);
}

input[type="checkbox"]:disabled, input[type="radio"]:disabled {
	filter: grayscale(1);
	opacity: .5;
	pointer-events: none;
}

.switcher {
	display: inline-flex;
}

.switcher__l, .switcher__r {
	position: relative;
	flex: 1;
	border: 1px solid var(--inputBdrColor);
	border-width: 1px 0 1px 1px;
	border-radius: 2px 0 0 2px;
	padding: 2px;
}

.switcher__r {
	border-left-width: 0;
	border-width: 1px 1px 1px 0;
	border-radius: 0 2px 2px 0;
}

.switcher .switcher__input {
	appearance: none;
	border-radius: 0;
	width: 4em;
	height: 2em;
	background: transparent;
	border-width: 0;
	display: block;
	transition-delay: 0;
	box-shadow: none;
	transform: none;
	transition: none;
	border-radius: 2px;
	cursor: pointer;
	background-color: #fff;
}

.switcher__label {
	display: grid;
	place-content: center;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	font-size: .875em;
	padding: 0;
	margin: 0;
	z-index: 2;
	color: var(--textColor);
	transition: color .2s;
	transition-delay: 0;
	pointer-events: none;
}

.switcher .switcher__input:not(:checked):hover {
	background: rgba(0, 0, 0, 0.05);
}


/* posouvátko */

.switcher .switcher__input:checked:before {
	content: ' ';
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background: var(--primColor);
	border-radius: 2px;
	z-index: 2;
}

.switcher .switcher__input:checked + .switcher__label {
	color: white;
	transition-delay: .15s;
}


/* biColor */


/*
.switcher__l .switcher__input:checked, .switcher__l .switcher__input:checked:before {
	background: green;
}

.switcher__r .switcher__input:checked, .switcher__r .switcher__input:checked:before {
	background: red;
}
*/

.switcher__l .switcher__input:checked:focus::before {
	/*cas posunu */
	animation: s1 .3s ease-in-out;
}

.switcher__r .switcher__input:checked:focus::before {
	/*cas posunu */
	animation: s2 .3s ease-in-out;
}

.switcher .switcher__input:checked {
	transition: background .1s;
	/*cas posunu */
	transition-delay: .3s;
	box-shadow: none;
	/* prevence opetovneho kliknuti na chcecked */
	pointer-events: none;
}

@keyframes s1 {
	from {
		transform: translateX(100%);
	}
	to {
		transform: translateX(0%);
	}
}

@keyframes s2 {
	from {
		transform: translateX(-100%);
	}
	to {
		transform: translateX(0%);
	}
}

.switcher .switcher__input:after {
	display: none;
}

}
ol:not([class]) {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	display: flex;
	flex-flow: column nowrap;
	gap: 2.8em;
}


/*profi vitkova oprava vnorenych listu spociva v tom, ze kazda uroven musi byt definovana zvlast, nic lepsiho jsem nevymyslel*/

ol:not([class]) li {
	counter-increment: step-counter-lvl1;
	position: relative;
	padding-left: 60px;
}

ol:not([class]) li::after {
	content: ' ';
	display: block;
	position: absolute;
	transform: rotate(45deg) translateY(-1%);
	border-radius: 4px;
	width: 2rem;
	top: 0;
	background: var(--primColor);
	left: 0;
	height: 2rem;
}

ol:not([class]) li::before {
	content: counter(step-counter-lvl1);
	position: absolute;
	left: 0;
	top: -5px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2rem;
	height: 2.5rem;
	color: #fff;
	font-size: 1rem;
	font-weight: var(--fwB);
	z-index: 1;
}

ol:not([class]) ol:not([class]) li {
	counter-increment: step-counter-lvl2;
}

ol:not([class]) ol:not([class]) li::before {
	content: counter(step-counter-lvl2);
}

ol:not([class]) ol:not([class]) ol:not([class]) li {
	counter-increment: step-counter-lvl3;
}

ol:not([class]) ol:not([class]) ol:not([class]) li::before {
	content: counter(step-counter-lvl3);
}

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

ul:not([class]) li {
	counter-increment: none;
	padding: 0;
	margin: 8px 0;
	position: relative;
	padding-left: 30px;
	display: block;
}

ul:not([class]) li::after {
	content: " ";
	background: var(--primColor);
	display: block;
	clear: both;
	width: 8px;
	height: 8px;
	transform: rotate(45deg);
	display: inline-block;
	position: absolute;
	left: 0;
	top: calc(1.25em / 2);
}

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

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

.accord__hdr {
	margin: 0;
	padding: 1.25rem 0;
	position: relative;
	cursor: pointer;
	font-size: 1.125em;
	color: var(--secColor);
	text-decoration: none;
	line-height: 1.25em;
	font-weight: var(--fwB);
	display: block;
}

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

.accord--open {
	background: var(--altColor);
}

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

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

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

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

.accord__btn i {
	min-width: 0;
	color: var(--primColor);
	font-size: 22px;
}

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

.wysiwyg.fancybox, .fancybox {
	cursor: zoom-in;
	cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAt1BMVEUAAAAEBAT9/f0EBATw8PDFxcWBgYEoKCgEBASxsbEEBAQEBATv7+/////////////x8fHPz8/FxcWenp7///9ra2sTExP///8EBAT////z8/N/f3////8EBAQnJycEBAT////5+fkEBAT///////8EBAT///////8EBATq6urn5+fu7u7Q0NDx8fF1dXVxcXHp6en///////+FhYWDg4P///////96enqlpaWrq6uXl5cEBAT///9NrU+AAAAAPHRSTlMAv/uI+uzax66HQBLy6coE9enl4d7Vw7Splm5oZ2VVUEslJRsYFhUMCvf38Ofc1tbAuq6tq11aLiYXFQSCfJAHAAAAyElEQVQY03XPVQ7DMBBF0RmHoUmZmZm5b//rqls7VRSp98fW0Xgk0//6jUhEjX6apkeo9tOfDXIIbYcde4H8XVscoVCt9yY06RZQDBReEVaNOUFeHyFOCmuw63MisLw3YflfzMHpkcYRTOOLAAdQUQzhJpMvYgbL5CQnO4PkeRuWmrxg2dU4K6OidsYbrJ/yZJodIHa+/lEeq+aYxu0yAOGR6laELq3B2TJhWpWt+GiLdL7hsmv4ntQSDzUmeaLEHcrWUpbp8/YN5TMZfPzoG3cAAAAASUVORK5CYII=), url("/img/zoomin.cur"), zoom-in;
}

.fancybox-button:focus {
	outline: #fff dotted 2px;
}

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

.num {
	border-radius: 11px;
	display: inline-block;
	vertical-align: middle;
	color: var(--textColor);
	background-color: white;
	line-height: 22px;
	width: 22px;
	text-align: center;
	font-size: 11px;
	margin-left: 5px;
	font-style: normal;
}


/* soubory ke stazeni */

.filesDwnlList {
	display: flex;
	flex-flow: row wrap;
	margin: 0 -10px;
}

.filesDwnlList__item {
	width: 50%;
	padding: 0 10px 0 26px;
}

.file__size {
	white-space: nowrap;
	word-break: normal;
	font-weight: var(--fwB);
	color: var(--textColor);
	font-size: .75rem;
	font-style: normal;
	opacity: .75;
}

.file__cont {
	display: flex;
	justify-content: space-between;
	flex: auto;
	align-items: center;
	padding-left: 16px;
	gap: .5em;
}

.fa.file__ico {
	font-size: 1em;
	vertical-align: middle;
	background: var(--primColor);
	color: white;
	width: 32px;
	height: 32px;
	min-width: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: -30px;
}

.file__name {
	overflow-wrap: anywhere;
	word-break: break-all;
	hyphens: auto;
	display: block;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.file:hover {
	text-decoration: none;
	background: var(--bdrColor);
}

.file {
	margin: 0;
	display: flex;
	border: 1px solid var(--bdrColor);
	padding: 15px;
	text-decoration: none;
}

@media (max-width: 479px) {
	.filesDwnlList__item {
		max-width: 100%;
		width: 100%;
		padding-top: 5px;
		padding-bottom: 5px;
	}
}


/* vypis podstranek  */

.subpages {
	margin: 2em 0;
}

.subpages__ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.subpage__img {
	width: 40%;
	max-width: 240px;
	min-width: 80px;
}

.subpage__cont {
	width: 60%;
	flex: auto;
	padding-left: var(--hSpace);
}

.subpages__item {
	margin: 1em 0;
	display: block;
}

.subpage {
	display: flex;
	align-items: center;
}

.subpage__hdr a {
	text-decoration: none;
}

.subpage__hdr {
	font-size: 1.375em;
	margin: 0;
	color: var(--primColor);
	font-weight: var(--fwL);
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

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

.subpage__text {
	margin: .5em 0;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.subpage__ico {
	min-height: 1.5em;
	display: flex;
	align-items: flex-end;
	align-self: flex-start;
}

.subpage__ico:before {
	font-family: 'Font Awesome 6 Pro';
	font-weight: var(--fwL);
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	color: var(--primColor);
	content: "\f30b";
	background: transparent;
	display: block;
}


/* strankovani */

.navig, {
	margin: 30px 0 0 0;
	text-align: center;
	border: 1px solid var(--bdrColor);
	border-width: 1px 0 0 0;
	padding: 30px 0 0 0;
}

.navig a, .navig strong {
	color: var(--primColor);
	line-height: 30px;
	min-width: 32px;
	text-align: center;
	display: inline-block;
	margin: 2px 0;
	padding: 0 3px;
	border: 1px solid var(--bdrColor);
	text-decoration: none;
}

.navig strong {
	background: var(--primColor);
	color: White;
	font-weight: normal;
}

.navig span {
	display: inline-block;
	content: "...";
	color: var(--primColor);
	line-height: 30px;
	margin: 0 3px;
}

.navig a:hover, .abcd a:hover, .abcd a.active {
	background: var(--secColor);
	color: White;
	text-decoration: none;
}

.navig i {
	font-size: 1.2em;
	min-width: 0;
}

.abcd span {
	min-width: 26px;
	line-height: 25px;
}

@media (max-width: 374px) {
	.navig .navigNext, .navig .navigPrev {
		display: none;
	}
}


/* tagy */

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

.tags {
	line-height: 1.25em;
	margin: .5em 0;
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	font-weight: var(--fwB);
	gap: 6px;
}

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

.tags li:not(:last-child):after {
	content: ' ';
	display: block;
	display: block;
	background: var(--primColor);
	transform: rotate(45deg);
	color: white;
	border-radius: 0px;
	width: 8px;
	height: 8px;
	display: grid;
	place-content: center;
	font-size: 1px;
	transition: all .2s;
	position: relative;
	top: 0;
	align-self: center
}

.tags__hdr {
	opacity: var(--setOpacity);
	display: inline-block;
	vertical-align: middle;
	font-weight: var(--fwN);
	color: var(--textColor);
	padding: 0 5px 0 0;
	margin: 0;
}

.tag:hover {
	color: white;
	color: var(--primColor);
	text-decoration: underline;
}

.tag {
	display: block;
	vertical-align: middle;
	padding: 5px 12px;
	background: #f8f8f8;
	border: 1px solid var(--bdrColor);
	color: var(--secColor);
	text-decoration: none;
	border-radius: 2px;
	font-size: 1.125em;
}

.pageLink {
	color: var(--secColor);
	text-decoration: none;
	font-weight: var(--fwB);
	font-size: 1.125em;
}


/* 404 */

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


/* ikonky soc. siti */

.socIco {
	text-align: right;
	margin-top: 30px;
}

.socIco a:hover, .socIco span:hover {
	color: white;
	background: var(--primColor);
	border-color: var(--primColor);
}

.socIco a, .socIco span {
	color: var(--textColor);
	border: 1px solid #dadada;
	cursor: pointer;
	border-radius: 50%;
	line-height: 32px;
	min-width: 34px;
	display: inline-block;
	text-align: center;
	font-size: 18px;
	margin: 2px;
}

.socIco i {
	opacity: var(--setOpacity);
}


/* nakupni kosik */

.shopBox {
	background: var(--altColor);
	padding: 10px 15px 15px 15px;
	cursor: pointer;
}

.shopBox h3 {
	color: White;
	line-height: 28px;
	background: transparent url(../img/shop.png) no-repeat 0 0;
	padding-left: 48px;
	margin: 0;
}

.shopBox p {
	color: White;
	line-height: 1.3em;
}

.shopBox a {
	color: White;
	font-weight: var(--fwB);
}

.shopBox p {
	margin: 10px 0 0 0;
}

.shopBox p span {
	font-size: .9em;
	display: block;
	color: rgba(255, 255, 255, .7)
}


/* loga */

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

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

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

@media (max-width: 760px) {
	.support ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
		display: block;
	}
	.support li {
		display: inline-block;
		vertical-align: middle;
		text-align: center;
		height: auto;
		padding: 10px 5px;
	}
}


/* reklamy */

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

.ad p {
	margin: 0;
}

.ad-right {
	margin: 0;
}


/* drobeckova navigace */

.breadCrumbs {
	margin-bottom: 8px;
	color: var(--primColor);
	text-transform: uppercase;
	font-weight: var(--fwB);
}

.breadCrumbs__ul {
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	gap: 2px 8px;
	margin: 0;
	padding: 0;
}

.breadCrumbs__item {
	gap: 8px;
	display: flex;
	line-height: 1.2em;
	align-items: center;
}

.breadCrumbs a:hover {
	color: var(--secColor);
	text-decoration: underline;
}

.breadCrumbs a {
	color: currentColor;
	text-decoration: none;
	padding: 0;
}

.breadCrumbs__sep {
	min-width: 0;
	font-size: 10px;
	display: inline-block;
	background: var(--primColor);
	width: 4px;
	height: 4px;
	transform: rotate(45deg);
}


/* infohlasky */

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

.dialog__hdr {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 1em 0;
}

.dialog__text {
	flex: auto;
}

.message a, .message a:hover {
	color: currentColor;
	text-decoration: none;
}

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

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

.message h4 {
	margin: 0;
}

.message--error {
	background-color: #d50000;
}

.dialog__ico {
	font-size: 20px;
	vertical-align: middle;
	padding-right: 12px;
}


/* zalozky */

.bookmarks {
	margin-bottom: 30px;
	display: flex;
	padding-bottom: 2px;
	position: relative;
}

.bookmarks--right {
	justify-content: flex-end;
}

.bookmarks__tab {
	cursor: pointer;
	text-decoration: none;
	color: var(--textColor);
	text-align: center;
	padding: 0 15px;
	height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.bookmarks__tab--active, .bookmarks__tab:hover, .bookmarks__tab:focus {
	background: var(--primColor);
	color: white;
	text-decoration: none;
}

.bookmarks:after {
	clear: both;
	background: var(--primColor);
	height: 2px;
	width: 100%;
	display: block;
	content: " ";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
}

.bookmarks__tab .num {
	background: var(--bdrColor);
}


/* loading */

.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 1.25s infinite linear;
	border-width: 8px;
	border-style: solid;
	border-color: var(--primColor) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.2);
	border-radius: 50%;
}

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


/* coookies */

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

.cookies p {
	margin: 0;
}

.cookiesBtn {
	padding: 0 10px;
}

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

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

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

.cookie__in {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 15px;
}

.cookieWindow {
	background-color: white;
	padding: 35px 15px 15px 15px;
	max-width: 460px;
	width: 100%;
	z-index: 5;
	border-radius: var(--radius);
	position: relative;
	box-shadow: 0 0 30px rgba(0, 0, 0, .15);
	font-size: .75rem;
	line-height: 1.35em;
}

.cookieWindow a:not([class]):hover {
	color: var(--primColor);
}

.cookieWindow a:not([class]) {
	color: currentColor;
}

.cookieWindow .row .btn {
	width: 100%;
	text-align: center;
}

.cookieWindow .row {
	margin-top: 30px;
	margin-bottom: 30px;
}

.cookieWindow__hdr:first-child {
	margin-top: 0;
}

.cookieWindow__hdr {
	color: var(--textColor);
	margin: 1.5em 0 0 0;
	font-size: 1.5em;
	font-weight: var(--fwN);
}

.cookieWindow__checks .inputReplaceRow {
	margin: 20px 0;
}

.cookieWindow__btns > div {
	padding: 5px;
}

.cookieWindow__btns {
	display: flex;
	margin: 20px -5px 0 -5px;
	flex-flow: row wrap;
	align-items: center;
	justify-content: space-between;
}

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

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

.cookieWindow__reset {
	text-decoration: underline;
	font-weight: var(--fwB);
	padding: 0;
	margin: 0;
	border-width: 0;
	background: transparent none;
	box-shadow: none;
	border-radius: 0;
	cursor: pointer;
	font: inherit;
	outline: none;
	padding: 1em 0;
}


/* window popup */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.banner:hover {
	text-decoration: none;
	color: white;
}

.banner {
	color: white;
	background: var(--primColor);
	display: grid;
	text-decoration: none;
	border-radius: 12px;
	display: grid;
	align-items: flex-end;
	gap: 0 clamp(16px, 4vw, 48px);
	margin: 40px 0;
	grid-template-columns: 1.2fr 1fr;
}

.banner__cont {
	padding: 48px 0;
	display: block;
	flex: auto;
	align-self: center
}

.banner__contIn {
	max-width: 38em;
	display: block;
	margin-left: auto;
	padding: 0 24px;
}

.banner__hdl {
	font-size: clamp(1.5em, 3vw, 2em);
	margin-bottom: 1.5rem;
	font-weight: var(--fwB);
	display: block;
}

.banner__text {
	font-size: clamp(1em, 3vw, 1.25em);
	display: block;
}

.banner .scrollTo {
	margin-top: 2rem;
	background-color: white;
	max-width: max-content;
	border-radius: 8px;
	padding: 10px 30px;
}

.banner__img {
	flex: none;
	display: flex;
	justify-content: flex-end;
}

@media (max-width: 760px) {
	.banner {
		grid-template-columns: 1fr;
		justify-content: center;
	}
	.banner__contIn {
		max-width: none;
	}
}

@media screen { 
/*/domains1/pepito_cz/public/www_root/css/responsive.css*/
@media (max-width: 1230px) {
	.midCol {
		padding-left: 5%;
	}
}

@media (max-width: 960px) {
	header {
		position: sticky;
		left: 0;
		top: 0;
		width: 100%;
		z-index: 100;
		box-shadow: 0 0 6px rgba(0, 0, 0, .15);
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	}
	.header {
		padding-right: 100px;
	}
	.logo {
		max-width: 120px;
	}
	#page {
		padding-top: 0;
	}
	.topNav {
		display: none;
	}
	.columns {
		display: block;
	}
	.midCol {
		padding-left: 0;
		float: none;
		width: 100%;
	}
	.asideCol {
		width: auto;
		float: none;
		display: flex;
		flex-wrap: wrap;
		margin-left: -15px;
		margin-right: -15px;
	}
	a[href^="tel:"], a[href^="tel:"]:hover {
		text-decoration: underline;
		cursor: pointer;
	}
	.bottomBox {
		background-image: none;
	}
	.hpBox {
		padding-top: 0;
	}
	.ill {
		background-size: 150% auto;
	}
	.ill--desk {
		display: none;
	}
	.ill--mob {
		display: block;
	}

}

@media (max-width: 760px) {
	footer {
		text-align: center;
	}
	.ftr__about {
		display: flex;
		flex-flow: column nowrap;
		align-items: center;
		margin-top: 30px;
	}
	.cntBox {
		flex-flow: row wrap;
	}
	.itemList {
		grid-template-columns: repeat(2, 1fr);
	}
	.formLayout--top .row {
		margin-bottom: 0;
	}
}

@media (max-width: 639px) {
	.imgCross__item {
		display: flex;
		align-items: center;
		gap: 24px;
	}
	.imgCross__img {
		flex: 1.75;
	}
	.imgCross__cont {
		flex: 3;
		padding: 0;
		gap: 8px;
	}
	footer hr {
		margin: 32px 0;
	}
}

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

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

@media (max-width: 374px) {
	.header {
		padding-right: 50px;
	}
}

}

/* plugins */

/*! jQuery UI - v1.10.3 - 2013-09-14
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css, jquery.ui.theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=gloss_wave&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=diagonals_thick&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
* Copyright 2013 jQuery Foundation and other contributors; Licensed MIT */

input.hasDatepicker {
	padding-right: 40px;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAAAM1BMVEXL1dv////L1dvL1dvL1dvL1dvL1dvL1dvL1dvL1dvL1dvL1dvL1dvL1dvL1dvL1dvL1dufrY8XAAAAEHRSTlMAABEiM0RVZneImaq7zN3uf6QJ9gAAANxJREFUeAHt18GOhSAMheEOirc6Bc77P+2opIS7YUoyuYmT/quz8XPTDfT1Rznk0FQOkRaZOdJbYWPmhTQTFBKuUuicteBqn4ISaolaS0GNJ6AIIEsGEEnbL1dOrUxAfDpEdEpMmgBH/cU6BUn99g3iCsXPQpuc5QZl0UqDkoh8r79AG2oKdSlUK8sYylYI+xiCGZJPQ2Vpt9ySQC87ZMihSHdRB3G3dPxXyKGD7w4dLN3S8biDdMihJHdJh+Ru6XjWZTvkBymwxmNoLbCVwhiiwKZeRI9+QTrkkEM/d/1Ljcgl+KAAAAAASUVORK5CYII=), url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAOCAIAAACKFloIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACVJREFUeNpi+fTpEwMDAwsjIyMSxcTERKQghAJJYPCYIDyAAAMAJAUDMM1gx/MAAAAASUVORK5CYII=");
	background-repeat: no-repeat, repeat-x;
	background-position: 100% center, 0 0;
	background-size: 32px 32px, auto;
}

.ui-helper-hidden {
	display: none
}

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

.ui-widget {
	background-color: white;
}

.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none
}

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse
}

.ui-helper-clearfix:after {
	clear: both
}

.ui-helper-clearfix {
	min-height: 0
}

.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter: Alpha(Opacity=0)
}

.ui-front {
	z-index: 100
}

.ui-state-disabled {
	cursor: default!important
}

.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat
}

.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.ui-resizable {
	position: relative
}

.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block
}

.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
	display: none
}

.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0
}

.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0
}

.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%
}

.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%
}

.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px
}

.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px
}

.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px
}

.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px
}

.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black
}

.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin-top: 2px;
	padding: .5em .5em .5em .7em;
	min-height: 0
}

.ui-accordion .ui-accordion-icons {
	padding-left: 2.2em
}

.ui-accordion .ui-accordion-noicons {
	padding-left: .7em
}

.ui-accordion .ui-accordion-icons .ui-accordion-icons {
	padding-left: 2.2em
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	position: absolute;
	left: .5em;
	top: 50%;
	margin-top: -8px
}

.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto
}

.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default
}

.ui-button {
	display: inline-block;
	position: relative;
	padding: 0;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	overflow: visible
}

.ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active {
	text-decoration: none
}

.ui-button-icon-only {
	width: 2.2em
}

button.ui-button-icon-only {
	width: 2.4em
}

.ui-button-icons-only {
	width: 3.4em
}

button.ui-button-icons-only {
	width: 3.7em
}

.ui-button .ui-button-text {
	display: block;
	line-height: normal
}

.ui-button-text-only .ui-button-text {
	padding: .4em 1em
}

.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text {
	padding: .4em;
	text-indent: -9999999px
}

.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text {
	padding: .4em 1em .4em 2.1em
}

.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text {
	padding: .4em 2.1em .4em 1em
}

.ui-button-text-icons .ui-button-text {
	padding-left: 2.1em;
	padding-right: 2.1em
}

input.ui-button {
	padding: .4em 1em
}

.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon {
	position: absolute;
	top: 50%;
	margin-top: -8px
}

.ui-button-icon-only .ui-icon {
	left: 50%;
	margin-left: -8px
}

.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary {
	left: .5em
}

.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary {
	right: .5em
}

.ui-buttonset {
	margin-right: 7px
}

.ui-buttonset .ui-button {
	margin-left: 0;
	margin-right: -.3em
}

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

.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none
}

.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .1em 0
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 0;
	left: 0;
}

.ui-datepicker .ui-datepicker-next {
	left: auto;
	right: 0;
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px
}

.ui-datepicker .ui-datepicker-title {
	margin: 0 35px;
	line-height: 1.2em;
	text-align: center
}

.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month-year {
	width: 100%
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
	width: 49%
}

.ui-datepicker table {
	width: 100%;
	border-collapse: collapse;
	margin: 0 0 .4em;
	font-size: 1em;
}

.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}

.ui-datepicker td {
	border: 0;
	padding: 1px;
	font-size: .95em;
	line-height: 2em;
}

.ui-datepicker td span, .ui-datepicker td a {
	display: block;
	padding: 0;
	text-align: center;
	text-decoration: none
}

.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0
}

.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left
}

.ui-datepicker.ui-datepicker-multi {
	width: auto
}

.ui-datepicker-multi .ui-datepicker-group {
	float: left
}

.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em
}

.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left
}

.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0
}

.ui-datepicker-rtl {
	direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group {
	float: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px
}

.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0
}

.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative
}

.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis
}

.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 21px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px
}

.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto
}

.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right
}

.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer
}

.ui-dialog .ui-resizable-se {
	width: 12px;
	height: 12px;
	right: -5px;
	bottom: -5px;
	background-position: 16px 16px
}

.ui-draggable .ui-dialog-titlebar {
	cursor: move
}

.ui-menu {
	list-style: none;
	padding: 2px;
	margin: 0;
	display: block;
	outline: none
}

.ui-menu .ui-menu {
	margin-top: -3px;
	position: absolute
}

.ui-menu .ui-menu-item {
	margin: 0;
	padding: 0;
	width: 100%;
	list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)
}

.ui-menu .ui-menu-divider {
	margin: 5px -2px 5px -2px;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0
}

.ui-menu .ui-menu-item a {
	text-decoration: none;
	display: block;
	padding: 2px .4em;
	line-height: 1.5;
	min-height: 0;
	font-weight: normal
}

.ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	margin: -1px
}

.ui-menu .ui-state-disabled {
	font-weight: normal;
	margin: .4em 0 .2em;
	line-height: 1.5
}

.ui-menu .ui-state-disabled a {
	cursor: default
}

.ui-menu-icons {
	position: relative
}

.ui-menu-icons .ui-menu-item a {
	position: relative;
	padding-left: 2em
}

.ui-menu .ui-icon {
	position: absolute;
	top: .2em;
	left: .2em
}

.ui-menu .ui-menu-icon {
	position: static;
	float: right
}

.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden
}

.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%
}

.ui-progressbar .ui-progressbar-overlay {
	height: 100%;
	filter: alpha(opacity=25);
	opacity: 0.25
}

.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none
}

.ui-slider {
	position: relative;
	text-align: left
}

.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default
}

.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0
}

.ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit
}

.ui-slider-horizontal {
	height: .8em
}

.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em
}

.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%
}

.ui-slider-horizontal .ui-slider-range-min {
	left: 0
}

.ui-slider-horizontal .ui-slider-range-max {
	right: 0
}

.ui-slider-vertical {
	width: .8em;
	height: 100px
}

.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em
}

.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%
}

.ui-slider-vertical .ui-slider-range-min {
	bottom: 0
}

.ui-slider-vertical .ui-slider-range-max {
	top: 0
}

.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle
}

.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 22px
}

.ui-spinner-button {
	width: 16px;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0
}

.ui-spinner a.ui-spinner-button {
	border-top: none;
	border-bottom: none;
	border-right: none
}

.ui-spinner .ui-icon {
	position: absolute;
	margin-top: -8px;
	top: 50%;
	left: 0
}

.ui-spinner-up {
	top: 0
}

.ui-spinner-down {
	bottom: 0
}

.ui-spinner .ui-icon-triangle-1-s {
	background-position: -65px -16px
}

.ui-tabs {
	position: relative;
	padding: .2em
}

.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0
}

.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap
}

.ui-tabs .ui-tabs-nav li a {
	float: left;
	padding: .5em 1em;
	text-decoration: none
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
	cursor: text
}

.ui-tabs .ui-tabs-nav li a, .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
	cursor: pointer
}

.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none
}

.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa
}

body .ui-tooltip {
	border-width: 2px;
}

.ui-widget {}

.ui-widget .ui-widget {
	font-size: 1em
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {}

.ui-widget-content {
	border: 1px solid #ddd;
	color: #333
}

.ui-widget-content a {
	color: #333
}

.ui-widget-header {
	font-weight: 300;
	font-size: 1.3em;
}

.ui-widget-header a {
	color: #333;
	text-decoration: none;
	vertical-align: middle;
	display: block;
	text-align: center;
	border: 1px solid var(--borderColor);
	min-width: 30px;
	height: 30px;
	text-rendering: auto;
	cursor: pointer;
	content: "\f106";
	font-family: 'Font Awesome 6 Pro';
	font-weight: 700;
	line-height: 30px;
	font-size: 16px;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
}

.ui-widget-header a:hover {
	background: var(--primColor);
	border-color: var(--primColor);
	color: white;
}

.ui-widget-header a:before {
	content: "\f104";
}

.ui-widget-header a.ui-datepicker-next:before {
	content: "\f105";
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	border: 0;
	color: var(--textColor)
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
	color: var(--textColor);
	text-decoration: none
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
	text-decoration: none;
	background: var(--secColor);
	color: white;
}

.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited {
	text-decoration: none;
	background: var(--secColor);
	color: white;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
	background: var(--secColor);
	color: white;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
	text-decoration: none;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
	border: 0;
	color: #fff;
	background: var(--primColor);
}

.ui-datepicker-calendar td a {
	display: block;
	text-align: center;
	border-radius: 50%;
	max-width: 2em;
	margin: 0 auto;
}

.ui-datepicker-calendar {
	table-layout: fixed;
}

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
	color: #363636
}

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
	border: 1px solid #cd0a0a;
	color: #fff
}

.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
	color: #fff
}

.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
	color: #fff
}

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
	font-weight: bold
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
	opacity: var(--setOpacity);
	filter: Alpha(Opacity=70);
	font-weight: normal
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter: Alpha(Opacity=35);
	background-image: none
}

.ui-state-disabled .ui-icon {
	filter: Alpha(Opacity=35)
}

.ui-icon {
	width: 16px;
	height: 16px
}

.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle; }
  .select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    user-select: none;
    -webkit-user-select: none; }
    .select2-container .select2-selection--single .select2-selection__rendered {
      display: block;
      padding-left: 8px;
      padding-right: 20px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .select2-container .select2-selection--single .select2-selection__clear {
      position: relative; }
  .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px; }
  .select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    user-select: none;
    -webkit-user-select: none; }
    .select2-container .select2-selection--multiple .select2-selection__rendered {
      display: inline-block;
      overflow: hidden;
      padding-left: 8px;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .select2-container .select2-search--inline {
    float: left; }
    .select2-container .select2-search--inline .select2-search__field {
      box-sizing: border-box;
      border: none;
      font-size: 100%;
      margin-top: 5px;
      padding: 0; }
      .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
        -webkit-appearance: none; }

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051; }

.select2-results {
  display: block; }

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0; }

.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none; }
  .select2-results__option[aria-selected] {
    cursor: pointer; }

.select2-container--open .select2-dropdown {
  left: 0; }

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-search--dropdown {
  display: block;
  padding: 4px; }
  .select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box; }
    .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
      -webkit-appearance: none; }
  .select2-search--dropdown.select2-search--hide {
    display: none; }

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0); }

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important; }

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px; }
  .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px; }
  .select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold; }
  .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999; }
  .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px; }
    .select2-container--default .select2-selection--single .select2-selection__arrow b {
      border-color: #888 transparent transparent transparent;
      border-style: solid;
      border-width: 5px 4px 0 4px;
      height: 0;
      left: 50%;
      margin-left: -4px;
      margin-top: -2px;
      position: absolute;
      top: 50%;
      width: 0; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto; }

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default; }
  .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none; }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px; }

.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text; }
  .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%; }
    .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
      list-style: none; }
  .select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-top: 5px;
    margin-right: 10px;
    padding: 1px; }
  .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px; }
  .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px; }
    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
      color: #333; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
  float: right; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto; }

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0; }

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default; }

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none; }

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa; }

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield; }

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }

.select2-container--default .select2-results__option[role=group] {
  padding: 0; }

.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999; }

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd; }

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em; }
  .select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0; }
  .select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em; }
    .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
      margin-left: -2em;
      padding-left: 3em; }
      .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
        margin-left: -3em;
        padding-left: 4em; }
        .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
          margin-left: -4em;
          padding-left: 5em; }
          .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
            margin-left: -5em;
            padding-left: 6em; }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white; }

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }
  .select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb; }
  .select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px; }
  .select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-right: 10px; }
  .select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999; }
  .select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
    background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
    background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); }
    .select2-container--classic .select2-selection--single .select2-selection__arrow b {
      border-color: #888 transparent transparent transparent;
      border-style: solid;
      border-width: 5px 4px 0 4px;
      height: 0;
      left: 50%;
      margin-left: -4px;
      margin-top: -2px;
      position: absolute;
      top: 50%;
      width: 0; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto; }

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb; }
  .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none; }
    .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
      border-color: transparent transparent #888 transparent;
      border-width: 0 4px 5px 4px; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); }

.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0; }
  .select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb; }
  .select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px; }
  .select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none; }
  .select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px; }
  .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px; }
    .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
      color: #555; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  float: right;
  margin-left: 5px;
  margin-right: auto; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto; }

.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0; }

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none; }

.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent; }

.select2-container--classic .select2-dropdown--above {
  border-bottom: none; }

.select2-container--classic .select2-dropdown--below {
  border-top: none; }

.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }

.select2-container--classic .select2-results__option[role=group] {
  padding: 0; }

.select2-container--classic .select2-results__option[aria-disabled=true] {
  color: grey; }

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: white; }

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb; }

.content .select2 ul li:before {
	display: none;
}

.content .select2 ul li {
	margin: 0;
	padding: 0;
	display: inline-block;
}


/*background*/

.selection .select2-selection {
	background: #fff;
}


/* border */

.select2-dropdown, .select2-container--default .select2-selection--single, .select2-container--default .select2-selection--multiple, .select2-container--default .select2-selection--multiple .select2-selection__choic, .select2-container--default .select2-search--dropdown .select2-search__field, .select2-container--default .select2-selection--multiple .select2-selection__choice {
	border-color: #ccc;
	outline: 0;
}


/*focus*/

.select2-container--default.select2-container--focus .select2-selection--multiple {
	border-color: var(--primColor);
}


/*barva textu*/

.select2-container--default .select2-selection--single .select2-selection__rendered, .select2-selection__arrow {
	color: var(--textColor);
}


/*vyska*/

.select2-container .select2-selection--single, .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 44px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered, .select2-selection__arrow, .select2-selection__rendered {
	line-height: 44px;
}

.select2-search.select2-search--inline, .select2-container .select2-search--inline .select2-search__field {
	line-height: 42px;
	/* -2px */
}

.select2-selection__choice {
	line-height: 30px;
	/* vyska - 14px */
}


/*padding*/

.select2-container .select2-selection--single .select2-selection__rendered {
	padding-left: 14px;
}

.select2-results__option, .select2-container--default .select2-selection--multiple .select2-selection__rendered {
	padding-left: 14px;
	padding-right: 14px;
}


/*border radius*/

.select2-dropdown, .select2-container--default .select2-selection--single, .select2-container--default .select2-selection--multiple {
	border-radius: 0;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
	border-radius: 4px;
	margin-bottom: 5px;
	/*tagy*/
}


/*vyhledavac*/

.select2-search--dropdown .select2-search__field {
	padding: 4px 13px;
}


/*sipka*/

.select2-container .select2-selection--single .select2-selection__rendered {
	padding-right: 32px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	width: 32px;
	text-align: center;
}

.select2-selection__arrow:after {
	font-family: 'Font Awesome 6 Pro';
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	content: "\f107";
}

.select2-container--open .select2-selection__arrow:after {
	content: "\f106";
}


/*background vyberane polozky  v selectu*/

.select2-container--default .select2-results__option[aria-selected="true"] {
	background-color: #ededed;
}


/*hovers*/

.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: var(--primColor);
	color: white;
}

.select2-container--classic .select2-selection--single:focus {
	border-color: var(--primColor);
}


/* barva roletky */

.select2-results {
	color: var(--textColor);
	background: #fff;
}


/* vyska roletky */

.select2-container--default .select2-results>.select2-results__options {
	max-height: 240px;
}


/*tagy*/

.select2-selection__choice {
	font-size: .8em;
}

.select2-selection__choice__remove {
	text-align: center;
	min-width: 18px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
	background: #f8f8f8;
}


/*background vyberu v selectu*/

.select2-container--default .select2-results__option[aria-selected="true"] {
	background-color: #ededed;
	color: var(--textColor);
}


/*-----*/

.select2-container .select2-selection--multiple .select2-selection__rendered {
	display: block;
}

.select2-container .select2-search--inline .select2-search__field {
	margin: 0 0;
}

.select2-selection__arrow b {
	display: none;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
	margin-top: 0;
	margin-right: 0;
	width: 26px;
	text-align: center;
	margin-bottom: 0;
}

/*!
 * Vygenerovano skriptem app/scripts/build_fontawesome_subset.php
 * Obsahuje jen ikony skutecne pouzite na verejnem webu - viz komentar v souboru.
 * Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com (Commercial License)
 */
/*!
 * Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 * Copyright 2022 Fonticons, Inc.
 */
.fa{font-family:var(--fa-style-family,"Font Awesome 6 Pro");font-weight:var(--fa-style,900)}.fa,.fa-brands,.fa-classic,.fa-duotone,.fa-light,.fa-regular,.fa-sharp,.fa-sharp-solid,.fa-solid,.fa-thin,.fab,.fad,.fal,.far,.fas,.fass,.fat{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:var(--fa-display,inline-block);font-style:normal;font-variant:normal;line-height:1;text-rendering:auto}.fa-classic,.fa-light,.fa-regular,.fa-solid,.fa-thin,.fal,.far,.fas,.fat{font-family:"Font Awesome 6 Pro"}.fa-brands,.fab{font-family:"Font Awesome 6 Brands"}.fa-classic.fa-duotone,.fa-duotone,.fad{font-family:"Font Awesome 6 Duotone"}.fa-sharp,.fass{font-family:"Font Awesome 6 Sharp";font-weight:900}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-2xs{font-size:.625em;line-height:.1em;vertical-align:.225em}.fa-xs{font-size:.75em;line-height:.08333em;vertical-align:.125em}.fa-sm{font-size:.875em;line-height:.07143em;vertical-align:.05357em}.fa-lg{font-size:1.25em;line-height:.05em;vertical-align:-.075em}.fa-xl{font-size:1.5em;line-height:.04167em;vertical-align:-.125em}.fa-2xl{font-size:2em;line-height:.03125em;vertical-align:-.1875em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:var(--fa-li-margin,2.5em);padding-left:0}.fa-ul>li{position:relative}.fa-li{left:calc(var(--fa-li-width, 2em)*-1);position:absolute;text-align:center;width:var(--fa-li-width,2em);line-height:inherit}.fa-border{border-radius:var(--fa-border-radius,.1em);border:var(--fa-border-width,.08em) var(--fa-border-style,solid) var(--fa-border-color,#eee);padding:var(--fa-border-padding,.2em .25em .15em)}.fa-pull-left{float:left;margin-right:var(--fa-pull-margin,.3em)}.fa-pull-right{float:right;margin-left:var(--fa-pull-margin,.3em)}.fa-beat{-webkit-animation-name:fa-beat;animation-name:fa-beat;-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,ease-in-out);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-bounce{-webkit-animation-name:fa-bounce;animation-name:fa-bounce;-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1));animation-timing-function:var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1))}.fa-fade{-webkit-animation-name:fa-fade;animation-name:fa-fade;-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1));animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-beat-fade,.fa-fade{-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s)}.fa-beat-fade{-webkit-animation-name:fa-beat-fade;animation-name:fa-beat-fade;-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1));animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-flip{-webkit-animation-name:fa-flip;animation-name:fa-flip;-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,ease-in-out);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-shake{-webkit-animation-name:fa-shake;animation-name:fa-shake;-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,linear);animation-timing-function:var(--fa-animation-timing,linear)}.fa-shake,.fa-spin{-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal)}.fa-spin{-webkit-animation-name:fa-spin;animation-name:fa-spin;-webkit-animation-duration:var(--fa-animation-duration,2s);animation-duration:var(--fa-animation-duration,2s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,linear);animation-timing-function:var(--fa-animation-timing,linear)}.fa-spin-reverse{--fa-animation-direction:reverse}.fa-pulse,.fa-spin-pulse{-webkit-animation-name:fa-spin;animation-name:fa-spin;-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,steps(8));animation-timing-function:var(--fa-animation-timing,steps(8))}@media (prefers-reduced-motion:reduce){.fa-beat,.fa-beat-fade,.fa-bounce,.fa-fade,.fa-flip,.fa-pulse,.fa-shake,.fa-spin,.fa-spin-pulse{-webkit-animation-delay:-1ms;animation-delay:-1ms;-webkit-animation-duration:1ms;animation-duration:1ms;-webkit-animation-iteration-count:1;animation-iteration-count:1;transition-delay:0s;transition-duration:0s}}@-webkit-keyframes fa-beat{0%,90%{-webkit-transform:scale(1);transform:scale(1)}45%{-webkit-transform:scale(var(--fa-beat-scale,1.25));transform:scale(var(--fa-beat-scale,1.25))}}@keyframes fa-beat{0%,90%{-webkit-transform:scale(1);transform:scale(1)}45%{-webkit-transform:scale(var(--fa-beat-scale,1.25));transform:scale(var(--fa-beat-scale,1.25))}}@-webkit-keyframes fa-bounce{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}10%{-webkit-transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0);transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)}30%{-webkit-transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em));transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))}50%{-webkit-transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0);transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)}57%{-webkit-transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em));transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em))}64%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}to{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}@keyframes fa-bounce{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}10%{-webkit-transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0);transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)}30%{-webkit-transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em));transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))}50%{-webkit-transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0);transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)}57%{-webkit-transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em));transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em))}64%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}to{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}@-webkit-keyframes fa-fade{50%{opacity:var(--fa-fade-opacity,.4)}}@keyframes fa-fade{50%{opacity:var(--fa-fade-opacity,.4)}}@-webkit-keyframes fa-beat-fade{0%,to{opacity:var(--fa-beat-fade-opacity,.4);-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(var(--fa-beat-fade-scale,1.125));transform:scale(var(--fa-beat-fade-scale,1.125))}}@keyframes fa-beat-fade{0%,to{opacity:var(--fa-beat-fade-opacity,.4);-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(var(--fa-beat-fade-scale,1.125));transform:scale(var(--fa-beat-fade-scale,1.125))}}@-webkit-keyframes fa-flip{50%{-webkit-transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg));transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}}@keyframes fa-flip{50%{-webkit-transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg));transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}}@-webkit-keyframes fa-shake{0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}4%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}8%,24%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}12%,28%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}16%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)}20%{-webkit-transform:rotate(22deg);transform:rotate(22deg)}32%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}36%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}40%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes fa-shake{0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}4%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}8%,24%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}12%,28%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}16%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)}20%{-webkit-transform:rotate(22deg);transform:rotate(22deg)}32%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}36%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}40%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fa-rotate-90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fa-flip-vertical{-webkit-transform:scaleY(-1);transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{-webkit-transform:scale(-1);transform:scale(-1)}.fa-rotate-by{-webkit-transform:rotate(var(--fa-rotate-angle,none));transform:rotate(var(--fa-rotate-angle,none))}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%;z-index:var(--fa-stack-z-index,auto)}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:var(--fa-inverse,#fff)}@font-face{font-family:"Font Awesome 6 Pro";font-style:normal;font-weight:400;font-display:swap;src:url(../webfonts/fa-subset-classic.woff2) format("woff2"),url(../webfonts/fa-subset-classic.ttf) format("truetype")}@font-face{font-family:"Font Awesome 6 Brands";font-style:normal;font-weight:400;font-display:swap;src:url(../webfonts/fa-subset-brands.woff2) format("woff2"),url(../webfonts/fa-subset-brands.ttf) format("truetype")}.fa-brands,.fab{font-family:"Font Awesome 6 Brands"}.fa-align-left:before{content:"\f036"}.fa-angle:before{content:"\e08c"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-down:before{content:"\f107"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-bars:before{content:"\f0c9"}.fa-calendar:before{content:"\f133"}.fa-caret-right:before{content:"\f0da"}.fa-check-circle:before{content:"\f058"}.fa-cloud-upload:before{content:"\f0ee"}.fa-copy:before{content:"\f0c5"}.fa-download:before{content:"\f019"}.fa-edit:before{content:"\f044"}.fa-envelope:before{content:"\f0e0"}.fa-exclamation-triangle:before{content:"\f071"}.fa-eye:before{content:"\f06e"}.fa-file:before{content:"\f15b"}.fa-folder-open:before{content:"\f07c"}.fa-globe:before{content:"\f0ac"}.fa-history:before{content:"\f1da"}.fa-home:before{content:"\f015"}.fa-key:before{content:"\f084"}.fa-line-chart:before{content:"\f201"}.fa-list-ul:before{content:"\f0ca"}.fa-lock:before{content:"\f023"}.fa-minus:before{content:"\f068"}.fa-mobile:before{content:"\f3ce"}.fa-paper-plane:before{content:"\f1d8"}.fa-paperclip:before{content:"\f0c6"}.fa-pencil:before{content:"\f303"}.fa-phone:before{content:"\f095"}.fa-plus:before{content:"\2b"}.fa-print:before{content:"\f02f"}.fa-question-circle:before{content:"\f059"}.fa-remove:before{content:"\f00d"}.fa-search:before{content:"\f002"}.fa-shopping-basket:before{content:"\f291"}.fa-sign-in:before{content:"\f090"}.fa-sign-out:before{content:"\f08b"}.fa-sitemap:before{content:"\f0e8"}.fa-sort:before{content:"\f0dc"}.fa-thumbs-down:before{content:"\f165"}.fa-thumbs-up:before{content:"\f164"}.fa-times:before{content:"\f00d"}.fa-trash-alt:before{content:"\f2ed"}.fa-unlink:before{content:"\f127"}.fa-unlock-alt:before{content:"\f13e"}.fa-upload:before{content:"\f093"}.fa-user:before{content:"\f007"}.fa-user-cog:before{content:"\f4fe"}.fa-user-plus:before{content:"\f234"}.fa-user-secret:before{content:"\f21b"}.fa-facebook-f:before{content:"\f39e"}.fa-twitter:before{content:"\f099"}.fa-whatsapp:before{content:"\f232"}

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 { 
/*/domains1/pepito_cz/public/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 {
--textColor: #766767;
--primColor: #AF2024;
--secColor: #270D0E;
--altColor: #F6F6F6;
--bdrColor: #EDEDED;
--inputBdrColor: #B9B3B3;
--hSpace: 30px;
--vSpace: 60px;
--RhSpace: 15px;
--RvSpace: 15px;
--fwB: 600;
--fwN: 400;
--fwL: 400;
--setOpacity: .7;
--radius: 0;
}

@media (max-width: 760px) {
:root {
--hSpace: 15px;
--vSpace: 50px;
}
}