/* MOBILE FIRST */

/*


	backdrop-filter:blur(2px);

#9c0
#09c
#09c
*/

* {
	margin:0;
	padding:0;
	border:0;
	outline:none;
	box-sizing:border-box;
	-webkit-tap-highlight-color:rgba(100,100,100,0.05);
	-webkit-tap-highlight-color:rgba(100,100,100,0);
}

::selection {
	background:rgba(50,60,40,0.2);
	color:#231;
	color:rgb(50,60,40);
	background:rgba(60,50,45,0.2);
	color:rgb(60,50,45);
}

html {
	font-family:sans-serif;
	font-family:"Inter";
	font-family:"Overpass";
	font-size:16px;
	line-height:1.5rem;
	background:rgb(60,50,45);
	color:rgb(60,50,45);
}

body {
	font-size:1rem;
	line-height:1.5rem;
	display:flex;
	flex-wrap:wrap;
}


@media (min-width:1032px) {
	
	body {
		font-size:1.1rem;
	}
	
}

header {
	width:100%;
	order:1;
	background:rgb(20,30,40);
	background:rgb(60,40,30);
	background:rgb(60,40,60);
	background:rgb(50,60,70);
	color:rgba(255,255,255,0.5);
	padding:0;
	display:flex;
	flex-wrap:nowrap;
	justify-content:space-between;
	align-items:center;
	z-index:3;
	
	background:none;
}

main {
	order:2;
	background:#efeae5;
	background-size:80rem;
	width:100%;
}

main a {
	color:#09c;
}

main p {
	margin:0 0 2rem;
}

main ol,
main ul {
	margin:0 0 2rem 1.5rem;
}

footer {
	width:100%;
	order:3;
	background:rgb(60,40,30);
	background:rgb(60,50,45);
	padding:1rem;
	padding:1rem 1rem 6rem 1rem;
	color:rgba(255,255,255,0.5);
}

footer hr {
	border-top:1px solid rgba(255,255,255,0.1);
	margin:1rem 0;
}

footer .logo {
	margin:auto;
	opacity:0.5;
}

footer ul {
	display:flex;
	list-style:none;
	justify-content:center;
	flex-wrap:wrap;
	padding:0;
}

footer li {
	width:100%;
}

footer li a {
	display:block;
	padding:0.5rem;
	color:rgba(255,255,255,0.5);
	line-height:1rem;
	text-decoration:none;
	text-align:center;
}

@media (min-width:720px) {

	footer ul {
		padding:1rem;
	}
	
	footer li {
		width:inherit;
	}
	
	footer li a {
		text-align:left;
		padding:0 1rem;
		border:0;
		border-right:1px solid rgba(255,255,255,0.5);
	}
}

footer li a:hover {
	color:rgba(255,255,255,0.8);
}

footer li:last-of-type a {
	border:0;
}





#footerbar {
	position:fixed;
	z-index:10;
	bottom:1rem;
	left:1rem;
	margin:0;
	width:calc(100% - 2rem);
	background:#fff;
	background:linear-gradient(0deg, #fff 50%, #eee 100%);
	background:linear-gradient(0deg, rgba(255,255,255,0.9) 50%, rgba(240,240,240,0.9) 100%);
	box-shadow:0 0.2rem 0.5rem rgba(0,0,0,0.1);
	border-radius:1rem;
	list-style:none;
	display:flex;
	justify-content:center;
	backdrop-filter:blur(2px);
	
	bottom:0;
	left:0;
	width:100%;
	border-radius:0;
	
	display:none!important;
}

#footerbar li {
	width:19%;
}

#footerbar a {
	display:block;
	padding:0.5rem;
	text-align:center;
	text-decoration:none;
	color:inherit;
	font-size:0.875rem;
	font-size:0.8rem;
	line-height:1rem;
	font-weight:600;
	transition:100ms;
}

#footerbar a:hover {
	opacity:1;
}

#footerbar em {
	display:block;
	width:2rem;
	height:2rem;
	margin:0 auto;
	opacity:0.25;
}

.ico-home {
	background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="60px" height="60px"><path fill-rule="evenodd"  fill="rgb(0, 0, 0)" d="M4.999,0.0 L20.0,0.0 C22.761,0.0 25.0,2.238 25.0,4.999 L25.0,20.0 C25.0,22.761 22.761,25.0 20.0,25.0 L4.999,25.0 C2.238,25.0 0.0,22.761 0.0,20.0 L0.0,4.999 C0.0,2.238 2.238,0.0 4.999,0.0 Z"/><path fill-rule="evenodd"  fill="rgb(0, 0, 0)" d="M39.999,0.0 L55.0,0.0 C57.761,0.0 60.0,2.238 60.0,4.999 L60.0,20.0 C60.0,22.761 57.761,25.0 55.0,25.0 L39.999,25.0 C37.238,25.0 34.999,22.761 34.999,20.0 L34.999,4.999 C34.999,2.238 37.238,0.0 39.999,0.0 Z"/><path fill-rule="evenodd"  fill="rgb(0, 0, 0)" d="M39.999,34.999 L55.0,34.999 C57.761,34.999 60.0,37.238 60.0,39.999 L60.0,55.0 C60.0,57.761 57.761,60.0 55.0,60.0 L39.999,60.0 C37.238,60.0 34.999,57.761 34.999,55.0 L34.999,39.999 C34.999,37.238 37.238,34.999 39.999,34.999 Z"/><path fill-rule="evenodd"  fill="rgb(0, 0, 0)" d="M4.999,34.999 L20.0,34.999 C22.761,34.999 25.0,37.238 25.0,39.999 L25.0,55.0 C25.0,57.761 22.761,60.0 20.0,60.0 L4.999,60.0 C2.238,60.0 0.0,57.761 0.0,55.0 L0.0,39.999 C0.0,37.238 2.238,34.999 4.999,34.999 Z"/></svg>') center center no-repeat;
	background-size:1.25rem;
}

