/* 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: 'Wask';src: url('/css/fonts/wask_new/WASK NEW.OTF') format('truetype');
    font-weight: 300;font-style: normal;/*font-display: swap;*/
}
@font-face {
    font-family: 'Wask';src: url('/css/fonts/wask_new/WASK NEW.OTF') format('truetype');
    font-weight: 400;font-style: normal;/*font-display: swap;*/
}
@font-face {
    font-family: 'Wask';src: url('/css/fonts/wask_new/WASK NEW.OTF') format('truetype');
    font-weight: 500;font-style: normal;/*font-display: swap;*/
}
@font-face {
    font-family: 'Wask';src: url('/css/fonts/wask_new/WASK NEW ITALIC.OTF') format('truetype');
    font-weight: 300;font-style: italic;/*font-display: swap;*/
}
@font-face {
    font-family: 'Wask';src: url('/css/fonts/wask_new/WASK NEW ITALIC.OTF') format('truetype');
    font-weight: 400;font-style: italic;/*font-display: swap;*/
}
@font-face {
    font-family: 'Wask';src: url('/css/fonts/wask_new/WASK NEW ITALIC.OTF') format('truetype');
    font-weight: 500;font-style: italic;/*font-display: swap;*/
}


@font-face {
    font-family: 'Wask';src: url('/css/fonts/wask_new/WASK NEW BOLD.OTF') format('truetype');
    font-weight: 600;font-style: normal;/*font-display: swap;*/
}
@font-face {
    font-family: 'Wask';src: url('/css/fonts/wask_new/WASK NEW BOLD.OTF') format('truetype');
    font-weight: 700;font-style: normal;/*font-display: swap;*/
}
@font-face {
    font-family: 'Wask';src: url('/css/fonts/wask_new/WASK NEW BOLD.OTF') format('truetype');
    font-weight: 800;font-style: normal;/*font-display: swap;*/
}
@font-face {
    font-family: 'Wask';src: url('/css/fonts/wask_new/WASK NEW BOLD.OTF') format('truetype');
    font-weight: 900;font-style: normal;/*font-display: swap;*/
}

@font-face {
    font-family: 'Wask';src: url('/css/fonts/wask_new/WASK NEW BOLD ITALIC.OTF') format('truetype');
    font-weight: 600;font-style: italic;/*font-display: swap;*/
}
@font-face {
    font-family: 'Wask';src: url('/css/fonts/wask_new/WASK NEW BOLD ITALIC.OTF') format('truetype');
    font-weight: 700;font-style: italic;/*font-display: swap;*/
}
@font-face {
    font-family: 'Wask';src: url('/css/fonts/wask_new/WASK NEW BOLD ITALIC.OTF') format('truetype');
    font-weight: 800;font-style: italic;/*font-display: swap;*/
}
@font-face {
    font-family: 'Wask';src: url('/css/fonts/wask_new/WASK NEW BOLD ITALIC.OTF') format('truetype');
    font-weight: 900;font-style: italic;/*font-display: swap;*/
}

body {font-family:'Wask',Arial;}


html {height:100%;}
body {line-height: 1.3;font-family: 'Wask', 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:'Wask';}

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

input.mobilemenu {display: none;}


div.headerwrap {/*background: #fff;*/position: fixed;top: 0;left: 0;right: 0;
	z-index: 1000;
	background:var(--mainback);
	box-shadow: 0px 8px 16px 0px rgb(9 32 38 / 6%);}
.home div.headerwrap {
	box-shadow:none;}


div.headerwrap div.header {margin: 0 auto;
	box-sizing: border-box;
	width: 100%;max-width: 1900px;transition: .2s;
	padding:0 30px;
	display: flex;justify-content: flex-start;
	min-height: var(--headerHeight);align-items: flex-start;
	/*box-shadow: 0px 8px 16px 0px rgba(9, 32, 38, 0.06);*/
}
.home div.headerwrap div.header {
	box-shadow: none;
}
/*.scrolled div.headerwrap  {box-shadow: 0 0 10px var(--black);}*/

div.headerwrap div.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 (max-width: 1500px) {
	div.headerwrap div.logo {margin:0 25px 0 0;}
}
.footer div.sponsorwrap h3 span {color: #231F20;background-color: var(----mainback);}

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

	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;
		font-size: 20px;font-weight:600;letter-spacing:0.456px;line-height: 1.2;}
	ul.mainmenu>li {padding:0 20px ;position: relative;z-index: 11;
		box-sizing: border-box;}
	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{
		display: block;transition: .1s;z-index: 2;
		height: 124px;display: flex;align-items: center;
		justify-content: center;
		position: relative;
		text-transform: uppercase;
		/*align-self: flex-end;*/}
	ul.mainmenu>li.selected>a{color: var(--hovercolormainmenu);}
	ul.mainmenu>li:hover>a{color: var(--hovercolormainmenu);}
	ul.mainmenu>li>a:hover{color: var(--hovercolormainmenu);}

/*	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: calc(100% - 20px);
		/*right: calc(100% + (250px - 100%)/2);*/
		/*left: calc(100% + (250px - 100%)/2);*/
		width: 250px;
		left: calc(0px - (250px - 100%)/2);
		/*margin: 0 auto;*/
		/*margin-left: auto;
		margin-right: auto;*/
		/*width: 250px;*/
		background-color: var(--mainmenuhoverbackcolor);
		padding: 27px 0;
		list-style: none;z-index: 1;box-sizing:border-box;border-top-right-radius: 46px;}

	ul.mainmenu>li>ul:before {content: "";
		width: 39px;height: 12px;background-color:var(--mainmenuhoverbackcolor);
		position: absolute;bottom: 100%;left: calc(50% - 19.5px);
		  -webkit-mask-image: url(/images/top_arrow_mask.png);
		  mask-image: url(/images/top_arrow_mask.png);}

	ul.mainmenu>li.venues>ul {
		width: 320px;
		left: calc(0px - (320px - 100%)/2);
	}
	ul.mainmenu>li>ul>li {padding: 0;margin: 0;}
	ul.mainmenu>li>ul>li a {padding: 11px 33px;display: block;font-size: 18px;
		color: var(--hovercolorsubmenu);text-transform: uppercase;}

	ul.mainmenu>li>ul>li:first-child:nth-last-child(n + 5) ~ li a,
	ul.mainmenu>li>ul>li:first-child:nth-last-child(n + 5)  a {padding: 3px 33px;}


	ul.mainmenu>li>ul>li a:before {content: "";display: block;
		position: absolute;top: 0;left: 0;bottom: 0;width:0px;transition: .2s;
		background-color:var(--hovercolorsubmenu);}
	ul.mainmenu>li>ul>li a:hover {color: var(--white);/*font-weight: 400;*/}
	ul.mainmenu>li>ul>li a:hover:before {width: 7px;}
	ul.mainmenu>li>ul>li.selected a {color: var(--white);}
	ul.mainmenu>li>ul>li.selected a:before {width: 7px;}

	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: 1200px) {
	ul.mainmenu>li {padding:0 38px;}
	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;font-size: 20px;}
div.headerwrap div.headeroptionswrap ul {display:flex;justify-content: space-around;height: var(--headerHeight);
	align-items:center;list-style: none;}
div.headerwrap div.headeroptionswrap ul.mobile {display: none;}
.scrolled div.headerwrap div.headeroptionswrap ul {height: var(--scrolledHeaderHeight);}
div.headerwrap div.headeroptionswrap ul li {margin-left: 45px;transition: .2s;height: 32px;
	}
