body{
	font-family: Arial, sans-serif; 
	background: #000000;
	color: #e4ad50;
	height: 100%; 
	margin: 0;
	padding: 0;
}

.container-fluid{
	height:100%;
	display:table;
	width: 100%;
	padding: 0;
}
 
.row-fluid {
	height: 100%; 
	display:table-cell; 
	vertical-align: middle;
}
 
.centering {
	float:none;
	margin:0 auto;
}

.btn{
	width: 150px !important;
	color: #e4ad50;
	background: #000000;
	border: #000000;
}

.btn:hover{
	color: #000000;
	background: #e4ad50;
}

.btn:selected{
	color: #e4ad50;
	background: #000000;
}

.form-control{
	color: #000000 !important;
	background: #e4ad50 !important;
	border: #e4ad50 !important;
}

#title{
	padding: 15px;
}

#player{
	float:none;
	margin:0 auto;
}

#dp-logo-part{
	display: inline-block;
	vertical-align: middle;
	float: none;
	max-height: 380px;	
}

#playercontainer{
	display: inline-block;
	vertical-align: middle;
	float: none;
}

#details{
	padding-top: 10px;
}

#videlink{
	color: #e4ad50;
}

a:link{
	color: #e4ad50;
}

a:visited{
	color: #e4ad50;
}

.alert{
	visibility: hidden;
	display: none;
}

.alert{
	visibility: hidden;
	display: none;
}
/*
.alert-success{
	visibility: inherit;
	display: inherit;
}
*/

.progress{
	max-width: 50%;
}

.progress-bar{
	color: #000000 !important;
	background: #e4ad50 !important;
}

@media all and (max-width: 1030px) {
	#title{
		width: 100%;
	}

	#dp-logo-part{
		visibility: hidden;
		display: none;
	}

	#playercontainer{
		width: 100%;
	}

	#logo-background{
		background-image: url("../img/logo.png");
		background-size: 100% 100%;
	}

	.h_iframe img{
		background: #000000;
	}
	html,body        {height:100%;}
	.wrapper         {width:80%;height:100%;margin:0 auto;background:#CCC}
	.h_iframe        {position:relative;}
	.h_iframe .ratio {display:block;width:100%;height:auto;}
	.h_iframe iframe {position:absolute;top:0;left:0;width:100%; height:100%;}

}