body {
	background: url("../images/light_toast.png") repeat;
}

.video-wrapper {
	background-image: radial-gradient(circle, #07285b, #04224e, #021b41, #011535, #010d29);
	-webkit-box-shadow: 0 0 10px 1px rgba(6,39,91,0.5);
	box-shadow: 0 0 10px 1px rgba(6,39,91,0.5);
	z-index: 5;
}

.logo {
	max-width: 250px;
}

.video-wrapper .video {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	background: url("../images/poster.png") no-repeat #000000;
	background-size: cover;
}

@media(max-width: 767px){
	.video-wrapper .col-12, .video-wrapper .container {
		padding-left: 0;
		padding-right: 0;
	}


	.header {
		margin-bottom: 10px !important;
		margin-top: 10px !important;
	}

	.header .logo {
		margin-bottom: 0px !important;
		margin-top: 0px !important;
	}


	.header .col-12 {
		text-align: center !important;
	}
}

.video-wrapper .container video {
	-webkit-box-shadow: 12px 0 15px -4px rgba(1, 14, 42, 0.3), -12px 0 8px -4px rgba(1, 14, 42, 0.3), 0 -12px 15px -4px rgba(1,14,42,0.3);
	box-shadow: 12px 0 15px -4px rgba(1, 14, 42, 0.3), -12px 0 8px -4px rgba(1, 14, 42, 0.3), 0 -12px 15px -4px rgba(1,14,42,0.3);
}

.login_button {
	bottom: 0;
	position: absolute;
	border-radius: 0 !important;
}

.pervious-lives {
	overflow-y: auto;
}

.pervious-lives .pervious-live-thumbnail {
	width: 200px;
}

.jw-error-msg {
	display: none !important;
}

@keyframes flickerAnimation {
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-o-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
.animate-flicker {
   -webkit-animation: flickerAnimation 1s infinite;
   -moz-animation: flickerAnimation 1s infinite;
   -o-animation: flickerAnimation 1s infinite;
    animation: flickerAnimation 1s infinite;
}