/* 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;}

@font-face {
    font-family: 'PText';
    src: url('/fonts/PTextBlack.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'PText';
    src: url('/fonts/PTextBold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'PText';
    src: url('/fonts/PTextSemiBold.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'PText';
    src: url('/fonts/PTextRegular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'PText';
    src: url('/fonts/PTextLight.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'PText';
    src: url('/fonts/PTextThin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}




body {font-family:'PText',Arial;}


html {height:100%;}
body {line-height: 1.3;font-family: 'PText', sans-serif;font-size:16px;font-weight:400;
	color: var(--forecolor);
    background-color:var(--white);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:'PText';}

/* 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(--forecolor);}
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 {margin:0 auto;box-sizing: border-box;padding-left: 26px;}
.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;}

input.mobilemenu {display: none;}


div.headerwrap {background: #fff;position: fixed;top: 0;left: 0;right: 0;
	z-index: 1000;}
body.scrolled div.headerwrap {box-shadow: 0 0 10px var(--black);}

/*
div.headerwrap div.header {margin: 0 auto;
	box-sizing: border-box;
	width: 100%;max-width: 1900px;transition: .2s;
	padding-right: 96px;padding-left: 23px;
	display: flex;justify-content: flex-start;
	min-height: var(--headerHeight);align-items: flex-start;
}
div.headerwrap h1.logo {height: var(--headerHeight);display: flex;align-items: center;
	position: relative;z-index: 11;margin:0 280px 0 0;transition: .2s;}

@media only screen and (min-width: 960px) {
	div.headerwrap div.menu {flex-grow:2;}
	div.headerwrap div.menu ul {list-style: none;}

	div.headerwrap div.menu {}
	div.headerwrap div.menu:before{content: "";display: block;
		position:absolute;left: 0;right: 0;top: 0;height: 0;pointer-events: none;
		background:rgba(236, 235, 235,1);transition: .2s;z-index: 10;}
	div.headerwrap div.menu:hover:before{height: 100%;}
	ul.mainmenu{display:flex;justify-content: flex-start;
		align-items:center;list-style: none;margin:0 auto;
		flex-wrap: wrap;}
	ul.mainmenu>li {padding:0 14px ;position: relative;z-index: 11;}
	ul.mainmenu>li>label{display:none;}
	ul.mainmenu>li>input{display:none;}
	ul.mainmenu>li:first-child {padding-left: 28px;}
	ul.mainmenu>li:last-child {padding-right: 0px;}
	ul.mainmenu>li.hovermenus {padding-left: 0;
			box-sizing: border-box;width: 100%;}
	ul.mainmenu>li.break {flex-basis: 500px;max-width:100%;width: 20px;height: 0;}

	ul.mainmenu>li>a{font-size: 14px;font-weight:500;height: var(--headerHeight);display: block;
		line-height: var(--headerHeight);transition: .2s;
		text-transform: uppercase;}

	ul.mainmenu>li:not(.hovermenus):before {content: "";position: absolute;
		left: 14px;right: 14px;height: 0;background: var(--forecolor);transition: .2s;}
	ul.mainmenu>li:first-child:not(.hovermenus):before {left: 28px;}
	ul.mainmenu>li:last-child:not(.hovermenus):before {left: 0px;}
	ul.mainmenu>li.selected:before {height: 5px;}
	ul.mainmenu>li:hover:before {height: 5px;}

	ul.mainmenu>li>ul {display: none;}


	ul.mainmenu>li input {display: none;}

	ul.mainmenu>li>div.submenu {}
	ul.mainmenu>li>div.submenu h3 {font-size:50px;font-weight:600;margin:0 0 20px;padding: 0 0 0 28px;
	transition: .2s;}
	ul.mainmenu>li>div.submenu>ul {position: relative;margin: 0 0 60px;padding: 20px 0 20px 0;
		list-style:none;}
	ul.mainmenu>li>div.submenu>ul::after {content: "";
		left: 350px;position: absolute;top: 0;bottom: 0;width: 1px;
		background-color: var(--forecolor);
	}
	ul.mainmenu>li>div.submenu>ul>li {padding-right: 20px;width: 350px;box-sizing: border-box;transition: .2s;}
	ul.mainmenu>li>div.submenu>ul>li>a {display:block;padding: 8px 0 8px 28px;
			color: #868080;font-weight:300;font-size: 18px;
			letter-spacing:1.8px;line-height: 1.1;position: relative;}
	ul.mainmenu>li>div.submenu>ul li a:hover{color: var(--forecolor);}
	ul.mainmenu>li>div.submenu>ul li:hover>a{color: var(--forecolor);}
	ul.mainmenu>li>div.submenu>ul li.selected>a{color: var(--forecolor);font-weight: 400}
	ul.mainmenu>li>div.submenu>ul>li.hassub>a:before {content: "+";display: block;
			position: absolute;top: 8px;left: 0px;}
	ul.mainmenu>li>div.submenu>ul>li ul {position: absolute;
		box-sizing: border-box;
		top: 0;list-style: none;padding: 20px 20px 0 20px;
		left:350px;width: 100%;
		width: calc(100% - 350px);
		height: 0;overflow-y: hidden;background-color: rgba(236, 235, 235,1);border-left: 1px solid var(--forecolor);}
	ul.mainmenu>li>div.submenu>ul>li.selected ul {height: 100%;z-index: 11;}
	ul.mainmenu>li>div.submenu>ul>li:hover ul {height: 100%;z-index: 12;}
	ul.mainmenu>li>div.submenu>ul>li ul li>a {display:block;padding: 8px 0 8px 14px;
			color: #868080;font-weight:300;font-size: 18px;overflow:auto;
			letter-spacing:1.8px;line-height: 1.1;position: relative;}

	ul.mainmenu div.submenu {height: 0;transition:.2s;overflow-y: hidden;}
	ul.mainmenu li.licc1:hover ~ li.hovermenus div.submenu.cc1  {min-height: 200px;height: auto;}
	ul.mainmenu li.licc2:hover ~ li.hovermenus div.submenu.cc2  {min-height: 200px;height: auto;}
	ul.mainmenu li.licc3:hover ~ li.hovermenus div.submenu.cc3  {min-height: 200px;height: auto;}
	ul.mainmenu li.licc4:hover ~ li.hovermenus div.submenu.cc4  {min-height: 200px;height: auto;}
	ul.mainmenu li.licc5:hover ~ li.hovermenus div.submenu.cc5  {min-height: 200px;height: auto;}
	ul.mainmenu li.licc6:hover ~ li.hovermenus div.submenu.cc6  {min-height: 200px;height: auto;}
	ul.mainmenu li.licc7:hover ~ li.hovermenus div.submenu.cc7  {min-height: 200px;height: auto;}

}

input.submenu:checked+div.submenu {min-height: 200px;height: auto;}

div.headerwrap div.headeroptionswrap {position: relative;z-index: 11;justify-self:end;}
div.headerwrap div.headeroptionswrap ul {display:flex;justify-content: space-around;
	align-items:flex-start;list-style: none;}
div.headerwrap div.headeroptionswrap ul li {margin-left: 38px;height: var(--headerHeight);transition: .2s;}
div.headerwrap div.headeroptionswrap ul li a {display: block;height:var(--headerHeight);transition: .2s;text-indent: -9000px;
	background-position: 50%;background-repeat: no-repeat;}
div.headerwrap div.headeroptionswrap ul li.calendar a {width: 50px;background-image: url(/images/header_calendar.png)}
div.headerwrap div.headeroptionswrap ul li.search a {width: 26px;background-image: url(/images/header_search.png)}
div.headerwrap div.headeroptionswrap ul li.contact a {width: 50px;background-image: url(/images/header_contact.png)}
div.headerwrap div.headeroptionswrap ul li.language a {display: block;height:var(--headerHeight);transition: .2s;line-height:var(--headerHeight);transition: .2s;width: auto;
	text-indent: 0px;font-size: 12px;font-weight: 400;color: #cccbcb}
div.headerwrap div.headeroptionswrap ul li.language a:hover {color:var(--forecolor)}



body.scrolled {padding-top: var(--scrolledHeaderHeight);}
.scrolled input#mobilemenu:not(:checked) + div.headerwrap div.header {min-height: var(--scrolledHeaderHeight);}
.scrolled input#mobilemenu:not(:checked) + div.headerwrap h1.logo {height: var(--scrolledHeaderHeight);}
.scrolled input#mobilemenu:not(:checked) + div.headerwrap ul.mainmenu>li>a{height: var(--scrolledHeaderHeight);line-height: var(--scrolledHeaderHeight);}
.scrolled input#mobilemenu:not(:checked) + div.headerwrap div.headeroptionswrap ul li {height: var(--scrolledHeaderHeight);}
.scrolled input#mobilemenu:not(:checked) + div.headerwrap div.headeroptionswrap ul li a {height:var(--scrolledHeaderHeight);}
.scrolled input#mobilemenu:not(:checked) + div.headerwrap div.headeroptionswrap ul li.language a {height:var(--scrolledHeaderHeight);line-height:var(--scrolledHeaderHeight);}
*/

