@font-face {
	font-family: 'OE Display';
	src: local('OE Display Regular'), local('OEDisplay-Regular'),
	url('./OE/subset-OEDisplay-Regular.woff2') format('woff2'),
	url('./OE/subset-OEDisplay-Regular.woff') format('woff'),
	url('./OE/subset-OEDisplay-Regular.ttf') format('truetype'),
	url('./OE/subset-OEDisplay-Regular.svg#OEDisplay-Regular') format('svg'),
	url('./OE/subset-OEDisplay-Regular.eot') format('embedded-opentype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'OE Display';
	src: local('OE Display Bold'), local('OEDisplay-Bold'),
	url('./OE/subset-OEDisplay-Bold.woff2') format('woff2'),
	url('./OE/subset-OEDisplay-Bold.woff') format('woff'),
	url('./OE/subset-OEDisplay-Bold.ttf') format('truetype'),
	url('./OE/subset-OEDisplay-Bold.svg#OEDisplay-Bold') format('svg'),
	url('./OE/subset-OEDisplay-Bold.eot') format('embedded-opentype');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'OE Display';
	src: local('OE Display Light'), local('OEDisplay-Light'),
	url('./OE/subset-OEDisplay-Light.woff2') format('woff2'),
	url('./OE/subset-OEDisplay-Light.woff') format('woff'),
	url('./OE/subset-OEDisplay-Light.ttf') format('truetype'),
	url('./OE/subset-OEDisplay-Light.svg#OEDisplay-Light') format('svg'),
	url('./OE/subset-OEDisplay-Light.eot') format('embedded-opentype');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Acumin Pro Wide';
	src: url('./acumin/subset-AcuminProWide-SemiboldItalic.woff2') format('woff2'),
	url('./acumin/subset-AcuminProWide-SemiboldItalic.woff') format('woff'),
	url('./acumin/subset-AcuminProWide-SemiboldItalic.ttf') format('truetype'),
	url('./acumin/subset-AcuminProWide-SemiboldItalic.svg#AcuminProWide-SemiboldItalic') format('svg'),
	url('./acumin/subset-AcuminProWide-SemiboldItalic.eot') format('embedded-opentype');
	font-weight: 600;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Acumin Pro Wide';
	src: url('./acumin/subset-AcuminProWide-Italic.woff2') format('woff2'),
	url('./acumin/subset-AcuminProWide-Italic.woff') format('woff'),
	url('./acumin/subset-AcuminProWide-Italic.ttf') format('truetype'),
	url('./acumin/subset-AcuminProWide-Italic.svg#AcuminProWide-Italic') format('svg'),
	url('./acumin/subset-AcuminProWide-Italic.eot') format('embedded-opentype');
	font-weight: normal;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Acumin Pro Wide';
	src: url('./acumin/subset-AcuminProWide-Bold.woff2') format('woff2'),
	url('./acumin/subset-AcuminProWide-Bold.woff') format('woff'),
	url('./acumin/subset-AcuminProWide-Bold.ttf') format('truetype'),
	url('./acumin/subset-AcuminProWide-Bold.svg#AcuminProWide-Bold') format('svg'),
	url('./acumin/subset-AcuminProWide-Bold.eot') format('embedded-opentype');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Acumin Pro Wide';
	src: url('./acumin/subset-AcuminProWide-Semibold.woff2') format('woff2'),
	url('./acumin/subset-AcuminProWide-Semibold.woff') format('woff'),
	url('./acumin/subset-AcuminProWide-Semibold.ttf') format('truetype'),
	url('./acumin/subset-AcuminProWide-Semibold.svg#AcuminProWide-Semibold') format('svg'),
	url('./acumin/subset-AcuminProWide-Semibold.eot') format('embedded-opentype');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Acumin Pro Wide';
	src: url('./acumin/subset-AcuminProWide-Regular.woff2') format('woff2'),
	url('./acumin/subset-AcuminProWide-Regular.woff') format('woff'),
	url('./acumin/subset-AcuminProWide-Regular.ttf') format('truetype'),
	url('./acumin/subset-AcuminProWide-Regular.svg#AcuminProWide-Regular') format('svg'),
	url('./acumin/subset-AcuminProWide-Regular.eot') format('embedded-opentype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}


body {
	font-family: 'Acumin Pro Wide', sans-serif;
	padding: 0;
	margin: 0;
}

strong { font-weight: 600; }

.text-align-center img {display: inline-block;}

a,
a:visited {
	color: #000;
}

.btn--100p {
	width: 100%;
}

.btn a,
span.btn,
a.btn {
	display: inline-block;
	text-decoration: none;
	padding: 15px 19px;
	text-transform: uppercase;
	font-weight: 600;
	min-width: 190px;
	text-align: center;
	font-size: 0.9em;
}

.btn.btn--pruhledna a,
span.btn.btn--pruhledna,
a.btn.btn--pruhledna {
	background: transparent;
	color: #000!important;
	border: 1px solid #000;
}

.btn.btn--pruhlednabila a,
span.btn.btn--pruhlednabila,
a.btn.btn--pruhlednabila {
	background: transparent;
	border: 1px solid #fff;
	color: #fff!important;
}


.btn.btn--white a,
span.btn.btn--white,
a.btn.btn--white ,
.btn.btn--bila a,
span.btn.btn--bila,
a.btn.btn--bila {
	background: #fff;
	color: #000!important;

}
.vypis-ko-tlacitka-in .btn {margin-top: 	15px;}
.vypis-ko-tlacitka-in .btn,
.btn.btn--cerna a,
span.btn.btn--cerna ,
a.btn.btn--cerna {
	background: #000;
	color: #fff!important;
}

.ostatni.cerna .btn.btn--bila a,
.ostatni.cerna span.btn.btn--bila,
.ostatni.cerna a.btn.btn--bila,
.ostatni .btn.btn--bila a,
.ostatni span.btn.btn--bila ,
.ostatni a.btn.btn--bila {
	background: #fff;
	color: #7f92c9!important;
}

.modra .btn.btn--bila a,
.modra span.btn.btn--bila,
.modra a.btn.btn--bila {
	background: #fff;
	color: #27348b!important;
}

.btn.btn--modra a,
span.btn.btn--modra,
a.btn.btn--modra {
	background: #27348b;
	color: #fff!important;
}

.fialova .btn.btn--bila a,
.fialova span.btn.btn--bila ,
.fialova a.btn.btn--bila {
	background: #fff;
	color: #734c96!important;
}

.btn.btn--fialova a,
span.btn.btn--fialova,
a.btn.btn--fialova {
	background:#734c96;
	color: #fff!important;
}

.zelena .btn.btn--bila a,
.zelena span.btn.btn--bila,
.zelena a.btn.btn--bila {
	background: #fff;
	color: #009640!important;
}

.btn.btn--zelena a,
span.btn.btn--zelena,
a.btn.btn--zelena {
	background:#009640;
	color: #fff!important;
}

.zluta .btn.btn--bila a,
.zluta span.btn.btn--bila,
.zluta a.btn.btn--bila {
	background: #fff;
	color: #d7b747!important;
}

.btn.btn--zluta a,
span.btn.btn--zluta,
a.btn.btn--zluta {
	background:#d7b747;
	color: #fff!important;
}

.ruzova .btn.btn--bila a,
.ruzova span.btn.btn--bila,
.ruzova a.btn.btn--bila {
	background: #fff;
	color: #f298c0!important;
}

.btn.btn--ruzova a,
span.btn.btn--ruzova ,
a.btn.btn--ruzova {
	background:#f298c0;
	color: #fff!important;
}

.staroruzova .btn.btn--bila a,
.staroruzova span.btn.btn--bila,
.staroruzova a.btn.btn--bila {
	background: #fff;
	color: #ee7372!important;
}


.btn.btn--staroruzova a,
span.btn.btn--staroruzova,
a.btn.btn--staroruzova {
	background:#ee7372;
	color: #fff!important;
}


			.menu__item--main.menu__item--parent > ul {

				border-radius: 0!important;


			}

.page-node-type--koncert div:not(.ruzova) img {
	filter: grayscale(100%);
}
.page-node-type--koncert div.staroruzova img {
  filter: grayscale(0);
}
.vypis-koncert > span:not(.ruzova) .vypis-ko-ilustracni-foto {
	filter: grayscale(100%);
}
.vypis-koncert > span.staroruzova .vypis-ko-ilustracni-foto {
  filter: grayscale(0);
}


.koncert-content.ruzova img,
.page-node-type--koncert .koncert-content__paragraph img,
.page-node-type--koncert a.ruzova img,
.page-node-type--koncert #cboxContent img {
	filter: grayscale(0%)!important;
}


.menu__link--main:hover, .menu__item--main:hover > .menu__link--main {
	color: #6d6d6d;
}

.menu__link--main.menu__link--parent:hover > .menu__arrow:after {
	border-bottom: 1px solid #6d6d6d;
	border-right: 1px solid #6d6d6d;
}

@media (max-width: 1150px) {
	.menu__link--main.menu__link--parent:hover > .menu__arrow:after {
		border-bottom: 0px solid #6d6d6d;
		border-right: 0px solid #6d6d6d;
	}

	.menu__link--main.menu__link--parent > .menu__arrow.menu__arrow--opened:after {
    border-bottom: 0px solid #262626;
    border-right: 0px solid #262626;
    border-top: 2px solid #000;
    border-left: 2px solid #000;
}
}
.pkf-sloupce-flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-content: stretch;
}

.field--name-body p,
.container--interpret p,
.views-field p,
.paragraph p {
	line-height: 1.6em;
}

.pkf-sloupce-flex__item {
	flex: 1 34%;
	max-width: 32%;
	margin:0.6% ;

	position: relative;
}

.pkf-sloupce-flex__item.pkf-sloupce-flex__item--siroky {

	flex: 1 69.2%;
	max-width: 65.2%;
	margin:0.6% ;
	position: relative;
}

.pkf-video {
	position: absolute;
	width: 100%;
	height: 100%;
	display: block;
	top: 0;
	left: 0;
}

.pkf-video-frame {
	position: relative;
	width: 100%;
	padding: 56% 0 0 0;
	height: 0;
}


.invisible {
	display: none;
}


.paragraph.paragraph--falesne-menu {
	margin: -40px 0;
}

.container.container--basic-header h1 {
	margin: 90px 0 90px 0 ;
}

.page--concerts-and-tickets .container.container--basic-header h1,
.page--koncerty-a-vstupenky .container.container--basic-header h1 {
	margin: 90px 0 45px 0 ;
}

h2 {
	font-size: 1.7em;
}


h2.koncerty-u-interpreta,
h2.paragraph__content.paragraph__content--title {
	font-family: 'OE Display';
	font-size: 1.7em;
	padding-bottom: 16px;
	margin-top: 0;
	position: relative;
	display: inline-block;
	min-width: 200px;
	margin-bottom: 16px;
}
h2.koncerty-u-interpreta:after,
h2.paragraph__content.paragraph__content--title:after {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 1px;
	bottom: 0;
	left: 0;
	background: #000;
}



.paragraph.paragraph--youtube-video h2.paragraph__content.paragraph__content--title {
	font-family: 'Acumin Pro Wide', sans-serif;
	font-size: 0.8em;
	margin-top: 0;
	margin-bottom: 0.4em;
	padding-bottom: 5px;
}

.paragraph.paragraph--youtube-video h2.paragraph__content.paragraph__content--title:after {
	display: none;
}

.page-content {}
.page-wrapper {
	overflow: hidden;
}

.paragraph__inner.paragraph__inner--container > .paragraph__content--paragraph > * {
	padding-bottom: 30px;
}


 .container-padding-0 .paragraph__inner.paragraph__inner--container > .paragraph__content--paragraph > * {
	padding-bottom: 0;
}

.paragraph__inner.paragraph__inner--container > .paragraph__content--paragraph:last-child > * {
	padding-bottom: 0px;
}

.koncert-content__paragraphs-wrapper {

}

.gallery-item__title {
	font-size: 0.8em;
	text-align: center;
	padding-top: 7px;
	display: block;
}

.paragraph__content--gallery .field--name-field-images {
	display: flex;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-content: flex-start;
	align-content: flex-start;
	-webkit-align-items: stretch;
	align-items: stretch;
	margin: 0 -10px;
}

.paragraph__content--gallery .field--name-field-images > .field--item {
	-webkit-flex: 1 25%;
	-moz-flex: 1 25%;
	-ms-flex: 1 25%;
	flex: 1 25%;
	-webkit-align-self: auto;
	align-self: auto;
	-webkit-order: 0;
	-moz-order: 0;
	min-width: 25%;
	max-width: 33.33333%;

	order: 0;
	padding: 10px;
}


.falesna-drobeckovka {
	display: inline-block;
	height: 87px;
	line-height: 87px;
	text-decoration: underline;
}



.specialni-sekce-flex-item--image .half-container {position: relative;}


.falesna-drobeckovka-wrapper a:before,
.falesna-drobeckovka:before {
	background: url('../images/sipka.svg');
	width: 14px;
	height: 13px;
	display: inline-block;
	content: '';
	margin-right: 7px;

}
.specialni-sekce-flex-item--image .falesna-drobeckovka-wrapper a:before {
	background: url('../images/sipka-bila.svg');


}
.falesna-drobeckovka-wrapper  {
	position: absolute;
	top: 0;
	left: 60px;
}

.falesna-drobeckovka-wrapper a {
	color: #fff;
	display: inline-block;
	height: 87px;
	line-height: 87px;
	text-decoration: underline;
}

.falesna-drobeckovka-wrapper.falesna-drobeckovka--cerna a {
	color: #000;
}

/**** Zakladni stránka ****/

.vsechny-aktuality,
.hp-koncerty {
	position: relative;
}

.vsechny-aktuality:after {
	content: '';
	display: block;
	position: absolute;
	left: -163px;
	bottom: -168px;
	z-index: 1;
}

.hp-koncerty:after {
	content: '';
	display: block;
	position: absolute;
	right: -163px;
	bottom: -168px;
	z-index: 1;
}

.vsechny-aktuality .aktuality-item,
.hp-koncerty .hp-koncert {
	z-index: 2;
}

.hp-koncerty:after,
.grafika-kruh-1 {
	background: url('../images/GRAFIKA_HP_KRUH_1.svg') 100% 50%;
	background-size: cover;
	width: 350px;
	height: 350px;
}

.vsechny-aktuality:after,
.grafika-kruh-2 {
	background: url('../images/GRAFIKA_HP_KRUH_2.svg') 50% 50%;
	background-size: cover;
	width: 350px;
	height: 350px;
}

.paragraph--container.sedepozadi {
	background: #eeeeee;
}

.sedepozadi {
	padding: 1px;
}

.sedepozadi  .paragraph__inner.paragraph__inner--container > .paragraph__content--paragraph > * {
	margin: 0;padding: 0;
}

.paragraph--container.sedepozadi > .container--paragraph > .paragraph__inner {padding-top: 124px;}

.paragraph--container.sedepozadi > .container--paragraph > .paragraph__inner > .paragraph__content--paragraph   {}

.paragraph--container.sedepozadi > .container--paragraph > .paragraph__inner > .paragraph__content--paragraph > .paragraph {
	background: #fff;
	-webkit-box-shadow:  0 7px 25px 0px rgb(0 0 0 / 8%);
	-moz-box-shadow:  0 7px 25px 0px rgb(0 0 0 / 8%);
	box-shadow: 0 7px 25px 0px rgb(0 0 0 / 8%);margin: 0 0 124px 0 ;
}

.sedepozadi  .paragraph__content--flex-container ,
.sedepozadi  .paragraph__content--flex-container > .paragraph__content--flex-item-two:nth-child(odd) {
	margin: 0%  ;
}

.sedepozadi  .paragraph__content--flex-container > .paragraph__content--flex-item-two {
	max-width: 50%;
	margin: 0%  ;
	min-height: 520px;
}







.paragraph--container.cernepozadi {
	background: #000;
}


.paragraph--container.cernepozadi a {
	color: #fff;
}

.cernepozadi {
	padding: 1px;
}
.cernepozadi  .paragraph__inner.paragraph__inner--container > .paragraph__content--paragraph > * {
	margin: 0;padding: 0;
}

.paragraph--container.cernepozadi > .container--paragraph > .paragraph__inner {padding-top: 124px;}

.paragraph--container.cernepozadi > .container--paragraph > .paragraph__inner > .paragraph__content--paragraph  {
	margin: 0 0 124px 0 ;

}

.paragraph--container.cernepozadi > .container--paragraph > .paragraph__inner > .paragraph__content--paragraph > .paragraph {
	background: #fff;
	-webkit-box-shadow:  0 7px 25px 0px rgb(0 0 0 / 8%);
	-moz-box-shadow:  0 7px 25px 0px rgb(0 0 0 / 8%);
	box-shadow: 0 7px 25px 0px rgb(0 0 0 / 8%);
}

.cernepozadi  .paragraph__content--flex-container,
.cernepozadi  .paragraph__content--flex-container > .paragraph__content--flex-item-two:nth-child(odd) {
	margin: 0%  ;
}

.cernepozadi  .paragraph__content--flex-container > .paragraph__content--flex-item-two {
	max-width: 50%;
	margin: 0%  ;
}

.sedepozadi  .paragraph__inner--columns .paragraph--text,
.cernepozadi  .paragraph__inner--columns .paragraph--text {
	padding: 45px;
}

.paragraph__inner--columns .field--name-field-image {}

.mimoradne-upozorneni-page {
	padding: 40px;
	background: #b00040;
	color: #fff;
}

.galerie-content {
	padding-bottom: 90px;
}

/*
.container.kd-upozorneni-body:after {
	content: '!';
	display: block;
	width: 120px;
	text-align: center;
	height: 150px;
	line-height: 180px;
	font-size: 120px;
	color: rgba(255,255,255,0.2);
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -75px;
	}
	*/

	.kd-upozorneni  {
		padding: 60px   0 0 0 ;
	}

	.kd-upozorneni-body {
		background: #b00040;
		font-size: 1.1em;
		padding: 0 40px;
		color: #fff;
		position: relative;	padding: 40px  90px 40px  90px;
	}

	.field--name-field-mimoradne-upozorneni {
		width: 100%;
		max-width: 1140px;
		margin: 0 auto;
		position: relative;
	}

	.sedepozadi .paragraph__content--flex-container .paragraph--image {}

	.sedepozadi .paragraph__content--flex-container,
	.specialni-sekce-flex {
		display: flex;
		flex-wrap: wrap;
		align-items: stretch;
	}

	.interpret-paragrafy,
	.container.interpret-vypisy,
	.container.interpret-partneri {
		margin-top: 60px;
	}

	.flexibilni-obrazek-wrapper a {
		position: absolute;
		display: block;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 2;
		overflow: hidden;
		text-indent: -666666px
	}

	.specialni-sekce-flex-item {
		flex: 1 50%;
		max-width: 50%;
		padding: 0 0 120px 0;
	}

	.specialni-sekce-flex-item .half-container {
		padding-top: 85px;
	}

	.specialni-sekce-flex-item--image {
		color: #fff;
		min-height: 520px;
	}

	.specialni-sekce-flex-item {
		background-size: cover!important;
		background-position: center!important;
	}

	.half-container {
		width: 100%;
		max-width: 631px;
		padding: 0 60px;
	}

	.half-container.half-container--vlevo {
		float: right;
	}

	.vlozeny-koncert {
		background: #efefef;
	}

	.vlozeny-koncert {
		margin-bottom: 40px;
	}

	.vlozeny-koncert-obsah {
		padding: 	30px;
	}

	.vlozeny-koncert-obsah .nadpis {
		font-size: 	1.2em;
		margin-top: 0;
	}

	.vlozeny-koncert-obsah .vypis-ko-interpreti {
		font-size: 	0.7em;
	}

	.vlozeny-koncert-foto {
		min-height: 210px;
	}

	.vlozeny-koncert-datum {
		font-weight: 	600;
		text-transform: uppercase;
		font-size: 	0.7em;
	}

	.vlozeny-koncert-stav {
		font-size: 	0.8em;
	}

	.vlozeny-koncert .vypis-ko-interpreti {
		padding-top: 	15px;
	}

	.btn.btn--special-podrobnosti {
		position: absolute;
		bottom: -35px;	right: 0;
		font-size: 	0.8em;
		padding: 10px 15px;
		min-width: 140px;
	}

	.vlozeny-koncert a {text-decoration: none;}

	.vlozeny-koncert-flex {}

	/**** Výpis interpretů PKF ****/

	.vypis-interpretu--foto {
		position: relative;
		padding: 78% 0 0 0;
		width: 100%;
		height: 0;
		overflow: hidden;
		background: #f5f5f5;
	}

	.vypis-interpretu--jmeno {
		font-weight: 600;
		padding-top: 14px;
		padding-bottom: 7px;
		text-align: center;
	}

	.vypis-interpretu--podtitulek {
		font-style: italic;
		font-size: 0.9em;
		text-align: center;
	}

	.vypis-interpretu--foto .field--name-field-fotka {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
	}

	.paragraph__inner--sekce-pkf .field--name-field-formatted-title  {
		font-family: 'OE Display';
		font-size: 1.7em;
		padding-bottom: 16px;
		margin-top: 0;
		position: relative;
		display: inline-block;
		min-width: 200px;
		margin-bottom: 16px;
	}

	.paragraph__inner--sekce-pkf .field--name-field-formatted-title:after {
		content: '';
		display: block;
		position: absolute;
		max-width: 210px;
		width: 80%;
		height: 1px;
		bottom: 0;
		left: 0;
		background: #000;
	}

	.field--name-field-interpret-pkf {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-content: stretch;
	}

	.field--name-field-interpret-pkf > .field--item {
		flex:1 25%;
		max-width: 25%;
		padding: 1%;
	}

	/**** Galerie ****/

	.container--galerie-flex {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-content: stretch;
	}

	.nahled-galerie {
		flex:1 25%;
		max-width: 25%;
		padding: 0 1% 2% 1% ;
	}

	.nahled-galerie h2 {
		font-size: 1.2em;
		text-align: center;
	}

	/**** Komorní soubor - teaser ****/

	.komorni-soubor-teaser--flex {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-content: flex-start;
		align-items: flex-start;
	}

	.komorni-soubor-teaser {
		margin-bottom: 75px;
	}

	.komorni-soubor-teaser__flex-item {
		flex: 1 50%;
		max-width: 	50%;
	}

	.komorni-soubor-teaser__flex-item-40 {
		flex: 1 40%;
		max-width: 	40%;
	}

	.komorni-soubor-teaser__h2 a {
		text-decoration: none;
	}

	.komorni-soubor-teaser__flex-item-40 img {
		margin-top:0;
		position: relative;
	}

	.komorni-soubor-teaser__flex-item-60 {
		flex: 1 60%;
		max-width: 	60%;
		background: #eeeeee;
		margin-top: 40px;
		padding: 40px;
	}

	/**** Koncertní cykly ****/

	.vlozeny-koncert-flex,
	.kc-barva-seda-flex,
	.container--kc-flex,
	.vypis-ko-flex,
	.container--prehled-cyklu-views {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-content: stretch;
	}

	.container--prehled-cyklu-views {
		margin: 0 -1.6%;
	}

	.vlozeny-koncert-flex > * {
		flex: 1 50%;
		max-width: 	50%;
	}

	.vypis-ko-koncert {
		background: #fff;
		-webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.1);
		-moz-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.1);
		box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.1);
		margin-bottom: 35px;
	}

	.vypis-koncertu-v-cyklu
	{
		background: #eeeeee;
		padding:1px 0 33px 0;
	}



	.kc-detail-flex-item,
	.kc-flex-item  {
		flex: 1 50%;
		max-width: 50%;
	}

	.vypis-ko-ilustracni-foto  {
		flex: 1 27%;
		max-width: 27%;
		min-height: 260px;
	}

	.vypis-ko-interpreti {
		font-size: 0.9em;
	}

	.komorni-soubor__odkaz {
		font-weight: 600;
		padding-bottom: 6px;
		text-transform: uppercase;
	}

	.interpreti-v-nahledu .field--name-field-interpreti-paragraf > .field--item,
	.vypis-ko-interpreti .field--name-field-interpreti > .field--item {
		display: block;
		width: 100%;
		clear: both;
		padding: 0px 0;
	}

	.komorni-soubor-full .field--items > .field--item a,
	.komorni-soubor-teaser__flex-item .field--name-field-interpreti-paragraf .field--name-field-interpret a {
		text-decoration: none;
	}

	.komorni-soubor-teaser__flex-item .field--name-field-interpreti-paragraf .field--label {
		display: none;
	}

	.komorni-soubor-full  .field--items > .field--item:after,
	.komorni-soubor-teaser__flex-item .field--name-field-interpreti-paragraf .field--items > .field--item:after {
		display: block;
		position: relative;
		width: 100%;
		clear: both;
		padding: 0px 0;
		content: '';
	}

	.komorni-soubor-full .field--items > .field--item,
	.komorni-soubor-teaser__flex-item .field--name-field-interpreti-paragraf .field--items > .field--item {
		margin-bottom: 7px;
	}

	.vypis-ko-tlacitka {
		flex: 1 25%;
		max-width: 25%;
	}

	.vypis-ko-tlacitka {
		display: block;
		position: relative;
	}

	.vypis-ko-tlacitka-table {
		display: table;
		position: relative;
		height:100%;
		width: 100%;
	}

	.vypis-ko-tlacitka:after {
		content: '';
		display: block;
		width: 1px ;
		top: 25px;
		bottom: 25px;
		left: 0;
		position: absolute;
		background: #b7b7b7;
	}

	.vypis-ko-datum {
		text-transform: uppercase;
		font-weight: 600;
	}

	.vypis-ko-tlacitka-in {
		display: table-cell;
		vertical-align: middle;
		text-align: center;
		position: relative;
	}

	.vypis-ko-obsah {
		flex: 2 48%;
		max-width: 48%;
	}

	.container--prehled-cyklu-views {
		padding-top: 75px;
	}

	.cyklus-item {
		flex: 1 34%;
		max-width: 30%;
		margin:1.6% ;
		background: #fff;
		display: block;
	}

	.cyklus-item span,
	.cyklus-item a {
		display: block;
		text-decoration: none;
	}

	.cyklus-item a .false-table {
		color: #fff;
		display: table-cell;
		vertical-align: middle;
	}

	.cyklus-item a .kc-text {
		color: #000;
		font-size: 0.9em;
	}

	.kc-ilustracni-foto img {
		width: 100%;
	}

	.kc-titulek-vypis {
		font-size: 1em;
		text-transform: uppercase;
		position: relative;
		padding : 0 ;
		min-height: 53px;
	}

	.kc-titulek-vypis,
	.kc-podtitulek-vypis,
	.kc-oznaceni-vypis {
		display: block;
		text-align: center;
	}

	.kc-oznaceni-vypis {
		font-size: 5em;
		line-height: 0.95em;
		font-family: 'OE Display';
		font-weight: bold;
		font-display: swap;
	}

	.kc-detail-flex-item:first-child {
		z-index: 5;
	}

	.container--vypis-koncertu .vypis-koncert a {
		text-decoration: none;
	}

	.vypis-ko-hlavicka:after {
		content: '';
		display: block;
		position: relative;
		clear: both;
	}

	a.vypis-ko-hlavicka {
		display: block;
		color: #fff;
		line-height:40px;
		text-decoration: none;
		position: relative;
		font-size: 	1em;
	}

	a.vypis-ko-hlavicka .field--name-field-poradi-v-cyklu   {
		float:  right;
		padding: 	0 10px;
	}

	a.vypis-ko-hlavicka .fll   {
		float:  left;
		padding: 	0 10px;
	}

	.kc-barva {
		width: 120%;
		margin-left: -40px;
		position: relative;
		padding: 20px;
		padding-left: 80px;
	}

	.kc-barva-seda-flex .btn {margin-top: 20px;}

	.kc-obrazek .field--name-field-ilustracni-foto {
		margin-top: 40px;
	}

	/**** Detail koncertu  ****/

	.page-content__paragraph,
	.koncert-content__paragraph {
		margin-top: 90px;
	}

	.page-content__paragraph:last-child,
	.koncert-content__paragraph:last-child {
		margin-bottom: 90px;
	}

	.field--name-field-cena p {
		font-size: 0.8em;
		line-height: 1.6em;
	}