div.headerwrap div.headeroptionswrap ul li a {display: block;transition: .2s;text-indent: -9000px;
	background-position: 50%;background-repeat: no-repeat;height: 32px;}
div.headerwrap div.headeroptionswrap ul li.tickets {margin-left:0;}
div.headerwrap div.headeroptionswrap ul li.tickets a {text-indent: 0;border: 2px solid var(--forecolorred);padding: 0 40px;
	line-height: 34px;font-weight: 600;color: var(--forecolorred);}
div.headerwrap div.headeroptionswrap ul li.search a {width: 26px;background-image: url(/images/header_search.png)}

div.headerwrap div.headeroptionswrap ul li.contact {margin-right: 45px;}
div.headerwrap div.headeroptionswrap ul li.contact a {width: 32px;background-image: url(/images/header_contact.png);
	transition: .2s;}

div.headerwrap div.headeroptionswrap ul li.social {margin:0;transition: .2s;}
div.headerwrap div.headeroptionswrap ul li.social a.facebook {width: 18px;background-image: url(/images/header_facebook.png);margin-right: 5px;}
div.headerwrap div.headeroptionswrap ul li.social a.instagram {width: 26px;background-image: url(/images/header_instagram.png);margin-right: 5px;}
div.headerwrap div.headeroptionswrap ul li.social a.twitter {width: 29px;background-image: url(/images/header_twitter.png);margin-right: 5px;}
div.headerwrap div.headeroptionswrap ul li.social a.youtubesocial {width: 31px;background-image: url(/images/header_youtube.png);margin-right: 5px;}
div.headerwrap div.headeroptionswrap ul li.social a.rss {width: 31px;background-image: url(/images/rss.png);margin-right: 5px;}



div.headerwrap div.headeroptionswrap ul li.language a {display: block;height:var(--headerHeight);transition: .2s;
	line-height:32px;transition: .2s;width: auto;
	text-indent: 0px;font-weight: 600;color:var(--forecolorred);}
div.headerwrap div.headeroptionswrap ul li.language a:hover {color:var(--forecolor)}





body.scrolled {padding-top: var(--scrolledHeaderHeight);}
.scrolled input#mobilemenu:not(:checked) + div.headerwrap div.header {min-height: var(--scrolledHeaderHeight);}
.scrolled input#mobilemenu:not(:checked) + div.headerwrap div.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.tickets {height: 32px;}
.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.tickets a {height: 32px;}
.scrolled input#mobilemenu:not(:checked) + div.headerwrap div.headeroptionswrap ul li.language a {height:var(--scrolledHeaderHeight);line-height:var(--scrolledHeaderHeight);}

:root {

	--mainback: rgb(229, 241, 245);
	--hovercolorsubmenu: rgb(197, 235, 248);
	--hovercolormainmenu: rgb(104, 196, 215);
	--forecolor:rgba(35,31,32,1);
	--forecolorred:rgba(231,106,105,1);
	--forecolorred:rgba(211, 34, 34);/*ΕΣΠΑ*/



	--blueletters:rgba(115, 200, 218,1);
	--blueletters:rgba(43, 141, 161,1);/*ΕΣΠΑ*/



	--ticketshas: rgba(200, 233, 240,1);
	--ticketslow: rgba(250, 237, 178,1);
	--ticketssoldout: rgba(251, 210, 210,1);

	--mainmenuhoverbackcolor:  rgb(231, 106, 105);

	--headerHeight: 124px;
	--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);*/

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


	--mainpagebackground: rgba(229, 241, 245,1);
	--mainpageNewsbackground: rgba(229, 241, 245,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.language {margin-left: 30px;}
	div.headerwrap div.headeroptionswrap ul li.contact {margin-right: 30px;margin-left: 30px;}
}

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


	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: 1100px) {
	div.headerwrap h1.logo {margin-right: 30px;}
	div.headerwrap div.headeroptionswrap ul li.tickets a {padding: 0 25px}
	div.headerwrap div.headeroptionswrap ul li {margin-left: 10px;}
	ul.mainmenu>li>div.submenu>ul>li {width: 250px;}
	ul.mainmenu>li>div.submenu>ul>li ul {
		left:250px;
		width: calc(100% - 250px);}
}
label.labelmenulink {display: none;}
@media only screen and (max-width: 1100px) {
	label.labelmenulink {width: 31px;height: 19px;display: block;position: relative;
		cursor: pointer;z-index: 101;}
	label.labelmenulink span {position: absolute;display: block;
		width: 100%;height: 5px;background-color: var(--forecolor);
		transition: .2s;transform-origin: 0 50%;
		border-bottom-left-radius: 5px;}
	label.labelmenulink span {top: calc(50% - 2.5px);}
	label.labelmenulink span:first-child {top: 0;}
	label.labelmenulink span:last-child {top:auto;bottom: 0;border-bottom-left-radius: 0px;
		width:19px;right: 0;}

	label.labelmenulink em {display: none;}


	:root {
		--headerHeight: 124px;
	}


	input#mobilemenu:checked + div.headerwrap label.labelmenulink span:nth-child(2) {opacity: 0;}
	input#mobilemenu:checked + div.headerwrap label.labelmenulink span:first-child {background-color: #fff;transform: rotate(45deg);top: -8px;border-bottom-left-radius: 0;}
	input#mobilemenu:checked + div.headerwrap label.labelmenulink span:last-child {background-color: #fff;transform: rotate(-45deg);top: 13px;width: 31px;bottom: calc(50% - 2px)}

	div.headerwrap div.header {justify-content: space-between;align-items: center;}
	div.headerwrap div.menu {display: none;}
	div.headerwrap div.headeroptionswrap {display: none;}




	input#mobilemenu:checked + div.headerwrap {height: 100%;}
	input#mobilemenu:checked + div.headerwrap div.menu {display: block;
		padding: 102px 27px 30px;border-top-left-radius: 47px;
	    position: absolute;
	    top: 0;
	    left: 0;
	    right: 0;
	    bottom: 130px;
	    background-color: var(--forecolorred);
	    overflow-y: scroll;
	    box-sizing: content-box;
	    width: 100%;
	    -ms-overflow-style: none;
	    scrollbar-width: none;
	    right: -17px;
	    z-index: 100;
	}
	input#mobilemenu:checked + div.headerwrap div.menu::-webkit-scrollbar { 
	    display: none;  /* Safari and Chrome */
	}


	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: 0px 0 0px 0;line-height: 1.2;
		font-size: 47px;font-weight: 600;}
	input#mobilemenu:checked + div.headerwrap div.menu>ul>li>a {padding: 0px 0;display: block;
		text-transform: uppercase;}
	input#mobilemenu:checked + div.headerwrap div.menu>ul>li.selected>a {color: var(--hovercolormainmenu);}


	input#mobilemenu:checked + div.headerwrap div.menu>ul ul {height:0;overflow: hidden;position: relative;
		font-size: 24px;font-weight: 600;text-transform: uppercase;}
	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 40px 30px;
		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);}


	input#mobilemenu:checked + div.headerwrap div.headeroptionswrap {display: block;position: absolute;
	bottom: 0;left: 0;right: 0;height: 130px}
	input#mobilemenu:checked + div.headerwrap div.headeroptionswrap ul.headeroptions {display: none;}
	input#mobilemenu:checked + div.headerwrap div.headeroptionswrap ul.headeroptions.mobile {display: flex;
		justify-content: space-between;align-items: flex-start;
		padding: 20px;flex-wrap: wrap;}
	input#mobilemenu:checked + div.headerwrap div.headeroptionswrap ul li.social {display: block;}
	input#mobilemenu:checked + div.headerwrap div.headeroptionswrap ul li.f_left {width: 50%;}
	input#mobilemenu:checked + div.headerwrap div.headeroptionswrap ul li.f_right {width: 30%;}

	input#mobilemenu:checked + div.headerwrap div.headeroptionswrap ul li.contact {margin-bottom: 23px;}
	input#mobilemenu:checked + div.headerwrap div.headeroptionswrap ul li.contact a {margin-left: auto;}
	input#mobilemenu:checked + div.headerwrap div.headeroptionswrap ul li.language  a {margin-left: auto;text-align: right;}
	input#mobilemenu:checked + div.headerwrap div.headeroptionswrap ul li.tickets a {text-align: center;}
	input#mobilemenu:checked + div.headerwrap div.headeroptionswrap ul li {margin-left: 0;}
	input#mobilemenu:checked + div.headerwrap div.headeroptionswrap ul,
	.scrolled input#mobilemenu:checked + div.headerwrap div.headeroptionswrap ul {height: 32px;}

}

