/* zero things out */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body, div, h1, h2, h3, h4, h5, h6, p, label, ul, li, img, a, input, section, aside, header, footer, nav, form, button {
	margin:0 0 0 0;
	padding:0 0 0 0;
}

/*
body {
	font-family: arial, sans-serif;
	font-weight:400;
	font-size:15px;
	line-height:20px;
	color:#444444;
	background-color:#ffffff;
}
*/
div {
	display:block;
}



h1, h2, h3 {}
h1 {
	font-size:20px;
	line-height:26px;
	margin:0;
	padding:0;
}
h2 {
	font-size:16px;
	line-height:16px;
	margin:0;
	padding:0;
}

/**************
 *** Header ***
 **************/
#header-wrapper {
	display:block;
	width:100%;
	background:#ffffff;
}
#header {
	box-sizing:border-box;
	width:100%;
	max-width:1920px;
	height:50px;
	margin:0 auto 0 auto;
	padding:0 10px 0 0;
	background:#ffffff;
	position:relative;
}
#logo-wrapper {
/*	width:50%;*/
	max-width:300px;
	display:block;
	float:left;
}
.logo {
	margin:0;
	display:block;
}

/******************
 *** Navigation ***
 ******************/
/* https://www.makeuseof.com/responsive-navigation-bar-using-html-and-css/ */
/* https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_topnav */
a {
	color:#00aeef;
	text-decoration:none;
}
a.nav-link {
	border:none;
	display:block;
	padding:0 15px;
	width:100%;
	height:25px;
/*	height:50px;*/

	text-decoration:none;
	font-size:14px;
	line-height:23px;
/*	line-height:48px;*/
}
a.nav-link.active {
	color:#ffffff!important;
	background-color:#00aeef;
}

li {
	list-style: none;
}

.navbar {
	display: flex;
	align-items: top;
/*	align-items: center;*/
	justify-content: space-between;
	height:50px;
}


/* NAVBAR MENU */
.menu {
	display: flex;
	z-index:1001;
}

.menu li:hover {
/*	transition: 0.3s ease;*/
}

.menu li {
/*  padding: 5px 14px;*/
}


/* DROPDOWN MENU */
.services {
	position: relative; 
}
.dropdown {
	background-color:#ffffff;
	padding: 0 0;
	position: absolute;
	display: none;
	top: 25px;
	left:15px;
	border-bottom:dotted 1px #00aeef;
}
.dropdown li + li {
/*	margin-top: 10px;*/
}
.dropdown li {
	width: 9em;
	height:auto;
	text-align: center;
}
.dropdown li:hover {
/*	background-color: #4c9e9e;*/
}
.services:hover .dropdown {
	display: block;
}

/* RESPONSIVE NAVBAR MENU STARTS */

/* CHECKBOX HACK */
/*input[type=checkbox]*/
input[type=checkbox]#checkbox_toggle {
	display: none;
}

/* HAMBURGER MENU */
.hamburger {
	display: none;
	font-family: arial, sans-serif;
	font-size: 32px;
	font-weight:700;
	vertical-align:top;
	user-select: none;
	cursor:pointer;
	border:solid 2px #00aeef;
	border-radius:5px;
	padding:0 3px;
	fill:#00aeef;
}

/* APPLYING MEDIA QUERIES */
@media (max-width: 960px) {
	a.nav-link {
		height:30px;
		font-size:16px;
		line-height:28px;
	}

	.navbar {
		display: flex;
		align-items: center;
	}

	.menu {
		display:none;
		position: absolute;
		background-color:#ffffff;
		top:50px;
		right: 0;
		left: 0;
		text-align: center;
		padding: 10px 0;
		border-top:dotted 1px #00aeef;
		border-bottom:dotted 1px #00aeef;
	}

	.menu li:hover {}

/*	input[type=checkbox]:checked ~ .menu,*/
	input#checkbox_toggle:checked ~ .menu {
		display: block;
	}

	.hamburger {
		display: block;
	}

	.dropdown {
		left: 50%;
		top: 25px;
/*		transform: translateX(20%);*/
	}

	.dropdown li:hover {}

}


/***************
 *** Infobar ***
 ***************/
#infobar-wrapper {
	display:block;
	width:100%;
	margin:0 auto;
}
#infobar {
	box-sizing:border-box;
	display:block;
	width:100%;
	max-width:1920px;
	height:20px;
	margin:0 auto;
	padding:0 10px;

}
#infobar-title,
#infobar-left {
	float:left;
}
#infobar-date,
#infobar-right {
	float:right;
}


/* Main Content */
#wrapper {
	display:block;
	width:100%;
	margin:0 auto;
}
#content-wrapper {
	position:relative;
	display:block;
	width:100%;
	max-width: 1920px;
	margin:0 auto;
}
#media-wrapper {
	display:flex;
	flex-direction: row;
