/*!
Video.js Default Styles (http://videojs.com)
Version 4.7.3
Create your own skin at http://designer.videojs.com
*/
.vjs-default-skin {color: #ccc}
 
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.6.1');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.6.1') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.6.1') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.6.1') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.6.1') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.6.1#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
 
.vjs-default-skin .vjs-slider {
	outline: 0;
	position: relative;
	cursor: pointer;
	padding: 0;
	background-color: #333;
	background-color: rgba(51,51,51,.9)
 }
 
	.vjs-default-skin .vjs-slider:focus {
		-webkit-box-shadow: 0 0 2em #fff;
		-moz-box-shadow: 0 0 2em #fff;
		box-shadow: 0 0 2em #fff
	 }
 
.vjs-default-skin .vjs-slider-handle {
	position: absolute;
	left: 0;
	top: 0
 }
 
	.vjs-default-skin .vjs-slider-handle:before {
		content: "\f04d";
		font-family: FontAwesome;
		font-size: 1em;
		line-height: 1;
		text-align: center;
		text-shadow: 0 0 1em #fff;
		position: absolute;
		top: 0;
		left: 0;
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg)
	 }
 
.vjs-default-skin .vjs-control-bar {
	display: none;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 3em;
	background-color: #07141e;
	background-color: rgba(7,20,30,.7)
 }
 
.vjs-default-skin.vjs-has-started .vjs-control-bar {
	display: block;
	visibility: visible;
	opacity: 1;
	-webkit-transition: visibility .1s,opacity .1s;
	-moz-transition: visibility .1s,opacity .1s;
	-o-transition: visibility .1s,opacity .1s;
	transition: visibility .1s,opacity .1s
 }
 
.vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
	display: block;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: visibility 1s,opacity 1s;
	-moz-transition: visibility 1s,opacity 1s;
	-o-transition: visibility 1s,opacity 1s;
	transition: visibility 1s,opacity 1s
 }
 
.vjs-default-skin.vjs-controls-disabled .vjs-control-bar {display: none}
 
.vjs-default-skin.vjs-using-native-controls .vjs-control-bar {display: none}
 
.vjs-default-skin.vjs-error .vjs-control-bar {display: none}
 
@media \0screen {.vjs-default-skin.vjs-user-inactive.vjs-playing .vjs-control-bar: before}
 
