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




@font-face {
    font-family: 'arial';
    src: url('/fonts/PTextBlack.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'arial';
    src: url('/fonts/PTextBold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'arial';
    src: url('/fonts/PTextSemiBold.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'arial';
    src: url('/fonts/PTextRegular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'arial';
    src: url('/fonts/PTextLight.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'arial';
    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 {width:90%;margin:0 auto;max-width:1300px;}
.notresponsive .wrapperIn {width:960px;}
.relative {position:relative;}
a {text-decoration:none;}
a:hover {text-decoration:none;}


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(--forecolor);
        text-decoration:none;text-align:right;}
div.cmsOptions a:first-child {padding-left:5px;}
div.cmsOptions a:hover {text-decoration:underline;}




.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;padding-top: var(--headerHeight);}

input.mobilemenu {display: none;}


div.headerwrap {background: #fff;position: fixed;top: 0;left: 0;right: 0;
	z-index: 1000;}


div.headerwrap div.header {margin: 0 auto;
	box-sizing: border-box;
	width: 100%;max-width: 1900px;transition: .2s;
	padding-right: 12px;padding-left: 23px;
	display: flex;justify-content: flex-start;
	min-height: var(--headerHeight);align-items: flex-start;
}
.scrolled div.headerwrap  div.header {box-shadow: 0 0 10px var(--black);}

div.headerwrap h1.logo {height: var(--headerHeight);display: flex;align-items: center;
	position: relative;z-index: 11;margin:0 15% 0 0;transition: .2s;}



@media only screen and (min-width: 1000px) {

	ul.mainmenu>li>ul>li a {position: relative;}
	ul.mainmenu>li>ul>li.hassub a:before {content: "+";
	position: absolute;left: 7px;}


	div.mainpage div.side ul li a {position: relative;}
	div.mainpage div.side ul li.hassub>a:before {content: "+";
	position: absolute;left: -15px;}

	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: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;align-content: flex-end; list-style: none;margin:0 auto;
		flex-wrap: wrap;}
	ul.mainmenu>li {padding:0 20px ;position: relative;z-index: 11;}
	ul.mainmenu>li:before {}
	ul.mainmenu>li.option {
		display: flex;align-items: flex-end;
		height: calc((var(--headerHeight)/2) + 5px);}
	.scrolled ul.mainmenu>li.option {
		height: 86px;}

	ul.mainmenu>li>label{display:none;}
	ul.mainmenu>li>input{display:none;}
/*	ul.mainmenu>li:first-child {padding-left: 40px;}
	ul.mainmenu>li:last-child {padding-right: 40px;}*/
	/*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;
		display: block;transition: .2s;z-index: 2;
		text-transform: uppercase;
		/*align-self: flex-end;*/}

	ul.mainmenu>li:before {content: "";position: absolute;
		top: 0;z-index: 3;left: 20px;right: 20px;
		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:hover ul {display: none;}*/

	ul.mainmenu>li input {display: none;}

	ul.mainmenu>li>ul {position: absolute;top: 0;left: 0;width: 340px;
		background-color: var(--hovergray);padding: 90px 0px 40px;
		list-style: none;z-index: 1;box-sizing:border-box;}
	ul.mainmenu>li>ul>li {}
	ul.mainmenu>li>ul>li a {padding: 5px 20px;display: block;color: var(--gray2);font-size: 16px;font-weight: 300;
		letter-spacing: 1.8px;}
	ul.mainmenu>li>ul>li a:hover {color: var(--black);/*font-weight: 400;*/}
	ul.mainmenu>li>ul>li.selected a {color: var(--black);font-weight: 400;}


	ul.mainmenu>li>ul ul {display: none;}
	ul.mainmenu>li:hover>ul {display: block;}


	/*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: 30px 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;}*/

}

@media only screen and (min-width: 1250px) {
	ul.mainmenu>li {padding:0 20px;}
	ul.mainmenu>li:not(.hovermenus):before {left: 38px;right: 38px;}
	ul.mainmenu>li>ul>li a {padding: 5px 38px;}
	ul.mainmenu>li>ul>li.hassub a:before {left: 13px;}


}

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.tickets a {width: 50px;background-image: url(/images/header_tickets.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)}

div.headerwrap div.headeroptionswrap ul li.facebook{margin-left: 35px;position: relative;}
div.headerwrap div.headeroptionswrap ul li.facebook:before{content: "";
		height: 20px;width: 1px;background-color: var(--forecolor);position: absolute;left: -15px;
		top: calc(50% - 10px)}
div.headerwrap div.headeroptionswrap ul li.instagram{margin-left: 10px;}
div.headerwrap div.headeroptionswrap ul li.facebook a {width: 30px;background-image: url(/images/header_facebook.png)}
div.headerwrap div.headeroptionswrap ul li.instagram a {width: 30px;background-image: url(/images/header_instagram.png)}



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 {
	--headerHeight: 128px;
	--scrolledHeaderHeight: 90px;
	--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(254, 208, 8);
	--maincolor_85:rgba(254, 208, 8,.85);
/*	--maincolor:rgba(175, 200, 166,1);
	--maincolor_85:rgba(175, 200, 166,.85);*/
	--forecolor:rgba(45,36,36,1);

	--linkcolor:rgba(0,0,0,1);

	--silverborder: rgba(202, 200, 200,1);
	--gray: rgba(154,154,154,1);
	--gray2: rgba(134,128,128,1);
	--hovergray: rgba(225, 225, 225,1);
	--hover-radius: 80px;

	/* tickets availability */
	--has:rgba(136, 225, 218,1);
	--lowavailability:rgba(249, 206, 113,1);
	--noavailability:rgba(226, 127, 127,1);

	--mainpagebackground: rgba(255,255,255,1);
	--mainpageNewsbackground: rgba(236, 235, 235,1);

}


@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;}
	div.headerwrap div.headeroptionswrap ul li.facebook{margin-left: 10px;}
	div.headerwrap div.headeroptionswrap ul li.facebook:before {display: none;}
}

@media only screen and (max-width: 1300px) {
	div.headerwrap div.header {padding-right: 30px;}

	ul.mainmenu>li>div.submenu h3 {font-size: 35px;margin: 30px 0 10px;}
	.scrolle ul.mainmenu>li>div.submenu h3 {font-size: 35px;margin: 0 0 10px;}
	/*ul.mainmenu>li.hovermenus {margin-top: -30px}*/
	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: 1250px) {
	div.headerwrap div.headeroptionswrap ul li {margin-left: 10px;}
}

@media only screen and (max-width: 1100px) {
	div.headerwrap h1.logo {margin-right: 30px;}
	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: 1200px)  and (min-width: 1000px) {

	div.headerwrap div.headeroptionswrap ul li.facebook {position: absolute;
		top: -36px;right: 42px;}
	div.headerwrap div.headeroptionswrap ul li.instagram {position: absolute;
		top: -36px;right: 4px;}
	.scrolled div.headerwrap div.headeroptionswrap ul li.facebook {top: -30px;}
	.scrolled div.headerwrap div.headeroptionswrap ul li.instagram {top: -30px;}

}


@media only screen and (max-width: 1000px) {
	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 ul li {display: none;}
	div.headerwrap div.headeroptionswrap ul li.tickets {display: block;}*/
	div.headerwrap h1.logo {margin-right: auto;}
	div.headerwrap div.header {justify-content: flex-end;}

	div.headerwrap div.headeroptionswrap ul li.instagram {margin-right: 20px;}

	input#mobilemenu:checked + div.headerwrap {height: 100%;}
	input#mobilemenu:checked + div.headerwrap div.menu {display: block;position: absolute;
		top: var(--scrolledHeaderHeight);left: 5%;right: 0;bottom: 0;
		overflow-y:scroll ;
	}

	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:not(.selected)>input:checked+label{
			background: url(/images/arrow_up_bl.png) no-repeat 50%;}
	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}

	input#mobilemenu:checked + div.headerwrap div.menu>ul>li>ul>li>input:checked+label {background-image: url(/images/minus.png);}



}
@media only screen and (max-width: 600px) {
	div.headerwrap div.headeroptionswrap ul li.instagram,
	div.headerwrap div.headeroptionswrap ul li.facebook {display: none;}
}
@media only screen and (max-width: 480px) {

	div.headerwrap div.header {padding-right: 10px;padding-left: 10px;}
}
@media only screen and (max-width: 450px) {
	div.headerwrap div.headeroptionswrap ul li.search {display: none;}
	div.headerwrap div.headeroptionswrap ul li.contact {margin-left: 0}

}
@media only screen and (max-width: 360px) {
	div.headerwrap div.headeroptionswrap ul li.contact {display: none;}
}

div.wrapperIn {width: 100%;max-width: 1900px;margin: 0 auto;box-sizing: border-box;padding: 0 96px;}
.home div.mainpage {background:rgba(255,255,255,1)}

div.mainpage img {max-width: 100%;}
div.maintext div.mainpic a {display: block;text-align: center;}
div.maintext div.mainpic img {max-height: 375px;margin-left: auto;margin-right: auto;vertical-align: middle;}


div.mainpage {display: flex;flex-direction: row-reverse;align-items: flex-start;
	flex-wrap: nowrap;justify-content: space-between;}
div.mainpage.hasside {padding:0 96px 0 73px}
div.mainpage div.side {width: 400px;box-sizing: border-box;margin-right: 70px;
		transition:.2s;box-sizing: 	border-box	;}
div.mainpage div.articlewrap.cv ~ div.side {    width: 0;
    margin-right: 0;
    overflow: hidden;}


div.mainpage div.side div.submenu {margin: 30px 0 60px;position: relative;padding: 0 70px 0 0;}
div.mainpage div.side div.submenu::after {content: "";display: block;width: 1px;
		position: absolute;right: 40px;transition:.2s;
		top: 0;bottom: -120px;background:var(--forecolor);transition: .2s}
div.mainpage div.side div.submenu::before {content: "";display: block;width: 6px;
		height: 6px;border-radius:50%;
		position: absolute;right: 37px;
		bottom: -127px;border:1px solid var(--forecolor);transition: .2s}


/*div.mainpage div.side div.submenu::after::after {content: "a";}*/
div.mainpage div.side div.submenu h2 {font-size: 14px;font-weight:500;margin: 0 0 25px;padding: 0;}
div.mainpage div.side ul {padding: 0 0 0 25px;margin:0;font-size:14px;font-weight:300;}
div.mainpage div.side ul li {padding:0;margin:0;}
div.mainpage div.side ul li ul {display: none;padding: 0 0 0 15px;}
div.mainpage div.side ul li.selected>ul {display: block;margin-bottom: 15px;}
div.mainpage div.side ul li a {display: block;padding:4px 0;}
div.mainpage div.side ul li a:hover {text-decoration:underline;}
div.mainpage div.side ul li.selected>a {font-weight: 500}
div.mainpage div.side ul label,
div.mainpage div.side ul input {display: none;}

div.mainpage div.side .sidepic {margin-left: 25px}
div.mainpage div.side img {width: 100%;}

div.mainpage div.articlewrap {
	transition: .2s;
	width: 100%;
	box-sizing:border-box;
	padding-right: 50px;
	padding-top: 50px;}
div.mainpage.hasside div.articlewrap {width: calc(100% - 470px);}
div.mainpage.hasside div.articlewrap.cv {width: 100%;}

div.mainpage div.articlewrap div.mainpic {display: none;}
div.mainpage div.articlewrap div.mainpic {display: block;}
div.mainpage.hasside div.articlewrap div.mainpic {display: none;}


/*div.mainpage div.side ~ div.articlewrap div.mainpic {display: none;}*/

div.mainpage div.articlewrap.cv div.mainpic {display: block;}

div.articleheader {position: relative;margin: 16px 0 40px;
	display: flex;justify-content: space-between;align-items: flex-start;}

div.articleheader ul.social {list-style: none;
	top: 0;left: calc(100% + 50px);
	position: absolute;top: 0;
	padding: 120px 0 0 0;transition: .2s;
	display: flex;flex-wrap: wrap;width:40px;}
	div.articleheader ul.social::after {content: "";display: block;width: 1px;
		position: absolute;right: 50%;transition:.2s;transition: .2s;
		top: 7px;height: 110px;background:var(--forecolor);transition: .2s}
	div.articleheader ul.social::before {content: "";display: block;width: 6px;
		height: 6px;border-radius:50%;transition: .2s;
		position: absolute;right: calc(50% - 3px);
		top: 0;border:1px solid var(--forecolor);transition: .2s}
div.articleheader ul.social h3 {font-size: 13px;font-weight: 400;
	font-weight:400;padding:20px 0;text-align: center;width: 100%;}
div.articleheader ul.social li {padding:5px;width: 100%;transition:.2s;}
div.articleheader ul.social li a {display: block;padding: 5px;
	height: 30px;transition:.2s;
	text-indent: -9000px;background-repeat: no-repeat;background-position: 50%;}
div.articleheader ul.social li.facebook a {background-image: url(/images/share_facebook.png);}
div.articleheader ul.social li.twitter a {background-image: url(/images/share_twitter.png);}
div.articleheader ul.social li.messenger a {background-image: url(/images/share_messenger.png);}
div.articleheader ul.social li.edit a {text-indent: 0;font-size: 10px;text-align: center;}