:root {
	--maincolor: rgba(26, 206, 217,1);
	--black:rgba(16,16,16,1);
	--highlightcolor: rgba(26, 206, 217,1);
	--white:rgba(255,255,255,1);
	--lightgrey: rgba(238, 238, 238,1);
	--grey: rgba(154, 154, 154,1);
	--headerHeight: 58px;


	--highlightcolor: rgba(26, 206, 217,1);

	--ticketsHas: rgba(26, 206, 217,1);
	--ticketsLimited:  rgba(250,207,146,1);
	--ticketsNo:  rgba(241,157,141,1);

	--app-height: calc(100vh - 184px); /*var(--app-height);*/

}
@media only screen and (max-height: 960px) {
	:root {
		--app-height: calc(100vh - 179px); /*var(--app-height);*/
	}
}
/*
@media only screen and (max-height: 700px) {
	ul.mainmenu>li>div.submenu h3 {font-size: 35px;margin: 0 0 10px;}
	ul.mainmenu>li.hovermenus {margin-top: -10px}
	ul.mainmenu>li>div.submenu>ul>li>a {font-size: 16px;padding: 4px 0 4px 28px;}
	ul.mainmenu>li>div.submenu>ul>li.hassub>a:before {top: 4px;left: 4px;}
	ul.mainmenu>li>div.submenu>ul>li ul li>a {font-size: 16px;padding: 4px 0 4px 28px;}
	:root {
		--headerHeight: 90px;
	}
}

@media only screen and (max-width: 1500px) {
	div.headerwrap div.headeroptionswrap ul li {margin-left: 25px;}
	div.headerwrap div.headeroptionswrap ul li.language span {display: none;}
	div.headerwrap h1.logo {margin-right: 80px;}
}

@media only screen and (max-width: 1300px) {
	div.headerwrap div.header {padding-right: 30px;}
	ul.mainmenu>li>div.submenu h3 {font-size: 35px;margin: 0 0 10px;}
	ul.mainmenu>li>div.submenu>ul>li>a {font-size: 16px;padding: 4px 0 4px 28px;}
	ul.mainmenu>li>div.submenu>ul>li.hassub>a:before {top: 4px;left: 4px;}
	ul.mainmenu>li>div.submenu>ul>li ul li>a {font-size: 16px;padding: 4px 0 4px 28px;}
}

@media only screen and (max-width: 1100px) {
	div.headerwrap h1.logo {margin-right: 30px;}
	div.headerwrap div.headeroptionswrap ul li {margin-left: 10px;}
	ul.mainmenu>li>div.submenu>ul>li {width: 250px;}
	ul.mainmenu>li>div.submenu>ul>li ul {left:250px;width: calc(100% - 250px);}
}
@media only screen and (max-width: 960px) {
	label.labelmenulink {width: 40px;height: 18px;display: block;position: relative;
		cursor: pointer;}
	label.labelmenulink span {position: absolute;display: block;
		width: 100%;height: 2px;background-color: var(--forecolor);
		transition: .2s;transform-origin: 50%;}
	label.labelmenulink span {top: calc(50% - 1px);}
	label.labelmenulink span:first-child {top: 0;}
	label.labelmenulink span:last-child {top:auto;bottom: 0;}
	:root {
		--headerHeight: 90px;
	}
	input#mobilemenu:checked + div.headerwrap label.labelmenulink span:nth-child(2) {opacity: 0;}
	input#mobilemenu:checked + div.headerwrap label.labelmenulink span:first-child {transform: rotate(45deg);top: 50%}
	input#mobilemenu:checked + div.headerwrap label.labelmenulink span:last-child {transform: rotate(-45deg);bottom: calc(50% - 2px)}

	div.headerwrap div.header {justify-content: space-between;align-items: center;}
	div.headerwrap div.menu {display: none;}
	div.headerwrap div.headeroptionswrap {display: none;}

	input#mobilemenu:checked + div.headerwrap {height: 100%;}
	input#mobilemenu:checked + div.headerwrap div.menu {display: block;position: absolute;
		top: var(--scrolledHeaderHeight);left: 5%;right: 5%;
		bottom: var(--scrolledHeaderHeight);}

	li.hovermenus {display: none;}
	input#mobilemenu:checked + div.headerwrap div.menu>ul {list-style: none;}
	input#mobilemenu:checked + div.headerwrap div.menu>ul>li {position: relative;
		padding: 5px 0 5px 54px;
		font-size: 22px;font-weight: 500;}
	input#mobilemenu:checked + div.headerwrap div.menu>ul>li>a {padding: 5px 0;display: block;
		text-transform: uppercase;font-size: 18px}
	input#mobilemenu:checked + div.headerwrap div.menu>ul ul {height:0;overflow: hidden;position: relative;
		font-size: 22px;font-weight: 400}
	input#mobilemenu:checked + div.headerwrap div.menu>ul>li>label{display: block;position: absolute;left: 0;
			top:13px;
			background: url(/images/arrow_down_bl.png) no-repeat 50%;width: 23px;height: 20px;
			cursor: pointer;}
	input#mobilemenu:checked + div.headerwrap div.menu>ul>li input{display: none;}
	input#mobilemenu:checked + div.headerwrap div.menu>ul input:checked+ul {height:auto;padding: 10px 0 0 30px;
		font-size: 15px;list-style: none;}
	input#mobilemenu:checked + div.headerwrap div.menu>ul li.selected>ul {height:auto;padding: 10px 0 0 30px;
		font-size: 15px;list-style: none;}
	input#mobilemenu:checked + div.headerwrap div.menu>ul>li>ul li {padding: 4px 0;position: relative;}
	input#mobilemenu:checked + div.headerwrap div.menu>ul>li>ul li a {}
	input#mobilemenu:checked + div.headerwrap div.menu>ul>li>ul>li>label{display: block;position: absolute;left: 0;
			top:5px;
			background: #f00;width: 13px;height: 17px;background: url(/images/plus.png) no-repeat 50%;
			cursor: pointer;left: -30px}
}
*/

/*div.mainpage {padding-top: 300px;}*/


.homenewslistwrap {padding: 50px 0;background-color: var(--lightgrey);}
.home h2.news {text-align: center;font-size: 65px;margin: 0px 0 60px;
	font-weight: 600;}
.home ul.news {width: 95%;max-width:1700px;margin: 0 auto;}

.home a.allnews {display: block;margin: 20px auto 20px;border: 1px solid rgba(45,36,36);
	width: 100%;max-width: 280px;text-align:center;height: 50px;line-height: 50px;
	font-size: 14px;letter-spacing: 2.8px;font-weight: 500;}
.event .mainbanner {height: 100vh;position: relative;width: 100%;display: flex;
	align-items: flex-end;
	text-shadow: 0 0 15px rgba(0,0,0,.5);}

.event .mainbanner.noimage {background: url(/images/nobannerback.png) no-repeat 100%;
	background-size: auto 100%;height: auto;min-height: 500px;}

.event .mainbanner picture {position: absolute;width: 100%;height: 100%;z-index: 1;}
.event .mainbanner img {width: 100%;height: 100%;object-fit: cover;}
.event .mainbanner section {width: 100%;position: relative;color: #fff;z-index: 2;
	box-sizing:border-box;padding:0 30px 50px 137px ;}
.event.nobanner .mainbanner section {color: var(--black);}
.event .mainbanner section h1 { font-size: 65px;letter-spacing: -2px;font-weight: 900;line-height: 80px;}
.event .mainbanner section h2 { color: var(--highlightcolor);font-weight: 500;font-size: 25px;line-height: 2;}
.event .mainbanner section h3 { font-weight: 400;font-size: 25px;line-height: 2;}

.event .mainbanner div.halldate {margin: 40px 0 0 0;}
.event .mainbanner div.halldate:before {content: "";display: inline-block;
		width: 50px;height: 1px;background-color: var(--white);
		margin-right: 15px;vertical-align: bottom;margin: 14px 0}
.event.nobanner .mainbanner div.halldate:before {background-color: var(--black);}
.event .mainbanner div.halldate h4 {display: inline;font-size: 15px;padding: 0 5px 0 0;margin: 0;
	font-weight: 300;letter-spacing: 1.5px;text-transform: uppercase;}
.event .mainbanner div.halldate h4:after {content: "/";padding-left: 5px;}
.event .mainbanner div.halldate h3 {display: inline;font-size: 15px;padding: 0;margin: 0;
	font-weight: 500;letter-spacing: 1.5px;}

.event .mainbanner picture:after {content: "";
	position: absolute;z-index: 3;top: 0;left: 0;right: 0;bottom: 0;
	width: 100%;height: 100%;background: rgb(0,0,0);
	background: linear-gradient(180deg, rgba(0,0,0,.51) 0%, rgba(0,0,0,0.028448879551820738) 30%);
}


div.mainpage img {max-width: 100%;}

div.footer_wrap {margin: 200px auto 0;padding: 70px 0 20px 0;
	border-top: 1px solid rgb(214, 214, 214);}

div.footer_wrap div.footer {display: flex;justify-content: flex-start;
	flex-wrap: nowrap;align-items: flex-start;width: 100%;position: relative;}

div.footer_wrap div.gravity {margin-top: 50px}
div.footer_wrap div.gravity a {color: #a2a2a2;font-size: 12px;font-weight: 300;
	letter-spacing: 1.2px;}
div.footer_wrap div.gravity a:hover {color: var(--black);}
div.footer_wrap div.gravity a:before {content: "/ "}


div.footer_wrap div.footer>* {margin-top:38px;margin-right: 60px;transition: .2s;}
div.footer_wrap div.footer a.logo {margin-top:42px;position: absolute;left: 0px;width: 130px; text-align: center;
		margin-right: 0;/*padding-left: 28px;*/box-sizing: 	border-box	;}
div.footer_wrap div.footer a.logo img {width: 50px;}
div.footer_wrap div.footer div.drawing {margin-top:0;margin-left: auto;margin-right: 0;transition: .2s;}
div.footer_wrap div.footer div.drawing img {width: 100%;}

div.footer_wrap div.footer h2 {margin: 0;padding: 0;color: var(--highlightcolor);
	font-size: 16px;letter-spacing: 3.2px;font-weight: 300}
div.footer_wrap div.footer h2 strong {font-weight: 900}
div.footer_wrap div.footer p {color: var(--black);font-size: 14px;letter-spacing: 1.4px;
	padding: 0;margin: 10px 0 25px;line-height: 1.5;font-weight: 500;transition: .2s;}

div.footer_wrap div.footer a {text-transform: uppercase;}
div.footer_wrap div.footer a:hover {text-decoration: underline;}

div.footer_wrap div.footer a.googlemap {display: block;padding-left: 25px;
	background:url(/images/arrow_footer.png) no-repeat 0 50%;}

div.footer_wrap div.footer a.facebook {display: block;padding-left: 60px;position: relative;
	font-weight: 500;}
div.footer_wrap div.footer a.facebook:before {content: "";display: block;
		position: absolute;left: 0;top: 50%;width: 50px;height: 1px;
		background-color: var(--black);}

div.contact_wrap {display: flex;justify-content: flex-start;
	flex-wrap: nowrap;align-items: flex-start;padding-left: 28px;}
div.contact_wrap>div.main {margin-right: 60px;}

@media only screen  and (min-width: 1150px) and (max-width: 1500px) {
	div.footer_wrap div.footer p {letter-spacing: 0px;}
}
@media only screen  and (min-width: 850px) and (max-width: 1150px){
	div.contact_wrap {flex-wrap: wrap;width:calc(100% - 448px)}
	div.contact_wrap>div {width: 100%;}
	div.contact_wrap>div.main {margin-right: 0;margin-bottom: 30px}
	div.footer_wrap div.footer div.drawing {width: 300px;}
	div.footer_wrap div.footer p {margin-bottom: 10px}
	div.footer_wrap div.footer>* {margin-top:0}
	div.footer_wrap div.footer a.logo {margin-top:0;}
}
@media only screen  and (max-width: 850px){
	div.footer_wrap {padding-top: 30px;}
	div.footer_wrap div.footer {max-width: 800px;
		margin-left: auto;margin-right: auto;
		flex-wrap: wrap;align-items: flex-start;}
	div.footer_wrap div.footer>* {width: 100%;margin-right: 0;}
	div.footer_wrap div.footer p {letter-spacing: 0px;
	 overflow-wrap: break-word;}

	div.contact_wrap {margin-right: 0;}
	div.contact_wrap>div {width: calc(50% - 8px)}
	div.contact_wrap>div.main {margin-right: 16px;}

	div.footer_wrap div.footer a.logo {margin-top: 0;margin-bottom: 0px}
	div.footer_wrap div.footer div.drawing {max-width: 500px;
		margin: 50px auto 0;}

	div.footer_wrap div.gravity {padding-left: 0;/*106px*/;margin-top: 50px;text-align: center;}
}
@media only screen  and (max-width: 1250px){
	div.footer_wrap div.footer a.logo {width: 110px;}
	div.footer_wrap div.footer {padding-left: 90px;}
	div.footer_wrap div.footer a.logo {position: relative;}
	div.footer_wrap div.footer {padding:0 20px; }
}
@media only screen  and (max-width: 588px){
	div.contact_wrap {flex-wrap: wrap;}
	div.contact_wrap>div {width: 100%;}
	div.contact_wrap>div.main {margin-right: 0;margin-bottom: 50px}
}