{}
 
	.vjs-default-skin .vjs-control {
		outline: 0;
		position: relative;
		float: left;
		text-align: center;
		margin: 0;
		padding: 0;
		height: 3em;
		width: 4em
	 }
 
		.vjs-default-skin .vjs-control:before {
			font-family: FontAwesome;
			font-size: 1.5em;
			line-height: 2;
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			text-align: center;
			text-shadow: 1px 1px 1px rgba(0,0,0,.5)
		 }
 
		.vjs-default-skin .vjs-control:focus:before,.vjs-default-skin .vjs-control:hover:before {text-shadow: 0 0 1em #fff}
 
		.vjs-default-skin .vjs-control:focus {}
 
	.vjs-default-skin .vjs-control-text {
		border: 0;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px
	 }
 
	.vjs-default-skin .vjs-play-control {width: 5em;cursor:pointer}
 
		.vjs-default-skin .vjs-play-control:before {content: "\f04b"}
 
	.vjs-default-skin.vjs-playing .vjs-play-control:before {content: "\f04c"}
 
	.vjs-default-skin .vjs-playback-rate .vjs-playback-rate-value {
		font-size: 1.5em;
		line-height: 2;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		text-align: center;
		text-shadow: 1px 1px 1px rgba(0,0,0,.5)
	 }
 
	.vjs-default-skin .vjs-playback-rate.vjs-menu-button .vjs-menu .vjs-menu-content {
		width: 4em;
		left: -2em;
		list-style: none
	 }
 
	.vjs-default-skin .vjs-mute-control,.vjs-default-skin .vjs-volume-menu-button {cursor: pointer;float:right}
 
	.vjs-default-skin .vjs-mute-control:before,.vjs-default-skin .vjs-volume-menu-button:before {content: "\f028"}
 
	.vjs-default-skin .vjs-mute-control.vjs-vol-0:before,.vjs-default-skin .vjs-volume-menu-button.vjs-vol-0:before {content: "\f026"}
 
	.vjs-default-skin .vjs-mute-control.vjs-vol-1:before,.vjs-default-skin .vjs-volume-menu-button.vjs-vol-1:before {content: "\f027"}
 
	.vjs-default-skin .vjs-mute-control.vjs-vol-2:before,.vjs-default-skin .vjs-volume-menu-button.vjs-vol-2:before {content: "\f028"}
 
	.vjs-default-skin .vjs-volume-control {width: 5em;float:right}
 
	.vjs-default-skin .vjs-volume-bar {
		width: 5em;
		height: .6em;
		margin: 1.1em auto 0
	 }
 
	.vjs-default-skin .vjs-volume-menu-button .vjs-menu-content {height: 2.9em}
 
	.vjs-default-skin .vjs-volume-level {
		position: absolute;
		top: 0;
		left: 0;
		height: .5em;
		width: 100%;
		background: #66a8cc url(data:image/png;
		base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat
	 }
 
	.vjs-default-skin .vjs-volume-bar .vjs-volume-handle {
		width: .5em;
		height: .5em;
		left: 4.5em
	 }
 
	.vjs-default-skin .vjs-volume-handle:before {
		font-size: .9em;
		top: -.2em;
		left: -.2em;
		width: 1em;
		height: 1em
	 }
 
	.vjs-default-skin .vjs-volume-menu-button .vjs-menu .vjs-menu-content {width: 6em;left:-4em}
 
	.vjs-default-skin .vjs-progress-control {
		position: absolute;
		left: 0;
		right: 0;
		width: auto;
		font-size: .3em;
		height: 1em;
		top: -1em;
		-webkit-transition: all .4s;
		-moz-transition: all .4s;
		-o-transition: all .4s;
		transition: all .4s
	 }
 
	.vjs-default-skin:hover .vjs-progress-control {
		font-size: .9em;
		-webkit-transition: all .2s;
		-moz-transition: all .2s;
		-o-transition: all .2s;
		transition: all .2s
	 }
 
	.vjs-default-skin .vjs-progress-holder {height: 100%}
 
		.vjs-default-skin .vjs-progress-holder .vjs-play-progress,.vjs-default-skin .vjs-progress-holder .vjs-load-progress,.vjs-default-skin .vjs-progress-holder .vjs-load-progress div {
			position: absolute;
			display: block;
			height: 100%;
			margin: 0;
			padding: 0;
			width: 0;
			left: 0;
			top: 0
		 }
 
	.vjs-default-skin .vjs-play-progress {background: #66a8cc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat}
 
	.vjs-default-skin .vjs-load-progress {background: #646464;background:rgba(255,255,255,.2)}
 
		.vjs-default-skin .vjs-load-progress div {background: #787878;background:rgba(255,255,255,.1)}
 
	.vjs-default-skin .vjs-seek-handle {width: 1.5em;height:100%}
 
		.vjs-default-skin .vjs-seek-handle:before {padding-top: .1em}
 
	.vjs-default-skin.vjs-live .vjs-time-controls,.vjs-default-skin.vjs-live .vjs-time-divider,.vjs-default-skin.vjs-live .vjs-progress-control {display: none}
 
	.vjs-default-skin.vjs-live .vjs-live-display {display: block}
 
	.vjs-default-skin .vjs-live-display {
		display: none;
		font-size: 1em;
		line-height: 3em
	 }
 
	.vjs-default-skin .vjs-time-controls {font-size: 1em;line-height:3em}
 
	.vjs-default-skin .vjs-current-time {float: left}
 
	.vjs-default-skin .vjs-duration {float: left}
 
	.vjs-default-skin .vjs-remaining-time {display: none;float:left}
 
	.vjs-time-divider {float: left;line-height:3em}
 
	.vjs-default-skin .vjs-fullscreen-control {
		width: 3.8em;
		cursor: pointer;
		float: right
	 }
 
		.vjs-default-skin .vjs-fullscreen-control:before {content: "\f065"}
 
	.vjs-default-skin.vjs-fullscreen .vjs-fullscreen-control:before {content: "\f066"}
 
	.vjs-default-skin .vjs-big-play-button {
		left:0px;
		right: 0px;
		margin:0 auto;
		top:35%;
		font-size: 3em;
		display: block;
		z-index: 2;
		position: absolute;
		width: 4em;
		height: 2.6em;
		text-align: center;
		vertical-align: middle;
		cursor: pointer;
		opacity: 1;
		-webkit-border-radius: .8em;
		-moz-border-radius: .8em;
		border-radius: .8em;
		-webkit-transition: all .4s;
		-moz-transition: all .4s;
		-o-transition: all .4s;
		transition: all .4s
	 }
 
	.vjs-default-skin.vjs-big-play-centered .vjs-big-play-button {
		left: 50%;
		margin-left: -2.1em;
		top: 50%;
		margin-top: -1.4000000000000001em
	 }
 
	.vjs-default-skin.vjs-controls-disabled .vjs-big-play-button {display: none}
 
	.vjs-default-skin.vjs-has-started .vjs-big-play-button {display: none}
 
	.vjs-default-skin.vjs-using-native-controls .vjs-big-play-button {display: none}
 
	.vjs-default-skin:hover .vjs-big-play-button,.vjs-default-skin .vjs-big-play-button:focus {
		outline: 0;
		-webkit-transition: all 0s;
		-moz-transition: all 0s;
		-o-transition: all 0s;
		transition: all 0s
	 }
 
	.vjs-default-skin .vjs-big-play-button:before {
		 content: url("../img/play.png");
		line-height: 2.6em;
		text-align: center;
		position: absolute;
		left: 0;
		width: 100%;
		height: 100%
	 }
 
	.vjs-error .vjs-big-play-button {display: none}
 
	.vjs-error-display {display: none}
 
	.vjs-error .vjs-error-display {
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%
	 }
 
		.vjs-error .vjs-error-display:before {
			content: 'X';
			font-family: Arial;
			font-size: 4em;
			color: #666;
			line-height: 1;
			text-shadow: .05em .05em .1em #000;
			text-align: center;
			vertical-align: middle;
			position: absolute;
			top: 50%;
			margin-top: -.5em;
			width: 100%
		 }
 
	.vjs-error-display div {
		position: absolute;
		font-size: 1.4em;
		text-align: center;
		bottom: 1em;
		right: 1em;
		left: 1em
	 }
 
	.vjs-error-display a,.vjs-error-display a:visited {color: #F4A460}
 
	.vjs-loading-spinner {
		display: none;
		position: absolute;
		top: 50%;
		left: 50%;
		font-size: 4em;
		line-height: 1;
		width: 1em;
		height: 1em;
		margin-left: -.5em;
		margin-top: -.5em;
		opacity: .75
	 }
 
	.vjs-waiting .vjs-loading-spinner,.vjs-seeking .vjs-loading-spinner {
		display: block;
		-webkit-animation: spin 1.5s infinite linear;
		-moz-animation: spin 1.5s infinite linear;
		-o-animation: spin 1.5s infinite linear;
		animation: spin 1.5s infinite linear
	 }
 
	.vjs-error .vjs-loading-spinner {
		display: none;
		-webkit-animation: none;
		-moz-animation: none;
		-o-animation: none;
		animation: none
	 }
 
	.vjs-default-skin .vjs-loading-spinner:before {
		content: "\f110";
		font-family: FontAwesome;
		position: absolute;
		top: 0;
		left: 0;
		width: 1em;
		height: 1em;
		color: #FFF;
		text-align: center;
		text-shadow: 0 0 .1em #000
	 }
 
@-moz-keyframes spin {0%}
 
100% {-moz-transform: rotate(359deg)}
 
{}
 
@-webkit-keyframes spin {0%}
 
100% {-webkit-transform: rotate(359deg)}
 
{}
 
@-o-keyframes spin {0%}
 
100% {-o-transform: rotate(359deg)}
 
{}
 
@keyframes
spin {0%}
 
100% {transform: rotate(359deg)}
 
{}
 
	.vjs-default-skin .vjs-menu-button {float: right;cursor:pointer}
 
	.vjs-default-skin .vjs-menu {
		display: none;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 0;
		height: 0;
		margin-bottom: 3em;
		border-left: 2em solid transparent;
		border-right: 2em solid transparent;
		border-top: 1.55em solid #000;
		border-top-color: rgba(7,40,50,.5)
	 }
 
	.vjs-default-skin .vjs-menu-button .vjs-menu .vjs-menu-content {
		display: block;
		padding: 0;
		margin: 0;
		position: absolute;
		width: 10em;
		bottom: 1.5em;
		max-height: 15em;
		overflow: auto;
		left: -5em;
		background-color: #07141e;
		background-color: rgba(7,20,30,.7);
		-webkit-box-shadow: -.2em -.2em .3em rgba(255,255,255,.2);
		-moz-box-shadow: -.2em -.2em .3em rgba(255,255,255,.2);
		box-shadow: -.2em -.2em .3em rgba(255,255,255,.2)
	 }
 
	.vjs-default-skin .vjs-menu-button:hover .vjs-menu {display: block}
 
	.vjs-default-skin .vjs-menu-button ul li {
		list-style: none;
		margin: 0;
		padding: .3em 0;
		line-height: 1.4em;
		font-size: 1.2em;
		text-align: center;
		text-transform: lowercase
	 }
 
		.vjs-default-skin .vjs-menu-button ul li.vjs-selected {background-color: #000}
 
		.vjs-default-skin .vjs-menu-button ul li:focus,.vjs-default-skin .vjs-menu-button ul li:hover,.vjs-default-skin .vjs-menu-button ul li.vjs-selected:focus,.vjs-default-skin .vjs-menu-button ul li.vjs-selected:hover {
			outline: 0;
			color: #111;
			background-color: #fff;
			background-color: rgba(255,255,255,.75);
			-webkit-box-shadow: 0 0 1em #fff;
			-moz-box-shadow: 0 0 1em #fff;
			box-shadow: 0 0 1em #fff
		 }
 
		.vjs-default-skin .vjs-menu-button ul li.vjs-menu-title {
			text-align: center;
			text-transform: uppercase;
			font-size: 1em;
			line-height: 2em;
			padding: 0;
			margin: 0 0 .3em;
			font-weight: 700;
			cursor: default
		 }
 
	.vjs-default-skin .vjs-subtitles-button:before {content: "e00c"}
 
	.vjs-default-skin .vjs-captions-button:before {content: "e008"}
 
	.vjs-default-skin .vjs-chapters-button:before {content: "e00c"}
 
	.vjs-default-skin .vjs-chapters-button.vjs-menu-button .vjs-menu .vjs-menu-content {width: 24em;left:-12em}
 
	.vjs-default-skin .vjs-captions-button:focus .vjs-control-content:before,.vjs-default-skin .vjs-captions-button:hover .vjs-control-content:before {
		-webkit-box-shadow: 0 0 1em #fff;
		-moz-box-shadow: 0 0 1em #fff;
		box-shadow: 0 0 1em #fff
	 }
 
	.video-js {
		background-color: #000;
		position: relative;
		padding: 0;
		font-size: 10px;
		vertical-align: middle;
		font-weight: 400;
		font-style: normal;
		font-family: Arial,sans-serif;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none
	 }
 
		.video-js .vjs-tech {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%
		 }
 
		.video-js:-moz-full-screen {position: absolute}
 
body.vjs-full-window {
	padding: 0;
	margin: 0;
	height: 100%;
	overflow-y: auto
 }
 
.video-js.vjs-fullscreen {
	position: fixed;
	overflow: hidden;
	z-index: 1000;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	width: 100%!important;
	height: 100%!important;
	_position: absolute
 }
 
.video-js:-webkit-full-screen {width: 100%!important;height:100%!important}
 
.video-js.vjs-fullscreen.vjs-user-inactive {cursor: none}
 
.vjs-poster {
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: contain;
	cursor: pointer;
	height: 100%;
	margin: 0;
	padding: 0;
	position: relative;
	width: 100%
 }
 
	.vjs-poster img {
		display: block;
		margin: 0 auto;
		max-height: 100%;
		padding: 0;
		width: 100%
	 }
 
.video-js.vjs-using-native-controls .vjs-poster {display: none}
 
.video-js .vjs-text-track-display {
	text-align: center;
	position: absolute;
	bottom: 4em;
	left: 1em;
	right: 1em
 }
 
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {bottom: 1em}
 
.video-js .vjs-text-track {
	display: none;
	font-size: 1.4em;
	text-align: center;
	margin-bottom: .1em;
	background-color: #000;
	background-color: rgba(0,0,0,.5)
 }
 
.video-js .vjs-subtitles {color: #fff}
 
.video-js .vjs-captions {color: #fc6}
 
.vjs-tt-cue {display: block}
 
.vjs-default-skin .vjs-hidden {display: none}
 
.vjs-lock-showing {
	display: block!important;
	opacity: 1;
	visibility: visible
 }
 
.vjs-no-js {
	padding: 20px;
	color: #ccc;
	background-color: #333;
	font-size: 18px;
	font-family: Arial,sans-serif;
	text-align: center;
	width: 300px;
	height: 150px;
	margin: 0 auto
 }
 
	.vjs-no-js a,.vjs-no-js a:visited {color: #F4A460}