/*
.field--name-field-interpreti-alternativa h3 {
display: inline-block;
position: relative;
float: left;
clear: both;
font-size: 1em;
font-weight: 600;
margin: 0 0 6px 0 ;
}

.field--name-field-interpreti-alternativa p {
display: inline-block;
position: relative;
float: left;
font-style: italic;
margin: 0 0 6px 0 ;
}

.field--name-field-interpreti-alternativa p:before {
	content: '—';
	margin: 0 8px;
}


.field--name-field-interpreti-alternativa:after {
	content: '';
	display: block;
	position: relative;
	clear: both;

}
*/

.field--name-field-interpreti-alternativa {
	position: relative;
}

.kd-program {
	clear: both;
}

.kd-mohlo-by-se-libit h2.kd-mohlo-by-se-libit-h2 {
	color: #fff;
}

.kd-mohlo-by-se-libit {
	background: #000;
	padding: 130px 0;
	overflow: hidden;
}

.kd-obrazek {
	width: 100%;
	/*background: #27348b;*/
	height: 0;
	padding: 55.5% 0 0 0;
	position: relative;
	overflow: hidden;
}

.kd-obrazek img{
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}

.kd-oznaceni{
	width: 150px;
	height: 150px;
	line-height: 150px;
	font-weight: bold;
	color: #fff;
	background: #27348b;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 5;
	font-size: 3em;
	text-align: center;
	font-family: 'OE Display';
}

.container.container--koncert {
	max-width: 1050px;
	margin-top: -100px;
	margin-bottom: 0;
	z-index: 2;
}

.vypis-ko-obsah {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-content: flex-start;
}

.container--koncert-flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-content: stretch;
}

.vypis-ko-obsah .vypis-ko-konani {
	margin-top: 	1em;
}

.vypis-ko-obsah .vypis-ko-konani  .field--name-field-misto-konani{
	font-size: 	0.71em;
}

.vypis-ko-obsah .vypis-ko-konani h3 {
	font-size: 	0.71em;
	text-transform: uppercase;
	font-family: 'Acumin Pro Wide', sans-serif;
}

.vypis-ko-obsah .vypis-ko-konani  .field--name-description {
	display: none;
}

.vypis-ko-tlacitka-in .field--name-field-stav-koncertu {
	color: #ff0000;
	text-transform: uppercase;
	padding: 	15px 0 10px 0 ;
}

.field--name-field-datum-konani::first-word {
	display: block;	font-weight: bold;
}

.vypis-ko-obsah .field--name-field-interpreti {
	margin-top: 1em;
}

.vypis-ko-obsah .vypis-ko-interpreti {
	padding: 0	10px  0 0;
}

.vypis-ko-obsah .vypis-ko-konani-wrapper  {
	padding: 0	0 0 10px ;
}

.vypis-ko-obsah .vypis-ko-konani-wrapper  {
	flex: 1 40%;
	max-width: 40%;
}

.vypis-ko-obsah .vypis-ko-interpreti   {
	flex: 1 60%;
	max-width: 60%;
}

.kd-flex-item  {
	flex: 1 50%;
	max-width: 50%;
}

.vypis-ko-obsah .nadpis {
	flex: 1 100%;
	max-width: 100%;
	min-height: 	40px;
}

.field--name-field-interpreti > .field--item {
	display: block;
	width: 100%;
	clear: both;
	padding: 7px 0;
}

.field--name-field-interpreti > .field--item:after {
	content: '';
	display: block;
	position: relative;
	clear: both;
}

