/* Fonts */

	@font-face {
		font-family: 'DaimlerCS-Demi';
		src: url('../fonts/EOT/DaimlerCS-Demi.eot');
		src: url('../fonts/EOT/DaimlerCS-Demi.eot?#iefix') format('embedded-opentype'),
		url('../fonts/WOFF2/DaimlerCS-Demi.woff2') format('woff2'),
		url('../fonts/WOFF/DaimlerCS-Demi.woff') format('woff'),
		url('../fonts/TTF/DaimlerCS-Demi.ttf') format('truetype'),
		url('../fonts/SVG/DaimlerCS-Demi.svg#daimler_cacregular') format('svg');
		font-weight: normal;
		font-style: normal;
	}

	@font-face {
		font-family: 'DaimlerCS-Light';
		src: url('../fonts/EOT/DaimlerCS-Light.eot');
		src: url('../fonts/EOT/DaimlerCS-Light.eot?#iefix') format('embedded-opentype'),
		url('../fonts/WOFF2/DaimlerCS-Light.woff2') format('woff2'),
		url('../fonts/WOFF/DaimlerCS-Light.woff') format('woff'),
		url('../fonts/TTF/DaimlerCS-Light.ttf') format('truetype'),
		url('../fonts/SVG/DaimlerCS-Light.svg#daimler_cacregular') format('svg');
		font-weight: normal;
		font-style: normal;
	}

	@font-face {
		font-family: 'DaimlerCS-ExtraBold';
		src: url('../fonts/EOT/DaimlerCS-ExtraBold.eot');
		src: url('../fonts/EOT/DaimlerCS-ExtraBold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/WOFF2/DaimlerCS-ExtraBold.woff2') format('woff2'),
		url('../fonts/WOFF/DaimlerCS-ExtraBold.woff') format('woff'),
		url('../fonts/TTF/DaimlerCS-ExtraBold.ttf') format('truetype'),
		url('../fonts/SVG/DaimlerCS-ExtraBold.svg#daimler_cacregular') format('svg');
		font-weight: normal;
		font-style: normal;
	}

	h1, h2, h3 { font-family: 'DaimlerCS-Demi'; }
	h4, h5, p, li, div, form, label, input { font-family: 'DaimlerCS-Light'; }

/* Basic */

	body {
		width: 97.5%;
		height: 97.5vh;
		overflow: hidden;
		font-family: Arial, 'sans-serif';

		background-color: #000;
		display: table;
		margin: 0;
	}

	h1 {
		margin-top: 0;
	}

	h3 {
		color: #fff;
		font-size: 12px;
		font-weight: normal;

		margin: 0;
		padding: 4px 8px;
	} h3.orange {
		background-color: #FF8331;
	} h3.gray {
		background-color: #7A6E69;
	} h3.green {
		background-color: #97C554;
	} h3.red {
		background-color: #C62C2F;
	} h3.blue {
		background-color: #006BBA;
	} h3 a img, .plenary a img {
		width: 17px;
		margin-right: 5px;
		vertical-align: bottom;
	} h3 a img:first-of-type {
		margin-left: 5px;
	} .plenary a img {
		width: 15px;
	}

	img {
		max-width: 100%;
	}

/* Video */

	.video-background {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 1;
	} .video-foreground {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		pointer-events: none;
	} .fluid-width-video-wrapper {
		width: 100%;
		position: relative;
		padding: 0;
	}

	video::-webkit-media-controls-overlay-play-button {
		display: none;
	}

@media(max-aspect-ratio: 16/9) {
	.video-foreground {
		width: 133.3333%;
	}
}  @media screen and (orientation: portrait) {
	.video-foreground {
		width: 233.3333%;
		left: -20%;
	}
}

/* Form */

	form {
		width: 500px;
		padding: 20px;
		overflow: hidden;
		background-color: rgba(255, 255, 255, 0.8);

		animation-name: fadein;
		animation-duration: .3s;
		animation-delay: 7s;
		animation-iteration-count: 1;
		animation-fill-mode: forwards;

		opacity: 0; visibility: hidden;

		position: absolute;
		left: 10%; bottom: 10%;
		z-index: 2;
	} @keyframes fadein {
		from { opacity: 0; visibility: hidden; }
		to { opacity: 1; visibility: visible; }
	}

	label {
		display: block;
		margin: 15px 0 5px;
	}

	input {
		display: block;
		height: 20px;
		padding: 10px 20px;
		font-size: 15px;
	}

	input[type="submit"] {
		width: auto;
		display: inline-block;

		height: 40px;
		line-height: 40px;
		padding-top: 0; padding-bottom: 0;
		margin-top: 5px;

		border: 0;
		border-radius: 3px;

		color: #fff;
		background-color: #000;

		transition: background-color .2s;
	} input[type="submit"]:hover {
		background-color: #555;
	}