div.articleheader h1 {font-size: 49px;font-weight:600;letter-spacing:-1.225px;
	margin: 0;transition: .2s;}
div.articleheader h2 {margin: 0;padding:15px 0 0 0;font-size: 16px;font-weight:500;}
div.articleheader h3.news_date {
	font-size: 1.2em;
    margin-bottom: 0.3em;
    line-height: 1.3;
    padding: 2px 9px;
    color: #fff;font-weight: 300;
    background-color: var(--black);
    display: inline-block;
}
div.mainpage div.text {padding: 20px 15px 0 50px;font-size: 18px;line-height: 1.4;
	font-weight: 300;transition: .2s;}
div.mainpage div.text p {padding: 0 0 20px;transition: .2s;line-height: 1.5;}

div.mainpage div.text a {color: var(--linkcolor);text-decoration: underline;}


div.mainpage div.text {font-size: 16px;line-height:1.4;font-family:PText !important;}
div.mainpage div.text p {line-height:1.4;margin-bottom: 20px;padding-bottom: 0;}


div.articleheader ul.thisPageSubmenu {display: none;}
@media only screen and (max-width: 950px) {
	div.articleheader ul.thisPageSubmenu {display: flex;flex-wrap: wrap;list-style: none;
		align-items: stretch;justify-content: flex-start;margin: 10px 0 10px;font-size: 13px;}
	div.articleheader ul.thisPageSubmenu>li {margin-right: 15px;}
	div.articleheader ul.thisPageSubmenu>li:before {content: "> "}
	div.articleheader ul.thisPageSubmenu>li a:hover {text-decoration: underline;}
}



@media only screen and (max-width: 1400px) {
		div.mainpage div.side {width: 320px;margin-right: 50px;}
		div.mainpage.hasside div.articlewrap {
			width: calc(100% - 370px);
		}
		div.articleheader h1 {font-size: 40px;}
		div.mainpage div.text {padding: 20px 15px 0 0;
			line-height: 28px;font-size: 16px;}
		div.mainpage div.text p {padding:0 0 10px;}
}

@media only screen and (max-width: 1200px) {
	div.mainpage div.side .sidepic {display: none;}
	div.mainpage div.side {width: 220px;margin-right: 30px;}
	div.mainpage div.side div.submenu::after {right: 0px;bottom: -30px;}
	div.mainpage div.side div.submenu::before {right: -3px;bottom: -38px;}
	div.mainpage div.side ul {padding-left: 0;}


	div.mainpage.hasside {padding: 0 5%;}
	div.mainpage div.articlewrap {padding-right: 0}
	div.articleheader ul.social::after {height: 0;overflow-y:hidden;opacity: 0;}
	div.articleheader ul.social::before {height: 0;overflow-y:hidden;opacity: 0;}
	div.articleheader ul.social {padding-top: 0;position: relative;left: auto;top:auto;}
	div.articleheader ul.social h3 {display: none;}
	div.articleheader ul.social li {padding: 0;}
	div.articleheader ul.social li a {height: 22px;}
	div.mainpage div.text {padding: 0;}

	div.mainpage.hasside div.articlewrap {width: calc(100% - 270px);}
	div.mainpage div.side div.submenu {padding: 0 20px 0 0;}
	div.mainpage div.articlewrap div.mainpic {display: block;margin: 0 0 20px}
	div.mainpage.hasside div.articlewrap div.mainpic {display: block;margin: 0 0 20px}

}

@media only screen and (max-width: 950px) {
	div.mainpage div.side {width: 0;margin-right: 0;overflow: hidden}
	div.mainpage.hasside div.articlewrap {width: 100%;}
	div.mainpage div.articlewrap {width: 100%;}

}

@media only screen and (max-width: 550px) {
	div.articleheader {flex-wrap: wrap;justify-content: flex-start;}
	div.articleheader>* {width: 100%;margin-bottom: 15px;}
		div.articleheader h1 {font-size: 32px;}
		div.articleheader h2 {padding-top: 5px;}


	div.articleheader ul.social {
		display: flex;flex-wrap: nowrap;width:100%;margin-bottom: 0;
		justify-content: flex-start;align-items: center;}
	div.articleheader ul.social li {width: 30px;}
	div.articleheader ul.social li a {background-position: 0 50%;}

}


@media only screen and (max-width: 1200px) {
	div.wrapperIn {padding: 0 5%;}
}

div.footer_wrap {margin-top: 200px;}

div.footer1 {display: flex;align-items: center;justify-content: space-between;
	height: 190px;border-top: 1px solid var(--silverborder);}

div.newsletter_wrap {}
div.newsletter_wrap form {display: flex;align-items: flex-end;
	justify-content: flex-end;
	width: 100%;max-width: 720px;transition: .2s;}
div.newsletter_wrap div.input_holder {margin-right: 40px;position: relative}
div.newsletter_wrap h3 {font-size: 32px;letter-spacing: 6.4px;
	transition: .2s;
	font-weight:500;color: var(--forecolor);margin: 0 0 0px ;}
div.newsletter_wrap input.email {border: 0;border-bottom: 2px solid var(--forecolor);
	color: var(--forecolor);font-size: 14px;letter-spacing: 1.4px;
	font-family: PText;font-weight: 500;
	height: 45px;line-height: 40px;box-sizing: border-box;
	width: 500px;transition: .2s;}

div.newsletter_wrap div.alert {font-size: 12px;padding-top: 10px;
	position: absolute;top: 100%;background: var(--white);
	max-width: 500px;color: var(--gray)}

div.newsletter_wrap div.submit_holder {max-width: 200px;}

div.newsletter_wrap div.accept {}
div.newsletter_wrap div.accept label {font-weight: 400;
	font-size: 12px;color:var(--gray);margin-left: 5px;}
div.newsletter_wrap button {display: block;
	text-align: center;
	margin-top: 20px;
	box-sizing: border-box;width: 100%;
	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);
	}


.mediagallery {max-height: 500px;overflow-y: hidden;margin-top: 100px}
.mediagallery a {display: block;position: relative;}

.mediagallery button.slick-arrow {display: block;z-index: 10;
	position: absolute;bottom:25%;transition: .2s;
	width: 75px;height:75px;background-color: var(--forecolor);
	border-radius: 50%;border: 0;text-indent: -9000px;cursor: pointer;
	background-repeat: no-repeat;background-position: 50%;}
.mediagallery button.slick-prev {background-image: url(/images/arrow_left_wh.png);left:30px;}
.mediagallery button.slick-next {background-image: url(/images/arrow_right_wh.png);right:30px;}
/*.mediagallery button.slick-arrow:hover {box-shadow: 0 0 10px rgba(0,0,0,.5)}*/
.mediagallery button.slick-prev:hover {background-position: 20% 50%}
.mediagallery button.slick-next:hover {background-position: 80% 50%}
.mediagallery button.slick-prev.slick-disabled {opacity: .6}
.mediagallery button.slick-next.slick-disabled {opacity: .6}
.mediagallery button.slick-prev.slick-disabled:hover {background-position: 50% 50%}
.mediagallery button.slick-next.slick-disabled:hover {background-position: 50% 50%}


.mediagallery a img {width: 100%;}
.mediagallery a picture {position: relative;display: block;}
.mediagallery a.video picture:after {content: "";display: block;
	position: absolute;top: calc(50% - 50px);left: calc(50% - 61px);
	background: url(/images/youtube_thumb.png);
	width: 122px;
    height: 101px;}
.mediagallery a:nth-child(even) {padding-top: 30px;}
.mediagallery a span {display: block;height: 60px;position: relative;
		line-height: 60px;font-size: 12px;letter-spacing: 2.4px;
		margin-left: 20px;
		padding: 0 0 0 80px;color: var(--forecolor);}
.mediagallery a span:before{content: "";position: absolute;
	top: 50%;display: block;left: 27px;height: 1px;background: var(--forecolor);
	width: 40px;}
.mediagallery a span:after{content: "";position: absolute;
	border-radius: 50%;width:6px;height:6px; ;
	top:calc(50% - 3.5px);display: block;left: 20px;border:1px solid var(--forecolor);}

@media only screen and (max-width: 700px) {
	.mediagallery button.slick-arrow {bottom:40%;width: 40px;height:40px;
		background-size: 20px 20px}
	.mediagallery button.slick-prev {left:10px;}
	.mediagallery button.slick-next {right:10px;}
}

div.inlinefancywrap {display:none;}
div.forfancy {max-width:500px;}




body div.mainwrapper {background-color: var(--mainpagebackground);min-height: 600px}
body.news div.mainwrapper {background-color: var(--mainpageNewsbackground);min-height: 600px}


div.extraswrap {display: flex;padding: 0 0 80px;width: 90%;margin: 0 auto;
	max-width: 1200px;flex-wrap: wrap;}
div.extraswrap div.extra {width:45%;margin-left: 10%;box-sizing: 	border-box	;}

div.extraswrap div.extra.related {margin-left: 0;width: 100%;margin-top: 50px}
div.extraswrap div.extra.sponsorswrap {margin-left: 0;width: 100%;margin-top: 50px}
div.extraswrap div.extra:first-child {margin-left: 0;}

div.extraswrap div.extra h3 {padding: 50px 0 30px 50px;
	font-weight: 500;font-size: 30px;letter-spacing: 6px;margin: 0;
	border-left: 1px solid var(--forecolor);}
div.extraswrap div.extra ul {margin: 0;padding: 0;list-style: none;}
div.extraswrap div.extra ul li {
		padding: 2px 0 0 50px;position: relative;
		padding-bottom: 15px;}
div.extraswrap div.extra ul li:before {content:"";display:block;
		position:absolute	;z-index: 9;
		width:6px;height: 6px;border: 1px solid var(--forecolor);
		border-radius: 50%;left: -3.5px;top: 8px;
		background-color: var(--mainpagebackground)}
div.extraswrap div.extra ul li:after {content:"";display:block;
		position:absolute	;z-index: 8;
		width:1px;border-left: 1px solid var(--forecolor);
		left: 0px;bottom: 0%;top:0px;
		background-color: var(--mainpagebackground)}
.news div.extraswrap div.extra ul li:before {
		background-color: var(--mainpageNewsbackground)}
div.extraswrap div.extra ul li:last-child:after {
		bottom: auto;height: 8px;}

div.extraswrap div.extra ul li a {display: block;}
div.extraswrap div.extra ul li a span {margin-left: 5px}


div.extraswrap div.extra ul li.record {}
div.extraswrap div.extra ul li.record h2 {    font-size: 23px;
    font-weight: 500;
    padding: 0 0 5px;
    margin: 0;
    line-height: 1;}
div.extraswrap div.extra ul li.event.record h2 {letter-spacing: 2.5px;}
div.extraswrap div.extra ul li.record h2 span.of {display: block;
    font-size: 14px;
    font-weight: 400;
    padding: 5px 0 0px;
    margin: 0;}
div.extraswrap div.extra ul li.record h3  {display: block;
    font-size: 14px;
    font-weight: 400;
    padding: 0 0 0px;
    margin: 0;}
div.extraswrap div.extra ul li.record div.date {padding: 0;
    margin: 0;
    font-size: 16px;
    font-weight: 300;
}
div.extraswrap div.extra ul li.record h4 {
    padding: 0 0 20px;
    margin: 0;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    font-weight: 400;
    color: var(--black);
    background-color: transparent;
    font-size: 12px;
    display: inline-block;
}



div.extraswrap div.extra div.sponsors {display: flex;
	padding: 0 0 0 50px;flex-wrap: wrap;margin-bottom: 30px;
	justify-content: flex-start;align-items: stretch;
    border-left: 1px solid;position: relative;}
div.extraswrap div.extra div.sponsors>*{width: 24%;margin: 0 1% 1% 0;}

div.extraswrap div.extra div.sponsors:before {content:"";display:block;
		position:absolute	;z-index: 9;
		width:6px;height: 6px;border: 1px solid var(--forecolor);
		border-radius: 50%;left: -3.5px;bottom: -6px;
		background-color: var(--mainpagebackground)}
/*div.extraswrap div.extra div.sponsors:after {content:"";display:block;
		position:absolute	;z-index: 8;
		width:1px;border-left: 1px solid var(--forecolor);
		left: 0px;bottom: 0%;top:0px;
		background-color: var(--mainpagebackground)}
.news div.extraswrap div.extra div.sponsors:before {
		background-color: var(--mainpageNewsbackground)}
div.extraswrap div.extra div.sponsors:last-child:after {
		bottom: auto;height: 8px;}*/


div.extraswrap div.extra div.sponsors a,
div.extraswrap div.extra div.sponsors span {width: 200px;height: 120px;
	position: relative;}
div.extraswrap div.extra div.sponsors img {position: absolute;
	width: 100%;height: 100%;object-fit: contain;object-position: 50%;}


.newslistwrap>ul.news {list-style: none;}
.newslistwrap>ul.news li {display: block;background-color:var(--white);
	margin-bottom: 20px}