.selected .ico-home {
	background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="60px" height="60px"><path fill-rule="evenodd"  fill="rgb(0, 153, 204)" d="M4.999,0.0 L20.0,0.0 C22.761,0.0 25.0,2.238 25.0,4.999 L25.0,20.0 C25.0,22.761 22.761,25.0 20.0,25.0 L4.999,25.0 C2.238,25.0 0.0,22.761 0.0,20.0 L0.0,4.999 C0.0,2.238 2.238,0.0 4.999,0.0 Z"/><path fill-rule="evenodd"  fill="rgb(0, 153, 204)" d="M39.999,0.0 L55.0,0.0 C57.761,0.0 60.0,2.238 60.0,4.999 L60.0,20.0 C60.0,22.761 57.761,25.0 55.0,25.0 L39.999,25.0 C37.238,25.0 34.999,22.761 34.999,20.0 L34.999,4.999 C34.999,2.238 37.238,0.0 39.999,0.0 Z"/><path fill-rule="evenodd"  fill="rgb(0, 153, 204)" d="M39.999,34.999 L55.0,34.999 C57.761,34.999 60.0,37.238 60.0,39.999 L60.0,55.0 C60.0,57.761 57.761,60.0 55.0,60.0 L39.999,60.0 C37.238,60.0 34.999,57.761 34.999,55.0 L34.999,39.999 C34.999,37.238 37.238,34.999 39.999,34.999 Z"/><path fill-rule="evenodd"  fill="rgb(0, 153, 204)" d="M4.999,34.999 L20.0,34.999 C22.761,34.999 25.0,37.238 25.0,39.999 L25.0,55.0 C25.0,57.761 22.761,60.0 20.0,60.0 L4.999,60.0 C2.238,60.0 0.0,57.761 0.0,55.0 L0.0,39.999 C0.0,37.238 2.238,34.999 4.999,34.999 Z"/></svg>') center center no-repeat;
	background-size:1.25rem;
	opacity:1!important;
}

.selected .ico-home {
	background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="60px" height="60px"><path fill-rule="evenodd"  fill="rgb(240, 80, 73)" d="M4.999,0.0 L20.0,0.0 C22.761,0.0 25.0,2.238 25.0,4.999 L25.0,20.0 C25.0,22.761 22.761,25.0 20.0,25.0 L4.999,25.0 C2.238,25.0 0.0,22.761 0.0,20.0 L0.0,4.999 C0.0,2.238 2.238,0.0 4.999,0.0 Z"/><path fill-rule="evenodd"  fill="rgb(240, 80, 73)" d="M39.999,0.0 L55.0,0.0 C57.761,0.0 60.0,2.238 60.0,4.999 L60.0,20.0 C60.0,22.761 57.761,25.0 55.0,25.0 L39.999,25.0 C37.238,25.0 34.999,22.761 34.999,20.0 L34.999,4.999 C34.999,2.238 37.238,0.0 39.999,0.0 Z"/><path fill-rule="evenodd"  fill="rgb(240, 80, 73)" d="M39.999,34.999 L55.0,34.999 C57.761,34.999 60.0,37.238 60.0,39.999 L60.0,55.0 C60.0,57.761 57.761,60.0 55.0,60.0 L39.999,60.0 C37.238,60.0 34.999,57.761 34.999,55.0 L34.999,39.999 C34.999,37.238 37.238,34.999 39.999,34.999 Z"/><path fill-rule="evenodd"  fill="rgb(240, 80, 73)" d="M4.999,34.999 L20.0,34.999 C22.761,34.999 25.0,37.238 25.0,39.999 L25.0,55.0 C25.0,57.761 22.761,60.0 20.0,60.0 L4.999,60.0 C2.238,60.0 0.0,57.761 0.0,55.0 L0.0,39.999 C0.0,37.238 2.238,34.999 4.999,34.999 Z"/></svg>') center center no-repeat;
	background-size:1.25rem;
	opacity:1!important;
}

.ico-blog {
	background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="60px" height="50px"><path fill-rule="evenodd"  fill="rgb(0, 0, 0)" d="M2.0,0.0 L47.999,0.0 C49.104,0.0 49.999,0.895 49.999,1.999 L49.999,6.0 C49.999,7.104 49.104,8.0 47.999,8.0 L2.0,8.0 C0.895,8.0 0.0,7.104 0.0,6.0 L0.0,1.999 C0.0,0.895 0.895,0.0 2.0,0.0 Z"/><path fill-rule="evenodd"  fill="rgb(0, 0, 0)" d="M1.999,9.999 L28.0,9.999 C29.104,9.999 30.0,10.895 30.0,11.999 L30.0,16.0 C30.0,17.104 29.104,18.0 28.0,18.0 L1.999,18.0 C0.895,18.0 0.0,17.104 0.0,16.0 L0.0,11.999 C0.0,10.895 0.895,9.999 1.999,9.999 Z"/><path fill-rule="evenodd"  fill="rgb(0, 0, 0)" d="M2.0,21.999 L57.999,21.999 C59.104,21.999 59.999,22.895 59.999,24.0 C59.999,25.104 59.104,26.0 57.999,26.0 L2.0,26.0 C0.895,26.0 0.0,25.104 0.0,24.0 C0.0,22.895 0.895,21.999 2.0,21.999 Z"/><path fill-rule="evenodd"  fill="rgb(0, 0, 0)" d="M2.0,29.999 L57.999,29.999 C59.104,29.999 59.999,30.895 59.999,32.0 C59.999,33.104 59.104,34.0 57.999,34.0 L2.0,34.0 C0.895,34.0 0.0,33.104 0.0,32.0 C0.0,30.895 0.895,29.999 2.0,29.999 Z"/><path fill-rule="evenodd"  fill="rgb(0, 0, 0)" d="M2.0,37.999 L57.999,37.999 C59.104,37.999 59.999,38.895 59.999,40.0 C59.999,41.104 59.104,42.0 57.999,42.0 L2.0,42.0 C0.895,42.0 0.0,41.104 0.0,40.0 C0.0,38.895 0.895,37.999 2.0,37.999 Z"/><path fill-rule="evenodd"  fill="rgb(0, 0, 0)" d="M2.0,45.999 L37.999,45.999 C39.104,45.999 39.999,46.895 39.999,48.0 C39.999,49.104 39.104,50.0 37.999,50.0 L2.0,50.0 C0.895,50.0 0.0,49.104 0.0,48.0 C0.0,46.895 0.895,45.999 2.0,45.999 Z"/></svg>') center center no-repeat;
	background-size:1.25rem;
}

