/* html5reset.css ============================================================================= */
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,
b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video {
    margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}

html {height:100%;}
body {line-height: 1.3;font-family: 'Manrope', sans-serif;font-size:16px;font-weight:400;
    background-color:#fff;height:100%;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display: block;}
nav ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
b {font-weight:600;}
a {font-size: 100%;vertical-align: baseline;background: transparent;text-decoration:none;}
a:hover {text-decoration:underline;}
ins {background-color: #fff;color: var(--black);text-decoration: none;}
mark {background-color: #ff9;color: var(--black); font-style: italic;font-weight:bold;}
del {text-decoration:  line-through;}
abbr[title], dfn[title] {border-bottom: 1px dotted;cursor: help;}
table {border-collapse: collapse;border-spacing: 0;}
hr {display: block;height: 1px;border: 0;   border-top: 1px solid #cccccc;margin: 1em 0;padding: 0;}
input, select {vertical-align: middle;font-family:'Manrope';}

/* BASIC PAGE SETUP ============================================================================= */
body { margin : 0 auto;padding : 0;font-weight:normal;color:var(--black);text-align: left;}
button, input, select, textarea { color : var(--black); }

/*  HEADINGS  ============================================================================= */
h1, h2, h3, h4, h5, h6 { font-weight:400;font-weight:400;margin-top: 0px;}
h1 { font-size :  1.7em;	margin-bottom : 0.2em;line-height : 1.3; }
h2 { font-size :  1.4em;	margin-bottom : 0.5em;margin-top : 0.5em;line-height : 1.2;}
h3 { font-size :  1.2em;	margin-bottom : 0.3em;line-height : 1.3; }
h4 { font-size :  1.1em;	margin-bottom : 0.5em;line-height : 1.25; }
h5 { font-size :  1em;		margin-bottom : 1.25em;}
h6 { font-size : 1em;	}


/*  TYPOGRAPHY  ============================================================================= */
p, ol, ul, dl, address { margin-bottom : .5em; font-size : 1em; /* 16 / 16 = 1 */ }
p {hyphens : auto;  }
ul, ol { margin :0; padding:0; }
li ul, li ol { margin : 0;font-size : 1em; /* 16 / 16 = 1 */ }
dl, dd { margin-bottom : 1.5em; }
dt { font-weight:400;font-weight:400; }
b, strong { font-weight:700; }
hr { display : block; margin : 1em 0; padding : 0;height : 1px; border : 0; border-top : 1px solid #ccc;}
small { font-size : 1em; /* 16 / 16 = 1 */ }
sub, sup { font-size : 75%; line-height : 0; position : relative; vertical-align : baseline; }
sup { top : -.5em; }
sub { bottom : -.25em; }
.subtext {	color: var(--black);	}

/* LINKS =============================================================================  */
/*a { color : #787200;}//-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;
	transition: all 0.3s ease;text-decoration: underline;}
*/
ul a {text-decoration:none;}
/*a span {-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;
	transition: all 0.3s ease;}*/
	/*a:visited { color : #ee3344; }*/
/*a:focus { color : rgb(0,0,0); }*/
a {color:var(--maincolor);}
a:hover, a:active { outline : 0; }
a#backtotop {position:fixed;z-index:100;bottom:5px;right:5px;
	background:url(../images/backtotop.png) no-repeat;background-size:100%;
	width:36px;height:36px;text-indent:-9000px;}


/* IMAGES ============================================================================= */
img {
border : 0;}/*max-width: 100%;}*/

img.floatleft { float: left; margin: 0 10px 0 0; }
img.floatright { float: right; margin: 0 0 0 10px; }


/* TABLES ============================================================================= */
table { border-collapse : collapse;border-spacing : 0;width : 100%; }
th, td, caption { padding : 0; }
tfoot { font-style : italic; }
caption { background-color : transparent; }


/*  SECTIONS  ============================================================================= */
.section {clear: both;padding: 0px;margin: 0px;}

/*  CODE  ============================================================================= */
pre.code {padding: 0;margin: 0;font-family: monospace;white-space: pre-wrap;font-size: 1.1em;}
strong.code {font-weight:400;font-weight:400;font-family: monospace;font-size: 1.2em;}
div.sql {font-size:11px;padding:15px 5px;display:block;color:#f00;white-space: pre;}


div.code {padding:20px;font-family:monospace;font-size:0.7em;background:var(--black);color:#fff;margin:10px 0 10px 0;}

/*  NOTES  ============================================================================= */
.note {position:relative;padding:1em 1.5em;margin: 0 0 1em 0;background: #fff;
	background: rgba(255, 255, 255, 0.5);overflow:hidden;}
.note:before {
	content:"";position:absolute;top:0;right:0;border-width:0 16px 16px 0;border-style:solid;
	border-color:transparent transparent #cccccc #cccccc;background:#cccccc;
	-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
	-moz-box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
	box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
	display:block; width:0; /* Firefox 3.0 damage limitation */}
.note.rounded {-webkit-border-radius:5px 0 5px 5px;-moz-border-radius:5px 0 5px 5px;border-radius:5px 0 5px 5px;}
.note.rounded:before {
	border-width:8px;border-color:#fff #fff transparent transparent;
	-webkit-border-bottom-left-radius:5px;-moz-border-radius:0 0 0 5px;border-radius:0 0 0 5px;}

/*  GLOBAL OBJECTS ============================================================================= */
.breaker { clear: both; }
.group:before,
.group:after {content:"";display:table;}
.group:after {clear:both;}
.group {zoom:1; /* For IE 6/7 (trigger hasLayout) */}
.floatleft{float: left;}
.floatright{float: right;}
*{ outline:none;}
a:focus {outline: none; }
div.clear {clear:both;height:0px;}
div.clearright {clear:right;height:0px;}
div.clearleft {clear:left;height:0px;}
span.icon {font-family:icons;}

/* VENDOR-SPECIFIC ============================================================================= */
html { -webkit-overflow-scrolling : touch; -webkit-tap-highlight-color : rgb(52,158,219);
	-webkit-text-size-adjust : 100%; -ms-text-size-adjust : 100%; }
.clearfix { zoom : 1; }
::-webkit-selection { background : #00354D; color : rgb(250,250,250); text-shadow : none; }
::-moz-selection { background : #00354D; color : rgb(250,250,250); text-shadow : none; }
::selection { background : #00354D; color : rgb(250,250,250); text-shadow : none; }
button, input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance : button; }
::-webkit-input-placeholder {font-size : .875em; line-height : 1.4; }
input:-moz-placeholder { font-size : .875em; line-height : 1.4; }
.ie7 img,.iem7 img { -ms-interpolation-mode : bicubic; }
input[type="checkbox"], input[type="radio"] { box-sizing : border-box; }
input[type="search"] { -webkit-box-sizing : content-box;-moz-box-sizing : content-box; }
button::-moz-focus-inner, input::-moz-focus-inner { padding : 0;border : 0; }
p {/* http://www.w3.org/TR/css3-text/#hyphenation */-webkit-hyphens : auto;-webkit-hyphenate-character : "\2010";-webkit-hyphenate-limit-after : 1;
	-webkit-hyphenate-limit-before : 3;-moz-hyphens : auto; }


/* Responsivenewss ============================================================================= */
/* ============================================================================================= */
.section {clear: both;padding: 0px;margin: 0px;}
.col {display: block;float:left;margin: 1% 0 1% 1.6%;}
.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */

/*  REMOVE MARGINS AS ALL GO FULL WIDTH AT 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col { margin: 1% 0 1% 0%;}}

/* GRAVITY.GR CSS  ============================================================================= */
.wrapperIn {width:90%;margin:0 auto;max-width:1300px;}
.bannerinside {width:100%;margin:0 auto;max-width:1300px;}
.notresponsive .wrapperIn {width:960px;}
.relative {position:relative;}
a {text-decoration:none;}
a:hover {text-decoration:none;}

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

body {background-color:#fff;}
div.left {float:left;display:block;}
div.right {float:right;display:block;}






/*.homewrap {height: 100vh;
	overflow-y: scroll;
	scroll-snap-type: y mandatory;
}
.homewrap >* {scroll-snap-align: start;}
.homewrap > .homebanner {height: 100vh;}
.homewrap > .resthome {height: auto;}
*/



.homebanner {
	background-color:var(--black);
	position:relative;
	height:100vh;padding:0;margin:0 0 200px;background-size:cover;background-position: 50%;
}
.homebanner iframe {width:100%;height:100%;}



.homebanner .slick-track {height: 100vh;}
.homebanner .slick-slide {height: 100vh;}


.homebanner div.slider-home-controls {position:absolute;padding:0;margin:0 20px 0 0;z-index:10;
    display:flex;align-items: center;flex-wrap: wrap;transition: .1s;}
.slider-home-controls {display: flex;height: 100vh;pointer-events: none;
	position: absolute;right: 0;top:0;bottom: 0;
	align-items: center;align-content: center;}
.slider-home-controls button {pointer-events: auto;}
/*.slider-home-controls-inside {display: flex;
	width: 134px;align-items: center;justify-content:center;}*/
.slider-home-controls button.homearrow {width: 42px;height: 42px;
	border:none;text-indent: -9000px;background-color: transparent;
	cursor:pointer;background-repeat:no-repeat;background-position:50%;}
.slider-home-controls button.slide-home-prev {background-image: url(/images/header_banner_prev.png);
order: 1;}
.slider-home-controls button.slide-home-next {background-image: url(/images/header_banner_next.png);
order: 3;}

.slider-home-controls ul.slick-dots {position:relative;
	order: 2;
	list-style:none;padding:0;margin:0;display:flex;align-items: center;
	flex-wrap: wrap;
	width: 50px;transition: .1s;}
.slider-home-controls ul.slick-dots li {width:50px;height:50px;margin:0;
	display:flex;align-content: center;text-align:center;align-items: center;
	justify-content: center;transition: .1s;}
.slider-home-controls ul.slick-dots li:only-child {display:none;}
.slider-home-controls ul.slick-dots li button {border:none;
	width:8px;height:8px;padding: 0;box-sizing: border-box;
	background-color: rgba(255,255,255,1);
	border: 2px solid rgba(255,255,255);
	position:relative;cursor:pointer;/*text-indent: -9000px;*/
	color: rgba(0,0,0,0);
	transform-origin: 50%;transform: rotate(-45deg);
	border-radius: 0;
	transition: .1s;}
.slider-home-controls ul.slick-dots li button:hover,
.slider-home-controls ul.slick-dots li.slick-active button {
	border-radius: 10px;
	background-color: rgba(255,255,255,0);
	width: 19px;height: 19px;
	transform: rotate(0deg);
}

@media only screen and (max-height:750px),
		 screen and (max-width:1200px) {
	.homebanner div.slider-home-controls {margin-right: 7px}
	.slider-home-controls ul.slick-dots {width: 30px;}
	.slider-home-controls ul.slick-dots li {width:30px;height:30px;}
	.slider-home-controls ul.slick-dots li button:hover,
	.slider-home-controls ul.slick-dots li.slick-active button {
		width: 16px;height: 16px;}
}



.homebannerelement {position:relative;}
.homebanner .bannervideo {position:absolute;width:100%;height:100%;
	top:0;left:0;bottom:0;right:0;object-fit: cover;object-position: 50%}

.homebanner a.maximizevideo {display:block;position:absolute;
	left:calc(50% - 71px);bottom:15%;width:142px;height:142px;
	border-radius:71px;text-indent: -9000px;
	background: url(/images/view_maximized.png) no-repeat 50% rgba(0,0,0,.26);
	background-size:contain;transition: .2s;
	z-index:101;}

@media only screen and (max-width:600px){
	.homebanner a.maximizevideo {width:100px;height:100px;left:calc(50% - 50px);}
}

.homebannerelement {position: relative;z-index: 1;width: 100%;height: 100%;}
.homebannerelement picture {position: absolute;z-index: 0;top: 0;left: 0;right: 0;bottom: 0;
	width: 100%;height: 100%;}


.homebannerelement picture:before {content:"";display:block;position: absolute;pointer-events: none;
	left:0;right:0;height:150px;z-index:1;/*background-color: #f00;*/
	background-image: linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,0));
}
.homebannerelement picture:after {content:"";display:block;position: absolute;pointer-events: none;
	bottom:0;left:0;right:0;height:350px;z-index:1;/*background-color: #f00;*/
	background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.8));
}


.homebannerelement picture img {object-fit: cover;width: 100%;height: 100%;}

.homebanner .bannerdata {position: absolute;bottom: 75px;right: 60px;z-index: 1;
	color: #fff;font-size: 24px;
	padding:0;display: flex;align-items: flex-start;
	flex-direction: row-reverse;
	text-align: right;
	width: calc(100% - 120px);max-width: 800px;
}
/*.homebanner .bannerdata:before {content: "";
	position: absolute;top: 0;right: 0;height: 1px;width: 50px;
	background-color: var(--maincolor);}*/
.homebanner .bannerdata article {position: relative;
	padding: 40px 0 10px 0;box-sizing: border-box;}
.homebanner .bannerdata article:before {content: "";
	position: absolute;top: 10px;right: 0;height: 1px;width: 50px;
	background-color: var(--maincolor);}
.homebanner .bannerdata article:nth-child(2){
	/*padding-right: 40px;margin-right: 40px;
	border-right: 1px solid var(--white_50);*/
}
/*.homebanner .bannerdata article:nth-child(2):before {right: 40px;}*/

.homebanner .bannerdata a {color: var(--white);}
.homebanner .bannerdata.news{}
.homebanner .bannerdata.news h5 {font-size: 13px;font-weight: 800;
	margin: 0 0 15px;padding: 0;}
.homebanner .bannerdata.news h1{font-size: 24px;font-weight: 400;
	margin: 0 0 15px;padding: 0;}
.homebanner .bannerdata.news h2 {font-size: 16px;font-weight: 400;
	margin: 0 0 15px;padding: 0;}
.homebanner .svg {fill: var(--maincolor);width: 55px;}

.homebanner .bannerdata.event h1{font-size: 36px;font-weight: 800;
	line-height: 1.1;margin: 0 0 0px;padding: 0;}
.homebanner .bannerdata.event h2 {font-size: 18px;font-weight: 300;
	margin: 0 0 30px;padding: 0;}
.homebanner .bannerdata.event h2:empty {display: none;}
.homebanner .bannerdata.event h3 {font-size: 12px;font-weight: 300;
	margin: 0 0 0;padding: 0;}
.homebanner .bannerdata.event h3:empty {display: none;}
.homebanner .bannerdata.event h4 {font-size: 12px;font-weight: 300;
	margin: 0 0 0;padding: 0;}
.homebanner .bannerdata.event h4:empty {display: none;}


.homebanner .bannerdata .details {padding-top: 55px;font-size: 13px;
	font-weight:300;padding-left: 20px}
.homebanner .bannerdata .details span {font-weight:800;}
.homebanner .bannerdata .details a.hassupertitles {display: flex;
	max-width:105px;box-sizing: border-box;font-size: 10px;align-items: center;
	justify-content: flex-end;margin-top: 10px;
	}
.homebanner .bannerdata .details a.hassupertitles em {font-style: normal;font-weight: 400;
	margin-left: 10px;border:1px solid var(--white);border-right: 0;line-height: 1.4;white-space: nowrap;
		padding:0 10px 0 5px;
		/*background: url(/images/header_banner_prev.png) no-repeat 100%;*/
		background-size: auto 100%;}
.homebanner .bannerdata .details a.hassupertitles em {display: none}
.videowrap {position:absolute;width:100%;height:100%;
	top:0;left:0;bottom:0;right:0;}
.videowrap:after {content:"";display: block;position: absolute;top:0;	left:0;right:0;bottom:0;
	background: url(/images/grid_video.png) repeat;}

div.headerwrap {margin:0;padding:0;position:absolute;
	top:0;left:0;right:0;bottom:0;z-index: 10;
	pointer-events: none;transition: .2s;z-index:105;
}

@media only screen and (min-width:1230px){
.home div.headerwrap:before {top:0;left:0;right:0;z-index:1;
	position:absolute;transition: .2s;
	background-color:transparent;}
.home div.headerwrap:hover:before {content:"";bottom:0;
	background-color:var(--maincolor_85);}
}

div.header {display:flex;align-items: flex-end;
		justify-content: space-between;position:relative;
		z-index: 10;pointer-events: auto;/*background-color:var(--white);*/}
.home div.header {background-color:transparent;}
div.header a {color:var(--black);}
.home div.header a {color:var(--white);}

div.header h1 {margin:0 28px 0 40px;margin-bottom:1px;}
div.header h1 a img {vertical-align: middle;}

div.header ul {list-style:none;}
ul.mainmenu {display:flex;flex-grow:2;align-items: flex-start;align-self: flex-start;}
ul.mainmenu:before {content:"";width:50px;margin-right:0px;border-bottom:1px solid var(--black);height:102px;position: relative;z-index: 101;}
ul.mainmenu:after {content:"";flex-grow:2;margin-left:0px;border-bottom:1px solid var(--black);height:102px;position: relative;z-index: 101;
		background-color: rgba(255,255,255,1)}
.home ul.mainmenu:before {border-bottom:1px solid rgba(255,255,255,.27);}
.home ul.mainmenu:after {border-bottom:1px solid rgba(255,255,255,.27);background-color: rgba(255,255,255,0);}
ul.mainmenu>li {position:relative;}
ul.mainmenu>li label {display: none;}
ul.mainmenu>li input {display: none;}
ul.mainmenu>li>a{font-weight:900;font-size:12px;padding:0 20px 0 28px;
	line-height:1;display: block;white-space: nowrap;position:relative;z-index:105;padding-top:96px;}

ul.mainmenu>li>a {
    font-weight: 900;
    font-size: 12px;
    padding: 0 20px 0 28px;
    line-height: 1;
    display: block;
     white-space: normal;
    position: relative;
    z-index: 105;
    padding-top:0;
    max-width: 134px;
    height: 108px;
    align-items: flex-end;
    display: flex;}

ul.mainmenu>li:hover>a{color:var(--white);}
ul.mainmenu>li>a:hover{color:var(--white);}
.home ul.mainmenu>li>a:hover{}
ul.mainmenu>li>a:after{content:"";display:block;width:0;height:1px;background-color:var(--white);
	transition: .2s;position:absolute;bottom:-15px;}
.home ul.mainmenu>li>a:after{background-color:var(--maincolor);}
ul.mainmenu>li:hover>a:after{width:25px;}


ul.mainmenu>li>ul {display:none;}
ul.mainmenu>li>ul:before {content:"";transition: .2s;background:var(--maincolor);display:block;width:100%;
	top:0;left:0;right:0;position:absolute;bottom:100%;}
.home ul.mainmenu>li>ul:before {background:var(--black);}

@media only screen and (min-width:1230px){
	ul.mainmenu>li:hover>ul:before {height:100%;}
	ul.mainmenu>li:hover>ul {display:block;position:absolute;z-index:104;top:0;left:0;padding:145px 0 40px 0;
		min-width:280px;}
	ul.mainmenu>li:hover>ul>li {font-size:13px;font-weight:300;color:#fff;position:relative;}
	ul.mainmenu>li:hover>ul>li a {display:block;padding:14px 40px 14px 28px;white-space: nowrap;line-height:1.1;position:relative;}
	ul.mainmenu>li:hover>ul>li.selected a {color:var(--white);}
	ul.mainmenu>li:hover>ul>li:hover a {color:var(--white);}
	.home ul.mainmenu>li:hover>ul>li:hover a {color:var(--maincolor);}
	ul.mainmenu>li:hover>ul>li:hover:before {content:"";display:block;width:1px;background-color:var(--white);
		position: absolute;left:0;top:15px;bottom:15px;}
	.home ul.mainmenu>li:hover>ul>li:hover:before {background-color:var(--maincolor);}
	ul.mainmenu>li:hover>ul>li ul {display:none;}
	ul.mainmenu>li:hover>ul>li:first-child:nth-last-child(n + 6) a,
	ul.mainmenu>li:hover>ul>li:first-child:nth-last-child(n + 6) ~ li a {padding-top:8px;padding-bottom:8px;}
	ul.mainmenu>li:hover>ul>li:first-child:nth-last-child(n + 6):hover:before,
	ul.mainmenu>li:hover>ul>li:first-child:nth-last-child(n + 6) ~ li:hover:before {top:9px;bottom:9px;}
}

@media only screen and (max-height:600px){
	ul.mainmenu>li:hover>ul>li a {padding:8px 40px 8px 28px;white-space: nowrap;line-height:1.1;}
	ul.mainmenu>li:hover>ul>li:hover:before {top:9px;bottom:9px;}
}



ul.tools {display:flex;align-items: stretch;margin-bottom:5px;z-index:101;position: relative;
	background-color:var(--white)}
.home ul.tools {background-color:transparent;}
ul.tools li {background:var(--white);}
.home ul.tools li {background:transparent;}
ul.tools li a {display:block;height:102px;line-height:100px;
	border:1px solid var(--black);border-right:0;border-top:0;
	padding:0 10px;font-size:11px;font-weight:medium;}
.home ul.tools li a {border:1px solid rgba(255,255,255,.27);border-top:0;border-right:0;}
ul.tools li.button a {background-position:50%;background-repeat:no-repeat;
	text-indent: -9000px;width:130px;padding:0;}
ul.tools li.button.tickets a {background-image:url(/images/header_ticket.png);}
ul.tools li.button.friend a {background-image:url(/images/header_friend.png);}
ul.tools li.button.eshop a {background-image:url(/images/header_eshop.png);}
.home ul.tools li.button.tickets a {background-image:url(/images/header_ticket_wh.png);}
.home ul.tools li.button.friend a {background-image:url(/images/header_friend_wh.png);}
.home ul.tools li.button.eshop a {background-image:url(/images/header_eshop_wh.png);}
ul.tools li.togglemainmenu {display:none;}



.scrolled.home div.headerwrap:hover:before {background-color:transparent;}

.scrolled div.headerwrap {position:fixed;}
.scrolled div.headerwrap .header {background-color: var(--white);box-shadow: 0 0 30px var(--black_35);}
.scrolled div.header {align-items:center;border-bottom:1px solid var(--black);}
.scrolled div.header a {color:var(--black);}
div.header h1 a img.scrolled{display:none;}
.scrolled div.header h1 a img{display:none;}
.scrolled div.header h1 a img.scrolled{display:block;}
.scrolled ul.tools li a {border-color:var(--black);border-bottom:0;}
.scrolled ul.mainmenu:before {border-color:var(--black);height:45px;}
.scrolled ul.mainmenu:after {display:none;height:45px;}
.scrolled.home ul.mainmenu>li>a:after {background-color:var(--white);}
.scrolled.home ul.mainmenu>li>ul:before {background:var(--maincolor);}
.scrolled.home ul.mainmenu>li:hover>ul>li:hover a {color:var(--white);}
.scrolled ul.tools {margin-bottom:0;}
.scrolled ul.tools li a {height:84px;line-height:84px;}
.scrolled ul.tools li label {height:84px;line-height:84px;}
.scrolled ul.mainmenu>li>a {padding-top:40px;}

.scrolled ul.mainmenu>li>a {
    padding-top: 0;
    height: 52px;
}

.scrolled.home ul.tools li.button.tickets a {background-image:url(/images/header_ticket.png);}
.scrolled.home ul.tools li.button.friend a {background-image:url(/images/header_friend.png);}
.scrolled.home ul.tools li.button.eshop a {background-image:url(/images/header_eshop.png);}
.scrolled ul.mainmenu>li:hover>ul {padding-top:110px;}
/*.scrolled div.rightmenu {top:85px;}*/


@media only screen and (max-width:1640px){
	ul.tools li.button a {width:88px;}
	ul.tools li.button label {width:88px;}
}
@media only screen and (max-width:1500px){
	/*ul.tools li a {border-left:0;}*/
	/*ul.tools li.button a {width:55px;border-left:0;}*/

}
@media only screen and (max-width:1300px){
	div.header h1 {margin-left:15px;}
	ul.mainmenu:before {display:none;}

}

@media only screen and (max-width:700px){
	ul.tools li.button a {width:50px;}
}

@media only screen and (max-width:400px){
	ul.tools li.lang {display:none;}
	:checked + div ul.tools li.lang {display:block;}
}
@media only screen and (max-width:320px){
	ul.tools li.button {display:none;}
}






div.whatson_wrap {margin:90px auto 100px;width:95%; max-width:1450px;}
div.whatson_wrap.home {margin:45px auto;width:95%; max-width:1450px;}


.home div.whatson_wrap {max-width:1580px;}
div.whatson {}
div.whatson div.head {display:flex;margin:0 0 20px;}
div.whatson div.head h2 {margin:0 30px 0 0;padding:0;
	font-weight:300;font-size:13px;}
div.whatson div.head h2 span {display:block;letter-spacing: 2.4px;}
div.whatson div.head h2 span.en {font-size:41px;font-weight:700;letter-spacing:normal;}
div.whatson div.head h2 span.en em {font-style:normal;font-weight:400;}
div.whatson div.head:after {content:"";display:block;flex-grow: 2;
	border-bottom:1px solid var(--black);margin-bottom:25px;}
div.whatson div.data {display:flex;justify-content: flex-start;flex-wrap: wrap;
	border-bottom:1px solid var(--black);padding:0 0 35px;}
div.whatson div.data div.options {margin:0 30px 0 0;width:190px;font-weight:500;padding:5px 0 0 0;}
div.whatson div.data div.options a {font-size:12px;display:block;margin:0 0 15px;color:rgba(0,0,0,.48);}
div.whatson div.data div.options a:last-child {margin-bottom:0;}
div.whatson div.data div.options a.sel {color:rgba(0,0,0,1);}
div.whatson div.data div.options a:hover {color:rgba(0,0,0,1);}


div.whatson div.data div.options label {font-size:12px;display:block;margin:0 0 15px;color:rgba(0,0,0,.48);text-transform: uppercase;}
div.whatson div.data div.options label:last-child {margin-bottom:0;}
div.whatson div.data div.options label.sel {color:rgba(0,0,0,1);}
div.whatson div.data div.options label:hover {color:rgba(0,0,0,1);}

div.whatson div.data input.whatsonradio {display: none;}

div.whatson div.data input.ch1:checked ~ div.options label.ch1 {color:rgba(0,0,0,1);}
div.whatson div.data input.ch2:checked ~ div.options label.ch2 {color:rgba(0,0,0,1);}
div.whatson div.data input.ch3:checked ~ div.options label.ch3 {color:rgba(0,0,0,1);}
div.whatson div.data input.ch4:checked ~ div.options label.ch4 {color:rgba(0,0,0,1);}
div.whatson div.data input.ch5:checked ~ div.options label.ch5 {color:rgba(0,0,0,1);}




div.whatson button.slick-arrow {border:none;width:18px;height:33px;background-position: 50%;
        cursor:pointer;position: absolute;top: calc(50% - 18px);
        background-repeat:no-repeat;text-indent:-9000px;background-color: transparent;margin:5px 0;}
div.whatson button.slick-arrow.slick-prev {background-image:url(/images/prev.png);left: -25px;}
div.whatson button.slick-arrow.slick-next {background-image:url(/images/next.png);right: -25px;}

div.whatson div.data div.events {width: calc(100% - 240px);display:none;align-items: stretch;position: relative;}
div.whatson div.data div.events.slick-slider {display:block;}
div.whatson div.data div.events div.event {margin-right:70px;display:flex;flex-wrap:wrap;min-height:110px;}
div.whatson div.data div.events div.event a {color:var(--black);padding: 0 10px 0 0}
div.whatson div.data div.events div.event>*{width:100%;}
div.whatson div.data div.events div.event h3 {font-size:24px;font-weight:500;flex-grow:2;}
div.whatson div.data div.events div.event h3 span {display:block;font-size:13px;font-weight:300;
	margin:5px 0 0 0;}
div.whatson div.data div.events div.event div.links {flex-grow:1;display:flex;align-items:flex-end;height:auto;font-size:12px;font-weight:300;}
div.whatson div.data div.events div.event div.links b {font-weight:600;}

@media only screen and (max-width:600px){
	div.whatson div.data div.options {margin:20px 10px;width:100%;display: flex;justify-content: space-between;flex-wrap: no-wrap;}
	div.whatson div.data div.options > label {width: 50%;}
	div.whatson div.data div.options > label:nth-child(n+4){display: none;}
	div.whatson div.data div.events {margin:20px 10px;width:90%;}
}
@media only screen and (max-width:500px){
	div.whatson div.data div.options > label:nth-child(n+3){display: none;}
}
/*div.whatson div.data input.ch1:checked {background-color: red}
div.whatson div.data input.ch1:checked ~ div.events.ch1 {display: block;}
div.whatson div.data input.ch2:checked ~ div.events.ch2 {display: block;}
div.whatson div.data input.ch3:checked ~ div.events.ch3 {display: block;}
div.whatson div.data input.ch4:checked ~ div.events.ch4 {display: block;}
div.whatson div.data input.ch5:checked ~ div.events.ch5 {display: block;}*/

div.nl_s_wrap {border-top:1px solid var(--black);background-image: linear-gradient(to right, var(--maincolor) 50% ,#fff 50%);transition:.2s;}
div.nl_s_flex {display:flex;flex-direction:row-reverse;width:95%;max-width:1300px;margin:0 auto;transition:.2s;}
div.nl_s_flex div.search_wrap {display:flex;background:#fff;width:400px;box-sizing: border-box;transition:.2s;}
div.nl_s_flex div.newsletter_wrap {display:flex;border-right:1px solid var(--black);background:var(--maincolor);transition:.2s;width:calc(100% - 401px);position:relative;box-sizing: border-box;}


.newsletter_wrap form {display:flex;padding:38px 50px 38px 0;width:100%;box-sizing: border-box;transition:.2s;color:var(--forecolor);}
.newsletter_wrap form>* {height:40px;line-height:40px;}
.newsletter_wrap .alert {position: absolute;right:50px;bottom:10px;}
.newsletter_wrap form h3 {padding:0 0 0 80px;margin:0;font-weight: 600;font-size: 26px;
	background:url(/images/footer_newsletter.png) no-repeat 0 50%;}
.newsletter_wrap form input.email {background:transparent;margin:0 5px;box-sizing: border-box;
		border:0;font-size:14px;font-weight: 300;flex-grow:2;line-height:55px;padding:0 15px;}

div.accept input {background:transparent;width:30px;height:40px;box-sizing: border-box;
	border:0;margin:0 10px 0 0;-webkit-appearance: none;position:relative;cursor: pointer;}
div.accept input:after {content:"";display:block;width:15px;height:15px;line-height:15px;
	border:1px solid var(--black);box-sizing: border-box;text-align: center;top:calc(50% - 7.5px);left:calc(50% - 7.5px);position: absolute;}
div.accept input:checked:after {content:"βœ“";color:var(--forecolor);}
div.accept a {color:var(--forecolor);text-decoration:underline;font-size: 11px;font-weight: 400;margin-right:10px;}

.newsletter_wrap form button {-webkit-appearance: none;cursor: pointer;border:0;text-indent: -9000px;
	height:40px;width:40px;background: url(/images/footer_submit.png) no-repeat 100% 50%;}
div.inlinefancywrap {display:none;}
div.forfancy {max-width:500px;}

.search_wrap form {display:flex;padding:38px 0  38px 50px;box-sizing: border-box;transition: .2s;}
.search_wrap form>* {height:40px;line-height:40px;}
.search_wrap .alert {position: absolute;right:50px;bottom:10px;}

.search_wrap form h3 {padding:0;margin:0;background:url(/images/footer_search.png) no-repeat 0 50%;}
.search_wrap form h3 label {display:block;text-indent: -9000px;width:40px;text-align:left;transition: .2s;}
.search_wrap form input.search {background:transparent;margin:0 5px;box-sizing: border-box;
		border:0;font-size:18px;font-weight: 400;flex-grow:2;line-height:55px;padding:0 15px;}
.search_wrap form button {-webkit-appearance: none;cursor: pointer;
	height:40px;width:40px;background: url(/images/footer_submit.png) no-repeat 100% 50%;
	border:0;text-indent: -9000px;}



@media only screen and (max-width:1100px){
	div.nl_s_wrap {border-top:1px solid var(--black);background-image: none;}
	div.nl_s_flex {display:flex;flex-direction:column;width:100%;max-width:1300px;margin:0 auto;flex-wrap: wrap;}
	div.nl_s_flex div.search_wrap {width:100%;}
	div.nl_s_flex div.newsletter_wrap {border-right:0;border-top:1px solid var(--black);background:var(--maincolor);width:100%;}
	.newsletter_wrap form {padding:28px 35px 28px 35px;}
	.search_wrap form {padding:28px 35px  28px 35px;width:100%;}
	.search_wrap form h3 label {width:60px;}
}
@media only screen and (max-width:630px){
	.newsletter_wrap form  {flex-wrap: wrap}
	.newsletter_wrap form h3 {width:100%}
	.newsletter_wrap form input.email {margin-left:0;padding-left:0;}
}
@media only screen and (max-width:400px){
	.newsletter_wrap form {padding:20px 25px 20px 25px;}
	.search_wrap form {padding:20px 25px  20px 25px;}
	.newsletter_wrap form h3 {padding-left:0;background:none;}
	.search_wrap form h3 {width:0;overflow-x: hidden}
	.search_wrap form input.search {margin-left:0;padding-left:0;}
	.newsletter_wrap form div.accept {position:absolute;right:0;}
}


div.pagedata_wrap {padding:200px 0 50px ;}
div.pagedata_wrap.event {padding:0 0 50px ;scroll-behavior: smooth;    }

.articlewrap {margin:0 auto;width:95%;
		max-width:1450px;box-sizing: border-box;padding:0 50px 0 0;}
/*.articlewrap>* {margin:0 auto;width:95%;max-width:1390px;}*/



input.rightmenu {display:none;}
input.rightSidemenu {display:none;}
div.rightmenu {position:fixed;right:0;top:0px;bottom:0;width:10px;background-color:var(--maincolor);
	z-index: 103;transition: .2s;padding-top:103px;}
div.rightmenu label.rightmenu_toggle {top:123px;left:-38px;height:38px;width:38px;display: block;position: absolute;
	background-color: var(--maincolor);text-indent: -9000px;background-repeat: no-repeat;
	background-position: 50%;background-image: url(/images/slide_menu_open.png);cursor:pointer;}
div.rightmenu div.inside {width:0;overflow: hidden;transition:.2s;}

input:checked+div.pagedata_wrap div.rightmenu {width:301px;background-color:var(--maincolor);transition: .2s;}
input:checked+div.pagedata_wrap div.rightmenu label.rightmenu_toggle {background-image: url(/images/slide_menu_close.png);}
input:checked+div.pagedata_wrap div.rightmenu div.inside {width:100%;}

div.rightmenu.event {position:fixed;right:00px;top:0px;bottom:auto;width:10px;background-color:transparent;
	z-index: 103;transition: .2s;padding-top:103px;padding-left:20px;}
div.rightmenu.event label.rightmenu_toggle {top:173px;left:-38px;height:38px;width:41px;display: block;position: absolute;
	background-color: var(--white);text-indent: -9000px;background-repeat: no-repeat;
	background-position: 50%;background-image: url(/images/slide_menu_open_event.png);cursor:pointer;
	background-position: 7px 50%}
div.rightmenu.event div.inside {width:0;overflow: hidden;transition:.2s;}

div.rightmenu.event div.inside ul li a {padding-left: 0;text-transform: uppercase;font-size: 11px;}


div.rightmenu.event label.rightmenu_toggle {width: 70px;}
.scrolled div.rightmenu.event label.rightmenu_toggle {box-shadow:-4px 6px 5px 0px rgba(0,0,0,.2);}


input:checked+div.rightmenu.event {width:301px;background-color:var(--white);transition: .2s;
	box-shadow:-4px 6px 5px 0px rgba(0,0,0,.2);}
input:checked+div.rightmenu.event label.rightmenu_toggle {
	width: 38px;
	box-shadow:-4px 6px 5px 0px rgba(0,0,0,.2);
}
input:checked+div.rightmenu.event div.inside {width:300px;}

div.rightmenu.event div.inside article {margin: 0 0 20px}
div.rightmenu.event div.inside h3 {font-weight:500;font-size: 16px;padding: 0 0 2px;margin: 0;}
div.rightmenu.event div.inside h4 {font-weight:400;font-size: 12px;padding: 0 0 8px;margin: 0;}
div.rightmenu.event div.inside h5 {font-weight:300;font-size: 10px;padding: 0 0 0;margin: 0;}


/*input:checked+div.pagedata_wrap .articlewrap {padding-right:340px;}*/



@media only screen and (max-width:1230px){
	input:checked+div.pagedata_wrap div.rightmenu {display:none;}
	div.pagedata_wrap div.rightmenu {display:none;}
	input:checked+div.rightmenu.event {display:none;}
	div.rightmenu.event {display:none;}
}



.articlewrap.event {width:100%;max-width:100%;padding:0;}

.articlewrap.event .mainbanner {color:var(--white);position:relative;
	margin:0 40px;padding-top:140px;}
.articlewrap.event .mainbanner.noimage {color:var(--black);}

.articlewrap.event .mainbanner picture {width:100%;position:relative;z-index:2;
	margin:0;padding:0;height:calc(100vh - 220px);display:block;min-height:500px;}
.articlewrap.event .mainbanner picture:after {content:"";display:block;position: absolute;
	bottom:0;left:0;right:0;height:250px;z-index:1;/*background-color: #f00;*/
	background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.5));
}

@media only screen and (min-width:1400px){
	.articlewrap.event .mainbanner picture {height:100vh;}
}

.articlewrap.event .mainbanner picture img {width:100%;height:100%;
	object-fit: cover;object-position: 50%}

.articlewrap.event .mainbanner section {position:absolute;
		z-index:2;bottom:0;text-align:center;text-align:center;
		text-shadow: 0 0 10px var(--black);
		left:0;right:0;padding:0 0 80px 0;}

.articlewrap.event .mainbanner.noimage section {position:relative;
		z-index:2;bottom:0;text-align:center;text-align:center;
		text-shadow:none;
		left:0;right:0;padding:50px 0 50px 0;}


.articlewrap.event .mainbanner section h1 {font-size:36px;font-weight: 800;padding:0 0 5px;margin:0;}
.articlewrap.event .mainbanner section h1 span {font-size:22px;font-weight:400;}
.articlewrap.event .mainbanner section h1 span:before {content:" / ";}
.articlewrap.event .mainbanner section h2 {font-size:18px;font-weight: 300;margin:0;padding:0;}
.articlewrap.event .mainbanner section h4 {font-size:12px;font-weight: 300;}
.articlewrap.event .mainbanner section h4:before {content:"♦";
	display:block;color:var(--maincolor);padding:10px 0;
	font-size:20px;font-weight:800;
	}
.articlewrap.event .mainbanner section h3 {font-size:14px;font-weight: 300;
	padding:20px 0 0;}

.articlewrap.event .mainbanner:after {content:"";display:block;position: absolute;
	left:50%;top:calc(100% - 60px);width:1px;height:170px;background-color: var(--maincolor);
	z-index:10;}
.articlewrap.event .mainbanner.noimage:after {top:calc(100% - 30px);height: 130px}

.articlewrap.event .mainbanner.noimage ul {list-style: none;}

/*<div class="mainbanner">
	<picture>
		<source media="(min-width:600px)" srcset="https://www.n-t.gr/pictures/original/b_29477_or_banner_big_babylonia.jpg">
		<img src="https://www.n-t.gr/pictures/original/b_29476_or_banner_small_babylonia.jpg" style="width:auto;">
	</picture>
<!--	
	-->
	<section>
		<h1 class="_color">H Βαβυλωνία  <span class="of">Δημητρίου Κ. Βυ΢άντιου</span></h1>
		
		<h4>ΞšΞ€Ξ—Ξ‘Ξ™ΞŸ ΀ΣΙΛΛΕΑ - ΞšΞ•ΞΞ€Ξ‘Ξ™ΞšΞ— Ξ£ΞšΞ—ΞΞ—</h4>
	</section>
		</div>*/


div.articleheader {display: block;justify-content: space-between;align-content: flex-start;
	flex-wrap: wrap;flex-direction: row-reverse;position: relative;
		margin-bottom: 20px;padding-bottom: 73px;
	}
div.articleheader:after {content:"";display:block;position: absolute;width:1px;height:70px;
	bottom:0;left:30px;background-color: var(--maincolor);}
div.articleheader.event:after {display: none;}
div.articleheader nav {width:100%;}
div.articleheader nav ul {list-style: none;display: flex;justify-content: flex-start;}
div.articleheader nav ul li {color:var(--black_35);font-size: 11px;font-weight:800;letter-spacing: 1.8px}
div.articleheader nav ul li:before {content:"/";margin:0 10px;}
div.articleheader nav ul li:first-child:before {content:"";margin:0;}
div.articleheader nav ul li a {color:var(--black_35);}
div.articleheader nav ul li a:hover {color:var(--black);}

div.articleheader ul.thisPageSubmenu {padding: 10px 0 0 0;display: flex;
	max-width:1000px;
		flex-wrap: wrap;justify-items: flex-start;list-style: 	none;
		position: absolute;left: 45px;bottom: 0;font-size: 13px;}
div.articleheader ul.thisPageSubmenu li {padding-right: 25px;}
div.articleheader ul.thisPageSubmenu li a {color: var(--black_50);}
div.articleheader ul.thisPageSubmenu li a:before {content:"- ";}
div.articleheader ul.thisPageSubmenu li a:hover {color: var(--maincolor);}

@media only screen and (max-width:700px){
		div.articleheader ul.thisPageSubmenu {position: relative;
				border-left: 1px solid var(--maincolor);
				padding-left: 15px;left:30px;
				padding-bottom: 10px;}
		div.articleheader.haspagesubmenu {padding-bottom: 0;}
		div.articleheader.haspagesubmenu:after {display: none;}
}
input:checked+div.pagedata_wrap div.articleheader ul.thisPageSubmenu {display: none}

@media only screen and (max-width:800px){
	div.articleheader nav {display:none;}
}

div.articleheader ul.social {list-style: none;display: flex;justify-content: flex-start;
	color:var(--black_35);height:20px;line-height: 20px;
	position: absolute;top:-30px;right:0;}
.event div.articleheader {flex-wrap: nowrap;width:95%;max-width: 1750px;margin:33px auto;
	padding:0;position: relative;height:80px;}
.event div.articleheader ul.social {top:0;}
.event div.articleheader nav {width:auto;} {flex-wrap: nowrap;width:90%;max-width: 1700px;}


div.articleheader ul.social:before {content:"SHARE:";font-size:10px;font-weight: 800;margin-right:10px;}
div.articleheader ul.social li {padding:0;}
div.articleheader ul.social li a {text-indent:-9000px;background-position: 50%;background-repeat: no-repeat;display: block;
	width:50px;height:20px;}
div.articleheader ul.social li.twitter a {background-image: url(/images/share_twitter.png);}
div.articleheader ul.social li.facebook a {background-image: url(/images/share_facebook.png);}
div.articleheader ul.social li.instagram a {background-image: url(/images/share_instagram.png);}
div.articleheader ul.social li.edit a {background-image: none;text-indent:0;font-size: 11px;font-weight: 600;
	letter-spacing:-.5px;color: rgba(215, 215, 216,1);
text-align: center;}
div.articleheader ul.social li.edit a:hover{color: #000;}



div.articleheader {position: relative;}
div.articleheader h1 {width:100%;margin:15px 0 10px 0;padding:0;font-size:36px;font-weight: 800;color:var(--black);
	width:100%;max-width:1080px;position: relative;}

div.articleheader h1.events:after {display: none;}

div.anarticle h3.date {position:absolute;top:-25px;right:0;}


div.anarticle .maintext {
	width:100%;max-width:1080px;box-sizing: border-box;
	position:relative;padding:90px 70px 120px;transition: .2s;
	font-size:14px;font-weight:600;line-height:2;}
div.anarticle.event .maintext {margin:0 auto;}
/*div.anarticle .maintext.haspic:after {content: "";
	display: block;height: 0;clear: both;}
*/

/*div.anarticle.event .maintext {margin:20px auto 50px;position: relative;}
div.anarticle.event .maintext:before {content:"";background-color: var(--maincolor);
	left:calc(50% - 58px);width:106px;height:4px;position: absolute;
	top:-5px;}*/

div.anarticle div.maintext:after {content: "";display: block;pointer-events: none;
	position: absolute;border:1px solid var(--black);z-index: 0;
	box-sizing: border-box;
	width: 100%;max-width: 1080px;left: 0;top: 0;bottom: 0;height: 100%}
div.anarticle div.maintext {display: flex;align-items: flex-start;
	padding: 90px 70px 120px;flex-direction: row-reverse;}
div.anarticle div.maintext.haspic {padding-right: 0;max-width: 100%}

div.anarticle div.maintext div.text {flex-grow:1;width: 100%; }
div.anarticle div.maintext.haspic div.text {width: 45%;margin-right: 5%;}
div.anarticle div.maintext.haspic div.mainpic {width: 50%;z-index: 2}
div.anarticle div.maintext.haspic div.mainpic img {vertical-align: middle;width:100%;margin:0 0 30px}

div.anarticle .maintext p {padding:0 0 20px 0;}
div.anarticle .maintext p:first-child {padding:0 0 0 0;}
div.anarticle .maintext a {color:var(--maincolor);}
div.anarticle .maintext a:hover {text-decoration: underline}
div.anarticle .maintext.hasmediagallery {padding-bottom:140px};
div.anarticle.event .maintext.hasmediagallery {padding-bottom:150px};



div.anarticle .maintext ul {padding:30px 0 30px 50px;}
div.anarticle .maintext div.text>ul {  list-style: none;padding-left: 20px}
div.anarticle .maintext div.text>ol {  padding-left: 20px}
div.anarticle .maintext div.text>ul li::before {
  content: ">";  
  color: var(--maincolor); 
  display: inline-block; 
  width: 1em; 
  margin-left: -1em; font-weight: 900;
}
div.anarticle .maintext div.text>ol li::marker {
  color: var(--maincolor); 
  margin-left: -1em; font-weight: 900;
}

div.anarticle .maintext div.text>ul ul {padding-left: 20px;}
div.anarticle .maintext div.text>ul ol {padding-left: 60px;}

div.inside {padding:50px 22px;font-size:12px;}
.event div.inside {padding-bottom:80px;}
div.inside:before {display:block;content:"";height:2px;width:40px;
	background-color: var(--black);margin:0 0 30px 22px;}
.event div.inside:before {background-color: var(--maincolor);margin-left:0;}
div.inside h2 {font-size: 12px;font-weight: 800;margin:0;color:var(--forecolor);
	padding:0 0 30px 22px;}
div.inside a {color:var(--forecolor);}
div.inside ul {list-style: none;}
div.inside ul li {padding:0;position: relative;}
div.inside ul li label {display: none;}
div.inside ul li input {display: none;}
div.inside ul li a {padding:6px 15px 6px 22px;display: block;}
div.inside ul li.selected>a {font-weight:700; }
div.inside ul li.hassub:before {content:"";display:block;position:absolute;left:0;top:7px;
	width:10px;height:10px;background:url(/images/sidemenu_hassub_open.png) no-repeat 50%;}
div.inside ul li.hassub.selected:before {background-image:url(/images/sidemenu_hassub_close.png);}

div.inside ul li ul {padding-left:20px;}
div.inside nav>ul  {display:block;}
div.inside ul li>ul {display:none;}
div.inside ul li.selected>ul {display:block;}



div.blocktitle {margin:120px auto 0;width:90%;font-size: 36px;}
div.blocktitle h3 {font-size: 36px;margin:0 auto 33px;width: 100%;text-align: center;
	padding:0 0 64px;position: relative;font-weight: 800;
	color: #000;}
	div.blocktitle h3:after {content: "";height: 58px;width: 1px;
		position: absolute;bottom: 0;left: 50%;background-color: var(--maincolor);}
div.blocktitle:after{content: "";height: 7px;width: 100px;display: block;
	margin: 0 auto;background-color: var(--maincolor);}

div.eventDetails {border: 1px solid var(--black);width: 95%;
		max-width: 1400px;padding: 70px;margin: 0 auto 50px;
		box-sizing: border-box;transition: .2s;
		display: flex;flex-wrap: wrap;justify-content: space-between;}
div.eventDetails>div {display: flex;flex-wrap: wrap;align-items: flex-start;
	margin-bottom: 20px}

div.eventDetails>div h2 {margin: 0px 0 16px;
    font-weight: 600;text-transform: uppercase;
    font-size: 16px;}
div.eventDetails>div div.icon {width: 110px;position: relative;
	display: flex;align-items: center;justify-content: space-between;
	padding-right: 10px;box-sizing: border-box;}
div.eventDetails>div div.icon svg {height:38px;width:50px;fill:var(--maincolor);}
div.eventDetails>div div.icon:after {content: "";width: 40px;height: 1px;background-color: var(--maincolor);}
div.eventDetails>div div.data {width: calc(100% - 140px);margin-bottom: 30px;}
div.eventDetails>div div.data div.textwrap {padding-top: 8px;}

div.eventDetails>div div.data a.covid {color:var(--white);
	background-color:var(--stand01);padding: 2px 5px;display: block;border-radius:5px; }

div.eventDetails div ul {list-style: none;margin: 0;padding: 0;}
div.eventDetails div ul li {list-style: none;margin: 0 0 10px;padding: 0;}

div.eventDetails div.alldates ul {list-style: none;margin: 0;padding: 0;}
div.eventDetails div.alldates ul li {margin-bottom: 5px;font-size: 14px;overflow: hidden;}
div.eventDetails div.alldates ul li span{display: inline-block;font-size: 14px;padding-right: 10px;}

div.eventDetails div.alldates ul li a.ticketlink {color: #333;
    height: 16px;
    width: 26px;
    text-indent: -9000px;
    display: inline-block;
    background: url(/images/whatson_ticket_available.png) no-repeat;
    background-position: 50%;margin-left: 10px;
}
/*div.eventDetails div.alldates ul li a.ticketlink:before{content:"";display:block;float:left;margin:0;width:20px;height:16px;background-repeat:no-repeat;background-position:50% 40%;
    background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="15px" height="11px"><path fill="%23ADADAD" d="M14,1v2.146c-0.85,0.442-1.421,1.338-1.421,2.354c0,1.016,0.571,1.91,1.421,2.354V10H1V7.854 C1.85,7.411,2.421,6.516,2.421,5.5C2.421,4.484,1.85,3.588,1,3.146V1H14 M15,0H0v3.867C0.8,3.965,1.421,4.655,1.421,5.5 C1.421,6.348,0.8,7.034,0,7.133V11h15V7.133c-0.799-0.099-1.421-0.789-1.421-1.633c0-0.844,0.622-1.535,1.421-1.633V0L15,0z"/></svg>');}*/

div.eventDetails div.alldates ul li a:hover {color:var(--black);/*text-decoration: underline;*/}

div.eventDetails div.alldates ul li.passed {height: 0;margin-bottom: 0;transition: .2s;}
div.eventDetails div.alldates ul li.passed a.ticketlink {display:none;}
div.eventDetails div.alldates ul li.passed span {color:#999;}
div.eventDetails div.alldates ul li.passed a {color:#999;}
div.eventDetails div.alldates ul li.passed a:hover {color:#999;}

div.eventDetails div.alldates input.passed {display: none;}
div.eventDetails div.alldates input.passed:checked ~ ul li.passed {height: auto;margin-bottom: 5px;}
div.eventDetails div.alldates input.passed~label {display: block;
	cursor: pointer;margin-bottom: 10px;font-size: 14px;color: var(--black_35)}
div.eventDetails div.alldates input.passed:checked~label span {display: none;}
div.eventDetails div.alldates input.passed:checked~label:before {content:"Ξ‘Ο€ΟŒΞΊΟΟ…ΟˆΞ·"}
.en div.eventDetails div.alldates input.passed:checked~label:before {content:"Hide"}








div.weekdetails {padding:30px 0  0;margin-bottom:1px;}
div.weekdetails h2 {float:left;line-height:37px;font-size:20px;font-weight:300;
padding:0;margin:0;}
div.weekdetails h2 span {font-weight:400;}
div.weekdetails h2 span:after {content:"/";color:var(--maincolor);padding:0 3px;}
div.weekdetails span.selectwrap {display:block;float:right;
    background:#fff;padding:0;padding:0 10px;
    height:37px;line-height:37px;}
div.weekdetails span.selectwrap select {height:37px;line-height:37px;font-size:11px;
    font-family:'Sansation' monospace;font-weight:400;box-sizing:content-box;min-width:200px;
    padding:0 0 0 0;border:0;
    box-sizing:content-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent url(../images/selectboxarrow.png) no-repeat right center;}

div.weekly {background:#fff;}
div.weekly > h3 {font-size:15px;border-bottom:1px solid #ECEBEB;line-height:28px;
        font-weight:bold;padding:0 12px;margin:0;}
div.weekly div.horWrap {display:table;table-layout:fixed;width:100%;clear:both;min-height:100px;position:relative;border-collapse:collapse;}
div.weekly div.horWrap.workshops {min-height:50px;}
div.weekly div.horWrap.dayheaders {background-color:#F9F9F9;}
div.weekly div.horWrap>div {display:table-cell;border-right:1px solid #ECEBEB;border-bottom:1px solid #ECEBEB;}

div.weekly div.horWrap>div.play {width:calc(100% - 495px);font-size:10px;font-weight:400;}
div.weekly div.horWrap>div.play a {display:block;padding:12px 12px 3px;font-size:15px;font-weight:bold;}
div.weekly div.horWrap.workshops>div.play a {display:block;padding:4px 12px 3px;font-size:15px;font-weight:bold;}
div.weekly div.horWrap>div.play span.writer {display:block;padding:0 12px 2px;}
div.weekly div.horWrap>div.play span.hall {display:block;padding:0 12px 12px;}
div.weekly div.horWrap>div.dayswrap {width:490px;padding:0;height:100%;position:relative;vertical-align:middle;}/*min-height:110px;*/
div.weekly div.horWrap>div.dayswrap>div.days {display:table;table-layout:fixed;margin:0;width:100%;height:100%;min-height:110px;margin:0;padding:0;}
div.weekly div.horWrap.workshops>div.dayswrap>div.days {min-height:55px;}
div.weekly div.horWrap>div.dayswrap>div.days>div {display:table-cell;border-right:1px solid transparent;border-bottom:1px solid transparent;width:calc(14.29% - 1px);min-height:100px;height:100%;border-right:1px solid #ECEBEB;vertical-align:top;}
div.weekly div.horWrap>div.dayswrap>div.days>div div.time {display:block;padding:3px 10px;margin:0;
overflow-wrap: break-word;}
div.weekly div.horWrap>div.dayswrap>div.days>div div.time:first-child {padding-top:15px;font-size:10px;}
div.weekly div.horWrap.workshops>div.dayswrap>div.days>div div.time:first-child {padding-top:8px;}
div.weekly div.horWrap>div.dayswrap>div.days>div div.time a.ticketlink {display:block;color:#2d2424;font-size:10px;
text-decoration: underline;margin-bottom: 5px;
}/*background-size:auto 80%;}*/
div.weekly div.horWrap>div.dayswrap>div.days>div div.time span.nolink {display:block;color:#2d2424;font-size:10px;}
div.weekly div.horWrap>div.dayswrap>div.days>div div.time p.info {font-size:10px;padding:4px 0 0 0;font-style:italic;}

div.weekly div.horWrap>div.dayswrap>div.days>div div.time span.supertitles {display: block;margin-top: 3px;}


div.weekly div.horWrap.dayheaders>div {border-color:transparent;}
div.weekly div.horWrap>div.dayswrap.headerday {border-color:transparent;vertical-align:bottom;}
div.weekly div.horWrap>div.dayswrap.headerday>div {border-color:transparent;vertical-align:bottom;}
div.weekly div.horWrap>div.dayswrap.headerday>div.days>div {border-color:transparent;vertical-align:bottom;}
div.weekly div.horWrap>div.dayswrap.headerday span.dayname {color:#BAB7B7;font-size:13px;font-weight:bold;display:block;position:relative;min-height:110px;}
div.weekly div.horWrap>div.dayswrap.headerday span.date {font-size:11px;font-weight:bold;display:block;padding:0 0 10px;}
div.weekly div.horWrap>div.dayswrap.headerday span.dayname em {font-style:normal;
    display:block;
    transform-origin: bottom left;
    position:absolute;left:18px;bottom:6px;
    -ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Safari */
    transform: rotate(-90deg);
}



@media only screen and (max-width:720px), only screen and (max-width:1024px) and (min-width:850px){
    div.weekly div.horWrap>div.play {width:100%;}
    div.weekly div.horWrap>div.dayswrap {width:100%;}
    div.weekly div.horWrap {display:block;;width:100%;clear:both;min-height:100px;position:relative;border-collapse:collapse;}
    div.weekly div.horWrap>div {display:block;width:100%;border-right:1px solid #ECEBEB;border-bottom:1px solid #ECEBEB;}
    div.weekly div.horWrap>div.dayswrap.headerday span.date {text-align:center;}
    div.weekly div.horWrap>div.dayswrap.headerday span.dayname em {left:calc(50% + 10px);}
    div.weekly div.horWrap>div.dayswrap>div.days>div div.time {padding:3px 3px;}

    div.weekly div.horWrap>div.dayswrap>div.days>div div.time span {text-align:center;}
    div.weekly div.horWrap>div.dayswrap>div.days>div div.time a {
        padding:0 0 16px 0;text-align:center;}
        div.weekly a.ticketlink:before{content:"";display:block;float:none;clear:both;margin:5px 0 0;
        background-size:auto 100%;
        width:100%;height:9px;
        background-repeat:no-repeat;background-position:50% 40%;}
div.weekly div.horWrap>div.dayswrap>div.days>div div.time a img {vertical-align:middle;margin-left:5px;}

    div.weekdetails h2 {float:none;clear:both;margin-top:20px;}
    div.weekdetails span.selectwrap {display:block;float:none;
        background:#fff;padding:0 10px;
        height:37px;line-height:37px;}
        div.weekdetails span.selectwrap select {margin:0;width:100%;display:block;}
    div.mobileDates {position:relative;margin:10px 0 10px;}
    div.mobileDates h3 {background-color:#fff;font-size:12.5px;padding:0 20px;line-height:30px;margin:0;font-weight:400;}
    div.mobileDates h3 span {font-weight:600;}
    div.mobileDates div.weekly {}

        div.mobileDates a.expand {display:block;margin:15px 0 35px;padding:0 5%;line-height:37px;
            color:#fff;background-color:#000;font-weight:600;font-size:12px;}

    div.mobileDates div.weekly div.horWrap>div.dayswrap>div.days {display:table;table-layout:fixed;margin:0;width:100%;height:auto;min-height:0;margin:0;padding:0;}
    div.mobileDates div.weekly div.horWrap>div.dayswrap>div.days>div {display:table-cell;border-right:1px solid transparent;border-bottom:1px solid transparent;width:calc(14.29% - 1px);min-height:auto;height:100%;border-right:1px solid #ECEBEB;}
    div.mobileDates div.weekly div.horWrap>div.dayswrap>div.days span.shortd {display:block;line-height:48px;text-align:center;color:#bdbbbb;font-size:13px;font-weight:600;background-color:#F9F9F9;}
    div.mobileDates div.weekly div.horWrap>div.dayswrap>div.days span.dt {line-height:1.3;padding:10px 0 5px;display:block;text-align:center;font-weight:bold;font-size:11px;}
    div.mobileDates div.weekly div.horWrap>div.dayswrap>div.days>div div.time:first-child {padding-top:inherit;}


    div.mobileDates div.weekly div.dayswrap.future {display:none;}
    div.mobileDates.on div.weekly div.dayswrap.future {display:block;}

}

.contactform_wrap {display: flex;justify-content: 	space-between;
		align-items: 	flex-start	;}

div.contact_left {width:calc(100% - 370px);position:relative;}
div.contact_right {max-width:295px;}

div.contact_right div.places {}
div.contact_right div.place {font-size:13px;margin-bottom:20px;}

div.contact_right div.place h2 {font-size:18px;font-weight:bold;margin:0;padding:0 0 5px;}
div.contact_right div.place label {display:block;font-size:12.5px;padding:3px 0 1px;color:var(--maincolor);}
div.contact_right div.place a {display:block;color:#2d2424;font-size:13px;font-weight:400;}
div.contact_right div.place a:not(.tel):hover {text-decoration:underline}
div.contact_right div.place h3 {color:var(--maincolor);font-size:13px;margin:0;padding:10px 0 5px;font-weight:normal;}
div.contact_right div.place h4 {color:#2d2424;font-size:13px;margin:0;padding:10px 0 5px;font-weight:bold;}
div.contact_right div.place a.tel {display:inline-block;font-weight:bold;font-size:16px;padding:0 0 3px;}
div.contact_right div.place a.tel.small {display:inline-block;font-weight:normal;font-size:16px;padding:0 0 3px;}
div.contact_right div.place a.map {display:block;font-weight:normal;padding:0 0 0 20px;
    background-image:url(/images/pin_sm.png);background-repeat:no-repeat;background-position:0;
    background-size:auto 100%;line-height:16px;}
div.contact_right div.place a.tel.info {display:block;font-weight:normal;font-size:13px;}

div.contact_right div.place ul {padding:0 0 0 15px;}

div.weekly div.horWrap>div.dayswrap>div.days>div div.time {line-height:12px;font-size:10px;}
div.weekly div.horWrap>div.dayswrap>div.days>div div.time a.map {display:block;font-weight:normal;padding:0;
    background:none;line-height:12px;font-size:10px;color:#f86a60;}
div.weekly div.horWrap>div.dayswrap>div.days>div div.time a.map:hover {text-decoration:underline;}




ul.formalert {list-style:none;float:left;margin:0;padding:10px;
        background-color:#fff;border-radius:3px;border:1px solid #E5E3E3;}
ul.formalert li {margin:0;padding:0 0 3px;font-size:14px;color:#de0000;}


p.delivered {list-style:none;float:left;margin:0;padding:10px;
        background-color:#fff;border-radius:3px;border:1px solid #E5E3E3;
        color:#00de00;}



form.contact {position:relative;width:100%;max-width: 550px;}
form.contact.getprogram {max-width:550px;}
form.contact div.inputs {position:relative;}
form.contact.getprogram div.inputs {padding-right:0;}
div.newsletter_form form.contact div.inputs {padding-right:0;width:60%;float:left;position:relative;}

form.contact div.inputs div.inputwrap {background-color:#fff;padding:18px 20px 15px;border:1px solid #E5E3E3;border-radius:3px;margin:0 0 5px;}
div.newsletter_form {margin:0 0 40px;}
div.newsletter_form form.contact div.inputs div.inputwrap {padding:4px 20px 4px;}
div.drama_form form.contact div.inputs div.inputwrap {padding:4px 20px 4px;}
form.contact div.inputs div.inputwrap label {display:block;color: #2d2424;font-family: Manrope;font-size: 12.5px;font-weight: bold;;margin-bottom:3px;}
form.contact div.inputs div.inputwrap input,
form.contact div.inputs div.inputwrap select {border:0;background-color:#fff;width:100%;padding:0;font-size:14px;color: #786e6e;font-weight:300;font-size: 14px;}
form.contact div.textarea {position:absolute;top:0;right:0;bottom:0;width:calc(40% - 4px);}
form.contact div.submitwrap {position:relative;max-width:300px;}
form.contact div.textarea textarea {border:0;background-color:#fff;width:100%;padding:0;font-size:14px;font-family: Manrope;color: #786e6e;font-weight:300;font-size: 14px;height:250px;line-height:21px;}

form.contact div.g-recaptcha {float:right;margin:0 0 4px;}

form.contact input.submit {clear:both;/*float:right;*/line-height:48px;color: #fff;cursor:pointer;
font-family: Manrope, sans-serif;font-size: 12px;padding:0 40px;border:0;border-radius:3px;
font-weight: bold;letter-spacing:3px;background-color:var(--maincolor);}
form.contact div.submitwrap  input.submit {padding:0 ;text-align:center;display:block;width:100%;}

form.contact a.button {clear:both;/*float:right;*/line-height:1.4;
		color: #fff;cursor:pointer;display: block;
		font-family: Manrope, sans-serif;font-size: 12px;padding:8px 8px;border:0;border-radius:3px;
font-weight: bold;letter-spacing:3px;text-align: center;}


form.contact.campaign p.success b,
form.contact.campaign p.fail b {display: block;font-size:22px;font-weight: 600}


div.campaignform {margin:0 0 50px}


div.staffsearchWrap {margin:10px auto 30px;padding:0;width:100%;max-width:700px;}
div.staffsearchWrap div.inputwrap {background-color:#fff;padding:10px 0 10px 0;border:1px solid #E5E3E3;border-radius:3px;margin:0 0 5px 0;
    float:left;max-width:100%;width:300px;background:url(/images/search_news.png) no-repeat 97% 50% #fff;
box-sizing:content-box;overflow-x:hidden}
div.staffsearchWrap div.inputwrap input {border:0;background-color:transparent;width:100%;margin:0 30px 0 10px;padding:0;font-size:14px;color: #786e6e;font-weight:300;font-size: 14px;
        }


div.wrapperIn>ul.stafflist {
    list-style:none;margin:10px auto;padding:0;
    width:100%;max-width:700px;
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
}
.en div.wrapperIn ul.stafflist {font-family:Arial;}
.wrapperIn .wrapperIn {width:100%;}
ul.stafflist>li {margin:0;padding:0;font-size:13px;border-bottom:25px solid transparent;
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid-column;}
ul.stafflist>li.dep8 {
	    -webkit-column-break-before: always;
       -moz-column-break-before: always;
            column-break-before: always;
            break-before: column;
}
ul.stafflist>li h3 {margin:0 0 0 0;color: var(--maincolor);
		font-size: 18px;font-weight: bold;}
ul.stafflist>li ul {list-style:none;margin:0;padding:0;font-size: 16px}
ul.stafflist>li ul li {margin-top:16px;}
ul.stafflist>li ul li.same {margin-top:0px;}
ul.stafflist>li ul li b {display:block;}
ul.stafflist>li div.details {font-size:12.2px;}
/*ul.stafflist>li div.details:before {content:"β€’ ";color:var(--maincolor);}*/
ul.stafflist>li div.details a {color:#2d2424;margin-right:4px;font-style:normal;font-size:12.5px;}
ul.stafflist>li div.details a:hover {text-decoration:underline;}
ul.stafflist>li div.details a.tel+a.email:before {content:"/ ";color:var(--maincolor);}







div.eventDetails div.alldates {width: 50%;}
div.eventDetails div.info {width: 50%;}


@media only screen and (max-width:1050px) and (min-width:700px){
	div.eventDetails {padding: 30px}
	div.eventDetails>div div.icon {width: 50px;position: relative;
		display: flex;align-items: center;justify-content: space-between;
		padding-right: 10px;box-sizing: border-box;}
	div.eventDetails>div div.icon svg {height:38px;width:50px;fill:var(--maincolor);}
	div.eventDetails>div div.icon:after {display: none;}
	div.eventDetails>div div.data {width: calc(100% - 70px);}
}
@media only screen and (max-width:700px){
	div.eventDetails {padding: 40px}
	div.eventDetails div.alldates {width: 100%;margin-bottom: 50px;}
	div.eventDetails div.info {width: 100%;margin-bottom: 50px;}
}

@media only screen and (max-width:500px){
	div.eventDetails {padding:50px 30px}
	div.eventDetails>div div.icon {width: 50px;position: relative;
		display: flex;align-items: center;justify-content: space-between;
		padding-right: 10px;box-sizing: border-box;}
	div.eventDetails>div div.icon svg {height:38px;width:50px;fill:var(--maincolor);}
	div.eventDetails>div div.icon:after {display: none;}
	div.eventDetails>div div.data {width: calc(100% - 70px);}
}


div.mediagallery_wrap {width:100%;max-width:1000px;margin:-150px 0 100px 1px;
	position:relative;}





.event div.mediagallery_wrap {width:100%;
	/*max-width:1370px;*/
	max-width:9999px;
	box-sizing: border-box;
	margin:0 auto 100px auto;
	padding-left:360px;
	position: relative;}

.event div.mediagallery_wrap .media_nav {display: flex;list-style: none;
	align-content: flex-start;padding-bottom: 60px;margin-left: 100px;}
.event div.mediagallery_wrap .media_nav li {position: relative;margin:0 20px 0 0;}
.event div.mediagallery_wrap .media_nav li a {display: block;padding: 5px 0;font-size: 10px;
	font-weight: 300;color: var(--black);
text-transform: uppercase;}
/*.event div.mediagallery_wrap .media_nav li a:hover {color: var(--maincolor);}
.event div.mediagallery_wrap .media_nav li.sel a {color: var(--maincolor);}*/
.event div.mediagallery_wrap .media_nav li.sel:after {content: "";display: block;
	position: absolute;width: 1px;height: 80px;background-color: var(--maincolor);
	left: 50%;top: 100%;z-index: 1000;}


div.mediagallery_wrap .mediagallery_name  {position:absolute;top:0;
	left:calc((100% - 1360px)/2);}
@media only screen and (max-width:1450px){
	div.mediagallery_wrap .mediagallery_name  {left: 50px;}
}
div.mediagallery_wrap .mediagallery_name  h2 {display:block;transform-origin:0 0 ;position: relative;
	transform: rotate(270deg) translateX(-100%);font-size:36px;font-weight: 400;color:var(--black);
	max-width:290px;text-align: right;line-height:1;padding-bottom:50px;}
div.mediagallery_wrap .mediagallery_name  h2 b {font-weight: 800;}
div.mediagallery_wrap .mediagallery_name  h2 span.photographer {    display: block;
    font-size: 14px;
    margin: 10px 0;
    text-align: left;}

div.mediagallery_wrap .mediagallery_name  h2:after {content:"";display: block;position: absolute;right:0;bottom:0;
	height:7px;width:110px;background-color: var(--maincolor);}


div.mediagallery {width:100%;display:none;}
.event div.mediagallery {/*width:calc(100% - 360px);*/display:none;}

div.mediagallery.slick-initialized {display:block;}

div.mediagallery div.page {display:grid;height:418px;
	/*max-width: 1000px;*/
	padding-right: 25px;
	width: 700px;
	grid-gap: 25px;
	grid-template-columns:30% 30% 30%;
	grid-template-rows:50% 50%;
	justify-items: stretch;
	align-items: stretch;
}
div.mediagallery div.page>a:first-child {
  grid-column-start: 1;
  grid-column-end: span 2;
  grid-row-start: 1;
  grid-row-end: span 2;
}
div.mediagallery div.page a {display:block;object-fit: cover;object-position:50%;
	position: relative;}
div.mediagallery div.page a.video:after{position: absolute;content: "";
	top: 10px;left: 10px;width: 57px;height: 54px;
	background: url(/images/thumb_youtube.png) no-repeat;}

div.mediagallery div.page a img {object-fit: cover;object-position:50%;
		width:100%;height:100%;vertical-align: 	middle;}

@media only screen and (max-width:1300px){
	.event div.mediagallery_wrap {width:100%;
		padding-left:220px;
	}
}


.mediagallery_wrap div.slider-controls {position:relative;padding:0;margin:40px 0 20px 0;z-index:10;
    display:flex;align-items: center;flex-wrap: wrap;}
/*.mediagallery_wrap div.slider-controls > * {width:100%;}*/
.mediagallery_wrap ul.slick-dots {position:relative;list-style:none;padding:0;margin:0;display:flex;align-items: center;height:33px;}
.mediagallery_wrap ul.slick-dots li {width:28px;height:28px;margin:0;display:flex;align-content: center;text-align:center;}
.mediagallery_wrap ul.slick-dots li:only-child {display:none;}

.mediagallery_wrap ul.slick-dots li button {border:none;width:28px;height:28px;background:transparent;position:relative;
    cursor:pointer;font-family:Manrope;}
.mediagallery_wrap ul.slick-dots li.slick-active button {color:var(--maincolor);}
.mediagallery_wrap button.homearrow {border:none;width:18px;height:33px;background-position: 50%;
        cursor:pointer;
        background-repeat:no-repeat;text-indent:-9000px;background-color: transparent;margin:5px 0;}
.mediagallery_wrap button.homearrow.slide-m-prev {background-image:url(/images/prev.png);}
.mediagallery_wrap button.homearrow.slide-m-next {background-image:url(/images/next.png);}


div.extraswrap {margin:100px 0 100px;display:flex;}
div.extraswrap>div {width:45%;margin:0;box-sizing: border-box;}
div.extraswrap>div:first-child {margin-right:10px;}
div.extraswrap div h3 {font-size:30px;font-weight: 800;color:var(--black);margin:0;padding:0 0 40px;position: relative;}
div.extraswrap div h3:after {content:"";display:block;position: absolute;bottom:-1px;left:30px;width:40px;
	height:4px;background-color: var(--maincolor);}
div.extraswrap div ul {list-style: none;border:1px solid var(--black);box-sizing: border-box;
	padding:30px;}
div.extraswrap div ul li {margin-bottom:20px;}
div.extraswrap div ul li a {color:var(--black);font-size: 12px;font-weight: 600;}
div.extraswrap div ul li a:hover {color:var(--maincolor);}



div.roles_wrap {padding:110px 0;margin:0;}
div.roles_wrap:nth-child(2n+2){ background-color:rgba(245, 246, 247,1); }
div.roles_wrap:last-child {margin-bottom:100px;}

div.roles {margin:0 auto;width:95%;max-width: 1370px;box-sizing: border-box;
	padding-left:360px;position: relative;min-height: 290px;}

div.roles .rolestypename {position:absolute;top:0;left:0;}
div.roles .rolestypename h2 {display:block;transform-origin:0 0 ;position: relative;
	transform: rotate(270deg) translateX(-100%);font-size:36px;font-weight: 400;color:var(--black);
	max-width:290px;text-align: right;line-height:1;padding-bottom:50px;}
div.roles .rolestypename h2 b {font-weight: 800;}
div.roles .rolestypename h2:after {content:"";display: block;position: absolute;right:0;bottom:0;
	height:7px;width:110px;background-color: var(--maincolor);}

div.roles ul {list-style: none;display:flex;align-items: flex-start;
	justify-content: flex-start;flex-wrap: wrap;}
div.roles ul li {width:185px;margin:0 5px 20px 0;position: relative;}
div.roles ul li a {display:block;color:var(--black);position:relative;padding:116px 0 0 41px;
	cursor: default;}
div.roles ul li a.haslink {cursor: pointer}
div.roles ul li a.cms {position: absolute;padding: 2px 4px 2px 0;
    border-bottom-right-radius: 4px;font-size: 10px;
    top: 0;left:0;background-color: #fff;}
div.roles ul li a.cms:hover {background-color:#000;color:#fff;}
div.roles ul li a span {width:135px;height:135px;
	/*border-radius:5px;*/
	display: block;
	position: absolute;top:0;left:0;
	background-color: rgba(230, 232, 233,1);
	background-size: cover;background-repeat: no-repeat;background-position: 50%}




div.roles ul li a div.info {display:block;position: relative;
	border-top-left-radius: 8px;background-color: #fff;
	transition: .2s;
	padding:9px 12px;}
div.roles ul li a.haslink:hover div.info {transform: translate(0,-10px);}
div.roles_wrap:nth-child(2n+2) div.info { background-color:rgba(245, 246, 247,1); }
	div.roles ul li a div.info h3 {margin:0;padding:0;
		font-weight: 600;font-size: 12px;}
		div.roles ul li a div.info div{font-weight: 300;font-size: 11px;}


.mobilegallery {display: none;}



div.roles ul:after {content: "";width: 300px;}

div.relatedWrap {background-color:rgb(245, 246, 247);padding:110px 0;margin:40px 0;}
div.relatedWrap>div {width:95%;max-width:1450px;box-sizing: border-box;
	padding-right:50px;margin:50px auto 50px;
	/*display:flex;align-items: flex-start;justify-content: flex-start;*/
	transition: .2s;
	position:relative;padding-left:250px;}
div.relatedWrap>div>h2 {position:absolute;left:0;top:0;}
.rotatedheader {transform-origin:0 0;transform: rotate(-90deg) translateX(-95%);
	position:relative;font-size:36px;font-weight: 400;display:block;text-align: right}
.rotatedheader b {font-weight: 800;}
.rotatedheader:after {content:"";display:block;
	height:4px;width:120px;background-color: var(--maincolor);
	position: absolute;top:55px;right:0;}

div.relatedWrap>div div.newslist {width:100%;list-style-type: none;display:block}
div.relatedWrap>div div.newslist div.record {box-sizing:border-box;margin:0 20px;min-width:200px;}
div.relatedWrap>div div.newslist div.record>a {transition:.2s;display:block;padding:40px;box-sizing:border-box;height:340px;
	color:var(--black);position: relative;overflow-y:hidden;border:1px solid var(--black);min-width:200px;}
div.relatedWrap>div div.newslist div.record>a h2 {font-size:19px;font-weight:800;margin:0 0 15px;
		padding:0;position: relative;}
div.relatedWrap>div div.newslist div.record>a h2 span.of {display:block;font-size:13px;margin:5px 0 0;font-weight:300;}
div.relatedWrap>div div.newslist div.record>a h4 {font-size:15px;font-weight:400;margin:0 0 15px;
		padding:0;position: relative;}
div.relatedWrap>div div.newslist div.record>a p {font-size:13px;font-weight:400;margin:0 0 15px;
		padding:0;position: relative;}
div.relatedWrap>div div.newslist div.record>a h4.hall {display:none;}
div.relatedWrap>div div.newslist div.record>a div.date {transition:.2s;position: absolute;z-index:13;bottom:30px;right:40px;font-size:12px;font-weight: 800;color:var(--maincolor);background-color:#fff;padding-left:5px;}
div.relatedWrap>div div.newslist div.record>a:after {transition:.2s;content:"";display:block;position: absolute;z-index:10;bottom:33px;left:40px;height:1px;width:65px;background-color:var(--maincolor);}
div.relatedWrap>div div.newslist div.record>a:before {content:"";display:block;position: absolute;
	z-index:5;bottom:0px;left:0px;right:1px;width:calc(100% - 1px);height:123px;background-image:linear-gradient(rgba(255,255,255,0),rgba(255,255,255,1) 50% );}
div.relatedWrap>div div.newslist div.record>a:hover h2 {color:var(--maincolor);}

div.relatedWrap>div div.newslist div.record.eshop {position: relative;background-color:#fff;}
/*div.relatedWrap>div div.newslist div.record.eshop:after{content:"Ξ Ξ©Ξ›Ξ—Ξ€Ξ—Ξ‘Ξ™ΞŸ.ESHOP";
	position: absolute;transform-origin:0 100%;transform:rotate(270deg);font-weight: 700;
	display:block;font-size:14px;color:var(--black);bottom:5px;left:calc(100% - 3px); }*/

div.relatedWrap>div div.newslist div.record.eshop ul {list-style: none;height: 340px;
	margin: 0 15px;}
div.relatedWrap>div div.newslist div.record.eshop ul li {}
div.relatedWrap>div div.newslist div.record.eshop ul li a {display: block;text-align:center;color: var(--black);}
div.relatedWrap>div div.newslist div.record.eshop ul li a div.pic_back {width: 100%;height: 220px;position: relative;margin: 0 auto;}
div.relatedWrap>div div.newslist div.record.eshop ul li a div.pic_back img {position:absolute;top: 1%;left: 0;width: 100%;height: 99%;
		object-fit: cover;}
div.relatedWrap>div div.newslist div.record.eshop ul li a div.pic_back.book img {position:absolute;top: 8%;left: 8%;width: 84%;height: 84%;
		object-fit: contain;}
div.relatedWrap>div div.newslist div.record.eshop ul li a h2 {font-size: 16px;padding: 5px 0;margin: 0;}
div.relatedWrap>div div.newslist div.record.eshop ul li a h3 {font-size: 14px;font-weight: 700;margin: 0;
		padding: 0 0 36px;background: url(/images/cart.png) no-repeat 50% 100%;}

div.relatedWrap>div div.newslist div.record>a.to_eshop {
	position: absolute;transform-origin:0 100%;
	transform:rotate(270deg);font-weight: 400;
	display:block;font-size:14px;
	bottom:5px;left:calc(100% - 3px); 
	padding:0px;box-sizing:border-box;height:auto;
	color:var(--black);overflow-y:auto;border:0;min-width:auto;}

div.relatedWrap>div div.newslist div.record>a.to_eshop b {
	font-weight: 700;}
div.relatedWrap>div div.newslist div.record>a.to_eshop:after {display: none;}
div.relatedWrap>div div.newslist div.record>a.to_eshop:before {display: none;}

@media only screen and (max-width:750px){
	div.relatedWrap>div div.newslist div.record.eshop ul li a div.pic_back {height: 170px;}
}




div.relatedWrap>div div.newslist div.record.eshop ul button.slick-arrow {
		display:block;border: 0;background-color:transparent;
		width:12.00px;height:22.00px;top:calc(40% - 5px);
		background-repeat: no-repeat;background-size: contain;
		text-indent: -9000px;cursor: pointer;
		position: absolute;
}
div.relatedWrap>div div.newslist div.record.eshop ul button.slick-next {
		background-image: url(/images/next.png);right: -10px;
}
div.relatedWrap>div div.newslist div.record.eshop ul button.slick-prev {
		background-image: url(/images/prev.png);left: -10px;
}


.relatedWrap div.slider-controls {position:relative;padding:0;margin:40px auto 20px;z-index:10;
    display:flex;align-items: center;flex-wrap: wrap;justify-content:flex-end;padding-right:40px;}
.relatedWrap ul.slick-dots {position:relative;list-style:none;padding:0;margin:0;display:flex;align-items: center;height:33px;}
.relatedWrap ul.slick-dots li {width:28px;height:28px;margin:0;display:flex;align-content: center;text-align:center;}
.relatedWrap ul.slick-dots li button {border:none;width:28px;height:28px;background:transparent;position:relative;
    cursor:pointer;font-family:Manrope;}
.relatedWrap ul.slick-dots li.slick-active button {color:var(--maincolor);}
.relatedWrap button.homearrow {border:none;width:18px;height:33px;background-position: 50%;
        cursor:pointer;
        background-repeat:no-repeat;text-indent:-9000px;background-color: transparent;margin:5px 0 5px 0;}
.relatedWrap button.homearrow.slide-r-prev {background-image:url(/images/prev.png);}
.relatedWrap button.homearrow.slide-r-next {background-image:url(/images/next.png);}


/*ul.sponsors {list-style:none;display: flex;align-items: center;flex-wrap: wrap;
	justify-content: center;justify-items: flex-start;}
ul.sponsors li {list-style:none;width: 25%;box-sizing: border-box;padding: 15px;position: relative;flex-grow: 0;}
ul.sponsors li a {position:absolute;top:10px;bottom:10px;left:10px;right:10px;display:block;
    background-size:95%;background-repeat:no-repeat;
    background-position:50%;}
    ul.sponsors li a img {width: 100%;}
ul.sponsors li:nth-child(3n) {width:34%;border-right:0;}
ul.sponsors:after {flex-grow: 1;width: 20% !important;content: "";}*/

/*    div.anarticle ul.sponsors {margin:0 0 20px;}
    div.anarticle div.sponsorteam h2 {padding:17px 15px 15px 10px;margin:0;color: #2d2424;font-family: Manrope, sans-serif;
                font-size: 14px;font-weight: bold;background-color:;position:relative;}
    div.anarticle div.sponsorteam h2:before {content:"/";color:#f86a60;display:block;position:absolute;
        top:17px;left:0px;}*/
div.sponsorteam {padding: 30px 0;width: 100%;
    border-bottom: 0;
    flex-wrap: wrap;
}
div.sponsorteam>* {width: 100%;}
div.sponsorteam h2 {font-weight: 800;
	width: 100%;text-align: left;}


div.eventDetails div ul.sponsors {display: flex;margin: 0 0 30px;
	justify-content: space-between;gap: 4%;list-style: none;
	align-items: stretch;
	flex-wrap: wrap;}
div.eventDetails div ul.sponsors li {width: 25%;}
div.eventDetails div ul.sponsors li img {width: 100%;}


div.sponsorteam div ul.sponsors {display: flex;margin: 0 0 30px;
	justify-content: space-between;gap: 4%;list-style: none;
	align-items: center;
	flex-wrap: wrap;}
div.sponsorteam div ul.sponsors li {width: 16.67%;}
div.sponsorteam div ul.sponsors li img {width: 100%;}

@media only screen and (max-width:120px){
	div.sponsorteam div ul.sponsors li {width: 25%;}
}
@media only screen and (max-width:900px){
	div.sponsorteam div ul.sponsors li {width: 30%;}
}
@media only screen and (max-width:550px){
	div.sponsorteam div ul.sponsors li {width: 48%;}
}

/*
@media only screen and (min-width:600px){
    div.anarticle ul.sponsors li {width:calc(25% - 1px);padding-bottom: 25%;}
    div.anarticle ul.sponsors li:nth-child(3n) {width:calc(25% - 1px);border-right:1px solid #ECEBEB;;}
    div.anarticle ul.sponsors li:nth-child(4n) {width:calc(25%);border-right:0;}
    div.anarticle ul.sponsors li a {top:15px;bottom:15px;left:15px;right:15px;}


    div.anarticle ul.sponsors li:nth-child(1):nth-last-child(1) {
        width: 100%;
    }

    div.anarticle ul.sponsors li:nth-child(1):nth-last-child(2),
    div.anarticle ul.sponsors li:nth-child(2):nth-last-child(1) {
        width: 48%;margin:0 1%;
    }

    div.anarticle ul.sponsors li:nth-child(1):nth-last-child(3),
    div.anarticle ul.sponsors li:nth-child(2):nth-last-child(2),
    div.anarticle ul.sponsors li:nth-child(3):nth-last-child(1) {
        width: 32%;margin:0 .5% 0 .5%;
    }

    div.anarticle.events ul.sponsors li:nth-child(1):nth-last-child(1),
    div.anarticle.events ul.sponsors li:nth-child(1):nth-last-child(2),
    div.anarticle.events ul.sponsors li:nth-child(2):nth-last-child(1),
    div.anarticle.events ul.sponsors li:nth-child(2):nth-last-child(2),
    div.anarticle.events ul.sponsors li:nth-child(3):nth-last-child(1) {
        width:calc(25% - 1px);padding-bottom: 25%;
    }


}*/


@media only screen and (max-width:1500px){
	div.relatedWrap>div {padding-left:130px;}
}


@media only screen and (max-width:850px){
	.event div.mediagallery_wrap {padding-left:0}
	.event div.mediagallery_wrap {width: 95%;}
	div.mediagallery_wrap .mediagallery_name  {position:relative;left:0;}
	div.mediagallery_wrap .mediagallery_name  h2 {
		transform: none;max-width:1000px;padding-bottom:25px;}
	div.mediagallery_wrap .mediagallery_name  h2 span.photographer{text-align: right;}

	.event div.mediagallery_wrap .media_nav {margin-left: 0px;padding-bottom: 20px;}
	.mediagallery_wrap div.slider-controls {margin: 0}


	div.relatedWrap>div {padding-left:0px;}
	div.relatedWrap>div>h2 {position:relative;left:0;top:0;margin-bottom: 40px;}
	.rotatedheader {transform-origin:0 0;transform: none}


	div.roles_wrap {padding:50px 0;margin:0;}
	div.roles {margin:0 auto;width:95%;max-width: 1370px;box-sizing: border-box;
		padding-left:0;padding-top: 50px;position: relative;}
	div.roles .rolestypename {position:relative;top:auto;left:auto;}
	div.roles .rolestypename h2 {
		transform: none;
		max-width:1000px;text-align: right;line-height:1;padding-bottom:25px;
		margin-bottom:25px;}
	div.roles .rolestypename h2 b {font-weight: 800;}
	div.roles .rolestypename h2:after {content:"";display: block;position: absolute;right:0;bottom:0;
		height:7px;width:110px;background-color: var(--maincolor);}
	div.roles ul {list-style: none;display:flex;align-items: flex-start;
		justify-content: space-around;flex-wrap: wrap;}
	
	div.mediagallery div.page {display:grid;height:100px;
		/*max-width: 1000px;*/
		padding-right: 0
		width: 700px;
		grid-gap: 15px;
		grid-template-columns:30% 30% 30%;
		grid-template-rows:100%;
		justify-items: stretch;
		align-items: stretch;
	}
	div.mediagallery div.page>a:first-child {
	  grid-column-start: 1;
	  grid-column-end: 1;
	  grid-row-start: 1;
	  grid-row-end: 1;
	}
	.mediagallery_wrap div.slider-controls {justify-content: flex-end;}


	.mediagallery {display: none;}
	.mediagallery_wrap .slider-controls {display: none;}
	.mediagallery * {display: none;}
	.mediagallery_wrap .slider-controls * {display: none;}

	.mobilegallery {display:flex;align-items: flex-start;
		justify-content: space-between;flex-wrap: wrap;}
	.mobilegallery a {padding: 10px 0;box-sizing: border-box;
		width:30%;display: block;}
	.mobilegallery a img {width: 100%;object-fit: cover;}
}




@media only screen and (max-width:800px){
	div.relatedWrap>div div.newslist div.record a {padding:25px;}
	div.relatedWrap>div div.newslist div.record a:after {left:25px;}
	div.relatedWrap>div div.newslist div.record a div.date {right:25px;}
}

@media only screen and (max-width:530px){
	div.relatedWrap>div {padding:0 0 0 0px;}

/*	.rotatedheader {font-size:27px;transform:rotate(-90deg) translateX(-95%) translateY(10px);}
	.rotatedheader:after {top:46px;}*/

	div.relatedWrap>div div.newslist div.record a div.date {left:25px;right:25px;}
}


@media only screen and (max-width:450px){
	div.roles .rolestypename h2 {font-size:30px;}
	div.roles .rolestypename h2:after {height:5px;}

	div.roles ul li {width:155px;margin:0 5px 20px 0;}

	/*.mediagallery_wrap ul.slick-dots li button {width: 12px;height: 12px;}*/

}


@media only screen and (max-height:600px){
	div.inside h2 {display:none;}
	div.inside:before {display:none;}
}



.footerwrap {background-color:var(--black);color:var(--white);}
.footerwrap .svg {fill:var(--maincolor);}
.footerwrap a {color:var(--white);}
.footerwrap .footer {width:95%;max-width:1300px;padding:70px 0;box-sizing: border-box;
	display:flex;flex-direction: row-reverse;align-items: stretch;margin:0 auto;}
.footerwrap .footer div.contact {width:355px;border-right:1px solid var(--white_15);
	padding-right:115px;margin-right:115px;box-sizing: border-box;transition:.2s;}

.footer div.social {display:flex;justify-content:flex-start;align-items:center;margin:54px 0 30px;}
.footer div.social a {height:40px;width:25px;margin-right:20px;text-indent:-9000px;background-position:0 50%;
		background-repeat: 	no-repeat;	}
.footer div.social a:last-child{margin-right:0;}
.footer div.social a.facebook {width:calc(15px + 10px);background-image:url(/images/footer_facebook.png?y=2021);}
/*.footer div.social a.twitter {width:calc(15px + 19px);background-image:url(/images/footer_twitter.png?y=2021);}*/
.footer div.social a.twitter {width:calc(15px + 19px);background-image:url(/images/footer_twitter.png?y=2023);}
.footer div.social a.youtube {width:calc(15px + 14px);background-image:url(/images/footer_youtube.png?y=2021);}
.footer div.social a.instagram {width:calc(15px + 18px);background-image:url(/images/footer_instagram.png?y=2021);}
.footer .cotactdetails h2 {font-size:21px;font-weight:600;margin:0 0 20px 0;}
.footer .cotactdetails p {font-size:14px;font-weight:400;margin:0 0 20px 0;line-height:1.6;}
.footer a:hover {text-decoration:underline;}
.footer .contactlinks {margin:20px 0 20px;font-size:12px;font-weight:300;color:#bababb;line-height:1.9;}
.footer .contactlinks a {color:#bababb;text-decoration:none}
.footer .contactlinks a:hover {color:#bababb;text-decoration:none}


.footer a.info:before {content:"[i]";color:rgb(114, 114, 114);margin:0 5px 0 0;
	letter-spacing:2px;}
.footer a.info:hover {text-decoration: none}
.footer a.info span:hover {text-decoration: underline}
.footer div.contact {padding-bottom:90px;position: relative;}
.footer div.contact a.sponsors {font-weight:900;font-size:12px;
	letter-spacing:1.5px;margin-bottom: 20px;}
.footer div.contact a.etc {position: absolute;bottom: 0;left: 0;
		display: block;text-align: left;}
.footer div.contact a.etc img {max-width: 135px;}



.footer div.visitus {width:calc(100% - 470px);display: flex;box-sizing: border-box;
		align-items: stretch;transition:.2s;}
.footer div.visitus div.stages {transition:.2s;margin-bottom:30px;line-height:1.6;width:70%;
	/*border-right:1px solid var(--white_15);*/
	padding-right:50px;margin-right:50px;}



.footer div.visitus div.stage {display:flex;margin-bottom:30px;}
.footer div.visitus div.stage div.title {width:45%;margin-right:5%;font-size:13px;}
.footer div.visitus div.stage div.title a.building {position:relative;display:block;position:relative;color:#fff;font-size: 17px;font-weight:600;display:block;}
.footer div.visitus div.stage div.title a.building span {position:relative;background-color:var(--black);padding-right:10px;z-index:3;}
.footer div.visitus div.stage div.title a.building:after {content:"";position:absolute;
	left:0;right:0;height:1px;background-color: var(--maincolor);top:14px;z-index:2;}
.footer div.visitus div.stage div.title a.map {display:block;width:17px;height:21px;margin-top:15px;}
.footer div.visitus div.stage div.title a.map svg {width:100%;fill:var(--maincolor);}

.footer div.visitus div.stage div.scenes {width:50%;margin-right:5%;font-size:13px;color:#bababb;}
.footer div.visitus div.stage div.scenes a {color:#bababa;}
.footer div.visitus div.stage div.scenes a.info {display:block;margin-bottom:3px;}
.footer div.visitus div.stage div.scenes div.contact_det {margin:20px 0 0 0;}
.footer div.visitus div.stage div.scenes div.contact_det label {display:block;color:var(--white);margin-bottom:0px;font-size:14px;font-weight: 500}
.footer span.times {display:block;}

.footer div.visitus div.stage a {cursor: auto;text-decoration: none;}
.footer div.visitus div.stage a.map {cursor: pointer;}
.footer div.visitus div.stage a.info_ {cursor: pointer;display: block}
.footer div.visitus div.stage a.tel {cursor: pointer;}
.footer a.info:hover {text-decoration: none}
/*.footer a.info span:hover {text-decoration: none;}*/
/*.footer a.info:before {content:"";color:rgb(114, 114, 114);margin:0 5px 0 0;
	letter-spacing:2px;}*/


.footer div.visitus h3 {font-size:16px;font-weight:400;margin-bottom:30px;color:var(--white);}
.footer div.visitus h3 b {font-size:16px;font-weight:900}
.footer div.visitus h3 strong {font-size:16px;font-weight:900}

.footer div.visitus div.eshop {font-size:13px;color:#bababb;line-height:1.6;min-width: 200px;}
.footer div.visitus div.eshop a {font-size:13px;color:#bababb;}
.footer div.visitus div.eshop>div {margin-bottom:30px;}
.footer div.visitus div.eshop label {display:block;font-size:14px;color:var(--white);font-weight:600;
	margin-bottom: 20px;}
.footer div.visitus div.eshop a>span {display:block;font-size:14px;color:var(--white);font-weight:600;
	margin-bottom: 20px;}
.footer div.visitus div.eshop a.eshoplink {display:flex;margin-top:30px;color:var(--maincolor);
	justify-content: flex-start;align-items: center;font-size:18px;}
.footer div.visitus div.eshop a.eshoplink span {width:60px;margin-left:30px;transition:.2s;margin-top:4px;}
.footer div.visitus div.eshop a.eshoplink:hover span {margin-left:10px;}
.footer div.visitus div.eshop a.eshoplink:hover {text-decoration:none;}


@media only screen and (max-width:1280px){
	.footerwrap .footer div.contact {padding-right:40px;margin-right:40px;width:300px;}
	.footer div.visitus {width:calc(100% - 300px);}
	.footer div.visitus div.stages {padding-right:30px;margin-right:30px;}
}
@media only screen and (max-width:1100px){
	.footer div.visitus {flex-wrap:wrap}
	.footer div.visitus div.stages {padding-right:0;margin-right:0;width:100%;}
	.footer div.visitus div.eshop {width:100%;margin-top:50px;}
}


@media only screen and (max-width:720px){
	.footerwrap .footer {flex-wrap: wrap;}
	.footer div.visitus {width:100%;justify-content: center;}
	.footer div.visitus h3 {text-align: center}
	.footerwrap .footer div.contact {max-width:300px;text-align:center;
		width:100%;padding-right:0;margin:0 auto 40px;border-right:0;}
		.footer div.social {justify-content: center;}
	.footer div.contact a.etc {text-align: center;width: 100%}

	.footer div.contact a.sponsors {position: relative;margin-top:30px;}

	.footer div.visitus div.stages {border-bottom:1px solid var(--white_15); padding-bottom:10px;margin:0 auto 40px;width:95%;max-width:400px;}
	.footer div.visitus div.eshop {border-bottom:1px solid var(--white_15); padding-bottom:40px;margin:0 auto 40px;width:95%;max-width:400px;text-align:center;}
	.footer div.visitus div.eshop a.eshoplink {justify-content: center;}
	.footer div.visitus div.stage div.title a.building:after {display: none;}
}

@media only screen and (max-width:400px){
	.footer div.visitus div.stage div.title {width:30%}
	.footer div.visitus div.stage div.scenes {margin-right:0;width:65%;}
}





.afterfooter_wrap {background-color:var(--black);color:var(--white);border-top:1px solid var(--white_15);}
.afterfooter_wrap .afterfooter {width:95%;max-width:1300px;padding:35px 0;box-sizing: border-box;
	display:flex;flex-direction: row;justify-content:space-between; align-items: center;margin:0 auto;}
.afterfooter .sponsors {display:flex;justify-content:flex-start;font-size:11px;font-weight: 300;text-align:left;}
.afterfooter .sponsors a {color:var(--white_50);margin-top:5px;}
.afterfooter .sponsors a.union-theatres-europe {margin-top:0;text-indent: -9000px;background:url(/images/footer_union_theatres.png) no-repeat;width:185px;height:18px;
	margin-right:40px;}

.afterfooter .credits {display:flex;justify-content:flex-end;font-size:12px;font-weight: 300}
.afterfooter .credits a {color:#fff;margin-left:10px;}
.afterfooter .credits a:before {content:"|";padding-right:10px;}
.afterfooter .credits a:first-child:before {content:"";padding:0px;}






.newslistwrap {margin:0 auto;width:95%;max-width:1450px;box-sizing: border-box;padding:0 50px 100px 0;}

ul.newslist {display:flex;justify-content: space-between;
	flex-wrap: wrap;align-items: flex-start;margin:0 auto;;}
ul.newslist li {transition:.2s;width:28%;position: relative;list-style: none;margin-bottom:30px;}
ul.newslist li a {color:var(--black);/*border-bottom:1px solid var(--maincolor);*/display:block;}
ul.newslist li a img {width:100%;margin:0 0 10px;}
ul.newslist li a div.date {color:#a6a6a6;font-size:11px;font-weight: 300;margin:0 0 10px 0;}
ul.newslist li a h2 {font-size:18px;margin:0 0 20px;font-size:20px;font-weight:400;line-height:1.6;}
ul.newslist li a .svg {fill:var(--maincolor);margin:0 0 40px;width:55px;}


ul.grid {list-style: none;}
ul.grid li {transition:.2s;
			/*width:95%;*/
		/*	position: relative;list-style: none;margin-bottom:30px;*/
		}

/*ul.grid li.c3_2 {grid-column-start: 2;} 
ul.grid li.c3_3 {grid-column-start: 3;} */
ul.grid li a {color:var(--black);/*border-bottom:1px solid var(--maincolor);*/display:block;}
ul.grid li a img {width:100%;transition: .1s;vertical-align: middle;}



ul.grid li.br1_1 a:hover img {border-top-right-radius: var(--hover-radius);border-bottom-right-radius: var(--hover-radius);}
ul.grid li.br1_2 a:hover img {border-top-right-radius: var(--hover-radius);border-bottom-left-radius: var(--hover-radius);}
ul.grid li.br1_3 a:hover img {border-top-left-radius: var(--hover-radius);border-bottom-right-radius: var(--hover-radius);}
ul.grid li.br2_1 a:hover img {border-top-left-radius: var(--hover-radius);border-bottom-left-radius: var(--hover-radius);}
ul.grid li.br2_2 a:hover img {border-bottom-right-radius: var(--hover-radius);}
ul.grid li.br2_3 a:hover img {border-top-right-radius: var(--hover-radius);border-bottom-right-radius: var(--hover-radius);border-bottom-left-radius: var(--hover-radius);}
ul.grid li.br3_1 a:hover img {border-top-left-radius: var(--hover-radius);border-bottom-right-radius: var(--hover-radius);border-bottom-left-radius: var(--hover-radius);}
ul.grid li.br3_2 a:hover img {border-top-right-radius: var(--hover-radius);border-top-left-radius: var(--hover-radius);border-bottom-right-radius: var(--hover-radius)}
ul.grid li.br3_3 a:hover img {border-top-right-radius: var(--hover-radius);border-top-left-radius: var(--hover-radius);border-bottom-right-radius: var(--hover-radius)}


ul.grid li a div.date {color:#a6a6a6;font-size:11px;font-weight: 300;margin:0 0 10px 0;}
ul.grid li a h2 {font-size:18px;margin:0 0 20px;font-size:20px;font-weight:400;line-height:1.6;
	position: relative !important;}
ul.grid li a .svg {fill:var(--maincolor);margin:0 0 40px;width:55px;}

.grid-item img {
  width: 100%;
  font-size: 0;position: relative;
}
.grid-item .imagewrap {position: relative;margin:0 0 10px;}
.grid-item .imagewrap {vertical-align: middle;}
.grid-item .imagewrap:after {content: "";
display: block;position: absolute;top: 0;left: 0;right: 0;bottom: 0;
background: rgba(0,0,0,.25);transition: .2s;
}
.grid-item:hover .imagewrap:after {background: rgba(0,0,0,0);
}

.grid-item {
  background: #fff;
  padding: 20px;margin-bottom: 20px;
	box-sizing: border-box;
}
.grid-item:after {content: "";display:block;
	height: 1px;
	background: var(--maincolor);
	margin: 0 auto;transition: .2s;
	width: 100%;
}
.grid-item:hover:after {width: 100%;
}
@media (min-width: 0px) {
  .grid-item {
    width: 100%;
  }
}

@media (min-width: 500px) {
  .grid-item {
    width: 50%;
  }
}

@media (min-width: 1000px) {
  .grid-item {
    width: 33.333%;
  }
}

@media (min-width: 2160px) {
  .grid-item {
    width: 25%
  }
}


/*ul.newslist:after {content:"";width:28%;}*/

ul.pages {display:flex;justify-content: flex-end;align-items: center;
	list-style: none;margin:20px 0 20px;}

ul.pages li {padding:0 5px;line-height: 1;}
ul.pages li a {display:block;text-align: center;padding:0 5px;
	color:var(--black);font-weight:400;font-size:16px;}
ul.pages li a.sel {color:var(--maincolor);}
ul.pages li a.hover {color:var(--maincolor);}


@media only screen and (max-width:1180px){
	ul.newslist li {width:31%;}
	ul.newslist li a h2 {font-size:18px;}
	ul.grid li a h2 {font-size:18px;}
}
@media only screen and (max-width:950px){
	ul.newslist li {width:47%;}
	ul.newslist li a h2 {font-size:20px;}
	ul.grid li a h2 {font-size:20px;}
}
@media only screen and (max-width:690px){
	ul.newslist li a h2 {font-size:18px;}
	ul.grid li a h2 {font-size:18px;line-height: 1.3;}
}
@media only screen and (max-width:540px){
	ul.newslist li {width:100%;}
	ul.newslist li a h2 {font-size:20px;}
	ul.grid li a h2 {font-size:20px;}
}
@media only screen and (max-width:450px){
	ul.newslist li a h2 {font-size:18px;}
	ul.grid li a h2 {font-size:16px;}

	.grid-item:after {height: 0px;}
	.grid-item {margin-bottom: 10px}
	ul.grid li a .svg {margin-bottom: 10px}

	ul.pages li {padding:0 2px;}
	ul.pages li a {display:block;text-align: center;padding:0 5px;
		color:var(--black);font-weight:400;font-size:14px;}


}




@media only screen and (min-width:1230px){
	input.rightmenu:checked ~ div {padding-right:301px;}
}
@media only screen and (max-width:1230px){
	div.pagedata_wrap {padding-top:180px;}
	.articlewrap {padding-right:0;}
	.newslistwrap {padding-right:0;}
}



@media only screen and (max-width:1280px){
	.afterfooter_wrap .afterfooter {flex-wrap:wrap;justify-content: flex-end;}
	.afterfooter .sponsors {justify-content: space-between;width:100%;margin-bottom:35px;}
}
@media only screen and (max-width:720px){
	.afterfooter_wrap .afterfooter {justify-content: center;}
	.afterfooter .sponsors {flex-wrap:wrap;justify-content: center;margin-bottom:0;}
	.afterfooter .sponsors a {margin-bottom:25px;text-align:center;}
	.afterfooter .sponsors a.union-theatres-europe {margin-right:0;}
	.afterfooter .credits {display:block;text-align:center;}

}




div.homenews {margin:100px auto;list-style: none;flex-wrap: wrap;transition:.2s;
	display: flex;justify-content: center;align-items: stretch;}

div.homenews>div {display:block;width:33.3%;margin:0 0 40px;position: relative;transition:.2s;}
div.homenews>div:after {content:"";display: block;padding:100% 0 0;}

div.homenews>div>a {position: absolute;top:0;left:0;bottom:0;right:0;
	display:flex;align-items: center;justify-content: center;
	background-size:cover;background-repeat: no-repeat;background-position:50%}

div.homenews>div.wide {width:100%;padding:40px 0;
		border-top:1px solid var(--black);
		border-bottom:1px solid var(--black);}
div.homenews>div.wide:after {padding-top:0;height:215px;}
div.homenews>div.wide a {top:40px;bottom:40px;}

div.homenews>div.circle a {border-radius:50%;text-align: center;}
div.homenews>div.square.fixed a {text-align: center;}
div.homenews>div.circle a:before {border-radius:50%;}

/*div.homenews>div.fixed.circle a:hover {border-radius:20%;}*/

div.homenews>div.square a>div {padding:7.5%;width:100%;box-sizing: border-box;}
div.homenews>div.circle a>div {padding:15%;}

div.homenews>div.haspic.square a>div {opacity: 0;transition: .2s}
div.homenews>div.haspic.circle a>div {opacity: 0;transition: .2s}

div.homenews>div.square a:hover>div {opacity: 1}
div.homenews>div.circle a:hover>div {opacity: 1}
div.homenews>div.square.fixed a>div {opacity: 1}
div.homenews>div.circle.fixed a>div {opacity: 1}



div.homenews>div a {color:var(--white);transition: .2s;}
div.homenews>div a>* {display:block;}
div.homenews>div.haspic a:before {content:"";display:block;top:0;left:0;bottom:0;right:0;
	width:100%;height:100%;position: absolute;transition: .2s;
	background-color: rgba(0,0,0,0)}
div.homenews>div.haspic a:hover:before {background-color: rgba(0,0,0,.5)}
div.homenews>div.square a:hover {border-radius: 20%;}
/*div.homenews>div.wide a:hover {border-radius: 6vh;}*/
div.homenews>div.square a:hover:before {border-radius: 20%;}
div.homenews>div a>div {position:relative;}
div.homenews>div a time {font-size:13px;font-weight:300;letter-spacing:2.5px;display: block;
	transition: .2s;}
div.homenews>div a h3 {font-size:22px;font-weight:400;margin:0;}
div.homenews>div:not(.fixed) a h3:before {content:"";display:block;width:1px;margin:10px auto;
	transition: .2s;}


div.homenews>div a time {height: 0;overflow-y: hidden;}
div.homenews>div a:hover time {height: 25px;}
div.homenews>div a h3:before {height:0;}
div.homenews>div a:hover h3:before {height:40px;}


/*div.homenews>div.square:not(.fixed) a {padding-top:20%;}*/
div.homenews>div.square a h3:before {margin:10px auto;margin-left:40px;}


div.homenews>div.color1 a {background-color:var(--backcolor01);color: var(--forecolor01);}
	div.homenews>div.color1.fixed a:hover {background-color:var(--black);color: var(--white);}
	div.homenews>div.color1:not(.fixed) a h3:before {background-color:#fff;}
div.homenews>div.color2 a {background-color:var(--backcolor02);color: var(--forecolor02);}
	div.homenews>div.color2.fixed a:hover {background-color:var(--black);color: var(--white);}
	div.homenews>div.color2:not(.fixed) a h3:before {background-color:#fff;}
div.homenews>div.color3 a {background-color:var(--stand01);color: var(--standfore01);}
	div.homenews>div.color3.fixed a:hover {background-color:var(--black);color: var(--white);}
	div.homenews>div.color3:not(.fixed) a h3:before {background-color:#fff;}
div.homenews>div.color4 a {background-color:var(--black);color: var(--white);}
	div.homenews>div.color4.fixed a:hover {background-color:var(--white);color: var(--black);}
	div.homenews>div.color4:not(.fixed) a h3:before {background-color:#fff;}
div.homenews>div.color5 a {background-color:var(--stand01);color: var(--standfore01);}
	div.homenews>div.color5.fixed a:hover {background-color:var(--black);color: var(--white);}
	div.homenews>div.color5:not(.fixed) a h3:before {background-color:#fff;}
div.homenews>div.color6 a {background-color:var(--backcolor02);color: var(--forecolor02);}
	div.homenews>div.color6.fixed a:hover {background-color:var(--black);color: var(--white);}
	div.homenews>div.color6:not(.fixed) a h3:before {background-color:var(--black);}
div.homenews>div.color7 a {background-color:var(--backcolor03);color: var(--forecolor03);}
	div.homenews>div.color7.fixed a:hover {background-color:var(--black);color: var(--white);}
	div.homenews>div.color7:not(.fixed) a h3:before {background-color:#fff;}
div.homenews>div.color8 a {background-color:var(--backcolor04);color: var(--forecolor04);}
	div.homenews>div.color8.fixed a:hover {background-color:var(--black);color: var(--white);}
	div.homenews>div.color8:not(.fixed) a h3:before {background-color:#fff;}
div.homenews>div.color9 a {background-color:var(--backcolor01);color: var(--forecolor01);}
	div.homenews>div.color9.fixed a:hover {background-color:var(--black);color: var(--white);}
	div.homenews>div.color9:not(.fixed) a h3:before {background-color:#fff;}

div.homenews>div.color10 a {background-color:var(--backcolor02);color: var(--forecolor02);}
	div.homenews>div.color10.fixed a:hover {background-color:var(--black);color: var(--white);}
	div.homenews>div.color10:not(.fixed) a h3:before {background-color:#fff;}
/*div.homenews>div.color11 a {background-color:var(--stand02);color: var(--forecolor03);}
	div.homenews>div.color11.fixed a:hover {background-color:var(--black);color: var(--white);}
	div.homenews>div.color11:not(.fixed) a h3:before {background-color:#fff;}*/
div.homenews>div.color11 a {background-color:var(--stand01);color: var(--standfore01);}
	div.homenews>div.color11.fixed a:hover {background-color:var(--black);color: var(--white);}
	div.homenews>div.color11:not(.fixed) a h3:before {background-color:#fff;}
div.homenews>div.color12 a {background-color:var(--backcolor04);color: var(--forecolor04);}
	div.homenews>div.color12.fixed a:hover {background-color:var(--black);color: var(--white);}
	div.homenews>div.color12:not(.fixed) a h3:before {background-color:var(--black);}


div.homenews>div.friend a h3 {text-align: center;font-size:30px;font-weight:300;}
div.homenews>div.livestreaming a h3 {text-align: center;font-size:28px;font-weight:400;
	padding-left:150px;background:url(/images/home_banner_livestream.png) no-repeat 10% 50%;
	height:100px;display:flex;align-items: center;}
div.homenews>div.submitplay a h3 {text-align: center;font-size:28px;font-weight:400;
	height:100px;display:flex;align-items: center;}
div.homenews>div.workshops a {text-align: center;font-size:28px;font-weight:400;
	background:url(/images/workshops_home_21-22.jpg) no-repeat 50%;
/*	background:url(/pictures/original/b_36749_or_uta-scholl-ejr4aej5u_o-unsplash.jpg) no-repeat 50% 100%;*/
	filter:sepia(100%);transition: .2s;
	background-size: cover;display:flex;align-items: flex-start;justify-content: flex-end;}

div.homenews>div.ancientdramaworkshops a {text-align: center;font-size:36px;font-weight:400;
	background:url(/images/ancientdramaworkshop.jpg) no-repeat 50%;
/*	background:url(/pictures/original/b_36749_or_uta-scholl-ejr4aej5u_o-unsplash.jpg) no-repeat 50% 100%;*/
	filter:sepia(100%);transition: .2s;
	color:#000;
	background-size: cover;display:flex;align-items: flex-start;justify-content: flex-end;}


div.homenews>div.earlybird2023.wide {padding:0 0 40px;}
div.homenews>div.earlybird2023.wide:after {height:40px;}
div.homenews>div.earlybird2023 a {text-align: center;font-size:28px;font-weight:400;
	background:url(/images/early_bird_2023_comp.jpg) no-repeat 50%;
/*	filter:sepia(100%);*/
	transition: .2s;
	position: relative;
  	width: 100%;
	padding: 0 0 56.25% 0;
	background-size: contain;display:flex;align-items: flex-start;justify-content: flex-end;}

div.homenews>div.earlybird2023 a h3 {padding: 5px 20px;font-size: 40px;
	text-shadow: 0 0 16px rgba(0,0,0,1);
	position:absolute;top:10px;right:10px;width:500px;
	}

div.homenews>div.workshops a h3 {padding: 5px 20px;font-size: 40px;
	text-shadow: 0 0 16px rgba(0,0,0,1);
	}
div.homenews>div.ancientdramaworkshops a h3 {padding: 5px 20px;font-size: 33px;
	color:#000;}
div.homenews>div.workshops a:hover {filter: none;color: #fff}
div.homenews>div.ancientdramaworkshops a:hover {filter: none;color: #fff}


div.homenews>div.travel a {background:url(/images/aerodromio/earth_faces_trans_new2.png) no-repeat 50% #003838;
	background-size: auto 100%;align-items:flex-end;justify-content: flex-start}
div.homenews>div.travel a h3 {text-align: left;font-size:28px;font-weight:400;
	padding-left:0px;
	background-size: auto 100%;
	height:100px;display:flex;align-items: flex-end;}


div.homenews>div.repertoir202223 a {text-align: center;font-size:28px;font-weight:400;
	background:url(/images/2022-23_videos.jpg) no-repeat 50%;
	filter:sepia(100%);transition: .2s;
	background-size: cover;display:flex;align-items: flex-start;justify-content: flex-end;}
div.homenews>div.repertoir202223 a h3 {opacity: 0;}
div.homenews>div.repertoir202223 a:hover {filter: none;color: #fff}



@media only screen and (max-width:950px){
	div.homenews>div.workshops a h3 {font-size: 28px;}
}
@media only screen and (max-width:950px){
	div.homenews>div.workshops a h3 {font-size: 20px;}
}

div.homenews>div.program2223 a {text-align: center;font-size:28px;font-weight:400;
	background:url(/images/program22-23.jpg) no-repeat 50%;
	filter:sepia(100%);transition: .2s;
	background-size: cover;display:flex;align-items: flex-start;justify-content: flex-end;}
div.homenews>div.program2223 a h3 {padding: 5px 20px;font-size: 40px;}
div.homenews>div.program2223 a:hover {filter: none}
div.homenews>div.program2223 a:hover h3 {color: #fff}

@media only screen and (max-width:950px){
	div.homenews>div.program2223 a h3 {font-size: 28px;}
}
@media only screen and (max-width:950px){
	div.homenews>div.program2223 a h3 {font-size: 20px;}
}

div.homenews>div.etc a {text-align: center;font-size:28px;font-weight:400;
	background:url(/images/etc_home.jpg) no-repeat 50%;
	/*filter:sepia(100%);*/
	transition: .2s;
	background-size: cover;display:flex;align-items: flex-start;justify-content: flex-end;}
div.homenews>div.etc a h3 {padding: 5px 20px;font-size: 40px;}
div.homenews>div.etc a:hover {filter: none}

@media only screen and (max-width:950px){
	div.homenews>div.etc a h3 {font-size: 28px;}
}
@media only screen and (max-width:950px){
	div.homenews>div.etc a h3 {font-size: 20px;}
}



div.homenews>div.sharethexperience a {text-align: center;font-size:28px;font-weight:400;
	background:url(/images/sharethexperience.jpg) no-repeat 50%;
	filter:sepia(100%);transition: .2s;
	background-size: cover;display:flex;align-items: flex-start;justify-content: flex-end;}
div.homenews>div.sharethexperience a h3 {padding: 5px 20px;font-size: 40px;}
div.homenews>div.sharethexperience a:hover {filter: none}
div.homenews>div.sharethexperience a:hover h3 {color: #fff}

@media only screen and (max-width:950px){
	div.homenews>div.sharethexperience a h3 {font-size: 28px;}
}
@media only screen and (max-width:950px){
	div.homenews>div.sharethexperience a h3 {font-size: 20px;}
}









div.homenews>div.covid a h3 {font-size:26px;font-weight:300;}
div.homenews>div.ntarchives a h3 {font-size:30px;padding:20%;font-weight:300;}
div.homenews>div.tickets a h3 {text-align: center;font-size:26px;font-weight:300;
	padding-left:150px;background:url(/images/home_banner_tickets.png) no-repeat 10% 50%;
	height:100px;display:flex;align-items: center;}
div.homenews>div.tickets a:hover h3 {background-image:url(/images/home_banner_tickets_black.png);}
div.homenews>div.tickets a:hover {border-top-right-radius: 107px;border-bottom-right-radius: 107px;}


div.homenews>div.livestreaming a {background-color: var(--maincolor);}
div.homenews>div.livestreaming a h3:before {background-color: var(--maincolor);}
div.homenews>div.ntarchives a {background-color: var(--maincolor);}
div.homenews>div.ntarchives a h3:before {background-color: var(--maincolor);}

div.homenews>div.tickets.fixed a:hover {box-sizing: border-box;/*border:1px solid #000;*/
	background-color:var(--white);color: var(--black);box-shadow: 0 0 10px rgba(0,0,0,.51);}

/*div.homenews>div.fixed a:hover {background-color: var(--black);}*/

div.homenews a.allnews {display:block;width:90%;max-width:360px;
	height:48px;display: flex;align-items: center;text-align: center;
	letter-spacing: 2px;border:2px solid var(--black);justify-content: center;
	font-weight: 700;font-size: 13px;color: var(--black);
	margin:50px auto;}

div.homenews>div.haspic a {color:var(--white);}
	div.homenews>div.haspic:not(.fixed) a h3:before {background-color:var(--white);}

@media only screen and (max-width:1280px){
	div.homenews>div a h3 {font-size:18px;}
	div.homenews>div:not(.fixed) a h3:before {height:25px;}

	/*div.homenews>div.square:not(.fixed) a {padding-top:20%;}*/
	div.homenews>div.square a h3:before {margin:10px auto;margin-left:40px;}

	div.homenews>div.friend a h3 {font-size:25px;}
	div.homenews>div.covid a h3 {font-size:18px;}
	div.homenews>div.ntarchives a h3 {font-size:22px;padding:0 10%;}
	div.homenews>div.tickets a h3 {text-align: center;font-size:26px;font-weight:300;
		padding-left:150px;background:url(/images/home_banner_tickets.png) no-repeat 0 50%;
		height:100px;display:flex;align-items: center;}
}


@media only screen and (max-width:950px){
	div.homenews>div {display:block;width:50%;margin:0 0 25px;position: relative;}
	div.homenews>div.friend {display:none;}
	div.homenews>div.covid {display:none;}
	div.homenews>div.ntarchives {display:none;}
	div.homenews>div:last-child {display:none;}

	div.homenews>div.wide {padding:25px 0;}
	div.homenews>div.wide:after {height:160px;}
	div.homenews>div.wide a {top:25px;bottom:25px;}
}

@media only screen and (max-width:650px){
	div.homenews {max-width:400px;margin-left:auto;margin-right:auto}
	div.homenews>div {display:block;width:100%;margin:0 0 0px;position: relative;}
	div.homenews>div.friend {display:block;}
	div.homenews>div.ntarchives {display:block;}
	div.homenews>div.covid {display:block;}
	div.homenews>div:last-child {display:block;}

	div.homenews>div.wide {padding:25px 0;margin:25px 0;}
	div.homenews>div.wide:after {height:160px;}
	div.homenews>div.wide a {top:25px;bottom:25px;}
}


a.home_eshop_wrap {position: relative;display: block;overflow-y: hidden;margin:0 0 230px;
	background-image:url(/images/parallax_photo_01.jpg);
	background-attachment: fixed;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
}
a.home_eshop_wrap:after {position: absolute;display: block;z-index: 2;
	top:0;right:0;left:0;bottom: 0;content: "";
	background-color:rgba(0,0,0,0);}
a.home_eshop_wrap>div {position: relative;z-index:3;
	width:90%;max-width: 1200px;margin:200px auto 100px;
	display: flex;justify-content: space-between;}
a.home_eshop_wrap>div h3 {padding:38px 0 0 0;margin:0;
		font-weight: 300;font-size: 27px;color:#fff;}
a.home_eshop_wrap>div h3 b {display:block;font-weight: 500;font-size: 36px;}
a.home_eshop_wrap>div h3 strong {display:block;font-weight: 500;font-size: 36px;}
a.home_eshop_wrap>div h3:before {content:"";width:40px;height:2px;
	background-color:var(--maincolor);position: absolute;top:0;left:0;}
a.home_eshop_wrap>div span.icon {display:flex;align-items: flex-end;justify-content: space-between;}
a.home_eshop_wrap>div span svg {margin-left:30px;width:56px;fill:var(--maincolor);}

@media only screen and (max-width:650px){
	a.home_eshop_wrap>div {flex-wrap:wrap;margin:70px auto;width:80%;}
	a.home_eshop_wrap>div h3 {width:100%;margin-bottom:100px;}
}


.events {}

.events .hall {padding-left:50px;position:relative;}
.events .hall .hallnamewrapper {position:absolute;top:0;left:0;
	}
.events .hall .hallnamewrapper h2 {display:block;transform-origin:0 0 ;
	transform: rotate(270deg) translateX(-100%);font-size:18px;font-weight: 400;color:var(--black);
text-align: right}
.events .hall .hallnamewrapper h2 span {display: block;text-align: right}
	.events .hall .hallnamewrapper h2 b {font-weight: 800;}

	.events ul.repertoir {list-style: none;display: flex;justify-content: flex-start;flex-wrap: wrap;}
	/*.events .hall ul {margin-left:100px;}*/
	.events .hall ul:not(.short); {margin-left:100px;}
	.events ul.repertoir li {width:45%;margin:0 0 100px 5%;}
	.events ul.repertoir.short li {width:100%;margin:0 0 40px 0;}
	/*.events ul.repertoir.short li:nth-child(2n+1) {margin-left:0;}*/
	.events ul.repertoir li img {width:100%;}


	.events ul.repertoir li a {color:var(--black);display: block;}
	.events ul.repertoir li div.info {display: flex;justify-content: space-between;
		align-content: flex-start;position: relative;transition: .2s;
		padding:17px 0 37px;}
.events ul.repertoir li div.info div.dates {text-align:right;width:130px;
	margin-right:50px;padding:5px 0 0 0;font-size:16px;font-weight: 500;}
.events ul.repertoir li div.info div.dates span.finished {display: block;margin:10px 0 0 0;
	font-size:12px; color:var(--maincolor);}
.events ul.repertoir li div.info div.dates span.livestream {
		text-align: left;
		display: block;height:45px;width:145px;max-width: 95%;background:url(/images/logo_livestream.png);
		background-size: contain;margin: 0 0 3px;text-indent: -9000px;
		background-repeat: no-repeat;}

.events ul.repertoir li div.info div.data {margin-left:50px;width:calc(100% - 100px);}
	.events ul.repertoir li div.info div.data h3 {font-size:30px;font-weight: 500;margin:0;padding:0 0 10px;}
	.events ul.repertoir li div.info div.data h3 span {font-size:22px;font-weight:400;}
	.events ul.repertoir li div.info div.data h3 span:before {content:" / ";}
	.events ul.repertoir li div.info div.data h4 {font-size:18px;font-weight: 300;margin:0;padding:0 0 18px;}
	.events ul.repertoir li div.info div.data h5 {font-size:12px;letter-spacing: -0.2px;font-weight:300;}

	.events ul.repertoir li div.info div.data h5 span:after {content:" - ";}
	.events ul.repertoir li div.info:after {content:"";display: block;position: absolute;
		top:0;bottom:-80px;width:1px;background-color: var(--maincolor);left:180px;z-index:2;}
	.events ul.repertoir li div.image {margin:0 0 0 100px;}
	.events ul.repertoir li div.image img {object-fit: cover;object-position:50%;height:300px;}

	.events ul.repertoir li.noimage div.image {display:none;transition: .2s;}
	.events ul.repertoir li.noimage div.info:after {bottom:0;}


	.events ul.repertoir.short li {padding-bottom: 10px;margin-bottom: 10px;
		border-bottom: 1px solid var(--maincolor);}
	.events ul.repertoir.short li a {display: flex;flex-wrap: nowrap;justify-content: space-between;}
	.events ul.repertoir.short li a div.image {width: 450px;}
	.events ul.repertoir.short li div.image img {object-fit: cover;object-position:50%;height:auto;
		width: 100%;}

	.events ul.repertoir.short li a div.info {width: calc(100% - 500px);padding-bottom: 0;
		flex-direction: column-reverse;align-items: flex-start;}
	.events ul.repertoir.short li.noimage a div.info {width: 100%;}
	.events ul.repertoir.short li div.info:after {display: none}
	.events ul.repertoir.short li a div.info div.dates {width: 100%;margin: 20px 0 0px;
		text-align: left;}
	.events ul.repertoir.short li div.info div.data {margin:10px 0 0 0;width: 100%;}

@media only screen and (max-width:1200px) and (min-width: 930px){
	.events ul.repertoir:not(.short) li {}
	.events ul.repertoir:not(.short) li div.info div.dates {margin-right: 0;}
	.events ul.repertoir:not(.short) li div.info div.data {width: calc(100% - 100px);}
	.events ul.repertoir:not(.short) li div.info:after {left: 134px;}
	.events ul.repertoir:not(.short) li div.image {margin-left: 0;}

	.events ul.repertoir:not(.short) li div.info div.data h3 {font-size: 26px;}
	.events ul.repertoir:not(.short) li div.info div.data h3 span {font-size: 20px;}
}

@media only screen and (max-width:650px){
	.events ul.repertoir:not(.short) li {}
	.events ul.repertoir:not(.short) li div.info div.dates {margin-right: 0;}
	.events ul.repertoir:not(.short) li div.info div.data {width: calc(100% - 100px);}
	.events ul.repertoir:not(.short) li div.info:after {left: 134px;}
	.events ul.repertoir:not(.short) li div.image {margin-left: 0;}

	.events ul.repertoir:not(.short) li div.info div.data h3 {font-size: 26px;}
	.events ul.repertoir:not(.short) li div.info div.data h3 span {font-size: 20px;}



	.events ul.repertoir li:not(.short) div.info {flex-wrap: wrap;flex-direction: column-reverse;}
	.events ul.repertoir li:not(.short) div.info:after {display: none}
	.events ul.repertoir li:not(.short) a div.info div.dates {width: 100%;margin: 20px 0 0px;
		text-align: left;}
	.events ul.repertoir li:not(.short) div.info div.data {margin:10px 0 0 0;width: 100%;}

}

@media only screen and (max-width:500px){

	.events ul.repertoir:not(.short) li div.info div.data h3 {font-size: 22px;}
	.events ul.repertoir:not(.short) li div.info div.data h3 span {font-size: 18px;}
	.events ul.repertoir:not(.short) li div.info div.data h4 {font-size: 16px;}



}

/*@media only screen and (max-width:1200px){
	.events ul.repertoir:not(.short) li {}
	.events ul.repertoir:not(.short) li div.info div.dates {margin-right: 0;}
	.events ul.repertoir:not(.short) li div.info div.data {width: calc(100% - 100px);}
	.events ul.repertoir:not(.short) li div.info:after {left: 134px;}
	.events ul.repertoir:not(.short) li div.image {margin-left: 0;}
}*/


@media only screen and (max-width:930px){
	.events ul.repertoir:not(.short) li {width: 100%;margin: 0 0 100px 0;}

	.events ul.repertoir.short li div.info div.data {margin-top: 0}
	.events ul.repertoir.short li div.info div.data h3 {font-size:30px;padding:0 0 0px;}
	.events ul.repertoir.short li div.info div.data h3 span {font-size:22px;font-weight:400;}
	.events ul.repertoir.short li div.info div.data h4 {font-size:18px;padding:0 0 0px;}
	.events ul.repertoir.short li div.info div.data h5 {margin-bottom: 0;}
}

@media only screen and (max-width:860px){
	.events ul.repertoir.short li div.info div.data h3 {font-size:22px;}
	.events ul.repertoir.short li div.info div.data h3 span {font-size:20px;font-weight:400;}
	.events ul.repertoir.short li div.info div.data h4 {font-size:16px;padding:0 0 0px;}
	.events ul.repertoir.short li a div.image {width: 300px;}
	.events ul.repertoir.short li a div.info {width: calc(100% - 320px);}
}
@media only screen and (max-width:550px){
	.events ul.repertoir.short li a div.image {width: 0;}
	.events ul.repertoir.short li a div.info {width: 100%;}
}


/*div.mediagallery_wrap*/

/*div.mediagallery div.page {display:grid;height:418px;grid-gap: 25px;
grid-template-columns:30% 30% 30%;
grid-template-rows:50% 50%;
justify-items: stretch;
align-items: stretch;

}
div.mediagallery div.page>a:first-child {
  grid-column-start: 1;
  grid-column-end: span 2;
  grid-row-start: 1;
  grid-row-end: span 2;
}
*/


@media only screen and (max-width:1100px){
	div.anarticle div.maintext.haspic {flex-wrap: wrap;padding-right: 70px;}
	div.anarticle div.maintext.haspic div.text {width:100%;margin-right: 0;margin-top: 50px;}
	div.anarticle div.maintext.haspic div.mainpic {text-align: center;width:100%}
	div.anarticle div.maintext.haspic div.mainpic img {max-height: 400px;max-width: 100%;width: auto;}
}

@media only screen and (max-width:880px){
	div.anarticle .maintext.haspic {padding:90px 70px 120px 70px;}
	div.anarticle .maintext.haspic {padding-bottom:90px;}
	div.anarticle .maintext.hasmediagallery {padding-bottom:90px;}
	div.mediagallery_wrap {margin-top:50px;}

	/*div.mediagallery div.page {height:320px;}*/
}
/*
div.mediagallery div.page {display:grid;height:418px;grid-gap: 25px;
grid-template-columns:30% 30% 30%;
grid-template-rows:50% 50%;
justify-items: stretch;
align-items: stretch;

}
div.mediagallery div.page>a:first-child {
  grid-column-start: 1;
  grid-column-end: span 2;
  grid-row-start: 1;
  grid-row-end: span 2;
}*/

@media only screen and (max-width:700px){
	div.articleheader h1 {font-size:28px;line-height:1.1; }
	div.articleheader nav ul li {letter-spacing: 1.1px;}
	div.articleheader nav ul li:before {margin:0 6px;}
	ul.newslist li a h2 {line-height: 1.2}

	div.anarticle .maintext	{border:0;padding:30px 0 60px;
		max-width:90%;margin-left:auto;margin-right:auto;}

	div.anarticle div.maintext:after {display: none;}
	div.anarticle div.maintext {padding: 50px 0 120px}
	div.anarticle.event .maintext {padding: 30px 0;}
	div.anarticle div.maintext.haspic {border:0;padding:0px 0 60px;}
	div.anarticle div.maintext .mainpic {margin:0;}


	div.extraswrap div h3 {font-size:20px;padding-bottom:20px; }
	div.extraswrap>div {width:100%;margin-right:0;}
	div.extraswrap>div:first-child {width:100%;margin-right:0;}

	div.anarticle h3.date {font-size:12px;}



}
@media only screen and (max-width:500px){
	div.articleheader h1 {font-size:22px;line-height:1.1; }

	/*div.mediagallery div.page {height:250px;}*/
}


input.mobilemenu {display:none;}
ul.mainmenu label {display:none;}
ul.mainmenu input {display:none;}

@media only screen and (max-width:1230px){
	ul.mainmenu {display:none;}
	ul.mainmenu li {display:none;}

	ul.tools li.lang {align-self: flex-start;}
	ul.tools li a {border:0;}
	ul.tools li.button a {width:65px;}
	.home ul.tools li a {border:0;}
	ul.tools li.togglemainmenu {display:block;margin:0 25px;}
	ul.tools li.togglemainmenu label {display:block;width:44px;height:102px;padding:0;cursor:pointer;}
	ul.tools li.togglemainmenu label span {display:block;position:absolute;width:44px;height:1px;background-color:var(--black);
		top:50%;transition: .2s;}
	.home ul.tools li.togglemainmenu label span {background-color:rgba(255,255,255,1);}
	.scrolled.home ul.tools li.togglemainmenu label span {background-color:var(--black);}
	.scrolled ul.tools li label {height:84px;line-height:84px;}
	ul.tools li.togglemainmenu label span:first-child {top:calc(50% - 8px);}
	ul.tools li.togglemainmenu label span:last-child {top:calc(50% + 8px);}


	.headerwrap ul.mainmenu {display:block;transition: .2s;position:fixed;top:0;left:0;right:0;
			height:0;background-color: var(--maincolor);}
	input.mobilemenu:checked + .headerwrap div.header h1 {position: fixed;top:39px;left:0;z-index:1002;}
	.scrolled input.mobilemenu:checked + .headerwrap div.header h1 {top:22px;}
	input.mobilemenu:checked + .headerwrap div.header h1 img {display: none;}
	input.mobilemenu:checked + .headerwrap div.header h1 img.scrolled {display: block;}
	input.mobilemenu:checked + .headerwrap ul.mainmenu {bottom:0;height:auto;z-index:1000;
		overflow-y:scroll;
		flex-wrap: wrap;width:100%;padding:20px 0 150px 105px;}
	input.mobilemenu:checked + .headerwrap ul.mainmenu li {display: block;}
	input.mobilemenu:checked + .headerwrap ul.mainmenu>li:first-child {margin-top:100px;}

	input.mobilemenu:checked + .headerwrap ul.mainmenu ul {padding:0px 0 10px 35px;}
	input.mobilemenu:checked + .headerwrap ul.mainmenu>li>ul {padding:15px 0 20px 35px;}




	input.mobilemenu:checked + .headerwrap ul.mainmenu>li {position:relative;max-width:400px;}
	input.mobilemenu:checked + .headerwrap ul.mainmenu>li>a{font-weight:400;font-size:18px;
			padding:10px 20px 10px 10px;height: auto;
			margin-left:30px;line-height:1;display: block;white-space: nowrap;
			position:relative;color:var(--forecolor);}
	input.mobilemenu:checked + .headerwrap ul.mainmenu>li>label {width:21px;height:21px;top:10px;}
	input.mobilemenu:checked + .headerwrap ul.mainmenu>li label {display:block;position: absolute;cursor: pointer;background-position: 50%;background-repeat: no-repeat;
			background-image:url(/images/mob_submenu_open.png);left:0;}
	input.mobilemenu:checked + .headerwrap ul.mainmenu>li.selected>label {background-image:url(/images/mob_submenu_close.png); }
	input.mobilemenu:checked + .headerwrap ul.mainmenu input:checked+label {background-image:url(/images/mob_submenu_close.png); }
	input.mobilemenu:checked + .headerwrap ul.mainmenu>li>a:hover{color:inherit;}

	input.mobilemenu:checked + .headerwrap ul.mainmenu>li>a:after{bottom:-10px;}

	input.mobilemenu:checked + .headerwrap ul.mainmenu>li.selected>a{color:#fff;}
	input.mobilemenu:checked + .headerwrap ul.mainmenu>li.selected>a:after{content:"";width:25px;}
	input.mobilemenu:checked + .headerwrap ul.mainmenu>li:hover>a:after{width:0;}
	input.mobilemenu:checked + .headerwrap ul.mainmenu>li.selected:hover>a:after{width:25px;}
	input.mobilemenu:checked + .headerwrap .home ul.mainmenu>li.selected>a:after{background-color:var(--forcolor);}
	input.mobilemenu:checked + .headerwrap ul.mainmenu>li.selected>a:after{width:25px;}


	input.mobilemenu:checked + .headerwrap ul.mainmenu li ul {display:none;margin-top:10px;}
	input.mobilemenu:checked + .headerwrap ul.mainmenu li ul li {position:relative;max-width:350px;}
	input.mobilemenu:checked + .headerwrap ul.mainmenu input:checked~ul {display:block;}
	input.mobilemenu:checked + .headerwrap ul.mainmenu li.selected > ul {display:block;}
	input.mobilemenu:checked + .headerwrap ul.mainmenu input:checked~a {color:#fff;}
	input.mobilemenu:checked + .headerwrap ul.mainmenu>li>ul:before {display:none;}


	input.mobilemenu:checked + .headerwrap ul.mainmenu li ul li a {font-weight:400;font-size:13px;color:var(--black);
		position:relative;margin-left:30px;line-height: 19px;display:block;padding:3px 0;}
	/*input.mobilemenu:checked + .headerwrap ul.mainmenu li ul li a:hover {color:var(--white);}*/
	input.mobilemenu:checked + .headerwrap ul.mainmenu li ul li.selected>a {color:var(--white);}
	/*input.mobilemenu:checked + .headerwrap ul.mainmenu li ul li input:checked~a {color:var(--white);}*/

	input.mobilemenu:checked + .headerwrap ul.mainmenu>li ul label {top:2px;
		color:var(--black);width:19px;height:19px;}








	input.mobilemenu:checked + .headerwrap ul.tools {position: fixed;bottom:0;left:0;right:0;z-index:1001;
		flex-wrap: wrap;margin-bottom:0;}
	input.mobilemenu:checked + .headerwrap ul.tools li {background:var(--maincolor);}
	input.mobilemenu:checked + .headerwrap ul.tools li.button {border:0;border-top:1px solid #000;
		border-left:1px solid var(--black);width:auto;box-sizing: border-box;flex-grow: 1;}
	input.mobilemenu:checked + .headerwrap ul.tools li.button:first-child {border-left:0;}
	input.mobilemenu:checked + .headerwrap ul.tools li.button a {display:block;padding:0 10px 0 45px;
		text-indent: 0;background-position:10px 50%;height:55px;line-height: 55px;width:100%;box-sizing: border-box;
		font-size:14px;font-weight: 500;
		}
	input.mobilemenu:checked + .headerwrap ul.tools li.togglemainmenu {border:0;
		position:fixed;top:0;right:0;}
	input.mobilemenu:checked + .headerwrap ul.tools li.lang {border:0;
		position:fixed;top:0;right:95px;}
/*input.mobilemenu:checked + .headerwrap ul.tools li.button {width:100%;}*/


	input.mobilemenu:checked + .headerwrap ul.tools li.button.tickets a {background-image:url(/images/header_ticket.png);}
	input.mobilemenu:checked + .headerwrap ul.tools li.button.friend {flex-grow: 2;}
	input.mobilemenu:checked + .headerwrap ul.tools li.button.friend a {background-image:url(/images/header_friend.png);}
	input.mobilemenu:checked + .headerwrap ul.tools li.button.eshop a {background-image:url(/images/header_eshop.png);}


	
	input.mobilemenu:checked + .headerwrap ul.tools li a {color:var(--forecolor);}
	input.mobilemenu:checked + .headerwrap ul.tools li.togglemainmenu label span{background-color: var(--forecolor);opacity:0;width:30px;}
	input.mobilemenu:checked + .headerwrap ul.tools li.togglemainmenu label span:first-child {opacity:1;
		transform-origin: 0 0;transform: rotate(45deg);top:calc(50% - 10px);}
	input.mobilemenu:checked + .headerwrap ul.tools li.togglemainmenu label span:last-child {opacity:1;
		transform-origin: 0 100%;transform: rotate(-45deg);top:calc(50% + 11px);}
	/*input.mobilemenu:checked + .headerwrap ul.tools li.button a {display:none;}*/

}
@media only screen and (max-width:550px){
	input.mobilemenu:checked + .headerwrap div.header h1 {display:none;}
	input.mobilemenu:checked + .headerwrap ul.mainmenu {padding:20px 0 150px 20px;}

	input.mobilemenu:checked + .headerwrap ul.tools li.button {width:100%;}

	input.mobilemenu:checked + .headerwrap ul.tools li.button a {padding:0 10px 0 60px;
		background-position:20px 50%;height:45px;line-height:46px;}

	input.mobilemenu:checked + .headerwrap ul.mainmenu {padding-bottom:170px;}
}


/*div.calendarwrap {background-color:#ECEBEB;border-bottom:6px solid #2d2424;}*/
/*div.calendarwrap section {background-color:#2d2424;}
div.calendarwrap header {background-color:#F86A60;}
div.calendarwrap header h2 {padding:10px 0;line-height:24px;color:#ffd0bf;font-size:12px;font-weight:normal;margin:0;}
div.calendarwrap header h2 span {color:#fff;padding-right:5px;}*/

ul.calendar {width:100%;display:table;table-layout:fixed;background:#2d2424;position:relative;
    max-width:1500px;margin:0 auto;}
    ul.calendar>li {display:table-cell;padding:0;vertical-align:top;background-color:#fff;
    border-right:1px solid #ECEBEB;position:relative;}


    ul.calendar li div.calendarover {position:absolute;bottom:98%;font-size:10px;z-index:10;left:-166px;
        border:5px solid #DDDDDD;text-align:left;background-color:#fff;width:343px;}
    ul.calendar li.lefthover div.calendarover {left:-341px;}
    ul.calendar li.righthover div.calendarover {left:8px;}


        ul.calendar li div.calendarover:after {content:"";display:block;position:absolute;bottom:-13px;left:166px;width: 0;height: 0;border-style: solid;
            border-width: 8px 8px 0 8px;
            border-color: #DDDDDD  transparent #DDDDDD  transparent;}
        ul.calendar li.righthover div.calendarover:after {
            left:-5px;border-width: 8px 8px 0 0;
            border-color: #DDDDDD transparent  transparent  transparent;}
        ul.calendar li.lefthover div.calendarover:after {content:"";
            left:auto;right:-5px;border-width: 0 8px 8px 0;
            border-color: transparent  #DDDDDD  transparent;}
    div.calendarover a.closecalendartag {display:block;width:25px;height:25px;background:url(../images/closecalendartag.png) no-repeat;
        text-indent:-9000px;position:absolute;top:-15px;right:-15px;}
    ul.calendar li div.calendarover ul {list-style:none;margin:15px 24px;display:block;}
    ul.calendar li div.calendarover ul li {display:block;float:none;clear:both;color:#9e9e9e;text-align:left;padding:0 0 10px;}
    ul.calendar li div.calendarover ul li h3 {margin:0;padding:0;font-size:11px;}
    ul.calendar li div.calendarover ul li h3 span {padding-left:5px;font-weight:300;font-size:.92em;}
    ul.calendar li div.calendarover ul li h3 span:before {content:"-",padding-right:5px;display:inline;}
    ul.calendar li div.calendarover ul li h4 {margin:0;padding:0;font-size:10px;}
    ul.calendar li div.calendarover ul li a {display:block;clear:left;float:none;clear:both;text-align:left;font-size:10px;color:#9e9e9e;}
    ul.calendar li div.calendarover ul li a:hover {text-decoration: underline;}
    ul.calendar li div.calendarover ul li a:hover span {text-decoration:none;}
    ul.calendar li div.calendarover ul li a.ticketlink {position:relative;float:left;}
    ul.calendar li div.calendarover ul li a.ticketlink img {vertical-align:middle;margin:0 4px;}
        /*background-position:100% 40%;background-repeat:no-repeat;background-size:auto 60%;
    }
padding-right:18px;width:32px;
        }*/
        /*ul.calendar li div.calendarover ul li a.ticketlink span {display:block;position:absolute;left:105%;color:#2d2424;
            width:150px;top:0;font-size:9px;color:#999;line-height:16px;}*/
        ul.calendar li div.calendarover ul li span.noavailability span {color:#fff;background-color:#f00;padding:2px 1px;font-size:9px;
            display:inline-block;line-height:1;}
    /*ul.calendar li div.calendarover ul li a.ticketlink.soldout {position:relative;float:left;padding-right:18px;width:32px;line-height:16px;
        background-position:100% 40%,right 20px 50%;background-repeat:no-repeat;background-size:auto 60%,auto;}*/


    /*ul.calendar li a span.day,ul.calendar li.hasnot>span span.day {font-size:14px;}
    ul.calendar li a span.date,ul.calendar li.hasnot>span span.date {font-size:14px;}*/



    ul.calendar li div.calendarover ul li span.time {display:block;float:none;clear:both}
    ul.calendar li.sunday {border-right:1px solid #FCBCB7;}
    ul.calendar li.today {background-color:#ebebeb;}
    ul.calendar li:last-child {border-right:0;}
    ul.calendar li a {display:block;text-align:center;
        font-size:14px;color:#2d2424;background-color:transparent;margin:0;}
    ul.calendar li.hasnot span {display:block;text-align:center;}
    div.anarticle ul.calendar li span.noavailability {display:block;text-align:center;
        font-size:11px;color:#b7b7b7;background-color:transparent;margin:0;}
    ul.calendar li a span.day,ul.calendar li.hasnot>span span.day {display:block;padding:15px 0;color:#b7b7b7;font-size:10px;}
    ul.calendar li a span.date,ul.calendar li.hasnot>span span.date {display:block;padding:3px 0 20px;font-weight:bold;font-size:14px;}
    ul.calendar li.hasnot>span span.date {color:#b7b7b7;}

    div.anarticle ul.calendar {margin:0;padding:0;}
    div.anarticle ul.calendar li a span.day,div.anarticle ul.calendar li.hasnot>span span.day {display:block;padding:8px 0;color:#b2b1b1;font-size:10px;}
    div.anarticle ul.calendar li a span.date,div.anarticle ul.calendar li.hasnot>span span.date {display:block;padding:3px 0 6px;font-weight:400;font-size:10px;}
     div.anarticle ul.calendar li.cancelled a span.date {text-decoration: line-through;}


    div.anarticle ul.calendar li div.times {display:none;position:absolute;bottom:calc(100% + 2px);left:calc(50% - 40px);
        width:80px;box-sizing:content-box;padding:8px 0px;background-color:#fff;border-radius:3px;box-shadow:0 0 5px rgba(0,0,0,.1)}
    div.anarticle ul.calendar li:hover div.times {display:block;}
     div.anarticle ul.calendar li.has:hover {background-color:#b2afaf;}
     div.anarticle ul.calendar li.has:hover a span {color:#fff;}
     div.anarticle ul.calendar li.cancelled:hover a span {color:#fff;text-decoration: line-through;}
    div.anarticle ul.calendar li:hover div.times:after {content:"";display:block;position:absolute;top:100%;left:calc(50% - 6px);
            width: 0;height: 0;border-style: solid;border-width: 6px 6px 0 6px;
            border-color: #fff  transparent #fff  transparent;}
    div.anarticle ul.calendar li:hover div.times a {font-size:11px;text-align:left;color:#fff;display:block;padding:0 10px;}
    div.anarticle ul.calendar li:hover div.times a {display:block;clear:left;float:none;clear:both;text-align:left;font-size:10px;color:#9e9e9e;}
    div.anarticle ul.calendar li:hover div.times a.ticketlink {position:relative;line-height:16px;}
    div.anarticle ul.calendar li:hover div.times span {font-size:11px;text-align:left;color:#fff;display:block;padding:0 10px;
            display:block;clear:left;float:none;clear:both;text-align:left;font-size:10px;color:#9e9e9e;}
        /*padding-right:18px;background-position:right 10px top 40%;background-repeat:no-repeat;background-size:auto 60%;}*/
        /*div.anarticle ul.calendar li:hover div.times a.ticketlink span {display:inline-block;color:#2d2424;font-size:9px;color:#999;line-height:16px;}*/
        ul.calendar li div.calendarover ul li span.noavailability span {color:#fff;background-color:#f00;padding:2px 1px;font-size:9px;
            display:inline-block;line-height:1;}
            /*div.anarticle ul.calendar li:hover div.times a.ticketlink:hover {color:#2d2424;}*/




    ul.calendar li.nav {background-color:#2d2424;}
    ul.calendar li a.nav {background-color:#2d2424;height:88px;text-indent:-9000px;padding:0;
        background-position:50%;background-repeat:no-repeat;}
    ul.calendar li a.prev {background-image:url(../images/calendar_left.png);}
    ul.calendar li a.next {background-image:url(../images/calendar_right.png);}

ul.calendar li.has:hover {background-color:#ebebeb;}
ul.calendar li.has:hover a span.date {color:#f86a60;}
    ul.calendar li.hasnot a span.date {color:#b7b7b7;}
    ul.calendar li.today a span.date {color:#f86a60;}



div.calendarwrap {border: 1px solid var(--black);width: 95%;
		/*border-bottom: 0;*/
		max-width: 900px;padding:0;margin: 0 auto 50px;
		box-sizing: border-box;transition: .2s;
		/*display: flex;flex-wrap: wrap;justify-content: space-between;*/}
/*div.eventDetails>div {display: flex;flex-wrap: nowrap;align-items: flex-start;
	margin-bottom: 20px}*/

div.calendarwrap button.slick-arrow {display: block;
	position: absolute;border: 0;text-indent: -9000px;
	width: 26px;height: 33px;top: 31px;
	cursor: pointer;z-index: 9}
div.calendarwrap button.slick-prev {
		background:url(/images/prev.png) no-repeat 50% transparent;
	right: 50px;
}
div.calendarwrap button.slick-next {
		background:url(/images/next.png) no-repeat 50% transparent;
	right: 14px;
}
div.calendarwrap button.slick-arrow.slick-disabled {opacity: .5;cursor: auto;}


div.month {/*border-bottom: 1px solid var(--forecolor);*/}
div.month h3 {line-height: 100px;height:100px;text-align: center;
	font-size: 36px;font-weight: 300;position: relative;margin-bottom: 0;}
div.month h3:after {content: "";display: block;position: absolute;width: 100px;height: 4px;
	background-color: var(--maincolor);bottom: 0;left: calc(50% - 50px)}

div.week {display: grid;  grid-template-columns: repeat(7, 1fr);
	gap: 1px 1px;background-color: var(--forecolor);
	border-bottom: 1px solid var(--forecolor)}
div.week>* {background-color: var(--white);}
div.week>div {padding:8px;/*border:1px solid  var(--forecolor);*/
	color: var(--forecolor);min-height: 100px;
	box-sizing: border-box;
	}
div.week>div.passed {color: var(--black_35);}
div.week>div.other {color: transparent;}

/*div.week {height: 0;overflow: hidden;border-bottom: 0;}*/
div.week.weekdays {height: auto;border-bottom: 1px solid var(--forecolor)}
div.week.activeweek {height: auto;border-bottom: 1px solid var(--forecolor)}

div.week.weekdays>div {border:0;text-align: center;
	font-size: 14px;padding: 5px 0;
	font-weight: 500;min-height: 50px;align-items: center;display: flex;
	justify-content: center;border-top: 1px solid var(--forecolor);}

div.week div.d {display: block;text-align: right;font-weight: 700;
	margin-bottom: 10px;}
div.week *.time,div.week *.nolink {display: block;
		font-size: 12px;font-weight: 500;}


div.week svg {fill: var(--forecolor);width: 22px;display: inline-block;margin: 0 6px 0 0;
	vertical-align: middle;}
div.week .nolink svg {fill: var(--avail);width: 22px;}
div.week *.time.avail{color: var(--avail);}
	div.week *.time.avail:hover{text-decoration: underline;}
	div.week *.time.avail svg {fill: var(--avail);}

	/*div.week *.time.avail:before {content: "";display: inline-block;
		width: 26px;height: 14px;}
*/
div.week *.time.lowavailability{color: var(--availlow);}
	div.week *.time.lowav:hover{text-decoration: underline;}
	div.week *.time.lowavailability svg {fill: var(--availlow);}
div.week *.time.noavailability{color: var(--noavailability);}
	div.week *.time.noava:hover{}
	div.week *.time.noavailability svg {fill: var(--noavailability);}


div.week *.time div.supertitles_langs {    margin: 0px 0 0 4px;padding: 3px 0 0 0;vertical-align: middle;display: inline-block;}
div.week *.time div.supertitles_langs span {text-indent: -9000px;
	display: inline-block;width:15px;height: 11px;
	background-position: 50%;background-repeat: no-repeat;}
div.week *.time div.supertitles_langs span.el {background-image:url(/images/flag_el.png);}
div.week *.time div.supertitles_langs span.en {background-image:url(/images/flag_en.png);}


div.week *.times div.supertitles_langs span {text-indent: -9000px;
	display: inline-block;width:15px;height: 11px;
	background-position: 50%;background-repeat: no-repeat;}
div.week *.times div.supertitles_langs span.el {background-image:url(/images/flag_el.png);}
div.week *.times div.supertitles_langs span.en {background-image:url(/images/flag_en.png);}

@media only screen and (max-width:700px){
	div.week svg {display: none;}
	div.week>div {min-height: 50px;}

	div.calendarwrap button.slick-prev {right: auto;left: 14px;}
	div.calendarwrap button.slick-next {}

}

@media only screen and (max-width:370px){
	div.week>div {padding: 2px;}
	div.calendarwrap button.slick-prev {left: 5px;}
	div.calendarwrap button.slick-next {right: 5px;}

}

div.pickrandom {display: flex;align-items: center;
	justify-content: space-between;
margin: 50px 0 0 0}
div.pickrandom > * {width: 100%;}


@media only screen and (max-width:1000px){
	div.pickrandom {flex-wrap: wrap;max-width: 500px;margin: 0 auto;
		justify-content: center;}
	div.pickrandom > * {width: 100%;}
	/*div.pickrandom > div:first-child() {margin-right: 20px;}
	div.pickrandom > div:last-child() {margin-left: 20px;}*/
}

div.pickrandom div.inp {display: flex;
	align-items: center;}
	div.pickrandom div.inp label {
		font-size: 28px;width: 180px;}
	div.pickrandom div.inp input {
		border: 2px solid #000;
		border-radius: 4px;
		padding: 0 10px;
		font-size: 30px;
		box-sizing: border-box;
		width: 160px;}
div.pickrandom a.pickrandom {
	clear: both;
	margin: 30px 20px;
	width: 198px;
    line-height: 60px;
    color: #fff;
    cursor: pointer;
        -webkit-appearance: button;
    font-family: Manrope, sans-serif;
    font-size: 18px;
    padding: 0 20px;
    border: 0;
    border-radius: 3px;
    font-weight: bold;
    letter-spacing: 3px;
    background-color: var(--maincolor);
    box-shadow: 0 0 20px rgba(0,0,0,.4);
}
div.pickrandom a.pickrandom:hover {
	text-decoration: none;
	box-shadow: none;
}

div.pickrandom div.results {padding: 10px;
border: 2px solid #000;
		border-radius: 4px;min-height: 50px;
		padding: 0 10px;
		font-size: 30px;}
div.pickrandom div.results span {display: block;text-align: center;}



:root {

	--avail: rgba(152, 182, 141,1);
	--availlow: rgba(208, 186, 112,1);
	--availno: rgba(231, 106, 104,1);
	--noavailability: rgba(231, 106, 104,1);


	--black:rgba(19,18,23,1);
	--black_35:rgba(19,18,23,.35);
	--white_15:rgba(255,255,255,.35);
	--white_50:rgba(255,255,255,.50);
	--white:#fff;
	--maincolor:rgba(180,206,210,1);
	--maincolor_85:rgba(180,206,210,.85);
/*	--maincolor:rgba(175, 200, 166,1);
	--maincolor_85:rgba(175, 200, 166,.85);*/
	--forecolor:rgba(0,0,0);


	--hover-radius: 80px;

	--backcolor01: rgba(180, 206, 210,1);
	--backcolor02: rgba(151, 173, 178);
	--backcolor03: rgba(130, 156, 156,1);
	--backcolor04: rgba(107, 132, 133);
	--forecolor01: rgba(255,255,255,1);
	--forecolor02: rgba(255,255,255);
	--forecolor03: rgba(255,255,255,1);
	--forecolor04: rgba(255,255,255);

	--stand01: rgba(197,51,51,1);
	--stand02: rgba(39, 116, 135);
	--standfore01: rgba(255,255,255,1);
	--standfore02: rgba(255,255,255,1);





}

/*Extra-light 200
Light 300
Regular 400
Medium 500
Semi-bold 600
Bold 700
Extra-bold 800*/


div.cmsOptions {display:block;max-width:150px;padding:5px 0;font-size:10px;
         position:fixed;top:0;right:0;z-index:900;
        background-color:#fff;border:1px solid #ddd;box-shadow:0 0 5px rgba(0,0,0,.4);
        border-bottom-left-radius:3px;}
div.cmsOptions a {display:inline-block;padding:0 5px 0 0;line-height:1.2;color:#F86A60;
        text-decoration:none;text-align:right;}
div.cmsOptions a:first-child {padding-left:5px;}
div.cmsOptions a:hover {text-decoration:underline;}



div.anarticle ul.searchresult {margin:0 0 60px;list-style:none}
div.anarticle ul.searchresult ul {margin:0 0 10px 20px;list-style:none}
div.anarticle ul.searchresult li {margin:0 0 0px;font-size:13.2px;padding:3px 0 0 10px;position:relative;}
div.anarticle ul.searchresult li:before {content:"/";color:var(--maincolor);position:absolute;left:0;top:3px;}
div.anarticle ul.searchresult.persons>li {font-weight:bold;font-size:13.2px;}
div.anarticle ul.searchresult.persons>li:before {content:"";color:var(--maincolor);position:absolute;left:0;top:3px;}
div.anarticle ul.searchresult li a {font-size:13.2px;color:#2d2424;}
div.anarticle ul.searchresult li a span {font-size:12.5px;}
div.anarticle ul.searchresult.articles li a {font-weight:bold;}
div.anarticle ul.searchresult li a span.date {display:block;font-weight:normal;}
div.anarticle ul.searchresult li a span.date b {font-weight:normal;}
div.anarticle ul.searchresult li a em {font-weight:normal;font-size:12px;color:#2d2424;}
div.anarticle ul.searchresult li a:hover {color:var(--maincolor);}




div.anarticle .maintext ul.eventswithtitles {list-style: none;width: 100%;}
div.anarticle .maintext ul.eventswithtitles li {border-bottom: 1px solid var(--black);padding: 30px 0;margin: 0;}
div.anarticle .maintext ul.eventswithtitles li:last-child {border-bottom:0;}
div.anarticle .maintext ul.eventswithtitles li a {color: var(--black);}
div.anarticle .maintext ul.eventswithtitles li a:hover {color: var(--maincolor);text-decoration: none;}
div.anarticle .maintext ul.eventswithtitles li {display: flex;align-items: flex-start;justify-content: flex-start;}
div.anarticle .maintext ul.eventswithtitles li a {width: 50%;max-width: 350px; margin: 0 20px 0 0;}
div.anarticle .maintext ul.eventswithtitles li div.hours {font-weight: 300;
	padding: 10px 0 0 0;font-size: 14px;}
div.anarticle .maintext ul.eventswithtitles li div.hours>* {padding-bottom: 8px;}
div.anarticle .maintext ul.eventswithtitles li h3 {font-size: 30px;
    font-weight: 500;
    margin: 0;
    padding: 0 0 5px;}
div.anarticle .maintext ul.eventswithtitles li h4 {font-size: 18px;
    font-weight: 300;
    margin: 0;
    padding: 0 0 18px;}
div.anarticle .maintext ul.eventswithtitles li h4.subtitle {
    padding: 0 0 5px;}
div.anarticle .maintext ul.eventswithtitles li h5 {    font-size: 12px;
    letter-spacing: -0.2px;
    font-weight: 300;}

div.anarticle .maintext ul.eventswithtitles li div.hours a.avail {color: var(--avail);}
div.anarticle .maintext ul.eventswithtitles li div.hours a.lowavailability {color: var(--availlow);}
div.anarticle .maintext ul.eventswithtitles li div.hours div.cancelled {color: var(--noavailability);}

@media only screen and (max-width:600px){
	div.anarticle .maintext ul.eventswithtitles li {flex-wrap: wrap;}
	div.anarticle .maintext ul.eventswithtitles li a {width: 100%;max-width: 100%; margin: 0 0 3px 0;}
	div.anarticle .maintext ul.eventswithtitles li div.hours {}
}
.fancybox-caption__body span {display: block;}
.fancybox-caption__body span.title {font-weight: 700;}
.fancybox-caption__body span.text {font-weight: 400;}
.fancybox-caption__body span.photographer {font-weight: 400;}
.fancybox-caption__body span.photographer:before {content: "photo by Β© ";}


.cvpage .facts {text-align: left;}
.cvpage .facts strong {font-style: italic}

.cvpage .facts h2 {font-size:1.6em;margin-top:30px;border-top:1px solid #333;padding-top:30px;
	font-weight: 700;}
.cvpage .facts h2:first-child {border-top: 0;margin-top:0;padding-top: 0}
.cvpage .facts h3 {font-size:1.4em}

.cvpage div.anarticle .maintext p {margin-bottom: 0;padding-bottom:0;}
.cvpage div.anarticle .maintext a {text-decoration: underline;color:rgba(1, 127, 149,1)}
.cvpage .facts h3 {font-size:1.4em}

.cvpage div.anarticle .maintext p + h3 {margin-top:25px}

.cvpage div.anarticle .maintext p {display: flex;align-items: stretch;flex-wrap: wrap;
	align-content: center;gap:10px;}

.cvlink {display: inline-flex;flex-wrap: nowrap;
	align-items: center;align-content: center; justify-content: flex-start;
	box-sizing: border-box;height:42px;
	border:1px solid rgb(180, 206, 210,.3);margin:0 0 0 0;}
.cvlink img {height:40px;margin:0 0 0 0;vertical-align: bottom}
.cvlink span {padding:0 10px;display: inline-block;vertical-align: bottom}
/*.cvlink:hover {
	border:1px solid rgb(180, 206, 210,1);}*/

.cvpage div.anarticle .maintext a.cvlink {
	background-color:rgba(1, 127, 149,.8);color:#fff;
	text-decoration: none;
}
.cvpage div.anarticle .maintext a.cvlink:hover {
	background-color:rgba(1, 127, 149,1);}
.cvlink span {padding:0;display:inline;vertical-align: bottom;}
.cvlink span:after{content:", ";text-decoration: none !important}
.cvlink:last-child span:after{content:"";}


.cvpage div.anarticle .maintext p {display: block}
.cvlink {display: inline;
	box-sizing: border-box;height:auto;
	border:0;margin:0 0 0 0;}
.cvlink img {display: none;}
.cvpage div.anarticle .maintext a.cvlink {background: transparent;color:var(--forecolor)}
.cvpage div.anarticle .maintext a.cvlink span {;text-decoration: underline;}
.cvpage div.anarticle .maintext a.cvlink:hover {background-color:transparent;color:var(--maincolor)}
.cvpage div.anarticle .maintext a.cvlink span:after {text-decoration: none;}

p.updated {margin:20px 0 0 0;
	font-size:.92em;color:#777}
p.updated span {font-style: italic}


div.accept_cookies {position:fixed;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.7);
	padding:40px 0;color:#fff;font-size:16px;text-align:center;z-index: 10000;}
div.accept_cookies a {color:#fff;text-decoration:underline;}
div.accept_cookies a:hover {text-decoration:underline;}
div.accept_cookies a.acceptcookies {
	display:block;
    width:140px;margin:20px auto;
    line-height: 48px;
    color: #fff;
    cursor: pointer;
    font-family: 'Mandrope',sans-serif;
    font-size: 12px;
    padding: 0 40px;
    border: 0;
    border-radius: 3px;
    font-weight: 700;
    letter-spacing: 3px;
    background-color: #EF6359;
}
div.accept_cookies div.labels {display:flex;max-width:600px;margin:20px auto 10px;
	justify-content: space-between;align-items: center}

div.accept_cookies div.labels input {display:none;}
div.accept_cookies div.labels label {margin:0 10px;line-height:17px;cursor:pointer;}
div.accept_cookies div.labels label:before {content:"";display:inline-block;width:15px;height:15px;box-sizing:border-box;border:1px solid #000;border-radius:3px;background-color: #fff;margin-right:5px;
		vertical-align:middle;}
div.accept_cookies div.labels input:checked + label:before {content:"\2713";color:#000;font-weight: bold}


div.accept_cookies div.buttons {display:flex;max-width:700px;margin:0 auto 20px;
	justify-content: space-between;align-items: center}
div.accept_cookies div.buttons a {transition: .2s;
	display:block;
    /*width:140px;*/margin:20px auto;
    line-height: 38px;
    color: #fff;
    cursor: pointer;
    font-family: 'Mandrope',sans-serif;
    font-size: 13px;
    padding: 0 40px;
    border: 0;
    border-radius: 3px;
    font-weight: 700;
    /*letter-spacing: 3px;*/
    /*background-color: #F86A60;*/
    background-color: #000;
    text-decoration:none;
}
div.accept_cookies div.buttons a.acceptallcookies {
    background-color: rgb(24, 134, 0);
}
@media only screen and (max-width:800px){
	div.accept_cookies {padding:10px 0;font-size:12px;}
}
@media only screen and (max-width:550px){
	div.accept_cookies div.buttons a {padding:0 10px;}
}
@media only screen and (max-width:440px){
div.accept_cookies div.labels {flex-wrap: wrap;}
div.accept_cookies div.labels label {width:100%;margin:5px 0;}
}
@media only screen and (max-width:350px){
	div.accept_cookies div.buttons a {line-height:1.4;}
}