body {
	margin: 0;
	padding: 0;
	background-position: center top;
	background-color: #0B052A;
	background-repeat: no-repeat;
	background-size: auto;


    background-color: #020516;
}
body.day {
	background-color: #D0D2F7;
}
#masthead {
	z-index: 1100000;
}

.container-wrapper {
    position: relative;
    background-position: center top;
    background-color: #0B052A;
    background-repeat: no-repeat;
    background-size: auto;
    /*aspect-ratio: 1080/6600;*/
}
#wrapper {
	width: 100%;
	max-width: 1080px;
	position: relative;
	margin: 0 auto;
	padding: 0;
    background-repeat: no-repeat;
    background-size: 100% auto;
	aspect-ratio: 1080/6912;
	box-sizing: border-box;
	background-image: 
		url(/img/2024/bg2024-night-mobile1.jpg), 
		url(/img/2024/bg2024-night-mobile2.jpg), 
		url(/img/2024/bg2024-night-mobile3.jpg);
	background-position: 
		center top, 
		center center, 
		center bottom;
}
body.day #wrapper{
	background-image: 
		url(/img/2024/bg2024-day-mobile1.jpg), 
		url(/img/2024/bg2024-day-mobile2.jpg), 
		url(/img/2024/bg2024-day-mobile3.jpg);
}
#tagline {
	position: absolute;
	left: 0;
	top: 5%;
	margin: 0;
	padding: 0 30px;
	z-index: 10;
	width: 100%;
	text-align: center;
	font-size: 1.7em;
	font-family: var(--font-alt), sans-serif;
}
body.day #tagline {
	color: #5F0768;
}
@media screen and (min-width: 1081px) {
	.container-wrapper {
		background-image: 
			url(/img/2024/bg2024-night-desktop1.jpg), 
			url(/img/2024/bg2024-night-desktop2.jpg), 
			url(/img/2024/bg2024-night-desktop3.jpg);
		background-position: 
			center top, 
			center center, 
			center bottom;
    	/*aspect-ratio: 1920/6200;*/
	}
	body.day  .container-wrapper{
		background-image: 
			url(/img/2024/bg2024-day-desktop1.jpg), 
			url(/img/2024/bg2024-day-desktop2.jpg), 
			url(/img/2024/bg2024-day-desktop3.jpg);
	}
	#wrapper {
		background-image: none !important;
		margin-top: -300px;
	}
	#tagline {
		top: 7%;
	}
}
#wrapper-inner {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
	aspect-ratio: 1080/6912;
	box-sizing: border-box;
}
.window {
	position: absolute;
	width: 17.7%;
	aspect-ratio: 188/235;
	perspective: 900px;
	border: 1px dashed rgba(255,255,255,0.75);
	border-radius: 3px;
}
.thumbnail {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	background-size: cover;
	background-position: center center;
	background-color: rgba(0,0,0,0.75);
}
.thumbnail:after {
	display: none;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: .5em;
	margin: 0;
	padding: .3em .8em;
	border-radius: 1.5em;
	font-weight: 900;
	color: #FFF;
}
.window.live .thumbnail:after {
	content:'LIVE';
	display: block;
	background-color: #F90070;
	font-size: 0.78em;
}
.window.offline .thumbnail:after {
	content:'OFFLINE';
	display: block;
	background-color: rgba(96, 8, 106, 0.3);
	border: 1px solid #60086A;
	font-size: 0.6428em;
}