.newslistwrap>ul.news li a {display: block;
	width: 100%;min-height: 280px;display: flex;flex-wrap:nowrap;
	flex-direction:row-reverse;align-content:stretch;}
.newslistwrap>ul.news li a div.imagewrap {width: 360px;margin-left: 40px;
		display: flex;align-content:stretch;transition: .2s;
		background-position:50%;
		background-repeat: 	no-repeat;background-size: cover;}
.newslistwrap>ul.news li a div.imagewrap img {opacity: 0;width: 10px;height: auto;}
.newslistwrap>ul.news li a header {width:100%;padding: 81px 0 87px 30px;position:relative;}
.newslistwrap>ul.news li.haspic a header  {width:calc(100% - 360px);}
.newslistwrap>ul.news li a header div.date {position: absolute;top: 28px;left: 0;
	padding:2px 8px 2px 30px;background-color:var(--forecolor);
		color: var(--white);font-size:14px;font-weight:300;}
.newslistwrap>ul.news li a header h2 {font-weight:400;font-size: 21px;padding: 0 0 5px 0;}
.newslistwrap>ul.news li a header h3 {
		position: absolute;bottom: 26px;left:30px;box-sizing:border-box;
		border: 2px solid var(--forecolor);text-transform: 	uppercase	;
		padding:3px 15px;font-size:10px;}

.newslistwrap>ul.news li.theatredevelopment a header h3 {
		border: 2px solid var(--maincolor);color: var(--maincolor)}

a.tag {position: relative;box-sizing:border-box;
		display: bold;margin-right: auto;margin-left: 0;
		border: 2px solid var(--forecolor);text-transform: 	uppercase;
		padding:3px 15px;font-size:10px;}
a.tag.theatredevelopment {
		border: 2px solid var(--maincolor);color: var(--maincolor)}

.hasside .newslistwrap>ul.news li a div.imagewrap {width: 280px;}
.hasside .newslistwrap>ul.news li.haspic a header  {width:calc(100% - 280px);}


/*@media only screen and (min-width: 1130px) {*/
	.newslistwrap>ul.news li a {min-height: auto}
	.newslistwrap>ul.news li a div.imagewrap {background-size: contain;
		background-position: 50% 50%;margin-right: 10px;}
/*	.newslistwrap>ul.news li a header h3 {position: relative;
		margin-right: auto;bottom: auto;left: auto;display: inline-block;}*/
	.newslistwrap>ul.news li a header h3 {bottom: 18px;}
	.newslistwrap>ul.news li.haspic a header {padding: 50px 0 50px 30px }
	.newslistwrap>ul.news li.haspic a header div.date {top: 20px;}
/*}*/


@media only screen and (max-width: 1130px) {
	.newslistwrap>ul.news li a div.imagewrap {width: 280px;}
	.newslistwrap>ul.news li a div.imagewrap img {height: 280px;}
	.newslistwrap>ul.news li.haspic a header  {width:calc(100% - 280px);}
}

@media only screen and (max-width: 700px) and (min-width: 550px) {
	.newslistwrap>ul.news li a header h2 {font-weight:400;font-size: 18px;padding: 0 0 5px 0;}
}

@media only screen and (max-width: 550px) {
	.newslistwrap>ul.news li a header div.date {top: 0;padding:2px 8px 2px 14px;}
	.newslistwrap>ul.news li a {flex-wrap:wrap;}

	.hasside .newslistwrap>ul.news li a div.imagewrap {width: 100%}
	.hasside .newslistwrap>ul.news li.haspic a header  {width:100%}
	
	.newslistwrap>ul.news li a div.imagewrap {width: 100%;margin:0 0 20px;height: auto;}
	.newslistwrap>ul.news li a div.imagewrap img {width: 100%;height: auto;}
	.newslistwrap>ul.news li.haspic a header {width:100%;padding: 33px 14px 52px 14px}
	.newslistwrap>ul.news li a header h3 {left: 14px;bottom: 14px;}

	.newslistwrap>ul.news li.haspic a header div.date {top: 10px;}
}


@media only screen and (max-width: 800px) {
	div.extraswrap div.extra h3 {padding:35px 0 30px 50px;font-size: 25px;}
}
@media only screen and (max-width: 700px) {
	div.extraswrap div.extra h3 {font-size: 30px;letter-spacing: 1px;}
	div.extraswrap {flex-wrap: wrap;}
	div.extraswrap div.extra {width:100%;margin-left:0;margin-bottom: 20px}
	div.extraswrap div.extra div.sponsors a,
	div.extraswrap div.extra div.sponsors span {width: 100px;height: 100px;}
}
@media only screen and (max-width: 500px) {
	div.extraswrap div.extra h3 {font-size: 26px;letter-spacing: .5px;
		padding-left: 25px;}
	div.extraswrap {flex-wrap: wrap;}
	div.extraswrap div.extra {width:100%;margin-left:0;margin-bottom: 20px}
	div.extraswrap div.extra div.sponsors a,
	div.extraswrap div.extra div.sponsors span {width: 75px;height: 75px;}
	div.extraswrap div.extra div.sponsors {padding-left: 25px}
	div.extraswrap div.extra ul li {padding-left: 25px}

}






@media only screen and (max-width: 1150px) {
	div.newsletter_wrap form {display: flex;align-items: flex-end;
		justify-content: flex-end;}
	div.newsletter_wrap input.email {width: 300px;}
	div.newsletter_wrap div.input_holder {margin-right: 20px;}
}
@media only screen and (max-width: 990px) and (min-width: 860px) {
	div.newsletter_wrap h3 {font-size: 26px;letter-spacing: 3.5px;}
	div.newsletter_wrap button {height: 30px;line-height: 25px;}
	div.newsletter_wrap input.email {width: 250px;
	letter-spacing: 1px;}
	div.newsletter_wrap div.newsletter_wrap input.email {height: 30px;line-height: 25px;}
}
@media only screen and (max-width: 860px) {
	div.footer1 {flex-wrap: wrap;height: auto;padding: 30px 0}
	div.footer1 a.footer_logo {text-align: center;padding: 0 0 55px 0;
		width: 100%;}

	div.newsletter_wrap {width: 100%;max-width: 100%;}
	div.newsletter_wrap div.input_holder {margin-right: 40px;
		width: calc(100% - 203px);}
	div.newsletter_wrap div.accept {width: 163px;}
	div.newsletter_wrap input.email {width: 100%;}

}
@media only screen and (max-width: 660px) {
	div.newsletter_wrap form {flex-wrap: wrap;justify-content: center;}
	div.newsletter_wrap div.accept {width: 100%;margin: 0;text-align: center;}
	div.newsletter_wrap div.input_holder {width: 100%;margin: 0 0 20px;text-align: center;}
	div.newsletter_wrap div.input_holder input {text-align: center;}
	div.newsletter_wrap div.submit_holder {width: 100%;max-width: 300px;}

}
@media only screen and (max-width: 400px) {
	div.newsletter_wrap h3 {letter-spacing: 2px;}
}


div.footer2 {display: flex;align-items: stretch;justify-content: space-between;
	padding: 40px 0;border-top: 1px solid var(--silverborder);}
div.footer2 div.contact_wrap {display: flex;align-items: flex-start;justify-content: flex-start;}
div.footer2 div.contact_wrap div.office {margin-right: 40px}
div.footer2 div.contact_wrap h3 {color: var(--forecolor);font-size: 15px;letter-spacing: 1.5px;
	padding: 0;margin: 0 0 20px;;font-weight: 500;}
div.footer2 div.contact_wrap p {color: var(--forecolor);font-size: 14px;letter-spacing: 1.4px;
	padding: 0;margin: 0;font-weight: 400;line-height: 21px;}

div.footer2 div.social {position: relative;}
div.footer2 div.social ul {list-style-type: none;margin: 0;padding:0;
	display: flex;justify-content: flex-end;}
div.footer2 div.social ul li {margin-left: 40px;}
div.footer2 div.social ul li a {text-indent: -9000px;display: block;
	height: 22px;background-position: 50%;background-repeat: no-repeat;}
div.footer2 div.social ul li a.facebook {width: 20px;background-image: url(/images/social_facebook.png);}
div.footer2 div.social ul li a.twitter {width: 32px;background-image: url(/images/social_twitter.png);}
div.footer2 div.social ul li a.youtube {width: 34px;background-image: url(/images/social_youtube.png);}
div.footer2 div.social ul li a.instagram {width: 34px;background-image: url(/images/footer_instagram.png);}

div.footer2 div.social a.etc_footer {
	position: absolute;right: 0;bottom: 0;
	width:170px;text-align: center;}
div.footer2 div.social a.etc_footer img {width:170px;border-radius:2px;}
div.footer2 div.social a.etc_footer span {
	text-align: right;
    font-size: 12px;
    display: block;
    line-height: 1.1;
    margin: 0 0 4px;
}
div.footer2 div.social a.etc_footer:hover span {color: rgb(223, 51, 60);}


@media only screen and (max-width: 980px) {
	div.footer2 {flex-wrap: wrap;}
	div.footer2 div.contact_wrap {width: 100%;justify-content: space-around;text-align: center;}
	div.footer2 div.social  {margin-top: 50px;width: 100%;padding-bottom: 0;}
	div.footer2 div.social ul {justify-content: center;text-align: center;}
	div.footer2 div.social ul li {margin: 0 25px;}


	div.footer2 div.social a.etc_footer {
	position: relative;right: auto;bottom: auto;
	display: block;width:170px;text-align: center;margin: 30px auto;}


}
@media only screen and (max-width: 530px) {
	div.footer2 div.contact_wrap {flex-wrap: wrap;}
	div.footer2 div.contact_wrap div.office {width: 100%;margin: 0;}
	div.footer2 div.contact_wrap div.boxoffice{margin-top: 45px;}
}

div.footer3 {color: var(--gray);
	display: flex;align-items: center;justify-content: space-between;
	padding: 40px 0;border-top: 1px solid var(--silverborder);
	font-weight: 400;font-size: 12px;}

div.footer3 div.options span::after {content:"|";padding:0 10px;}
div.footer3 div.options a {color: var(--gray);text-decoration:underline;}
div.footer3 a.gravity {color: var(--gray);font-size: 12px;letter-spacing: 2.8px;}

@media only screen and (max-width: 750px) {
	div.footer3 {flex-wrap: wrap;text-align: center;justify-content: center;}
	div.footer3 div.options {margin-bottom: 20px;width: 100%;}
}
@media only screen and (max-width: 500px) {
	div.footer3 div.options span {display: block;}
	div.footer3 div.options span::after {display: none;}
}


div.mainwrapper1900 {padding: 0 96px 0 96px;transition:.2s;margin: 0 auto;
	width: 100%;max-width:1900px;box-sizing:border-box;}
div.mainwrapper1900.max1000 {max-width:1000px;}


div.mainpage div.articlewrap.event {padding-top: 0;}
div.articleheader.event {margin-bottom: 50px;}
div.articleheader.event ul.social {top: 50px;right:25px;left: auto;}

.articleheader.event > header {width: 100%;}
.event .mainbanner {display: flex;justify-content: space-between;align-items: stretch;}
.event .mainbanner picture {width: 70%;margin-right: -200px;position:relative;transition: .2s;}
.event .mainbanner picture img {width: 100%;height: 100%;object-fit: cover;
	position: absolute;top: 0;left: 0;right: 0;bottom: 0;
    vertical-align: middle;}

.event .mainbanner>.text {padding:50px 160px 50px 0 ;border-right:1px solid var(--black);
	box-sizing: border-box;width: 70%;}

.event .mainbanner>.text  div.maintext {margin-right: 0px}


.event .mainbanner section {width: 27%;position: relative;;transition: .2s;}
.event .mainbanner section div.top {text-align: right;
	font-size: 14px;}
.event .mainbanner section div.title {position: relative;border: 2px solid #fff;
	background-color: var(--forecolor);color: #fff;
	padding: 35px 40px;text-align: right;box-sizing: border-box;
	margin:30px 0 30px -40%;
}
.event .mainbanner section div.title h2 {text-transform: uppercase;margin: 0 0 10px;padding: 0;}
.event .mainbanner section div.title h1 {text-transform: uppercase;margin: 0 0 0px;padding: 0;}
.event .mainbanner section h3.date {text-transform: uppercase;font-weight: 300;font-size: 14px;
	margin: 0 0 10px 0;padding: 0;}
.event .mainbanner section h4 {text-transform: uppercase;font-weight: 500;font-size: 13px;}
.event .mainbanner section h4 span:after {content: "|";padding: 0 5px;}

.event .mainbanner section div.facts {padding: 50px 0 20px;min-height: 200px;align-items: flex-end;
	display: flex;flex-wrap: wrap;}
.event .mainbanner section div.facts div {padding-top: 5px;width: 100%;}
.event .mainbanner section div.facts div label {display: block;font-weight: 500;padding: 8px 0;}

@media only screen and (max-width: 1500px) {
	.event div.articleheader h1 {font-size: 40px;line-height: 1.1;}
}
@media only screen and (max-width: 1200px) {
	.event .mainbanner picture {width: 62%;}
	.event .mainbanner section {width: 35%;}
	div.mainwrapper1900 {padding: 0 30px;}
	div.articleheader.event ul.social {top: 0;flex-wrap: nowrap;
		position: absolute;right: 0;width: 120px;left: auto;}
	div.articleheader.event ul.social li {width: 35px;}
	.event .mainbanner>.text {width: 62%;}

}