.field--name-field-interpreti > .field--item a {
	color: #000;
	text-decoration: none;
}

.kd-flex-item {
	background: #efefef;
	padding: 24px;
}

.kd-flex-item .paragraph__inner--bod-programu {
	padding-bottom: 6px;
}

.field--name-field-program-alternativa h3,
.kd-flex-item .field--name-field-skladatel {
	font-size: 1.1em;
	font-weight: 600;
	padding-bottom: 4px;
	margin: 0;
}

.field--name-field-program-alternativa p {

	margin: 0 0 6px 0 ;
}

.field--name-field-program-alternativa p,
.kd-flex-item .field--name-field-skladba {
	padding-bottom: 8px;
}

.komorni-soubor-full .field--name-field-interpret ,
.komorni-soubor-teaser__flex-item .field--name-field-interpret ,
.vypis-ko-interpreti .field--name-field-interpret ,
.kd-interpreti .field--name-field-interpret {
	float: left;
	font-weight: 600;
}

.komorni-soubor-full .field--name-field-nastroj ,
.komorni-soubor-teaser__flex-item .field--name-field-nastroj ,
.vypis-ko-interpreti .field--name-field-nastroj ,
.kd-interpreti .field--name-field-nastroj {
	float: left;
	font-style: italic;
}

.komorni-soubor-full .field--name-field-nastroj:before,
.komorni-soubor-teaser__flex-item .field--name-field-nastroj:before,
.vypis-ko-interpreti .field--name-field-nastroj:before,
.kd-interpreti .field--name-field-nastroj:before {
	content: '—';
	margin: 0 8px;
}

.kd-flex-item.barva {
	background: #27348b;
	color: #fff;
}
.kc-barva.barva,
.kd-flex-item.barva a {
	color: #fff;
}

.koncert-content__body {
	padding: 50px;
	background: #ddd;
	margin: 10px 0 ;
}


.page-node-type--orchestr .kc-barva.seda {margin-top: 40px;}
.kc-barva.seda {
	background: #eeeeee;
}



.paragraph--_-1-sloupce.ostatni,
.paragraph--columns.ostatni,
.specialni-sekce-flex-item.ostatni,
.specialni-sekce-flex-item.ostatni,
.paragraph--text.ostatni,
.cyklus-item a .ostatni,
.ostatni .ko-hlavicka,
.ostatni .vypis-ko-hlavicka,
.ostatni .kd-oznaceni,
.ostatni .kc-barva.barva,
.koncertni-cyklus a.ostatni,
.ostatni .kd-flex-item.barva {
	background:#7f92c9;
}

.paragraph--_-1-sloupce.zlata,
.paragraph--columns.zlata,
.specialni-sekce-flex-item.zlata,
.specialni-sekce-flex-item.zlata,
.paragraph--text.zlata,
.cyklus-item a .zlata,
.zlata .ko-hlavicka,
.zlata .vypis-ko-hlavicka,
.zlata .kd-oznaceni,
.zlata .kc-barva.barva,
.koncertni-cyklus a.zlata,
.zlata .kd-flex-item.barva {
  background:#8b724b;
}

.paragraph--_-1-sloupce.fialova,
.paragraph--columns.fialova,
.specialni-sekce-flex-item.fialova,
.specialni-sekce-flex-item.fialova,
.paragraph--text.fialova,
.cyklus-item a .fialova,
.fialova .ko-hlavicka,
.fialova .vypis-ko-hlavicka,
.fialova .kd-oznaceni,
.fialova .kc-barva.barva,
.koncertni-cyklus a.fialova,
.fialova .kd-flex-item.barva {
	background:#734c96;
}

.ostatni .kd-oznaceni {display: none;}


.paragraph--_-1-sloupce.zelena,
.paragraph--columns.zelena,
.specialni-sekce-flex-item.zelena,
.paragraph--text.zelena,
.cyklus-item a .zelena,
.zelena .ko-hlavicka,
.zelena .vypis-ko-hlavicka,
.zelena .kd-oznaceni,
.zelena .kc-barva.barva,
.koncertni-cyklus a.zelena,
.zelena .kd-flex-item.barva {
	background:#009640;
}
.paragraph--_-1-sloupce.zluta,
.paragraph--columns.zluta,
.specialni-sekce-flex-item.zluta,
.paragraph--text.zluta,
.cyklus-item a .zluta,
.zluta .ko-hlavicka,
.zluta .vypis-ko-hlavicka,
.zluta .kd-oznaceni,
.zluta .kc-barva.barva,
.koncertni-cyklus a.zluta,
.zluta .kd-flex-item.barva {
	background:#d7b747;
}
.paragraph--_-1-sloupce.modra,
.paragraph--columns.modra,
.specialni-sekce-flex-item.modra,
.paragraph--text.modra,
.cyklus-item a .modra,
.modra .ko-hlavicka,
.modra .vypis-ko-hlavicka,
.modra .kd-oznaceni,
.modra .kc-barva.barva,
.koncertni-cyklus a.modra,
.modra .kd-flex-item.barva {
	background:#27348b;
}
.paragraph--_-1-sloupce.ruzova,
.paragraph--columns.ruzova,
.specialni-sekce-flex-item.ruzova,
.paragraph--text.ruzova,
.cyklus-item a .ruzova,
.ruzova .ko-hlavicka,
.ruzova .vypis-ko-hlavicka,
.ruzova .kd-oznaceni,
.ruzova .kc-barva.barva,
.koncertni-cyklus a.ruzova,
.ruzova .kd-flex-item.barva {
	background:#f298c0;
}
.paragraph--_-1-sloupce.staroruzova,
.paragraph--columns.staroruzova,
.specialni-sekce-flex-item.staroruzova,
.paragraph--text.staroruzova,
.cyklus-item a .staroruzova,
.staroruzova .ko-hlavicka,
.staroruzova .vypis-ko-hlavicka,
.staroruzova .kd-oznaceni,
.staroruzova .kc-barva.barva,
.koncertni-cyklus a.staroruzova,
.staroruzova .kd-flex-item.barva {
	background:#ee7372;
}


.paragraph--columns.tmobile,
.specialni-sekce-flex-item.tmobile,
.paragraph--text.tmobile {
	background: #b00040;
}
.paragraph--columns.svetleseda,
.specialni-sekce-flex-item.svetleseda,
.paragraph--text.svetleseda {
	background: #ddd;
}

.paragraph--_-1-sloupce.pruhledna,
.paragraph--columns.pruhledna,
.specialni-sekce-flex-item.pruhledna,
.paragraph--text.pruhledna
{
	background: transparent;
	border: 1px solid #000;
}

.paragraph--_-1-sloupce.seda,
.paragraph--columns.seda,
.specialni-sekce-flex-item.seda,
.paragraph--text.seda {
	background: #777;
}

.paragraph--_-1-sloupce.cerna,
.paragraph--columns.cerna,
.specialni-sekce-flex-item.cerna,
.paragraph--text.cerna {
	background: #000;
}

.specialni-sekce-flex-item.tmobile,
.paragraph--columns.tmobile,
.specialni-sekce-flex-item.staroruzova,
.paragraph--_-1-sloupce.staroruzova,
.specialni-sekce-flex-item.seda,
.specialni-sekce-flex-item.cerna,
.specialni-sekce-flex-item.ruzova,
.specialni-sekce-flex-item.fialova,
.specialni-sekce-flex-item.modra,
.specialni-sekce-flex-item.ostatni,
.specialni-sekce-flex-item.zluta,
.specialni-sekce-flex-item.zelena,
.specialni-sekce-flex-item.fialova  {
	color: #fff;

}

.paragraph--columns.tmobile,
.paragraph--columns.staroruzova,
.paragraph--columns.ostatni,
.paragraph--columns.seda,
.paragraph--columns.cerna,
.paragraph--columns.ruzova,
.paragraph--columns.fialova,
.paragraph--columns.modra,
.paragraph--columns.zluta,
.paragraph--columns.zelena,
.paragraph--columns.fialova {
	color: #fff;

}

.field--name-field-mimoradne-upozorneni a,
.paragraph--_-1-sloupce.cerna a,
.paragraph--columns.cerna a,
.specialni-sekce-flex-item.cerna a,
.paragraph--text.cerna a {color: #fff;}

.paragraph--text.tmobile,
.paragraph--text.staroruzova,
.paragraph--text.ostatni,
.paragraph--text.seda,
.paragraph--text.cerna,
.paragraph--text.ruzova,
.paragraph--text.fialova,
.paragraph--text.modra,
.paragraph--text.zluta,
.paragraph--text.zelena,
.paragraph--text.fialova {
	color: #fff;
	padding: 15px;

}


.tmobile .paragraph--text h2.paragraph__content.paragraph__content--title:after,
.staroruzova .paragraph--text h2.paragraph__content.paragraph__content--title:after,
.ostatni .paragraph--text h2.paragraph__content.paragraph__content--title:after,
.seda .paragraph--text h2.paragraph__content.paragraph__content--title:after,
.cerna .paragraph--text h2.paragraph__content.paragraph__content--title:after,
.ruzova .paragraph--text h2.paragraph__content.paragraph__content--title:after,
.fialova .paragraph--text h2.paragraph__content.paragraph__content--title:after,
.modra .paragraph--text h2.paragraph__content.paragraph__content--title:after,
.zluta .paragraph--text h2.paragraph__content.paragraph__content--title:after,
.zelena .paragraph--text h2.paragraph__content.paragraph__content--title:after,
.fialova .paragraph--text h2.paragraph__content.paragraph__content--title:after,

.paragraph--text.tmobile h2.paragraph__content.paragraph__content--title:after,
.paragraph--text.staroruzova h2.paragraph__content.paragraph__content--title:after,
.paragraph--text.ostatni h2.paragraph__content.paragraph__content--title:after,
.paragraph--text.seda h2.paragraph__content.paragraph__content--title:after,
.paragraph--text.cerna h2.paragraph__content.paragraph__content--title:after,
.paragraph--text.ruzova h2.paragraph__content.paragraph__content--title:after,
.paragraph--text.fialova h2.paragraph__content.paragraph__content--title:after,
.paragraph--text.modra h2.paragraph__content.paragraph__content--title:after,
.paragraph--text.zluta h2.paragraph__content.paragraph__content--title:after,
.paragraph--text.zelena h2.paragraph__content.paragraph__content--title:after,
.paragraph--text.fialova h2.paragraph__content.paragraph__content--title:after  {
	background: #fff;

}


.paragraph--columns.tmobile .paragraph__content--flex-container,
.paragraph--columns.staroruzova .paragraph__content--flex-container,
.paragraph--columns.ostatni .paragraph__content--flex-container,
.paragraph--columns.seda .paragraph__content--flex-container,
.paragraph--columns.cerna .paragraph__content--flex-container,
.paragraph--columns.ruzova .paragraph__content--flex-container,
.paragraph--columns.fialova .paragraph__content--flex-container,
.paragraph--columns.modra .paragraph__content--flex-container,
.paragraph--columns.zluta .paragraph__content--flex-container,
.paragraph--columns.zelena .paragraph__content--flex-container,
.paragraph--columns.fialova .paragraph__content--flex-container {
	margin: 0!important;

	-webkit-align-items: stretch;
	align-items: stretch;
}


.paragraph--columns.tmobile .paragraph__content--flex-container .container,
.paragraph--columns.staroruzova .paragraph__content--flex-container .container,
.paragraph--columns.ostatni .paragraph__content--flex-container .container,
.paragraph--columns.seda .paragraph__content--flex-container .container,
.paragraph--columns.cerna .paragraph__content--flex-container .container,
.paragraph--columns.ruzova .paragraph__content--flex-container .container,
.paragraph--columns.fialova .paragraph__content--flex-container .container,
.paragraph--columns.modra .paragraph__content--flex-container .container,
.paragraph--columns.zluta .paragraph__content--flex-container .container,
.paragraph--columns.zelena .paragraph__content--flex-container .container
.paragraph--columns.zelena .paragraph__content--flex-container .container,
.sedepozadi .paragraph__content--flex-container .container {
	position: initial;
}



.flexibilni-obrazek {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: block;
	overflow: hidden;
	background-position: 50%;
	background-size: cover;
}


.paragraph--columns.tmobile .paragraph__content--flex-container > .paragraph__content--flex-item-two ,
.paragraph--columns.staroruzova .paragraph__content--flex-container > .paragraph__content--flex-item-two ,
.paragraph--columns.ostatni .paragraph__content--flex-container > .paragraph__content--flex-item-two ,
.paragraph--columns.seda .paragraph__content--flex-container > .paragraph__content--flex-item-two ,
.paragraph--columns.cerna .paragraph__content--flex-container > .paragraph__content--flex-item-two ,
.paragraph--columns.ruzova .paragraph__content--flex-container > .paragraph__content--flex-item-two ,
.paragraph--columns.fialova .paragraph__content--flex-container > .paragraph__content--flex-item-two ,
.paragraph--columns.modra .paragraph__content--flex-container > .paragraph__content--flex-item-two ,
.paragraph--columns.zluta .paragraph__content--flex-container > .paragraph__content--flex-item-two ,
.paragraph--columns.zelena .paragraph__content--flex-container > .paragraph__content--flex-item-two ,
.paragraph--columns.fialova .paragraph__content--flex-container > .paragraph__content--flex-item-two  {
	margin-top: 0!important;
	margin-left: 0!important;
	margin-right: 0!important;
	margin-bottom: 0!important;
	max-width: 50%;

}

.paragraph--columns.tmobile .paragraph__content--flex-container .paragraph--text,
.paragraph--columns.staroruzova .paragraph__content--flex-container .paragraph--text,
.paragraph--columns.ostatni .paragraph__content--flex-container .paragraph--text,
.paragraph--columns.seda .paragraph__content--flex-container .paragraph--text,
.paragraph--columns.cerna .paragraph__content--flex-container .paragraph--text,
.paragraph--columns.ruzova .paragraph__content--flex-container .paragraph--text,
.paragraph--columns.fialova .paragraph__content--flex-container .paragraph--text,
.paragraph--columns.modra .paragraph__content--flex-container .paragraph--text,
.paragraph--columns.zluta .paragraph__content--flex-container .paragraph--text,
.paragraph--columns.zelena .paragraph__content--flex-container .paragraph--text,
.paragraph--columns.fialova .paragraph__content--flex-container .paragraph--text {
	padding-top: 32px!important;
	padding-bottom: 32px!important;
	padding-left: 32px!important;
	padding-right: 32px!important;
}


.paragraph--text.pruhledna,
.paragraph--text.svetleseda {

	padding: 15px;
}

.specialni-sekce-flex-item--image h2.paragraph__content.paragraph__content--title:after,
.paragraph--text.staroruzova h2.paragraph__content.paragraph__content--title:after,
.paragraph--text.tmobile h2.paragraph__content.paragraph__content--title:after,
.paragraph--text.cerna h2.paragraph__content.paragraph__content--title:after,
.paragraph--text.seda h2.paragraph__content.paragraph__content--title:after,
.paragraph--text.fialova h2.paragraph__content.paragraph__content--title:after,
.paragraph--text.modra h2.paragraph__content.paragraph__content--title:after,
.paragraph--text.zluta h2.paragraph__content.paragraph__content--title:after,
.paragraph--text.zelena h2.paragraph__content.paragraph__content--title:after,
.paragraph--text.ruzova h2.paragraph__content.paragraph__content--title:after {
	background: #fff;
}


h1, h2, h3, h4, h5 {
	font-family: 'OE Display';
}

.kd-label {
	font-family: 'OE Display';
	font-size: 2.7em;
}

.kd-flex-item h2 {
	font-family: 'OE Display';
	position: relative;
	padding-top:16px;
	margin-top: 50px;
}

.kc-barva h2 {
	position: relative;
	padding-top:20px;
}

.kc-barva h2:after {
	content: '';
	display: block;
	position: absolute;
	max-width: 210px;
	width: 80%;
	height: 1px;
	top: 0;
	left: 0;
	background: #fff;
}

.kc-barva.seda h2:after {

	background: #000;
}

.koncertni-cyklus--full .container--body {
	padding-bottom: 80px;
	padding-top: 30px;
}

.kc-barva .kc-label div,
.kc-barva .kc-label span {
	display: inline;
}

.kc-interpreti h2 {
	width: 100%;}

	.kc-interpreti h2:after {

		max-width: 80%;
		width: 100%;
	}

	.title--vypis-koncertu {
		padding:25px 0 35px 0;;font-size: 1.8em;
	}

	.koncertni-cyklus--full .container--body h2 {
		position: relative;
		margin-bottom: 16px;
		padding-bottom: 16px;
	}


	.vypis-ko-obsah {
		padding:  25px  ;
	}

	.vypis-ko-obsah h3 {
		margin-top: 0;
	}

	.vypis-ko-tlacitka {
		padding:   25px  ;
	}

	.koncertni-cyklus--full .container--body h2:after {
		content: '';
		display: block;
		position: absolute;
		max-width: 210px;
		width: 80%;
		height: 1px;
		bottom: 0;
		left: 0;
		background: #000;
	}

	.kd-flex-item h2:after {
		content: '';
		display: block;
		position: absolute;
		max-width: 210px;
		width: 80%;
		height: 1px;
		top: 0;
		left: 0;
		background: #fff;
	}
	.kd-flex-item.seda h2:after {

		background: #000;
	}

	.kd-flex-item .kd-interpreti h2 {margin-top: 20px;}


	.koncert-content .field--name-field-stav-koncertu {
		font-size: 1.25em;
		text-transform: uppercase;
	}

	.kd-datum {
		width: 100%;
		position: relative;
		padding: 20px 0;
		margin: 20px 0;
		font-size: 1.25em;
		text-transform: uppercase;
	}

	.kd-datum:before,
	.kd-datum:after {
		content: '';
		display: block;
		position: absolute;
		width: 80%;
		height: 1px;
		top: 0;
		left: 0;
		background: #fff;
	}

	.kd-datum:after {
		top: auto;
		bottom: 0;
	}

	.kd-cyklus a {
		text-decoration: none;
		font-size: 1.1em;
	}

	/**** clanek ****/

	.page-node-type--article  .container.container--image-article {max-width: 750px;}
	.page-node-type--article  .container.container--basic-header {max-width: 900px;}
	.page-node-type--article  .container.container--basic-header h1 {margin-bottom: 40px;text-align: center;}
	.page-node-type--article  .container.container--node-body {max-width: 750px;}

	/**** HP ****/

	.whole-day  {
		position: relative;
	}

	.calendar-koncert__stav a {
		padding-top:12px;color: #ff0000;text-transform: uppercase;font-size: 0.7em;
	}


	.calendar-poradi-v-cyklu {
		display: block;
		width: 25px;
		height: 25px;
		position: absolute;
		top: 50%;
		margin-top: -12px;
		right: 0;
		background-color: transparent;
		color: #fff;
		line-height: 25px;
		text-align: center;
		font-size: 0.75em;
	}


	@media (min-width: 1481px) {


		.calendar__weekdays .days {
			font-weight: normal;
			text-transform: uppercase;
			color: #6f6f6f;
			font-size: 0.7em;
		}


		.calendar__header h2 {
			text-transform: uppercase;
			font-family: 'Acumin Pro Wide', sans-serif;
			text-align: center;
			width: 100%;
			font-size: 0.9em;
			font-weight: 600;
		}

		.calendar-container .single-day .item .program-dne {
			border-radius: 17px;
			position: absolute;
			top: 0;
			left: 0;
			display: block;
			width: 34px;
			height: 34px;
			line-height: 34px;
			text-align: center;
			font-size: 0.8em;
			font-weight: 600;
			z-index: 10;

		}

		.calendar-calendar .month-view .full td.single-day div.monthview {
			overflow: visible;
		}

		.calendar-container {
			width:  351px;
			position: absolute;
			top: 50px;
			right: 0;
		}



		.calendar__day {
			height: auto;
		}

		.calendar__day > .inner {
			height: 0;
			width: 100%;
			padding: 100% 0 0 0;
			position: relative;
			margin: 0;
		}

		.calendar__day .day-number {
			border-radius: 17px;
			background: transparent ;
			display: block;
			width: 90%;
			height: 90%;
			line-height: 34px;
			text-align: center;
			font-size: 0.8em;
			font-weight: 600;
			position: absolute;
			top: 5%;
			left: 5%;

		}






		.calendar-container .btn--white {

			width: 100%;
			border: 1px solid #888;
			font-weight: normal;

		}


		.has-events:hover .day-events {display: block;position: absolute;top: 0;right:100%;width: 400px;z-index: 20;}


		.calendar-koncert {


		}

		.calendar-koncert a {
			text-decoration: none;
		}


		.calendar__weekdays, .calendar__days {
			display: grid;
			grid-template-columns: repeat(7, 14.3%);
			column-gap: 0;
			justify-items: stretch;
			text-align: center;
		}



		#pkf-calendar {
			max-width: 250px;
			margin: 0 auto;
		}
/* 	.calendar-container .date-box{
		display: none;
		}*/

		.day-label {
			display: none;
		}

		.calendar-calendar th.days {
			color: #000;
			border: 0px solid #ccc;
			background-color: transparent;
			font-weight: bold;
		}

		.calendar-calendar .month-view .full tr td.single-day.today,
		.calendar-calendar td {
			border: 0px solid #fff;
		}

		.calendar-calendar td {
			border: 0px solid #fff;
		}

		.calendar-container .month-view {
			padding-top: 50px;
			padding-left: 25px;
			padding-right: 25px;
		}
	}


	.calendar__pager > li.current {
		margin: 0;
		padding-top: 2px;
	}
