/*------------------------------------------------------------------
Project:	VIVAMUSICA 2020
Version:	1.0
Assigned to:	RECO s.r.o. 
Primary use:	AJAX wordpress web page
Edit: @.m.Fajnor
-------------------------------------------------------------------*/


@import url("shortcodes.css");
@import url("assets.css");
@import url('https://fonts.googleapis.com/css2?family=Open+Sans+Condensed:wght@300;700&display=swap');

/*
* { cursor: none; }
*/
html, body { font-family: freight-big-pro, serif; font-size: 12px;	line-height: 30px;	font-weight: 300;	
	color: #6a7175;	
	background: #fff;
}
html	{	box-sizing: border-box;	margin-right: 0px!important;	overflow: visible!important;}
body 	{  overflow-x: hidden;  overflow-y: scroll;  margin: 0; }
body.hidden { opacity:0; }
small { font-size: smaller; }
big 	{ font-size: 125%;}
sup,
sub 	{	font-size: 75%;	height: 0;	line-height: 0;	position: relative;	vertical-align: baseline; }
sup 	{ bottom: 1ex; }
sub 	{ top: .5ex; }
dl 		{ margin-bottom: 24px; }
dt 		{ font-weight: bold; }
dd 		{ margin-bottom: 24px; }
ul,
ol 		{ list-style: none; margin: 0 0 24px 20px; }
ul 		{ list-style: disc; }
ol 		{ list-style: decimal; }
li > ul,
li > ol {	margin: 0 0 0 20px; }
li 		{	line-height: 20px;	color:#333;	margin-bottom:10px; }
del 	{ color: #767676; }
hr 		{	border: 0;	height: 25px;	width:100%;	float:none;	margin:0;	display:inline-block;}
hr.small {height:20px;}
hr:after {	clear: both;	content: " ";	display: block;	height: 0;	visibility: hidden;}
::selection {	background: #000;	color: #fff;	text-shadow: none;}
::-moz-selection {	background: #000;	color: #fff;	text-shadow: none;}
img {	border: 0 none;	max-width: 100%;	vertical-align: middle;}
A, BUTTON {	font-family: 'acumin-pro', sans-serif;	text-decoration: none;	-webkit-transition: all 0.3s linear;    -moz-transition: all 0.3s linear;    -ms-transition: all 0.3s linear;    -o-transition: all 0.3s linear;    cursor: pointer;}
P 		{	font-family: 'acumin-pro', sans-serif;	font-size: 12px;	line-height: 30px;	font-weight: 300;	color: #6a7175;}

.last {margin-right:0px;}
.text-align-center {text-align:center;}
.text-align-left {text-align:left;}
.outer {	display:table;	width:100%;	height:100%;}
.inner {
	display:table-cell;
	vertical-align:middle;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.vc_row {	position:relative;z-index:1;	opacity:1;}
.row_padding_top {padding-top:120px;}
.row_padding_bottom {padding-bottom:100px;}

/*--------------------------------------------------
 Main
---------------------------------------------------*/	
	
	main {
		-webkit-transition: background 0.4s ease-in-out 0s;
		transition: background 0.4s ease-in-out 0s;
		overflow: visible;
	}
	
	#magic-cursor {  position: absolute;  left:0;  top:0;  width: 30px;  height: 30px;  pointer-events: none;  z-index:10000; }
	#ball {	position: fixed;	transform: translate(-50%, -50%);	width: 30px;	height: 30px;	border: 2px solid #000;	border-radius: 50%;	pointer-events: none;	opacity:1;	box-sizing:border-box;	}
	.mfp-zoom-out-cur #ball {	opacity:0;	-webkit-transition: opacity 0.2s ease-in-out 0s;	transition: opacity 0.2s ease-in-out 0s; }
	#ball:before {	font-family: FontAwesome;	content: "\f053";	font-size:6px;	width:4px;	height:8px;	line-height:8px;	text-align:center;	position:absolute;	left:-12px;	top:9px;	color:#fff;	opacity:0; transition: all 0.1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;	}
	#ball:after {	font-family: FontAwesome;	content: "\f054";	font-size:6px;	width:4px;	height:8px;	line-height:8px;	text-align:center;	position:absolute;	right:-10px;	top:9px;	color:#fff;	opacity:0;	transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;	}
	.scale-up #ball:before, .scale-up #ball:after {	opacity:1;	transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;	}
	#ball i {	color:#fff;	width:29px;	height:30px;	line-height:28px;	text-align:center;	font-size:6px;	display:block;	opacity:1;transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;	}
	.scale-up #ball i {	opacity:0;	transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;	}
	#ball.with-icon i {	width:27px;	}
	#ball.close-icon i {	color:#000;	width:27px;	font-size:8px;	}
	#ball.over-movie i.fa-play, #ball.over-movie.pause-movie i.fa-pause {
		display:block;
	}
	#ball.over-movie i.fa-pause, #ball.over-movie.pause-movie i.fa-play {
		display:none;
	}
	#ball-loader {	width: 40px;	height: 40px;	position:absolute;	
		background-color: transparent;	
		border-right: 2px solid transparent;
		border-bottom: 2px solid #000;
		border-left: 2px solid transparent;
		border-top: 2px solid transparent;
		border-radius: 50px;
		box-sizing: border-box;
		opacity:0;
		transform: translate(-9px, -9px) rotate(0deg);
		-webkit-animation: rotating 0.8s ease-in-out infinite;
		animation: rotating 0.8s ease-in-out infinite;
		-webkit-transition: opacity 0.2s ease-in-out 0s;
		transition: opacity 0.2s ease-in-out 0s;
	}
	
	.show-loader #ball-loader {
		opacity:1;
		-webkit-transition: opacity 0.2s ease-in-out 0s;
		transition: opacity 0.2s ease-in-out 0s;
	}
	
	@keyframes rotating {
      0% {
		-webkit-transform: translate(-7px, -7px) rotate(0deg);
		transform:  translate(-7px, -7px) rotate(0deg);
      }
	  
	  95% {
        -webkit-transform:  translate(-7px, -7px) rotate(350deg);
		transform:  translate(-7px, -7px) rotate(350deg);
      }
	  
      100% {
        -webkit-transform:  translate(-7px, -7px) rotate(360deg);
		transform:  translate(-7px, -7px) rotate(360deg);
      }
	}
	
	.show-loader a {	pointer-events:none;	}
	
	#rotate-device {	width:100%;	height:100%;	position:fixed;	z-index:1000;	top:0;	left:0;	background-color:#FFF;	background-size:100px 100px;	background-position:center;	background-repeat:no-repeat;
		background-image:url(images/rotate.png);	
		display:none;
	}
	

/*--------------------------------------------------
 Page Overlay
---------------------------------------------------*/	

	.preloader-wrap {	width: 100%;	height: 100%;	position: fixed;	top: 0; bottom: 0;background: rgba(255,255,255,1);z-index : 2000;	text-align:center;	}
	.percentage {	z-index: 100;	color: #000;	opacity:1;	font-weight: 700;	font-size:200px;	line-height:200px;	color:rgba(0,0,0,0.05);	}
	.trackbar {	width: 20vw;	height: 1px;	background: rgba(0,0,0,0.2);	margin: 0 auto;	position: fixed;	bottom:100px;	left:40vw;	opacity: 1; }
	.loadbar {	width: 0%;	height: 1px;	background: rgba(0,0,0,1); 	position: absolute;	top: 0;	left: 0;	right:0;	margin: 0 auto;	overflow: hidden;	}
	
/*--------------------------------------------------
 Header Elements
---------------------------------------------------*/	

	header {	opacity: 1;	width: 100%;	height: 140px;	left: 0;	top: 0;	/*background-color: #ffffffe3;*/	position: fixed;	box-sizing: border-box;		z-index: 1000;	-webkit-transition: background 0.4s ease-in-out 0s;	transition: background 0.4s ease-in-out 0s;	}
	body.home header,
	header.transparent {	
		background-color: transparent;
	}
	#header-container {	box-sizing: border-box;	height: 80px;	padding: 0 80px;	margin: 30px auto;	position: relative;	width: 100%;	z-index: 20;	-webkit-transition: all 0.3s ease-in-out;	transition: all 0.3s ease-in-out;	}

	#logo {	position: relative;	display: table;	pointer-events: auto;	z-index: 10; top: 10px;	float: left;	}
	#logo a {	display:block;	}
	#logo a.disable, .open #logo a {	pointer-events: none;	}
	#logo img {	display: block;	height: 90px;	width: auto;	}

	.menu-open.light-content .slide-in #logo img.white-logo {	opacity:1;	}

	#burger-wrapper {	width: 80px;	height: 80px;	float: right;	top: 0px;	right: -25px;	display: flex;	position: relative;	justify-content: center;	align-items: center;	cursor: pointer;	}
	#burger-circle {	width:40px;	height:40px; border-radius:32px;	box-sizing:border-box;	position:absolute;	left:50%;	top:50%;		margin-top:-20px;	margin-left:-20px; cursor: pointer;	z-index:1;
		-webkit-transition: background-color  0.2s ease-in-out;
		transition: background-color  0.2s ease-in-out;
		background-color:#000;	
	}
	#menu-burger {	width: 16px;	height: 22px;	position: relative;	margin: 0 auto;	z-index:2;	pointer-events: none;	}
	.menu-overlay #menu-burger {	display:block;	}
	#menu-burger span {  display: block; position: absolute; height: 2px; width: 100%; opacity: 1; right: 0; 
		-webkit-transition: background-color  0.05s ease-in-out,  transform  0.2s ease-in-out, top  0.2s ease-in-out;	transition: background-color  0.05s ease-in-out,  transform  0.2s ease-in-out,  top  0.2s ease-in-out;
		-webkit-transform: rotate(0deg); transform: rotate(0deg);
		background-color: #000; 
	}
	#menu-burger span:nth-child(1) {  top: 7px;	}
	#menu-burger span:nth-child(2){  top: 15px;	}
	#menu-burger.open span {
		background-color: #ff3d3d;
	}
	#menu-burger.open span:nth-child(1) {
	  -webkit-transform: rotate(45deg);
	  -moz-transform: rotate(45deg);
	  -o-transform: rotate(45deg);
	  transform: rotate(45deg);
	  top:10px;
	}
	#menu-burger.open span:nth-child(2) {
	  -webkit-transform: rotate(-45deg);
	  -moz-transform: rotate(-45deg);
	  -o-transform: rotate(-45deg);
	  transform: rotate(-45deg);
	  top:10px;
	}
	#lang-menu-wrapper { width: 80px;	height: 80px;	float: right;	top: 0px;	right: -25px;	display: flex; position: relative;	justify-content: center;align-items: center; cursor: pointer;	}
	#lang-menu {	height: 22px;	position: relative;	margin: 0 auto;	z-index:2;	}
	#lang-menu ul {	margin: 0;	padding: 0;	border: 0; list-style: none; display: block; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;	box-sizing: border-box;	}
	#lang-menu ul li {  float: left;  padding: 0 5px;	}
	#lang-menu ul li a {
	  color: #000;
	}
	#lang-menu ul li a:hover, header.open #lang-menu ul li a {
	  color: #ff3d3d;
	}
