@font-face {
	font-family: 'AdelleSansSAGE';
	src: url("../fonts/AdelleSansSAGE.eot");
	src: url("../fonts/AdelleSansSAGE.eot?#iefix") format("embedded-opentype"),
	url("../fonts/AdelleSansSAGE.woff") format("woff"),
	url("../fonts/AdelleSansSAGE.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'AdelleSansSAGEBold';
	src: url("../fonts/AdelleSansSAGE-Bold.eot");
	src: url("../fonts/AdelleSansSAGE-Bold.eot?#iefix") format("embedded-opentype"),
	url("../fonts/AdelleSansSAGE-Bold.woff") format("woff"),
	url("../fonts/AdelleSansSAGE-Bold.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}



/* Always show control bar 
.video-js.vjs-static-controls .vjs-control-bar {
  display:block;
}


.video-js.vjs-static-controls.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  opacity: 1;
  visibility: visible;
}


.video-js.vjs-static-controls .vjs-poster {
  background-position: 50% 0;
}


.video-js.vjs-static-controls .vjs-tech {
  height: auto;
  height: calc(100% - 30px);
}
*/

.embed-container {
	margin: 0 auto; position: relative; padding-bottom: 0; height: 0; overflow: hidden; width: 1280px; height: 720px;
}

#endebutton {
	padding: 9px;
	background-color: #ff5400;
	width: 140px;
	margin: 70px auto;
	color: #fff;
	font-size: 20px;
	display: none;
}

#next-video a {
	text-decoration: none;
	
}

#main_canvas {
	width: 100px; height: 100px;
	z-index: 6519568;
}

#video-wrap {
	width: 100%;
	position: relative;
}


.overlay-container {
	position: absolute;
	top: 0;
	z-index: 9500;
}

.overlay-container2 {
	position: absolute;
	top: 0;
	z-index: 9900;
}

.overlay-container ul,
.overlay-container li,
.overlay-container2 ul,
.overlay-container2 li {
	margin: 0;
	padding: 0;
	list-style: none;
}
.overlay-container,
.overlay-container2 {
	width: 100%;
	/*width: 1280px;*/
	height: 47px;
	margin: 0 auto;
	padding: 0;
	left: 0;
	right: 0;
	background-color: #FF5800;
}

.overlay_fs {
	width: 960px!important;
}

.overlay-dark-layer {
	display: none;
	z-index: 8888;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,0.80);
}

.overlay-container a,
.overlay-container span,
.overlay-container2 a,
.overlay-container2 span {
	color: #fff;
	font-family: "AdelleSansSAGE";
	font-size: 13px;
	text-decoration: none;
}

.overlay-container span,
.overlay-container2 span {
	cursor: default;
}

.overlay-container li.overlay-heading a,
.overlay-container2 li.overlay-heading a {
	color: #fff;
	display: block;
	width: 100%;
	font-family: "AdelleSansSAGEBold";
	font-size: 13px;
	text-decoration: none;
	border-bottom: 1px solid rgba(255,255,255,0.30);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/*text-transform: uppercase;*/
}

.overlay-third,
.overlay-third2 {
	margin: 0;
	padding-top: 14px;
	padding-left: 20px;
	width: 33.3%;
	height: 47px;
	float: left;
	border-right: 1px solid #FF9259;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.overlay-noborder {
	border: none;
}

.overlay-third ul {
	display: none;
	position: absolute;
	top: 47px;
	left: 0px;
	width: 100%;
}
.overlay-third2 ul {
	display: none;
	position: absolute;
	top: 47px;
	left: 0px;
	width: 100%;
	height: 100%;
}

.overlay-third ul li,
.overlay-third2 ul li {
	display: block;
	width: 100%;
	padding-left: 20px;
	padding-right: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.overlay-third ul li.overlay-heading a,
.overlay-third2 ul li.overlay-heading a {
	padding: 0 0 10px 0;
	margin: 20px 0 5px 0;
}

.overlay-third ul li a,
.overlay-third2 ul li a {
	display: block;
	padding: 4px 0;
}

.overlay-playing a,
.overlay-third ul li a:hover,
.overlay-third2 ul li a:hover {
	color: #FF5400;
}

.overlay-seen a {
	color: #cccccc;
}

.overlay-playing {
	background: url(../images/eye.png) no-repeat right 20px center!important;
	background-size: 18px 10px!important;
}

.overlay-heading.overlay-playing {
	background-position: right 20px top 5px!important;
}

.overlay-seen {
	background: url(../images/seen2.png) no-repeat right 20px center;
	background-size: 18px 10px;
}

.overlay-heading.overlay-seen {
	background-position: right 20px top 5px;
	color: #b3b3b3;
}

.video-link-last {
	display: block;
	margin-bottom: 20px !important;
}

.vjs-seek-handle {
	display: none;
}

.vjs-default-skin .vjs-big-play-button {
	border-radius: 200px;
}

.vjs-big-play-button span {
	border-radius: 200px;
}

.overlay-mobile-menu {
	display: none;
}

@media only screen and (max-width: 880px) {
	
	.embed-container {
		position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; width: 100%; height: auto;
	}
	
	.overlay-container {
		display: none;
		height: 100%;
		width: 100%;
		background: none;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
		padding-top: 64px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	.overlay-dark-layer {
		display: none;
	}
	.overlay-third {
		height: auto;
		width: 100%;
		float: none;
		padding-top: 0;
		padding-left: 0;
		border-right: 0;
	}

	.overlay-third span {
		display: none;
	}
	.overlay-third ul {
		display: block;
		position: static;
		height: 100%;
		width: 100%;
	}
	/*
	.overlay-mobile-menu {
		color: #fff;
		display: block;
		margin: 20px;
		padding-top: 8px;
		padding-left: 20px;
		padding-right: 20px;
		width: auto;
		height: 34px;
		position: absolute;
		z-index: 9600;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		font-family: "AdelleSansSAGEBold";
		font-size: 13px;
		background-color: #FF5800;
		
		-webkit-border-radius: 28px;
		-webkit-border-bottom-right-radius: 28px;
		-moz-border-radius: 28px;
		-moz-border-radius-bottomright: 28px;
		width: 44px;
		height: 44px;
		padding: 12px;
	}*/
	.overlay-mobile-menu {
		color: #fff;
		display: block;
		margin: 20px;
		position: absolute;
		z-index: 9600;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}


}

@media only screen and (min-width: 881px) and (max-width: 1280px) {
	
	.embed-container {
		position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; width: 100%; height: auto;
	}
	
	.overlay-container {
		width: 100%;
	}
	
	.overlay-mobile-menu {
		display: none;
	}


}