.selected .ico-blog {
	background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="60px" height="50px"><path fill-rule="evenodd"  fill="rgb(0, 153, 204)" d="M2.0,0.0 L47.999,0.0 C49.104,0.0 49.999,0.895 49.999,1.999 L49.999,6.0 C49.999,7.104 49.104,8.0 47.999,8.0 L2.0,8.0 C0.895,8.0 0.0,7.104 0.0,6.0 L0.0,1.999 C0.0,0.895 0.895,0.0 2.0,0.0 Z"/><path fill-rule="evenodd"  fill="rgb(0, 153, 204)" d="M1.999,9.999 L28.0,9.999 C29.104,9.999 30.0,10.895 30.0,11.999 L30.0,16.0 C30.0,17.104 29.104,18.0 28.0,18.0 L1.999,18.0 C0.895,18.0 0.0,17.104 0.0,16.0 L0.0,11.999 C0.0,10.895 0.895,9.999 1.999,9.999 Z"/><path fill-rule="evenodd"  fill="rgb(0, 153, 204)" d="M2.0,21.999 L57.999,21.999 C59.104,21.999 59.999,22.895 59.999,24.0 C59.999,25.104 59.104,26.0 57.999,26.0 L2.0,26.0 C0.895,26.0 0.0,25.104 0.0,24.0 C0.0,22.895 0.895,21.999 2.0,21.999 Z"/><path fill-rule="evenodd"  fill="rgb(0, 153, 204)" d="M2.0,29.999 L57.999,29.999 C59.104,29.999 59.999,30.895 59.999,32.0 C59.999,33.104 59.104,34.0 57.999,34.0 L2.0,34.0 C0.895,34.0 0.0,33.104 0.0,32.0 C0.0,30.895 0.895,29.999 2.0,29.999 Z"/><path fill-rule="evenodd"  fill="rgb(0, 153, 204)" d="M2.0,37.999 L57.999,37.999 C59.104,37.999 59.999,38.895 59.999,40.0 C59.999,41.104 59.104,42.0 57.999,42.0 L2.0,42.0 C0.895,42.0 0.0,41.104 0.0,40.0 C0.0,38.895 0.895,37.999 2.0,37.999 Z"/><path fill-rule="evenodd"  fill="rgb(0, 153, 204)" d="M2.0,45.999 L37.999,45.999 C39.104,45.999 39.999,46.895 39.999,48.0 C39.999,49.104 39.104,50.0 37.999,50.0 L2.0,50.0 C0.895,50.0 0.0,49.104 0.0,48.0 C0.0,46.895 0.895,45.999 2.0,45.999 Z"/></svg>') center center no-repeat;
	background-size:1.25rem;
	opacity:1!important;
}

.selected .ico-blog {
	background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="60px" height="50px"><path fill-rule="evenodd"  fill="rgb(240, 80, 73)" d="M2.0,0.0 L47.999,0.0 C49.104,0.0 49.999,0.895 49.999,1.999 L49.999,6.0 C49.999,7.104 49.104,8.0 47.999,8.0 L2.0,8.0 C0.895,8.0 0.0,7.104 0.0,6.0 L0.0,1.999 C0.0,0.895 0.895,0.0 2.0,0.0 Z"/><path fill-rule="evenodd"  fill="rgb(240, 80, 73)" d="M1.999,9.999 L28.0,9.999 C29.104,9.999 30.0,10.895 30.0,11.999 L30.0,16.0 C30.0,17.104 29.104,18.0 28.0,18.0 L1.999,18.0 C0.895,18.0 0.0,17.104 0.0,16.0 L0.0,11.999 C0.0,10.895 0.895,9.999 1.999,9.999 Z"/><path fill-rule="evenodd"  fill="rgb(240, 80, 73)" d="M2.0,21.999 L57.999,21.999 C59.104,21.999 59.999,22.895 59.999,24.0 C59.999,25.104 59.104,26.0 57.999,26.0 L2.0,26.0 C0.895,26.0 0.0,25.104 0.0,24.0 C0.0,22.895 0.895,21.999 2.0,21.999 Z"/><path fill-rule="evenodd"  fill="rgb(240, 80, 73)" d="M2.0,29.999 L57.999,29.999 C59.104,29.999 59.999,30.895 59.999,32.0 C59.999,33.104 59.104,34.0 57.999,34.0 L2.0,34.0 C0.895,34.0 0.0,33.104 0.0,32.0 C0.0,30.895 0.895,29.999 2.0,29.999 Z"/><path fill-rule="evenodd"  fill="rgb(240, 80, 73)" d="M2.0,37.999 L57.999,37.999 C59.104,37.999 59.999,38.895 59.999,40.0 C59.999,41.104 59.104,42.0 57.999,42.0 L2.0,42.0 C0.895,42.0 0.0,41.104 0.0,40.0 C0.0,38.895 0.895,37.999 2.0,37.999 Z"/><path fill-rule="evenodd"  fill="rgb(240, 80, 73)" d="M2.0,45.999 L37.999,45.999 C39.104,45.999 39.999,46.895 39.999,48.0 C39.999,49.104 39.104,50.0 37.999,50.0 L2.0,50.0 C0.895,50.0 0.0,49.104 0.0,48.0 C0.0,46.895 0.895,45.999 2.0,45.999 Z"/></svg>') center center no-repeat;
	background-size:1.25rem;
	opacity:1!important;
}



.ico-gallery {
	background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="60px" height="35px"><path fill-rule="evenodd"  fill="rgb(0, 0, 0)" d="M57.1000,35.000 L2.000,35.000 C0.895,35.000 0.000,34.105 0.000,33.000 L0.000,1.1000 C0.000,0.895 0.895,-0.000 2.000,-0.000 L57.1000,-0.000 C59.105,-0.000 59.1000,0.895 59.1000,1.1000 L59.1000,33.000 C59.1000,34.105 59.105,35.000 57.1000,35.000 ZM57.1000,5.000 L2.000,5.000 L2.000,29.000 L57.1000,29.000 L57.1000,5.000 Z"/></svg>') center center no-repeat;
	background-size:1.25rem;
}

.selected .ico-gallery {
	background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="60px" height="35px"><path fill-rule="evenodd"  fill="rgb(240, 80, 73)" d="M57.1000,35.000 L2.000,35.000 C0.895,35.000 0.000,34.105 0.000,33.000 L0.000,1.1000 C0.000,0.895 0.895,-0.000 2.000,-0.000 L57.1000,-0.000 C59.105,-0.000 59.1000,0.895 59.1000,1.1000 L59.1000,33.000 C59.1000,34.105 59.105,35.000 57.1000,35.000 ZM57.1000,5.000 L2.000,5.000 L2.000,29.000 L57.1000,29.000 L57.1000,5.000 Z"/></svg>') center center no-repeat;
	background-size:1.25rem;
	opacity:1!important;
}

.ico-gallery {
	background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="60px" height="40px"><path fill-rule="evenodd"  fill="rgb(0, 0, 0)" d="M57.1000,39.1000 L2.000,39.1000 C0.895,39.1000 0.000,39.105 0.000,37.1000 L0.000,2.000 C0.000,0.895 0.895,0.000 2.000,0.000 L57.1000,0.000 C59.105,0.000 59.1000,0.895 59.1000,2.000 L59.1000,37.1000 C59.1000,39.105 59.105,39.1000 57.1000,39.1000 ZM54.1000,7.000 L5.000,7.000 L5.000,32.1000 L54.1000,32.1000 L54.1000,7.000 Z"/></svg>') center center no-repeat;
	background-size:1.25rem;
}