/*--------------------------------------------------
 Overlay Menu
---------------------------------------------------*/		

	#menu-overlay {	position:fixed;	z-index: 15; height: 100vh; width: 100%; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; visibility: hidden; text-align: left; transition: all 0.1s ease-in-out 0.6s;	}
	#menu-overlay.active {	opacity: 1; visibility:visible; -webkit-transition: all 0.3s ease-in-out 0.2s; transition: all 0.3s ease-in-out 0.2s;
		background: #FFFFFF1c;
	}

	#close-menu {	position: fixed !important;	height:100vh;	width:100vw; top:0; left:0; right:0; bottom:0;	}
	#menu-overlay .outer {	width: 100%; margin: 0 auto; padding:80px; box-sizing: border-box; }
	#menu-overlay .inner {	position:relative; pointer-events: none;	}
	.menu-content {	position: fixed;left: 0px;top: 0px;	width: 100%;height: 100%;	background: #FFFFFFFC; z-index: 999;	}
	.menu-content.row {	height: 100%;	}
	.menu-content .menu-column {	width: 50%;	height: 100%;	float: left;display: flex;align-items: center;	}
	.menu-content .menu-info { position: relative;width: 50%;	margin-left: 25%;	/*margin-top: 30%;*/ text-align: center;	}
	.menu-content .menu-info p {  display: block;position: relative;margin-top: 30px;padding: 0px;font-size: 14px;line-height: 24px;
		color: #000;
	}
	.menu-content .menu-bg {  height: 100%;
		background-image: url('/themes/vivamusica/images/menu-bg.jpg');
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
	}
	nav, nav ul, nav ul li, nav ul li a {	margin: 0; padding: 0; border: 0; list-style: none; display: block;text-align: center; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;	cursor: pointer;	}
	nav {	position: relative;	width: 100%; text-align: center;	float:none;	display:table; margin-bottom: 20px; pointer-events: initial; margin:0 auto;	}
	nav ul ul {	display: none;	margin-bottom: 20px; position: relative;	}
	nav > ul > li > a {	font-family: 'freight-big-pro', serif; padding: 2px 0px; cursor: pointer; color: #FFFFFF; line-height:65px;	font-size:36px;	font-weight: 500;	text-align: center; text-decoration: none; position:relative;	-webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out;	}
	nav > ul > li {		width: auto; padding: 0 5px;	}
	nav > ul > li > a::before {	content: ''; position: absolute; bottom: 0px; left: 0; width: 100%;	height: 70px;	background: rgba(255,255,255,0.1); transform: scaleX(0); transform-origin: right;	-webkit-transition: transform .2s ease-out; transition: transform .2s ease-out;	}
  nav > ul > li > a:hover::before {	transform: scaleX(1);	transform-origin: left;	-webkit-transition: transform .2s ease-out 0.05s; transition: transform .2s ease-out 0.05s;	}
	nav > ul > li > a:hover,
	nav > ul > li.active > a,
	nav > ul > li.open > a {
		color: #ff3d3d;		
	}
	nav ul ul li a { font-family: 'freight-big-pro', serif;	cursor: pointer; padding: 10px 20px 2px; z-index: 1; text-decoration: none; font-size: 16px; font-weight: 500;	line-height: 1.3 !important;
		color: #FFFFFFCC;
	}
	nav ul ul li:hover > a,
	nav ul ul li.open > a,
	nav ul ul li.active > a {
		color: #ff3d3d;
	}
	nav ul ul ul li a {	padding-left: 40px;	}

	.menu-item-has-children {

	}

/* ARRROW ked ma sub-menu */
nav li a:first-child:nth-last-child(2):after {  content: ""; position: absolute; height: 0; width: 0; border: 6px solid transparent; top: 50%; margin-left: 5px;  -webkit-transition: all 0.3s ease-in-out;	transition: all 0.3s ease-in-out; }
/* arrow hover styling */
nav li > a:first-child:nth-last-child(2):after { 
	border-top-color: #FFF; 
}
nav li:hover > a:first-child:nth-last-child(2):after {  
	border: 6px solid transparent;  
	border-bottom-color: #ff3d3d; 
  margin-top:-5px
}
nav li li > a:first-child:nth-last-child(2):after {  
  border-left-color: #FFF; 
  margin-top: -5px
}
nav li li:hover > a:first-child:nth-last-child(2):after {
  border: 6px solid transparent; 
  border-right-color: #ff3d3d;
  right: 10px; 
}

	.menu-content NAV > UL {	/*margin-top: 30%;*/	list-style-type: none;	}
	.menu-content .menu-close {	position: absolute;	left: 83px;	top: 83px;	width: 60px; height: 60px;

		-webkit-box-shadow: 0px 0px 7px 8px rgba(255,255,255,1);
		-moz-box-shadow: 0px 0px 7px 8px rgba(255,255,255,1);
		box-shadow: 0px 0px 7px 8px rgba(255,255,255,1);
	    
		background-image: url('../images/quit.png');
		background-repeat: no-repeat;
		background-position: center center;
		background-color: transparent;
		outline: none;
		-webkit-transition-duration: 0.5s; 
		-moz-transition-duration: 0.5s; 
		-o-transition-duration: 0.5s; 
		transition-duration: 0.5s; 
		-webkit-transition-property: -webkit-transform; 
		-moz-transition-property: -moz-transform; 
		-o-transition-property: -o-transform; 
		transition-property: transform;
	}

	.menu-content .menu-close:hover {
		-webkit-transform:rotate(180deg);
		-moz-transform:rotate(180deg); 
		-o-transform:rotate(180deg);
		transform:rotate(180deg);
	}
	
	.pagination-post { /*display: flex; justify-content: center;*/ margin: 35px 0 0; }
	.pagination-post ul { margin: 0; padding: 0; }
	.pagination-post ul li { display: inline-block; padding: 0px; }
	.pagination-post ul li a { color: #FF3D3D; font-family: 'freight-big-pro', serif; font-size: 12px; font-weight: bold; padding: 0 5px; }
	.pagination-post ul li a:hover { color: #FF3D3D; }
	
	.pagination-post ul li.prev-post { width: 49%; text-align: right; }
	.pagination-post ul li.page-item { width: calc(2% - 5px); text-align: center; }
	.pagination-post ul li.next-post { width: 49%; text-align: left; }
	


/*--------------------------------------------------
 Sidebar Overlay
---------------------------------------------------*/		

	#sidebar-overlay {	position:fixed;	z-index:15;	height:100vh;	width:100%;	top:0;left:0;	right:0;bottom:0;	opacity:0;visibility:hidden;text-align:left;transition: all 0.1s ease-in-out 0.6s;	}
	#sidebar-overlay.active {	opacity:1;	visibility:visible;	-webkit-transition: all 0.3s ease-in-out 0.2s;	transition: all 0.3s ease-in-out 0.2s;	}
	#close-sidebar {	position: fixed !important;	height:100vh;	width:100vw;top:0;left:0;	right:0;bottom:0; }
	#sidebar-overlay .outer {	width: 100%;margin: 0 auto;padding:80px;box-sizing: border-box; }
	#sidebar-overlay .inner {	position:relative;pointer-events: none;	}	
	

/*--------------------------------------------------
 Main Content
---------------------------------------------------*/		

	#main {	position:relative;	opacity:0;	}
	.load-project-page #main {	opacity:1;	}
	#main-content {	position:relative;	opacity:1;	z-index:10;	min-height:50vh;
		background-color:#fff;		
		-webkit-transition: all 0.4s ease-in-out 0s;
		transition: all 0.4s ease-in-out 0s;
	}
	#main-content.perspective {
		-webkit-transform: scale(0.8);		
		transform: scale(0.8);
		opacity:0.5;		
	}
	.main-picture {
		position: relative;
		/*margin: 220px 0 0;*/
	}
	.social { position:absolute; top:45%; right:20px; padding:0; margin:0; z-index: 999; }
	.social li{ display:block; width:42px; height:42px; background:#000; color:#fff; border-radius:50%; text-align:center; line-height:44px; }
	.social li:hover { color:#ff3d3d; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -ms-transition: all .4s ease-out; -o-transition: all .4s ease-out; transition: all .4s ease-out; }
	.social li:last-child { margin:0 0 0px 0; }
	.social a li { color:#fff; }
	.social a { display:block; position:relative; margin:0 0 15px 0; }

	.wrapper {	position: relative;	display: block;
		max-width: 1400px;
		margin: 0 auto;
	}
	.post > .wrapper { margin-bottom: 35px; }
	.page > .wrapper { margin-bottom: 95px; }
	
	.content-concert-podobr {	width: 100%;	height: 100%;	}
	.content-concert .main-picture IMG {	display: block;	width: auto;	max-height: 100vh;	bottom: 0;	right: 0;	position: absolute;	}
	.single .content-concert .main-picture IMG { display: block;	width: auto;	right: 0;	position: sticky;	}
	.content-concert H1 {	font-size: 62px; font-family: 'freight-big-pro', serif; line-height: 1; font-weight: 400;	
		padding-bottom: 30px; margin: 0;
		color: #000;
	}
	.content-concert P.perex { font-size: 20px;	line-height: 34px; font-family: 'freight-big-pro', serif;
		margin: 0;
		color: #000;
	}
	.content-concert .highlight {	display: inline-block; font-family: 'freight-big-pro', serif; font-size: 20px; line-height: 20px; letter-spacing: .04em; font-weight: 500; letter-spacing: 2px;
		 padding: 10px 20px 13px; margin-bottom: 30px; 		
	    color: #fff;
	    background: #ff3d3d;
	}
	.content-concert P { font-size: 15px;	font-weight: 400;	line-height: 20px; 
		padding: 0 95px 30px 0; margin: 0;	
		color: #000;
	}
	.content-concert P strong {	font-weight: 700;	}
	.content-concert P a {
		color: #ff3d3d;
	}
	.content-concert .button {	display: inline-block; font-family: 'Open Sans Condensed', sans-serif; font-family: 'freightbigcmp-pro', serif; font-size: 22px; line-height: 20px; letter-spacing: .14em;	font-weight: 400;	font-style: normal; text-transform: uppercase; text-decoration: none;    
		color: #fff;
		background: #000;
	    border: 1px solid #000;
	    padding: 15px 25px 18px;
	    /*margin-top: 50px;*/
	}

	

	.section.news section { width: 100% }
	.section.news section > h2 { font-family: 'freightbigcmp-pro', serif; width: 60%; text-align: center; margin: 0 auto; font-size: 42px;  }
	
	.news-box { max-width: 1040px }
	.news .item { flex: 0 1 calc(50% - 10px); 		}
	.news .item h3 { font-family: 'freightbigcmp-pro', serif; text-align: center; }




	#menu-item-66 .button { font-family: 'freightbigcmp-pro', serif;  font-size: 22px; line-height: 20px;	display: inline-block;	
	    color: #fff;
		background: #ff3d3d;
	    text-transform: uppercase;
	    text-decoration: none;
	    border: 1px solid #000;
	    padding: 15px 25px 18px;
	    margin-top: 50px;
		letter-spacing: 2px;
		font-weight: 200;
		font-style: normal;
	}
	.content-concert .button:hover, #menu-item-66 .button:hover {
		color: #000;
		background: #fff;
	}
	.content-concert .main-image {	position: relative;	display: block;	width: 100%; background-repeat: no-repeat; background-size: cover !important;	background-position: center;	margin: 0; }

	main .about-gallery {  display: block; position: relative; margin: 0; padding: 40px; text-align: center;	
			background: #ff3d3d; 
	}
	main .about-gallery P { font-family: 'freight-big-pro', serif; display: block;	padding: 0px; margin: 0px; font-size: 22px; line-height: 24px; letter-spacing: .04em; font-weight: 400; text-align: center;
			color: #fff;  
	}
	main .about-gallery A { font-family: 'Open Sans Condensed', sans-serif; font-family: 'freightbigcmp-pro', serif;	display: block; width: 126px; margin: 30px auto 0 auto; padding: 10px 0; text-align: center; text-decoration: none; font-size: 22px;	font-weight: 400; text-transform: uppercase;	letter-spacing: .14em;	
			color: #282828;    
			background: #fff;   
	}
	main .arrows { position: relative; padding-top: 70px;	}
	
	.concerts {   position: relative; padding-top: 40px; z-index: 900; display: flex;  flex-flow: row wrap;  justify-content: center;	
			background: white;
	}
	
	.concerts picture {	width: 100vw;	}
	.concerts IMG  {		width: 100%;	text-decoration: none;	-webkit-transition: all 0.3s linear;	-ms-transition: all 0.3s linear;	-o-transition: all 0.3s linear;		cursor: pointer; }
	
	.concert	{ 
		/* 1/4 */
		flex: 0 1 calc(25% - 10px);
		/* 1/4 zobrazuje 1/3 */
		/*flex: 0 1 calc(25% - 0px);*/
		/* 1/3 
		flex: 1 0 calc(33.333% - 30px);*/
		position: relative;
		overflow:hidden; 
		-webkit-transition: all 300ms ease-in-out;
		-moz-transition: all 300ms ease-in-out;
		-ms-transition: all 300ms ease-in-out;
		-o-transition: all 300ms ease-in-out;
		transition: all 300ms ease-in-out;
	}


	.concert:hover IMG	{ 
		opacity:0.25; transform: scale(1.15); 
		/*filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); *//* Firefox 3.5+ */
		/*filter: gray; *//* IE6-9 */
		/*-webkit-filter: grayscale(100%); *//* Chrome 19+ & Safari 6+ */
	}

	.concert-info	{ display: none; position: absolute; left: 25px; right: 75px;	bottom: 12px;	}

	.concerts a							{ text-decoration:none;}
	.concerts h2						{ font-family: 'freight-big-pro', serif; font-weight: 400; margin: 0 0 0px 0; font-size: 48px; color: #282828; text-decoration: none; }
	.concerts h2 span				{ font-size: 36px;}
	.concerts h2 small			{ font-size: 20px;}
	.concerts h2 small span { color: red;}
	.concerts h4 						{ margin: 0; color: #3c3b3b; font-size: 12px; text-transform: uppercase; }
	.concert .pridany 			{ position: absolute; top: 70px; left: 30px; background: red; width: 175px; height: 42px; z-index: 9}
	.concert .pridany  h5 	{ margin: 0; color: #fff; font-size: 22px; text-align: center; font-weight: 300; padding: 5px 0 }
	
	.concert:hover .concert-info{ display: block; }

	.hr {	width: 34px;	height: 1px;	margin: 8px 0 14px 0;	background: #282828;  }

	.concert-soon .hr { opacity: 0 }

	.concerts h2 small { font-family: 'freight-big-pro', serif; font-size: 20px;	font-weight: 200;	line-height: 1;	display: block;	padding-top: 7px; 
		color: #282828;	
	}
	
	.concert:hover .wp-block-cover {
		-moz-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
		-o-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
		-webkit-filter: grayscale(100%);
		filter: gray;
		filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	}
		
	.content-concert, .content-galeria {	margin: 17vh 0 0 0;  }
	.content-galeria h2 {	font-size: 42px; font-weight: 400; margin: .5em 0 }

	.sponzori .item img {	filter: grayscale(1);	}


/*--------------------------------------------------
 Footer Elements
---------------------------------------------------*/		

	#share { 	display:block;position: relative;	pointer-events:initial;	width: 40px;	}
	
	.jssocials-share {
		margin: 0!important;
		position: relative;
		display:block;
		z-index: 1;
		width: 40px;
		height: 60px;
		padding: 10px 0;
		
	}
	.jssocials-shares:hover .jssocials-share-link {
		opacity:0.3;
	}
	
	.jssocials-shares .jssocials-share-link:hover {
		color:#000!important;
		opacity:1;
	}
	
	.jssocials-share-link {
		font-size: 14px;
		color: #000;
		background-color: #ffffffe3;
		position: relative;
		display: flex;
		position: relative;
		justify-content: center;
		align-items: center;
		height: 40px!important;
		width: 40px!important;
		text-align: center!important;
		line-height: 40px!important;
		-webkit-transition: opacity 0.2s ease-in-out;
		transition: opacity 0.2s ease-in-out;
	}

	#page-bottom {	width:100%;	height:140px;	bottom:0;	position:fixed;	box-sizing:border-box;	z-index:1000;	pointer-events:none;	}

	#page-action-holder-left {
		position: fixed;
		box-sizing:border-box;
		left: 50px;
		bottom: 40px;
		height: 80px;
		width: 80px;
		z-index:10;
		pointer-events:initial;
		opacity:1;		
		color:#000;
		-webkit-transform: scale(1);
		transform: scale(1);
		transition: all 0.4s cubic-bezier(0.68, 0, 0.265, 1) 0.2s;
	}

	#page-action-holder-left.is-active.is-visible, .after-slider #page-action-holder-left {	opacity:1;	-webkit-transform: scale(1);	transform: scale(1);	}

	#page-action-holder-right {
		position: fixed;
		right: 55px;
		bottom: 40px;
		height: 80px;
		width: 80px;
		box-sizing:border-box;
		pointer-events:initial;
		z-index:10;
		opacity:1;
		-webkit-transform: scale(1);
		transform: scale(1);
		transition: all 0.4s cubic-bezier(0.68, 0, 0.265, 1) 0.2s;
	}

	#page-action-holder-right.is-active.is-visible, .after-slider #page-action-holder-right {	opacity:1;-webkit-transform: scale(1);	transform: scale(1);	}
	.page-action-wrap {	width: 80px;	height: 80px;	float: right;	top: 0px;	display: flex;	position: relative;	justify-content: center;	align-items: center;	cursor: pointer;	}
	.open-filters {	height: 46px;	width: 46px;text-align:center;line-height:46px;	font-size:16px;	cursor: pointer;	position: relative;		
		background: #ffffff7a;
		border-radius: 23px;
	}
	.scrolltotop {	height: 46px;	width: 46px;	cursor: pointer;	position: relative;		
		background: #ffffff7a;
		border-radius: 23px;
	}
	.arrow-left {	height: 10px; width: 2px;	position:absolute;	left: 19px;	top: 22px;
		background-color:#000;
		transform: rotate(-45deg);

		-webkit-transition: top 0.2s ease-in-out 0s, left 0.2s ease-in-out 0s, transform 0.2s ease-in-out 0s;
		transition: top 0.2s ease-in-out 0s, left 0.2s ease-in-out 0s, transform 0.2s ease-in-out 0s;
	}

	.arrow-right {	height: 10px;		width: 2px;	position:absolute;	left: 25px;	top: 22px;
		background-color:#000;
		transform: rotate(45deg);

		-webkit-transition: top 0.2s ease-in-out 0s, left 0.2s ease-in-out 0s, transform 0.2s ease-in-out 0s;
		transition: top 0.2s ease-in-out 0s, left 0.2s ease-in-out 0s, transform 0.2s ease-in-out 0s;
	}

	.no-tooltip[data-tooltip]::before {	opacity:0;	}
	.page-up .arrow-left {	height: 10px;		width: 2px;	position:absolute;	left:19px;	top:13px;
		background-color:#000;
		transform: rotate(45deg);
	}
	.page-up .arrow-right {	height: 10px;		height: 16px;	left: 50%;	margin-left:-1px;	position: absolute;	top: 14px;	width: 2px;
		background-color:#000;
		transform: rotate(-45deg);
	}
	.arrow-top-line { height: 16px;	left: 50%;	margin-left:-1px;	position: absolute;	top: 14px;	width: 2px;	
		background-color: #000;
	}
	FOOTER {	position: relative;	display: block;	width: 100%;	
		background: #090909;	
	}
	FOOTER .footer-content {	position: absolute;	display: block;	top: 1%; left: 0; bottom: 0; right: 0;	margin: 0 auto;	}
	FOOTER .footer-content {	position: relative;	display: block;	margin-top: 15%;	margin: 0 auto;	}
	FOOTER .copyright {	position: relative;	}

	P.content {	max-height: 175px;	padding-right: 20px;	overflow: auto;	}


	FOOTER H2 {
		display: inline-block;
		font-family: 'freight-big-pro', serif;
	    font-size: 24px;
	    line-height: 32px;
	    color: #fff;
	    text-transform: uppercase;
	    padding: 15px 30px;
	    margin-bottom: 60px;
		margin: 0 auto;
		text-align: center;
	}

	#newsletter_form {
		position: relative;
		width: 30%;
		margin: 0 auto;
		z-index: 100;
	}

	#newsletter_form P {
		color: #2c2c2c;
		font-size: 16px;
		margin: 0;
	}
	#newsletter_result {
		font-size: 17px;
		text-align: center;
		padding-bottom: 80px;
	}

	INPUT[type="text"], INPUT[type="password"], TEXTAREA, SELECT {
		position: relative;
		display: block;
		width: 100%;
		min-width: 240px;
		background: transparent;
		border: 1px solid #d2d2d2;
		padding: 17px;
		box-sizing: border-box;
		margin: 0px;
		margin-bottom: 3%;
		outline: none;
		font-family: 'freightbigcmp-pro', serif;
		font-size: 17px;
		color: #d2d2d2;
		/*border-radius: 27px;
	    -webkit-border-radius: 27px;
	    -moz-border-radius: 27px;*/
	}

	BUTTON, INPUT[type="button"], INPUT[type="submit"] {
	    position: absolute;
		right: 4px;
	    top: 4px;
	    display: inline-block;
	    font-size: 18px;
	    line-height: 14px;
	    color: #fff;
	    text-align: center;
	    text-decoration: none;
	    text-transform: uppercase;
	    padding: 18px 30px 18px 30px;
	    background: #ff3d3d;
	    border: 1px solid #ff3d3d;
		font-family: 'freightbigcmp-pro', serif;
	    text-decoration: none;
	    -webkit-transition: all 0.3s linear;
	    -moz-transition: all 0.3s linear;
	    -ms-transition: all 0.3s linear;
	    -o-transition: all 0.3s linear;
	    cursor: pointer;
		/*border-radius: 20px;
	    -webkit-border-radius: 20px;
	    -moz-border-radius: 20px;*/
	}
	BUTTON:hover, INPUT[type="button"]:hover, INPUT[type="submit"]:hover {
		color: #ff3d3d;
		text-decoration: none;
		background: transparent;
		border: 1px solid #ff3d3d;
	}
	INPUT[type="text"]::-webkit-input-placeholder {
	   color: #d2d2d2;
	}
	INPUT[type="text"]:-moz-placeholder { /* Firefox 18- */
	   color: #d2d2d2;  
	}
	INPUT[type="text"]::-moz-placeholder {  /* Firefox 19+ */
	   color: #d2d2d2;  
	}
	INPUT[type="text"]:-ms-input-placeholder {  
	   color: #d2d2d2;  
	}

	.newsletter_form INPUT[type="text"] {
		background: #2c2c2c;
		border-color: #2c2c2c;
	}

	FOOTER ul { position: relative; display:block; list-style-type:none; text-align:center; padding:60px 0; margin:0; z-index: 100; }
	FOOTER ul li {display:inline-block; width:47px; height:47px; margin:0 7px; border-radius:50%; border:1px solid #d2d2d2; line-height:48px; color:#d2d2d2;}
	FOOTER ul li:hover {color:#ff3d3d; border-color:#ff3d3d; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -ms-transition: all .4s ease-out; -o-transition: all .4s ease-out; transition: all .4s ease-out;}
	FOOTER ul li a {color:#d2d2d2;}

	FOOTER .contact-info { font-family: 'acumin-pro', sans-serif; position: relative; display: block; margin: 0px auto; width: 300px; z-index: 100;	text-align: center;
	}
	FOOTER .contact-info p { font-family: 'acumin-pro', sans-serif; font-size: 15px; text-align: center;
		color: #959595; 
	}
	FOOTER .contact-info p a {color: #ff3d3d; font-size: 14px; text-align: center; text-decoration: none;}
	FOOTER .contact-info img {display: block; margin: 0px auto; padding: 15px 0 0px 0; width: auto;}
	FOOTER .footer-button {  font-family: 'freightbigcmp-pro', serif; font-size: 20px; font-weight: 500; text-decoration: none; text-align: center; text-transform: uppercase; display: inline-block; 
		width: 126px;
		margin: 10px auto 0; 
		padding: 10px 0px 13px; 
		background: #ff3d3d; 
		/*border-radius: 20px; 
		-webkit-border-radius: 20px; 
		-moz-border-radius: 20px;*/	
		color: #fff; 
	}
	FOOTER IFRAME {	position: absolute;	left: 0px;	top: 0px;	}
	FOOTER .footer-content::after {	position: absolute;	display: block;	left: 0px;	top: 0px;	width: 100%;	height: 100%;	content: "";
		background: rgba(44, 44, 44, 0.5);
	}
	FOOTER ul li {
		background: #2c2c2c;
		border-color: #2c2c2c;
	}
	FOOTER .copyright {	position: absolute;	left: 0px;	bottom: 0px;	display: block;	width: 100%; padding: 0 15px;
		background: #2c2c2c;
	}
	FOOTER .copyright P {	font-size: 12px; margin: 0;
		color: #959595;
	}
	FOOTER .copyright A {
		font-size: 14px;
		color: #ff3d3d;
		text-decoration: none;
		z-index: 10;
	}
	FOOTER .top {
	    position: absolute;
		right: 50px;
		top: 30px;
	    padding: 10px 0 0 0;
	    color: #959595;
	    text-decoration: none;
	}
	FOOTER .top::before {
	    content: "\f176";
	    position: absolute;
	    top: -10px;
	    left: 50%;
	    margin-left: -4px;
	    font-family: FontAwesome;
	}

.hero-title {
    position: absolute;
    width: 200px;
    height:  35px;
		text-align: center;
    z-index: 1;
    top: 13vh;
    left: 50%;
  	transform: translate(-50%,0%);
    background: #000;
		padding: 10px 25px;
}
.page-title h1 {
		color: #fff;
    font-size: 35px;
    margin: 0;
    text-transform: uppercase;
}
.hero-video.embed-responsive {
	height: 100vh;
}
#o-nas-video video { display: none; }
@media (-webkit-video-playable-inline) {
    #o-nas-video img { display: none; }
    #o-nas-video video { display: initial; }
}
#o-nas-video {
  font-size: 10px;
  color:  #1D1D20;
  min-width: 100vw; 
  min-height: 100vh; 
  width: 100vw;
  height: auto;
  position: absolute;
  left: 50%;
  transform: translate(-50%,0%);
  background-color: #FFF;
  /*
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  */
}
.vjs-default-skin .vjs-big-play-button {
  	font-size: 3em;
  	border: 0.06666em solid  #1D1D20;
  	border-radius: 0.3em;
}
.video-js .vjs-volume-level,
.video-js .vjs-play-progress,
.video-js .vjs-slider-bar {
  	background:  #1D1D20;
}
#sound-action-holder{
  background:transparent;
	position: absolute;
	top: calc(100vh - 95px);
	left: calc(50% - 25px);
	z-index: 10000;
}
 #play-video-action-holder  {
 	display: none;
  background:transparent;
 	position: absolute;
	top: calc(100vh - 150px);
	left: calc(50% - 25px);
 	z-index: 10000;
 }
#sound-action-holder:before, #play-video-action-holder:before {
	content: attr(data-tooltip);
	font-size: 12px;
	font-weight: 400;
	padding: 5px;
	border-radius: 5px;
	white-space: nowrap;
	text-decoration: none;
	right: 60px;
	top: 12px;
}

#sound-action-holder i, #play-video-action-holder i {
	font-style: normal; 
}
#sound-action-holder.mute-video i::before {
    content: "\f026"; 
    font-family: FontAwesome;
    left:21px;
    position: absolute;
    top: 0;
	color: #000;
}
#sound-action-holder.mute-video:hover i::before {
    content: "\f028"; 
    font-family: FontAwesome;
    left:18px;
    position: absolute;
    top: 0;
	color: #000;
}
#sound-action-holder.unmute-video i::before {
    content: "\f028"; 
    font-family: FontAwesome;
    left:18px;
    position: absolute;
    top: 0;
	color: #000;
}
#sound-action-holder.unmute-video:hover i::before {
    content: "\f026"; 
    font-family: FontAwesome;
    left:21px;
    position: absolute;
    top: 0;
	color: #000;
}
#muteunmutesound, #playpausevideo {
    position: relative;
    height: 50px;
    width: 50px;
    margin-top: 0px;
    cursor: pointer;
}
#muteunmutesound i, #playpausevideo i {
	color: #FFF;
	position: absolute;
	left: 0;
	top: 0;
	width: 50px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	font-size: 14px;
	pointer-events: none;
	-webkit-transition: all 0.4s ease-in-out 0s;
	transition: all 0.4s ease-in-out 0s;
}
#play-video-action-holder.play-video i::before {
    content: "\f04b"; 
    font-family: FontAwesome;
    left: 20px;
    position: absolute;
    top: 0px;
	color: #000;
}
#play-video-action-holder.pause-video i::before {
    content: "\f04c"; 
    font-family: FontAwesome;
    left: 19px;
    position: absolute;
    top: 0px;
	color: #000;
}
.circle-action {
  fill: transparent;
	stroke: #EEE;
}
.is-inner{
	stroke-width: 2;
	opacity:0.5;
	fill: #EEE;
}
.is-outer{
	stroke-width: 2;
	stroke-dasharray: 227;
	stroke-dashoffset: 227;
	transform-origin: 50%;
	transform: rotate(-90deg);	
    -webkit-animation:mouse-btn-roll-out .55s cubic-bezier(.5,.1,.07,1);
    animation:mouse-btn-roll-out .55s cubic-bezier(.5,.1,.07,1);
}
#muteunmutesound:hover .is-outer, #playpausevideo:hover .is-outer {
	stroke-dashoffset: 0;
	-webkit-animation:mouse-scroll-btn-roll-over .55s cubic-bezier(.5,.1,.07,1);
  	animation:mouse-btn-roll-over .55s cubic-bezier(.5,.1,.07,1);
}