@media only screen and (max-width: 1050px) {
	.event .mainbanner section div.title {padding: 25px 20px;}
}
@media only screen and (max-width: 850px) {
	div.articleheader.event ul.social {width: auto;}
	div.articleheader.event ul.social li.edit {display: none;}
	div.articleheader ul.social li a {height: 18px;}
}

@media only screen and (max-width: 850px) {
	div.wrapperIn {padding:0 3%;}
	.event .mainbanner picture {width:100%;height: auto;margin-right: 0;}
	.event .mainbanner picture img {position: relative;width: 100%;height: auto;}
	div.articleheader.event ul.social {width: 35px;flex-wrap: wrap;}
	.event .mainbanner section {background-color: var(--forecolor);color: #fff;
		padding: 20px 20px;text-align: right;box-sizing: border-box;
		position: relative;top: auto;right: auto;width: auto;border: 2px solid #fff;
		border-left: 0;border-right:0;width: 100%;}
	.event .mainbanner {flex-wrap: wrap;flex-direction: column-reverse;}
	

	.event .mainbanner>.text {width: 100%;border-right: 0;
		padding: 50px 0}
	.event .mainbanner>.text div.maintext {margin-left: 0;line-height: 1.3;}

	.event .mainbanner section div.facts {padding: 9px 0 0;min-height: 0;}

	.event .mainbanner section div.title {text-align: left;position: relative;border: 0;
	margin:0;padding: 0;}
	.event .mainbanner section div.title h1 {font-size: 32px;margin-bottom: 10px;}
	.event .mainbanner section h3.date {text-align: left;}
	.event .mainbanner section h4 {text-align: left;}

	.event .mainbanner section div.facts div {padding-top: 5px;width: 100%;}
	.event .mainbanner section div.facts div label {display: inline;padding-right: 5px;/*font-weight: 500;padding: 8px 0;*/}
	div.articleheader.event ul.social {display: none;}

}

.event .maintext {max-width: 940px;width: 95%;margin: 0 auto;font-size: 16px;line-height:1.4;
		font-family:PText !important;}
.event .maintext p {margin-bottom: 20px;}


.event .eventDetails {max-width: 940px;width: 95%;margin: 10px auto 30px;padding: 30px 0;
		border: 1px solid var(--black);border-left: 0;border-right: 0;font-size: 16px;line-height:1.6;
		font-family:PText !important;}
.event .eventDetails h2 {font-weight: 300;font-size: 20px;
    margin: 25px 0 15px;letter-spacing: 2px;text-transform: uppercase;}

.roles_wrap {position: relative;
	border-left: 1px solid #000;padding:40px 0 0 70px;
	margin: 40px auto;
	width: 95%;max-width: 1215px;}

.roles_wrap h2 {font-weight: 300;font-size: 32px;margin:40px 0 0;letter-spacing:2px;}
.roles_wrap .roles {padding: 25px 0 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:before {content: "";position: absolute;
	border-radius: 50%;width:6px;height:6px; ;
	top:10px;left: -74.2px;display: block;
	border:1px solid var(--forecolor);background-color: var(--white);}

.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(16% - 12px);margin-right:12px;transition:.2s;
		margin-bottom: 45px;position: 	relative	;hyphens: auto;}
.roles_wrap .roles ul.roles li a.nolink {cursor: auto;}
.roles_wrap .roles ul.roles li span.pic {display: block;
	background-color: var(--mainpageNewsbackground);
	width: 100%;height: 0;padding-top: 100%;margin: 0 0 15px;
	background-size:cover;background-position:50%;
	background-repeat: no-repeat;
}
.roles_wrap .roles ul.roles li a.nopic span.pic {background-size:auto;
}
.roles_wrap .roles ul.roles li h4 {font-size: 16px;margin: 0 0 5px;font-weight:500;
		transition:.2s;}
.roles_wrap .roles ul.roles li div {font-size: 13px;}


.roles_wrap .roles ul.roles.nopic li {width:100%;margin-right:0;transition:.2s;
		margin-bottom: 5px;position: 	relative	;}
.roles_wrap .roles ul.roles.nopic li span.pic {display: none;}
.roles_wrap .roles ul.roles.nopic li h4 {display: inline;}
.roles_wrap .roles ul.roles.nopic li div.info div {display: inline;margin-left: 10px;}
.roles_wrap .roles ul.roles.nopic li div.info div:before {content: "-";padding-right: 10px;}

.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(20% - 12px);margin-right:12px;
			margin-bottom: 55px;position: 	relative	;}


}

@media only screen and (max-width: 1000px) {
	.roles_wrap .roles ul.roles li h4 {font-size: 16px;}
}
@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;}
	
}

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;}
ul.pages li a {display: block;padding: 0;width: 36px;text-align: center;height: 23px;line-height: 23px;
	font-weight: 400;font-size:14px; transition: .2s;}
ul.pages li a.sel {font-weight: 700;}
ul.pages li.prev {margin-right: 15px;}
ul.pages li.next {margin-left: 15px;}

@media only screen and (max-width: 600px) {
	ul.pages li a {width: 22px;}
	ul.pages li.prev {margin-right: 8px;}
	ul.pages li.next {margin-left: 8px;}

}



.calendar_wrap {margin: 55px 0;background: var(--mainpageNewsbackground);padding-top: 1px}
.calendar_wrap div.header {padding: 20px 0;background-color: var(--white);}
.calendar_wrap h2 {padding:0;margin:0;font-size:24px;font-weight: 300;
	letter-spacing: 2px;text-align: right;}
.calendar_wrap h2 b {font-weight: 600; }

.calendarWrap {padding: 25px 0;}




div.week {}
div.week div.title {font-weight: 400;font-size: 16px;padding: 5px 0;
	display: flex;justify-content: flex-start;align-items: flex-end;
	vertical-align: baseline;
	margin-bottom: 20px;
	}
div.week div.title h3 {display: inline;vertical-align: bottom;
	font-size: 40px;font-weight: 500;margin: 0;padding: 0;}
div.week div.title h3 span {font-weight: 300;}
div.week div.title h4 {display: inline;vertical-align: bottom;
	font-size: 26px;font-weight: 300;margin: 0 0 0 15px;padding: 0 0 5px;}
div.week div.days {display: flex;justify-content: space-between;
	align-items: stretch;flex-wrap: nowrap;position: relative;}
div.week div.days div.day {margin: 0 2px;background-color:var(--white);
	display: flex;flex-wrap: wrap;align-content: space-between;
	text-align: center;justify-content: center;
	width: calc((100% - 14px)/7);}

div.week div.days div.day div.top {padding-bottom: 10px;width: 100%;font-weight: 700;}
div.week div.days div.day div.top span {display: block;font-size: 14px;
	padding: 12px 0;line-height: 20px;}
div.week div.days div.day div.top span.date {font-size: 12px;}
div.week div.days div.day.hasnot div.top span {opacity: .4;}
div.week div.days div.day div.bottom {width: 100%;}
div.week div.days div.day div.bottom a,
div.week div.days div.day div.bottom span {display: block;padding:10px 0px;box-sizing: border-box;
	background-color: var(--black);color: #fff;margin-top: 1px;font-size: 12px;}

div.week div.days div.day div.bottom a.has,
	div.week div.days div.day div.bottom a.has span {background-color: var(--has) ;color: var(--forecolor) }
div.week div.days div.day div.bottom a.lowavailability,
	div.week div.days div.day div.bottom a.lowavailability span {background-color: var(--lowavailability) ;color: var(--forecolor) }
div.week div.days div.day div.bottom a.noavailability,
	div.week div.days div.day div.bottom a.noavailability span {background-color: var(--noavailability) ;color: var(--forecolor) }

div.week div.days div.day div.bottom a:hover {text-decoration: underline;}

div.week div.days div.day div.bottom span.supertitles {display: inline;padding: 0 0 0 5px;}
.slick-slide span.supertitles img {display: inline-block;vertical-align: middle;margin: 0 3px 0 0;
 filter: grayscale(100%);}
.slick-slide span.supertitles img:hover {filter: grayscale(0);}


div.week div.days div.day div.bottom span.hall {padding: 3px 0;/*
	background-color: var(--white);color: var(--black);*/font-size:11px; ;}
div.week div.days div.day div.bottom a.hall {padding: 3px 0;
	/*background-color: var(--white);color: var(--black);*/font-size:11px; ;}
div.week div.days div.day div.bottom a.hall:hover {text-decoration: underline;}


div.homecalendar {position: relative;margin: 140px 0 50px}
div.homecalendar:after {content:"";width: 46px;height: 36px;
	display: block;position: absolute;top: 28px;left: 40px;
	background: url(/images/calendar_big.png) no-repeat var(--white);}
div.calendarSlick {}

div.homecalendar div.slider-controls {display: flex;z-index: 2;
		position: absolute;top: 20px;right: 40px;width: 130px;
		justify-content: space-between;align-items: center;
		height: 55px;padding-left:0px;}
div.homecalendar button.homearrow {
	width: 70px;height: 50px;background:none;border: 0;text-indent: -9000px;
	background-repeat:no-repeat;cursor: pointer;}
div.homecalendar button.slide-homecalendar-prev {background-image: url(/images/arrow_left_bl.png);
	background-position: 50% 50%;}
div.homecalendar button.slide-homecalendar-next {background-image: url(/images/arrow_right_bl.png);
	background-position: 50% 50%;}

div.homecalendar .slick-arrow.slick-hidden {}

div.homecalendar button.homearrow.slick-disabled {opacity: 0.5}



div.monthslick {padding-bottom: 200px;}
div.monthslick h1 {height: 84px;line-height: 90px;text-align:center;font-size: 40px;font-weight: 500;
	border-top: 1px solid var(--mainpageNewsbackground);transition: .2s;}
div.monthslick h1 span {font-weight: 300;}

div.monthwrap {display: flex;justify-content: space-between;align-items: stretch;
	padding: 50px 0 50px 4px;background-color: var(--mainpageNewsbackground);
/*margin-bottom: 200px;*/}

div.monthwrap div.week {width: 30%;margin-right: 7px;display: flex;
	justify-content: space-between;align-items: stretch;}
div.monthwrap div.week:last-child {margin-right: 4px;}

div.monthwrap div.day {background-color:var(--white);position: relative;
	display: flex;flex-wrap: wrap;align-content: space-between;
	text-align: center;justify-content: center;background-color: var(--white);
	width: calc(14.29% - 5px);margin: 0 4px 0 0;}



/*div.monthwrap div.day.d7 {margin: 0 10px 0 0;}
div.monthwrap div.day.d7:last-child {margin: 0 4px 0 0;}*/

div.monthwrap div.day div.top {padding-bottom: 10px;width: 100%;font-weight: 700;}
div.monthwrap div.day div.top span {display: block;font-size: 14px;padding: 12px 0;font-weight: 500;}

div.monthwrap div.day div.top span.date {display: block;font-size: 11px;font-weight: 400;padding: 0 0;
	height: 20px;line-height: 20px;width: 20px;border: 1px solid rgba(211,211,211,0);
	border-radius: 50%;	margin: 5px auto;}

div.monthwrap div.day.has div.top span {color: var(--black);}
div.monthwrap div.day.has div.top span.date {border: 1px solid rgba(211,211,211,1);}

div.monthwrap div.day.hasnot div.top span {opacity: .4;}


div.monthwrap div.day .dayevents_wrap {display: none;
	position: absolute;left: calc(50% - 120px);
	/*bottom: 100%;*/
	top: 73px;z-index: 1;
	width: 240px;box-sizing: border-box;
	font-size: 11px;text-align: left;padding: 0 0 10px;
	font-weight: 400;}
div.monthwrap div.day.w1 .dayevents_wrap {left: 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: 3px;color: var(--white);opacity: .8;
	padding: 3px 0;border-bottom: 1px solid var(--gray2);display: block;}
div.monthwrap div.day .dayevents_wrap .dayevents a:hover {opacity: 1}
div.monthwrap div.day .dayevents_wrap .dayevents a:last-child {margin-bottom: 0px;
	border-bottom: 0;}


div.monthwrap div.day:hover .dayevents_wrap {display: block;}
div.monthwrap div.day.has:hover div.top span {color: var(--white);}
div.monthwrap div.day.has:hover {background-color: var(--black);}

@media only screen and (min-width: 1200px){
	div.monthwrap div.day.othermonth {display: none;}
	div.monthwrap div.week.d7 div.day {width: calc(14.29% - 5px);}
	div.monthwrap div.week.d6 div.day {width: calc(16.67% - 5px);}
	div.monthwrap div.week.d5 div.day {width: calc(20.00% - 5px);}
	div.monthwrap div.week.d4 div.day {width: calc(25.00% - 5px);}
	div.monthwrap div.week.d3 div.day {width: calc(33.33% - 5px);}
	div.monthwrap div.week.d2 div.day {width: calc(50.00% - 5px);}
	div.monthwrap div.week.d1 div.day {width: calc(100.00% - 5px);}
}
@media only screen and (max-width: 1200px) {
	div.monthwrap div.week {width: 30% !important;}
}


@media only screen and (min-width: 720px) and (max-width: 1200px) {
	div.monthwrap {flex-wrap: wrap;margin: 0 auto;
		padding: 50px 15%;
		justify-content: center;}
	div.monthwrap div.day div.top {padding-bottom: 0;}
	div.monthwrap div.day div.top span.date {margin: 10px auto 10px;}
	div.monthwrap div.week {width: 48% !important;margin:2px 2px;}
	div.monthwrap div.week:last-child {margin:2px 2px;}
	div.monthwrap:after {content: "";height: 1px;width: 48%;margin:0 2px;}
	div.monthwrap div.week div.top span.dayName {display: none;}
	div.monthwrap div.week .w1 div.top span.dayName {display: block;}
	div.monthwrap div.week .w2 div.top span.dayName {display: block;}
	div.monthwrap div.day .dayevents_wrap {top: 36px;}
	div.monthwrap div.day.w1 .dayevents_wrap {left: 0px;}
	div.monthwrap div.day.w3 .dayevents_wrap {left: 0px;}
	div.monthwrap div.day.w5 .dayevents_wrap {left: 0px;}

	div.monthwrap div.day.w1 .dayevents_wrap {top:76px;}
	div.monthwrap div.day.w2 .dayevents_wrap {top:76px;}


	div.monthwrap div.day.w2 .dayevents_wrap {left: auto;right: 0}
	div.monthwrap div.day.w4 .dayevents_wrap {left: auto;right: 0}
	div.monthwrap div.day.w6 .dayevents_wrap {left: auto;right: 0}


}

@media only screen and (max-width: 720px){
	div.monthwrap {flex-wrap: wrap;margin: 0 auto;
		padding: 50px 0;
		justify-content: center;}
	div.monthwrap div.week {width: 95% !important;margin:0 auto;max-width: 360px;}
	div.monthwrap div.day div.top {padding-bottom: 0;}
	div.monthwrap div.day div.top span.date {margin: 10px auto 10px;}
	div.monthwrap div.week:last-child {margin:0 0px;}
	div.monthwrap:after {display: none;}
	div.monthwrap div.week div.top span.dayName {display: none;}
	div.monthwrap div.week .w1 div.top span.dayName {display: block;}
	div.monthwrap div.week .w2 div.top span.dayName {display: none;}

	div.monthwrap div.day.lastweek .dayevents_wrap {left: auto;right: auto;top: 36px;}

	div.monthwrap div.day.d1 .dayevents_wrap {left: 0px;}
	div.monthwrap div.day.d2 .dayevents_wrap {left: 0px;}
	/*div.monthwrap div.day.d3 .dayevents_wrap {left: 0px;}
	div.monthwrap div.day.d5 .dayevents_wrap {left: auto;right: 0}*/
	div.monthwrap div.day.d6 .dayevents_wrap {left: auto;right: 0}
	div.monthwrap div.day.d7 .dayevents_wrap {left: auto;right: 0}

	div.monthwrap div.day .dayevents_wrap {top: 36px;}
	div.monthwrap div.day.w1 .dayevents_wrap {top:76px;}

	div.monthslick h1 {font-size: 28px;text-align: left;padding-left: 60px;}

	div.homecalendar:after {content:"";width: 46px;height: 36px;
		display: block;position: absolute;top: 34px;left: 15px;
		background: url(/images/calendar_search.png) no-repeat var(--white);}
	div.calendarSlick {}

	div.homecalendar div.slider-controls {right: 10px;width: 75px;}
	div.homecalendar button.homearrow {width: 35px;height: 35px;}

}

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

}


