/* nav style */
nav {
	background-color: #fff !important;
}
/* Global Footer */
.vvfooter {text-align: center; position: fixed; bottom: 0px; }
/* Collapsible styles */
.collapsible {
	background-color: #777;
	color: white;
	cursor: pointer;
	padding: 18px;
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
	font-size: 15px;
	border-radius: 3px;
	margin-top: 1px;
  }
.collapsible:hover {
	background-color: #555;

	color: white !important;
  }
.collapsible:after {
	content: '\f067'; 
	font-size: 15px;
	color: white !important;
	font-family: FontAwesome;
	float: right;
  } 
.active:after {
	content: "\f068"; 
	color: white !important;
	font-size: 15px;
	float: right;
  }
.content {
	padding: 0 18px;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
	background-color: #f1f1f1;
  }
/* Misc Styles */
.amp-interactive {
	position: static!important;
}

.btn:hover {
	background-color: #cacaca;
}
/* Screen size differences */
@media only screen and (orientation: portrait) and (max-width:450px) {
	body {background-color: #f5f5f5; overflow: scroll; -webkit-overflow-scrolling: touch; max-width: 100% !important; overflow-x: hidden !important;}
	.ddesc { padding: 10px; background-color: #f5f5f5;color: #000; text-align: left; width: 100% }
	.hheader {background-color: #fff; display: block; padding: 0 0 0 10px;}
	.vvlogo {height:40px; display: block; margin: 0 auto;}
	.vvcontentbox {width: 100%; margin: auto; text-align: left; border-radius: 3px; padding: 20px; background-color: #f5f5f5}
	.banner {margin: auto;width: 50%;}
	.vvcontent {padding: 1em;}
	.my-video-dimensions {width: 100%; height: 100%;}
	.vvmediabox-audio {width: 100%; height: 100%; margin: auto; text-align: left; border-radius: 3px; background-color: #f5f5f5;}
	.vvmediabox-video {width: 100%; height: 100%; margin: auto; text-align: left; border-radius: 3px; background-color: #f5f5f5;}
	.vvplayer-audio {border-style: none; margin: auto; width: 100%; height: 20em;}
	.vvplayer-video {border-style: none; margin: auto; width: 100%; height: 20em;}
	.vvqatext {text-align: left; width: 100%; margin: auto;}
	.vvqabox {width: 100%; text-align: left; border-radius: 3px; /*padding: 20px 20px 20px 20px;*/ background-color: #f5f5f5}
	.vvqabutton {margin: 0 0 20px 20px;}
}
@media only screen and (orientation: landscape) and (max-width: 1000px) {
	body {background-color: #f5f5f5; overflow: scroll; -webkit-overflow-scrolling: touch; max-width: 100% !important; overflow-x: hidden !important;}
	.ddesc { padding: 10px;background-color: #f5f5f5;color: #000; text-align: left; width: 100%}
	.hheader {background-color: #fff; display: block; padding: 0 0 0 10px;}
	.vvcontentbox {width: 100%; margin: auto; text-align: left; border-radius: 3px; padding: 20px; background-color: #f5f5f5}
	.banner {margin: auto;width: 50%;}
	.vvcontent {padding: 1em;}
	.vvlogo {height:40px; display: block; margin: 0 auto;}
	.my-video-dimensions {width: 100%; height: 100%;}
	.vvmediabox-audio {width: 100%; height: 100%; margin: auto; text-align: left; border-radius: 3px; background-color: #f5f5f5;}
	.vvmediabox-video {width: 100%; height: 100%; margin: auto; text-align: left; border-radius: 3px; background-color: #f5f5f5;}
	.vvplayer-audio {border-style: none; margin: auto; width: 100%; height: 20em;}
	.vvplayer-video {border-style: none; margin: auto; width: 100%; height: 20em;}
	.vvqabox {width: 100%; text-align: left; border-radius: 3px; padding: 20px 20px 20px 20px; background-color: #f5f5f5}
	.vvqatext {text-align: left; width: 100%; margin: auto;}
	.vvqabutton {margin: 0 0 20px 20px;}
}
@media only screen and (orientation:portrait) and (min-width: 450px) and (max-width: 1000px) {
	body {background-color: #e1e1e1; overflow: scroll; -webkit-overflow-scrolling: touch; overflow-x: hidden}
	.vvcontent {padding: 1em;}
	.vvcontentbox {width: 25rem; margin: auto; text-align: left; border-radius: 3px; padding: 20px; background-color: #f5f5f5}
	.ddesc { padding: 10px;width: 100%; margin: 0; background-color: #f5f5f5;color: #000; font-size: 0.9em;}
	.hheader {background-color: #fff; display: block; padding: 10px;}
	.banner {margin: auto;width: 50%;}
	.vvlogo{width: 300px; height: 75px; display: block; margin: 0 auto;}
 	.vvheaderbox-audio {width: 25em; margin: auto;}
	.vvheaderbox-video {width: 50%; margin: auto;}
	.my-video-dimensions {width: 100%; height: 100%;}
	.vvplayer-audio {border-style: none; margin: auto; width: 100%; height: 25em;}
	.vvplayer-video {border-style: none; margin: auto; width: 100%; height: 50em;}
	.vvqatext {text-align: left; width: 100%; margin: auto;}
	.vvmediabox-audio {width: 25em; /*height: 30em;*/ margin: auto; text-align: left; border-radius: 3px; background-color: #f5f5f5;padding: 0;}
	.vvmediabox-video {width: 50%; /*height: 45em;*/ margin: auto; text-align: left; border-radius: 3px; background-color: #f5f5f5;padding: 0;}
	.vvqabutton {margin: 0 0 10px 7px;}
}
 @media only screen and (min-width: 1000px) {
	body {background-color: #e1e1e1; overflow: scroll; -webkit-overflow-scrolling: touch; overflow-x: hidden}
	.vvcontent {padding: 1em;}
	.vvcontentbox {width: 25rem; margin: auto; text-align: left; border-radius: 3px; padding: 20px; background-color: #f5f5f5}
	.ddesc { padding: 10px;width: 100%; margin: 0; background-color: #f5f5f5;color: #000; font-size: 0.9em;}
	.hheader {background-color: #fff; display: block; padding: 10px;}
	.banner {margin: auto;width: 50%;}
	.vvlogo{width: 300px; height: 75px; display: block; margin: 0 auto;}
 	.vvheaderbox-audio {width: 25em; margin: auto;}
	.vvheaderbox-video {width: 50%; margin: auto;}
	.my-video-dimensions {width: 100%; height: 100%;}
	.vvplayer-audio {border-style: none; margin: auto; width: 100%; height: 25em;}
	.vvplayer-video {border-style: none; margin: auto; width: 100%; height: 50em;}
	.vvqatext {text-align: left; width: 100%; margin: auto;}
	.vvmediabox-audio {width: 25em; /*height: 30em;*/ margin: auto; text-align: left; border-radius: 3px; background-color: #f5f5f5;padding: 0;}
	.vvmediabox-video {width: 50%; /*height: 45em;*/ margin: auto; text-align: left; border-radius: 3px; background-color: #f5f5f5;padding: 0;}
	.vvqabutton {margin: 0 0 10px 7px;}
}

.vjs-theme-sea .vjs-big-play-button {
	width: 90px;
	/* Button top left */
	/* margin-top: 0;
	margin-left: 0;
	left: 0.5em;
	top: 0.5em; */
	/* Button center */
	margin: -50px auto 0 -50px;
	
}
/* changes the color of the control bar */
.vjs-theme-sea .vjs-control-bar {
	background-color: #777777
}
.video-js .vjs-control-bar,
.video-js .vjs-big-play-button,
.video-js .vjs-menu-button .vjs-menu-content {
  /* IE8 - has no alpha support */
  background-color: #777777;
  /* Opacity: 1.0 = 100%, 0.0 = 0% */
  background-color: #777777;
}
/* Event description overlay */
.center {
	position: absolute;
	top: 25%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: white;
    font-size: 18px;
    text-align: center;
	font-weight: bold;
}

.vjs-error .vjs-error-display:before{
	content: ''!important;
}

.vjs-error .vjs-error-display .vjs-modal-dialog-content{
	font-size: 2em!important;
}

.video-js .vjs-modal-dialog {
	background: rgba(0, 0, 0, .5)!important;
}