body {
	position: relative;
	padding: 0px;
	margin: 0px;
	width: 1920px;
	height: 1080px;
	/*overflow:hidden;*/ 
	/*-coherent-font-cleartype: on;*/
	-webkit-user-select: none;
	/*background-color:#237B9E;*/
	cursor: default;
}

.title {
	position: absolute;
	z-index: 20;
	top: 20px;
	left: 48px;
	font-family: "RobotoCondensed-Regular";
	font-size: 50px;
	color: #30333B;
}

.logo {
	position: absolute;
	z-index: 20;
	top: 0px;
	left: 1430px;
	width: 460px;
}

.bigvideo {
	position: absolute;
	z-index: 0;
	width: 1920px;
	height: 1080px;
	top: 0;
	left: 0;
	visibility: hidden;
}

.chapter {
	position: absolute;
	z-index: 3;
	top: 160px;
	left: 280px;
	font-family: "RobotoCondensed-Bold";
	font-size: 50px;
	color: #30333B;
	text-transform: uppercase;
}

.frame {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 18;
	pointer-events: none;
	width: 1920px;
	height: 1080px;
}

.right-panel {
	position: absolute;
	padding: 0;
	margin: 0;
	/*margin: 105px 45px 0 0;*/
	left: 1353px;
	top: 103px;
	width: 523px;
	height: 933px;
	background-color: rgba(48, 51, 59, 1); /*#247B9E;*/
	z-index: 2;
	overflow: hidden;
	font-family: "RobotoCondensed-Regular";
	font-weight: bold;
}

.info-panel {
	padding: 0px;
	margin: 0px;
	width: 100%;
	height: 785px;
	z-index: 2;
}

.caption-panel {
	position: absolute;
	padding: 0px;
	margin: 0px;
	top: 2px;
	width: 524px;
	height: auto;
	z-index: 7;
}

.caption {
	position: absolute;
	top: 0px;
	padding: 0px;
	margin: 0px;
	width: 100%;
}

.card-panel {
	padding: 0px;
	margin: 0px;
	width: 100%;
	height: 250px;
}

.info-panel-header {
	padding: 0;
	margin: 0px;
	width: 100%;
	height: 46px;
	background-repeat: no-repeat;
	background-position: 12px 14px;
	background-size: 22px 22px;
	text-transform: uppercase;
	line-height: 49px; /*equal to height*/
	position: relative;
	z-index: 1;
}

	.info-panel-header span {
		font-size: 24px;
		color: #FFFFFF;
		margin: 0 0 0 44px;
		cursor: default;
		top: 2px;
	}

.dark {
	background-color: #30333B;
}

.light {
	background-color: #D9B328;
}

.icon-point {
	background-image: url('../svg/point.svg');
}

.icon-tick {
	background-image: url('../svg/tick.svg');
}

.icon-arrow {
	background-image: url('../svg/arrow.svg');
}

.revolving-arrow {
	position: relative;
	margin: 12px 0px 0px 12px;
	padding: 0px;
	float: left;
	background-image: url('../svg/arrow.svg');
	background-repeat: no-repeat;
	background-position: 0;
	background-size: 22px 22px;
	width: 22px;
	height: 22px;
	/*border: 1px solid red;*/
}

.icon-rod {
	background-image: url('../svg/rod.svg');
}

.gradient {
	position: absolute;
	background-image: url('../svg/gradient.svg');
	background-size: 524px 230px;
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 524px;
	height: 230px;
	top: 0;
	left: 0;
	z-index: 5;
}

.info-panel-content {
	border: 0;
	margin: 0;
	padding: 0;
	background-image: url('../white-icons/oil_seafields_act.svg');
	background-position: 7px 10px;
	background-repeat: no-repeat;
	background-size: 75px 75px;
	min-height: 90px;
}

	.info-panel-content .name {
		color: #D9B328;
		font-size: 26px;
	}

	.info-panel-content table {
		position: relative;
		padding: 0px 21px 0px 90px;
		margin: 0px;
		top: 5px;
		border: 0;
		min-height: 85px;
	}

	.info-panel-content .other {
		font-family: 'RobotoCondensed-Light';
		font-weight: 100;
		margin: 5px 11px 30px 20px;
		color: #FFFFFF;
		font-size: 26px;
		line-height: 28px;
	}

		.info-panel-content .other .status {
			font-family: 'RobotoCondensed-Light';
			font-weight: bold;
			line-height: 28px;
		}

		.info-panel-content .other .date {
			font-family: 'RobotoCondensed-Light';
			font-weight: bold;
			line-height: 28px;
		}


