.node-type-video-page {
	background: url('../images/bg-video=page.jpg') no-repeat center center fixed;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.btn-container {
	  padding: 20px;
}
.btn-container-up {
	  padding: 0px 20px 20px 20px;
}
a.btn-up {
	display: block;
	width: 100%;
	height: 24px;
	text-indent: -9999px;
	background:url("../images/video-left-right-arrows.png") center 0px no-repeat;
	opacity: 0.7;
}
a.btn-up:hover {
	opacity: 1;
}
a.btn-up.disabled {
	opacity: 0.3;
}
a.btn-down {
	display: block;
	width: 100%;
	height: 24px;
	text-indent: -9999px;
	background:url("../images/video-left-right-arrows.png") center -47px no-repeat;
	opacity: 0.7;
}
a.btn-down:hover {
	opacity: 1;
}
a.btn-down.disabled {
	opacity: 0.3;
}
.all-playlist-container {
	width: 100%;
	height: 600px;
	position: relative;
	overflow: hidden;	
}
.all-playlists {
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
	padding: 2%;
}
.playlist-container {
	width: 100%;
	display: inline-block;
	margin-bottom: 20px;
}

.playlist-title {
	width: 100%;
	display: block;
	clear: both;
	font-family: 'Montserrat', sans-serif;
	color: #ffffff;
	font-size: 18px;
	line-height: 22px;
	text-transform: uppercase;
	margin-bottom: 5px;
	padding-left: 5px;
}
.video-content {
	width: 36%;
	float: left;
	margin-right: 5%;
	
	display: block;
	padding-bottom: 50px;
	padding-top: 90px;
	background: url("../images/bg-transparent-video.png");
}
.video-title {
	background-color: #192233;
	font-family: 'Montserrat', sans-serif;
	font-size: 13px;
	line-height: 18px;
	color: #ffffff;
	text-transform: uppercase;
	letter-spacing: 1px;
	width: 100%;
	height: auto;
	padding: 10px;
	float: left;
}
.video-title span.video-title-container {
	float: left;
	width: 75%;
	height: 18px;
  	overflow: hidden;
}
.video-title span.video-time-container {
	float: right;
	width: 25%;
	text-align: right;
}

.video-thumb img {
	width: 100%;
	height: auto;
}

.video-thumb {
	float: left;
	width: 48%;
	margin-left: 1%;
	margin-right: 1%;
	margin-bottom: 2%;
	position: relative;
}

.video-thumb.now-playing .overlay {
	display: block;
	background:rgba(10,12,12,.8);
}

.video-thumb.now-playing .overlay .now-playing-text {
	display: block;
}

.video-thumb.now-playing .video-play-btn {
	display: none;
}

.video-thumb .overlay {
	width: 100%;
	height: 100%;
	background: url("../images/image-overlay-bg.png");
	position: absolute;
	z-index: 200;
	top: 0px;
	left: 0px;
	font-family: 'Montserrat', sans-serif;
	font-size: 18px;
	line-height: 18px;
	text-align: center;
	display: none;
}

.video-thumb.over .overlay {
	display: block;
}

.video-thumb .overlay .now-playing-text {
	width: 100%;
	position: relative;
	color: #d22222;
	margin-top: 32%;
	display: none;
}

.content-video {
	width: 100%;
  	position: relative;
  	height: auto;
  	float: left;
}
.content-play-btn {
	position: absolute;
  	width: 100%;
  	height: 100%;
}
.content-play-btn .video-play-btn {
  	overflow: auto;
  	margin: auto;
  	position: absolute;
  	top: 0; 
  	left: 0; 
  	bottom: 0; 
  	right: 0;
  	background: url("../images/btn-video-play.png");
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -9999px;
}

#main-video-container {
	width: 54%;
	float: left;
	margin-left: 4%;
	margin-right: 1%;
	margin-top: 90px;
	position: relative;
}

.you-tube-video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; 
    height: 0; 
    overflow: hidden;
}
 
.you-tube-video-container iframe,
.you-tube-video-container object,
.you-tube-video-container embed {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

#main-video-container h2 {
	font-family: 'Montserrat', sans-serif;
	font-size: 35px;
	line-height: 30px;
	color: #ffffff;
	text-transform: uppercase;
	padding-bottom: 15px;
	width: 100%;
	display: block;
	float: left;
	margin-right: 2%;
}

#main-video-description {
	clear: both;
	width: 90%;
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #ffffff;
}

.main-youtube-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px; height: 0; overflow: hidden;
}

.main-youtube-container iframe, .responsiveyoutube object, .responsiveyoutube embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.node-type-video-page .footer {
	/*position: relative;*/
	float: left;
}

@media (max-width: 976px) {
	.video-thumb {
		float: left;
		width: 98%;
	}
	#main-video-container h2 {
		width: 70%;
	}

	#main-video-container .social-shares {
		width: 25%;
	}
}

@media (max-width: 768px) {
	.video-thumb {
		float: left;
		width: 48%;
	}
	#main-video-container {
		width: 96%;
		float: none;
		margin-left: 0%;
		margin-right: 0%;
		margin: 0 auto;
		margin-top: 60px;
	}
	.video-content {
		width: 96%;
		float: none;
		margin-right: 0%;
		display: block;
		padding-bottom: 50px;
		margin: 0 auto;
		padding-top: 40px;
	}
	#main-video-container h2 {
		font-size: 22px;
		line-height: 24px;
		width: 70%;
	}
	#main-video-container .social-shares #fb-share {
		
		margin-right: 5%;
	}

	#main-video-container .social-shares #twitter-share {
		
		margin-right: 5%;
	}
}

@media (max-width: 400px) {
	.video-thumb {
		float: left;
		width: 98%;
		margin-left: 1%;
		margin-right: 1%;
		margin-bottom: 2%;
		position: relative;
	}

	.video-content {
		padding-top: 0px;
		padding-bottom: 20px;
	}
}