.selected .ico-gallery {
	background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="60px" height="40px"><path fill-rule="evenodd"  fill="rgb(240, 80, 73)" d="M57.1000,39.1000 L2.000,39.1000 C0.895,39.1000 0.000,39.105 0.000,37.1000 L0.000,2.000 C0.000,0.895 0.895,0.000 2.000,0.000 L57.1000,0.000 C59.105,0.000 59.1000,0.895 59.1000,2.000 L59.1000,37.1000 C59.1000,39.105 59.105,39.1000 57.1000,39.1000 ZM54.1000,7.000 L5.000,7.000 L5.000,32.1000 L54.1000,32.1000 L54.1000,7.000 Z"/></svg>') center center no-repeat;
	background-size:1.25rem;
	opacity:1!important;
}

.ico-news {
	background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="32px" height="60px"><path fill-rule="evenodd"  fill="rgb(0, 0, 0)" d="M29.538,0.0 L0.0,30.0 L12.312,30.0 L2.461,59.999 L31.999,30.0 L19.692,30.0 L29.538,0.0 Z"/></svg>') center center no-repeat;
	background-size:1rem 1.75rem;
}

.selected .ico-news {
	background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="32px" height="60px"><path fill-rule="evenodd"  fill="rgb(0, 153, 204)" d="M29.538,0.0 L0.0,30.0 L12.312,30.0 L2.461,59.999 L31.999,30.0 L19.692,30.0 L29.538,0.0 Z"/></svg>') center center no-repeat;
	background-size:1rem 1.75rem;
	opacity:1!important;
}

.selected .ico-news {
	background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="32px" height="60px"><path fill-rule="evenodd"  fill="rgb(240, 80, 73)" d="M29.538,0.0 L0.0,30.0 L12.312,30.0 L2.461,59.999 L31.999,30.0 L19.692,30.0 L29.538,0.0 Z"/></svg>') center center no-repeat;
	background-size:1rem 1.75rem;
	opacity:1!important;
}

.ico-map {
	background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="39px" height="56px"><path fill-rule="evenodd"  fill="rgb(0, 0, 0)" d="M19.500,0.0 C30.269,0.0 39.0,8.765 39.0,19.577 C39.0,30.389 30.269,39.154 19.500,39.154 C8.730,39.154 0.0,30.389 0.0,19.577 C0.0,8.765 8.730,0.0 19.500,0.0 Z"/><path fill-rule="evenodd"  fill="rgb(0, 0, 0)" d="M19.500,55.999 C19.500,55.999 39.0,41.430 39.0,19.577 L0.0,19.577 C0.0,41.430 19.500,55.999 19.500,55.999 Z"/></svg>') center center no-repeat;
	background-size:1rem;
}

.selected .ico-map {
	background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="39px" height="56px"><path fill-rule="evenodd"  fill="rgb(0, 153, 204)" d="M19.500,0.0 C30.269,0.0 39.0,8.765 39.0,19.577 C39.0,30.389 30.269,39.154 19.500,39.154 C8.730,39.154 0.0,30.389 0.0,19.577 C0.0,8.765 8.730,0.0 19.500,0.0 Z"/><path fill-rule="evenodd"  fill="rgb(0, 153, 204)" d="M19.500,55.999 C19.500,55.999 39.0,41.430 39.0,19.577 L0.0,19.577 C0.0,41.430 19.500,55.999 19.500,55.999 Z"/></svg>') center center no-repeat;
	background-size:1rem;
	opacity:1!important;
}

.selected .ico-map {
	background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="39px" height="56px"><path fill-rule="evenodd"  fill="rgb(240, 80, 73)" d="M19.500,0.0 C30.269,0.0 39.0,8.765 39.0,19.577 C39.0,30.389 30.269,39.154 19.500,39.154 C8.730,39.154 0.0,30.389 0.0,19.577 C0.0,8.765 8.730,0.0 19.500,0.0 Z"/><path fill-rule="evenodd"  fill="rgb(240, 80, 73)" d="M19.500,55.999 C19.500,55.999 39.0,41.430 39.0,19.577 L0.0,19.577 C0.0,41.430 19.500,55.999 19.500,55.999 Z"/></svg>') center center no-repeat;
	background-size:1rem;
	opacity:1!important;
}

@media (min-width:720px) {
	#footerbar { display:none; }
}


.countries {
	margin:0 0 2rem;
	list-style-position:inside;
	display:flex;
	flex-wrap:wrap;
	list-style:none;
}

.countries li {
	padding:0.25rem;
	margin:0.25rem;
}

.grunge-23 {
	position:relative;
}

.grunge-23:before {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url(/content/images/32-grunge-light.png) center center no-repeat;
	background-size:cover;
	background-size:100% 100%;
	content:'';
	z-index:1;
}


h1 {
	margin:0 0 2rem;
	font-weight:700;
	text-transform:uppercase;
	
	font-size:2.5rem;
	line-height:2.5rem;
	font-weight:500;
	font-family:"Staatliches";
}

h2 {
	color:#09c;
	margin:0 0 1rem;
	text-transform:uppercase;
	
	font-size:2rem;
	line-height:2rem;
	font-weight:300;
	font-family:"Staatliches";
}

h3 {
	color:#09c;
	color:rgb(60,50,45);
	color:rgb(120,100,90);
	color:rgb(160,150,145);
	color:#afaaa5;
	margin:0 0 1rem;
	text-transform:uppercase;
	letter-spacing:0.05rem;
	
	font-size:1.7rem;
	line-height:2rem;
	font-weight:300;
	font-family:"Staatliches";
}

hr {
	margin:2rem 0;
	border-top:1px solid rgba(0,0,0,0.05);
}

.flx {
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}

.w10 { width:10%; }
.w15 { width:15%; }
.w20 { width:20%; }
.w25 { width:25%; }
.w30 { width:30%; }
.w35 { width:35%; }
.w40 { width:40%; }
.w45 { width:45%; }
.w48 { width:48%; }
.w50 { width:50%; }
.w55 { width:55%; }
.w60 { width:60%; }
.w65 { width:65%; }
.w70 { width:70%; }
.w75 { width:75%; }
.w80 { width:80%; }
.w85 { width:85%; }
.w90 { width:90%; }
.w95 { width:95%; }
.w100 { width:100%; }

@media (max-width:720px) {

	.w10,
	.w15,
	.w20,
	.w25,
	.w30,
	.w35,
	.w40,
	.w45,
	.w48 
	{ width:100%; }
	
	.w55,
	.w60,
	.w65,
	.w70,
	.w75,
	.w80,
	.w85,
	.w90,
	.w95 
	{ width:100%; }
	
}

.tac { text-align:center; }
.tal { text-align:left; }
.tar { text-align:right; }
.taj { text-align:justify; }

.not { pointer-events:none; }

.mauto { margin-left:auto; margin-right:auto; }

.mw100 { max-width:100px; }
.mw200 { max-width:200px; }
.mw300 { max-width:400px; }
.mw400 { max-width:400px; }
.mw500 { max-width:500px; }
.mw600 { max-width:600px; }
.mw700 { max-width:700px; }
.mw800 { max-width:800px; }
.mw900 { max-width:900px; }
.mw1000 { max-width:1000px; }
.mw1100 { max-width:1100px; }
.mw1200 { max-width:1200px; }