@media only screen and (max-width: 360px) {
	div.headerwrap div.header {padding: 0 10px}
}


a.resetcookies {display: block;
    width: 93px;
    margin: 15px auto;}
a.resetcookies.off {display: none;}    

div.footer_wrap {padding:200px 0 80px;background: var(--mainback);}
div.footer_wrap div.footer {width: 90%;max-width: 1260px;margin: 0 auto;}
div.footer1 {display: flex;align-items: flex-end;justify-content: space-between;
	flex-wrap: wrap;}

div.footer1 .footer_logo {order: 1;}
div.footer1 .social {order: 6;}
div.footer1 .newsletter_wrap {order: 2;}
div.footer1 .contact {order: 7;}
div.footer1 .sponsors {order: 3;}
div.footer1 .gravity {order: 15;}
div.footer1 .divider {order: 4;flex-basis: 100%;margin-bottom: 90px;}
div.footer1 .footersponsors {order: 20;flex-basis: 100%;margin: 60px 0 10px;}


div.footer1 .contact p {padding: 0;margin: 0;height: 40px;line-height: 40px;text-transform: uppercase;}

div.footer1 ul.social {list-style: none;display: flex;justify-content: flex-start;}
div.footer1 ul.social li.social {margin:0;transition: .2s;margin-right: 16px;}
div.footer1 ul.social li.social a {display: block;text-indent: -9000px;background-repeat:no-repeat;background-position:50%;height: 40px;}
div.footer1 ul.social li.social a.facebook {width: 15px;background-image: url(/images/footer_facebook.png);margin-right: 5px;background-position:0;}
div.footer1 ul.social li.social a.instagram {width: 30px;background-image: url(/images/footer_instagram.png);margin-right: 5px;}
div.footer1 ul.social li.social a.twitter {width: 34px;background-image: url(/images/footer_twitter.png);margin-right: 5px;}
div.footer1 ul.social li.social a.youtubesocial {width: 37px;background-image: url(/images/footer_youtube.png);margin-right: 5px;}

div.footer_wrap div.footer a,
div.footer_wrap div.footer p {font-weight: 600;font-size: 20px;letter-spacing: 0.2px;margin:0;}
div.footer_wrap div.footer p.gravity {font-weight: 600;font-size: 20px;letter-spacing: 0.16px;height: 40px;line-height: 40px;}

div.footer_wrap div.footer a.sponsors {display: block;padding: 0 8px 0 0;text-align: right;
	position: relative;margin:0 auto;
	line-height: 1;font-size: 23px;font-weight: 600;color: var(--forecolor);letter-spacing: .23px;}
div.footer_wrap div.footer a.sponsors span {display: block;padding: 0 0 0 0;text-align: right;
	line-height: 1;font-size: 16px;font-weight: 600;
	color: rgb(173,181,184);
	color: #646D73;/*ΕΣΠΑ*/;
	letter-spacing: .16px;}
div.footer_wrap div.footer a.sponsors:after {content: "";display: block;position: absolute;
	top: 0;right: 0;height:calc(100% - 11px);width: 3px;background-color: var(--hovercolormainmenu);}
div.footer_wrap div.footer a.sponsors:before {content: "";display: block;position: absolute;
	bottom: 2px;right: 0;height:5px;width: 3px;background-color: var(--hovercolormainmenu);}


div.newsletters_wrap {
	flex-wrap: nowrap;display: flex;
	align-items: flex-start;justify-content: space-between;
	width: 100%;transition: .2s;}
div.newsletters_wrap>div{width: 48%}

@media only screen and (max-width: 820px) {
	div.newsletters_wrap {
		flex-wrap: wrap;margin: 0 auto;max-width: 600px;}
	div.newsletters_wrap>div{width: 100%;margin: 0 0 40px;}
}

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: 79px;letter-spacing: 0.79px;
	transition: .2s;line-height: 1;
	font-weight:600;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: 20px;letter-spacing: 1.4px;
	   background-color: transparent;
	font-family: Wask;font-weight: 600;
	height: 45px;line-height: 40px;box-sizing: border-box;
	width: 500px;transition: .2s;}

div.newsletter_wrap div.alert {font-size: 14px;padding-top: 10px;
		font-family: Syne;
	position: absolute;top: 100%;background: transparent;
	max-width: 500px;color: var(--forecolor);}
div.newsletter_wrap div.alert.failed {color: var(--forecolorred);}

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

div.newsletter_wrap div.accept {}
div.newsletter_wrap div.accept label {font-weight: 600;
	font-size: 16px;color:var(--gray);margin-left: 5px;line-height: 1;}
div.newsletter_wrap button {display: block;
	text-align: center;
	margin-top: 20px;
	box-sizing: border-box;width: 100%;
	font-size: 17px;letter-spacing: 1.4px;
	font-family: Wask;font-weight: 600;
	height: 45px;line-height: 40px;
	width:150px;text-align: center;
	background-color: transparent;
	border: 2px solid var(--forecolor);
	}




@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: 60px;letter-spacing: 0.1px;}
	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: 900px) {

	div.footer_wrap {padding: 80px 0 30px;}
	div.footer1 {justify-content: center;text-align: center;}
	div.footer1 > * {width: 100%;max-width: 500px;margin: 0 0 30px;}
	div.footer1 .footer_logo {order: 1;}
	div.footer1 ul.social {order: 2;margin-bottom: 60px;justify-content: center;}
	div.footer1 .newsletter_wrap {order: 3;margin-bottom: 60px;}
	div.footer1 .contact {order: 4;height: auto;}
	div.footer1 .contact p {height: auto;line-height: 1.3}
	div.footer1 .contact a {display: block;height: auto;line-height: 1.3}
	div.footer1 .sponsors {order: 5;margin-left: auto;margin-right: auto;flex-basis: 100%;width: 65px}
	div.footer1 .gravity {order: 6;margin: 80px auto 0;}
	div.footer1 .divider {order: 7;margin-bottom: 0px;}
}
@media only screen and (max-width: 650px) {
	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: 500px) {
	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;}
div.newsletter_wrap button {margin: 20px auto;}
}
@media only screen and (max-width: 400px) {
	div.newsletter_wrap h3 {letter-spacing: 2px;}
}








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

