/*------------------------------------------------------------------
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: 'acumin-pro-extra-condensed', sans-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-image:url(images/rotate.png);
		background-size:100px 100px;
		background-position:center;
		background-repeat:no-repeat;
		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;
		background-color:#000;
		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;
	}

	#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%;
	  background-color: #000;
	  opacity: 1;
	  right: 0;
	  -webkit-transform: rotate(0deg);
	  -moz-transform: rotate(0deg);
	  -o-transform: rotate(0deg);
	  transform: rotate(0deg);
	  -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;
	}


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

	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 {
		padding: 2px 0px;
		cursor: pointer;
		color: #FFFFFF;
		line-height:65px;
		font-size:36px;
		font-weight: 500;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		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 {
		cursor: pointer;
		padding: 10px 20px 2px;
		z-index: 1;
		text-decoration: none;
		font-size: 14px;
		color: #FFFFFFCC;
		font-weight: 500;
		line-height: 20px !important;
	}

	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);
	}
	
	
	.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: #888; 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 IMG {
		display: block;
		width: auto;
		max-height: 100vh;
		bottom: 0;
		right: 0;
		position: absolute;
	}
	.single .content-concert IMG {
		display: block;
		width: auto;
		right: 0;
		position: sticky;
	}
	.content-concert H1 {
		font-size: 50px;
		font-family: 'acumin-pro-extra-condensed', sans-serif;
		line-height: 52px;
		color: #000;
		padding-bottom: 30px;
		font-weight: 700;
		margin: 0;
	}

	.content-concert P.perex {
		font-size: 20px;
		line-height: 34px;
		color: #000;
		font-family: 'acumin-pro', sans-serif;
		margin: 0;
	}

	.content-concert .highlight {
		display: inline-block;
		font-family: 'acumin-pro-extra-condensed', sans-serif;
	    font-size: 20px;
	    line-height: 20px;
	    color: #fff;
	    background: #ff3d3d;
	    padding: 10px 20px 13px;
	    margin-bottom: 30px;
		letter-spacing: 2px;
		font-weight: 500;
	}

	.content-concert P {
		font-size: 15px;
		font-weight: 400;
		line-height: 20px;
		color: #000;
		padding: 0 95px 30px 0;
		margin: 0;
	}
	.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-size: 20px;
	    line-height: 20px;
	    color: #fff;
		background: #000;
	    text-transform: uppercase;
	    text-decoration: none;
	    border: 1px solid #000;
	    padding: 15px 25px 20px;
	    /*margin-top: 50px;*/
		letter-spacing: 2px;
		font-weight: 700;
		font-style: normal;
	}
	
	
	#menu-item-66 .button {
		display: inline-block;
		font-family: 'Open Sans Condensed', sans-serif;
	    font-size: 20px;
	    line-height: 20px;
	    color: #fff;
		background: #ff3d3d;
	    text-transform: uppercase;
	    text-decoration: none;
	    border: 1px solid #000;
	    padding: 15px 25px 20px;
	    margin-top: 50px;
		letter-spacing: 2px;
		font-weight: 700;
		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;
	    background: #ff3d3d;
		text-align: center;
	}

	main .about-gallery P {
		display: block;
		padding: 0px;
	    margin: 0px;
		font-size: 17px;
	    line-height: 24px;
		font-weight: 300;
	    color: #fff;
	    text-align: center;
		text-transform: uppercase;
	}

	main .about-gallery A {
		display: block;
	    width: 126px;
	    margin: 30px auto 0 auto;
	    padding: 10px 0;
	    /*border-radius: 22px;*/
		font-family: 'Open Sans Condensed', sans-serif;
	    color: #282828;
	    background: #fff;
	    text-align: center;
	    text-decoration: none;
	    font-size: 20px;
		font-weight: 700;
	    text-transform: uppercase;
		letter-spacing: 2px;
	}

	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;
	}
	
	.concerts picture {
		width: 100vw;
	}
	.concerts IMG  {
		width: 100%;
		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;
	}
	
	.concert	{ 
		/* 1/4 */
		flex: 0 1 calc(25% - 10px);
		/* 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.1); 
		/*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		{ margin:0 0 0px 0; font-size:48px; color:#282828; text-decoration:none; font-weight: 600;}
	.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:hover .concert-info{display:block; }

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

	.concerts h2 small {
		font-size: 20px;
		font-family: 'acumin-pro-extra-condensed', sans-serif;
		font-weight: 700;
		line-height: 1;
		color: #282828;
		display: block;
		padding-top: 7px;
	}

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


/*--------------------------------------------------
 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;
		background-color:#000;
		transform: rotate(-45deg);
		width: 2px;
		position:absolute;
		left: 19px;
		top: 22px;
		-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;
		background-color:#000;
		transform: rotate(45deg);
		width: 2px;
		position:absolute;
		left: 25px;
		top: 22px;
		-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;
		background-color:#000;
		transform: rotate(45deg);
		width: 2px;
		position:absolute;
		left:19px;
		top:13px;
	}

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

	.arrow-top-line {
		background-color: #000;
		height: 16px;
		left: 50%;
		margin-left:-1px;
		position: absolute;
		top: 14px;
		width: 2px;
	}




	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: 'acumin-pro-extra-condensed', sans-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: 'acumin-pro-extra-condensed', sans-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: 'acumin-pro-extra-condensed';
	    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{ 
		position: relative; 
		display: block; 
		margin: 0px auto; 
		width: 300px; 
		z-index: 100;
		font-family: 'acumin-pro';
		text-align: center;
	}
	FOOTER .contact-info p {
		color: #959595; 
		font-size: 15px; 
		text-align: center;
		font-family: 'acumin-pro', sans-serif;
	}
	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 {
		display: inline-block; 
		width: 126px;
		margin: 10px auto 0; 
		padding: 10px 0px 13px; 
		font-family: 'acumin-pro-extra-condensed'; 
		text-align: center; 
		text-transform: uppercase; 
		font-weight: 500;
		background: #ff3d3d; 
		/*border-radius: 20px; 
		-webkit-border-radius: 20px; 
		-moz-border-radius: 20px;*/
		font-size: 20px; 
		color: #fff; 
		text-decoration: none;
	}

	FOOTER IFRAME {
		position: absolute;
		left: 0px;
		top: 0px;
	}

	FOOTER .footer-content::after {
		position: absolute;
		display: block;
		left: 0px;
		top: 0px;
		width: 100%;
		height: 100%;
		background: rgba(44, 44, 44, 0.5);
		content: "";
	}

	FOOTER ul li {
		background: #2c2c2c;
		border-color: #2c2c2c;
	}

	FOOTER .copyright {
		position: absolute;
		left: 0px;
		bottom: 0px;
		display: block;
		width: 100%;
		background: #2c2c2c;
		padding: 0 15px;
	}

	FOOTER .copyright P {
		font-size: 12px;
		color: #959595;
		margin: 0;
	}

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



/*--------------------------------------------------
 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 a { 
		font-size: 12px; 
		padding: 0 5px; 
		font-family: 'Open Sans Condensed', sans-serif;
		letter-spacing: .05em; 
	}

	.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;
	}
	#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 - 100px) 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;
	}
	
	.content-concert P {
		padding: 0 35px 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; }

/**
 ♻️
 **/