.bg-lightgrey {	background:rgba(0,0,0,0.05); }
.bg-lightgrey {	background:rgba(100,120,140,0.1); }
.bg-midblue { background:rgb(100,120,140); }

.p1 { padding:1rem; }
.p2 { padding:2rem; }
.p3 { padding:3rem; }
.p4 { padding:4rem; }
.p5 { padding:5rem; }

.bttn {
	text-decoration:none;
	display:inline-block;
	padding:0.5rem 2rem;
	padding:0.3rem 1rem;
	border-radius:0.25rem;
	font-weight:500;
	transition:100ms;
	
	background:#09c;
	color:#fff;
	
}

.bttn:hover {
	background:#07a;
	background:#07a;
}

.flx {
	display:flex;
	flex-wrap:wrap;
}


#overlay {
	display:block;
	width:100%;
	height:100%;
	top:0;
	left:0;
	position:fixed;
	pointer-events:none;
}

#overlay.active {
	pointer-events:inherit;
}

.logo {
	display:block;
	width:12rem;
	height:4rem;
	background:url(/content/images/ubx.png) center center no-repeat;
	background-size:4.5rem;
	background:url(/content/images/ubx-long.png) center center no-repeat;
	background-size:12rem;
}

/* NAVIGATION */

#mobile-nav,
#mobile-action {
	display:block;
	width:4rem;
	height:4rem;
	color:#fff;
	text-decoration:none;
	position:relative;
	opacity:0.5;
	transition:250ms;
}

#mobile-action {
	background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="52px" height="96px"><path fill-rule="evenodd"  fill="rgb(255, 255, 255)" d="M47.999,0.0 L0.0,48.0 L20.8,48.0 L4.0,95.999 L52.0,48.0 L31.999,48.0 L47.999,0.0 Z"/></svg>') center center no-repeat;
	background-size:1.25rem;
}

#mobile-action:hover {
	opacity:1;
	background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="52px" height="96px"><path fill-rule="evenodd"  fill="rgb(0, 153, 204)" d="M47.999,0.0 L0.0,48.0 L20.8,48.0 L4.0,95.999 L52.0,48.0 L31.999,48.0 L47.999,0.0 Z"/></svg>') center center no-repeat;
	background-size:1.25rem;
}

#mobile-nav:hover {
	opacity:1;
}

#mobile-nav.active {
	opacity:1;
	background:rgb(50,40,35);
}

#mobile-nav span {
	position:absolute;
	display:block;
	width:calc(100% - 2rem);
	height:0.2rem;
	border-radius:0.25rem;
	background:#fff;
	top:1rem;
	left:1rem;
	transition:250ms;
}

#mobile-nav span:nth-of-type(2) {
	top:1.5rem;
	left:1rem;
}

#mobile-nav span:nth-of-type(3) {
	top:2rem;
	left:1rem;
}

#mobile-nav.active span {
	background:#f62;
	background:#09c;
}

#mobile-nav.active span:nth-of-type(1) {
	transform:rotate(45deg);
	top:1.5rem;
}

#mobile-nav.active span:nth-of-type(2) {
	transform:scale(0);
}

#mobile-nav.active span:nth-of-type(3) {
	top:1.5rem;
	transform:rotate(-45deg);
}

#mobile-nav strong {
	letter-spacing:0.05rem;
	font-size:0.6rem;
	line-height:1rem;
	top:2.5rem;
	width:100%;
	text-align:center;
	position:absolute;
	text-transform:uppercase;
	font-weight:400;
}

header nav {
	position:absolute;
	top:4rem;
	height:0;
	overflow:hidden;
}

header nav.active {
	height:inherit;
	width:100%;
}


@media (max-width:1030px) {

	#navi {
		position:absolute;
		display:block;
		top:0;
		left:0;
		width:100%;
		padding:2rem;
		background:rgb(50,40,35);
		list-style:none;
		z-index:2;
	}

	header nav.active #navi {
		position:relative;
	}

	#navi > li {

	}

	#navi > li > a {
		display:block;
		padding:0.5rem 0;
		border-bottom:1px solid rgba(255,255,255,0.1);
		text-decoration:none;
		font-weight:500;
		color:rgba(255,255,255,0.5);	
		opacity:0;
		transform:scale(1.2) translateY(2rem);
		transition:500ms;
	}

	#navi > li > a:hover {
		color:rgba(255,255,255,1);
	}

	#navi.active li a {
		transform:none;
		opacity:1;
	}

	#navi li a {
		transition-delay:0;
	}

	#navi.active li:nth-of-type(1) a { transition-delay:100ms; }
	#navi.active li:nth-of-type(2) a { transition-delay:200ms; }
	#navi.active li:nth-of-type(3) a { transition-delay:300ms; }
	#navi.active li:nth-of-type(4) a { transition-delay:400ms; }
	#navi.active li:nth-of-type(5) a { transition-delay:500ms; }
	#navi.active li:nth-of-type(6) a { transition-delay:600ms; }
	#navi.active li:nth-of-type(7) a { transition-delay:700ms; }
	#navi.active li:nth-of-type(8) a { transition-delay:800ms; }
	#navi.active li:nth-of-type(9) a { transition-delay:900ms; }

}


@media (min-width:1032px) {
	
	header {
		flex-wrap:wrap;
	}
	
	#mobile-nav,
	#mobile-action {
		display:none;
	}
	
	.logo {
		display:block;
		margin:auto;
		width:100%;
	}

	header nav {
		width:100%;
		position:relative;
		top:0;
		height:inherit;
		overflow:hidden;
		display:block;
	}
	
	#navi {
		width:100%;
		position:relative;
		display:flex;
		list-style:none;
		justify-content:center;
	}
	
	#navi li a {
		display:block;
		text-decoration:none;
		color:rgba(255,255,255,0.5);
		padding:1rem;
		font-weight:500;
		transition:100ms;
	}

	#navi > li > a:hover,
	#navi > li.selected > a {
		color:rgba(255,255,255,1);
	}
}


/* NAVIGATION END */

/* START */

#slider {
	height:100%;
	height:90vh;
	max-height:90vh;
	height:80vh;
	max-height:80vh;
	overflow:hidden;
	margin:-4rem 0 2rem;
	margin:-5rem 0 2rem;
}

.swiper {
	width:100%;
	height:100vh;
	height:calc(100vh + 0rem);
	height:100vh;
	position:relative;
	background:rgb(60,50,45);
	
	max-width:100vw;
	max-height:90vh;
}

.swiper-button-prev,
.swiper-button-next {
	display:none!important;
}