div.mainpage img {max-width: 100%;}
div.maintext div.mainpic {margin-bottom: 30px;}
div.maintext div.mainpic a {display: block;text-align: center;
	width: 100%;height: 596px;position: relative;}
div.maintext div.mainpic img {/*max-height: 375px;*/
	margin-left: auto;margin-right: auto;
	vertical-align: middle;
	width: 100%;height: 100%;object-fit: cover;border-bottom-left-radius: 300px;}
@media only screen and (max-width: 1200px) {
	div.maintext div.mainpic a {width: 100%;height: 49.67vw;}
	div.maintext div.mainpic img {border-bottom-left-radius: 25vw;}
}


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::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: 80px;}
/*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.cv div.mainpic {display: block;}

div.articleheader {position: relative;margin: 0 0 40px;padding: 0 0 20px;
	border-bottom: 1px solid var(--forecolor);
	display: flex;justify-content: space-between;align-items: flex-end;}

div.articleheader ul.social {list-style: none;
	/*top: 0;left: calc(100% + 50px);
	position: absolute;top: 0;*/
	padding: 0 0 0 0;transition: .2s;
	display: flex;flex-wrap: wrap;width:40px;}
div.articleheader ul.social span.h3 {display: block;font-size: 22px;font-weight: 600;
	padding:0 0;text-align: center;width: 100%;padding: 0;margin: 0 0 5px;letter-spacing: 0;
	line-height: 1;transform-origin: 50%;
    transform: rotate(90deg) translateX(-10px);}


div.articleheader ul.social:hover span.h3 {opacity: 1;}
div.articleheader ul.social li {padding:0;width: 100%;transition:.2s;}
div.articleheader ul.social li a {display: block;padding: 2.5px;
	height: 24px;transition:.2s;;opacity: 1;margin: 10px 0 0;
	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: 18px;text-align: center;
	font-weight: 600;color: var(--forecolorred)}
div.articleheader ul.social li a:hover {opacity: 1;}


div.articleheader h1 {font-size: 50px;font-weight:600;letter-spacing:1px;
	margin: 0;transition: .2s;color: var(--hovercolormainmenu)}
div.articleheader h2 {margin: 0;padding:15px 0 0 0;font-size: 26px;font-weight:600;}
div.articleheader h3.news_date {
	background: url(/images/date_news.png) no-repeat 0 50%;
	padding:0 0 0 25px;font-size: 20px;letter-spacing: .55px;
}
div.mainpage div.text {padding: 20px 0 0;font-size: 20px;line-height: 1.6;
	font-family: Syne,Arial;
	font-weight: 300;transition: .2s;}
div.mainpage div.text p {margin-bottom: 20px;padding-bottom: 0;}

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


div.articleheader ul.youarehere {list-style: none;display: flex;align-items: flex-start;justify-content: flex-start;font-size: 20px;}
div.articleheader ul.youarehere li {margin: 0 0 0 8px;font-weight: 600;
	color: var(--hovercolormainmenu)}
div.articleheader ul.youarehere li a {color: var(--hovercolormainmenu)}
div.articleheader ul.youarehere li:before {content: "/";padding-right: 8px}
div.articleheader ul.youarehere li:first-child {margin-left: 0;}
div.articleheader ul.youarehere li:first-child:before {content: "";padding-right: 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: 18px;
		text-transform: uppercase;}
	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}

}

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


.mediagallery.article {display: flex;flex-wrap: wrap;justify-content: flex-start;align-items: stretch;}
.mediagallery.article a {width: 32%;margin: 0 0 2% 2%;}
.mediagallery.article a:nth-child(3n+1) {margin-left: 0;}

.mediagallery {margin: 50px 0 100px;}
.mediagallery a {margin: 0 5px;position: relative;}
.mediagallery a img {width: 100%;height: 430px;object-fit: cover;transition: .2s;}
.mediagallery.article a img {height: 300px;}




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

.slider-controls {display: flex;justify-content: center;}
.slider-controls button {display: block;border: 0;width: 19px;height: 19px;
	margin: 0;text-indent: -9000px;background-repeat: no-repeat;background-position: 50%;
	background-color: transparent;cursor: pointer;}
.slider-controls button.homearrow {width: 32px;}
.slider-controls button.prev {margin-right: 30px;background-image: url(/images/banner_prev.png);}
.slider-controls button.next {margin-left: 30px;background-image: url(/images/banner_next.png);}

.home .slider-controls button.prev {margin-right: 15px;}
.home .slider-controls button.next {margin-left: 15px;}


.slider-controls ul {list-style: none;margin: 0 00px;padding: 0;display: flex;justify-content: space-between;}
.slider-controls ul li {list-style: none;margin: 0;padding: 0;position: relative;
	height: 19px;}
.slider-controls ul li:after {content: "";width: 8px;height: 8px;
	border-radius: 50%;background-color: rgba(255,255,255,1);position: absolute;
	left: calc(50% - 3px);top: calc(50% - 3px);}
.home .slider-controls ul li:after {background-color: rgba(229,245,244,1);}
.slider-controls ul li.slick-active:after {background-color: var(--blueletters);}

/*.dots:empty ~ button {display: none;}*/

@media only screen and (max-width: 1400px) {
	.mediagallery a img {height: 300px;object-fit: cover;}
}

@media only screen and (max-width: 900px) {
	.mediagallery a img {height: 200px;object-fit: cover;}
}
@media only screen and (max-width: 400px) {
.slider-controls button.prev {margin-right: 10px;}
.slider-controls button.next {margin-left: 10px;}

}


div.roleswrap {margin: 0 auto;width: 90%;max-width: 1400px;}
div.roles_wrap {margin: 140px 0 0 0;padding: 0;}
div.rolestypename h3 {font-size: 115px;color: rgba(255,255,255,1);text-transform: uppercase;
	font-weight: 600;letter-spacing: -2.875px;margin: 0 0 20px;line-height: .8;
	transition: .2s;}
div.rolestypename span.br {display: block;height: 0;}
div.roles ul {list-style: none;margin: 20px 0 40px 0;display: flex;
		justify-content: flex-start;align-items: flex-start;flex-wrap: wrap;}
div.roles ul li {width: 25%;box-sizing: border-box;padding: 0 20px 0 0;transition: .2s;
	margin-bottom: 80px;}
div.roles ul li h4 {transition: .2s;font-size: 48px;font-weight: 600;padding: 0;margin: 0;text-transform: uppercase;line-height: 1;}
div.roles ul li div {transition: .2s;font-size: 36px;font-weight: 400;padding: 0;margin: 0;text-transform: uppercase;line-height: 1;}

@media only screen and (max-width: 1100px) {
	div.rolestypename span.br {display: inline;}
	div.roles ul li {width: 33.3%;padding-right: 10px}
}
@media only screen and (max-width: 750px) {
	div.rolestypename span.br {display: inline;}
	div.roles ul li {width: 50%;padding-right: 10px;margin-bottom: 35px;}
	div.rolestypename h3 {font-size: 80px;}
	div.roles ul li h4 {font-size: 36px;}
	div.roles ul li div {font-size: 28px;}
}

@media only screen and (max-width: 480px) {
	div.roles ul li {width: 100%;padding-right: 0px;margin-bottom: 15px;}

}

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



.event_wrap {}
.event {width: 100%;margin: 0 auto;max-width: 1920px;}