/*	column-gap: 20px;*/

	box-sizing:border-box;
	width:100%;
	max-width: 1920px;
	margin:0 auto;
	padding:0 0;
/*	background:#e0e0e0;*/
}
#media-left-wrapper {
	display:flex;

	width:33%;
	min-width:320px;
	padding:10px;
/*	background:#ffd0d0;*/
}
#slide-left-wrapper {
/*	display:block;*/
	width:100%;
	height: 100%;
/*	object-fit: contain;*/

	object-fit: scale-down;
	object-position: top 0 left 0;

	margin:0 auto;

/*	background:#ffd0d0;*/
	overflow:auto;
}
.slide-left {
/*	display:block;*/
	width:100%;
	max-width:640px;
/*	height: 100%;*/
	height:auto;
/*	object-fit: contain;*/

	object-fit: scale-down;
	object-position: top 0 left 0;

	margin:0 auto;
}
#slide-left-holder {
	position:relative;
}
#cc-button {
/*	display:block;*/
	position:absolute;
	bottom:0;
	right:0;
	padding:0;
	margin:0;
	background:transparent;
	border:none;
	cursor:pointer;
	z-index:100;
}
#cc-button-video {
	display:block;
	position:absolute;
	top:0;
	left:0;
	padding:0;
	margin:0;
	background:transparent;
	border:none;
	cursor:pointer;
	z-index:100;
}
#cc-button img {
	display:block;
}
#streamtext-wrapper {
	box-sizing:border-box;
/*	display:block;*/
	position:relative;
	width:100%;
	height:100px;
/*	padding:10px;*/
	color:#ffffff;
	background:#000000
}
#streamtext-wrapper iframe {
	display:block;
	padding:0;
	margin:0;
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;

	width:100%;

	height:100px;

	border:0;
}

.resizer {
	position:relative;
	background-color: #f8f8f8;
	cursor: ew-resize;
	height: 100%;
	width: 9px;
}
#dragHandle {
	box-sizing:border-box;
	position:absolute;
	top:calc(50% - 15px);
	left:0;
	width:9px;
	height:30px;
	background-color:transparent;
	border-left:solid 3px #888;
	border-right:solid 3px #888;
}


#media-right-wrapper {
	-ms-flex: 2;  /* IE 10 */  
	flex: 2;

	min-width:360px;
	box-sizing:border-box;
/*	padding:10px;*/
	margin:10px 10px 10px 10px;
}

#media-right-wrapper.video {
	-ms-flex: 1;  /* IE 10 */  
	flex: 1;

	box-sizing:border-box;
/*	padding:10px;*/
	margin:10px 10px 10px 10px;
}

#speakers-right-wrapper,
#downloads-right-wrapper,
#slides-right-wrapper,
#help-right-wrapper {
	-ms-flex: 2;  /* IE 10 */  
	flex: 2;

	box-sizing:border-box;
/*	padding:10px;*/
	margin:10px 10px 10px 10px;

	border:solid 1px #d0d0d0;

	overflow:auto;

	min-width:360px;
}
.download-link {
	display:block;
	margin:0 0 20px 0;
	font-size:125%;
}

/* thumbnail slides */
.slide-t-left-wrapper {
	width:100%;
	margin:0 auto 20px auto;
}
.slide-t-left {
	box-sizing:border-box;
	display:block;
	width:100%;
	max-width:180px;
	margin:0 10px 0 0;
	border:solid 1px #d0d0d0;
	float:left;
}
.slide-t-left-title {
	display:block;
	font-size:115%;
	font-weight:700;
}

.slide-t-right-wrapper {
	width:100%;
	margin:0 auto 20px auto;
}
.slide-t-right {
	box-sizing:border-box;
	display:block;
	width:100%;
	max-width:180px;
	margin:0 10px 0 0;
	border:solid 1px #d0d0d0;
	float:left
}
.slide-t-right-title {
	display:block;
	font-size:115%;
	font-weight:700;
}

/* full size slides*/
.slide-right {
	width:100%;
	height: 100%;
/*	object-fit: contain;*/
	object-fit: scale-down;
/*	object-position: top;*/
	object-position: top 0 right 0;
/*	margin:0 auto;*/
	margin:0;
/*	border:solid 1px #d0d0d0;*/
}

/**************
 *** POPOUT ***
 **************/
/* popout */
#form-popout-single {
	box-sizing:border-box;
	position:absolute;
	bottom:0;
	right:10px;
}
.button-popout {
	box-sizing:border-box;
	padding:5px 10px;
	font-size: 16px;
	line-height:16px;
	color:#ffffff;
	background-color: #000000;
	border:none;
	cursor:pointer;
}
.button-popout svg {
	display:inline;
	vertical-align:top;
	fill:#ffffff;
}
@media (max-width: 1280px) {
	#form-popout-single {
		display:none;
	}
}

