/* MAIN STYLESHEET */
	@font-face {
	    font-family: 'omnesmedium';
	    src: url('../fonts/omnes_medium-webfont.eot');
	    src: url('../fonts/omnes_medium-webfont.eot?#iefix') format('embedded-opentype'),
	         url('../fonts/omnes_medium-webfont.woff2') format('woff2'),
	         url('../fonts/omnes_medium-webfont.woff') format('woff'),
	         url('../fonts/omnes_medium-webfont.ttf') format('truetype'),
	         url('../fonts/omnes_medium-webfont.svg#omnesmedium') format('svg');
	    font-weight: normal;
	    font-style: normal;
	}
	html {
		position: relative;
		min-height: 100%;
	}body{
		font-family: 'Roboto', sans-serif;
		margin-bottom: 75px;
	}
	video {
		width: 100% !important;
		height: auto !important;
	}
	.modal-lg {
		width: 80%;
		max-width: 100%;
	}
	.iframe-container {
		position: relative;
		padding-bottom: 55%;
		height: 0;
		overflow: hidden;
	}.iframe-container iframe, .iframe-container object {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}#asset-button{
		margin: 10px 0 20px 0;display: inline-block;
	}.HTMLPopUpLink {
		position: relative;
		cursor: pointer;
	}.tryit-icon {
		position: absolute;
		width: 60px;
		z-index: 0;
		left: 0;
		top: -15px;
	}.tryit-text {
		background: #00549e none repeat scroll 0 0;
		border-radius: 3px;
		color: #fff;
		margin: 1px 0 20px 0;
		padding: 15px;
		z-index: -1;
	}
	/*===== NAV =====*/
	/*===== TITLE =====*/
	#portal-title-wrap{
		background-size: cover;
		background-image:url(../images/header-banner.jpg);
	}
	#portal-title {
		padding: 20px 0 20px 80px;
		background-repeat: no-repeat;
		color: #fff;
		background-size: 65px;
		margin: 0;
		font-family: Omnes, sans-serif;
		background-position: left center;
	}
	/*==== MAIN CONTENT ====*/
		/*==== TOC ====*/
		#toc-wrap {
			display: block;
			overflow: auto;
			position: absolute;
			right: 0;
			height: 100%;
		}
		.asset-header {
			font-weight: bold;
			font-size: 18px;
		}
		.asset-header:hover {
			background-color: #fff;
		}
		.asset-link, .lightbox-link{
			padding-left: 45px;
			cursor: pointer;
		}.asset-link::after, .lightbox-link::after {
			color: #828282;
			content: "\f008";
			font-family: "Font Awesome 5 Free";
			font-size: 14px;
			font-style: normal;
			font-weight: 900;
			left: 20px;
			position: absolute;
			text-decoration: inherit;
			top: 15px;
			z-index: 1;
		}.asset-link.image-icon::after {
			content: "\f03e";
		}.asset-link.ppt::after {
			content: "\f1c4";
		}.asset-link.pdf-icon::after{
			content: "\f1c1";
		}.asset-link.tryme-icon::after{
			content: "\f245";
		}.asset-link.html-icon::after{
			content: "\f108";
		}.lightbox-link::after{
			content: "\f24d";
		}
		.asset-link i, .lightbox-link i{
			display: none;
			float: right;
		}.asset-link.bookmarked i, .lightbox-link.bookmarked i{
			display: block;
		}.asset-index {
			padding: 10px 20px 10px 45px;
			font-size: 14px;
			cursor: pointer;
		}
		/* Content */
		#stage {
			background: #eee;
			padding: 1px;
			border: 1px solid #ddd;
		}#asset-title {
			font-size: 24px;
			margin: 20px 0 10px 0;
		}#asset-description {
			font-size: 14px;
		}
	/*===== FOOTER =====*/
	.footer {
		position: absolute;
		bottom: 0;
		width: 100%;
		height: 60px;
		line-height: 60px;
		background-color: #f5f5f5;
	}
	/*===== RESPONSIVE =====*/
	/* Extra small devices (portrait phones, less than 576px)*/
	/* No media query since this is the default in Bootstrap*/

	/* Small devices (landscape phones, 576px and up)*/
	@media (min-width: 576px){

	}

	/* Medium devices (tablets, 768px and up)*/
	@media (min-width: 768px){

	}

	/* Large devices (desktops, 992px and up)*/
	@media (min-width: 992px){

	}

	/* Extra large devices (large desktops, 1200px and up)*/
	@media (min-width: 1200px){

	}