div.mainwrapper {min-height: 500px;}

div.mainpad {max-width: 1920px;margin-left: auto;margin-right: auto;box-sizing: border-box;
	padding-right: 60px;padding-left: 162px;}
.event .mainwrapper>div.mainpad {padding: 0;}


div.headerwrap {width: 100%;position: fixed;top: 0;left: 0;right: 0;}
div.header {width: 100%;display: flex;margin-top: 0;
	padding-top: 40px;padding-bottom: 40px;
	box-sizing: border-box;transition: .2s;
	position:relative; align-items: top;justify-content: space-between;
/*	padding:40px 60px 40px 162px;
	max-width: 1900px;margin: 0 auto;*/
}
div.headerwrap h1.logo {position: absolute;top: 0;left: 0;z-index: 9;}
div.headerwrap h1.logo a {display: block;vertical-align: middle;padding: 49px 40px 10px;transition: .2s;}
div.headerwrap h1.logo a img.white{display: none;}
div.headerwrap h1.logo a img.scrolled{display: none;}
div.headerwrap h1.logo a img.mobile{display: none;}


ul.headeroptions {list-style: none;display: flex;position: relative;
	justify-content: flex-start;align-items: center;z-index: 20}
ul.headeroptions li {margin: 0 0 0 10px;transition: .2s;}
ul.headeroptions li a {display: block;text-indent: -9000px;
	height: 54px;width: 60px;background-repeat: no-repeat;background-position: 50%;transition: .2s;}

ul.headeroptions li.videos a {background-image: url(/images/header_youtube.png);}
ul.headeroptions li.podcasts a {background-image: url(/images/header_podcast.png);}
ul.headeroptions li.calendar a {background-image: url(/images/header_calendar.png);}
ul.headeroptions li.tickets a {background-image: url(/images/header_tickets.png);}
ul.headeroptions li.contact a {background-image: url(/images/header_contact.png);}
ul.headeroptions li.facebook {position: absolute;right: -45px;top: 4px}
ul.headeroptions li.facebook a {transform-origin: 100% 100%;
		transform: rotate(270deg)  translate(0,-15px);text-transform: uppercase;letter-spacing: 1.5px;
		color: var(--highlightcolor);line-height: 25px;height: 25px;
		text-indent: 0;padding-left: 50px;position: relative;display: block;
			font-size: 11px;font-weight: 500;}
ul.headeroptions li.facebook a:before {content: "";display: block;left: 0;top: 50%;width:40px;
	height:1px;background-color:var(--highlightcolor);position: absolute;}



@media only screen and (min-width: 960px) {
	div.header {width: 100%;display: flex;
		box-sizing: border-box;transition: .2s;
		position:relative; align-items: top;justify-content: space-between;}

	div.mainpad {padding-right: 38px;padding-left: 85px;}


	div.headerwrap h1.logo a {display: block;vertical-align: middle;padding: 49px 30px 10px;transition: .2s;}

	div.headerwrap div.menu {/*flex-grow:2;*/}
	div.headerwrap div.menu ul {list-style: none;}

	div.headerwrap div.menu {/*z-index: 11;*/}
	div.headerwrap div.menu>ul:before{content: "";display: block;
		position:absolute;left: 0;right: 0;top: 0;height: 0;pointer-events: none;
		background:rgba(0,0,0,1);transition: .2s;z-index: 10;
		background-image: url(/images/logo_header_desk_wh.png);
		background-repeat: no-repeat;min-height: 0;
		background-position: left 40px top 49px;}
	div.headerwrap div.menu>ul:hover:before{height: 100%;min-height: 400px;}
	div.headerwrap div.menu:hover a {color: #fff;}
	div.headerwrap div.menu:hover li:hover a {color: #a3a3a3;}
	div.headerwrap div.menu:hover li:hover>a {color: var(--highlightcolor);;}
	div.headerwrap div.menu li.selected>a {color: var(--highlightcolor);}
	div.headerwrap div.menu:hover li.selected>a {color: var(--highlightcolor);}
	ul.mainmenu{display:flex;justify-content: flex-start;
		align-items:flex-start;list-style: none;margin:0 auto;
		flex-wrap: wrap;}
	ul.mainmenu>li {padding:0 14px ;position: relative;z-index: 11;}
	ul.mainmenu>li>label{display:none;}
	ul.mainmenu>li>input{display:none;}
	ul.mainmenu>li:first-child {padding-left: 28px;}
	ul.mainmenu>li:last-child {padding-right: 0px;}
	ul.mainmenu>li.hovermenus {padding-left: 0;
			box-sizing: border-box;width: 100%;}
	ul.mainmenu>li.break {flex-basis: 500px;max-width:100%;width: 20px;height: 0;}

	ul.mainmenu>li>a{font-size: 14px;font-weight:500;height: var(--headerHeight);display: block;
		line-height: var(--headerHeight);transition: .2s;
		text-transform: uppercase;}

	ul.mainmenu>li:not(.hovermenus):before {content: "";position: absolute;
		left: 14px;right: 14px;height: 0;background: var(--forecolor);transition: .2s;}
	ul.mainmenu>li:first-child:not(.hovermenus):before {left: 28px;}
	ul.mainmenu>li:last-child:not(.hovermenus):before {left: 0px;}
	ul.mainmenu>li.selected:before {height: 5px;}
	ul.mainmenu>li:hover:before {height: 5px;}

	ul.mainmenu>li>ul {height: 0;overflow: hidden;position: absolute;width: 400px;}
	ul.mainmenu>li:hover ul {height: auto;padding:20px 0 20px;box-sizing:border-box;min-height: 200px;
		}
	ul.mainmenu>li>ul li a {padding: 5px 0;display: block;max-width: 350px;}

	ul.mainmenu>li input {display: none;}
	/*ul.mainmenu>li>div.submenu {padding: 0 0 100px;}*/
	ul.mainmenu>li>div.submenu {}
	ul.mainmenu>li>div.submenu h3 {font-size:50px;font-weight:600;margin:0 0 20px;padding: 0 0 0 28px;
	transition: .2s;}
	ul.mainmenu>li>div.submenu>ul {position: relative;margin: 0 0 60px;padding: 20px 0 20px 0;
		list-style:none;}
	ul.mainmenu>li>div.submenu>ul::after {content: "";
		left: 350px;position: absolute;top: 0;bottom: 0;width: 1px;
		background-color: var(--forecolor);
	}
	ul.mainmenu>li>div.submenu>ul>li {padding-right: 20px;width: 350px;box-sizing: border-box;transition: .2s;}
	ul.mainmenu>li>div.submenu>ul>li>a {display:block;padding: 8px 0 8px 28px;
			color: #868080;font-weight:300;font-size: 18px;
			letter-spacing:1.8px;line-height: 1.1;position: relative;}
	ul.mainmenu>li>div.submenu>ul li a:hover{color: var(--forecolor);}
	ul.mainmenu>li>div.submenu>ul li:hover>a{color: var(--forecolor);}
	ul.mainmenu>li>div.submenu>ul li.selected>a{color: var(--forecolor);font-weight: 400}
	ul.mainmenu>li>div.submenu>ul>li.hassub>a:before {content: "+";display: block;
			position: absolute;top: 8px;left: 0px;}
	ul.mainmenu>li>div.submenu>ul>li ul {position: absolute;
		box-sizing: border-box;
		top: 0;list-style: none;padding: 20px 20px 0 20px;
		left:350px;width: 100%;
		width: calc(100% - 350px);
		height: 0;overflow-y: hidden;background-color: rgba(236, 235, 235,1);border-left: 1px solid var(--forecolor);}
	ul.mainmenu>li>div.submenu>ul>li.selected ul {height: 100%;z-index: 11;}
	ul.mainmenu>li>div.submenu>ul>li:hover ul {height: 100%;z-index: 12;}
	ul.mainmenu>li>div.submenu>ul>li ul li>a {display:block;padding: 8px 0 8px 14px;
			color: #868080;font-weight:300;font-size: 18px;overflow:auto;
			letter-spacing:1.8px;line-height: 1.1;position: relative;}

	ul.mainmenu div.submenu {height: 0;transition:.2s;overflow-y: hidden;}
	ul.mainmenu li.licc1:hover ~ li.hovermenus div.submenu.cc1  {min-height: 200px;height: auto;}
	ul.mainmenu li.licc2:hover ~ li.hovermenus div.submenu.cc2  {min-height: 200px;height: auto;}
	ul.mainmenu li.licc3:hover ~ li.hovermenus div.submenu.cc3  {min-height: 200px;height: auto;}
	ul.mainmenu li.licc4:hover ~ li.hovermenus div.submenu.cc4  {min-height: 200px;height: auto;}
	ul.mainmenu li.licc5:hover ~ li.hovermenus div.submenu.cc5  {min-height: 200px;height: auto;}
	ul.mainmenu li.licc6:hover ~ li.hovermenus div.submenu.cc6  {min-height: 200px;height: auto;}
	ul.mainmenu li.licc7:hover ~ li.hovermenus div.submenu.cc7  {min-height: 200px;height: auto;}


	ul.headeroptions li {margin: 0 0 0 5px;transition: .2s;}
	ul.headeroptions li a {width: 40px;}
	ul.headeroptions li.facebook a {width: 60px}


	.event:not(.nobanner) ul.mainmenu a {color: var(--white);}
	.event:not(.nobanner) div.headerwrap h1.logo a img {display: none;}
	.event:not(.nobanner) div.headerwrap h1.logo a img.white {display: block;}
	.event.scrolled div.headerwrap h1.logo a img.white {display: none;}
	.event.scrolled ul.mainmenu a {color: var(--black);}
}

.scrolled div.header {padding-top: 15px;padding-bottom: 15px;}
.scrolled div.headerwrap h1.logo a {padding-top: 18px}
.scrolled div.headerwrap h1.logo a img{display: none;}
.scrolled div.headerwrap h1.logo a img.scrolled{display: block;}
.scrolled div.headerwrap div.menu:before {background-position: left 40px top 18px;}
.scrolled ul.headeroptions li.facebook a:before {display: none;}
.scrolled ul.headeroptions li.facebook a {letter-spacing: .5px;
    transform: rotate(270deg) translate(27px,0);}

@media only screen and (min-width: 960px) {
	.scrolled div.headerwrap div.menu:before{background-position: left 18px top 18px;}
}

@media only screen and (min-width: 1250px) {
	div.mainpage {    /*padding-top: 300px;padding-bottom:40px;*/}
	div.header {}

	div.mainpad {padding-right: 66px;padding-left: 110px;}


	div.headerwrap h1.logo a {padding: 49px 40px 10px;}

	div.headerwrap h1.logo a {}
	ul.headeroptions li.facebook a {transform-origin: 100% 100%;
		transform: rotate(270deg)  translate(0,0);text-transform: uppercase;letter-spacing: 1.5px;
		color: var(--highlightcolor);line-height: 25px;height: 25px;
		text-indent: 0;padding-left: 50px;position: relative;display: block;
			font-size: 11px;font-weight: 500;}

	ul.headeroptions li {margin: 0 0 0 10px;transition: .2s;}
	ul.headeroptions li a {display: block;text-indent: -9000px;
		height: 54px;width: 60px;background-repeat: no-repeat;background-position: 50%;transition: .2s;}

	.scrolled ul.headeroptions li.facebook a {letter-spacing: .5px;
    transform: rotate(270deg) translate(27px,0);}

}



img.mobilewhite{display: none;}
/*img.mobilewhite{display: block;}*/

input.submenu:checked+div.submenu {min-height: 200px;height: auto;}

label.labelmenulink {display: none;}
@media only screen and (max-width: 960px) {

	div.header {padding: 0 0 0 0;}
	div.headerwrap h1.logo {position: relative;margin-bottom: 0;}
	div.headerwrap h1.logo a {padding: 22px 20px;}
	div.headerwrap h1.logo a img{display: none;}
	.scrolled div.headerwrap h1.logo a img.scrolled{display: none;}
	div.headerwrap h1.logo a img.mobile{display: block;}
	.event:not(.nobanner) div.headerwrap h1.logo a img.mobile{display: none;}
	.event:not(.nobanner) div.headerwrap h1.logo a img.mobilewhite{display: block;}
	.event.scrolled div.headerwrap h1.logo a img.mobile{display: block;}
	.event.scrolled div.headerwrap h1.logo a img.mobilewhite{display: none;}


	.event .mainbanner section {padding:0 30px 50px 30px ;}
	.event .mainbanner section h1 {font-size: 50px;letter-spacing: -2px;line-height: 56px;}
	.event .mainbanner section h2 {font-size: 18px;line-height: 2;}
	.event .mainbanner section h3 {font-size: 18px;line-height: 2;}


	label.labelmenulink {width: 22px;height: 12px;display: block;position: relative;
		cursor: pointer;margin-right: 22px;}
	label.labelmenulink span {position: absolute;display: block;
		width: 100%;height: 2px;background-color: var(--black);
		transition: .2s;transform-origin: 50%;}

	.event:not(.nobanner) label.labelmenulink span {background-color: var(--white);}
	.event.scrolled label.labelmenulink span {background-color: var(--black);}

	label.labelmenulink span {top: calc(50% - 1px);}
	label.labelmenulink span:first-child {top: 0;}
	label.labelmenulink span:nth-child(2) {width: 80%;right: 0;}
	label.labelmenulink span:last-child {top:auto;bottom: 0;}


	.scrolled div.header {padding-top: 0;padding-bottom: 0;}

	:root {
		--headerHeight: 90px;
	}


	input#mobilemenu:checked + div.headerwrap h1.logo a img.mobile{display: block;}
	.event input#mobilemenu:checked + div.headerwrap h1.logo a img.mobile{display: block;}
	.event input#mobilemenu:checked + div.headerwrap h1.logo a img.mobilewhite{display: none;}
	.event.scrolled input#mobilemenu:checked + div.headerwrap h1.logo a img.mobilewhite{display: none;}
	.event.scrolled input#mobilemenu:checked + div.headerwrap h1.logo a img.mobile{display: block;}

	input#mobilemenu:checked + div.headerwrap label.labelmenulink span {background-color:var(--black);}
	input#mobilemenu:checked + div.headerwrap label.labelmenulink span:nth-child(2) {opacity: 0;}
	input#mobilemenu:checked + div.headerwrap label.labelmenulink span:first-child {transform: rotate(45deg);top: 50%}
	input#mobilemenu:checked + div.headerwrap label.labelmenulink span:last-child {transform: rotate(-45deg);bottom: calc(50% - 2px)}

	div.headerwrap div.header {justify-content: space-between;align-items: center;}
	div.headerwrap div.menu {display: none;}
	div.headerwrap div.headeroptionswrap {display: none;}




	input#mobilemenu:checked + div.headerwrap {/*height: 100%;*/flex-wrap: wrap;}
	input#mobilemenu:checked + div.headerwrap div.header{/*height: 100%;*/flex-wrap: wrap;}
	.event input#mobilemenu:checked + div.headerwrap div.header {background-color: #fff;}
	input#mobilemenu:checked + div.headerwrap div.menu {display: block;position: relative;
		/*top: var(--scrolledHeaderHeight);left: 5%;right: 5%;
		bottom: var(--scrolledHeaderHeight);*/
		height: calc(100vh - 184px);overflow-y: auto;
		padding: 15px 20px;
		width: 100%;
		box-sizing: border-box	;
	}

	li.hovermenus {display: none;}

	input#mobilemenu:checked + div.headerwrap div.menu>ul {list-style: none;}
	input#mobilemenu:checked + div.headerwrap div.menu>ul>li {position: relative;
		padding: 5px 0 5px 54px;
		font-size: 22px;font-weight: 500;}
	input#mobilemenu:checked + div.headerwrap div.menu>ul>li>a {padding: 1px 0;display: block;
		text-transform: uppercase;font-size: 18px}
	input#mobilemenu:checked + div.headerwrap div.menu>ul ul {height:0;overflow: hidden;position: relative;
		font-size: 22px;font-weight: 400}
	input#mobilemenu:checked + div.headerwrap div.menu>ul>li>label{display: block;position: absolute;left: 0;
			top:13px;
			background: url(/images/arrow_down_bl.png) no-repeat 50%;width: 23px;height: 20px;
			cursor: pointer;}
	input#mobilemenu:checked + div.headerwrap div.menu>ul>li input{display: none;}
	input#mobilemenu:checked + div.headerwrap div.menu>ul input:checked+ul {height:auto;padding: 10px 0 0 30px;
		font-size: 15px;list-style: none;}
	input#mobilemenu:checked + div.headerwrap div.menu>ul li.selected>ul {height:auto;padding: 10px 0 0 30px;
		font-size: 15px;list-style: none;}
	input#mobilemenu:checked + div.headerwrap div.menu>ul>li>ul li {padding: 4px 0;position: relative;}
	input#mobilemenu:checked + div.headerwrap div.menu>ul>li>ul li a {}
	input#mobilemenu:checked + div.headerwrap div.menu>ul>li>ul>li>label{display: block;position: absolute;left: 0;
			top:5px;
			background: #f00;width: 13px;height: 17px;background: url(/images/plus.png) no-repeat 50%;
			cursor: pointer;left: -30px}

	div.headerwrap div.menu li.selected>a {color: var(--highlightcolor);}



	input#mobilemenu:checked + div.headerwrap div.headeroptionswrap {display: block;
			width: 100%;margin: 20px auto;max-width: 95%;}
		input#mobilemenu:checked + div.headerwrap {border-bottom: 4px solid var(--highlightcolor);}


	ul.headeroptions li.facebook {position: relative;transform: 	none;}
	ul.headeroptions li.facebook a {position: relative;transform: 	none;width: auto;padding-left: 0;}
	.scrolled ul.headeroptions li.facebook {position: relative;transform: 	none;
		margin: 30px 0 0 0;}
	.scrolled ul.headeroptions li.facebook a{position: relative;transform: 	none;}
	.scrolled ul.headeroptions li.facebook a{position: relative;transform: 	none;width: auto;}

	ul.headeroptions li.facebook a:before {display:none;}
	.scrolled ul.headeroptions li.facebook a:before {display:none;}

	input#mobilemenu:checked + div.headerwrap div.menu {display: block;position: relative;
		/*top: var(--scrolledHeaderHeight);left: 5%;right: 5%;
		bottom: var(--scrolledHeaderHeight);*/
		height: var(--app-height);}

}