/*

	.calendar__pager {
		padding: 12px 5px;
		border: 0px solid #888;
		text-transform: uppercase;
		position: relative;
		text-align: center;
		font-size: 0.9em;
		max-width: 210px;
	}
	*/
	.calendar__pager  .prev a,
	.calendar__pager  .next a {
		display: block;
		width: 100%;
		height: 100%;
	}



	.calendar__pager  .next {
		top: 16px;
		right: 13px;
		position: absolute;
		overflow: hidden;
		text-indent: -66666px;
		width: 20px;
		height: 20px;
		border-top: 1px solid #000;
		border-right: 1px solid #000;
		display: block;
		transform: rotate(45deg);
	}
	.calendar__pager .prev {
		top: 16px;
		left: 13px;
		position: absolute;
		overflow: hidden;
		text-indent: -66666px;
		width: 20px;
		height: 20px;
		border-bottom: 1px solid #000;
		border-left:  1px solid #000;
		display: block;
		transform: rotate(45deg);
	}



	.calendar__pager {
		padding: 16px 11px;
		border: 1px solid #888;
		text-transform: uppercase;
		position: relative;
		text-align: center;
		font-size: 0.9em;
		max-width: 100%;
	}


	.ruzova .calendar-poradi-v-cyklu,
	.calendar__day  .day-number.ruzova {
		background: #f298c0;
		color: #fff;
	}

  .staroruzova .calendar-poradi-v-cyklu,
  .calendar__day  .day-number.staroruzova {
    background: #ee7372;
    color: #fff;
  }