@-webkit-keyframes mouse-btn-roll-over{
  0%{stroke-dashoffset:227}
  100%{stroke-dashoffset:0}
}
@keyframes mouse-btn-roll-over{
  0%{stroke-dashoffset:227}
  100%{stroke-dashoffset:0}
}
@-webkit-keyframes mouse-btn-roll-out{
  0%{stroke-dashoffset:0}
  100%{stroke-dashoffset:-227}
}
@keyframes mouse-btn-roll-out{
  0%{stroke-dashoffset:0}
  100%{stroke-dashoffset:-227}
}

	#moove_gdpr_cookie_info_bar {   left: 50%;  width: 50%; 
		background-color: #202020;
	  border-top: 1px solid #fff;
	  transform: translate(-50%, -5px);
	}
	#moove_gdpr_cookie_info_bar.moove-gdpr-info-bar-hidden { bottom: -400px; display: none;	}
	.pagination-post ul { margin: 0; padding: 0; display: flex; justify-content: space-between; }

/*--------------------------------------------------
 Responsive
---------------------------------------------------*/			
	
@media only screen and (max-width: 1466px) {
	header {   	height: 120px;	}
	#header-container {	padding: 0 60px;	margin: 15px auto;	}
	nav > ul > li > a {		line-height: 40px;		font-size: 30px;	}
	.container {	max-width:1580px;	width:100%;	padding: 0 160px;	}
	#sidebar-overlay .outer {  	padding: 60px;	}
	#page-action-holder-left {   	left: 25px;	bottom: 30px;	}
	#page-action-holder-right {  	right: 30px;	bottom: 30px;	}
	.concert {	flex: 0 1 calc(33.333% - 10px);	}
}

