.navbar
{
	border-radius: 0px;
	margin-bottom: 0px;
}

.navbar-default
{
	border-top: none;
	border-left: none;
	border-right: none;
	background-color: #4CAF50;
	border-color:#388E3C;
}

.navbar-default .navbar-brand, .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:visited
{
	color: #fff;
}

.navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:visited
{
	background-color: none;
	color: #fff;
}

.navbar-toggle
{
	border:none;
}

.navbar-default .navbar-toggle .icon-bar
{
	background-color:#fff;
}

.thumbnail
{
	margin: 0px 8px 20px 8px;
	min-height: 600px;
}

.btnviewvdo
{
	position: absolute;
	width: 90%;
	bottom: 35px;
	overflow: hidden;
	background-color: #eee;
	padding: 5px 0px;
	color:#898686;
}

.btn-block
{
	font-size: 20px;
}

.parent {
  	position: relative;
}

.parent a:before{
	 content: '';
	position: absolute;
	  width: 100%;
	  height: 100%;
	  z-index: 999;
}

.parent iframe {
  	width: 100%;
}

.parent:before {
	  content: '';
	  position: absolute;
	  width: 100%;
	  height: 100%;
	  background: rgba(0, 0, 0, 0.1);
}



/******************************* DETAIL *********************************/
.boxvdodetail
{
	width: 100%;
	overflow: hidden;
}

.boxquestionaire
{
	width: 100%;
	overflow: hidden;
}

.boxmsg
{
	width: 100%;
	overflow: hidden;
}

iframe
{
	width: 100%;
	height: 480px;
}

@media (max-width: 768px) {
	  .boxvdodetail
	{
		width: 100%;
	}

	.boxquestionaire
	{
		width: 100%;
	}

	.boxmsg
	{
		width: 100%;
	}

	iframe
	{
		width: 100%;
		height: 360px;
	}
  }

footer
{
	background-color: #9E9E9E;
	color: #fff;
	padding:20px 0px 10px 0px;
}