.zluta .calendar-poradi-v-cyklu,
	.calendar__day  .day-number.zluta {
		background: #d7b747;
		color: #fff;
	}

	.zelena .calendar-poradi-v-cyklu,
	.calendar__day  .day-number.zelena {
		background: #009640;
		color: #fff;
	}

	.fialova .calendar-poradi-v-cyklu,
	.calendar__day  .day-number.fialova {
		background: #734c96;
		color: #fff;
	}

	.modra .calendar-poradi-v-cyklu,
	.calendar__day  .day-number.modra {
		background: #27348b;
		color: #fff;
	}

	.ostatni .calendar-poradi-v-cyklu,
	.calendar__day  .day-number.ostatni {
		background: #000;
		color: #fff;
	}

	@media (min-width:767px) and (max-width: 1480px) {



		.calendar__pager  .next {
			top: 10px;

		}
		.calendar__pager .prev {
			top: 10px;

		}



		.calendar__pager {
			padding: 12px 11px;
			border: 0px solid #888;

			max-width:180px;
		}


		.calendar__pager  .next {
			top: 15px;
			right: 13px;

			width: 10px;
			height: 10px;

		}
		.calendar__pager .prev {
			top: 15px;
			left: 13px;

			text-indent: -66666px;
			width: 10px;
			height: 10px;

		}

		.calendar__pager li.current {
			font-size: 0.75em;
		}

		#pkf-calendar {
			padding-bottom: 20px;
		}

		.calendar__pager {
			margin-top: 0;
		}

		.calendar__foot,
		.calendar__header,
		.calendar__body {
			width: 90%;
			max-width: 1163px;
			margin: 0 auto;
			position: relative;
		}
		.calendar__foot {display: none;}


		.calendar__weekdays {
			display: none;
		}
		.calendar__days {
			display: block;
			display: flex;
			grid-template-columns: unset;
			column-gap: unset;
			justify-items: unset;
			justify-content: s;
			align-items: center;

		}

		.calendar-container {
			width: 100%;
			position: relative;
			top: auto;
			right: auto;
		}

		.weekday-1:before {
			content: 'po'
		}

		.weekday-2:before {
			content: 'út'
		}

		.weekday-3:before {
			content: 'st'
		}

		.weekday-4:before {
			content: 'čt'
		}

		.weekday-5:before {
			content: 'pá'
		}

		.weekday-6:before {
			content: 'so'
		}

		.weekday-7:before {
			content: 'ne'
		}

		#pkf-calendar:lang(en) .weekday-1:before {
			content: 'mo'
		}

		#pkf-calendar:lang(en) .weekday-2:before {
			content: 'tu'
		}

		#pkf-calendar:lang(en) .weekday-3:before {
			content: 'we'
		}

		#pkf-calendar:lang(en) .weekday-4:before {
			content: 'th'
		}

		#pkf-calendar:lang(en) .weekday-5:before {
			content: 'fr'
		}

		#pkf-calendar:lang(en) .weekday-6:before {
			content: 'sa'
		}

		#pkf-calendar:lang(en) .weekday-7:before {
			content: 'su'
		}


		.calendar__days:after {
			content: '';
			position: relative;
			display: block;
			clear: both;
		}

		.calendar__day {
			float: none;
			flex: 3.2% 1;
			max-width: 3.1%;
			font-size: 12px;
		}

		.calendar__day {
			float: none;
			flex: 3.2% 1;
			max-width: 3.1%;
			font-size: 12px;
		}

		.has-events .day-overlay .day-popup .event  {font-size: 16px;}

		.calendar__day .day-number {
			border-radius: 2em;
		}



		.calendar__day > .inner {

			margin: 5px auto;
		}

		.calendar__day:before {
			font-weight: normal;
			text-transform: uppercase;
			color: #6f6f6f;
			font-size: 0.7em;
			text-align: center;
			display: block;
		}

		.calendar__day.next-month,
		.calendar__day.previous-month {
			display: none;
		}
	}

	.calendar-koncert__nadpis {margin-top: 0;}

	.has-events .event{
		padding: 15px 35px 15px 15px;
		display: block;
		background: #fff;
		border:1px solid #ddd;
		position: relative;
	}
	.has-events .event + .event{

		border-top:0px solid #ddd;

	}

	@media (max-width: 1480px) {

		.day-overlay-close {
			position: absolute;
			top: 0;
			right: 0;
			width: 30px;
			height: 30px;

		}

		.day-overlay-close:after {
			position: absolute;
			top: 12px;
			right: 3px;
			transform: rotate(45deg);
			width: 20px;
			height: 2px;
			background: #000;
			content: '';

		}

		.day-overlay-close:before {
			position: absolute;
			top: 12px;
			right: 3px;
			transform: rotate(-45deg);
			width: 20px;
			height: 2px;
			background: #000;
			content: '';

		}

		.has-events.open .day-events {display: block;}

		.has-events.open .day-overlay {
			position: fixed;
			background: rgba(255,255,255,0.8);
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			z-index: 100;
		}

		.has-events .day-overlay .day-popup {
			max-width: 500px;
			width: 90%;
			background: #fff;
			margin: 130px auto;
			position: relative;
			border: 1px solid #c8c8c8;
			border-bottom: 0px solid #c8c8c8;
			padding-top: 35px;
		}



		.has-events .day-overlay .day-popup .event a {
			text-decoration: none;

		}


		.has-events .day-overlay .day-popup .event {
			border: 0px solid #c8c8c8;	border-bottom: 1px solid #c8c8c8;

		}


	}


	.pruh-slider {
		position: relative;
	}
	.slider-container {
		width: calc(100% - 351px);
		height: 540px;
		overflow: hidden;
		position: relative;
		background-position: 50%;
		background-size: cover;
	}

	.slider-container:after {
		content: '';
		display: block;
		position: absolute;
		right: 0;
		top: 25px;
		bottom: 25px;
		width: 1px;
		background: #b7b7b7;
	}

	.slider-container .obrazek-slideshow {
		width:65%;
		height: 540px;
		overflow: hidden;
		float: left;
		background-position: 50%;
		background-size: cover;
	}

	.slider-container .text-slideshow {
		width: 35% ;
		height: 540px;
		overflow: hidden;
		float: right;
		padding: 50px;

	}
	.slider-container .text-slideshow p {
		line-height: 1.6em;

	}
	.slider-container .text-slideshow h2 {position: relative;
		padding-bottom: 28px;
		margin-bottom: 28px;}

		.slider-container .text-slideshow h2:after {
			width: 100%;
			max-width: 220px;
			height: 1px;
			background: #000;
			display: block;
			content: '';
			bottom: 0;
			left: 0;
			position: absolute;
		}

		.slick__arrow {
			top: auto;
			left: auto;
			right: 0;
			bottom: 30px;
			width: calc(35% - 35px);
			height: 100px;
			background: transparent;
			transform: translateY(0%);
		}

		.slick-arrow::before {display: none;}


		.slick__arrow .slick-prev {
			top: auto;
			left: 20px;
			bottom: 0;
			background: transparent;

			border-radius: 0;
		}


		.slick__arrow .slick-next {
			top: auto;
			left: 80px;
			bottom: 0;
			background: transparent;

			border-radius: 0;
		}



		.slick__arrow .slick-prev::before {
			top: 18px;
			left: -2px;
			position: absolute;
			content: '';
			width: 20px;
			height: 20px;
			border-bottom: 1px solid #000;
			border-left: 1px solid #000;
			display: block;

			transform: rotate(45deg);
		}

		.slick__arrow .slick-prev::after {
			top: auto;
			left: -6px;
			position: absolute;
			bottom: 14px;
			content: '';
			width: 40px;
			height: 1px;
			display: block;
			background: #000;

			border-radius: 0;
		}

		.slick__arrow .slick-next::before {
			top: 18px;
			right: -2px;
			position: absolute;
			content: '';
			width: 20px;
			height: 20px;
			border-top: 1px solid #000;
			border-right: 1px solid #000;
			display: block;
			transform: rotate(45deg);
		}

		.slick__arrow .slick-next::after {
			top: auto;
			right: -6px;
			bottom: 14px;
			content: '';
			width: 40px;
			height: 1px;
			position: absolute;
			display: block;
			background: #000000;
			border-radius: 0;
		}


		.field--name-field-abonma-popis h2 {
			position: relative;
			font-size: 1.7em;
			padding-bottom: 30px;
			margin-bottom: 23px;
		}

		.field--name-field-abonma-popis p {
			line-height: 1.8em;
			font-size: 1.05em;
		}

		.field--name-field-abonma-popis h2:after {
			width: 100%;
			max-width: 220px;
			height: 1px;
			background: #000;
			display: block;
			content: '';
			bottom: 0;
			left: 0;
			position: absolute;
		}


		.h2-aktualne-nadpis {
			margin: 0 0 30px 0;
			padding-bottom: 30px;
			position: relative;
			font-size: 2.3em;
		}

		.h2-aktualne-nadpis:after {
			width: 100%;
			max-width: 150px;
			height: 1px;
			background: #000;
			display: block;
			content: '';
			bottom: 0;
			left: 0;
			position: absolute;
		}

		.h2-koncerty-nadpis {
			margin-top: 0;
			padding-bottom: 55px;
			font-size: 2.3em;
		}


		.h2-orchestr-nadpis {
			font-family: 'OE Display';
			font-size:2.2em;
			padding-top: 75px;
			padding-bottom: 35px;
			display: block;
			color: #fff;
		}

		.container {
			width: 100%;
			max-width: 1163px;
			margin: 0 auto;
			position: relative;
		}

		#navbar .container {
			width: 100%;
			max-width: 1590px;
			margin: 0 auto;
			position: relative;
		}
		.pruh-aktualne,
		.pruh-koncerty {
			background: #efefef;
			padding: 80px 0;
			overflow: hidden;
		}


		.field--name-field-polozka-menu {

			display: flex;
			flex-wrap: wrap;
			justify-content:center;
			align-content: center;
			align-items: stretch;


		}



		.ui-state-default, .ui-widget-content .ui-state-default,
		.ui-widget-header .ui-state-default,
		.ui-button, html .ui-button.ui-state-disabled:hover,
		html .ui-button.ui-state-disabled:active {
			border: 0;
			background: transparent;
			font-weight: normal/*{fwDefault}*/;
			color: #454545/*{fcDefault}*/;
			text-align: center;
			width: 30px;
			height: 30px;
			border-radius: 15px;
			line-height: 26px;
			font-family: 'Acumin Pro Wide', sans-serif;


			-webkit-transition: all 500ms ease;
			-moz-transition: all 500ms ease;
			-o-transition: all 500ms ease;
			transition: all 500ms ease;


		}
		.ui-state-default:hover,
		.ui-widget-content .ui-state-default:hover,
		.ui-widget-header .ui-state-default:hover,
		.ui-button:hover
		{

			background:#000;

			color: #eee/*{fcDefault}*/;

		}
		.ui-widget-header {
			border: 0px solid #dddddd ;
			background:transparent;
			color: #333333 ;
			font-weight: bold; font-family: 'Acumin Pro Wide', sans-serif;
			font-weight: 500;
		}

		.ui-widget-content .ui-state-active ,
		.ui-widget-header .ui-state-active

		{

			background:#000;

			color: #eee/*{fcDefault}*/;

		}


		.tlacitko-dalsi {
			padding: 40px 0 10px 0 ;
			display: block;text-align: center;
		}

		.vypis-koncertu-v-cyklu .views-exposed-form
		{
			max-width: calc(1156px + 1%) ;
			width: 100%;
			margin: 0 auto;
			overflow: hidden;
		}

		.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b,
		.select2-container--default .select2-selection--single .select2-selection__arrow b {
			border-color: transparent #000 #000 transparent;
			border-style: solid;
			border-width: 0 1px 1px 0;
			height: 15px;
			left: 0;
			margin-left: 0;
			margin-top: 0;
			position: absolute;
			top: 50%;
			width: 15px;
			transform: rotate(45deg);
		}

		.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
			border-color: transparent #ddd #ddd transparent;
		}

		.select2-container--default .select2-selection--single .select2-selection__arrow {
			height: 26px;
			position: absolute;
			top: 5px;
			right: 12px;
			width: 20px;
		}

		.bef-datepicker.hasDatepicker {
			background-image: url(../images/date.svg);
			background-size: 29px;
			background-position: 92% 15px;
			background-repeat: no-repeat;
		}
		.views-exposed-form:after {
			clear: both;
			display: block;
			content: ''	;
			position:relative;
		}
		.views-exposed-form .form-item {
			float: left;
			margin: 0 0.5%  ;
			max-width: 30%;

		}

		.views-exposed-form .form-item.form-item-datum-konani-do,
		.views-exposed-form .form-item.form-item-datum-konani-od  {

			max-width: 17%;
			position: relative;
		}

		.views-exposed-form .form-item input {
			font-family: 'Acumin Pro Wide', sans-serif;
			font-size: 1.1em;
			padding: 0 17px;
			border: 1px solid #000;
			border-radius: 0;
			max-width: 100%;
			line-height: 61px;
			height: 63px;
			background: #eee;
		}

		.views-exposed-form .form-item.form-item-datum-konani-od  {

			margin-right: 50px;
		}

		.views-exposed-form .form-item.form-item-datum-konani-od:after {
			position: absolute;
			right: -40px;
			top: 23px;
			content: 'AŽ';

		}

		.views-exposed-form .form-item.form-item-datum-konani-od:lang(en):after {
			content: '-';
			right: -34px;
		}

		.views-exposed-form .form-item label {
			margin-bottom: 8px;
			display: none;
		}


		.views-exposed-form #edit-actions {

			display: none;
		}


		.views-exposed-form .form-item.form-item-field-koncertni-cyklus-target-id {
			width: 26%;
			float: right;

		}

		.views-exposed-form .form-item.form-item-field-misto-konani-target-id {
			width: 29.5%;
			float: right;

		}

		.select2-results__option {
			padding: 11px 6px;
			user-select: none;
			-webkit-user-select: none;
		}

		.select2-search.select2-search--dropdown {
			display: none;
		}

		.form-item-field-koncertni-cyklus-target-id .select2-container--default .select2-selection--single ,
		.form-item-field-misto-konani-target-id .select2-container--default .select2-selection--single {
			background-color: #eee;
			border: 1px solid #000;
			border-radius: 0;
			height: 63px;
			line-height: 63px;
			padding: 0 17px  ;
		}
		.select2-container--default .select2-selection--single .select2-selection__rendered {
			line-height: 62px;
		}

		.views-exposed-form .form-item .form-select {
			height: 43px;
			border-color: #ddd;
		}



		.field--name-field-polozka-menu > .field--item{
			flex: 1 25%;
			max-width: 23%;
			text-align: center;
			margin: 1.3% 0.5%;

			text-transform: uppercase;
		}

		.field--name-field-polozka-menu > .field--item a {
			font-weight: 600;
			text-decoration: none;
			font-size: 0.9em;
		}

		.field--name-field-polozka-menu > .field--item a:hover {

			text-decoration:underline;
		}

		.vsechny-aktuality,
		.koncertni-cykly,
		.abonma-flex,
		.hp-koncerty {
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			align-content: center;
			align-content: stretch;
		}
		.orchestr-relative-wrapper > h3 {
			width: 60%;
			z-index: 4;
			position: relative;
			padding: 40px;
			margin-bottom: 35px;
			font-size: 1.7em;
		}
		.orchestr-relative-wrapper > h3:after {
			width: 100%;
			max-width: 150px;
			height: 1px;
			background: #000;
			display: block;
			content: '';
			bottom: 0;
			left: 40px;
			position: absolute;
		}
		.orchestr-bily-blok  {
			background: #fff;
			position: absolute;
			width: 65%;
			height: 100%;
			display: block;
			z-index: 2;
		}

		.field--name-field-orchestr-popis {

			line-height: 1.7em;
			font-size: 1.05em;
		}

		.field--name-field-orchestr-popis > p:first-child {
			margin-top: 0;
		}

		.orchestr-relative-wrapper {
			position: relative;
		}

		.orchestr-text {
			display: flex;
			flex-wrap: wrap;
			justify-content: flex-start;
			align-content: flex-start;
			z-index: 3;
			position: relative;
		}

		.pruh-orchestr {
			position: relative;
			overflow: hidden;
			padding-bottom: 100px;
		}

		.orchestr-pozadi {
			width: 100%;
			height: 100%;
			position: absolute;
			top: 0;
			background-size: cover;
			background-position: 50% 50%;
			left: 0;
		}


		.orchestr-text-in {
			flex: 1 40%;
			max-width: 40%;
			padding: 0 40px 40px 40px ;

		}
		.orchestr-obrazek{
			flex: 1 60%;
			max-width: 60%;
			margin-bottom: -60px;

		}

		.abonma-flex {
			align-items: center;
		}

		.aktuality-item {
			flex: 1 50%;
			max-width: 48.8%;
			margin:0.6% ;
			background: #fff;
		}

		.aktuality-item .hp-aktualita {
			width: 100%;
			height: 0;
			padding: 66% 0 0 0;
			position: relative;
			display: block;
			overflow: hidden;
		}

		.aktuality-item .hp-aktualita img {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
		}

		.hp-koncert {
			flex: 1 34%;
			max-width: 32%;
			margin:0.6% ;
			background: #fff;
			position: relative;
		}




		.koncertni-cykly .koncertni-cyklus {
			flex: 1 34%;
			max-width: 32%;
			margin:0.6% ;
		}

		.koncertni-cykly .koncertni-cyklus > .views-field {
			width: 100%;
			position: relative;
			padding: 100% 0 0 0 ;
			height: 0;
		}

		.koncertni-cykly .koncertni-cyklus a {
			display: block;
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			text-decoration: none;
			color: #fff;
		}
		.koncertni-cyklus .kc-false-table,
		.kc-ctverec-vypis .false-table {
			display: table-cell;
			vertical-align: middle;
		}
		.koncertni-cyklus .kc-my-table,
		.kc-ctverec-vypis .kc-false-table-wrapper  {
			height: 100%;
			width: 100%;
			display: table;
		}

		.kc-ctverec-vypis-inside {
			position: absolute;
			width: 100%;
			height: 100%;
			top: 0;
			left: 0;
		}

		.kc-ctverec-vypis {
			width: 50%;
			padding: 50% 0 0 0;
			position: relative;
			margin: 0 auto;
			display: table!important;
		}




		.abonma-popis {
			flex: 1 34%;
			max-width: 32%;
			margin:0.6% ;
			display: table;

		}

		.field--name-field-abonma-popis {
			display: table-cell;
		}

		.abonma-vypis {
			flex: 1 69.2%;
			max-width: 65.2%;
			margin:0.6% ;


		}


		.kc-titulek,
		.kc-podtitulek,
		.kc-oznaceni {
			display: block;
			text-align: center;
		}

		.kc-oznaceni {
			font-size: 5em;
			line-height: 0.95em;
			font-family: 'OE Display';
			font-weight: bold;
			font-display: swap;
		}
		.kc-titulek:after  {
			position: absolute;
			display: block;
			width: 80%;
			height: 1px;
			background: #fff;
			content: '';
			bottom: 0;
			left: 10%;
		}

		.kc-titulek {
			font-size: 1em;
			text-transform: uppercase;
			position: relative;
			padding : 0 15px 15px 15px;
			min-height: 53px;
			margin-bottom: 15px;
		}

		.kc-podtitulek {
			font-size: 0.85em;
			padding: 0 15px;
			min-height: 36px;
		}

		.pruh-abonma {

			padding: 80px 0;
		}


		.hp-koncert a {
			text-decoration: none;
			color: #1d1d1d;
		}

		.hp-koncert h3 {
			font-family: 'OE Display';
			font-size: 1.7em;
			margin-top: 10px;
			min-height: 53px;

		}


		.ko-stav {
			position: absolute;
			bottom: 21px;
			color: #ff0000;
			text-transform: uppercase;
		}

		.ko-obsah {
			padding: 12px 12px 165px 12px  ;

		}

		.ko-konani-wrapper {
			position: absolute;
			bottom: 80px;
			left: 12px;
			right: 12px;
		}


		.ko-obsah  .btn--white.btn {
			position: absolute;
			bottom: 12px;
			right: 12px;
			border: 1px solid #888;
			padding: 8px;
		}

		.ttu {
			text-transform: uppercase;
		}


		.ko-hlavicka {
			line-height: 38px;
			font-size: 1.1em;
			background: #7f92c9;
			padding: 0 10px;
			color: #fff;
			min-height: 38px;
		}

		.ko-hlavicka .field--name-field-poradi-v-cyklu,
		.ko-hlavicka .poradi {
			float: right;
		}

		.ko-datum:after {
			position: absolute;
			width:70%  ;
			height: 1px;
			background: #000;
			top: 0;
			left: 0;
			content: '' ;

		}

		.ko-datum {
			padding-top: 13px;
			margin-top: 38px;
			position: relative;
			width: 100%;
			display: block;font-size: 1em;
			text-transform: uppercase;
		}

		.ko-interpreti p {
			margin-top: 0;
		}


		.ko-interpreti ul {
			margin: 0;
			padding: 0;
			list-style: none;
		}

		.ko-interpreti .paragraph__inner--interpret:after,
		.ko-hlavicka:after,
		.ko-interpreti ul li:after {
			clear: both;
			display: block;
			position: relative;
			content: '';
		}



		.ko-interpreti .field--name-field-interpreti > .field--item {padding: 0;}




		.ko-interpreti .paragraph__inner--interpret .field--name-field-interpret,
		.ko-interpreti ul .field--name-field-interpret {
			float: left;
			font-weight: 600;
		}
		.ko-interpreti .paragraph__inner--interpret .field--name-field-nastroj,
		.ko-interpreti ul .field--name-field-nastroj {
			float: left;
		}
		.ko-interpreti .paragraph__inner--interpret .field--name-field-nastroj:before,
		.ko-interpreti ul .field--name-field-nastroj:before {
			content: '—';
			margin: 0 8px;
		}


		.ko-ilustracni-foto {
			position: relative;
			padding: 56% 0 0 0 ;
			height: 0;
			overflow: hidden;
		}

		.ko-ilustracni-foto img {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;

		}

		.hp-aktualita:after {
			display: block;
			content: '';
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: rgba(0,0,0,0.5);
			z-index: 3;
			position: absolute;
		}

		.hp-aktualita-obsah {
			display: block;
			position: absolute;
			bottom: 15px;
			left: 15px;
			right: 15px;
			line-height: 1.5em;
			z-index: 5;
			font-size: 1.1em;
			color: #fff;
		}

		/**** Interpret ****/


		.container--interpret .field--name-field-fotka {margin-top: 45px;}
		.container--interpret {margin-top:80px ;}

		/**** Blok partneři ****/


		#block-partneri {
			border-top: 1px solid #000;

			padding-bottom: 100px;
			margin-top: 100px;
		}

		.koncert-partneri #block-partneri ,
		.koncertni-cyklus-partneri #block-partneri {
			border-top: 0px solid #000;

			padding-bottom: 100px;
			margin-top: 30px;
		}

		#block-partneri .field--label {
			text-transform: uppercase;
			padding-bottom: 27px;

			font-size: 0.7em;
		}


		#block-partneri .field.field--type-entity-reference  {
			padding-top: 75px;
			margin-right: 75px;
		}

		.nadpis-partner {
			display: none;
		}

		#block-partneri:after {
			clear: both;
			display: block;
			position: relative;
			content: '';
		}
		.field--name-field-generalni-partner,
		.field--name-field-za-podpory {
			float: left;
		}

		.field--name-field-partne .field--items,
		.field--name-field-za-podpory .field--items {
			display: flex;
		}

		.field--name-field-partne > .field--item,
		.field--name-field-za-podpory .field--items > .field--item {
			margin-right: 35px;
			max-width: 100%;
			flex: auto;
		}

		.field--name-field-partne > .field--item:last-child,
		.field--name-field-za-podpory .field--items > .field--item:last-child {
			margin-right: 0px;
		}

		.field--name-field-generalni-partner .field--name-field-logo img ,
		.field--name-field-za-podpory .field--name-field-logo img {
			height: 75px;
			width: auto;
		}

		.kd-partner-programu .field--name-field-partner .field--name-field-logo  img {
			max-height: 75px;
			width: auto;
			filter: grayscale(0);
		}

		.kd-partner-programu .field--name-field-partner .field--label {
			text-transform: uppercase;
			padding-top: 20px;
			font-size: 0.8em;
			padding-bottom: 10px;
		}

		.kd-partner-programu .field--name-field-partner .field--item {
			float: left;
			margin: 0 0 0 5px;
		}

		.field--name-field-hlavni-partner {
			clear:both;
		}

		.field--name-field-partne,
		.field--name-field-patron,
		.field--name-field-hlavni-partner,
		.field--name-field-hlavni-medialni-partner,
		.field--name-field-generalni-medialni-partner {
			float: left;
		}

		/**** footer ****/

		.footer {
			background: #000;
		}

		.footer .container--footer  {
			margin: 0 auto;
			max-width: 1164px;
			width: 96%;
		}

		.footer .container--footer .container {
			margin: 0 auto;
			max-width: 1164px;
			width: 100%;
		}



		.footer-flex {padding: 90px 0;}

		.footer-flex__item h3 {
			font-family: 'Acumin Pro Wide', sans-serif;
			font-weight: 500;
			padding-bottom: 40px;

		}

		.footer-flex__item ul,
		.footer-flex__item li {
			list-style: none;
			padding: 0;
			margin: 0;	font-weight: 500;

		}

		.footer-flex__item li {
			padding: 8px 0;
		}


		.field--name-field-telefon-a-prava {
			position: relative;
			padding-top: 16px ;
			margin-top: 36px;

		}

		.field--name-field-telefon-a-prava:after {
			content: '';
			display: block;
			position: absolute;
			width: 80%;
			height: 1px;
			top: 0;
			left: 0;
			background: #fff;
		}

		.footer .container,
		.footer p,
		.footer h2,
		.footer h3,
		.footer a {
			color: #fff;	font-size: 0.95em;
		}


		.footer-flex,
		.footer-flex-2,
		.footer-flex-3 {
			display: flex;
			flex-wrap: wrap;
			justify-content: flex-start;
			align-content: stretch;
		}


		.footer-flex__item,
		.footer-flex__item-2,
		.footer-flex__item-3 {
			flex: 1 49%;
			max-width: 49%;
			margin: 0 0.5%;
		}

		#navbar {
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 99px;
			z-index: 55;
			background: #fff
		}

		body  {
			padding-top: 99px!important;
		}

		body.toolbar-horizontal {
			padding-top: 171px!important;
		}

		.toolbar-horizontal #navbar {
			position: fixed;
			top: 79px;
			left: 0;
			width: 100%;
			height: 99px;
		}

		.navbar__decor {
			display: flex;
			flex-wrap: nowrap;
			position: absolute;
			bottom: 0;
			width: 100%;
		}

		.navbar__decor-item {
			flex:1;
			height: 8px;
		}

		.navbar__decor-item-1 {
			background: #27348b;
		}

		.navbar__decor-item-2 {
			background: #734c96;
		}

		.navbar__decor-item-3 {
			background: #009640;
		}

		.navbar__decor-item-4 {
			background: #d7b747;
		}

		.navbar__decor-item-5 {
			background: #f298c0;
		}

		.items-expire {
			font-size: 0.7em;
			text-align: center;
			width: 100%;
			position: absolute;
			top: 33px;
		}

		#block-pkfenigooshoppingcartblock {
			float: right;
		}

		#hp-mailchimp {
			color: #fff;
			background-color: #000;
			padding:130px 1px;
			position: relative;
		}

		.hp-mailchimp-form-a a {color: #fff;}

		.hp-mailchimp h2 {
			font-size: 2.3em;
			max-width: 300px;
			border-bottom: 1px solid #fff;
			padding-bottom: 25px;
			margin-bottom: 30px;
		}

		.hp-mailchimp p {
			font-size: 1.1em;
			max-width: 550px;
		}

		.mailchimp-signup-subscribe-form form  {
			max-width: 550px;
		}

		.hp-mailchimp-deco {
			width: 33%;
			height: 100%;
			display: block;
			position: absolute;
			top: 0;
			right: 0;
			background-size:cover;
			background-position: 50% 35%;
		}

		.mailchimp-signup-subscribe-form form  {
			font-size: 1.1em;
		}

    .mailchimp-newsletter-mergefields {
      display: flex;
      flex-wrap: wrap;
    }
    .form-item-mergevars-email {
      order: 2;
    }
    .form-item-mergevars-lname {
      display: inline-block;
      order: 1;
    }
    .form-item-mergevars-fname {
      display: inline-block;
      margin-right: 13px;
      order: 0;
    }
		.form-item-mergevars-email label,
    .form-item-mergevars-fname label,
    .form-item-mergevars-lname label {
			font-size: 0.7em;
			font-weight: normal;
			height: 20px;
			text-transform: uppercase;
		}

		.form-item-mergevars-email input[type=email] {
			width: 377px;
			height: 55px;
			line-height: 55px;
			padding: 0 15px;
		}
    .form-item-mergevars-fname input[type=text],
    .form-item-mergevars-lname input[type=text] {
      width: 180px;
      height: 55px;
      line-height: 55px;
      padding: 0 15px;
    }

		.form-item-gdpr-consent label {
			font-size: 	0.75em;
			line-height: 2em;
		}

		.form-item-gdpr-consent:lang(en) label {
			overflow: hidden;

			text-indent: 	-99999px;
			position: relative;
		}

		.form-item-gdpr-consent:lang(en) label:before {
			position: absolute;
			text-indent: 0;
			top: 0;
			left: 0;
			content: 'I agree to the terms and conditions for processing personal data';
		}

		.hp-mailchimp-form-a {
			width: 300px;
			left: 32px;
			margin: -20px 0 0 0;
			position: relative;
			font-size: 0.75em;
		}
    #mailchimp-signup-subscribe-block-newsletter-signup-form-pkf-form .form-item-gdpr-consent label {
      width: 90%;
    }
		#mailchimp-signup-subscribe-block-newsletter-signup-form-pkf-form #edit-submit {
			position: absolute;
			top: 110px;
			left: 377px;
			height: 55px;
			line-height: 55px;
			border-width: 0;
			border-radius: 0;
			padding: 0 15px;
			width: 170px;
			font-weight: 600;
			text-transform: uppercase;
			border-left: 1px solid #000;
			background: #e4e4e4;
			color: #000;
			cursor: pointer;
		}

		#mailchimp-signup-subscribe-block-newsletter-signup-form-pkf-form {
			position: relative;
			min-height: 131px;
		}

		.hp-mailchimp-form {
			min-height: 131px;
		}

		.cart-wrapper ul.cart-items,
		.cart-wrapper .cart-items li {
			list-style: none;
			padding: 8px 12px;
			border-bottom: 1px solid #ddd;
			margin: 0;
		}

		.cart-wrapper .cart-items.expired ,
		.cart-wrapper .cart-items.expired li {
			display: none;
		}

		.cart-wrapper .cart-items li:last-child {
			border-bottom: 0px solid #ddd;
		}

		.cart-wrapper ul.cart-items  {
			list-style: none;
			padding: 8px 12px;
			border-bottom: 0px solid #ddd;
			margin: 0;
			-webkit-box-shadow:  0 5px 10px 0px rgb(0 0 0 / 12%);
			-moz-box-shadow:  0 5px 10px 0px rgb(0 0 0 / 12%);
			box-shadow: 0 5px 10px 0px rgb(0 0 0 / 12%);
		}

		.cart-wrapper .cart-items li dd {margin: 0;}
		.cart-wrapper .cart-items li dt {
			display: none;
		}

		.pkf-cart .cart-wrapper {
			position: absolute;
			top: 100%;
			width: 	340px;
			right: 	0;
			background: #fff;
			max-height: 0;
			overflow: hidden;
			/*opacity:0	;*/
			-webkit-transition: max-height 500ms ease;
			-moz-transition: max-height 500ms ease;
			-o-transition: max-height 500ms ease;
			transition: max-height 500ms ease;
			/*border: 1px solid #ddd;*/
		}

		.pkf-cart:hover .cart-wrapper {
			display: block;
			max-height: 800px;
			overflow: visible;
			/*opacity:1	;*/
		}

		.pkf-cart:hover .cart-wrapper {
			display: block;
		}

		.cart-icon {
			left: 8px;
			margin-top: 6px;
			position: absolute;
		}

		.cart-link {
			width: 50px;
			height: 50px;
			display: block;
			top: 50%;
			position: absolute;
			margin-top: -25px;
			text-decoration: none;
		}

		.pkf-enigoo-login a {
			width: 50px;
			height: 50px;
			display: block;
			top: 50%;
			position: absolute;
			margin-top: -25px;
			text-decoration: none;
		}

		.pkf-enigoo-login a .user-ico {
			position: absolute;
			top: 5px;
			left: 13px;
		}

		.cart-count {
			font-size: 0.7em;
			display: block;
			width: 18px;
			line-height: 18px;
			text-align: center;
			height: 18px;
			top: -1px;
			left: 14px;
			position: absolute;
			border-radius: 10px;
		}

		.pkf-enigoo-login {
			height: 99px;
			position: relative;
			width: 50px;
			float: left;
		}

		.pkf-cart__wrapper {
			height: 99px;
			position: relative;
			width: 50px;
			float: left;
		}

		.cart-item__item--price {display: none;}
		.cart-item__item--price .cart-item-label {display: none;}
		.cart-item__item--name {}
		.cart-item__item--name .cart-item-item {font-weight: 600;}
		.cart-item__item--name .cart-item-label {display: none;}
		.cart-item__item--date {}
		.cart-item__item--date .cart-item-label {display: none;}
		.cart-item__item--count {}
		.cart-item__item--count .cart-item-label {display: none;}
		.cart-item__item--type {}
		.cart-item__item--type .cart-item-label {display: none;}
		.menu__item--main.menu__item--parent > ul:after,
		.cart-item__row-1:after {
			display: block;
			position: relative;
			clear: both;
			content: '';
		}

		.cart-item__row-1 {padding: 13px 0;}
		.cart-item__item.cart-item__item--price,
		.cart-item__item.cart-item__item--date {
			padding: 8px 0 3px 0 ;
		}

		.cart-item__item--name  {
			width: calc(100% - 25px);
			float: left;
		}

		.cart-item__item--count {float: right;}
		.cart-item__item--type {
			display: none;
		}

		.search-window {
			width: 0;
			height: 0;
			overflow: hidden;
			opacity: 0;
			position: fixed;
			top: 0;
			left: 0;
			background: #ffffffc9;
			z-index: 505;
		}

		.menu--main  {
			font-size: 0.95em;
		}

		@media (min-width: 1151px){
			.menu__link--main.menu__link--parent > .menu__arrow {
				margin-top: -7px;
			}
		}

		.menu--main .menu__item--main {
			text-transform: uppercase;
		}

		.menu__item--main {
			min-width:auto;
		}

		.menu__link--main {
			padding: 0 22px;
		}

		.menu__item--main.menu__item--parent > ul {
			display: none;
			width: 400px;
			font-size: 0.9em;
			border-width:0;
			padding: 8px 0 0 0;
			background: rgba(0,0,0,0.0);
			-webkit-box-shadow:  0 5px 10px 0px rgb(0 0 0 / 12%);
			-moz-box-shadow:  0 5px 10px 0px rgb(0 0 0 / 12%);
			box-shadow: 0 5px 10px 0px rgb(0 0 0 / 12%);
			-webkit-transition: max-height 400ms ease ;
			-moz-transition:  max-height 400ms ease ;
			-o-transition:  max-height 400ms ease ;
			transition:  max-height 400ms ease ;
		}

		.menu__item--main.menu__item--parent:hover > ul {
			display:block;
		}

		.menu__link--main.menu__link--parent {
			position: relative;
		}

		.menu--main.menu--child > .menu__item {
			list-style: none;
			background: #fff;
		}

		.stretch .paragraph__content--flex-container {
			-webkit-align-items: stretch;
			align-items: stretch;
		}
		.stretch .paragraph__content--flex-container .paragraph.paragraph--text  {
			height: 100%;
		}

		.paragraph__content--flex-container > .paragraph__content--flex-item-two {
			max-width: 47%;
			margin: 1% 1% 1% 2%; position: relative;
		}

		.paragraph__content--flex-container > .paragraph__content--flex-item-two:nth-child(odd) {
			margin: 1% 2% 1% 1%;
		}

		.menu--main.menu--child > .menu__item > .menu__link {
			display: table;
			padding: 16px 8px 13px 16px;
			height: auto;
			text-align: left!important;
			width: 400px;
			border-bottom: 1px solid #000;
		}


		.menu--main.menu--child > .menu__item {
	 		border-radius: 0;

	    }
		.menu--main.menu--child > .menu__item:last-child > .menu__link {
	 		border-radius: 0;
			border-bottom: 0px solid #000;
	    }

		.menu--main.menu--child > .menu__item > .menu__link:hover {
			background: #000;
			color:#fff 	;
		}

		.search-window.open {
			opacity: 1;
			width: 100%;
			height: 100%;
		}

		.language-switcher-language-url {
			display: block;
			width: 40px;
			height: 91px;
		}

		.search-block-form {
			display: block;
			width: 40px;
			height: 91px;
			position: relative;
		}

		.search-block-form .search-icon {
			display: block;
			position: absolute;
			width: 40px;
			height: 40px;
			top: 50%;
			margin-top: -20px;
			left: 0;
		}

		.search-block-form .search-icon svg {
			max-width: 24px;
			height: 24px;
			top: 4px;
			left: 50%;
			position: absolute;
			margin-left: -12px;
		}

		@media (min-width: 1151px){
			.language-switcher-language-url .contextual {
				display: none;
			}

			.language-switcher-language-url .links,
			.language-switcher-language-url .links li {
				margin: 0;padding: 0;
				text-transform: uppercase;
				list-style: none;
				width: 	35px;
				height: 25px;
				line-height: 25px;
				text-align: center;
			}

			.language-switcher-language-url .links {
				margin-top: 33px;
				margin-left: 5px;
				padding-top: 25px;
				position: relative;
				display: block;
			}

			.language-switcher-language-url .links li {
				display: none; z-index: 2;
			}

			.language-switcher-language-url .links:hover li {
				display: block;
				z-index: 5;
			}

			.language-switcher-language-url .links li a  {
				color: #000;
				text-decoration: none;
			}

			.language-switcher-language-url .links li.is-active  {
				display: block;
				position: absolute;
				top: 0;
				left: 0;
			}
			.language-switcher-language-url .links li  a  {
				text-decoration: underline;
			}
			.language-switcher-language-url .links li.is-active a  {
				font-weight: 600;text-decoration: none;
			}
		}

		.search-block-form,
		.language-switcher-language-url,
		#block-prepinacjazyka,
		#block-socialnisite ,
		#block-tpp-main-menu {
			float: right;
		}

		#block-socialnisite {
			width: 136px;
			display: block;
		}

		.menu--socialni-site  {
			margin: 0;
			padding: 0;
			width: 100%;
		}

		.menu--socialni-site li {
			float: left;
			display: block;
			width: 36px;
			height: 91px;
			padding: 25px 0 0 0;
			margin: 0 0 0 12px;
		}

		.menu--socialni-site li.first {
			margin: 0 0 0 0;
		}

		.menu--socialni-site li a {
			float: left;
			display: block;
			width: 36px;
			height: 36px;
			background: #000;
			border-radius: 18px;
			overflow: hidden;
			text-indent: -1000px;
		}

		.menu--socialni-site li a.facebook-icon {
			float: left;
			display: block;
			width: 36px;
			height: 36px;
			background: #000 url('../images/SOCIAL_IKONA_FB.svg') 50% 50% no-repeat;
			border-radius: 18px;
			overflow: hidden;
			text-indent: -1000px;
		}

		.menu--socialni-site li a.instagram-icon {
			float: left;
			display: block;
			width: 36px;
			height: 36px;
			background: #000 url('../images/SOCIAL_IKONA_IG.svg') 50% 50% no-repeat;
			border-radius: 18px;
			overflow: hidden;
			text-indent: -1000px;
		}

		.menu--socialni-site li a.youtube-icon {
			float: left;
			display: block;
			width: 36px;
			height: 36px;
			background: #000 url('../images/SOCIAL_IKONA_YT.svg') 50% 50% no-repeat;
			border-radius: 18px;
			overflow: hidden;
			text-indent: -1000px;
		}

		.pager__items {
			display: flex;
			align-items: center;
			justify-items: center;
			margin: 50px auto 80px auto;
			position: relative;
			padding: 0;
			flex-wrap: nowrap;
			justify-content: center;
		}

		.pager__item a {
			display: inline-block;
			flex: 1;
			text-decoration: none;
			padding: 20px 25px;
			text-transform: uppercase;
			text-align: center;
			font-size: 0.9em;
		}

		.pager__item--prev,
		.pager__item--next,
		.pager__item--first,
		.pager__item--last {
			min-width: 160px;
			text-align: center;
		}

		.pager__item a {
			background: transparent;
			color: #000!important;
		}

		.pager__item  {
			border: 1px solid #000;
			border-right: 0px solid #000;
		}
		.pager__item:last-child  {
			border-right: 1px solid #000;
		}

		.pager__item a:hover  {
			background: #000;
			color: #fff!important;
		}

		.custom--form--submit {
			max-width: 700px;
			padding-left: 200px;
			margin: 0 auto 30px auto;
		}

		.custom--form--wrapper {
			max-width: 700px;
			margin: 30px auto 12px auto;
		}

		.sede-pozadi {
			background: #eee;
			padding: 20px 0;
		}

		.custom--form--submit .form-item-gdpr-check {
			position: relative;
			height: 42px;
		}
		.custom--form--submit .form-item-gdpr-check input {
			z-index: 5;
			position: relative;
		}
		.custom--form--submit .form-item-gdpr-check label {
			overflow: hidden;
			width: 110px!important;
			height: 16px;
			white-space: nowrap;
			position: absolute;
			left: 33px;
			top: 4px;
			z-index: 5;
		}


		.custom--form--submit .form-item-gdpr-check .description {



			white-space: nowrap;
			position: absolute;
			left: 143px;
			top: 4px;
		}

		.custom--form--wrapper .form-item label {
			float: left;
			display: block;
			width: 200px;
			text-align: right;
			line-height: 60px;
			height: 60px;
			padding: 0 20px 0 0;
		}

		.custom--form--wrapper .form-item input {
			float: right;
			display: block;
			width:calc(100% - 200px);
			font-size: 1.1em;
			border: 1px solid #ddd;
			padding: 13px;
			line-height: 30px;
			font-family: 'Acumin Pro Wide', sans-serif;
		}


		.webform-button--submit {
			display: inline-block;
			text-decoration: none;
			padding: 15px 19px;
			text-transform: uppercase;
			font-weight: 600;
			min-width: 190px;
			text-align: center;
			font-size: 0.9em;
			border-radius: 0;
			-webkit-box-shadow: 0 0 0 rgb(0 0 0 / 0);
			-moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
			box-shadow: 0 0 0 rgb(0 0 0 / 0);
		}

		.container--custom-webform .webform-button--submit {
			background:#f298c0;
			color: #fff!important;
		}

		.custom--form--wrapper .form-item:after {
			display: block;
			content: '';
			position: relative;
			clear: both;
		}



		@media (max-width: 1620px) {
			.region--brand {
				margin-top: 19px;
				margin-left: 8px;
			}
		}


		@media (max-width: 1480px) {

			.menu--socialni-site li a.facebook-icon,
			.menu--socialni-site li a.instagram-icon,
			.menu--socialni-site li a.youtube-icon {
				float: left;
				display: block;
				width: 28px;
				height: 28px;
				background-size: 100%;
			}

			.menu--socialni-site li {
				padding: 28px 0 0 0;
				margin: 0 0 0 0px;
			}

			#block-socialnisite {
				width: 108px;
				display: block;
			}

			.menu--main {
				font-size: 0.85em;
			}

			.menu__link--main {
				padding: 0 15px 0 15px;
			}

			.menu__link--main.menu__link--parent {
				padding: 0 22px 0 15px;
			}

			.region--brand {
				margin-top: 22px;
			}


			.slider-container {
				width: 100% ;
			}

			.calendar-container {
				width:100%;
				position: relative;

			}
		}

		@media (max-width: 1350px) {

			#block-socialnisite {
				display: none;
			}

			.kc-ctverec-vypis {
				width: 75%;
			}

			.container {
				width: 90%;
			}

			.container .container {
				width: 100%;
			}
		}

		@media (max-width: 1290px) {


			.vypis-koncertu-v-cyklu .views-exposed-form {
				max-width: 91%;
			}
		}


		@media (max-width: 1250px) {

			.paragraph__content--gallery .field--name-field-images > .field--item {
				-webkit-flex: 1 33.3333%;
				-moz-flex: 1 33.3333%;
				-ms-flex: 1 33.3333%;
				flex: 1 33.3333%;
				-webkit-align-self: auto;
				align-self: auto;
				-webkit-order: 0;
				-moz-order: 0;
				min-width: 25%;
				max-width: 33.3333%;
				order: 0;
				padding: 10px;
			}

			.nahled-galerie {
				flex: 1 33.333333%;
				max-width: 33.333333%;
				padding: 0 1% 2% 1%;
			}

			.pkf-enigoo-login,
			.pkf-cart__wrapper {
				width: 40px;
			}

			.menu--main {
				font-size: 0.8em;
			}

			.menu__link--main.menu__link--parent {
				padding: 0 22px 0 7px;
			}
		}

		.icon--burger {
			top: 28px;
		}


		@media (max-width: 1150px){


			.kc-titulek-vypis {

				min-height: 40px;
			}

			#hp-mailchimp {

				padding: 80px 1px;

			}

			.icon--burger__top, .icon--burger__center, .icon--burger__bottom {

				width: 48px;
				height: 2px;

				left: -7px;
			}

			.vypis-ko-obsah .vypis-ko-interpreti,
			.vypis-ko-obsah .vypis-ko-konani-wrapper {
				flex: 1 100%;
				max-width: 100%;
			}

			.vypis-ko-obsah .vypis-ko-konani-wrapper {
				padding: 10px 0 0 0 ;
			}

			.vypis-ko-obsah {
				flex: 2 100%;
				max-width: calc(70% - 219px);
			}
			.vypis-ko-tlacitka {
				flex: 2 220px;
				max-width: 220px;
			}
			.abonma-popis {
				flex: 1 100%;
				max-width: 90%;
				margin: 0.6% auto;
				min-width: 90%;
				display: table;
			}


			.abonma-vypis {
				flex: 1 98.6%;
				max-width: 90%;
				min-width: 90%;
				margin: 0.6% auto;
			}
			.navbar--main .nav .nav-inner {
				width: 450px;
			}

			.navbar--main .nav .nav-inner > .region {
				height: calc(100% - 99px);
				overflow: scroll;
				margin-top: 99px;
				background: #fff;
				border-left: 1px #cccccc solid;
			}

			.navbar--main.navbar--opened .nav .nav-inner .menu--parent.menu--main {
				-webkit-box-shadow: 0 0 2px 2px rgb(0 0 0 / 0);
				-moz-box-shadow: 0 0 2px 2px rgba(0,0,0,0 );
				box-shadow: 0 0 2px 2px rgb(0 0 0 / 0);
				width: calc(100% - 4px);
				margin: 0 0 0 2px;
			}

			.pkf-enigoo-login, .pkf-cart__wrapper {
				width: 50px;
			}

			.search-block-form {
				width: 50px;
			}

			.language-switcher-language-url .links li {
				display: block;float: left;
			}

			.language-switcher-language-url .links {
				margin: 0;padding: 0;
				text-transform: uppercase;
				list-style: none;
			}

			.language-switcher-language-url .links li {
				margin: 0;padding: 0;
				text-transform: uppercase;
				list-style: none;
				width: 	35px;
				height: 25px;
				line-height: 25px;
				text-align: center;
				float: left;
			}

			.language-switcher-language-url .links li a {
				text-decoration: underline;
			}

			.language-switcher-language-url .links li a.is-active {
				text-decoration: none;
				font-weight: 600;
			}

			.language-switcher-language-url .links {

				position: relative;
				display: block;
				padding-top: 32px;
			}

			.language-switcher-language-url .links li.is-active {}


			.menu--main.menu--child > .menu__item > .menu__link {
				display: table;
				padding: 20px 8px 20px 25px;
				height: auto;
				text-align: left!important;
				width: 400px;
				border-bottom: 1px solid #cdcdcd;
			}
			.menu__item--main.menu__item--parent > ul {
				display: none;
				width: 400px;
				font-size: 0.9em;
				border-width: 0;
				padding: 8px 0 0 0;

				background: rgba(0,0,0,0.0);
				-webkit-box-shadow: 0 0 0 0 rgb(0 0 0 / 0);
				-moz-box-shadow: 0 0 0 0 rgb(0 0 0 / 0);
				box-shadow: 0 0 0 0 rgb(0 0 0 / 0);

			}

			.menu__link--main {
				border-bottom: 1px solid #cdcdcd;
				height: 65px;
			}

			.language-switcher-language-url {
				width: auto;
			}

		}

		.mobile-bottom {display: none;}

		@media (max-width: 992px) {

			.pkf-sloupce-flex__item.pkf-sloupce-flex__item--siroky {
    flex: 1 100%;
    max-width: 98%;
    margin: 0.6%;
    position: relative;
}

.pkf-sloupce-flex__item {
    flex: 1 50%;
    max-width: 48.8%;
    margin: 0.6%;
    position: relative;
}


			.paragraph__content--flex-container > .paragraph__content--flex-item-three {
				-webkit-flex: 1 1 50%;
				-moz-flex: 1 1 50%;
				-ms-flex: 1 1 50%;
				flex: 1 1 50%;
				-webkit-align-self: auto;
				align-self: auto;
				-webkit-order: 0;
				-moz-order: 0;
				order: 0;
				max-width: 48%;
				margin: 1%;
			}


			#hp-mailchimp .hp-mailchimp-deco {
				display: none;

			}


			.field--name-field-interpret-pkf > .field--item {
				flex: 1 33.33334%;
				max-width: 33.33334%;
				padding: 1%;
			}



			.half-container.half-container--vpravo ,
			.half-container.half-container--vlevo {
				width: 100%;
				max-width: 700px;
				padding: 85px 60px 0 30px;
				margin: 0 auto;
				float: none;
			}

			.half-container.half-container--vpravo {

				padding: 30px 60px 0 30px;

			}

			.half-container .container {width: 100%;}



			.specialni-sekce-flex-item--image {


			}




			.specialni-sekce-flex-item {
				flex: 1 100%;
				max-width: 100%;
				padding: 0 0 60px 0;
			}



			.footer-flex .bottom {display: none;}
			.mobile-bottom {display: block;}

			.footer-flex > .footer-flex__item {

				flex: 1 99%;
				max-width: 99%;
				margin: 0 0.5%;
			}


			.kc-detail-flex-item {
				flex: 1 100%;
				max-width: 100%;
			}

			.kc-barva {
				width: 100%;
				margin-left: 0;
				position: relative;
				padding: 20px;
			}

			.footer-flex {
				padding: 29px 0;
			}

			.field--name-field-telefon-a-prava {
				position: relative;

				margin-top: 0px;
				padding:16px 10px 36px 10px;
			}

			.footer-flex__item-3,
			.footer-flex__item-2
			{
				padding: 10px;
			}
			.footer-flex__item.footer-flex-3 .footer-flex__item-3 {position: relative;}
			.footer-flex__item.footer-flex-3 .footer-flex__item-3:before {position: absolute;
				top: 0;
				left: 10px;
				width: calc(100% - 20px) ;
				background: #fff;
				height: 1px;
				content: '';
			}

			.vypis-ko-obsah {
				flex: 2 100%;
				max-width: calc(100% - 480px);
			}


			.vypis-ko-ilustracni-foto {

				flex: 1 100%;
				max-width: 250px;
				min-height: 250px;
			}




			.slider-container .obrazek-slideshow {
				width: 100%;
				padding: 60% 0 0 0;
				height: auto;
				overflow: hidden;
				float: left;
				background-position: 50%;
				background-size: cover;
			}

			.slider-container .text-slideshow {
				width: 100% ;
				height: auto;
				overflow: hidden;
				float: right;
				padding: 15px;

			}

			.slider-container .text-slideshow p {
				font-size: 0.8em;
			}

			.slider-container {
				height: auto;
				overflow: hidden;
				position: relative;
				background-position: 50%;
				background-size: cover;
			}

			.slider-container .text-slideshow h2 {
				position: relative;
				padding-bottom: 15px;
				margin-bottom: 15px;
				font-size: 1.4em;
			}

			.slick__arrow .slick-next {
				left: auto;
				right: 23px;
				bottom: 0;
			}

			.slick__arrow {
				position: relative;
				top: 	auto;
				left: 	auto;
				width: 	100%;
				bottom: 0;
				height: 55px;
			}

			.cyklus-item {
				flex: 1 50%;
				max-width: 46%;
				margin: 2%;
				background: #fff;
				display: block;
			}

		}

		@media (max-width: 900px) {
			.custom--form--wrapper {
				max-width: 90%;
				margin: 30px auto 12px auto;
			}

			.custom--form--submit {
				max-width: 90%;
				padding-left: 0;
				margin: 0 auto 30px auto;
			}

			.custom--form--wrapper .form-item label {
				float: none;
				display: block;
				width: 100%;
				text-align: left;
				line-height: 45px;
				height: 40px;
				padding: 0 0 0 1px;
			}

			.custom--form--wrapper .form-item input {
				float: none;
				display: block;
				width: 100%;
				font-size: 1.1em;
				border: 1px solid #ddd;
				padding: 13px;
				line-height: 30px;
				font-family: 'Acumin Pro Wide', sans-serif;
			}

			.field--name-field-polozka-menu > .field--item {
				flex: 1 33%;
				max-width: 30%;
				text-align: center;
				margin: 1.3% 0.5%;


			}



			.sedepozadi .paragraph__content--flex-container > .paragraph__content--flex-item-two {
				max-width: 100%;
				min-width: 100%;
				margin: 0%;
				min-height: 440px;
			}
			.paragraph--container.sedepozadi > .container--paragraph > .paragraph__inner > .paragraph__content--paragraph .paragraph__content--flex-container {

				flex-direction: column;
			}
			.paragraph--container.sedepozadi > .container--paragraph > .paragraph__inner > .paragraph__content--paragraph:nth-child(odd) .paragraph__content--flex-container {

				flex-direction: column-reverse;
			}



			.kd-flex-item {
				flex: 1 100%;
				max-width: 100%;
			}
			.container.container--koncert {

				margin-top: 0px;
				margin-bottom: 0;
				z-index: 2;
			}
			.kd-oznaceni {
				width: 80px;
				height: 80px;
				line-height: 80px;

				font-size: 2em;

			}
			.paragraph__content--flex-container > .paragraph__content--flex-item-two:nth-child(odd),
			.paragraph__content--flex-container > .paragraph__content--flex-item-two {
				max-width: 98%;
				margin: 1% ; position: relative;
			}

			.hp-koncert {
				flex: 1 50%;
				max-width: 48.8%;
				margin:0.6% ;
				background: #fff;
				position: relative;
			}



		}

		@media (max-width: 830px) {


	.kd-upozorneni-body {

		position: relative;	padding:   30px;
	}



.paragraph--columns.tmobile .paragraph__content--flex-container > .paragraph__content--flex-item-two,
 .paragraph--columns.staroruzova .paragraph__content--flex-container > .paragraph__content--flex-item-two,
 .paragraph--columns.ostatni .paragraph__content--flex-container > .paragraph__content--flex-item-two,
 .paragraph--columns.seda .paragraph__content--flex-container > .paragraph__content--flex-item-two,
 .paragraph--columns.cerna .paragraph__content--flex-container > .paragraph__content--flex-item-two,
 .paragraph--columns.ruzova .paragraph__content--flex-container > .paragraph__content--flex-item-two,
 .paragraph--columns.fialova .paragraph__content--flex-container > .paragraph__content--flex-item-two,
 .paragraph--columns.modra .paragraph__content--flex-container > .paragraph__content--flex-item-two,
 .paragraph--columns.zluta .paragraph__content--flex-container > .paragraph__content--flex-item-two,
 .paragraph--columns.zelena .paragraph__content--flex-container > .paragraph__content--flex-item-two,
 .paragraph--columns.fialova .paragraph__content--flex-container > .paragraph__content--flex-item-two {
    -webkit-flex: 1 100%;
    -moz-flex: 1 100%;
    -ms-flex: 1 100%;
    flex: 1 100%;
    -webkit-align-self: auto;
    align-self: auto;
    -webkit-order: 0;
    -moz-order: 0;
    order: 0;
    max-width: 100%;
    margin: 0;
}

.paragraph--columns.staroruzova .flexibilni-obrazek,
 .paragraph--columns.ostatni .flexibilni-obrazek,
 .paragraph--columns.seda .flexibilni-obrazek,
 .paragraph--columns.cerna .flexibilni-obrazek,
 .paragraph--columns.ruzova .flexibilni-obrazek,
 .paragraph--columns.fialova .flexibilni-obrazek,
 .paragraph--columns.modra .flexibilni-obrazek,
 .paragraph--columns.zluta .flexibilni-obrazek,
 .paragraph--columns.zelena .flexibilni-obrazek,
 .paragraph--columns.fialova .flexibilni-obrazek,

.paragraph--columns.tmobile .flexibilni-obrazek {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 50%;
    top: 0;
    left: 0;
    display: block;
    overflow: hidden;
    background-position: 50%;
    background-size: cover;
}

			.field--name-field-partne .field--items,

			.field--name-field-za-podpory .field--items {
				display: flex;
				flex-wrap: wrap;
			}


			.field--name-field-partne > .field--item, .field--name-field-za-podpory .field--items > .field--item {
				padding-bottom: 	15px;
			}



			.nahled-galerie {
				flex: 1 50%;
				max-width: 50%;
				padding: 0 1% 2% 1%;
			}

			.paragraph__content--gallery .field--name-field-images > .field--item {
				-webkit-flex: 1 50%;
				-moz-flex: 1 50%;
				-ms-flex: 1 50%;
				flex: 1 50%;
				-webkit-align-self: auto;
				align-self: auto;
				-webkit-order: 0;
				-moz-order: 0;
				min-width: 25%;
				max-width: 50%;
				order: 0;
				padding: 10px;
			}

			.specialni-sekce-flex-item--image {

				min-height: 460px;
			}

			.vypis-koncertu-v-cyklu .views-exposed-form {
				max-width: 100%;
			}

			.views-exposed-form .form-item.form-item-field-misto-konani-target-id,
			.views-exposed-form .form-item.form-item-field-koncertni-cyklus-target-id {
				width: 40%;
			}

			.views-exposed-form .form-item.form-item-datum-konani-do, .views-exposed-form .form-item.form-item-datum-konani-od {
				max-width: 40%;
				position: relative;
			}

			.views-exposed-form .form-item.form-item-datum-konani-od {
				margin-right: 5%;
			}

			.views-exposed-form .form-item {
				float: left;
				max-width: 45%;
				margin: 0 5%;
			}

			.views-exposed-form .form-item.form-item-datum-konani-od:after {
				position: absolute;
				right: -25%;
				text-align: center;
				top: 23px;
				content: 'AŽ';
				width: 25%;
				display: block;
			}
			.views-exposed-form .form-item.form-item-datum-konani-od:lang(en):after {
				right: -25%;
			}

			.orchestr-text {
				flex-flow: column-reverse;
				flex-wrap: wrap;
			}

			.orchestr-bily-blok {
				background: #fff;
				position: relative;
				width: 100%;
				height: 100%;
				display: block;
				z-index: 2;
			}

			.orchestr-obrazek {
				flex: 1 100%;
				max-width: 100%;
				margin-bottom: 0;
			}

			.orchestr-relative-wrapper {
				position: relative;
				max-width: 520px;
				margin: 0 auto;
				background: #fff;
			}

			.h2-orchestr-nadpis {
				max-width: 520px;
				margin: 0 auto;
			}

			.orchestr-text-in {
				flex: 1 100%;
				max-width: 100%;
				padding: 40px;
			}

			.orchestr-relative-wrapper > h3 {
				width: 100%;
			}

			.vypis-ko-obsah {
				flex: 2 100%;
				max-width: calc(100% - 250px);
			}

			.vypis-ko-ilustracni-foto {
				flex: 1 100%;
				max-width: 250px;
				min-height: 250px;
			}

			.vypis-ko-tlacitka {
				flex: 1 100%;
				max-width: 100%;
				min-width: 100%;
			}

			.vypis-ko-tlacitka-in {
				text-align: left;
			}

			.page--concerts-and-tickets .vypis-ko-tlacitka-in .btn,
			.page--koncerty-a-vstupenky .vypis-ko-tlacitka-in .btn {
				position: absolute;
				top: 0;
				right: 0;
				margin-top: 0;
				max-width: 215px;

			}

			.vypis-ko-tlacitka-in .btn {

				max-width: 215px;

			}


			.vypis-ko-tlacitka {margin-top: 25px;}


			.vypis-ko-tlacitka:after {
				content: '';
				display: block;
				width: auto;
				height: 1px;
				top: 0px;
				bottom: auto;
				left: 25px;
				position: absolute;
				background: #000;
				right: 25px;
			}

		}


		@media (max-width: 767px) {

			.paragraph__content--flex-container > .paragraph__content--flex-item-three {
				-webkit-flex: 1 1 100%;
				-moz-flex: 1 1 100%;
				-ms-flex: 1 1 100%;
				flex: 1 1 100%;
				-webkit-align-self: auto;
				align-self: auto;
				-webkit-order: 0;
				-moz-order: 0;
				order: 0;
				max-width: 98%;
				margin: 1%;
			}



			.page--concerts-and-tickets .container.container--basic-header h1,
			.page--koncerty-a-vstupenky .container.container--basic-header h1 {
				margin: 65px 0 40px 0;
			}



			.container--basic-header h1, h1 {
				font-size: 30px;
			}
			.title--vypis-koncertu {
				padding: 20px 0 25px 0;
				font-size: 1.6em;
			}

			.koncertni-cykly .koncertni-cyklus {
				flex: 1 50%;
				max-width: 46.8%;
				margin: 1.6%;
			}

			.kd-flex-item {
				flex: 1 100%;
				max-width: 100%;
			}

			.slider-container {
				width: 100% ;
				height:auto;
				overflow: hidden;
				position: relative;
				background-position: 50%;
				background-size: cover;
			}





		}



		@media (max-width:766px) {




			.calendar__weekdays .days {
				font-weight: normal;
				text-transform: uppercase;
				color: #6f6f6f;
				font-size: 0.7em;
			}


			.calendar__header h2 {
				text-transform: uppercase;
				font-family: 'Acumin Pro Wide', sans-serif;
				text-align: center;
				width: 100%;
				font-size: 0.9em;
				font-weight: 600;
			}

			.calendar-container .single-day .item .program-dne {
				border-radius: 17px;
				position: absolute;
				top: 0;
				left: 0;
				display: block;
				width: 34px;
				height: 34px;
				line-height: 34px;
				text-align: center;
				font-size: 0.8em;
				font-weight: 600;
				z-index: 10;
			}

			.calendar-calendar .month-view .full td.single-day div.monthview {
				overflow: visible;
			}

			.calendar-container {
				width: 351px;
				position: relative;
				top:auto;
				right: 0;
				padding-bottom: 20px;
			}

			.calendar__day {
				height: auto;
			}

			.calendar__day > .inner {
				height: 0;
				width: 100%;
				padding: 100% 0 0 0;
				position: relative;
				margin: 0;
			}

			.calendar__day .day-number {
				border-radius: 17px;
				background: transparent ;
				display: block;
				width: 90%;
				height: 90%;
				line-height: 34px;
				text-align: center;
				font-size: 0.8em;
				font-weight: 600;
				position: absolute;
				top: 5%;
				left: 5%;
			}

			.calendar-container .btn--white {
				width: 100%;
				border: 1px solid #888;
				font-weight: normal;
			}




			.calendar-koncert a {
				text-decoration: none;
			}

			.calendar__weekdays, .calendar__days {
				display: grid;
				grid-template-columns: repeat(7, 14.3%);
				column-gap: 0;
				justify-items: stretch;
				text-align: center;
			}

			#pkf-calendar {
				max-width: 250px;
				margin: 0 auto;
			}

			.day-label {
				display: none;
			}

			.calendar-calendar th.days {
				color: #000;
				border: 0px solid #ccc;
				background-color: transparent;
				font-weight: bold;
			}

			.calendar-calendar .month-view .full tr td.single-day.today,
			.calendar-calendar td {
				border: 0px solid #fff;
			}

			.calendar-calendar td {
				border: 0px solid #fff;
			}

			.calendar-container .month-view {
				padding-top: 50px;
				padding-left: 25px;
				padding-right: 25px;
			}

			.calendar__pager {


			}

			.calendar__header h2 {

				text-align: left;
				width: 100%;

			}

			.calendar__pager .next {
				top: 10px;

			}
			.calendar__pager .prev {
				top: 10px;

			}



			.calendar__pager {

				max-width: 100%;
				padding: 12px 11px;
				border: 0px solid #888;

			}
		}

		@media (max-width: 700px) {



			.field--name-field-interpret-pkf > .field--item {
				flex: 1 50%;
				max-width: 50%;
				padding: 1%;
			}

			.field--name-field-polozka-menu > .field--item {
				flex: 1 50%;
				max-width: 44%;
				text-align: center;
				margin: 1.3% 0.5%;
			}

			.specialni-sekce-flex-item--image {

				min-height: 360px;
			}

			.hp-koncerty:after,
			.grafika-kruh-1 {
				display: none;
			}

			.vsechny-aktuality:after,
			.grafika-kruh-2 {display: none;}

			.aktuality-item,
			.hp-koncert {
				flex: 1 100%;
				max-width: 100%;
				margin:2% 0 ;
			}

			.navbar--main .nav .nav-inner {
				width: 100%;
			}
		}

		@media (max-width: 617px) {


			.custom--form--submit .form-item-gdpr-check .description {
				position: relative;
				left: 0;
				top: -10px;
				white-space: pre-wrap;
				z-index: 1;
			}


			.custom--form--submit .form-item-gdpr-check {
				position: relative;
				height: 90px;
			}

			.cyklus-item {
				flex: 1 100%;
				max-width: 96%;
				margin: 2%;
				background: #fff;
				display: block;
			}


			#mailchimp-signup-subscribe-block-newsletter-signup-form-pkf-form #edit-submit {
				position: relative;
				top: auto;
				left: auto;
				margin-top: 	35px;
				width:250px;

				border-left: 0px solid #000;



			}





			.hp-mailchimp-form-a {


				position: absolute;

				bottom: 79px;

			}
			.hp-mailchimp-form-container {
				position: relative;
			}


			#hp-mailchimp {
				padding: 30px 0 ;
				width: 	100%;

			}

			.form-item-mergevars-email input[type=email] {
				width: 250px;

			}

			.hp-mailchimp-form {
				min-height: 231px;
			}

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