.event div.mainbanner {width: 100%;height: calc(100vh - var(--headerHeight));
	position: relative;margin: 0 auto;max-width: 1920px;
	border-bottom-left-radius: 300px;}
.event div.mainbanner picture {position: absolute;width: 100%;height: 100%;
	object-fit: cover;}
.event div.mainbanner picture img {width: 100%;height: 100%;
	object-fit: cover;border-bottom-left-radius: 300px;}



.event .event_top {padding: 100px 0 0 0;display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin: 0 auto;width: 90%;max-width: 1400px;}
.event .event_top header {width: 570px;box-sizing: border-box;
	margin-right: 80px;}


.hasbanner .event .event_top {padding: 60px 0 0 0;display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin: 0 auto;width: 90%;max-width: 1400px;}
.hasbanner .event .event_top header {padding: 0 30px;}



.event .event_top header .top {}

.event .event_top header .title {font-family: 'Wask';font-weight:600;color: var(--forecolor);
	margin: 0 0 53px;padding: 0 0 10px 0;
	border-bottom: 2px solid var(--forecolor);}
.event .event_top header .title h1,
	.event .event_top header .title span.h1{display: block;
	font-size: 80px;font-weight: 600;line-height: 1;
	padding: 0 0 20px;margin: 0;letter-spacing: -.5px;}
.event .event_top header .title h2,
	.event .event_top header .title span.h2{display: block;
	font-size: 36px;font-weight: 400;
	padding: 0 0 20px;margin: 0;}
.event .event_top header .title h3,
	.event .event_top header .title span.h3{display: block;
	font-size: 36px;font-weight: 600;line-height: 1;
	padding: 0 0 20px;margin: 0;}
.event .event_top header .title h4.eventteam,
	.event .event_top header .title span.h4{display: block;
	text-transform: uppercase;
	color: var(--forecolorred);font-size: 26px;font-weight:600;}


.hasbanner .event .event_top header .title {display: none;}
.event .mainbanner .event_top_wrap {
	position: absolute;bottom: 0;left: 0;right: 0;
	z-index: 10;}
.event .mainbanner .event_top header {padding: 30px 30px 0;
	background-color: rgb(229, 241, 245);border-top-right-radius: 93px;}
.hasbanner .event .mainbanner .event_top header .title {
	margin:0 0 -2px;padding: 00;display: flex;flex-wrap: wrap;}
.hasbanner .event .mainbanner .event_top header .title>* {width: 100%;order: 3;}
.hasbanner .event .mainbanner .event_top header .title>h4,
	.hasbanner .event .mainbanner .event_top header .title>span.h4 {order: 1;}

.event .event_top header h4.hall {text-transform: uppercase;
	color: var(--forecolor);font-size: 24px;font-weight:600;}

.event .event_top div.facts div {display: block;margin: 0 0 20px;
/*	font-size: 16px;font-family: Syne;font-weight: 400;*/
	font-weight: 600;font-size: 16px;
	text-transform: uppercase;letter-spacing: 0.45px;
	padding: 5px 0 0 0;}
.event .event_top div.facts a {color: var(--forecolorred);}
.event .event_top div.facts div label {display: inline-block;margin-right:5px;
	font-size: 18px;}

.event .event_top div.facts div.ticketlink {margin-top: 40px}
.event .event_top div.facts div.duration label {width: 18px;height: 19px;
	margin-right: 10px;
	text-indent: -9000px;background: url(/images/duration.png) no-repeat 50%;}

.event .event_top div.facts div.ticketlink span {font-family: Syne;font-weight:600;font-weight: 400;
	text-transform: lowercase;letter-spacing: -0.5px}

.event .event_top .text_wrap {width: calc(100% - 650px);color: var(--forecolor);
	font-family: Syne;font-size: 20px;line-height: 1.8;}
.hasbanner .event .event_top .text_wrap {padding-top: 40px;}

.event .event_top .text_wrap p {padding: 0 0 2em}

.event .event_top div.facts div.info div {font-family: Syne;text-transform: none;
		font-weight: 400;font-size: 16px;letter-spacing: -.5px;}



@media only screen and (max-width: 1200px) {
	.event .event_top {padding: 100px 0 0 0;flex-wrap: wrap;}
	.event .event_top header {width: 100%;margin-right:0;}
	.event .event_top .text_wrap {width: 100%;margin-top: 50px;padding-top: 50px;
		border-top: 2px solid var(--forecolor);}
	.event .event_top div.facts div.mapWrap {display: none;}
}


@media only screen and (max-width: 700px) {
	.event .event_top header .title h1 {font-size: 50px;}
	.hasbanner .event .event_top header {padding: 0}
	.hasbanner .event .event_top header .title {display: block;}
	.hasbanner .event .mainbanner .event_top {display: none;}
	.event div.mainbanner picture img {border-bottom-left-radius: 45vw;}

}

ul.dates {margin: 15px 0 25px 0;padding: 0;}
ul.dates {list-style: none;font-weight: 600;font-size:20px;}
ul.dates li {padding: 0px 0 5px 25px;background: url(/images/date.png) no-repeat 0 3px;
	text-transform: uppercase;}
ul.dates li.passed {opacity: .6;}
div.passedlink {display: none;}

ul.dates li a.ticketlink {display: inline-block;margin-left: 10px;
	padding: 4px 15px;
	font-size: .85em;}
ul.dates li a.ticketlink.has {background-color: var(--ticketshas);}
ul.dates li a.ticketlink.lowavailability {background-color: var(--ticketslow);}
ul.dates li span.noavailability {background-color: var(--ticketssoldout);}
	


/*ul.dates li a.ticketlink.has {background-color: ;}*/


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: 120px;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;margin: 90px 0;}
.newslistwrap>ul.news li {display: block;
	background-color:var(--white);
	margin-bottom: 70px}
.newslistwrap>ul.news li a {position: relative;
	width: 100%;/*min-height: 280px;*/
	display: flex;flex-wrap:nowrap;
	justify-content: flex-start;
	align-items	:stretch;}
.newslistwrap>ul.news li a:before{content: "";display: block;position: absolute;
	top:0;left: 0;right: 0;bottom: 0;z-index: 0;
	background-color: rgba(211, 231, 238,0);transition: .1s;}
.newslistwrap>ul.news li a:hover:before{
	top:-35px;left: -35px;right: -35px;bottom: -35px;
	background-color: rgba(211, 231, 238,1);}
.newslistwrap>ul.news li a div.imagewrap {/*width: 360px;*/margin: 0 30px 0 0;
		display: flex;align-content:stretch;transition: .2s;position: relative;
		z-index: 1;align-items: stretch;height: 100%;width: 372px;}
.newslistwrap>ul.news li a div.imagewrap img {width: 100%;height: 100%;object-fit: cover;min-height: 250px;}

.newslistwrap>ul.news li a div.imagewrap.noimage {background-color:rgb(189, 227, 236);
	align-items: flex-end;justify-content: flex-start;}
.newslistwrap>ul.news li a div.imagewrap.noimage img {opacity: 0;height: 150px}
.newslistwrap>ul.news li a div.imagewrap.noimage:after {content: "";display:block;
	position: absolute;left: 20px;bottom: 20px;width: 36px;height: 36px;
	background: url(/images/white_logo_noimage.png) no-repeat 50%;}

.newslistwrap>ul.news li a header {width:calc(100% - 402px);padding: 17px 0 50px 0px;position:relative;
	background: url(/images/more_sm.png) no-repeat;
	background-position: left 0 bottom 20px;}