.thumbnail.zoom {
	transition: all .5s ease-out;
	transform: scale(15);
	transform-origin: center center;
	z-index: 1000;
}
.shutter {
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	transform-style: preserve-3d;
	transform-origin: right;
	transition: all .5s ease-in-out;
	cursor: zoom-in;
}
.window.open .shutter {
	transform: rotateY(100deg);
	cursor: zoom-out;
}
.shutter .panel {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
/*.shutter-back {
	backface-visibility: hidden;
	transform: rotateY(180deg);
	background-image: url(/img/shutters/shutter-back.jpg);
	background-size: cover;
	background-position: center center;
}*/
.shutter-front {
	/*backface-visibility: hidden;*/
	background-size: cover;
	background-position: center center;
	background-color: #090634;
}
.shutter-dashes {
	backface-visibility: hidden;
	transform: rotateY(180deg);
	border: 1px dashed rgba(255,255,255,0.75);
}
.shutter-number span {
	display: block;
	position: absolute;
	right: 5px;
	top: 5px;
	/*left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);*/
	background: rgba(255,255,255,1);
	font-size: 1.3rem;
	color: #030514;
	text-align: center;
	line-height: 2rem;
	width: 1.8rem;
	height: 1.8rem;
	border-radius: 100%;
	font-family: var(--font-alt2), sans-serif;
}
#cache {
	position: fixed;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	box-sizing: border-box;
	background-color: #030514;
	background-image: url(/img/bg-2022a@2x.png);
	background-size: cover;
	background-position: top center;
	z-index: 11000000;
}
body.day #cache {
	background-color: #D0D2F7;
	background-image: url(/img/bg-2022a@2x-day.jpg);
}
#cache .loader {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 80px;
	max-width: 10%;
}
#cache .loader.zoom {
	transition: all 5s ease-out;
	transform: translate(-50%,-50%) scale(2) rotate(-30deg);
	transform-origin: center center;
	opacity: 0.5;
}
#snow {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100vh;
	box-sizing: border-box;
	z-index: 100000000;
	pointer-events: none;
	transform-origin: center center;
}
#snow.zoom1 {
	transition: all .25s ease-in;
	transform: scale(3);
	transform-origin: center center;
	opacity: 0.33;
}
#snow.zoom2 {
	transition: all .25s ease-in;
	transform: scale(10);
	transform-origin: center center;
}
#day {
	position: fixed;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	box-sizing: border-box;
	background-color: #0B052A;
	display: none;
	z-index: 10000000;
	transform: scale(10);
	transform-origin: center center;
	display: none;
	opacity: 0;
}
#day.unzoom {
	transition: all .25s ease-out;
	transform: scale(1);
	opacity: 1;
}
#day.unzoommore {
	transition: all .2s ease-in;
	transform: scale(0.1);
	opacity: 0;
}

.window {
	--topPos : 0;
	--leftPos : 0;
	top: calc( (100% * var(--topPos)) / 6912) ;
	left: calc( (100% * var(--leftPos)) / 1080) ;
}
#window-1 { --leftPos : 424;--topPos : 573;}
#window-2 { --leftPos : 188;--topPos : 1052; }
#window-3 { --leftPos : 656;--topPos : 1051; }
#window-4 { --leftPos : 163;--topPos : 1419; }
#window-5 { --leftPos : 632;--topPos : 1405; }
#window-6 { --leftPos : 632;--topPos : 1668; }
#window-7 { --leftPos : 402;--topPos : 1865; }
#window-8 { --leftPos : 470;--topPos : 2191; }
#window-9 { --leftPos : 153;--topPos : 2671; }

#window-10 { --leftPos : 362;--topPos : 2603;  }
#window-11 { --leftPos : 588;--topPos : 2573;  }
#window-12 { --leftPos : 170;--topPos : 2960; }
#window-13 { --leftPos : 429;--topPos : 2922; }
#window-14 { --leftPos : 658;--topPos : 2884; }
#window-15 { --leftPos : 282;--topPos : 3458; }
#window-16 { --leftPos : 587;--topPos : 3457; }
#window-17 { --leftPos : 658;--topPos : 3907;  }
#window-18 { --leftPos : 47;--topPos : 4176; }
#window-19 { --leftPos : 142;--topPos : 4636; }
#window-20 { --leftPos : 375;--topPos : 4600; }
#window-21 { --leftPos : 631;--topPos : 4567; }
#window-22 { --leftPos : 123;--topPos : 5156; }
#window-23 { --leftPos : 375;--topPos : 5183; }
#window-24 { --leftPos : 588;--topPos : 5198; }
#window-25 { --leftPos : 424;--topPos : 5777; }