.home_top {
	transition: .2s;
	width: 100%;
	height: calc(100vh - 128px);
	min-height: 650px;
  display: grid;
  grid-template-columns: calc(100% - 486px) calc(486px - 10px);
  grid-template-rows: calc(100% - 300px) calc(300px - 10px);;
  gap: 10px 10px;
}


.home_top>* {box-sizing: border-box;}
.home_top div.banner {  grid-column-start: 1;position: relative;
  grid-row-start: span 2;display: flex;align-items: stretch;/*height: 100%;*/
background-color: var(--forecolor);margin-bottom:10px }
.home_top div.banner .bannerslider {width: 100%;height: 100%;display: flex;align-items: stretch;}
.home_top div.banner .bannerslider .slick-track {height: 100%;}
.home_top div.banner .homebannercontrols {position: absolute;bottom: 25px;right:25px;}


.home_top div.banner div.homebannerelement {width: 100%;
	height: 100%;position: relative;display: flex;align-items: flex-end;}
.home_top div.banner div.homebannerelement picture {
	position: absolute;z-index: 2;top: 0;left: 0;right: 0;bottom: 0;
	width: 100%;height: 100%;}
.home_top div.banner div.homebannerelement picture img {
	position: absolute;z-index: 2;top: 0;left: 0;right: 0;bottom: 0;
	width: 100%;height: 100%;object-fit: cover;}
.home_top div.banner div.homebannerelement 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(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.028448879551820738) 30%);
}
/*.home_top div.banner div.homebannerelement div.bannerdata {
	position: relative;z-index:4;color: #fff;width: 50%;
	min-width: 430px;	margin: auto auto 110px 83px;border: 1px solid var(--white);
	background-color: var(--forecolor);
	box-sizing: border-box;padding: 22px 60px 30px 26px;transition:.2s;}*/
.home_top div.banner div.homebannerelement div.bannerdata {
	position: relative;z-index:4;color: #fff;width: calc(100% - 210px);
	text-shadow: 2.121px 2.121px 9px rgba(0, 0, 0, 0.47);;
	
	margin: auto auto 25px 25px;
	border: 0;
	background-color: transparent;
	box-sizing: border-box;padding: 0;transition:.2s;}
