.timeline-page-title {
	padding:75px 25px 25px 25px;
	position:fixed;
	top:0;
	left:0;
	right:0;
  background:url(/sites/default/files/webicons/bg-home-title-2475.png) repeat-x center bottom;
  z-index:10;
}

.timeline-page-title .website-title {
	width:100%;
	height:75px;
  background: url(/sites/default/files/webicons/logo-objects-2475-mobile-eng.png) no-repeat center bottom;
  background-size: 100% auto;
  text-indent: -5000px;
}

.display-menu-status {
	position:fixed;
	top:0;
	left:0;
	margin: 0 0 0 50px;
	z-index:200;
	border-bottom:1px solid #000;
	right:0;
}
.display-menu-status-list {
	padding:0;
	margin:0;
}
.menu-status {
    display: flex;
    flex-shrink: 0;
    height:50px;
    padding:0;
    margin:0;
}
.menu-status .menu-status-item {
    padding:0;
    margin:0;
    cursor: pointer;
    text-align: center;
    white-space: nowrap;
    list-style:none;
    background:#fff;
  	border-right:1px solid #000;
}
.menu-status .menu-status-item a {
 	font-family: 'Raphen Madam';
 	display:block;
 	height:50px;
 	text-indent:-5000px;
}


.menu-status-item.item-1 {
	width:24%;
}
.menu-status-item.item-1 a {
	background:url(/sites/default/files/webicons/menu-item-1-eng.png) center center;
	background-size:100% auto;
}
.menu-status-item.item-1.item-active a {
	background:url(/sites/default/files/webicons/menu-item-1-active-eng.png) center center;
	background-size:100% auto;
}
.menu-status-item.item-2 {
	width:18%;
}
.menu-status-item.item-2 a {
	background:url(/sites/default/files/webicons/menu-item-2-eng.png) center center;
	background-size:100% auto;
}
.menu-status-item.item-2.item-active a {
	background:url(/sites/default/files/webicons/menu-item-2-active-eng.png) center center;
	background-size:100% auto;
}
.menu-status-item.item-3 {
	width:28%;
}
.menu-status-item.item-3 a {
	background:url(/sites/default/files/webicons/menu-item-3-eng.png) center center;
	background-size:100% auto;
}
.menu-status-item.item-3.item-active a {
	background:url(/sites/default/files/webicons/menu-item-3-active-eng.png) center center;
	background-size:100% auto;
}
.menu-status-item.item-4 {
	width:16%;
}
.menu-status-item.item-4 a {
	background:url(/sites/default/files/webicons/menu-item-4-eng.png) center center;
	background-size:100% auto;
}
.menu-status-item.item-4.item-active a {
	background:url(/sites/default/files/webicons/menu-item-4-active-eng.png) center center;
	background-size:100% auto;
}
.menu-status-item.item-5 {
	width:14%;
}
.menu-status-item.item-5 a {
	background:url(/sites/default/files/webicons/menu-item-5-eng.png) center center;
	background-size:100% auto;
}
.menu-status-item.item-5.item-active a {
	background:url(/sites/default/files/webicons/menu-item-5-active-eng.png) center center;
	background-size:100% auto;
}



.header-top.header {
	height:50px;
}

.object-item img.grayscale {
  filter: grayscale(100%);
  opacity: 0.1;
}


#block-vanipro-views-block-timeline-period-1-block-1 {
	padding-top:150px;
}

#block-vanipro-views-block-timeline-period-1-block-1 .block-content,
#block-vanipro-views-block-timeline-period-2-block-1 .block-content,
#block-vanipro-views-block-timeline-period-3-block-1 .block-content,
#block-vanipro-views-block-timeline-period-4-block-1 .block-content {
	background: url(/sites/default/files/webicons/bg-timeline-center.jpg) repeat-y center;
}

.object-timeline .views-row {
	height:120px;
}
.object-timeline .views-row .views-field-nothing .field-content {
	display:block;
	position:relative;
	width:100%;
}
.object-item {
	display:block;
	width:120px;
	height:120px;
}
.build-by-state {
	position:absolute;
	right:51%;
}
.build-by-public {
	position:absolute;
	left:51%;
}
.object-picture img {
	margin:0;
}
.object-name a {
	text-align:center;
	font-size:0.6em;
	line-height:1.4em;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	opacity: 0;
	padding:50px 0;
	color:#fff;
	text-decoration:none;
}

.object-name a:hover {
	opacity: 1;
	background:url(/sites/default/files/webicons/bg-timeline-objects.png);
}

.object-timeline .view-header {
	position: sticky;
	top:175px;
	padding:0 25px;
	z-index:1;
}
.object-timeline .view-content {
	padding:0 0 500px 0;
	position:relative;
	z-index:2;
}

.period-block {
	display:flex;
	font-family: 'Raphen Madam';
	line-height:1em;
	letter-spacing:1px;
}
.period-title {
	flex:1;
}
.period-title-number {
	font-size:2em;
}
.period-length {
	flex:1;
	text-align:right;
}
.period-length-year {
	font-size:2em;
}

.timeline-created-side {
	position: fixed;
  top: 60%;
  left: 50%;
  width: 100%;
  display: flex;
  transform: translate(-50%);
	font-size:0.7em;
	line-height:1.2em;
	padding:0 25px;
	z-index:1;
}
.timeline-made-by-state {
	flex:1;
}
.timeline-made-by-public {
	flex:1;
	text-align:right;
}


.timeline-obj-architecture.item-active img {
	filter: sepia(1) hue-rotate(110deg) saturate(1) brightness(1) contrast(1);
}
.timeline-obj-art.item-active img {
	filter: sepia(1) hue-rotate(20deg) saturate(2) brightness(0.8);
}
.timeline-obj-culture.item-active img {
	filter: sepia(1) hue-rotate(300deg) saturate(3) brightness(1.3);
}
.timeline-obj-publication.item-active img {
	filter: sepia(1) hue-rotate(180deg) saturate(5) brightness(0.75) contrast(5);
}


@media screen and (min-width:768px) {
	
	.timeline-page-title {
		width:740px;
		margin:0 auto;
	}
	.timeline-page-title .website-title {
		height:150px;
	}

	#block-vanipro-views-block-timeline-period-1-block-1 {
		padding-top:250px;
	}
	
	.object-timeline .view-header {
		position: sticky;
		top:250px;
		padding:0;
	}


	.object-timeline .views-row {
		height:150px;
	}
	.object-item {
		display:block;
		width:150px;
		height:150px;
	}

	.timeline-created-side {
	  width: 740px;
	  transform: translate(-50%);
	  padding:0;
	}

}