/* Plenary */

	.plenary {
		position: absolute;
		width: 100px;
		height: 225px;
		top: 160px;
		left: 280px;
	}

	.plenary div {
		opacity: 0;
		visibility: hidden;
		position: absolute;
		top: -175px; left: -100px;
		z-index: 10;

		width: 300px;
		background-color: #000;
		border: 1px solid #C0C0C0;
	} .plenary:hover div {
		opacity: 1;
		visibility: visible;
	}

	.plenary ul {
		margin: 0;
		padding: 0;
	} .plenary ul li {
		display: block;
		font-size: 12px;
		border-top: 1px solid #C0C0C0;
	} .plenary ul li a {
		color: #fff;
		background-color: #000;
		padding: 10px;
		display: inline-block;
		text-decoration: none;
		transition: all .3s;
	} .plenary ul li a:hover {
		color: #C0C0C0;
	}

/* Spots */

	.background-container {
		width: 100%;
		display: table-cell;
		vertical-align: middle;
	}

	.background {
		width: 1024px;
		height: 567px;
		position: relative;

		margin: 0 auto;

		background-image: url(../img/plan.png);
		background-size: 1024px;
		background-repeat: no-repeat;
		background-position: center center;
	}

	.link {
		width: 55px;
		height: 30px;

		position: absolute;
	}

	.link div {
		opacity: 0;
		visibility: hidden;
		position: absolute;
		top: -50%; left: -50%;
		z-index: 10;

		width: 250px;
		padding: 4px;
		background-color: #000;
	} .link:hover div {
		opacity: 1;
		visibility: visible;
	}

	.link img {
		cursor: pointer;
	}

	#link-1 {
		top: 400px;
		left: 235px;
	} #link-2 {
		top: 432.5px;
		left: 150px;

		width: 35px;
	} #link-3 {
		top: 400px;
		left: 150px;

		width: 35px;
	} #link-4 {
		top: 432.5px;
		left: 185px;

		width: 40px;
	} #link-5 {
		top: 400px;
		left: 185px;

		width: 50px;
	} #link-6 {
		top: 432.5px;
		left: 225px;

		width: 50px;
	} /* #link-7 {
		top: 432.5px;
		left: 225px;

		width: 50px;

		background: rgba(255, 255, 255, 0.75);
	} */ #link-8 {
		top: 432.5px;
		left: 310px;
	} #link-9 {
		top: 400px;
		left: 310px;

		width: 85px;
	} #link-10 {
		top: 400px;
		left: 90px;

		width: 45px;
	} #link-11 {
		top: 432.5px;
		left: 90px;

		width: 45px;
	} #link-12 {
		top: 335px;
		left: 80px;

		width: 30px;
		height: 60px;
	} #link-13 {
		top: 335px;
		left: 115px;

		width: 30px;
		height: 60px;
	} #link-14 {
		top: 220px;
		left: 195px;
	} #link-15 {
		top: 185px;
		left: 85px;
	} #link-16 {
		top: 185px;
		left: 145px;

		width: 40px;
	} #link-17 {
		top: 185px;
		left: 190px;
	} #link-18 {
		top: 220px;
		left: 100px;

		width: 45px;
	} #link-19 {
		top: 220px;
		left: 145px;

		width: 50px;
	} #link-20 {
		top: 120px;
		left: 85px;

		width: 30px;
		height: 45px;
	} #link-21 {
		top: 425px;
		left: 410px;

		width: 30px;
		height: 40px;
	} #link-22 {
		top: 185px;
		left: 410px;

		width: 50px;
	} #link-23 {
		top: 380px;
		left: 535px;

		width: 40px;
		height: 50px;
	} #link-24 {
		top: 430px;
		left: 500px;

		width: 75px;
		height: 40px;
	} #link-25 {
		top: 380px;
		left: 500px;

		width: 40px;
		height: 50px;
	} #link-26 {
		top: 185px;
		left: 465px;
	} #link-27 {
		top: 220px;
		left: 410px;

		width: 50px;
	} #link-28 {
		top: 220px;
		left: 465px;
	} #link-29 {
		top: 310px;
		left: 535px;

		width: 35px;
		height: 50px;
	} #link-30 {
		top: 270px;
		left: 500px;

		width: 70px;
		height: 40px;
	} #link-31 {
		top: 310px;
		left: 500px;

		width: 35px;
		height: 50px;
	} #link-32 {
		top: 425px;
		left: 440px;

		width: 30px;
		height: 40px;
	} #link-33 {
		top: 380px;
		left: 440px;

		width: 30px;
		height: 40px;
	} #link-34 {
		top: 380px;
		left: 410px;

		width: 30px;
		height: 40px;
	}