.time-controls {
	position: relative;
	top: 860px;
	left: 57px;
	width: 170px;
	height: 170px;
	padding: 0;
	margin: 0;
	z-index: 4;
}

	.time-controls .button {
		width: 64px;
		height: 64px;
		padding: 0;
		margin: 7px 7px 7px 7px;
		background-repeat: no-repeat;
		background-position: 0;
		background-size: 64px 64px;
		float: left;
	}

.backward {
	background-image: url('../svg/backward.svg');
	visibility: hidden;
}

.button.play {
	background-image: url('../svg/play.svg');
	visibility: hidden;
}

.button.search {
	background-image: url('../svg/search.svg');
	visibility: hidden;
}

.button.pause {
	background-image: url('../svg/pause.svg');
	visibility: hidden;
}

.button.plus {
	background-image: url('../svg/plus.svg');
}

.button.minus {
	background-image: url('../svg/minus.svg');
}

.timeline {
	width: 910px;
	border: 1px solid red;
}

.button.grip {
	position: absolute;
	background-image: url('../svg/sun.svg');
	background-position-x: 0%;
	width: 64px;
	height: 64px;
	left: 90px;
}

.object-card {
	position: absolute;
	top: 0px;
	left: 540px;
	width: 530px;
}

.plot-card {
	position: relative;
	top: 0px;
	left: 550px;
}

.plotVideo {
	width: 100%;
	height: 920px;
	top: -10px;
	opacity: 1;
	visibility: hidden;
	position: absolute;
	z-index: 7;
}

.region-info {
	position: relative;
	top: 0px;
	left: 0px;
	width: 523px;
	left:580px;
}

.region-panel-content {
	position: relative;
	border: 0;
	margin: 0;
	padding: 0;
	min-height: 90px;
	font-size: 26px;
}

.region-panel-content p
{
	padding: 0 20px 0 20px;
	font-size: 20px;
	color:white;
	line-height:17px;
	font-family: 'RobotoCondensed-Light';
	font-weight: 100;
}

.region-panel-content span.name {
	color:#D9B328;
	text-transform:uppercase;
	font-family: 'RobotoCondensed-Bold';
	font-weight: 100;
	font-size: 28px;
}

.region-panel-content .value {
	position: relative;
	color: #FFFFFF;
	font-family: 'RobotoCondensed-Bold';
	font-weight: bold;
	font-size:26px;
	float:right;
	margin-right:32px;
}

.region-panel-content .sum {
	position: relative;
	color: #FFFFFF;
	font-family: 'RobotoCondensed-Bold';
	font-weight: bold;
	font-size:26px;
	float:right;
	margin-right:32px;
}

.search-panel {
	position: absolute;
	left: 550px;
	top: 10px;
	width: 523px;
	height: 932px;
	background-color: rgba(48, 51, 59, 1);
	font-family: "RobotoCondensed-Regular";
	font-size:30px;
}

.search-panel input {
	position: relative;
	top:26px;
	left:26px;
	width:470px;
	height:40px;
	border: 1px solid gray;
	font-family: "RobotoCondensed-Regular";
	font-size:30px;
	color: rgba(48, 51, 59, 1);
}

.search-panel .results
{
	position: relative;
	width: 470px;
	height:810px;
	top:52px;
	left:26px;
	overflow:hidden;
}

.result:nth-child(odd)
{
	color: #FFFFFF; /*rgba(48, 51, 59, 1);*/
	background-color:rgba(48, 51, 59, 1);
	padding:10px 0 10px 0;
	/*border-bottom: 1px solid white;*/
}

.result:nth-child(even)
{
	color: rgba(48, 51, 59, 1);
	background-color:#D9B328;
	padding:10px 0 10px 0;
	/*border-bottom: 1px solid white;*/
}

.result .info
{
	font-size:20px;
}