*{margin: 0;padding: 0;}

#container-time
{
	display: block;
	height: 600px;
	width: 100%;
	background: #212222;
	overflow: hidden;
	position: relative;
	padding-top: 50px;
	padding-bottom: 50px;
}

#thumbs
{
background-color: #212222;
position: absolute;
top: 0px;
left: 0px;
height: 100%;
width: auto;
overflow: hidden;
white-space: nowrap;
padding: 40px 15px;
}

.history-block {
  height: 100%;
  width: 320px;
  background-color: #212222;
  margin: 0 -2px;
  border-right: 10px solid #212222;
  display: inline-block;
  font-family: "Roboto", Tahoma, Geneva, Verdana, sans-serif;
  font-size:60px;
  font-weight: 100;
  color: #FFF;
  cursor: pointer;
  transition: width 0.2s;
}

.history-block:hover {
  width: 320px;
  height: 100%;
  transition: background .5s;
  background: rgba(0,0,0,0.8);
}

.history-block:last-of-type {
  border-right: none;
}

.cover {
	width: 100%;
	height: 100%;
	transition: background .5s;
	background: rgb(0,0,0);
	background: -moz-linear-gradient(180deg, rgba(0,0,0,0.6124650543811274) 10%, rgba(232,232,232,0) 40%);
	background: -webkit-linear-gradient(180deg, rgba(0,0,0,0.6124650543811274) 10%, rgba(232,232,232,0) 40%);
	background: linear-gradient(180deg, rgba(0,0,0,0.6124650543811274) 10%, rgba(232,232,232,0) 40%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#e8e8e8",GradientType=1);
}

.cover:hover {
  width: 100%;
  height: 100%;
  transition: background .5s;
  background: rgba(0,0,0,0.8);
}

.year {
  position: absolute;
  top: 40px;
  font-size: 2rem;
  font-weight:500;
  margin: 40px 22px;
}




.title {
  position: absolute;
  display: block;
  width: 260px;
  top: 110px;
  font-family: 'Roboto Condensed', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 1.1rem;
  text-transform: none;
  font-weight: 400;
  margin: 25px;
  white-space: normal;
  transition: width 0.2s;
}

.timeline {
  display:none;
  position: absolute;
  bottom: 80px;
  font-size: 20px;
  margin: 20px;
  transition: display 0.8s;
}

.timeline ul {
  margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

.timeline ul li {
  display: inline;
  font-size: 15px;
  font-weight: 100;
  padding: 0px 5px;
}

.timeline ul li {
  display: inline;
  font-size: 15px;
  font-weight: 100;
  padding: 0px 5px;
}

.timeline ul li:before {
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  color: rgba(255,255,255,0.5);
  content: '\f10c';
  position: absolute;
  top: 30px;
  margin-left:10px;
  transition: all 0.5s;
}

.timeline ul li:after {
  content: '';
  position: absolute;
  top: 40px;
  margin-left:-10px;
  width: 36px;
  height:2px;
  border: 1px solid rgba(255,255,255,0.5);
  transition: all 0.5s;
}

.timelineYear, .timelineYear:hover {
  text-decoration: none;
  color: #fff;
  transition: all 0.8s;
}

.timeline ul li:hover:before {
  content: '\f111';
  color: #ffffff;
  font-size: 18px;
  transition: all 0.5s;
  top: 29px;
  margin-left:9px
}

.timeline ul li:hover:after {
  content: '';
  position: absolute;
  top: 40px;
  margin-left:-10px;
  width: 36px;
  height:2px;
  border: 1px solid #fff;
  transition: all 0.5s;
}

.timeline ul li:hover .timelineYear {
  position: static;
  top:-10px;
}

.bg-76 {
  background-image: url("/files/40/4021.jpg");
  background-size:cover;
}

.bg-86 {
  background-image: url("/files/40/4020.jpg");
  background-size:cover;
}

.bg-96 {
  background-image: url("/files/40/4019.jpg");
  background-size:cover;
}

.bg-06 {
  background-image: url("/files/40/4018.jpg");
  background-size:cover;
}

.bg-16 {
  background-image: url("/files/40/4017.jpg");
  background-size:cover;
}

.bg-21 {
  background-image: url("/files/40/4016.jpg");
  background-size:cover;
}

.bg-22 {
  background-image: url("/files/40/4015.jpg");
  background-size:cover;
}


.bg-edi-1700{
  background-image: url("/files/44/4474.jpg");
  background-size:cover;
}


.bg-edi-1840{
  background-image: url("/files/44/4473.jpg");
  background-size:cover;
}

.bg-edi-1869{
  background-image: url("/files/44/4472.jpg");
  background-size:cover;
}

.bg-edi-1987{
  background-image: url("/files/44/4471.jpg");
  background-size:cover;
}

.bg-edi-1992{
  background-image: url("/files/44/4470.jpg");
  background-size:cover;
}

.bg-edi-1998 {
  background-image: url("/files/45/4582.jpg");
  background-size: cover;
}

.bg-edi-2001{
  background-image: url("/files/44/4469.jpg");
  background-size:cover;
}


.bg-1992 {
  background-image: url("/files/46/4619.jpg");
  background-size: cover;
}

.bg-1994 {
  background-image: url("/files/46/4620.jpg");
  background-size: cover;
}

.bg-1995 {
  background-image: url("/files/46/4621.jpg");
  background-size: cover;
}

.bg-1997 {
  background-image: url("/files/46/4622.jpg");
  background-size: cover;
}

.bg-1999 {
  background-image: url("/files/46/4623.jpg");
  background-size: cover;
}



.bg-2000 {
  background-image: url("/files/46/4624.jpg");
  background-size: cover;
}

.bg-2001 {
  background-image: url("/files/46/4625.jpg");
  background-size: cover;
}

.bg-2004 {
  background-image: url("/files/46/4633.jpg");
  background-size: cover;
}

.bg-2005 {
  background-image: url("/files/46/4632.jpg");
  background-size: cover;
}

.bg-2006 {
  background-image: url("/files/46/4634.jpg");
  background-size: cover;
}


.bg-2012 {
  background-image: url("/files/46/4635.jpg");
  background-size: cover;
}

.bg-2013 {
  background-image: url("/files/46/4636.jpg");
  background-size: cover;
}

.bg-2014 {
  background-image: url("/files/46/4637.jpg");
  background-size: cover;
}

.bg-2015 {
  background-image: url("/files/46/4638.jpg");
  background-size: cover;
}

.bg-2016 {
  background-image: url("/files/46/4639.jpg");
  background-size: cover;
}

.bg-2018 {
  background-image: url("/files/46/4640.jpg");
  background-size: cover;
}

.bg-2019 {
  background-image: url("/files/46/4641.jpg");
  background-size: cover;
}

.bg-2020 {
  background-image: url("/files/46/4642.jpg");
  background-size: cover;
}

.bg-2021 {
  background-image: url("/files/46/4643.jpg");
  background-size: cover;
}

.bg-2022 {
  background-image: url("/files/46/4644.jpg");
  background-size: cover;
}

.bg-2023 {
  background-image: url("/files/50/5085.jpg");
  background-size: cover;
}

.bg-2024 {
  background-image: url("/files/50/5086.jpg");
  background-size: cover;
}