.pkf-sloupce-flex__item {
    flex: 1 100%;
    max-width: 98.8%;
    margin: 0.6%;
    position: relative;
}


			.hp-aktualita-obsah {

				line-height: 1.4em;

				font-size:0.95em;

			}



			.paragraph__content--gallery .field--name-field-images > .field--item {
				-webkit-flex: 1 100%;
				-moz-flex: 1 100%;
				-ms-flex: 1 100%;
				flex: 1 100%;
				-webkit-align-self: auto;
				align-self: auto;
				-webkit-order: 0;
				-moz-order: 0;
				min-width: 25%;
				max-width: 100%;
				order: 0;
				padding: 10px;
			}

			.nahled-galerie {
				flex: 1 100%;
				max-width: 100%;
				padding: 0 2% 2% 2%;
			}

			.specialni-sekce-flex-item--image {

				min-height: 300px;
			}
			.footer-flex .footer-flex__item-2,
			.footer-flex .footer-flex__item-3 {
				flex: 1 99%;
				max-width: 99%;
				margin: 0 0.5%;
				position: relative;
			}

			.footer-flex__item .footer-flex__item-2:before {
				position: absolute;
				top: 0;
				left: 10px;
				width: calc(100% - 20px);
				background: #fff;
				height: 1px;
				content: '';
			}


			.kc-barva-seda-flex .kc-flex-item {
				flex: 1 100%;
				max-width: 100%;
			}

			.views-exposed-form .form-item.form-item-field-misto-konani-target-id,
			.views-exposed-form .form-item.form-item-field-koncertni-cyklus-target-id {
				width: 100%;
			}

			.views-exposed-form .form-item.form-item-datum-konani-od {
				margin-right: 11%;
			}

			.views-exposed-form .form-item.form-item-datum-konani-do,
			.views-exposed-form .form-item.form-item-datum-konani-od {
				max-width: 37%;
				position: relative;
			}

			.views-exposed-form .form-item {
				float: left;
				max-width: 90%;
				margin: 0 5%;
			}

			.views-exposed-form .form-item.form-item-datum-konani-od:after,
			.views-exposed-form .form-item.form-item-datum-konani-od:lang(en):after {
				right: -32%;
			}

			.vypis-ko-tlacitka {margin-top: 0px;}



			.vypis-ko-tlacitka-in .btn {
				position: relative;
				top:auto;
				right: auto;
				margin-top: 15px;
			}


			.vypis-ko-obsah {
				flex: 2 100%;
				max-width: 100%;
			}


			.vypis-ko-ilustracni-foto {

				flex: 1 100%;
				max-width: 100%;
				min-height: 250px;
			}


			.vypis-ko-tlacitka {
				flex: 1 100%;
				max-width: 100%;
				min-width: 100%;
			}

			h1.kd-label {
				font-size: 2.1em;
			}

			.kd-datum {
				font-size: 1em;
			}

			h2 {
				font-size: 1.33em;
			}

			.field--name-field-misto-konani {
				font-size: 0.9em;
			}

		}


		@media (max-width: 450px) {


			.kd-upozorneni-body {


		padding:   30px;font-size: 0.9em;
	}

.page-content__paragraph,
.koncert-content__paragraph {
    margin-top: 60px;
}


.vlozeny-koncert-obsah {
    padding: 15px;
}


			.page--concerts-and-tickets .vypis-ko-tlacitka-in .btn,
			.page--koncerty-a-vstupenky .vypis-ko-tlacitka-in .btn {
				position: relative;
				top: auto;
				right: auto;
				margin-top: 0;
				max-width: 215px;
			}


			.field--name-field-interpret-pkf > .field--item {
				flex: 1 100%;
				max-width: 100%;
				padding: 2%;
			}



			.sedepozadi .paragraph__content--flex-container > .paragraph__content--flex-item-two {

				min-height: 310px;
			}


			.field--name-field-polozka-menu > .field--item {
				flex: 1 100%;
				max-width: 95%;
				text-align: center;
				margin: 1.3% 0.5%;
			}

			.abonma-vypis {
				max-width: 100%;
				min-width: 100%;
			}

			.koncertni-cykly .koncertni-cyklus {
				flex: 1 50%;
				max-width: 46.8%;
				margin: 1.6%;
			}


			.kc-titulek {
				font-size: 0.75em;
				text-transform: uppercase;
				position: relative;
				padding: 0 10px 6px 10px;
				min-height: 38px;
				margin-bottom: 11px;
			}

			.kc-oznaceni {
				font-size: 3em;
				line-height: 0.95em;

			}

			.kc-podtitulek {
				font-size: 0.7em;
				padding: 0 12px;
				min-height: 33px;
			}
		}

		.search-block-form {
			display: none;
		}


		.pruh-slider {
			max-width: 2560px;
			margin: 0 auto;
		}