.timeline {
	position: relative;
	display: block;
	overflow: auto;
	margin-top: 10px;
	height: 400px;
	background: url(arrow.png) no-repeat;
	background-position: 0px 0px;
  width: 875px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 768px) {
  .timeline-wrapper {
    display: none;
  }
}

.first {
	margin-left:50px;
	margin-top:26px;
}

.second {
	margin-left:5px;
	margin-top:26px;
}

.third {
	margin-left:75px;
	margin-top:26px;
}

.fourth {
	margin-left:60px;
	margin-top:26px;
}

.fifth {
	margin-left:75px;
	margin-top:26px;
}

.sixth {
	margin-left:80px;
	margin-top:26px;
}
.seventh {
	margin-left:75px;
	margin-top:26px;
}

.eigth {
	margin-left:10px;
	margin-top:26px;
}

.heart {
	display:block;
	position: relative;
	text-indent: -9999px;
	width: 46px;
	height: 44px;
	background: url(heart.png) no-repeat;
  float:left;
  cursor: pointer;
}

.heart span {
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	background: url(heart.png) no-repeat;
	background-position: -46px 0;
	opacity: 0;
	filter:alpha(opacity=0);
	-webkit-transition: opacity 0.5s;
	-moz-transition:    opacity 0.5s;
	-o-transition:      opacity 0.5s;
	-ms-transition:     opacity 0.5s;
}

.heart:hover span {
	opacity: 1;
	filter: alpha(opacity=100);
}

.highlights h4 {
	display: none;
	position: absolute;
	background-color: #dac999;
	margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
	width: 550px;
	top: 80px;
	text-align: center;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: opacity 0.5s;
	-moz-transition:    opacity 0.5s;
	-o-transition:      opacity 0.5s;
	-ms-transition:     opacity 0.5s;
}

.highlights:hover h4 {
	display: block;
	opacity: 1;
	filter: alpha(opacity=100);
}

.highlights h4 span {
  font-family: 'Parisienne', cursive;
	font-size: 40px;
	line-height: 40px;
}