.title{
	position:relative;
  	top: 30%;
  	font-size: 100px;
  	color: #ffffff;
}
.bgimage {
	background-image: url('../images/milk_1100.jpg');
	background-position: center top;
	background-size: cover;
	width: auto;
	height:30%;
}
.fadeout{
	position: relative;
	height: 100%;
	background-color: #232323;
	z-index: 3;
	opacity: 0.2;
}
#video_player{
	width: 940px;
	position:relative;
}
.video_overlay{
	position:absolute;
	top: 0;
	right: 0;
	width: 480px;
	height: 485px;
	z-index: 3;
	/*
	background-color: #778691;
	transform: translate(-50%);*/
	display: none;
}
.inner_content{
	position:relative;
	height: 100%;
}
.graphic{
	position:absolute;
	width: 70%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.axipath,
.axis line {
  fill: none;
  stroke: #FFFFFF;
  stroke-width: 3.0;
  shape-rendering: auto;
}
.axis path {
  fill: none;
  stroke: #FFFFFF;
  stroke-width: 3.0;
}
.axis text {
  fill: #FFFFFF;
  font-size:16px;
}
.xy-label {
  color: #ffffff;
  fill: #ffffff;
}
.xy-label-dark {
  color: #000000;
  fill: #000000;
}
/*text {
  color: #FFFFFF;
}*/
.y.axis tick {
  display: none;
}
.line {
  fill: none;
  stroke-width: 6.0;
  stroke: #FFFFFF;
  /*overflow: hidden;*/
}

.graph_area {
	position: absolute;
   top:40px;
  overflow: visible;
  z-index: 50;
}
.graph_overlay{
  cursor: pointer;
  fill: #FFFFFF;
  opacity: 0;
}