/* body {
	margin: 30px;
	padding: 0;
	background: #ddd;
	font-family: Arial, Helvetica, sans-serif;

} */
 
.page_body {
	width: 100%;
	height: 100%;
	/* margin-left: -10px; */
}

.title {
	width: 100%;
	max-width: 854px;
	margin: 0 auto;
}


.vydeo {
	width: 97% !important;
	height: 97% !important;
	margin-bottom: 10px;
	border: 10px solid #f2f2f2;
}
.vydeo img {
	opacity: 1;
}
.vyd{
	padding-bottom: 15px !important;
}


.caption {
	width: 100%;
	max-width: 854px;
	margin: 0 auto;
	padding: 20px 0;
}

.vid-main-wrapper {
	width: 100%;
	max-width: 770px;
/*  max-width: 1100px; */
	/* min-width: 440px; */
	/* background: #fff; */
	background-color: #1c1c1c;
	margin: 0 auto;
	}
          
#yt-sub-lbl {
	position: absolute;
	left: 40px;
	bottom: 68px;
}
#yt-sub-btn {
	position: absolute;
	left: 40px;
	bottom: 35px;
}
#video-count {
	position: absolute;
	right: 40px;
	bottom: 35px;
}

#fb-video-count {
	color: #1c1c1c;
	position: absolute;
	right: 40px;
	bottom: 35px;
}


/*  VIDEO PLAYER CONTAINER
############################### */
.vid-container {
	position: relative;
	padding-bottom: 52%;
	padding-top: 30px; 
	/* height: 0;  */
	width:100%;
	height: 100%;
/*  width:70%; */
/*  float:left; */
}
		 
.vid-container iframe,
.vid-container object,
.vid-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/* min-height: 360px; */
}
#fb-video-container {
    margin-bottom: 20px;
}


/*  VIDEOS PLAYLIST 
############################### */
.yt-vid-list-container {
	width: 100%;
/*  width: 30%; */
	height:360px;
	overflow: hidden;
	background-color: #222;
/*  float:right; */
}
.fb-vid-list-container {
	width: 100%;
/*  width: 30%; */
	height:520px;
	overflow: hidden;
	background-color: #222;
/*  float:right; */
}
.yt-vid-list-container:hover, .yt-vid-list-container:focus {
	overflow-y: auto;
}
ol#vid-list,
ol#fb-vid-list {
	margin:0;
	padding:0;
	background: #222;
}
ol#vid-list li,
ol#fb-vid-list li {
	display: block;
	margin: 0px !important;
	list-style: none;
}
ol#vid-list li a,
ol#fb-vid-list li a {
	text-decoration: none;
	background-color: #222;
	height:55px;
	display:block;
	padding: 10px;
}
ol#vid-list li a:hover,
ol#fb-vid-list li a:hover {
	background-color:#666666
}

ol#fb-vid-list li.fb-tn-P a {
	height:130px !important;
}
ol#fb-vid-list li.fb-tn-L a {
	height:42px !important;
}

.fb-vid-list-container {
	width: 100%;
    /* width: 30%; */
	/* height:360px; */
	overflow: hidden;
	background-color: #222;
/*  float:right; */
}
.fb-vid-list-container:hover, .fb-vid-list-container:focus {
	overflow-y: auto;
}
ol#fb-vid-list {
	margin:0;
	padding:0;
	background: #222;
}
ol#fb-vid-list li {
	display: block;
	margin: 0px !important;
	list-style: none;
	width: 100%;
	height: 100%;
}
ol#fb-vid-list li a {
	text-decoration: none;
	background-color: #222;
	height:55px;
	display:block;
	padding: 10px;
}
ol#fb-vid-list li a:hover {
	background-color:#666666
}



.vid-thumb {
	float:left;
	margin-right: 8px;
}

.active-vid { 
	background:#3A3A3A;
}

#vid-list .desc,
#fb-vid-list .desc {
	text-align: left;
	/* color: #F2F2F2; */
	color: #CACACA;
	font-size: 13px;
	margin-top:5px;
}

@media (max-width: 952px) {
	.page_col_content {
		width: 96%;
	}
	.page_divider {
		width: 96%;
		margin-left: 15px;
	}
	.page_main {
		padding: 35px 38px;
	}
}


@media (max-width: 700px) {
	.page_col {
		margin-left: -10px;
	}
	#yt-sub-lbl {
		display: none;
	}
	.fb-wrap {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	#fb-video-container {
		max-width: 600px;
	}
}

@media (max-width: 460px) {
	.page_col {
		margin-left: -15px;
	}
	#yt-sub-btn {
		left: 28px;
		bottom: 28px;
	}
	#video-count,
	#fb-video-count {
		right: 28px;
		bottom: 28px;
	}
	#fb-video-container {
		max-width: 380px;
	}
}

@media (max-width: 420px) {
	#fb-video-container {
		max-width: 340px;
	}
}

@media (max-width: 380px) {
	.page_main {
		padding: 30px 20px;
	}
	.page_col {
		margin-left: -15px;
	}
	#yt-sub-btn {
		display: none;
		/* left: 28px;
		bottom: 28px; */
	}
	#video-count,
	#fb-video-count {
		font-size: 0.9em;
		/* right: 28px; */
		bottom: 30px;
	}
	ol#fb-vid-list li iframe {
		width: 100%;
		/* height: 100%; */
	}
	#fb-video-container {
		max-width: 300px;
	}
}

@media (max-width: 320px) {
	#fb-video-container {
		max-width: 240px;
	}
}

@media (max-width: 280px) {
	#fb-video-container {
		position: relative;
		left: -10px;
		max-width: 200px;
	}
}