@media only screen and (max-width: 550px) {

	input#mobilemenu:checked + div.headerwrap div.headeroptionswrap {margin: 8px 0;}



	ul.headeroptions {flex-wrap: wrap;}
	ul.headeroptions li {width: 20%;margin: 0;}
	ul.headeroptions li a {margin: 0 auto;height: 32px;}
	.scrolled ul.headeroptions li a {margin: 0 auto;height: 32px;}
	ul.headeroptions li.facebook {position: relative;width: 100%;text-align:left;
			right: auto;left: auto;text-align: center;margin: 8px 0;}
	.scrolled ul.headeroptions li.facebook {position: relative;width: 100%;text-align:left;
			right: auto;left: auto;text-align: center;margin: 8px 0;}
}



:root {
	--textHeaderMaxWidth: 82%;
}
@media only screen and (max-width: 960px) {
	:root {
		--textHeaderMaxWidth: 95%;
	}
}


.socialwrap  {display:flex	;justify-content: flex-end	;}
.event .socialwrap {margin: 15px 15px 0 0 }
.socialwrap ul.social {display: flex;
		align-items:center;margin:0 0 10px auto;list-style:none;
		padding-left: 50px;position: relative;}
.socialwrap ul.social:before {content: "SHARE:";display:block;
	padding: 0 0 0 10px;font-size: 13px;color:#c8c8c8;line-height: 26px;height: 26px;
	vertical-align: bottom;}
.socialwrap ul.social:after {content: "";
	display:block;position: absolute;height: 1px;width: 45px;background-color:#c8c8c8;
	left: 0;top: 50%;}
.socialwrap ul.social li {margin: 0 0 0 7px;}
.socialwrap ul.social li a {display: block;text-indent:-9000px;
width: 26px;height: 26px;vertical-align: bottom;opacity: .3}
.socialwrap ul.social li.facebook a {background:url(/images/share_facebook.png) no-repeat 50%;}
.socialwrap ul.social li.twitter a {background:url(/images/share_twitter.png) no-repeat 50%;}
.socialwrap ul.social li a:hover {opacity: 1}
.socialwrap ul.social li.edit a {font-size: 12px;text-indent:0;line-height: 26px;}

.article {}

.articlewrap {padding: 180px 0 250px 0;}
.articlewrap.event {padding: 0 0 250px 0;}

.articlewrap .articleheader {width: var(--textHeaderMaxWidth);max-width:1370px;box-sizing: border-box;
		margin: 0 auto 60px;}
.articlewrap.event .articleheader {width: 100%;max-width: 1920px;}

.articlewrap .textwrap {width: var(--textHeaderMaxWidth);max-width: 1140px;
		margin: 0 auto 60px;}
.articlewrap section {}

.event .articlewrap section {width: 95%;max-width: 1300px;margin: 50px auto;}


.articlewrap .articleheader ul.youarehere {list-style: 	none;
		font-weight: 400;
		display:flex;align-items:flex-start;justify-content: flex-start;font-size:16px;
		color: var(--black);}