@media (min-width:1031px) {

	#slider {
		margin:-8rem 0 2rem;
		margin:-9rem 0 2rem;
		position:relative;
		height:90vh;
		max-height:90vh;
	}

	.swiper {
		height:calc(100vh + 0rem);
		xmargin:-8rem 0 2rem;
		position:relative;

		xmax-width:100vw;
		xmax-height:90vh;
	}

	.swiper-button-prev,
	.swiper-button-next {
		display:block!important;
	}
	
}

.swiper:before {
	position:absolute;
	display:block;
	top:0;
	left:0;
	width:100%;
	height:10rem;
	background:rgba(0,0,0,0.25);
	background:linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
	content:"";
	z-index:10;
}

.swiper-slide {
	text-align:center;
	font-size:18px;
}

.swiper-slide img {
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;

	filter:none;
	opacity:1;
}


.swiper-slide p {
	position:absolute;
	margin:0;
	left:10%;
	right:10%;
	bottom:3rem;
	z-index:100;
	transform:translate(0);
	color:#fff;
}

.swiper-slide span {
	display:inline-block;
}

.swiper-slide strong {
	font-family:"Staatliches", sans-serif;
	font-weight:300;
	font-size:2rem;
	line-height:2rem;
	margin:0 0 0.25rem;
	display:block;
	background:rgba(0,0,0,0.2);
	padding:0.1rem;
}

.swiper-slide small {
	display:block;
	font-size:1.2rem;
	line-height:1.5rem;
	opacity:0.75;
}

.swiper-slide small:before {
	content:'– ';
}

.swiper-slide small:after {
	content:' –';
}







#intro {
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	padding:0 2rem;
}

#intro p {
	margin:0 0 1rem;
}

@media (min-width:720px) {
	#intro {
		display:flex;
		justify-content:space-between;
		flex-wrap:wrap;
		padding:0 2rem;
	}

	#intro p {
		width:48%;
		text-align:justify;
	}
}

@media (min-width:1032px) {
	.start-boxes {
		padding:0;
	}
}

.start-boxes {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	list-style:none;
	margin:0 0 2rem;
	text-align:center;
}

.start-boxes li {
	width:100%;
	margin:0 0 2rem;
}

.start-boxes a {
	padding:2rem;
	display:block;
	text-decoration:none;
	color:inherit;
}

@media (min-width:720px) {
	.start-boxes li {
		width:32%;
	}
}

@media (min-width:1032px) {
	.start-boxes {
		padding:0;
		text-align:left;
	}
}

.start-boxes strong {
	display:block;
	font-size:1.2rem;
	line-height:1.5rem;
	margin:0 0 1rem;
	text-transform:uppercase;
}

.start-boxes strong span {
	display:inline-block;
	font-size:1.2rem;
	line-height:1.5rem;
	color:#f62;
	color:#09c;
	margin:0;
}

.start-boxes span {
	display:block;
	margin:0 0 0.5rem;
	margin:0 0 1.5rem;
}

.start-boxes em {
	display:inline-block;
	font-style:normal;
	padding:0.3rem 1rem;
	border-radius:0.25rem;
	font-weight:500;
	transition:100ms;
	background:#ddd;
	color:#aaa;
	
	background:#09c;
	color:#fff;
	
}

.start-boxes em:hover {
	background:#ddd;
	xcolor:#aaa;
	
	background:#07a;
	background:#07a;
}

.partner {
	display:flex;
	flex-wrap:wrap;
	list-style:none;
	justify-content:center;
	align-items:stretch;
	align-content:stretch;
	padding:3rem 2rem;
	margin:0;
}

.partner li {
	display:flex;
	justify-content:center;
	width:200px;
	max-width:30%;
}

.partner a {
	text-align:center;
	display:block;
	padding:1rem;
	color:#000;
	text-decoration:none;
	font-size:0.5rem;
	line-height:0.5rem;
	text-align:center;
	transition:250ms;
	opacity:0.25;
}

.partner a:hover {
	opacity:0.5;
}

.partner strong {
	display:block;
	transform:scale(1);
	transition:250ms;
	opacity:0;
}

.partner a:hover strong {
	transform:scale(1.5,1.5);
	opacity:1;
}

.partner img {
	display:block;
	transition:250ms;
	width:100%;
	max-width:125px;
	height:auto;
	margin:0 0 0.5rem;
}

/* START END */

.posts {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}

.posts p {
	margin:0 0 2rem;
	padding:0 0 2rem;
	border-bottom:1px solid rgba(0,0,0,0.1);
}

@media (min-width:720px) {
	
	.posts p {
		width:48%;
	}
	
}

.posts a {
	display:block;
	text-decoration:none;
	color:inherit;
	display:flex;
	flex-wrap:wrap;
	border-radius:0.5rem;
	overflow:hidden;
}

.posts small {
	font-size:inherit;
	line-height:inherit;
	display:block;
	width:100%;
}

.posts a > strong {
	display:block;
	width:100%;
	font-size:1.2em;
	transition:250ms;
	margin:0 0 0.5rem;
}

.posts a:hover > strong {
	color:#09c;
}

.posts em {
	position:relative;
	display:block;
	margin:0 0 0.5rem;
}

.posts em:before {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url(/content/images/32-grunge-light.png) center center no-repeat;
	background-size:contain;
	background-size:100% 100%;
	content:'';
	z-index:1;
}

.posts.post-start p {
	width:100%;
}

.posts.post-start em:before {
	background:url(/content/images/32-grunge-start.png) center center no-repeat;
	background-size:100% 100%;
}

.posts img {
	display:block;
	width:100%;
	height:auto;
	transition:250ms;
	
	xbackground:rgb(60,50,45);
	xopacity:0.8;
	filter:sepia(0.2) saturate(1.2);
}

.posts a:hover img {
	opacity:0.9;
}

.posts a > span {
	display:block;
	font-size:0.9rem;
	line-height:1.2rem;
	width:100%;
}

article {
	max-width:1000px;
	padding:2rem 2rem;
	background:#fff;
	margin:auto;
	hyphens:auto;
	display:flex;
	flex-wrap:wrap;
}

article h1 {
	margin:0 0 1rem;
	font-size:1.5rem;
	line-height:1.8rem;
	font-weight:700;
	text-transform:uppercase;
	
	font-size:2.5rem;
	line-height:2.5rem;
	font-weight:500;
	width:100%;
	order:1;
}

article h1 a {
	display:block;
	text-decoration:none;
	color:inherit;
}

article h2 {
	margin-top:3rem;
}

article h3 {
	margin-top:3rem;
}

.date-location {
	display:flex;
	opacity:0.5;
	font-size:0.9rem;
	line-height:1.5rem;
	font-weight:600;
	margin:0 0 1rem;
	transition:250ms;
	width:100%;
	order:3;
}

.date-location:hover {
	opacity:0.8;
}

.date-location p {
	margin:0 1rem 0 0;
	display:flex;
	align-items:center;
	
}