@media only screen and (max-width: 1024px) {	
	.percentage {  	font-size: 100px;	}
	header {
    	/*background:#ffffff1c;*/
	}
	.parallax-wrap {	transform:none!important;	}
	.parallax-element {	transform:none!important;	}
	.container, .small .container {	padding: 0 60px;	}
	.concert {	flex: 0 1 calc(50% - 10px);	}
	.content-concert P {    padding: 0 35px 30px 0;	}
	.page-id-58 .content-concert {    margin: 125px 0 0 0;	}
	.wp-block-column {    flex-basis: 100% !important;	}
}

@media only screen and (max-width: 767px) {
	.page-title h1 {   color: #fff;   font-size: 25px;   margin: 0; }
	.hero-title {
	    position: absolute;
	    width: 150px;
	    height: 35px;
	    text-align: center;
	    z-index: 1;
	    top: 20vh;
	    left: 50%;
	    transform: translate(-50%,0%);
	    background: #000;
	    padding: 10px 25px;
	}
	#sound-action-holder {   top: calc(100vh - 125px); }
	#play-video-action-holder  {	top: calc(100vh - 180px); }
	.wrapper {	width: 90% !important;	}
	header {	position: absolute;	height: 80px;	}
	.page-id-58 .content-concert IMG {
		  display: block;
		  width: auto;
		  max-height: 251px;
		  top: -251px;
		  right: 0;
		  position: -webkit-sticky;
		  position: sticky;
	}
	#header-container {	padding: 0 50px;	margin: 0px auto;	}
	#logo img {	display: block;	height: 55px;	width: auto;	}
	.menu-content .menu-column { display: none; }
	.menu-content .menu-column.menu-bg { display: block;width: 100%; }

	#sidebar-overlay .outer { padding: 50px;	}
	#page-action-holder-left { left: 15px;	bottom: 20px;	}
	#page-action-holder-right { right: 15px;	bottom: 20px;	}

	.footer-info { width: 80%;	}
	.container, .small .container { padding: 0 50px;	}
	.full .container { padding: 0;	}
	.text-align-center p.title-has-line::after, #page-nav p.title-has-line::after {		display:none;	}
	p {  font-size: 14px;	}

	.pagination-post ul li.next-post i,
	.pagination-post ul li.prev-post i { display: none;	}

	.pagination-post ul li a { 
		font-size: 9px; 
		padding: 0 5px; 
		font-family: 'freight-big-pro', serif;
		letter-spacing: .00em; 
	}
	.concert { flex: 1 0 calc(50% - 10px);	}
	.content-concert { margin: 75px 0 0 0;	}
	.page-id-58 .content-concert { margin: 225px 0 0 0;	}
	.content-concert P { padding: 0 55px 30px 0;	}
	.content-concert IMG { max-height: inherit; padding: 0 0 35px;	}
	.content-galeria { margin: 70px 0 0 0;	}

	.concert .pridany { top: 75px; left: 10px; }

	#moove_gdpr_cookie_info_bar {
	    left: 50%;
	    width: 100%;
	    background-color: #202020;
	    border-top: 1px solid #fff;
	    transform: translate(-50%, -75px);
	}
	#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container {
	    padding: 20px 80px;
	}

}