#window-1 .shutter-front { background-image: url(/img/2024/shutters/night/shutter-1-mobile.jpg); }
#window-2 .shutter-front { background-image: url(/img/2024/shutters/night/shutter-2-mobile.jpg); }
#window-3 .shutter-front { background-image: url(/img/2024/shutters/night/shutter-3-mobile.jpg); }
#window-4 .shutter-front { background-image: url(/img/2024/shutters/night/shutter-4-mobile.jpg); }
#window-5 .shutter-front { background-image: url(/img/2024/shutters/night/shutter-5-mobile.jpg); }
#window-6 .shutter-front { background-image: url(/img/2024/shutters/night/shutter-6-mobile.jpg); }
#window-7 .shutter-front { background-image: url(/img/2024/shutters/night/shutter-7-mobile.jpg); }
#window-8 .shutter-front { background-image: url(/img/2024/shutters/night/shutter-8-mobile.jpg); }
#window-9 .shutter-front { background-image: url(/img/2024/shutters/night/shutter-9-mobile.jpg); }
#window-10 .shutter-front { background-image: url(/img/2024/shutters/night/shutter-10-mobile.jpg); }
#window-11 .shutter-front { background-image: url(/img/2024/shutters/night/shutter-11-mobile.jpg); }
#window-12 .shutter-front { background-image: url(/img/2024/shutters/night/shutter-12-mobile.jpg); }
#window-13 .shutter-front { background-image: url(/img/2024/shutters/night/shutter-13-mobile.jpg); }
#window-14 .shutter-front { background-image: url(/img/2024/shutters/night/shutter-14-mobile.jpg); }
#window-15 .shutter-front { background-image: url(/img/2024/shutters/night/shutter-15-mobile.jpg); }
#window-16 .shutter-front { background-image: url(/img/2024/shutters/night/shutter-16-mobile.jpg); }
#window-17 .shutter-front { background-image: url(/img/2024/shutters/night/shutter-17-mobile.jpg); }
#window-18 .shutter-front { background-image: url(/img/2024/shutters/night/shutter-18-mobile.jpg); }
#window-19 .shutter-front { background-image: url(/img/2024/shutters/night/shutter-19-mobile.jpg); }
#window-20 .shutter-front { background-image: url(/img/2024/shutters/night/shutter-20-mobile.jpg); }
#window-21 .shutter-front { background-image: url(/img/2024/shutters/night/shutter-21-mobile.jpg); }
#window-22 .shutter-front { background-image: url(/img/2024/shutters/night/shutter-22-mobile.jpg); }
#window-23 .shutter-front { background-image: url(/img/2024/shutters/night/shutter-23-mobile.jpg); }
#window-24 .shutter-front { background-image: url(/img/2024/shutters/night/shutter-24-mobile.jpg); }
#window-25 .shutter-front { background-image: url(/img/2024/shutters/night/shutter-25-mobile.jpg); }
body.day #window-1 .shutter-front { background-image: url(/img/2024/shutters/day/shutter-1-mobile.jpg); }
body.day #window-2 .shutter-front { background-image: url(/img/2024/shutters/day/shutter-2-mobile.jpg); }
body.day #window-3 .shutter-front { background-image: url(/img/2024/shutters/day/shutter-3-mobile.jpg); }
body.day #window-4 .shutter-front { background-image: url(/img/2024/shutters/day/shutter-4-mobile.jpg); }
body.day #window-5 .shutter-front { background-image: url(/img/2024/shutters/day/shutter-5-mobile.jpg); }
body.day #window-6 .shutter-front { background-image: url(/img/2024/shutters/day/shutter-6-mobile.jpg); }
body.day #window-7 .shutter-front { background-image: url(/img/2024/shutters/day/shutter-7-mobile.jpg); }
body.day #window-8 .shutter-front { background-image: url(/img/2024/shutters/day/shutter-8-mobile.jpg); }
body.day #window-9 .shutter-front { background-image: url(/img/2024/shutters/day/shutter-9-mobile.jpg); }
body.day #window-10 .shutter-front { background-image: url(/img/2024/shutters/day/shutter-10-mobile.jpg); }
body.day #window-11 .shutter-front { background-image: url(/img/2024/shutters/day/shutter-11-mobile.jpg); }
body.day #window-12 .shutter-front { background-image: url(/img/2024/shutters/day/shutter-12-mobile.jpg); }
body.day #window-13 .shutter-front { background-image: url(/img/2024/shutters/day/shutter-13-mobile.jpg); }
body.day #window-14 .shutter-front { background-image: url(/img/2024/shutters/day/shutter-14-mobile.jpg); }
body.day #window-15 .shutter-front { background-image: url(/img/2024/shutters/day/shutter-15-mobile.jpg); }
body.day #window-16 .shutter-front { background-image: url(/img/2024/shutters/day/shutter-16-mobile.jpg); }
body.day #window-17 .shutter-front { background-image: url(/img/2024/shutters/day/shutter-17-mobile.jpg); }
body.day #window-18 .shutter-front { background-image: url(/img/2024/shutters/day/shutter-18-mobile.jpg); }
body.day #window-19 .shutter-front { background-image: url(/img/2024/shutters/day/shutter-19-mobile.jpg); }
body.day #window-20 .shutter-front { background-image: url(/img/2024/shutters/day/shutter-20-mobile.jpg); }
body.day #window-21 .shutter-front { background-image: url(/img/2024/shutters/day/shutter-21-mobile.jpg); }
body.day #window-22 .shutter-front { background-image: url(/img/2024/shutters/day/shutter-22-mobile.jpg); }
body.day #window-23 .shutter-front { background-image: url(/img/2024/shutters/day/shutter-23-mobile.jpg); }
body.day #window-24 .shutter-front { background-image: url(/img/2024/shutters/day/shutter-24-mobile.jpg); }
body.day #window-25 .shutter-front { background-image: url(/img/2024/shutters/day/shutter-25-mobile.jpg); }
@media screen and (min-width: 1081px) {
	#window-1 .shutter-front { background-image: url(/img/2024/shutters/night/shutter-1-laptop.jpg); }
	#window-2 .shutter-front { background-image: url(/img/2024/shutters/night/shutter-2-laptop.jpg); }
	#window-3 .shutter-front { background-image: url(/img/2024/shutters/night/shutter-3-laptop.jpg); }
	#window-4 .shutter-front { background-image: url(/img/2024/shutters/night/shutter-4-laptop.jpg); }
	#window-5 .shutter-front { background-image: url(/img/2024/shutters/night/shutter-5-laptop.jpg); }
	#window-6 .shutter-front { background-image: url(/img/2024/shutters/night/shutter-6-laptop.jpg); }
	#window-7 .shutter-front { background-image: url(/img/2024/shutters/night/shutter-7-laptop.jpg); }
	#window-8 .shutter-front { background-image: url(/img/2024/shutters/night/shutter-8-laptop.jpg); }
	#window-9 .shutter-front { background-image: url(/img/2024/shutters/night/shutter-9-laptop.jpg); }
	#window-10 .shutter-front { background-image: url(/img/2024/shutters/night/shutter-10-laptop.jpg); }
	#window-11 .shutter-front { background-image: url(/img/2024/shutters/night/shutter-11-laptop.jpg); }
	#window-12 .shutter-front { background-image: url(/img/2024/shutters/night/shutter-12-laptop.jpg); }
	#window-13 .shutter-front { background-image: url(/img/2024/shutters/night/shutter-13-laptop.jpg); }
	#window-14 .shutter-front { background-image: url(/img/2024/shutters/night/shutter-14-laptop.jpg); }
	#window-15 .shutter-front { background-image: url(/img/2024/shutters/night/shutter-15-laptop.jpg); }
	#window-16 .shutter-front { background-image: url(/img/2024/shutters/night/shutter-16-laptop.jpg); }
	#window-17 .shutter-front { background-image: url(/img/2024/shutters/night/shutter-17-laptop.jpg); }
	#window-18 .shutter-front { background-image: url(/img/2024/shutters/night/shutter-18-laptop.jpg); }
	#window-19 .shutter-front { background-image: url(/img/2024/shutters/night/shutter-19-laptop.jpg); }
	#window-20 .shutter-front { background-image: url(/img/2024/shutters/night/shutter-20-laptop.jpg); }
	#window-21 .shutter-front { background-image: url(/img/2024/shutters/night/shutter-21-laptop.jpg); }
	#window-22 .shutter-front { background-image: url(/img/2024/shutters/night/shutter-22-laptop.jpg); }
	#window-23 .shutter-front { background-image: url(/img/2024/shutters/night/shutter-23-laptop.jpg); }
	#window-24 .shutter-front { background-image: url(/img/2024/shutters/night/shutter-24-laptop.jpg); }
	#window-25 .shutter-front { background-image: url(/img/2024/shutters/night/shutter-25-laptop.jpg); }
	body.day #window-1 .shutter-front { background-image: url(/img/2024/shutters/day/shutter-1-laptop.jpg); }
	body.day #window-2 .shutter-front { background-image: url(/img/2024/shutters/day/shutter-2-laptop.jpg); }
	body.day #window-3 .shutter-front { background-image: url(/img/2024/shutters/day/shutter-3-laptop.jpg); }
	body.day #window-4 .shutter-front { background-image: url(/img/2024/shutters/day/shutter-4-laptop.jpg); }
	body.day #window-5 .shutter-front { background-image: url(/img/2024/shutters/day/shutter-5-laptop.jpg); }
	body.day #window-6 .shutter-front { background-image: url(/img/2024/shutters/day/shutter-6-laptop.jpg); }
	body.day #window-7 .shutter-front { background-image: url(/img/2024/shutters/day/shutter-7-laptop.jpg); }
	body.day #window-8 .shutter-front { background-image: url(/img/2024/shutters/day/shutter-8-laptop.jpg); }
	body.day #window-9 .shutter-front { background-image: url(/img/2024/shutters/day/shutter-9-laptop.jpg); }
	body.day #window-10 .shutter-front { background-image: url(/img/2024/shutters/day/shutter-10-laptop.jpg); }
	body.day #window-11 .shutter-front { background-image: url(/img/2024/shutters/day/shutter-11-laptop.jpg); }
	body.day #window-12 .shutter-front { background-image: url(/img/2024/shutters/day/shutter-12-laptop.jpg); }
	body.day #window-13 .shutter-front { background-image: url(/img/2024/shutters/day/shutter-13-laptop.jpg); }
	body.day #window-14 .shutter-front { background-image: url(/img/2024/shutters/day/shutter-14-laptop.jpg); }
	body.day #window-15 .shutter-front { background-image: url(/img/2024/shutters/day/shutter-15-laptop.jpg); }
	body.day #window-16 .shutter-front { background-image: url(/img/2024/shutters/day/shutter-16-laptop.jpg); }
	body.day #window-17 .shutter-front { background-image: url(/img/2024/shutters/day/shutter-17-laptop.jpg); }
	body.day #window-18 .shutter-front { background-image: url(/img/2024/shutters/day/shutter-18-laptop.jpg); }
	body.day #window-19 .shutter-front { background-image: url(/img/2024/shutters/day/shutter-19-laptop.jpg); }
	body.day #window-20 .shutter-front { background-image: url(/img/2024/shutters/day/shutter-20-laptop.jpg); }
	body.day #window-21 .shutter-front { background-image: url(/img/2024/shutters/day/shutter-21-laptop.jpg); }
	body.day #window-22 .shutter-front { background-image: url(/img/2024/shutters/day/shutter-22-laptop.jpg); }
	body.day #window-23 .shutter-front { background-image: url(/img/2024/shutters/day/shutter-23-laptop.jpg); }
	body.day #window-24 .shutter-front { background-image: url(/img/2024/shutters/day/shutter-24-laptop.jpg); }
	body.day #window-25 .shutter-front { background-image: url(/img/2024/shutters/day/shutter-25-laptop.jpg); }
}

.list-days{
	display:flex;
	flex-wrap:wrap;
	margin:0;
	align-items:center;
}
.list-days li{
	margin-right:40px;
	list-style:none
	
}

.list-days a{
	color:#FFF;
	text-decoration:underline;
}