.date-location > *:first-child {
	margin:0 0.5rem 0 0;
	padding:0 0.5rem 0 0;
	border-right:1px solid rgba(0,0,0,0.5);
}

.ico-time {
	
	
	
	background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="60px" height="35px"><path fill-rule="evenodd"  fill="rgb(240, 80, 73)" d="M57.1000,35.000 L2.000,35.000 C0.895,35.000 0.000,34.105 0.000,33.000 L0.000,1.1000 C0.000,0.895 0.895,-0.000 2.000,-0.000 L57.1000,-0.000 C59.105,-0.000 59.1000,0.895 59.1000,1.1000 L59.1000,33.000 C59.1000,34.105 59.105,35.000 57.1000,35.000 ZM57.1000,5.000 L2.000,5.000 L2.000,29.000 L57.1000,29.000 L57.1000,5.000 Z"/></svg>') center center no-repeat;
	background-size:1.25rem;
	
	background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="52px" height="52px"><circle cx="26" cy="26" r="24" fill="#fff" stroke="#000" style="stroke-miterlimit:10;stroke-width:4px"/><polygon points="26 26 21 26 21 11 26 11 26 26" fill="#000"/><polygon points="21 31 21 26 40 26 40 31 21 31" fill="#000"/></svg>') center center no-repeat;
	background-size:1.25rem;
	opacity:1!important;
}

.ico-time,
.ico-location {
	display:inline-block;
	width:1rem;
	height:1rem;
	margin:0 0.25rem 0 0;
	margin:-0.1rem 0.25rem 0 0;
}

.ico-location {
	margin:0;
}

article p {
	margin:0 0 1rem;
}

.a-image {
	display:block;
	position:relative;
	width:calc(100% + 4rem);
	margin:0 -2rem 1rem;
	background:rgb(60,40,30);
	background:rgb(60,50,45);
	order:2;
}

.a-image:before {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url(/content/images/32-grunge-white.png) center center no-repeat;
	background-size:cover;
	background-size:100% 100%;
	content:'';
	z-index:1;
}

.a-image img {
	display:block;
	width:100%;
	
	opacity:0.8;
	filter:sepia(0.2) saturate(1.2);
}

.a-teaser {
	width:100%;
	order:4;
}

.a-text {
	width:100%;
	order:5;
}

.tags {
	order:6;
	display:flex;
	flex-wrap:wrap;
	margin:2rem 0;
	list-style:none;
}

.tags li {
	margin:0 0.2rem 0.5rem;
}

.tags a {
	display:block;
	padding:0.25rem 0.5rem;
	padding:0.3rem 0.5rem 0.2rem;
	border-radius:0.25rem;
	font-size:1rem;
	background:#09c;
	color:#fff;
	text-decoration:none;
}

.tags a:hover {
	background:#07a;
}

@media (min-width:720px) {

	.tags a {
		padding:0.5rem 1rem;
		padding:0.6rem 1rem 0.4rem;
	}
}

.gallery {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	margin:0 0 2rem;
}

.gallery a {
	display:block;
	width:32%;
	margin:0 0 1rem;
	position:relative;
}

.gallery a:before {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url(/content/images/32-grunge-white.png) center center no-repeat;
	background-size:contain;
	background-size:100% 100%;
	content:'';
	z-index:1;
}

.gallery a:nth-of-type(2n):before {
	transform:rotate(180deg);
}

.gallery a img {
	display:block;
	width:100%;
	height:auto;
	border-radius:0.5rem;
}

.gallery > img {
	display:block;
	width:100%;
	height:auto;
	border-radius:0.5rem;
	width:32%;
	margin:0 0 1rem;
}

.ytb {
	position:relative;
	background:rgba(0,0,0,0.2);
	margin:2rem -2rem;
	width:calc(100% + 4rem);
	padding:0 2rem 56.5%;
	padding:0 0 56.5%;
	padding-bottom:calc(56.5% + 2rem);
}

.ytb iframe {
	position:absolute;
	width:calc(100% - 4rem);
	width:100%;
	height:100%;
	margin:0 0 2rem;
}

@media (min-width:1032px) {
	
	article h1 { order:1; }
	.date-location { order:2; }
	.a-teaser { order:3; }
	.a-image { order:4; }
	
	article {
		max-width:1000px;
		padding:2rem 2rem;
		padding:4rem 10rem;
	}
	
	.a-teaser {
		margin:0 0 2rem;
	}

	.a-image {
		display:block;
		width:calc(100% + 16rem);
		margin:0 -8rem 2rem;
		filter:none;
		position:relative;
		overflow:hidden;
	}
	
	.a-image img {
		margin:-3rem 0 -1rem;
	}

	.ytb {
		margin:4rem -10rem;
		width:calc(100% + 20rem);
		padding:0 10rem 56.5%;
	}

	.ytb iframe {
		position:absolute;
		width:100%;
		width:calc(100% - 20rem);
		height:100%;
		margin:0 0 2rem;
	}
	
}




#storytime {
	list-style:none;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	margin:0 0 2rem;
	
	width:calc(100% + 2rem);
	margin:0 -1rem 2rem;
}

#storytime li {
	width:100%;
	display:flex;
	flex-wrap:wrap;
	margin:0 0 2rem;
	align-content:flex-start;
}

#storytime li > a {
	display:block;
	width:90%;
	position:relative;
	overflow:hidden;
}

#storytime li > a:before {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	content:'';
	background:linear-gradient(70deg, rgba(255,255,255,0) 30%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 70%);
	opacity:0;
	transform:translateX(-100%);
	transition:250ms;
	z-index:1;
}

#storytime li > a:hover:before {
	animation-name:lighting;
	animation-iteration-count:infinite;
	animation-duration:1500ms;
	opacity:0.25;
}

@keyframes lighting {
	0% { transform:translateX(-100%); }
	100% { transform:translateX(100%); }
}

#storytime li > a:after {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url("https://peterknabe.com/files/fx-dots.png") top center no-repeat;
	background-size:cover;
	content:'';
	opacity:0.8;
	z-index:2;
}

#storytime img {
	display:block;
	width:100%;
	height:auto;
	transition:250ms;
}

#storytime li > a:hover {
	transition:500ms!important;
	transform:scale(0.98)!important;
	box-shadow:0 0.5rem 0.5rem rgba(0,0,0,0.25);
}

#storytime a:hover img {
	opacity:0.95;
}

#storytime span {
	display:block;
	width:90%;
	padding:1rem;
	padding:1.5rem;
	position:relative;
	z-index:2;
	color:#fff;
	margin:-2rem 0 0 10%;
}

#storytime span * {
	position:relative;
	z-index:1;
}

#storytime span:before {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.25);
	content:'';
}

#storytime strong {
	display:block;
	margin:0 0 0.25rem;
	text-transform:uppercase;
	font-size:1.2rem;
	line-height:1.4rem;
}