@media only screen and (max-width: 600px) {	
	.content-concert {
			margin: calc(100vw + 70px) 0 0 0;
	}
	.page-id-58 .content-concert {
	    margin: 125px 0 0 0;
	}
}

@media only screen and (max-width: 479px) {	
	main { overflow: hidden !important; }
	h1 {
    	font-size: 36px;
	}
	.concert {
			flex: 1 0 calc(100% - 10px);
	}
	#header-container {
			padding: 0 30px;
			margin: 0px auto;
	}
	#burger-wrapper {
    	right: -30px;
	}
	#menu-overlay .outer {
			padding: 30px;
	}
	nav > ul > li > a {
			line-height: 40px;
			font-size: 36px;
	}
	nav ul ul li a {
	    font-size: 13px !important;
	    line-height: 17px !important;
	}
	#sidebar-overlay .outer {
    	padding: 30px;
	}
	.container, .small .container {
    	padding: 0 30px;
	}
	.full .container {
			padding: 0 30px;
	}
	.row_padding_bottom {
			padding-bottom: 50px;
	}
	.row_padding_top {
    	padding-top: 60px;
	}
	p.title-has-line::after {
			display:none;
	}
	#page-action-holder-left {
			left: 0px;
			bottom: 0px;
	}
	#page-action-holder-right {
			right: 0px;
			bottom: 0px;
	}
	.footer-info {
			width: 100%;
			text-align: center;
	}
	#magic-cursor {
			display:none;
	}
	.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:first-child) {
	  margin-left: 1em !important;
	}
	.content-concert P {
	  	padding: 0 15px 30px 0;
	}
	.page-id-58 .content-concert {
    	margin: 325px 0 0 0;
	}
	FOOTER .contact-info p {
	    font-size: 13px;
	    line-height: 20px;
	}
	FOOTER .copyright {
	    padding: 0;
	    z-index: 100;
	    text-align: center;
	}
}

@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) {
	#rotate-device {
		display:block;
	}
}

.button.link.volne-vstupne {
	cursor: default;
	background: black;
	color: white;
}

.final-tiles-gallery .loading-bar {
    top: -12px;
	height: 4px !important;
}
.final-tiles-gallery .loading-bar i {
    height: 100%;
}
canvas { display: none }


/* Safari 7.1+ */
/* Hack pre Final Tiles Gallery blikanie on image hover */
_::-webkit-full-page-media, _:future, :root .final-tiles-gallery.ftg-hover-enabled .tile:hover .tile-inner:before { opacity: 0; }

/**
 ♻️
 **/