/***********
 *** AAQ ***
 ***********/
#aaq-wrapper {}
#aaq-container {
	position: absolute;
	right: 0;
	top: 0;
	width:33%;
	z-index:1001;
}
@media (max-width: 1280px) {
	#aaq-container {
		width:50%;
	}
}
@media (max-width: 800px) {
	#aaq-container {
		width:75%;
	}
}
#aaq-clickme {
	width:50px;
	margin:5px 5px 0 0;
	cursor:pointer;
	float:right;
}
#aaq-img {}

#aaq-form {
	color:#000000;
	background: rgba(164,164,164,0.75) none repeat scroll 0 0;
	display: none;
	padding:10px;
	border-radius: 0;
}
#aaq-form input[type="text"]#user_full_name,
#aaq-form input[type="text"]#user_email {
	box-sizing:border-box;
	display:block;
	width:100%;
	margin:0 auto 5px auto;
	padding:5px;
	background:rgba(255,255,255,0.85);
	border:solid 1px #888888;
	font-size:16px;
}
#aaq-form textarea#aaq_question {
	box-sizing:border-box;
	width:100%;
	height:80px;
	padding:5px;
	background:rgba(255,255,255,0.85);
	border:solid 1px #888888;
	font-size:16px;
}
#aaq-form button#aaq-submit {
	display:block;
	width:100%;
	margin:5px auto 0 auto;
	padding:7px 0;
	font-weight:600;
	color:#ffffff;
	background:#555555;
	border:none;
	cursor:pointer;
}
#aaq-form span#aaq-response {
	display:block;
	font-size:15px;
}
/* END AAQ */

/* SURVEY */
#li-survey {
	margin-right:5px;
}
#li-survey a.nav-link {
	border-bottom-left-radius:7px;
	border-bottom-right-radius:7px;
}
@keyframes changeColorSurvey {
	from {
		color: #00aeef;
		background-color: #ffffff;
	}
	to {
		color: #ffffff;
		background-color: #00aeef;
	}
}
#survey {
	font-weight:700;
	animation: changeColorSurvey 1s infinite alternate;
}
#survey-img {
	position:absolute;
	top:5px;
	left:5px;
	z-index:1000;
}
@media (max-width: 960px) {
	#li-survey {
		margin-right:0;
	}
	#li-survey a.nav-link {
		border-bottom-left-radius:0;
		border-bottom-right-radius:0;
	}
}


/*************
 *** Audio ***
 *************/
#my-audio {
	display:block;
	width:100%;

	position:fixed;
	left:0;
	bottom:0;
}

/*************
 *** VIDEO ***
 *************/
/* embed container */
#EmbedContainer {
	padding-bottom:61.25%;
}

/* dolby millicast*/
#player-wrapper-dolby {
	box-sizing:border-box;
	width:100%;
	max-width: 100%;
	height: 0;
	position: relative;
	padding: 0 0 56.25% 0;
}
#dolby-player {
	position: absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	display:block;
	width:100%;
	height:100%;
	padding:0;
	margin:0;
	background:#000000;
	border:0 none transparent;
}


/* Utility */
.clr { clear:both; }
.show-me { display:block; }
.hide-me { display:none; }
.save-saving { color:#0000ff; }
.save-saved { color:#000000; }
.save-error { color:#bf4000; }

@media (max-width: 800px) {

	h1 {
		font-size:15px;
		line-height:18px;
		margin:0;
		padding:0;
	}
	h2 {
		font-size:14px;
		line-height:16px;
		margin:0;
		padding:0;
	}

/*
	#media-wrapper {
		display:flex;
		flex-direction: column;


		box-sizing:border-box;
		width:100%;
		max-width: 1920px;
		margin:0 auto 0 auto;
		padding:0 0;
	}

*/

	#infobar-wrapper {
		font-size:11px;
		line-height:18px;
	}


	#media-wrapper {
		display:block;
	}

	#media-left-wrapper {
		-ms-flex: none;  
		flex: none;
		display:block;
		width:100%;
		
	}
	.resizer {
		display:none;
	}
	#media-right-wrapper {
		-ms-flex: none;  
		flex: none;
		padding-bottom:50px;
	}

	#speakers-right-wrapper,
	#slides-right-wrapper,
	#downloads-right-wrapper,
	#help-right-wrapper {
		-ms-flex: none;  
		flex: none;
/*		display:block;*/
/*		padding-bottom:10px;*/
		margin-bottom:60px;
	}

	.slide-left {

		width:50%;
		height: 50%;
/*		object-position: top 50% left 50%;*/
/*		object-position: center;*/
	}

	.slide-right {
/*		object-position: top 50% left 50%;*/
/*		object-position: center;*/
	}

}