#storytime em {
	display:block;
	font-size:0.8rem;
	line-height:1.2rem;
	font-family:serif;
	color:rgba(255,255,255,0.7);
}

#storytime em a {
	color:#fff;
	text-decoration:underline;
	display:inline-block;
	padding:0.25rem 0;
}

#storytime em a:hover {
	color:#ff0;
}


@media (min-width:720px) {
	
	#storytime {
		width:calc(100% + 4rem);
		width:calc(100% + 14rem);
		margin:0 0 0 -5rem;
	}

	#storytime li {
		xwidth:49%;
		align-items:center;
		margin:0 0 5rem;
	}
	
	#storytime li > a {
		width:60%;
		border:0.5rem solid #fff;
		box-shadow:0 1rem 2rem rgba(0,0,0,0.2);
	}

	#storytime li span {
		width:40%;
		margin:0 0 0 -4rem;
		padding:3rem 2rem;
	}
	
	#storytime li:nth-of-type(2n) > a {
		order:2;
	}

	#storytime li:nth-of-type(2n) span {
		order:1;
		margin:0 -4rem 0 0;
	}

	#storytime em {
		font-size:1rem;
		line-height:1.2rem;
	}

}

#storytime li > a {
	opacity:0.02;
	transform:scale(0.8);
	transition:500ms;
	transition-delay:500ms;
}

#storytime li.active > a {
	opacity:1;
	transform:none;
}

#storytime span {
	transform:translateY(200px);
	transition-delay:1000ms;
	transition:2000ms;
}

#storytime .active span {
	opacity:1;
	transform:none;
}



#bestof {
	margin:0 0 4rem;
	list-style:none;
	counter-reset:bestof;
}

#bestof li {
	display:block;
	margin:2.5rem 0 5rem;
	position:relative;
	padding:3rem 0 2rem;
	border-top:1px solid rgba(0,0,0,0.1);
	border-top:2px solid #667780;
	border-top:1px solid #8899a0;
}

#bestof li:before {
	position:absolute;
	counter-increment:bestof;
	content:counter(bestof) '.';
	content:counter(bestof);
	
	bottom:2rem;
	left:2rem;
	font-size:5rem;
	line-height:5rem;
	color:rgba(255,255,255,0.5);
	font-family:"Overpass";
	font-weight:700;
	
	width:8rem;
	text-align:right;
	color:#667780;
	color:#8899a0;
	color:#09c;
	left:-9rem;
	
	background:#fff;
	text-align:center;
	left:0;
	width:100%;
	width:8rem;
	margin:auto;
	left:0;
	right:0;
	top:-2.5rem;
	bottom:inherit;
}



.ticker {
	display:block;
	list-style:none;
	width:100%;
	margin:0 0 2rem;
	padding:2rem;
	background:rgba(100,120,140,0.05);
	position:relative;
	overflow:hidden;
}

.ticker:before {
	position:absolute;
	content:'';
	width:15rem;
	height:9rem;
	bottom:5rem;
	right:0;
	background:url("/content/partner/ubexpedition.png") center center no-repeat;
	background-size:contain;
	transform:rotate(-17deg);
	pointer-events:none;
	opacity:0.05;
}

.ticker li {
	margin:0 0 1rem;
	padding:0 0 1rem;
	border-bottom:1px dashed rgba(0,0,0,0.2);
}

.ticker li:last-of-type {
	margin:0;
	padding:0;
	border:0;
}

.ticker small {
	display:block;
	color:rgba(0,0,0,0.5);
	font-size:0.8rem;
	line-height:1.2rem;
	margin:0 0 0.25rem;
}

.ticker strong {
	display:block;
	color:#c44;
	color:#000;
	font-size:1.1rem;
	line-height:1.3rem;
	margin:0 0 0.5rem;
	transition:100ms;
}

.ticker span {
	display:block;
}

.ticker-small li:hover {
	cursor:pointer;
}

.ticker-small li:hover strong {
	color:#09c;
}

.ticker-small span {
	overflow:hidden;
	max-height:0;
	opacity:0;
	transition:250ms;
}

.ticker-small .active span {
	opacity:1;
	max-height:12rem;
}

.about {
	background:url(/content/images/about.png) top center no-repeat;
	background-size:100%;
}

.about .w35 {
	width:100%;
}

.about .w60 {
	width:100%;
}

@media (min-width:720px) {
	
	.about {
		background:url(/content/images/about.png) left 10rem center no-repeat;
		background-size:60%;
	}
	
	.about .w35 {
		width:35%;
	}

	.about .w60 {
		width:60%;
	}
}

img.round {
	display:block;
	border-radius:100rem;
}

img.rounded {
	display:block;
	border-radius:0.5rem;
}

#ukraine {
	display:block;
	position:fixed;
	width:10rem;
	height:3rem;
	background:linear-gradient(#ffd700 50%, #0057b8 50%);
	top:0;
	left:-2.5rem;
	transform:rotate(135deg);
	
	background:linear-gradient(#0057b8 50%, #ffd700 50%);
	top:inherit;
	bottom:0;
	transform:rotate(45deg);
	z-index:4;
}



.mymap-bg {
	background:rgb(100,120,140);
}

.mymap {
	max-width:1000px;
	margin:auto;
	xbackground:#c34;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	overflow:hidden;
}

.mymap img {
	display:block;
	width:100%;
	height:auto;
	pointer-events:none;
	margin:0 0 -15rem;
}

.mymap div {
	backdrop-filter:blur(1px);
	background:rgba(200,220,240,0.8);
	background:rgba(220,230,240,0.8);
	margin:0 0 4rem;
	font-size:0.9rem;
	line-height:1.25rem;
	padding:2rem;
	width:calc(100% - 2rem);
	border-radius:0.5rem;
}

.mymap p:last-of-type {
	margin:0;
}

.mymap table {
	width:100%;
}

@media (min-width:720px) {

	.mymap-bg {
		background:linear-gradient(90deg, rgb(100,120,140) 40%, #d0d5da 40%);
		background:linear-gradient(80deg, rgb(100,120,140) 40%, #d0d5da 40%);
	}

	.mymap {
		max-width:1000px;
		margin:auto;
		xbackground:#c34;
		display:flex;
		justify-content:center;
		align-items:center;
		overflow:hidden;
	}

	.mymap img {
		display:block;
		width:50%;
		width:60%;
		height:50%;
		margin:0;
		margin:-6rem 0 -10rem 0;
		margin:-6rem 0 -10rem 0;
		pointer-events:none;
	}

	.mymap div {
		width:50%;
		width:40%;
		padding:4rem 4rem 4rem 0;
		margin:0;
		background:none;
		font-size:1rem;
		line-height:1.5rem;
	}

	.mymap table {
		width:100%;
	}

}