.newslistwrap>ul.news li.haspic a header {width:calc(100% - 402px);}
.newslistwrap>ul.news li a header div.date {
	background: url(/images/date_news.png) no-repeat 0 50%;
	padding:0 0 0 25px;font-size: 20px;letter-spacing: .55px;}
.newslistwrap>ul.news li a header h2 {font-weight:400;font-size: 35px;
	padding: 0;letter-spacing: 0.825px;}
/*.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;}*/


@media only screen and (max-width: 1050px) {
	.newslistwrap>ul.news li a div.imagewrap {width: 250px;}
	.newslistwrap>ul.news li.haspic a header {width:calc(100% - 280px);}
	.newslistwrap>ul.news li a header h2 {font-size: 30px;letter-spacing: 0.425px;}
}
@media only screen and (max-width: 650px) {
	.newslistwrap>ul.news {margin: 50px 0;}
	.newslistwrap>ul.news li {margin-bottom: 30px;}
	.newslistwrap>ul.news li a {flex-wrap:wrap;}
	.newslistwrap>ul.news li a:before{display: none;}
	.newslistwrap>ul.news li a div.imagewrap {width: 100%;margin: 0 0 0 0;
			display: flex;height: 100%;}
	.newslistwrap>ul.news li a div.imagewrap img {width: 100%;height: 100%;object-fit: cover;min-height: 250px;}

	.newslistwrap>ul.news li a div.imagewrap.noimage img {min-height: 75px;height: 75px;}

	.newslistwrap>ul.news li a header {width:100%;padding: 17px 17px 50px 17px;
		background-position: left 20px bottom 20px;}
	.newslistwrap>ul.news li.haspic a header {width:100%;background-position: left 17px bottom 20px}
	.newslistwrap>ul.news li a header h2 {font-weight:400;font-size: 35px;
		padding: 0;letter-spacing: 0.825px;}


}


div.venues {display: flex;justify-content: space-between;align-items: stretch;
	flex-wrap: wrap;}
div.venues a {
	margin-bottom: 40px;transition: .2s;
	/*display: flex;flex-wrap: wrap;*/text-decoration: none;}
div.venues a {width: 24%;margin-left:1.2%;}
div.venues a:nth-child(4n+1) {margin-left:0;}
div.venues a div.imagewrap {width: 100%;position: relative;}
div.venues a div.imagewrap img {width: 100%;height: 450px;object-fit: cover;display: block;transition: .2s;}
div.venues a div.imagewrap.noimage {background-color:rgb(189, 227, 236);}
div.venues a div.imagewrap.noimage img {opacity:0;}
div.venues a div.imagewrap.noimage:after {content: "";display:block;
	position: absolute;left: 20px;bottom: 20px;width: 36px;height: 36px;
	background: url(/images/white_logo_noimage.png) no-repeat 50%;}
div.venues a h3 {font-weight: 600;font-size: 20px;padding: 20px 10px;
		margin: 0;
		font-family: Wask;text-decoration: none;text-transform: uppercase;}

@media only screen and (max-width: 900px) {
	div.venues a {width: 31.5%;margin-left:2.4%;}
	div.venues a:nth-child(4n+1) {margin-left:3%;}
	div.venues a:nth-child(3n+1) {margin-left:0;}
}

@media only screen and (max-width: 640px) {
	div.venues a {width: 49%;margin-left:2%;}
	div.venues a:nth-child(4n+1) {margin-left:3%;}
	div.venues a:nth-child(3n+1) {margin-left:2%;}
	div.venues a:nth-child(2n+1) {margin-left:0;}
}

@media only screen and (max-width: 500px) {
	div.venues a {width: 100%;margin-left:0;}
	div.venues a:nth-child(4n+1) {margin-left:0;}
	div.venues a:nth-child(3n+1) {margin-left:0;}
	div.venues a:nth-child(2n+1) {margin-left:0;}
	div.venues a div.imagewrap img {height: 300px;}

}




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

}







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




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 0 0 10PX;transition: .2s;}
ul.pages li a {display: block;padding: 0;width: 30px;text-align: center;height: 30px;line-height: 30px;
	font-weight: 600;font-size:17px; transition: .2s;
	background-color:rgba(231,106,105,0) ;
	border: 1px solid rgb(231,106,105);color: rgb(231,106,105);}