.articlewrap .articleheader ul.youarehere li {}
.articlewrap .articleheader ul.youarehere li:after {content:">";padding:0 4px}
.articlewrap .articleheader ul.youarehere li:last-child:after {content:"";}
.articlewrap .articleheader ul.youarehere li a {color: var(--highlightcolor)}
.articlewrap .articleheader h1 {margin: 0;padding: 0;font-size: 60px;font-weight: 200;line-height: 1.1;
		transition:.2s;}
.articlewrap .articleheader h2 {margin: 0;padding: 0;font-size: 22px;font-weight: 400;}
.articlewrap .articleheader h4.date {margin: 10px 0 0 0;padding: 0;font-size: 22px;font-weight: 400;
	color: var(--highlightcolor);}

.maintext {font-size: 18px;color: var(--black);font-weight:300;line-height: 1.9}
.maintext p {margin-bottom:1em; }
.maintext p a {text-decoration: underline;color:blue}
.maintext p a:hover {text-decoration: underline;color:#000}
.maintext:empty {display: none}

.maintext ul {margin:0 0 40px 40px;}

.maintext .mainpic {float: right;margin: 0 0 30px 30px;width: 40%;transition: 	.2s;}
.maintext .mainpic img {width: 100%;}

/*.articlewrap .anarticle {width: var(--textHeaderMaxWidth);
    max-width: 1140px;
    margin: 0 auto 60px;}
*/
.articlewrap .anarticle .extra {width: 95%;margin:100px 0}
.articlewrap .anarticle .extra h3 {font-size: 65px;border-bottom: 1px solid var(--black);padding-bottom: 50px;
	font-weight: 600;margin: 0 0 50px}
.articlewrap .anarticle .extra ul {margin-left:40px}



@media only screen and (max-width: 1580px) {
	.articlewrap .articleheader {margin-left: 140px;}
	.event .articlewrap .articleheader {margin-left: 0px;}
}
@media only screen and (max-width: 1250px) {
	.articlewrap .articleheader {margin-left: 116px;}
	.event .articlewrap .articleheader {margin-left: 0;}
}

@media only screen and (max-width: 960px) {
	.articlewrap {padding: 120px 0;}
	.articlewrap .articleheader {margin-left: auto;}
	.maintext .mainpic {width: 50%;}
	.articlewrap .articleheader h1 {font-size: 45px;}
}
@media only screen and (max-width: 750px) {
	.maintext .mainpic {float: none;margin: 0 auto 30px;width: 100%;}
	.maintext .mainpic img {max-width:100%;max-height:60vh;object-fit:contain;}
	.articlewrap .articleheader h1 {font-size: 35px;}
	.articlewrap .articleheader ul.youarehere {font-size: 14px;}

}



div.newslistwrap {background:var(--lightgrey);padding: 90px 0;}
div.newslistwrap_in {width: 95%;max-width: 1380px;margin: 0 auto;padding: 0;}
/*div.newslistwrap_in*/ ul.news {display: flex;align-items:stretch;
		justify-content: space-between;list-style: none;flex-wrap: wrap;}
/*div.newslistwrap_in*/ ul.news li {width: 31%;margin-bottom: 50px;transition:.2s;}
/*div.newslistwrap_in*/ ul.news li:before {content: "";display: block;border-top:1px solid var(--black);
		height: 20px;}
/*div.newslistwrap_in*/ ul.news li .imagewrap {position: relative;margin: 0 0 10px;
		height: 0;padding-bottom: 100%;width: 100%;}
/*div.newslistwrap_in*/ ul.news li img {position:absolute;top: 0;left: 0;right: 0;bottom: 0;
		width: 100%;height: 100%;object-fit:cover;}
/*div.newslistwrap_in*/ ul.news li .date {font-size: 28px;font-weight: 200;padding: 0 0 10px;transition:.2s;}
/*div.newslistwrap_in*/ ul.news li h2 {margin: 0;padding: 0;font-weight: 400;font-size: 24px;transition:.2s;}

@media only screen and (min-width: 850px) and (max-width: 1240px) {
	/*div.newslistwrap_in*/ ul.news li .date {font-size: 18px;font-weight:300;}
	/*div.newslistwrap_in*/ ul.news li h2 {font-size: 18px;}
}
@media only screen and (max-width: 850px) {
	/*div.newslistwrap_in*/ ul.news li {width: 48%;margin-bottom: 50px}

}
@media only screen and (max-width: 750px) {
	/*div.newslistwrap_in*/ ul.news li .date {font-size: 18px;font-weight:300;}
	/*div.newslistwrap_in*/ ul.news li h2 {font-size: 18px;}
}

@media only screen and (max-width: 550px) {
	/*div.newslistwrap_in*/ ul.news li .imagewrap {padding-bottom: 75%;}
	/*div.newslistwrap_in*/ ul.news li {width: 100%;margin-bottom: 40px}

}



ul.pages {display: flex;justify-content: flex-end;list-style: none;
	width: 100%;flex-wrap: nowrap;margin: 0 0 30px}
ul.pages li {margin: 0 3px;transition: .2s;line-height: 45px;}
ul.pages li a {display: block;padding: 0;width: 45px;text-align: center;
		height: 45px;line-height: 45px;
		border: 3px solid transparent;
	font-weight: 400;font-size:17px; transition: .2s;}
ul.pages li a.sel {font-weight: 700;border: 3px solid var(--highlightcolor);}
ul.pages li.prev {margin-right: 15px;}
ul.pages li.next {margin-left: 15px;}

@media only screen and (max-width: 750px) {
	ul.pages li a {width: 22px;}
	ul.pages li.prev {margin-right: 8px;}
	ul.pages li.next {margin-left: 8px;}

}


div.eventslistwrap {background:var(--white);padding: 90px 0;}
div.eventslistwrap_in {width: 95%;max-width: 1380px;margin: 0 auto;padding: 0;}
div.eventslistwrap_in ul.events {display: flex;align-items:stretch;
		justify-content: space-between;list-style: none;flex-wrap: wrap;}
div.eventslistwrap_in ul.events li {width: 45%;margin-bottom: 110px;transition:.2s;
	display: flex;flex-wrap: wrap;align-items: stretch;transition: .2s;}
div.eventslistwrap_in ul.events li >* {width: 100%;}
div.eventslistwrap_in ul.events li a {display:block;}
div.eventslistwrap_in ul.events li div.info {display: flex;justify-content:space-between;
	align-items: center;
	flex-direction: row-reverse;margin-bottom: 20px;position: relative;padding-bottom: 15px}
div.eventslistwrap_in ul.events li div.info:after {content: "";display: block;
		border-bottom:1px solid var(--black);width: 100%;position: absolute;bottom: 0;left: 0;right: 0;
		height: 20px;}
div.eventslistwrap_in ul.events li div.info div.dates {color:var(--grey);font-size:13px;text-align: right;}
div.eventslistwrap_in ul.events li div.info div.dates p {display: block;margin: 0;padding: 0;}
div.eventslistwrap_in ul.events li div.info div.dates span {display: block;margin: 0;padding: 0;}
div.eventslistwrap_in ul.events li div.info h5 {font-size:12px;letter-spacing:1.3px;padding:0;margin:0;font-weight:400;
	text-transform: uppercase; }
div.eventslistwrap_in ul.events li div.data {margin: 10px 0 0 0;}
div.eventslistwrap_in ul.events li div.data h2 {font-size: 26px;color: var(--black);margin: 0 0 10px 0;padding: 0;
	font-weight: 400;transition: .2s;}
	div.eventslistwrap_in ul.events li div.data h2 span {font-size: 18px;padding-left: 10px}
div.eventslistwrap_in ul.events li div.data h3 {font-size: 18px;color: var(--highlightcolor);margin:0;padding: 0;
	font-weight: 400;}
div.eventslistwrap_in ul.events li a.image {width: 100%;max-width: 480px;margin-left: 33px;
	margin:60px 0 0 33px;transition:.2s;
	align-self: flex-end;box-shadow: -33px 33px var(--lightgrey);}
div.eventslistwrap_in ul.events li div.image {position: relative;margin: 0;
		height: 0;padding-bottom: 70%;width: 100%;}
div.eventslistwrap_in ul.events li img {position:absolute;top: 0;left: 0;right: 0;bottom: 0;
		width: 100%;height: 100%;object-fit:cover;vertical-align: bottom;}

@media only screen and (min-width: 750px) and (max-width: 1050px) {
	div.eventslistwrap_in ul.events li div.data h2 {font-size: 20px;}
	div.eventslistwrap_in ul.events li div.data h3 {font-size: 17px;}
	div.eventslistwrap_in ul.events li {width: 48%;}
}
@media only screen and (max-width: 750px) {
	div.eventslistwrap_in ul.events {}
	div.eventslistwrap_in ul.events li {width: 100%;}
}
@media only screen and (max-width: 550px) {
	div.eventslistwrap_in ul.events li div.data h2 {font-size: 20px;}
	div.eventslistwrap_in ul.events li div.data h3 {font-size: 17px;}
	div.eventslistwrap_in ul.events li a.image {margin: 20px 0 0 20px;box-shadow: -20px 20px var(--lightgrey);}
}


.articlewrap .mediagallery_wrap {max-width:1370px;margin: 100px auto;width: 100%;}
.articlewrap .mediagallery_wrap a.slick-slide {box-sizing:border-box;padding: 10px;}
.articlewrap .mediagallery_wrap a.slick-slide picture {height: 0;padding-top: 100%;
		position: relative;overflow:hidden;display:block;}
.articlewrap .mediagallery_wrap a.slick-slide img {position: absolute;
		top: 0;left:0;right: 0;bottom: 0;max-width: 100%;width: 100%;height: 100%;
		object-fit:cover;}

.articlewrap .mediagallery_wrap .slider-controls {position:relative;
	margin: 30px 0 30px;display: flex;align-items: center;
	justify-content: center;}
.articlewrap .mediagallery_wrap .slider-controls .mediacounter {font-size: 17px;font-weight:500;
		margin: 0 45px}
.articlewrap .mediagallery_wrap .slider-controls .mediacounter span {font-size: 36px;font-weight:500;
		}
.articlewrap .mediagallery_wrap .slider-controls button	{border: 0;background-color:transparent;
			width:25px;height:14px;display: block;cursor: pointer;text-indent: -9000px;
			background-repeat: no-repeat;background-position: 50%;
			margin-top: 10px;}
.articlewrap .mediagallery_wrap .slider-controls button.slide-m-prev {
		background-image:url(/images/prev.png);}
.articlewrap .mediagallery_wrap .slider-controls button.slide-m-next {
	background-image:url(/images/next.png);}


.home div.headerwrap {background-color: transparent;}
.home.scrolled div.headerwrap {background-color: var(--white);}

.event div.headerwrap {background-color: transparent;}
.event.scrolled div.headerwrap {background-color: var(--white);}


.articlewrap .mediagallery_wrap {width: 95%;}
.articlewrap .mediagallery_wrap h2 {font-size: 65px;border-bottom: 1px solid var(--black);padding-bottom: 50px;
	font-weight: 600;margin: 0 0 50px}
.articlewrap .mediagallery {display: flex;justify-content: flex-start;align-items: stretch;
		flex-wrap: 	wrap;width: 95}
.articlewrap .mediagallery a {display: flex;width: calc(20% - 20px);margin-left: 25px;margin-bottom: 25px;
	transition: .2s;
	background-color: #f00;padding-bottom: calc(20% - 20px);align-items: stretch;position: relative;}
.articlewrap .mediagallery a:nth-child(5n+1) {margin-left: 0;}
.articlewrap .mediagallery a picture {width: 100%;height: 100%;/*padding-bottom: 100%;*/;position: absolute;
	top: 0;left: 0;background-color: #0f0;}
.articlewrap .mediagallery a picture img {width: 100%;height: 100%;object-fit: cover;object-position: 50%;
	position: absolute;top: 0;left: 0;}
.articlewrap .mediagallery a.video:after {content: "";background: url(/images/play.png) no-repeat 50%;
width: 120px;height: 120px;top: calc(50% - 60px);left: calc(50% - 60px);position: absolute;display: block;}

@media only screen and (max-width: 1000px) {
	.articlewrap .mediagallery a {display: flex;width: calc(25% - 25px);margin-left: 33px;margin-bottom: 33px;
		background-color: #f00;padding-bottom: calc(25% - 25px);align-items: stretch;position: relative;}
	.articlewrap .mediagallery a:nth-child(5n+1) {margin-left: 33px;}
	.articlewrap .mediagallery a:nth-child(4n+1) {margin-left: 0px;}
}
@media only screen and (max-width: 700px) {
	.articlewrap .mediagallery a {display: flex;width: calc(33% - 20px);margin-left: 30px;margin-bottom: 30px;
		background-color: #f00;padding-bottom: calc(33% - 20px);align-items: stretch;position: relative;}
	.articlewrap .mediagallery a:nth-child(5n+1) {margin-left: 30px;}
	.articlewrap .mediagallery a:nth-child(4n+1) {margin-left: 30px;}
	.articlewrap .mediagallery a:nth-child(3n+1) {margin-left: 0px;}
}




.articlewrap .related_wrap {width: 95%;max-width:1370px;margin: 100px auto;}
.articlewrap .related_wrap h2 {font-size: 42px;position: relative;
	padding-left: 100px;}
.articlewrap .related_wrap h2::before {content: "";
	width: 80px;height: 1px;left: 0;top: 60%;
	background-color: var(--black);position: absolute;}


.articlewrap .related_wrap ul {list-style: none;margin:10px 0 50px}
.articlewrap .related_wrap ul li {font-size:18px;font-weight: 300;margin: 10px 0 20px}
.articlewrap .related_wrap ul li a {color:var(--black);display: block;
	padding: 15px 0 15px 60px;background-position: 0 0;background-repeat: no-repeat;}
.articlewrap .related_wrap ul li.download a {background-image:url(/images/downloads.png);}
.articlewrap .related_wrap ul li.link a {background-image:url(/images/ilinks.png);}
.articlewrap .related_wrap ul li a:hover {text-decoration:underline;}




div.homebanner {position: relative;}

div.years150 img {width: 100%;height: 100%;object-fit: contain;}

div.homebannerelement_wrap {height: 100vh;width: 100%;transition:.2s ;position: relative;}
div.homebannerelement {display: flex;justify-content: space-between;align-items: stretch;
	height: 100%;}
div.homebannerelement picture {width:50%;box-sizing: border-box;transition: .2s;}
div.homebannerelement picture img {width: 100%;height: 100%;object-fit: cover;transition: .2s;}
div.homebannerelement div.bannerdata {width:50%;box-sizing: border-box;transition: .2s;
	display: flex;flex-wrap: wrap;
	position: relative;align-items: flex-end;text-align: right;}
div.homebannerelement div.bannerdata>* {width: 100%;}
div.homebannerelement div.bannerdata article {box-sizing: border-box;padding:6% 6% 10% 6%}
div.homebannerelement div.bannerdata h1 {color: #000;font-size: 80px;line-height:86px;letter-spacing: -2px;width: 100%;font-weight: 700;}
div.homebannerelement div.bannerdata h2 {color: var(--highlightcolor);font-size: 25px;font-weight: 500;width: 100%;}
div.homebannerelement div.bannerdata div.dates {font-size: 12px;font-weight: 300;letter-spacing: 1.1px;
	line-height: 1;	text-transform: uppercase;
	display: block;position: absolute;transform-origin: 100% 100%;
	transform:rotate(270deg);
	top: 10%;right: 2%;
}
div.homebannerelement div.bannerdata div.dates:after {content: "";
	display: inline-block;height: 1px;background-color: var(--black);
	width: 60px;}
div.homebannerelement div.bannerdata div.dates span {font-weight: 500;}
div.homebannerelement div.bannerdata div.dates span.hall {font-weight: 300;
	padding: 0 5px 0 0;}
div.homebannerelement div.bannerdata div.dates span.hall:after {
	content:"/";padding-left: 5px;}

div.homebannercontrols {position: absolute;left: calc(50% + 30px);
	top: 50%;bottom: 0;display: flex;flex-wrap: wrap;width:46px;
	align-items: center;}
	div.homebannercontrols>* {width: 46px;height: 46px;}
div.homebannercontrols .slide-homebanner-dots ul {list-style: none;}
div.homebannercontrols .slide-homebanner-dots ul li {height:46px;display: flex;align-items: center;
		justify-content: center;}
div.homebannercontrols .slide-homebanner-dots ul li button {transition: .2s;cursor: pointer;
	width: 10px;height: 10px;border-radius: 50%;background-color: rgba(255,255,255,1);position: relative;
	text-indent:-9000px;margin: 0;padding: 0;border: 0;box-shadow: 0 0 10px rgba(1,1,1,0.5);}
div.homebannercontrols .slide-homebanner-dots ul li button:after{content: "";display: block;position: absolute;
	top: -10px;left: -10px;right: -10px;bottom: -10px;
	border-radius: 50%;border: 10px solid rgba(255,255,255,0)}
div.homebannercontrols .slide-homebanner-dots ul li button:hover {
	background-color: rgba(255,255,255,0);
}
div.homebannercontrols .slide-homebanner-dots ul li button:hover:after {
	border: 9px solid rgba(255,255,255,1)
	/*width: 15px;height: 15px;*/}
div.homebannercontrols .slide-homebanner-dots ul li.slick-active button {
	background-color: rgba(255,255,255,0);
}
div.homebannercontrols .slide-homebanner-dots ul li.slick-active button:after {
	border: 9px solid rgba(255,255,255,1)
	/*width: 15px;height: 15px;*/}

div.homebannercontrols .slide-homebanner-dots ul li:only-child {display: none;}	

div.homebannercontrols .slider-controls button.homearrow {border: 0;background-color:transparent;
			width:46px;height:46px;display: block;cursor: pointer;text-indent: -9000px;
			background-repeat: no-repeat;background-position: 50%;
			margin: 0px;}
div.homebannercontrols .slider-controls button.slide-homebanner-prev {
		background-image:url(/images/home_arrow_prev.png);}
div.homebannercontrols .slider-controls button.slide-homebanner-next {
	background-image:url(/images/home_arrow_next.png);}
div.homebannercontrols .slider-controls button.homearrow.slick-hidden {display: none}

@media only screen and (max-height: 700px) {
div.homebannercontrols {
	top: 00%;}
}

@media only screen and (max-width: 1300px) {
	body.home {padding-top: 130px;}
	body.home.years150 {padding-top: 0;}
	div.homebannerelement_wrap {height: 650px;}
	.years150 div.homebannerelement_wrap {height: 100vh;}
	div.homebannerelement div.bannerdata {position: relative;z-index: 3;text-align:left;
		width: auto;max-width: 50%}
	div.homebannerelement div.bannerdata h1 {font-size: 62px;line-height:68px;}
	div.homebannerelement picture {width:100%;height: 100%;
		position: absolute;right: 0;bottom: 0;top: 0;z-index: 2;}
	div.homebannerelement picture img {width:80%;height: 100%;
		bottom: 0;right: 0;position: absolute;}
	div.homebannerelement div.bannerdata article {background-color: #fff;padding-right: 100px}

	div.homebannerelement div.bannerdata div.dates {
		font-size: 12px;font-weight: 300;letter-spacing: 1.1px;
		line-height: 1;	text-transform: uppercase;
		position: relative;
		transform:none;
		top: auto;right: auto;}
	div.homebannerelement div.bannerdata div.dates:after {display: none;}
	div.homebannerelement div.bannerdata div.dates span.hall {display: block;padding-right:0;}
	div.homebannerelement div.bannerdata div.dates span.hall:after {display: none;}

	div.homebannercontrols {position: absolute;left: auto;right: 10px;
		top: 0%;bottom: 0;display: flex;flex-wrap: wrap;width:46px;
		align-items: center;}
	div.homebannercontrols>* {width: 46px;height: 46px;}
}
@media only screen and (max-width: 1000px) {
	body.home {padding-top: 90px;}
	body.home.years150 {padding-top: 0;}
	div.homebannerelement div.bannerdata {max-width: 70%}
	div.homebannerelement picture img {width:100%;height: 100%;
		bottom: 0;right: 0;position: absolute;}
}
@media only screen and (max-width: 900px) {
	div.homebannerelement div.bannerdata h1 {font-size: 46px;line-height:46px;}
	div.homebannerelement div.bannerdata h2 {margin-top: 0;font-size: 20px}
}


.calendarwrap {background-color: var(--lightgrey);padding:90px 2.5%;
	display: flex;align-items:stretch;justify-content:space-between;}
.calendarwrap div.homecalendar {width: calc(100% - 570px);border-right: 1px solid var(--black);
	box-sizing: border-box;
	display: flex;align-items:flex-start;justify-content:space-between;
	padding-right: 70px;}

.calendarwrap div.liveAtDipethe {width: 570px;box-sizing: border-box;
	padding-left:80px;}
.calendarwrap div.liveAtDipethe .top h3 {margin: 0 0 50px;padding: 0;
font-size: 30px;font-weight:300 ;letter-spacing:3px;}


.calendarwrap div.liveAtDipethe div.event {padding: 20px 0;}
.calendarwrap div.liveAtDipethe div.event a {padding: 20px 0 10px;}
.calendarwrap div.liveAtDipethe div.event a h3 {font-size: 18px;font-weight: 500;
	margin: 0;padding: 0;}
.calendarwrap div.liveAtDipethe div.event a h4 {font-size: 14px;font-weight: 300;
	margin: 0;padding: 0;}
.calendarwrap div.liveAtDipethe div.event div.dates {
	margin: 15px 0 0 0;
	font-size: 13px;letter-spacing: 1.3px;}


.weekcontrols .slider-controls {position:relative;
	margin: 30px 0 0px;display: flex;align-items: center;
	justify-content: flex-end;}
.weekcontrols .slider-controls button	{border: 0;background-color:transparent;
			width:25px;height:14px;display: block;cursor: pointer;text-indent: -9000px;
			background-repeat: no-repeat;background-position: 50%;
			margin:0 0 0 10px;}
.weekcontrols .slider-controls button.slide-home-prev {
		background-image:url(/images/prev.png);}
.weekcontrols .slider-controls button.slide-home-next {
	background-image:url(/images/next.png);}
.weekcontrols .slider-controls button.slick-hidden {display: none;}
.weekcontrols .slider-controls button.slick-disabled {opacity: 0.4;cursor: auto}


.calendarwrap div.homecalendar div.calendarSlick {width: calc(100% - 410px);margin-right: 30px}
.calendarwrap div.homecalendar div.monthsNamesSlick {width: 380px;box-sizing: border-box;
	padding: 0 40px;position: relative;}

.calendarwrap div.homecalendar div.monthsNamesSlick button.slick-arrow {border: 0;background-color:transparent;
			width:30px;height:30px;display: block;cursor: pointer;text-indent: -9000px;
			background-repeat: no-repeat;background-position: 50%;
			margin: 0px;position: absolute;top: 20px;}
.calendarwrap div.homecalendar div.monthsNamesSlick button.slick-prev {
		background-image:url(/images/prev.png);left: 0;}
.calendarwrap div.homecalendar div.monthsNamesSlick button.slick-next {
	background-image:url(/images/next.png);right: 0;}
.calendarwrap div.homecalendar div.monthsNamesSlick button.slick-arrow.slick-disabled {opacity: 0.4;cursor: auto}

div.monthslick h1 {line-height: 67px;text-align:center;
	font-size: 48px;font-weight: 900;transition: .2s;letter-spacing: -2px;}
div.monthslick h1 span {display: block;line-height: 30px;font-weight: 900;font-size: 26px;letter-spacing: -2px;}


div.calendarSlick {}

div.monthwrap {display: flex;justify-content: space-between;align-items: stretch;
	padding: 0 0 0;
	flex-wrap: wrap;}

div.monthwrap div.week {width: 100%;margin-right: 7px;display: flex;
	justify-content: space-between;align-items: stretch;}

div.monthwrap div.day {position: relative;
	display: flex;flex-wrap: wrap;align-content: space-between;
	text-align: center;justify-content: center;
	width: calc(14.29%);margin: 0 0 5px 0;}
div.monthwrap div.day.otherMonth {opacity: 0;}
div.monthwrap div.day div.top {padding:0px;width: 100%;font-weight: 700;}
div.monthwrap div.day div.top span {display: block;font-size: 17px;font-weight: 500;
	padding: 8px 0;color: #000;}
div.monthwrap div.day div.top span.dayName {margin-bottom: 20px;font-weight: 900;color: #000}
div.monthwrap div.day.hasnot div.top span {/*opacity: .4;*/}
div.monthwrap div.day.has div.top span {color: var(--highlightcolor);}

div.monthwrap div.day .dayevents_wrap {display: none;
	position: absolute;left: calc(50% - 120px);bottom: 100%;
	width: 240px;box-sizing: border-box;
	font-size: 11px;text-align: left;padding:0;
	font-weight: 400;}
div.monthwrap div.day.d1 .dayevents_wrap {left: 0px;}
div.monthwrap div.day.d2 .dayevents_wrap {left: 0px;}
div.monthwrap div.day.d6 .dayevents_wrap {left:auto;right:0px;}
div.monthwrap div.day.d7 .dayevents_wrap {left:auto;right:0px;}
div.monthwrap div.day.lastweek .dayevents_wrap {left: auto;right: 0}
div.monthwrap div.day .dayevents_wrap .dayevents {
	background-color: var(--black);padding: 10px;
	box-shadow:0 0 20px var(--black_35);color: var(--white);}
div.monthwrap div.day .dayevents_wrap .dayevents span.times{font-weight: 300;}
div.monthwrap div.day .dayevents_wrap .dayevents a {margin-bottom: 5px;color: var(--white);}
div.monthwrap div.day .dayevents_wrap .dayevents a:hover {color: var(--highlightcolor)}
div.monthwrap div.day .dayevents_wrap .dayevents a:last-child {margin-bottom: 0px;}


.home div.monthwrap div.day:hover .dayevents_wrap {display: block;}
.home div.monthwrap div.day.has:hover div.top span {color: var(--white);}
.home div.monthwrap div.day.has:hover {background-color: var(--black);}

a.showEventDays {color:var(--highlightcolor);border-radius:8px;}
a.showEventDays.has1 {color:var(--ticketsHas);}
a.showEventDays.has2 {color:var(--ticketsLimited);}
a.showEventDays.has3 {color:var(--ticketsNo);}
a.showEventDays:hover {color:var(--white);}

a.showEventDays:hover {background-color:var(--highlightcolor);}
a.showEventDays.has1:hover {background-color:var(--ticketsHas);}
a.showEventDays.has2:hover {background-color:var(--ticketsLimited);}
a.showEventDays.has3:hover {background-color:var(--ticketsNo);}


@media only screen and (max-width: 1500px) {
	.calendarwrap div.homecalendar {flex-wrap: wrap;flex-direction: column-reverse;}
	.calendarwrap div.homecalendar div.calendarSlick {width: 100%;}
	.calendarwrap div.homecalendar div.monthsNamesSlick {width: 100%;margin-bottom: 30px;}
}

@media only screen and (max-width: 1200px) {
	.calendarwrap div.liveAtDipethe {width: 530px;padding-left: 40px;}
	.calendarwrap div.homecalendar {width: calc(100% - 530px);padding:0 30px 0 0;}
	div.monthslick h1 {font-size: 35px;line-height: 42px;font-weight: 700}
	div.monthslick h1 span {font-size: 23px;}

	.calendarwrap div.liveAtDipethe .top h3 {letter-spacing: 1px;}
}
@media only screen and (max-width: 1000px) {
	.calendarwrap div.liveAtDipethe {width: calc(100% - 400px);padding-left: 30px;}
	.calendarwrap div.homecalendar {width: 400px;padding:0 30px 0 0;}
}
@media only screen and (max-width: 820px) {
	.calendarwrap {flex-wrap: wrap;}
	.calendarwrap div.homecalendar {width: 100%;padding:0 0 0px;border-bottom: 1px solid var(--black);margin-bottom: 40px;
		border-right:0;}
	.calendarwrap div.liveAtDipethe {width: 100%;padding: 0;}
	.calendarwrap div.liveAtDipethe div.top h3 {text-align: center;}
}

/*

.calendarSlick button.slick-arrow {display: block;z-index: 10;
	position: absolute;top:calc(50% - 15px);transition: .2s;
	width: 30px;height:30px;background-color: transparent;
	border-radius: 50%;border: 0;text-indent: -9000px;cursor: pointer;
	background-repeat: no-repeat;background-position: 50%;}
.calendarSlick button.slick-prev {background-image: url(/images/arrow_left_bl.png);left:-70px;}
.calendarSlick button.slick-next {background-image: url(/images/arrow_right_bl.png);right:-70px;}

.calendarSlick button.slick-arrow.slick-disabled {opacity: .5;cursor: auto;}


@media only screen and (max-width: 1120px) {
	.calendarWrap {padding: 25px 45px;}
	.calendarSlick button.slick-prev {left:-40px;}
	.calendarSlick button.slick-next {right:-40px;}
}

@media only screen and (max-width: 800px) {
	.calendarWrap {padding: 15px 10px;}
	.calendarSlick button.slick-prev {left:-30px;}
	.calendarSlick button.slick-next {right:-30px;}

	div.week div.title {flex-wrap: wrap;margin: 0 10px 20px 10px;}
	div.week div.title h3 {font-size: 26px;width: 100%}
	div.week div.title h3 span {font-weight: 300;}
	div.week div.title h4 {font-size: 20px;width: 100%;padding: 0;margin: 0;}

}

@media only screen and (max-width: 580px) {
	.calendarWrap {padding: 15px 10px;}
	.calendarSlick button.slick-prev {left:5px;top: calc(100% + 5px);}
	.calendarSlick button.slick-next {right:5px;top: calc(100% + 5px);}

	div.week div.title {flex-wrap: wrap;margin: 0 10px 20px 10px;}
	div.week div.title h3 {font-size: 26px;width: 100%}
	div.week div.title h3 span {font-weight: 300;}
	div.week div.title h4 {font-size: 20px;width: 100%;padding: 0;margin: 0;}

}*/


@media only screen and (max-width: 1200px) {
	.home h2.news {font-size: 45px;}

}



.roles_big_wrap {position: relative;
	padding:40px 0 0 0px;
	margin: 0 auto;background: var(--lightgrey);
	width: 100%;max-width: 100%;}
.roles_wrap {width: 95%;max-width: 1370px;margin: 0 auto;}


.roles_wrap h2 {font-weight: 300;font-size: 32px;margin:40px 0 0;letter-spacing:2px;}
.roles_wrap .roles {padding: 40px 0;margin: 0;position: relative;}
/*.roles_wrap .roles h3 {padding:0;margin: 0 0 25px;position: relative;
	font-size: 26px;letter-spacing:2px;}*/
.roles_wrap .roles h3 {font-size: 65px;border-bottom: 1px solid var(--black);padding-bottom: 50px;
	font-weight: 600;margin: 0 0 50px}




.roles_wrap .roles ul.roles {display:flex;justify-content: flex-start;
		align-items: stretch;list-style:none;padding: 10px 0;
		flex-wrap: wrap;}
.roles_wrap .roles ul.roles li {width:calc(20% - 12px);margin-right:12px;transition:.2s;
		margin-bottom: 55px;position: 	relative	;text-align: center;}
.roles_wrap .roles ul.roles li span.pic {display: block;
	background-color: var(--highlightcolor);
	width: 100%;height: 0;padding-top: 100%;margin: 0 0 15px;
	background-size:cover;background-position:50%;
	border-radius: 50%;
	/*--silverborder: rgba(202, 200, 200,1);
	228, 226, 227
	--mainpageNewsbackground: rgba(236, 235, 235,1);*/
}

.hasnotpics .roles_wrap .roles ul.roles li span.pic {display: none}
.hasnotpics .roles_wrap .roles ul.roles li {text-align: left;}

.roles_wrap .roles ul.roles li h4 {font-size: 18px;margin: 0 0 5px;font-weight:500;
		transition:.2s;}
.roles_wrap .roles ul.roles li div {font-size: 14px;}

.roles_wrap .roles ul.roles li a.cms {display: block;position: absolute;
	padding: 5px 10px;top: 0;right:0;opacity: 0;
	background-color: #fff;color: #000;
	font-size: 12px;}
.roles_wrap .roles ul.roles li a.nolink {cursor: auto}
.roles_wrap .roles ul.roles li:hover a.cms {opacity: 1;}
.roles_wrap .roles ul.roles li a.cms:hover {text-decoration:underline;}

@media only screen and (min-width: 1200px) {
		.event div.extraswrap {width: 100%;max-width:1285px;box-sizing:border-box	;}
}

@media only screen and (max-width: 1200px) {
	.roles_wrap {border-left:0;padding:40px 0 0;margin: 40px auto;width: 95%;}
	.roles_wrap .roles h3:before {display: none;}
	.roles_wrap .roles ul.roles li {width:calc(25% - 12px);margin-right:12px;
			margin-bottom: 55px;position: 	relative	;}


}

@media only screen and (max-width: 1000px) {
	.roles_wrap {padding-top: 0;}
	.roles_wrap .roles ul.roles li h4 {font-size: 16px;}
	.roles_wrap .roles h3 {font-size: 45px;padding-bottom: 25px;}


}
@media only screen and (max-width: 750px) {
	.roles_wrap h2 {font-size: 25px;}
	.roles_wrap .roles ul.roles li {width: calc(33% - 12px);margin-right: 18px;
			margin-bottom: 30px;}
	.roles_wrap .roles ul.roles li:nth-child(3n) {margin-right: 0;}
	.roles_wrap .roles ul.roles li span.pic {margin-bottom: 8px;}
	.roles_wrap .roles ul.roles li h4 {font-size: 14px;}
}

@media only screen and (max-width: 500px) {
	.roles_wrap .roles ul.roles li {width: calc(48%);margin-right: 4%;
			margin-bottom: 30px;}
	.roles_wrap .roles ul.roles li:nth-child(3n) {margin-right: 4%;}
	.roles_wrap .roles ul.roles li:nth-child(2n) {margin-right: 0;}
	
}

div.cmsOptions {display:block;max-width:150px;padding:5px 0;font-size:10px;
         position:fixed;top:0;right:0;z-index:9000;
        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:var(--highlightcolor);
        text-decoration:none;text-align:right;}
div.cmsOptions a:first-child {padding-left:5px;}
div.cmsOptions a:hover {text-decoration:underline;}

a.showEventDays {height:47px;width: 57px;margin: 0 auto;display: flex;
	align-items: center;justify-content: center;padding: 0;font-size: 17px;font-weight: 500;}
div.monthwrap div.day.hasnot div.top span.showEventDays {height:47px;width: 57px;margin: 0 auto;display: flex;
	align-items: center;justify-content: center;padding: 0;font-size: 17px;font-weight: 500;}


div.eventCalendarWrap {display: flex;justify-content: space-between;align-items: stretch;
	width: 95%;max-width: 1500px;margin: 0 auto;}
div.calendarWrap {width: 50%;box-sizing: border-box;position: relative;
	border: 10px solid var(--lightgrey);background-color:var(--white);padding: 55px;}

div.ticketsWrap {width: 50%;box-sizing: border-box;position: relative;background-color: var(--lightgrey);
	padding: 55px 10px 35px 40px;}

div.ticketsWrap h3 {font-size: 50px;font-weight:600;padding:0;margin: 0 0 40px;
letter-spacing: -2px;}
div.ticketsWrap h3:before{content: "";height: 1px;width: 100px;
	display: inline-block;
	background-color: var(--black);margin: 0 40px 0 0;}

@media only screen and (max-width: 1300px) {
	div.ticketsWrap h3:before{display:none;}
}


div.ticketsFlex {flex-wrap:nowrap;display: 	flex;padding-right: 30px;}
div.ticketsFlex div.specificday {width: 80%;transition:.2s;overflow-x:hidden;
		padding-right: 30px;
		border-right: 1px solid var(--highlightcolor);margin-right: 30px}
div.ticketsFlex div.specificday:empty {width: 0;border-right: 1px solid transparent;
		margin-right: 0;padding-right: 0;}
div.ticketsFlex div.tickets_wrap {width: 20%;flex-grow:2;/*background-color:#0f0;*/
		overflow:hidden;position:relative	;}
div.ticketsFlex div.tickets_wrap div.tickets {width: 100%;min-width:400px;}

div.ticketsFlex div.tickets_wrap:after {content: "";
		display:block;position:absolute;top: 0;bottom: 0;right: 0;width: 100%;
		background: linear-gradient(270deg, rgba(238, 238, 238,1) 0%,
			rgba(238, 238, 238,0.028448879551820738) 100%);}

div.ticketsFlex div.specificday:empty + div.tickets_wrap:after {display: none;}

div.ticketsFlex div.tickets p.choosedate {margin: 0 0 30px;padding: 0 0 0 29px;
	background: url(/images/left_arrow.png) no-repeat 0 50%;
	font-size: 14px;letter-spacing:1.4px;font-weight: 500;
	color: var(--highlightcolor);text-transform:uppercase;
}
div.ticketsFlex div.tickets > div {margin: 0 0 30px;padding: 0;
		font-size:15px;font-weight:300;}
div.ticketsFlex div.tickets > div h2 {margin: 0 0 8px;padding: 0;
		font-size: 14px;letter-spacing:1.4px;font-weight: 500;
		color: var(--highlightcolor);text-transform:uppercase	;}
div.ticketsFlex div.tickets > div b,
div.ticketsFlex div.tickets > div strong {font-weight: 500;}

div.ticketsFlex div.tickets a.onlinetickets {
	padding-left: 48px;line-height: 17px;display: 	block;
	margin-bottom: 30px;
	background:url('/images/header_tickets.png') no-repeat left 50%;
	font-size: 14px;letter-spacing:1.4px;font-weight: 500;
		color: var(--highlightcolor);text-transform:uppercase;
}

div.ticketsFlex div.specificday div.daydata {position: relative;
		padding: 9px 0 0 55px;}
div.ticketsFlex div.specificday div.daydata a.exit {
	position:absolute;top:0;left:0;width:42px;height:42px;
	display:block;background:url(/images/back_calendar.png) no-repeat 50%;
	text-indent:-9000px;}
div.ticketsFlex div.specificday div.daydata h4 {font-size: 18px;
		font-weight:500;margin:0 0 10px 0;padding: 0;}
div.ticketsFlex div.specificday div.daydata h4 span {
	display: block;margin-top: 10px;font-size: 17px;font-weight:300;}
div.ticketsFlex div.specificday div.daydata h5 {font-size: 18px;font-weight:300;
		letter-spacing:1.8px;}
div.ticketsFlex div.specificday div.daydata h6 {font-size: 11px;font-weight:300;
		letter-spacing:1.1px;}
div.ticketsFlex div.specificday div.daydata .show {margin-bottom: 20px;}
div.ticketsFlex div.specificday div.daydata .show h5 {margin: 0;padding: 0;}
div.ticketsFlex div.specificday div.daydata .show a {display: block;
	padding:0 0 0 50px;color: var(--highlightcolor);
	font-size: 16px;line-height: 22px;
	background: url(/images/ticket_main_banner.png) no-repeat 0 0%;}
div.ticketsFlex div.specificday div.daydata .show a.tickets_limited {
	color: var(--ticketsLimited);
	background-image: url(/images/tickets_few_available-.png);}
div.ticketsFlex div.specificday div.daydata .show a.tickets_no {
	color: var(--ticketsNo);
	background-image: url(/images/tickets_none_available-.png);}
div.ticketsFlex div.specificday div.daydata .show a span {display: block;
	font-size: 10px;font-weight:300;letter-spacing:1px;color: #838383;
	line-height: 25px;}

div.ticketsFlex div.specificday div.daydata .show.cancelled {
	text-decoration:line-through;color:  var(--ticketsNo);
}



.calendarWrap div.monthsNamesSlick button.slick-arrow {border: 0;background-color:transparent;
			width:30px;height:30px;display: block;cursor: pointer;text-indent: -9000px;
			background-repeat: no-repeat;background-position: 50%;
			margin: 0px;position: absolute;top: 20px;z-index:10;}
.calendarWrap div.monthsNamesSlick button.slick-prev {
		background-image:url(/images/prev.png);left: 0;}
.calendarWrap div.monthsNamesSlick button.slick-next {
	background-image:url(/images/next.png);right: 0;}
.calendarWrap div.monthsNamesSlick button.slick-arrow.slick-disabled {opacity: 0.4;cursor: auto}



form.searchevents {display: flex;flex-wrap: wrap;width: 100%;max-width: 500px;margin: 0 auto 50px 0}
form.searchevents>* {width: 100%;}
form.searchevents>div {border:0;border-bottom:1px solid var(--black);
	padding: 5px 0 8px;margin: 0 0 10px;
	display: flex;justify-content: space-between;}
form.searchevents>div label {display: none;}
form.searchevents>div label.date {display: block;width: 50%;max-width: 120px}
form.searchevents>div input,form.searchevents>div select {
	border: 0;height: 20px;line-height: 20px;padding: 0;
width: 100%;box-sizing: border-box;font-family:"PText";font-size: 16px;}


form.searchevents button {cursor:pointer;
	text-align: left;
	margin-top: 20px;
	box-sizing: border-box;width: 112px;
	font-size: 14px;letter-spacing: 1.4px;
	font-family: PText;font-weight: 500;
	height: 45px;line-height: 40px;
	background-color: var(--white);
	border: 2px solid var(--forecolor);
	}



form.searchevents.basicsearch {flex-wrap: nowrap;width: 100%;
		max-width: 800px;}
form.searchevents.basicsearch>* {width: 48%;}



div.articlewrap.search h3 {
/*	background: url(/images/arrow_right_bl.png) no-repeat 0 50%;*/
		padding: 0 0 0 0;margin: 0 0 20px;font-weight: 900;text-transform: uppercase;
		font-size: 23px;}
div.articlewrap.search h3.otherresults {margin-top:100px;font-size:21px;text-transform: inherit;
		font-weight:400;padding-top:30px;border-top:1px solid #999}

div.articlewrap ul.searchresult {margin:0 0 60px;list-style:none}
div.articlewrap ul.searchresult ul {margin:0 0 10px 20px;list-style:none}
div.articlewrap ul.searchresult li {margin:2px 0 5px;font-size:16px;padding:0 0 0 10px;position:relative;
line-height: 20px;font-weight: 300;padding-left: 32px;}
div.articlewrap ul.searchresult li:before {    content: "";
    background: url(/images/arrow_footer.png) no-repeat;
    width: 19px;
    height: 13px;
    margin-right: 8px;
    vertical-align: middle;
    display: inline-block;
    position: absolute;
    color: var(--maincolor);
    left: 0;
    top: 5px;
}
div.articlewrap ul.searchresult.persons>li {font-weight:bold;text-transform: uppercase;padding-left:0;}
div.articlewrap ul.searchresult.persons>li:before {content:"";
	color:var(--maincolor);position:absolute;left:0;top:3px;background: none;}
div.articlewrap ul.searchresult li a {font-size:16px;color:#2d2424;font-weight:600;text-transform: none;}
div.articlewrap ul.searchresult li a span {font-size:14px;display:block;font-weight:400;}
div.articlewrap ul.searchresult.articles li a {font-weight:bold;}
div.articlewrap ul.searchresult li a span.date {display:block;font-weight:normal;}
div.articlewrap ul.searchresult li a span.date b {font-weight:normal;}
div.articlewrap ul.searchresult li a em {font-weight:normal;font-size:12px;color:#2d2424;}
div.articlewrap ul.searchresult li a:hover {color:rgb(26, 206, 217);}