/* Play Button */

	.play {
		display: block;
		width: 0;
		height: 0;
		border-top: 10px solid transparent;
		border-bottom: 10px solid transparent;
		border-left: 15px solid #fff;
		margin: 25% auto;
		position: absolute;
		z-index: 1;
		box-shadow: 0 0 10px #000;
		background-color: rgba(0,0,0,.33);
		-webkit-transition: all .3s;
		-moz-transition: all .3s;
		transition: all .3s;
		left: 10px;
		right: 0;
		cursor: pointer;
	} .play:before {
		content: '';
		position: absolute;
		top: -17.5px;
		left: -27.5px;
		bottom: -17.5px;
		right: -7.5px;
		border-radius: 50%;
		border: 2px solid #fff;
		z-index: 2;
		box-shadow: 0 0 10px #000;
		transition: all 0.3s;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
	} .play:after {
		content: '';
		opacity: 0;
		-webkit-transition: opacity .6s;
		-moz-transition: opacity .6s;
		transition: opacity .6s;
	}

	.plenary .play {
		display: inline-block;
		position: relative;
		margin: 0 5px;
		left: auto;

		-webkit-transform: scale(.5);
		-moz-transform: scale(.5);
		transform: scale(.5);

		vertical-align: -35%;
	}

	.link:hover .play:before, .play:focus:before {
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
		transform: scale(1.1);
	}

	/* Fancy Box */

	.fancybox-opened {
		top: 20px !important;
	}

	.fancybox-skin, .fancybox-opened .fancybox-skin {
		padding: 0 !important;
		background: transparent;

		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}

	.fancybox-inner {
		height: calc(100vh - 40px) !important;
	}

	.fancybox-close {
		display: inline-block;
		width: 44px;
		height: 44px;
		padding: 10px;
		background: rgba(255, 255, 255, 0.9);

		text-decoration: none;

		top: 10px;
		right: 10px;

		transition: all .3s;
	} .fancybox-close:before {
		content: '×';
		display: block;

		color: #000;
		font-size: 45px;
		line-height: 1;
		text-align: center;
		text-decoration: none;
	}

@media (min-width: 1500px) {

	.background {
		width: 1280px;
		height: 720px;

		background-size: 1280px;
	}

	.plenary {
		width: 120px;
		height: 270px;
		top: 210px;
		left: 350px;
	}

	.link {
		width: 70px;
		height: 35px;
	}

	#link-1 {
		top: 505px;
		left: 295px;
	} #link-2 {
		top: 547.5px;
		left: 190px;

		width: 40px;
	} #link-3 {
		top: 505px;
		left: 190px;

		width: 40px;
	} #link-4 {
		top: 547.5px;
		left: 232.5px;

		width: 50px;
	} #link-5 {
		top: 505px;
		left: 232.5px;

		width: 60px;
	} #link-6 {
		top: 547.5px;
		left: 285px;

		width: 60px;
	} /* #link-7 {
		top: 547.5px;
		left: 225px;

		width: 50px;

		background: rgba(255, 255, 255, 0.75);
	} */ #link-8 {
		top: 547.5px;
		left: 385px;
	} #link-9 {
		top: 505px;
		left: 385px;

		width: 110px;
	} #link-10 {
		top: 505px;
		left: 110px;

		width: 60px;
	} #link-11 {
		top: 547.5px;
		left: 110px;

		width: 60px;
	} #link-12 {
		top: 425px;
		left: 100px;

		width: 37.5px;
		height: 72.5px;
	} #link-13 {
		top: 425px;
		left: 140px;

		width: 37.5px;
		height: 72.5px;
	} #link-14 {
		top: 282.5px;
		left: 245px;

		width: 60px;
	} #link-15 {
		top: 240px;
		left: 110px;
	} #link-16 {
		top: 240px;
		left: 185px;

		width: 45px;
	} #link-17 {
		top: 240px;
		left: 235px;
	} #link-18 {
		top: 282.5px;
		left: 130px;

		width: 50px;
	} #link-19 {
		top: 282.5px;
		left: 185px;

		width: 55px;
	} #link-20 {
		top: 155px;
		left: 110px;

		width: 35px;
		height: 55px;
	} #link-21 {
		top: 535px;
		left: 515px;

		width: 35px;
		height: 50px;
	} #link-22 {
		top: 240px;
		left: 515px;

		width: 60px;
	} #link-23 {
		top: 480px;
		left: 667.5px;

		width: 45px;
		height: 60px;
	} #link-24 {
		top: 480px;
		left: 622.5px;

		width: 45px;
		height: 60px;
	} #link-25 {
		top: 540px;
		left: 622.5px;

		width: 90px;
		height: 50px;
	} #link-26 {
		top: 240px;
		left: 580px;
	} #link-27 {
		top: 285px;
		left: 515px;

		width: 60px;
	} #link-28 {
		top: 285px;
		left: 580px;
	} #link-29 {
		top: 395px;
		left: 667.5px;

		width: 45px;
		height: 60px;
	} #link-30 {
		top: 345px;
		left: 622.5px;

		width: 90px;
		height: 50px;
	} #link-31 {
		top: 395px;
		left: 622.5px;

		width: 45px;
		height: 60px;
	} #link-32 {
		top: 535px;
		left: 550px;

		width: 35px;
		height: 50px;
	} #link-33 {
		top: 485px;
		left: 550px;

		width: 35px;
		height: 50px;
	} #link-34 {
		top: 485px;
		left: 515px;

		width: 35px;
		height: 50px;
	}
}