/*
2025
fialova 
#714262

oranzova 
#ed7930
*/

:root {
	--blue-ifp: #3558A2;
	--primary: #714262;
	--secondary: #ed7930;
	--link-color: #ed7930;
	--link-active #ed7930;
	--sub-header: #FFFFFF;
}

* {
	margin: 0px;
	padding: 0px;
	box-sizing:border-box;
}

#fancybox-wrap,
#fancybox-wrap * {box-sizing:content-box;}
 


body, div, input, select, textarea, td, ul, li, button {
	font-family: Marianne, sans-serif; font-weight: 400;
	margin: 0px;
	padding: 0px;
}

ol, ul, li {	margin: 0px;	padding: 0px;	list-style-type: none;}
img {	border: 0px;}
.cleaner, .clear, .mcleaner {	font-size: 0px;	height: 0px;	line-height: 0px;}
.cleaner, .clear {	clear: both;}
.hidden {	display: none;}
.ohidden {overflow: hidden;}
.fclear:after {content: ''; display: table; width: 100%; height: 0px; font-size: 0px; clear: both;}
.fleft {float: left;}
.fright {float: right;}

/* COMMON */
a {	outline: none;	text-decoration: none;}
a:hover {	text-decoration: underline;}

body {color: #313131; font-size: 13px; }



/* LAYOUT */

header.subpage {background: var(--sub-header);}

x.bgwrap {background: #fff no-repeat; background-position: center 11vw; background-size: 80vw;}

x.bgwrap {background-image: url(images-dff/hp2024.png); }
xbody.lang-cz .bgwrap {background-image: url(images-dff/hp2023.png); }
xbody.lang-fr .bgwrap {background-image: url(images-dff/hp2023-fr.png); }



nav.main {}

nav.main ul {}
nav.main ul li {font-size: 18px;}
nav.main ul li a {color: #fff;}
nav.main ul li a.active {color: var(--secondary)}
nav.main ul li a:hover {color: var(--secondary)} 

nav.main a.menu-pop {width: 38px; height: 38px; display: block; border-radius: 19px; background: #fff url(/css/images-dff/menu-21.png) no-repeat center center; cursor: pointer; background-size: 21px 16px;}
nav.main a.menu-pop.open {background-image: url(/css/images-dff/cross-21.svg); background-size: 20px 20px;}

.lang-menu {}
.lang-menu a {}
.lang-menu a:hover {}


header .big-logo {xbackground-color: #f1e059; xheight: 205px; text-align: center; position: relative;}
xheader .big-logo img {min-width: 280px; max-width: 600px; width: calc(100% - 40px);}

header .big-logo img.portrait, 
header .big-logo img.landscape {display: none;}

@media screen and (orientation: portrait) {
	header .big-logo img.portrait {display: inline; min-width: 320px; xmax-width: 100%; width: 100%;}
}

@media screen and (orientation: landscape) {
	header .big-logo {text-align: center;}
	header .big-logo img.landscape {display: inline; width: 100%; }
}


a.biglogo-link {position: absolute; display: block; top: calc(11vw - 80px); left: calc(50% - 40vw); width: 80vw; height: 60vw; z-index: 1; }


main {min-height: calc(100vh - 391px);}
main.homepage {xbackground-color: #130030;; min-height: calc(100vh - 596px);}

	footer {background-color: var(--primary); x-border-top: solid 1px #000; position: relative; z-index: 100;}
	footer img {width: 180px;} 
	.contact-logo {width: 176px;}
	footer .copy, footer .copy a {color: var(--link-color); font-size: 11px;}
	
	wsw.contact-right p {font-size: 18px;}
	
	a.social {display: inline-block; background-color: #FFF; border-radius: 35px; width: 46px; height: 46px; margin-right: 15px; }
	a.social span {display: none;}
	a.social.ico-fb {background: #FFF url(/css/images-dff/facebook-logo.svg) no-repeat center center; background-size: 50%;}
	
	a.social.ico-twold {background: #FFF url(/css/images-dff/twitter-logo.svg) no-repeat center center; background-size: 55%;}
	a.social.ico-tw {background: #FFF url(/css/images-dff/x-logo.svg) no-repeat center center; background-size: 45%;}
	
	x-a.social.ico-yt {background: #FFF url(/css/images-dff/ico-yt.png) no-repeat center center; background-size: 26px 19px;}
	a.social.ico-ig {background: #FFF url(/css/images-dff/instagram-logo.svg) no-repeat center center; background-size: 53%;}

/* CONTENT ********************************/

section {}
section.dark {background-color: #130030; color: #FFF; border-top: solid 1px #FFF;}
section.pink {background-color: #f3adcb; color: #130030; border-top: solid 1px #FFF;}


.content {padding: 30px 25px;}
footer .content {padding: 20px 25px 30px;} 

.half-content {xpadding: 50px 0; }


nav.cities {position: relative;}
nav.cities ul {}
nav.cities ul li {font-size: 13px; font-weight: 500;}
nav.cities ul li a {color: #313131;}
nav.cities ul li a.active {}
nav.cities ul li a:hover {} 

nav.cities a.menu-pop {width: 26px; height: 26px; display: block; border-radius: 13px; background: #8C8E91 url(/css/images-dff/menu-w21.png) no-repeat center center; cursor: pointer; background-size: 14px 10px;}
nav.cities a.menu-pop.open {background-image: url(/css/images-dff/cross-w.svg); background-size: 15px 15px;}



a.button-opener {display: block; height: 23px; padding: 4px 25px 4px 7px; line-height: 15px; margin: 0 0 10px 0; width: 260px; font-size: 13px; 
	font-weight: 500; background: var(--primary) url(/css/images-dff/opener-dwn-w.png) no-repeat calc(100% - 6px) center; color: #FFF !important; text-decoration: none; vertical-align: top; cursor: pointer;
	background-size: 17px 9px;
	}
a.button-opener.open {background-image: url(/css/images-dff/opener-up-w.png)}

x.pink a.button-opener {background-color: #FFF; color: #313131 !important}


.pg-item {display: inline-block; margin-bottom: 30px; vertical-align: top; width: 100%;}
.pg-item-img {position: relative; }
.pg-item-img img {width: 100%; display: block;}
.pg-item-img span {position: absolute; right: 0px; bottom: 0px; background-color: var(--secondary); font-size: 11px; padding: 7px 13px 4px 10px; color: #313131; font-weight: 600;}
.pg-item-img:hover span {background-color: #fff;} 
.pg-item-txt {font-size: 11px; line-height: 14px; margin-top: 20px;}
.pg-item-txt p {margin-bottom: 4px;}
.pg-item-txt a {color: #313131}
.pg-item-txt strong {font-size: 16px; font-weight: 600; display: block; margin-bottom: 6px;}

section.gallery {}

.gallery {}

.gallery-images {margin: 0 -10px;}
.gallery-images .gitm {xwidth: calc(50%); display: inline-block; vertical-align: middle; padding: 0 10px 20px;}
.gallery-images .gitm img {width: 100%; display: block;}

/*
.gallery .gitm {display: inline-block; xoverflow: hidden; padding: 10px;}
.gallery.gallery-strip {xpadding-bottom: 90px;}
.gallery.gallery-strip .gitm {margin: 0 10px;}      					
.gallery .gitm img {max-width: 201px; max-height: 108px;}

.gallery.gallery-strip .gstrip-wrap {padding: 0 0px 30px; position: relative;}
.gallery.gallery-strip .gstrip {overflow: hidden;}
.gallery.gallery-strip .gstrip-inner {white-space: nowrap; transition: margin 0.6s;}
*/


/* event detail */

	.eventinfo {position: relative; padding-bottom: 32px;}
	.eventinfo .image {width: 100%; max-height: 280px; overflow: hidden;}
	.eventinfo .image img {width: 100%; display: block;}
	.eventinfo .titlebox {padding-top: 20px; margin-bottom: 20px;}
	xx.titlebox .venue {margin-bottom: 15px;}
	.eventinfo .wsw-text {margin-bottom: 20px;}

	a.tickets {display: inline-block; background: url(/css/images-dff/tickets-trans.png) no-repeat; background-size: 46px 26px; width: 46px; height: 26px; cursor: pointer;}
	a.tickets span {display: none;}
	a.button-back {background-color: var(--secondary); color: #FFF !important; font-size: 16px; font-weight: 800; display: inline-block; padding: 7px 10px;}
	a.button-back:hover {text-decoration: none; color: #FFF; background-color: var(--primary);} 
	.eventinfo a.button-back {position: absolute; bottom: 0px; }

	.eventterms {margin-bottom: 15px;}
	.eventterms .et-item {display: block; background-color: #EDEFF2 /*#f2f2f2*/; font-size: 13px; line-height: 17px; text-align: center; margin-bottom: 5px; padding: 5px 10px 3px;}
	.eventterms .et-item div {}
	.eventterms .et-item:hover {background-color: var(--secondary);}

	.eventterms .et-item .et-datetime {display: block;}
		.eventterms .et-item .et-date {font-weight: bold; display: inline-block;}
		.eventterms .et-item .et-time {display: inline-block;}
	.eventterms .et-item .et-venue {display: block;}
	.eventterms .et-item .et-reserve {display: block; margin-top: 4px; text-align: right;}
	  
	/*  */


  


/*

  



	.eventinfo {position: relative;}
	.eventinfo .image {}
	.eventinfo .image img {}
	.titlebox {}
	.titlebox h3 {}
	.titlebox .venue {}
	.eventinfo .wsw,
	.eventinfo .wsw p {}

	a.tickets {}
	a.tickets span {}
	a.button-back {}


*/


/* WSW ************************************/

.wsw {font-size: 13px; color: #313131;}
.wsw h2 {font-size: 17px; font-weight: 800; text-decoration: underline; text-transform: uppercase; margin-bottom: 15px;}
.wsw h3 {font-size: 15px; font-weight: 600; margin-bottom: 12px;}
.wsw p {font-size: 13px; line-height: 15px; margin-bottom: 15px;}
.wsw ul {display: list; list-style-type: square; margin-bottom: 20px; }
.wsw ul li {list-style-type: square; margin-left: 30px; padding-left: 0px; margin-bottom: 10px;}
.wsw a {color: var(--link-color);}
.wsw a:hover {color: var(--link-active)}


.dark .wsw h2 {color: var(--secondary);}
.dark .wsw, .dark .wsw h3, .dark .wsw p {color: #FFF;}
.pink .wsw a {color: #313131;}

/*
xxxx

footer .wsw strong {font-weight: 800;}
footer .wsw a {color: #130030;}
footer .wsw.contact-left p {font-weight: 500;}
footer .wsw.contact-right p {font-size: 13px;}
*/



/*
.wsw {font-size: 22px; color: #130030;}
.wsw h2 {font-size: 40px; font-weight: 800; text-decoration: underline; text-transform: uppercase; margin-bottom: 40px;}
.wsw h3 {font-size: 27px; font-weight: 600; margin-bottom: 20px;}
.wsw p {font-size: 22px; line-height: 27px; margin-bottom: 27px;}


.dark .wsw h2 {color: #f3adcb;}
.dark .wsw, .dark .wsw h3, .dark .wsw p {color: #FFF;}

footer .wsw strong {font-weight: 800;}
footer .wsw a {color: #130030;}
footer .wsw.contact-left p {font-weight: 500;}
footer .wsw.contact-right p {font-size: 18px;}

*/

/***************************************/


/* [~SM] Small devices (mobile only) */
@media (max-width: 575px){
	body.fixed-header header {width: 100%;}
	ul.menu {width: 100%!important;}
	
	.wsw.contact-left {display: block;}
	.wsw.contact-right {display: none;}
	
		
}


/* [SM] Small devices (tablets, 576px and up) */
@media (min-width: 576px) {
	main {min-height: calc(100vh - 343px);}
	main.homepage {min-height: calc(100vh - 646px);}
	
	.bgwrap {background-position: center 50px; background-size: 500px;}
	a.biglogo-link {width: 500px; left: calc(50% - 250px); top: -60px; height: 370px;}


	.container {max-width: 559px;}
	.content {padding: 30px 0;}
	.half-content {xpadding: 50px 0; width: calc(50% - 10px); display: inline-block; vertical-align: top;}
	.third-content {xpadding: 50px 0; width: calc(50% - 10px); display: inline-block; vertical-align: middle;}
	
	header .big-logo img {xwidth: 360px; xmargin-bottom: 20px;}
	header .big-logo {xheight: 303px;}
	nav.main a.menu-pop {width: 52px; height: 52px; border-radius: 26px; background-size: 28px 21px;}
	nav.main a.menu-pop.open {background-size: 25px 25px;}


	.wsw {font-size: 16px; }
	.wsw h2 {font-size: 30px; margin-bottom: 20px;}
	.wsw h3 {font-size: 20px; margin-bottom: 15px;}
	.wsw p {font-size: 16px; line-height: 20px; margin-bottom: 20px;}
	.wsw ul {margin-bottom: 25px; }
	.wsw ul li {margin-left: 40px; padding-left: 10px; margin-bottom: 15px;}
	
	
	footer img {width: 180px;}	/* puvodni logo 176 !!! */ 
	.contact-logo {width: 176px;}
	footer .wsw p {margin-bottom: 5px !important;}
	
	xxx.wsw.contact-right p {font-size: 18px;}
	.wsw.contact-right {display: block !important;}

	a.social {border-radius: 35px; width: 46px; height: 46px; margin-right: 15px;}
	


	a.button-opener {width: 350px; font-size: 16px;
	height: 31px; padding: 4px 34px 4px 11px; line-height: 23px; margin: 0 45px 20px 0; 
	font-weight: bold; background-position: calc(100% - 6px) center; color: #FFF; text-decoration: none; vertical-align: top; cursor: pointer;
	background-size: 21px 12px;
	}


  
	.program-block {margin: 0 -10px;}
	.pg-item {margin: 0 10px 30px; width: calc(50% - 22px);}
	.pg-item-img img {width: 100%;}
	.pg-item-img span {font-size: 13px; padding: 7px 13px 6px 10px; font-weight: 600;}
	.pg-item-txt {font-size: 14px; line-height: 17px; margin-top: 25px;}
	.pg-item-txt p {margin-bottom: 4px;}	
	.pg-item-txt strong {font-size: 20px; font-weight: 600; margin-bottom: 6px;}

	.eventterms .et-item {font-size: 16px; line-height: 22px; margin-bottom: 7px; xpadding: 0;}
  xa.tickets {background-size: 78px 44px; width: 70px; height: 40px;}
  
  .uniform .inputrow.submit { margin-top: -40px; pointer-events:none;}
  .uniform .inputrow.submit input{
  	pointer-events: auto;
  }

	.gallery-images {margin: 0 -10px;}
	.gallery-images .gitm {xwidth: calc(33.3%); display: inline-block; vertical-align: middle; padding: 0 10px 20px;}


}

/*


@media (max-width: 558px) {
	ul.menu {width: 100%; }
}

@media (min-width: 559px) and (max-width: 576px) {
	ul.menu { width: 559px; } 

}
*/

/*  collapsed menu - inverse lg */
@media (max-width: 992px) {

	nav.main {xbackground-color: #130030; position: relative; height: 81px;}
  nav.main ul {text-align: center;}
  nav.main ul li {border-bottom: solid 1px rgba(255,255,255,0.2); padding: 10px; text-transform: uppercase;}
  nav.main a.menu-pop {position: absolute; right: 19px; top: 19px; z-index: 350;}
  nav.main .menu-mobile {position: absolute; width: 100%; background: var(--primary); top: 0px; padding: 20px; z-index: 300; 
	display: none;
	}
  
  nav.main h1 {display: inline-block; font-size: 19px; font-weight: 600; color: #f3adcb; line-height: 23px; letter-spacing: 1; position: relative; top: 20px; left: 16px; text-transform: uppercase;
	z-index: 300;}
  nav.main h1 a {color: #fff; text-decoration: none;}
  xnav.main h1 span {display: none;}

	nav.main h1 {display: inline-block; position: relative; top: 10px; left: 20px; z-index: 100; background: no-repeat left center; background-size: auto 45px; width: 300px; height: 60px;}
	nav.main h1 a {display: block; width: 100%; height: 100%;}
	nav.main h1 span {display: none;}
	
	body.lang-cz nav.main h1 {background-image: url(images-dff/logo2025-cz.png);} 
	body.lang-fr nav.main h1 {background-image: url(images-dff/logo2025-fr.png);}
  
	.lang-menu {display: block; text-align: center;}
	.lang-menu a {display: inline-block; border-radius: 20px; background-color: #FFF; width: 40px; height: 40px; padding: 10px 5px; margin: 10px; 
	color: var(--primary); font-weight: bold; font-size: 18px; line-height: 20px; text-align: center; text-transform: uppercase;}
  
	.lang-menu a:hover,
	.lang-menu a.active {color: var(--primary); background-color: var(--secondary); text-decoration: none;}
	

}


/* colps menu tweak break 1 */
@media (max-width: 575px) {

}
/* colps menu tweak break 2 */
@media (min-width: 576px) and (max-width: 991px){
	nav.main {xbackground-color: #130030; position: relative; height: 111px;}
	nav.main h1 {font-size: 25px; font-weight: 600; line-height: 30px; top: 30px; left: 35px;}
	nav.main h1 a {color: #fff; text-decoration: none;}
  nav.main a.menu-pop {right: 45px; top: 26px;}
  
  
	nav.main h1 {display: inline-block; position: relative; top: 18px; left: 20px; z-index: 100; background: no-repeat left center; background-size: auto 80px; width: 420px; height: 80px;}
	nav.main h1 a {display: block; width: 100%; height: 100%;}
	nav.main h1 span {display: none;}
	
	body.lang-cz nav.main h1 {background-image: url(images-dff/logo2025-cz.png);} 
	body.lang-fr nav.main h1 {background-image: url(images-dff/logo2025-fr.png);}
  
  
}
/* colps menu tweak break 3 */
@media (min-width: 768px) and (max-width: 991px){

}


/* collapsed menu not xs *
@media (min-width: 576px) and (max-width: 767px), (max-height: 480px){
}*/


/*  collapsed city menu - inverse md */
@media (max-width: 767px) {

/*
	nav.main {background-color: #130030; position: relative; height: 81px;}
  nav.main ul {text-align: center;}
  nav.main ul li {border-bottom: solid 1px rgba(255,255,255,0.2); padding: 10px; }
  nav.main a.menu-pop {position: absolute; right: 19px; top: 19px; z-index: 150;}
  nav.main .menu-mobile {position: absolute; width: 100%; background: #130030; top: 0px; padding: 20px; z-index: 50; 
	display: none;
	}
*/  
  
  nav.cities {height: 26px; margin-bottom: 20px; top: -50px;}
 	nav.cities ul {display: none; margin-bottom: 20px; background-color: var(--secondary); position: absolute; top: -10px; right: 0px; z-index: 200; padding: 0 10px;}
	nav.cities ul li {display: block; padding: 7px 10px; border-bottom: solid 1px rgba(255,255,255,0.2);}
	nav.cities ul li a {font-size: 20px; font-weight: 500; color: #313131; padding: 5px 5px; display: block; text-transform: uppercase; text-align: center;}
/*	xnav.cities ul li a.active {color: #FFF; background-color: #130030;}
	xnav.cities ul li a:hover {color: #FFF; background-color: #130030; text-decoration: none;}
*/	
	nav.cities a.menu-pop {position: absolute; right: 10px; top: 0px; z-index: 250;} 


}



/* [MD] Medium devices (tablets, 768px and up) */
@media (min-width: 768px)  {
	main {min-height: calc(100vh - 288px);}
	main.homepage {xbackground-color: #130030;; min-height: calc(100vh - 712px);}
	.bgwrap {background-position: center center; background-size: 600px;}
	a.biglogo-link {width: 600px; left: calc(50% - 300px); top: -60px; height: 450px;}
	
		
	.container {max-width: 728px;}
	.content {padding: 30px 30px;}
	.third-content {xpadding: 50px 0; display: inline-block; vertical-align: middle;}
	.third-content:nth-child(1) {width: 230px; padding-top: 20px;}
	.third-content:nth-child(2) {width: calc(50% - 120px); }
	.third-content:nth-child(3) {width: calc(50% - 120px); text-align: right;}
	
  footer a.social {margin-left: 15px; margin-right: 0;}
  
  header .big-logo img {width: 520px;}
  header .big-logo {xheight: 424px;}
  
	nav.cities ul {margin-bottom: 20px; display: block !important; overflow: visible !important;}
	nav.cities ul li {display: inline-block;}
	nav.cities ul li a {font-size: 13px; font-weight: 500; color: #313131; padding: 5px 5px; display: inline-block; margin: 0 0 2px 0; text-transform: uppercase; }
	nav.cities ul li a.active {color: #FFF; background-color: var(--primary);}
	nav.cities ul li a:hover {color: #FFF; background-color: var(--primary); text-decoration: none;}
	nav.cities a.menu-pop {display: none;} 


  .eventinfo {position: static;}
	.eventinfo .image {width: 420px; display: inline-block; vertical-align: top; max-height: 280px; overflow: hidden;}
	.eventinfo .image img {max-width: 420px; width: auto;}
	
  .eventinfo .titlebox {padding-top: 0px; margin-bottom: 0px; margin-left: 10px; display: inline-block; vertical-align: top; max-width: 230px; }
  .eventinfo .image-wrap {position: relative; margin-bottom: 30px;}

  .eventterms {margin-bottom: 20px;}
	.eventterms .et-item {font-size: 16px; line-height: 18px; text-align: left; margin-bottom: 7px; padding: 0;}
	.eventterms .et-item .et-datetime {display: inline-block; }
		.eventterms .et-item .et-date {display: inline-block; padding: 8px 12px 8px;}
		.eventterms .et-item .et-time {display: inline-block; padding: 8px 12px 8px;}
	.eventterms .et-item .et-venue {display: inline-block; padding: 8px 12px 8px;}
	.eventterms .et-item div.et-reserve {display: inline-block; padding: 2px 12px 2px;float: right;}
	.eventterms .et-item>div {width: 30%;}
  

}


/* [LG] Large devices (desktops, 992px and up) */
@media (min-width: 992px)   {
	main {min-height: calc(100vh - 345px);}
	main.homepage {xbackground-color: #f3adcb; min-height: calc(100vh - 935px);}

.bgwrap {x-background-position: calc(50% - 65px) 130px; background-size: 640px;}
a.biglogo-link {width: 640px; left: calc(50% - 320px); top: -30px; height: 480px;}

	
	.container {max-width: 975px;}
	.content {padding: 50px 0;}
	footer .content {padding: 20px 0 30px;}
	
	header .big-logo img {width: 740px;}
	header .big-logo {xheight: 590px;}

	nav.main {position: relative; xbackground-color: #f3adcb; height: 120px; overflow: hidden; margin-top: -20px;}
	nav.main h1 {display: none;}
	
	xnav.main {height: 168px;}  
	nav.main h1 {display: inline-block; position: relative; top: 30px; left: 20px; z-index: 100; background: no-repeat left center; background-size: auto 50px; width: 270px; height: 100px; xoutline: solid 1px red;}
	nav.main h1 a {display: block; width: 100%; height: 100%;}
	nav.main h1 span {display: none;}

	body.lang-cz nav.main h1 {background-image: url(images-dff/logo2025-cz.png);} 
	body.lang-fr nav.main h1 {background-image: url(images-dff/logo2025-fr.png);}

	
	
	nav.main ul {display: block; text-align: center; position: absolute; width: 100%; top: 70px; height: 32px; line-height: 20px; z-index: 1; white-space: nowrap; padding-left: 300px; padding-right: 260px;}
	x.lang-cz header.subpage nav.main ul {left: 220px; width: calc(100% - 350px); }
	x.lang-fr header.subpage nav.main ul {left: 220px; width: calc(100% - 400px); top: 50px;}
	
	nav.main ul li {display: inline-block; margin: 0 4px; text-transform: uppercase; vertical-align: middle; xmax-width: 125px; white-space: normal;}
	nav.main ul li a {font-size: 15px; color: var(--primary); font-weight: 600; letter-spacing: 0px;}
	nav.main ul li:hover a,
	nav.main ul li.active a {color: var(--secondary); text-decoration: none;}
	
	xheader.subpage nav.main ul {left: 200px; width: calc(100% - 350px); }
	.subpage nav.main ul li a {xcolor: #FFF;} /*stay primary*/
	.subpage nav.main ul li:hover a,
	.subpage nav.main ul li.active a {color: var(--secondary); text-decoration: none;}
	
	 
	nav.main a.menu-pop {display: none;}
	nav.main .menu-mobile {display: block !important; overflow: visible !important;}
	
	nav.cities ul li a {font-size: 18px; font-weight: 500; padding: 5px 8px; margin: 0 0 2px 0;}
	nav.cities {margin-bottom: 30px;}
	
	.lang-menu {position: absolute; right: 28px; top: 57px; z-index: 100;}
	.lang-menu a {display: inline-block; border-radius: 22px; background-color: var(--primary); width: 44px; height: 44px; padding: 11px 5px; margin-left: 12px; 
	color: #FFF; font-weight: bold; font-size: 18px; line-height: 22px; text-align: center; text-transform: uppercase;}
	.lang-menu a:hover,
	.lang-menu a.active {color: #FFF; text-decoration: none; background-color: var(--secondary); }

/* stays as HP
	
	.subpage .lang-menu a {color: var(--primary); background-color: #FFF;}
	.subpage .lang-menu a:hover,
	.subpage .lang-menu a.active {color: var(--primary); background-color: var(--secondary); }
*/	


  a.button-opener {display: inline-block; width: calc(50% - 50px); 	}
  
	.gallery-images {margin: 0 -15px; text-align:center;}
	.gallery-images .gitm {xwidth: calc(25%); display: inline-block; vertical-align: middle; padding: 0 15px 30px;}
  

  .program-block {margin: 0 -15px; }
	.pg-item {margin: 0 15px 50px; width: calc(33.3% - 32px);}
	.pg-item-img img {width: 100%;}
	
	.eventinfo .image {width: 660px; max-height: 440px;}
	.eventinfo .image img {max-width: 660px; width: auto;}
  .eventinfo .titlebox {margin-left: 20px; display: inline-block; vertical-align: top; max-width: 290px; }
  .eventinfo .image-wrap {position: relative; margin-bottom: 30px;}
  
}


/* [XL] X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px)  {
	main {min-height: calc(100vh - 346px);}
	main.homepage {xbackground-color: #f3adcb; min-height: calc(100vh - 936px);}
	.bgwrap {x-background-position: calc(50% - 185px) 140px; background-position: center 140px; background-size: 800px;}
	a.biglogo-link {width: 800px; left: calc(50% - 400px); top: -30px; height: 580px;}

	.container {max-width: 1183px;}
	nav.main ul li {xmax-width: 180px; margin: 0 10px; }
	nav.main ul li a {font-size: 18px; line-height: 22px; letter-spacing: 0px; font-weight: 600;}

	xheader.subpage nav.main ul {left: 200px; width: calc(100% - 400px); }

	.lang-menu {right: 38px; top: 57px; }
	.lang-menu a {border-radius: 27px; width: 54px; height: 54px; padding: 16px 8px; margin-left: 16px;  font-size: 25px; line-height: 22px; }
	
	nav.cities ul li a {font-size: 22px; font-weight: 600; padding: 5px 10px; margin: 0 0 2px 0;}
	nav.cities {margin-bottom: 40px;}	

	
	.wsw {font-size: 22px; }
	.wsw h2 {font-size: 40px; margin-bottom: 40px;}
	.wsw h3 {font-size: 27px; margin-bottom: 20px;}
	.wsw p {font-size: 22px; line-height: 27px; margin-bottom: 27px;}
	
	
	xxx.wsw.contact-right p {font-size: 18px;}
	xfooter img {} 
	.contact-logo {width: 265px;}
	a.social {border-radius: 35px; width: 70px; height: 70px; margin-right: 25px;  }
	xa.social.ico-fb {background-size: 20px 37px;}
	xa.social.ico-tw {background-size: 38px 32px;}
	xa.social.ico-yt {background-size: 42px 30px;}
	xa.social.ico-ig {background-size: 35px 35px;}
	
	footer a.social {margin-right: 0px; margin-left: 25px;}
	

  a.button-opener {font-size: 22px; height: 42px; padding: 6px 60px 6px 14px; line-height: 30px; margin: 0 45px 20px 0; 
		background-position: calc(100% - 25px) center; 
		background-size: 30px 17px; 
	}

	.pg-item {margin: 0 15px 50px; width: calc(33.3% - 32px);}
	.pg-item-img span {font-size: 18px; padding: 7px 13px 4px 10px; font-weight: 600;}
	.pg-item-txt {font-size: 16px; line-height: 20px; margin-top: 30px;}
	.pg-item-txt p {margin-bottom: 5px;}
	.pg-item-txt strong {font-size: 24px; line-height: 30px; font-weight: 600; }	

	a.button-back {font-size: 18px; padding: 9px 12px;}

	.eventinfo .image {width: 830px; max-height: 550px;}
	.eventinfo .image img {max-width: 830px; width: auto; }
  .eventinfo .titlebox {margin-left: 20px; display: inline-block; vertical-align: top; max-width: 320px; }
  .eventinfo .image-wrap {position: relative; margin-bottom: 30px;}

	.eventterms {margin-bottom: 30px;}
	.eventterms .et-item {font-size: 26px; line-height: 33px; margin-bottom: 13px; padding: 0;}
		.eventterms .et-item .et-date {padding: 12px 20px 12px;}
		.eventterms .et-item .et-time {padding: 12px 20px 12px;}
	.eventterms .et-item .et-venue {padding: 12px 20px 12px;}
	.eventterms .et-item div.et-reserve {padding: 4px 20px 4px;}
  .eventterms a.tickets {background-size: 78px 44px; width: 78px; height: 44px;}


}




@media (min-width: 1350px)  {
  .bgwrap {x-background-position: calc(50% - 215px) 130px; background-size: 920px;}
	header .big-logo {xheight: 700px;}  

  a.biglogo-link {width: 920px; left: calc(50% - 460px); top: -20px; height: 650px;}
  
	nav.main ul li {xmax-width: 200px; margin: 0 15px; }
	nav.main ul li a {font-size: 19px; line-height: 23px; letter-spacing: 0.5px; }
  xheader.subpage nav.main ul {left: 200px; width: calc(100% - 350px); }

}


main.homepage {display: none;}



/*UNIVERSAL FORM & CONTACT FORM... */
	.uniform fieldset {border: 0px; padding: 0px; margin: 0px;}
	.uniform h2 {margin-bottom: 20px;}
	.uniform .inputrow {position: relative; display: block; width: 100%; min-height: 24px;}
	.uniform .inputrow.submit {min-height: 40px; text-align: right; }
  .uniform .inputset {padding-bottom: 3px;}  
	.uniform .inputset label,
	.uniform label {line-height: 24px; font-size: 17px; padding-right: 10px; width: 120px; display: inline-block;}
	.uniform label:after {content: ':'}
	.uniform label.checkbox {line-height: 22px; font-size: 15px; padding-left: 10px; font-style: normal; }
	.uniform label.break {display: block;}
	.uniform label.checkbox:after {content: none;}
	.uniform .inputset input.vstup {border: solid 1px #130030; padding: 0 10px; background: transparent; height: 24px; line-height: 24px; font-size: 17px; }
	.uniform .inputset select.vstup {border: solid 1px #130030; padding: 0 10px; height: 24px; line-height: 24px; font-size: 17px;   }
	.uniform .inputset select.vstup:focus {outline: 0; }
	.uniform .inputset select.vstup option {border: 0; font-size: 15px;}
	.uniform .textarea textarea {font-size: 17px; border: solid 1px #130030; background: #FFF; padding: 10px; color: #000; box-sizing: border-box; resize: vertical; min-height: 40px; max-height: 300px; }
	.uniform .submit input[type=submit] {min-width: 145px; height: 40px; border: solid 1px #010101; background: #FFF; font-size: 17px; font-weight: 400; text-align: center; cursor: pointer;}
	.uniform .submit input[type=submit]:hover {color: #FFF; background-color: #f3adcb; }
	.uniform .inputset input.error, .uniform .textarea textarea.error {border-color: red; color: red;}
	.uniform_hlasky {margin-bottom: 20px; font-size: 17px; text-align: center; padding: 12px 20px; } 
	.uniform_hlasky.send_ok, .uniform_hlasky.send_nok,
	.uniform_hlasky.universal {background-color: rgba(148,2,196,0.2); color: #9402c4;} /* SKIN !!! */
	.uniform span.placeholder {padding: 0 0px; background: transparent; height: 24px; line-height: 24px; font-size: 17px; } 
	.uniform_gdpr {font-size: 14px; padding: 10px 0px 0px 5px;}
	.uniform_gdpr a {color: #f3adcb;}

	#fancybox-close { background: url(/js/fancybox/fancy_close.png) no-repeat center center; box-sizing: border-box; } /* SKIN */
	#fancybox-left-ico { background: url(/css/images-2/gal-warr-left.png) no-repeat center center;}
	#fancybox-right-ico {	background: url(/css/images-2/gal-warr-right.png) no-repeat center center;}

/*********************/

#popup_overlay{
	position: fixed;
	top:0px;
	left: 0px;
	background-color: rgba(0,0,0,0.6);
	width: 100%;
	height: 100%;
	z-index: 1000;	
}

.popup_content{
	width: calc(100% - 20px);
	min-height: 250px ; /*calc(100% - 20px);*/
	max-width: 600px;
	max-height: 500px;	
	margin: 10px auto;
	background-color: #fff;
	padding: 20px;
}

.popup_content ul{
	margin: 10px 0px;	
	padding-left: 20px;
}

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

.popup_content ul li{	
	list-style: disc;
}

.popup_content button{
	line-height: 30px;
	min-width: 60px;	
}

/*********************/
	
.admin-link{
	display: block;
	position: fixed;
	bottom: 0px;
	left: 0px;
	padding: 5px 15px;
	background-color: #F9F2E4;
	border-left: #00000;
	border-top: #00000;
	border-top-right-radius: 15px;
	z-index: 10000;
}

.admin-button{
	border: 1px solid #A87D22;
    background-color: #FDEFD2;
    padding-left: 4px;
    padding-right: 4px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: #464E6B;
    font-size: 12px;
    font-weight: bold;    
}	

.admin-iframe{
	display: block;
	position: fixed;
	bottom: 0px;
	left: 0px;
	padding: 0x;
	background: transparetnt;
	z-index: 10000;
	width: 0px;
	height: 0px;
	border: none;
}