.home_top div.banner div.homebannerelement div.bannerdata a {color: #fff;}

.home_top div.banner div.homebannerelement div.bannerdata h1 {font-size: 40px;transition:.2s;
	margin: 0 0 5px;font-weight: 300;}
.home_top div.banner div.homebannerelement div.bannerdata h2 {font-size: 13px;transition:.2s;
	margin: 0 0 15px;letter-spacing: 2.6px;font-weight: 300;}
.home_top div.banner div.homebannerelement div.bannerdata div.bot {padding: 20px 0 0 0;}
.home_top div.banner div.homebannerelement div.bannerdata div.bot div.dates {font-size: 12px;letter-spacing: 4.8px;font-weight: 300;margin: 0 0 10px;
	text-transform: uppercase;transition:.2s;}
.home_top div.banner div.homebannerelement div.bannerdata div.bot h4 {font-size: 10px;;letter-spacing: 4px;
		font-weight: 300;text-transform: uppercase;transition:.2s;}



.home_top div.banner div.slider-controls {display: flex;
		justify-content: space-between;align-items: center;
		height: 55px;padding-left:15px;}
.home_top div.banner div.slider-controls .slide-homebanner-dots{
	width: calc(100% - 160px);
}
.home_top div.banner div.slider-controls .slide-homebanner-dots ul{
	width:100%;display: flex;justify-content: center;
	align-items: center;list-style: none;
}
.home_top div.banner div.slider-controls .slide-homebanner-dots li{flex-grow: 2;margin: 0 4px;
	display: flex;align-items: center;max-width:75px; }
.home_top div.banner div.slider-controls .slide-homebanner-dots li button{flex-grow: 2;
		width: 100%;height:4px;background-color:rgba(131, 126, 126);cursor: pointer;
	text-indent: -9000px;border: 0;margin:0;}
.home_top div.banner div.slider-controls .slide-homebanner-dots li button:hover {background-color:var(--white);}
.home_top div.banner div.slider-controls .slide-homebanner-dots li.slick-active button{background-color:var(--white);}

.home_top div.banner div.homebannercontrols button.homearrow {
	width: 70px;height: 50px;background:none;border: 0;text-indent: -9000px;
	background-repeat:no-repeat;cursor: pointer;}
.home_top div.banner div.homebannercontrols button.slide-homebanner-prev {background-image: url(/images/arrow_left_wh.png);
	background-position: 50% 50%;}
.home_top div.banner div.homebannercontrols button.slide-homebanner-next {background-image: url(/images/arrow_right_wh.png);
	background-position: 50% 50%;}

.home_top div.banner div.homebannercontrols .slick-arrow.slick-hidden {}

.home_top div.banner div.homebannercontrols button.homearrow.slick-disabled {opacity: 0.5}


div.liveatthoc {position: relative;z-index: 4;}
div.liveatthoc div.inside {
	display: flex;align-items: flex-end;flex-wrap: wrap;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background-color: var(--forecolor);
	box-sizing: border-box;position: absolute;top: 0;bottom: 0;
		left: -43px;right: 0;}
div.liveatthoc div.inside > div {width: 100%;}

div.liveatthoc div.inside div.top {
	display: flex;align-items: flex-start;flex-wrap: wrap;
	align-self: flex-start;
	/*height: calc(100% - var(--homeweeksliderHeight));*/
	height:auto;
}
div.liveatthoc div.inside div.top h2 {
	padding: 39px 0 10px 15px;box-sizing: border-box;
	width: 100%;
	color: #fff;font-size: 36px;font-weight: 200;margin: 0;line-height:30px; }
div.liveatthoc div.inside div.top h2 span {display: block;
	margin-left: 100px;font-weight: 400;font-size: 50px;}

div.liveatthoc div.inside div.now_wrapper {width: 100%;}

div.liveatthoc div.inside /*div.top */div.weekcontrols {align-self: flex-end;
	display: flex;justify-content: space-between;flex-wrap: nowrap;
	width: 100%;margin-left: auto;margin-right: auto;}
	div.liveatthoc div.inside /*div.top */div.weekcontrols {display: flex;
		align-self: flex-end;
		justify-content: space-between;align-items: center;height: 55px;}
	div.liveatthoc div.inside /*div.top*/ div.slider-controls {display: flex;
		justify-content: space-between;align-items: center;height: 55px;
		/*padding-left:15px;padding-right:15px;*/width: 100%;}
div.liveatthoc div.inside /*div.top */div.weekcontrols button.homearrow {
	width: 70px;height: 50px;background:none;border: 0;text-indent: -9000px;
	background-repeat:no-repeat;cursor: pointer;}
div.liveatthoc div.inside /*div.top */div.weekcontrols button.slide-home-prev {background-image: url(/images/arrow_left_wh.png);
	background-position: 50% 50%;}
div.liveatthoc div.inside /*div.top */div.weekcontrols button.slide-home-next {background-image: url(/images/arrow_right_wh.png);
	background-position: 50% 50%;}

div.liveatthoc div.inside /*div.top */div.weekcontrols .slick-arrow.slick-hidden {}

div.liveatthoc div.inside /*div.top */div.weekcontrols button.homearrow.slick-disabled {opacity: 0.5}

div.liveatthoc div.inside /*div.top */div.weekcontrols div.title {color: #fff;font-size: 14px;
letter-spacing: 2.8px;font-weight: 500;
padding: 0 17px}

div.liveatthoc div.inside /*div.top */div.weekcontrols a.repertoire {display: block;
color: var(--white_50);font-weight: 400;text-align: left;
padding-right: 20px;
font-size: 13px;
letter-spacing: 1.3px;}
div.liveatthoc div.inside /*div.top */div.weekcontrols a.repertoire:hover {
color: var(--white);}
div.liveatthoc div.inside /*div.top */div.weekcontrols a.repertoire span {white-space: nowrap;}

div.thisweekslides {position: relative;width: 100%;}
div.thisweekslides div.event {color: #fff;font-size: 12px;letter-spacing: 1.2px;
	/*border-right: 1px solid #fff;*/
	/*height:var(--homeweeksliderHeight);*/box-sizing: border-box;
	display: flex;flex-wrap: wrap;height: 200px;
	padding:5px 17px 0;width: 200px;}
	div.thisweekslides div.event>* {width: 100%;}
	div.thisweekslides div.event div.dates {display: flex;flex-wrap: wrap;
		justify-content: space-between;align-items: flex-start;}
	div.thisweekslides div.event span.upcoming {    font-weight: 300;
    display: block;
    /*font-style: italic;*/
    font-size: 10px;
    background-color: var(--white_50);
    color: var(--black);
    /*margin-left: 0;
    margin-right: auto;*/
    border-radius: 3px;
    padding: 1px 2px;
    width: auto;}
div.thisweekslides div.event a {color: #fff;}
div.thisweekslides div.event a.livealinks {display: block;
overflow-y: hidden;height: 77px;position: relative;
margin-bottom: 5px;}
div.thisweekslides div.event a.livealinks::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20px; /* Height of the indicator */
    background: linear-gradient(to bottom, transparent, var(--forecolor)); /* Adjust colors as needed */
}

div.thisweekslides div.event div.bottom {align-self: flex-end;
	display: flex;flex-wrap: nowrap;justify-content: space-between;align-items: flex-end;}

div.thisweekslides div.event div.bottom .right {display: flex;width: 20px;flex-wrap: wrap;}
div.thisweekslides div.event div.bottom .right span,
div.thisweekslides div.event div.bottom .right a {margin: 5px 0 0;line-height: 1;color: #807b7b;text-align: center;
	width: 100%}
div.thisweekslides div.event div.bottom .right a.has {color: #fff}
div.thisweekslides div.event div.bottom .right span.has {color: #fff}
div.thisweekslides div.event div.bottom .right .has.passed {color: rgba(255,255,255,.7);}

div.thisweekslides div.event div.bottom .left {min-height: 145px;
	position: relative;box-sizing: border-box;padding-bottom: 25px;}
div.thisweekslides div.event div.bottom .left h3 {font-size: 14px;letter-spacing: 1.4px;font-weight: 500;margin: 0 0 0px;
	text-transform: uppercase;}
div.thisweekslides div.event div.bottom .left h4 {font-size: 13px;letter-spacing: 1.1px;font-weight: 400;margin: 0 0 12px;}
div.thisweekslides div.event div.bottom .left h5 {font-size: 10px;letter-spacing: 1px;font-weight: 400;margin: 0 0 0px;
	text-transform: uppercase;}


div.thisweekslides div.event div.bottom .left a.ticket {display: block;background: url(/images/ticket_wh_sm.png) no-repeat 0 50%;
		width: 25px;height: 25px;text-indent: -9000px;
		position: absolute;bottom: 2px;}

div.liveatthoc_foot {border-top: 2px solid #fff;
	margin: 20px 0 0 0;padding: 0 0;align-self: flex-end;
	box-sizing: border-box;min-height: 90px;}
div.liveatthoc_foot a.repertoire {color: var(--white);font-size: 40px;font-weight: 200;
	text-align: center;display: block;padding: 0 15px;
	padding: 20px 10px;line-height: 1;}
div.liveatthoc_foot a.repertoire span {font-weight: 300;display: block;}


:root {
	--homeweeksliderHeight: 0;
}


div.theatredevelopment {background-color: var(--maincolor);
	height: 100%;z-index: 5;
	position: relative;padding:20px 10px;display: flex;align-items: stretch;
	transition: .2s;}
div.theatredevelopment a {position: relative;display: flex;width: 90%;
	align-items: flex-end;box-sizing: border-box;
	padding: 0 20px 40px 20px;font-size: 30px;
	background-position: 100% 100%;font-weight: 300;
	transition: .2s;}
div.theatredevelopment a b {font-weight: 500;}
div.theatredevelopment a span {display: block;width: 100%;
background: url(/images/arrow_down_bl.png) no-repeat;
background-position: 100% 50%;}

div.home_theatredevelopment {background-color: var(--maincolor);
	margin: 0 auto 50px;}


div.theatredevelopment a:after {content: "";display: block;width: 1px;
		position: absolute;left: 32px;transition:.2s;transition: .2s;
		top: 0;bottom: 98px;background:var(--forecolor);transition: .2s}
div.theatredevelopment a::before {content: "";display: block;width: 6px;
		height: 6px;border-radius:50%;
		position: absolute;left: 28.5px;transition: .2s;
		bottom: 90px;border:1px solid var(--forecolor);transition: .2s}

@media only screen and (min-width: 1530px) {
	div.liveatthoc div.inside div.top h2 {text-align: center}
	div.liveatthoc div.inside div.top h2 span {display: inline;margin: 0;}
	div.thisweekslides div.event div.bottom {flex-wrap: wrap;}
	div.thisweekslides div.event div.bottom .left {width: 100%;}
	div.thisweekslides div.event div.bottom .right {width: 100%;align-self: flex-end;}
	div.thisweekslides div.event div.bottom .right span,
	div.thisweekslides div.event div.bottom .right a {width: 14.29%;text-align: left;}
}

@media only screen and (min-width: 1530px) {
	div.liveatthoc div.inside div.top h2 {text-align: center}
	div.liveatthoc div.inside div.top h2 span {display: inline;margin: 0;}
	div.thisweekslides div.event div.bottom {flex-wrap: wrap;}
	div.thisweekslides div.event div.bottom .left {width: 100%;}
	div.thisweekslides div.event div.bottom .right {width: 100%;align-self: flex-end;}
	div.thisweekslides div.event div.bottom .right span,
	div.thisweekslides div.event div.bottom .right a {width: 14.19%;text-align: left;}
}
@media only screen and (min-width: 600px) and (max-width: 850px) {
	div.thisweekslides div.event div.bottom {flex-wrap: wrap;}
	div.thisweekslides div.event div.bottom .left {width: 100%;}
	div.thisweekslides div.event div.bottom .right {width: 100%;align-self: flex-end;}
	div.thisweekslides div.event div.bottom .right span,
	div.thisweekslides div.event div.bottom .right a {width: 23px;text-align: left;}
	div.thisweekslides div.event div.bottom .right .has {width: 24px;}
}
@media only screen and  (max-width: 850px) {
	div.liveatthoc div.inside div.top h2 {text-align: center;text-align: center;padding-left: 0}
	div.liveatthoc div.inside div.top h2 span {display: inline;margin: 0;font-size: inherit;}
}
@media only screen and  (max-width: 400px) {
	div.liveatthoc div.inside div.top h2 {font-size: 30px;}
}




@media only screen and (max-width: 1530px) {
	div.headerwrap div.header {padding-right: 30px;}

	.home_top {
	  grid-template-columns: calc(100% - 320px) calc(320px - 10px);
	  grid-template-rows: calc(100% - 250px) calc(250px - 10px);
	  gap: 10px 10px;
	}
	div.thisweekslides div.event {border-right: 0;}
	div.liveatthoc div.inside div.top div.weekcontrols {flex-wrap: wrap;height: 83px}
	div.liveatthoc div.inside div.top div.weekcontrols a.repertoire {display: inline;width: 100%;margin-bottom: 5px;
		padding-left: 15px;}
	/*div.liveatthoc div.inside div.top div.weekcontrols div.slider-controls {padding: 0}*/

	div.liveatthoc_foot a.repertoire {font-size: 26px;}


	div.theatredevelopment a {padding: 0 10px 40px;width: 100%;font-size: 25px;}
	div.theatredevelopment a span {padding: 0 30px 0 0;background-position: 100% 70px;}
	div.theatredevelopment a::before {left: 15.5px;bottom: 86px;}
	div.theatredevelopment a::after {left: 19px;bottom: 93px;}

	.en div.theatredevelopment a::before {bottom: 106px;}
	.en div.theatredevelopment a::after {bottom: 113px;}

	.home_top div.banner div.homebannerelement div.bannerdata {
		/*		background-color: rgba(255,255,255,0.1);*/
		/*margin: auto auto 25 40px;*/
		/*padding: 10px 60px 10px 15px;*/
		width: calc(100% - 130px);
	}
	.home_top div.banner .homebannercontrols {right: 0}
	.home_top div.banner div.homebannercontrols button.homearrow {width: 45px;}


	.home_top div.banner div.homebannerelement div.bannerdata h1 {font-size: 25px;margin-bottom: 13px;}
	.home_top div.banner div.homebannerelement div.bannerdata h2 {margin-bottom: 8px;}
	.home_top div.banner div.homebannerelement div.bannerdata div.bot div.dates {
		letter-spacing: 2.8px;}
	.home_top div.banner div.homebannerelement div.bannerdata div.bot h4 {letter-spacing: 4px;}

	.home .wrapperIn {padding: 0 2%}
}


@media only screen and (max-height: 830px) {
	div.liveatthoc_foot a.repertoire span {display: inline;}
	/*.home_top {grid-template-rows: calc(100% - 160px) calc(160px - 10px);}*/

}


@media only screen and (max-width: 1050px) {
	.home .wrapperIn {padding: 0}

	.home_top {
	  grid-template-columns: calc(100% - 260px) calc(260px - 10px);
	  grid-template-rows: calc(100% - 250px) calc(250px - 10px);
	  gap: 10px 10px;
	}
	div.theatredevelopment a {padding-bottom: 5px;}
	div.theatredevelopment a::before {bottom: 84px;}
	div.theatredevelopment a::after {    bottom: 92px;}
	div.liveatthoc div.inside div.top div.weekcontrols div.title {letter-spacing:0.6px;}
	div.liveatthoc div.inside div.top div.weekcontrols button.homearrow {width: 60px;}
}

@media only screen and (max-width: 960px) {
	.home_top {height: calc(100vh - 90px);}
}

@media only screen and (max-width: 850px) {
	div.theatredevelopment  {display: none;}
	.home_top {display: flex;flex-wrap: wrap;height: auto;}
	.home_top>*{width: 100%;}
	.home_top div.banner {min-height: 600px;margin-bottom: 0;}
	div.liveatthoc {height: auto;min-height: 200px;margin-bottom: 10px}
	div.liveatthoc div.inside {position: relative;left: auto;right: auto;}/*
	div.liveatthoc div.inside {position: relative;margin: 0;left: auto;right: auto;
		border-left: 0;align-items: 	stretch	;}

		div.liveatthoc div.inside div.top {width: 100%;}
		div.thisweekslides {width: 100%;}

		div.liveatthoc div.inside div.top h2 {padding-bottom: 40px}
		div.liveatthoc div.inside div.top h2 span {display: inline;margin: 0;padding: 0;}
		div.liveatthoc div.inside div.top div.weekcontrols div.slider-controls {margin-right: 0;margin-left: auto;}
		div.liveatthoc div.inside div.top div.weekcontrols a.repertoire {text-align:left;padding-left: 20px;}
		div.thisweekslides div.event {border-top: 0;border-left: 1px solid var(--white_15);}
		div.thisweekslides div.event:nth-child(2n+1) {border-left:0;}

	div.liveatthoc div.inside div.top div.weekcontrols {flex-direction: row-reverse;}*/

}


@media only screen and (max-height: 850px) {
.home_top { grid-template-rows: calc(100% - 240px) calc(240px - 10px);}
div.liveatthoc_foot a.repertoire {padding: 8px 10px;}
}



@media only screen and (max-width: 700px) {
		/*div.thisweekslides div.event {padding-right: 5px;}*/
		/*div.liveatthoc div.inside div.top {width: calc(100% - 250px);}
		div.thisweekslides {width: 250px;}*/
		div.liveatthoc div.inside div.top {width: 100%;}
		div.thisweekslides {width: 100%;}

}
@media only screen and (max-width: 630px) {
	.home_top div.banner div.homebannerelement  {flex-wrap: wrap;}
	.home_top div.banner div.homebannerelement picture {
		width: 100%;
		position: absolute;z-index: 2;

		/*top: auto;left: auto;right: auto;bottom: auto;height: 500px;*/
	}
	.home_top div.banner div.homebannerelement picture img {/*position: relative;width: 100%;
			height: 500px;object-position:50%;*/}

	.home_top div.banner div.homebannerelement div.bannerdata {
		width: 100%;margin: 0;border: 0;
		padding:25px 25px 15px;
	}
	.home_top div.banner .homebannercontrols {bottom: calc(50% - 28px);
		width: 100%;}
	.home_top div.banner div.slider-controls {padding-left: 0;}

}

@media only screen and (max-width: 550px) {
	/*.home_top div.banner {min-height: auto;}*/
	/*.home_top div.banner .bannerslider .slick-track {height: auto;}*/
	/*.home_top div.banner div.homebannerelement picture {height: auto;}
	.home_top div.banner div.homebannerelement picture img {height:auto;}*/
	.home_top div.banner div.homebannerelement picture:after {
	    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.028448879551820738) 40%);
	}
}
@media only screen and (min-width: 450px)and (max-width: 550px) {
	div.liveatthoc div.inside div.top h2 {padding:24px 5px 10px 15px;font-size: 27px;
			line-height: 22px;}
	div.liveatthoc div.inside div.top h2 span {font-size:30px;}
}
@media only screen and (max-width: 450px) {
	div.liveatthoc div.inside {flex-wrap: wrap;}
	div.liveatthoc div.inside div.top {width: 100%;padding-bottom: 20px;}
	div.liveatthoc div.inside div.top div.weekcontrols div.slider-controls {margin-left: 0;width: 100%;}
	div.thisweekslides {width: 90%;margin-left: auto;margin-right: auto}
	div.thisweekslides div.event {border-left: 0;border-top:1px solid var(--white);
			padding-left: 0;padding-right: 0;}
}




.homebanners {width: 95%;max-width: 1500px;margin: 40px auto 100px;
	display: flex;align-items: stretch;justify-content: space-between;
	flex-wrap: wrap;gap:20px}


.homebanners a {background-repeat: no-repeat;background-size: cover;background-position: 50%;
	box-sizing: border-box;padding: 2% 6% 2% 0;gap: 10px;
	display: flex;flex-wrap: wrap;align-content: space-between;
	background-color: var(--forecolor);color: var(--white);
	position: relative;transition: .2s;}
.homebanners a.w70 {width: calc(70% - 10px);margin:0 0;padding-left: 4%;}
.homebanners a.w30 {width: calc(30% - 10px);margin:0 ;padding-left: 2%}
.homebanners a.w100 {width: 100%;margin:0;padding-left: 2%;
	}
.homebanners a.w80 {width: calc(80% - 10px);margin:0 0;padding-left: 2%;
	text-align: center;}
.homebanners a.w60 {width: calc(60% - 10px);margin:0 0;padding-left: 2%;}
.homebanners a.w60-2 {width: calc(60% - 20px);margin:0 0;padding-left: 2%;}
.homebanners a.w50 {width: calc(50% - 10px);margin:0;padding-left: 2%;}
.homebanners a.w20 {width: calc(20% - 10px);margin:0 0;padding-left: 2%;
	text-align: center;}
.homebanners a.w40 {width: calc(40% - 10px);margin:0 0;padding-left: 2%;
	text-align: left;}

.homebanners a:before {content: "";position: absolute;z-index: 0;
	top:0;left: 0;right: 0;bottom: 0;background-color: rgba(0,0,0,.5);}
.homebanners a:after {content: "";position: absolute;z-index: 2;
	bottom:16%;right: 30px;width: 24px;height: 23px;
		background: url(/images/arrow_right_wh.png) no-repeat 50%;}

.homebanners a>* {width: 100%;position: relative;z-index: 1;}
.homebanners p {font-size: 14px;font-weight: 300;line-height: 1.6;
	text-transform: uppercase;}
.homebanners h2 {font-size: 40px;font-weight: 200;line-height: 1.05;margin-top: 0;}

.homebanners a div.bottom {padding:50px 0 5px 35px;position: relative;}

.homebanners a div.bottom::after {content: "";display: block;width: 1px;
		position: absolute;left: 3.5px;transition:.2s;z-index: 10px;opacity: .2;
		top: 0;bottom: 8px;background:var(--white);transition: .2s}
.homebanners a div.bottom::before {content: "";display: block;width: 6px;
		height: 6px;border-radius:50%;z-index: 10px;
		position: absolute;left: 0px;opacity: .2;
		bottom: 0px;border:1px solid var(--white);transition: .2s}

.homebanners a.videos50 {background-image:url(/images/banner_50yearsvideos.jpg);
	align-items: center;justify-content:center;}
.homebanners a.videos50>img {width: 50%;max-width: 365px;text-align: left;}
.homebanners a.videos50>div {width: 27%;max-width: 280px;text-align: left;
	text-shadow: 2.958px 6.344px 12.35px rgba(0, 0, 0, 0.68);}
.homebanners a.videos50>div h2 {font-size: 53px;letter-spacing: 2px;line-height: 1;}
.homebanners a.videos50::before {display: none;}
.homebanners a.videos50::after {display: none;}

.homebanners a.submission {background-color: rgba(177, 39, 63,1);}

.homebanners a.w20.digitalpub {background-color:transparent;padding:0;max-width: 700px;}
.homebanners a.w20.digitalpub img {object-fit: cover;height: 100%;}


.homebanners a.etc {background:url(/images/etc_footer.png) no-repeat 50% rgb(223, 51, 60);
	background-size: auto;
	align-items: center;justify-content:center;}
.homebanners a.etc img {display: none;}
.homebanners a.etc:before,
.homebanners a.etc:after {display: none;}


.homebanners a.kartapolitismouneon {background:url(/images/kartapolitismouneon.jpg) no-repeat 50%;
	background-size: contain;
	align-items: center;justify-content:center;}
.homebanners a.kartapolitismouneon img {display: none;}
.homebanners a.kartapolitismouneon:before,
.homebanners a.kartapolitismouneon:after {display: none;}


.homebanners a.kartapolitismounewn {padding:0;}


.homebanners a.roots {background:url(/images/rootsandroutes_.jpg) no-repeat 50%;
	background-size: contain;padding:0;
	align-items: center;justify-content:center;}
/*.homebanners a.roots img {display: none;}*/
.homebanners a.roots:before,
.homebanners a.roots:after {display: none;}


.homebanners a.subscribers {background:url(/images/subscribers24-25.jpg) no-repeat 50%;
	background-size: contain;
	align-items: center;justify-content:center;}
.homebanners a.subscribers img {display: none;}
.homebanners a.subscribers:before,
.homebanners a.subscribers:after {display: none;}

.homebanners a.subscribers.wfixed324 {width:364px;height:364px;}
.homebanners a.tgb {background: #fff;text-align:center;padding:0;align-content: center}
.homebanners a.tgb img {max-width:700px;margin:0 auto;}
.homebanners a:before {display: none;}
.homebanners a:after {display: none;}



.homebanners a.kartapolitismouneon.wfixed324 {width:449px;height:364px;}
.homebanners a.wfixed-324 {width:calc(100% - 384px);}
.homebanners a.wfixed-324-1 {width:calc(100% - 384px);}
.homebanners a.wfixed-324 {width:calc(100% - 853px);}


@media only screen and (max-width: 1200px) {
	.homebanners a.w70 {width: 49%;margin:0;padding: 20px 25px;}
	.homebanners a.w30 {width: 49%;margin:0;padding: 20px 25px}
	.homebanners a.w80 {width: 70%;margin:0;padding: 20px 25px;}
	.homebanners a.w20 {width: 28%;margin:0;padding: 20px 25px}
	.homebanners a.w60 {width: 49%;margin:0;padding: 20px 25px;}
	.homebanners a.w60-2 {width: 49%;margin:0;padding: 20px 25px;}
	.homebanners a.w40 {width: 49%;margin:0;padding: 20px 25px}
	.homebanners a.subscribers {height: 300px}
	.homebanners a.kartapolitismouneon {height: 300px}
	.homebanners a.etc {background-size: auto;}
}

@media only screen and (max-width: 1350px) {
	.homebanners a:after {bottom:15px;right: 15px;}
	.homebanners a.w70 {width: 100%;margin:0 auto  auto;}
	.homebanners a.w30 {width: 100%;margin:0 auto  auto;}
	.homebanners a.w80 {width: 100%;margin:0 auto  auto;}
	.homebanners a.w20 {width: 100%;margin:0 auto  auto;}
	.homebanners a.w60 {width: 100%;margin:0 auto  auto;}
	.homebanners a.w60-2 {width: 100%;margin:0 auto  auto;}
	.homebanners a.w40 {width: 100%;margin:0 auto  auto;}
	.homebanners a.etc {height: 115px}
/*	.homebanners a.subscribers {height: 300px}*/

	.homebanners a {/*max-width: 650px;*/margin: 0 auto 2%}
	.homebanners a.videos50 {max-width: 650px;margin: 0 auto 2%}
/*	.homebanners a.subscribers {max-width: 650px;margin: 0 auto 2%}*/
	.homebanners a.subscribers.wfixed324 {width:100%;}
	.homebanners a.wfixed-324 {width:100%;}
}
@media only screen and (max-width: 790px) {
	.homebanners a.videos50 {padding-top: 30px;padding-bottom: 30px;}
	.homebanners a.videos50>img {width: 30%;}
	.homebanners a.videos50>div {width: 70%;}
	.homebanners a.w50 {width: 100%;}
		.homebanners a.videos50>div h2 {font-size: 35px;letter-spacing: 1px;}
	.homebanners a.videos50 img.arrow {display: none;}

}

@media only screen and (max-width: 500px) {
	.homebanners a.videos50>img {width: 90%;max-width: 150px;text-align: center;}
	.homebanners a.videos50>div {width: 90%;text-align: center;}
}





div.home_theatredevelopment {padding: 20px;}
div.td_wrap {display: flex;justify-content: space-between;align-items: stretch;
		/*margin: 20px;*/border: 1px solid #000;padding: 0;}
div.td_wrap div.news_wrap {width: 60%;box-sizing:border-box;transition:.2s;}
div.td_wrap div.menu {width: 40%;box-sizing:border-box;padding: 46px 53px;position: relative;
	z-index: 1;border-left: 1px solid #000;transition:.2s;}



div.td_wrap div.menu ul {list-style: none;padding: 0 0 0 40px;margin-right: 0;margin-left: 0;}
div.td_wrap div.menu ul li {padding: 4px 0 0;text-align: right;}
div.td_wrap div.menu ul li a {font-size: 12px;font-weight: 400;letter-spacing:2.4px;line-height:24px;
		text-transform:uppercase;}
div.td_wrap div.menu h2 {line-height:23px;font-size: 30px;color: #000;
	text-transform: uppercase;
	position: absolute;left: 25px;bottom: 25px;font-weight:300;padding: 0;margin: 0;
	transform-origin: 0 0;transform: rotate(270deg) translate(-23px,0)}
div.td_wrap div.menu h2 span {font-weight:400;}
.en div.td_wrap div.menu h2 span {display: block;}

div.news_wrap{display:flex;height: 100%;justify-content:flex-start;
		align-items: flex-start;flex-wrap: 	wrap;z-index: 1;position: relative;}
div.news_wrap div.tdcontrols {width: 100%;height: 80px;
		display: 	flex;align-items: 	center;}
div.news_wrap div.tdcontrols div.title {width: 120px;text-align:center;font-size: 14px;font-weight:500 ;letter-spacing: 2.8px;}
div.news_wrap div.news {width: 100%;}
div.news_wrap div.news.slick-initialized .slick-slide {}
div.news_wrap div.news div.new {height: 300px;border-right: 1px solid #000;
		box-sizing:border-box;padding:35px 30px;
		font-size:14px;position: relative;
		border-top: 1px solid #000;}
div.news_wrap div.news div.new span.date {}
div.news_wrap div.news div.new a {position: absolute;
		left: 0;right: 0;bottom: 0;padding: 35px 30px;font-size: 18px;
		letter-spacing:1.3px;font-weight:500;color: var(--black);}

div.news_wrap div.news div.new:before {content: "";transition: .2s;
		border: 1px solid var(--black);border-radius: 0;
		position: absolute;top: -1px;bottom: -1px;left: -1px;right: -1px;}
div.news_wrap div.news div.new:hover:before {
		border-radius: 40px;}



div.news_wrap div.slider-controls {display: flex;
		justify-content: space-between;align-items: center;
		height: 55px;padding-left:0px;}
div.news_wrap button.homearrow {
	width: 70px;height: 50px;background:none;border: 0;text-indent: -9000px;
	background-repeat:no-repeat;cursor: pointer;}
div.news_wrap button.slide-td-prev {background-image: url(/images/arrow_left_bl.png);
	background-position: 50% 50%;}
div.news_wrap button.slide-td-next {background-image: url(/images/arrow_right_bl.png);
	background-position: 50% 50%;}

div.news_wrap .slick-arrow.slick-hidden {}

div.news_wrap button.homearrow.slick-disabled {opacity: 0.5}


@media only screen and (min-width: 1200px) and (max-width: 1400px) {
	div.news_wrap div.news div.new a {font-size: 16px;letter-spacing:0.3px;}

}

@media only screen and (max-width: 1400px) {
	div.td_wrap div.news_wrap {width: calc(100% - 430px);}
	div.td_wrap div.menu {width: 430px;}
}
@media only screen and (max-width: 1150px) {
	div.td_wrap div.menu {width: 355px;padding: 16px 20px;}
	div.td_wrap div.news_wrap {width: calc(100% - 355px);}
	div.news_wrap div.news div.new {padding: 20px;}
	div.news_wrap div.news div.new a {font-size: 16px;letter-spacing:.3px;padding: 20px;}
}

@media only screen and (min-width:750px) and (max-width: 950px) {
	div.td_wrap div.menu ul li a {letter-spacing:0;}
	div.td_wrap div.menu {width: 377px;}
	div.home_theatredevelopment {padding: 20px 0;}
	div.td_wrap {border-left: 0;border-right: 0;}
}
@media only screen and (max-width: 750px) {
	div.td_wrap {flex-wrap:wrap;flex-direction:column-reverse;border: 0;}
	div.td_wrap div.news_wrap {width: 100%;border: 1px solid #000;padding-right: 0}
	div.td_wrap div.menu {width: 100%;border-left:0;border-top: 0;
		padding-left: 0;padding-right: 0;}
	div.td_wrap div.menu h2 {transform	:none;position: relative;
			left: auto;right: auto;top: auto;bottom: auto;text-transform:none;}
	div.td_wrap div.menu ul {padding: 30px 0;}
	div.td_wrap div.menu ul li {text-align: left;}
	div.td_wrap div.menu ul li a {font-size: 12px;font-weight: 500}
	div.news_wrap div.tdcontrols {justify-content: space-between;}
	div.news_wrap div.tdcontrols div.title {width: auto;}
	div.news_wrap div.slider-controls {width: 100%;}
	div.news_wrap div.news div.new:before {display: none;}
}
@media only screen and (max-width: 480px) {
	div.news_wrap div.news div.new {border-right: 0;height: auto}
	div.news_wrap div.news div.new a {position: relative;border: 0;display: block;
		padding: 20px 0 40px 0;}
}


div.homenewslistwrap {background-color: var(--mainpageNewsbackground);padding: 50px 0;}
div.homenewslistwrap h2 {font-size: 30px;text-transform: uppercase;padding: 0 0 60px;
	color: var(--forecolor);letter-spacing: 6px;font-weight: 400;}
div.homenewslistwrap h2 b {font-weight: 500;}
div.homenewslistwrap ul {list-style:none;
	display:flex;justify-content: flex-start;
	align-items: stretch;flex-wrap: wrap;
}
div.homenewslistwrap ul li {width: 23.5%;margin:0  0  2% 2%;background-color:#fff;
	position: relative;min-height: 400px;display: flex;align-items: stretch;
box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.1);}
div.homenewslistwrap ul li:nth-child(4n+1){
	margin-left: 0;
}
div.homenewslistwrap ul li a {display:flex;height:100%;align-items: flex-end;
	flex-wrap: wrap;box-sizing:border-box;transition:.2s;width: 100%;
	box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.1);
}
div.homenewslistwrap ul li a>div {padding-bottom: 11px;
	background-position:right 20px bottom 25px;
	background-repeat: no-repeat;}
div.homenewslistwrap ul li a>* {width: 100%;z-index: 3;position:relative;}

div.homenewslistwrap ul li a time {margin: 15px 0 15px 0;box-sizing:border-box;
		padding: 0 5px 0 28px;height: 28px;line-height:25px;width: auto;
		align-self:flex-start;
		background-color:var(--forecolor);
		font-size: 14px;letter-spacing:1.4px;}
div.homenewslistwrap ul li a h3 {font-size:23px;line-height:30px;padding: 40px 18px 13px;
	text-shadow: 0 0 10px rgba(0,0,0,.5);}
div.homenewslistwrap ul li a div.thiscategory {padding: 5px 15px;font-size:10px;font-weight:400;
		margin:0 auto 10px 20px;width: auto;text-transform:uppercase;
		display:inline-block;}
div.homenewslistwrap ul li a span.pic{z-index: 1;position:absolute;
	top: 0;left: 0;right: 0;bottom: 0;transition:.1s;}
div.homenewslistwrap ul li a span.pic img {width: 100%;height: 100%;object-fit: cover;}

/*div.homenewslistwrap ul li a span.pic:after {content: "";display: block;position: absolute;
top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0,0,0,.2);z-index: 2;
transition:.1s;}*/

div.homenewslistwrap ul li a span.pic:after {content: "";
	position: absolute;z-index: 3;top: 0;left: 0;right: 0;bottom: 0;
	width: 100%;height: 100%;background: rgb(0,0,0);transition: .2s;
	background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.028448879551820738) 35%);
}


div.homenewslistwrap ul:after {content: "";}
div.homenewslistwrap ul li a:hover {transform: scale(1.05,1.05);border-radius: 20px;}

div.homenewslistwrap ul li a time {color: #fff;}
div.homenewslistwrap ul li.haspic a h3 {color: #fff;}
div.homenewslistwrap ul li.haspic a div.thiscategory {border: 2px solid #fff;color: #fff;}
div.homenewslistwrap ul li.haspic a>div {background-image:url(/images/arrow_right_wh.png);}

div.homenewslistwrap ul li a h3 {color: var(--black);}
div.homenewslistwrap ul li a div.thiscategory {border: 2px solid var(--black);color: var(--black);}
div.homenewslistwrap ul li a>div {background-image:url(/images/arrow_right_bl.png);}

div.homenewslistwrap ul li.theatredevelopment a div.thiscategory {border: 2px solid var(--maincolor);color: var(--maincolor);}

/*div.homenewslistwrap ul li a:hover span.pic:after {border-radius: 20px;}
div.homenewslistwrap ul li a:hover span.pic img {border-radius: 20px;}*/
div.homenewslistwrap a.morenews {display: block;margin: 50px auto 50px;
	border:2px solid var(--black);background-color: var(--white);
		font-weight:500;letter-spacing: 2.8px;height:44px;line-height: 44px;
		font-size: 14px;width: 90%;max-width: 250px;text-align: center;box-sizing: border-box;
		padding:0 10px;}



div.events {}
div.events div.halls {margin: 0 0 60px;}
.hallnamewrapper {}
.hallnamewrapper h2 {font-size: 12px;font-weight:500;margin: 0 0 40px;
	padding: 0 0 30px;position: relative;
text-transform: uppercase;letter-spacing: 2.5px;}
/*.hallnamewrapper h2:before {content: "";border: 1px solid var(--black);
	border-radius: 4px;width: 6px;height: 6px;
	position: absolute;left: -25px ;top: 3px;
	}*/
.hallnamewrapper>h2 {font-size: 24px;margin: 0 auto 30px 0;padding: 8px 14px;
	color: var(--white);background-color: var(--forecolor);}
.hallnamewrapper h2 span.scene:after {content: " - ";}
div.events ul.repertoir {list-style: none;display: flex;flex-wrap: wrap;
		justify-content:flex-start;align-items: stretch;}
div.events ul.repertoir li {width: 48%;margin:0 0 30px 4%;}
div.events ul.repertoir li:nth-child(2n+1) {margin-left:0;}

div.events ul.repertoir li {display: flex;align-items: stretch;}
div.events ul.repertoir li a {display:flex;/*height: 100%;*/width: 100%;position: relative;
	align-items: flex-end;/*padding-top: 490px;*/box-sizing:border-box;}
div.events ul.repertoir li a div.image {position: relative;height: 325px;
		width: 100%;z-index: 1;background-color: #ddd}
div.events ul.repertoir li a div.image img {width: 100%;height: 100%;object-fit: cover;}
div.events ul.repertoir li a div.info {position: absolute;z-index: 2;bottom: -30px;left: 0;
	right: 30px;}
div.events ul.repertoir li a div.data {width: 90%;background-color: #fff;
		box-sizing:border-box;padding: 23px 64px 23px 0;
		background-image:url(/images/events-right.png);background-repeat:no-repeat;
		background-position:right 20px top 30px;
	}
div.events ul.repertoir li a h5 {margin: 0 auto 0 0;padding: 10px 15px;letter-spacing:1.5px;text-transform:uppercase;
		font-weight: 400;color: #fff;background-color:var(--forecolor);font-size: 12px;display: inline-block;}
div.events ul.repertoir li a h5 span:after {content: "|";padding: 0 5px}

div.events ul.repertoir li a div.data h3 {font-size: 23px;font-weight:500;letter-spacing:2.5px;padding: 0 0 5px;margin: 0;line-height: 1;}
div.events ul.repertoir li a div.data h4 {font-size: 14px;font-weight:400;padding: 0 0 20px;margin: 0;}
div.events ul.repertoir li a div.data p.dates {padding: 0;margin: 0;font-size: 16px;font-weight:300;}

div.events ul.repertoir:not(.short) li {align-items: flex-start;}
div.events ul.repertoir:not(.short) li a {display:flex;/*height: 100%;*/width: 100%;position: relative;
	align-items: flex-end;/*padding-top: 490px;*/box-sizing:border-box;flex-wrap: wrap;}
div.events ul.repertoir:not(.short) li a>* {width: 100%;}
div.events ul.repertoir:not(.short) li a div.info {position: relative;z-index: 2;bottom: auto;
	left: auto;right: auto;}
div.events ul.repertoir:not(.short) li a div.data {padding-right: 0;width: 100%;
	top:30px; padding: 20px 50px 0 0;}
div.events ul.repertoir:not(.short) li a h5 {position: absolute;left: 0;
    bottom: 100%;
    max-width: 85%;
    box-sizing: border-box;}



div.events ul.repertoir.short {list-style: none;display: flex;flex-wrap: wrap;
		justify-content:flex-start;align-items: stretch;}
div.events ul.repertoir.short li {width: 100%;margin:0 0 4% 0;}
div.events ul.repertoir.short li:nth-child(2n+1) {margin-left:0;}

div.events ul.repertoir.short li {display: flex;align-items: stretch;margin-bottom: 0;
	border-bottom: 1px solid #000;}
div.events ul.repertoir.short li a {display:flex;/*height: 100%;*/width: 100%;position: relative;
	align-items: flex-end;/*padding-top: 490px;*/box-sizing:border-box;}
div.events ul.repertoir.short li a div.image {display: none;}
div.events ul.repertoir.short li a div.info {position: relative;z-index: 2;bottom: auto;left: auto;
	right: auto;width: 100%}
div.events ul.repertoir.short li a div.data {width: 100%;background-color: #fff;
		box-sizing:border-box;padding: 23px 64px 23px 0;
		background-image:url(/images/events-right.png);background-repeat:no-repeat;
		background-position:right 20px top 30px;
	}
div.events ul.repertoir.short li a h5 {margin: 0 auto 0 0;padding: 10px 15px;letter-spacing:1.5px;text-transform:uppercase;
		font-weight: 400;color: #fff;background-color:var(--forecolor);font-size: 12px;display: inline-block;}
div.events ul.repertoir.short li a div.data h3 {font-size: 23px;font-weight:500;letter-spacing:2.5px;padding: 0 0 5px;margin: 0;line-height: 1;}
div.events ul.repertoir.short li a div.data h4 {font-size: 14px;font-weight:400;padding: 0 0 0px;margin: 0;}
div.events ul.repertoir.short li a div.data p.dates {padding: 0;margin: 0;font-size: 16px;font-weight:300;}

div.events ul.repertoir.short li a h5 {padding: 0 0 20px;margin: 0;
		letter-spacing:1.5px;text-transform:uppercase;
		font-weight: 400;color: var(--black);background-color:transparent;
		font-size: 12px;display: inline-block;}
div.events ul.repertoir li a h5 span.year:after {content: "";padding: 0;}
div.events ul.repertoir li a h5 span.year:before {content: " - ";padding: 0;}


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

}



@media only screen and (max-width: 1030px) {
	.home .homenewslistwrap .wrapperIn {padding: 0 2%}
	.home .wrapperIn.footer_wrap {padding: 0 2%}
	div.homenewslistwrap ul li {width: 32%;margin:0  0  1% 1%;}
	div.homenewslistwrap ul li:nth-child(4n+1){margin-left: 1%;}
	div.homenewslistwrap ul li:nth-child(3n+1){margin-left: 0;}
}

/*@media only screen and (max-width: 950px) {
	.hallnamewrapper h2 {margin-left: 30px}
}
*/

@media only screen and (max-width: 800px) {
	div.homenewslistwrap ul li {width: 49%;margin:0  0  2% 2%;}
	div.homenewslistwrap ul li:nth-child(3n+1){margin-left: 2%;}
	div.homenewslistwrap ul li:nth-child(2n+1){margin-left: 0;}
}
@media only screen and (max-width: 550px) {
	div.homenewslistwrap h2 {letter-spacing: 1px;font-size: 28px;padding-bottom: 30px}
	div.homenewslistwrap ul li {width: 100%;margin:0  0  2% 0;}
	div.homenewslistwrap ul li:nth-child(3n+1){margin-left: 0%;}
	div.homenewslistwrap ul li:nth-child(2n+1){margin-left: 0;}
}







form.contact {position:relative;width:100%;}
form.contact.newsletter {max-width: 500px;}

form.contact.getprogram {max-width:550px;}
form.contact div.inputs {padding-right:40%;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: PText;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;float:right;width:calc(40% - 4px);}
form.contact div.textarea textarea {border:0;background-color:#fff;width:100%;padding:0;font-size:14px;font-family: PText;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: PText, sans-serif;font-size: 12px;padding:0 40px;border:0;border-radius:3px;
font-weight: bold;letter-spacing:3px;background-color:var(--black);color: #fff;}
form.contact div.submitwrap  input.submit {float:none;padding:0 ;text-align:center;display:block;width:100%;}

ul.roleseventslist {list-style: none;}


form.searchevents {display: flex;flex-wrap: wrap;width: 100%;max-width: 500px;margin: 0 auto 50px auto}
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 {display: block;
	text-align: center;
	margin-top: 20px;
	box-sizing: border-box;width: 100%;
	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.maintext div.text ul {margin: 20px 0 40px 20px}
div.eventDetails ul {margin: 5px 0 5px 20px}

div.anarticle.search h3 {background: url(/images/arrow_right_bl.png) no-repeat 0 50%;
		padding: 0 0 0 40px;margin: 0 0 20px;font-weight: 900;text-transform: uppercase;

		font-size: 23px;}


div.anarticle.search h3.otherresults {margin-top:100px;font-size:21px;text-transform: inherit;
		font-weight:400;padding-top:30px;border-top:1px solid #999}

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:16px;padding:0 0 0 10px;position:relative;
line-height: 20px;font-weight: 300}
div.anarticle ul.searchresult li:before {content:"";
	background: url(/images/events-right.png) no-repeat;width: 8px;height: 13px;
	margin-right: 8px;vertical-align: middle;display: inline-block;
	color:var(--maincolor);}
div.anarticle ul.searchresult.persons>li {font-weight:bold;font-size:13.2px;text-transform: uppercase;}
div.anarticle ul.searchresult.persons>li:before {content:"";
	color:var(--maincolor);position:absolute;left:0;top:3px;background: none;}
div.anarticle ul.searchresult li a {font-size:16px;color:#2d2424;}
div.anarticle ul.searchresult li a span {font-size:14px;}
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 {text-decoration: underline;}






.fancybox-container span.title {display: block;}
.fancybox-container span.text {display: block;}