/*! normalize.css [v4.1.2] */
progress,sub,sup{vertical-align:baseline}button,hr,input{overflow:visible}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{vertical-align:top;border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}button,input,select,textarea{font:inherit;margin:0}optgroup{font-weight:700}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}

/* font.css */
@font-face {
	font-family: 'pano';
	src: url('../font/pano_light-webfont.eot');
	src: url('../font/pano_light-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../font/pano_light-webfont.woff2') format('woff2'),
		 url('../font/pano_light-webfont.woff') format('woff'),
		 url('../font/pano_light-webfont.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'pano';
	src: url('../font/pano_regular-webfont.eot');
	src: url('../font/pano_regular-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../font/pano_regular-webfont.woff2') format('woff2'),
		 url('../font/pano_regular-webfont.woff') format('woff'),
		 url('../font/pano_regular-webfont.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'pano';
	src: url('../font/pano_bold-webfont.eot');
	src: url('../font/pano_bold-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../font/pano_bold-webfont.woff2') format('woff2'),
		 url('../font/pano_bold-webfont.woff') format('woff'),
		 url('../font/pano_bold-webfont.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: 'aktion';
	src: url('../font/aktion-webfont.woff2') format('woff2'),
		 url('../font/aktion-webfont.woff') format('woff');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'aktion';
	src: url('../font/aktion-SemiBold.woff2') format('woff2'),
		 url('../font/aktion-SemiBold.woff') format('woff');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'aktion';
	src: url('../font/aktion-bold-webfont.woff2') format('woff2'),
		 url('../font/aktion-bold-webfont.woff') format('woff');
	font-weight: 700;
	font-style: normal;
}

/* main.css */
* { box-sizing: border-box; }
html { height: 100%; font-size: 14px; line-height: 1.6; font-family: 'aktion', sans-serif; color: #000; background-color: #fff; }
body { height: 100%; padding-top: 150px; }
body.splash-screen-open { overflow: hidden; }

::-webkit-scrollbar { width: 5px; height: 5px; }
::-webkit-scrollbar-thumb { background: #000; }
::-webkit-scrollbar-track { background: #fff; }

.clr { clear: both; }
.trns-250 { transition: 250ms; }
.vam { position: relative; display: block; top: 50%; transform: translateY(-50%); }
.noselect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.hide { display: none; }
.fs-24 { font-size: 24px; }

.wrapper { position: relative; float: left; width: 100%; }
.container { position: relative; margin: 0 auto; width: 990px; }

h1 { margin:0; font-size: 48px; line-height: 1.2; font-family: 'pano', sans-serif; text-transform: uppercase; }
h2 { margin-top:0; font-size: 24px; line-height: 1.2; font-family: 'pano', sans-serif; text-transform: uppercase; }
h3 { margin-top:0; font-size: 18px; line-height: 1.4; font-family: 'pano', sans-serif; text-transform: uppercase; }
h4 { margin-top:0; font-size: 16px; font-family: 'pano', sans-serif; }

table { width: 100%; margin-bottom: 20px; }
table tr th { text-align: left; font-family: 'pano', sans-serif; text-transform: uppercase; vertical-align: top; }
table tr td { vertical-align: top; }
table tr th:nth-child(n+2):last-child,
table tr td:last-child { text-align: right; vertical-align: top; }

ul { padding: 0 0 0 20px; list-style: square; }
ul li { margin-top: 10px; line-height: 1.4; }

a { color: inherit; text-decoration: underline; }
a:hover { color: #e02c2c; text-decoration: underline; }

/* fill effect
.hover-stripe { position: relative; display: inline-block; padding: 7px 10px 5px 10px; margin: -7px 0 0 -10px; transition: 400ms ease; }
.hover-stripe:before { content: ''; position: absolute; right: 0; top: 0; left: 100%; height: 100%; z-index: -1; background-color: #e02c2c; transition: 400ms ease; }
.hover-stripe:hover:before { left: 0; }
.hover-stripe:hover { color: #fff; text-decoration: none; }
 */


.button-icon { position: relative; display: inline-block; width: 260px; height: 70px; text-align: center; text-decoration: none; overflow: hidden; }
.button-icon .icon { position: absolute; max-width: 40px; max-height: 40px; left: 50%; bottom: 100%; opacity: 0; transform: translateX(-50%); transition: 300ms; }
.button-icon span { position: absolute; left: 50%; top: 50%; width: 100%; font-family: 'pano', sans-serif; font-size: 16px; text-transform: uppercase; font-weight: 700; transform: translate(-50%,-50%); transition: 300ms; }
.button-icon.black { background-color: #000; color: #fff; }
.button-icon.black .icon { fill: #fff; }
.button-icon.white { background-color: #fff; color: #000; }
.button-icon.white .icon { fill: #000; }
.button-icon.blue { background-color: #3b5998; color: #fff; }
.button-icon.blue .icon { fill: #fff; }
a.button-icon:hover .icon,
.button-icon.active .icon { opacity: 1; bottom: 50%; transform: translate(-50%,50%); }
a.button-icon:hover span,
.button-icon.active span { opacity: 0;  transform: translate(-50%,-50%) scale(0.5); }

.button-color { position: relative; display: inline-block; width: 260px; height: 70px; text-align: center; text-decoration: none; overflow: hidden; transition: 250ms;}
.button-color span { position: absolute; left: 50%; top: 50%; width: 100%; font-family: 'pano', sans-serif; font-size: 16px; text-transform: uppercase; font-weight: 700; transform: translate(-50%,-50%); transition: 300ms; }
.button-color.black { background-color: #000; color: #fff; }
.button-color.white { background-color: #fff; color: #000; }
.button-color.blue { background-color: #3b5998; color: #fff; }
a.button-color:hover,
.button-color.active { background: #e02c2c; }


.button-fb { position: relative; display: inline-block; width: 260px; height: 70px; background-color: #3b5998; transition: 300ms; text-align: center; text-decoration: none; overflow: hidden; }
.button-fb:hover { background-color: #245dbe; }
.button-fb .icon { position: absolute; left: 30px; top: 50%; width: 10px; height: 21px; fill: #fff; transform: translateY(-50%); }
.button-fb span { position: absolute; left:0; top: 50%; width: 100%; padding-left: 35px; font-size: 16px; font-weight: 700; color: #fff; font-family: 'pano', sans-serif; text-transform: uppercase; text-align: center; transform: translateY(-50%); }

.ticket-buttons { float: left; width: 100%; }
.ticket-buttons .button-icon,
.ticket-buttons .button-fb { float: left; width: 50%; }

.yt-wrapper { position: relative; width: 100%; height:0; padding-top: 56.25%; }
.yt-wrapper iframe { position: absolute; left:0; top:0; width: 100%; height: 100%; }


/* INTRO LOADING */
.splash-screen { position: fixed; left:0; top:0; width: 100%; height: 100%; z-index: 2000; background-color: #000; cursor: pointer; display: none; }
.splash-screen-open .splash-screen { display: block; }
.splash-screen video { position: absolute; left: 50%; top: 50%; height: 100%; width: auto; z-index: 20; transform: translate(-50%,-50%); }
.splash-screen .label { position: absolute; left:0; bottom: 20px; width: 100%; z-index: 30; font-family: 'pano', sans-serif; text-align: center; text-transform: uppercase; }

@keyframes fade {
	30% { opacity: 0; }
	50% { opacity: 1; }
	70% { opacity: 0; }
}
.splash-screen .loader { position: absolute; left: 50%; top: 50%; z-index: 10; transform: translate(-50%,-50%); }
.splash-screen .loader i { float: left; margin: 0 4px; width: 5px; height: 5px; background-color: #fff; opacity:0; animation: fade 1.2s infinite linear; }
.splash-screen .loader i:nth-child(1) { animation-delay: 0ms; }
.splash-screen .loader i:nth-child(2) { animation-delay: 30ms; }
.splash-screen .loader i:nth-child(3) { animation-delay: 100ms; }
.splash-screen .loader i:nth-child(4) { animation-delay: 150ms; }
.splash-screen .loader i:nth-child(5) { animation-delay: 200ms; }


/* WARNING */
body,
.wrapper.header,
.toggle-main,
.warning-main { transition: 300ms; }

.warning-main { position: fixed; left:0; top: -90px; width: 100%; height: 90px; z-index: 700; background-color: #fff; text-align: center; }
.warning-main .text { padding: 0 97px; color: #000; font-size: 14px; font-weight: 700; letter-spacing: -0.5px; font-family: 'pano', sans-serif; text-transform: uppercase; }
.warning-main .close { position: absolute; width: 25px; height: 18px; right: 36px; top: 36px; cursor: pointer; }
.warning-main .close i { position: absolute; width: 25px; height: 2px; background-color: #000; }
.warning-main .close i:nth-child(1) { width: 29px; left: -2px; top: 8px; transform: rotate(33deg); }
.warning-main .close i:nth-child(2) { width: 29px; left: -2px; top: 8px; transform: rotate(-33deg); }

.warning-open { padding-top: 180px; }
.warning-open .warning-main { top:0; }
.warning-open .wrapper.header,
.warning-open .wrapper.schedule,
.warning-open .wrapper.nav,
.warning-open .toggle-main  { top: 90px; }


/* HEADER */
.wrapper.header { position: fixed; left:0; top:0; height: 90px; background-color: #fff; z-index: 500; border-bottom: 1px solid #d0d0d0; }
.wrapper.header .logo { position: absolute; left: 50%; top: 30px; height: 30px; transform: translateX(-50%); }
.wrapper.header .logo img { height: 100%; width: auto; }

/* main toggles */
.toggle-main { position: fixed; width: 150px; height: 90px; top:0; z-index: 600; text-decoration: none; }
.toggle-main .icon { position: absolute; top: 33px; width: 25px; height: 18px; }
.toggle-main .icon i { position: absolute; background-color: #000; transition: 300ms; }
.toggle-main .label { position: absolute; top: 36px; line-height: 1; font-weight: 700; font-size: 14px; color: #000; transition: 300ms; font-family: 'pano', sans-serif; text-transform: uppercase; }

.toggle-main.schedule { left: 0; width: 220px; }
.nav-main-open .toggle-main.schedule { z-index: 500; }

.toggle-main.schedule .label-wrapper { position: absolute; left: 77px; top:0; width: 143px; height: 100%; }
.toggle-main.schedule .label { left: 0; pointer-events: none; }

.toggle-main.schedule .icon-wrapper { position: absolute; left:0; top:0; width: 77px; height: 100%; }
.toggle-main.schedule .icon { left: 36px; pointer-events: none; }
.toggle-main.schedule .icon i { width: 7px; height: 2px; }
.toggle-main.schedule .icon i:nth-child(1) { left: 0px; top: 0px; }
.toggle-main.schedule .icon i:nth-child(2) { left: 9px; top: 0px; }
.toggle-main.schedule .icon i:nth-child(3) { left: 18px; top: 0px; }
.toggle-main.schedule .icon i:nth-child(4) { left: 0px; top: 5px; }
.toggle-main.schedule .icon i:nth-child(5) { left: 9px; top: 5px; }
.toggle-main.schedule .icon i:nth-child(6) { left: 18px; top: 5px; }
.toggle-main.schedule .icon i:nth-child(7) { left: 0px; top: 10px; }
.toggle-main.schedule .icon i:nth-child(8) { left: 9px; top: 10px; }
.toggle-main.schedule .icon i:nth-child(9) { left: 18px; top: 10px; }
.toggle-main.schedule .icon i:nth-child(10) { left: 0px; top: 15px; }
.toggle-main.schedule .icon i:nth-child(11) { left: 9px; top: 15px; }
.toggle-main.schedule .icon i:nth-child(12) { left: 18px; top: 15px; }

.schedule-open .toggle-main.schedule .icon i:nth-child(2) { left: 0px; top: 0px; width: 15px; transform: rotate(33deg); transform-origin: 0 50%; }
.schedule-open .toggle-main.schedule .icon i:nth-child(5) { left: 10px; top: 0px; width: 15px; transform: rotate(-33deg); transform-origin: 100% 50%; }
.schedule-open .toggle-main.schedule .icon i:nth-child(8) { left: 0px; top: 16px; width: 15px; transform: rotate(-33deg); transform-origin: 0 50%; }
.schedule-open .toggle-main.schedule .icon i:nth-child(11) { left: 10px; top: 16px; width: 15px; transform: rotate(33deg); transform-origin: 100% 50%; }
.schedule-open .toggle-main.schedule .icon i:nth-child(1),
.schedule-open .toggle-main.schedule .icon i:nth-child(3),
.schedule-open .toggle-main.schedule .icon i:nth-child(4),
.schedule-open .toggle-main.schedule .icon i:nth-child(6),
.schedule-open .toggle-main.schedule .icon i:nth-child(7),
.schedule-open .toggle-main.schedule .icon i:nth-child(9),
.schedule-open .toggle-main.schedule .icon i:nth-child(10),
.schedule-open .toggle-main.schedule .icon i:nth-child(12) { opacity: 0; }


.toggle-main.schedule:hover .label,
.schedule-open .toggle-main.schedule .label { color: #e02c2c; }
.toggle-main.schedule:hover .icon i,
.schedule-open .toggle-main.schedule .icon i { background-color: #e02c2c; }



.toggle-main.nav { right: 0; width: 230px; }
.schedule-open .toggle-main.nav { z-index: 500; }
.toggle-main.nav .label { right: 77px; }
.toggle-main.nav .icon { right: 36px; }
.toggle-main.nav .icon i { width: 25px; height: 2px; transition: 300ms; }

.toggle-main.nav .icon i:nth-child(1) { left: 0px; top: 0px; }
.toggle-main.nav .icon i:nth-child(2) { left: 0px; top: 8px; }
.toggle-main.nav .icon i:nth-child(3) { left: 0px; top: 16px; }


.nav-main-open .toggle-main.nav .icon i:nth-child(1) { width: 29px; transform: rotate(33deg) translate(3px, 8px); }
.nav-main-open .toggle-main.nav .icon i:nth-child(2) { opacity: 0; }
.nav-main-open .toggle-main.nav .icon i:nth-child(3) { width: 29px; transform: rotate(-33deg) translate(2px, -7px); }

.toggle-main.nav:hover .label,
.nav-main-open .toggle-main.nav .label { color: #e02c2c; }
.toggle-main.nav:hover .icon i,
.nav-main-open .toggle-main.nav .icon i { background-color: #e02c2c; }


/* nav social */
.nav-social a { position: relative; float: left; margin-right: 20px; transition: 150ms; }
.nav-social a:hover { transform: scale(1.3); }
.nav-social a:last-child { margin-right:0; }
.nav-social a svg { height: 20px; fill: #000; vertical-align: top; }
.nav-social a.instagram svg { width: 20px; }
.nav-social a.facebook svg { width: 9px; }
.nav-social a.youtube svg { width: 19px; }
.nav-social a.twitter svg { width: 21px; }
.nav-social a.newsletter svg { width: 21px; }
.nav-social a.soundcloud svg { width: 40px; }
.nav-social a.spotify svg { width: 20px; }
.nav-social a.flickr svg { width: 24px; }


/* nav main */
.wrapper.nav-main-wrapper { position: fixed; left: -100%; top:0; width: 100%; height: 100%; z-index: 550; pointer-events: none; transition: left 0ms 250ms; }
.wrapper.nav-main-wrapper:before { content:''; position: fixed; left:0; top:0; width: 100%; height: 120vh; background-color: #fff; opacity: 0; transition: 250ms; }
.wrapper.nav-main-wrapper:after { content:''; position: absolute; left:0; top: 90px; width: 100%; height: 1px; background-color: #d0d0d0; opacity: 0; transition: 250ms; }

.nav-main-open { overflow: hidden; }
.nav-main-open .wrapper.nav-main-wrapper { left: 0; pointer-events: all; transition: left 0ms; overflow: auto; }
.nav-main-open .wrapper.nav-main-wrapper:before,
.nav-main-open .wrapper.nav-main-wrapper:after { opacity: 1; }

.wrapper.nav-main-wrapper .nav-social { position: absolute; left: 36px; top: 35px; }
.wrapper.nav-main-wrapper .nav-social a .icon-wrap { position: relative; float: left; top: -20px; opacity: 0; transition: 250ms; }
.nav-main-open .wrapper.nav-main-wrapper .nav-social a .icon-wrap { opacity: 1; top: 0; }
.nav-main-open .wrapper.nav-main-wrapper .nav-social a:nth-child(1) .icon-wrap { transition-delay: 200ms; }
.nav-main-open .wrapper.nav-main-wrapper .nav-social a:nth-child(2) .icon-wrap { transition-delay: 250ms; }
.nav-main-open .wrapper.nav-main-wrapper .nav-social a:nth-child(3) .icon-wrap { transition-delay: 300ms; }
.nav-main-open .wrapper.nav-main-wrapper .nav-social a:nth-child(4) .icon-wrap { transition-delay: 350ms; }
.nav-main-open .wrapper.nav-main-wrapper .nav-social a:nth-child(5) .icon-wrap { transition-delay: 400ms; }
.nav-main-open .wrapper.nav-main-wrapper .nav-social a:nth-child(6) .icon-wrap { transition-delay: 450ms; }
.nav-main-open .wrapper.nav-main-wrapper .nav-social a:nth-child(7) .icon-wrap { transition-delay: 500ms; }

.nav-main { position: relative; float: left; width: 100%; margin-top: 130px; line-height: 1; text-align: center; }
.nav-main ul { padding:0; margin:0; list-style: none; }
.nav-main > ul > li { position: relative; float: left; width: 100%; top: 20px; opacity: 0; margin: 0; line-height: inherit; transition: 250ms; }
.nav-main > ul > li > a { display: inline-block; padding: 20px 0; font-size: 24px; color: #000; font-family: 'pano', sans-serif; text-transform: uppercase; text-decoration: none; }
.nav-main > ul > li > a:hover,
.nav-main > ul > li.active > a { color: #e02c2c; }
.nav-main > ul > li > ul { display: none; float: left; width: 100%; padding-bottom: 30px; }
.nav-main > ul > li > ul > li { float: left; width: 100%; }
.nav-main > ul > li > ul > li > a { float: left; width: 100%; padding: 10px 0; font-size: 18px; color: #000; font-family: 'pano', sans-serif; text-transform: uppercase; text-decoration: none; }

.nav-main.n1 { display: none; padding-bottom: 20px; border-bottom: 1px solid #d0d0d0; }


.nav-main-open .nav-main ul li { top: 0; opacity: 1; }
.nav-main-open .nav-main ul li:nth-child(1) { transition-delay: 200ms; }
.nav-main-open .nav-main ul li:nth-child(2) { transition-delay: 225ms; }
.nav-main-open .nav-main ul li:nth-child(3) { transition-delay: 250ms; }
.nav-main-open .nav-main ul li:nth-child(4) { transition-delay: 275ms; }
.nav-main-open .nav-main ul li:nth-child(5) { transition-delay: 300ms; }
.nav-main-open .nav-main ul li:nth-child(6) { transition-delay: 325ms; }
.nav-main-open .nav-main ul li:nth-child(7) { transition-delay: 350ms; }
.nav-main-open .nav-main ul li:nth-child(8) { transition-delay: 400ms; }
.nav-main-open .nav-main ul li:nth-child(9) { transition-delay: 450ms; }
.nav-main-open .nav-main ul li:nth-child(10) { transition-delay: 500ms; }

/* nav sub */
.wrapper.nav-sub-wrapper { position: fixed; left: -100%; top: 150px; height: calc(100% - 150px); z-index: 530; background-color: rgba(0,0,0,0); overflow: auto; transition: left 0 250ms, background-color 250ms 250ms; }

.nav-sub-open { overflow: hidden; }
.nav-sub-open .wrapper.nav-sub-wrapper { left: 0; background-color: rgba(0,0,0,0.9); transition: left 0ms, background-color 250ms; }
.nav-sub-open .wrapper.nav-sub-wrapper:before,
.nav-sub-open .wrapper.nav-sub-wrapper:after { opacity: 1; }

.wrapper.nav-sub-wrapper .nav-sub { position: absolute; left: 0; top: 50px; width: 100%; height:0; overflow: hidden; line-height: 1; z-index: 10; text-align: center; }
.wrapper.nav-sub-wrapper .nav-sub ul { padding:0; margin:0; list-style: none; }
.wrapper.nav-sub-wrapper .nav-sub ul li { position: relative; float: left; width: 100%; top: 20px; opacity: 0; margin: 0; line-height: inherit; transition: 250ms; }
.wrapper.nav-sub-wrapper .nav-sub ul li a { float: left; width: 100%; padding: 20px 0; font-size: 20px; color: #fff; font-weight: 700; font-family: 'pano', sans-serif; text-transform: uppercase; text-decoration: none; transition: 250ms; }
.wrapper.nav-sub-wrapper .nav-sub ul li a:hover,
.wrapper.nav-sub-wrapper .nav-sub ul li.active a { color: #e02c2c; }

.wrapper.nav-sub-wrapper .nav-sub.active { height: auto; z-index: 20; }
.wrapper.nav-sub-wrapper .nav-sub.active ul li { top: 0; opacity: 1; }
.wrapper.nav-sub-wrapper .nav-sub.active ul li:nth-child(1) { transition-delay: 100ms; }
.wrapper.nav-sub-wrapper .nav-sub.active ul li:nth-child(2) { transition-delay: 125ms; }
.wrapper.nav-sub-wrapper .nav-sub.active ul li:nth-child(3) { transition-delay: 150ms; }
.wrapper.nav-sub-wrapper .nav-sub.active ul li:nth-child(4) { transition-delay: 175ms; }
.wrapper.nav-sub-wrapper .nav-sub.active ul li:nth-child(5) { transition-delay: 200ms; }
.wrapper.nav-sub-wrapper .nav-sub.active ul li:nth-child(6) { transition-delay: 225ms; }
.wrapper.nav-sub-wrapper .nav-sub.active ul li:nth-child(7) { transition-delay: 250ms; }
.wrapper.nav-sub-wrapper .nav-sub.active ul li:nth-child(8) { transition-delay: 300ms; }
.wrapper.nav-sub-wrapper .nav-sub.active ul li:nth-child(9) { transition-delay: 350ms; }
.wrapper.nav-sub-wrapper .nav-sub.active ul li:nth-child(10) { transition-delay: 300ms; }


/* schedule */
.wrapper.schedule { position: fixed; left: -100%; top:0; width: 100%; height: 100%; z-index: 550; pointer-events: none; transition: left 0ms 250ms; }
.wrapper.schedule:before { content:''; position: absolute; left:0; top:0; width: 100%; height: 100%; background-color: #fff; opacity:0; transition: 250ms; }
.schedule-open .wrapper.schedule:before { opacity: 1; }

.schedule-open { position: relative; overflow: hidden; }
.schedule-open .wrapper.schedule { left:0; pointer-events: all; transition: left 0ms; }

.wrapper.schedule .header { position: absolute; left:0; top:0; width: 100%; height: 90px; opacity:0; background-color: #fff; border-bottom: 1px solid #d0d0d0; z-index: 30; overflow: hidden; transition: 250ms; }
.schedule-open .wrapper.schedule .header { opacity: 1; }
.wrapper.schedule .header .months { position: relative; float: right; width: calc(100% - 280px); height: 100%; max-width: 800px; z-index: 10; overflow: hidden; transition: 300ms; }
.wrapper.schedule .header .months .nav { position: absolute; left:0; top:0; width: 90px; height: 90px; background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 40%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1); }
.wrapper.schedule .header .months .nav.next { left: auto; right:0; }
.wrapper.schedule .header .months .nav svg { position: absolute; left: 50%; top: 50%; width: 10px; height: 17px; margin: -8px 0 0 -5px; fill: #777; pointer-events: none; }
.wrapper.schedule .header .months .nav.prev { transform: rotate(180deg); }
.wrapper.schedule .header .months .nav:hover svg { fill: #000; }
.wrapper.schedule .header .months .list { position: absolute; left:0; top:0; width: 100%; padding: 0 70px; height: 110px; font-size:0; overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch; text-align: center }
.wrapper.schedule .header .months .list .item { display: inline-block; margin: 0 20px; line-height: 90px; font-size: 14px; color: #777; font-weight: 300; font-family: 'pano', sans-serif; text-transform: uppercase; text-decoration: none; transition: 250ms; }
.wrapper.schedule .header .months .list a.item:hover,
.wrapper.schedule .header .months .list .item.active { color: #e02c2c; }

.wrapper.schedule .header .search { position: relative; float: right; height: 90px; width: auto; min-width: 90px; border-left: 1px solid #d0d0d0; z-index: 20; }
.wrapper.schedule .header .search .button { position: absolute; right: 0; top: 0; width: 90px; height: 90px; padding:0; background: none; border: none; outline: none; -webkit-appearance: none; }
.wrapper.schedule .header .search .button svg { position: absolute; left: 50%; top: 50%; margin: -10px 0 0 -10px; width: 20px; height: 20px; fill: #777; }
.wrapper.schedule .header .search input[type="text"] { float: right; width: 60px; height: 100%; opacity: 0; border: none; outline: none; transition: 300ms; border-radius: 0; -webkit-appearance: none; }
.wrapper.schedule .header .search.filled input[type="text"],
.wrapper.schedule .header .search:hover input[type="text"] { width: 360px; opacity: 1; padding: 0 80px 0 40px; font-size: 16px; }
.wrapper.schedule .header .search:hover + .months,
.wrapper.schedule .header .search.filled + .months { width: calc(100% - 550px); }

.wrapper.schedule .header .search .suggestions { position: absolute; left:0; top: 100%; width: 360px; background-color: #000; color: #fff; overflow: hidden; }
.wrapper.schedule .header .search .suggestions ul { margin:0; padding:0; list-style: none; max-height: 250px; overflow-x: hidden; overflow-y: auto; }
.wrapper.schedule .header .search .suggestions ul li { float: left; width: 100%; padding: 10px 20px; border-top: 1px solid #eee; margin: 0; line-height: inherit; cursor: pointer; }
.wrapper.schedule .header .search .suggestions ul li.ui-state-focus { background-color: #eee; }
.wrapper.schedule .header .search .suggestions ul li .highlight { font-weight: 700; }

.wrapper.schedule .tags { position: relative; height: 60px; line-height: 60px; padding: 0 5px; margin-top: 90px; border-bottom: 1px solid #d0d0d0; z-index: 20; opacity:0; overflow-y: hidden; overflow-x: auto; white-space: nowrap; transition: 250ms; -webkit-overflow-scrolling: touch; }
.schedule-open .wrapper.schedule .tags { opacity: 1; }
.wrapper.schedule .tags a { display: inline-block; padding: 0 5px; color: #777; font-weight: 700; font-size: 12px; font-family: 'pano', sans-serif; text-transform: uppercase; text-decoration: none; }
.wrapper.schedule .tags a.active { color: #e02c2c; }

.wrapper.schedule .tags::-webkit-scrollbar { height: 2px; }


.wrapper.schedule .event-list { position: relative; float: left; width: 100%; height: calc(100% - 150px); z-index: 20; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; }
.wrapper.schedule .event-list .item,
.event-list .item { opacity:0; top: 40px; }
.schedule-open .wrapper.schedule .event-list .item,
.event-list.wp-hit .item { opacity: 1; top: 0; }

.wrapper.schedule .event-list .item.hidden { display: none; }



/* SUBHEADER */
.wrapper.subheader { position: fixed; top: 90px; height: 60px; border-bottom: 1px solid #d0d0d0; background-color: #fff; z-index: 490; transition: 250ms; }
.warning-open .wrapper.subheader { top: 180px; }
.wrapper.subheader.hidden { top: -90px; }
.wrapper.subheader.hover,
.nav-sub-open .wrapper.subheader { top: 90px; }
.warning-open .wrapper.subheader.hover { top: 180px; }

.wrapper.subheader .nav-social { position: absolute; left:0; top:0; max-width: 172px; padding: 19px 20px; border-right: 1px solid #d0d0d0; font-size:0; background-color: #fff; z-index: 20; white-space: nowrap; overflow: hidden; transition: 250ms; }
.wrapper.subheader .nav-social:hover { max-width: 340px; }
.wrapper.subheader .nav-social a { display: inline-block; float: none; }

.wrapper.subheader .lang { position: absolute; right: 61px; top:0; height: 100%; line-height: 62px; width: 60px; color: #727272; font-weight: 700; font-size: 14px; z-index: 20; font-family: 'pano', sans-serif; text-transform: uppercase; text-decoration: none; text-align: center; }
.wrapper.subheader .lang:hover { color: #e02c2c; }

.wrapper.subheader .search { position: absolute; right:0; top:0; height: 100%; width: auto; min-width: 60px; border-left: 1px solid #d0d0d0; z-index: 20; }
.wrapper.subheader .search button { position: absolute; right: 0; top: 0; width: 60px; height: 100%; background: none; border: none; outline: none; cursor: pointer; -webkit-appearance: none; }
.wrapper.subheader .search button svg { position: absolute; left: 50%; top: 50%; margin: -10px 0 0 -10px; width: 20px; height: 20px; fill: #727272; }
.wrapper.subheader .search button:hover svg { fill: #000; }
.wrapper.subheader .search input[type="text"] { float: right; width: 60px; height: 100%; opacity: 0; border: none; outline: none; transition: 250ms; border-radius: 0; -webkit-appearance: none; }
.wrapper.subheader .search.filled input[type="text"],
.wrapper.subheader .search:hover input[type="text"] { width: 300px; opacity: 1; padding: 0 60px 0 20px; }

.wrapper.subheader .nav-sub { position: relative; float: left; width: 100%; height: 100%; padding: 0 128px 0 172px; z-index: 10; text-align: center; }
.wrapper.subheader .nav-sub ul { display: inline-block; margin:0; padding:0; list-style: none; }
.wrapper.subheader .nav-sub ul li { float: left; margin:0; }
.wrapper.subheader .nav-sub ul li a { position: relative; display: block; padding: 20px 10px; font-size: 14px; font-weight: 700; font-family: 'pano', sans-serif; text-transform: uppercase; text-decoration: none; }
.wrapper.subheader .nav-sub ul li.active a,
.wrapper.subheader .nav-sub ul li a:hover { color: #e02c2c; text-decoration: none; }

#newsletter-popup.white-popup {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 500px;
  margin: 20px auto;
}
#newsletter-popup input:focus{outline: none;}
#newsletter-popup input[type="email"]{ width: 100%; padding: 10px 20px;}
#newsletter-popup input[type="submit"]{ font-family: 'pano', sans-serif; background-color: #fff; border: 1px solid #000; text-transform: uppercase; font-weight: 700; padding: 1em; transition: all 500ms ease-out; cursor: pointer;}
#newsletter-popup input[type="submit"]:hover{ background-color: #000; color: #fff; }
#newsletter-popup .input-group{ margin-bottom: 20px;}
#newsletter-popup .input-group.checkbox input{ margin-right: 1em;}


/* FOOTER */
.wrapper.footer { border-top: 1px solid #3e3f40; background-color: #000; text-align: center; }
.wrapper.footer .nav { float: left; width: 100%; padding: 30px 0; border-bottom: 1px solid #4e5054; }
.wrapper.footer .nav ul { margin:0; padding:0; list-style: none; }
.wrapper.footer .nav ul li { display: inline-block; margin: 0 15px; line-height: inherit; }
.wrapper.footer .nav ul li a { font-size: 13px; font-weight: 700; color: #fff; opacity: 0.7; font-family: 'pano', sans-serif; text-decoration: none; text-transform: uppercase; }
.wrapper.footer .nav ul li a:hover { opacity: 1; }

.wrapper.footer .copyright { position: relative; float: left; padding: 15px 0; width: 100%; }
.wrapper.footer .copyright small { position: absolute; left:0; top: 15px; width: 100%; margin-top: 14px; line-height: 21px; font-size: 14px; color: #6a6a6a; }
.wrapper.footer .copyright .left { float: left; }
.wrapper.footer .copyright .right { float: right; }
.wrapper.footer .copyright .left .nod { position: relative; float: left; width: 131px; height: 21px; margin: 14px 0 0 20px; opacity: 0.4; }
.wrapper.footer .copyright .left .linhart { position: relative; float: left; width: 50px; height: 50px; margin-left: 20px; opacity: 0.4; }
.wrapper.footer .copyright .right .visualio { position: relative; float: right; width: 35px; height: 21px; margin: 14px 20px 0 0; opacity: 0.4; }
.wrapper.footer .copyright .right .visualio svg { width: 100%; height: 100%; fill: #fff; }
.wrapper.footer .copyright .nod:hover,
.wrapper.footer .copyright .visualio:hover,
.wrapper.footer .copyright .linhart:hover { opacity: 1; }


/* HOME */
.home .wrapper.slideshow { height: 480px; border-bottom: 1px solid #d0d0d0; overflow: hidden; }
.home .wrapper.slideshow .col { position: relative; float: left; width: 50%; height: 100%; background-color: #000; overflow: hidden; }
.home .wrapper.slideshow .col.n1 { border-right: 1px solid #d0d0d0; }
.home .wrapper.slideshow .col.fw { display: none; width: 100%; }
.home .wrapper.slideshow .col .item { position: absolute; width: 100%; height: 100%; top:0; background-position: center; background-size: cover; text-decoration: none; overflow: hidden; outline: none; }
.home .wrapper.slideshow .col .item:after { content:''; position: absolute; left:0; top:0; width: 100%; height: 100%; opacity: 0.2; background-color: #000; transition: 500ms; }

.home .wrapper.slideshow .col .item:hover:after { opacity: 0; }

.home .wrapper.slideshow .col .desc { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 200; pointer-events: none; }
.home .wrapper.slideshow .col .desc .desc-item { position: absolute; left: 0; top: 0; width: 100%; height: 100%; color: #fff; pointer-events: none; }
.home .wrapper.slideshow .col .desc .desc-item .text { position: absolute; left: 35px; bottom: 35px; width: 100%; max-width: 540px; color: #fff; pointer-events: none; }
.home .wrapper.slideshow .col .desc .desc-item .text .time { float: left; width: 100%; margin-bottom: 25px; font-size: 24px; font-family: 'pano', sans-serif; text-transform: uppercase; }
.home .wrapper.slideshow .col .desc .desc-item .text .time small { position: relative; top: -8px; font-size: 14px; }
.home .wrapper.slideshow .col .desc .desc-item .text .title { float: left; width: 100%; margin:0; line-height: 1.2; font-size: 24px; font-weight: 500; text-transform: none; }
.home .wrapper.slideshow .col .desc .desc-item .label-container { position: absolute; right: 0; bottom: 100%; color: #fff; font-weight: 700; text-transform: uppercase; }
.home .wrapper.slideshow .col .desc .desc-item .label { width: 100%; display: block; padding: 5px 15px; }

.home .wrapper.slideshow .col .desc .desc-item .time { opacity: 0; -ms-transform: translateX(-400px); transform: translateX(-400px); transition: 1000ms 500ms; }
.home .wrapper.slideshow .col .desc .desc-item .title { opacity: 0; -ms-transform: translateY(300px); transform: translateY(300px); transition: 1000ms 500ms; }
.home .wrapper.slideshow .col .desc .desc-item .label-container { transition: 500ms 500ms; }
.home .wrapper.slideshow .col .desc .desc-item.active .time { opacity: 1; -ms-transform: translateX(0px); transform: translateX(0px); }
.home .wrapper.slideshow .col .desc .desc-item.active .title { opacity: 1; -ms-transform: translateY(0px); transform: translateY(0px); }
.home .wrapper.slideshow .col .desc .desc-item.active .label-container { -ms-transform: translateY(100%); transform: translateY(100%); }


.home .wrapper.slideshow .col.slick .item { position: relative; left: auto; top: auto; }


.wrapper.experience-video { height: 500px; background: url(../img/bg_01.jpg) center; background-size: cover; text-align: center; }
.wrapper.experience-video.m-hp { background-image: url(../img/bg_03.jpg); }
.wrapper.experience-video h2 { position: relative; top:0; margin: 20px 0 0 0; font-weight: 300; font-size: 36px; color: #fff; font-family: 'pano', sans-serif; text-transform: uppercase; transition: 500ms; }
.wrapper.experience-video .icon { position: relative; display: inline-block; width: 120px; height: 120px; border: 5px solid #fff; border-radius: 50%; cursor: pointer; overflow: hidden; transition: background-color 250ms, transform 500ms; }
.wrapper.experience-video .icon svg { position: absolute; left: 50%; top: 50%; width: 20px; height: 33px; margin: -16px 0 0 -9px; fill: #fff; transition: 250ms; }
.wrapper.experience-video .icon:before { content:''; position: absolute; left: 50%; top: 50%; width: 0; height: 0; background-color: #fff; border-radius: 50%; transition: 250ms; }
.wrapper.experience-video .icon:hover { background-color: #fff; }
.wrapper.experience-video .icon:hover:before { left: -5%; top: -5%; width: 110%; height: 110%; }
.wrapper.experience-video .icon:hover svg { fill: #000; }

.wrapper.experience-video #yt-player { position: absolute; left:0; top:0; width: 100%; height: 100%; opacity: 0; pointer-events: none; transition: 500ms; }
.wrapper.experience-video.video-show #yt-player { opacity: 1; pointer-events: all; }
.wrapper.experience-video.video-show .vam { pointer-events: none; }


.wrapper.experience-video.video-show .icon { pointer-events: none; transition: 500ms ease-out; opacity: 0; background-color: transparent; transform: scale(2); }
.wrapper.experience-video.video-show h2 { pointer-events: none; opacity: 0; top: 100px; }

.home .wrapper.news { padding: 50px 0; background-color: #fff; border-bottom: 1px solid #d0d0d0; text-align: center; }
.home .wrapper.news .container { width: 800px; }
.home .wrapper.news .title-main { margin: 0 0 35px 0; font-size: 18px; color: #afafaf; font-family: 'pano', sans-serif; text-transform: uppercase; }
.home .wrapper.news .more { position: relative; display: inline-block; padding: 15px 40px; font-size: 18px; color: #fff; font-weight: 700; background-color: #000; font-family: 'pano', sans-serif; text-decoration: none; text-transform: uppercase; }
.home .wrapper.news .more { position: relative; z-index: 2; transition: 250ms; }
.home .wrapper.news .more:hover { color: #fff; background-color: #e02c2c; text-decoration: none; }

.home .wrapper.news .news-list .item .title { font-family: 'aktion', sans-serif; font-weight: 600; }

.home .wrapper.news .news-list .item { opacity: 1; transition: 400ms; }
.home .wrapper.news .news-list .item:nth-child(2) { transition-delay: 120ms; }
.home .wrapper.news .news-list .item:nth-child(3) { transition-delay: 240ms; }


.home .wrapper.instagram-heading { display: none; }

.home .wrapper.instagram { height: 260px; background-color: #000; overflow: hidden; }
.home .wrapper.instagram .heading { position: absolute; top: 50%; left: 50%; margin:0; padding: 30px; font-weight: 300; font-size: 18px; color: #fff; font-family: 'pano', sans-serif; text-transform: uppercase; text-align: center; transition: 250ms; -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); text-decoration: none; }
.home .wrapper.instagram .heading:hover { color: #e02c2c; text-decoration: none; }

.home .wrapper.instagram .list { position: relative; float: left; width: 100%; font-size:0; overflow-x: auto; white-space: nowrap; }
.home .wrapper.instagram .list .item { position: relative; display: inline-block; width: 260px; height: 260px; opacity: 0.6; overflow: hidden; transition: 500ms; }
.home .wrapper.instagram .list .item img { min-width: 100%; min-height: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%); position: relative; }
.home .wrapper.instagram .list .item:hover { opacity: 1; }


.wrapper.app { padding-top: 50px; background-color: #fff; color: #000; }
.wrapper.app .container { width: 800px; }
.wrapper.app .mockup { position: absolute; bottom: 0; left: 0; }
.wrapper.app .text { float: right; width: 400px; min-height: 380px; font-size: 14px; color: #878787; }
.wrapper.app .text .icon-large { position: relative; display: inline-block; width: 130px; height: 130px; border-radius: 25px; background-color: #000; }
.wrapper.app .text .icon-large svg { margin: 28px 45px; width: 40px; height: 73px; fill: #fff; }
.wrapper.app .text h2 { margin: 20px 0; font-size: 24px; color: #000; font-family: 'pano', sans-serif; text-transform: uppercase; }
.wrapper.app .text .app-list { float: left; width: 100%; margin-top: 40px; }
.wrapper.app .text .app-list .button { position: relative; float: left; width: 70px; height: 70px; margin-left: 20px; background-color: #000; text-decoration: none; transition: 250ms; }
.wrapper.app .text .app-list .button:nth-child(1) { margin-left:0; }
.wrapper.app .text .app-list .button:hover { background-color: #e02c2c; transition-delay: 0ms; }

.wrapper.app .text .app-list .button .icon { float: left; fill: #fff; width: 40px; height: 40px; margin: 15px; }
.wrapper.app .text .app-list .button .text { float: left; width: calc(100% - 60px); min-height: 0; line-height: 1.4; color: #fff; }
.wrapper.app .text .app-list .button .text .n2 { font-weight: 700; font-size: 13px; text-transform: uppercase; }


/* news list */
.news-list { width: 100%; }
.news-list .item { position: relative; float: left; width: 100%; margin-bottom: 60px; color: #000; text-align: center; text-transform: uppercase; text-decoration: none; }
.news-list .item .date { float: left; width: 100%; font-size: 14px; font-weight: 700; font-family: 'pano', sans-serif; }
.news-list .item .title { position: relative; margin:0; font-weight: 400; font-family: 'aktion', sans-serif; text-transform: none; transition: 300ms; }

.news-list .item:hover .title { color: #e02c2c; }

/* event list */
.event-list .item { position: relative; float: left; width: 25%; background-color: #fff; opacity: 1; top: 0; border: 1px solid #d0d0d0; border-left:0; border-top:0; font-family: 'pano', sans-serif; color: #000; text-decoration: none; text-transform: uppercase; overflow: hidden; }
.event-list .item .top { position: relative; float: left; width: 100%; height: 160px; background-color: #000; text-align: center; overflow: hidden; }
.event-list .item .top .image { position: absolute; left: 50%; top: 50%; opacity: 0.8; max-width: 120%; transform: translate(-50%,-50%) scale(1); transition: 500ms; }
.event-list .item .top .label-container { position: absolute; right:0; top:0; color: #fff; font-weight: 700; font-family: 'aktion', sans-serif; text-transform: uppercase; }
.event-list .item .top .label { width: 100%; display: block; padding: 4px 10px; }
.event-list .item .top .date { position: absolute; left:0; top: 50%; width: 100%; color: #fff; font-size: 18px; text-transform: uppercase; }
.event-list .item .bottom { position: relative; float: left; width: 100%; height: 160px; padding: 25px; }
.event-list .item .bottom:after { content: ''; position: absolute; left:0; bottom:0; width: 100%; height: 25px; background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0); }
.event-list .item .bottom .title { font-size: 18px; font-weight: 600; font-family: 'aktion', sans-serif; text-transform: none; }
.event-list .item .bottom .perex { font-size: 14px; line-height: 1.3; font-family: 'aktion', sans-serif; text-transform: none; }

.event-list .item:hover .top .image { opacity: 1; transform: translate(-50%,-50%) scale(1.05); }

.event-list .toggle-schedule-wrapper { float: left; width: 100%; padding: 25px 0; font-size: 18px; font-weight: 700; font-family: 'pano', sans-serif; text-transform: uppercase; text-align: center; text-decoration: none; }
.event-list .toggle-schedule-wrapper .toggle-schedule { text-decoration: none; }
.event-list .toggle-schedule-wrapper .toggle-schedule:hover { color: #e02c2c; text-decoration: none; }

.event-list .item { transition-duration: 250ms; transition-property: opacity, top; }
.event-list .item:nth-child(1) { transition-delay: 0ms; }
.event-list .item:nth-child(2) { transition-delay: 30ms; }
.event-list .item:nth-child(3) { transition-delay: 60ms; }
.event-list .item:nth-child(4) { transition-delay: 90ms; }
.event-list .item:nth-child(5) { transition-delay: 120ms; }
.event-list .item:nth-child(6) { transition-delay: 150ms; }
.event-list .item:nth-child(7) { transition-delay: 180ms; }
.event-list .item:nth-child(8) { transition-delay: 210ms; }
.event-list .item:nth-child(9) { transition-delay: 240ms; }
.event-list .item:nth-child(10) { transition-delay: 270ms; }
.event-list .item:nth-child(11) { transition-delay: 300ms; }
.event-list .item:nth-child(12) { transition-delay: 330ms; }
.event-list .item:nth-child(13) { transition-delay: 360ms; }
.event-list .item:nth-child(14) { transition-delay: 390ms; }
.event-list .item:nth-child(15) { transition-delay: 420ms; }
.event-list .item:nth-child(16) { transition-delay: 450ms; }
.event-list .item:nth-child(17) { transition-delay: 480ms; }
.event-list .item:nth-child(18) { transition-delay: 510ms; }
.event-list .item:nth-child(19) { transition-delay: 540ms; }
.event-list .item:nth-child(20) { transition-delay: 570ms; }
.event-list .item:nth-child(21) { transition-delay: 600ms; }


/* SUB GENERAL */
.sub .wrapper.intro { height: 480px; background-color: #000; color: #fff; text-align: center; overflow: hidden; }
.sub .wrapper.intro .container { height: 100%; }
.sub .wrapper.intro .image { position: absolute; left:0; top:0; width: 100%; height: 100%; opacity: 0.6; background-position: center; background-size: cover; }
.sub .wrapper.intro .subtitle { margin-bottom: 10px; font-weight: 300; font-size: 14px; font-family: 'pano', sans-serif; text-transform: uppercase; }

/* NEWS LIST */
.sub .news-list .item { height: 200px; width: 100%; margin:0; color: #000; overflow: hidden; }
.sub .news-list .item .image { position: absolute; left:0; top:0; width: 100%; height: 100%; opacity: 0.6; background-size: cover; background-position: center; transition: 300ms; }
.sub .news-list .item:hover .image { opacity: 0; transform: scale(1.1); }
.sub .news-list .item:hover h2:before { animation: moveLeft 1.5s infinite; }
.sub .news-list .item:hover h2:after { animation: moveRight 1s infinite linear 0.5s; }

.sub .news-list .loading { float: left; width: 100%; padding: 20px 0; text-align: center; font-family: 'pano', sans-serif; }
.sub .news-list .loading span:before { animation: moveLeft 1.5s infinite;}
.sub .news-list .loading span:after { animation: moveRight 1s infinite linear 0.5s; }


/* NEWS DETAIL */
.sub.news-detail .wrapper.app { padding: 50px 0; border-top: 1px solid #c7c7c7; }
.sub.news-detail .wrapper.app .mockup { bottom: -50px; }

.sub.news-detail .ticket-buttons { margin-bottom: 20px; }

.sub.news-detail .col.right .block { float: left; width: 100%; margin-bottom: 20px; }

.sub.news-detail .wrapper.form { padding: 20px 0 40px 0; background-color: #000; overflow: hidden; transition: 500ms; }
.sub.news-detail .wrapper.form .form { float: left; width: 100%; margin: 50px 0; color: #fff; text-align: center; }

.sub.news-detail .wrapper.text .col *:last-child { margin-bottom:0; }

.sub.news-detail .wrapper.video { height: 60%; min-height: 480px; }
.sub.news-detail .wrapper.video iframe { width: 100%; height: 100%; }

.sub.news-detail .upcoming-dates { position: relative; float: left; width: 100%; margin-top: 40px; }
.sub.news-detail .upcoming-dates .item { float: left; padding: 10px 20px; margin: 0 20px 20px 0; background-color: #000; color: #fff; font-size: 14px; font-family: 'pano', sans-serif; text-decoration: none; text-align: center; }


/* CLUB */
.sub.club .wrapper.intro .image { background-color: #000; background-image: url(../img/bg_04.jpg); }

.sub .wrapper.text { padding: 50px 0; background-color: #fff; color: #000; overflow: hidden; }
.sub .wrapper.text .col { position: relative; float: left; width: 50%; }
.sub .wrapper.text .col.w100 { width: 100%; }
.sub .wrapper.text .col.left { padding-right: 25px; }
.sub .wrapper.text .col.right { float: right; padding-left: 25px; }

.sub .wrapper.text .col img { max-width: 100%; height: auto; }

.sub .wrapper.text.ss { padding: 50px 0; min-height: 350px; }
.sub .wrapper.text.ss .container { position: static; }
.sub .wrapper.text.ss .slideshow { position: absolute; left:0; top:0; width: 50%; height: 100%; }
.sub .wrapper.text.ss .slideshow.left { left: 0; }
.sub .wrapper.text.ss .slideshow.right { left: auto; right: 0; }
.sub .wrapper.text.ss .slideshow .item { position: relative; width: 100%; height: 100%; background-size: cover; background-position: center; outline: none; }
.sub .wrapper.text.ss .col.left { padding-right: 50px; }
.sub .wrapper.text.ss .col.right { padding-left: 50px; }


.sub.club .wrapper.text.n2 { text-align: center; color: #fff; background-color: #000; }
.sub.club .wrapper.text.n2 .heading { margin: 0 0 40px 0; text-align: center; }
.sub.club .wrapper.text.n2 .button-icon { margin: 20px; }

.sub.club .wrapper.text.ss.n3 { border-top: 1px solid #d0d0d0; }
.sub.club .wrapper.text.ss.n3 .slideshow { left: auto; right:0; }

.sub.club .wrapper.specs { padding: 50px 0; text-align: center; }
.sub.club .wrapper.specs .heading { margin: 10px 0 40px 0; text-align: center; }
.sub.club .wrapper.specs .button-icon { margin: 20px; }

.sub.club .wrapper.specs.white { padding-top:0; background-color: #fff; }
.sub.club .wrapper.specs.black { padding-top:0; background-color: #000; }

.sub.club .wrapper.triggers { padding: 50px 0; color: #000; border-top: 1px solid #c7c7c7; border-bottom: 1px solid #c7c7c7; background-color: #fff; text-align: center; }
.sub.club .wrapper.triggers .block { float: left; width: 270px; }
.sub.club .wrapper.triggers .block.n2 { margin: 0 90px; }
.sub.club .wrapper.triggers .block .label { display: inline-block; margin-top: 20px; width: 270px; }
.sub.club .wrapper.triggers .block .button-icon.active .icon { opacity: 1; bottom: 50%; transform: translate(-50%,50%); }

.sub.club .wrapper.trigger-content { overflow: hidden; }
.sub.club .wrapper.trigger-content .block { position: absolute; left:0; top: 50px; width: 100%; opacity:0; z-index: 1; overflow: hidden; pointer-events: none; transition: opacity 500ms; }
.sub.club .wrapper.trigger-content .block.active { opacity: 1; z-index: 20; pointer-events: all; }
.sub.club .wrapper.trigger-content .block h2 { font-size: 22px; line-height: 1.4; }
.sub.club .wrapper.trigger-content .block h4.amount { float: right; }
.sub.club .wrapper.trigger-content .block iframe { margin-bottom: 50px; }
.sub.club .wrapper.trigger-content .block *:last-child { margin-bottom:0; }

.sub.club .wrapper.trigger-content .block .col { float: left; width: 100%; }
.sub.club .wrapper.trigger-content .block .col.n1 { padding-right: 20px; }
.sub.club .wrapper.trigger-content .block .col.n2 { padding: 0 10px; }
.sub.club .wrapper.trigger-content .block .col.n3 { padding-left: 20px; }
.sub.club .wrapper.trigger-content .block .col.w33 { width: 33.3%; }
.sub.club .wrapper.trigger-content .block .col table { margin-bottom: 20px; }
.sub.club .wrapper.trigger-content .block .col table tr td { padding-bottom: 5px; line-height: 1.2; text-align: left; vertical-align: top; }
.sub.club .wrapper.trigger-content .block .col table tr td:nth-child(1) { width: 300px; }
.sub.club .wrapper.trigger-content .block .col table tr td:nth-child(2) { width: 130px; text-align: right; }
.sub.club .wrapper.trigger-content .block .col table tr td:nth-child(3) { width: 50px; text-align: right; }

.sub.club .wrapper.trigger-content .block .col table tr td h3 { font-size: 16px; margin-bottom:0; }
.sub.club .wrapper.trigger-content .block .col table tr td h4 { font-size: 16px; }

/* RENTALS */
.sub.rentals .wrapper.intro .image {background-image: url('../img/bg_05.jpg');}
.sub.rentals .wrapper.text.n1 { text-align: center;}
.sub.rentals .wrapper.specs { padding: 50px 0; text-align: center; }
.sub.rentals .wrapper.specs .heading { margin: 10px 0 40px 0; text-align: center; }
.sub.rentals .wrapper.specs .button-icon { margin: 20px; }
.sub.rentals .wrapper.text.ss {min-height: 500px;}
/* .sub.rentals .wrapper.text.ss .slideshow {width: 100%;} */

.sub.rentals .wrapper.specs.white { padding-top:0; background-color: #fff; }
.sub.rentals .wrapper.specs.black { padding-top:0; background-color: #000; }


/* COFFEE SHOP */
.sub.club.coffee .wrapper.text.n1 { text-align: center; border-bottom: 1px solid #d0d0d0; }
.sub.club.coffee .wrapper.text.n2 { text-align: left; color: #000; background-color: #fff; }

.sub.club.coffee .wrapper.text.ss.n3 { border-bottom: 0; }
.sub.club.coffee .wrapper.text.ss.n3 .slideshow { left: 0; right: auto; }


/* CONTACT */
.sub.contact .wrapper.text h2,
.sub.contact .wrapper.text h3 { font-family: 'aktion', sans-serif; }

.people-list { float: left; width: 100%; background-color: #fff; border-top: 1px solid #c7c7c7; }
.people-list .item { position: relative; float: left; width: 20%; padding: 20px; border-bottom: 1px solid #c7c7c7; border-left: 1px solid #c7c7c7; }
.people-list .item .text { position: relative; left:0; top:0; width: 100%; height:0; padding-bottom: 100%; color: #000; font-size: 16px; overflow: hidden; }
.people-list .item .text .role { margin: 0 0 5px 0; font-weight: 300; font-size: 14px; }
.people-list .item .text .name { margin: 0 0 5px 0; font-size: 20px; }
.people-list .item .text .row { float: left; width: 100%; margin-top: 15px; line-height: 24px; }
.people-list .item .text .row .icon { float: left; width: 24px; margin-right: 15px; fill: #000; }
.people-list .item .text .row.email .icon { height: 13px; margin-top: 6px; }
.people-list .item .text .row.phone .icon { height: 20px; }



/* EVENT DETAIL */
.sub.event-detail .wrapper.description { height: 480px; padding:0; background-color: #fff; color: #000; overflow: hidden; }

.sub.event-detail .wrapper.description .image { position: absolute; left: 50%; top:0; width: 50%; height: 100%; background-color: #c7c7c7; background-position: center; background-size: cover; background-repeat: no-repeat; outline: none; }
.sub.event-detail .wrapper.description .image .icon { position: absolute; left: 50%; top: 50%; width: 60px; height: 60px; margin: -30px 0 0 -30px; background-color: rgba(0,0,0,0.8); border-radius: 50%; transform: scale(0); transition: 200ms; pointer-events: none; }
.sub.event-detail .wrapper.description .image .icon:after,
.sub.event-detail .wrapper.description .image .icon:before { content:''; position: absolute; width: 0; height: 2px; left: 30px; top: 29px; background-color: #fff; transition: 200ms; }
.sub.event-detail .wrapper.description .image .icon:before,
.sub.event-detail .wrapper.description .image .icon:after { transition-delay: 0ms; }

.sub.event-detail .wrapper.description .image:hover .icon { opacity: 0.9; transform: scale(1); }
.sub.event-detail .wrapper.description .image:hover .icon:before,
.sub.event-detail .wrapper.description .image:hover .icon:after { width: 24px; left: 18px; }
.sub.event-detail .wrapper.description .image:hover .icon:before { transition-delay: 200ms; }
.sub.event-detail .wrapper.description .image:hover .icon:after { transition: width 200ms 200ms, left 200ms 200ms, transform 200ms 400ms; transform: rotate(90deg); }

.sub.event-detail .wrapper.description .col.left { position: relative; float: left; width: 50%; height: 100%; padding: 36px; border-bottom: 1px solid #c7c7c7; text-align: right; overflow: hidden; }
.sub.event-detail .wrapper.description .col.left .datetime { font-weight: 300; font-size: 18px; text-transform: uppercase; font-family: 'pano', sans-serif; }
.sub.event-detail .wrapper.description .col.left .title { margin: 20px 0; font-size: 20px; font-family: 'pano', sans-serif; text-transform: uppercase; }
.sub.event-detail .wrapper.description .col.left .title.large { font-size: 34px; }
.sub.event-detail .wrapper.description .col.left .title.medium { font-size: 28px; }
.sub.event-detail .wrapper.description .col.left .title.small { font-size: 24px; }
.sub.event-detail .wrapper.description .col.left .bottom { position: absolute; right: 36px; bottom: 36px; width: 100%; }
.sub.event-detail .wrapper.description .col.left .bottom .tags { float: left; width: 100%; margin-bottom: 20px; }
.sub.event-detail .wrapper.description .col.left .bottom .tags span { display: inline-block; margin-left: 10px; color: #727272; font-weight: 700; font-size: 14px; font-family: 'pano', sans-serif; text-transform: uppercase; text-decoration: none; }
.sub.event-detail .wrapper.description .col.left .bottom .ticket-buttons { float: right; width: 100%; max-width: 480px; }
.sub.event-detail .wrapper.description .col.left strong { font-family: 'pano', sans-serif; }

.sub.event-detail .upcoming-dates { position: relative; float: left; width: 100%; margin-top: 40px; }
.sub.event-detail .upcoming-dates .item { float: left; padding: 10px 20px; margin: 0 20px 20px 0; background-color: #000; color: #fff; font-size: 14px; font-family: 'pano', sans-serif; text-decoration: none; text-align: center; }

.sub.event-detail .wrapper.text.n1 .col.left.w100 { padding-right:0; }
.sub.event-detail .wrapper.text.n1 .col > *:first-child { margin-top:0; }
.sub.event-detail .wrapper.text.n1 .col > *:last-child { margin-bottom:0; }

.sub.event-detail .ticket-buttons .button-icon,
.sub.event-detail .ticket-buttons .button-fb { float: right; }

.sub.event-detail .wrapper.video { height: 60%; min-height: 480px; }
.sub.event-detail .wrapper.video iframe { width: 100%; height: 100%; }

.sub.event-detail .wrapper.form { padding: 20px 0 40px 0; background-color: #000; overflow: hidden; transition: 500ms; }
.sub.event-detail .wrapper.form .form { float: left; width: 100%; margin: 50px 0; color: #fff; text-align: center; }


/* SEARCH */
.sub.search .wrapper.content { background-color: #fff; color: #000; }
.sub.search h1 { padding: 30px 30px 27px 30px; border-bottom: 1px solid #c7c7c7; font-size: 16px; }
.sub.search .wrapper.subheader .search input[type="text"] { width: 300px; padding: 0 60px 0 20px; opacity: 1; }

.search-list .item { position: relative; float: left; width: 100%; padding: 30px; border-bottom: 1px solid #c7c7c7; text-decoration: none; }
.search-list .item:hover { background-color: #f4f4f4; }
.search-list .item .text { float: left; width: calc(100% - 330px); min-height: 70px; }
.search-list .item .text h2 { margin:0; font-size: 16px; font-weight: 400; }
.search-list .item .text *:last-child { margin-bottom:0; }
.search-list .item .button { position: absolute; right: 30px; height: 70px; width: 300px; line-height: 70px; background-color: #000; color: #fff; font-weight: 700; font-size: 20px; font-family: 'pano', sans-serif; text-align: center; text-transform: uppercase; }


/* APP */
.sub.app .wrapper.app { border-bottom: 1px solid #c7c7c7; }
.sub.app .wrapper.content { padding: 50px 0; border-top: 1px solid #c7c7c7; background-color: #fff; color: #878787; text-align: center; }
.sub.app .wrapper.content h2,
.sub.app .wrapper.content h3 { color: #000; }
.sub.app .wrapper.text.ss .slideshow { left: auto; right:0; }

.sub.app .partners { float: left; width: 100%; }
.sub.app .partners .item { position: relative; float: left; width: 80px; height: 80px; }
.sub.app .partners .item img { position: absolute; left: 50%; top: 50%; max-width: 80%; max-height: 80%; transform: translate(-50%,-50%); }



/* TICKETS */
.sub.tickets .intro-note { position: relative; float: left; width: 100%; padding: 30px 36px; font-size: 16px; font-weight: 300;; }

.ticket-list .item { position: relative; float: left; width: 100%; border-top: 1px solid #d0d0d0; }
.ticket-list .item .image { position: relative; float: left; width: 200px; height: 200px; overflow: hidden; }
.ticket-list .item .image img { max-width: 100%; height: auto; }
.ticket-list .item .content { float: left; width: calc(100% - 200px); padding: 30px; }
.ticket-list .item .content .text { float: left; width: calc(100% - 290px); min-height: 70px; line-height: 1.4; }
.ticket-list .item .content .text .title { margin:0; }
.ticket-list .item .content .text .title a { text-decoration: none; }
.ticket-list .item .content .text .date { font-size: 16px; color: #727272; font-weight: 300; font-family: 'pano', sans-serif; }
.ticket-list .item .content .text .button-icon,
.ticket-list .item .content .text .button-color { position: absolute; right: 30px; top: 30px; }
.ticket-list .item .content .text *:last-child { margin-bottom:0; }
.ticket-list .item .content .form-roxy-goout { max-height:0; position: relative; float: left; width: 100%; text-align: center; font-size: 20px; overflow: hidden; transition: 300ms; }
.ticket-list .item .content .form-roxy-goout:before { content: 'loading...'; position: absolute; left:0; top:0; width: 100%; padding-top: 30px; color: #fff; font-size: 12px; z-index: 1; font-weight: 400; font-family: 'pano'; pointer-events: none; }
.ticket-list .item .content .form-roxy-goout iframe { position: relative; z-index: 20; }

.ticket-list .item.active .content .form-roxy-goout { max-height: 1500px; min-height: 80p; margin-top: 30px; }
.ticket-list .item.active .content .text .button-icon .icon { opacity: 1; bottom: 50%; transform: translate(-50%,50%); }
.ticket-list .item.active .content .text .button-icon span { opacity: 0; transform: translate(-50%,-50%) scale(0.5); }


/* PARTNERS */
.sub.partners .wrapper.content { padding: 50px 0; background-color: #fff; color: #000; }
.sub.partners .wrapper.content .container > *:first-child { margin-top:0; }

.partner-list { float: left; width: 100%; margin-top: 80px; font-size:0; text-align: center; }
.partner-list h2 { margin-bottom: 30px; }
.partner-list .item { position: relative; display: inline-block; width: 165px; height: 165px; padding: 10px; text-decoration: none; vertical-align: top; transition: 300ms; }
.partner-list .item:hover { opacity: 0.7; }
.partner-list .item img { position: absolute; left: 50%; top: 50%; max-width: 70%; max-height: 50%; transform: translate(-50%,-50%); }


/* SUBSECTIONS */
.sub.subsection-events .wrapper.intro { padding: 60px 0; color: #000; height: auto; background-color: #fff; }
.sub.subsection-events .wrapper.intro h1 { font-size: 36px; }
.sub.subsection-events .ticket-list .item .content .text .title { font-size: 18px; font-weight: 600; font-family: 'pano', sans-serif; text-transform: none; }

.sub.subsection-about .wrapper.text.n1 { text-align: center; border-bottom: 1px solid #d0d0d0; }
.sub.subsection-about .wrapper.text.n1 h2 { font-size: 30px; font-weight: 600; font-family: 'aktion', sans-serif; text-transform: none; }

.sub.subsection-artists .wrapper.intro { padding: 60px 0; color: #000; height: auto; background-color: #fff; }
.sub.subsection-artists .wrapper.intro h1 { font-size: 36px; }


/* ARTISTS */
.artist-list { float: left; width: 100%; }
.artist-list .item { float: left; width: 33.3%; border-top: 1px solid #d0d0d0; }
.artist-list .item .image { float: left; width: 300px; height: 300px; }
.artist-list .item .image img { max-width: 100%; }
.artist-list .item .text { float: left; width: calc(100% - 300px); padding: 25px; }

.artist-detail{}
.artist-detail:after{clear: both; display: block; width: 100%; height: 0; content: '';}
.artist-detail h1 span{font-weight: 300; font-size: 14px;}

.artist-detail .col.right .image {display: block; max-width: 100%; max-height: 500px; margin: 0 auto 20px auto;}
.artist-detail .col.right .image:last-child { margin: 0 auto;}

.artist-detail .btns-block{clear: both; padding: 50px 0; border-top: 1px solid #c7c7c7; border-bottom: 1px solid #c7c7c7; text-align: center;}
.artist-detail .btns-block .btn{line-height: 71px; background: #000; color: #fff; transition: 250ms; margin: 0 10px; font-family: 'pano', sans-serif; font-size: 18px; font-weight: bold; text-decoration: none; text-align: center; display: inline-block; width: 310px; text-transform: uppercase;}
.artist-detail .btns-block .btn:hover{background: #f0f0f0; color: #000; }

.artist-detail .cv-block{padding: 40px 0; border-bottom: 1px solid #c7c7c7;}

.artist-detail .perex{font-size: 30px; font-weight: bold; padding-bottom: 30px; line-height: 35px;}

.exhibtion-list .item { position: relative; float: left; width: 100%; border-top: 1px solid #d0d0d0; }
.exhibtion-list .item .image { position: relative; float: left; width: 200px; height: 200px; overflow: hidden; }
.exhibtion-list .item .image img { max-width: 100%; height: auto; }
.exhibtion-list .item .content { float: left; width: calc(100% - 200px); padding: 30px; }
.exhibtion-list .item .content .text { float: left; width: calc(100% - 290px); min-height: 70px; line-height: 1.4; }
.exhibtion-list .item .content .text .title { margin:0; }
.exhibtion-list .item .content .text .title a { text-decoration: none; }
.exhibtion-list .item .content .text .date { font-size: 16px; display: block; color: #727272; font-weight: 300; font-family: 'pano', sans-serif; }
.exhibtion-list .item .content .text .button-icon,
.exhibtion-list .item .content .text .button-color { position: absolute; right: 30px; top: 30px; }
.exhibtion-list .item .content .text *:last-child { margin-bottom:0; }

.exhibtion-detail .image {float: right; width: 100%; height: 310px; cursor: pointer; background-size: cover; background-position: center center; position: relative;}
.exhibtion-detail .image .icon { position: absolute; left: 50%; top: 50%; width: 60px; height: 60px; margin: -30px 0 0 -30px; background-color: rgba(0,0,0,0.8); border-radius: 50%; transform: scale(0); transition: 200ms; pointer-events: none; }
.exhibtion-detail .image .icon:after,
.exhibtion-detail .image .icon:before { content:''; position: absolute; width: 0; height: 2px; left: 30px; top: 29px; background-color: #fff; transition: 200ms; }
.exhibtion-detail .image .icon:before,
.exhibtion-detail .image .icon:after { transition-delay: 0ms; }

.exhibtion-detail .image:hover .icon { opacity: 0.9; transform: scale(1); }
.exhibtion-detail .image:hover .icon:before,
.exhibtion-detail .image:hover .icon:after { width: 24px; left: 18px; }
.exhibtion-detail .image:hover .icon:before { transition-delay: 200ms; }
.exhibtion-detail .image:hover .icon:after { transition: width 200ms 200ms, left 200ms 200ms, transform 200ms 400ms; transform: rotate(90deg);}

.art-list:after{clear: both; display: block; width: 100%; height: 0; content: '';}
.art-list .item { position: relative; float: left; width: 50%; float: left; border-bottom: 1px solid #d0d0d0; }
.art-list .item:nth-child(odd) { border-right: 1px solid #d0d0d0; }
.art-list .item .image { position: relative; float: left; width: 300px; height: 300px; overflow: hidden; }
.art-list .item .image img { max-width: 100%; height: auto; }
.art-list .item .content { float: left; width: calc(100% - 300px); padding: 30px; }
.art-list .item .content .title{font-size: 20px; font-family: 'aktion', sans-serif;  }
.art-list .item .content .subtitle{font-size: 14px; font-family: 'aktion', sans-serif; margin: 0; padding: 0; font-weight: normal; }
.art-list .item .content .btn{background: #e02c2c; transition: 250ms; font-size: 12px; color: #fff; font-weight: bold; font-family: 'aktion', sans-serif; line-height: 30px; display: inline-block; padding: 0 15px; text-transform: uppercase; text-decoration: none;}
.art-list .item .content .btn:hover{background-color: #000;}

.form-contact-art{background: #000; clear: both; display: none;}
.form-contact-art form{padding: 40px;}
.form-contact-art form:after{clear: both; display: block; width: 100%; height: 0; content: '';}
.form-contact-art form .input{width: calc(50% - 10px); float: left; padding-bottom: 20px; margin: 0;}
.form-contact-art form .input:nth-child(even){float: right;}
.form-contact-art form .input label{display: block; color: #fff; font-family: 'aktion', sans-serif;  text-transform: uppercase; }
.form-contact-art form .input input{width: 100%; background: #fff; color: #000; border: 0; outline: none; line-height: 45px; height: 45px; padding: 0 20px;}
.form-contact-art form .select{width: 100%; float: left; padding-bottom: 20px; margin: 0;}
.form-contact-art form .select label{display: block; color: #fff; font-family: 'aktion', sans-serif;  text-transform: uppercase; }
.form-contact-art form .select select{width: 100%; background: #fff; color: #000; border: 0; outline: none; line-height: 45px; height: 45px; padding: 0 20px;}
.form-contact-art form .textarea{width: 100%; float: left; padding-bottom: 20px; margin: 0;}
.form-contact-art form .textarea label{display: block; color: #fff; font-family: 'aktion', sans-serif;  text-transform: uppercase; }
.form-contact-art form .textarea textarea{width: 100%; background: #fff; color: #000; border: 0; outline: none; line-height: 20px; height: 100px; padding: 15px 20px;}
.form-contact-art form .submit{text-align: center;}
.form-contact-art form .submit input{border: 3px solid #fff; transition: 250ms; cursor: pointer; background: #000; color: #fff; text-transform: uppercase; font-size: 17px; padding: 15px 50px; font-family: 'pano', sans-serif; font-weight: bold;}
.form-contact-art form .submit input:hover{background: #fff; color: #000;}

/* ARCHIVE */
.archive-filter { border-top: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; }
.archive-filter .list { float: left; width: 50%; font-size: 0; overflow: auto; white-space: nowrap; transition: 250ms; text-align: center; }
.archive-filter .list.years { border-right: 1px solid #d0d0d0; }
.archive-filter .list.tags { width: calc(50% - 60px); }
.archive-filter .list .item { display: inline-block; padding: 0 10px; line-height: 53px; font-weight: 700; font-size: 14px; color: #777; text-transform: uppercase; font-family: 'pano', sans-serif; text-decoration: none; }
.archive-filter .list .item:hover,
.archive-filter .list .item.active { color: #e02c2c; text-decoration: none; }

.archive-filter .search { float: right; width: 60px; border-left: 1px solid #d0d0d0; }
.archive-filter .search { position: absolute; right:0; top:0; height: 100%; width: auto; min-width: 60px; border-left: 1px solid #d0d0d0; z-index: 20; }
.archive-filter .search button { position: absolute; right: 0; top: 0; width: 60px; height: 100%; background: none; border: none; outline: none; cursor: pointer; -webkit-appearance: none; }
.archive-filter .search button svg { position: absolute; left: 50%; top: 50%; margin: -10px 0 0 -10px; width: 20px; height: 20px; fill: #727272; }
.archive-filter .search button:hover svg { fill: #000; }
.archive-filter .search input[type="text"] { float: right; width: 60px; height: 100%; opacity: 0; border: none; outline: none; transition: 250ms; border-radius: 0; -webkit-appearance: none; }
.archive-filter .search.filled input[type="text"],
.archive-filter .search:hover input[type="text"] { width: 300px; opacity: 1; padding: 0 60px 0 20px; }

.archive-filter .search:hover ~ .list.tags,
.archive-filter .search.filled ~ .list.tags { width: calc(50% - 300px); }


/* DISHES */
.column-menu {
	columns: 3;
	column-gap: 30px;
}

.dish__category{
	margin-bottom: 1.5em;
	flex-basis: 100%;
}
.dish__category--title{
	flex-basis: 100%;
	margin-bottom: 0.5em;
}
.dish__category-desc{
	margin-top: 1em;
}

.dish {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 8px;
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
}

.dish__title{
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 0px;
}
.dish__amount {
	min-width: 40px;
	padding-right: 0.5em;
}

.dish__description {
	flex: 1;
	padding-right: 1em;
}

.dish__description h4,
.dish__description p {
	margin: 0;
	padding: 0;
	font-family: 'aktion', sans-serif;
	color: #666;
}

.dish__description p {
	font-size: 12px;
}

.dish + .dish--first{
	margin-top: 2em;
}

/* eu cookies*/
.eu-cookies {position: fixed;left: 0;bottom: 0;width: 100%;color: white;background-color: black;z-index: 1000;padding: 23px 33px;display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;}
.eu-cookies p { padding: 0; margin: 5px 0;}
.eu-cookies .button-icon {border: 0;width: 200px;height: 45px; margin: 5px 0; cursor: pointer}

@media (max-width: 1800px){
	.artist-list .item { width: 50%; min-width:0; }
}

@media (max-width: 1600px){
	.people-list .item { width: 25%; }
}

@media (max-width: 1366px){
	.event-list .item { width: 33.3%; }

	.home .wrapper.event-list .item:nth-last-child(2),
	.home .wrapper.event-list .item:nth-last-child(3) { display: none; }
}

@media (max-width: 1280px){
	.people-list .item { width: 33.3%; }

	.home .wrapper.slideshow { height: 365px; }
	.home .wrapper.slideshow .col .times { left: 28px; bottom: 28px; }
}

@media (max-width: 1100px){
	.artist-list .item { width: 100%; }

}

@media (max-width: 1000px){
	.container,
	.home .wrapper.news .container,
	.wrapper.app .container { width: 100%; padding: 0 10px; }

	h1 { font-size: 28px; }

	.splash-screen,
	.splash-screen-open .splash-screen { display: none; }

	.button-fb span { display: none; }
	.button-fb .icon { left: 50%; margin-left: -5px; }

	.ticket-buttons { text-align: center; font-size:0; }
	.ticket-buttons .button-icon,
	.ticket-buttons .button-fb,
	.sub.event-detail .ticket-buttons .button-icon,
	.sub.event-detail .ticket-buttons .button-fb { float: none; display: inline-block; }

	.wrapper.footer { padding-bottom:0; border: none; }
	.wrapper.footer .nav { display: none; }

	.news-list .item .date { font-size: 13px; }
	.news-list .item .title { font-size: 18px; }

	.people-list .item .image:hover .video { display: none; }
	.people-list .item.active .image .gif { display: block; }

	.home .wrapper.slideshow .col { display: none; }
	.home .wrapper.slideshow .col.fw { display: block; }
	.home .wrapper.slideshow .col.fw .item:after,
	.home .wrapper.slideshow .col.fw .item:hover:after { opacity: 0.35; }
	.home .wrapper.slideshow .col.fw .item .text { position: absolute; left: 0; bottom: 0; padding: 20px; color: #fff; font-family: 'pano'; z-index: 20; }
	.home .wrapper.slideshow .col.fw .item .text .time { font-size: 16px; }
	.home .wrapper.slideshow .col.fw .item .text .title { font-size: 20px; }
	.home .wrapper.slideshow .col.fw .item .label { position: absolute; right: 0; top: 0; padding: 4px 10px; background-color: #e02c2c; color: #fff; font-weight: 700; font-family: 'aktion', sans-serif; }

	.wrapper.app { padding: 30px 0; text-align: center; }
	.wrapper.app .mockup { display: none; }
	.wrapper.app .text { width: 100%; min-height:0; }
	.wrapper.app .text .app-list { text-align: center; }
	.wrapper.app .text .app-list .button { float: none; display: inline-block; margin: 10px; }

	.sub .news-list .item:hover .image { opacity: 1; transform: scale(1); }
	.sub .news-list .item:hover h2:before { animation: none; }
	.sub .news-list .item:hover h2:after { animation: none; }

	.sub.news-detail .wrapper.app { padding: 30px 0; }
	.sub.news-detail .wrapper.app h2 { margin-top:0; }

	.sub.club .wrapper.triggers .block,
	.sub.club .wrapper.triggers .block.n2 { width: 33.3%; padding: 0 5px; margin:0; }
	.sub.club .wrapper.triggers .block .label { width: 100%; }
	.sub.club .wrapper.triggers .block .button-icon { max-width: 100%; }

	.sub .wrapper.text.ss { padding: 0; min-height: 0; }
	.sub .wrapper.text.ss .slideshow,
	.sub .wrapper.text.ss.n4 .slideshow,
	.sub .wrapper.text.ss.n3b .slideshow { position: relative; float: left; left: -10px; width: 110%; width: calc(100% + 20px); height: 300px; }
	.sub .wrapper.text.ss .col.left,
	.sub .wrapper.text.ss .col.right { width: 100%; padding: 25px 0; }

	.sub.club .wrapper.trigger-content .block { padding: 0 5px; }
	.sub.club .wrapper.trigger-content .block h2 { text-align: center; font-size: 18px; }
	.sub.club .wrapper.trigger-content .block iframe { max-width: 100%; height: 500px; }

	.sub.event-detail .wrapper.description { height: auto; }
	.sub.event-detail .wrapper.description .image { position: relative; float: left; left: auto; height: 480px; width: 100%; }
	.sub.event-detail .wrapper.description .col.left { padding: 20px 10px; width: 100%; height: auto; text-align: center; }
	.sub.event-detail .wrapper.description .col.left .bottom { position: relative; left: auto; right: auto; bottom: auto; }
	.sub.event-detail .wrapper.description .col.left .bottom .ticket-buttons { float: none; display: inline-block; }

	.dishes { columns: 2}

	.artist-detail .btns-block .btn { display: block; margin: 0 auto; margin-bottom: 10px; }

	.column-menu { columns: 2; }

}

@media (max-width: 800px){
	body { padding-top: 50px; }

	h1 { font-size: 30px; }
	h2 { font-size: 18px; }

	.sub .wrapper.text { padding: 25px 0; }

	.wrapper.header { height: 50px; }
	.wrapper.header .logo { top: 15px; width: 130px; height: 21px; overflow: hidden; }
	.wrapper.header .logo img { position: relative; left: 0; top: 0; width: 130px; height: auto; }

	.wrapper.subheader.hidden,
	.wrapper.subheader.hover,
	.warning-open .wrapper.subheader,
	.warning-open .wrapper.subheader.hover { top:0; }

	.wrapper.nav-main-wrapper:after { top: 50px; }

	.nav-main.n1 { display: block; border: none; padding: 0; margin-top: 60px; }

	.nav-main.n2 { margin: 0; }

	.nav-main > ul > li > a,
	.nav-main > ul > li > a:before,
	.nav-main > ul > li > a:after { padding: 15px 0; font-size: 18px; }
	.nav-main > ul > li > a small { font-size: 10px; }
	.nav-main > ul > li > ul { padding-bottom: 15px; }
	.nav-main > ul > li.nav-open > ul { display: block; }
	.nav-main > ul > li > ul > li > a { padding: 5px 0; font-size: 14px; color: #666; }
	.nav-main > ul > li > a:hover { color: #000; }

	.wrapper.nav:after { top: 50px; }
	.wrapper.nav-main-wrapper .nav-social { left: 10px; top: 15px; }
	.nav-social a { margin-right: 14px; }

	.toggle-main { width: 60px; height: 50px; top:0; }
	.toggle-main .label { display: none; }
	.toggle-main .icon { left: 17.5px; top: 16px; }

	.toggle-main.nav { width: 62px; right: 0; padding: 0; border: none; }
	.nav-main-open .toggle-main.nav { border-left-color: #000; }

	.toggle-main.schedule { width: 62px; left: 0; padding: 0; border: none; }
	.schedule-open .toggle-main.schedule { border-right-color: #000; }
	.toggle-main.schedule .label-wrapper { display: none; }
	.toggle-main.schedule .icon-wrapper { width: 100%; }
	.toggle-main.schedule .icon { left: 17.5px; }


	.wrapper.schedule .tags { margin-top: 50px; }
	.wrapper.schedule .tags::-webkit-scrollbar { height: 0px; }

	.wrapper.schedule .event-list { height: 80%; height: calc(100% - 90px); }

	.event-list .item { width: 33.3%; }
	.event-list .item .bottom { padding: 15px; }


	.wrapper.schedule .header { height: 50px; }
	.wrapper.schedule .header .search { display: none; }
	.wrapper.schedule .header .months { width: 80%; width: calc(100% - 60px); margin:0; }
	.wrapper.schedule .header .months .nav { width: 20px; height: 50px; pointer-events: none; }
	.wrapper.schedule .header .months .nav svg { display: none; }
	.wrapper.schedule .header .months .list { height: 70px; padding: 0 10px; }
	.wrapper.schedule .header .months .list .item { margin: 0 10px; line-height: 52px; font-size: 12px; }

	.wrapper.subheader { position: relative; top: auto; height: 50px; }

	.wrapper.subheader .nav-social,
	.wrapper.subheader .nav-sub { display: none; }

	.wrapper.subheader .lang { left:0; right: auto; width: 63px; height: 49px; line-height: 50px; padding: 0 16px; border-right: 1px solid #d0d0d0; }
	.wrapper.subheader .search { float: right; height: 49px; }
	.sub.search .wrapper.subheader .search,
	.wrapper.subheader .search.filled,
	.wrapper.subheader .search:hover { width: calc(100% - 62px); }
	.wrapper.subheader .search.filled input[type="text"],
	.wrapper.subheader .search:hover input[type="text"],
	.sub.search .wrapper.subheader .search input[type="text"] { width: 100%; }
	.wrapper.subheader .search button { height: 49px; }

	.wrapper.experience-video { height: 320px; }
	.wrapper.experience-video .icon { width: 70px; height: 70px; }
	.wrapper.experience-video h2 { font-size: 24px; }

	.wrapper.app .text h2 { font-size: 20px; }
	.wrapper.app .text .app-list { margin-top: 20px; }

	.home .wrapper.instagram { height: 140px; }
	.home .wrapper.instagram .list .item,
	.home .wrapper.instagram .list .item:hover { width: 140px; height: 140px; opacity: 0.8; }
	.home .wrapper.instagram .heading { font-size: 14px; pointer-events: none; }

	.sub.club .wrapper.specs { padding: 25px 0; }

	.warning-main { height: 50px; top: -50px; }
	.warning-main .text { padding: 0 50px; font-size: 12px; line-height: 1.1; letter-spacing:0; font-family: 'aktion', sans-serif; }
	.warning-main .close { right: 17.5px; top: 16px; }

	.warning-open { padding-top: 100px; }
	.warning-open .warning-main { top:0; }
	.warning-open .wrapper.header,
	.warning-open .wrapper.schedule,
	.warning-open .wrapper.nav-main-wrapper { top: 50px; }
	.warning-open .toggle-main { top: 50px; }

	.ticket-list .item .content .text { width: 100%; }
	.ticket-list .item .content .text .button-icon { right:0; top:0; width: 100%; height: 100%; opacity: 0; }

	.sub.tickets .intro-note { padding: 10px; font-size: 14px; font-family: 'aktion', sans-serif; }

	.sub.event-detail .wrapper.video { height: auto; min-height:0; padding-bottom: 56.25%; }
	.sub.event-detail .wrapper.video iframe { position: absolute; left:0; top:0; width: 100%; height: 100%; }

	.wrapper.footer .copyright small { position: relative; float: left; width: 100%; margin: 0 0 30px 0; }
	.wrapper.footer .copyright .left,
	.wrapper.footer .copyright .right { float: none; display: inline-block; vertical-align: top; }
	.wrapper.footer .copyright .left .linhart { margin: 0 10px; }
	.wrapper.footer .copyright .right .visualio,
	.wrapper.footer .copyright .left .nod { margin: 14px 10px 0 10px; }

	.sub.subsection-events .wrapper.intro { padding: 30px 0; }

	.archive-filter .list,
	.archive-filter .list.tags,
	.archive-filter .search:hover ~ .list.tags,
	.archive-filter .search.filled ~ .list.tags { width: 100%; height: auto; }
	.archive-filter .list.years { border-bottom: 1px solid #d0d0d0; }
	.archive-filter .list .item { line-height: 36px; }
	.archive-filter .search { position: relative; width: 100%; height: 40px; border-bottom: 1px solid #d0d0d0; }
	.archive-filter .search input[type="text"],
	.archive-filter .search.filled input[type="text"],
	.archive-filter .search:hover input[type="text"] { width: 100%; opacity: 1; padding: 0 45px 0 15px; text-align: center; }
	.archive-filter .search button { width: 40px; }


	.people-list .item { width: 50%; }

	.ticket-list .item .content .text .button-icon, .ticket-list .item .content .text .button-color {position: relative; top: auto; right: auto; margin-top: 16px; display: block}

	.artist-detail .col-text{width: 100%;}
	.artist-detail .image{width: 100%;}

	.exhibtion-list .item .content{width: 100%;}
	.exhibtion-list .item .image{width: 100%; height: auto; text-align: center;}
	.exhibtion-list .item .content .text{width: 100%;}
	.exhibtion-list .item .content .text .button-icon, .exhibtion-list .item .content .text .button-color{position: relative; display: block; margin: 0 auto; margin-bottom: 20px; right: 0; top: 0;}
	.exhibtion-detail .image{width: 100%;}

	.art-list .item{width: 100%;}
	.art-list .item .image{width: 100%; height: auto; max-width: 450px; max-height: 450px; text-align: center; float: none; margin: 0 auto;}
	.art-list .item .content{width: 100%;}

	.eu-cookies {padding: 13px 18px;}
	.eu-cookies .button-icon {border: 0;width: 200px;height: 45px;}

	.button-icon span { padding: 0 3px; }
}

@media (max-width: 720px){
	.sub .wrapper.intro { height: 320px; }

	.sub .wrapper.text .col,
	.sub .wrapper.text .col.left,
	.sub .wrapper.text .col.right { width: 100%; padding:0; }

	.sub.club .wrapper.text.n2 .w50 { width: 100%; }
	.sub.club .wrapper.text.n2 .w50.right { width: 100%; padding-left:0; }
	.sub.club .wrapper.text.n2 .button-icon { position: relative; right: 50%; margin-right: -130px; }

	.sub.event-detail .wrapper.text.n1 .col.left { margin-bottom: 20px; }

	.sub .wrapper.text.ss .col.left { padding-right:0; }
	.sub.app .wrapper.text.ss .slideshow { display: none; }

	.sub.news-detail .wrapper.text .col.left { margin-bottom: 20px; }

	.sub.subsection-events .wrapper.intro h1 { font-size: 24px; }

	.search-list .item .text { width: 100%; }
	.search-list .item .button { display: none; }

	.event-list .item { width: 50%; }
	.event-list .item .bottom .title { font-size: 16px; }

	.dishes { columns: 1}

	.column-menu { columns: 1; }
}

@media (max-width: 640px){
	h1 { font-size: 24px; }

	.home .wrapper.slideshow,
	.sub.event-detail .wrapper.description .image { height: 320px; }

	.event-list .item .bottom:after { display: none; }

	.people-list .item { width: 100%; padding: 10px; }
	.people-list .item .text { padding: 0; height: auto; font-size: 12px; }
	.people-list .item .text .role { font-size: 10px; }
	.people-list .item .text .name { font-size: 14px; }
	.people-list .item .text .row { margin:0; }
	.people-list .item .text .row .icon { display: none; }

	.artist-list .item .image { width: 150px; height: 150px; }
	.artist-list .item .text { width: calc(100% - 150px); padding: 10px; font-size: 12px; }
	.artist-list .item .text .name { font-size: 14px; }

	.ticket-list .item .image { display: none; }
	.ticket-list .item .content { width: 100%; padding: 15px 5px; }
	.ticket-list .item .content .text { margin-bottom:0; min-height:0; }
	.ticket-list .item .content .text .title { font-size: 14px; }
	.ticket-list .item .content .text .date { font-size: 12px; }
	.ticket-list .item .content .text p { display: none; }
	.ticket-list .item .content .form-roxy-goout { left:0; width: 100%; }

	.sub.club .wrapper.trigger-content .block .col.w33,
	.sub.club .wrapper.trigger-content .block .col.n1,
	.sub.club .wrapper.trigger-content .block .col.n2,
	.sub.club .wrapper.trigger-content .block .col.n3 { width: 100%; padding:0; }

	.partner-list .item { width: 33.3%; height: 100px; }

}

@media (max-width: 560px){
	.wrapper.schedule .tags { padding: 0 10px; }

	.event-list .item,
	.event-list .toggle-schedule-wrapper { width: 100%; min-width: 240px; min-height: 240px; padding: 25px }
	.event-list .flex-wrap { display: flex; width: auto; overflow-x: scroll }
	.event-list .item .top img{ display: none; }
	.event-list .item .top .date { position: static; color: #000; }
	.event-list .item .top { height: auto; background: transparent; text-align: left }
	.event-list .item .bottom { height: auto; padding: 15px 0; }
	.event-list .item .bottom .title { margin:0; }
	.event-list .item .bottom .perex { display: none; }

	.sub.club .wrapper.specs .button-icon { margin: 10px; }
	.sub.club .wrapper.trigger-content .block iframe { height: 260px; }

	.button-icon span { padding: 0 6px; font-size: 14px; }
}

@media (max-width: 480px){
	.sub.event-detail .wrapper.video { min-height: 0; height: 240px; }

	.splash-screen .logo { width: 280px; height: 49px; }

	.button-icon span { padding: 0 5px; font-size: 13px; }
}

@media (max-width: 420px){
	h1 { font-size: 20px; }

	.home .wrapper.slideshow,
	.sub.event-detail .wrapper.description .image { height: 240px; }

	.home .wrapper.slideshow .col.fw .item .text .time { font-size: 14px; }
	.home .wrapper.slideshow .col.fw .item .text .title { font-size: 18px; }

	.button-icon span { padding: 0 4px; font-size: 12px; }

	.sub.event-detail .wrapper.description .col.left { padding: 10px; font-size: 12px; }
	.sub.event-detail .wrapper.description .col.left .datetime { font-size: 16px; }
	.sub.event-detail .wrapper.description .col.left .title.large,
	.sub.event-detail .wrapper.description .col.left .title.medium,
	.sub.event-detail .wrapper.description .col.left .title.small { font-size: 24px; }

	.sub.search h1,
	.search-list .item { padding: 10px; }

	.sub.club .wrapper.triggers .block .label { display: none; }
}

@media (max-width: 400px) {
	.button-icon span { padding: 0 3px; font-size: 11px; }
}