ul.pages li a.sel {	background-color:rgba(231,106,105,1) ;color: #fff}
ul.pages li a:hover {	background-color:rgba(231,106,105,1) ;color: #fff}
/*ul.pages li.prev {margin-right: 15px;}*/
/*ul.pages li.next {margin-left: 15px;}*/

ul.pages li.prev {display: none;}
ul.pages li.next {display: none;}

@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 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: 32px;height: 19px;background:none;border: 0;text-indent: -9000px;
	background-repeat:no-repeat;cursor: pointer;}
div.homecalendar button.slide-homecalendar-prev {background-image: url(/images/banner_prev.png);
	background-position: 50% 50%;}
div.homecalendar button.slide-homecalendar-next {background-image: url(/images/banner_next.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: 79px;font-weight: 600;
	border-top: 1px solid var(--mainpageNewsbackground);transition: .2s;
text-transform: uppercase;}
div.monthslick h1 span {color: var(--blueletters);}

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 {;position: relative;
	display: flex;flex-wrap: wrap;align-content: space-between;
	text-align: center;justify-content: center;;
	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: 18px;padding: 0 2px;font-weight: 600;
	text-align: left;line-height: 1;}

div.monthwrap div.day div.top span.date {display: block;
	font-size: 40px;font-weight: 700;padding: 0 0;
	height: 84px;line-height: 84px;width: 100%;
	border: 0;
	border-radius: 0;margin: 0 auto;
	text-align: center;
	color: var(--white);
background: var(--black);}

div.monthwrap div.day.has div.top span.date {color: var(--mainmenuhoverbackcolor);}
div.monthwrap div.day.has div.top span.date {border: 0;}

/*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: 104px;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 {
	font-size: 18px;
	background-color: var(--mainback);padding: 10px 0;
	color: var(--black);}
div.monthwrap div.day .dayevents_wrap .dayevents span.times{font-weight: 700;}
div.monthwrap div.day .dayevents_wrap .dayevents a {
	color: var(--black);opacity: .8;
	padding: 3px 0;border-top: 1px solid var(--gray2);display: block;}
div.monthwrap div.day .dayevents_wrap .dayevents a:first-child {
	padding: 6px 0 3px;border-top: 2px solid var(--mainmenuhoverbackcolor);}
div.monthwrap div.day .dayevents_wrap .dayevents a h3 {font-family:Syne;font-size: 16px;line-height: 1.1;}
div.monthwrap div.day .dayevents_wrap .dayevents a h3:empty {display: none;}
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.date {background-color: rgba(115, 200, 218,1);}
/*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: 810px) 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: 810px){
	div.monthwrap {flex-wrap: wrap;margin: 0 auto;
		padding: 50px 0;
		max-width: 360px;
		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: 50px;}

/*	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 {
	margin: 0 auto;width: 100%;max-width: 1900px;
	/*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 {
	height: 450px;
	min-height: calc(100vh - var(--headerHeight));
	padding:0 30px;
	position: relative;
/*grid-column-start: 1;position: relative;
grid-row-start: span 2;display: flex;align-items: stretch;
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;}

input:checked ~ div.mainwrapper .home_top div.banner .homebannercontrols {display: none;}

div.homebannercontrols {position: absolute;
	bottom: 30px;right: 30px;
	padding: 0 40px;
	width: 323px;box-sizing: border-box;z-index: 10000;}


.home_top div.banner div.homebannerelement {width: 100%;
	height: 100%;position: relative;display: flex;align-items: stretch;
	justify-content: space-between;}
.home_top div.banner div.homebannerelement>a {display: block;
	width: 100%;
	height: 100%;}
.home_top div.banner div.homebannerelement picture {
	width: calc(100% - 323px);
	height: 100%;}
.home_top div.banner div.homebannerelement>a>picture {
	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;object-position: 50%;
	border-bottom-left-radius: 330px;}

.home_top div.banner div.homebannerelement div.bannerdata {
	position: relative;z-index:4;color: #fff;width: 323px;
	background-color: rgb(255,255,255);padding: 60px 40px;
	box-sizing: border-box;transition:.2s;}

.home_top div.banner div.homebannerelement div.bannerdata div.data {display: flex;flex-wrap: wrap;}
.home_top div.banner div.homebannerelement div.bannerdata div.data > * {width: 100%;order: 2;}
.home_top div.banner div.homebannerelement div.bannerdata div.data > h4.eventtype {order: 1;}

.home_top div.banner div.homebannerelement div.bannerdata a.bannerlink {display: block;
	}


.home_top div.banner div.homebannerelement div.bannerdata a.bannerlink div.data h4.eventtype {font-size: 22px;font-weight: 600;
	color: var(--forecolorred);margin: 0 0 5px 0;padding: 0;text-transform:uppercase;}
.home_top div.banner div.homebannerelement div.bannerdata a.bannerlink div.data h3 {font-size: 30px;font-weight: 600;
	color: var(--forecolor);margin: 0 0 10px 0;padding: 0;line-height: 1.1;}
.home_top div.banner div.homebannerelement div.bannerdata a.bannerlink div.data h5 {
	margin: 0 0 10px;text-transform:uppercase;
	padding:0 0 0 0px;font-size: 16px;font-weight: 600;letter-spacing: .55px;}
.home_top div.banner div.homebannerelement div.bannerdata a.bannerlink div.data:last-child {margin-top: 40px;}

.home_top div.banner div.homebannerelement div.bannerdata a.bannerlink div.data p.dates {
	line-height: 19px;
	text-transform: uppercase;
	background: url(/images/date.png) no-repeat 0 0;
	margin: 0px 0 20px 0;
	padding:0px 0 0 25px;font-size: 16px;font-weight: 600;letter-spacing: .55px;
}


@media only screen and (max-width: 960px) {
	.home_top div.banner div.homebannerelement {
		flex-wrap: wrap;height: auto;
		background-color: rgb(255,255,255);
	}
	.home_top div.banner div.homebannerelement picture {
		height: 400px;
		width: 100%;}
	.home_top div.banner div.homebannerelement picture img {
		border-bottom-left-radius: 34vw;}
	.home_top div.banner div.homebannerelement div.bannerdata {
		width: 100%;padding: 20px;}

	.home_top div.banner div.homebannerelement div.bannerdata.event a.bannerlink {
		display: flex;
		flex-wrap: nowrap;
		justify-content: space-between;align-items: flex-start;
	}
	.home_top div.banner div.homebannerelement div.bannerdata a.bannerlink div.data:last-child {margin-top: 26px;}

	.home_top div.banner .homebannercontrols {bottom: -40px;right: 0;left: 0;width: 100%;
		justify-content: center;}
	.home .slider-controls ul li:after {background-color: rgba(255,255,255,1);}
	.home .slider-controls ul li.slick-active:after {background-color: var(--blueletters);}
	.home_top div.banner {min-height:auto;height: auto;}
}


@media only screen and (max-width: 550px) {
	.home_top div.banner div.homebannerelement div.bannerdata.event a.bannerlink {
		flex-wrap: wrap;
	}
	.home_top div.banner div.homebannerelement div.bannerdata a.bannerlink div.data {width: 100%}
	.home_top div.banner div.homebannerelement div.bannerdata a.bannerlink div.data:last-child {margin-top: 15px;}


}



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;align-items: stretch;
	justify-content: flex-start;flex-wrap: wrap;}
div.events ul.repertoir li {width: 31%;margin-left: 3.5%;margin-bottom: 3%;}
div.events ul.repertoir li:nth-child(3n+1) {margin-left: 0;}


div.events ul.repertoir li div.image {width: 100%;position: relative;height: 250px;
	background: url(/images/white_logo_noimage.png) no-repeat left 20px bottom 20px rgba(211, 231, 238,1);
}
div.events ul.repertoir li div.image img {width:100%;height: 100%;display: block;object-fit: cover;}

div.events ul.repertoir li div.data {padding: 14px 20px 30px;margin: 0;
	display: flex;flex-wrap: wrap;}
div.events ul.repertoir li div.data>* {width: 100%;order: 2}
div.events ul.repertoir li div.data h4.eventtype {font-size: 16px;font-weight: 600;
	order: 1;
	color: var(--forecolorred);margin: 0 0 5px 0;padding: 0;text-transform:uppercase;}
div.events ul.repertoir li div.data h3 {font-size: 30px;font-weight: 600;
	color: var(--forecolor);margin: 0 0 10px 0;padding: 0;line-height: 1.1;}
div.events ul.repertoir li div.data h5 {
	margin: 0 0 10px;text-transform:uppercase;
	padding:0 0 0 0px;font-size: 16px;font-weight: 600;letter-spacing: .55px;
}
div.events ul.repertoir li div.data p.dates {
	line-height: 19px;
	text-transform: uppercase;
	background: url(/images/date.png) no-repeat 0 0;
	padding:0 0 0 25px;font-size: 16px;font-weight: 600;letter-spacing: .55px;
}
@media only screen and (max-width: 1100px) {
	div.events ul.repertoir li {width: 48%;margin-left: 4%;margin-bottom: 3%;}
	div.events ul.repertoir li:nth-child(3n+1) {margin-left: 4%;}
	div.events ul.repertoir li:nth-child(2n+1) {margin-left: 0;}
}
@media only screen and (max-width: 650px) {
	div.events ul.repertoir li {width: 100%;margin-left: 0%;margin-bottom: 3%;}
	div.events ul.repertoir li:nth-child(3n+1) {margin-left: 0;}
	div.events ul.repertoir li:nth-child(2n+1) {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: 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;}
}



div.homeevents_wrap {margin: 80px auto;
	width: 100%;box-sizing: border-box;padding: 0 45px;
	max-width: 1280px;
}
div.homeevents {
	border: 2px solid var(--forecolor);
	border-left: 0;border-right: 0;
	padding: 47px 0 80px;}


div.homeevents div.title {display: flex;margin: 0 0 40px;
	flex-wrap: nowrap;justify-content: space-between;align-items: flex-start;}
div.homeevents div.title h3 {margin: 0;padding: 0;
	line-height: 39px;font-size: 30px;font-weight:600;
	color: var(--blueletters);text-transform: uppercase;letter-spacing: 0.3px;}


div.homeevents a.more {width: 45px;height: 42px;
	display: block;margin:20px 0 0 auto;
	text-indent: -9000px;background: url(/images/more_big.png) no-repeat;}


.contactform_wrap {display: flex;align-items: 	flex-start	;
		justify-content: space-between;}
.contactform_wrap .bigletters {font-size: 175px;line-height: 0.71;
	font-weight: 600;}
.contactform_wrap .bigletters span {display: block;height: 1px;margin: 0;padding: 0;}	

div.contact_left {width: 255px;}

div.contact_form {width: calc(100% - 695px);transition: .2s;}
div.contact_right {width: 240px;}

div.contact_info h3 {font-size: 38px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 0.737;
letter-spacing: 0.38px;}
div.contact_info h3 span {display: block;}
div.contact_info p {font-size: 20px;
   font-weight: 600;
  text-transform: uppercase;
  line-height: 1.4;
letter-spacing: 0.2px;
margin: 15px 0 0 0;}
div.contact_info p label {display: block;}
div.contact_info p a {font-weight: 400}
div.contact_info p a:hover {text-decoration: underline;}

form.contact {position:relative;/*width:100%;*/}

form.contact div.inputs {position:relative;}


form.contact div.inputs div.inputwrap {background-color:transparent;
	padding:0 0 10px;border-bottom:2px solid var(--forecolor);margin:0 0 25px;}

form.contact div.inputs div.inputwrap label {display:none;color: #2d2424;font-family: Wask;font-size: 12.5px;font-weight: bold;;margin-bottom:3px;}
form.contact div.inputs div.inputwrap input,
form.contact div.inputs div.inputwrap select {line-height: 1.789;border:0;background-color:transparent;width:100%;padding:0;font-size:19px;font-weight:400;font-family: Syne;;}
form.contact div.inputs div.inputwrap ::-webkit-input-placeholder {font-size :20px;font-family: Wask;letter-spacing: .12px;text-transform: uppercase;font-weight: 600;}
form.contact div.inputs div.inputwrap input:-moz-placeholder { font-size :20px;font-family: Wask;letter-spacing: .12px;text-transform: uppercase;font-weight: 600;}


form.contact div.textarea {width:100%;}
form.contact div.submitwrap {position:relative;}
form.contact div.textarea textarea {border:0;
	height: 200px;
	background-color:transparent;width:100%;padding:0;font-size:19px;font-weight:400;font-family: Syne;;}

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

form.contact input.submit {clear:both;float:right;line-height:48px;color: var(--forecolor);cursor:pointer;
font-family: Wask, sans-serif;font-size: 20px;padding:0 40px;border:2px solid var(--forecolor);
font-weight: 600;letter-spacing: -0.1px;
font-weight: bold;letter-spacing:3px;background-color:transparent;}
form.contact div.submitwrap  input.submit {float:none;padding:0 ;text-align:center;display:block;width:100%;}


@media only screen and (max-width: 1170px) {
	div.contact_form {width: calc(100% - 600px);}
}

@media only screen and (max-width: 980px) {
	.contactform_wrap {flex-wrap: wrap;}
	.contactform_wrap .bigletters {font-size: 100px;text-align: center;}
	div.contact_form {width: 100%;margin: 40px auto;}
	div.contact_right {width: 100%;text-align: center;}
	.contactform_wrap .bigletters span {display: none;}
}

@media only screen and (max-width: 980px) {
	.contactform_wrap .bigletters {font-size: 60px;}
}

ul.roleseventslist {list-style: none;}



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





div.sponsorwrap {display: flex;align-items: flex-start;justify-content: flex-start;
	margin: 80px 0;}
div.sponsorwrap h3 {width:150px;margin: 6px 40px 0 0;padding: 0;line-height:0.8;
	text-transform: uppercase;font-size: 48px;color: #fff;font-weight: 600;
word-wrap: break-word}
div.sponsorwrap div.sponsors {display: flex;
	padding: 0;flex-wrap: wrap;
	justify-content: flex-start;align-items: stretch;
    /*border-left: 1px solid;position: relative;*/
}
div.sponsorwrap div.sponsors a,
div.sponsorwrap div.sponsors span {width: 170px;height: 140px;position: relative;
	border: 1px solid transparent;}
div.sponsorwrap div.sponsors a:hover,
div.sponsorwrap div.sponsors span:hover {
	border: 1px solid rgb(218, 230, 233);}
div.sponsorwrap div.sponsors img {position: absolute;
	width: 90%;height: 90%;
	top: 5%;left: 5%;
	object-fit: contain;object-position: 50%;}

div.sponsorwrap div.sponsors a:only-child {
	width:300px;height:140;
}
div.sponsorwrap div.sponsors a:only-child img {
	object-fit:cover;
}


@media only screen and (max-width: 450px) {
div.sponsorwrap {flex-wrap: wrap;}
div.sponsorwrap h3 {width:100%;margin:0 0 20px;}
div.sponsorwrap div.sponsors {width:100%;}
}




.footer div.sponsorwrap {flex-wrap: wrap;text-align: center;
	color: #000;
	justify-content:center;margin: 0 0 0;padding: 5px 0;position: relative;}

.footer div.sponsorwrap:after {content:"";display: block;
	position: absolute;left: calc(50% - 80px);top: 0;
	height: 1px;width: 160px;border-top: 1px solid #999;}
.footer div.sponsorwrap:first-child:after {display: none;}
.footer div.sponsorwrap h3 {width: 100%;margin: 10px 0 5px;font-size: 20px;
	color: #231F20;
	font-weight: 600;}
.footer div.sponsorwrap h3 span {color: #231F20;background-color: var(----mainback);}

.footer div.sponsorwrap:first-child h3 {margin-top: 0;}
.footer div.sponsorwrap div.sponsors {justify-content: center;}



.searchevents {}
.searchevents div.wrap {display: flex;
	flex-wrap: nowrap;align-content: center;
	align-items: center;
	justify-content: center;gap:10px 10px;
	max-width: 100%;margin-bottom: 10px}
.searchevents div.divider {display: none;}
.searchevents div.field {position: relative;}
.searchevents label {display: none;}
.searchevents div.field label.show {position: absolute;
	bottom: calc(100% + 5px);font-size: 16px;display: block;
	line-height: 1;}
.searchevents input,select {border: 2px solid rgba(115, 200, 218);
	padding: 4px;font-weight: 600;font-size: 23px;
	background-color: transparent;
	box-sizing: border-box;transition: .2s;
	font-family: "Wask";}
.searchevents select {width: 150px;text-transform: uppercase;}
.searchevents input[type=date] {padding: 3px 4px}

.searchevents input.keyword {padding-left: 30px;
	background-color: transparent;
	background: url(/images/input_search.png) no-repeat 5px 50%;
}
.searchevents button {border: 0;border-radius: 50%;text-indent: -9000px;
	height: 60px;width: 60px;cursor: pointer;
	background:url(/images/button_search.png) no-repeat 50% rgba(115, 200, 218);
}

.searchevents input::-webkit-input-placeholder {color: #000}
.searchevents input:-moz-placeholder { color: #000}

ul.events {list-style: none;}
ul.events li.notfound {font-size: 23px;font-weight: 600;
	text-align: center;margin: 40px 0 0 ;
	}


@media only screen and (max-width: 1100px) {
	.searchevents select {width: 120px;}
	.searchevents input {width: 120px;}
}
@media only screen and (max-width: 820px) {
	.searchevents div.wrap {flex-wrap: wrap;}
	.searchevents div.divider {width: 100%;display: block;margin: 0 0 15px}
	.searchevents select {width: 150px;}
	.searchevents input {width: 150px;}
	.searchevents input.keyword {width: 240px;}


}

/*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:"Wask";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: Wask;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%;}
*/