/* html5reset.css ============================================================================= */
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,
b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video {
    margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;
}
html {height:100%;}
body {line-height: 1.3;color:#000;font-size:16px;font-family:'Helvetica Neue',Arial,sans-serif;font-weight:400;background-color:#fff;height:100%;
	margin : 0 auto;padding : 0;}
a {text-decoration:none;color:rgb(0,0,0);}
a:hover {text-decoration:none;color:rgb(255,144,0);}
h1 { font-size :  1.7em;	margin-bottom : 0.2em;line-height : 1.4; }
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;	}

p, ol, ul, dl, address { margin-bottom : .5em; font-size : 1em; /* 16 / 16 = 1 */ }
p {hyphens : auto;  }
ul { margin :0; padding:0; }
li { margin : 0;font-size : 1em;}
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 : 0.75em;}
sub, sup { font-size : 75%; line-height : 0; position : relative; vertical-align : baseline; }
sup { top : -.5em; }
sub { bottom : -.25em; }

a:hover, a:active { outline : 0; }

div.header.flex {display:flex;justify-content: space-between;flex-wrap: no-wrap;padding:40px 0;
align-items:center;width:90%;margin:20px auto;font-size:20px;/*transition:.2s;*/
position:absolute;top:0;left:0;right:0;z-index:1000;
}
div.topbarplaceholder {height:200px;}

div.header.flex div.menu {width:20%;}
div.header.flex div.languages {width:20%;}
div.header.flex div.logo {width:50%;text-align: center;}
div.header.flex div.logo img {width:100%;max-width:288px;}
div.main {margin:40px auto 0;max-width:900px;}
.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


.scrolled div.header.flex {position:fixed;
	margin:0;max-width:100%;width:100%;padding:0 5%;box-sizing: border-box;
	;top:0;height:83px;background-color:rgb(242,242,242);
font-size:15px;}
.scrolled div.header.flex div.logo img {width:100%;max-width:135px;}

div.languages ul {list-style: none;margin:0;padding:0;text-align:right;}
div.languages ul li {display:inline;}
div.languages ul li a {display:inline-block;padding:0 5px;color:#000;}
div.languages ul li a:hover {color:rgb(255,144,0);}
div.languages ul li a.sel {color:rgb(255,144,0);}

.maintext {width:90%;max-width:900px;margin:50px auto 0;padding:50px 0 0;font-size:24px;}
div.textblock {padding-bottom:20px;}
.maintext h1 {display:inline-block;box-sizing: border-box;font-weight:400;}
.maintext h1 a.menuoption {display:block;background-color:rgb(255,144,0);color:#fff;
			transition:.2s;
			max-width:100%;box-sizing: border-box;overflow-y: hidden;
			font-size:36px;padding:3px 15px 3px 15px;position:relative;line-height:1.1;
			height:44px;}
.maintext h1 a.menuoption:after{content:"";width:135px;display:inline-block;
	height:0;}
.maintext div.inside {padding:0;transition:.2s;height:0;overflow-y:hidden}
.maintext div.textblock.on div.inside {height:auto;padding:65px 0 105px;}
div.textblock .inside>p {margin-bottom:35px;line-height:1.5;}


div.countdownwrap {background:url(./images/video_image_small_perses.jpg) 50% 100% rgb(5, 3, 4) no-repeat;background-size:100% auto;width:100%;
			box-sizing:border-box;padding:30px 30px 70px;}
div.countdownwrap h2 {display:table;clear:left;font-size:24px;color:#fff;padding:2px 7px;background-color:rgb(255,144,0,1);
	margin:0 0 5px;font-weight:400;}
div.countdownwrap h1 {display:table;clear:left;font-size:18px;color:#fff;padding:2px 7px;background-color:rgb(0,0,0,.8);
	margin:0 0 5px;font-weight:400;}
div.countdownwrap h3 {display:table;clear:left;font-size:18px;color:#fff;padding:2px 7px;background-color:rgb(0,0,0,.8);
	margin:0 0 5px;font-weight:400;}
div.countdownwrap h3 span {color:rgb(255,144,0);}

div.countdownwrap div.countdown {display:flex;flex-wrap: no-wrap;align-items: center;padding:20px 0 80px;
justify-content:center;}
div.countdownwrap div.countdown span {display:block;transition:.2s;
	color:rgb(255,144,0);font-size:11px;
	text-align:center;font-style:normal;
	background:rgba(0,0,0,.5);margin:0 5px;
	padding:10px 5px 20px;width:16%;box-sizing: border-box;
}
div.countdownwrap div.countdown span em {display:block;
	font-style:normal;color:#fff;transition:.2s;
	text-align:center;font-size:100px;font-weight:700;
}

@media only screen and (max-width: 860px) {
div.countdownwrap div.countdown span {width:20%;}
}
@media only screen and (max-width: 730px) {
div.countdownwrap div.countdown span em {font-size:70px;}
}
@media only screen and (max-width: 500px) {
div.countdownwrap div.countdown span {width:23%;}
div.countdownwrap div.countdown span em {font-size:50px;}
}

@media only screen and (max-width: 330px) {
div.countdownwrap div.countdown span {width:25%;}
div.countdownwrap div.countdown span em {font-size:50px;}
}


.datain {height:0;overflow:hidden;transition:.2s;}
input.datainside {display:none;}
label.head {cursor:pointer;display:inline-block;background-color:rgb(0,0,0);color:#fff;
	max-width:100%;box-sizing: border-box;position:relative;z-index:10;transition: .2s;
	font-size:20px;padding:3px 120px 3px 15px;position:relative;line-height:1.1;
	height:44px;line-height:40px;margin:10px 0 40px 0;}
label.head:after{content:">";display:block;height:44px;width:44px;
	color:#fff;position:absolute;top:0;right:0;text-align:center;
	transform-origin: 50%;
	transform: rotate(90deg);transition:.2s;}


.media label.head {background-color:#fff;border:1px solid rgb(255,144,0);color:rgb(255,144,0);}
.media label.head:after {color:rgb(255,144,0);}


input.datainside:checked+.data .datain {height:auto;}
input.datainside:checked+.data label.head:after {transform: rotate(270deg);}

ul.onoffblocks li .data {position:relative;}
ul.onoffblocks li .data:before{content:"";position:absolute;
	display:block;height:1px;background-color:rgb(0,0,0);left:0;right:0;
	top:31px;}
ul.onoffblocks li .media.data:before{background-color:rgb(255,144,0);}

ul.onoffblocks li .datain {font-size:18px;line-height:1.5;margin-bottom:50px;}
ul.onoffblocks li .datain .biopic {float:right;width:50%;margin:0 0 30px 30px;}

@media only screen and (max-width: 550px) {
ul.onoffblocks li .datain .biopic {float:none;width:100%;
	margin:0 0 30px 0;}
}

ul.logos {margin:268px 0 0px;border-top:1px solid rgb(232,232,232);
	border-bottom:1px solid rgb(232,232,232);padding:28px 0;
	align-items:flex-start;
		display:flex;flex-wrap:no-wrap;justify-content: space-between;list-style:none;}
	ul.logos li {margin:0 ;transition:.2s;}
	ul.logos li span {display:block;margin-bottom:5px;text-align:left;
		font-size:13px;color:#999;}
ul.logos.top {justify-content: space-between;border-top:0;border-bottom:0;
	width:100%;max-width:900px;margin:20px auto 20px;padding:0;align-items: flex-start;
}
ul.logos.top li {margin:0;max-width:45%;}
ul.logos.top li img {max-width:100%;}
@media only screen and (max-width: 900px) {
	ul.logos.top {width:95%;}
}
@media only screen and (max-width: 800px) {
	ul.logos.bottom {flex-wrap:wrap;}
	ul.logos.bottom li {width:100%;display:flex;align-items:center;
		justify-content:center;}
	ul.logos.bottom li>* {width:45%;margin:2.5%;}
	ul.logos.bottom li span {text-align:right;}
	ul.logos.bottom li img {max-width:100%;}
}
@media only screen and (max-width: 500px) {
	ul.logos.bottom li {display:block;text-align:center;margin-bottom:40px;}
	ul.logos.bottom li>* {width:100%;margin:2.5%;}
	ul.logos.bottom li span {text-align:center;margin:0 0 10px;}
	ul.logos.bottom li img {max-width:100%;}
}

div.footerlinks_wrap {padding:20px 0;}
div.footerlinks_wrap .footerlinks {text-align:center;font-size:11px;color:rgb(211, 210, 210);}
div.footerlinks_wrap .footerlinks label {color:rgb(255,144,0);cursor:pointer;padding:0 15px;}

div.footertext div.text {display:none;font-size:14px;box-sizing:border-box;
		padding:30px 0;position:relative;}
div.footertext div.text h2 {text-align:center;font-size:18px;}
div.footertext input {display:none;}
div.footertext input:checked+div.text {display:block;}
div.footertext {position:relative;}
div.footertext a.hidefooter {display:block;position:absolute;right:0;top:30px;}

div.textblock .inside>h2 {font-size:1.2em;}
div.textblock .inside>p {font-size:18px;}

@media only screen and (max-width: 710px) {
	div.header.flex {font-size:16px;margin:0 auto;}
	div.textblock .inside>p {font-size:20px;}
	ul.logos li {margin:0 10px;}

}

@media only screen and (max-width: 640px) {
	div.topbarplaceholder {height:169px;}
	.maintext h1 a.menuoption {overflow-y: visible;height:auto;font-size:26px;}
	.maintext h1 a.menuoption:after {display:none;}
	div.textblock {padding-bottom:10px;}

	div.header.flex {font-size:14px;}
	.scrolled div.header.flex {font-size:14px;}
	div.languages ul li a {padding:0 2px;}
	div.textblock .inside>p {font-size:18px;}
	ul.onoffblocks li .datain {line-height:1.3}
	label.head {font-size:16px;width:100%;margin-bottom:15px;overflow-y:auto;height:auto;
			line-height:1.4;padding:10px 25px 10px 15px;}

/*	ul.logos {flex-wrap:wrap;padding-bottom:0;}
	ul.logos li {width:36%;margin:0 7% 7%;}*/
}
@media only screen and (max-width: 430px) {
	div.topbarplaceholder {height:140px;}
}

@media only screen and (max-width: 320px) {
	ul.logos li {width:100%;margin:0 0 7%;}
}


a#backtotop {position:fixed;z-index:100;bottom:8px;right:8px;
	width:54px;height:54px;border-radius:50%;box-shadow:0 0 10px rgba(0,0,0,.5);}
a#backtotop img {width:100%;}
	/*background:url(../images/backtotop.png) no-repeat;*/



div.mediawrap {display:flex;flex-wrap:wrap;
	justify-content:flex-start;align-items:stretch;}
div.mediawrap a {display:block;width:24%;margin-bottom:1%;margin-right:1%;}
div.mediawrap a img {width:100%;height:144px;vertical-align: middle;
		object-fit:cover;object-position:50% 0;}
figure {
  float: left;
}

figcaption {
  display: none;
}

	a.donatebutton {display:block;width:265px;height:30px;line-height:30px;
		margin:0 auto;box-shadow:0 0 10px rgba(0,0,0,.4);
		text-align: center;font-size:18px;color:#fff;    background-color: #080;text-decoration:none;}

div.acceptcookies {box-shadow: 0 0 10px rgba(0,0,0,.5);display:none;}
div.acceptcookies a.hidecookie {display:block;position:absolute;right:10px;top:10px;color:#fff;}
div.acceptcookies a.hidecookie:hover {color:#fff;}
div.acceptcookies {position:fixed;left:0;right:0;bottom:0;z-index:1000;
padding:0 20px;background-color:rgba(4,4,4,.75);
font-size:18px;line-height:1.4;}
div.acceptcookies .cookiestext {margin:10px auto;max-width:1200px;width:95%;
	color:#fff;display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:flex-end;transition: .2s;}
div.acceptcookies .cookiestext div {width:calc(100% - 110px);}
div.acceptcookies .cookiestext div h2 {font-size:20px;}
div.acceptcookies .cookiestext a.accept {
	display:block;width:90%;max-width:300px;line-height:40px;height:40px;margin:10px auto;
	background-color:#fff;color:#000;text-align:center;}

@media only screen and (max-width: 1000px) {
	div.acceptcookies .cookiestext {flex-wrap: wrap;font-size:15px;}
	div.acceptcookies .cookiestext div {width:100%;}
	div.acceptcookies .cookiestext div h2 {font-size:17px;}
	div.acceptcookies .cookiestext a {width:100%;}